/* LANDING PAGE
////////////////////////////////////////////////////////////////*/


body.landingpage { background: url(../images/landingpage/landingpage_bg.gif) 0 0 repeat-x; }
body.landingpage div#Branding { padding-left: 10px; overflow: hidden; }
body.landingpage div#Branding p.branding-logo { height: 37px; width: 139px; margin: 15px 15px 0 0; float: left; }
body.landingpage div#Branding h1 { height: 37px; width: 277px; margin: 23px 0 0 0; float: left; text-indent: -9999em; }
body.landingpage div#Branding h1 span { background: url(../images/landingpage/H1_title.gif) no-repeat;  }

body.landingpage div#Content  { float: none; height: auto; width: 940px; }
body.landingpage div#Content div#ContentPrimary  { width: 940px; float: left; clear: both; margin-top: 5px; }


body.landingpage div#Content div#ContentPrimary div#PlinthA h2 { text-indent: -9999em; height: 45px; }
body.landingpage div#Content div#ContentPrimary div#PlinthA div.a { width: 420px; float: left; padding-right: 10px; }

/* Pre Xmas PlinthA */
body.landingpage div#Content div#ContentPrimary div.offer div#PlinthA { background: url(../images/landingpage/LandingPlinthA.jpg) 0 0 no-repeat; position: relative; width: 705px; height: 261px; float: left; }
body.landingpage div#Content div#ContentPrimary div.offer div#PlinthA div.introPara ul  { color: #797979;  font-weight: bold; padding-left: 34px; padding-top: 28px; list-style: disc; font-size: 10pt;}
body.landingpage div#Content div#ContentPrimary div.offer div#PlinthA ul li.callToAction1 { position: absolute; left: 171px; bottom: 52px; }
body.landingpage div#Content div#ContentPrimary div.offer div#PlinthA ul li.callToAction2 { position: absolute; left: 171px; bottom: 21px;}
body.landingpage div#Content div#ContentPrimary div.offer ul li.callToAction a { display: block; width: 180px; height: 24px; text-indent: -9999em; }
body.landingpage div#Content div#ContentPrimary div.offer ul li.callToAction a:hover {  background: url(../images/landingpage/orangeHover.png) 3px 3px no-repeat; }
body.landingpage div#Content div#ContentPrimary div.offer div#PlinthA .aci { left:18px; bottom:0; padding-bottom:10px; position:absolute; }


/* Xmas Offer PlinthA */
body.landingpage div#Content div#ContentPrimary div.xmasoffer div#PlinthA { background: url(../images/landingpage/LandingPlinthA.jpg) 0 0 no-repeat; position: relative; width: 705px; height: 261px; float: left; }
body.landingpage div#Content div#ContentPrimary div.xmasoffer div#PlinthA div.introPara ul  { color:#FFFFFF;  padding-left: 34px; padding-top: 28px; list-style: disc; font-size: 10pt;}
body.landingpage div#Content div#ContentPrimary div.xmasoffer div#PlinthA ul li.callToAction1 { bottom:17px; left:344px; position:absolute; width:120px; height:30px; }
body.landingpage div#Content div#ContentPrimary div.xmasoffer div#PlinthA ul li.callToAction2 { bottom:17px; left:475px; position:absolute; height:30px; }
body.landingpage div#Content div#ContentPrimary div.xmasoffer ul li.callToAction a:hover { }
body.landingpage div#Content div#ContentPrimary div.xmasoffer ul li.callToAction a { display: block; width: 120px; height: 24px; text-indent: -9999em; }
body.landingpage div#Content div#ContentPrimary div.xmasoffer ul li.callToAction2 a { width: 200px; }
body.landingpage div#Content div#ContentPrimary div.xmasoffer div#PlinthA .aci { position: absolute; left: 18px; bottom: 43px; width: 100px; height: 100px; display: none; }



body.landingpage div#Content div#ContentPrimary div#PlinthA div.introPara a.replace { width: 200px;  height: 40px; display: block; }
body.landingpage div#Content div#ContentPrimary div#PlinthA div.introPara a.replace span { background: url(../images/buttons/landingpage_view_blinds.gif) 0 0 no-repeat; }
body.landingpage div#Content div#ContentPrimary div#PlinthA div.introPara a.replace:hover span { background-position: 0 -40px; }
body.landingpage div#Content div#ContentPrimary div#PlinthA ul { float: left; }
body.landingpage div#Content div#ContentPrimary div#PlinthB { background: url(../images/landingpage/LandingPlinthB.jpg) 0 0 no-repeat; position: relative; width: 233px; height: 261px; float:left; color: #0a5a8f; font-weight: bold; font-size: 1.2em; }
body.landingpage div#Content div#ContentPrimary div#PlinthB  h3 { text-indent: -9999em; }
body.landingpage div#Content div#ContentPrimary div#PlinthB  p { margin: 0 0 5px 0; }
body.landingpage div#Content div#ContentPrimary div#PlinthB  ul { padding: 0; position: absolute; left: 25px; top: 165px; width: 200px; }
body.landingpage div#Content div#ContentPrimary div#PlinthB  ul li {margin-left: 5px; list-style: disc; }
body.landingpage div#Content div#ContentPrimary div#PlinthB .callToAction1 { position: absolute; left: 13px; bottom: 17px; }
body.landingpage div#Content div#ContentPrimary div#PlinthB .callToAction { display: block; width: 180px; height: 24px; text-indent: -9999em; }
body.landingpage div#Content div#ContentPrimary div#PlinthB .callToAction:hover {  background: url(../images/landingpage/orangeHover.png) 3px 3px no-repeat; }
body.landingpage div#Content div#ContentPrimary div#PlinthB .aci { position: absolute; left: 10px; top: 94px; width: 200px; height: 110px;  }

body.landingpage div#Content div#ContentPrimary ul li p { margin: 0; }

body.landingpage div#Content div#ContentSecondary { padding: 0; width: 940px; float: left; height: 242px; margin-top: 2px; }
body.landingpage div#Content div#ContentSecondary ul { }
body.landingpage div#Content div#ContentSecondary ul li { float: left; position: relative; width: 235px; height: 242px; overflow: hidden; margin-right: 0px; }
body.landingpage div#Content div#ContentSecondary ul li .section-container { position: absolute; top: 0; left: 0; width: 235px; height: 242px; z-index: 10; background: url(../images/landingpage/LandingRangeSprite.png) -2px 0 no-repeat; } 
body.landingpage div#Content div#ContentSecondary ul li .custom-image { position: absolute; top: 41px; left: 13px; width: 218px; height: 80px; z-index: 1; }
body.landingpage div#Content div#ContentSecondary ul li p { color: #878787; margin: 95px 0 5px 3px; line-height: 1.2em; }
body.landingpage div#Content div#ContentSecondary p.description { height: 35px; overflow: hidden; }
body.landingpage div#Content div#ContentSecondary ul li.column1 .section-container {  }
body.landingpage div#Content div#ContentSecondary ul li.column2 .section-container { background-position: -2px -490px; }
body.landingpage div#Content div#ContentSecondary ul li.column3 .section-container { background-position: -2px -245px; }
body.landingpage div#Content div#ContentSecondary ul li.column4 .section-container { background-position: -2px -735px; }
body.landingpage div#Content div#ContentSecondary ul li.column4 { margin-right: 0px; }

body.landingpage div#Content div#ContentSecondary ul li h3 { text-indent: -9999em; }

body.landingpage div#Content div#ContentSecondary ul li .callToAction1 { position: absolute; left: 16px; top: 170px; }
body.landingpage div#Content div#ContentSecondary ul li .callToAction2 { position: absolute; left: 16px; top: 203px;}
body.landingpage div#Content div#ContentSecondary ul li.column1 .callToAction1 { position: absolute; left: 14px; top: 170px; }
body.landingpage div#Content div#ContentSecondary ul li.column1 .callToAction2 { position: absolute; left: 15px; top: 203px;}
body.landingpage div#Content div#ContentSecondary ul li .callToAction { display: block; width: 180px; height: 24px; text-indent: -9999em; }
body.landingpage div#Content div#ContentSecondary ul li .callToAction:hover {  background: url(../images/landingpage/orangeHover.png) 0px 3px no-repeat; }

body.landingpage div#Content div#Siteinfo {padding-top: 10px; }
body.landingpage div#Content div#Siteinfo { background: none; }
body.landingpage div#Content div#Siteinfo p { font-size: 1.2em; }
body.landingpage div#Content div#Siteinfo p.siteinfo-text { font-size: 1em; }
body.landingpage div#Content div#Siteinfo p.siteinfo-nav { font-size: 1em; }

body.landingpage #Siteinfo dl.siteinfo-nav { margin-left: 0; width: 455px; }
body.landingpage #Siteinfo dl.siteinfo-nav-1 { margin-left: 25px; width: 455px; }
#Siteinfo .siteinfo-nav dd { width: 340px; }