﻿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 {
	text-decoration: none; 
	color: #444;
	padding: 1px 4px;
	margin: 1px;
	border: 1px solid #666;
	background: #CCC;
}

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


/* Menu at left and right hand sides */

#menu_left, #menu_right { width:195px; padding:0; margin:0; }	

.mnbox { color:#442; padding: 15px; background:#CD9; }	/**/

.mnbox h1 { text-transform:lowercase; font:bold 14px Arial, Helvetica; margin:-5px 0 5px 0; }

.mnbox ul { list-style:none outside; padding:0; margin:0 2px; line-height:150%; }

.mnbox ul ul, .mnbox ul ul ul { 

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

.mnbox form { padding: 1px 0 5px 0; }

.mnbox input {	width: 72%; }

.mnbox .button {	width:20%; margin-left:5px; color:#999; border:0; }

.mnbox .cart { padding:0; margin:2px 0; }

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


/* 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 }


