@import url('betalife.css');

body, h1, h2, h3, h4 { font-family:Tahoma, Helvetica, Arial, sans-serif; }

body.gb, body.gb a { color:#666; }

div#header { background:#fff; }
	div#header .wrapper { background:url(../Images/gb/header-bg.jpg) top left no-repeat; }		
		a#logo {
			top:22px;
			left:22px;
			width:410px;
			height:57px;
		}
		
		div#header div.right { right:3px; }
		
			div#login { min-height:45px; }
				div#login p { color:#0d903e; font-weight:bold; margin:0 0 4px; }
				
				div#login div.field.text input { border:1px solid #77c193; color:#fff !important; background:#77c193 !important; width:78px; }
div#login div.field.btn { float:left; }
			
			div#headerlinks a { color:#666; }

div#nav .wrapper, div#sub-nav .wrapper, div#content .wrapper { margin:0 auto; width:900px; padding:0 8px; }

div#nav { font-family:Tahoma, Helvetica, Arial, sans-serif; background:#0d903e; }
	div#nav .wrapper { background:none; }
		div#nav ul { padding-top:4px; font-weight:bold; }
			div#nav li { margin:0 30px 0 0; line-height:27px; }
				/*div#nav li#wholesale, div#nav li#retail { display:none; }*/
				
				body.gb div#nav li:hover, body.gb div#nav li.selected {
					background:url(../Images/gb/nav-tab-l.jpg) top left no-repeat;
				}
				
				div#nav li a { min-height:27px; color:#fff; }
					
					body.gb div#nav li a:active, body.gb div#nav li a:hover, 
					body.gb div#nav li.selected a {
						color:#0d903e;
						background:url(../Images/gb/nav-tab-r.jpg) top right no-repeat;
					}

div#sub-nav {
	background:#f4eee0 url(../Images/gb/sub-nav-bg.jpg) top left repeat-x;
}
	div#sub-nav .wrapper {
position:relative;		
min-height:40px;
		background:url(../Images/gb/sub-nav-shadow.jpg) top left repeat-y;
	}

div#content { background:#dce9e1; }
	div#content .wrapper { background:url(../Images/gb/content-shadow.jpg) top left repeat-y; }
		div.sidebar.left { margin-top:39px; }
			div.sidebar.left div.product-link { background:url(../Images/gb/left-sidebar-bg.jpg) bottom left repeat-x; border-bottom:none; }
				div.sidebar.left div.product-link a { padding:8px 0 5px 15px; color:#004d45; }
			
			div.sidebar.left h3 {
				border-bottom:5px solid #7fa6a2;
				padding:0;
				text-align:left;
				font-weight:bold;
				font-size:1.3333em;
				color:#004d45;
			}
			
			div.sidebar.left .our-brands h3 { color:#0d903e; }
div.sidebar.left div.our-brands a { border-bottom:none; }
div.sidebar.left div.our-brands div.product-link a { padding:10px 0 5px 5px; }
		
		div#main {
			width:524px;
		}
			div#main h1.title {
				margin:31px 0 0;
				padding:0;
				min-height:27px;
				font-size:1.8333em;
				font-weight:bold;
				color:#004d45;
				background:none;
			}
			
			div#main .wrapper {
				width:504px; /* 524px - padding [l + r] */
				padding:30px 10px 0;
				background:url(../Images/gb/main-bg.jpg) top left repeat-x;
			}

body.gb table#homeboxes { clear:left; border-top:1px dotted #ccc; }
body.gb div.hm-box.box1 { background:url(../Images/gb/hmbox-fairtrade.jpg) top left no-repeat; }
body.gb div.hm-box.box2 { background:url(../Images/gb/hmbox-payonline.jpg) top left no-repeat; }
body.gb div.hm-box.box3 { background:url(../Images/gb/hmbox-referfriend.jpg) top left no-repeat; }

.catalogueTable, .catalogueItemNotFound, .productItemNotFound { display:none; }

.shop-main { margin-top:0; }

.shop-main .breadcrumbs { width:100%; }
		
.shop-catalogue { width:162px; }

div#homepage-rotator { width:504px; height:271px; }

div.homepage-box { position:relative; float:left; width:247px; height:100px; overflow:hidden; background:url(../Images/homepage-box.jpg) top left no-repeat; }
div.homepage-box.first { margin-right:10px; }

div.homepage-box h2 { margin:5px 0 5px 10px; font-size:1.4em; color:#188a45; }

div.homepage-box img { float:left; margin:0 10px 5px; }

div.homepage-box p { height:4em; overflow:hidden; margin-right:10px; }

div.homepage-box a.morelink { position:absolute; right:9px; bottom:3px; color:#fff; }
div.homepage-box a.morelink:link, div.homepage-box a.morelink:visited { text-decoration:none; }

div#homepage-content { margin:15px 0; /*border-top:5px solid #7fa6a3;*/ padding:15px 0 0; }
div#blurb { float:left; width:247px; }

div#delivery-details { float:right; width:247px; margin: -7px 0 0; padding:15px 0 0; background:url(../Images/ecotip-bg.jpg) top left repeat-x;  }
div#delivery-details h3.title { height:18px; overflow:hidden; margin:0 0 5px; padding:0 10px; font-size:1.1em; line-height:16px; color:#fff; background:url(../Images/delivery-details-title.jpg) top left no-repeat; }
div#delivery-details p { margin:0 0 15px; padding:0 10px; }

div#ecotip { float: right; margin:5px 0 0; width: 240px; }
div#ecotip img { float:left; margin:0 10px; }

table.productTable td.productItem div.shop-product-small div.image { min-height:190px; overflow:hidden; }
* html table.productTable td.productItem div.shop-product-small div.image { height:190px; }
table.productTable td.productItem div.shop-product-small div.image img { vertical-align:bottom; }

/* table.productPoplets { float: left; width: 100%; text-align:center; } */

div.shop-product-large div.image { width: 268px; }

		div.sidebar.right { background:none; }
div.sidebar.right div.box { background:url(../Images/gb/right-bg.jpg) top left repeat-x; margin-bottom:15px; }
			div.sidebar.right h3, div.sidebar.right h3 a { color:#0d903e; }

ul.productfeaturelist li { list-style:none; margin:0; }

div#footer {  }

div#homepage-links {
   clear: both;
   text-align: center;
   padding-top: 30px;
}

div.twitterfeed { float: right; }

/* IE6 stuff \*/
* html .clearit2 { clear:both; font-size:0; line-height:0; height:0; }
/* end */