/* File automatically GZipped */
/* Main division definitions */
*{margin:0; padding:0; font-style:normal}
body{font-family:arial,sans-serif; text-align:center; font-size:13px; background:#C6CFDD url('../images/backgrad.jpg') top repeat-x; color:#627280; padding:0px 0px 0px}
a{color:#686B6E}
/* Fix for a cufon/IE compatability bug for italics */
i, em{font-style:italic}
input{color:#666; background:#FFF}
select{background:#F7F0F3; color:#36393D; border:1px solid #CCC}

a:hover{color:#88954D}
a img{border:none}

.websheet{margin-left:auto; margin-right:auto; width:960px}
.webpage{text-align:left; background:#FFF; padding:10px 20px 20px}
#footspace{height:50px}
.head{height:150px; background:url('../images/headshadow.jpg') bottom center no-repeat; position:relative; text-align:left}
.head .logo{position:absolute; left:4px; top:25px}
.head .search{position:absolute; width:452px; right:0px; top:67px; z-index:1; text-align:right}
.head .basket{color:#C69; border-bottom:1px dotted #C69; text-decoration:none; position:absolute; right:0px; top:113px; text-align:right}
.head .basket:hover{color:#88954D; border-bottom:1px dotted #88954D}
.head .search input{vertical-align:middle}
.head .searchtext{width:229px; padding:6px 8px 6px; vertical-align:middle; margin-top:1px; border:1px solid #EDEDED}
/*
Light Grey:
#686B6E
Dark Grey:
#36393D
Darkest grey:
#232527
*/
.navbar{z-index:20; width:940px; left:-10px; position:relative; background:url(../images/navback.jpg) no-repeat scroll center 40px}
.navbar .categories{cursor:default; list-style-type:none}
.navbar .catlist{float:left; list-style-type:none; vertical-align:middle; margin:0px; padding:0px; position:relative}
.navbar .category{display:block; /*vertical-align:middle; */text-align:center; height:50px; line-height:50px; list-style-type:none; font-size:12px; color:#444; text-decoration:none; color:#686B6E; /*background:url(../images/headgrad.jpg) center repeat-x #FFF; */z-index:100}
.navbar .category .on{color:#C69; display:none}
.navbar .category .off{color:#686B6E}
.navbar .catlist{position:relative; padding:1px 3px 0px; height:51px; margin-right:-1px; background:url(../images/headsep.jpg) left center no-repeat}
.navbar .first.catlist{background:none}
.navbar .catlist:hover, .navbar .catlist.active{height:51px; padding:0px 2px 0px; border:1px solid #EDEDED; border-bottom:0px; background:#FFF url(../images/headgrad.jpg) top repeat-x}
.navbar .catlist .category span{text-align:center}
.navbar .catlist:hover .category .on, .navbar .catlist.active .category .on{display:inline}
.navbar .catlist:hover .category .off, .navbar .catlist.active .category .off{display:none}
.category.first{padding:none; background:none}
.dropdown{display:none; color:#666; position:absolute; z-index:2; top:51px; margin-left:-3px; width:392px; background:#FFF; border:1px solid #EDEDED; border-top:none}
.dropdown.right{right:0px; margin-right:-1px}
.dropdown ul{text-align:left; float:left; list-style-type:none; margin:19px 0px 19px 10px; width:186px; font-weight:normal; line-height:200%; border-right:1px dotted #CCC; /*background:url(''); */}
.dropdown li{padding:0px 0px 0px 30px}
.dropdown a{color:#88954D; text-decoration:none}
.dropdown a:hover{color:#C69; text-decoration:none}
/*.navbar .catlist:hover .dropdown a{color:#666}
.navbar .catlist:hover .dropdown a:hover{color:#660360}
*/
#crumbs{margin-top:10px; border:1px #CCC solid; /*border-top:0px; */font-size:12px; height:30px}
#crumbs img{float:left}
#crumbs .dark{float:left; background:url('../images/crumbgrad.jpg'); line-height:30px; height:30px}
#crumbs a{color:#FFF; padding:0px 30px 0px 10px; display:block; text-decoration:none}
#crumbs .light{float:left; line-height:30px; height:30px}
#crumbs .light a{color:#4A4E55}
#crumbs a:hover{color:#39434A; text-decoration:underline}

#homebanners{margin:10px 0px 0px}
#homebanners .right{float:right; width:660px; overflow:hidden; word-wrap:break-word; padding:0px; margin:0px; line-height:100%}
#homebanners .left{padding:0px; float:left; width:260px; line-height:100%}

#homebanners img, #homebanners a{display:block; border:0px; padding:0px; margin:0px}
#homebanners a{margin:0px 0px 10px}

#hometext{color:#333; border:1px solid #EDEDED; /*background:#6F86AA url('../images/welcomegrad.jpg') top repeat-x; */padding:40px; margin:0px 0px 10px; line-height:0px; height:265px}
#hometext div.left, #hometext div.right{text-align:center; vertical-align:middle; display:table-cell}
#hometext div.left{width:265px; font-size:16px; line-height:135%}
#hometext div.left h1{color:#999; font-weight:normal; font-size:35px; margin:14px 0px 20px}
#hometext div.left hr{margin:25px auto; width:125px; height:1px; background-color:#ADBA78; border:0px}
#hometext div.left a{color:#ADBA78; font-weight:bold; font-style:italic; font-size:16px; text-decoration:none}
#hometext img.left{margin:42px 0px 0px 40px}
#hometext div.right{width:440px; font-size:12px; line-height:175%; margin:50px 10px 0px}
#section{position:relative}
#cathead{position:relative; text-align:center; padding:30px 20px 20px}
#cathead h1{margin:15px auto 0px; font-size:40px; color:#39434A; font-weight:normal}
#cathead p{margin:25px auto 0px;     width:565px; font-size:16px; line-height:135%; color:#5B6C77}
#cathead hr{border:none; margin:15px auto 20px; width:125px; height:1px; background-color:#CCC}
#cathead b{line-height:110%; font-size:16px; font-style:italic; color:#A998A0}
#subhead h1{padding:33px 0px 31px; font-size:40px; font-weight:normal}
#subhead_holder{padding:10px 0px 20px}
#subhead.bannered{background:url('../images/subcatgrad.jpg') top repeat-x #EFE4E9; border-collapse:collapse; display:table-cell; vertical-align:middle; width:920px}
#subhead.bannered h1{padding:10px 40px 10px}
#subhead.bannered p{font-size:16px; line-height:135%; padding:0px 40px 10px}
#subhead.bannered td{vertical-align:middle; width:505px}
#subhead.bannered td.image{vertical-align:top; width:415px; line-height:0px}
#section .listopts{font-size:12px}
#bottom_pages{float:right; padding:0px 0px 30px}
#section a, #bottom_pages a{float:left; text-decoration:none}
#section select{padding:3px; width:144px; background:#F7F0F3; border:1px solid #CCC; float:right}
a.all{height:18px; line-height:18px; border-bottom:1px dotted #686B6E; display:block; margin:3px 11px 3px 27px}
a.all:hover{color:#C69; border-bottom:1px dotted #C69}
a.plink{color:#686B6E; width:20px; height:20px; line-height:20px; display:block; text-align:center; border:1px solid #FFF; margin:2px 2px}
a.otherpage{color:#686B6E; background:#F7F0F3; border:1px solid #CCC}
a.otherpage:hover{color:#C69; background:#FFF}
a.plink:hover{color:#C69}
a.thispage:hover{cursor:default; color:#686B6E}
#children{width:960px; margin-top:10px}
#children .child{width:220px; height:300px; float:left; text-align:center; padding:10px 0px 0px; margin:0px 14.75px 10px 0px; line-height:0px}
#children .child img{width:200px; padding:9px; border:1px solid #EDEDED}
#children .child a{text-decoration:none; color:#FFF}
#children .child a .on{color:#686B6E; display:none}
#children .child a .off{color:#FFF}
#children .child a:hover .on{display:inline}
#children .child a:hover .off{color:#FFF; display:none}
#children .child a .prod span{color:#686B6E; text-decoration:none; border-bottom:1px dotted #686B6E}
#children .child a:hover .prod span{color:#C69; text-decoration:none; border-bottom:1px dotted #C69}
#children .subname{background:url('../images/subgrad.jpg'); text-align:left; line-height:38px; padding:0px 0px 0px 8px; position:relative; height:38px; font-size:18px; border:1px solid #EDEDED; border-top:none}
#children .subname img{width:21px; height:21px; border:0px; padding:0px; position:absolute; right:14px; top:9px}
#children .prodname{line-height:150%; padding:7px 20px 9px}

#featured h2{padding:25px 0px 20px; background:url('../images/featuredarrow.jpg') top center no-repeat; text-align:center; font-weight:normal; font-style:italic}
#featured h2 img{vertical-align:middle; padding:0px 10px}
#featured .products{min-height:335px; width:960px}
#featured .product{float:left; margin:0px 14.75px 0px 0px; background:#FFF; width:218px; min-height:295px; text-align:center}
#featured .product img{width:200px; border:1px solid #EDEDED; padding:10px}
#featured .product p{padding:19px 25px 0px}
#featured .product a{line-height:150%; text-decoration:none; border-bottom:1px dotted #686B6E}
#featured .product b{padding:4px; display:block}
#product .back{margin:20px 20px -39px; height:19px; line-height:19px; padding:0px 0px 0px 24px; display:block; text-decoration:none; background:url('../images/backbtn.jpg') left no-repeat}
#product .back span{border-bottom:1px dotted #686B6E}
#product .back:hover span{border-bottom:1px dotted #39434A}
#product .imagepane{float:left; padding:60px 0px 10px; text-align:center; width:450px}
#product .imagepane .hidden{display:none}
#product .imagepane .prodimage{border:1px solid #EDEDED}
#feature .back{margin:20px 20px -39px; height:19px; line-height:19px; padding:0px 0px 0px 24px; display:block; text-decoration:none; background:url('../images/backbtn.jpg') left no-repeat}
#feature .back span{border-bottom:1px dotted #686B6E}
#feature .back:hover span{border-bottom:1px dotted #39434A}
#feature .imagepane{float:left; padding:60px 0px 20px; text-align:center; width:175px}
#feature .imagepane .prodimage{margin-bottom:20px; border:1px solid #EDEDED; padding:3px}
#feature #detailpane{float:right; width:711px; padding:47px 0px}
#feature #detailpane .title{color:#39434A; padding:5px 0px 10px; font-weight:500; font-size:35px}
#feature #detailpane .text{line-height:1.75em}
#feature #detailpane .long{font-weight:bold; font-size:13px}
#features{width:530px; padding-top:20px}
#features h4{color:#39434A; font-size:12px; width:450px; vertical-align:middle; line-height:33px; padding:0px 0px 20px}
#features h4 img{padding:0px 15px; vertical-align:middle}
.feature{width:100px; height:166px; margin-right:17.4px; float:left; text-align:center; display:block; text-decoration:none; color:#797E80}
.feature span{border-bottom:1px dotted #797E80}
.feature img{width:92px; border:1px solid #EDEDED; padding:3px; margin-bottom:10px}
#product #detailpane{float:right; width:450px; padding:47px 0px}
#product #detailpane .title{color:#39434A; font-size:35px; margin-bottom:7px; font-weight:normal; line-height:120%}
#product #detailpane .brand{color:#999; font-size:12px; margin:0px 0px 30px; display:block}
#product #detailpane .price{font-size:20px; margin:0px 0px 25px; display:block}
#product #detailpane #desc_tabs{width:448px; height:44px; background:url('../images/prod_tabs_desc.jpg') bottom no-repeat}
#product #detailpane li{font-size:12px; list-style-type:none; width:118px; border-right:1px solid #E6E6E6; margin:0px 12px 0px 0px; height:20px; padding:1px 0px 0px 6px; float:left}
#product #detailpane li.off{cursor:pointer}
#product #detailpane li a{text-decoration:none}
#product #detailpane li .on{color:#C69}
#product #detailpane li .off{color:#525759}
#product #detailpane li .on{display:none}
#product #detailpane li.on .off, #product #detailpane li:hover .off{display:none}
#product #detailpane li.on .on, #product #detailpane li:hover .on{display:inline; cursor:pointer}
#product #detailpane .t2, #product #detailpane .t3{display:none}
#product #detailpane li#t3{width:200px; margin-right:-100px; border-right:0px}
#product #detailpane #descbox{position:relative; height:155px; overflow:hidden}
#product #detailpane .description{position:absolute; top:0px; line-height:150%; margin:20px 45px 0px 0px; padding:0px; z-index:1}
#product #detailpane input{margin-right:10px}
#product #detailpane input.add{margin:19px 0px 0px; clear:both; display:block}
#product #detailpane #outofstock{padding:20px 0px 0px; font-size:20px; font-style:italic}
#product .size{width:221px}
#product .qty{width:73px}
#product .colour{width:259px}
#product #detailpane select{background:#FDFDFD; float:left; padding:7px; margin:0px 21px 19px 0px; font-size:12px; border:1px solid #CCC; color:#666}
#product #detailpane .qty{float:left; font-size:12px; color:#666; width:101px}
#product #detailpane .qty input{border:1px solid #CCC; width:45px; background:#FDFDFD; padding:8px; font-size:12px; color:#666}
#related h2{padding:25px 0px 20px; background:url('../images/featuredarrow.jpg') top center no-repeat; text-align:center; font-weight:normal; font-style:italic; color:#C69; font-size:25px}
#related h2 img{vertical-align:middle; padding:0px 10px}
#related .products{min-height:335px; width:960px}
#related .product{float:left; margin:0px 14.75px 0px 0px; background:#FFF; width:218px; min-height:295px; text-align:center}
#related .product img{width:200px; border:1px solid #EDEDED; padding:10px}
#related .product p{padding:19px 25px 0px}
#related .product a{line-height:150%; text-decoration:none; border-bottom:1px dotted #686B6E}
#related .product b{padding:4px; display:block}
#infopage{margin-top:10px; background:url('../images/infoback.jpg') top left no-repeat; border-top:1px solid #EDEDED; position:relative}
#featurespage{margin-top:30px; padding:20px 0px 30px; background:url('../images/infoback.jpg') top left no-repeat; border-top:1px solid #EDEDED}
#featurespage .feature{margin-right:17.14px}
#info{margin:0px 0px 0px 292px; border-left:1px solid #EDEDED; padding:30px 40px 40px 40px; line-height:175%}
#info img{position:absolute; left:0px; top:42px}
#info img.left{top:auto}
#info img.normal{position:static; top:auto; left:auto}
#info p{margin-bottom:22px}
#info a{font-weight:bold; text-decoration:none}
#info h2{display:none}
#info .title{color:#39434A; font-size:50px; padding-bottom:20px; border-bottom:1px solid #DDD; margin-bottom:20px; font-weight:normal; line-height:80%}
#info li{list-style-type:none; padding:0px 10px 0px 40px; margin-top:20px; background:url('../images/infobullet.jpg') 15px 2px no-repeat}
#info #tweets{padding:0px 15px 20px 5px}
#info #tweets li{padding:0px 5px 5px; margin:0px 0px 5px; border-bottom:1px solid #EDEDED; background:none}
#info #tweets li img{padding:10px 10px 10px 0px}

#basket{padding:0px 0px 20px}
#basket h1{padding:33px 0px 31px; font-size:40px; font-weight:normal}
#basket th{border-bottom:1px solid #DDD; font-size:14px; padding:5px}
#basket td{border-bottom:1px solid #DDD; padding:5px}
#basket .money{text-align:right}
#basket .basket input{width:40px}
#basket .name{text-align:center}
#basket .buttons td{border-bottom:none}
#basket .buttons{height:60px}
#basket .buttons a, #checkout a{line-height:15px; position:relative; text-decoration:none; padding:7px; border:1px solid #DDD; cursor:pointer; background:#F7F0F3}
#afterbasket{color:#333; /*color:#FFF; */border:1px solid #EDEDED; /*background:#6F86AA url('../images/welcomegrad.jpg') top repeat-x; */padding:10px 40px; font-size:16px; font-weight:normal}
#afterbasket p{padding:8px 0px}
#afterbasket a{font-weight:bold; color:#ADBA78; /*color:#686B6E; */text-decoration:none}
#afterbasket a:hover{color:#C69; /*color:#FFF; */}
.textbutton{line-height:15px; position:relative; text-transform:uppercase; text-decoration:none; padding:6px 7px; border:1px solid #DDD; cursor:pointer; background:#F7F0F3; font-weight:bold; color:#686B6E}
.textbutton:hover{color:#ADBA78; background:#FFF}

#basket .buttons a:hover, #checkout a:hover{background:#FFF}
#checkout{padding:0px 0px 20px}
#checkout .alert{background-color:#FEE}
#checkout h1{padding:33px 0px 31px; font-size:40px; font-weight:normal}
#checkout input, #checkout textarea{padding:1px; width:200px}
#checkout td{padding:1px; width:220px}
#checkout table{width:920px}
#checkout .chhead{padding:10px 1px 1px; border-bottom:1px solid #CCC}
#checkout .chlabel{text-align:right; padding-right:10px}
#checkout select{padding:1px; width:200px}
#checkout #cart{margin-top:30px}

#checkout input.narrow{width:50px}
#checkout select.month{width:50px}
#checkout select.year{width:100px}
.year{width:100px}
#footer .links{background:#F9F9F9; border:1px solid #EDEDED; padding:31px 30px 50px 33px; color:#666; line-height:200%; font-size:12px; height:285px}
#footer .leftlists{width:230px; height:302px; margin-right:68px; float:left; border-right:1px solid #DDD}
#footer .rightlists{width:225px; height:302px; float:left; border-right:1px solid #DDD}
#footer .rightlists img{margin-top:6px}
#footer .links b{font-size:11px; color:#627280}
#footer .links ul{width:225px; list-style:none; float:left; padding:8px 0px 11px}
#footer .links ul a{color:#677985; text-decoration:none}
#footer .links ul a:hover{color:#C69; text-decoration:none}
#footer .links .join{padding:12px 0px 0px; line-height:150%; float:right; width:285px}
#footer .links .join img{margin-bottom:28px}
#footer .join .subcribe{margin:38px 0px 38px; line-height:160%}
#footer .links .join input{border:none; float:left; vertical-align:middle}
#footer .join input.email{height:22px; width:233px; font-family:arial,sans-serif; font-weight:none; margin:0px 9px 0px 0px; padding:4px 4px 3px; font-size:12px; line-height:30px; color:#666; border:1px solid #DDD}
#footer .info{position:relative; font-size:12px; color:#36393D; height:120px}

#footer .info .contact{position:absolute; left:2px; top:22px}

#footer .info .cards{position:absolute; right:0px; top:22px}
#checkout a.disabled{cursor:default; color:#DDD}
#checkout a.disabled:hover{cursor:default; color:#DDD; background:#F7F0F3}
.addthis_button{padding:20px}

.clear{clear:both; height:1px; margin-bottom:-1px; overflow:hidden}

.left{float:left}
.right{float:right}
.adminform{padding:20px 0px}
.adminform #admintable{width:920px; border-collapse:collapse}
.adminform th{padding:5px 0px; font-size:15px}
.adminform tfoot td{padding:20px 0px 0px}
.adminform td{vertical-align:top}
.adminform tbody input{padding:4px;border:1px solid #9395A1}
.adminform select{padding:2px;border:1px solid #9395A1;line-height: 14px;}
.adminform .table_Order{width:50px}
.adminform td.table_Order{width:30px; padding:5px 15px 0px 0px; text-align:right}
.adminform .table_Product input{width:381px}
.adminform .table_Varieties{width:475px}
.table_Varieties .controls{padding:6px 5px}
.table_Varieties .controls a{cursor:pointer}
.table_Varieties .open{display:none}
.adminform .varietyTable{width:454px; border-collapse:collapse}
.adminform .table_Ord{width:20px; padding:6px}
.adminform .table_ID{width:45px}
.adminform .table_ID input{width:35px}
.adminform .table_Variety input{width:300px}
.adminform .table_Pack{width:40px}
.adminform .table_Pack input{width:30px}
.adminform .table_Price{width:50px}
.adminform .table_Price input{width:40px}
.zebra_1 td, .zebra_1 th{background:#eceef0}
.order td{vertical-align:middle; padding:1px}
.order input{font-size:12px; padding:0px}
.adminform .table_Delete a{color:#F00; font-weight:bold; display:block; width:10px; padding:5px; text-align:center; border:1px solid #F00; cursor:pointer}
.adminform .buttons{text-align:right}
.order .Product{color:#FFF; background:#b5bf82; padding:1px 5px}
.order .Product th{padding:5px 5px}
.order .Variety td{padding:1px 3px}
.order .Spacer td{height:10px; overflow:hidden}
.order tfoot .Foot td{padding:1px 3px}
.order .narrow{width:60px}
.order .narrow input{width:58px}
.order .price{width:70px; text-align:right}
.order .price input{width:48px; text-align:right}
.adminform .order tbody input, .adminform .order tfoot input{font-size:12px; padding:4px}
.adminform .order tfoot input{font-size:12px; padding:4px; border:1px solid #9395A1}
.adminform .order .OrderDetails{border-collapse:collapse}
.adminform .order .HeaderColumn{width:182px; padding-left:10px}
.adminform .order .OrderDetail input{width:345px}
.adminform .order .OrderDetail{padding:1px 5px}
.adminform .order .Sync{padding:1px 5px}
.ralign{text-align:right}
#AccountDetails{padding:10px}
#AccountTabs{padding:10px}
#AccountTabs a{float:left; width:223px; line-height:43px; border:1px dotted #CCC; text-decoration:none; margin-right:-1px}
#AccountInstructions{padding:20px; border:1px solid #FAFAFA; background:url('../images/')}