/* CSS Document */
body{margin:0; padding:0; font-size:.65em; background-color: white; }
html, body, p, table, td, span, div, li, dd, dl, input, select, textarea, label, legend{font-family:Verdana,Arial,Helvetica,sans-serif}
h1, h2, h3, h4, h5, h6{font-family:Georgia,"Times New Roman",Times,serif !important; font-weight:normal !important; color:#205013}
h1{font-size:2em}
h2{font-size:1.8em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h4{font-size:1em}
.container{width:75em; text-align:left; margin:0 auto}
.smallmargin{margin:5px 0 5px 0 !important}
img{border:0}
#doccontent ol, #doccon-40tent ul, #maincontent ol, #maincontent ul{margin:0 !important; padding:0 0 0 23px !important}
div{zoom:1;}
/*
------------------------------------------------------------------------------
Corrective and base styles - CSS Reset not used!
------------------------------------------------------------------------------
*/
DIV{-moz-box-sizing:border-box; box-sizing:border-box; margin:0}
p{/*fixes the firefox/opera/safri handling of div's without p's */margin:0}
.mainshell p{margin:auto}

/*
------------------------------------------------------------------------------
Topbar decoration
------------------------------------------------------------------------------
*/
#topbar{background:#661a0d url(../gfx/topbar_footer/bg_red.jpg) repeat-x top left; text-align:center}
#topbar *{font-family:"Trebuchet MS",Arial,Verdana !important}
.logo{text-align:center; color:#fff; font-family:Georgia,"Times New Roman",Times,serif !important; font-size:2em; height:85px}
.logo h2{position:absolute; top:-999px; left:-999px; font-size:.6em; margin:0; padding: 0; height: 1px; width: 1px; display:inline;}
#mainnav{background:#ede3d7;     text-align:center}
#mainnav .leftmid{background:url(../gfx/tabnav/midleft.jpg) repeat-y top left}
#mainnav .topleft{background:url(../gfx/tabnav/topleft.jpg) no-repeat top left}
#mainnav .botleft{background:url(../gfx/tabnav/botleft.jpg) no-repeat bottom left}
#mainnav .rightmid{background:url(../gfx/tabnav/midright.jpg) repeat-y top right}
#mainnav .topright{background:url(../gfx/tabnav/topright.jpg) no-repeat top right}
#mainnav .botright{background:url(../gfx/tabnav/botright.jpg) no-repeat bottom right; text-align:center; padding:4px 20px 9px 20px}
#mainnav .topmid{background:url(../gfx/tabnav/topmid.jpg) repeat-x top left}
#mainnav .botmid{background:url(../gfx/tabnav/botmid.jpg) repeat-x bottom left}
#mainnav ul{margin:0; padding:0; /*display:inline; */list-style:none}
#mainnav li{margin:0 8px; padding:0; display:inline; list-style:none}
#mainnav a{color:#6a5b48; text-decoration:none; padding-bottom:4px; font-size:1.2em}
#mainnav a:hover{color:#780b18; text-decoration:underline}
#mainnav a.selected{color:#4c4630; font-weight:bold; background:url(../gfx/tabnav/pointer.gif) bottom center no-repeat}
#mainnav a.selected:hover{text-decoration:none}
#userlinks{padding-top:5px; float:left; width:30%; font-size:1.1em;  color:#fff;  font-weight:bold}
#userlinks ul{list-style:none;  margin:0;  padding:0}
#userlinks ul li{list-style:none;  margin:0;  padding:0}
#userlinks a{color:#fff; text-decoration:none;  font-weight:normal}
#userlinks a:hover{text-decoration:underline}
#searchdiv{padding-top:5px; float:right; width:30%; text-align:right; font-size:1.1em}
#searchdiv .searchbox{border:1px solid #CCC; font-family:"Trebuchet MS",Arial,Verdana; padding-left:3px; color:#999}
#searchdiv .padding{padding-top:5px}
/*
------------------------------------------------------------------------------
Footer decoration
------------------------------------------------------------------------------
*/
#footer{background:#fff url(../gfx/topbar_footer/bg_footer.jpg) repeat-x top left; ; text-align:center}
#footer .container{text-align:center}
#footer a{text-decoration:none; color:#060}
#footer a:hover{text-decoration:underline}
#footer ul, #footer li{list-style:none}
/*
------------------------------------------------------------------------------
Content area decoration
------------------------------------------------------------------------------
*/
#topbarbreak{background:#fff url(../gfx/topbar_footer/topcurve_bg.jpg) repeat-x top left}
#topbarbreak .left{background:url(../gfx/topbar_footer/topcurve_left.jpg) no-repeat top left}
#topbarbreak .right{background:url(../gfx/topbar_footer/topcurve_right.jpg) top right no-repeat}
#topbarbreak .mid{/*background:url(../gfx/topbar_footer/topcurve_mid.jpg) top center no-repeat; */height:23px}
#footbarbreak{clear:both; background:#f4f4f4 url(../gfx/topbar_footer/botcurve_bg.jpg) top left repeat-x}
#footbarbreak .left{background:url(../gfx/topbar_footer/botcurve_left.jpg) top left no-repeat}
#footbarbreak .right{background:url(../gfx/topbar_footer/botcurve_right.jpg) top right no-repeat}
#footbarbreak .mid{background:url(../gfx/topbar_footer/botcurve_mid.jpg) top center no-repeat; height:50px}
.mainshell{text-align:center}
#doccontent p{color:#5e5b53}
/*
------------------------------------------------------------------------------
Dividing lines
------------------------------------------------------------------------------
*/
.bigflourish, .smallflourish{background:url(../gfx/dividers/line.gif) top left repeat-x; margin:0; padding:0; clear:both}
.bigflourish{margin-top:0px; margin-bottom:5px}
.bigflourish .decoration{background:url(../gfx/dividers/big_flourish.gif) top center no-repeat; height:7px}
.smallflourish .decoration{background:url(../gfx/dividers/small_flourish.gif) top center no-repeat; height:7px}
/*
------------------------------------------------------------------------------
Breadcrumb
------------------------------------------------------------------------------
*/
.breadcrumb{color:#666; margin: 0 !important; padding:4px !important}
.breadcrumb a{color:#379014}
/*
------------------------------------------------------------------------------
homefeature
------------------------------------------------------------------------------
*/
#homefeature p{/*fixes the firefox/opera/safri handling of div's without p's */margin:0}
#homefeature a{color: #669900; font-weight:bold;}
#homefeature{background:#f0ecd7 url(../gfx/feature2/top.gif) repeat-x top left}
#homefeature .left{background:url(../gfx/feature2/left.gif) repeat-y top left}
#homefeature .right{background:url(../gfx/feature2/right.gif) repeat-y top right}
#homefeature .topleft{background:url(../gfx/feature2/top-left.gif) no-repeat top left}
#homefeature .botleft{background:url(../gfx/feature2/bottom-left.gif) no-repeat bottom left}
#homefeature .topright{background:url(../gfx/feature2/top-right.gif) no-repeat top right}
#homefeature .botright{background:url(../gfx/feature2/image.gif) no-repeat bottom right; padding: 15px 0 0 25px}
#homefeature .botmid{background:url(../gfx/feature2/bottom.gif) repeat-x bottom left}
#homefeature .content .copy h1{margin:0 0 15px 0; color: #445133; font-size: 3em; background:url(../gfx/feature2/heading.gif) no-repeat left bottom; padding-bottom: 22px;}
#homefeature .content .copy p{/*fixes the firefox/opera/safri handling of div's without p's */padding:0px 0 20px 0; line-height:1.3em; width: 55%;}
#homefeature .buttons{ margin-left: -5px; padding: 15px 0;}

/*
------------------------------------------------------------------------------
Leftnav
------------------------------------------------------------------------------
*/
#leftnav{margin-top:15px; width:33%; float:left}
.leftnavitems{margin:0 0 0 0; padding:0 25px 15px 23px}
.leftnavitems li{clear:left;margin: 0 0 0 0; padding:5px 0 5px 0!important; list-style:none; background:url(../gfx/leftnav/line.gif) top left repeat-x}
.leftnavitems li a{float:left;color:#000; text-decoration:none; padding: 0 0 5px 18px; display:block; font-size:.9em; width: 14em;}

.leftnavitems li.selected a{background:url(../gfx/leftnav/arrow.gif) no-repeat left 2px  !important}
#leftnavtop{background:#345f13}
#leftnavtop h2{color:#fff; font-weight:normal; padding:15px 20px 17px 27px; display:block; font-size:1.5em; margin:0}
#leftnavtop .leftmid{background:url(../gfx/leftnav/midleft.jpg) repeat-y top left}
#leftnavtop .topleft{background:url(../gfx/leftnav/topleft.jpg) no-repeat top left}
#leftnavtop .botleft{background:url(../gfx/leftnav/botleft.jpg) no-repeat bottom left}
#leftnavtop .rightmid{background:url(../gfx/leftnav/midright.jpg) repeat-y top right}
#leftnavtop .topright{background:url(../gfx/leftnav/topright.jpg) no-repeat top right}
#leftnavtop .botright{background:url(../gfx/leftnav/botright.jpg) no-repeat bottom right}
#leftnavtop .topmid{background:url(../gfx/leftnav/topmid.jpg) repeat-x top left}
#leftnavtop .botmid{background:url(../gfx/leftnav/botmid.jpg) repeat-x bottom left}
#leftnav .left{background:#f5f1ec url(../gfx/leftnav/body_midleft.jpg) repeat-y top left; margin:0}
#leftnav .right{background:url(../gfx/leftnav/body_midright.jpg) repeat-y top right; padding:0 20px 0 20px}
#leftnav .lbotleft{background:url(../gfx/leftnav/lbotleft.jpg) repeat-y top left}
#leftnav .lbotright{background:url(../gfx/leftnav/lbotright.jpg) repeat-y top right}
#leftnav .lbotmid{background:#fff url(../gfx/leftnav/lbotmid.jpg) repeat-x top center}
#leftnav .fleur{background:url(../gfx/leftnav/fleur.gif) no-repeat bottom center; height:30px; margin-right:8px}
#leftnav .fleur{background:url(../gfx/leftnav/fleur.gif) no-repeat bottom center; height:30px}
.refer{display:block;text-align:center;margin-top: 20px;}
#leftnav .new {float:right; padding-top: 2px;}
/*
------------------------------------------------------------------------------
doc content
------------------------------------------------------------------------------
*/
#doccontent{float:right; width:65%}
#doccontent h1, #h2{color:#063; background:url(../gfx/headings/flourish.gif) left bottom no-repeat; width:100%; padding-bottom:20px; padding-top:10px; font-size:2em}
#doccontent h2{margin:5px 0}
#doccontent h2 a{text-decoration:none}
#doccontent a{color:#619f50}
#doccontent p{margin:10px 0}
.clear{clear:both}
.floatleft{float:left; text-align:left}
.floatright{float:right; text-align:right}
#doccontent .pageimage{float:right; padding:0 0 10px 10px}
#doccontent .pageimage img{}
/*
------------------------------------------------------------------------------
Shop overview
------------------------------------------------------------------------------
*/
#shopcategories .image{float:right; padding:0 0 10px 20px; width: 110px;}
#shopcategories .bigflourish{margin:10px 0 10px 0}
.shopimage{float:right; padding:0 0 20px 20px}
/*
-----------------------------------------------------------------------------
category overview
------------------------------------------------------------------------------
*/
#productrange .productright, #productrange .productleft{width:48%; margin:10px 0}
#productrange .productright{float:right; padding-left:10px; /*border-left:1px solid #CCC; */width:48%}
#productrange .productleft{float:left}
#productrange .image{width:110px !important; float:right; padding-bottom:10px; text-align:center; margin-bottom: 5px;}
#productrange .productright .image, #productrange .productleft .image{float:left; width:auto; padding:0}
#productrange .productright .price, #productrange .productleft .price{color:#999}
#productrange .productright label, #productrange .productleft label{color:#000; font-weight:bold}
#productrange .productright .buybar, #productrange .productleft .buybar{ float:left; padding-left:0px; width: auto;}
#productrange .productright .buybar *, #productrange .productleft .buybar *{vertical-align:middle}
#productrange .productright a, #productrange .productleft a{color:#520705; font-size:1em; padding-top:10px !important}
#productrange form{margin:0; padding:0}
.newproduct img{ float:right;}
.newproduct { height: 1px; float:right;  z-index: 999; position: relative; right: 0px;}
/*
------------------------------------------------------------------------------
Product styles 
------------------------------------------------------------------------------
*/
#productrange .productdetails .image{width:225px !important}
#productrange h2.cost{color:#378f14; font-size:2em!important}
#productrange h3.recommend{color:#274809; font-size:1.7em!important; font-weight:normal; margin:80px 0 0 0; clear:both}
#productrange .productdetails .buybar{padding-left:10px; border-bottom:1px solid #E8E8E8; width:55%; padding:10px 0}
#productrange .productdetails .buybar *{vertical-align:middle}
#productrange .productdetails label{color:#000; font-weight:bold}
/*
------------------------------------------------------------------------------
purchasetable
------------------------------------------------------------------------------
*/
.purchasetable{width:100%}
.purchasetable thead th{color:#72211a; padding-top:3px; border-bottom:1px solid #72211a}
.purchasetable td label, .purchasetable tbody td{font-weight:normal !important; color:#333 !important}
.purchasetable .purchaserow{padding:10px 0 0 0; text-align:right; margin:0}
.purchasetable .purchaserow input{margin:0 0 0 10px}
/*
------------------------------------------------------------------------------
Fancy box
------------------------------------------------------------------------------
*/
.paddingbox{display:block; padding:5px 15px 15px 15px}
.paddingbox .message{padding:15px 15px 15px 15px;         font-family:Georgia,"Times New Roman",Times,serif !important; color:#378f14; font-size:1.8em!important; display:block}
.fancybox{border:1px solid #fff}
.fancybox .topmid{background:url(../gfx/fancybox/topmid.gif) repeat-x top left}
.fancybox .botmid{background:url(../gfx/fancybox/botmid.gif) repeat-x bottom left}
.fancybox .leftmid{background:url(../gfx/fancybox/midleft.gif) repeat-y top left}
.fancybox .topleft{background:url(../gfx/fancybox/topleft.gif) no-repeat top left}
.fancybox .botleft{background:url(../gfx/fancybox/botleft.gif) no-repeat bottom left}
.fancybox .rightmid{background:url(../gfx/fancybox/midright.gif) repeat-y top right}
.fancybox .topright{background:url(../gfx/fancybox/topright.gif) no-repeat top right}
.fancybox .botright{background:url(../gfx/fancybox/botright.gif) no-repeat bottom right}
.fancybox div.left{width:48%; float:left; padding:2px 5px 5px 5px; border-right:1px solid #c8c2ac; margin-top:5px}
.fancybox div.right{width:48%; float:right; padding:2px 5px 5px 5px; padding-left:10px; margin-top:5px}
.fancybox h2{margin:0; padding:0}
.fancybox h2.border{border-bottom:1px solid #9d967b}
.fancybox h3, .fancybox h2{color:#9d967b; font-weight:bold !important}
.fancybox .fieldrow{padding:5px}
.fancybox .fieldrow input{font-size:.85em}
/*
------------------------------------------------------------------------------
Search
------------------------------------------------------------------------------
*/
.mainsearchbox{display:block; padding:15px}
.mainsearchbox label{font-family:Georgia,"Times New Roman",Times,serif !important; color:#378f14; font-size:1.8em!important; display:block}
.mainsearchbox *{vertical-align:middle}
.searchbig{font-family:Georgia,"Times New Roman",Times,serif !important; color:#848484; font-weight:normal!important; font-size:1.2em!important; width:70%}
#toppadding, .toppadding{margin-top:25px}
/*
------------------------------------------------------------------------------
Search results
------------------------------------------------------------------------------
*/
ol.searchresults{font-family:Georgia,"Times New Roman",Times,serif !important; margin:0; padding:0 0 0 25px; color:#379014}
ol.searchresults li{margin:0 0 18px 0; padding:0px 0 0 10px}
ol.searchresults .resultlink{font-family:Georgia,"Times New Roman",Times,serif !important; font-size:1.3em}
ol.searchresults .linkdesc{font-size:1em; margin:0 !important; padding:0}
.sarchresultshead{padding:20px 0}
/*
------------------------------------------------------------------------------
baskettable
------------------------------------------------------------------------------
*/
.baskettable{width:100%}
.baskettable .mid, .baskettable .right{border-left:1px solid #ada589}
.baskettable thead th{font-family:Georgia,"Times New Roman",Times,serif !important; font-size:1.3em; padding:0 5px; color:#4c4630}
.baskettable tbody td{padding:5px}
/*
------------------------------------------------------------------------------
Message
------------------------------------------------------------------------------
*/
.message{border-bottom:1px solid #ada589; margin-bottom:20px; padding-bottom:20px}
.homeproduct{width:32%; float:left; padding-bottom:10px}
.homeproduct a{font-weight:bold}
.listpadding{ margin:15px 0 !important}
.listpadding li{padding:6px 0 !important;  margin:0}
/*
------------------------------------------------------------------------------
Form
------------------------------------------------------------------------------
*/
.fancybox fieldset{border:0px solid #9d967b; margin:0; padding:0}
.fancybox legend{font-family:Georgia,"Times New Roman",Times,serif !important; color:#9d967b; font-size:1.3em!important; font-weight:bold; margin:0; padding:0}
.fancybox label{width:100%; font-weight:bold; display:block}
.input{width:50%}
.autowidth{width:auto; display:inline !important}
.hide{display:none !important}