﻿body { 

	min-height: 100%;

	margin: 0; 

	padding-top:60px;

	background-image:url(template90/bg.jpg);

	background-position:top left;

	background-repeat:repeat-x;

	background-color:#DFDEDE;

}



#wrapper {

	font: normal 12px Arial, Helvetica, sans-serif; 

	clear: both; 

	width: 1000px; 

	padding: 0; 

	margin:0px auto; 

	min-height: 100%;

}



/* heading section */

#header { 

	padding:0px; 

	margin: 35px 0 15px 0;

	clear: both;

	background-color:#FFFFFF;

	border:1px solid #BDBABA;

	width:auto;

	padding:9px 0px;

	text-align:center;

}

#header p{

	padding:0;

	margin:0;

}

#header div{

	padding:0;

	margin:0;

	/*width:370px;

	padding:160px 0 15px 60px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFFFFF;*/

}



#topbar { 

	color: #FFF; 

	font: bold 13px Arial, Verdana, Helvetica, sans-serif; 

	height:39px;

	width:100%;

}



#topbar ul { 

	list-style: none; 

	padding: 0px;

	margin:0px;

}



#topbar li { 

	list-style: none; 

	float: left;

	margin:0px;

	padding:0px 20px;

	background-image:url(template90/topmenu_divider.gif);

	background-position:top right;

	background-repeat:no-repeat;

}



#topbar li a { 

	text-decoration: none; 

	color: #BDBDBD; 

	padding:0px;

	text-transform:uppercase;

	height:39px;

	line-height:39px;

	display:block;

	float:left;

	padding:0px 25px;

}



#topbar li a:hover { 

	color:#FFFFFF;

	background-color:#000000;

}



.fright {

 	float: right;

	padding-right: 5px;

}



/* menus and content wrapper */

#main { 

	width: 1000px;

	clear: both; 

	padding: 0px; 

	margin: 0 auto; 

	text-align: left;

}



#main table {

	border: 0px;

	margin: 0px;

	padding: 0px;

}



/* Main content section */

#page_content { 

	background-color:#FFFFFF;

	border:1px solid #BDBABA;

	padding: 10px;

	margin:0px;

}



#page_content h1 { 

	color: #000000; 

	font: bold 22px Arial, Helvetica, sans-serif; 

	margin: 0;

}



#page_content h2 { 

	clear: both; 

	color: #000000; 

	font: bold 22px Arial, Helvetica, sans-serif; 

}



#page_content td, #page_content p { 

	color: #494949; 

	font: normal 12px Arial, Helvetica, sans-serif;

	text-align:justify;

}



#page_content a { 
	color: #000000;
	text-decoration:underline;
}

#page_content a:hover { 
	text-decoration: none;
}

#page_content form { padding: 0; margin: 0; }



#page_content .smalltext {

	font: normal 9px Arial, Helvetica, sans-serif; 

	color: #1C8CC1;

}



#page_content .where { 

	clear: both; 

	font: normal 9px Arial, Helvetica, sans-serif; 

}



#cart { 

	width: 100%;	

}



#cart td {

	background: #F1EFF3;

	color:#000000;

	margin: 1px; padding: 3px 5px;

	font: normal 12px Arial, Helvetica, sans-serif;

}



#cart .heading td {

	background: #338FB5;

	color: #FFF;

	height: 24px;

	font: bold 12px Arial, Helvetica, sans-serif; 

}



#page_content .link a { 

	font: bold 12px Arial, Helvetica, sans-serif; 

	background: #009FD6;

	padding: 1px 12px; 

	border: 1px solid #C5CED8;

	float: right;

	text-decoration: none; 

	color: #ffffff;

}

#page_content .link a:hover { 

	text-decoration: none; 

	color: #ffffff;

}



#page_content .button {

	padding: 5px 0;

	white-space: nowrap;

}



#page_content .button a, #page_content .button a:hover  { 

	margin-left: 15px;

	background: #338FB5;

	padding: 2px 14px;

	text-decoration: none;

	color: #FFF;

}

#page_content .shadow {

	margin: 1px;

}



#page_content .shadow td {

	background: #1D375A; 

	padding: 2px;

	color:#FFF;

}



/* page number */

#page_content .paging {
	clear: both;
	text-align: center;
	padding: 5px;
}

#page_content .paging a {
	text-decoration: none; 
	color: #444;
	padding: 1px 4px;
	margin: 1px;
	border: 1px solid #666;
	background: #CCC;
}

#page_content .paging a:hover, #page_content .paging .current {
	color: #FFF;
	border: 1px solid #444;
	background: #666;
}

/* Menu at left and right hand sides */

#menu_left, #menu_right { 

	width: 200px; 

	padding: 0;

	margin: 0;

	background-color:#FFFFFF;

	border:1px solid #BDBABA;

	color: #000000; 

	font-size:12px;

}



.mnbox { 

	color: #000000; 

	margin: 0px;

	padding:8px;

	font: normal 12px Arial, Helvetica, sans-serif; 

}

.mnbox .current {
	font-weight:bold;
}

.mnbox h1 { 

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#FFFFFF;

	text-transform:uppercase;

	margin: 0 0 5px 0;

	padding: 0px 0px 0px 30px;

	line-height:40px;

	background-image:url(template90/leftmenu_hrr_bg.jpg);

	background-repeat:no-repeat;

	background-position:top left;

}



.mnbox p { 

	margin: 2px;

	padding: 0;

	color:#000000;

}



.mnbox ul {

	list-style: none outside; padding: 0; margin: 0 2px; line-height: 150%;

}

.mnbox ul li {

	list-style: none outside; 

	padding: 0px; 

	margin: 0;

	background-image:url(template90/menudotted_line.jpg);

	background-position: bottom left;

	background-repeat:repeat-x;

	

	

	

}



.mnbox ul li a { 

	text-decoration: none; 

	color: #000000; 

	font-size:12px;

	padding:3px 0 3px 20px;

	margin:0px;

	background-image:url(template90/menu_arrow.jpg);

	background-position: 4px 8px;

	background-repeat:no-repeat;

	display:block;

}



.mnbox ul li a:hover { 

	color: #000000;

}



.mnbox ul ul, .mnbox ul ul li { 

	list-style:none; 

	padding:3px 0; 

	margin:0;

}



.mnbox ul ul li a { 

	list-style:none; 

	padding:0px 0 0px 35px; 

	margin:0;

	background-image:url(template90/sub_arrow.gif);

	background-position: 20px 7px;

	background-repeat:no-repeat;

}





/*.mnbox ul ul {

	list-style: square outside; padding: 0; margin-left: 16px; line-height: 150%; 

}



.mnbox ul ul ul {

	list-style: square outside; padding: 0; margin-left: 16px; line-height: 150%; 

}*/



.mnbox a { 

	text-decoration: none;

	font-size:12px;

	color: #000000; 

}



.mnbox a:hover { 

	color: #000000; 

}



.mnbox form { 

	padding: 1px 0 5px 0; 

	margin: 0; 

}



.mnbox input {	width: 72%; }



.mnbox .button {	

	width: 20%; 

	margin-left: 5px; 

	color: #FFF; 

	/*background-color: #4B5A68;*/

	background-color:#338FB5;

	border: 0;

}



.mnbox .cart { 

	padding: 0; 

	margin: 2px 0; 

}



/* Product listing layout */

#products_a { width: 96%; /* 555px typle a layout */ }

#products_b { width: 46%;/*width: 46%;*/ /* 265px typle b layout */ }

#products_c { width: 168px; /* typle c layout */ }



#products_a, #products_b, #products_c {

	float: left;

	border: 1px solid #BDBABA;

	padding: 5px; 

	margin: 3px 5px 4px 0;

	background: #F1EFF3;

}



#products_a .info, #products_b .info { 

	float: right; 

	text-align: left; 

}



#products_a .info { width: 76%; /* 425px */}

#products_b .info { width: 60%; /* 160px */}



#products_a img {	

	float: left; 

	margin-right: 5px;

}

#products_b img {	

	float: left; 

	margin-right: 5px;

}

#products_c img {margin-bottom: 5px; }

	

#products_a h1, #products_b h1, #products_c h1 { 

	font: bold 12px Arial, Helvetica, sans-serif; 

	margin-bottom: 2px; 

	clear: both;

}

#products_a h1 a, #products_b h1 a, #products_c h1 a{

	text-decoration:none;

	color:#1B8BBF;

}

#products_a h1 a:hover, #products_b h1 a:hover, #products_c h1 a:hover{

	text-decoration:none;

	color:#000000;

}



#products_a .desc { height:60px; color:#000000; }

#products_b .desc { height: 55px; color:#000000; }

#products_c .desc { height: 40px; color:#000000; }



#products_a .price, #products_b .price, #products_c .price { 

	font: bold 12px Arial, Helvetica, sans-serif; color:#D20000; line-height:25px; padding:10px 0 0 0;

}



#products_a .link, #products_b .link, #products_c .link {  }



/* footer */

#footer { 

	padding: 40px 20px;

	margin-top:15px;

	color: #FFFFFF; 

	font: 12px Arial, Helvetica, sans-serif; 

	background-color:#1E2527;

	text-align:center;

	background-image:url(template90/bottom_bg.gif);

	background-repeat:repeat-x;

	background-position:top left;

}

#footer a { 

	color: #FFFFFF;

	text-decoration:underline;

}

#footer a:hover { 

	color: #FFFFFF;

	text-decoration:none;

}


