/*****************************************************************
/  Fairtrade Skin for CubeCart V4         
****************************************************************/
@charset "utf-8";
/* Reset Browser Defaults */
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}
fieldset,img,abbr{border:0;} address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:none;}caption,th {text-align:left;}
/*------------ Global Elements ------*/
body {font: 13px/1.3em Georgia, "Times New Roman", Times, serif;color: #423232;background:#954e00 url(../styleImages/bgtile.jpg) repeat;padding-top:0; margin-top:0}
a { color: #83400e; text-decoration:underline;}a:hover{color: #83400e;text-decoration:none;}
p { margin:0;padding: 0 0 9px 0;}
.clear {clear: both;overflow: hidden;margin: 0;padding: 0;height: 1px;}
h1 {color: #cc6600;margin: 0px 0px 8px 0px;padding:0 0 8px 0;font: normal 21px;}
h2 {color: #cc6600;margin:0;padding:0 0 10px 0;font: normal 21px;background: url(../styleImages/dot.gif) repeat-x left bottom;}
h3 {color: #cc6600;margin: 15px 0px 8px 0px;padding:0 0 8px 0;font: normal 17px;background: url(../styleImages/dot.gif) repeat-x left bottom;}

/*------------- Layout ---------------*/
#wrapper{ width:765px; margin: 0 auto;}
#header {width:1024px; height:118px; margin:0 auto; background:none;} 
#header a{color:#cbb390;}
.logo{width:235px;height:80px;margin: 20px 0 0 0;float:left;
	background: url(../../../images/getLogo.php?skin=Fairtrade) no-repeat left top;display:block;text-indent: -999px;overflow: hidden; 
	/* IE 6 double margin fix */display:inline }

/*----------- Header Content ----------------*/
#header-tag{width:343px; height:128px; float:left; margin-left:25px;}
#header-session{float:right; width:228px; height:128px; padding-right:102px; background:url(../styleImages/03.png) no-repeat;}
#session{ width:270px;float:right;margin-top: 35px;}
#userinfo{margin:15px 0 0 25px;font-size:12px;}#userinfo a{color:#713210;}
#search{/*padding:2px 0 0 61px;height:22px;color: #d49b99;background: url(../styleImages/search.gif) no-repeat right top;text-align:right;*/}
.sinput{
border-top:1px solid #727272;
border-left:1px solid #B4B4B4;
border-right:1px solid #B4B4B4;
border-bottom:1px solid #D9D9D9;
width:180px;height:19px;}

#searchbox {float:right;text-align:left;width:180px;height: 25px;}
#go{clear:both;width:81px;float:right; background-color:#600}
.go{ background: url(../styleImages/button_search.gif) no-repeat left top;width:81px;height:25px;border:0;display:block;text-indent: -999px;overflow: hidden; font-size: 0;color:#fff;cursor:pointer;outline:0}
.dropdown{font: 12px Arial, Helvetica, sans-serif;background: #FFFFFF url(../styleImages/white.gif);width:115px;margin:-2px 3px -2px 6px;padding:2px 0 0 0;border:none}
#pref{ width:238px;height:59px;float:right;margin-top: 35px;}
#pref label {height:22px;margin-bottom: 12px;padding-top:2px;display:block;text-align:right;background:url(../styleImages/combo.gif) no-repeat right top}

/*---------- Main content ----------------*/
#content{width:1024px; margin:0 auto 0 auto; background:url(../styleImages/bgtile_shadow.png) repeat-y;}
#content-wrapper{width:974px; margin:0 auto;}
#page{background:#f8f7f1 url(../styleImages/09.jpg) repeat-x; clear:both;}
#main {width:700px; float:left; padding:22px 0 0 0;}

/*---------- Header Navigation -----------*/
#navigation{width:974px; height:38px; background:url(../styleImages/06.png) no-repeat; clear:both;}
#navigation-top{width:1024px; height:40px; margin:0 auto 0 auto;}

#nav ul {margin: 0;list-style: none;padding:0; color: #fff; padding:0 0 0 20px; font-weight:bold; text-transform:uppercase; font-size:11px;} 
#nav li {display: block;float: left;}
#nav li a {color: #fff;text-decoration: none;margin:0 4px 0 4px}
#nav li a:hover {text-decoration:underline}

/*---------- SideBar Left Column -------*/

#sidenav{width:200px; float:left; margin:0 40px 0 0; padding-top:10px;}

#sidebar{width:195px;float:left;padding:35px 0 20px 0;}
#sidebar h4{font: bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;width:175px;height:49px;margin-top:25px;padding:5px 0 0 20px;color: #fcf9f1;background: url(../styleImages/box-title.png) no-repeat center top;letter-spacing: 0px;word-spacing: 2px;}
/*--- Sidebar basket ----*/
.xbasket{padding:0 0 0 42px;background:url(../styleImages/cart.gif) no-repeat 17px 4px;font:12px/1.5em Arial, Helvetica, sans-serif;}
.basket{padding:10px 0 0 25px; color:#713210}
.basket a{color:#CC6600;text-decoration:none;}
.basket a:visited{}
.basket .total{font-size:16px;}
.basket .topline{width:80%;margin-bottom:4px}

/*--- Sidebar categories ----*/
.cats {width:200px; margin: 0 auto;}
#categories{clear:both; padding-top:14px;}
#categories-title, #cart-title{background:url(../styleImages/bgcategory.gif) no-repeat; height:45px;}
#categories-title h4, #cart-title h4{color:#FFF;font-size:1.2em;margin-left:20px;padding-top:15px;}
#mailinglist{background:url(../styleImages/bgmailinglist.gif) no-repeat; height:260px;}

/* Start Cross-Browser DHTML Menu */
#mainmenu-nav, #cartmenu-nav{list-style: none;list-style-type: none;padding: 0;}
.li-nav a {background: url(../styleImages/cat-arrow.gif) no-repeat 10px center;color: #713210; display: block;padding: 5px 0 5px 25px;text-decoration: none;border-bottom: 1px dotted #e2d3b8;width: 182px;}
.li-nav a:visited, .li-nav a:active{color: #713210;}
.li-nav a:hover {color: #713210;background-color: #f4efe2;background-image:url(../styleImages/cat-arrow.gif);}
.count{ font: normal 12px Arial, Helvetica, sans-serif;letter-spacing:-0.5; color:#423232;}
.ul-nav, .li-nav {display: block;list-style: none;}
.ul-nav {width: 200px;padding: 0px;background:#fcf9f1;}
.li-nav {float: left;}
.li-nav .ul-nav  {display: none;position: absolute;margin-left: 175px;margin-top: -29px;border:1px dotted #e2d3b8;z-index:99;}
a.hassubmenu {background:url(../styleImages/hassubmenu.gif) no-repeat 10px center;}
a.hassubmenu:hover{background:#f4efe2 url(../styleImages/hassubmenu.gif) no-repeat 10px center;}
/*End Cross-Browser DHTML Menu*/
.nobod {border-bottom: 0px}
.ols {margin: 0 15px 0 35px;padding:0;} .ols li{padding:2px 0;} .ols a{color:#9b7632;}

/*-------- Right Column --------------*/
#rightcol{width:530px;float:left;margin:30px 0 30px 40px; }
#topcontent{height:222px;background: url(../styleImages/home-img.jpg) no-repeat right bottom;margin:10px 0 1px 0;}
/*--------- Latest Products ----------*/
.latest {}
.latest ul { margin:0;padding:0;}
.latest li{ margin:0 12px 22px 12px;float:left;text-align:center;width:149px;height:210px;display: inline;}
.pr {display:block;color:#83400e;text-decoration:none;}a.pr:hover{text-decoration:underline;}
.latest img {padding:6px;border:1px solid #e7dccd;background:#FFFFFF;margin-bottom:6px;display:block;} 
.latest ul a:hover img, .latest ul a:active img, .latest ul a:focus img {border:1px solid #dccab2;background:#fcf9f1;}
.latest div {height:14px;display:block;background: url(../styleImages/dot-sep.gif) no-repeat center center;}

#contactInfo { padding: 0; margin: 0; cellspacing: 0; }
#contactInfo th { padding: 10px 15px 10px 0; font-weight: bold; vertical-align: top; }
#contactInfo td { padding: 10px 15px 10px 0; }

/*--------- Special (Featured) Products ----------*/
.special {margin-top:20px;}
.special ul { margin:0;padding:0;}
.special li{ float:left;text-align:center; display: inline; margin-right:22px;}
.special img {display:block;} 
.special ul a:hover img, .special ul a:active img, .special ul a:focus img {}
.special div {display:block;}
.specialDesc{clear:left; margin:20px 0 0 65px; font-weight:normal; color:#713210; font-size:16px;}
.featured_product{margin-right:20px;}
.featured_product, .featured_productEnd{background:url(../styleImages/bg_featured.gif) no-repeat; width:160px; height:262px;padding-top:22px; float:left;}

.homeCats{margin: 20px 12px 0px; float: left; text-align: center;}

.homeCatBox{margin: 20px 8px 0px; float: left; text-align: center; background-color:#F0DDD0; width:158px; height:360px;}
.homeCatBox p{font-size:0.83em;}
.homeCatBox h4{ color:#713210}
.homeCatBox .view a{ color:#83400e;
	background-image: url("../styleImages/cat-arrow.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left 6px;	
	padding-left:15px;
}

/*-------------- Footer --------------*/
#footer{width:1024px; margin:0 auto; height:152px;}
#footnote {color:#FFFFFF; font-size:11px; height:56px; margin:0 auto; width:974px;}
#footnote a{color:#FFFFFF; font-size:11px; height:56px; margin:0 auto; width:974px;}
#footnote .left{text-transform:uppercase;}
#footer-c{ width:740px; margin: 0 auto;}
#footer-c span {height:20px;display:block;background: url(../styleImages/footer-line.gif) no-repeat left center;} 
#footer-c label {height:22px;padding-top:5px;display:block;} .ml{ margin-left:2px;}
a.cright {text-decoration:none;cursor:text;}

#footnote2{clear:both; color:#FFFFFF; font-size:11px;margin:0 auto 20px auto; width:970px;}
#footnote2 a{color:#fff;}
#footnote2 .right{text-align:right}

.left{float:left}
.right{float:right}
.topline{clear:both; background: url(../styleImages/dot.gif) repeat-x left top;padding-top:0; height:1px;}
.topline h2{ padding:10px 0 10px 0; margin-bottom:10px;}


/*-------------- Category Products --------------*/
.subCat, .subCatEnd{float:left; width:158px; height:283px; background: url(../styleImages/bg_product.gif) no-repeat;margin:0 0 24px 0;}
.subCat h3, .subCatEnd h3{font-size:12px; margin:20px 10px 0 10px; background:none;}
.subCat h3 a, .subCatEnd h3 a{text-decoration:none; }
.subCat{margin-right:22px;}
.subCatEnd{}
.subCatDesc{clear:left; margin:20px 0 0 65px; font-weight:bold; color:#5e1012; font-size:16px;}

.subCatTitle{height:52px;}
.subCatThumb{width:132px; height:119px;margin:0 0 0 14px;}
.subCatMore{float:left;margin:30px 0 0 10px}.subCatMore a{color:#5e1012; text-decoration:none}
.subCatBuy{float:right; margin:25px 10px 0 0}

blockquote, .boxHighlight{margin-bottom:20px; border:1px solid #C89146; background-color:#EAD5B8; padding:10px;}