﻿html 				{margin:0;padding:0; color:#0A3A83;}
body				{border:0px; margin:0px auto; color:#0A3A83; width:100%; padding:0px; font-family: Helvetica,Verdana, Arial,  sans-serif; font-size:12px; text-align:center; background-color:#CECBBD;}
.justtext			{font-family: Helvetica,Verdana, Arial,  sans-serif; font-size:12px; color:#0A3A83;}

div:title			{background-color:#66FFFF}

#headerbox			{width:950px; display:inline-block; clear:both; text-align:center; margin:0px auto;}
#logobox			{width:626px; z-index:1; top:-88px; position:relative; height:60px; float:left; padding:0px; margin:0px; display:block; text-align:left;  margin-left:1px; background-repeat:no-repeat; color:Gray; }
#bodycenter         {width:950px; margin:0px auto; background-color:White;}

/* general use */
.sumtitle			{font-weight:bold; padding-bottom:5px; color:#725443}
.highlight			{font-size:11px; color:#CC9900; font-weight:bold}
.bluetitle			{background-color:#0A3A83; color:#fff; padding:4px; margin-bottom:5px; font-weight:bold}
.greentitle			{background-color:#30A045; color:#fff; padding:4px; margin-bottom:5px; font-weight:bold}
.orangetitle		{background-color:#D38429; color:#fff; padding:4px; margin-bottom:5px; font-weight:bold}
a					{color:#0A3A83}
a.clean				{color:#0A3A83; text-decoration:none}

.titlebox			{background-color:#94c438; color:#fff; font-weight:bold; text-align:center; height:20px; margin-bottom:10px; padding-top:5px}
.titleboxblue		{background-color:#FFFFFF; color:#0A3A83; font-weight:bold; font-size:14px; border-color:#0A3A83; border-bottom:solid; border-bottom-width:1px; border-left:solid; border-left-width:1px; border-right:solid; border-right-width:1px; border-top:solid; border-top-width:1px; text-align:center; height:20px; margin-bottom:10px; padding-top:5px}
.tabletop			{background-color:#0A3A83; color:#fff; font-weight:bold; text-align:center}
.blurborderbth		{border:1px solid #0A3A83; background-color:#FFFFFF; color:#0A3A83; font-size:11px; font-weight:bold}
.borderbox			{border:1px solid #0A3A83; color:#0A3A83; background-color:#fff; text-align:center; font-weight:bold; padding:2px}
.borderdiv			{border:1px solid #0A3A83; padding:1px}

/* header box */
#topbox				{position:relative; z-index:0; width:950px; height:88px; text-align:left; clear:both;display:inline-block; background-image:url(../images/searchbg6_2.gif)}
#topboxleft			{float:left; width:14px; height:88px; background-image:url(../images/searchleft6_2.gif)}
#topboxmid			{float:left; width:922px; text-align:center; background-image:url(../images/searchbg6_2.gif)}
#topboxright		{float:right; width:14px; height:88px; background-image:url(../images/searchrite6_2.gif)}

/* cart box on the top */
#cartbox				{float:right; display:block; width:294px; top:-85px; height:20px; color:#000; position:relative; z-index:1; margin:0px auto;}
#cartbox ul 			{margin:0px; float:right}
#cartbox ul li 			{margin:0px; float:left; list-style: none; float:left; padding-left:10px; background-image:url(../images/divtiny_blue.gif); background-repeat:no-repeat}
#cartbox ul li.first	{background:none; background-image:none}
#cartbox	a			{color:#000; text-decoration:none}
#cartbox a:hover		{color:#006600}
#cartbox .two		{ padding-top:4px; padding-right:6px; text-align:right}

/* top Search Box */
#searchbox			{float:right; top:-65px; text-align:left; position:relative; display:block; width:50px; }
#searchboxmid		{text-align:right; padding-left:10px}
.sinput				{width:150px; border:1px solid #0A3A83; background-image:url(../images/searchbg.gif); background-position:left; background-repeat:no-repeat; margin:0px; font-family: Helvetica,Verdana, Arial,  sans-serif; font-size: 11px; background-position:top;}
.srhbutton			{width:57px; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:10px; color:#FFFFFF; background-color:#0A3A83; font-weight:bold; cursor:pointer; border:none;}

/* top sub menu */
#topmenubox			{width:900PX; height:20px; font-weight:bold; float:left; clear:both; display:inline-block; text-align:left; position:relative; top:-80px; padding-right:20px; color:#0A3A83;}
#topmenubox ul		{width:950px; margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0px; list-style-type: none;}
#topmenubox ul li	{margin:0px; padding-left:7px; display:inline; padding-right:7px; list-style: none; float:left; background-image:url(../images/darkdiv.gif); background-repeat:no-repeat; background-position:right}
#topmenubox	a		{color:#fff; text-decoration:none}
#topmenubox a:hover	{color:#00C63B}
#topmenubox .Highlight	{color:#00C63B}


/* after header */
#midbox				{width:950px; clear:both; position:relative; top:-65px;margin:0px auto;}

/* Left menu */
#leftmenubox			{width:197px; float:left; display:inline-block; text-align:left; padding-left:5px}
#leftmenuboxB			{width:145px; float:left; display:inline-block; text-align:left; padding-left:5px}
#leftmenuboxB	ul			{margin-left:0px;  margin-top:0px; margin-bottom:0px; padding:0px; list-style:none; list-style-type:none;}
#leftmenuboxB	ul li		{padding-top:3px; border-bottom:1px dotted #0A3A83; margin-bottom:3px; padding-bottom:3px;}
#leftmenuboxB	a		{color:#0A3A83; text-decoration:none}
#leftmenuboxB a:hover	{color:#332C69}
#leftmenuboxB .Highlight	{color:#332C69; font-weight:bold;}

/* menu box */
.menutitle				{color:#fff; font-weight:bold;   background-image:url(../images/menutitle7.gif); background-repeat:no-repeat; height:17px; padding-left:6px; padding-top:4px; }
.menusubbox				{color:#0A3A83; display:block; width:190px; padding-bottom:10px; padding-left:5px; padding-right:5px; padding-top:0px; background-repeat:repeat-y; background-image:url(../images/menubg.gif); }
.menusubbox	ul			{margin-left:0px;  margin-top:0px; margin-bottom:0px; padding:0px; list-style:none; list-style-type:none;}
.menusubbox	ul li		{padding-top:3px; border-bottom:1px dotted #0A3A83; margin-bottom:3px; padding-bottom:3px;}
.menubtm				{background-image:url(../images/menubtm.gif); width:197px; margin-bottom:10px; height:6px; display:inline-block}
.menusubbox	input.input, select.input	{margin:0px; font-family: Helvetica,Verdana, Arial,  sans-serif; color:#0A3A83; font-size: 11px; background-position:top; border:1px solid #0A3A83}

.menutitle[title]		{background-color:#99FF99}

/* menu box lookalike for middle - 3 in line */
.menutitleB				{color:#fff; font-weight:bold;   background-image:url(../images/menutitleB.gif); background-repeat:no-repeat; height:17px; padding-left:6px; padding-top:4px; }
.menusubboxB			{color:#0A3A83; display:block; width:233px; padding-bottom:10px; padding-left:5px; padding-right:5px; padding-top:0px; background-repeat:repeat-y; background-image:url(../images/menubgB.gif); }
.menusubboxB	ul		{margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0px; list-style:none; list-style-type:none;}
.menusubboxB	ul li	{padding-top:2px; border-bottom:1px dotted #0A3A83; margin-bottom:3px; padding-bottom:2px;}
.menubtmB				{background-image:url(../images/menubtmB.gif); width:240px; margin-bottom:10px; height:6px; display:inline-block}

/* menu box lookalike for middle - 2 in line */
.menutitle2				{color:#fff; font-weight:bold;   background-image:url(../images/menutitle2.gif); background-repeat:no-repeat; height:17px; padding-left:6px; padding-top:4px; }
.menusubbox2			{color:#0A3A83; display:block; width:300px; padding-bottom:10px; padding-left:5px; padding-right:5px; padding-top:0px; background-repeat:repeat-y; background-image:url(../images/menubg2.gif); }
.menusubbox2	ul		{margin-left:0px; margin-top:0px; margin-bottom:0px; padding:0px; list-style:none; list-style-type:none;}
.menusubbox2	ul li	{padding-top:2px; border-bottom:1px dotted #0A3A83; margin-bottom:3px; padding-bottom:2px;}
.menubtm2				{background-image:url(../images/menubtm2.gif); width:300px; margin-bottom:10px; height:6px; display:inline-block}


/* menu title box*/
.menublack				{color:#FFFFFF; font-weight:bold; background-color:#0A3A83;}
.smalltextmenu			{color:#FFFFFF; font-weight:bold;}

.menusubbox a			{color:#0A3A83; text-decoration:none}
.menusubbox a:hover		{color:#0033CC; text-decoration:none}
.menusubboxB a			{color:#0A3A83; text-decoration:none}
.menusubboxB a:hover	{color:#0033CC; text-decoration:none}

/* headlines */
#headline				{FONT-SIZE: 16px; COLOR: #d38429; margin-bottom:10px; border-bottom:1px solid #0A3A83; padding-bottom:3px; font-weight:bold; font-family:Helvetica, "Trebuchet MS", Arial, , sans-serif; background-repeat:no-repeat;}
#headline .one			{float:left}
#headline .two			{float:right; font-size:11px; font-weight:bold; color:#0A3A83}
#headline .three		{clear:both;}

.subheadline			{font-weight:bold; padding-bottom:5px; color:#0A3A83}
legend					{font-weight:bold; padding-bottom:5px; color:#0A3A83; }

#loginbox				{color:#0A3A83; font-weight:bold}

/* midle */
#contentbox			{padding-left:10px; min-height:150px; width:735px; float:left; display:inline-block; text-align:left;}
#contentboxB		{padding-left:10px; min-height:150px; width:782px; float:left; display:inline-block; text-align:left;}
#contentbox	.menusubbox			{ max-height:200px; overflow-y:auto; overflow-x:hidden;}

/* footer */
#footerbox			{margin-top:10px; width:950px; color:#FFFFFF; font-weight:bold; clear:both; position:relative; top:-25px; margin:0px auto;}
#footerbox a		{color:#808080; text-decoration:none}
#footerbox a:hover	{color:#FF6600;}
#footerleft			{background-image:url(../images/ftbggerrn.gif); width:9px; height:28px; float:left; display:inline-block}
#footermid			{float:left; width:932px; background-image:url(../images/ftbggerrn.gif); display:inline-block; height:20px; padding-top:8px}
#footerright		{background-image:url(../images/ftbggerrn.gif); width:9px; height:28px; float:right; display:inline-block}
#footerbox ul		{margin-left:0px; margin-top:0px; margin-bottom:0px; list-style-type: none;}
#footerbox ul li	{margin:0px; display:inline; padding-right:11px; list-style: none; padding-left:10px; background-image:url(../images/darkdiv.gif); background-position:right; background-repeat:no-repeat}
#footerbox ul li.last {background-image:none; background:none}

/* form */
.input, .textarea 	{margin:0px; color:#0A3A83;}
.disabled 	        {margin:0px; height:18px; border:1px solid #A0A0A0; color:#0A3A83; background-color:#E5E5E5;}
form				{border:0px; margin:0px; padding:0px}
fieldset			{-moz-border-radius: 8px; border-radius: 8px; padding-bottom:10px; margin-bottom:10px; padding: 1em; border:1px solid #0A3A83}

.blubutton			{width:70px; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:5px; color:#FFFFFF; font-weight:bold; background-color:#332C69; cursor:pointer; border:none;}
.greenbutton		{width:70px; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:5px; color:#FFFFFF; font-weight:bold; background-color:#0A3A83; cursor:pointer; border:none;}
.purpbutton			{width:100px; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:5px; color:#FFFFFF; font-weight:bold; background-color:#0A3A83; cursor:pointer; border:none;}
.allbutton		    {width:auto; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:5px; color:#FFFFFF; font-weight:bold; background-color:#332C69; cursor:pointer; border:none;}


/* auto suggest */
div.asbox 			{position:absolute; background-color:#F7F7F3; z-index:10; width:100%; top:1.7em; float:left; display:none; border:0px; clear:both;}
div.as				{position:relative; float:left; border:0px; text-align:left}
div.as ul			{padding:0px; margin:0px; overflow-x:hidden;  overflow-y:scroll; border:1px solid #828790;}
div.as ul li		{padding-left:2px; padding-top:1px; padding-bottom:1px; border:1px solid #F7F7F3; cursor:default; overflow:hidden; margin:0px}
div.as ul li:hover	{background-color: #3399FF; border:1px dotted #CC6600}
div.as input		{background-image:url(../images/asarrow2.gif); background-position:right; background-repeat:no-repeat; margin:0px; color:#0A3A83; font-family: Helvetica,Verdana, Arial,  sans-serif; font-size: 12px}

div.astype				{position:relative; float:left; border:0px; z-index:0;}
div.astype ul			{padding:0px; margin:0px; overflow-x:hidden; overflow-y:scroll; border:1px solid #828790;}
div.astype ul li		{padding-left:2px; padding-top:1px; padding-bottom:1px; border:1px solid #F7F7F3; cursor:default; overflow:hidden; margin:0px}
div.astype ul li:hover	{background-color: #3399FF; border:1px dotted #CC6600}

/* search result */
.searchlist				{clear:left; padding:5px; margin-bottom:5px; display:inline-block; border-bottom:5px solid #0A3A83; border-top:0px solid white}
.searchlist	.imgbox		{float:left; width:120px; text-align:center; clear:left}
.searchlist	.imgbox img	{border:1px solid #0A3A83}

.searchlist	.textbox	{float:left; text-align:right; text-align:left; width:600px; clear:right}
.searchlist	.blnkbox	{clear:both}
.searchlist	.title		{padding-bottom:5px; font-weight:bold; color:#d38429}

.searchlist	.detail			{width:250px; float:left; color:#0A3A83}
.searchlist	.detail ul		{padding:0px; margin:0px; list-style:none}
.searchlist	.detail ul li	{border:0px; padding:0px; margin:0px; list-style:none}

.searchlist	.prices			{width:350px; float:left;}
.searchlist	.prices ul		{padding:0px; margin:0px; list-style:none}
.searchlist	.prices ul li	{border:0px; padding:0px; list-style:none; border:1px solid #E0E0CD; margin-bottom:5px;}

#searchimg				{clear:both; width:732px;}
.imageview				{float:left; width:220px; text-align:center; height:200px}
.imageview img			{border:1px solid #CCCCCC}
.imageview	.title		{padding-bottom:5px; font-weight:bold; color:#d38429; text-decoration:none}

.blue				{color:#055D90; font-size:11px; font-weight:bold; text-decoration:none}
.blue:hover			{color:#E47911}

/* search navigation */
.navbox 			{float:left; padding:3px; border:1px solid #0A3A83; margin-left:3px}
.navbox:hover		{background-color:#F6F211}
#navbttnbox			{padding:5px; font-size:12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight:bold; font-size:11px; clear:both}
#navbttnbox .select	{float:left; padding:3px; border:1px solid #30A045; background-color:#D38429; color:#FFFFFF; margin-left:3px}

/* customize screen */
.pagetitle			{font-weight:bold; border:1px solid #CCCCCC; width:730px; padding:2px; margin-bottom:2px; cursor:pointer; background-color:#B6D09A; color:#336600}
.pagebox			{clear:both; padding-bottom:5px}
.locationbox		{border:1px solid #CCCCCC;}
.locationtitle		{background-color:#0A3A83; color:#fff;  border-bottom:1px solid #CCCCCC; text-align:left}

.optionbtn			{background:url(../images/lightblue.gif) no-repeat left top; cursor:pointer; border:0px; margin:2px; height:18px; font-size:11px; font-family: Helvetica, Verdana, Arial, sans-serif; width:169px;}
.pagebox			{clear:both; width:735px;}

/* custom product page */
.customImg			{padding:2px; cursor:pointer; border:2px solid #CCCCCC}
.customImg:hover	{border:2px solid #FFF000}


#fixedtipdiv		{position:absolute;  background-color:#fff; padding: 2px; border:1px solid #0A3A83; font:normal 12px Verdana; line-height:18px; z-index:100; width:250px; text-align:left; font-size:11px }

.dotline				{border-bottom:1px dotted #0A3A83}
.smalltextreport	{border-bottom:1px dotted #0A3A83} /* table td bg replacment */

/* grid */
.grid				{border-left:1px dotted #0A3A83; margin-top:10px}
.titleitem			{color: #fff; font: 8pt Verdana; text-align:center; font-weight:bold; background-position:left; background-image:url(../images/title_bg_2.gif);}
.dataitem 			{border-right:1px dotted #0A3A83; border-bottom:1px dotted #0A3A83; font: 8pt Verdana; padding:2px; margin:0px;}
.grid .footer td	{font-weight:bold}

/* report forms */
.reportform .label		{width:150px}
.reportform	td			{padding:2px}
#reportbox select		{border:1px; color:#0A3A83; width:270px; height:100px; border:1px solid #0A3A83}
#reportbox .selectone	{border:1px; color:#0A3A83; width:auto; height:auto; border:1px solid #0A3A83; font-family: Helvetica,Verdana, Arial,  sans-serif; color:#0A3A83; font-size: 11px;}
#reportbox #ProductId	{width:100%; height:150px}
#reportbox	#descbox	{padding:5px; margin:10px; border:1px dotted #0A3A83;}
#reportbox	input.input, select.input	{margin:0px; font-family: Helvetica,Verdana, Arial,  sans-serif; color:#0A3A83; font-size: 11px; background-position:top; border:1px solid #0A3A83}

/* */
.smallfont      {font-size: 8px;}
.bgred  {background-color:Red;}
.btnbgwhite		    {width:auto; font-size: 11px; text-align:center; font-family: Helvetica, "Trebuchet MS", Arial; height:18px; margin-right:5px; color:blue; font-weight:bold; background-color:#ffffff; cursor:pointer; border:none;}
