html	{margin:0; padding:0; border-width:0; } 
body	{margin:0; padding:0; border-width:0;top:0; left:0;}
		
div,dl,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset
		{margin:0;padding:0;border:none; border-width:0;text-align:left;font-weight:normal;	}
a		{font-weight:normal;border:none; text-decoration:none; }
li		{list-style-type:none;  }
table	{border-collapse:collapse;border-spacing:0;}
td		{padding:0}
input	{margin:0;padding:0}
img		{padding:0; margin:0;border:none;border-width:0}
a img	{border:none}

html,body {	top:0;left:0;margin:0;padding:0;border:none;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-size:13px; line-height: 15px; 
			background-color: #37bc23; color:#000000;}

#loginBar							{width:100%;background:#37bc23 url(../images/bg_login.gif) repeat-x top left; height:40px}
#login_form							{width:900px;margin:0 auto;height:40px}
#login_form .lfInner 				{color:#fff;font-size:10px;}
#login_form .lfInner a 				{text-decoration:underline;color:#ff0;padding-left:9px;font-weight:bold}
#login_form .lfInner .image 		{position:relative;top:9px}
#login_form .lfInner label 			{padding:0 6px;font-size:10px}
#login_form .lfInner .topLogin		{position:relative;top:4px;left:5px}
#login_form .lfInner .box			{float:left;margin-left:20px;width:300px;padding-top:2px}
#login_form .lfInner .box .welcome	{font-size:14px;line-height:18px}
#login_form .lfInner .box .points	{font-size:14px;line-height:18px}
#login_form .lfInner .box1			{float:left;margin-left:10px;height:36px;width:110px}
#login_form .lfInner .box1 .acc 	{padding:14px 0 0 0;font-size:16px;font-weight:bold}
#login_form .lfInner .box2			{float:left;margin-left:165px;height:36px}
#login_form .lfInner .box2 .button	{padding:10px 0 0 0}


/* background-color of the whole box */
#page 					{position:relative;background-color:#fff; width:977px; margin:20px auto }
/* background-color of the object the box is sitting on, color of the dots that make the corners */
#page .tl , #page .bl , 
#page .tr , #page .br 	{background-color:#37bc23;color:#fff;}
#page .tl , #page .bl , 
#page .tr , #page .br 	{position:absolute;width:10px;height:10px;font-size:80px;line-height:14px;font-family:arial;overflow:hidden;}
#page .tl 				{top:0;left:0;}
#page .bl 				{bottom:0;left:0;}
#page .tr 				{top:0;right:0;}
#page .br 				{bottom:0;right:0;}
#page .tl .tlp, #page .bl .blp,
#page .tr .trp, #page .br .brp
						{position:relative;}
#page .tl .tlp			{left:-4px; top:4px}
#page .bl .blp			{left:-4px; top:-6px;}
#page .tr .trp			{left:-14px; top:4px;}
#page .br .brp			{left:-14px; top:-6px;}

#page_header						{height:80px;padding:12px 0 0 20px}
#page_header #logo					{float:left}

#page_body 							{margin:10px 0}


#userPanel							{width:960px;margin:20px 0 30px 0}
#userPanel .title					{text-align:center;margin:0 0 10px 0}
#userPanel .leftBox					{float:left;width:475px}
#userPanel .rightBox				{width:475px;margin:0 0 0 480px}

#userPanel .section					{margin:10px 0;padding:0}
#userPanel .label					{text-align:center}
#userPanel .line					{margin:2px 0 0 100px;font-size:10px;line-height:14px}
#userPanel .line .l					{float:left;width:80px;text-align:right}
#userPanel .line .d					{margin-left:100px}
#userPanel .promo					{margin:10px 0 25px 10px}
#userPanel .promo .item				{padding:10px 0 10px 0;border:1px solid #000;border-width:0 0 1px 1px}

#userPanel .promo .groupl			{float:left;width:200px;font-size:10px;line-height:12px}
#userPanel .promo .title			{padding:0 0 0 3px;font-weight:bolder;font-size:14px;line-height:14px;color:#b70000;text-align:left}
#userPanel .promo .col1				{float:left;width:60px;text-align:right}
#userPanel .promo .col2				{margin:0 0 0 65px}

#userPanel .promo .groupr			{margin:0 0 0 205px;background-color:#ffcccc}
#userPanel .promo .desc 			{font-size:10px;line-height:11px;padding:3px 15px 0 3px}
#userPanel .promo .button			{width:100%;text-align:center;padding:5px 0 5px 0}

#userPanel .promo .nodata			{margin:10px 0 30px 0;font-weight:bolder;font-size:14px;line-height:14px;color:#b70000;text-align:center}

/* Order History */
#History						{width:475px}
#History .nodata				{margin:10px 0 30px 0;font-weight:bolder;font-size:14px;line-height:14px;color:#b70000;text-align:center}
#History .item 					{margin:0 0 0 50px;padding:10px 0 5px 0;border:1px solid #000;border-width:0 1px 1px 0}

#History .item .tabletop		{width:399px;margin:0 0 0 0;padding:0;font-size:14px;line-height:18px;border:1px solid #01c5ff;border-width:1px 0 0 0}
#History .item .tabletop .title	{float:left;width:120px;margin:0;color:#b70000;font-weight:bold;text-align:left}
#History .item .tabletop .type	{float:left;width:120px;margin:0;color:green;font-size:10px}
#History .item .tabletop .date	{margin:0 0 0 241px;font-size:12px;text-align:right;padding-right:8px}

#History .item  table			{table-layout:fixed;width:410px;margin:0;padding:0}
#History .item  table td		{font-size:11px;border:1px solid #01c5ff;border-width:1px 0 1px 0}
#History .item  table td.tname	{width:230px;color:#b70000;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#History .item  table td.tqty	{width:30px;color:#b70000;text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#History .item  table td.tprice	{width:35px;color:#b70000;text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#History .item  table td.tstat	{width:110px;color:#b70000;text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}

#History .item  table td.name	{border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#History .item  table td.qty	{border:1px solid #01c5ff;border-width:1px 1px 1px 0;text-align:center}
#History .item  table td.price	{text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0;padding-right:3px}
#History .item  table td.stat	{text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}

/* POints History */
#pointHist						{width:400px;margin:15px 0 10px 50px}
#pointHist table				{table-layout:fixed;width:410px;padding:10px 0 5px 0}
#pointHist table th				{color:#b70000;font-size:10px}
#pointHist table th.promot		{width:210px;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#pointHist table th.datet		{width:70px;text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#pointHist table th.pointt		{width:50px;text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#pointHist table td				{color:#000;font-size:10px}
#pointHist table td.promo		{border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#pointHist table td.date		{text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#pointHist table td.point		{text-align:center;border:1px solid #01c5ff;border-width:1px 1px 1px 0}

#index_page 				{ width: 920px; margin: 0 auto }
#index_page .section 		{ margin: 0 0 5px 0 }
.threecol 					{ width: 100% }
.threecol .col1,
.threecol .col2				{ width:33%; float:left }
.threecol .col3				{ width: 33%; margin-left: 66%}


#contact_page				{ width: 100%}
#contact_page .col1 		{ float:left;width: 670px }
#contact_page .col2 		{ width:280px;float:right }
#contact_page .col2 img 	{ margin-bottom:20px; }

/* FORM LAYOUTS */
/* Contacts page */
#contact_page form 					{margin:0;padding:0 0 0 60px}
#contact_page form label			{font-weight:bold;}
#contact_page form .inputText		{height:20px;width:450px;line-height:18px;background-color:#ebf2f5;border: solid 1px #C4C4C4 }
#contact_page form .inputTextarea 	{width: 450px; background-color: #ebf2f5; border: solid 1px #C4C4C4 }
#contact_page form .submit			{margin: 20px 0 0 0 }
#contact_page form .required		{margin: 10px 0 0 0 }
#contact_page form select			{background-color: #ebf2f5; line-height: 22px}
#contact_page form div.error 		{color: #666666; margin-left: -10px; padding: 5px 0 5px 10px; border: 1px solid rgb(255,0,0) }
#contact_page form div.error p.error { background-color: transparent; border-style: none; font-size: 88%; font-weight: bold;
						  margin: 0 0 0 120px; width: 200px; color: rgb(255,0,0) }


/* reset password Page */
#forgot 							{width:600px;margin:20px auto}
#forgot .or							{margin:10px 5px;font-size:20px;font-weight:bold}
#forgot form 						{margin:20px 0 20px 50px}
#forgot .optional					{margin: 10px 0 0 0 }
#forgot .optional label				{font-weight:bold;}
#forgot .optional .inputText		{height:20px;width:250px;line-height:18px;font-size:15px;background-color:#ebf2f5;border:solid 1px #C4C4C4 }
#forgot .optional .inputTextarea	{width:450px;background-color:#ebf2f5;border:solid 1px #C4C4C4}
#forgot .submit						{margin:20px 0 0 0}
#forgot select						{background-color: #ebf2f5; line-height: 22px}
#forgot div.error 					{color:#666666;margin-left:-10px;padding:5px 0 5px 10px;border:1px solid rgb(255,0,0) }
#forgot div.error p.error 			{background-color:transparent;border-style:none;font-size:88%;font-weight:bold;
							  		margin:0 0 0 120px;width:200px;color:rgb(255,0,0)}




	/* register pages */									  
#reg					{width:100% }
#reg #progress			{width:640px;height:40px;margin:0 auto }
#reg #progress .item	{float:left}
#reg #progress .reset	{padding-right:10px }
#reg #progress .next	{padding-left:10px }

#reg_body									{margin:20px 0 0 80px}
#reg_body #leftcol							{float:left; width:200px; margin:0}
#reg_body #leftcol #leftbody				{margin:-3px 0 0 0; padding:0; background: #fff url(../images/step-lm.jpg) repeat-y top left }
#reg_body #leftcol #leftbody #list 			{margin: 0 10px 0 10px; padding:0}
#reg_body #leftcol #leftbody #list .title 	{padding: 0 0 4px 20px}
#reg_body #leftcol #leftbody #list img 		{padding: 3px 0 0 3px; margin: 0; border:none;}
#reg_body #leftcol #leftbody #list a		{position:relative; top: -10px; left: 5px; font-size: 11px; color:#000}
#reg_body #leftcol #leftbody #list a:hover 	{color: #3399cc}
#reg_body #leftcol #leftbody #list span     {position:relative;top: -15px; left: 5px; font-size: 11px; color:#000}
#reg_body #leftcol #leftbody #list hr 		{padding:0;margin:0; line-height: 1px; font-size: 1px }
#reg_body #leftcol #leftbody #list .freeGift {width:35px;height:35px}

#reg_body #midcol			{float:left;width:343px;margin:0 0 0 20px }
#reg_body #midcol p 		{margin: 0 0 5px 0; }
#reg_body #midcol .body 	{margin:-3px 0 0 0;background: #fff url(../images/step-cm.jpg) repeat-y top left }
#reg_body #midcol .body img {display:block; margin: 0 auto; padding:10px 0}
#reg_body p					{padding: 5px 12px}
#reg_body #midcol .body .label {float:left;margin:0 0 0 10px;width:100px;font-weight:bold}
#reg_body #midcol .body .data {margin:0 0 0 102px}
#RoomBlock .titleImage		{margin:0;padding:0}
#GiftBlock .titleImage		{margin:0;padding:0}
#RoomBlock,#GiftBlock		{margin:10px;line-height:20px}
#RoomBlock .label			{float:left;font-weight:bold;width:100px}
#RoomBlock .data 		{margin:0 0 0 102px}
#RoomBlock .tipdata	{margin:0 0 0 102px;text-decoration:underline}


#reg_body #rightcol 					{float:left;width:200px;margin:0 0 0 30px}
#reg_body #rightcol #rtbody				{margin:-3px 0 0 0;padding:0;background: #fff url(../images/step-lm.jpg) repeat-y top left }
#reg_body #rightcol #rtbody #list		{margin:0 10px 0 10px;padding:0}
#reg_body #rightcol #rtbody #list .title {padding:0 0 4px 7px}
#reg_body #rightcol #rtbody #list img 	{padding: 0; margin: 0 0 0 3px; border:none }
#reg_body #rightcol #rtbody #list a		{position:relative;top:-9px;left:5px;font-size: 11px; color:#000}
#reg_body #rightcol #rtbody #list span	{position:relative;top:-9px;left:5px;font-size: 12px; color:#cf0000}
#reg_body #rightcol #rtbody #list a:hover {color: #3399cc}
#reg_body #rightcol #rtbody #list hr 	{padding:0;margin:10px 0 10px 0; line-height: 1px; font-size: 1px}


#room_gift 		{ float:left; width:160px; margin: 0 0 0 44px; padding: 3px; border: solid 1px #ececec }
#login_area		{ width: 475px; margin-left: 210px; }
#login_area .text { margin: 10px 20px }



#wideright					{margin:10px 0 0 210px}
/* background-color of the whole box */
#wideright .greenbox 		{position:relative;background-color:#37bc23;width:550px}
/* background-color of the object the box is sitting on, color of the dots that make the corners */

#wideright .greenbox .tl , #wideright .greenbox .bl , 
#wideright .greenbox .tr , #wideright .greenbox .br {background-color:#fff;color:#37bc23;}

#wideright .greenbox .tl , #wideright .greenbox .bl , 
#wideright .greenbox .tr , #wideright .greenbox .br 
				{position:absolute;width:10px;height:10px;font-size:80px;line-height:14px;font-family:arial;overflow:hidden;}
#wideright .greenbox .tl 		{top:0;left:0;}
#wideright .greenbox .bl 		{bottom:0;left:0;}
#wideright .greenbox .tr 		{top:0;right:0;}
#wideright .greenbox .br 		{bottom:0;right:0;}
#wideright .greenbox .tl .tlp, #wideright .greenbox .bl .blp,
#wideright .greenbox .tr .trp, #wideright .greenbox .br .brp
								{position:relative;}
#wideright .greenbox .tl .tlp	{left:-4px;top:4px}
#wideright .greenbox .bl .blp	{left:-4px;top:-6px;}
#wideright .greenbox .tr .trp	{left:-15px;top:4px;}
#wideright .greenbox .br .brp	{left:-15px;top:-6px;}
#wideright .greenbox 			{padding:15px }


#wideright .download			{ margin:20px 0 20px 50px; padding:0; height: 34px}
#wideright .download img		{ float:left }
#wideright .download span		{ float:left; text-decoration: underline; cursor: pointer }
#wideright .download .bg		{ height: 34px; line-height: 34px; padding: 0 20px 0 10px; background: #fff url(../images/downloadm.jpg) repeat-x }



#LoginFormBox 						{display:block } /* initial state dynamically changed in form using javascript */
#NewAccountBox 						{display:none } /* initial state dynamically changed in form using javascript */
#RegisterPromoBox					{display:none } /* initial state dynamically changed in form using javascript */

#LoginFormBox, #NewAccountBox ,#RegisterPromoBox	{ padding: 10px 20px; }

#LoginFormBox form fieldset,
#NewAccountBox form fieldset,
#RegisterPromoBox form fieldset		{ width: 410px;font-size:100%;border:solid 1px #3cb429;padding: 5px; margin: 0}

#LoginFormBox form, #NewAccountBox form, 
#RegisterPromoBox  form				{ margin: 10px 0; padding: 0; line-height: 18px }
									
#LoginFormBox form fieldset legend,
#RegisterPromoBox  form fieldset legend,
#NewAccountBox form fieldset legend	{ font-size: 120%; font-weight: normal; color: #3cb429; margin: 0; padding: 0 10px; line-height: 18px }

#LoginFormBox form label, #RegisterPromoBox  form label,
#NewAccountBox form label			{ display:block; float:left; font-weight: bold; width: 150px; text-align:right }
									
#LoginFormBox form .inputText, #RegisterPromoBox  form .inputText,
#NewAccountBox form .inputText		{ width: 200px; margin: 0 0 0 8px; height: 20px; font-size: 14px; line-height: 16px }

#RegisterPromoBox form .disabledText	{width:200px;margin:0 0 0 8px;border:none;background:transparent;color:#03b9fb;font-weight:bold}

#LoginFormBox form .select, #RegisterPromoBox  form .select,
#NewAccountBox form .select			{ width: 200px; margin: 0 0 0 8px; border: solid 1px #C4C4C4 }

#LoginFormBox form .submit, #RegisterPromoBox  form .submit,
#NewAccountBox form .submit			{ margin: 8px 0 0 138px }

#LoginFormBox form .required, #RegisterPromoBox  form .required,
#NewAccountBox form .required		{ margin: 3px 0 0 0;  }

.field_error { border: 1px solid #f42f18; margin: 3px; padding: 3px; color: #f42f18 }

#NewAccountBox form .dobM, #RegisterPromoBox  form .dobM	{ font-size:10px; width:85px; margin:0 0 0 8px; border:solid 1px #C4C4C4 }
#NewAccountBox form .dobD, #RegisterPromoBox  form .dobD	{ font-size:10px; width:55px; margin:0 0 0 2px; border:solid 1px #C4C4C4 }
#NewAccountBox form .dobY, #RegisterPromoBox  form .dobY	{ font-size:10px; width:60px; margin:0 0 0 2px; border:solid 1px #C4C4C4 }


#hiw			{ width: 100%; margin: 0 6px }
#hiw #hiwbody 	{ text-align:center; width:100%; margin: 20px auto }
#hiw #hiwbody #wrapper { height: 320px}
#hiw #hiwbody #wrapper .hiwbox { position:relative; text-align:left; float:left; width: 217px; height: 312px; margin: 0 9px}

/* background-color of the whole box */
#hiw #hiwbody #wrapper .hiwbox 			{background-color:#00b6ff; }
/* background-color of the object the box is sitting on, color of the dots that make the corners */

#hiw #hiwbody #wrapper .hiwbox .tl , #hiw #hiwbody #wrapper .hiwbox .bl , 
#hiw #hiwbody #wrapper .hiwbox .tr , #hiw #hiwbody #wrapper .hiwbox .br {background-color:#fff;color:#00b6ff;}

#hiw #hiwbody #wrapper .hiwbox .tl , #hiw #hiwbody #wrapper .hiwbox .bl , 
#hiw #hiwbody #wrapper .hiwbox .tr , #hiw #hiwbody #wrapper .hiwbox .br 
				{position:absolute;width:10px;height:10px;font-size:80px;line-height:14px;font-family:arial;overflow:hidden;}
#hiw #hiwbody #wrapper .hiwbox .tl 								{top:0;left:0;}
#hiw #hiwbody #wrapper .hiwbox .bl 								{bottom:0;left:0;}
#hiw #hiwbody #wrapper .hiwbox .tr 								{top:0;right:0;}
#hiw #hiwbody #wrapper .hiwbox .br 								{bottom:0;right:0;}
#hiw #hiwbody #wrapper .hiwbox .tl .tlp, .hiwbox .bl .blp,
#hiw #hiwbody #wrapper .hiwbox .tr .trp, .hiwbox .br .brp		{position:relative;}
#hiw #hiwbody #wrapper .hiwbox .tl .tlp	{left:-4px; top:4px}
#hiw #hiwbody #wrapper .hiwbox .bl .blp	{left:-4px; top:-6px;}
#hiw #hiwbody #wrapper .hiwbox .tr .trp	{left:-15px; top:4px;}
#hiw #hiwbody #wrapper .hiwbox .br .brp	{left:-15px; top:-6px;}
#hiw #hiwbody #wrapper .hiw_inner { position:relative; top: 5px; text-align:left; width: 203px; height: 154px; margin: 7px 7px; }

/* background-color of the whole box */
#hiw #hiwbody #wrapper .hiw_inner 			{ background-color:#0074a3 }
/* background-color of the object the box is sitting on, color of the dots that make the corners */

#hiw #hiwbody #wrapper .hiw_inner .tl , #hiw #hiwbody #wrapper .hiw_inner .bl , 
#hiw #hiwbody #wrapper .hiw_inner .tr , #hiw #hiwbody #wrapper .hiw_inner .br {background-color:#00b6ff;color:#0074a3}

#hiw #hiwbody #wrapper .hiw_inner .tl , #hiw #hiwbody #wrapper .hiw_inner .bl , 
#hiw #hiwbody #wrapper .hiw_inner .tr , #hiw #hiwbody #wrapper .hiw_inner .br 
				{position:absolute;width:10px;height:10px;font-size:80px;line-height:14px;font-family:arial;overflow:hidden}
#hiw #hiwbody #wrapper .hiw_inner .tl 		{top:0;left:0;}
#hiw #hiwbody #wrapper .hiw_inner .bl 		{bottom:0;left:0;}
#hiw #hiwbody #wrapper .hiw_inner .tr 		{top:0;right:0;}
#hiw #hiwbody #wrapper .hiw_inner .br 		{bottom:0;right:0;}
#hiw #hiwbody #wrapper .hiw_inner .tl .tlp, #hiw #hiwbody #wrapper .hiw_inner .bl .blp,
#hiw #hiwbody #wrapper .hiw_inner .tr .trp, #hiw #hiwbody #wrapper .hiw_inner .br .brp	{position:relative}
#hiw #hiwbody #wrapper .hiw_inner .tl .tlp	{left:-4px; top:4px }
#hiw #hiwbody #wrapper .hiw_inner .bl .blp	{left:-4px; top:-6px }
#hiw #hiwbody #wrapper .hiw_inner .tr .trp	{left:-15px; top:4px }
#hiw #hiwbody #wrapper .hiw_inner .br .brp	{left:-15px; top:-6px }
#hiw #hiwbody #wrapper .hiw_inner .text		{ }
#hiw #hiwbody #wrapper .hiw_inner .num		{text-align:center}
#hiw #hiwbody #wrapper .hiw_inner .numImg	{padding-top:15px}
#hiw #hiwbody #wrapper p	{ color: #fff; font: 16px/20px "Arial Bold"; text-align:center; padding: 5px 10px }

#proof_page	{ width: 100% }
#proof_page	.top , #proof_page	.bottom		{ width: 100%; margin: 30px auto; }

#proof_page #body									{ width: 810px; height: 146px; margin: 0 auto }
#proof_page #body .left, #proof_page #body .right	{ float:left; height: 146px; width: 50px; padding-top: 45px }
#proof_page #body .left								{ margin-right: 10px }
#proof_page #body .right							{ margin-left: 7px }
#proof_page #body #panes							{ float:left; width: 670px; height: 146px; }


#pokerroom					{width:100%}
#pokerroom #title			{height:44px; width: 882px; margin: 20px auto 0 auto}
#pokerroom #list			{width:882px;margin:10px auto}
#pokerroom .listitem		{border:4px solid #97e3ff;height:90px;margin:0 0 10px 0;color:#66cc66} /*#bede7e*/
#pokerroom .highlight		{border-color:#35c7fc}
#pokerroom .listitem .cols	{margin-top:10px}
#pokerroom .listitem .col1	{float:left;width:110px;padding-left:5px}
#pokerroom .listitem .col1 p {color:red;padding:3px 0 0 5px}
#pokerroom .listitem .col2	{float:left;width:80px;padding-left:2px;font-size:24px;line-height:30px}
#pokerroom .listitem .col3	{float:left;width:200px;padding-left:10px;font-size:16px;line-height:22px}
#pokerroom .listitem .col4	{float:left;width:150px;padding-left:10px;font-size:16px;line-height:22px}
#pokerroom .listitem .col5	{float:left;width:130px;padding-left:10px;font-size:16px;line-height:22px}
#pokerroom .listitem .col6	{float:left;width:110px;padding:15px 0 0 10px }

/* Store related areas */
#store								{width:800px;margin:0;padding:0}
#store #menu						{float:left;width:180px;padding:0 0 0 10px;margin:0;text-align:left}
#store #List						{margin-left:181px;width:590px }

/* shopping cart */
#cart								{float:right;width:170px;margin:90px 0 0 0;padding:0 0 10px 0;border:1px dashed #01c5ff;border-width:2px 0 2px 2px}
#cart .cartInfo						{padding:5px;font-size:10px}
#cart .cartInfo ul					{margin:10px 0 0 5px;padding:0 0 0 10px;list-style-position:outside;line-height:20px}
#cart .cartInfo ul li				{list-style-type:disc}
#cart .title						{text-align:center}
#cart .ckout						{text-align:center;margin:20px 0 0 0}
#cart .overspend					{padding:8px;background-color:#ffcccc;color:#ff0000}
#cart .list							{}
#cart table							{table-layout:fixed;width:158px}
#cart table th						{font-weight:bold;font-size:10px;text-align:center;line-height:20px;border:1px solid #01c5ff;border-width:1px 0 1px 0}
#cart table th.del					{width:14px;padding:0;margin:0}
#cart table th.name					{width:114px;padding: 0 3px}
#cart table th.price				{width:30px;padding: 0 3px}
#cart table td						{padding:2px;font-size:10px;border:1px solid #01c5ff;border-width:1px 0 1px 0}
#cart table td.del					{padding:0 0 0 2px;margin:0;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#cart table td.name					{padding:0 2px;border:1px solid #01c5ff;border-width:1px 1px 1px 0}
#cart table td.price				{padding:2px 4px 0 0;text-align:right}

/* store-checkout */
#order								{width:510px;margin:20px auto}
#order .placeOrder					{text-align:right;margin:40px 0 0 0 }
#order table						{table-layout:fixed;width:510px}
#order table th						{font-weight:bold;font-size:12px;line-height:20px}
#order table td						{padding:2px;border:1px solid #01c5ff;font-size:12px;line-height:36px}
#order table th.name				{width:400px;padding: 0 3px;border:1px solid #01c5ff}
#order table th.price				{width:50px;padding: 0 3px;border:1px solid #01c5ff;text-align:center}
#order table th.del					{width:60px;padding:0;margin:0;border:1px solid #01c5ff;text-align:center}
#order table td.name				{padding:0 2px;border:1px solid #01c5ff}
#order table td.price				{padding:2px 4px 0 0;border:1px solid #01c5ff;text-align:right}
#order table td.del					{border:1px solid #01c5ff;text-align:center}
#order table td.del a img			{vertical-align:middle}
#order table td.blank				{border:none}

/* order-view */

#store #menu .menuimg				{ padding-top: 30px }
#store #menu ul						{ padding-left: 5px }
#store #menu ul	li a				{ color: #FF3333; font-size:13px; font-weight:bold; line-height:20px;}
#store #menu ul	li a:hover			{ color: #FF3333; font-size: 14px}
#store #menu .byprice				{ color: #000; padding-top: 20px; font-size: 13px; font-weight:bold }

#store #List .title					{ display:block;padding-top: 10px }
#store #List .pageNP				{text-align:left;padding:10px 50px 10px 0}
#store #List .pageNP a				{color:#37bc23;font-size:16px;font-weight:bold;padding:0 10px 0 0}
#store #List .pageNP a:hover		{color:#c40000;}

#store #List .product				{float:left;width:160px;background-color: #fff; padding:0; margin: 0 30px 30px 0 }
#store #List .pic					{height:115px;text-align:center;margin:0;padding:8px}
#store #List .pic a	img 			{padding:4px;width:135px;height:110px}
#store #List .pic a img:hover 		{padding:0; border: 4px solid #25bbe6; }
#store #List .price					{color: #f42f18; font-size: 16px; font-weight:bold; text-align:center }
#store #List .desc					{color: #25bbe6; margin-top: 4px; font-size: 10px; line-height: 12px; height: 25px; text-align:center}
#store #List .addtocart 			{text-align:center; margin:4px 0 0 0; padding:0;border:none}

#store #List #prodpage						{width:590px;margin:30px 0}
#store #List #prodpage #proditem			{float:left;width:310px }
#store #List #prodpage #proditem .bigpic 	{margin:0;padding:0}
#store #List #prodpage #proditem .addtocart {margin:20px auto 0 auto;padding:0;border:none}
#store #List #prodpage #proddesc			{margin:0 5px 0 310px;}
#store #List #prodpage #proddesc p			{margin:5px 0 0 0}
#store #List #prodpage #proddesc .price		{ color:#f42f18;font-size:20px;font-weight:bold;margin:20px 0 0 0}
#store #List #prodpage #proddesc .name		{color:#25bbe6;font-size:20px;line-height:26px;font-weight:bold}
#store #List #prodpage #proddesc .desc		{ color:#000;margin-top:20px;font:14px/18px Arial}

#orderConfirm						{width:700px;margin:50px auto}
#orderConfirm .title				{font-size:20px;text-align:center}
#orderConfirm .info					{margin:10px}



.pageControl					{text-align:left;margin:20px 0 30px 80px}
.pageControl a					{color:#37bc23;font-size:16px;font-weight:bold;padding:0 10px 0 0}
.pageControl a:hover			{color:#c40000;}


/* background-color of the whole box */
#indexfoot 							{background-color:#22a80d;}
/* background-color of the object the box is sitting on, color of the dots that make the corners */
#indexfoot .tl , #indexfoot .bl , 
#indexfoot .tr , #indexfoot .br 	{background-color:#fff; color:#22a80d;}
#indexfoot 							{position:relative; width:70%; height:80px; margin:20px 10px 0 0 ;padding:5px;}
#indexfoot .tl , #indexfoot .bl , 
#indexfoot .tr , #indexfoot .br 
									{position:absolute;width:10px;height:10px;font-size:80px;line-height:14px;font-family:arial;overflow:hidden;}
#indexfoot .tl 						{top:0;left:0;}
#indexfoot .bl 						{bottom:0;left:0;}
#indexfoot .tr 						{top:0;right:0;}
#indexfoot .br 						{bottom:0;right:0;}
#indexfoot .tl .tlp, #indexfoot .bl .blp,
#indexfoot .tr .trp, #indexfoot .br .brp
									{position:relative;}
#indexfoot .tl .tlp					{left:-4px; top:4px}
#indexfoot .bl .blp					{left:-4px; top:-6px;}
#indexfoot .tr .trp					{left:-15px; top:4px;}
#indexfoot .br .brp					{left:-15px; top:-6px;}


#faq								{ padding: 20px; font: 20px/24px "Arial Bold" }
#faq .title							{ color: #0e7ca8; margin: 30px 0 }
#faq .q								{ color: #3cb429 }
#faq .a								{ color: #f42f18; margin-bottom: 15px }



IMG.center 		{display: block; margin-left: auto; margin-right: auto }
.centered 		{margin: 0 auto }
.textCenter		{text-align:center}
.textRight		{text-align:right}

.marginbot_15 	{ margin-bottom: 15px }
.margintop_15 	{ margin-top: 15px }

.margintop_20 	{ margin-top: 20px }
.marginbot_30 	{ margin-bottom:30px }

.clear_both		{clear:both;height:1px}
.red 			{ color: #FF0000 }
.padleft10		{ padding-left:10px }


.font10			{font-size: 10px }
.font14			{font-size:14px;line-height:18px;color:blue }
.font20			{font: 20px/24px "Arial Bold" }
.font30			{font: 30px/34px "Arial Bold" }
.font18			{font: 18px "Arial Bold" }
.bold			{font-weight:bold}

.color_white	{ color: #fff }
.color_green	{ color: #3cb429 }
.color_red		{ color: #f42f18 }

.invisible		{ display:none }


.hrhack { border-top: 1px solid #dedede; clear:both; height: 0; padding: 0 0 2px 0; line-height: 0; }
.hrhack hr {display: none; }


.debugMsg				{background-color:red;color:white}
.debugMsg .debugTime	{color:yellow;float:left;width:180px}
.debugMsg .debugMsg		{margin:0 0 0 190px}