/* CSS for Korkers sie */ /** ** Styles for all pages **/ body { background: #d9d7b7 url(img/main_bg.gif) top repeat-x; font-family: verdana; } img { border: 0; } fieldset { border: 0; margin: 0; padding: 0; } a { color: #535448;} #container { width: 100%; text-align: center; } #content-container { width: 980px; margin-left: auto ; margin-right: auto; position: relative;} #logo { position: absolute; margin-left: 30px; margin-top: 0px; z-index: 10; } #top-shadow { background: url(img/top_shadow.png) bottom repeat-x; height:10px;} #left-shadow { background: url(img/left_shadow.png) right repeat-y; width:10px; } #right-shadow { background: url(img/right_shadow.png) left repeat-y; width:10px; } #bottom-shadow { background: url(img/bottom_shadow.png) repeat-x; height:10px;} #top-left-shadow { background: url(img/corner_top_left.png) bottom right no-repeat; height:10px; width: 10px;} #top-right-shadow { background: url(img/corner_top_right.png) bottom left no-repeat; height:10px; width: 10px;} #bottom-left-shadow { background: url(img/corner_bottom_left.png) top right no-repeat; height:10px; width: 10px;} #bottom-right-shadow { background: url(img/corner_bottom_right.png) top left no-repeat; height:10px; width: 10px;} #content { width: 952px; text-align: left; padding: 4px; background: #fff;} #main { background: url(img/cart_bg.gif) top repeat-x; /*min-height: 400px;*/ min-height: 800px;} #right-column { float: right; width: 188px; height:200px; background: url(img/cart_bg.gif) top right no-repeat; } #cart { margin-top: 8px; margin-left: 23px; } #cart img { position: relative; top:3px; } .cart-text { text-transform: uppercase; font: 10px arial, sans-serif; color: #535448; display: inline; padding-left: 10px;} #facebook { margin: 7px 19px; } #bottom-gradient { background: url(img/bottom_gradient.gif); height:30px; clear: both; border-bottom: 1px solid #fff; } .footer { clear: both; background: #e8e6d8; font: 9px verdana; color: #535448; text-transform: uppercase; padding: 11px 0 11px 30px; width:920px; } .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline; color: #535448;} .footer img { float: right; margin-top: -5px; padding-right: 47px;} .footer .on { text-decoration: underline; } .copyright { font: 9px verdana; color: #535448; text-transform: uppercase; } .hd1 { font-size: 24px; color: #535448; margin-bottom: 20px; margin-top:15px;} .hd2 { font-weight: bold; } .login-logout { text-align: center; margin-top: 7px;} .login-logout { font-size: 11px !important;} /** ** WORKING WITH MAGENTO'S CLASSES **/ .menu-item li, .menu-item ul { list-style: none; padding: 0; margin: 0; } .category-head h2 { font-size: 24px; color: #535448 !important; margin-bottom: 20px; } .main-content { padding-top: 100px; /* padding-left: 25px; */ padding-left:25px; width: 729px; _width: 719px; margin-bottom: 20px; color: #535448;} .main-content ul { list-style:disc; margin: 0 40px 10px 40px; } ul.form-list { list-style: none; } .login-box .col-1, .login-box .col-2 { background: #fff; border: 0; } .login-box .content {border:1px solid #BBB6A5; } .col-1 h4, .col-2 h4 { color: #535448 ;} .col2-set .col-1, .col2-set .col-2 { width: 300px; } table .col-1, table .col-2 { float: right !important; } #co-shipping-method-form { background: url(img/shipping_estimate_bg.png) top no-repeat; display: block; position: relative; top: -263px; width: 360px; padding: 60px 0 0 60px; min-height: 310px;} #co-shipping-method-form ul { margin-left: 0px; } #co-shipping-method-form ul label { font-weight: normal; } #co-shipping-method-form-x { float: right; position: relative; top: -30px; margin-right: 70px;} /*shopping-cart-collaterals .col-1, shopping-cart-collaterals .col1-set, shopping-cart-collaterals .col-2, shopping-cart-collaterals .col2-set { float: none !important;}*/ .page-head h3 { font-size: 24px; color: #535448 !important; padding-bottom: 10px; } h1, h2, h3, h4, h5, h6 { color: #535448 !important;} h5.title { color: #535448 !important; } .generic-box, .account-box { background: url(img/cart_bg.gif) repeat-x top;} .order-info { background: #edecde; } .page-head { border-bottom:1px solid #CCCCCC; margin:0 0 25px; } /** ** SHOPPING CART **/ ul.checkout-types { list-style: none; margin: 10px 0 0 0; float: right; width: 200px;} .page-head-alt h3 { font-size: 24px; color: #535448; margin-bottom: 20px; } .form-button-alt { background:#e4e2c7; border: 1px solid #9a987f; color: #535448; font-family: verdana !important; font-size: 11px !important; font-weight: normal !important; margin-bottom: 10px;} .shopping-cart-totals { /*background: url(img/cart_bg.gif) top repeat-x;*/ border: 0; background: #fff; } .col2-set .col-1 { float: left !important; } .col2-set .col-2 { /*float: right !important;*/ } .data-table {border: 1px solid #d7d9b7 !important;} .data-table thead { } .data-table thead th { border: 0 !important; border-bottom: 1px solid #535448; background:#e4e2c7 !important; color: #535448;} .data-table td { background: #fff !important; border: 0 !important; } .box-table { border: 0; } .shopping-cart-collaterals { width:405px; } .shopping-cart-collaterals .box { width:300px; background: url(img/cart_bg.gif) top repeat-x; border: 0; } .one-page-checkout .active .head { background: #e4e2c7; } .one-page-checkout .allow .head { height: 20px;} .one-page-checkout .active .box { background: #fff; } .one-page-checkout .active .step-count { background: #535448 ; border: 1px solid #9a987f; } .one-page-checkout .active .head h3 { color: #535448 ;} .group-select ul { list-style: none; } .shipment-methods ul { list-style: none; } .payments-methods ul { list-style: none !important; } .attributes-col .title { color: #535448 !important;} /** ** MAIN MENU **/ #menu { width: 205px; } #menu-top { background: url(img/menu_top.png) top no-repeat; width: 100%; height: 16px; } #menu-main { background: url(img/menu_bottom.png) bottom no-repeat; padding-bottom: 20px;} .menu-item { font-size: 11px; font-family: verdana; width: 167px; margin-left: 9px; text-transform: uppercase; padding: 5px 0px 5px 19px; border-top: 1px solid #e4e2c7; border-bottom: 1px solid #e4e2c7;} .menu-item a { text-decoration: none; } .level1 { padding: 0; margin: 0; } #menu-main .sub, #menu-main .level1 { font: 9px verdana !important; width: 157px; margin-left: 9px; text-transform: uppercase; padding: 5px 0px 5px 29px;} #menu-main .sub a { text-decoration: none;} .menu-item-over { background: #005bc0 url(img/menu_item_bg.gif) top repeat-x !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .menu-item-over a { color: #e1e1e1 !important} .menu-item-over-stay{ background: #005bc0 url(img/menu_item_bg.gif) top repeat-x !important; border-top: 1px solid #fff; border-bottom: 1px solid #fff;} .menu-item-over-stay a { color: #e1e1e1 !important} /** ** HOME PAGE **/ .dealer-home { text-align: center; } #featured-wrapper { background: url(img/featured_bg.gif) bottom repeat-x; border: 1px solid #fff; padding-bottom: 20px;} /* padding added to make room for TU image. Otherwise, it overlaps the footer bar */ #featured { font: 10px verdana; color: #535448; margin: 13px 21px; height: 100px;} #featured .hd { text-transform: uppercase; font-size: 11px; color: #556fa6; font-weight: bold; } .featured-left { float: left; padding-right:39px; border-right: 1px solid #e1e1e1; margin-right:27px; width:350px;} .featured-right { float: left; width: 330px;} .featured-right .hd { margin-bottom: 10px;} .cta_home { float: left; position:relative; left:-10px; top:-92px; } .cta_home img { margin-left:20px; } .featured-img { margin-right: 20px; float: left; } #newsletter { float: left; margin: 2px 12px 0 0; padding: 0; } #newsletter input { font: 9px verdana; height: 13px; width: 220px; } /** ** PRODUCT LIST **/ /*#prod-list { padding-top: 100px; padding-left: 10px; width: 741px; margin-bottom: 20px;} .category-hd { background: #f0efe2; border: 1px solid #e1e1ce; padding: 6px 0 5px 14px; font: bold 13px verdana; color: #535448; text-transform: uppercase;}*/ #prod-list .hd2 { /*clear: both;*/ background: #f0efe2; border: 1px solid #e1e1ce; border-top: 0; padding: 6px 0 5px 14px; font: bold 13px verdana; color: #535448; text-transform: uppercase; } #prod-list .item { width: 167px; float: left; background: #fff; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; font: 10px verdana; padding: 19px 0px 14px 14px;} #prod-list .item img{ margin-bottom: 13px; } #prod-list .first { border-left: 1px solid #e1e1e1; } #prod-list .price { color: #535448; margin-top: 8px;} .sole .thumb { float: left; margin-right:15px;} .sole .name { padding-right:5px;} /** ** PRODUCT DETAIL **/ #prod-detail { border: 1px solid #e1e1e1; padding: 23px 18px; background: #fff; width: 300px; float: right; margin-top: -80px; font: 11px verdana; color: #535448; } .cat { color: #cc6633; text-transform: uppercase; font-weight: normal;} #prod-detail .name { font-size: 24px; color: #535448; margin-bottom: 10px;} #prod-detail .price { font-size: 16px; color: #535448; margin: 15px 0px;} #prod-detail form { margin: 10px 0; } #prod-detail select { margin-right: 5px; } #prod-detail .qty { width: 30px; } #prod-detail .check { width: 13px; height: 13px; padding: 0; margin:0; margin-right: 5px; vertical-align: bottom; position: relative; overflow: hidden; } #prod-detail .sole-price { font-weight: bold; } #prod-detail label { display: block; color: #535448; margin-bottom: 3px; } #prod-detail a { color: #535448; font-weight: normal; } #prod-detail #buy-now { margin-right: 40px; margin-top: 20px; clear:both;} #prod-detail ul { color: #535448; margin-left: 15px; padding-left: 0px; font-size: 11px; margin-bottom: 0px; padding-bottom: 0px; margin-top: 5px; } #prod-detail li { line-height: 150%; } #prod-detail form .cat { margin-bottom: 20px; text-transform: none; display: block; } #prod-detail .cat label { color: #cc6633; border: 0; margin: 0; padding: 0; } #prod-detail .cat label input { float:left; margin-right: 5px; margin-left: 0px;} #prod-detail .cat .price { padding-left: 30px; margin: 5px 0px;} .included {font-weight: normal; } #sole-options { margin-top: 15px; margin-bottom: 5px; } .roofing { font-weight: normal; } #prod-pic { padding-top: 0px; padding-left: 0px; } #prod-pic-tall { padding-top: 100px; padding-left: 0px; } #prod-pic img.main, #prod-pic-tall img.main { margin-bottom: 30px; } #prod-pic img.sole { padding-left: 120px; } #color-views { margin-left: 20px; margin-bottom: 20px; } #color-views .hd { font-size: 12px;color: #535448; text-transform: uppercase; margin-bottom: 15px; } #color-views .colors { float: left; border-right:1px solid #e1e1e1; width: 120px;} #color-views .views { float: left; } #color-views img { margin-bottom: 10px;} #color-views .colors img{ padding-left: 15px; } #color-views .views img { padding-left: 5px; } #color-views .end { clear: both; } #prod-featured { clear: both; margin-left: 10px; font-size: 11px; font-weight: normal;color: #535448; margin-bottom: 10px; min-height: 40px;} #prod-featured h3 { text-transform: uppercase; color: #535448; font-size: 11px; font-weight: bold;} #prod-featured .box { border: 1px solid #e1e1e1; padding: 20px 16px; width: 685px; margin-top:25px;} #prod-featured .box .title { float: left; width: 170px; } #prod-featured .box .hd1 { font-size: 12px; text-transform: uppercase; color: #535448; margin-bottom: 7px; } #prod-featured .box .hd2 { font-size: 10px; text-transform: uppercase; color: #cc6633; margin-bottom: 5px;} #prod-featured .box .byline { font-size: 11px; color: #535448; } #prod-featured .box .desc { float: left; width: 470px; padding-left: 25px;} #prod-featured .end { clear: both; } #prod-featured .title-tall { border-right: 1px solid #e1e1e1; } #prod-featured .desc-tall { border-left: 1px solid #e1e1e1; } #popup { width: 298px; position: absolute; background: url(img/popup_top.png) top no-repeat; margin:0; padding:10px 0; top: 150px; left: 130px; display:none; z-index: 10; } #popup .main { background: url(img/popup_bottom.png) bottom no-repeat; padding-top:20px; min-height:200px; padding: 10px 20px; font-size: 10px;color: #535448;} #popup .main-img { float: left; margin-right: 5px; } #popup p { margin: 3px 0;} #popup .hd { font-size: 12px; font-weight: bold; margin-bottom: 10px;} #popup .desc { font-size: 10px; } #popup .icons { margin-top: 10px; position: relative;} #popup .icons img { margin-right: 5px;} #popup .end { clear: both; padding: 10px;} div.popup-content { display: none; } #popup .sole-desc { position: relative; margin-left: 130px; margin-right: 5px; font-size:11px;} #popup ul { position: relative; margin: 0px; padding: 0px; margin-left: 15px;} #popup li { margin-bottom: 5px;} #popup .klingon-logo{ margin: 5px 0;} /** ** FAQ **/ #main .question { color: #cc6633; padding-bottom: 10px; font-weight: bold; text-decoration: underline; } #main .answer { margin-bottom: 15px;} /** ** NEWS / PEOPLE ARE TALKING **/ #main .hd1 { font-size: 24px; color: #535448; margin-bottom: 20px;} #main #hd-container, #main #hd-container-cust { float: left; width: 180px; /*padding-top: 10px;*/ padding-right: 15px;} #main #hd-container a, #main #hd-container-cust a { color: #cc6633; font-weight: bold; } #main #hd-container .sub, #main #hd-container-cust .sub { padding-left: 30px; font-weight: normal !important; font-size: 11px;} #main #hd-container .sub a, #main #hd-container-cust .sub a { font-weight: normal;} #main .hd { margin-top: 15px;} #main #article, #main #article-cust { display: none; float: left; width: 450px; min-height: 650px; padding-left: 18px; border-left: 1px solid #e1e1e1; margin-bottom: 20px;} #main #article-cust { display:block; } .article { display: none; } #article .hd, #article-cust .hd { font-weight: normal; font-size: 18px; margin-bottom: 10px;} #article .summary, #article-cust .summary { font-style: italic; margin-bottom: 10px;} #article .date, #article-cust .date { font-size: 11px; margin-bottom: 10px;} /** ** TECHNOLOGY **/ #hd-container #popup, #hd-container-cust #popup { top: 100px; left: 70px; } #article li a { color: #cc6633; } /** ** CONTACT US **/ #emailForm { float: left; margin-right: 30px; color: #535448;} #emailForm .field { width: 200px; margin: 0; padding: 0; border: 1px solid #999999;} #emailForm .submit-btn { padding: 15px; width: 100px; margin: 0; padding: 0; border: 1px solid #999999;} #emailForm input, #emailForm textarea { font: 10px verdana;color: #535448;} #emailForm input.required, #emailForm textarea.required{ color: #535448;} #emailForm input.error, #emailForm textarea.error { border: 1px solid #9d3535; color: #535448;} #emailForm input.valid, #emailForm textarea.valid { font: 10px verdana; } #emailForm label.error { font-size: 10px; color: #9d3535; margin-left: 10px; width: 50px !important; } /** ** DEALER LOCATOR **/ #hd-container2 { float: left; border-right: 1px solid #e1e1e1; padding-right:20px; } #ajaxResult { width: 500px; float: right; } #ajaxResult h4 { margin: 0; padding: 0; text-transform: uppercase; color: #535448; font-size: 11px; font-weight: bold;} #ajaxResult .dealers { color: #cc6633; } #ajaxResult a { color: #cc6633;} .states-provinces { width: 150px;} .states-provinces a { margin-right: 10px;} .city { margin-top: 20px;color: #cc6633; text-transform: uppercase; font-weight: bold;} .dealer-info { margin-bottom: 15px;} .dealer-name { font-weight: bold; /*margin-top:20px;*/} .dealer-name a { color: #535448 !important; } .premier { border: 1px solid #e1e1e1; padding: 10px 10px 10px 40px; background: url(img/icon_premier_dealer_star.gif) no-repeat 10px 13px; } .premier-legend { float: right; } .state-hd { font-size: 16px; font-weight: bold; color: #535448;} /** ** DEALER RESOURCE PAGE **/ .dealer-resource a { color: #cc6633; } .dealer-resource img { float: left; margin-right: 25px; margin-bottom: 15px;border: 1px solid #e1e1e1;} .dealer-resource p { clear: both; margin-bottom: 15px;} .dealer-resource blockquote {margin-left: 20px;} .dealer-resource .hd3 { margin-top: 15px; } .filesize { color: #999999; font-size: 10px; margin: 0; padding: 0;} /** ** DEALER LOGIN **/ #dealer { padding-top: 100px; padding-left: 30px; padding-right: 220px; font: 12px verdana; color: #535448; } #dealer .field { width: 200px; margin: 0; padding: 0; border: 1px solid #999999;} #dealer .submit-btn { padding: 15px; margin: 0; padding: 0; border: 1px solid #999999;} .instruct { float: right; padding: 0px 30px; width: 300px;} .instruct h4 { font-weight: bold; margin: 0; padding: 0; margin-bottom: 10px;} .login-options label { font-weight: normal !important; } /** ** WARRANTY REGISTRATION **/ #warranty { font: 12px verdana; color: #535448; } #warranty p { margin:3px 0; padding: 0; clear: both;} #warranty fieldset { border: 1px solid #e1e1e1; padding: 10px; margin-bottom: 10px;} #warranty legend { font-size: 11px; color:#cc6633; display: inline !important;} #warranty label { float: left; width: 150px; text-align: right; padding-right: 10px; font-weight: normal; } #warranty .field { width: 200px; margin: 0; padding: 0; border: 1px solid #999999; color:#535448; } #warranty .sm { margin: 0; padding: 0; border: 1px solid #999999; color:#535448; } #warranty .area { float: left; width: 160px !important; text-align: right; padding-right: 10px;} #warranty .submit-btn { padding: 2px 15px !important; margin: 10px 0 0 10px; padding: 0; border: 1px solid #999999;} #warranty input.error, #warranty textarea.error, #warranty select.error { border: 1px solid #9d3535; font-weight: normal !important;} #warranty input.valid, #warranty textarea.valid { font: 10px verdana; } #warranty label.error { float: none; display: inline; font-size: 10px; color: #9d3535; margin-left: 15px;} /** ** WE SUPPORT **/ .support-logo { float: right; margin: 0 0 10px 10px;} /** ** DEALER-SPECIFIC CLASSES **/ .dealer-nav { background: #edecde; } .dealer-nav a { font-weight: bold; } .dealer { margin-top:15px;} .dealer fieldset { /*border: 1px solid #e1e1e1;*/ padding: 10px; margin-bottom: 20px; font-weight: normal;background: #f5f4e9;} .dealer legend span { display: block; white-space: normal; width: 260px; } /* so long legend text will wrap */ .dealer legend { border: 1px solid #f0f0f0;font-size: 11px; color:#cc6633; display: inline !important; padding: 5px 10px; margin-bottom:5px; background: #fff;} .dealer label { display: inline;} .dealer select, input { color: #535448; } .dealer a { float: right; color: #a6a58c !important; padding-top:15px;} .dealer p { margin-top: 10px;} .dealer-item { padding: 5px;} div.alt { background: #e1e0cc !important; } img.delete-product { position: relative; left: 12px; top:3px;} /** ** VIDEOS **/ #omnitrax_video { float: right; margin-left: 20px;} #klingon_video { float: left; margin-right: 20px;}