@import url('reset.css');
@import url('menu.css');

/* Main */
body 			{ background-color: #DFDCC3; background-image: url('bamboo_bk.gif'); background-repeat: no-repeat; }

#wrap 			{ width: 960px; margin: auto; }

#hdr			{ height: 40px; padding: 15px 0; position: relative; }
#hdr h1 a	{ display: block; height: 40px; width: 230px; background-image: url('logo.gif'); background-repeat: no-repeat; text-indent: -9999em; }
#hdrnav	 	{ position: absolute; top: 34px; right: 0; text-align: right; }

#mini-hdr 	{ border: 1px solid #bbbbbb; border-bottom: 1px solid #DEDEDE; text-align: right; }
#shopping-cart 	{ background-color: #330000; height: 30px; line-height: 30px; padding: 0 20px; }
#search-box	{ background-color: #efefef; height: 30px; line-height: 30px; padding: 0 20px; }
#go				{ vertical-align: bottom; margin-bottom: 5px; }
#breadcrumbs	{ float: left; }
#breadcrumbs a 	{ color: #444444; }

#layout 		{ background-color: white; padding: 20px; border: 1px solid #bbbbbb; border-top: none; margin-bottom: 5px; float: left; width: 918px; }
#layout-main	{ width: 100%; float: right; }
#layout-sidebar	{ width: 230px; float: left; }

#footer .container { float: left; padding-bottom: 10px; position: relative; width: 100%; }
#footer-right	{ position: absolute; right: 5px; }
#footer-right a { font-family: Arial, Helvetica, Verdana, sans-serif; font-size:11px; }

/* Sidebar */

#layout-sidebar ul, 
#layout-sidebar #tags,
#layout-sidebar #sidebar-cart { background-color: #F6F6F6; padding: 10px; padding-top: 10px; border: 1px solid #dddddd; border-top: none; margin-bottom: 20px; }

#layout-sidebar ul a, 
#layout-sidebar #tags a { color: #444444; }

/* General Typography */

body 		{ font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 20px; }

a 					{ text-decoration: none; color: #4B0000; }
a:hover				{ text-decoration: underline; }
#shopping-cart a 	{ color: #dddddd; }

p			{ margin-bottom: 20px; }

#layout-main ul		{ margin-left: 20px; margin-bottom:0px;}
#layout-main ul li	{ list-style: disc; }

#layout-main ol		{ margin-left: 20px; margin-bottom: 20px;}
#layout-main ol li	{ list-style: decimal; }

#layout h1 	{ font-size: 18px; font-weight: bold; color: #444444; margin-bottom: 20px; }
#layout-sidebar h3 { color: white; background-color: #679100; text-transform: uppercase; padding: 0 10px; }

#layout form { margin-bottom: 20px; }

#sitemap li { margin-left:15px;}
#sitemap h1 { font-size:14px; margin-bottom:0px;}

/* Index */

#page-index #layout-main { width: 100%; }

#slideshow { height: 400px; width: 638px; margin-right: 280px; margin-bottom: 20px; overflow: hidden; }

#right-images { width: 260px; height: 400px; float: right; overflow: hidden; }

#top-right { margin-bottom: 20px; }

/* Collections */

#gallery { border: 10px solid #FFFFFF; border-collapse: collapse;  margin-bottom: 20px; border-spacing: 0px;}

#gallery td { border: 10px solid #FFFFFF; width: 100px; padding: 10px; background-color: white; text-align: center;}

.gallery-image { text-align: center; margin-bottom: 10px; }

.gallery-info a { font-weight: bold; color: #4B0000;text-transform: uppercase;}

/* Products */

#page-product #layout-main { width: 100%; }

#product-left { width: 490px; float: left; border: 10px solid #efefef; }

#product-right { width: 380px; float: right; font-size: 14px;}

#product-image { text-align: center; padding: 10px; }

.product-images-odd,
.product-images-even { text-align: center; padding: 10px; float: left; width: 100px; text-align: center; border-top: 10px solid #efefef; }
.product-images-odd { border-right: 20px solid #efefef; }

/* Pages */

#page-page #layout-main { width: 100%; }

/* Blogs */

/* #page-blog #layout-main { width: 100%; }*/

.blog, .blog-first { margin-bottom: 40px; }

/* Tools */

.clear { clear: both; }

#paging{
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
#paging a{
	padding:4px 7px 4px 7px;
	margin:0px 0px 0px 0px;
	border:1px solid #DFDFDF;
	background:#FFFFFF;
	color:#444444;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #CFCFCF;
	background:#CFCFCF;
	color:#FFFFFF;
	text-decoration:none;
}

#paging .active{
	padding:4px 7px 4px 7px;
	margin:0px 0px 0px 0px;
	border:1px solid #DFDFDF;
	background:#5F1212;
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}