body { background-color: #444444; } a, a:active, a:visited { outline: none; } :focus { -moz-outline-style: none; } .wrapper { } .sidecolumn { width: 200px; height: auto; min-height: 400px; display: inline-block; position: relative; float: left; margin-top: 30px; } .sidecolumn h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-left: 43px; padding-bottom: 8px; padding-top: 3px; margin-top: 1px; line-height: 16px; } .thirdlayout .sidecolumn h3 { margin-top: 4px; line-height: 16px; padding-bottom: 10px; } .sidecolumn ul { list-style: none; margin-left: 43px; } .sidecolumn li { line-height: 21px; } .sidecolumn li a { font-size: 12px; color: #999999; font-weight: bold; border:none;} .sidecolumn li a.sc-active, .sidecolumn li ul li a.tr-active { color: #B2D233 /*#9EB82C*/; } .sidecolumn li a:hover { color: #B2D233!important; text-decoration: none!important; border:none;} .sidecolumn li ul { margin-left: 15px; } .stage { display: inline-block; position: relative; width: 820px; height: 120px; background: url('../img/backgrounds/interior-stage-bckgrnd.jpg') no-repeat top left; margin-top: 34px; margin-bottom: 22px; } .thirdlayout .stage { width: 780px; height: 50px; background: url('../img/backgrounds/bckgrnd-section-stage.png') no-repeat top left; margin-bottom: 24px; } .thirdlayout_fullheader .stage { width: 820px; height: 120px; background: url('../img/backgrounds/interior-stage-bckgrnd.jpg') no-repeat top left; margin-bottom: 22px; } .stage h4 { font-size: 40px; font-weight: bold; color: #E1E9E8; padding-top: 22px; margin-left: 17px; } .thirdlayout .stage h4 { font-size: 21px; padding-top: 0; line-height: 50px; margin-bottom: 0; } .thirdlayout_fullheader .stage h4 { font-size: 40px; padding-top: 22px; line-height: inherit; } .stage .icons { width: auto; height: 37px; margin-top: 25px; margin-left: 17px; margin-top: 34px; } .stage .icons .icon { display: inline-block; position: relative; margin: 0; padding: 0; float: left; width: 41px; height: 37px; text-indent: -9999px; background: url('../img/icons/icon-map.png'); } .stage .icons .video { background-position: 0 0; border:none;} .stage .icons .video:hover, .stage .icons .videoon { background-position: 0 -37px; border:none; } .stage .icons .tv { background-position: -41px 0; border:none;} .stage .icons .tv:hover, .stage .icons .tvon { background-position: -41px -37px; border:none; } .stage .icons .doc { background-position: -82px 0; border:none;} .stage .icons .doc:hover, .stage .icons .docon { background-position: -82px -37px; border:none; } .stage .icons .clock { background-position: -123px 0; border:none;} .stage .icons .clock:hover, .stage .icons .clockon { background-position: -123px -37px; border:none; } .stage .icons .tag { background-position: -164px 0; width: 39px; border:none;} .stage .icons .tag:hover, .stage .icons .tagon { background-position: -164px -37px; width: 39px; border:none; } .stage .icons .device { background-position: -203px 0; width: 40px; border:none;} .stage .icons .device:hover, .stage .icons .deviceon { background-position: -203px -37px; width: 40px; border:none; } .stage .icons .search { background-position: -243px 0; width: 40px; border:none;} .stage .icons .search:hover, .stage .icons .searchon { background-position: -243px -37px; width: 40px; border:none; } .content { display: inline-block; width: 620px; height: auto; position: relative; padding-top: 16px; margin-bottom: 40px; } .thirdlayout .content { margin-bottom: 24px; } .thirdlayout .content h2 { font-size: 16px; font-weight: normal; color: #38544E; letter-spacing: 0; margin-top: 16px; } .thirdlayout .content h2.start { margin-top: -10px; padding-top: 0; } .thirdlayout .content p { font-size: 13px; font-weight: normal; color: #333333; } .thirdlayout .content p a { font-size: 13px; } /* a { font-size: 13px; color: #97B22E; color: #B2D233; } */ a { font-size: 13px; font-weight:bold; color: #557E75; border-bottom:#557E75 dotted 1px; text-decoration: none; /* color: #B2D233; */ } /* .thirdlayout .content p a:hover, .content p a:hover { color: #7D9527!important; /* color: #97B22E!important; text-decoration: none; } */ a:hover { color: #879E29; border-bottom:#879E29 dotted 1px; text-decoration: none; } .thirdlayout .content p a:hover, .content p a:hover { color: #879E29!important; border-bottom:#879E29 dotted 1px;/* color: #97B22E!important; */ text-decoration: none; } .thirdlayout .registerform {border:1px solid #999; padding:10px; width:640px} .thirdlayout .registerform input, .thirdlayout .registerform textarea, .thirdlayout .registerform select { margin-top:5px } .thirdlayout .registerform .submit { margin-left:250px; } .thirdlayout .partner-logo { width:150px;height:90px;margin:25px 10px 10px 0;float:left;clear:left; } .thirdlayout .partner-text { width:460px; float:left; } .thirdlayout .partner-text p { width:460px; } .lt-ie9 .content .seconditem, .lt-ie9 .content .firstitem { padding-left: 14px; margin-left: 0; } .lt-ie9 .content .seconditem h2, .lt-ie9 .content .firstitem h2 { padding-left: 0; margin-left: -6px; } .lt-ie9 .content .seconditem .thumb, .lt-ie9 .content .firstitem .thumb { margin-left: -6px; margin-right: 20px; } .content .item { display: block; width: 620px; height: auto; min-height: 50px; border-bottom: 1px solid #C8DBD8; margin: 0; padding: 0; margin-bottom: 25px; position: relative; clear: left; } .content .item h2 { font-size: 21px; line-height:1.1; margin-bottom:10px; color: #38544E; } .content .item h3 { font-size: 18px; line-height:1.1; margin-bottom:10px; color: #38544E; } .thumb { width: 190px; height: auto; min-height: 180px; display: inline-block; position: relative; vertical-align: top; margin: 0; padding: 0; margin-bottom: 24px; margin-left: 21px; padding-top: 20px; } .content .seconditem .thumb:nth-child(3n+2), #more1 .thumb:nth-child(3n+1), #more1 .thumb:first-of-type, .content .firstitem .thumb:first-of-type { margin-left: 0; } #more1 .thumb:nth-child(3n+1), #more1 .thumb:first-of-type { margin-right: 21px; } .content .item .thumb img { margin-bottom: 10px; cursor: pointer; } .content .item:last-child { margin-bottom: 34px; padding-bottom: 20px; } .content div p { display: block; position: relative; width: 630px; height: auto; font-size: 13px; line-height: 20px; color: #333333; } .content .blurb { padding-bottom: 12px; } .content div a.readmore { font-size: 9.5px; text-transform: uppercase; display: block; float: right; } .lt-ie9 .seconditem .readmore { margin-top: 0!important; } .content div a.readmore:hover { color: #97B22E; text-decoration: none; border:none; } .content .sample { display: inline-block; position: relative; width: 115px; height: 40px; float: right; margin-left: 40px; margin-bottom: 20px; z-index: 99; } .content .interior-btn { display: block; position: relative; background-color: #557E75; width: 115px; height: 38px; color: #FFFFFF; text-transform: uppercase; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; text-align: center; line-height: 15px; padding-top: 9px; border:none;} .content .interior-btn2 { display: block; position: relative; background-color: #557E75; width: 115px; height: 38px; color: #FFFFFF; text-transform: uppercase; font-size: 12px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; font-weight: bold; text-align: center; line-height: 32px; padding-top: 9px; border:none;} .lt-ie9 .content .interior-btn { line-height: 38px; padding-top: 0; } .content .interior-btn:hover, .content .interior-btn2:hover { text-decoration: none; background-color: #B2D233; color: #FFFFFF!important; } .content div.compare { margin-top: 20px; } .content div.compare a.compare { width: 167px; height: 28px; float: left; line-height: 20px; margin-bottom: 0; margin-top: 10px; } .lt-ie9 .content div.compare a.compare { padding-top: 4px; height: 34px; line-height: 30px; } .left { width: 450px; height: auto; min-height: 155px; margin-top: 0; } .left .quote { display: block; width: 350px; height: auto; } .left .quote .quote-origin { margin-top: 16px; } .formwrapper { width: 622px; } .formwrapper .formelement { width: 300px; height: 54px; display: block; position: relative; float: left; margin: 0; padding: 0; padding-right: 20px; margin-top: 16px; margin-bottom:5px } .lt-ie9 .formwrapper .formelement { width: 290px; } .formwrapper .formelement.fullwidth, .formwrapper .formelement.fullwidth input { width: 600px; } .formwrapper .formelement:nth-child(2n+2) { padding-right: 0; } .formwrapper .formelement_third { width: 193px; /*height: 54px;*/ display: block; position: relative; float: left; margin: 0; padding: 0; padding-right: 20px; margin-top: 16px; } .formwrapper label {position:absolute;bottom:30px;} .formwrapper .formelement_third label { position: relative; bottom: 0px; } .formwrapper input {position:absolute;bottom:0;} .lt-ie9 .formwrapper .formelement_third { width: 186px; } .formwrapper .formelement_third:nth-child(3n+3) { padding-right: 0; } .formwrapper .formelement input, .formwrapper .formelement textarea, .formwrapper .formelement select { border: none; background-color: #F6F6F6; width: 300px; border: 1px solid #AEAEAE; font-size: 1.1em; } .formwrapper .formelement_third input, .formwrapper .formelement_third textarea, .formwrapper .formelement_third select { border: none; background-color: #F6F6F6; width: 193px; border: 1px solid #AEAEAE; font-size: 1.1em; } .formwrapper .formelement select, .formwrapper .formelement_third select { height: 32px; line-height: 32px; } .formwrapper .formelement select option, .formwrapper .formelement_third select option { height: 30px; line-height: 34px; } .formwrapper .formelement input, .formwrapper .formelement_third input { height: 30px; line-height: 30px; } .formwrapper .formelement input, .formwrapper .formelement textarea, .formwrapper .formelement_third input, .formwrapper .formelement_third textarea { padding: 0; margin: 0; } .formwrapper .febigger textarea { height: 160px; width: 620px; position:absolute; bottom:0; } .formwrapper .febigger { height: 190px; width: 620px; } .formwrapper .febigger label {bottom:160px} .formcolumn { float: left; padding-right: 20px; width: 300px; } .formcolumn + .formcolumn { padding-right: 0px; } .thirdlayout i { font-size: 11px; display: block; line-height: 1.2; height: 34px; margin-bottom: 10px; } .demos i { font-size: 11px; display: block; line-height: 1.2; height: 34px; margin-bottom: 10px; } .thirdlayout input[type="submit"] { width: 77px; height: 37px; line-height: 37px; padding-top: 4px; border: none; margin-top: 36px; } .clearboth { clear: both; display: block; position: relative; width: 630px; height: 20px; } .thirdlayout .quote1 { padding-left: 56px; padding-bottom: 32px; letter-spacing: 0; background: url('../img/symbol-quote.png') no-repeat top left; } .thirdlayout .quote1 .quote1-origin { font-size: 10px; color: #000000; line-height: 12px; text-align: left; margin-top: 8px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/js/libs/colorbox/images/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/js/libs/colorbox/images/controls.png) no-repeat -101px 0;} #cboxTopRight{width:21px; height:21px; background:url(/js/libs/colorbox/images/controls.png) no-repeat -130px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(/js/libs/colorbox/images/controls.png) no-repeat -101px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(/js/libs/colorbox/images/controls.png) no-repeat -130px -29px;} #cboxMiddleLeft{width:21px; background:url(/js/libs/colorbox/images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/js/libs/colorbox/images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/js/libs/colorbox/images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/js/libs/colorbox/images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(/js/libs/colorbox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/js/libs/colorbox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/js/libs/colorbox/images/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(/js/libs/colorbox/images/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/js/libs/colorbox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose:hover{background-position:-25px -25px;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support. */ .cboxIE6 #cboxTopLeft{background:url(/js/libs/colorbox/images/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(/js/libs/colorbox/images/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(/js/libs/colorbox/images/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(/js/libs/colorbox/images/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(/js/libs/colorbox/images/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(/js/libs/colorbox/images/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(/js/libs/colorbox/images/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(/js/libs/colorbox/images/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }