/* CSS Document */
BODY {
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
}
BODY, P, TD, DIV, SPAN, INPUT, TEXTAREA, SELECT {font-family:Arial,Verdana,Geneva,Helvetica,San-serif; color: #000000;}

H1 {margin-top: 0px; margin-bottom: 8px;}
H2 {color:#006D30; font-size:110%; margin-top: 0px; margin-bottom: 0px;}
H3 {margin-top: 0px; margin-bottom: 0px; font-size:90%;}

#partnertable {font-size:80%;}
#partnertable b {color:#006D30;}
#partnertable a:link, #partnertable a:visited, #partnertable a:active{color:#006D30; font-weight:bold}
#partnertable a:hover {color:#94CB1B;}

div#tdShadesIntro {padding: 0px 0px 0px 10px; margin-bottom:10px}
div#tdHeader {width: 758px;}
div#tdHomeHeader {width: 758px; padding-bottom:10px}
div#tdNav {width:182px}
div#tdMain {width:576px}
div#tdContent {padding: 0px 0px 10px 27px;}
div#tdPromo {padding: 0px 0px 10px 10px;}
div#tdHome {padding-bottom: 10px}
div#tdHelpIntro {padding-right: 10px}
div#relatedContent {padding-bottom: 10px; background-image:url('../images/img_bg_related.gif'); background-position: right bottom;}
div#productImages {padding-bottom: 10px;}
div#productTips {padding-bottom: 10px;}
div#tdFooter {background-image:url('../images/img_footer.gif'); background-position: right bottom; width: 758px; margin: 0;}
div#tdSections {background-image:url('../images/img_bg_linksfooter.gif'); background-position: right top; width: 758px; margin: 0;}
.stockistPromo {padding-bottom: 2px; background-image:url('../images/img_bg_stockist.gif'); background-position: right bottom; margin-bottom: 10px}
.menuItem {height: 36px; width:182px}
.homeLeft {/*background-image:url('../images/img_bg_homeleft.gif');*/ background-position: right bottom; width: 374px; }
.productBrowse {background-image:url('../images/img_bg_homeleft.gif'); background-position: right bottom; margin-bottom: 10px; padding-bottom: 10px;}
.homeMid {background-image:url('../images/img_bg_homemid.gif'); background-position: right bottom; width: 182px; margin-bottom: 10px; padding-bottom: 10px;}
.homeMidDark {background-image:url('../images/img_bg_homemid_dark.gif'); background-position: right bottom; width: 182px;  }
.homeNav {height: 51px; width:182px}
.homeNav2 {height: 37px; width:182px; background-color:#6FB41B}
.homeNav3 {height: 35px; width:182px; background-image:url('../images/img_bg_homemid.gif'); background-position: right bottom;}
.category {background-color: #008C42; color:#FFFFFF; padding: 2px 0px 2px 5px; background-image:url('../images/img_category.gif'); background-position: right top; font-size:95%}
.midBtns {padding-right:20px; text-align:right}
.homeMidLnk {color:#FFFFFF; font-size:70%; padding: 10px}
.homeMidLnk A:link, .homeMidLnk A:visited, .homeMidLnk A:active {color:#FFFFFF; text-decoration: none; font-weight:bold;}
.homeMidLnk A:hover {color:#006D30; font-weight:bold;}
.swatch {margin-top: 5px; margin-bottom:20px}

.sectionLinks {list-style: none; margin: 0; padding: 0; color: #FFFFFF; padding-left: 20px; padding-right: 10px; padding-bottom: 10px; font-size:75%;}
.sectionLinks A:link, .sectionLinks A:visited, .sectionLinks A:active {color:#006D30; text-decoration: none; font-weight:bold;}
.sectionLinks A:hover {color:#FFFFFF; font-weight:bold;}
.sectionLinksTemp {padding-left: 20px; padding-top: 8px;}
.pList1 {padding-top: 13px; padding-left: 20px;}
.pList2 {padding-top: 61px; padding-left: 20px;}


.shadesTips {padding-bottom: 2px; background-image:url('../images/img_bg_shadestips.gif'); background-position: right bottom; margin-bottom: 10px}
.shadesTips ul {margin-left:10px}
.shadesTips li {margin-bottom:20px; margin-left:10px}


.homeLeftCopy {padding: 10px 0px 10px 20px}
.homeLeftLnk {color:#FFFFFF; font-size:70%;}
.homeLeftLnk A:link, .homeLeftLnk A:visited, .homeLeftLnk A:active {color:#FFFFFF; text-decoration: none; font-weight:bold;}
.homeLeftLnk A:hover {color:#006D30; font-weight:bold;}


.prodCats {color:#FFFFFF; font-size:80%; padding-left: 15px; margin-top:0px; line-height: 2em}
.prodCats A:link, .prodCats A:visited, .prodCats A:active {color:#FFFFFF; text-decoration: none; font-weight:bold;}
.prodCats A:hover {color:#006D30; font-weight:bold;}


.footer {color:#FFFFFF; font-size:65%; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left:20px}
.footer A:link, .footer A:visited, .footer A:active {color:#FFFFFF; text-decoration: none; font-weight:bold; padding-right: 30px;}
.footer A:hover {color:#94CB1B; font-weight:bold; padding-right: 30px}
.crumb {color:#006D30; font-size: 70%; padding: 4px 0px 2px 17px; background-image:url('../images/img_breadcrumb.gif')}
.crumb A:link, .crumb A:visited, .crumb A:active{color:#006D30; text-decoration: none;}
.crumb A:hover {color:#FFFFFF;}
.description {font-size:80%; font-weight:bold; padding: 0px 0px 10px 0px;}
.pdesc {font-size:80%; margin-top:5px}
.usage {font-size:70%; padding: 0px 0px 10px 0px; margin-top: 0px;}
.usage A:link, .usage A:visited, .usage A:active{color:#006D30; font-weight:bold}
.usage A:hover {color:#94CB1B;}
.pdesc A:link, .pdesc A:visited, .pdesc A:active{color:#006D30; font-weight:bold}
.pdesc A:hover {color:#94CB1B;}





.pghd {padding: 0px 0px 0px 10px;}
.tdLine {border-bottom:1px solid #94CB1B; padding-top:10px; padding-bottom:10px}
.tdNoLine {padding-top:10px; padding-bottom:10px}
.moreLnk {text-align:right; margin-top:0px}
.prodTable {margin-top:10px; margin-bottom: 20px}
.formLabel {font-size:70%; font-weight: bold}
.formText {font-size:70%; width: 200px}
.formText2 {font-size:70%; width: 290px}
.formSmall {font-size:65%;}
.stockistText{font-size:75%; padding: 0px 10px 0px 10px; margin-top: 0px; text-align: center; color: #FFFFFF}
.stockistNumber{font-size:105%; padding: 0px 10px 0px 10px; margin-top: 0px; text-align: center; color: #FFFFFF; font-weight:bold}


.shadesTipText{font-size:70%; padding: 0px 10px 0px 10px; margin-top: 0px; color: #FFFFFF}
.shadesTipIntroText{font-size:70%; padding: 0px 10px 0px 10px; margin-top: 0px; color: #FFFFFF}
.shadesTipIntroText A:link, .shadesTipIntroText A:visited, .shadesTipIntroText A:active{color:#006D30; font-weight:bold}
.shadesLanding {padding: 0px 10px 0px 10px}
.shadesCopy2 {font-size:80%}
.shadesCopy {font-size:75%}
.shadesCopy A:link, .shadesCopy A:visited, .shadesCopy A:active{color:#006D30; font-weight:bold}
.shadesCopy A:hover {color:#94CB1B;}
.shadesLnkimg {margin-bottom: 10px}
.shadesCountryBox {background-color:#87A76B; height: 150px; padding: 0px 10px 0px 10px}
.shadesCoastalBox {background-color:#7097B8; height: 150px; padding: 0px 10px 0px 10px}
.shadesUrbanBox {background-color:#7C7388; height: 150px; padding: 0px 10px 0px 10px}
.shadesMoroccanBox {background-color:#E6C300; height: 150px; padding: 0px 10px 0px 10px}
.shadesBoxCopy {font-size:80%; color: #FFFFFF;}
.moroccanIntro {background-image:url('../../gardenshades/images/img_bg_moroccan.gif'); background-position: right top; padding: 10px}
.urbanIntro {background-image:url('../../gardenshades/images/img_bg_urban.gif'); background-position: right top; padding: 10px}
.coastalIntro {background-image:url('../../gardenshades/images/img_bg_coastal.gif'); background-position: right top; padding: 10px}
.countryIntro {background-image:url('../../gardenshades/images/img_bg_country.gif'); background-position: right top; padding: 10px}
.tdShadesCopy {padding: 10px 0px 10px 0px}
.tdShadesPic {padding: 0px 0px 10px 0px}

div#relatedContent ul {list-style: none; margin: 0; padding: 0;}
div#relatedContent ul li {color: #008C42; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; font-size:70%;}
div#relatedContent ul li A:link, div#relatedContent ul li A:visited {color:#008C42; text-decoration: none;}
div#relatedContent ul li A:hover, div#relatedContent ul li A:active {color:#FFFFFF;}