/* Version:
------------------------------------- */
* { margin: 0; padding: 0; }
body.GenericLandingPage { font: 62.5%/1.3 Arial, Helvetica, sans-serif; color: #525151; background: #f2f2f2 url(../images/content/genericLanding/BgBody.gif) 0 0 repeat-x; }
img { border: none; background: none; }
button { background:none; border:none; cursor: pointer; }
p { font-size: 1.2em; padding: 0 0 5px 0; margin: 10px 0 10px 0; }
ul, ol { list-style: none; }
a { color: #30A4A8; cursor: pointer; }
a:hover { color: #083b40; }
h1, h2 { color: #4c4c4c;  font-size: 2.2em; font-weight: bold; line-height: 0.9em; } 
h3 { font-size: 1.3em }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/* 
------------------------------------- */
#Container { background: transparent url(../images/content/genericLanding/BgContainer.gif) 0 0 no-repeat; width: 927px; margin: 0 auto; min-height: 612px; }

#Branding { width: 100%; padding: 20px 0 0; overflow: hidden; height: 84px; }
#Branding .logo { width: 160px; height: 70px; float: left; }
#Branding .logo a { background: transparent url(../images/content/genericLanding/HillarysLogo.png) no-repeat 0 0; display:block; height:100%; text-indent:-9999em; width:100%; }
#Branding .strap { width: 408px; height: 70px; float: left; background: transparent url(../images/content/genericLanding/HillarysStrap.png) no-repeat 0 0; text-indent:-9999em;margin: 0 0 0 5px; }

#ContentPrimary { width: 100%; height: 172px; overflow: hidden; }
#ContentPrimary #Overview { width: 360px; float: left; padding: 20px 0 0 20px; }
#ContentPrimary #Overview p {  color: #4c4c4c; font-size: 1.1em; margin: 5px 0; padding: 0px; text-align: justify; }
#ContentPrimary #Overview h1{  margin-bottom: 8px; }
#ContentPrimary #Overview h2 { text-align: right; margin: 0px; line-height: 0.6em; }
#ContentPrimary #OverviewImages { float: right; padding: 20px 0 0; width: 500px; }
#ContentPrimary #OverviewImages ul { float: right; padding: 0 2px 0; }
#ContentPrimary #OverviewImages ul li { float: left; margin-right: 21px; }
#ContentPrimary #OverviewImages ul li.last { margin-right: 0px; }

#ContentSecondary { width: 100%; overflow: hidden; margin: 15px 0 0 0; background: transparent url(../images/content/genericLanding/CallOutBottom2Columns.gif) no-repeat 0 100%;}
#ContentSecondary .callout { width: 450px; float: left;  padding: 0 0 10px; color:#838080; }
#ContentSecondary .callout.right { margin-left: 22px; }
#ContentSecondary .callout h3 { background: url(../images/content/genericLanding/CallOutTopHillarys.gif) no-repeat 0 0; text-align: center; color:#FFFFFF; width: 100%; padding: 5px 0 0; font-size: 1.4em; height: 55px }
#ContentSecondary .callout.right h3 { background: url(../images/content/genericLanding/CallOutTopWebBlinds.gif) no-repeat 0 0; text-align: center; color:#FFFFFF; width: 100%; padding: 5px 0 0; font-size: 1.4em; height: 55px }
#ContentSecondary .callout h3 span { display: none;}
#ContentSecondary .callout img.callout-image { float: right; margin: 0 16px 0 0; }
#ContentSecondary .callout ul { width: 214px; font-weight: bold; list-style-type:disc; margin-left: 8px; min-height: 179px; padding-left: 20px; }
#ContentSecondary .callout ul li { padding-left: 0px; font-size: 1.2em;  }
#ContentSecondary .callout ul li h4 { padding-left: 0px; font-size: 1.4em; }

#ContentSecondary .action { width: 100%; overflow: hidden; padding-left: 10px; text-align:center; }
#ContentSecondary .action a { float: left; text-indent: -9999em; height: 39px }
#ContentSecondary .action a.browse { background: url(../images/content/genericLanding/BtnBrowseBlinds.gif) no-repeat 0 0; width: 207px; }
#ContentSecondary .action a.book { background: url(../images/content/genericLanding/BtnBookAppointment.gif) no-repeat 0 0; width: 226px; margin-left: 7px }
#ContentSecondary .action a.choose { background: url(../images/content/genericLanding/BtnChooseAndBuy.gif) no-repeat 0 0; width: 316px; margin-left: 90px }
#ContentSecondary .action a.browse-shutters { background: url(../images/content/genericLanding/BtnBrowseShutters.gif) no-repeat 0 0; width: 207px; }
#ContentSecondary .action a.browse-awnings { background: url(../images/content/genericLanding/BtnBrowseAwnings.gif) no-repeat 0 0; width: 207px; }