﻿body { 
	background: #D0E6BF; 
	min-height: 100%;
	margin: 0; 
	padding: 0;
}

#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: 0 0 10px 0;

	clear: both;

	border:1px solid #1E5F7F;

	text-align:center;

}

#header p{ 

	padding:0px; 

	margin: 0px;

}



#topbar { 

	color: #F1FFE6; 

	font: bold 11pt Arial, Verdana, Helvetica, sans-serif; 

	padding: 0px 0px;

	margin: 0;

	float: right;

	width:100%;

	background-image:url(template33/menubg.jpg);

	background-position:left top;

	background-repeat:repeat-x;

}



#topbar ul { 

	list-style: none; 

	float: right;

	padding: 0px;

	margin:0;

}



#topbar li { 

	list-style: none; 

	float: left;

	margin:0px;

	padding: 7px 35px 7px 35px;

	background-image:url(template33/menu_sep.jpg);

	background-position:right center;

	background-repeat:no-repeat;

}



#topbar li a { 

	text-decoration: none; 

	color: #F1FFE6; 

	padding: 7px 12px;

	display:block;

	text-transform:uppercase;

}



#topbar li a:hover { 

	color:#fff;

}



.fright {

 	float: right;

	padding-right: 5px;

}



/* menus and content wrapper */

#main { 

	width: 100%;

	clear: both; 

	padding: 0px; 

	margin: 0 auto; 

	text-align: left;

}



#main table {

	border: 0px;

	margin: 0px;

	padding: 0px;

}



/* Main content section */

#page_content { 

	background: #F1FFE6;

	color: #51493C;

	padding: 8px;

	margin:0px;

}



#page_content h1 { 

	color: #21607F; 

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

	margin: 0;

}



#page_content h2 { 

	clear: both; 

	color: #21607F; 

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

}



#page_content td, #page_content p { 

	color: #4F4939; 

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

	text-align:justify;

}



#page_content a { 

	text-decoration: none; 

	color: #21607F;

}



#page_content a:hover { 

	color: #000000;

	text-decoration: underline;

}



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



#page_content .smalltext {

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

	color: #3A7042;

}



#page_content .where { 

	clear: both; 

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

}



#cart { 

	width: 100%;	

}



#cart td {

	background: #D0E6BF;

	margin: 1px; 

	padding: 3px 5px;

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

}



#cart .heading td {

	background: #1E6082;

	color: #fff;

	height: 24px;

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

}



#page_content .link a { 

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

	background: #1E6080;

	padding: 1px 7px;

	float: right;

	text-decoration: none; 

	color: #fff;

	text-transform:uppercase;

}

#page_content .link a:hover { 

	color: #FFF;

	text-decoration:none;

}



#page_content .button {

	padding: 5px 0;

	white-space: nowrap;

}



#page_content .button a  { 

	margin-left: 15px;

	background: #1E6080;

	padding: 1px 10px;

	text-decoration: none;

	color: #FFF;

}

#page_content .button a:hover {

	color:#fff;

}	





#page_content .shadow {

	margin: 1px;

}



#page_content .shadow td {

	background: #D0E6BF; 

	padding: 2px;

	color:#000000;

}



/* 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: 198px; 

	padding: 0;

	margin: 0;

	background-color:#FFFFFF;

	border:1px solid #FFF;

	color: #6E6E6E; 

	font-size:12px;

}



.mnbox { 

	color: #6E6E6E; 

	margin: 0px;

	padding: 10px;

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

}

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

.mnbox h1 { 

	color: #648C6A;

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

	margin: 0 0 10px 0;

	padding: 5px 3px 10px 5px;

	background-image:url(template33/section_hdrbg.jpg);

	background-position:center bottom;

	background-repeat:repeat-x;

	text-transform:uppercase;

}



.mnbox p { 

	margin: 2px;

	padding: 0;

}



.mnbox ul {

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

}

.mnbox ul li {

	list-style: none outside; padding: 3px 0px; margin: 0; border-bottom:1px dotted #000;

}

.mnbox ul li a { 

	text-decoration: none; 

	color: #6D6D6D; 

	font-size:12px;

	padding:3px 0 3px 25px;

	background-image:url(template33/menubullet.gif);

	background-position: left 3px;

	background-repeat:no-repeat;

}



.mnbox ul li a:hover { 

	color: #598564;

}





.mnbox ul ul, .mnbox ul ul li {

	list-style:none; 

	padding:3px 0; 

	margin:0; 

	line-height:150%;

}

.mnbox ul ul li a { 

	list-style:none; 

	padding:0 0 0 25px; 

	margin:0; 

	color:#6D6D6D;

	line-height:150%;

	background-image:url(template33/menu_arrow.gif);

	background-position: 12px 5px;

	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: #6D6D6D; 

}



.mnbox a:hover { 

	color: #598564; 

}



.mnbox form { 

	padding: 1px 0 5px 0; 

	margin: 0; 

}



.mnbox input {	width: 72%; border:1px solid #000000; }



.mnbox .button {	

	width: 20%; 

	margin-left: 5px; 

	color: #FFF; 

	background: #3F6848;

	border: 0;

}



.mnbox .cart { 

	padding: 0; 

	margin: 2px 0; 

}



/* Product listing layout */

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

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

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



#products_a, #products_b, #products_c {

	float: left;

	border: 1px solid #CFE5BE;

	padding: 5px; 

	margin: 3px 5px 4px 0;

	background: #FFFFFF;

}



#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-bottom: 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:#5A8363;

}

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

	text-decoration:underline;

	color:#000;

}



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

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

#products_c .desc { height: 30px; color:#4C4B39; }



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

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

}



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



/* footer */

#footer { 

	padding: 15px 0px;

	color: #5D8261; 

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

	text-align:center;

	background-image:url(template33/footerbg.jpg);

	background-position:left top;

	background-repeat:repeat-x;

}

#footer a { 

	color: #5D8261;

	text-decoration:none;

}

#footer a:hover { 

	color: #000000;

	text-decoration:underline;

}


