﻿body { background: #2f1d19 url('../images/bg.jpg') repeat-x; padding: 0;
}


html, body {margin: 0 0 1px 0; height: 100%;}

img, .innerWrap, .perfectFor_panel a, .btn_register2  {} /* { behavior: url(/css/iepngfix.htc); }*/

.clear { clear: both; }

input { margin: 0; padding: 0; }

a { text-decoration: none; color: #54612b; }

img { border: none; }

label {font: bold 13px/22px 'Trebuchet MS', sans-serif; color: #483029; padding-top: 7px; display: block; }

p { text-align: left; font: 13px/22px 'Trebuchet MS', sans-serif; color: #483029; padding: 0; margin: 10px 0; }

p a { text-decoration: underline; }

h1 { padding: 0; margin: 0 0 10px 0; font: 22px/27px 'Trebuchet MS', sans-serif; color: #e9e4d9; letter-spacing: 2px; }

h1 a { padding: 0; margin: 0 0 10px 0; font: 22px/27px 'Trebuchet MS', sans-serif; color: #e9e4d9; letter-spacing: 2px; }

h2 { padding: 0; margin: 0 0 10px 0; font: 22px/27px 'Trebuchet MS', sans-serif; color: #483029; letter-spacing: 2px; }

h3 { color: #2b1b17; font: bold 16px/24px 'Trebuchet MS', sans-serif; }

.ha { padding: 0; margin: 0 0 10px 0; font: 22px/27px 'Trebuchet MS', sans-serif; color: #e9e4d9; letter-spacing: 2px; }

.ha2 { font-weight: bold; padding-left: 20px; background: url(../images/green_bfly_bullet.gif) no-repeat; ; margin: 0 0 5px 0; font: 22px/27px 'Trebuchet MS', sans-serif; color: #e9e4d9; letter-spacing: 1px; }

#leftCol h3 {  margin: 0; padding: 0; font: bold 15px/20px 'Trebuchet MS', sans-serif;  color: #cbd3b1; }

#leftCol ul { list-style-type: none; margin: 5px 0 25px 0; padding: 0 0 0 0; }

#leftCol ul li { margin: 10px 0 10px 0; padding-left: 0; font: 15px/20px 'Trebuchet MS', sans-serif; color: #f3f1ea  }

#leftCol ul li a { color: #f3f1ea }

#leftCol ul li.selected { font-weight: bold; padding-left: 24px; background: url(../images/green_bfly_bullet.gif) no-repeat; }

#wrapper { text-align: center; }

#container { width: 1000px; margin: 0 auto; background: #2d1b17; }

#header { text-align: left; background: #f3f1ea url(../images/header_bg.jpg); height: 151px;  }

#logo { width: 201px; height: 119px; float: left; display: inline; margin: 13px 0 0 20px; }

#rightPanel { float: right; height: 114px; width: 238px; padding-left: 508px; }

#login { width: 201px; padding-left: 21px; height: 37px; background: url(../images/login_bg.jpg); }

a.btn_login { float: left; display: block; width: 81px; height: 31px; background: url(../images/btn_login.gif); margin-right: 2px; }
a.btn_login:hover { background: url(../images/btn_login_hover.gif); }

a.btn_register { float: left; display: block; width: 99px; height: 31px; background: url(../images/btn_register.gif); }
a.btn_register:hover { background: url(../images/btn_register_hover.gif); } 

#styleguide { width: 218px; height: 77px; }

#styleguide a { display: block; width: 218px; height: 77px; background: url(../images/btn_stylingguide.jpg); }

#styleguide a:hover { background: url(../images/btn_stylingguide_hover.jpg); }

#nav { height: 37px; float: right;}

#nav a { display: block; height: 37px; float: left; }

#nav a.about { width: 75px; background: url(../images/nav_about.jpg) no-repeat;}
#nav a.about:hover { background: url(../images/nav_about_hover.jpg) no-repeat;} 
    
#nav a.contact { width: 98px; background: url(../images/nav_contact.jpg) no-repeat;}
#nav a.contact:hover { background: url(../images/nav_contact_hover.jpg) no-repeat;}

#nav a.shop { width: 58px; background: url(../images/nav_shop.jpg) no-repeat;}
#nav a.shop:hover { background: url(../images/nav_shop_hover.jpg) no-repeat; }

#nav a.store { width: 142px; background: url(../images/nav_store.jpg) no-repeat; }
#nav a.store:hover { background: url(../images/nav_store_hover.jpg) no-repeat; }

#nav a.media { width: 115px; background: url(../images/nav_media.jpg) no-repeat;}
#nav a.media:hover { background: url(../images/nav_media_hover.jpg) no-repeat; }

#nav a.styling { width: 123px; background: url(../images/nav_styling.jpg) no-repeat;}
#nav a.styling:hover { background: url(../images/nav_styling_hover.jpg) no-repeat; }

#nav a.products { width: 99px; background-image:url('../images/nav_products.jpg'); background: url(../images/nav_products.jpg) no-repeat;}
#nav a.products:hover { background: url(../images/nav_products_hover.jpg) no-repeat; }

#content { width: 968px; margin: 0 auto; background: #f3f1ea url(../images/content_bg.jpg);  }

#copy {background: url(../images/leftColStretch_bg.jpg) bottom left no-repeat; /* background: #f3f1ea url(../images/copy_bg.jpg) repeat-y; */ text-align: left; }

#insetCopy { padding: 32px 32px 32px 32px; font: 13px/22px 'Trebuchet MS', sans-serif; color: #483029; }

#home4panel { background: #f3f1ea url(../images/home4_bg.jpg); height: 184px; }

#home4panel a { display: inline; width: 222px; height: 152px; margin: 16px 0 0 16px;  float: left; }

#home4panel a.home4_1 { background-image: url(../images/home4_1.jpg); background: url(../images/home4_1.jpg) no-repeat; }
#home4panel a.home4_1:hover { background: url(../images/home4_1_hover.jpg) no-repeat; }

#home4panel a.home4_2 { background: url(../images/home4_2.jpg) no-repeat; }
#home4panel a.home4_2:hover { background: url(../images/home4_2_hover.jpg) no-repeat; }

#home4panel a.home4_3 { background: url(../images/home4_3.jpg) no-repeat; }
#home4panel a.home4_3:hover { background: url(../images/home4_3_hover.jpg) no-repeat; }

#home4panel a.home4_4 { background: url(../images/home4_4.jpg) no-repeat; }
#home4panel a.home4_4:hover { background: url(../images/home4_4_hover.jpg) no-repeat; }

#leftCol { width: 238px; float: left; display: inline; }

.leftFixed {  padding: 32px; background: url(../images/leftColFixed_bg.jpg); height: 433px; }
.leftBoth {  padding: 32px; background: url(../images/leftColTop_bg.jpg) no-repeat; min-height: 433px;}
.leftStretch {  padding: 32px; background: url(../images/leftColTop_bg.jpg) no-repeat; min-height: 497px;}

#rightCol { width: 730px; background: #f3f1ea; float: right; display: inline; }

#photo { float: left; width: 238px; }

#photo img { display: block; }

#rightCol .wide { /* 238px; */ width: 492px; float: right; min-height: 497px;}

* html #rightCol .wide { height: 497px; }

#rightCol .thin { /* 476px */ width: 254px; float: right; min-height: 497px; }

* html #rightCol .thin { height: 497px; }

#rightCol .long { width: 492px; float: right; min-height: 639px; } 

* html #rightCol .long { height: 693px; }

.perfectFor_wrapper { position: relative; height: 138px; }
.perfectFor_wrapper2 { position: relative; height: 128px; }

.perfectFor_panel { position: absolute; left: -235px; height: 138px; width: 663px; }

.innerWrap { zoom: 1; background: url(../images/perfectFor_bg.png); height: 138px; width: 663px; }

.perfectFor_panel img { display: block; float: left; }

.perfectFor_panel a { position: relative; z-index: 1;  display: block; width: 153px; float: left; margin-right: -1px; height: 90px; padding-top: 51px; color: #4d592c; font: 11px/16px Tahoma, Verdana, sans-serif; }

.perfectFor_panel a img { position: relative; top: -51px; margin-bottom: -51px;  display: block;}

.perfectFor_panel a:hover { text-decoration: underline; }

.productRow { height: 233px; padding: 20px 0; }

.productThumb { color: #f3f1ea; font: 13px/17px 'Trebuchet MS', sans-serif; text-align: center; display: inline; float: left; height: 214px; width: 154px; background: url(../images/productThumb_bg.gif); margin: 0 16px 16px 0;}

.productThumb img { display: block; }

.last { margin-right: 0 !important; }

.product_panel { width: 428px; margin-top:20px; height: 372px; }

.productInfo_panel { float: left;  display: block; background: url(../images/bg_productInfo.gif) no-repeat; width: 346px; height: 322px; padding: 24px; }

.productInfo_panel p { margin: 0 0 20px 0; padding: 0; }

.davidsTip_panel { float: left; display: block; background: url(../images/bg_davidsTip.gif) no-repeat; width: 346px; height: 322px; padding: 24px; }

.davidsTip_panel p { margin: 0 0 20px 0; padding: 0; color: #f3f1ea }

.product_btns { float: right; height: 370px; width: 34px;  }

.product_btns a.productInfo { display: block; width: 34px; height: 129px; background: url(../images/btn_productInfo.gif); }

.product_btns a.davidsTip { display: block; width: 34px; height: 129px; background: url(../images/btn_davidsTip.gif); }

.btn_panel { margin-top: 20px; height: 60px  }

.btn_panel a { display: inline; height: 60px; float: left; }

a.btn_send { width: 170px; background: url(../images/btn_send.jpg); }
a.btn_send:hover { background: url(../images/btn_send_hover.jpg); }

a.btn_print { width: 110px; background: url(../images/btn_print.jpg); }
a.btn_print:hover { background: url(../images/btn_print_hover.jpg); }

a.btn_top { width: 148px; background: url(../images/btn_top.jpg); }
a.btn_top:hover { background: url(../images/btn_top_hover.jpg); }

.btn2_panel { margin-top: 20px; height: 60px  }

.btn2_panel a { display: inline; height: 60px; float: left; }

a.btn_send2 { width: 160px; background: url(../images/btn_send2.jpg); }
a.btn_send2:hover { background: url(../images/btn_send2_hover.jpg); }

a.btn_print2 { width: 109px; background: url(../images/btn_print2.jpg); }
a.btn_print2:hover { background: url(../images/btn_print2_hover.jpg); }

a.btn_top2 { width: 127px; background: url(../images/btn_top2.jpg); }
a.btn_top2:hover { background: url(../images/btn_top2_hover.jpg); }

a.btn_buy { display: block; margin: 20px 0; width: 396px; height: 60px; background: url(../images/btn_buy.jpg); }
a.btn_buy:hover { background: url(../images/btn_buy_hover.jpg); }

.mediaRow { padding-top: 20px; }

.mediaRow .print a { background: url(../images/green_bfly_bullet2.gif) no-repeat 0 2px; padding-left: 18px; }

.mediaRow .tv { display: inline;  float: left; text-align: left; margin: 10px 20px 10px 0; width: 199px; }

.mediaRow .tvInner { display: block; border: #dfdacb 8px solid; width: 191px; }

.mediaRow .tv a { display: block;  padding: 0; }

.mediaRow .print { display: inline; float: left; text-align: left; margin: 10px 20px 10px 0; }

.mediaRow .print img { display: block; margin-bottom: 10px; }


.stockistRow { padding-top: 20px; }

.stockistRow div { float: left; display: inline; background: url(../images/logo_bg.gif); width: 135px; height: 84px; margin: 0 15px 15px 0; padding: 10px; }

.stockistRow img { display: block; }


.stockistSearch { margin: 20px 0 20px 0; text-align: right; background: url(../images/stockistSearch_bg.gif); height: 43px; padding: 36px; width: 594px; }

.stockistSearch div { float: right; width: 170px;  }

.btn_search { width: 162px; height: 41px; background: url(../images/btn_search.jpg); border: none; cursor: pointer; }

.btn_search:hover { background: url(../images/btn_search_hover.jpg);  }

.btn_register2 { margin-top: 20px; width: 162px; height: 41px; background: url(../images/btn_register2.png); border: none; cursor: pointer; }

.btn_register2:hover { background: url(../images/btn_register2_hover.png);  }


.btn_login2 { margin-top: 20px; width: 162px; height: 41px; background: url(../images/btn_login2.png); border: none; cursor: pointer; }

.btn_login2:hover { background: url(../images/btn_login_hover2.png);  }


.resultsTable { width: 100%;  }

.resultsTable tr td, .resultsTable tr th { color: #483029; font: 12px 'Trebuchet MS', sans-serif; text-align:left;vertical-align : top;  padding: 0 5px 5px 0; }

.resultsTable tr th { font-weight: bold; }

.textField { border: #b9b0a8 1px solid; background: #e5e0d2 url(../images/textfield_bg.gif) repeat-x; width: 221px; height: 37px; color: #8e7e79; font: 14px 'Trebuchet MS', sans-serif; margin-right: 10px; padding-left: 10px; height: 28px; padding-top: 7px; }

.pcField { border: #301e1a 1px solid; background: #e5e0d2 url(../images/textfield_bg.gif) repeat-x; margin-right: 10px; padding-left: 10px; width: 150px; height: 30px; padding-top: 10px; color: #8e7e79; font: 14px 'Trebuchet MS', sans-serif; } 

#footer { background: #2f1d19 url(../images/footer_bg.gif) no-repeat; }

#footer p { line-height: 1em; font: 11px/50px Tahoma, Verdana, sans-serif; margin: 0; padding: 0; }

#footer p a { color: #604337; text-decoration: none;  }

#footer p.links {  width: 750px; padding-left: 18px; }

#footer p.links a { margin-right: 10px; }

#footer p.terms { width: 450px !important; float: right; text-align: right; padding-right: 18px; }

#footer p.terms a { margin-left: 10px; }

#footer p.pp { text-align: center; font-size: 10px;}