/* CSS Document */
/* CSS Document */

body { margin: 0; padding: 0; background: #112943; font-family: Arial, Helvetica, sans-serif;}
hr { height: 1px; color: #E4EBF3; border: 0px; background-color: #E4EBF3; clear: both}
form { margin: 0; padding: 0 }

#wrapper { width: 775px; margin: 0 auto 0 auto; }

#header  { height: 207px;}
	#headerside { height: 207px; width: 222px; float: left}
		#logo {width: 222px; height: 122px; float: left; background: #FFFFFF url(../images/img_logo.jpg); cursor: pointer}
		#searchbar {width: 222px; height: 85px; float: left; background: #163455; font-size: 11px; color: #FFFFFF}
			#searchbar form { margin: 0; padding: 0}
			#searchbar table { width: 192px; margin: 13px 15px 0 15px;}
			#searchbar #search { font-size: 11px; width: 100px; margin-bottom: 2px}	
			#searchbar #uc_TopSearch_txtSearchBox { font-size: 11px; width: 100px; margin-bottom: 2px}			
			#searchbar select { font-size: 11px; width: 106px; margin-bottom: 2px}
			#searchbar label { margin-right: 15px;}
			
		#searchbar {width: 222px; height: 85px; float: left; background: #163455; font-size: 11px; color: #FFFFFF}
			#searchbar form { margin: 0; padding: 0}
			#searchbar table { width: 192px; margin: 13px 15px 0 15px;}
			#searchbar #search { font-size: 11px; width: 100px; margin-bottom: 2px}	
			#searchbar #uc_TopSearch_txtSearchBox { font-size: 11px; width: 100px; margin-bottom: 2px}			
			#searchbar select { font-size: 11px; width: 106px; margin-bottom: 2px}
			#searchbar label { margin-right: 15px;}
			
	#imagebar {height: 174px; width: 553px; float: left; background: #FFFFFF url(../images/img_imgbar.jpg)}
		#adminmenu { height: 19px; font-size: 10px; margin-top: 155px; width: 553px; text-align: right;}
			#adminmenu table { text-align: right; height: 19px; }
			#adminmenu .menuend { background: url(../images/bg_adminmenu.gif) left no-repeat; width: 19px} 
			#adminmenu .menutext { background-color: #0F253C; color: #FFFFFF}
			#adminmenu .menuendlight { background: url(../images/bg_adminmenulight.gif) #0F253C left no-repeat; width: 19px} 
			#adminmenu .menutextlight { background-color: #00A0F1; color: #FFFFFF; padding-right: 15px}
		#adminmenu a:link, #adminmenu a:visited, #adminmenu a:active { color: #FFFFFF; text-decoration: none}
		#adminmenu a:hover { color: #E4EBF3; text-decoration: none}
	#menu {width: 553px; float: left; height: 33px; background: #145072 url(../images/bg_menu.jpg) repeat-x; font-size: 10px; color: #FFFFFF}
		#menu ul { list-style: none; margin: 10px 0 0 15px; padding: 0}
		#menu li { margin: 0 0 2px 0; padding: 0px 15px 0 0; display:inline}
		#menu a:link, #menu a:visited, #menu a:active { color: #FFFFFF; text-decoration: none}
		#menu a:hover { color: #00A0F1; text-decoration: none}

#middle

#sidecol { width: 222px; float: left;}

#cart_info { width: 227px; background: #2B6686; font-size: 11px; color: #FFFFFF; border-bottom: 1px solid #E4EBF3; padding: 0 0 10px 0; margin: 0px;}
	#cart_info h1 { margin: 0px; padding: 7px 15px 5px 2px; border-top: 1px solid #E4EBF3; border-bottom: 1px solid #E4EBF3}
	#cart_info a:link, #cart_info a:visited, #cart_info a:active { color: #FFFFFF; text-decoration: none; }
	#cart_info a:hover { color: #00A0F1; text-decoration: none}
	#cart_info table {  width: 192px; margin-left: 15px; margin-top: 15px; margin-bottom: 5px;}
	#cart_info td { border-bottom: 1px solid #5A88A1; padding-right: 5px; padding-bottom: 1px; }
	#cart_info img { padding: 0px; margin: 0px 13px 0px 13px;}
	#cart_info p { padding: 0px; margin: 1px}

#sidemenu { width: 227px; float:left;  background: #145578 url(../images/bg_sidebar.gif) bottom left no-repeat; font-size: 12px;}
	#sidemenu h1 { margin: 5px 15px 0 15px; padding: 0;}
	#sidemenu ul { list-style: none; margin: 15px; padding: 0}
	#sidemenu ul ul { list-style: none; margin: 0 0 0 0px; padding: 0 0 0 5px; border-top: 1px solid #E4EBF3; border-bottom: 1px solid #E4EBF3}
	#sidemenu ul ul li { font-size: 11px}
	#sidemenu li { margin: 0 0 2px 0; padding: 0px; text-transform:capitalize}
	#sidemenu a:link, #sidemenu a:visited, #sidemenu a:active { color: #FFFFFF; text-decoration: none}
	#sidemenu a:hover { color: #00A0F1; text-decoration: none}
	
#content { width: 523px; float: right; margin-left: 0px; background: #FFFFFF url(../images/bg_content.gif) bottom no-repeat; min-height: 650px; padding: 15px}
	#content { _margin-left: -5px }
	#content h1 { font-size: 12px; color: #0E2239; margin: 0 0 10px 0; text-transform:capitalize;}
	#content h2 { font-size: 12px; margin: 0 0 10px 0; color: #00A0F1}
	#content p { font-size: 11px; line-height: 13px; margin-top: 0px;}
	#content a:link, #content a:active, #content a:visited { font-size: 11px; color: #00A0F1}
	#content a:hover { color: #112943 }
	
	#box { background: url(../images/bg_box.jpg) right top #FFFFFF no-repeat; border: 1px solid #E4EBF3;  overflow: hidden}
	/*#box h1 { margin: 15px 0 0 0}*/
	#box hr { margin: 5px 0px 5px 0px; padding: 0px;}
	#smallbox { background: url(../images/bg_box.jpg) right top #FFFFFF no-repeat; border: 1px solid #E4EBF3;  overflow: hidden}
	#smallbox h1 { margin: 5px 0 0 0; font-size: 11px;}
	#smallbox hr { margin: 5px 0px 5px 0px; padding: 0px;}
	.box_mainproduct { width: 308px; height: 154px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 15px; }
	.box_mainproduct img { float: left; margin-right: 5px}
	.box_smallproduct { font-size: 11px; width: 160px; height: 76px; float: left; margin-bottom: 10px; padding: 5px;} 
	.box_smallproduct img { float: left; margin-right: 5px}
	.box_product { margin-bottom: 10px; padding: 15px; overflow: hidden}
	.box_product img { float: left; margin-right: 10px; margin-bottom: 70px}
	.box_productpurchase { width: 219px; height: 175px; float: left; margin-right: 10px; margin-bottom: 10px; padding: 15px; overflow: hidden}	
	.box_productpurchase .img { float: left; margin-right: 10px; margin-bottom: 50px}
	.box_product p { margin: 0px 0px 10px 0px}
	.box_login { width: 197px; float: left; margin-bottom: 10px; font-size: 11px; padding: 15px;}
	.box_login  form { margin: 0; padding: 0}
	.box_login  table { width: 192px; }	
	.box_login  #txtUsername, #txtPassword { font-size: 11px; width: 85px; margin-bottom: 2px}
	.box_login  select { font-size: 11px; width: 106px; margin-bottom: 2px}
	.box_login  label { margin-right: 15px;}
	
	.box_productdetails { margin-right: 10px; margin-bottom: 10px; padding: 15px; font-size: 12px}
	.box_productdetails img { float: left; margin-right: 5px}
	.box_productdetails label { margin-right: 10px;}
	.box_productdetails table { float: right}
	
	.box_cartsummary { font-size: 12px}
	.box_cartsummary td { padding: 5px;}
	.box_cartsummary table .header { color: #112943; font-weight: bold; border-bottom: 1px solid #E4EBF3; }
	.box_cartsummary table input { width: 25px; text-align: center; font-size: 12px;}	
	
	#productcart { background: #145578; clear: both; margin-top: 5px; margin-bottom: 15px; color: #FFFFFF; font-size: 12px; line-height: 20px;}
	#productcart select { vertical-align: middle; font-size: 11px; margin: 5px; width: 230px}
	#productcart table { margin: 5px 5px 5px 5px;}
	#productcart label { font-size: 11px;}
	
	#formarea { background: #FFFFFF; clear: both; margin-top: 5px; margin-bottom: 15px; color: #000000; font-size: 12px; line-height: 20px;}
	#formarea select { vertical-align: middle; font-size: 11px; margin-right: 14px; margin-bottom: 2px;}
	#formarea label { font-size: 11px; margin-right: 15px;}
	#formarea input { margin-bottom: 2px;}
	#formarea .formarea { color: #00A0F1; font-weight: bold; font-size:14px}
	
	#textbox { padding: 10px 0 0 10px; overflow: hidden}	
	.news { float: left; width: 284px; }
	.news ul { list-style: none; font-size: 11px; margin: 10px 0 0 0; padding: 0}
	.news li { border-top: 1px solid #E4EBF3; padding-top: 0px; padding-bottom: 10px; margin-bottom: 10px;}
	#textbox a:link, #textbox a:active, #textbox a:visited { text-decoration: none; color: #000000}
	#textbox a:hover { text-decoration: underline; color: #00A0F1}
	.icon { border: 1px solid #E4EBF3; padding: 15px; margin-right: 10px;}
	
	#productorder { width: /*405*/378px; float: left; background: #145578; margin-right: 5px; height: 27px; color: #FFFFFF; font-size: 11px; line-height: 27px; padding: 0 0 0 5px; }
	#productorder select { vertical-align: middle; font-size: 11px; margin-right: 10px; margin-left: 5px;}
	#productpagination { width:/*103*/ 130px; float: left; background: #145578; height: 27px; line-height: 27px; padding: 0 0 0 5px; color: #FFFFFF; font-size: 11px;}
	#productpagination_btm { height: 27px; background: #145578; clear: both; margin-top: 5px; margin-bottom: 15px; color: #FFFFFF; font-size: 11px; line-height: 27px; padding: 0 25px 0 5px; text-align: right}
	#productrestrict { height: 30px; background: #0E2239; clear: both; margin-top: 5px; margin-bottom: 20px; color: #FFFFFF; font-size: 11px; line-height: 27px; padding: 0 0 0 5px;}
	#productrestrict select { vertical-align: middle; font-size: 11px; margin-right: 10px; margin-left: 5px;}
	
	#productintro
	#productintro p { font-size: 12px; line-height: 17px;}
	#productintro img { float: left; margin: 0 15px 15px 0; height: 150px; width: 150px}
	
	#news img { margin: 0 15px 15px 0}
	
#footer { clear: both; float: right; width: 523px; text-align: right; font-size: 11px; padding: 15px; line-height: 16px; color: #4C7BAF}
#footer a:link, #footer a:active, #footer a:visited { text-decoration: none; color: #4C7BAF}
#footer a:hover { text-decoration: underline; color: #00A0F1}

.lightblue { color: #E4EBF3}
.brightblue { color: #00A0F1 }
.darkblue { color: #112943}

.boldBrightblue { color: #00A0F1; font-weight: bold}
.boldDarkblue { color: #112943; font-weight: bold}

#clear { clear: both; height: 1px; }