﻿body { background:#555; min-height:100%; margin:0; padding:0; font:normal 12px Arial, Helvetica; }
#wrapper { clear:both; width:1000px; padding:0; margin:0 auto; background:#867644; } /**/

h1 { color:#867644; font:bold 16px Arial, Helvetica; margin:0; } /**/
h2 { color:#555; font:bold 14px Arial, Helvetica; clear:both; } /**/
a { text-decoration:none; color:#6D2901; } /**/
a:hover { color:#888; } /**/
form { margin:0; padding:2px 0; }

/* heading section */
#header { background:#FFF; padding:0; margin:0; clear:both; border-top:1px solid #EEE; border-bottom:3px solid #867644; } /**/
#topbar { color:#FFF; font:bold 10px Verdana, Arial; padding:3px 5px; margin-bottom:5px; float:right; } /**/
#topbar li { list-style:none; float:left; padding:4px 15px 6px 15px; border-left:1px solid #A6A664; } /**/
#topbar li a { text-decoration:none; color:#FFF; padding:3px 0; } /**/
#topbar li a:hover { border-bottom:3px solid #FFF; } /**/

/* Main content */
#main { width:100%; clear:both; border:0px; margin:0px; padding:0px; background:#D2D2A6; } /**/

/* Main content section */
#page_content { background:#FFF; color:#222; padding:10px; text-align:justify; } /**/
#page_content td, p { font-size:12px; }
#page_content .link a { padding:1px 12px; float:right; clear:both; }
#page_content .button { padding:10px 0; white-space:nowrap; }
#page_content .button a { margin-left:15px; padding:2px 14px; }
#page_content .link a, #page_content .button a  { 	
	border:1px solid #AAA; background:#999; text-decoration:none; color:#FFF; } /**/
#page_content .shadow { margin:1px; width:60%; white-space:nowrap; }
#page_content .shadow td { background:#E2E2B6; padding:2px; } /**/

#cart { width:100%;	}
#cart td { background:#E9E9C6; margin:1px; padding:3px 5px; font-size:12px; } /**/
#cart .heading td { background:#D2D2A6; color:#442; font:bold 12px Arial, Helvetica; } /**/

.smalltext { font-size:9px; color:#999; }
.fright { float:right; padding-right:5px; }

/* page number */
#paging { clear:both; text-align:center; padding:5px; }
#paging a { color:#444; padding:1px 4px; margin:1px; border:1px solid #666; background:#CCF; }
#paging .current { color:#333;border:1px solid #444; background: #666; }

/* Menu at left and right hand sides */
#menu_left, #menu_right { width:200px; padding:0; margin:0; }	
#menu { border:1px solid #867644; background:#FFF; color:#A6A664; margin:10px; padding:8px; font-size:10px; }	/**/
#menu h1 { color:#555; font:bold 14px Arial, Helvetica; margin:0 0 5px 0; padding-bottom:3px; }	/**/
#menu p { margin:2px; padding:0; font-size:10px; }
#menu ul { list-style:none outside; padding:0; margin:0 2px; line-height:150%; }
#menu ul ul, #menu ul ul ul { 
	list-style:square outside; padding:0; margin-left:16px; line-height:150%; }	
#menu input {	width: 72%; }
#menu .button {	width:20%; margin-left:5px; color:#FFF; border:0; background: #FFF url(../_img/icopreview.gif) no-repeat; }
#menu .cart { padding:0; margin:2px 0; }

/* Product listing layout */
#products_a { width: 97%; /* 555px typle a layout */ }
#products_b { width: 46%; /* 265px typle b layout */ }
#products_c {	width: 169px; /* typle c layout */ }
#products_a, #products_b, #products_c {
	float:left; border:1px solid #CCC; padding:6px; margin:3px 7px 4px 0; background:#E2E2B6; } /**/
#products_a .info, #products_b .info { float:right; text-align:justify; }
#products_a .info { width: 76%; /* 425px */}
#products_b .info { width: 60%; /* 160px */}
#products_a img, #products_b img { float:left; margin-right:5px; }
#products_c img {	margin-bottom:5px; }
#products_a h1, #products_b h1, #products_c h1 { font-size:12px; margin-bottom: 2px; clear: both; }
#products_a .desc { height: 70px; }
#products_b .desc { height: 55px; }
#products_c .desc { height: 30px; }
#products_a .price, #products_b .price, #products_c .price { font-weight:bold; }
#products_a .link, #products_b .link, #products_c .link { float:right; }

/* footer */
#footer { padding:6px 20px; color:#FFF; font-size:10px; } /**/

