html, body{
margin:0;
padding:0;
background:#E3D7C5;
font-family:Arial, Helvetica, sans-serif;
_text-align:center;
background-image: url(../graphics/background_winter.gif);
background-repeat: repeat-x;
}
a img{border:none;}
form{padding:0; margin:0;}
.clear{ clear: both; }
#wrapper{position:relative; width: 739px; margin:0 auto; _text-align:left; height:500px;}
/**********
Header
**********/
#header{width: 739px; height: 137px; border-bottom:2px solid #3F382B;}
#header .logo {float:left; margin-top: 30px;}
#header .basket, #header .mainnav, #header .subnav {float:right; width: 480px;}
#header .basket {height:60px; margin-top: 20px; width: 260px; overflow: auto; font-size: 11px; text-align: left;}
#header .basket a {color:#000; text-decoration:none;}
#header .basket a:hover {text-decoration: underline; }
#header .basket img {float:left;}
#header .basket p {padding:0 0 0 0; margin:0; font-size:11px; color:#42310D; }
#header .mainnav {height:35px;}
#header .mainnav a {}/* Dirty IE hack cause float breaks it*/
#header .subnav {height:22px; background:#776C58;}
#header .subnav div {float:right;}
#header .subnav a {display:block; float:left; margin-top: 6px; height:18px; padding:0 9px 0 6px; font-size:11px; text-decoration:none; color:#E3D7C5; background: url(../graphics/nav/subnav_notch.gif) right bottom no-repeat;}
#header .subnav a.last{background:none;}
/******
Shopping Cart
******/
#intro_cart { width: 739px; height: 500px; padding-bottom:3px;
background:url(../graphics/interface/intro_shadow.gif) repeat-x bottom;}
#intro_cart p {font-size:11px;}
#intro_cart .cart_content {float:left; width: 565px; height: 472px; _width: 564px;
background:url(../graphics/interface/cart_bg.gif) repeat; }
#intro_cart .cart_content .copy {float:left; width: 540px; padding: 18px 0 0 24px;}
#intro_cart .cart_content .light {color:#E3D7C5; font-size:11px;}
#intro_cart .cart_content .dark {color:#3F382B; font-size:11px;}
#intro_cart .cart_content .green {color:#9AB624;}
#intro_cart .cart_content td {height:10px;}
#intro_cart .cart_content .picture {float:left; padding: 20px 0 0 10px;}
#intro_cart .cart_content h3 {font-size: 36px; padding:0; margin:0; line-height:29px;
font-family:"Times New Roman", Times, serif; color:#E3D7C5; font-weight:lighter}
#intro_cart .cart_content p {color:#E3D7C5; line-height:12px;}
#intro_cart .toolbar {float:left; width: 540px; _width: 539px; height:28px; padding-left:25px; background:#8D8371;}
#intro_cart .toolbar p {float:left; padding:4px 0 0 0; margin:0; }
#intro_cart .toolbar a {color:#000;}
#intro_cart .toolbar img.back {float:left;}
#intro_cart form {font-size: 11px; color:#3F382B; }
#intro_cart textarea, input {font-size: 11px; color:#3F382B; padding-left:1px; border: 1px solid #3F382B;}
#intro_cart select {font-size: 11px; color:#3F382B; border:#000000;}
#intro_cart .checkbox {border: 0;}
#intro_cart .toolbar .toolsright {float:right; width: 164px; height: 28px; background:#ADA18E;}
#intro_cart .toolbar .toolsright p {font-size:11px; padding-left: 20px;}
#intro_cart .toolbar .toolsright a {padding-bottom:5px; font-weight:bold; text-decoration:none; color:#F8F1E7;}
#intro_cart .getintouch {clear:both; position:absolute; top:107px; left:565px; _left:564px; width: 174px; height: 474px; background:#BBB69B; font-size: 11px; color:#060808;}
#intro_cart .getintouch p {padding:0 0 8px 0; margin:0; line-height:12px;}
#intro_cart .getintouch .pad {padding:5px 15px 0 10px;}
#intro_cart .getintouch label {margin-top:3px;}
#intro_cart .getintouch input,
#intro_cart .getintouch textarea {width: 146px; height: 14px; padding-left:1px; border: 1px solid #000; font-size:10px;}
#intro_cart .getintouch textarea {height: 56px;}
#getintouchsubmit { width: 59px; height:16px; border:1px solid #000; margin-top:10px; color:#000; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
#intro_cart .cart_content input.submit {display:block; width: 140px; height:16px; padding-top:1px; margin-top:10px; text-align:center; border:1px solid #000; color:#000; text-decoration:none; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
/********
Shopping Cart - Confirm
********/
#intro_confirm {width: 739px; height: 680px; padding-bottom:3px;
background:url(../graphics/interface/intro_shadow.gif) repeat-x bottom;}
#intro_confirm p {font-size:11px;}
#intro_confirm .cart_content {float:left; width: 565px; height: 682px; _width: 564px;
background:url(../graphics/interface/cart_bg.gif) repeat; }
#intro_confirm .cart_content .copy {float:left; width: 540px; padding: 18px 0 0 24px;}
#intro_confirm .cart_content .light {color:#E3D7C5; font-size:11px;}
#intro_confirm .cart_content .dark {color:#3F382B; font-size:11px;}
#intro_confirm .cart_content .green {color:#9AB624;}
#intro_confirm .cart_content td {height:10px;}
#intro_confirm .cart_content .picture {float:left; padding: 20px 0 0 10px;}
#intro_confirm .cart_content h3 {font-size: 36px; padding:0; margin:0; line-height:29px;
font-family:"Times New Roman", Times, serif; color:#E3D7C5; font-weight:lighter}
#intro_confirm .cart_content p {color:#E3D7C5; line-height:12px;}
#intro_confirm .toolbar {float:left; width: 540px; _width: 539px; height:28px; padding-left:25px; background:#8D8371;}
#intro_confirm .toolbar p {float:left; padding:4px 0 0 0; margin:0; }
#intro_confirm .toolbar a {color:#000;}
#intro_confirm .toolbar img.back {float:left;}
#intro_confirm form {font-size: 11px; color:#3F382B; }
#intro_confirm textarea, input {font-size: 11px; color:#3F382B; padding-left:1px; border: 1px solid #3F382B;}
#intro_confirm select {font-size: 11px; color:#3F382B; border:#000000;}
#intro_confirm .checkbox {border: 0;}
#intro_confirm .toolbar .toolsright {float:right; width: 164px; height: 28px; background:#ADA18E;}
#intro_confirm .toolbar .toolsright p {font-size:11px; padding-left: 20px;}
#intro_confirm .toolbar .toolsright a {padding-bottom:5px; font-weight:bold; text-decoration:none; color:#F8F1E7;}
#intro_confirm .getintouch {clear:both; position:absolute; top:107px; left:565px; _left:564px; width: 174px; height: 684px; background:#BBB69B; font-size: 11px; color:#060808;}
#intro_confirm .getintouch p {padding:0 0 8px 0; margin:0; line-height:12px;}
#intro_confirm .getintouch .pad {padding:5px 15px 0 10px;}
#intro_confirm .getintouch label {margin-top:3px;}
#intro_confirm .getintouch input,
#intro_confirm .getintouch textarea {width: 146px; padding-left:1px; border: 1px solid #000; font-size:10px;}
#intro_confirm .getintouch textarea {height: 56px;}
#intro_confirm .getintouch a.submit {display:block; width: 59px; height:16px; padding-top:1px; margin-top:10px; text-align:center; border:1px solid #000; color:#000; text-decoration:none; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
#intro_confirm .cart_content a.submit {display:block; width: 140px; height:16px; padding-top:1px; margin-top:10px; text-align:center; border:1px solid #000; color:#000; text-decoration:none; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
/********
Intro
********/
#intro {width: 739px; height: 334px; padding-bottom:3px;
background:url(../graphics/interface/intro_shadow.gif) repeat-x bottom;}
#intro p {font-size:11px;}
#intro .content1 {float:left; width: 565px; _width: 564px; height:306px; background:url(../graphics/interface/banner_home.jpg) #8D8371 no-repeat;}
#intro .content1 .copy {float:left; width: 560px; padding: 20px 10px 0 24px;}
#intro .content1 .copy strong{color:#9AB624;}
#intro .content1 .copy a {color:#E3D7C5;}
#intro .content1 .picture {float:left; padding: 20px 0 0 10px;}
#intro .content1 h3 {font-size: 26px; padding:0; margin:0 0 115px 0; line-height:29px; font-family:"Times New Roman", Times, serif; color:#E3D7C5; font-weight:lighter}
#intro .content1 p {color:#E3D7C5; line-height:12px; margin:0 0 8px 0;}
#intro .content {float:left; width: 565px; _width: 564px; height:306px; background:url(../graphics/interface/banner_bg.jpg) no-repeat;}
#intro .content .copy {float:left; width: 236px; padding: 18px 0 0 24px;}
#intro .content .copy strong{color:#9AB624;}
#intro .content .copy a {color:#E3D7C5;}
#intro .content .picture {float:right; padding: 20px 18px 0 0;}
#intro .content h3 {font-size: 36px; padding:0; margin:0; line-height:29px; font-family:"Times New Roman", Times, serif; color:#E3D7C5; font-weight:lighter}
#intro .content p {color:#E3D7C5; line-height:12px;}
#intro .toolbar {float:left; width: 565px; height:28px; background:#8D8371;}
#intro .toolbar p {float:left; padding:5px 0 0 25px; margin:0; }
#intro .toolbar a {color:#000;}
#intro .toolbar img.back {float:left;}
#intro .toolbar .toolsright {float:right; width: 164px; height: 28px; background:#ADA18E;}
#intro .toolbar .toolsright p {font-size:11px; padding-left: 20px;}
#intro .toolbar .toolsright a {padding-bottom:5px; font-weight:bold; text-decoration:none; color:#F8F1E7;}
#intro .getintouch {clear:both; position:absolute; top:139px; left:565px; _left:564px; width: 174px; height: 336px; background:#BBB69B; font-size: 11px; color:#060808;}
#intro .getintouch p {padding:0 0 8px 0; margin:0; line-height:12px;}
#intro .getintouch .pad {padding:5px 15px 0 10px;}
#intro .getintouch label {margin-top:3px;}
#intro .getintouch input,
#intro .getintouch textarea {width: 146px; height: 14px; padding-left:1px; border: 1px solid #000; font-size:10px;}
#intro .getintouch textarea {height: 56px;}
#intro .getintouch a.submit {display:block; width: 59px; height:16px; padding-top:1px; margin-top:10px; text-align:center; border:1px solid #000; color:#000; text-decoration:none; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
/***********
Footer
***********/
#footer {width: 739px; height: 113px; font-size:11px; clear:both;}
#footer .address {float:left; clear:both; width: 519px; height: 27px; background:#3F382B; }
#footer .address p {padding:6px 0 0 25px; margin:0; color:#E3D7C5;}
#footer .address a {color:#ADA18E;}
#footer .terms {float:right; margin: 0 0 0 0; _margin:0 0 0 0; width: 220px; padding: 0 0 0 0; height: 27px; background:#3F382B; }
#footer .terms p {padding:6px 10px 0 25px; margin:0; color:#E3D7C5;}
#footer .terms a {color:#ADA18E;}
#footer .contacts {float:left; clear:both; width: 739px; height: 51px; padding-left:0;
background:#BBB69B url(../graphics/interface/footer1.gif) no-repeat right;}
#footer .contacts p {float:left; display:block; width: 168px; margin:0; padding:3px 0 0 25px; color:#3F382B;
background:url(../graphics/interface/contact_notch.gif) top right no-repeat;}
#footer .contacts p.second {width: 143px; padding-left: 25px;}
#footer .contacts p.third {width: 200px; padding-left: 25px; background:none;}
#footer .contacts a {padding:0 1px; color:#3F382B; }
#footer .contacts a:hover {color: #BBB69B; text-decoration:none; background: #3F382B; }
#footer .bottom {float:left; clear:both; width:739px; height: 35px;
background:url(../graphics/interface/footer2.gif) no-repeat right;}
/********
Bread
*******/
#bread_content {float:left; width: 739px; clear:both; background:#CDC2AE;}
#bread_content.split {background:url(../graphics/interface/bread_bg.gif) repeat-y left;}
#bread_content .thumb {float:left; width: 111px; height: 131px; padding:4px 0 0 4px;
background:url(../graphics/interface/small_pic_bg.gif) no-repeat;}
#bread_content .thumb p {padding:3px 0 0 0; margin:0; font-size: 11px; color: #736547;}
#bread_content .thumb a {text-decoration:none;}
/* different thumbnail layouts*/
#bread_content .thumb.linear {margin:3px 0 20px 5px;} /* (e.g. Home Page )*/
#bread_content .thumb.float {margin:10px 0 0px 25px; _margin-left: 17px;} /* (e.g. Store front page )*/
#bread_content .leftcol_wide {float:left; width: 506px; padding:5px 0;}
#bread_content .leftcol_wide p {font-size: 11px; color:#3F382B; padding:0 25px;}
#bread_content .leftcol_wide a {color:#3F382B; padding:0 1px;}
#bread_content .leftcol_wide td { padding: 0 0 0 0; _padding: 5px 0 5px 0; }
#bread_content .leftcol_wide a:hover {background:#3F382B; color:#CDC2AE; text-decoration:none;}
#bread_content .lightbrown p { color: #ADA98C; font-weight: bold;}
#bread_content .rightcol_narrow {float:left; width:219px; padding-bottom:15px;}
#bread_content .mthumb {float:left; width: 192px; height: 194px; padding:11px 0 0 11px; margin:15px 0 0 8px;
background:url(../graphics/interface/med_pic_bg.gif) no-repeat}
/******************
Content Styles
*******************/
#content {float:left; width: 739px; clear:both; background:#CDC2AE;}
#content.split {background:url(../graphics/interface/content_bg.gif) repeat-y left;}
#content.splitCatalog {background:url(../graphics/interface/content_bgCatalog.gif) repeat-y left;}
/* taxes a 107x107 pixel image */
#content .thumb {float:left; width: 111px; height: 131px; padding:4px 0 0 4px;
background:url(../graphics/interface/small_pic_bg.gif) no-repeat;}
#content .thumb p {padding:3px 0 0 0; margin:0; font-size: 11px; color: #736547;}
#content .thumb a {text-decoration:none;}
/* different thumbnail layouts*/
#content .thumb.linear {margin:3px 0 20px 5px;} /* (e.g. Home Page )*/
#content .thumb.float {margin:10px 0 0px 25px; _margin-left: 17px;} /* (e.g. Store front page )*/
/* Medium size thumbnail (shop page) */
#content .mthumb {float:left; width: 192px; height: 194px; padding:11px 0 0 11px; margin:15px 0 0 8px;
background:url(../graphics/interface/med_pic_bg.gif) no-repeat}
#content .menu {float:left; width: 360px; padding:11px 0 0 11px; margin:-1px 0 0 20px;
background:url(../graphics/interface/menu_middle.gif) repeat-y;}
#content .menu p {font-size: 11px; text-align:center; width: 310px; color:#3F382B; padding:0 35px 0 15px;}
#content .menu_weekly {float:left; width: 350px; padding:11px 0 0 11px; margin:-1px 0 0 20px;
background:url(../graphics/interface/menu_middle.gif) repeat-y; }
#content .menu_weekly p {font-size: 11px; text-align:left; color:#3F382B; padding:0 35px 0 15px; text-align:center;}
#content .menu_weekly td { vertical-align:top;}
#content .menu_top {float:left; width: 380px; height: 26px; margin:15px 0 0 20px;
background:url(../graphics/interface/menu_top.gif) no-repeat}
#content .menu_bottom {float:left; width: 380px; height: 26px; margin:0 0 0 20px;
background:url(../graphics/interface/menu_bottom.gif) no-repeat}
#content .introsmall {float:left; width: 105px; padding-left:25px;}
#content .introsmall p {font-size:11px; margin:0; color:#3F382B; padding-left:2px; line-height:13px;}
#content .leftcol {float:left; width: 295px; padding:5px 0;}
#content .rightcol {background: #bbb69b; float:right; width:430px; padding-bottom:15px;}
#content .leftcolCatalog {float:left; width: 205px; padding:12px 0;}
#content .leftcolCatalog ul{ margin: 0; padding: 0; }
#content .leftcolCatalog ul li{ list-style: none; border-top: #777777 1px dotted; padding: 5px; }
#content .leftcolCatalog ul li a{text-decoration: none; }
#content .leftcolCatalog ul li a:hover{text-decoration: underline; }
.subcat{ margin-left: 20px; border-top: none;}
#content .rightcolCatalog {background: #bbb69b; float:right; width:520px; padding-bottom:15px;}
#content .rightcol_nopadding {position:relative; height: 345px; _margin: -108px 0 0 147px; float:left; width:430px;}
#content .rightcol_terms {position:absolute; height: 345px; margin: 0 0 0 295px; _margin: 0 0 0 0; float:left; width:430px;}
#content .leftcol_terms {float:left; width: auto; height: auto; padding:5px 0; background:#D8CCBA;}
#content .leftcol_terms p {font-size: 11px; color:#3F382B; padding:0 25px;}
#content .leftcol p {font-size: 11px; color:#3F382B; padding:0 25px;}
#content .leftcol a {color:#3F382B; padding:0 1px;}
#content .leftcol a:hover {background:#3F382B; color:#CDC2AE; text-decoration:none;}
#content .leftcol_enquiry {float:left; width: 295px; padding:5px 0;}
#content .leftcol_enquiry p {font-size: 11px; color:#3F382B; padding:0 25px;}
#content .leftcol_enquiry label {font-size: 11px; color:#3F382B; }
#content .leftcol_enquiry green{color:#9AB624;}
#content .leftcol_enquiry form {font-size: 11px; color:#3F382B; }
#content .leftcol_enquiry textarea, input {font-size: 11px; color:#3F382B; padding-left:0px; border: 0px solid #3F382B;}
#content .leftcol_enquiry select {font-size: 11px; color:#3F382B; border:#000000;}
#content .leftcol_enquiry form { padding: 0 25px;}
#content .leftcol_enquiry a.submit {display:block; width: 100px; height:16px; padding-top:1px; margin-top:10px; text-align:center; border:1px solid #000; color:#000; text-decoration:none; background:url(../graphics/interface/submit_button_bg.gif) repeat-x bottom;}
#content .rightcol_small {float:left; width:233px; height:530px; padding-bottom:15px; background:#BBB69B; }
#content .rightcol_small p {font-size: 11px; color:#3F382B; padding:0 25px;}
/* Content - store sub pages*/
#content .storesections { height: 21px; margin-top: -3px; float:left; width: 739px; position:relative;
background:#A29D80 url(../graphics/interface/storesections_bg.gif) top repeat-x;}
#content .storesections p {float:left; padding:4px 0 0 17px; margin:0; font-size: 11px; font-weight:bold; word-spacing:6px; color: #CBBEAA;}
#content .storesections a {text-decoration: none; word-spacing:normal; color:#3F382B; }
#content .storesections .right p{padding-right:10px; font-weight: normal; word-spacing:normal; color:#FFF;}
#content .store {float:left; padding: 7px;}
#content .store .column {float:left; width: 133px; height:317px; background: #BFB29E;}
#content .store .vr {float:left; width: 8px; height: 317px; margin-right: 7px;
background: url(../graphics/interface/vertical_rule.gif) right repeat-y;}
#content .store .thumb {margin:9px 0 9px 9px; _margin-left:5px;
background:url(../graphics/interface/store_small_pic_bg.gif) no-repeat;}
#content .store p.desc,
#content .store h5 {float:left; clear:both; width: 109px; height: 75px; padding:0 0 0 14px; margin:0 0 1px 0; font-size:11px; color:#3F382B; line-height:11px; /*background:#7f7;*/}
#content .store h5 {font-weight:bold; height: 35px;}
#content .store .select {float:left; clear:both; width:109px; margin-left:10px;_margin-left:5px; padding:1px; background:#3F382B;}
#content .store select {border:none; width: 109px; height:18px; font-size: 9px; padding-left:8px; font-weight:bold;}
#content .store select option {padding-left:13px;}
#content .store img.add {margin: 5px 0 0 10px;}
/* Helpers */
div.left {float:left;}
div.right {float:right;}
div.clear {float:left; clear:both; width: 100%; height: 1px; _margin-bottom: -1px;}
#leftcolumnmenu {
font-size: 12px;
padding: 15px;
}