body { background:#EFD; margin:0; padding:0; font: normal 10px Arial, Helvetica, sans-serif; color:#883; } 	/**/
body, html { min-height:100%; }

h1 { color:#885; font:normal 28px Arial, Helvetica; margin:0; text-transform:uppercase; }
h2 { color:#885; clear:both; font: normal 20px Arial, Helvetica; text-transform:lowercase; }
a { text-decoration:none; color:#D30; } /**/	
a:hover { color:#885; }	/**/
td, p { font-size:12px; }
form { padding: 0; margin: 0; }

/* header and macro */
#topbar { background:#330; border-bottom:1px solid #999; text-transform:lowercase; height:21px; }	/**/
#topbar ul { position: absolute; left: 50%; padding: 3px; margin:0 0 0 -240px; }
#topbar li { color:#773; font:bold 12px "Trebuchet MS",Arial; list-style:none; float:left; padding:0 15px; }	 /**/
#topbar li a { color:#773; } 	/**/
#topbar li a:hover { color:#DDD; } 	/**/

#wrapper { font:normal 12px Arial, Helvetica; clear:both; width:1000px; margin:12px auto; }
#header { text-align:center; padding:0; margin-bottom:12px; }

/* Main content */
#main { width:100%; }
#main table { border:0; margin:0; padding:0; }

#page_content { color:#333; padding: 0 12px; text-align:justify; } /**/	
#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:#888; text-decoration:none; color:#333;} 	/**/
#page_content .shadow { margin:1px; width:60%; white-space:nowrap; }
#page_content .shadow td { background:#FFF; padding:2px; }	/**/

#cart { width:100%;	}
#cart td { background:#DEB; margin:1px; padding:3px 5px; font-size:12px; }	/**/
#cart .heading td { background:#CD9; color:#442; font:bold 12px Arial, Helvetica; }	/**/

.smalltext { font-size:9px; color: #888; }
.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:#CCCCFF; }
#paging .current { color:#333;border:1px solid #444; background: #666; }

/* Menu at left and right hand sides */
#menu_left, #menu_right { width:195px; padding:0; margin:0; }	
#menu { color:#442; padding: 15px; background:#CD9; }	/**/
#menu h1 { text-transform:lowercase; font:bold 14px Arial, Helvetica; margin:-5px 0 5px 0; }
#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 form { padding: 1px 0 5px 0; }
#menu input {	width: 72%; }
#menu .button {	width:20%; margin-left:5px; color:#999; border:0; }
#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; padding:6px; margin:3px 7px 4px 0; background:#DEB;} /**/
#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; text-align:left; }
#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:bold 12px Arial, Helvetica; }

/* footer */
#footer { width:100%; font-size:10px; padding:8px 0 15px 0; margin:0; clear:both; 
	background:#330; border-top:1px solid #999; text-align:center; }	/**/
#footer p { text-align:center; }	/**/

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom { background:#EFD;display:block; }	/**/
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4, .rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4 { 
  background:#CD9; display:block; height:1px; overflow:hidden;}	/**/
.r1{ margin:0 5px }
.r2{ margin:0 3px }
.r3{ margin:0 2px }
.rtop .r4, .rbottom .r4 { margin:0 1px; height:2px }