13@charset "UTF-8"; /******************************************* Site Colors ******************************************/ /* Colors black: #000 Light tan: #edece4 Warm grey: #cbc9c6 Light warm grey: #e2e1db; Dark warm grey: #807e7c Light green: #a7c3c3 Lighter green: #d4e4e4 Green: #346767 Bright green (for links): #289393 */ /******************************************* Reset v1.0 | 20080212 ******************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} sup {vertical-align:super;font-size:70%;} sub {vertical-align:sub;font-size:70%;} select {font-style:italic;} /******************************************* Main ******************************************/ body{height:100%;width:100%;text-align:center;font-family:Tahoma, Geneva, sans-serif;font-size:12px;line-height:19px;color:#000;margin:0;padding:0;background: #fff url(../../images/background.jpg) no-repeat center top fixed;} body.iframe{background: #fff;} img{border:none;} #wrapper{width:960px;height:auto;display:block;text-align:left;position:relative;clear:both;margin:0 auto;padding:0;overflow:hidden;background-color:#fff;} #contentWrapper {width:960px;height:auto;margin:0;padding:30px 0 10px 0;float:left;clear:both;} a, a:link, a:visited {color:#289393;text-decoration:none;} a:hover {color:#000;text-decoration:none;} p {padding:0 0 15px 0;} .norp { padding-right:0!important; } .nolp { padding-left:0!important; } .nowrap { white-space: nowrap;} /******************************************* Type ******************************************/ h1, h2 {text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#000;padding:0 0 0 0;} h1 {font-size:23px;line-height:29px;letter-spacing:2px;} h2 {font-size:19px;line-height:24px;letter-spacing:3px;} h3, h4 {font-family:Tahoma, Geneva, sans-serif;font-weight:normal;} h3 {text-transform:none;font-size:16px;line-height:20px;padding: 0 0 5px 0;color:#000;} h4 {text-transform:none;font-size:14px;line-height:17px;padding: 0 0 5px 0;color:#000;} /******************************************* Header ******************************************/ #header {width:960px;height:auto;padding:0;margin:0 0 10px 0;float:left;clear:both;overflow:hidden;background: #edece4 url(../../images/entrematic_bg.png) no-repeat 0 0;display:inline;} #header #logo a {width:135px;height:85px;margin:15px 20px 20px 10px;float:left;background: transparent url(../../images/amarr-logo-large.png) no-repeat top left;text-indent:-9999px;position:absolute;top:0;left:20px;} #header #utility {width:780px;height:auto;padding:0px 0 20px 0;margin:0;float:right;text-align:right;clear:both;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;} #header #utility ul {width:auto;height:auto;padding:10px 0 0px 0;margin:0;text-align:right;float:right;white-space:nowrap;} #header #utility ul li {width:auto;height:auto;float:left;padding:0 20px 0 0;text-align:left;line-height:14px;} #header #utility ul li a {width:auto;height:auto;color:#000;text-decoration:none;padding:0 0 0 7px;background: transparent url(../../images/icons-nav.png) no-repeat left 4px;overflow:hidden;display:inline;float:left;} #header #utility ul li .newWindow a, .newWindow a {padding:0 0 0 14px!important;margin:0;background: transparent url(../../images/icons-nav.png) no-repeat left -98px!important;white-space:nowrap;} #header #utility ul li a:hover {color:#289393;text-decoration:none;} #header #utility #search {display: none;} #header #utility #search {width:160px;height:25px;padding:5px;background-color:#fff;float:right;color:#000;text-align:left;} #header #utility #search input {width:120px;height:auto;padding:7px 2px 2px 2px;border:none;color:#000;float:left;vertical-align:middle;} #header #utility #search .searchButton {width:25px;height:25px;margin:2px 0 0 0;background: transparent url(../../images/icons-nav.png) no-repeat left -200px;text-indent:-9999px;float:right;display:inline;vertical-align:middle;} #header #utility #search .searchButton:hover {background-position: -900px -200px;} #header #globalTabs {width:960px;height:auto;float:right;clear:both;padding:0;margin:0;} #header #globalTabs ul {width:auto;height:auto;text-align:right;float:right;padding:0;margin:0;} #header #globalTabs ul li {width:auto;height:auto;padding:0;margin:0;float:left;border-left:1px solid #edece4;border-bottom:1px dotted #807e7c;position:relative;} #header #globalTabs ul li a {width:auto;height:auto;padding:6px 18px 8px 18px;margin:0;background-color:#000;float:left;background-color:#cbc9c6;color:#000;font-size:11px;font-weight:bold;position:relative;text-shadow: 0 1px 0 #e6e4e1;} #header #globalTabs ul li a:hover {background-color:#a7c3c3; color:#000;} #header #globalTabs #tab1.tabSelected a, #header #globalTabs #tab2.tabSelected a, #header #globalTabs #tab3.tabSelected a {background-color: #7da1a1!important;color: #FFFFFF;text-shadow:none;} /* #header #nav {width:960px;height:auto;float:right;clear:both;color:#fff;padding:0;margin:0;position:relative;background:#000;background: -webkit-gradient(linear, left top, left bottom, from(#313131), to(#000));background: -moz-linear-gradient(top, #313131, #000);} #header a, #header a:link, #header a:visited {color:#fff;} #nav ul {width:960px;height:auto;float:left;padding:0;margin:0;} #nav ul li {width:auto;height:auto;float:left;padding:0;margin:0;} #nav ul li a {width:auto;height:auto;padding:10px 18px 10px 18px;margin:0;float:left;border-right:1px solid #fff;color:#fff;font-size:11px;font-weight:bold;} #nav ul li a:hover, #nav ul li a.selected {background-color:#a7c3c3;color:#000;} #nav ul li.tabSelected a { background:none; background-color:#346767; color:#fff;} #nav .specialLink {font-weight:normal;text-transform:none;}*/ /* Nav green */ #header #nav {width:960px;height:auto;float:right;clear:both;color:#fff;padding:0;margin:0;position:relative;background:url('/images/nav_bg.png') repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#86a9a9), to(#5b8686));background: -moz-linear-gradient(top, #86a9a9, #5b8686);} #header a, #header a:link, #header a:visited {color:#fff;} #nav ul {width:960px;height:auto;float:left;padding:0;margin:0;} #nav ul li {width:auto;height:auto;float:left;padding:0;margin:0;} #nav ul li a {width:auto;height:auto;padding:10px 18px 10px 18px;margin:0;float:left;border-right:1px solid #fff;color:#fff;font-size:11px;font-weight:bold;} #nav ul li a:hover, #nav ul li a.selected {background-color:#a7c3c3;color:#000;} #nav ul li.tabSelected a { background:none; background-color:#346767; color:#fff;} #nav .specialLink {font-weight:normal;text-transform:none;} #nav ul li ul {background:green} /******************************************* Residential Mega Menu ******************************************/ #garageMegaMenu {width:940px;height:405px;position:absolute;top:146px;left:0;z-index:1000;background-color:#a7c3c3;padding:10px;float:left;margin:0;} #garageMegaMenu a {color:#000;} #garageMegaMenu a:hover {color:#289393;} #garageMegaMenu .typeName {font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;padding:5px 10px 5px 10px;border-bottom:1px solid #000;text-transform:none;font-weight:normal;letter-spacing:normal;} #garageMegaMenu .shadow {position:absolute;top:10px;left:0;z-index:100;} #navColumn1 {width:205px;height:405px;float:left;padding:0;margin:0;background-color:#e4eded;} #navColumn1 dl {width:205px;height:auto;float:left;} #navColumn1 dt {width:185px;height:auto;float:left;border-bottom:1px solid #000;padding:10px;} #navColumn1 dd {width:205px;height:auto;float:left;padding:0;margin:0;border-bottom:1px solid #000;font-size:14px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:3px;font-weight:bold;} #navColumn1 dd a {width:185px;height:auto;float:left;padding: 21px 10px 21px 10px;margin:0;color:#000;} #navColumn1 dd a:hover, #navColumn1 dd a.selected {background-color:#fff;color:#000;} #navColumn2 {width:185px;height:405px;float:left;padding:0;margin:0;background-color:#fff;} #navColumn2 dl {width:185px;height:auto;float:left;} #navColumn2 dt, #navColumn2 dd {width:165px;height:auto;float:left;margin:0;font-size:11px;} #navColumn2 dt {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:bold;border:none;padding:13px 10px 1px 10px;} #navColumn2 dd {padding:1px 10px 1px 10px;} #navColumn2 dd a {color:#000;} #navColumn2 dd a:hover {color:#289393;} #beautyShot {width:550px;height:405px;float:left;padding:0;margin:0;} #header {overflow: visible;} #nav { z-index: 1000;} #nav ul li {position: relative;} #nav ul li ul { display: none; width: auto; position: absolute; top: 39px; left: 0; border-top: 1px solid #fff; } #nav ul li ul li, #nav ul li.tabSelected ul li { display: block; float: none ; width: auto; /*height: 35px;*/ background: #000;} #nav ul li ul li a {font-weight:normal;} #nav ul li ul li a, #nav ul li.tabSelected ul li a { width: 150px; border: none; background: #7da1a1; } /* #000 */ #nav ul li ul li a:hover { border: none; background: #346767; } #mega-garage-caption { position: absolute; top: 20px; right: 20px; font-size: 24px; color: #fff; text-shadow: #444 2px 2px 2px; } /******************************************* Commercial Mega Menu ******************************************/ #commercialMegaMenu {width:940px;height:405px;position:absolute;top:147px;left:0;z-index:1000;background-color:#a7c3c3;padding:10px;float:left;margin:0;} #commercialMegaMenu a {color:#000;} #commercialMegaMenu a:hover {color:#289393;} #commercialMegaMenu .typeName {font-style:italic;font-family:Georgia, "Times New Roman", Times, serif;padding:5px 10px 5px 10px;border-bottom:1px solid #000;text-transform:none;font-weight:normal;letter-spacing:normal;} #commercialMegaMenu .shadow {position:absolute;top:10px;left:0;z-index:100;} /******************************************* General ******************************************/ #general #contentColumn h2, #general #contentColumnWide h2 {font-size:26px;line-height:32px;padding:0 0 15px 0;margin:0;letter-spacing:3px;} #general #contentColumn h3, #general #contentColumnWide h3 {margin-top: 19px; font-size:16px;line-height:24px;padding: 0 0 5px 0;color:#000;letter-spacing:1px;} #general #contentWrapper {background: transparent url(../../images/backgrounds.jpg) repeat-y -4800px 0;padding:20px 0 100px 0;position:relative;margin:10px 0 0 0;} #general #contentColumn ul, #general #contentColumnWide ul {list-style:disc;margin-left:15px;padding:0 0 15px 15px;} #general #contentColumn ol, #general #contentColumnWide ol {list-style:decimal;margin-left:15px;padding:0 0 15px 15px;} #general #contentWrapper.wide {background-position: -6720px 0;} #general #contentWrapper.noSidebars {background:none;} #general #contentWrapper.noSidebars #contentColumnWide {width:960px;padding:0;} #general #contentColumn {width:500px;height:auto;float:left;padding:20px;margin:0;} #general #contentColumnWide {width:760px;height:auto;float:left;padding:20px 0 20px 20px;margin:0;} #general #sidebar {width:200px;height:auto;float:left;padding:20px;margin:0;font-size:11px;line-height:16px;} #general #sidebar .callout {width:200px;height:auto;float:left;padding:0;margin:0 0 15px 0;border-bottom:1px solid #e1e4d9;} #general #sidebar .callout img {padding:0 0 10px 0;} #general #sidebar .callout h3 {text-transform:uppercase;font-size:14px;line-height:17px;padding: 0 0 0 0;color:#000;letter-spacing:2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /******************************************* Support ******************************************/ #support #contentWrapper {background: transparent url(../../images/backgrounds.jpg) repeat-y -4800px 0;padding:20px 0 100px 0;position:relative;margin:10px 0 0 0;} #support #contentWrapper.wide {background-position: -6720px 0;} #support #contentColumnWide {width:740px;height:auto;float:left;padding:20px;margin:0;} #support h2 {font-size:26px;line-height:32px;padding:0 0 15px 0;margin:0;letter-spacing:3px;} #support h3 {margin-top: 20px;font-size:19px;line-height:24px;padding: 0 0 5px 0;color:#000;} #support .download h2 {text-transform:uppercase;font-size:16px;line-height:20px;padding: 0 0 5px 0;color:#000;letter-spacing:3px;} #support .download h3 {width:940px;height:auto;float:left;padding:5px 10px;background-color:#807e7c;color:#edece4;margin-bottom:5px;font-size:12px;line-height:12px;} /******************************************* Secondary Nav ******************************************/ #secondaryNav {width:180px;height:auto;float:left;} #secondaryNav ul {width:180px;height:auto;float:left;padding:15px 0 0 0;margin:0;background-color:#e8e7e0;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;line-height: 14px; color:#000;} #secondaryNav ul li {width:180px;height:auto;padding:0;margin:0;float:left;clear:both;border-bottom:1px solid #807e7c;} #secondaryNav ul li a {width:160px;height:auto;padding:10px;margin:0;color:#000;float:left;} #secondaryNav ul li a:hover {background-color:#f4f3f0;} #secondaryNav ul>:first-child {border-top:1px solid #807e7c;} #secondaryNav ul li.tabSelected a {background-color:#fff; font-weight:bold;} #secondaryNav ul li ul {width:155px;height:auto;padding:0 0 5px 25px;margin:0;float:left;clear:both;border:none;background-color:#fff;} #secondaryNav ul li ul a[ href] {font-weight:normal!important;padding:0;} #secondaryNav ul li ul a[ href]:hover {color:#289393;} #secondaryNav ul li ul li {width:160px;height:auto;padding:0 0 10px 0;margin:0;float:left;clear:both;border:none;} #secondaryNav ul li.tabSelected ul li.tabSelected a {font-weight: bold!important;} #secondaryNav ul li ul>:first-child {border:none;} #secondaryNavInset {float:left;clear:both;width:140px;padding:10px;margin:10px;background-color:#f4f3f0;position:relative;} /******************************************* Shared ******************************************/ /* 960px wide divided 2,4 and 5 */ .column_2 {width:440px;height:auto;float:left;padding:20px 20px 20px 20px;} .column_4 {width:200px;height:auto;float:left;padding:20px 20px 20px 20px;} .column_5 {width:152px;height:auto;float:left;padding:20px 20px 20px 20px;} #sectionHeader {width:930px;height:auto;min-height:30px;float:left;clear:both;background-color:#a7c3c3;padding:25px 15px 29px 15px;position:relative;} #sectionHeader h1 {width:410px;height:auto;float:left;clear:both;padding:0;margin:0;color:#fff;font-size:20px;} #sectionHeader #rightSideContent {width:450px;height:auto;position:absolute;top:30%;left:490px;} #sectionHeader #rightSideContent ul {width:auto;height:auto;float:right;clear:both;margin:0;padding:0;list-style:none;text-align:right;} #sectionHeader #rightSideContent ul li {width:auto;height:auto;padding:0 0 0 6px;float:left;position:relative;} #breadcrumb {width:450px;height:auto;float:left;color:#fff;padding:0;margin:0;} #breadcrumb a {color:#346767;} #breadcrumb a:hover {color:#000;} #feature #info h2 {text-transform:uppercase;font-size:26px;line-height:32px;letter-spacing:5px;padding:0 0 10px 0;color:#346767;} #feature {width:960px;height:auto;float:left;clear:both;padding:0 0 29px 0;margin:0;background: #fff url(../../images/drop-shadow-footer.gif) no-repeat center bottom;position:relative;} .shadow {position:absolute;top:0;left:0;z-index:100;} #slideNav {width:auto;height:auto;color:#000;} #slideNav a {width:16px;height:16px;float:left;margin:0;padding:0;background: transparent url(../../images/slide-nav.png) no-repeat 0 0;text-indent:-9999px;} #slideNav a:hover {background-position:0 -16px;} #slideNav .currentSlide {background-position:0 -32px;} #slideNav .currentSlide:hover {background-position:0 -32px;} #actions {width:auto;height:auto;float:left;padding:20px 0 25px 0;} #actions ul {width:auto;height:auto;float:left;padding:0;margin:0;} #actions li {width:auto;height:auto;padding:0;margin:0 0 20px 0;float:left;clear:both;} .price1, .price2, .price3, .price4 {width:71px;height:19px;float:right;margin:0;padding:0;background: transparent url(../../images/price-icons.png) no-repeat 0 0;text-indent:-9999px;} .price2 {background-position: 0 -25px;} .price3 {background-position: 0 -50px;} .price4 {background-position: 0 -75px;} .leftDivider {background: transparent url(../../images/divider-vertical.gif) repeat-y left top;} .smallHeaderType{font-size:11px;line-height:15px;display:block;padding:3px 0;} .specialLink{text-transform:uppercase;font-weight:bold;color:#000/*289393*/!important;font-size:11px;} .specialLink:hover{color:#000!important;} .helpIcon {width:13px;height:13px;margin:0 0 0 10px;padding:0;background: transparent url(../../images/icons-nav.png) no-repeat 0 -300px;text-indent:-9999px;display:inline;vertical-align:middle;float:left;} .helpIcon:hover {background-position:-900px -300px;} .helpLink {width:auto;height:auto;margin:0;padding:0 0 0 15px;background: transparent url(../../images/icons-nav.png) no-repeat 0 -300px;display:inline;vertical-align:middle;white-space:nowrap;} .helpLink:hover {background-position:-900px -300px;color:#000;} .noFeature {margin:10px 0 0 0!important;background: #fff url(../../images/drop-shadow-lite.png) no-repeat center top;} .showingCount {width:auto;height:auto;float:right;font-size:11px;line-height:11px;text-align:right;text-wrap:none;} .contentLeft {float:left;} .contentRight {float:right;} #callouts h2 {font-size:18px;line-height:22px;padding:0 0 15px;} .twoAcross, .threeAcross {width:960px;height:auto;min-height:160px;float:left;clear:both;padding:0 0 30px 0;margin:0;} .twoAcross .product {width:450px;height:auto;float:left;padding:0 20px 30px 0;margin:0;} .twoAcross .product img {width:220px;height:auto;float:left;} .twoAcross .product p {width:220px;height:auto;float:left;padding:0;margin:0;} .threeAcross .product {width:298px;height:auto;padding:0 20px 0 0;float:left;} .threeAcross .product img {width:130px;float:left;} #contentWrapper2 .threeAcross .product .doors {width:130px; height:130px; float:left;} .threeAcross .product img.silk {float: none; width: 16px; height: 16px;} .threeAcross .product p {width:158px;height:auto;float:left;padding:0 0 0 0;margin:0;} .product .name {font-size:14px;font-weight:bold;} .product img {padding-right:10px;} .remove a {font-size:11px!important;color:#C00;background: transparent url(../../images/icons-nav.png) no-repeat left -597px;padding:0 0 0 15px;float:left;} .submit {width:70px;height:auto;float:left;padding:0;margin:0;display:inline;vertical-align:middle;} .wide {background-position: -6720px 0;} .padTop{padding-top:20px;} .padBottom{padding-bottom:20px;} /******************************************* Homepage ******************************************/ #homepage #slideshow {width:960px;height:470px;float:left;clear:both;margin:0 0 10px 0;padding:0;} #homepage #slideshow ul {width:960px;height:auto;float:left;clear:both;position:relative;padding:0;margin:0;} #homepage #slideshow ul li {width:960px;height:445px;float:left;clear:both;margin:0;padding:0;position:relative;} #homepage #slideshow ul li .slidePhoto {width:960px;height:445px;margin:0;padding:0;float:left;} #homepage #slideshow ul li .slideInfo {width:960px;height:auto;margin:0;pading:0;float:left;clear:both;position:absolute;bottom:0;left:0;z-index:2;color:#fff;background: transparent url(../../images/alpha-background.png) repeat 0 0;} #homepage #slideshow ul li .slideInfo .title {width:430px;height:auto;float:left;padding:20px;margin:0;font: 25px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;text-align:center;text-transform:uppercase;letter-spacing:4px;text-shadow: #000 1px 1px 1px;} #homepage #slideshow ul li .slideInfo .description {width:240px;height:auto;float:left;padding:20px 0 20px 0;margin:0;overflow:hidden;font: 13px/18px Georgia, "Times New Roman", Times, serif;font-style:italic;letter-spacing:normal;text-shadow: #000 1px 1px 1px;} .pencil {display: inline; width: 10px; height: 16px; float: left;} .slideInfo .pencil {padding-top: 35px;} #homepage #slideshow ul li .slideInfo #actions {width:240px;height:auto;float:left;padding:15px 0 15px 0;margin:0;text-align:center;font-size:11px;} #homepage #slideshow ul li .slideInfo #actions ul {width:240px;height:auto;float:left;padding:0;margin:0;text-align:center;} #homepage #slideshow ul li .slideInfo #actions li {width:240px;height:auto;padding:0;margin:0 0 10px 0;float:left;clear:both;} .new_bv_button{width: 120px;height: 40px;background: #e4e4e4;border-radius: 10px;padding: 5px;padding-left:20px;margin: auto;text-align:center;box-shadow:-1px -1px rgba(224, 224, 224, .7), 1px 1px rgba(10, 10, 10, 0.4);background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));background: -moz-linear-gradient(top, #ffffff, #e4e4e4);} #BVRRWrapper-4 > div {margin-left:-17px;} #homepage #slideshow #slideNavWrapper {width:960px;height:16px;float:left;clear:both;margin:0;padding:4px 0 4px 0;text-align:center!important;background-color:#a7c3c3;border-top:1px dotted #fff;position:relative;} #homepage #slideshow #slideNav {width:auto;height:16px;color:#000;padding:0;margin:0;position:absolute;top:4px;left:436px;} #homepage #slideshow #slides { position:relative; height: 445px; } #homepage #slideshow #slides IMG { position:absolute; top:0; left:0; z-index:-1; opacity:0.0; } #homepage #slideshow #slides IMG.active { z-index:1; opacity:1.0; } #homepage #slideshow #slides IMG.last-active { z-index:0; } #homepage #callouts {width:960px;height:auto;float:left;clear:both;margin:0 0 10px 0;overflow:hidden;background: #edece4 url(/images/backgrounds.jpg) no-repeat -960px center;position:relative;} #homepage #callouts .column_4 {height:auto;min-height:90px;text-align:center;padding:30px 20px 30px 20px;} #homepage #callouts .leftDivider {background-image:none;} #homepage #callouts a {color:#000;} #homepage #callouts a:hover {color:#289393;} .dealerLoginPage h2, .dealerLoginPage p{margin:0;} #homepage #slideshow .callOutOverlay {width:960px;height:auto;float:left;clear:both;margin:0;padding:0;position:absolute;bottom:0;left:0;z-index:2;color:#fff;background: transparent url(../../images/alpha-background.png) repeat 0 0;border-bottom:5px solid #a7c3c3;} #homepage #slideshow .callOut {width:280px;height:135px;float:left;margin:0;padding:20px 20px 20px 20px;overflow:hidden;} #homepage #slideshow .callOut h2 {color:#fff;} #homepage #slideshow input {width:120px;height:auto;margin:0 10px 0 0;float:left;clear:none;} #homepage #slideshow .callOut .button {margin:10px 10px 0 0;float:left;clear:both;} #homepage #slideshow .callOut a[ href].basicLink{margin:15px 0 0 0;float:left;} #homepage #slideshow .callOut a[ href].basicLink:hover {color:#a7c3c3;} #homepage #slideshow .callOut a[ href] {color:#fff;} #homepage #slideshow .callOut a[ href]:hover {color:#a7c3c3;} a[ href].blockLink:after {content: url(../../images/block-link.png);display:inline;} .logIn {background-color:#a7c3c3;} .callOut.logIn a[ href]:hover {color:#346767!important;} .callOut.logIn a[ href].buttonDark:hover {background:none;background-color:#346767;color:#fff!important;} #login-form .error {background-color: transparent; color: #900;text-align: left;} div.message {margin: 10px 0; border: 1px solid #900; padding: 10px; background: #ffc; text-align: center;} #homepage #slideshow.noNav {height:445px;} /******************************************* Browse & Results ******************************************/ #browse #sectionHeader h1 {width:370px;height:auto;float:left;clear:both;padding:0;margin:0;color:#fff;} #browse #feature {height:264px;} #browse #feature #info {width:440px;height:224px;padding:20px;margin:0;float:left;clear:both;color:#346767;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;line-height:20px;background-color:#e2e1db;} #browse #feature #photo {width:480px;height:264px;padding:0;margin:0;float:left;background-color:#e2e1db;} #browse ol {display:block;list-style-type:decimal;margin-left:20px;padding-left:20px;} #browse ol li {display:list-item;} #sectionHeader #browseControls {width:auto;height:auto;padding:0;margin:0;float:right;} #sectionHeader #browseControls .selector {width:200px;height:auto;float:left;padding:0 20px 0 0;} #sectionHeader #browseControls .selector .label {width:auto;height:auto;white-space:nowrap;float:left;color:#346767;font-weight:bold;} #sectionHeader #browseControls .selector select {width:200px;height:auto;float:left;clear:both;} #sectionHeader #browseControls .helpIcon {float:right;vertical-align:text-top;} #sectionHeader #browseControls .submit {padding:10px 0 10px 0;} /******************************************* Collection Overview ******************************************/ #collectionNav {width:450px;height:auto;/*position:absolute;top:42%;*/ margin-top:5px;/*left:490px;*/ float:right;} #collectionNav ul {width:auto;height:auto;float:right;clear:both;margin:0;padding:0;list-style:none;text-align:right;} #collectionNav ul li {width:auto;height:auto;padding:0 0 0 6px;float:left;position:relative;} #collectionNav a.selected {background:none; background-color:#346767; border-color:#346767; color:#fff;text-shadow: none;} #collection #callouts {width:960px;height:auto;float:left;clear:both;margin:0;overflow:hidden;background: #fff url(../../images/backgrounds.jpg) repeat-y -1920px 0;position:relative;border-bottom:10px solid #e2e1db;} #collection #callouts a {color:#000;} #collection #callouts a:hover {color:#289393;} #collection #feature {height:330px;} #collection #feature #slideshow {width:600px;height:330px;float:left;padding:0;margin:0;position:relative;background-color:#e2e1db;} #collection #feature #slideshow ul {width:600px;height:330px;float:left;clear:both;} #collection #feature #slideshow ul li {width:600px;height:330px;float:left;clear:both;margin:0;padding:0;/*position:relative;*/} #collection #feature ul li .alphaBand {width:560px;height:25px;margin:295px 0 0 0;padding:5px 20px 5px 20px;position:absolute;top:0;left:0;background-color:#e2e1db;z-index:10;filter: Alpha(Opacity=70);opacity:0.7;} #collection #feature ul li .slideInfo {width:560px;height:20px;margin:295px 0 0 0;padding:10px 20px 5px 20px;position:absolute;top:0;left:0;z-index:20;color:#000;} #collection #slideshow #slides IMG { position:absolute; top:0; left:0; z-index:1; xopacity:0.0; } #collection #slideshow #slides IMG.active { z-index:3; opacity:1.0; } #collection #slideshow #slides IMG.last-active { z-index:2; } #collection #slideNav {width:auto;height:20px;float:left;color:#000;padding:0 15px 0 0;} #collection #feature .caption {font-size:11px;} #collection #feature .caption a {color:#346767!important;} #collection #feature .caption a:hover {color:#000!important;} #collection #feature #info {width:310px;height:280px;float:left;text-align:center;padding:25px;margin:0;color:#346767;font-family:Georgia, "Times New Roman", Times, serif;font-size:14px;line-height:20px;background-color:#e2e1db;} #collection #feature #info p {max-height: 130px; overflow: hidden;padding:0;} #collection #feature #info ul {width:250px;height:auto;border-top:1px solid #c1c7c5;font-size:12px;text-align:left;margin:15px 25px 8px 25px;float:left;background-color:#eeece8;display:inline;list-style:none;} #collection #feature #info ul li {width:230px;height:auto;border-bottom:1px solid #c1c7c5;float:left;padding:2px 10px;margin:0;} #collection #feature #info .featureName {float:left;} #collection #feature #info .featureValue {float:right;} #bv-header {margin-left: 3;top: 13px;position: absolute;left: 360px;border-radius: 5px;background: #eeece8;padding: 10px; } #bv-header > div > a {position:relative;color: #346767;/*margin: 0 6px;*/} #bv-header > div > a:hover {color:#000;} /*#bv-header > div > a:before {content:"";position:absolute;width:2px;height:2px;background:#346767;left:-6px;top:7px;}*/ #collectionNav li.hilited a {background:none;background-color:#346767;border-color:#346767;color:#fff;} #info a {font-size: 12px;} .backToCollection button {cursor: pointer;color: #fff!important;font-size: 13px!important;line-height: 19.5px!important;font-family: 'Tahoma','Geneva','sans-serif'!important;font-style: normal!important;font-weight: 700!important;font-variant: normal!important;text-decoration: none!important;text-transform: none!important;text-shadow: none!important;-webkit-border-radius: 15px 15px 15px 15px!important;border-radius: 15px 15px 15px 15px!important;background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.1)),color-stop(1,rgba(255,255,255,0)))!important;background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;background-image: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;background-image: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;background-image: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;background-color: #289393!important;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;padding-top: .5em!important;padding-right: 1em!important;padding-bottom: .5em!important;padding-left: 1em!important;border-top-width: 0!important;border-top-style: none!important;border-top-color: transparent!important;border-right-width: 0!important;border-right-style: none!important;border-right-color: transparent!important;border-bottom-width: 0!important;border-bottom-style: none!important;border-bottom-color: transparent!important;border-left-width: 0!important;border-left-style: none!important;border-left-color: transparent!important;} .backToCollection button:hover {color: #000!important;font-size: 13px!important;line-height: 19.5px!important;font-family: 'Tahoma','Geneva','sans-serif'!important;font-style: normal!important;font-weight: 700!important;font-variant: normal!important;text-decoration: none!important;text-transform: none!important;text-shadow: none!important;background-image: none!important;background-color: #cbc9c6!important;border-color: #cbc9c6!important;-webkit-box-shadow: none!important;box-shadow: none!important;border-top-color: #cbc9c6!important;border-right-color: #cbc9c6!important;border-bottom-color: #cbc9c6!important;border-left-color: #cbc9c6!important;} #wrapper .BVRRSummaryContainer .bv-rating-ratio .bv-rating-stars-off{color: #000000 !important} /******************************************* Collection Options ******************************************/ #options {width:960px;height:auto;background: transparent url(../../images/backgrounds.jpg) repeat-y -2880px 0;float:left;clear:both;margin:0;padding:0 0 30px 0;} #options #optionsColumn {width:550px;height:auto;min-height: 670px;float:left;clear:both;padding:5px 20px 0 0;margin:0;} #options #optionsColumn .option {width:550px;height:auto;float:left;clear:both;padding:0;margin:0;position:relative;} #options #optionsColumn .option h2 {width:auto;height:auto;float:left;font-size:12px;font-weight:bold;line-height:14px;padding:0;margin:0;letter-spacing:normal;font-family:Arial, Helvetica, sans-serif;text-transform:none;} #options #optionsColumn .option h2 .optionName {font-weight:normal;} .nonDoorBuilder h2 {text-transform:uppercase;font-size:17px;line-height:22px;padding: 0 0 15px 0;color:#000;letter-spacing:3px;} .nonDoorBuilder h3 {width:auto;height:auto;font-size:12px;font-weight:bold;line-height:12px;padding:0;margin:0;letter-spacing:normal;font-family:Arial, Helvetica, sans-serif;text-transform:none;} #options #optionsColumn .option ul {width:470px;height:auto;min-height:91px;float:left;clear:both;padding:20px 40px 40px 40px;margin:5px 0 0 0;background: transparent url(../../images/backgrounds.jpg) no-repeat -3840px 0;position:relative;} #options #optionsColumn .option ul li {width:90px;height:auto;float:left;padding:2px;margin:0;text-align:center;font-size:11px;line-height:13px;color:#807e7c;} #options #optionsColumn .option ul li a {font-weight:normal;} #options #optionsColumn .option ul li img, #options #optionsColumn .option ul .roundAll a {border:2px solid #fff;margin:0 auto 10px auto;display:block;} #options #optionsColumn .option ul .roundAll a {width:84px;height:84px;text-indent:-9999px;float:left;border:2px solid #fbfbfa;/*-moz-border-radius: 42px;-webkit-border-radius: 42px;border-radius: 42px;*/position:relative;} #options #optionsColumn .option ul li img:hover, #options #optionsColumn .option ul .roundAll a:hover {border:2px solid #cbc9c6;} #options #optionsColumn .option ul .selected img, #options #optionsColumn .option ul .selected img:hover, #options #optionsColumn .option ul .selected a, #options #optionsColumn .option ul .selected a:hover {border:2px solid #346767;} #options #optionsColumn .option .previousButton {position:absolute;left:0;top:53px;} #options #optionsColumn .option .nextButton {position:absolute;right:0;top:53px;} #options #summaryColumn {width:390px;height:auto;float:left;margin:0;padding:0;} #options #summaryColumn #tools {width:380px;height:auto;float:left;margin:0;padding:0 5px 5px 5px;/*border-bottom:5px solid #e8e7e0;*/background-color:#fff;text-align:right;} #options #summaryColumn #tools a.helpIcon {float:left;padding:0 0 5px 18px;text-indent:0;width:auto;white-space:nowrap;background-position:0 -297px} #options #summaryColumn #tools a.helpIcon:hover {background-position:-900px -297px} #options #summaryColumn #door {width:390px;height:auto;float:left;margin:0;padding:0 0 20px 0;background-color:#fff;} #options #summaryColumn #door p {width:350px;height:auto;float:left;clear:both;padding:10px;margin:0;font-size:11px;} #options #summaryColumn #summary {width:350px;height:auto;float:left;clear:both;padding:20px;margin:0;} #options #summaryColumn #list {width:185px;height:auto;float:left;clear:both;padding:0 10px 0 0;margin:0;} #options #summaryColumn #list dd {margin:0;padding:0;} #options #summaryColumn #list dt {text-transform:uppercase;font-size:16px;line-height:22px;padding: 0 0 10px 0;color:#000;letter-spacing:3px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;} #options #summaryColumn #model-summary {clear: left; margin-top: 20px; width: 185px; float: left;} #options #summaryColumn #list p {float:left;} #options #summaryColumn #actions {width:145px;height:auto;float:left;padding:0 0 0 10px;margin:0;text-align:center;font-size:11px;} #options #summaryColumn #actions ul {margin:0;padding:0;} #options #summaryColumn #actions li {width:145px;height:auto;margin:10px 0 15px 0;float:left;clear:both;} #options #summaryColumn #note, #options #summaryColumn #collectionLogos {width:350px;height:auto;float:left;clear:both;padding:20px 20px 20px 20px;margin:0 0 0 0;border-top:1px solid #cbc9c6;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;color:#346767;} #options #summaryColumn #collectionLogos img {float:left;padding-right:10px;} #commercial_doors #options #summaryColumn #actions {margin-top: 40px;} /******************************************* Collection Features ******************************************/ #features .doorFeature {width:960px;height:auto;float:left;clear:both;margin:10px 0 0 0;padding:40px 0 20px 0;background: #fff url(../../images/drop-shadow-footer.gif) no-repeat center top;} #features .doorFeature img, #collection .doorFeature .featureDescription {width:470px;height:auto;padding:0;} #features .doorFeature img.silk {width: 16px; height: 16px;} img.silk {width: 16px; height: 16px;} /******************************************* Collection Gallery ******************************************/ #gallery {width:960px;height:auto;float:left;clear:both;position:relative;} #gallery #caption h2 {color:#346767;} #gallery #caption {width:210px;height:350px;float:left;text-align:left;padding:20px;margin:0;color:#346767;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px;background-color:#e2e1db;} #gallery #photo {width:710px;height:390px;float:left;padding:0;margin:0;background-color:#e2e1db;} #galleryNav {width:960px;height:auto;float:left;clear:both;margin:0;padding:0;border-top:5px solid #a7c3c3;background: transparent url(../../images/backgrounds.jpg) no-repeat -3840px 2px;position:relative;} #galleryNav .showingCount {position:absolute;right:20px;top:-30px;} #galleryNav ul {width:880px;height:auto;float:left;clear:both;padding:20px 48px 30px 48px;margin:5px 0 0 0;} #galleryNav ul li {width:90px;height:auto;float:left;padding:2px;margin:0 1px 0 1px;text-align:center;font-size:11px;line-height:13px;color:#807e7c;} #galleryNav ul li img {border:2px solid #fbfbfa;} #galleryNav ul li img:hover, #galleryNav ul .selected img, #galleryNav ul .selected img:hover, #galleryNav ul .selected a, #galleryNav ul .selected a:hover {border:2px solid #346767;} #galleryNav .previousButton {position:absolute;left:0;top:25%;} #galleryNav .nextButton {position:absolute;right:0;top:25%;} /******************************************* Collection Support ******************************************/ .specifications {width:565px;height:auto;float:left;padding:0 20px 0 0;margin:0;} .specifications table {font-family:Georgia, "Times New Roman", Times, serif;border-bottom:5px solid #a7c3c3;margin:0 0 10px 0;font-size:12px} .specifications th, .specifications td {padding:10px;border-right:1px solid #000;border-bottom:1px solid #edece4;} .specifications th {text-align:left;font-weight:bold;} .specifications th a {font-weight:normal;} .specifications td {text-align:center;} .specifications .stripeA {background-color:#fff;} .specifications .stripeB {background-color:#edece4;} .specifications .controlRow {font-family:Arial, Helvetica, sans-serif;font-weight:bold;} #options #summaryColumn .specifications {width:370px;padding:10px;float:left;clear:both;} #options #summaryColumn .specifications th, #options #summaryColumn .specifications td {padding:5px 5px;} #options #summaryColumn .specifications .stripeA {background-color:transparent;} #options #summaryColumn .specifications .stripeB {background-color:#f6f5f3;} #options #summaryColumn .specifications table {border-bottom:5px solid #000;} .downloads {width:375px;height:auto;float:left;padding:0;margin:0;} .downloads .type {width:365px;height:auto;float:left;padding:0 0 30px 10px;margin:0;} .downloads .type p {padding:0;margin:0;} .downloads .type select {width:250px;height:auto;background-color:#e4eded;border-top:1px solid #cbc9c6;border-right:1px solid #cbc9c6;border-bottom:1px solid #cbc9c6;border-left:1px solid #cbc9c6;padding:2px;} .downloads h2 {text-transform:uppercase;font-size:14px;line-height:17px;padding: 0 0 0 0;color:#000;letter-spacing:2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} /******************************************* Product Detail ******************************************/ #productDetail #sectionHeader h1 {width:900px;height:auto;float:left;clear:both;padding:0;margin:0;color:#fff;} #productDetail #photo {width:390px;height:auto;float:left;padding:0 30px 0 0;margin:0;} #productDetail #photo p {padding: 0 0 0px 0;} #productDetail #info {width:540px;height:auto;float:left;padding:0;margin:0;} #productDetail #info .description {width:540px;height:auto;float:left;padding:0;margin:0;} #productDetail #info .description ul {list-style:disc;margin:0 0 0 15px;} #productDetail #info #actions {width:540px;height:auto;float:left;padding:20px 0 20px 0;margin:0;text-align:left;font-size:11px;} #productDetail #info #actions ul {width:540px;height:auto;float:left;margin:0;padding:0;list-style:none;} #productDetail #info #actions li {width:auto;height:auto;padding:0 0 15px 6px;float:left;position:relative;clear:none;} .included, .productDownloads {width:540px;height:auto;float:left;clear:both;padding:0;margin:20px 0 0 0;background: #fff url(../../images/backgrounds.jpg) no-repeat -3840px top;position:relative;} .included ul, .productDownloads ul {width:500px;height:auto;padding:20px 20px 0 20px;margin:0;float:left;list-style:none;} .included ul li {width:500px;height:auto;padding:0 0 20px 0;margin:0;float:left;} .included ul li img {width:auto;height:auto;display:block;float:left;padding:0 20px 0 0;} .included ul li p {width:auto;height:auto;padding:0;clear:none;} .included h2, .productDownloads h2 {width:540px;height:auto;float:left;font-size:12px;font-weight:bold;line-height:14px;padding:20px 0 5px 0;margin:0;border-bottom:2px solid #000;background-color:#fff;} /******************************************* FAQs ******************************************/ dl.faq dt {font-weight: bold; padding: 0 0 5px 0;} dl.faq dt p {padding: 0;} dl.faq dd {padding-bottom: 0; margin: 0 0 0 20px;} /******************************************* Find a Dealer ******************************************/ #findDealer .noFeature {background-image:none;} #findDealer #feature {width:960px;height:390px;float:left;clear:both;margin:0;padding:0 0 2px 0;position:relative;} #findDealer #feature #callToAction {width:210px;height:280px;float:left;text-align:left;padding:90px 20px 20px 20px;margin:0;color:#346767;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px;background: #a7c3c3 url(../../images/backgrounds.jpg) no-repeat -6470px 20px;} #findDealer #feature #map {width:710px;height:390px;float:left;padding:0;margin:0;background-color:#e2e1db;} #findDealer #feature #callToAction input {width:110px;height:auto;padding:3px;float:left;display:inline;font-size:11px;display:inline;vertical-align:middle;} #findDealer #feature #callToAction .submit {padding:5px 0 0 5px;} #findDealer #feature #callToAction h1 {color:#000;font-size:45px;padding: 0 0 10px 0;} #findDealer #feature #callToAction h1 span {font-size:30%;letter-spacing:70%;} #findForm {width:210px;height:auto;float:left;padding:10px 0 10px 0;margin:0;} #findDealer #disclaimer {width:960px;height:115px;float:left;clear:both;background-color:#e2e1db;margin:0 0 21px 0;padding:0;font-size:11px;line-height:1.4;} #findDealer #disclaimer p {text-align:right;padding:10px;} .masterKey {width:130px;height:15px;background: #fff8bd url(../../images/map-pins-2.png) no-repeat 0 5px;padding:80px 10px 20px 40px;margin:0;color:#000;font-weight:normal;border-right:2px solid #fff;float:left;clear:none;} .masterDealerPlus {background-position:0 5px;background-color:#e5e3d3;} .masterDealer {background-position:0 -495px;background-color:#f1eab1;} .authorizedDealer {background-position:0 -995px;background-color:#dbf0f1;} #disclaimer .copy {width:394px;height:45px;padding:10px; padding-top:35px;float:left;clear:none;} #resultsHeader {width:960px;height:auto;float:left;clear:both;padding:0 0 10px 0;margin:0;background: #fff;} #resultsHeader h2 {float:left;padding:15px 0 0 0;margin:0;} #findDealer .result {width:960px;height:auto;float:left;clear:both;border-top:1px solid #000;padding:0;margin:0;} .result .Designation, .result .dealerName, .result .address, .result .contactInfo, .result .services {width:auto;height:auto;padding:20px;float:left;margin:0;} #findDealer .labels {border-top:none!important;border-bottom:2px solid #000;padding:20px 0 0 0;} .labels .Designation, .labels .dealerName, .labels .address, .labels .contactInfo, .labels .services {padding:0 20px 0 20px!important;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:11px!important;font-weight:bold;letter-spacing:3px;} .labels .Designation {width:100px!important;padding:0 20px 0 0!important;background-image:none!important;} .result .Designation {width:100px;padding:20px 20px 20px 40px;font-size:14px;font-weight:bold;} .labels .dealerName {width:255px!important;padding:0 20px 0 0!important;background-image:none!important; min-height:20px !important;} .result .dealerName {width:253px;min-height:40px; padding:20px 20px 20px 120px;font-size:14px;font-weight:bold;background: transparent url(../../images/map-pins-2.png) no-repeat -45px -995px;} .result .address, .result .contactInfo, .result .services {width:140px;} .masterDealer .dealerName {background-position:-45px -495px;} .masterDealerPlus .dealerName {background-position:-49px 15px; min-height:50px;} .result .services ul {width:140px;} .result .services ul li {width:30px;height:25px;float:left;clear:none;text-indent:-9999px;} .service1, .service2, .service3, .service4, .service5 {background: transparent url(../../images/service-icons.png) no-repeat 0 0;} .service1 {background-position:0 0;} .service2 {background-position:-30px 0;} .service3 {background-position:-60px 0;} .service4 {background-position:-90px 0;} .service5 {background-position:-120px 0;} /******************************************* Lightboxes ******************************************/ #LB {padding:20px;width:100%;} #LB h1 {padding-bottom:15px;} #LB {width:780px;height:auto;float:left;text-align:left;position:relative;clear:both;margin:0 auto;padding:20px;overflow:hidden;background-color:#fff;background-image:none;} #LB #photo {width:390px;height:auto;text-align:center;float:left;border:none;padding:0 20px 0 0;margin:0;} #LB #info {width:340px;height:auto;text-align:left;float:left;padding:0 0 0 20px;margin:0;} #LB #shareForm {float:left;width:auto;height:auto;} #LB #shareForm .formRow {width:570px;float:left;clear:both;padding:0 0 20px 0;} #LB #shareForm .formRow .label {float:left;width:140px;padding-right:10px;white-space:nowrap;font-weight:bold;display:inline-block;} #LB #shareForm .formRow input{width:400px;height:auto;float:left;background-color:#e4eded;padding:3px;display:inline-block;} #LB #shareForm .formRow textarea {width:400px;height:100px;float:left;background-color:#e4eded;padding:3px;display:inline-block;} #LB #shareForm .submit {text-align:right;} #LB #shareForm .submit ul, #LB #shareForm .submit ul li {float:right;width:auto;height:auto;white-space:nowrap;} #LB #shareForm .submit ul li {margin:0 0 0 10px;} #LB.moreInfoLB {width:560px;height:auto;} /******************************************* Product ******************************************/ #relatedProduct h3 {width:940px;height:auto;float:left;clear:both;padding:10px;margin:10px 0 30px 0;background-color:#000;color:#fff;float:left;clear:both;text-transform:uppercase;font-size:16px;line-height:20px;letter-spacing:2px;} #relatedProduct {width:960px;height:auto;float:left;clear:both;padding:0;margin:0;} /******************************************* Press Room ******************************************/ #general #contentColumn .blog-post {padding-bottom:20px;border-bottom:1px solid #e1e4d9;margin-bottom:20px;} #general #contentColumn .blog-date, #general #contentColumnWide .blog-date {font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;} #general #contentColumn .blog-post h2,#general #contentColumnWide.blog-post h2 {font-size:19px;line-height:24px;letter-spacing:0;padding:0 0 15px 0;margin:0;font-family:Tahoma, Geneva, sans-serif;text-transform:none;} #general #contentColumnWide .return-link {padding:0 0 15px 0;} #general #contentColumnWide .return-link:before {content:"« ";color:#289393;} /******************************************* Downloads ******************************************/ .download {width:100%;height:auto;float:left;clear:both;margin-bottom:25px;} .download.sidebar {clear: none; width: 700px} .download h2 {width:auto;height:auto;float:left;padding-bottom:3px;} .download h3 {width:100%;height:auto;float:left;padding:5px 10px;background-color:#807e7c;color:#edece4;margin-bottom:5px;font-size:12px;line-height:12px;} .downloadFiles {width:100%;height:auto;float:left;clear:both;} .downloadFiles dl {width:100%;height:auto;float:left;white-space:nowrap;clear:both;padding:5px 10px;margin-bottom:5px;background-color:#edece4;} .downloadFiles dt {width:70%;height:auto;float:left;font-size:12px;line-height:16px;font-weight:normal;white-space:nowrap;} .selectFile {float:right;width:auto;height:auto;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;white-space:nowrap;padding-right:20%;} .downloadFiles dd {width:30px;height:35px;float:left;white-space:nowrap;font-size:11px;} .downloadFiles dd a[ href] {width:30px;height:35px;margin:0 2px;background: transparent url(../../images/file-types.gif) no-repeat 0 0;float:left;text-indent:-9999px;} .downloadFiles dd a[ href$=".pdf"] {background-position: 0 0;} .downloadFiles dd a[ href$=".dxf"] {background-position: -30px 0;} .downloadFiles dd a[ href$=".dwg"] {background-position: -60px 0;} .downloadFiles dd a[ href$=".doc"] {background-position: -90px 0;} .downloadFiles dd a[ href$=".rtf"] {background-position: -120px 0;} .downloadFiles dd a[ href$=".xls"], .downloadFiles dd a[ href$=".xlsx"] {background-position: -150px 0;} .downloadFiles dd a[ href$=".zip"] {background-position: -180px 0;} #general #contentColumnWide .download h3 {width:auto;height:auto;float:left;background-color:transparent;padding:0;margin:0;font-size:14px;font-weight:bold;line-height:17px;text-transform:uppercase;letter-spacing:2px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #general #contentColumn .download h4, #general #contentColumnWide .download h4 {width:100%;height:auto;float:left;padding:5px 10px;background-color:#807e7c;color:#edece4;margin-bottom:5px;font-size:12px;line-height:12px;} #general #contentColumnWide .downloadFiles dt {width:70%;height:auto;float:left;font-size:12px;line-height:16px;font-weight:normal;white-space:nowrap;} /******************************************* Dealer ******************************************/ #feature.dealerWebsite #slideshow {width:710px;height:390px;float:left;padding:0;margin:0;position:relative;background-color:#e2e1db;} #feature.dealerWebsite #slideshow ul {width:710px;height:390px;float:left;clear:both;} #feature.dealerWebsite #slideshow ul li {width:710px;height:390px;float:left;clear:both;margin:0;padding:0;position:relative;} #feature.dealerWebsite ul li .alphaBand {width:670px;height:25px;float:left;clear:both;margin:365px 0 0 0;padding:5px 20px 5px 20px;position:absolute;top:0;left:0;background-color:#e2e1db;z-index:10;filter: Alpha(Opacity=70);opacity:0.7;} #feature.dealerWebsite ul li .slideInfo {width:670px;height:20px;float:left;clear:both;margin:365px 0 0 0;padding:10px 20px 5px 20px;position:absolute;top:0;left:0;z-index:20;color:#000;} #feature.dealerWebsite #slideshow #slides IMG { position:absolute; top:0; left:0; z-index:1; xopacity:0.0; } #feature.dealerWebsite #slideshow #slides IMG.active { z-index:3; opacity:1.0; } #feature.dealerWebsite #slideshow #slides IMG.last-active { z-index:2; } #feature.dealerWebsite #slideNav {width:auto;height:20px;float:left;color:#000;padding:0 15px 0 0;} #feature.dealerWebsite #callToAction {width:210px;height:280px;float:left;text-align:left;padding:20px;margin:0;color:#346767;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;line-height:18px;background-color: #a7c3c3;} /******************************************* Footer ******************************************/ #footer {width:960px;height:auto;float:left;clear:both;margin:0 0 10px 0;font-size:11px;border-top:2px solid #000;} #footer .column_5 {padding:10px 20px 10px 20px;} #footer a, #footer a:link, #footer a:active, #footer a:visited {color:#807e7c;} #footer a:hover {color:#289393;} #footer dl {width:152px;height:auto;float:left;padding:0;margin:0 0 5px 0;} #footer dt {font-weight:bold;text-transform:uppercase;letter-spacing:1px;padding:3px 0 3px 0;font-size:11px;line-height:13px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} #footer dd {padding:0;margin:0;} #footer dt a, #footer dt a:link {color:#000!important;} #footer dt a:hover {color:#289393!important;} /******************************************* Copyright ******************************************/ #copyright {width:920px;height:auto;float:left;clear:both;margin:0;padding:15px 20px 20px 20px;font-size:11px;background: transparent url(../../images/drop-shadow-lite.png) no-repeat top left;position:relative;} #footerLogo {width:59px;height:31px;margin:0 15px 0 0;float:left;background: transparent url(../../images/amarr-logo-small.png) no-repeat top left;text-indent:-9999px;} #copyright p {width:660px;float:left;} #copyright #socialTool {width:270px;height:auto;position:absolute;top:21px;left:690px;} #copyright #socialTool img {height:32px;} #copyright .addthis_button_compact {margin-top:2px;} #copyright a:hover {color:#000;} /******************************************* Buttons ******************************************/ .button {width:auto;height:auto;white-space:nowrap;font-family:Tahoma, Geneva, sans-serif;} .buttonLight {border:0px solid #fff;background-color:#e9e9e9;color:#346767;position:relative;} .buttonLight:hover {background:none;background-color:#a7c3c3;color:#000;text-shadow: 0 1px 0 #c0e0e0;} .buttonDark {border:0px solid #346767;background-color:#346767;color:#fff!important;position:relative;} .buttonDark:hover {background:none;background-color:#a7c3c3;color:#fff;/*text-shadow: 0 1px 0 #c0e0e0;*/} .buttonDark2{border:0px solid #346767;background-color:#346767;color:#fff!important;position:relative;} .buttonDark2:hover {background:none;background-color:#a7c3c3;color:#333!important;/*text-shadow: 0 1px 0 #c0e0e0;*/} .buttonCollection, .buttonSubmit {width:auto;height:auto;padding:6px 11px;border:1px solid #e4e4e4;margin:0 0 0 0;background-color:#fff;color:#289393;font-size:11px;line-height:11px;font-weight:bold;position:relative;text-shadow: 0 1px 0 #fff;font-size:10px;padding:4px 9px 4px 9px;} .buttonCollection:hover, .buttonSubmit:hover {background:none;background-color:#fff;color:#000;} .primary {font-size:12px;line-height:12px;font-weight:bold;padding:8px 12px 8px 12px;margin:0 0 0 0;} .secondary {font-size:10px;line-height:11px;font-weight:bold;padding:4px 10px 4px 10px;margin:0 0 0 0;} .dealer {background: #346767 url(../../images/button-backgrounds.gif) no-repeat 0 center;border:0px solid #346767;color:#fff!important;position:relative;padding:10px 17px 12px 30px;font-size:12px;} .dealer:hover {background-position:-900px center;color:#000!important;text-shadow: 0 1px 0 #c0e0e0;} .share {background: #fff url(../../images/button-backgrounds.gif) no-repeat -1800px center;border:0px solid #fff;color:#289393;position:relative;padding:10px 12px 10px 40px;display:inline-block;} .share:hover {background-position:-2700px center;color:#000;} .none{display:none} /******************************************* CSS 3 Features ******************************************/ #header #globalTabs a, #header #nav a {-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .roundTabTopLeftRight {-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;} .roundTopRightBottomLeft {-moz-border-radius: 0 10px 0 10px;-webkit-border-radius: 0 10px 0 10px;border-radius: 0 10px 0 10px;} .roundTopLeft {-moz-border-radius: 10px 0 0 0;-webkit-border-radius: 10px 0 0 0;border-radius: 10px 0 0 0;} .roundTopRight {-moz-border-radius: 0 10px 0 0;-webkit-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;} .roundBottomLeft {-moz-border-radius: 0 0 0 10px;-webkit-border-radius: 0 0 0 10px;border-radius: 0 0 0 10px;} .roundAll {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;} .roundAllSmall {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .button {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .buttonCollection {-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;box-shadow: -1px -1px rgba(52, 103, 103, 0.3), 1px 1px rgba(182, 217, 217, 0.3);} .buttonLight {box-shadow: -1px -1px rgba(224, 224, 224, .7), 1px 1px rgba(10, 10, 10, 0.4);} .buttonDark {-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px;box-shadow: -1px -1px rgba(178, 224, 224, 1), 1px 1px rgba(22, 51, 51, 0.5);} .buttonDark2 {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;box-shadow: -1px -1px rgba(178, 224, 224, 1), 1px 1px rgba(22, 51, 51, 0.5);} .dealer {box-shadow: -1px -1px rgba(178, 224, 224, 1), 1px 1px rgba(22, 51, 51, 0.7);} .buttonLight:hover, .buttonDark:hover, .buttonDark2:hover, .dealer:hover {box-shadow:none;} #globalTabs #tab3 a {-moz-border-radius: 7px 0 0 0;-webkit-border-radius: 7px 0 0 0;border-radius: 7px 0 0 0;} .buttonLight, .buttonCollection, .buttonSubmit {background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e4e4e4));background: -moz-linear-gradient(top, #ffffff, #e4e4e4);} .buttonDark {background: -webkit-gradient(linear, left top, left bottom, from(#a5c2c2), to(#346767));background: -moz-linear-gradient(top, #a5c2c2, #346767);} .buttonDark2 {background: -webkit-gradient(linear, left top, left bottom, from(#a5c2c2), to(#346767));background: -moz-linear-gradient(top, #a5c2c2, #346767);} /******************************************* Warranty ******************************************/ .answer {font-weight: bold; color: #066;} .error {padding: 1px 5px;background: #ff0;font-style: italic;} .warrantyReg label{width:85px; display:inline-block;} /******************************************* Zoom Boxes (with copy) ******************************************/ #zoom-boxes {display: none;} .zoom-box {width: 700px;} .zoom-box-photo {float:left; margin-right: 20px;} .zoom-box-copy {float: left: text-align: left;} /******************************************* Press Room Images form ******************************************/ .images-form-table td, th {padding: 2px 8px;} .images-form-table input {width: 250px;} .images-form-table input#submit {width: auto;} /******************************************* Sitemap (same as footer) ******************************************/ .sitemap {width:960px;height:auto;float:left;clear:both;margin:0 0 10px 0;font-size:11px;border-top:2px solid #000;} .sitemap .column_5 {padding:10px 20px 10px 20px;} .sitemap a, .sitemap a:link, .sitemap a:active, .sitemap a:visited {color:#807e7c;} .sitemap a:hover {color:#289393;} .sitemap dl {width:152px;height:auto;float:left;padding:0;margin:0 0 5px 0;} .sitemap dt {font-weight:bold;text-transform:uppercase;letter-spacing:1px;padding:3px 0 3px 0;font-size:11px;line-height:13px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} .sitemap dd {padding:0;margin:0;} .sitemap dt a, .sitemap dt a:link {color:#000!important;} .sitemap dt a:hover {color:#289393!important;} /* Find a dealer header */ #find-dealer-header {width:269px; height:39px; background:url('/images/amarr-find-dealer.png');} #find-dealer-header input[type="text"]{ width:88px; margin-left:43px; padding-left:2px; height:16px; float:left; font-family:Georgia; font-size:12px; font-style:italic; margin-top:2px; } #find-dealer-header img {float:left; margin-left:2px; margin-top:2px; cursor:pointer;} #find-dealer-header #findForm {margin-left:70px; margin-top:-2px; *margin-left:35px; *width:235px;} .DealerEditNotice{font-size:12px; color:#666666; margin-left:10px;} .vistaGlassOption ul li img{height:88px; width:88px;} /*Dealer login main editable area*/ .dealer-edit-left{float:left; width:610px;} .dealer-edit-right{float:left; width:350px;} .dealer-edit-title{font-family: Arial;font-size: 28px;color: #437e8c;font-weight: bold;letter-spacing: 1px;line-height: 35px;top: 30px;position: relative;} .dealer-edit-content{font-family: Times New Roman;font-size: 17px;position: relative;top: 45px;} .dealer-edit-green{font-size: 14px;color: #437e8c;font-family: times new roman; position:relative; top:55px;} .greenButtons a{background: #289393!important;padding: 10px 15px;border-radius: 15px;font-size: 13px;font-family: 'Tahoma','Geneva','sans-serif'!important;color: #fff;font-weight: 700;} .greenButtons a:hover{background: #cbc9c6!important;padding: 10px 15px;border-radius: 15px;font-size: 13px;font-family: 'Tahoma','Geneva','sans-serif'!important;color: #000;font-weight: 700;} #wrapper #bv-header .bv-cleanslate .bv-core-container-23 .bv-primarySummary-rating-container .bv-rating-stars-off {color: #F7F7F7 !important} #bv-header {.float:left} #wrapper .bv-cleanslate .bv-core-container-23 .bv-primarySummary-rating-container .bv-rating-stars-on {.margin-top: -20px !important} #wrapper #BVRRSummaryContainer2 {.float:left;.width: 120px;} #wrapper .bv-rating.bv-text-link.bv-popup-target.bv-focusable, #wrapper .bv-cleanslate .bv-core-container-23 .bv-summary-bar-minimalist-horizontal .bv-rating-ratio-number .bv-rating {.float: left !important;} #wrapper .bv-rating.bv-text-link.bv-popup-target.bv-focusable, #wrapper .bv-cleanslate .bv-core-container-23 .bv-summary-bar-minimalist-horizontal .bv-rating-ratio-number .bv-rating span:last-child {display: block !important;} #wrapper .bv-rating-stars-container.bv-focusable, #wrapper .bv-cleanslate .bv-core-container-23 .bv-stars-container .bv-rating-ratio {.width: 78px !important; .float: left !important;} #wrapper #BVRRSummaryContainer {.width: 120px !important} #wrapper .bv-cleanslate .bv-core-container-23 .bv-summary-bar .bv-rating-ratio-number {.width: 19px !important; .float: left !important;} .bv-cleanslate .bv-core-container-58 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars {letter-spacing: 2px !important; margin-bottom: 5px;} #bv-header .bv-cleanslate .bv-core-container-58 .bv-stars-container dd {padding-bottom: 4px !important;} #wrapper .bv-cleanslate .bv-core-container-58 .bv-content-title {font-size: 15px !important;} #collection #feature #info ul{margin: 15px 25px 0 25px;} #info a {display: block; float:right; font-size: 12px; line-height: 23px; padding: 0 10px; margin: 0 35px 0 0; border-bottom: 1px solid #c1c7c5; background: #eeece8;} #bv-write-review{margin:0!important;float:none!important;text-align:right;padding:0!important;border-bottom:none!important;} .bv-red {color:#EF413D;} .bv-red a{color:#EF413D;} /*Rapid install page*/ .rapidInstallLeft{float:left; width:60%} .rapidInstallLeft ul {margin-left:20px;} .rapidInstallLeft ul li {list-style:disc;} .rapidInstallRight{float:left; width:40%} .rapidInstallRight img{width:300px; height:626px;} /*New edits*/ .bv-cleanslate .bv-core-container-71 .bv-inline-rating-container .bv-rating-stars-on, .bv-cleanslate .bv-core-container-71 .bv-inline-rating-container .bv-stars-container .bv-rating-label { color: #ef413d!important; } .dealerName > div > a { font-size: 12px; font-weight: normal; } .result .services { padding-left: 0; margin-left: 10px; } .bv-cleanslate .bv-core-container-71 .bv-action-bar, .bv-cleanslate .bv-core-container-71 .bv-content-placeholder { padding-left: 0; margin-left: 0 !important; } .backToCollection { margin-left: 7px; } #product_support_product_information tr td{padding-bottom: 10px;} .result > div { margin-left: 10px; } #res #nav6 a, #com #nav7 a{ background: url(/images/menu-stars.png) bottom center no-repeat; } #res #nav6 a:hover, #com #nav7 a:hover{ background-color: #346767; color:#fff; } .reviewBtns a{ width: 120px; height:28px; display: inline-block; white-space: normal!important; text-align:center; } .reviewBtns a.first{ padding-top: 12px; height: 22px; position: relative; top: -3px; } /*Clavos page*/ .clavosWrapper h3{ clear:both; line-height: 0; padding: 25px 0 0px; } .clavosWrapper .clavosTitle{ width:50%; float:left; font-weight:bold; margin:10px 0; } .clavosWrapper .clavosColumn{ width:25%; float:left; }