/* Main division definitions */
*{
	margin:0;padding:0;font-style:normal;
}
body {
	font-family: arial,sans-serif; text-align: center; font-size: 12px; background: url(../images/header_bg.png) top left repeat-x; color: #2E2E25; 
}
#tinymce, .description, #info {
	text-align: left;
}
#tinymce ol, .description ol, #info ol {
	padding: 0px 0px 0px 20px;
}
#tinymce ul, .description ul, #info ul {
	padding: 0px 0px 0px 20px; list-style-type: disc;
}
#tinymce ul ul, .description ul ul, #info ul ul {
	padding: 0px 0px 0px 20px; list-style-type: circle;
}
h1 {
	font-size:35px; line-height:1em; color: #669933;
}
h2 {
	font-size:20px; line-height:1em;
}
a {
	color: #669933; text-decoration: none;
}
a:hover {
	color: #333;
}
a img {
	border: none;
}
/* Fix for a cufon/IE compatability bug for italics */
i, em {
	font-style: italic;
}
input, select, textarea {
	background: #FFF;	color: #333; border: 1px solid #DDD; font-size: 12px; font-family: arial,sans-serif;
}
.border {
	border: 1px solid #EDEDED; border-top:none; padding:5px;
}
#page {
	text-align: left; width: 960px;	margin: 0px auto;
}
.clear {
	clear: both; line-height: 0px; height:0px; overflow:hidden; margin:0; padding:0;
}
.clearspace {
	clear: both; height: 20px; overflow: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.zebra {
	background: #efefef;
}


/* head */

#head {
	height: 170px; padding-top:40px; overflow:visible; text-align:center; background:url(../images/header_labels.jpg) 782px 0 no-repeat;
}
#head .flower {
	position: absolute; top:0; z-index:1; margin-left: -558px; left:50%;
}
#head .labels {
	position: absolute; top:0; z-index:1; margin-left:121px;
}
#head #logo {
	z-index:2;
}

/* navigation */

.navbar {
	z-index: 20; width: 100%;	position: relative; height:53px;
}
.navbar .categories{
	cursor: default; list-style-type: none;
}
.navbar .catlist{
	float: left; vertical-align:middle; position: relative; padding: 1px 5px 0px 1px;	height:51px; margin: 0 0 0 -1px; background: url(../images/header_sep.png) left center no-repeat; z-index:100; border-bottom: 1px solid #E9E9E2; 
}
.navbar .first.catlist	{
	background: none;
}
.navbar .category {
	display:block; text-align: center; height: 50px; line-height: 48px; font-size: 13px; color: #2E2E25; text-decoration: none; background:none; text-transform:uppercase;  margin:2px 2px 0;
}
.navbar .category .on {
	color: #669900; display: none;
}
.navbar .category .off {
	color: #2E2E25;
}
.navbar .catlist:hover, .navbar .catlist.active {
	height: 51px; padding: 0px 2px;	border: 1px solid #E9E9E2; z-index:101; background:none;
}
.navbar .catlist:hover .category, .navbar .catlist.active .category {
	background: url(../images/nav_bg.png) center repeat-x;
}
.navbar .catlist .category span {
	text-align: center;
}
.navbar .catlist:hover .category .on, .navbar .catlist.active .category .on {
	display: block;
}
.navbar .catlist:hover .category .off, .navbar .catlist.active .category .off {
	display: none;
}
.category.first	{
	padding: none; background: none;
}
.dropdown {
	display: none; color: #666666; position: absolute; z-index: 2; top: 51px;	margin-left: -3px; background: #FFFFFF;	border: 1px solid #EDEDED; border-top: none; left: 2px; right: -1px;
}
.dropdown ul {
	text-align: left; float: left; list-style-type:none; margin:0; padding: 10px 20px; width: 186px; font-weight: normal; line-height: 2.5em; 
}
.dropdown a{
	color: #88954D; text-decoration: none; 
}
.dropdown a:hover{
	color: #2E2E25;
}
#searchbar {
	height:40px; width:100%; background:url(../images/search_bg.jpg) top repeat-x; color:#FFFFFF;
}
#searchbar a {
	color:#FFFFFF; text-decoration:underline;
}
#searchbar a:hover {
	color:#2E2E25; 
}
#searchbar span {
	font-size:14px; float:left; padding:10px; line-height:1.5em; display:inline;
}
#searchbar .basket {
	float:right; margin-top:12px;
}
.search {
	width: 274px; float: right; height: 40px; z-index: 1; vertical-align: middle;	overflow: hidden; display:inline; margin:0 10px 0 20px;
}
.search .searchtext {
	vertical-align: middle;	padding: 4px 6px; width: 192px; height:15px;
}
.search .searchbtn {
	border: 0px; vertical-align: middle;
}
.search form {
	height: 49px; float: left; width: 313px;
}
.search input {
	margin-top: 8px;	float: left;
}

/* home page */

#featured {
	width:688px; float:left;
}	
#featured h2 {
	display:block; background-color:#ECECE1; color: #454038; font-size:20px; font-weight:normal; width:636px; padding:15px 20px; line-height:1em; height:20px;
}
.products {
	border: 1px solid #EDEDED; border-top:none; font-size:13px;
}

#featured .product {
	padding: 25px 14px; height: 264px;
}

#messages {
	float:left; width:261px; border-right: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; padding:5px; height:365px;
}
#messages h2 {
	text-transform:uppercase; vertical-align:text-bottom;
}
#messages h2 img {
	vertical-align:text-bottom;
}
#messages .highlights {
	padding:15px 20px; height:140px; background:#F9F9F7; margin-bottom:5px; font-size:13px;
}
#messages .highlights ul {
	list-style-image:url(../images/home_arrow.png);  margin:0; padding:10px 0;
}

#messages .highlights li {
	padding:10px 0; margin:0 20px; line-height:1em;
	
}
/*#messages .twitter {
	padding:15px 20px; height:105px; background:#E8E8E1;  margin-bottom:5px;
}
#messages .twitter p {
	padding: 10px 0;
}
#messages .facebook {
	padding:12px 20px; height:26px; background:#F3F3F0; 	
}*/
#banners2 img {
	height:185px;
	width:260px;
	margin: 1px 0 1px 0;
}
#banners2 a {
	position:relative;
}
.banners2text {
	position:absolute;
	bottom:0;
	opacity:0.8;
	padding:5px;
	margin:0; 
	height:20px; 
	text-align:center;
	width: 250px;
	background: #000;
	color: #fff;
	display: block;
}

/* list page */

#heading {
	float: left; background: #E8E8E1; color: #6B6256; font-size: 13px; line-height: 1.5em; width: 506px; height: 170px;	padding: 40px 30px 30px 30px;	position: relative; display:inline;
}
#heading h1 {
	color:#669900; margin-bottom:15px;
}
#subcategoryheading {
	padding:30px 20px 10px; 
}
#subcategoryheading h1 {
	color:#669900; margin-bottom:15px;
}
#banner {
	float: right; width:376px; overflow:hidden; height:240px;
}
.listopts {
	padding-top:10px;
}
.listopts a {
	float:left; display:block;
}
.listopts  .all {
	line-height: 26px; display: block; float: left; 	padding: 0px 10px;	margin: 0px 10px;
}
.listopts .orderbox {
	float: right; padding: 5px;	border: 1px solid #DDD;	width: 142px;
}
.listpage .products {
	border-top:none; padding: 0px 0px 10px;
}
.product {
	width: 200px; padding:25px 19px;	float: left; border-right: 1px solid #EDEDED; height: 237px; display:inline;
}
.product.last { 
	border-right: none;
}
.product .prodthumb{
	line-height: 0px; vertical-align: baseline;	float: left; 	width: 140px;	height: 140px; margin:0 30px 10px;
}
.product .prodthumb img{
	width: 140px; height: 140px;
}
.product .subcatlink {
	color: #0099CC;
}
.product .subcatlink:hover {
	color: #333;
}
.product .tag {
	height: 50px; width: 100%; line-height: 1.5em; text-align: center; 
}
.product .tag a {
	color: #669933;
}
.product .tag a:hover {
	color: #2E2E25;
}
.catpage .tag {
	background:url(../images/list_bg.png) repeat-x top; clear:both; margin:10px 1px 0; width:226px; padding: 15px 0; vertical-align:text-top; height:20px; margin-top:10px;
}
.catpage .product {
	width: 228px; padding:25px 0 0; height:215px
}
.catpage .prodthumb{
	margin:0 44px 20px;
}
.product strong {	
	color:#555544; margin-top:10px; display:block;
}
a.plink {
	color: #FFFFFF; background: #669900 url('../images/pagearrow.jpg') bottom no-repeat; width: 22px;	height: 33px;	line-height: 20px; display: block; text-align: center; margin: 2px 2px; cursor: default;
}
a.otherpage {
	height: 20px; width: 20px; color: #686B6E; background: #FFFFFF;	border: 1px solid #CCCCCC;
}
a.otherpage:hover {
	color: #E10915;	background: #FFFFFF;
}

/* product */

#product {
	border: 1px solid #EDEDED; border-top:none; padding:0 5px;
}
#product a.back {
	display: block; width: 160px;	font-size: 11px; padding: 0 0 0 15px; margin:0 0 15px;	background: url('../images/back_arrow.jpg') left no-repeat; font-weight:bold; color:#555544; text-transform:uppercase;
}
#product a.back:hover {
	color:#669933;
}
#product a.zoom {
	display: block; width: 160px;	font-size: 11px; padding: 5px 0 5px 25px;	background: url('../images/button_zoom.jpg') left no-repeat; font-weight:bold; color:#555544; text-transform:uppercase; text-align:left; margin-top:20px;
}
#product a.zoom:hover {
	color:#669933;
}
#product .imagepane {
	float: left; text-align: center; width: 300px; margin: 20px 0 0 15px;
}
#product .imagepane img {
	padding-bottom:20px; border-bottom:1px solid #EBEBDE; 
}	
#product .imagepane .hidden {
	display: none;
}
#DetailImages {
	width: 300px; position: relative; padding: 20px 0px 10px;
}
#DetailImages a {
	float: left; display: block; width: 50px;	line-height: 0px; border: 1px dashed #0099CC;	padding: 5px;	margin: 0px 5.8px 0px 0px;
}
#DetailImages a.first {
	margin-right: 6px;
}
#DetailImages a:hover {
	border: 1px solid #005599;
}
#DetailImages a.active {
	border: 1px solid #005599; background: #0099CC;
}
#product .prodimage {
	width: 300px; height: 300px;
}
#product #detailpane {
	margin: 40px 0 0 20px; float: left; width: 250px; 
}
#product h1 {
	font-size: 24px; line-height: 100%;	padding: 0px 20px 10px 0px;
}
#product h1 sup {
	font-size: 10px;
}
#product h3.price {
	font-size: 18px; color: #669900; font-weight:bold;
}
#product .description {
	padding: 25px 0px 65px;	font-size: 13px; line-height: 1.5em; color:#6B6256;
}
#product #BasketForm {
}
#product form input {
	vertical-align: top;
	float: left;
	border: none;
}
#product form .add {
	margin: 4px 5px 5px;
	float: right;
}
#product form img.add {
	margin: 4px 5px 5px;
}
#product form select {
	padding: 5px; margin: 5px; vertical-align: top; float: left; display:inline;
}
#product select.qty {
	padding-left: 7px; width: 82px;
}
#product select.size, #product select.colour {
	width:240px;
}
.addbuttons {
	display: none;
}
.nostock {
	padding: 10px 7px 0px; font-size: 24px;	line-height: 47px; text-align: right;
}
#related {
	width: 339px; float:right; background:url(../images/related_bg.jpg) repeat-y top left; padding: 3px 0 20px 12px;
}
#related .products {
	border:none;
}
#related .products .product {
	border:none; height: 130px; padding:10px; width:310px;
}
#related .products .product .prodthumb {
	margin:10px 0;
}
#related .products .product .tag {
	float:left; width: 155px; text-align:left; margin:30px 0 0 15px;
}
#related strong { 
	margin-top:0px;
}
/*
		Info Pages
*/

#infohead {
	float: left;
	padding: 20px 0px 20px 15px;
	width:250px;
}
#infopage {
	float: right;
	width: 670px;
	border-left: 1px solid #DDD;
	background: url('../images/greyarrowr.jpg') top left no-repeat;
	margin: 20px 0px;
}
#infopage #info {
	padding-left: 40px;
	margin: -4px 0px 0px;
	color: #333;
	line-height: 175%;
}
#info p {
	margin:10px 0;
}
#info td {
	padding: 4px;
}
#info input {
	padding: 2px;
	width: 280px;
}
#MailListForm {
	text-align: right;
}
#infopage #map {
	height: 500px;
	margin: 20px 0px;
}
#product #map.imagepane {
	height: 400px;
}
.infowindow {
	background: #FFF;
	height: auto;
	line-height: 120%;
}
#infohead #StoreSearchBox h2 {
	font-size: 22px;
}
#infohead #StoreSearchBox p {
	padding: 10px 0px;
}
#infohead #StoreSearchBox ul {
	padding: 10px 0px 10px 20px;
}
#infohead #StoreSearchBox h3 {
	padding: 10px 0px;
}

/* footer */

#footer {
	font-size: 11px; color: #F7F7F2; background:#505041; margin-top:10px; padding:20px 20px 35px 20px;
}
#footer .links {
	height: 205px;
}
#footer a {
	color:#DBDBC4;
}
#footer a:hover {
	color:#FFFFFF;
}
#footer .links ul {
	padding:0; float: left;
}
#footer .links li {
	width: 160px;	line-height: 1.75em; list-style-type: none;
}
#footer .links strong {
	color: #FFFFFF;
}
#footer .join {
	width: 280px; float: left; line-height: 1.75em;
}
#footer input {
	vertical-align: middle; margin-top: 20px; border:none; color:#2E2E25; font-size:11px;
}
#footer .email {
	padding: 7px; margin: 20px 7px 0px 0px; width: 192px;
}
#footer .info {
	float: right;text-align: right; width: 300px;
}
#footer .info p {
	margin-top:10px;
}
.footercards {
	float:left; width:500px; margin-top:33px;
}
#footer #social {
	float:right; text-align:right; margin-top:33px;
}
#footer #social a {
	display: inline-block; line-height:1.6em;
}
#footer #social img {
	vertical-align: middle;
}