body 		{scrollbar-face-color: #235285;scrollbar-shadow-color: #000000;scrollbar-highlight-color: #2B8CD5;scrollbar-3dlight-color: #235285;scrollbar-darkshadow-color: #0F375A;scrollbar-track-color: #666666;scrollbar-arrow-color: #FFBF00;color: #000000; background-color: #ffffff}
th 		{  font-family: Arial, Helvetica, sans-serif;font-weight: bold; font-size: 16px; color: #000000; background-color: #f0f8ff }
h1,h2,h3,h4,h5 	{  font-family: Arial, Helvetica, sans-serif; color: #000; padding: 5px; margin:0; }
h3.features { font-size: 16px; color: #fff; text-align:left;}
p,b 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
td 		{  font-family: Arial, Helvetica, sans-serif;}input 	{  font-family: Arial, Helvetica, sans-serif; font-size: 12px }
select 		{  font-family: Arial, Helvetica, sans-serif; font-size: 12px }
textarea 	{  font-family: Arial, Helvetica, sans-serif; font-size: 12px }
ul 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
ol 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
li 		{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
a         	{  color: #3366FF; text-decoration: none; font-weight: bold }
a:active  	{  color: #3366FF;}
a:hover   	{  color: #ff0000; }
td.bottomborder {
	border-bottom:8px solid #CCCCCC;
}
.border_bottom_silver{

	border-bottom: 1px solid silver;

}
.bg_black_grad{ background: url(../pages/common%20images/bottom_grad.jpg) repeat-x;}
.bg_black_grad1{
	height:30px;
	background-color: #EEEEEE;
	border: none;
}
.ofhash 	{ background-color: #f0f8ff; vertical-align: top }
.syshead 	{ color: #000000; background-color: #f0f8ff }
.datarow_1 	{  font-family: arial, helvetica; font-size: 11px;  color: #000000; background-color: #CECECE }
.datarow_0 	{  font-size: 11px;  color: #000000; background-color: #ffffff }
.head_caption 	{  font-size: 11px;  color: #FFFFFF;}
.head_row 	{background-color: #000000; color:#FFFFFF; }
.totalcaption 	{  font-size: 14px; font-weight: bold; color: #000000; background-color: #f0f8ff; text-align: right }
.totalfigure  	{  font-size: 15px; font-weight: bold; color: #000000; background-color: #E0FFFF; text-align: right }
.totalFINAL   	{  font-size: 15px; font-weight: bold; color: #000000; background-color: #c0c0c0; text-align: right }
.infopanel    	{  background-color: #ffffff }
.oftaxnote 	{ font-size: 12px; font-weight: normal; color: #FF0000 }
.qtyInput	{ background-color: #FFFCDC; font-weight: bold; text-align: center }
.summaryNote	{font-size: 12px; font-weight: normal;}
.productdescription	{font-size: 14px; font-weight: bold; color: #FFFFFF; }
.categories	{font-size: 14px; font-weight: bold; color: #000000; }
.ref 		{font-size: 12px; color: #3333CC }
.var1 		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666 }
.var2 		{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3333CC }



.rightbar 	{ background-color: #fff;}
.right_table_caption	{font-size: 11px;background-color: #fff;vertical-align: middle;color: #000;line-height: 20px;}
.right_table_caption_right	{font-size: 11px;background-color: #fff;vertical-align: middle;color: #000;line-height: 20px;}
a.bread        	{   font-weight: normal; color: #000; text-decoration: none;}
a.bread:active  {   font-weight: normal; color: #000; }
a.bread:visited {   font-weight: normal; color: #000;}
a.bread:hover   {   font-weight: normal; color: #000;}
.breadbar 	{ background-color: #fff; }
.breadcrumb 	{font-size: 10px; font-weight: normal; line-height: 11px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; margin-left: 15px;}
a.breadcrumb 	{font-size: 10px; font-weight: normal; line-height: 11px; font-family: arial, helvetica, sans-serif; color: #000; margin-left: 15px;}
a.breadcrumb:hover 	{font-size: 10px; font-weight: normal; line-height: 11px; font-family: arial, helvetica, sans-serif; color: #000; margin-left: 15px;}
a.breadcrumb:visited 	{font-size: 10px; font-weight: normal; line-height: 11px; font-family: arial, helvetica, sans-serif; color: #000	; margin-left: 15px;}
.forgot_pass 	{font-size: 14px; font-weight: normal; font-family: arial, helvetica, sans-serif; color: #FFFF00;}
a.forgot_pass 	{color: #000000; text-decoration: none; font-weight: bold;}
a.terms 	{color: white; text-decoration: none;}
.head 		{font-size: 10px; font-weight: bold; line-height: 18px; font-family: arial, helvetica, sans-serif; color: #000000; margin-left: 15px; margin-right: 15px;}
.nav		{font-size: 12px; color: #f0f0f0; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.navbar		{font-size: 12px; color: #333333; font-family: arial, helvetica, sans-serif; font-weight: bold; }
a.nav:link	{ color: #000000; font-weight: normal;  font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.nav:visited	{ color: #000000; font-weight: normal;  font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.nav:hover	{ color: #000000; font-weight: normal;  font-family: arial, helvetica, sans-serif; font-size: 10px; text-decoration: none; }
a.navbar:link	{ color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
a.navbar:visited	{ color: #333333; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
a.navbar:hover	{ color: #666666; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; }

.ofTable	{  background-color: #ffffff }
.ofHead		{  font-size: 16px; font-weight: bold; background-color: #ffffff }
.ofIntro 	{ font-size: 12px; font-weight: bold; background-color: #ffffff }
.ofSubhead	{  font-size: 14px; font-weight: bold; background-color: #999999 }
.ofSubheadRequired	{  background-color: #999999 }
.ofSubheadHelp	{  background-color: #999999 }
.ofSmalltext 	{  font-size: 10px; font-weight: normal }
.ofGutter	{  background-color: #ffffff }
.ofCaption 	{font-size: 14px;  background-color: #ffffff; vertical-align: middle }
.ofInput	{ background-color: #ffffff; font-weight: normal }
.ofRequired	{  background-color: #ffffff }
.ofHelp		{  background-color: #ffffff; text-align: center }
.ofPayOptionRow	{ background-color: #ffffff; color: #000000 }
.ofTextInput	{ background-color: #ffffff; font-weight: normal; font-size: 12px }
.ofTextInputReq	{ background-color: #f5fffa; font-weight: normal; font-size: 12px }
.ofSelect 	{ background-color: #ffffff; font-weight: normal }
.ofSelectReq 	{ background-color: #f5fffa; font-weight: normal }
.error	{ color: #ff0000; font-weight: bold; font-size: 9px }
.warn	{ color: #009900; font-weight: normal; font-size: 9px }
.thx		{font-size: 12px; color: #000000; font-family: arial, helvetica, sans-serif; font-weight: bold; }
.warning	{font-size: 10px; font-weight: bold;  color: #990000}
.address_table_caption 	{ font-size: 12px; vertical-align: middle; color: #000000;}.menu 	{font-size: 10px; font-weight: normal; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; margin-left: 20px;}
.menuhead 	{font-size: 10px; font-weight: bold; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000; margin-left: 20px;}
.services 	{font-size: 10px; font-weight: normal; line-height: 13px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; margin-left: 10px;}
.productshead 	{font-size: 12px; font-weight: bold; line-height: 12px; font-family: arial, helvetica, sans-serif; color: #000000;}
.products 	{font-size: 10px; font-weight: normal; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000;}
.taxmessage 	{font-size: 10px; font-weight: normal; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000;}
.price 		{font-size: 12px; font-weight: bold; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000;}
.pricesm 	{font-size: 10px; font-weight: bold; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000;}
.main 		{font-size: 12px; font-weight: bold; line-height: 14px; font-family: arial, helvetica, sans-serif; color: #000000;}
.title 		{font-size: 14px; font-weight:bold; line-height: 13px; font-family: arial, helvetica, sans-serif; color: #FFFFFF; margin-left: 10px;}
.droptype 	{font-size: 10px; font-weight: normal; line-height: 10px; font-family: arial, helvetica, sans-serif; color: #000000;}
.proddesc 	{font-size: 10px; font-weight: normal; font-family: arial, helvetica, sans-serif; color: #999999;}
.prod_desc	{ color: #000000; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
.prod_title	{ color: #ffffff; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; }
.box_info	{ color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; }


.warning	{font-size: 10px; font-weight: bold;  color: #990000}
.summary_box 		{border: thin groove #FF0000;}
.summary_right_box 	{border-left-width: thin; border-left-style: dotted;border-left-color: #CB6004;}
.invoice_table_header 	{font-size: 10px; font-weight: bold; background-color: #000000; color: #ffffff}
.invoice_table_input	{ background-color: #ffffff; font-weight: normal; font-size: 10px }
.delivery_table		{border: thin groove #FF0000;}
.delivery_table_header 	{font-size: 12px; font-weight: bold; background-color: #000000; color: #ffffff}
.delivery_table_caption	{ font-size: 12px;  background-color: #ffffff; vertical-align: middle}
.delivery_table_input	{ background-color: #ffffff; font-weight: normal; font-size: 10px }
.invoice_table		{border: thin groove #FF0000;}
.invoice_table_caption	{font-size: 10px;background-color: #666666;vertical-align: middle;color: #ffffff;line-height: 20px;}
.review_table_caption	{font-size: 10px;vertical-align: middle;color: #000000;line-height: 16px;}
.terms_table_caption	{font-size: 10px;vertical-align: middle;color: #000000;}

#nav {
	width: 100%;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#nav li {
	float: left; }
#nav li a {
	display: block;
	padding: 8px 15px;
	text-decoration: none;
	font-weight: bold;
	color: #069;
	border-right: 1px solid #ccc; }
#nav li a:hover {
	color: #c00;
	background-color: #fff; }
	
#mytable {
	width: 80%;
	padding: 0;
	margin: 0;
	border-top: 1px solid #C1DAD7;
}

#mytable a { font-weight: bold;}

#mytable caption {
	padding: 0 0 0 15px;
	width: 100%;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#mytable th {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 10pt;
	background-color: #D6E1EB;
}
#mytable td {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 10pt;
	background-color: #D6E1EB;
}

#mytable th.nobg {
	border-top: 1px solid #C1DAD7;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 10pt;
	color: #000;
}


#mytable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#mytable td.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}
.green {color:#060;}
.red { color:#900;}