﻿/* colours
#79b837 (logo green)
#A0DC4F (lighter green)
#444041 (logo grey)
#616745 (grey)
#e5e5e5 (l grey)
#3778b8 (blue)
http://www.colorcombos.com/combotester.html?color0=79b837&color1=444041&color2=e5e5e5&color3=3778b8
*/

body { background-color: #050701; color: #444041; background-image: url('../Images/Template/grass_tile_600x600.jpg'); background-repeat:repeat-x repeat-y !important; background-position:left top;      
}

#subHeader {  }

#header { background:#fff;}

#footer {color:#616745; background-image: url('../Images/Template/footer.gif'); background-repeat:no-repeat; background-position:center bottom;}

#rightHeader{ }

#outer { background-color: #fff; }

#innerwrap { background-color:#fff; }

#subHeader { background-color: #fff; }

#subHeaderContent { color:#616745; }

.menuh a:link, .menuh a:visited, .menuh a:active { color: #444041; }
.menuh a:hover { background-color: #79b837; color: #fff; }
.menuh-container {}
.menuLinkSpan { border-bottom: solid 1px #79b837; }
.minorMenu .menuLinkSpan { border-bottom: solid 1px #e5e5e5; }
.menuh ul ul { background-color: #e5e5e5; }
.menuh ul ul a:link { color:#000;}
.menuh ul {  }

#offers { border: 1px solid #1F8993; }
#offers .conveyor, #offers .conveyor ul, #offers .conveyor ul li { background-color:#1F8993;}

#clearance { border: 1px solid #F18B31; }
#clearance .conveyor, #clearance .conveyor ul, #clearance .conveyor ul li { background-color:#F18B31;}

.promoBox { background-color: #25B83F; color: #fff;}

a.listing:link, a.listing:active, a.listing:visited { color: #fff; }

#shedRange{ background-image: url('../Images/shed-range.jpg'); background-repeat:no-repeat; background-position:left top; }
.delExtra{ background-color: transparent; color: #000;}
.delExtra:hover{ color: #CC3131;}
.fluff{color: #696969;}
.priceLbl, .partLbl {color: #000;}
.partBtn:hover, .partMinorBtn:hover, .partMinorBtnSel{ background-color: #a0dc4f;}
.partBtn{ background-color: transparent; color: #000;} /*border-bottom: 2px dotted #a0dc4f; */
.partBtn.changeBtn {border-bottom: 2px dotted #a0dc4f;}

.partMinorSel{ background-color: #a0dc4f;}
td.part { border-color: #A3A3A3;}
td.partMinor { border-color: #A3A3A3;}

ul.sizes input:hover{ background-color: #a0dc4f;}

/*.points.sheds .row {background-image: url('../Images/shed-point-row-bg.gif'); background-repeat:no-repeat; background-position:left top;}*/
.shedPointRowSm {background-image: url('../Images/shed-point-row-small-bg.gif'); background-repeat:no-repeat; background-position:left top;}

.change {background: url(../Images/change-btn.png) no-repeat right bottom; border-bottom-color:#A0DC4F;}
.change:hover {background-color:#A0DC4F; cursor: pointer;}

/*table.cartItems td{ background-color: #e5e5e5;}*/
hr { color: #e5e5e5; background-color: #e5e5e5; border: none; border-top: 1px solid #e5e5e5;}
.important {border-color:#ebebeb; color:#3778b8}
.orderBlock label, .largeBlock label{  color: #616745;}
input.smallBar, input.largeBar {border: 1px solid #DADAD4;}

.buy2{ border: 1px outset #79b837; background-color: #e5e5e5; color: #444041;}
.buy2:hover{ background-color: #f0f0f0}
.addToCart{ background: url(../Images/add-cart-lg.gif) no-repeat center center;}
.addToCart:hover{ background: url(../Images/add-cart-lg-over.gif) no-repeat center center;}

.chartTable {color: #3e3e3e; border-color: #dadad4}
.trChartHeaders { background: #f4f4f2;}
.trChartHeaders td {border-bottom-color:#dadad4;}
.leftChartHeaderTd {border-right-color: #dadad4;}
.tdChart {border-right-color:#dadad4;}
.tdChart.tick, .tdTick{ background: url(../Images/tick.gif) no-repeat center center;}
.tdChart.cross, .tdCross{ background: url(../Images/cross.gif) no-repeat center center;}
.chartLower td{border-bottom-color:#dadad4;}

.tipsy {background-image: url(../images/tipsy.gif);}
.tip {background: url(../Images/tip-icon.gif) no-repeat 0 0;}
/*.info {background: url(../Images/info-icon.gif) no-repeat 0 center;}*/
.tagLine {background: url(../Images/tag-line-icon.png) no-repeat left bottom; background-color:Transparent; border-bottom: 2px solid #79b837;}
.tagLine h3, .tagLine h4 { color:#444041;  }
.tagLineSubText, .subHead { color: #616745; }
 /*background: #f4f5ef url(../Images/tagLineSub-bg.gif) no-repeat left bottom;}*/

#builderTemplate {background: url(../Images/builder-bg-grad.gif) repeat-x left top; background-color:#EBF2E4;}
#builderTemplate fieldset{border-color: #B8B8B8;}
#builderTemplate fieldset legend{color: #79B837;}
#builderTemplate .tagLine{background:none; border-color:#e5e5e5;}
#buildNavBag {background: url(../Images/7p-black-bg.png)}
#builderBody{background-color:#fff;border: 1px outset #799C57;}
#progressBuild{border-color:#799C57; background: url(../Images/30p-white-bg.png)}
#progressBar{background: url(../Images/shed-builder-header.png) no-repeat center center;}

ul.imageThumbs li .addCart, .imageGrid .imageGridRow .addCart { color: #616745; }
ul.imageThumbs li .addCart a, .imageGrid .imageGridRow .addCart a { background-color:#f0f0f0; text-decoration:none; }
ul.imageThumbs li .addCart a:hover, .imageGrid .imageGridRow .addCart a:hover { background-color:#A0DC4F; color: #696969; }
ul.imageThumbs li .text, .imageGrid .imageGridRow .text{ border-bottom: 1px solid #ebebeb;  }

#sizePrices {border: 1px solid #A0DC4F; }
tr.sizePrice td{border-top: 1px solid #A0DC4F; border-right: 1px solid #A0DC4F; padding: 5px;}
tr.sizePrice td.right{border-right: 0;}
.highlight{background-color: #E6EDDD;}

.salePrices{background: #E6EDDD url(../Images/sale-banner.png) no-repeat 0 0;}

#siteMapPath{color: #696969;}
#siteMapPath a{ color: #696969;}

#productShopPanels fieldset{border-color: #A0DC4F; background-image: url(../Images/70p-white-bg.png); background-repeat:repeat-x repeat-y; background-position: left top;}
#productShopPanels fieldset legend{background-color: #e7efdf;padding: 4px; border: 2px solid #A0DC4F;}
#productShopPanels fieldset legend input:hover{ background-color: #A0DC4F;}
#productShopPanels fieldset legend input{ border-color:#c0c0c0;}

.field-validation-error{color:#E01B4C}

.goldStar { background: url(../images/stars.jpg) no-repeat left;}
.greyStar { background: url(../images/stars.jpg) no-repeat right;}
#read-reviews { display: none; border-bottom-color:#444041; border-top-color: #444041; }
.reviewBlock {border-bottom-color:#d1d1ca;}

ul.sizes{border-right-color:#c0c0c0;}
ul.inline{color:#616745;background-color:#e5e5e5;}

.checkbox-select{background: url(../Images/select.gif) no-repeat 0 0;}
.checkbox_sm-select{background: url(../Images/select.gif) no-repeat 0 0;}
a.select{background: url(../Images/select-chosen-button.jpg) no-repeat 0 2px;}
a.select:hover{background: url(../Images/select-chosen-button.jpg) no-repeat -140px 2px;}
a.selected{ background: url(../Images/select-chosen-button.jpg) no-repeat -280px 2px;}
.next{background: url(../Images/next-button.png) no-repeat 0 0;}
.next:hover{background: url(../Images/next-button.png) no-repeat -150px 0;}
.back{background: url(../Images/back-button.png) no-repeat 0 0;}
.back:hover{ background: url(../Images/back-button.png) no-repeat -150px 0;}

.infoTip { background: url(../images/icons/icon-info.png) no-repeat center center;}

.shopBG {background: url(../images/planks-tile.jpg) repeat-y left top;}
#notepad .body {background-image: url(../Images/notepad-body.gif); background-repeat:repeat-y; background-position: left top;}
#notepad .header {background-image: url(../Images/notepad-header.gif); background-repeat:no-repeat; background-position: left top;}
#notepad .footer {background-image: url(../Images/notepad-footer.gif); background-repeat:no-repeat; background-position: left top;}
