/*
-----------------------------------------------
Tree of Life Public Stylesheet
Author:   		Nick Eagland
Version:  		17/04/2007
----------------------------------------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, dl, dt, dd { margin:0; padding:0; border:0; }

body { font: x-small verdana, arial; color:#000; margin:0px; }


/* std elements 
----------------------------------------------- */
p { font: 110% verdana, arial; margin:0px; padding:0px; padding-bottom:5px; line-height:1.3em; color:#000; }
td  { font: 110% verdana, arial; margin:0px; padding:0px; line-height:100%; }
h1 { font: bold 180% verdana, arial; margin:0px; padding:0px; color:#dc0029; }
h2 { font: bold 130% verdana, arial; margin:0px; color:#1c4c1c; }
h3 { font: bold 120% verdana, arial; margin:0px; color:#dc0029; }
h4 { font: bold 120% verdana, arial; margin:0px; color:#000; }
h5 { font: bold 110% verdana, arial; margin:0px; color:#000; }
strong { color:#000; }


/* links
----------------------------------------------- */
a { font-size:110%; font-weight:bold; text-decoration:none; border:0px; color:#333; }
a:link { text-decoration:none; }
a:visited { text-decoration:none; color:#000; }
a:hover, a:active { color:#98cc29; text-decoration:underline; }


/* lists
----------------------------------------------- */
ul, li { list-style-type:none; margin:0px; padding:0px; }

#gridgroup2 ul { width:600px; list-style-type:none; display:table; margin:0px 20px 0px 157px;   }
#nav li { float:left; text-align:center; padding:4px 0px 4px 0px; vertical-align:top; }
#nav a { color:#1c4c1c; text-decoration:none; display:table-cell; padding:1px 10px; }
#nav a:hover { color:#fff;  text-decoration:none; }
#nav a.hdr-menu-brdr { background: url("/img/style1/hdr-menu-brdr.gif") repeat-y 0px 4px ! important;}

#gridgroup3 ul { width:100%; float:left; list-style-type:none; display:table; }

.info #gridgroup4 li, #article ul li { background: url("/img/style1/li-article.gif") no-repeat 20px 4px; padding-left:45px; }
#article ol li { list-style-type:decimal; }
#article ul, #article ol { margin-bottom:5px; }

#cat li { float:left; display:table-cell;  margin-top:3px; padding:0px;  }
#cat a  { float:left; width:152px; color:#1c4c1c; text-decoration:none; font:bold 120% verdana, arial; padding:5px 0px 5px 7px; outline:none; border:1px solid #9db05c; background-color:#dbf2b0; }
#cat a:hover  { background-color:#edf8d7; cursor:pointer;  border:1px dashed #1c4c1c; }
#cat a span { width:100%; }

ul.category, ul.news, ul.related-links { border-top:1px dashed #9db05c; list-style:none; }  
ul.crumbs { padding:4px 0px; }
ul.benefits { float:left; margin-bottom:10px; display:block; }
.category li { padding:5px;  padding-left:15px; border-bottom:1px dotted #9db05c; background:#edf8d7 url("/img/style1/bc-arr.gif") no-repeat 0px 7px; }
.related-links li { padding:5px; padding-left:15px; border-bottom:1px dotted #9db05c; background:url("/img/style1/bc-arr.gif") no-repeat 0px 7px; }
.benefits li { background:url("/img/style1/li-benefit.gif") no-repeat 5px 0px; padding:0px 0px 0px 30px; display:block;  }
.category li .odd { background-color:#fafafa; }


/* forms
----------------------------------------------- */
form { margin:0px; padding:0px; }
input, textarea, file { font:110% verdana, arial; background-color:#fff ! important; border:1px solid #cbcbcb; padding:2px; }
select  { font:110% verdana, arial;  background-color:#fff ! important; border:1px solid #cbcbcb; padding:1px; }
option { font-weight:normal; color:#000; }
.c-box-terms { font-size:120%; width:15px; min-height:15px; color:#dc0028; border:0px; vertical-align:middle; }
.c-box-attrib { font-size:120%; width:14px; height:15px; min-height:15px; color:#dc0028; background-color:#f5f5f5; border:0px; margin:0px 10px 4px 3px; }
.c-box-basket { font-size:120%; width:14px; min-height:15px; color:#dc0028; border:0px; padding:0px; margin:0px; vertical-align:top; }

.inp-search { margin-bottom:4px; }

.tarea-400 {  width:400px; height:100px;  }
.tarea-200 {  width:200px; height:100px;  }

.sel-page { width:43px; vertical-align:middle; }
.sel-page option { }
.sel-opt { color:#91d217; }


/* tables 
----------------------------------------------- */
table { border-collapse:collapse; border:0px; border-spacing:0px;  margin:0px; padding:0px; width:100%; }
tr { padding:0px; margin:0px; }
td { padding:0px; margin:0px; }

#tbl-values { margin-top:10px; border:1px solid #cbcbcb; float:left; width:300px; border-spacing:1px; }
#tbl-values td { margin:1px; border:1px solid #cbcbcb; background-color:#fff; vertical-align:top; padding:2px 3px; }
#tbl-values .hdr td { background-color:#dc0028; vertical-align:middle; color:#fff; font-weight:bold; }
.tbl-results, .tbl-contact { float:left; }

.tbl-results td, #results dl { float:left; display:block; padding:5px 0px; border-bottom:1px dotted #a5a5a5;  }
#results dl.on  { background-color:#fafafa; cursor:pointer; }
#results dd { float:left;  }

#results strong { font-size:110%; }


.tbl-contact { margin-bottom:5px; width:390px; margin-right:7px;  }
.tbl-contact td { vertical-align:top; }
.tbl-contact td.label { color:#1c4c1c; padding:5px 0px; width:150px; background-color:#fafafa; }
.tbl-contact td.data  { font-weight:normal;  padding:5px 10px; width:250px; }

.col-bot {  border-bottom:1px solid #9db05c; }

.w15 { width:15px; }
.w25 { width:25px; }
.w50 { width:50px; }
.w75 { width:75px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w115 { width:115px; }
.w130 { width:130px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w615 { width:615px; }


/* layout
----------------------------------------------- */
#container { margin-left:auto;  margin-right:auto;  width:784px; padding:0px; position:relative; }

#gridgroup1 { width:784px; height:120px; float:left; margin-top:2px; }
#gridgroup2 { width:782px; border:1px solid #9db05c; margin:0px 0px 8px 0px; float:left; background:#91d217 url("/img/style1/bg-hdr-menu.gif") repeat-x ! important; }
#gridgroup3 { width:161px; min-height:350px; float:left; margin-right:8px;}
#gridgroup4 { width:610px; min-height:350px; float:left; }
.home #gridgroup4 { width:414px; min-height:350px; float:left; }
#gridgroup5 { width:270px; min-height:390px; float:right; }
.home #gridgroup5 { width:190px; }


#gridgroup1 #banner { float:left;  }
#banner img { border:0px; }
/*#gridgroup1 #logo { width:161px; float:left; margin-right:8px; }
#gridgroup1 #basket { width:191px; float:left; height:127px; margin:13px 0px 9px 8px; }*/

#ho-col1 { width:199px; min-height:165px; float:left; margin-top:9px; margin-right:12px; }
#ho-col2 { width:199px; min-height:165px; float:left; margin-top:9px; }
#ho-col3 { width:412px; height:130px; float:left; margin-top:9px;  }

.articles #ho-col1 { float:left; width:613px; min-height:75px; padding:0px; margin:0px; border:1px solid #9db05c; } 
.articles #ho-col1 img { padding:0px; margin:0px; }
.articles dd.txt { width:400px; }

#results { float:left; width:615px; min-height:300px;  }
#results2 { float:left; width:615px; margin:10px 0px; min-height:300px; overflow:auto; }
#sr-col1, #sr-col2 { width:295px; padding-top:3px; padding-bottom:10px;  float:left; }


/* footers
----------------------------------------------- */
#footer { margin:7px 0px 20px 0px; width:100%; border:1px solid #ccc; position:relative; float:left; }
#footer-menu { padding:5px; }
p.copyright { color:#555555; font-size:100%; padding-top:1px; padding-right:12px; }
#footer-menu p { float:right;  }
#footer-menu a { font-weight:normal; font-size:90%; padding-right:12px; color:#555555; text-decoration:none; }
#footer-menu a:hover { text-decoration:underline; }


/* alignment
----------------------------------------------- */
.left { float:left; }
.centreImg { text-align:center; display:block; }


/* formatting
----------------------------------------------- */
#search { float:left; width:150px; height:96px; background-color:#f5f5f5; border:1px solid #cbcbcb; padding-left:9px; margin:9px 0px; }
#adv-search { float:left; width:150px; height:212px; background-color:#f5f5f5; border:1px solid #cbcbcb; padding-left:9px; }

.bdr-img { border:1px solid #9db05c; }

.home #gridgroup4 h3 { padding:10px 11px 2px 11px; }
.home #gridgroup4 .left { margin-right:10px; }
.home #gridgroup4 p  { padding:5px 11px; }
/*.home #gridgroup4 #promo dl.on h3 { background-color:#edf8d7; border:1px dashed #1c4c1c; color:#1c4c1c; }*/
.home #gridgroup4 #promo h3 { color:#dc0028; font-size:140%; padding:2px 5px; text-align:center; }


/*.home dl h2 { padding:2px 7px; font-size:170%; background-color:#dc0028; color:#fff;  }
.home dl h2.latest-news { background-color:#fff; color:#dc0028; }*/

.intro { width:412px; }
.intro .txt { padding:7px; font-size:120%; color:#1c4c18; }

#promo { float:left; width:191px; display:table;  z-index:2; text-align:center; border:1px solid #9db05c; border-top:0px; }
#promo dl { float:left; width:169px; padding:5px 10px 10px 10px; border:1px dashed #fff; }

.home dl.on { cursor:pointer; border:1px dashed #1c4c1c;  }
.news dl.on { border:0px; border-bottom:1px dotted #9db05c; }
#gridgroup4 dl.on { background-color:#edf8d7; }
.home dl.on dd.txt { color:#1c4c1c; }

.news a { font-weight:normal; width:100%; } 
.news a:hover, .news a:hover strong { text-decoration:none; color:#000; }
.news h2 { border-bottom:1px dotted #9db05c; }
.news dl { border-bottom:1px dotted #9db05c; padding:5px; padding-left:10px; background:url("/img/style1/bc-arr.gif") no-repeat 0px 7px; }

#article a { font-size:100%; text-decoration:underline; }
#article a:hover, #article a:visited { color:#98cc29; }

.att { float:left; width:135px; }
.att dd { float:left; font-size:110%; display:table-cell; }

#hdr-results { float:left; width:615px; padding:3px 0px; border-bottom:1px solid #9db05c; display:table; }
.hdr-results2 { float:left; width:615px; padding:8px 0px 8px 0px; background-color:#edf8d7; border-bottom:1px dashed #9db05c; display:table; }
.product .hdr-results2 { border-top:1px dashed #9db05c; }
.product #hdr-results, .articles #hdr-results{ border-bottom:0px }
#hdr-results3 { float:left; width:615px; padding:3px 0px; display:table; }
#hdr-results p, #hdr-results ul { display:table-cell; color:#000; }
#hdr-results li { display:inline; padding-right:5px; color:#555555; }
#hdr-results a { font-weight:normal; color:#555555; }
.arr { background:url("/img/style1/bc-arr.gif") no-repeat 0% 50%; padding-left:10px; }
.top { text-align:right; font-weight:normal; font-size:90%; }
.col2 .top { font-size:100%; }

.result-count td { display:table-cell; padding-bottom:4px;}
.result-count td.col1 { width:400px; }
.result-count td.col2 { width:180px; text-align:right; }


#results2 .row { width:615px; margin-bottom:5px; background-color:#ccc; }

.product #gridgroup4 { min-height:480px; }

.product-link, .product-link-on { float:left; width:185px; line-height:110%; min-height:190px; height:210px; overflow:hidden; margin-right:15px; margin-top:5px; margin-bottom:5px; display:table-cell; }
.product-link dd, .product-link-on dd { text-align:center;  }
.product-link dd.image, .product-link-on dd.image { border:1px solid #cbcbcb; display:table-cell; text-align:center; vertical-align:bottom;  }
.product-link-on dd.image { border:1px dashed #98cc29; cursor:pointer; }
.product-link a { font-size:100%; outline:none; }
.product-link-on a { color:#98cc29; text-decoration:none; outline:none; font-size:100%; }

.product-link img, .product-link-on img { border:0px;  }

#product { float:left; width:320px; min-height:290px; }
#product h4 { display:inline; float:left; }
#product ul { float:left; }
#product li, #article li  { font-size:120%; margin-bottom:5px;  }
#product p { font-size:120%; margin-bottom:5px; float:left; }
#article p { font-size:120%;  margin-bottom:5px; }
#article ul { margin-bottom:5px; }
#product p { width:320px; }
#article img { border:0px; }

.product-img img { border:0px; display:block; border:1px solid #cbcbcb; padding:10px 0px; }

#product-stockist { float:left; margin:5px 0px; }
#product-stockist p { float:left; width:450px; margin:5px 0px; }
#product-stockist h3 { float:left; display:inline; }
.product-stockist-img img { border:0px; float:left; padding:5px; display:block; margin-right:10px; border:1px solid #cbcbcb; }

ul.product-links { width:272px; margin-top:20px; float:right; background-color:#999000; background:url("/img/style1/bg-product-links.gif") repeat-x 0px 0px; }
.product-links li { width:272px; background-color:#dbf2b0; padding:8px 0px; background:url("/img/style1/li-product.gif") repeat-x; }
.product-links a.find { background:url("/img/style1/li-find.gif") no-repeat 0px 2px; padding-left:20px; }
.product-links a.contact { background:url("/img/style1/li-contact.gif") no-repeat 0px 2px; padding-left:20px; }
.product-links a.print { background:url("/img/style1/li-print.gif") no-repeat 0px 2px; padding-left:20px; }
.product-links a { font:bold 120% verdana, arial; }
.product-links a:hover { color:#98cc29; text-decoration:none; outline:none; }

.search { float:left; width:615px; padding:10px 0px; background-color:#fcfcfc; border-bottom:1px dotted #a5a5a5; }
.search table, #str_search { margin:5px 0px; }
.search a { display:table-cell; float:right; }

#str_search { float:left;  }

.stockist { float:left; display:table-cell; width:615px; padding:5px 0px; border-bottom:1px dotted #a5a5a5; }
.stockist:hover { background-color:#fafafa; }
.stockist .address { float:left; width:540px; }
.stockist p, .stockist h5 { padding-bottom:2px; }
.stockist .map { padding-top:1px; vertical-align:bottom; text-align:right; width:65px; float:right; }
.map a { color:#dc0028; text-decoration:none; }
.map a:hover { text-decoration:underline; }

/*ul.related-links { margin:10px 0px; border-top:1px dashed #a5a5a5; }
ul.related-links li { padding:8px 0px; background:url("/img/style1/li-product.gif") repeat-x; }*/

#usr-msg { float:left; width:615px; }
#usr-msg p { font: bold 110% tahoma,geneva; padding:6px 6px; background-color:#f4ffde; font-weight:bold; color:#dc0029; border:1px dashed #999; }

.banner { border:0px }

.info #hdr-results { margin-bottom:5px;  }
.info #gridgroup4 p, .info #gridgroup4 ul  { margin-bottom:10px; }
.info #gridgroup4 h4 { margin:5px 0px; }
.info #gridgroup4 p a { font-size:100%; }


.info #hdr-results p  { display:block; margin-bottom:0px; }
.contact h3 { margin:5px 0px 5px 0px; width:100%; border-bottom:1px dashed #cbcbcb; }
.contact-col { float:right; width:212px; margin-right:0px; margin-bottom:20px; }


/* buttons
----------------------------------------------- */
.but-search-now { width:82px; height:25px; float:left; background:url("/img/style1/but-search-now.gif") no-repeat 0px 0px; }
.but-search { width:58px; height:19px; float:left; background:url("/img/style1/but-search.gif") no-repeat 0px 0px; }
.but-more { width:40px; height:19px; float:left; background:url("/img/style1/but-more.gif") no-repeat 0px 0px; }
.but-more-promo { width:150px; height:19px; float:left; background:url("/img/style1/but-more-promo.gif") no-repeat 0px 0px; margin-left:10px; margin-top:4px;  }


.but-update { width:136px; height:20px; float:right; background:url("/img/admin/but-update.gif") no-repeat 0px 0px; } 
.but-update span { font-size:0px; display:none; }
.but-update:hover { background-position:-136px 0px; }

.but-send { width:82px; height:25px; margin-top:6px; float:right; background:url("/img/style1/but-send.gif") no-repeat 0px 0px; } 

#ho-col1 .but-more, #ho-col2 .but-more { margin-left:8px; }


/* image replacements
----------------------------------------------- */
#logo {  width:154px; height:145px; background:url("/img/tol-pub-logo.jpg") no-repeat 0 0px; }
h1.tree-of-life-wholesale { width:412px; height:27px; margin-bottom:3px; background:url("/img/style1/welcome-to-tree-of-life.gif") no-repeat 0 0px;}
h2.product-range { width:161px; height:27px; background:url("/img/style1/hdr-product-range.gif") no-repeat 0 0px; }
h2.search-products { width:140px; height:18px; margin:6px 0px 6px 0px; background:url("/img/style1/hdr-search.gif") no-repeat 0 0px; }
h2.advanced-search { width:140px; height:18px; margin:6px 0px 6px 0px; background:url("/img/style1/hdr-advanced-search.gif") no-repeat 0 0px; }
h2.features { width:199px; height:27px; background:url("/img/style1/hdr-features-home.gif") no-repeat 0 0px; }
h2.stockists { width:199px; height:27px; background:url("/img/style1/hdr-stockists-home.gif") no-repeat 0 0px; }
h2.latest-news { width:412px; height:27px; background:url("/img/style1/hdr-latest-news.gif") no-repeat 0 0px; }
h2.whats-hot { width:193px; height:27px; background:url("/img/style1/hdr-whats-hot.gif") no-repeat 0 0px; }


#logo span, h1.tree-of-life-wholesale span, h2.product-range span, h2.search-products span, h2.advanced-search span { display:none; font-size:0px; }
.but-search-now span, .but-search span, .but-more span, .but-more-promo span, .but-send span { display:none; font-size:0px; }
h2.whats-hot span, h2.latest-news span, h2.features span, h2.stockists span { display:none; font-size:0px; }

.but-search-now:hover, .but-send:hover { background-position:-82px 0px; }
.but-more:hover  { background-position:-40px 0px; }
.but-more-promo:hover, .home dl.on .but-more-promo { background-position:-150px 0px; }
.but-search:hover { background-position:-58px 0px; }


/* browser hacks IE
----------------------------------------------- */
* html .product-link, * html .product-link-on { height:auto!important; height:210px; }
* html .articles #ho-col1 { height:auto!important; height:77px; }
* html .product-link img, * html .product-link-on img { vertical-align:middle; }
* html #product { float:left; width:330px; height:auto!important; height:400px; }
* html #ho-col1, * html #ho-col2 { height:auto!important; height:165px; }
* hmtl #promo { padding-bottom:1px; }