/* KSR Specific Styles */ BODY { background-color:#141414; MARGIN: 0 auto;  text-align: center; } a:active { outline: none; } a:focus { -moz-outline-style: none; } /* ========================================= */ /* ================ TOP MENU =============== */ /* ========================================= */ #topmenu { MARGIN: 0 auto;  padding-top:10px; height:100px; background-color:#141414; border-bottom:solid 1px #666666; } #topmenu-contents { MARGIN: 0 auto;  width:960px; FONT-WEIGHT: normal;  FONT-SIZE: 13px;  COLOR: #eeeeee;  FONT-FAMILY: Arial;  text-decoration:none; text-align:right; } .topmenu-blocks { float:right; margin:-10px 0px 0px 0px; FONT-WEIGHT: normal; FONT-SIZE: 13px;  COLOR: #eeeeee; FONT-FAMILY: Arial;  text-decoration:none; } .topmenu-blocks li{ display: inline; color:#ff0000; } .topmenu-blocks li a{ padding: 40px 10px 10px 10px; float: left; color: #eeeeee; text-decoration: none; } .topmenu-blocks li a:visited{ color: white; } .topmenu-blocks li a:hover { color: #277eba; background: #ffffff; } .current { padding: 40px 10px 10px 10px; float: left; display: inline; color: #277eba; background: #ffffff; } /* ========================================= */ /* ================= TOP BAR =============== */ /* ========================================= */ #logo { float:left; margin:0px; } #phone-numbers { float:left; margin:38px 0px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 18px;  COLOR: #ffffff;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } #topbar { MARGIN: 0 auto;  height:43px; background-color:#2b2b2b; border-bottom:solid 1px #2f95ce; } #topbar-contents { width:960px; height:43px; MARGIN: 0 auto;  text-align:right; background:#2276a4; } #search { float:left; padding: 10px 0px 0px 10px; } #search-box { vertical-align:top; color:#2276a4; } #search-button { vertical-align:top; padding-left:3px; } #languages { float:right; padding: 10px 10px 0px 0px; } #tophalf { MARGIN: 0 auto;  background-color:#0c4f72; } #tophalf-contents { position:relative; MARGIN: 0 auto;  width:960px; background-image:url('tophalf-contents.jpg'); background-position: top left; background-repeat:repeat-y; background:#21a7ca; } #menu-box { width:960px; min-height:330px; background:url('leadimagebg.jpg'); background-position:right; background-repeat:repeat-y; } #product-menu-box { width:960px; min-height:275px; } /* ========================================= */ /* ============= DROPDOWN MENU ============= */ /* ========================================= */ #dropdown-area { float:left; width:250px; } .level1, .level1 a { margin:10px 0px 10px 8px; FONT-WEIGHT: bold;  FONT-SIZE: 25px;  COLOR: #ececec;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; cursor:pointer; } .level1 a:hover { COLOR: #ffffff;  text-decoration:none; } #Interior, #Exterior { display:none; } .level2, .level2 a { text-align:left; text-decoration:none; font-family:Arial; display:block; font-weight:bold; font-size:15px; color:#e5e5e5; height:25px; padding:0px 0px 0px 15px; cursor:pointer; } .level2 a:hover { color:#ffffff; text-decoration:none; } .level3 { display:none; } .level3 ul { list-style-type:none; padding:0px 0px 9px 0px; margin:0; text-align:left; } .level3 li, .level3 li a { list-style-type:none; text-align:left; font-family:Arial; font-weight:normal; color:#e5e5e5; padding:0px 0px 0px 25px; line-height:18px; font-size:13px; text-decoration:none; cursor:pointer; } .level3 li a:hover { color:#ffffff; text-decoration:none; } /* ========================================= */ /* ============= Page Top Half ============= */ /* ========================================= */ #homepage-strapline h1 { float:left; margin:16px 0px 0px 30px; FONT-WEIGHT: normal;  FONT-SIZE: 30px;  COLOR: #1e99dc;  FONT-FAMILY: Arial;  text-decoration:none; text-align:center; } #product-tophalf { MARGIN: 0 auto; background-image:url('productbg.gif'); background-position: top left; background-repeat:repeat-x; background-color:#ffffff; } #product-tophalf-contents { position:relative; MARGIN: 0 auto;  width:960px; background-image:url('tophalf-contents.jpg'); background-position: top left; background-repeat:repeat-y; background-color:#21a7ca; } #seperator { MARGIN: 0 auto;  height:3px; background-color:#d1d1d1; } #seperator-contents { MARGIN: 0 auto; width:960px; height:3px; background-color:#71d2d7; } #product-seperator { MARGIN: 0 auto;  height:5px; background-color:#d1d1d1; } /* ========================================= */ /* ============= Homepage Boxes ============ */ /* ========================================= */ #bottomhalf { MARGIN: 0 auto;  background-color:#ffffff; border-bottom:solid 7px #d1d1d1; } #bottomhalf-contents { MARGIN: 0 auto;  width:960px; } .box { float:left; width:220px; height:220px; FONT-WEIGHT: normal;  FONT-SIZE: 13px;  COLOR: #eeeeee;  FONT-FAMILY: Arial;  text-decoration:none; text-align:center; } .box-heading { margin:20px 10px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 17px;  COLOR: #277eba;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } .box-heading a { FONT-WEIGHT: normal;  FONT-SIZE: 17px;  COLOR: #277eba;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } .box-text { margin:10px 10px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 12px;  COLOR: #777777;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } .box-text a { FONT-WEIGHT: normal;  FONT-SIZE: 12px;  COLOR: #277eba;  FONT-FAMILY: Arial;  text-decoration:none; text-align:right; } .box-link, .box-link a { margin:0px 10px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 12px;  COLOR: #277eba;  FONT-FAMILY: Arial;  text-decoration:none; text-align:right; } .box-image { text-align:center; } .box-seperator { float:left; width:20px; height:180px; margin:20px 0px 20px 0px; background:url('box-seperator.gif'); background-repeat:repeat-y; } /* ========================================= */ /* =============== PROJECT BAR ============= */ /* ========================================= */ #project-bar { MARGIN: 0 auto;  background-color:#1c1c1c; border-bottom:solid 1px #2b2b2b; } #project-bar-contents { MARGIN: 0 auto;  width:960px; FONT-WEIGHT: normal;  FONT-SIZE: 13px;  COLOR: #eeeeee;  FONT-FAMILY: Arial;  text-decoration:none; text-align:center; } #project-left { float:left; width:220px; } #project-heading { margin:20px 10px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 18px;  COLOR: #cccccc;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } #project-text { margin:10px 10px 0px 10px; FONT-WEIGHT: normal;  FONT-SIZE: 11px;  COLOR: #777777;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } #project-right { float:right; width:720px; height:180px; } #motioncontainer { width: 720px; height: 156px; margin:12px 0px 0px 0px; } #motioncontainer a img { border: none; } #motioncontainer a:hover img { border: none; } #statusdiv { display:none; visibility: hidden; } #motioncontainer a:hover { } /* ========================================= */ /* ================= FOOTER ================ */ /* ========================================= */ #footer { MARGIN: 0 auto;  background-color:#141414; } #footer-contents { MARGIN: 0 auto; padding:10px 0px 20px 0px; width:960px; FONT-WEIGHT: normal;  FONT-SIZE: 10px;  COLOR: #777777;  FONT-FAMILY: Arial;  text-decoration:none; text-align:center; } #footer-contents a { FONT-WEIGHT: normal;  FONT-SIZE: 10px;  COLOR: #777777;  FONT-FAMILY: Arial;  text-decoration:none; text-align:center; } .clear { clear:both; } /* ========================================= */ /* ================= MAIN PAGE ============= */ /* ========================================= */ .clear { clear:both; } #innerlayout { float:right; text-align:right; margin:33px 33px 0px 0px; } #innerlayout-top { width:675px; height:68px; background:url('innerlayout-top.png'); background-repeat:no-repeat; } #innerlayout-middle { width:675px; padding:20px 0px 0px 0px; background:url('innerlayout-middle.png'); background-repeat:repeat-y; } #innerlayout-middle-contents { MARGIN: 0px 40px 0px 20px; FONT-WEIGHT: normal;  FONT-SIZE: 13px;  COLOR: #333333;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } #innerlayout-bottom { margin:0px 0px 7px 0px; width:675px; height:32px; background:url('innerlayout-bottom.png'); background-repeat:no-repeat; } #breadcrumb h2 { float:left; background:#3b97ca; margin:32px 0px 5px 8px; padding:3px 13px 3px 13px; FONT-WEIGHT: normal;  FONT-SIZE: 16px;  COLOR: #f9faf9;  FONT-FAMILY: Arial;  text-decoration:none; line-height:30px; } #breadcrumb h2 a:link, #breadcrumb h2 a:visited { FONT-WEIGHT: normal;  FONT-SIZE: 16px;  COLOR: #f9faf9;  FONT-FAMILY: Arial;  text-decoration:none; } #breadcrumb h2 a:hover, #breadcrumb h2 a:active { FONT-WEIGHT: nornal;  FONT-SIZE: 16px; COLOR: #f9faf9;  FONT-FAMILY: Arial;  text-decoration:underline; } /* ========================================= */ /* =============== GRID PAGE =============== */ /* ========================================= */ .grid-product { border:solid 1px #2276a4; width:180px; } .grid-image { width:180px; height:180px; border:none; } .grid-details-box { background-color:#2276a4; width:180px; height:30px; text-align:center; } .grid-details-contents { padding:7px 0px 0px 0px; FONT-WEIGHT: bold;  FONT-SIZE: 13px;  COLOR: #ffffff;  FONT-FAMILY: Arial;  text-decoration:none; } .grid-details-contents a:link, .grid-details-contents a:visited { FONT-WEIGHT: bold;  FONT-SIZE: 13px;  COLOR: #ffffff;  FONT-FAMILY: Arial;  text-decoration:none; } .grid-details-contents a:hover, .grid-details-contents a:active { FONT-WEIGHT: bold;  FONT-SIZE: 13px;  COLOR: #ffffff;  FONT-FAMILY: Arial;  text-decoration:underline; } /* ========================================= */ /* ========== PRODUCT DETAIL PAGE ========== */ /* ========================================= */ #main-image-box { float:left; margin:0px 0px 0px 0px; width:300px; text-align:center; } #product-code { margin:0px 0px 0px 0px; width:300px; text-align:center; FONT-WEIGHT: bold;  FONT-SIZE: 20px;  COLOR: #222222;  FONT-FAMILY: Arial;  text-decoration:none; } #main-image { margin:0px 0px 0px 0px; width:300px; height:300px; text-align:center; } #enlarge { margin:0px 0px 0px 0px; width:300px; text-align:center; } #product-info-box { float:right; margin:40px 0px 0px 0px; width:280px; text-align:left; } .info-titles { FONT-WEIGHT: bold;  FONT-SIZE: 17px;  COLOR: #222222;  FONT-FAMILY: Arial;  text-decoration:none; } .info-text { FONT-WEIGHT: normal;  FONT-SIZE: 13px;  COLOR: #777777;  FONT-FAMILY: Arial;  text-decoration:none; } #email-link-box { float:right; margin:10px -25px 10px 0px; } /* ========================================= */ /* ============= LIGHTBOX STYLES =========== */ /* ========================================= */ #facebox .b { background:#2276a4; } #facebox .tl { background:#2276a4; } #facebox .tr { background:#2276a4; } #facebox .bl { background:#2276a4; } #facebox .br { background:#2276a4; } #facebox { position: absolute; width: 100%; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup { position: relative; } #facebox table { margin: auto; border-collapse: collapse; } #facebox .body { padding: 10px; background: #fff; width: 370px; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; } #facebox .footer { border-top: 1px solid #0075ec; padding-top: 5px; margin-top: 10px; text-align: right; } #facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 5px; width: 5px; overflow: hidden; padding: 0; } /* ========================================= */ /* ========= ADDITIONAL PAGE STYLES ======== */ /* ========================================= */ #additional-page-contents { MARGIN: 0px 40px 0px 30px; FONT-WEIGHT: normal;  FONT-SIZE: 14px;  COLOR: #333333;  FONT-FAMILY: Arial;  text-decoration:none; text-align:left; } .additional-page-title { margin:-10px 0px 0px 0px; text-align:left; FONT-WEIGHT: bold;  FONT-SIZE: 22px;  COLOR: #222222;  FONT-FAMILY: Arial;  text-decoration:none; }