﻿@charset "utf-8";html{font-size:14px;}
input, select{font-size:1em;padding:4px;}
html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, li, address, form, fieldset, div{padding:0px;margin:0px;}
body{background:url(/images/bground.jpg) #2d1f0e;font-family:'Open Sans', sans-serif;font-size:1em;color:#000000;text-align:center;}
h1, h2, h3, h4{font-family:'Roboto', sans-serif;}
h1{font-size:1.5em;padding:0px 10px 5px 20px;}
h2{font-weight:normal;font-size:1.25em;padding:0px 10px 5px 20px;}
h3, th{font-size:1.1em;color:#7a2512;padding:0px 10px 5px 20px;}
h4{font-weight:bold;padding:0px 10px 5px 20px;}
p{padding:0px 10px 10px 20px;}
.section-break{margin-top:1em;}
td p{padding:0px 0px 10px 0px;}
table{margin:0px 0px 20px 20px;border-spacing:0px;}
th{height: 21px; background-color:#42110c;color:#cc5a20;font-weight:600;text-indent:10px;padding:8px 0px;margin:2px 0px 2px 0px;}
td{padding:2px 0px;}
img{border:medium none;display:inline;}
ul{padding:0px 0px 0px 35px;list-style-type:none;}
ul li{text-decoration:none;}
ul.bullets{padding:6px 0px 12px 35px;list-style-type:disc;}
ol{padding:0px 0px 0px 35px;list-style-type:decimal;}
ol li{list-style-type:decimal;}
a{color:#ad4911;text-decoration:none;}
a:visited{color:#ad4911;text-decoration:none;}
a:hover{color:#ad4911;text-decoration:none;}
a:active{color:#ad4911;text-decoration:none;}
a:hover{color:#c9a063;text-decoration:underline;}
#social-wrapper, #wrapper-ext-links{width:784px;margin:0px auto;}
#wrapper{width:766px;float:left;background-color:#270810;}
#social{width:16px;margin:0px 0px 0px 1px;float:left;}
/*
#masthead{position:relative;margin:0px auto;width:760px;background-color:#4a1016;height:81px;background-image:url(/images/masthead_small.jpg);}
*/
#masthead {
  position: relative;
  margin: 0px auto;
  width: 760px;
  background-color: #4a1016;
  height: 81px;
  background-image: url(/images/masthead_small.jpg);
}
#masthead-with-banner {
  position: relative;
  margin: 0px auto;
  width: 760px;
  background-color: #4a1016;
  height: 90px;
  background-image: url(/images/masthead_small.jpg);
}
#masthead-with-banner .banner {
  float: left;
  width: 350px;
  line-height: 0;
}
#masthead-with-banner .oneonly {
  margin-top: 7px;
}
#masthead-with-banner .oneoftwo {
  margin-top: 3px
}
#masthead-with-banner .twooftwo {
  margin-top: 3px
}
#navbar{position:relative;z-index:5000;margin:0px auto;padding:0px;width:756px;font-size:0.9em;height:1.2em;text-align:left;background-color:#300;}
div.clearer{clear:both;line-height:0;height:0px;}
#contentwrapper{padding:0px;margin:0px auto;width:760px;text-align:left;height:1%;overflow:hidden;}
#footer{clear:both;margin:0px auto;width:720px;text-align:center;}
.grecaptcha-badge { display: none; }
#logo{margin:4px 0px 0px 14px;float:left;}
#msg-area {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #660000;
  background-color: #000000;
  padding: 4px 4px;
  border-radius: 6px;
  width: 165px;
}
/*
#logo{margin:4px 0px 0px 9px;float:left;}
#msg-area{position: absolute; top: 8px; right: 10px; color: #660000; background-color: rgba(102,61,0,0.9); padding: 4px 4px; border-radius: 6px; width: 165px; }
*/
#msg-area a, msg-area a:hover, msg-area a:visited {
  color: #cccc99;
}
#registration{margin:0px 5px 0px 0px;}
#viewcart{}
#viewcart.with-divider{}
#masthead_bottom{padding:0px;margin:0px;width:760px;height:26px;top:64px;position:absolute;}
.googlesearch{position:absolute;top:58px;right:10px;padding:0px;}
.googlesearch input[type="text"]{width:150px;height:20px;padding:2px 20px 2px 3px;border:0px none;border-radius:3px;}
.googlesearch input[type="image"] {position: absolute;left: 152px;border: 0px none !important;}
#nav{padding:0px;margin:0px;background-color:#270810;}
#nav ul{padding:0px;margin:0px;background-color:#270810;}
#nav a{display:block;color:#db8015;text-decoration:none;padding:0.5em 0.5em 0.6em 1em;}
#nav a:link{color:#db8015;text-decoration:none;}
#nav a:visited{color:#db8015;text-decoration:none;}
#nav a:hover{color:#debf91;background-color:#641119;text-decoration:none;}
#nav a:active{color:#db8015;text-decoration:none;}
#nav li.toplvl{width:108px;}
#nav li{float:left;width:125px;}
#nav li ul{z-index:1;left:-999em;width:125px;position:absolute;}
#nav li.sfhover ul{left:auto;}
#nav li ul ul{margin:-2.4em 0px 0px 108px;}
#nav li:hover ul{left:auto;}
#nav li:hover ul ul{left:-999em;}
#nav li li:hover ul{left:auto;}
#nav li.sfhover ul{left:auto;}
#nav li.sfhover ul ul{left:-999em;}
#nav li li.sfhover ul{left:auto;}
#nav li ul a:link{border-bottom:#672006 1px solid;}
#nav li ul a:visited{border-bottom:#672006 1px solid;}
#nav li ul ul a:link{border-bottom:#672006 1px solid;}
#nav li ul ul a:visited{border-bottom:#672006 1px solid;}
#contentonecol{text-align:left;background-position:center top;background-image:url(/images/content_top_full.jpg);background-repeat:no-repeat;background-color:#eae0c3;padding:0px;min-height:300px;}
#contentonecolwide{width:540px;background-position:center top;background-image:url(/images/content_top_full.jpg);background-repeat:no-repeat;background-color:#eae0c3;padding:20px 110px 20px 110px;text-align:left;}
#contentleft{display:inline;float:left;width:160px;position:relative;text-align:left;}
#contentleft.narrow{display:inline;float:left;width:114px;position:relative;text-align:left;}
#contentcentre{width:410px;background-position:left top;background-image:url(/images/contenttop_innercentre.jpg);background-repeat:no-repeat;background-color:#eae0c3;display:inline;float:left;padding:20px 0px;position:relative;text-align:left;}
#contentright{width:190px;background-position:center top;background-image:url(/images/contenttop_innerright.jpg);background-repeat:no-repeat;background-color:#eae0c3;display:inline;float:left;padding:100px 0px 20px;position:relative;text-align:left;}
#contentwideright{width:600px;background-position:center top;background-image:url(/images/contenttop_innercentre.jpg);background-repeat:no-repeat;background-color:#eae0c3;display:inline;float:left;padding-top:20px;padding-bottom:20px;position:relative;}
#contentwideright.narrow{width:554px;}
#contentleft_icons{display:inline;float:left;width:46px;position:relative;text-align:left;background-color:#220507;}
#contentleft h3{padding:20px 10px 5px 20px;margin:0px;font-weight:bold;color:#7a2512;}
#contentleft ul{padding:0px 0px 5px 0px;margin:10px 15px 0px 0px;list-style-type:none;}
#contentleft ul li{padding:0px 0px 10px 5px;margin:0px;text-decoration:none;}
#contentleft p{margin-right:5px;}
#contentleft a{color:#e9cea0;text-decoration:none;}
#contentleft a:visited{color:#e9cea0;text-decoration:none;}
#contentleft a:link{color:#e9cea0;text-decoration:none;}
#contentleft a:active{color:#e9cea0;text-decoration:none;}
#contentleft a.hover{color:#e9cea0;text-decoration:none;}
#contentleft img{margin:0px;padding:0px;display:block;}
#contentcentre h1{padding:0px 10px 5px 20px;margin:0px;}
#contentcentre h2{padding:0px 10px 5px 20px;margin:0px;}
#contentcentre h3{padding:0px 10px 5px 20px;margin:0px;}
#contentcentre h4{padding:0px 10px 5px 20px;margin:0px;}
#contentcentre p{padding:0px 10px 10px 20px;margin:0px;}
#contentcentre img{margin:10px 0px 0px;}
#contentcentre ul{margin:0px 0px 1em 20px;padding:0px;list-style-type:circle;list-style-position:outside;}
#contentcentre ul.twocol{width:380px;margin:0px 0px 1em 20px;padding:0px;list-style-type:none;}
#contentcentre ul.twocol li{float:left;width:165px;padding:0px;margin:0px 0px 5px 10px;}
#contentcentre ul li{margin:0px 0px 5px 15px;padding:0px;}
#contentright h1{padding:0px 20px 5px 10px;margin:0px;}
#contentright h2{padding:0px 20px 5px 10px;margin:0px;}
#contentright h3{padding:0px 20px 5px 10px;margin:0px;}
#contentright h4{padding:0px 20px 5px 10px;margin:0px;}
#contentright p{padding:0px 20px 10px 10px;margin:0px;}
#contentright img{margin:20px 20px 0px 10px;}
#contentwideright ol{margin:0px 0px 1em 20px;padding:0px;list-style-type:disc;list-style-position:outside;}
#contentwideright ol li{margin:0px 0px 5px 15px;padding:0px;}
#contentwideright ul{margin:0px 0px 1em 20px;padding:0px;list-style-type:disc;list-style-position:outside;}
#contentwideright ul li{margin:0px 0px 5px 15px;padding:0px;}
#footer{padding:10px 20px;background-color:#270810;}
#footer p{font-size:0.9em;color:#a28c76;}
#footer p.reg-info{font-size:0.8em;}
a.nolink:hover{text-decoration:none;}
form label{cursor:pointer;}
.rightfloat{float:right;}
.leftfloat{float:left;margin:10px 10px 5px 0px;}
.no-margin{margin:0px;}
.ccenter{padding-left:30px;}
#heightmaker{float:left;height:250px;border:none;}
.headings{background-color:#e7d1aa;color:#42110c;vertical-align:top;font-weight:700;padding:4px 0px 4px 0px;}
.notes{text-align:center;padding:20px 0px;}
.small{font-size:0.9em;font-style:italic;}
.btn-go{background:url("/images/button_go.gif") no-repeat scroll 100% 0% transparent;width:100px;height:25px;border:0px none;text-align:right;padding:2px 34px 2px 0px;color:#cc5a20;font-weight:bold;font-size:1em;cursor:pointer;}
a.btn-go:hover{text-decoration:none;color:#cc5a20;}
.required{color:red;}
.important{background-color:#ffd355;padding:8px;border-radius:4px;margin-bottom:4px;}
th.subheader{font-style:italic;font-weight:normal;text-indent:0px;padding:4px 10px 4px 10px;text-align:left;}
tr.buttons a{color:#42110c;font-weight:bold;}
tr.buttons td{padding:4px 20px 4px 20px;color:#42110c;background-color:#e7d1aa;font-weight:bold;}
tr.buttons td.left{}
tr.buttons td.right{text-align:right;}
tr.comment td p{margin:4px 0px;padding:0px 10px 0px 10px;}
tr.error{}
tr.items{vertical-align:middle;}
tr.items td{border-bottom:solid 1px #e7d1aa;padding:4px 0px;}
tr.pricing{text-align:center;}
tr.subtotal{background-color:#e7d1aa;color:#42110c;}
tr.salediscount{background-color:#ff0000;color:#ffffff;font-weight:bold;}
tr.total{background-color:#cc5a20;color:#eae0c3;font-weight:bold;}
tr.buttons td.col1{width:342px;padding:4px;}
tr.buttons td.col2{width:210px;text-align:center;padding:4px 4px 4px 4px;}
tr.submit {
  vertical-align: middle;
  background-position: right top;
  background-image: url(/images/login_background.gif);
  background-repeat: repeat-y;
}
tr.submit td {
    text-align: right;
    padding: 10px !important;
    color: #cc5a20;
    font-weight: bold;
}

#login table{float:left;margin:8px 0px 16px 20px;padding:0px;}
#login table.one{padding:0px;margin:0px 0px 0px 18px;left:70px;position:relative;}
#login img{vertical-align:middle;padding-left:10px;}
#login tr{vertical-align:top;}
#login td{padding:0px 0px 16px 0px;}
#login h1{padding-left:0px;}
#login td.fieldname{width:120px;}
#login input[type="text"], #login input[type="password"]{width:calc(100% - 10px);}
#login input[type="checkbox"]{margin:0px 8px 8px 0px;}
#login input_short{width:50px;}
#login td.intro{width:260px;padding:8px 0px 8px 0px;}
#login td.col1{width:80px;}
#login td.col2{width:185px;}
#login table.wide td.intro{width:182px;}
#login table.wide td.col1{width:150px;}
#login table.wide td.col2{width:185px;}
#login table.wide tr.submit td{text-align:right;padding:4px 10px;width:318px;color:#cc5a20;font-weight:bold;}
#login table.wideright td.col1{width:180px;}
#login table.wideright td.col2{width:375px;}
#login table.wideright tr.submit td{text-align:right;padding:4px 10px;width:545px;color:#cc5a20;font-weight:bold;}
#login table.fullright td.col1{width:180px;}
#login table.fullright td.col2{width:320px;}
#login table.fullright tr.submit td{text-align:right;padding:4px 10px;width:460px;color:#cc5a20;font-weight:bold;}
.content-group{padding:8px;border:1px solid #42110c;}
.gallerygrid{width:370px;margin-left:25px;margin-top:25px;}
.gallerygrid .pic{float:none;margin:0px 14px 0px 0px;}
.gallerygrid .piclast{float:none;margin:0 0 0 0;}
.gallerygrid img{border:1px solid #dac697;}
.gallerygrid .noborder{margin:0 0 0 0;}
.gallerygrid4{width:490px;margin-left:25px;margin-top:25px;}
.gallerygrid4 .pic{float:none;margin:0px 14px 0px 0px;}
.gallerygrid4 .piclast{float:none;margin:0 0 0 0;}
.gallerygrid4 img{border:1px solid #dac697;}
.gallerygrid4 .gallery_line{margin:14px;}
.gallerygrid4 .noborder{margin:0 0 0 0;}
#review_header{width:360px;background-color:#42110c;color:#cc5a20;font-weight:bold;text-indent:10px;margin:10px 20px 0px 20px;padding:0px 0px 0px 0px;}
#review_body{width:350px;background-color:#e2d4ae;margin:0px 20px 0px 20px;font-style:italic;padding:10px 0px 10px 10px;}
#review_footer{width:340px;background-color:#e7d1aa;margin:0px 20px 0px 20px;padding:3px 10px 3px 10px;}
#lightbox{position:absolute;top:40px;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerimagecontainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imagecontainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hovernav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imagecontainer > #hovernav{left:0;}
#hovernav a{outline:none;}
#prevlink, #nextlink{width:49%;height:100%;background:transparent url(/images/blank.gif) no-repeat;display:block;}
#prevlink{left:0;float:left;}
#nextlink{right:0;float:right;}
#prevlink:hover, #prevlink:visited:hover{background:url(/images/prevlabel.gif) left 15% no-repeat;}
#nextlink:hover, #nextlink:visited:hover{background:url(/images/nextlabel.gif) right 15% no-repeat;}
#imagedatacontainer{font:10px verdana, helvetica, sans-serif;background-color:#fff;margin:0px auto;}
#imagedata{padding:0px 10px;}
#imagedata #imagedetails{width:70%;float:left;text-align:left;}
#imagedata #caption{font-weight:bold;}
#imagedata #numberdisplay{display:block;clear:left;padding-bottom:1.0em;}
#imagedata #bottomnavclose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
* html > body .clearfix{display:inline-block;width:100%;}
* html .clearfix{height:1%;}
#info{width:410px;float:left;}
#info ul{margin:0px 0px 15px 10px;list-style-position:outside;list-style-type:disc;}
#info li{margin:0px 0px 4px 0px}
#info h1{color:rgb(102, 51, 0);font-weight:bold;padding:0px 0px 0px 20px;margin:0px 0px 10px;}
#info h2{color:rgb(102, 51, 0);font-weight:bold;padding:0px 0px 0px 20px;margin:0px 0px 10px;}
.packshot{float:left;margin:0px 0px 5px 0px}
#examples{width:190px;float:left;padding:6px 0px 0px 0px;}
#examples p{padding:0px 10px 10px 10px;margin:0px;}
#examples img{margin:0px 0px 20px 10px}
.productname{font-style:italic;font-weight:bold;}
table.formatting{margin:0px;}
table.formatting td{vertical-align:top;}
td.product-icons{width:46px;background-color:rgb(34, 5, 7);}
td.product-content{background-position:top;background-image:url(/images/content_top_full.jpg);background-repeat:no-repeat;padding-top:20px;text-align:center;}
#product-content1{text-align:left;margin:0px 20px 0px 10px}
#title_banner{width:600px;background-position:center top;background-image:url("/images/contenttop_innercentre.jpg");background-repeat:no-repeat;background-color:rgb(234, 224, 195);float:left;padding:20px 0px 10px;text-align:center;}
#featured-image {
  background-position: center top;
  background-image: url("/images/contenttop_innercentre.jpg");
  background-repeat: no-repeat;
  background-color: rgb(234, 224, 195);
  background-size: 100%;
  width: 100%;
  min-width: 10rem;
}
#responsive #wrapper-ext-links,
#responsive #masthead,
#responsive #navbar,
#responsive #contentwrapper,
#responsive #info {
  width: initial;
}
#responsive #wrapper-ext-links { max-width: 75rem; }
#responsive #wrapper { width: calc(100% - 18px); }
#responsive #masthead { background-size: 100%; }
#responsive #contentwrapper {
  background-repeat: repeat-y;
  background-color: #ece0c5;
  display: table;
}
#responsive #title_banner {
  display: none;
}
#responsive #contentleft_icons,
#responsive #contentleft.narrow,
#responsive #info {
  float: initial;
  display: table-cell;
  vertical-align: top;
}

/* Responsive Home Page*/
#responsive #content-1 {
  box-sizing: border-box;
  width: 33%;
  padding-right: 0.5rem;
}
#responsive #content-2 {
  box-sizing: border-box;
  width: 67%;
}

#responsive #content-2-1,
#responsive #content-2-2 {
  box-sizing: border-box;
  width: 50%;
}

#responsive #content-2-1 {
  padding-right: 0.5rem;
}

#responsive #main p img,
#responsive #main a img {
  width: 100%;
  height: auto;
}

