/*

Stylesheet for www.doeandhope.com
March 2010
Site design and coding by John Rawsterne - www.rawsterne.co.uk

*/

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {/*border-collapse:separate;border-spacing:0;*/}
caption,th,td {text-align:left;font-weight:normal;}
table,td,th {vertical-align:middle;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:0.625em;color:#222;background:#fff;font-family:Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
h1 {font-size:2em;line-height:1;margin-bottom:.5em;}
h2 {font-size:1.85em;margin-bottom:.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus,a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;}
strong {font-weight:bold;}
em,dfn {font-style:italic;}
dfn {font-weight:bold;}
sup,sub {line-height:0;}
abbr,acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre,code,tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul,li ol {margin:0 1.5em;}
ul,ol {margin:0 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th,td,caption {padding:4px 0px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#ded4a2;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Globals */
html{background:url(../styleImages/whoot-bg.jpg) repeat left top;}
body{background:#d5c7ab url(../styleImages/old-paper.jpg) repeat-y center top;color:#222528;line-height:1.5;width:1000px;margin:0 auto;}
a, a:visited{color:#222528;text-decoration:underline;font-weight:bold;}
a:hover{color:#2f5800;}
.divider{background:url(../styleImages/divider-double.png) no-repeat left top;padding:40px 0 0 0;}

/* Layout */
#wrapper{width:900px;margin:0 auto;}
#content{overflow:hidden;padding:20px 0 40px 0;}
#sub-content{float:left;width:232px;}
#main-content{float:right;width:648px;font-size:1.2em;}

/* Header */
#header{overflow:hidden;height:200px;background:url(../styleImages/border.png) no-repeat left bottom;position:relative;}
#logo-image{display:block;width:136px;height:161px;position:absolute;left:0;top:25px;background:url(../styleImages/doe.png) no-repeat left top;}
#logo-image a{display:block;width:136px;height:161px;text-indent:-999em;}
#header h1{position:absolute;left:212px;top:45px;text-indent:-9999em;overflow:hidden;width:399px;height:73px;background:url(../styleImages/logo.png) no-repeat left top;}
#header h2{display:none;}
#session{position:absolute;top:25px;right:0;text-align:right;}
#session p{margin:0;}
#session a{color:#000;}
#mini-cart{position:absolute;top:64px;right:0;padding:10px 10px 10px 0;width:172px;height:28px;background:url(../styleImages/mini-cart.png) no-repeat left top;color:#fff6d4;text-align:right;}
#mini-cart p{margin:0;}
#mini-cart #view-basket{background:#5d5342;padding:1px 2px;color:#e2d4c0;text-transform:uppercase;}
#mini-cart #view-basket:hover{color:#fff;text-decoration:none;}
#mini-cart a{background:#5d5342;padding:1px 5px;color:#e2d4c0;text-transform:uppercase;text-decoration:none;}
#mini-cart a:hover{color:#fff;text-decoration:none;}

/* Navigation */
#navigation{width:747px;height:41px;padding:0;background:url(../styleImages/border.png) no-repeat left top;position:absolute;right:0;bottom:0;}
#navigation ul{float:left;list-style:none;margin:10px 0 0 0;width:530px;line-height:1.2;font-size:1.2em;}
#navigation ul li{float:left;padding:0 20px 0 27px;background:url(../styleImages/nav-diamond.png) no-repeat left center;text-transform:uppercase;font-size:1.2em;}
#navigation ul li{background:url(../styleImages/nav-diamond.png) no-repeat left top;float:left;padding:0 20px 0 27px;text-transform:uppercase;}
#navigation ul li a{color:#4b463c;text-decoration:none;font-weight:normal;}
#navigation ul li a:hover{color:#000;text-decoration:underline;}
#navigation form{float:right;width:192px;margin:8px 0 0 0;}
#navigation form #search-input{border:#cac2ac 1px solid;padding:2px 0 2px 2px;width:126px;float:left;}
#navigation form #button-search{width:62px;height:21px;border:0;text-indent:-9999em;overflow:hidden;background:url(../styleImages/button-search.png) no-repeat left top;cursor:pointer;float:right;}

/* Sidebar */
#sub-content h3{width:184px;height:24px;overflow:hidden;text-indent:-9999em;}
#sub-content h3#inventory{background:url(../styleImages/sidebar-inventory.png) no-repeat left top;}
#sub-content h3#latest-offerings{background:url(../styleImages/featured-items-heading.png) no-repeat left top;}
#sidebar-content{color:#c3bda4;padding:110px 24px 10px 24px;background:url(../styleImages/sidebar-bg.png) repeat-y left top;position:relative;}
#sidebar-content p{margin:0;}
#sidebar-top, #sidebar-bottom{width:232px;height:6px;}
#sidebar-top{background:url(../styleImages/sidebar-border.png) no-repeat left top;}
#sidebar-bottom{background:url(../styleImages/sidebar-border.png) no-repeat left bottom;}
#sidebar-motif{width:220px;display:block;height:90px;background:url(../styleImages/sidebar-motif-0-lines.png) no-repeat left top;position:absolute;top:0;left:6px;}
#mainmenu-nav{list-style:none;margin:0;padding:0 0 40px 0;}
#mainmenu-nav .li-nav{font-size:1.2em;font-weight:bold;width:184px;}
#mainmenu-nav .li-nav a{display:block;width:184px;padding:5px 0;border-bottom:#42433e 1px dotted;font-weight:bold;}
#mainmenu-nav ul{}
#mainmenu-nav ul .li-nav{font-size:0.9em;font-weight:normal;color:#b9b295;}
#mainmenu-nav ul .li-nav a{color:#b9b295;border:0;padding:2px 0;font-weight:normal;}
#mainmenu-nav a{color:#fff6d4;text-decoration:none;font-weight:normal;}
#mainmenu-nav a:hover, #mainmenu-nav ul .li-nav a:hover{color:#fff;text-decoration:underline;}
#mainmenu-nav a span{display:none;}
#sub-content ol{list-style:none;margin:0;padding:0 0 20px 0;}
#sub-content ol li{width:184px;padding:5px 0;margin:0 0 10px 0;border-bottom:#42433e 1px dotted;overflow:hidden;}
#sub-content ol li a{color:#b9b295;text-decoration:none;font-weight:normal;}
#sub-content ol li a:hover{color:#fff;text-decoration:none;}
#sub-content ol li img{float:left;margin:0 10px 10px 0;width:50px;}

/* Home - featured content*/
.featured-content{padding:20px 40px 10px 40px;background:url(../styleImages/featured-content-bg.png) repeat-y left top;position:relative;}
.featured-content p{padding-right:160px;}
.featured-top, .featured-bottom{display:block;width:648px;}
.featured-top{height:10px;background:url(../styleImages/featured-content-ends.png) no-repeat left top;}
.featured-bottom{height:50px;background:url(../styleImages/featured-content-ends.png) no-repeat left bottom;margin:0 0 40px 0;}
.monkey{display:block;width:163px;height:292px;position:absolute;right:14px;bottom:-58px;background:url(../styleImages/monkey.png) no-repeat left top;}
#press-link{display:block;margin:0 0 10px 0;}

/* Featured products */
.product-thumbs{list-style:none;margin:0 0 20px 0;overflow:hidden;}
.product-thumbs li{float:left;width:208px;height:314px;overflow:hidden;background:url(../styleImages/product-thumb-bg.jpg) no-repeat left top;margin:0 0 0 12px;}
.product-thumbs li:first-child{margin-left:0;}
.product-thumbs li a{display:block;padding:60px 23px;text-decoration:none;font-weight:normal;}
.product-thumbs li a:hover{text-decoration:none;}
.product-thumbs li img{}
.product-thumbs span{display:block;text-align:center;font-size:1.1em;}
.product-thumbs .thumb-desc{padding-top:10px;color:#000;line-height:1.2;}
.product-thumbs li a:hover span.thumb-desc{background:#f1e6bc;}
.product-thumbs .price{color:#7f5c12}

/* Product List */
.product-list{list-style:none;margin:0;}
.product-list li{overflow:hidden;padding:20px 0;background:url(../styleImages/border.png) no-repeat left bottom;}
.product-list .product-image{float:left;}
.product-list .product-detail{float:right;width:460px;}
.product-list .product-name{font-size:1.5em;margin:0;}
.product-list p{margin:0 0 6px 0;}
.product-list p.buy-button{margin:20px 0 10px 0;}
.product-list .buy-button a{background:#5b584b;color:#fff;padding:5px 10px;text-transform:uppercase;text-decoration:none;}
.product-list .buy-button a:hover{background:#406618;text-decoration:none;}
.product-list .buy-button a.buy-now{margin:0 5px 0 0;background:#1d1c18;color:#fff;padding:5px 10px;text-transform:uppercase;text-decoration:none;}
.product-list .buy-button a.buy-now:hover{background:#406618;text-decoration:none;}
#filter-results{padding:0 0 10px 0;background:url(../styleImages/border.png) no-repeat left bottom;text-align:right;}
#filter-results select{width:100px;}
#filter-results .submit{border:0;background:#222528;color:#e2d4c0;}
#filter-results .submit:hover{background:#406618;}

/* Product page */
#product-images{float:left;width:400px;overflow:hidden;margin:0 0 20px 0;position:relative;}
#product-images img{max-width:400px;}
#product-images .free-shipping-label{display:block;width:74px;height:74px;background:url(../styleImages/free-shipping-label1.png) no-repeat left top;position:absolute;left:0;top:0;}
#product-images p{margin:0;font-style:italic;}
#product-meta{float:right;width:230px;padding:10px 0 0 0;background:url(../styleImages/border.png) no-repeat left top;position:relative;}
#product-meta form{margin:0 0 10px 0;}
#product-meta p{margin:0 0 5px 0;}
#product-meta .mini-monkey{display:block;width:85px;height:152px;background:url(../styleImages/mini-monkey.png) no-repeat left top;position:absolute;right:0;top:50px;}
#product-description{clear:both;padding:10px 0;background:url(../styleImages/border.png) no-repeat left top;}
p#tell-a-friend a{text-decoration:underline;}
#product-meta p#buy-button{margin:20px 0 10px 0;}
#buy-button{overflow:hidden;}
#buy-button a{display:block;width:72px;height:30px;background:url(../styleImages/buy-now.png) no-repeat left top;text-decoration:none;text-indent:-9999em;overflow:hidden;float:left;}
#buy-button a:hover{background-position:right top;}
#haggle-now{clear:both;}
#haggle-now a{display:block;width:108px;height:20px;background:url(../styleImages/haggle.png) no-repeat left top;text-decoration:none;text-indent:-9999em;overflow:hidden;}
#haggle-now a:hover{background-position:right top;}
#product-thumbs{padding:10px 0;background:url(../styleImages/border.png) no-repeat left top;}
#product-thumbs img{width:100px;margin:0 0 5px 0;}

/* Cart */
#checkout-basket tr th{border-bottom:#333 1px solid;}
#checkout-basket tr.cart-totals td{border-bottom:#333 1px solid;border-top:#333 1px solid;padding:10px 0;font-size:1.1em;}
#checkout-basket tr.cart-summary td{border-top:#333 1px solid;}
#checkout-basket .text-right{text-align:right;}
#checkout-basket .textbox{text-align:center;}
#checkout-button{margin:0px 0 10px 0;float:right;line-height:2;}
#payment-gate #checkout-button{margin:10px 0;float:none;line-height:2;}
#checkout-button a{margin:0 5px 0 0;background:#1d1c18;color:#fff;padding:5px 20px;text-transform:uppercase;font-size:1.25em;text-decoration:none;}
#checkout-button a:hover{background:#406618;text-decoration:none;cursor:pointer;}
#cart-progress{overflow:hidden;margin:20px 0 20px 0;width:500px;list-style-position:inside;}
#cart-progress li{float:left;padding:5px 20px;background:#c8ac83;color:#887559;margin-right:2px;border:1px solid #947F60;}
#cart-progress li.current{background:#887559;color:#ece6ce;border:1px solid #665842;}
.invoice-address, .delivery-address{list-style:none;margin:0 0 20px 0;}
.invoice-address li, .delivery-address li{margin-left:20px;}
.invoice-address .address-title, .delivery-address .address-title{font-size:1.25em;font-weight:bold;margin-left:0;text-transform:uppercase;}

#update-button{float:left;width:300px;padding:0 0 10px 0;}
#update-button p.discount{margin:0;font-weight:bold;}
#update-button a.button{background:#5b584b;color:#fff;padding:5px 10px;text-transform:uppercase;text-decoration:none;}
#update-button a.button:hover{background:#406618;text-decoration:none;}

#checkout-buttons{overflow:hidden;padding:0 0 10px 0;border-bottom:#333 1px solid;}

.pay-methods{padding:20px;border:#333 1px solid;font-size:1.25em;font-weight:bold;background:#f9f6f0;margin:0 0 10px 0;}
#payment-comments label{display:block;margin:10px 0 0 0;}
#payment-comments textarea{background:#e5e2dc;}
#payment-comments textarea, #update-button input{border:#555 1px solid;}

#customer-address{overflow:hidden;padding:10px 0 0 0;}
#customer-address .invoice-address, #customer-address .delivery-address{float:left;margin:0 100px 10px 0;}

/* Registration forms */
.form-section{margin:0 0 10px 0;border-bottom:#333 1px solid;padding:20px;}
.form-section label{display:block;}
.form-section div{margin:0 0 10px 0;overflow:hidden;}
.form-section .textbox{border:#555 1px solid;padding:5px;}
.form-section .textwide{width:300px;}
.form-section .sub-head{margin:0 0 5px 0;border-top:#333 1px solid;padding-top:10px;}
.form-section #remember{float:left;}
.form-section .button{margin:0 5px 0 0;background:#1d1c18;color:#fff;padding:5px 10px;text-transform:uppercase;font-size:1.25em;border:0;}
.form-section .button:hover{background:#406618;text-decoration:none;cursor:pointer;}
.form-security label{display:inline;}
.form-security #checkout-button{float:none;}
p.text-error{background:#a00;padding:10px;color:#fff;font-weight:bold;}

/* Pages */
#page-links img{margin:0 20px 20px 0;}
#about-us div{float:left;width:250px;padding-right:10px;}
.press-articles{padding:20px 0;border-top:#333 1px solid;clear:both;}
.press-article{padding:20px 0;border-bottom:#333 1px solid;margin:0;overflow:hidden;}
.press-article .info{float:right;width:300px;font-size:1.5em;}
table#period-table{font-size:0.8em;background:#fff;font-family:Arial,sans-serif;}
#period-table tr.headerRow td{background:#1e3e3b;color:#fff;font-weight:bold;}
#period-table td{padding:5px;text-align:center;}



/* Footer */
#footer{padding:15px 0;overflow:hidden;background:url(../styleImages/border-5px.png) no-repeat left top;}
#footer-nav{overflow:hidden;padding:0 0 12px 0;margin:0 0 10px 0;background:url(../styleImages/border-2px.png) no-repeat left bottom;position:relative;height:42px;}
#footer-nav ul{margin:5px 0 0 0;float:left;width:550px;list-style:none;font-size:1.1em;}
#footer-nav ul li{float:left;margin:0 15px 0 0;padding:0 0 0 15px;background:url(../styleImages/black-bullet.png) no-repeat left center;line-height:1.5;}
/*#footer-nav ul li.first-column{padding-left:0;background:none;}*/
#footer-nav ul li a{color:#000;text-decoration:underline;font-weight:normal;}
#footer-nav ul li a:hover{color:#a00;text-decoration:underline;}
#twitter-link, #facebook-link{text-indent:-9999em;overflow:hidden;position:absolute;top:0;width:144px;height:44px;}
#facebook-link{right:0;background:url(../styleImages/icon-facebook.png) no-repeat left top;}
#twitter-link{right:154px;background:url(../styleImages/icon-twitter.png) no-repeat left top;}

#footer-bottom{background:url(../styleImages/footer-bottom.png) no-repeat left top;overflow:hidden;width:900px;height:130px;margin:12px 0;}
#footer-bottom form{float:left;width:232px;position:relative;}
#footer-bottom form h3, #footer-bottom form p{text-indent:-9999em;}
#footer-bottom form .textbox{position:absolute;top:80px;left:20px;width:120px;padding:0;border:0;}
#footer-bottom form .submit{position:absolute;top:79px;left:145px;width:68px;height:21px;border:0;text-indent:-9999em;overflow:hidden;background:url(../styleImages/button-subscribe.png) no-repeat left top;cursor:pointer;}
#footer-bottom blockquote{float:right;width:608px;padding:30px 20px 0 20px;text-align:center;font-size:1.75em;margin:0;}
#footer-bottom blockquote p{margin:0;}
#footer-bottom blockquote cite{color:#5d5649;font-size:0.75em;}
p#copyright, p#designer{color:#5d5649;}
p#copyright{float:left;}
p#designer{float:right;}
p#designer a{color:#5d5649;}
.txtCopyright{text-align:center;color:#5d5649;}
.txtCopyright a{color:#5d5649;}

#payment-logos{position:relative;}
#payment-logos a{position:absolute;top:10px;left:20px;width:80px;height:75px;text-indent:-9999em;display:block;border:0;}
#payment-logos a:hover{text-decoration:none;}

/* ColorBox Core Style - Avoid changing this area to maintain compatability with future versions */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox user style */
#cboxOverlay{background:#c2b99f;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../styleImages/loading.gif) center center no-repeat;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../styleImages/controls.png) 0 0 no-repeat;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}