/* @group html */
body {
background: url("/images/background/HomeOwnerBackGround.jpg") repeat-x top #D7CAAB;
font-size: 10px;
font-family:Arial, Verdana, sans-serif;
text-align: left;
}
#container {
margin: 0 auto 2em auto;
background: #fff;
width: 985px;
overflow: hidden;
}
#content-wrapper {
width: 100%;
}
#content {
position: relative;
margin: 5px 0 10px 5px;
padding: 0;
float: left;
border: 1px solid #ccc;
width: 732px;
overflow: hidden;
}
#content h1 {
background: #e9dab9;
height: 36px;
font-family: Trebuchet MS;
font-size: 21px;
font-weight: bold;
color: #000000;
padding: 0px 5px 0px 9px;
margin: 0 0 5px 0;
line-height: 34px;
}
#contentheader h1 {
position: relative;
background: url(/images/cl-gradient_v2.0.png) top left repeat-x #333;
color:#fff;
font-weight: normal;
text-align:left;
}
#content p,li.content p, li.content h2 {
padding: 10px;
font-size: 1.2em;
}
li.content p, li.content h2{
color:#fff;
}
#contact-us p{
font-size: 1.0em;
padding: 0;
}
#content .info-boxes p {
font-size: 100%;
}
#content h2 {
color:#39c;
}
#content h2, #content ul {
padding: 0 10px
}
a {
text-decoration:none;
border:none;
}
h1 {
font-size:1.4em;
padding: 10px;
}
/* @end */
/* @group common */
span.first-word {
text-transform: uppercase;
}
span.p {
display:block;
}
span.p {
display:block;
}
/* @end */
/* @group homepage */
#flashhart{
margin:0;
padding: 0;
width: 485px;
*height: 310px;
_height: 310px;
overflow: hidden;
}
#flashhart img {
width: 485px; height: 310px;
}
#productsearch{
border: 1px solid #666;
width: 234px;
float: right;
padding-right: 0px;
margin-top: 5px;
margin-right: 5px;
}
#menu #productsearch{
float: left;
width: 236px;
margin-top: 0;
}
#productsearch #right-top {
height: 320px;
width: 100%;
margin: 0em 0 0 0em;
background-color:#333333;
line-height: 150%;
float: left;
}
#productsearch.rightbox #right-top img{
border: 1px solid #999;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
padding-left:0px;
}
#productsearch.rightbox{
height: 350px;
}
#productsearch.rightbox #right-top{
height: 200px;
}
#menu #productsearch #right-top{
width: 236px;
height:320px;
}
#productsearch #right-top-content {
display: block;
color:#fff;
text-align:left;
padding: 0.5em 3px 0.5em 0px;
text-indent: 30px;
background: url(/images/gradient-low.png) repeat-x;
font-size:180%;
}
#productsearch #right-top-content span.p {
font-size:66.67%;
text-align:left;
width: 170px;
margin: 0.5em 0em 0.5em 30px;
}
#productsearch #right-top-content * {
text-indent: 0;
cursor: pointer;
cursor: hand;
}
#productsearch #right-top-content .images {
display: block;
margin-bottom: 10px;
}
#productsearch #right-top-content .images img{
padding-left: 3px;
}
#menu #productsearch #right-top-content .images img{
padding-left: 2px;
}
#productsearch.rightbox #right-top img{
padding-left: 0px;
}
#productsearch #right-top-content .button {
font-size: 12px;
margin-left: 3px;
}
#menu #productsearch #right-top-content .button {
font-size: 12px;
margin-left: 10px;
}
#productsearch #right-top-content .button span{
width:100%;
_width: 201px;
*width: 201px;
}
#menu #productsearch #right-top-content .button{
width: 180px;
}
#menu #productsearch #right-top-content .button span{
width: 180px;
}
#productsearch #right-top-content:hover {
background-image: url(/images/gradient-hi_v2.0.png);
}
#page-1058 #productsearch #right-top-content:hover {
background-image: url(/images/inst_gift_bkg_hilite_small.png);
}
#page-1059 #productsearch #right-top-content:hover {
background-image: url(/images/spec_hmc_bkg_hilite_small.png);
}
#productsearch #right-bottom {
background-color: #333333;
width: 229px;
padding-left: 5px;
float: left;
overflow: auto;
}
#menu #productsearch #right-bottom {
width: 231px;
}
#productsearch #right-bottom label {
display:block;
clear:both;
margin-left: 0px;
padding-left: 0px;
font-size: 100%;
}
#productsearch #right-bottom-content {
color:#FFFFFF;
text-align:center;
margin: 0em 0em 0em 0em;
text-align:left;
font-size: 1.2em;
}
#productsearch #right-bottom-content label {
margin-top: 1em;
padding-top: 0px;
padding-bottom:0px;
margin-bottom: 4px;
}
#productsearch #right-bottom-content select,
#productsearch #right-bottom-content input.search {
width: 218px;
}
#menu #productsearch #right-bottom-content select,
#menu #productsearch #right-bottom-content input.search {
width: 218px;
}
#productsearch #right-bottom-content input.search {
color: #777;
}
#productsearch #right-bottom-content button.go {
float: right;
margin: 10px;
}
#left-top-content {
background: #333 url(/images/gradient-low.png) top left repeat-x;
display: block;
padding: 8px 30px 30px 30px;
color:#fff;
font-size: 180%;
}
#helpmechoose * {
cursor: pointer;
cursor: hand;
}
#helpmechoose #left-top-content{
line-height: 150%;
}
#helpmechoose #left-top-content span.p {
display:block;
line-height: 120%;
padding-left: 0px;
margin-left: 0px;
}
#helpmechoose a#left-top-content:hover {
background: #333 url(/images/gradient-hi_v2.0.png) top left repeat-x;
}
#page-1058 #helpmechoose a#left-top-content:hover {
background: #333 url(/images/inst_gift_bkg_hilite.png) top left repeat-x;
}
#page-1059 #helpmechoose a#left-top-content:hover {
background: #333 url(/images/spec_hmc_bkg_hilite.png) top left repeat-x;
}
#helpmechoose span.p {
font-size: 66.67%;
margin: 10px;
}
/*
#helpmechoose a:link, #helpmechoose a:visited{
text-decoration:none;
border:none;
}
*/
#helpmechoose img#salesman {
margin-top: 20px;
_margin-top:28px;
*margin-top:28px;
width: 100%;
}
#helpmechoose.leftbox{
height: 350px;
}
#helpmechoose.leftbox img#salesman{
border: 1px solid #999;
margin-top: 15px;
_margin-top:23px;
*margin-top:23px;
}
#helpmechoose.leftbox #centerimage{
padding-top: 10px;
padding-bottom: 10px;
}
#helpmechoose.leftbox img#salesmancenter{
border: 1px solid #999;
display:block;
margin-left: auto;
margin-right: auto;
}
#helpmechoose.leftbox #left-top-content{
line-height: 100%;
}
#helpmechoose.leftbox #left-top-content .p{
display:block;
}
/* @end */
/* @group call us */
#call-us {
background-color: #e9dabc;
height: 22px;
width: 100%;
padding-top: 3px;
font-size: 1.2em;
text-align:center;
color:#4b4a4a;
font-weight: bold;
}
body.installer #call-us {
background-color: #5d9ab8;
color: #fff;
}
body.specifier #call-us {
background-color: #9e614a;
color:#fff;
}
/* @end */
/* @group banner */
#banner {
position: relative;
background: #999999 url(/images/headermainbckgr.png) repeat-x;
width: 100%;
height: 76px;
overflow: hidden;
}
#header .logo{
float: left;
margin-top: 0.65em;
margin: 1em;
}
#header .headerbtns
{
float: left;
position: relative;
width: 214px;
height: 50px;
margin: 8px 0 0 171px;
}
#header .headerbtns .actbtn1 a
{
background-image: url(/images/clearencebtn.png);
background-repeat: no-repeat;
position: absolute;
width: 99px;
height: 27px;
top: 10px;
left: 10px;
}
#header .headerbtns .actbtn2 a
{
background-image: url(/images/sparepartsbtn.png);
background-repeat: no-repeat;
position: absolute;
width: 99px;
height: 27px;
top: 10px;
left: 111px;
}
#header #search {
position: relative;
float: right;
background: url("/images/generalsearch.gif") no-repeat top left;
margin-top: 0.85em;
margin-right: 1em;
color: #fff;
font-size: 115%;
padding: 11px 7px 7px 7px;
overflow: hidden;
_width: 370px;
}
#header #search label {
padding: 5px 5px 5px 0;
float: left;
}
#header #general_search {
float: left;
width: 211px;
margin-right: 5px;
}
#header #search a {
float: left;
}
/* @end */
/* @group navigation */
#navigation {
background: url(/images/menu-low.png);
width: 100%;
}
#navigation ul {
overflow: hidden;
background: #fff url(/images/menubckgrsel_spares.png) repeat-x;
}
#navigation li {
float: left;
background: url(/images/menu-low.png);
}
#navigation li a {
float: left;
display: block;
color:#fff;
font-size: 1.2em;
width: auto;
padding: 0 15px 0 15px;
border-right: 1px solid #000;
line-height: 35px;
font-weight: bold;
}
#navigation a:link, #navigation a:visited{
text-decoration:none;
height: 35px;
}
#navigation a:hover, #navigation a.selected {
text-decoration:none;
background: url(/images/gradient_v2.0.png);
height: 35px;
}
#navigation a.selected {
font-weight: bold;
}
#navigation ul li a.clearancemenu:hover
{
background: #fff url(/images/menubckgrsel_clearancesel.png) repeat-x;
}
#navigation ul li a.clearancemenu
{
background: #fff url(/images/menubckgrsel_clearance.png) repeat-x;
}
#navigation ul li a.sparesmenu:hover
{
background: #fff url(/images/menubckgrsel_sparessel.png) repeat-x;
border: none;
width: 83px;
}
#navigation ul li a.sparesmenu
{
background: #fff url(/images/menubckgrsel_spares.png) repeat-x;
border: none;
width: 83px;
}
#navigation a.installer:hover,
.installer #navigation a.installer
{
background: url(/images/bt-installer-buttonhi.png);
}
#navigation a.specifier:hover,
.specifier #navigation a.specifier
{
background: url(/images/br-specifier-buttonhi.png);
}
/* @end */
/* @group breadcrumbs */
#breadcrumbs {
background-color: #CCCCCC;
width: 100%;
color:#666;
text-align:left;
padding: 10px 0;
text-indent: 10px;
}
#breadcrumbs a {
color: #666;
}
#breadcrumbs span.separator {
padding: 0 0.5em;
}
#breadcrumbs span.current {
font-weight:bolder;
color: #333;
}
/* @end */
/* @group secondary navigation */
#tabs{
overflow: hidden;
margin-left:5px;
margin-bottom: 5px;
}
#producttabs{
overflow: hidden;
margin-bottom: 5px;
margin-left:-10px;
}
#producttabs ul,
#tabs ul{
list-style-type: none;
}
#producttabs li,
#tabs li {
display: inline;
font-size:1.2em;
margin: 0.2em 5em 0 0;
}
#producttabs #selected a,
#tabs #selected a{
text-decoration:none;
background-color: #fff;
color:#999999;
border-left: 1px solid #999;
}
#producttabs li a,
#tabs li a {
float:left;
padding: 0 1.2em;
border-right: 2px solid #fff;
color:#FFFFFF;
}
#producttabs a:link, #producttabs a:visited,
#tabs a:link, #tabs a:visited{
text-decoration:none;
background-color:#999999;
}
#producttabs a:hover,
#tabs a:hover{
text-decoration:none;
background-color: #e9dabc;
color:#000;
}
/* @end */
/* @group product menu */
#menu {
padding: 0 0 5px 0;
margin: 0;
width: 238px;
margin: 5px 0 5px 5px;
/*margin-right:8px;*/
color:#999999;
overflow: hidden; /* ADAM */
float: left;
}
#menu h1 {
background: #333 url(/images/cl-gradient_v2.0.png) top left repeat-x;
font-weight: normal;
color:#fff;
}
#products-subnav {
background-color:#333;
width: 100%;
}
/* @group accordian */
#menu #products-subnav ul.accordian {
//padding-bottom: 5px;
}
#menu #products-subnav ul.accordian li {
padding: 0 5px;
}
#menu #products-subnav ul.accordian li a {
display: block;
font-size: 120%;
background: #999 url(/images/arrow_closed.png) 2px 50% no-repeat;
color:#fff;
border-color: #333;
border-style: solid;
border-width: 1px 0 0 0;
padding: 2px 0px;
text-indent: 10px;
cursor: pointer !important;
}
#menu #products-subnav ul.accordian li a:hover {
background-color: #000;
}
#menu #products-subnav ul.accordian li li {
padding: 0 0 0 15px;
}
#menu #products-subnav ul.accordian li li a {
font-size: 95%;
background: #ccc url(/images/arrow_closed.png) 2px 50% no-repeat;
color: #000;
}
#menu #products-subnav ul.accordian li li a:hover {
background-color: #e9dabc;
}
#menu #products-subnav ul.accordian a.selected,
#menu #products-subnav ul.accordian a.selected:hover {
color:#000;
background: #fff url(/images/arrow_open.png) 2px 50% no-repeat;
}
#menu #products-subnav ul.accordian li.selected {
margin: 0 0 0 15px;
background: #fff url(/images/arrow_hi.png) 2px 50% no-repeat;
color:#000;
border-color: #333;
border-style: solid;
border-width: 1px 0 0 0;
padding: 2px 10px;
}
#menu #products-subnav ul.accordian li.selected {
padding: 0;
}
#menu #products-subnav ul.accordian li.selected a, #menu #products-subnav ul.accordian li.selected a:hover {
background: none;
border: none;
}
/* @end */
/* @end */
/* @group 3 cols */
#product-details {
padding: 10px;
color: #666;
float: left;
}
#product-details h2 {
padding: 10px 0 5px 0;
font-size: 1.2em;
font-weight: bold ;
color:#3399cc;
}
#product-details a {
color: #666;
text-decoration: underline;
margin-left: 1em;
line-height: 1.5em;
}
#product-image {
width: 399px;
background-color:#fff;
color:#999999;
float:left;
}
#product-image li h1{
color:#3399cc;
font-size:80%;
}
#product-details ul li {
margin-left: 1em;
list-style: disc inside;
text-indent: -1em;
}
/* @end */
/* @group product */
/* @group product features*/
div.feature-header{
width:97%;
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
font-size:1.4em;
padding:10px;
font-weight:normal;
margin-top:5px;
margin-left:5px;
margin-right:5px;
}
h2.feature-matrix{
padding-top:10px;
}
div.features{
font-size:1.2em;
}
div.feature-container{
margin-left:3px;
margin-right:3px;
width:100%;
}
div.features-compare{
padding-left:2px;
border-right:1px solid #D9D9D9;
width:239px;
}
#featuresBox-1{
float:left;
/*padding-right:5px;*/
}
#featuresBox-0,#featuresBox-2,#featuresBox-3{
float:left;
}
div.feature{
/*border-bottom:1px solid #D9D9D9;*/
margin-bottom:10px;
width:140px;
float:left;
}
div.product-0 div.feature{
margin-left:20px;
}
div.product-0,div.product-1,div.product-2,div.product-3{
margin-bottom:10px;
/*padding-left:3px;*/
}
div.icon{
margin-bottom:5px;
height:14px;
}
div.feature-container div div.header{
color:#FFFFFF;
background:#333333;
font-weight:normal;
overflow:hidden;
padding:5px;
margin-bottom:10px;
}
div.featureClassification{
background:#E9DABC;
font-weight:bold;
overflow:hidden;
padding:5px;
padding-right:0;
margin-bottom:10px;
}
.installer div.featureClassification{
background:#5D9AB8;
}
.specifier div.featureClassification{
background:#9E614A;
}
/* @end */
/* @group details */
#content #product-details {
width:324px;
border: 1px solid #666;
margin: 0 5px 0 0;
padding: 0;
}
#content #product-details p {
padding: 10px;
color: #666;
}
#content #product-details h2 {
padding: 0 10px;
}
#content #product-details ul {
padding: 10px;
}
#content #product-details ul li {
padding-bottom: 5px;
color: #666;
font-size: 1.2em;
}
#featuresBox-1 div.featureClassification,#featuresBox-2 div.featureClassification,#featuresBox-3 div.featureClassification{
color:#E9DABC;
}
.installer #featuresBox-1 div.featureClassification,.installer #featuresBox-2 div.featureClassification,.installer #featuresBox-3 div.featureClassification{
color:#5D9AB8;
}
.specifier #featuresBox-1 div.featureClassification,.specifier #featuresBox-2 div.featureClassification,.specifier #featuresBox-3 div.featureClassification{
color:#9E614A;
}
#featuresBox-1 div.feature,#featuresBox-2 div.feature,#featuresBox-3 div.feature{
color:#fff;
}
#featuresBox-0{
width:245px;
border-left:1px solid #D9D9D9;
}
#featuresBox-2{
width:242px;
}
span.featureLabel{
float:left;
}
span.showHide a{
display:block;
float:right;
color:#E9DABC;
}
span.showHide img{
display:none;
}
div.product-2 span.showHide a{
color:#333333;
}
div.product-2 span.showHide img{
display:block;
float:right;
padding-right:3px;
height:11px;
}
/* @end */
/* @group image */
#image-wrapper {
border: 1px solid #666;
overflow: hidden;
}
#image{
border-right:1px solid #666666;
position: relative;
width: 241px;
/*height: 400px;*/
overflow: hidden;
float:left;
margin-right: -1px;
}
#image img {
width: 240px;
height: 400px;
/* border-right: 1px solid #666;
margin-right: -1px;
_margin-right:0;
*/
}
#content #image p {
position: absolute;
bottom: 385px;
left: 126px;
border: 1px solid #ccc;
background: url(/images/popup.gif) no-repeat top left #fff;
padding: 1px 2px 1px 17px;
height: 12px;
line-height: 12px;
color: #000;
font-size: 9px;
}
/* @group actions */
#content ul#actions {
padding: 0;
float: left;
width: 156px;
border-left: 1px solid #666;
margin-right:-1px;
overflow: hidden;
_margin-left: -1px;
}
#content ul#actions li {
margin-bottom: 10px;
background: #262626;
overflow:hidden;
}
#content ul#actions li.first {
margin: 0;
}
#content ul#actions div.action * {
cursor: pointer;
cursor: hand;
}
#content ul#actions div.action {
display: block;
color: #fff;
font-size: 140%;
background: #878787;
padding: 1px 0 0 0;
text-indent: 5px;
width: 100%;
overflow: hidden;
}
#content ul#actions div.action h4 {
font-weight: normal;
}
#content ul#actions div.action h4 a {
color: #fff;
}
#content ul#actions div.action p {
overflow: hidden;
margin-top: 1px;
background: #262626;
font-weight: normal;
color: #fff !important;
font-size: 80%;
padding: 5px 10px 10px 0px;
_padding-right:0px;
_width: 100%;
}
#content ul#actions div.action a.button {
margin-top: 5px;
margin-left: 10px;
width:auto;
_margin-left:5px;
}
#content ul#actions div.action a.button span {
font-size: 115%;
*width:110px;
}
#content ul#actions div.action:hover p {
background: url("/images/gradient-hi_v2.0.png") repeat-x bottom;
}
/*
ul#actions a:hover {
background: #e9dabc;
color: #777;
}
*/
/* @end */
/* @group other products */
#other-products {
overflow: hidden;
margin-left:-5px;
margin-bottom: 5px;
}
#other-products h3 {
margin: 5px 0 5px 5px;
font-size: 110%;
font-weight: bold;
}
#other-products div.other-product {
position: relative;
overflow: hidden;
display: block;
background: url("/images/gradient-low.png") repeat-x bottom #999;
float: left;
width:129px;
height:168px;
font-size: 115%;
margin-left: 5px;
padding-bottom: 10px;
*padding-bottom: 5px;
_padding-bottom: 5px;
}
#other-products div.other-product:hover {
background:transparent url(/images/gradient-hi_v2.0.png) repeat-x scroll center bottom;
}
#other-products div.other-product a.img {
float: left;
margin: 0;
padding-top: 0;
}
#other-products div.other-product img {
width: 100px;
height: 115px;
margin:5px 5px 5px 15px;
/* top: 0;
position: absolute;
*/
}
#other-products div.other-product h4 {
font-weight: normal;
color: #fff;
width:100px;
margin-top:5px;
float:right;
padding-right:11px;
}
#other-products div.other-product h4 a {
color: #fff;
}
#other-products div.other-product p {
font-size: 1em;
color: #fff;
margin: 5px 0 15px 95px;
}
#other-products div.other-product .button {
position: absolute;
bottom: 5px;
left: 17px;
width: 70px;
*width:auto;
}
#other-products div.other-product .button span {
*width:70px;
}
/* @end */
/* @end */
/* @end */
/* @group buttons */
button.go {
background: url("/images/button-go.png") no-repeat top left;
border: 0;
padding: 3px 10px 6px 7px;
*padding-top:0;
*padding-bottom:0;
margin: 0;
color: #fff;
font: inherit;
text-align: center;
width: 50px;
cursor: pointer;
cursor: hand;
}
button.go:hover {
background-position: 0 -100px;
}
body.installer button.go {
background: url("/images/bt-installer-gobutton.png") no-repeat top left;
}
body.installer button.go:hover {
background-position: 0 -100px;
}
body.specifier button.go {
background: url("/images/bt-specifier-gobutton.png") no-repeat top left;
}
body.specifier button.go:hover {
background-position: 0 -100px;
}
.button {
display: block;
min-height: 20px;
line-height: 20px;
background: url("/images/button-lt.png") no-repeat top left;
border: none;
padding-left: 1em;
margin-right: 15px;
text-decoration: none !important;
*float:left;
}
.button span {
display: block;
height: 100%;
background: url("/images/button-rt.png") no-repeat top right;
padding-right: 15px;
margin-right: -15px;
color: #fff;
text-align: center;
}
a.button:hover,
div.info-box:hover .button,
div.action:hover .button,
a:hover .button {
background-position: 0 -100px;
}
a.button:hover span,
div.info-box:hover .button span,
div.action:hover .button span,
a:hover .button span {
background-position: 100% -100px;
}
/* @group installer */
body.installer .button {
background: url("/images/bt-installer-button-lt.png") no-repeat top left;
}
body.installer .button span {
background: url("/images/bt-installer-button-rt.png") no-repeat top right;
}
body.installer a.button:hover, body.installer a:hover .button {
background-position: 0 -100px;
}
body.installer a.button:hover span, body.installer a:hover .button span {
background-position: 100% -100px;
}
/* @end */
/* @group specifier */
body.specifier .button {
background: url("/images/bt-specifier-button-lt.png") no-repeat top left;
}
body.specifier .button span {
background: url("/images/bt-specifier-button-rt.png") no-repeat top right;
}
body.specifier a.button:hover, body.specifier a:hover .button {
background-position: 0 -100px;
}
body.specifier a.button:hover span, body.specifier a:hover .button span {
background-position: 100% -100px;
}
/* @end */
/* @end */
/* @group info boxes */
/*
#infoboxes{
width: 500px;
height: 200px;
}
#infoboxes .info-box{
margin: 0 0 0 5px;
float: left;
background: #333 url(/images/linefade.png) top left repeat-x;
color: #fff;
width: 240px;
font-size: 1.2em;
padding-top: 3px;
text-indent: 3px;
}
*/
div.info-boxes {
clear: both;
width: 100%;
overflow: hidden;
padding: 5px 0;
text-align: left;
float: left;
background: #333;
}
div.info-boxes div.info-box {
margin: 0 0 0 5px;
float: left;
background: #333 url(/images/linefade.png) top left repeat-x;
color: #fff;
width: 240px;
font-size: 1.2em;
padding-top: 3px;
text-indent: 3px;
overflow: hidden;
}
div.info-boxes div.info-box.last {
margin: 0;
}
div.info-boxes div.info-box * {
cursor: pointer;
cursor: hand;
}
div.info-boxes div.info-box h2 {
padding: 0 3px;
font-weight: normal;
}
div.info-boxes div.info-box h2 a {
color: #fff;
}
div.info-boxes div.info-box h2 span.first-word {
margin-right: 0.2em;
font-weight: bold;
text-transform: uppercase;
}
div.info-boxes div.info-box div.content {
margin: 2px 1px 0 1px;
padding: 5px 4px;
font-style: normal;
text-indent: 0;
display: block;
font-weight: normal;
overflow: hidden;
color: #fff;
}
div.info-boxes div.info-box div.content .button {
float: right;
margin-top: -5em;
}
div.info-boxes div.info-box div.content .text {
position: relative;
}
div.info-boxes div.info-box div.content .text .button {
float: right;
width: auto;
margin-top: 0.5em;
}
div.info-boxes div.info-box:hover {
background-image: url(/images/gradient-hi_v2.0.png);
color: #333;
}
div.info-boxes div.info-box:hover h2 a {
color: #333;
}
.specifier div.info-boxes div.info-box:hover {
background-image: url(/images/spec_hmc_bkg_hilite_small.png);
color: #fff;
}
.specifier div.info-boxes div.info-box:hover h2 a {
color: #fff;
}
.installer div.info-boxes div.info-box:hover {
background-image: url(/images/inst_gift_bkg_hilite_small.png);
}
.installer div.info-boxes div.info-box:hover h2 a {
color: #fff;
}
/* @end */
/* @group footer */
#footer {
*position: absolute;
*width:990px;
_position:relative;
_width: auto;
clear: both;
background-color: #ccc;
font-size: 1.2em;
padding: 5px 0;
}
#footer ul {
position:relative;
display:block;
width: 100%;
}
#footer li {
display: inline;
margin: 0em 1em 0em 0em;
}
#footer li p {
display: inline;
margin-left: 0px;
}
#footer li.first p {
display: inline;
margin-left: 10px;
}
#footer a {
color: #000;
}
#footer a:hover {
text-decoration: underline;
}
#footer .right {
position: absolute;
top: 0px;
float: right;
text-align: right;
margin-right: 10px;
right: 0;
}
/* @end */
/* @group homepage */
#content-content {
display: block;
color:#fff;
text-align:left;
padding: 0.5em 3px 0.5em 3px;
text-indent: 30px;
background: url(/images/gradient-low.png) repeat-x;
font-size:180%;
}
#content-content p {
font-size:66.67%;
text-align:left;
width: 170px;
margin: 0.5em 0em 0.5em 30px;
}
#content-content * {
text-indent: 0;
cursor: pointer;
cursor: hand;
}
#content-content .images {
display: block;
margin-bottom: 10px;
}
#content-content .button {
font-size: 12px;
}
#homepage #content {
height: 300px;
width: 238px;
margin: 0.5em 0 0 0em;
background-color:#333333;
border: 1px solid #666;
border-bottom: none;
float: left;
}
#content-content:hover {
background-image: url(/images/gradient-hi_v2.0.png);
}
#right-bottom {
background-color: #333333;
width: 233px;
padding-left: 5px;
float: left;
overflow: auto;
}
#right-bottom p {
clear:both;
}
#right-bottom-content {
color:#FFFFFF;
text-align:center;
margin: 2em 0em 0em 0em;
text-align:left;
font-size: 1.2em;
}
#right-bottom-content p {
margin-top: 1em;
}
#right-bottom-content select,
#right-bottom-content input.search {
width: 222px;
margin-right: 5px;
}
#right-bottom-content input.search {
color: #777;
}
#right-bottom-content button.go {
float: right;
margin: 10px;
}
#homepage {
overflow: auto;
}
#homepage #container {
background: #333;
}
#homepage #content-wrapper {
overflow: hidden;
float: left;
width: auto;
*width:743px;
}
#homepage #menu-content {
background: #333 url(/images/gradient-low.png) top left repeat-x;
display: block;
padding: 8px 30px 30px 30px;
color:#fff;
font-size: 180%;
}
#homepage #menu-content * {
cursor: pointer;
cursor: hand;
}
#homepage #menu-content:hover {
background: #333 url(/images/gradient-hi_v2.0.png) top left repeat-x;
}
#homepage #menu-content p {
font-size: 66.67%;
margin: 10px 0;
}
/*
#homepage #menu-content a:link, #menu-content a:visited{
text-decoration:none;
border:none;
}
*/
#homepage #menu-content img#salesman {
margin-top: 20px;
width: 100%;
}
#homepage #mid-top {
/*background-color: #999999;*/
width: 485px;
height: 310px;
margin: 8px 5px;
float: left;
/*background-image:url(/images/hart.png);*/
}
/* @end */
/* @group products list page */
#content .list .column li {
border: 1px solid #666;
margin: 5px 0;
}
#content div.item {
display: block;
overflow: hidden;
clear:both;
width: 100%;
}
#content .list .column li:hover {
border: 1px solid #e9dabc;
}
.installer #content .list .column li:hover {
border-color: #5d9ab8;
}
.specifier #content .list .column li:hover {
border-color: #9e614a;
}
#content div.item h2 {
padding: 0;
font-weight: normal;
background: #333;
font-size: 12px;
color: #fff;
margin-top: 0;
}
#content div.item h2 a {
padding: 5px 2px;
display: block;
color: #fff;
}
#content div.item:hover h2 a {
background: #e9dabc;
color: #333;
}
.installer #content div.item:hover h2 a {
background: #5d9ab8;
color: #fff;
}
.specifier #content div.item:hover h2 a {
background: #9e614a;
color: #fff;
}
#content div.item div.info {
background: #fff url(/images/info_gradient.png) top left repeat-x;
overflow: hidden;
}
#content div.item div.info img {
/*border: 1px solid #999;*/
float:left;
margin-right: 10px;
width: 139px; /* 67+5 */
height: 140px; /* 56+5 */
}
#content div.item div.info div.full-text {
clear: both;
}
#content div.item div.info div.full-text h2 {
padding: 5px;
}
/*
.item:hover div.info img {
border: 1px solid #e9dabc;
}
.prdct div.info ul {
float: left;
margin: 5px 0 0 10px;
}
*/
.prdct div.info li {
color: #333 !important;
list-style: disc inside;
}
#content div.item div.info p {
padding: 5px 4px;
}
/* @group compare item */
#product-comparer-form button {
float: right;
margin-left: 20px;
}
#product-comparer-form button.button span {
margin: -1em;
}
#product-comparer-form div.list {
padding-bottom: 5px;
margin-bottom: 10px;
clear: both;
overflow: hidden;
border-bottom: 1px solid #ccc;
}
#content div.item.compare-item {
border: none;
}
#content div.item.compare-item h2 {
padding: 5px 2px;
margin-bottom: 2px;
}
#content div.item.compare-item h3 {
padding: 5px 2px;
margin-bottom: 2px;
background: #e9dabc;
color: #333;
}
#content div.item.compare-item .button {
width: 50%;
font-size: 1.2em;
}
#content div.item.compare-item div.info h2 {
background: none;
padding: 10px 0 5px 0;
font-size: 1.2em;
font-weight: bold;
color:#3399cc;
}
#page-4013 #content, #page-4015 #content, #page-5719 #content, #page-5746 #content {
border: none;
width: 730px;
}
/* @group select column */
#content div.item.compare-item.select-product div.info {
background: none;
padding: 10px 0;
}
#content div.item.compare-item.select-product div.info select {
margin: 0 auto;
display: block;
width: 90%;
}
/* @end */
/* @end */
p.tagline {
padding: 5px 0 0 0;
}
#menu h1 a {
color: #fff;
}
#content-wrapper {
float:left;
}
/* @group content */
body.productfolder #content, body.productcategory #content, body.product #content {
border: none;
width: 730px;
}
body.productfolder #content p, body.productcategory #content p, body.product #content p {
padding: 10px 0;
}
/* @end */
#content ul{
list-style:none;
}
#content ul.column {
margin: 0;
padding: 0 0 0 5px;
float: left;
width: 240px;
}
#content li{
color:#3399cc;
}
#content li p{
font-size:1em;
color:#333333;
}
/*
#product-details {
width: 360px;
background-color:#fff;
color:#999999;
}
#product-details li{
color:#3399cc;
}
*/
/*
#product-image {
width: 360px;
background-color:#fff;
color:#999999;
float: right;
}
*/
#product-image li h1{
color:#3399cc;
font-size:80%;
}
/* @end */
/* @group glossary */
#content dl {
padding: 0 10px;
font-size: 1.2em;
}
#content dl dt {
padding: 10px 0 5px 0;
font-size: 1.2em;
font-weight: bold;
color:#39c;
}
#content dl dt a{
color:black;
font-size: 0.8em;
}
#content dl dd {
margin-bottom: 10px;
}
/* @end */
/* @group tinymce */
body.mceContentBody {
margin: 0;
padding: 0;
background: #fff;
}
.mceContentBody a {
color: #f00 !important; /* FF requires a important here */
}
/* @end */
/* @group stockistSearch */
#page-1243 #menu, #page-1243 #menu, #page-1246 #menu{
background-color: white;
border: none;
}
#page-1264 #menu, #page-1244 #menu, #page-1182 #menu{
background-color: white;
border: none;
}
#page-1183 #menu, #page-page-1245 #menu, #page-1265 #menu{
background-color: white;
border: none;
}
.topsearch{
/* important dont add padding to left or right for ie6 reasons! */
position: relative;
overflow: hidden;
background: #333;
padding-top: 10px;
padding-bottom: 5px;
width: 100%;
color: white;
font-size: 12px;
}
.topsearch .textbox{
margin-top: 5px;
font-size: 12px;
width: 215px;
height: 14px;
}
.topsearch .dropdown{
margin-top: 5px;
font-size: 12px;
width: 220px;
}
#stockistsearch{
position: relative;
overflow: hidden;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
#stockistsearch li{
position: relative;
float:left;
display:block;
width: 220px;
color: white;
margin:0 0 0 10px !important;
padding:0 0 0 0px;
}
#stockistsearch #submitbutton{
width: 100%;
}
#stockistsearch #submitbutton .go{
margin-left:631px;
margin-top: 15px;
}
#stockistsearchmap{
position: relative;
clear: both;
height: 400px;
}
/* @end */
/* @group stockistSearchResults */
#neareststockist{
/* background: url('/images/cl-gradient_v2.0.png') top left repeat-x #333;
color:#fff;
font-size:140%;
text-align:left;
padding: 10px;
font-weight: normal;
width: 600px;
height: 14px;*/
position:absolute !important;
width: 100%;
top:0px;
padding: 10px 0;
text-indent: 10px;
}
#searchresultscontainer{
/*border: thin solid #cccccc;*/
}
#rf-multiple-results{
padding-left: 10px;
}
#rf-multiple-results h2{
color:black;
padding-bottom: 10px;
}
#rf-multiple-results p{
padding-left: 0px;
padding-bottom: 10px;
}
#rf-multiple-results .radio{
padding-bottom: 10px;
}
#rf-multiple-results label{
font-weight: bold;
}
#rf-multiple-results .go{
margin-top: 10px;
margin-bottom: 50px;
}
#rf-results .vcard{
min-height: 180px;
_height: 180px;
padding-left:10px;
padding-top: 20px;
padding-bottom: 10px;
}
#rf-results .first{
border-bottom: thin solid #cccccc;
height: 260px;
padding-top: 10px;
padding-bottom: 0px;
}
#searchresultscontainer .vcard h2{
color: #3a3a3a;
margin-left: -10px;
}
#searchresultscontainer .vcard img{
float:right;
margin-right: 110px;
border: thin solid #cccccc;
}
#rf-results .first img{
margin-right: 10px;
}
#searchresultscontainer .vcard .value{
font-weight: bold;
}
#searchresultscontainer .vcard a{
color: #379bcd;
}
#searchresultscontainer .vcard .distance{
padding-top: 2px;
}
#searchresultscontainer .vcard .tel{
padding-top: 2px;
}
#searchresultscontainer .vcard .adr{
padding-top: 8px;
}
#searchresultscontainer .vcard .url{
padding-top: 8px;
}
#searchresultscontainer .vcard .opening{
padding-top: 10px
}
#searchresultscontainer .vcard div{
line-height: 1.2;
}
#searchresultscontainer .vcard .button {
display: block;
min-height: 20px;
line-height: 20px;
background: url("/images/detailed_map_v2.0.png") no-repeat top left;
padding-left: 1em;
margin-right: 15px;
width: 130px;
*float:left;
}
#searchresultscontainer .vcard .button span {
display: block;
height: 100%;
background: url("/images/detailed_map-rt.png") no-repeat top right;
padding-left: 15px;
margin-left: -15px;
color: #fff;
text-align: center;
color: black;
width: 130px;
}
#searchresultscontainer .vcard .button{
cursor: hand;
margin-top: 10px;
}
#searchresultscontainer .vcard a.button:hover span, .vcard a:hover .button span {
color:white;
}
#searchresultscontainer .vcard table td{
width: 60px;
}
/* @end */
/* @group stockistSearchDetail */
#stockistdetailscontainer{
}
#stockistdetails{
font-size: 12px;
padding-top: 10px;
height: 70px;
padding-left: 10px;
}
#stockistdetails #stockist{
display: block;
font-weight: bold;
font-size: 12px;
}
#stockistdetails .detail{
float:left;
width: 235px;
}
#stockistdetails a{
color: #379bcd;
}
#backtosearch{
padding-top: 12px;
margin-left: 8px;
}
#stockistdetails .button {
display: block;
min-height: 20px;
line-height: 20px;
background: url("/images/back_to_search_v2.0.png") no-repeat top right;
padding-left: 1em;
margin-right: 15px;
width: 150px;
*float:left;
}
#stockistdetails .button span {
display: block;
height: 100%;
background: url('/images/back_to_search-rt.png') no-repeat top left;
padding-left: 20px;
margin-left: -20px;
color: #fff;
text-align: center;
color: black;
font-size: 11px;
}
#stockistdetails .button{
cursor: hand;
margin-top: 10px;
}
#stockistdetails a.button:hover, #stockistdetails a:hover .button {
background-position: -90px -100px;
}
#stockistdetails a.button:hover span, #stockistdetails a:hover .button span {
background-position: 0 -100px;
color:white;
}
/* @group installer */
body.installer #stockistdetails .button {
background: url("/images/bt-installer-backbutton-lt.png") no-repeat top right;
}
body.installer #stockistdetails .button span {
background: url("/images/bt-installer-backbutton-rt.png") no-repeat top left;
}
body.installer #stockistdetails a.button:hover, body.installer #stockistdetails a:hover .button {
background-position: -90px -100px;
}
body.installer #stockistdetails a.button:hover span, body.installer #stockistdetails a:hover .button span {
background-position: 0 -100px;
}
/* @end */
/* @group specifier */
body.specifier #stockistdetails .button {
background: url("/images/bt-specifier-backbutton-lt.png") no-repeat top right;
}
body.specifier #stockistdetails .button span {
background: url("/images/bt-specifier-backbutton-rt.png") no-repeat top left;
}
body.specifier #stockistdetails a.button:hover, body.specifier #stockistdetails a:hover .button {
background-position: -90px -100px;
}
body.specifier #stockistdetails a.button:hover span, body.specifier #stockistdetails a:hover .button span {
background-position: 0 -100px;
}
/* @end */
/* @end */
/* @group smallStockistSearch */
#smallsearch {
padding-bottom: 10px;
background-color: #333;
height: 210px;
margin-bottom: 10px;
overflow: hidden;
}
#smallsearch h3{
position: relative;
background: #333 url(/images/cl-gradient_v2.0.png) top left repeat-x;
color:#fff;
font-size:140%;
text-align:left;
padding: 10px;
padding-top: 9px;
padding-bottom: 0px;
}
#smallsearch .topsearch{
padding-left: 10px;
width: auto;
}
#smallsearch li{
padding-top: 10px;
}
#smallsearch .textbox{
width: 210px;
}
#smallsearch .dropdown{
width: 215px;
}
#smallsearch #submitbutton{
padding-left: 160px;
}
#smallsearch hr{
border: 0;
color: #666;
background-color: #666;
height: 1px;
}
#smallsearch .button {
display: block;
min-height: 20px;
line-height: 20px;
background: url("/images/back_to_stockist-lt_v2.0.png") no-repeat top right;
padding-left: 1em;
margin-right: 15px;
width: 190px;
cursor:hand;
*float:left;
}
#smallsearch .button span {
display: block;
height: 100%;
background: url("/images/back_to_stockist-rt.png") no-repeat top left;
padding-left: 20px;
margin-left: -20px;
color: white;
text-align: center;
font-size: 11px;
}
#smallsearch a.button:hover, #stockistdetails a:hover .button {
background-position: -50px -100px;
}
#smallsearch a.button:hover span, #stockistdetails a:hover .button span {
background-position: 0 -100px;
}
#smallsearch #backbutton{
padding-left: 24px;
padding-top: 10px;
}
/* @group installer */
body.installer #smallsearch .button {
background: url("/images/bt-installer-backbutton-lt.png") no-repeat top right;
}
body.installer #smallsearch .button span {
background: url("/images/bt-installer-backbutton-rt.png") no-repeat top left;
}
body.installer #smallsearch a.button:hover, body.installer #stockistdetails a:hover .button {
background-position: -50px -100px;
}
body.installer #smallsearch a.button:hover span, body.installer #stockistdetails a:hover .button span {
background-position: 0 -100px;
}
/* @end */
/* @group specifier */
body.specifier #smallsearch .button {
background: url("/images/bt-specifier-backbutton-lt.png") no-repeat top right;
}
body.specifier #smallsearch .button span {
background: url("/images/bt-specifier-backbutton-rt.png") no-repeat top left;
}
body.specifier #smallsearch a.button:hover, body.specifier #stockistdetails a:hover .button {
background-position: -50px -100px;
}
body.specifier #smallsearch a.button:hover span, body.specifier #stockistdetails a:hover .button span {
background-position: 0 -100px;
}
/* @end */
/* @end */
/* @group Contact Page */
body.contactpage #content {
position: relative;
}
body.contactpage #content #mapimage {
position: absolute;
top: 3em;
right: 0;
}
#content #contactinfo{
margin-left: 10px;
font-size: 1.2em;
}
#content #contactinfo h2, #content #contactinfo p, body.contactpage #content h2 {
padding: 10px 0;
}
#content #contactinfo h2 {
color: #000;
}
#contactinfo h3{
padding-bottom: 0px;
margin-bottom: 0px;
}
#contactinfo #tel{
margin-top: 10px;
}
#contactinfo .type{
font-weight: bold;
}
#contactinfo .value{
font-weight: normal;
}
#mapimage{
/*float: right;*/
width: 200px;
height:170px;
background-color: red;
margin-left: 20px;
margin-top: 10px;
border: 1px solid #ccc;
}
#departments{
margin-top: 10px;
}
#departments h2{
background: #333 url(/images/cl-gradient_v2.0.png) top left repeat-x;
color:#fff;
font-size:140%;
text-align:left;
padding: 10px;
font-weight: normal;
}
#departments {
border: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 20px;
}
#departments .header{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
height: 18px;
width: 100%;
}
#departments .header .column{
display:block;
width: 190px;
float:left;
}
#departments .header .phoneNo{
width: 150px;
}
#departments .vcard{
margin-left: 10px;
font-size: 110%;
width: 100%;
height: 16px;
}
#departments .value{
font-weight: normal;
}
#departments .vcard .tel ,#departments .vcard .email, #departments .vcard .fn{
display:block;
width: 190px;
float:left;
}
#departments .vcard .tel{
width:150px;
}
/* @end */
/* @group Careers */
.joblist #content{
border: none;
}
.joblist #menu{
background-color: white;
border: none;
}
.job #menu{
background-color: white;
border: none;
}
#jobs {
border: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 20px;
overflow: hidden;
}
#jobs h2{
font-size:140%;
text-align:left;
padding: 10px;
font-weight: normal;
}
#jobs .header{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
height: 18px;
width: 100%;
}
#jobs .header .column{
display:block;
width: 180px;
float:left;
}
#jobs .job{
margin-left: 10px;
font-size: 110%;
width: 100%;
height: 16px;
}
#jobApply{
padding-left: 10px;
padding-bottom: 10px;
}
/* @end */
/* @group Press Releases */
.cdblog #menu{
background-color: white;
border: none;
}
.blogpost #menu{
background-color: white;
border: none;
}
#pressReleases {
padding-bottom: 10px;
margin-bottom: 10px;
}
#pressReleases .header{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
height: 18px;
width: 100%;
}
#pressReleases .header .longcolumn{
display:block;
width: 440px;
float:left;
}
#pressReleases .header .column{
display:block;
width: 140px;
float:left;
}
#pressReleases .pressRelease{
margin-left: 10px;
font-size: 110%;
width: 100%;
}
#pressReleases .title, #pressReleases .date, #pressReleases .author{
display:block;
width: 440px;
float:left;
height: 18px;
}
#pressReleases .date, #pressReleases .author{
width: 140px;
}
#pressReleases .intro{
display:block;
width: 650px;
padding-bottom: 10px;
}
/* @end */
/* @group Events */
.eventlist #menu{
background-color: white;
border: none;
}
.event #menu{
background-color: white;
border: none;
}
#events {
padding-bottom: 10px;
margin-bottom: 10px;
}
#events .header{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
height: 18px;
width: 100%;
}
#events .header .column{
display:block;
width: 285px;
float:left;
}
#events .header .columnsmall{
display:block;
width: 70px;
float:left;
}
#events .event{
margin-left: 10px;
font-size: 110%;
width: 100%;
height: 16px;
}
#events .event .column{
display:block;
width: 285px;
float:left;
}
#events .event .columnsmall{
display:block;
width: 70px;
float:left;
}
#eventDetails{
padding-left: 10px;
padding-top: 10px;
}
#eventDetails .title{
font-weight: bold;
font-size: 110%;
}
/* @end */
/* @group Homepage overwrites */
.areahomepage #menu,
.homepage #menu {
border: none;
width: 240px;
padding-bottom: 0;
}
.areahomepage #helpmechoose,
.homepage #helpmechoose{
border: 1px solid #666;
line-height: 150%;
}
#page-4009 div.info-boxes,
.homepage div.info-boxes {
clear: none;
width:auto;
margin: 0 0 0 0px;
}
/*
.areahomepage #centerboxes,
.homepage #centerboxes{
margin-top: 38px;
overflow: hidden;
width: 100%;
}
.areahomepage #leftbox,
.homepage #leftbox{
margin-top: 4px;
overflow: hidden;
}
.areahomepage div.info-boxes #leftbox div.info-box,
.homepage div.info-boxes #leftbox div.info-box {
margin-left: 0px !important;
}
.areahomepage #leftbox p,
.homepage #leftbox p{
padding-top: 10px;
margin-left: 10px;
}
.areahomepage div.info-boxes div#leftbox div.info-box,
.homepage div.info-boxes div#leftbox div.info-box{
margin-left: 1px
}
*/
.areahomepage #container,
.homepage #container{
background-color: #333333;
}
.areahomepage #content-wrapper,
.homepage #content-wrapper{
background-color: #333333;
}
.areahomepage #content,
.homepage #content{
border: none;
margin:0;
width: auto;
}
/* @end */
/* @group Water Savings */
#page-1126 #content{
border: none;
}
.casestudylist #content{
border: none;
}
#casestudies{
margin-top: 10px;
}
#casestudies h2{
background: #333 url(/images/cl-gradient_v2.0.png) top left repeat-x;
color:#fff;
font-size:140%;
text-align:left;
padding: 10px;
font-weight: normal;
}
#casestudies {
border: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 20px;
}
#casestudies .casestudy{
padding-left: 10px;
height: 16px;
}
#casestudies .first{
margin-top: 5px;
}
#casestudies .casestudy a{
font-size: 110%
}
/* @end */
/* @group installation guides */
#installationGuides{
padding-bottom: 10px;
}
#installationGuides .header{
font-weight: bold;
font-size: 120%;
margin-top: 5px;
margin-left: 10px;
height: 18px;
width: 100%;
}
#installationGuides .header .longcolumn{
display:block;
width: 285px;
float:left;
}
#installationGuides .installationGuide{
margin-left: 10px;
}
#installationGuides .installationGuide .product{
}
#installationGuides .installationGuide .product a{
color:#3399cc;
}
/* @end */
/* @group subnav */
#subnav {
background-color:#333;
width: 100%;
}
#menu #subnav ul.accordian {
padding-bottom: 5px;
}
#menu #subnav ul.accordian li {
padding: 0 5px;
}
#menu #subnav ul.accordian li a {
display: block;
font-size: 120%;
background: #999 url(/images/arrow_closed.png) 2px 50% no-repeat;
color:#fff;
border-color: #333;
border-style: solid;
border-width: 1px 0 0 0;
padding: 2px 0px;
text-indent: 10px;
cursor: pointer !important;
}
#menu #subnav ul.accordian li a:hover {
background-color: #000;
}
#menu #subnav ul.accordian a.selected,
#menu #subnav ul.accordian a.selected:hover {
color:#000;
background: #fff url(/images/arrow_hi.png) 2px 50% no-repeat;
}
#menu #subnav ul.accordian li.selected {
margin: 0 0 0 15px;
background: #fff url(/images/arrow_hi.png) 2px 50% no-repeat;
color:#000;
border-color: #333;
border-style: solid;
border-width: 1px 0 0 0;
padding: 2px 10px;
}
#menu #subnav ul.accordian li.selected {
padding: 0;
}
#menu #subnav ul.accordian li.selected a, #menu #subnav ul.accordian li.selected a:hover {
background: none;
border: none;
}
#menu #subnav ul.accordian a.selectedchild,
#menu #subnav ul.accordian a.selectedchild:hover {
color:#000;
background: #fff url(/images/arrow_open.png) 2px 50% no-repeat;
}
#menu #subnav ul.accordian li li {
padding: 0 0 0 15px;
}
#menu #subnav ul.accordian li li a {
font-size: 95%;
background: #ccc url(/images/arrow_closed.png) 2px 50% no-repeat;
color: #000;
}
#menu #subnav ul.accordian li li a:hover {
background-color: #e9dabc;
}
/* @end */
/* @group ie7 */
/*
.areahomepage #centerboxes,
.homepage #centerboxes{
*margin-top: 39px;
}
*/
/* @end */
/* @group product search */
.faqquestion #menu,
.search #menu,
.glossary #menu,
.externallinkspage #menu{
border: none;
background-color:white;
}
.faqplaceholder #productsearch,
.placeholder #productsearch,
#page-9530 #productsearch,
#page-9519 #productsearch,
.joblist #productsearch,
.job #productsearch,
.blogpost #productsearch,
.event #productsearch,
.eventlist #productsearch,
.cdblog #productsearch,
.brochurefolder #productsearch,
.casestudylist #productsearch,
.casestudy #productsearch,
.staticpage #productsearch{
display:none;
}
#page-13772 #menu,
#page-13773 #menu,
#page-8311 #menu,
#page-1117 #menu,
#page-4004 #menu,
#page-4003 #menu,
#page-1265 #menu,
#page-1245 #menu,
#page-1183 #menu,
#page-1246 #menu,
#page-1243 #menu,
#page-1181 #menu,
#page-1055 #menu,
#page-1052 #menu,
#page-1053 #menu{
border: none;
background-color:white;
}
#page-13772 #productsearch,
#page-13773 #productsearch,
#page-8311 #productsearch,
#page-4004 #productsearch,
#page-4003 #productsearch,
#page-1265 #productsearch,
#page-1245 #productsearch,
#page-1183 #productsearch,
#page-1246 #productsearch,
#page-1243 #productsearch,
#page-1181 #productsearch,
#page-1055 #productsearch,
#page-1052 #productsearch,
#page-1053 #productsearch{
display:block;
}
#page-13772 #productsearch
{
padding-bottom: 20px;
background-color: #333333;
}
/* @end */
/* @group engineer request */
#engineer_request_form #newsletter {
width: 550px;
}
#engineer_request_form #newsletter label {
width: 15em;
line-height:1.2em;
}
#engineer_request_form #newsletter li.checkbox input {
margin-left: 16em;
}
#engineer_request_form #newsletter li.checkbox label {
width:26em;
line-height:1.2em;
}
#engineer_request_form #newsletter li {
padding-top: 5px;
}
#engineer_request_form #newsletter-submit {
margin-top: 1em;
margin-left: 17em;
}
/* @end */
/* @group brochure request */
#newsletter {
position: relative;
overflow: hidden;
font-size: 120%;
width: 485px;
background: #eee;
border: 1px solid #999;
margin-bottom: 10px;
}
#newsletter form {
display: block;
width: 100%;
padding: 0.5em 0;
}
#newsletter legend {
display: none;
}
#newsletter fieldset {
display: block;
border: 0;
width: 100%;
}
#newsletter .info,
#newsletter .error-info {
background: #f9faaa;
padding: 8px;
}
#newsletter .info p,
#newsletter .error-info p {
font-size: 100%;
padding: 0;
}
#newsletter div.info {
border-bottom: 1px solid #999;
}
#newsletter .error-info ol {
margin: 1em 1em 0 1em;
list-style-type: decimal;
list-style-position: outside;
}
#newsletter .error-info li {
color: #f00;
font-weight: bold;
padding: 0.25em 0;
list-style: disc inside;
}
#newsletter ol {
display: block;
width: 100%;
}
/* @group checkbox groups */
#newsletter ul {
margin: 0;
padding: 0;
float: left;
width: 340px;
}
#content .staticcontent #newsletter ul {
margin: 5px 0 0 0;
padding: 0;
}
#content .staticcontent ol ul li {
margin: 0 0 5px 0;
list-style:none;
}
#content .staticcontent #newsletter ul label {
line-height: 1.5em;
}
div#content div#newsletter ul input{
float:left;
}
div#content div#newsletter ol li,
div#content div#newsletter p.label
{
color:#3399CC;
}
/* @end */
#newsletter ol li {
display: block;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
}
#newsletter p.label,
#newsletter label {
display: block;
padding: 0 0 0 0.5em;
width: 10em;
float: left;
line-height: 2em;
}
#newsletter textarea,
#newsletter input.textbox {
width: 340px;
padding: 2px;
border: 1px solid #999;
}
#newsletter textarea {
height: 100px;
}
#newsletter li.checkbox label {
width: auto;
float: left;
line-height: 1.75em;
width:26em;
}
#newsletter li.checkbox input {
float: left;
margin-left: 11em;
margin-right: 0;
font-size: 100%;
}
#newsletter-submit {
margin-top: 1em;
margin-left: 11em;
}
/* @end */
/* @group static pages */
#content li li {
font-size: 100% !important;
}
#content .staticcontent ul {
margin: 1em;
}
.brochurefolder #content .staticcontent ul {
margin: 0;
}
#content .staticcontent ul li {
margin: 0.5em 0 0 2em;
margin-left: 2em;
list-style-type: disc;
color: black;
font-size: 120%;
}
#content .staticcontent .list ul li {
font-size: 100%;
}
#content .staticcontent .topsearch ul li{
color: white;
margin-left: 0px;
}
.brochurefolder #content .staticcontent ul li {
list-style: none;
}
#content .staticcontent h2 {
font-size: 120%;
margin-top: 5px;
}
/* @end */
/* @group xsltsearch */
#xsltsearch {
padding-bottom: 10px;
}
#xsltsearch a{
color:#3399cc;
}
#xsltsearch_summary{
color: #999;
border-bottom: 1px solid #ccc;
}
/* group global search results */
#xsltsearch form{
padding-left: 10px;
padding-bottom: 5px;
}
#searchFormResults {
padding-left:10px;
font-size:115%
}
#searchresults{
padding-bottom:5px;
}
#searchresults input{
padding-right:5px;
}
#xsltsearch .submit {
background: url("/images/button-go.png") no-repeat top left;
border: 0;
padding: 3px 10px 6px 7px;
*padding-top:0;
*padding-bottom:0;
margin: 0;
color: #fff;
font: inherit;
text-align: center;
width: 50px;
cursor: pointer;
cursor: hand;
}
#xsltsearch .submit:hover {
background-position: 0 -100px;
}
/* @added by ismail to for lucene search */
.umbSearchHighlight {
font-weight:bold;
}
.lucenesearch_result_url{
color:green;
}
.lucenesearch_result_title{
font-weight:bold;
}
.alternate{
background-color:#F3F5F5;
}
#lucenesearch_results p{
padding:5px;
}
#lucenesearch_result{
padding-left:5px;
padding-bottom:10px;
padding-top:10px;
}
/* @end */
/* @group staticpage tables */
.staticpage table{
margin-left: 10px;
font-size: 120%;
margin-bottom: 5px;
}
.forumForm table {
margin-left: 0;
}
.staticpage table tr{
height: 18px;
}
.staticpage table td{
padding-right: 5px;
}
/* @end */
/* @group help me choose */
#help-me-choose {
margin: 5px;
overflow: hidden;
clear: both;
}
#help-me-choose #chooser, #help-me-choose #product-by-type {
position: relative;
border: 1px solid #ccc;
float: left;
height: 493px;
}
#help-me-choose h1 {
background: url(/images/cl-gradient_v2.0.png) top left repeat-x #333;
color:#fff;
font-weight: normal;
}
#help-me-choose #chooser {
width: 728px;
}
/* @group start over button */
#help-me-choose #chooser .button {
position: absolute;
top: 5px;
right: 5px;
display: block;
min-height: 20px;
line-height: 20px;
background: url("/images/back_to_stockist-lt_v2.0.png") no-repeat top right;
margin-right: 0;
width: 70px;
cursor:hand;
*float:left;
}
#help-me-choose #chooser .button span {
display: block;
height: 100%;
background: url("/images/back_to_stockist-rt.png") no-repeat top left;
padding-left: 20px;
margin-left: -20px;
color: white;
text-align: left;
font-size: 11px;
}
#help-me-choose #chooser .button:hover {
background-position: 100% -100px !important;
}
#help-me-choose #chooser .button:hover span {
background-position: 0 -100px;
}
/* @end */
/* @group progress */
#help-me-choose #chooser p.progress {
background: #ccc;
padding: 4px 5px;
font-size: 1.2em;
font-weight: bold;
line-height: 1.5em;
}
#help-me-choose #chooser p.progress span.previous-step {
margin-right: 5px;
}
#help-me-choose #chooser p.progress span.previous-step a {
padding: 2px 5px;
color: #666;
border: 1px solid #666;
}
#help-me-choose #chooser p.progress span.previous-step a:hover {
background: #fff;
color: #222;
}
#help-me-choose #chooser p.progress span.step {
margin-right: 5px;
background: #fff;
border: 1px solid #666;
padding: 2px 5px;
}
/* @end */
/* @group choices */
#help-me-choose #chooser #choices {
background: #fff url(/images/triton-tiles1.gif);
/*height: 340px;*/
}
#help-me-choose ul {
overflow: hidden;
}
#help-me-choose #chooser #choices ul li {
background: #fff url(/images/2_help-me-choose-tab.gif) top right no-repeat;
float: left;
padding-right: 22px;
display: block;
height: 432px;
}
#help-me-choose #chooser #choices ul li.product{
width:120px;
}
#help-me-choose #chooser #choices ul li.choice {
/*font-weight: bold;*/
width:151px;
background:#fff;
padding-right:5px;
}
#help-me-choose #chooser #choices ul li.content {
display:block;
background:none;
width:480px;
padding-right:5px;
}
#help-me-choose ul li.choice p.question {
padding: 10px;
font-size: 1.3em;
font-weight: bold;
}
#help-me-choose ul li.choice form {
display: block;
overflow: hidden;
}
#help-me-choose #chooser #choices ul li.choice form ol li {
background: none;
margin-right: 24px;
height: auto;
width: 100%;
border-bottom: 1px solid #ccc;
}
#help-me-choose #chooser #choices ul li.choice form ol li.first {
border-top: 1px solid #ccc;
}
#help-me-choose #chooser #choices ul li.choice form ol li button {
margin: 0 20px 0 0;
padding: 10px;
background: #fff url(/images/hmc_arrow_filled.gif) 100% 50% no-repeat;
border: 0;
display: block;
text-align: left;
width: 100%;
cursor: pointer; cursor: hand;
}
#help-me-choose #chooser #choices ul li.choice form ol li label {
display: none;
}
#help-me-choose #chooser #choices ul li.choice form ol li button:hover {
background-color: #e9dabc;
}
.specifier #help-me-choose #chooser #choices ul li.choice form ol li button:hover {
background-color: #9e614a;
}
#help-me-choose #chooser #choices ul li.choice p.highlight {
background: #fff url(/images/hmc_info_icon.png) top left no-repeat;
margin: 20px 10px;
padding: 0 0 0 25px;
font-weight: normal;
font-size: 1.2em;
color: #666;
}
#help-me-choose .description {
margin: 10px;
padding: 0;
font-weight: normal;
font-size: 1.2em;
}
#help-me-choose #chooser #choices ul li.highlight a {
display: block;
background-image: url(/images/hmc_info_icon.png);
background-position: 7px 100%;
background-repeat: no-repeat;
background-color: #fff;
padding-bottom: 18px;
}
#chooseResult{
width:100%;
}
#chooseResult p{
font-size:1.2em;
padding:5px;
}
/* @end */
/* @group product by type */
#help-me-choose #product-by-type {
height: 492px;
width: 238px;
float: right;
}
#help-me-choose #product-by-type #product-types {
padding: 2px;
height: 454px;
font-size: 1.2em;
overflow: auto;
}
#help-me-choose #product-by-type #product-types ul li.product-classification span {
display: block;
padding: 5px;
background: #999;
color: #fff;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li {
display: block;
padding: 5px;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li div.product {
overflow: hidden;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li div.product div {
float: right;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li div.product div.text {
width: 105px;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li div.product div.text a {
color:#39c;
}
#help-me-choose #product-by-type #product-types ul li.product-classification ul.products li div.product div.image.first {
float: left;
}
/* @end */
/* @end */
/* @group grid columns static pages */
#content ul{
list-style:none;
}
#content ul.column {
list-style:none;
margin: 0;
padding: 0 0 0 5px;
float: left;
width: 240px;
overflow: hidden;
}
#content ul.column.first {
padding: 0;
}
div.list {
overflow: hidden;
}
#page-5925 #content,
#page-5893 #content,
#page-1062 #content,
#page-5918 #content,
#page-1226 #content,
#page-1149 #content,
#page-1126 #content,
#page-5929 #content,
#page-1144 #content{
border: none;
}
/* @end */
/* @group faq */
.questiontype{
color:#000000;
font-size: 1.2em;
}
.faqselect{
padding-left: 10px;
padding-bottom: 10px;
}
#faqquestions{
padding-top: 10px;
padding-bottom: 10px;
}
.faqquestion{
border-top: 1px solid #ccc;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.faqquestion h4{
font-size: 1.5em;
padding-bottom: 10px;
}
.faqquestion .faqanswer a{
color:#39c;
}
.faqquestion .backtotop{
padding-top: 5px;
display:block;
padding-left: 640px;
color:#39c;
}
/* @group older installer guides */
ul.otherguides {
width:66%;
overflow:hidden;
}
ul.otherguides li {
float:left;
width: 40%;
margin-top: 0.5em;
}
ul.otherguides a {
text-decoration:underline;
}
/* @end */
/* @water savings calculator */
.calculatorContent{
width:520px;
}
#waterSavingRecommendedProducts{
position: absolute;
width: 206px;
top: 0px;
right: 1px;
margin:0 0 0 0;
}
#waterSavingRecommendedProducts ul{
padding:0 0 0 0;
}
#waterSavingRecommendedProducts div.item-right{
margin-top:10px;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
#waterSavingRecommendedProducts div.item-right:hover{
border-bottom:1px solid #E9DABC;
border-left:1px solid #E9DABC;
border-right:1px solid #E9DABC;
}
#waterSavingRecommendedProducts div.item-right div.info img{
width:125px;
}
.specifier #content #waterSavingRecommendedProducts div.item:hover h2 a {
background:#9E614A none repeat scroll 0 0;
color:#FFFFFF;
}
#calculator{
padding-top:5px;
background: #333333 url(/images/cl-gradient_v2.0.png) repeat-x scroll left top;
margin:5px 0 5px 5px;
padding-bottom: 10px;
height: auto;
}
#calculator h3{
color:white;
font-size: 150%;
font-weight: normal;
padding: 10px;
}
#calculator p{
color:white;
}
.calculatorContent strong{
clear:none;
float:left;
margin-top:5px;
padding-right:10px;
}
.calculatorContent .button,.compare .button{
clear:none;
float:left;
cursor:hand;
}
.compare .button{
float:right;
}
.calculatorContent .button span{
width: 100px;
}
#calculator input{
border: none;
}
#calculator select{
width: 88px;
}
#calculator div.header div{
float:left;
padding-top:3px;
width:92px;
padding-left:0px;
margin-left:0px;
}
#calculator div.header .firstheadercell{
width:123px;
}
#calculator div.header .lastheadercell{
width:100px;
}
#calculator div.header div label.description{
//margin:0 0 0 5px;
}
#calculator div.header,div.row label.description{
margin:0 0 0 5px;
color:#FFFFFF;
font-size:1.2em;
}
#calculator div.row{
padding-top:10px;
}
div.row label.description{
float:left;
width:123px;
}
#calculator div.align-right{
//padding-left:145px;
}
div.cell{
float:left;
margin:0 0 0 0px;
width:92px;
}
div.cell input{
width:83px;
padding-left:0px;
margin-left:0px;
}
div.space-line{
clear:both;
margin:0;
padding:0;
width:auto;
}
div#tableHeader{
width:100px;
}
label.tableHeader{
}
#calculator div.header div{
padding-left:0px;
padding-right:0px;
margin-right: 0px;
}
#calculator div.header label.description{
padding-left:0px;
margin-left:0px;
}
#calculatorForm{
padding-left: 5px;
}
#calculatorForm .subheader{
color:white;
padding-left: 5px;
padding-top: 15px;
font-weight: bold;
font-size: 120%;
}
.calculatorContent .header{
padding-left: 5px;
font-weight: bold;
}
/* @end */
/* @group guide search box */
#page-10866 #menu,
.installationguides #menu{
background:white;
border: none;
}
#guidesearch{
border: 1px solid #666;
width: 100%;
padding-right: 0px;
margin-top: 5px;
margin-right: 0px;
}
#guidesearch #right-bottom {
background-color: #333333;
width: 100%;
padding-left: 5px;
float: none;
overflow: hidden;
height:70px;
}
#menu #guidesearch #right-bottom {
width: 100%;
}
#guidesearch #right-bottom label {
display:block;
clear:both;
margin-left: 0px;
padding-left: 0px;
font-size: 100%;
}
#guidesearch #right-bottom-content {
color:#FFFFFF;
text-align:center;
margin: 0em 0em 0em 0em;
text-align:left;
font-size: 1.2em;
}
#guidesearch #right-bottom-content label {
margin-top: 1em;
padding-top: 0px;
padding-bottom:0px;
}
#guidesearch #right-bottom-content select,
#guidesearch #right-bottom-content input.search {
width: 218px;
}
#menu #guidesearch #right-bottom-content select,
#menu #guidesearch #right-bottom-content input.search {
width: 218px;
}
#guidesearch #right-bottom-content input.search {
color: #777;
}
#guidesearch #right-bottom-content button.go {
float: none;
margin-left: 10px;
}
/* @end */
/* @group product guide page */
#guideTopLinks #producttabs ul{
margin:0;
}
#guideTopLinks #producttabs ul li a.selected{
background-color:#E9DABC;
color:#000000;
text-decoration:none;
}
body.installer div#guideTopLinks div#producttabs ul li a.selected {
background-color: #5d9ab8;
color: #fff;
}
body.specifier div#guideTopLinks div#producttabs ul li a.selected {
background-color: #9e614a;
color:#fff;
}
body.installer div#guideTopLinks div#producttabs ul li a:hover,body.installer div#producttabs ul li a:hover,body.installer div#producttabs a:hover, body.installer #tabs a:hover {
background-color:#5d9ab8;
color:#000000;
text-decoration:none;
}
body.specifier div#guideTopLinks div#producttabs ul li a:hover,body.specifier div#producttabs ul li a:hover,body.specifier div#producttabs a:hover, body.specifier #tabs a:hover {
background-color:#9e614a;
color:#000000;
text-decoration:none;
}
body.installer div#other-products div.other-product:hover{
background-color:#9e614a;
background:transparent url(/images/inst_gift_bkg_hilite.png) repeat-x scroll 0 0;
}
body.specifier div#other-products div.other-product:hover{
background-color:#5d9ab8;
background:transparent url(/images/spec_hmc_bkg_hilite.png) repeat-x scroll 0 0;
}
/* @end */
/* @group special offers silo pages */
#right-bottom-content div.content{
//height:100px;
padding-bottom:30px;
width:100%;
overflow:hidden;
}
body.installer #specialOffers {
background-image:url(/images/bt-installer-button-lt-yellow.png);
}
body.installer #specialOffers span {
background-image:url(/images/bt-installer-button-rt-yellow.png);
}
#specialOffers {
background-image:url(/images/button-lt-yellow.png);
background-repeat: no-repeat;
background-attachment: scroll;
/*transparent url(/images/button-lt-yellow.png) no-repeat scroll left top;*/
}
#specialOffers span {
background-image:url(/images/button-rt-yellow.png);
background-repeat: no-repeat;
background-attachment: scroll;
color:black;
}
/* @end */
/* @group installation guides */
#page-14213 #content .list .column ul,
#page-13737 #content .list .column ul, #page-13740 #content .list .column ul {
margin: 0;
padding: 0;
float: right;
overflow: hidden;
width: 8.5em;
}
#page-14213 #content .list .column li,
#page-13737 #content .list .column li, #page-13740 #content .list .column li {
padding-right: 0.5em;
border: none;
}
/* @end */
.hand{
cursor:pointer;
}
#page-10670 .staticcontent h2 a,
#page-10669 .staticcontent h2 a,
#page-10668 .staticcontent h2 a{
color:#3399CC;
}
#installguidefinetune{
padding-top: 5px;
padding-right: 10px;
}
.finetunerow{
float:none;
width: 360px;
clear:both;
}
.finetunerow a{
display:block;
width: 22px;
height: 22px;
color: white;
float: left;
background-color: #666666;
margin-top: 5px;
margin-left: 5px;
text-transform: capitalize;
text-align:center;
line-height: 22px;
}
.finetunerow a.inactive{
background-color: #d7d7d7;
}
.addtocompare{
bottom:0;
right:0;
}
#comparebottom,
#comparetop{
background:white;
height: 15px;
width: 100%;
}
#compareproducts{
margin-top: 15px;
}
#compareproducts h3{
color:#FFFFFF;
font-weight:normal;
font-size:1.4em;
padding:10px;
}
#compareproducts p{
padding-left: 5px;
padding-right: 5px;
}
#comparebox{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
font-size:1.1em;
color:black;
}
#comparebox ul li{
border-bottom: 1px dotted black;
padding-bottom: 7px;
padding-top: 3px;
}
#comparebox ul li a{
display:block;
float:right;
}
body.specifier button.formsubmit
{
width: 200px;
background: transparent url(/images/formsubmit-specifier.png) no-repeat scroll left top;
}
body.specifier #btnFind
{
width: 100px;
background: transparent url(/images/formsubmit-specifier100.png) no-repeat scroll left top;
}
body.installer button.formsubmit
{
width: 200px;
background: transparent url(/images/formsubmit-installer.png) no-repeat scroll left top;
}
body.installer #btnFind
{
width: 100px;
background: transparent url(/images/formsubmit-installer100.png) no-repeat scroll left top;
}
button.formsubmit
{
background: transparent url(/images/formsubmit.png) no-repeat scroll left top;
width: 200px;
padding-top: 1px;
}
#btnFind
{
background: transparent url(/images/formsubmit100.png) no-repeat scroll left top;
width: 100px;
}
body.specifier #btnFind:hover,
body.installer #btnFind:hover,
#btnFind:hover {
background-position:0 -100px;
}
#newsletter .error-info{
background:white;
border: 5px solid red;
}
#newsletter .error-info p{
color:red;
font-weight:bold;
}
div#content div#newsletter ol li,
#newsletter .error-info li{
padding-left:0px;
margin-left:0px;
}
#newsletter .error-info ol,
div#content div#newsletter ol
{
margin-left:0px;
padding-left:0px;
}
#newsletter p.label,
#newsletter label
{
text-align:right;
padding-right: 0.5em;
}
#newsletter .checkboxlist .checkboxlist p.label,
#newsletter .checkboxlist .checkboxlist label
{
text-align:left;
}
#newsletter input.textbox#postcode,
#newsletter input.textbox#brPostcode,
#brPostcode,
#postcode,
#newsletter input.textbox#dateOfPurchase,
#dateOfPurchase{
width: 200px;
}
button.lookup
{
}
div#content div#newsletter .error-info ol li,
#newsletter .error-info ol li{
color:black;
}
#lookupcontainer{
padding-left: 11em;
padding-top: 5px;
padding-bottom: 5px;
}
a.dp-choose-date {
padding: 0;
margin: 5px 3px 0;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
#newsletter .info
{
background: #E9DABC
}
body.installer #newsletter .info
{
background: #5D9AB8;
}
body.specifier #newsletter .info
{
background: #9E614A;
}
#newsletter{
margin-left: 10px;
}
.lookupcontainer
{
display:none;
padding-left:13em;
padding-top:5px;
padding-bottom:5px;
}
#newsletter .checkboxlist .checkbox
{
margin-left:0px;
padding-left:0px;
}
#newsletter li.checkbox label {
line-height:1.2em;
}
#engineer_request_form.trainingrequest #newsletter {
width: 590px;
}
#engineer_request_form.trainingrequest #newsletter label {
width: 18em;
}
#engineer_request_form.trainingrequest #newsletter li.checkbox input {
margin-left:19em;
}
#searchresultscontainer .vcard{
float:left;
width: 165px;
height: 210px;
min-height:150px;
}
#searchresultscontainer .vcard div{
font-size:13px;
}
#rf-results .first {
padding-bottom: 10px;
padding-top: 20px;
border-bottom: none;
}
#searchresultscontainer .vcard .button {
background:transparent url(/images/button-lt.png) no-repeat scroll left top;
border:medium none;
display:block;
line-height:20px;
margin-right:15px;
min-height:20px;
padding-left:1em;
text-decoration:none !important;
}
#searchresultscontainer .vcard .button:hover {
background-position:0 -100px;
}
#searchresultscontainer .vcard .button span {
background:transparent url(/images/button-rt.png) no-repeat scroll right top;
color:#FFFFFF;
display:block;
height:100%;
margin-right:-15px;
padding-right:15px;
text-align:center;
}
#searchresultscontainer .vcard .button span{
font-size: 1.2em;
}
#searchresultscontainer .vcard .button span:hover
{
background-position:100% -100px;
}
#searchresultscontainer .vcard .value{
font-weight: normal;
}
#searchresultscontainer .vcard h2{
height: 35px;
color:black;
}
#searchresultscontainer .vcard div.adr
{
height: 90px;
padding-top:0px;
}
#shadowbox_container{
z-index: 6000;
}
#printtop{
display:none;
}
#loginout a:hover
{
background:transparent url(/images/button-lt.png) no-repeat scroll left top;
background-position:0 -100px;
cursor:pointer;
}
body.installer #loginout a:hover {
background-position:0 -100px;
}
body.installer #loginout a {
background:transparent url(/images/bt-installer-button-lt.png) no-repeat scroll left top;
}
body.specifier #loginout a:hover {
background-position:0 -100px;
}
body.specifier #loginout a {
background:transparent url(/images/bt-specifier-button-lt.png) no-repeat scroll left top;
}
#content .faqquestionlink{
background:transparent url(/images/links-arrow.gif) no-repeat scroll left top;
color: #3399CC;
display:block;
padding-left: 8px;
}
.questiontype{
color:#000000;
}
/* New HomePages */
#homecontent
{
float:right;
}
#homeintro h1
{
color: #cbb994;
font-size: 18px;
width:250px;
}
#homeintro{
color:white;
width: 320px;
height:329px;
font-size: 12px;
}
#homeintro p{
padding-bottom: 10px;
padding-left: 10px;
}
.homepage #content-wrapper, .areahomepage #content-wrapper{
background:#000000 url(/images/NewHomePage/NewHomePageSidePanelBackGround.jpg) repeat-x scroll center top;
}
#page-4009 div.info-boxes, .homepage div.info-boxes{
width:100%;
}
div.info-boxes div.info-box{
width: 320px;
height: 130px;
}
.info-box
{
height: 130px;
}
div.info-boxes div.info-box h2
{
padding-top:25px;
padding-left:10px;
font-weight:bold;
}
div.info-boxes div.info-box:hover h2 a
{
color:white;
}
div.info-boxes div.info-box .text
{
padding-left:10px;
width: 150px;
}
div.info-boxes div.info-box .text p
{
height: 52px;
overflow:hidden;
}
div.info-boxes div.info-box .text a
{
color:white;
}
/* End New Hompages */
div.space
{
height:15px;
}
#contentheader
{
margin-left:5px;
margin-right:5px;
}
.selectorheader
{
background-color:#A59A84;
color:#FFFFFF;
font-weight:bold;
position:relative;
text-align:left;
padding:10px;
font-size:1.6em;
}
.selectorheaderwide
{
background-color:#A59A84;
color:#FFFFFF;
font-weight:bold;
position:relative;
text-align:left;
padding:10px;
font-size:1.6em;
width:540px;
}
#selectcountry
{
border:1px solid #C6C5C3;
width:170px;
margin-right:12px;
float:left;
}
#selectcounty
{
border:1px solid #C6C5C3;
width:210px;
margin-right:12px;
float:left;
}
#quickfindmap
{
border:1px solid #C6C5C3;
width:560px;
float:left;
}
#placelisting
{
border:1px solid #C6C5C3;
width:560px;
float:left;
}
#content #quickfind ul
{
list-style:none outside none;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#content #quickfind ul li
{
list-style-type:none;
font-weight:bold;
margin: 0 0 0 0;
height:30px;
border-color:#C6C5C3;
border-style:solid;
border-width:1px 0 0;
}
#quickfind ul li a
{
color:#000000;
cursor:pointer !important;
display:block;
font-size:120%;
height:18px;
padding:6px 0;
text-indent:10px;
}
#quickfind ul li a:hover
{
color:#000000;
cursor:pointer !important;
display:block;
font-size:120%;
padding:6px 0;
text-indent:10px;
background-color:#E4E1DA;
}
#quickfind ul li.current
{
background-color:#E4E1DA;
}
#quickfind div.rescount
{
border-color:#C6C5C3;
border-style:solid;
border-width:1px 0 0;
height:30px;
list-style-type:none;
margin:0;
border-bottom:1px solid #C6C5C3;
color:#000000;
display:block;
height:18px;
padding:6px 0;
text-indent:10px;
font-size:140%;
font-weight:bold;
}
#quickfind .vcard {
float:left;
height:170px;
min-height:150px;
width:165px;
padding-left:15px;
padding-top:10px;
}
#quickfind .vcard h2 {
color:black;
height:35px;
border-right: 1px solid #C6C5C3;
}
#quickfind .vcard .value{
font-weight: bold;
}
#quickfind .vcard a{
color: #379bcd;
}
#quickfind .vcard .distance{
padding-top: 2px;
}
#quickfind .vcard .tel{
padding-top: 2px;
border-right: 1px solid #C6C5C3;
}
#quickfind .vcard .adr{
padding-top: 8px;
min-height:50px;
border-right: 1px solid #C6C5C3;
}
#quickfind .vcard .url{
padding-top: 8px;
}
#quickfind .vcard .opening{
padding-top: 10px
}
#quickfind .vcard div{
line-height: 1.2;
}
#contentheader #stockistsearch #submitbutton {
width:200px;
}
#contentheader #stockistsearch #submitbutton .go
{
margin-left:0;
}
#container .prodnav
{
width: 238px;
background: #e9dab9;
position: relative;
padding: 0 0px 5px 0px;
margin:0;
}
#container .prodnav .menutitleside
{
background: #e9dab9 url(/images/prodnavtitle.png) no-repeat;
height: 41px;
line-height:30px;
font-family: Trebuchet MS;
font-size: 16px;
font-weight: bold;
color: #fff;
padding: 3px 5px 0 9px;
margin:0;
}
#container .prodnav ul
{
background: #e0e0e0 url(/images/prodnavbckgr.png) repeat-x;
width: 220px;
margin: 0 5px 0 5px;
padding:4px 4px 0 4px;
list-style: none;
clear:both;
}
#container .prodnav ul li a span
{
font-size: 13px;
font-weight: normal;
color: #f13a09;
}
#container .prodnav ul li a
{
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
display:block;
width: 210px;
min-height: 18px;
padding: 7px 5px 5px 5px;
border-bottom: 1px #c8c8c7 solid;
}
#container .prodnav ul li a:hover
{
background-color: #dbd8d8;
}
#container .prodnav ul li ul
{
background: transparent;
width: 220px;
margin: 0;
padding:0;
list-style: none;
clear:both;
}
#container .prodnav ul li ul a
{
font-size: 11px;
color: #e73708;
padding: 7px 5px 5px 5px;
}
#container .prodnav ul li ul a:hover
{
background-color: #dbd8d8;
}
#container.prodnav ul li ul li ul a
{
font-size: 11px;
color: #2b628a;
padding: 7px 5px 5px 15px;
}
#container .prodnav ul li ul li ul a:hover
{
background-color: #dbd8d8;
}
/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {
padding: 10px 0 5px 0;
font-size: 1.2em;
font-weight: bold;
color:#000;
}
p {
}