/* 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;}

p {
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

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

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/common/img_bg_related.gif); background-position: right bottom;}
div#productImages {padding-bottom: 10px;}
div#productTips {padding-bottom: 10px;}
div#tdFooter {background-image:url(../images/common/img_footer.gif); background-position: right bottom; width: 758px; margin: 0;}
div#tdSections {background-image:url(../images/common/img_bg_linksfooter.gif); background-position: right top; width: 758px; margin: 0;}
.stockistPromo {padding-bottom: 2px; background-image:url(../images/common/img_bg_stockist.gif); background-position: right bottom; margin-bottom: 10px}
.menuItem {height: 36px; width:182px}
.homeLeft {background-image:url(../images/common/img_bg_homeleft.gif); background-position: right bottom; width: 374px; margin-bottom: 10px; padding-bottom: 10px;}
.productBrowse {
	background-position: right bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #6fb41b;
}
.animalExtra {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-color: #95cb1b;
}
.homeMid {background-image:url(../images/common/img_bg_homemid.gif); background-position: right bottom; width: 182px; margin-bottom: 10px; padding-bottom: 10px;}
.homeNav {height: 51px; width:182px}
.homeNav2 {height: 37px; width:182px; background-color:#6FB41B}
.homeNav3 {height: 35px; width:182px; background-image:url(../images/common/img_bg_homemid.gif); background-position: right bottom;}
.homeNavSearch {background-color:#6FB41B; height: 45px; width:182px; background-image:url(../images/common/img_bg_homemid.gif); background-position: right bottom;}
.homeNavSearch form {
	margin:0 0 10px 15px;
	padding:10px 0 0;
}
.homesearchbox {width:106px; font-size:75%}
.homesearchbutton {font-size:70%}
.category {background-color: #008C42; color:#FFFFFF; padding: 2px 0px 2px 5px; background-image:url(../images/common/img_category.gif); background-position: right top; font-size:95%}
.midBtns {padding: 5px; 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: 12px;
	background-image:url(../images/common/img_bg_shadestips.gif);
	background-position: right bottom;
	margin-bottom: 10px
}
.shadesTips ul {
	margin-left:4px;
	padding-bottom: 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.shadesTips li {
	margin: 0px;
}

#search {
	padding-bottom: 2px;
	background-image:url(../images/common/img_bg_shadestips.gif);
	background-position: right bottom;
	margin-bottom: 10px
}
#search form {
	margin: 0;
	font-size:70%;
	padding: 0 20px 18px 20px;
}

#search input.searchbar {
	width:126px;
	color:#999999;
	font-size:11px;
}

#search_pr {
	padding-bottom: 2px;
	background-image:url(../images/common/img_bg_shadestips.gif);
	background-position: right bottom;
	margin-bottom: 10px
}
#search_pr form {
	margin: 0;
	font-size:70%;
	padding: 0 15px 18px 5px;
}

#search_pr input.searchbar {
	width:112px;
	color:#999999;
	font-size:11px;
}


.searchResultsIntro {font-size:80%; margin-top:5px}
.searchResultsItem {font-size:75%}
.searchResultsItem A:link, .searchResultsItem A:active {color:#006D30; font-weight:bold}
.searchResultsItem A:hover {font-weight:bold; color: #94CB1B}
.searchResultsItem A:visited {font-weight:bold; color:#990099}

.homeLeftCopy {padding: 5px 0px 10px 15px}
.homeRightCopy {padding: 5px 5px 10px 25px}
.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/common/img_breadcrumb.gif)}
.crumb A:link, .crumb A:visited, .crumb A:active{color:#006D30; text-decoration: none;}
.crumb A:hover {color:#FFFFFF;}

.crumbLng {color:#006D30; font-size: 70%; padding: 10px 0px 8px 17px; background-color:#94cb1b;}
.crumbLng A:link, .crumbLng A:visited, .crumblng A:active{color:#006D30; text-decoration: none;}
.crumbLng A:hover {color:#FFFFFF;}

/* Plain Bread crumb */
.plaincrumb {color:#006D30; font-size: 70%; padding: 4px 0px 12px 0px;}
.plaincrumb A:link, .plaincrumb A:visited, .plaincrumb A:active{color:#006D30; text-decoration: none;}
.plaincrumb A:hover {color:#94cb1b;}

.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}

.articleIntro {font-size:80%; font-weight:bold; padding: 10px 0px 15px 0px; margin-top: 0px; margin-bottom: 0px;}
.articleIntro2 {font-size:80%; padding: 10px 0px 15px 0px; margin-top: 0px; margin-bottom: 0px;}
.article {font-size:70%; padding: 0px 0px 15px 0px; margin-top: 0px; margin-bottom: 0px;}
.article A:link, .article A:visited, .article A:active{color:#006D30; font-weight:bold}
.article A:hover {color:#94CB1B;}

.ArticleCopy {}
.ArticleCopy h2 {margin-bottom:10px; margin-top:10px}


.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:70%}
.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;}

.shadesCopy_ind {font-size:70%; margin-left: 30px;}
.moroccanIntro {
	background-image:url('../images/ideas/img_bg_moroccan.gif');
	background-position: right top;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.urbanIntro {background-image:url('../images/ideas/img_bg_urban.gif'); background-position: right top; padding: 10px}
.coastalIntro {background-image:url('../images/ideas/img_bg_coastal.gif'); background-position: right top; padding: 10px}
.countryIntro {
	background-image:url('../images/ideas/img_bg_country.gif');
	background-position: right top;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 4px;
}
.tdShadesCopy {
	padding-right: 0px;
	padding-left: 0px;
}
.tdShadesPic {padding: 0px 0px 10px 0px}
.shadesCopyTop {padding: 0; margin: 0; font-size:70%;}

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;}

.productsForImg {
	font-size:70%;
	color: #FFFFFF;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#highlightContainer { width:500px; margin-left:10px;}
.TipIntroText{ text-align:left; font-size:70%; padding: 10px 10px 0px 10px; margin-top: 0px; margin-bottom: 10px; color: #FFFFFF}
.TipMore { text-align:right; padding: 0px 20px 0px 10px; margin: 0px; }
#colProtect { background-color:#7097b8; background-image:url(../images/common/img_bg_156_a.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}
#shedCare	{ background-color:#e6c300; background-image:url(../images/common/img_bg_156_b.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}
#shedPreserve { background-color:#87a76b; background-image:url(../images/common/img_bg_156_c.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}
#centreStage { background-color:#bfd887; background-image:url(../images/common/img_bg_156_d.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}
#beautifulOutside { background-color:#735412; background-image:url(../images/common/img_bg_156_e.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}
#shedAppeal { background-color:#7c7388; background-image:url(../images/common/img_bg_156_f.gif); background-position: bottom; background-repeat:no-repeat; padding-bottom: 14px; height:60px;}

.fenceBoxCopy {font-size:80%; color: #FFFFFF; margin:0px; padding:0px;}
.fenceBoxMore { margin:6px 0 0 0; padding:0;}
.fenceProtectBox {background-color:#87A76B; height: 100px; padding: 0px 10px 0px 10px}
.fenceLovingBox {background-color:#7097B8; height: 100px; padding: 0px 10px 0px 10px}
.fencePreserveBox {background-color:#7C7388; height: 100px; padding: 0px 10px 0px 10px}
.fenceSprayBox {
	background-color:#E6C300;
	height: 100px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.fenceClassBox {background-color:#87a76b; height: 100px; padding: 0px 10px 0px 10px}
.fenceHowBox {background-color:#735412; height: 100px; padding: 0px 10px 0px 10px}

#smallFeatTxt {font-size:10px; color:#666666; margin:0; padding:0;}
#smallFeatTxt a {font-size:10px; color:#666666; margin:0; padding:0;}
#smallFeatTxt a:hover {color:#94cb1b;}

.tipHighlight { background-color:#dfedfa; padding:6px; margin-bottom:8px; font-size:70%}
.tipHighlight p { color:#014483; font-size: 100%; padding:6px; margin:0;}

.tipHighlightBlue { background-color:#dfedfa; padding:6px; margin-bottom:8px; font-size:70%}
.tipHighlightBlue p { color:#014483; font-size: 100%; padding:6px; margin:0;}

#tipHighlight {background-color:#dfedfa; padding:6px; margin-bottom:8px; font-size:70%}
#tipHighlight p { color:#014483; font-size: 100%; padding:6px; margin:0;}
#tipHighlight p a { color:#014483;}
#tipHighlight  h2 {
	color:#014483;
	padding-left:6px;
	padding-top: 6px;
}

#tipHighlight2 {background-color:#f0f6fc; padding:6px; margin-bottom:8px; font-size:70%}
#tipHighlight2 p { color:#014483; font-size: 100%; padding:6px; margin:0;}
#tipHighlight2 p a { color:#014483;}
#tipHighlight2  h2 { color:#014483; padding-left:6px;}

#imgWrapper { padding:4px; border:1px solid #b6b6b6; }
.guideTip	{padding:0; margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#FFFFFF}
.guideTip a {color:#FFFFFF; text-decoration:none;}
.guideTip a:hover { text-decoration:underline;}
.pghd .shadesTips .enviroBoxTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-left: 16px;
	padding-right: 16px;
	width: 185px;
	margin: 0px;
}

.enviroVocBoxTxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 16px;
	padding-left: 16px;
	padding-right: 16px;
	width: 185px;
	margin: 0px;
	padding-bottom: 10px;
}

.pghd .shadesTips .productsForEnv {
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 16px;
}
.envFind {
	text-align: right;
	padding-right: 16px;
}
.pghd .shadesLanding ul {
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}


.shadesLanding ol {
	font-size: 70%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.pghd .shadesLanding li {
	padding-bottom: 6px;
	margin: 0px;
	padding-top: 0px;
}
.pghd .image75 {
	width:217px;
	text-align: center;
}
#tdHome .shadesLanding .ideaH2 {
	padding-top: 10px;
	padding-bottom: 10px;
}

#idea_classic {
	background-color:#87a76b;
	background-image:url(../images/common/img_bg_156_c.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_coastal {
	background-color:#7097b8;
	background-image:url(../images/common/img_bg_156_a.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_moroccan {
	background-color:#e6c300;
	background-image:url(../images/common/img_bg_156_b.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_urban {
	background-color:#7c7388;
	background-image:url(../images/common/img_bg_156_f.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_frame {
	background-color:#BFD887;
	background-image:url(../images/common/img_bg_156_d.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_herb {
	background-color:#87a76b;
	background-image:url(../images/common/img_bg_156_c.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_hive {
	background-color:#e6c300;
	background-image:url(../images/common/img_bg_156_b.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_greenhouse { 
	background-color:#7097b8; 
	background-image:url(../images/common/img_bg_156_a.gif); 
	background-position: bottom; 
	background-repeat:no-repeat; 
	padding-bottom: 14px; 
	height:60px;
}

#idea_midsomer {
	background-color:#7c7388;
	background-image:url(../images/common/img_bg_156_f.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

#idea_terrace {
	background-color:#735412;
	background-image:url(../images/common/img_bg_156_e.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	padding-bottom: 14px;
	height:60px;
}

.furnHp {
	padding-bottom: 12px;
	background-image:url(../images/common/img_bg_furnhp.gif);
	background-position: right bottom;
	margin-bottom: 10px
}
#tdShadesIntro .countryIntro .shadesBoxCopy a {
	color: #FFFFFF;
	font-weight: bold;
}

.animalTipH2{padding: 10px 20px 10px 20px; margin-top: 0px; color: #FFFFFF}
.animalTipText{font-size:70%; padding: 0px 20px 0px 20px; margin-top: 0px; color: #FFFFFF}

.pghd .shadesLanding a {
	color: #006633;
	font-weight: bold;
}
#kwickcontent #kwickhighlight {
	background-color: #94ca1b;
	font-size: 70%;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 18px;
	background-image: url(../images/moo/moobg_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom:10px; }
.ml10 { margin-left: 10px; }
.ideaH2 {
	padding: 0px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
}
.alphalist { margin-left: 12px; padding-top: 16px;}