.page_main_area { height:790px; float:left; } .pagecontent3 { border:1px solid #555555; padding:10px; padding-top:0; padding-bottom:5px; } .pagecontent3 h2 { font-size:16px; } .pagecontent4 { width:452px; height:135px; border:1px solid white; border-left:0; border-right:0; } .sitedesign_bottom_background { width:980px; border-top:3px solid #D85326; margin-top:1px; position:absolute; } .sitedesign_left_background { float:left; width:170px; border:1px solid #555555; height:304px; } .sitedesign_main { width:630px; float:left; padding-left:1px; padding-right:1px; } .sitedesign_right_background { margin-top:10px !important; float:right; width:164px; border:6px solid #D85326; height:778px; } .sitedesign_top_background { background-repeat:no-repeat; width:980px; height:67px; background-color:#FFF; } img { border:0; } /* MAIN ELEMENTS */ body { background: #e2edf2; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; } #topMenu { margin:0; padding:0; width:400px; } #cartBody #topMenu { display:none; } #topMenu ul { margin:0; padding:0; list-style:none; } #topMenu ul li { float:left; margin:0; padding:0; } #topMenu ul li.separator { float:left; padding:0px 5px; } a { text-decoration:underline; color:#000; } #wideWrapper { width: 100%; background: url(/sitefiles/29/design/exist_topp.png) repeat-x top center; } #background { width: 980px; margin: 0 auto; } #header { background-repeat: no-repeat; width: 980px; height: 134px; } #home { width: 181px; height: 35px; margin: 50px 0px 0px 0px; display: block; float: left; } #mainContent h2 { margin:0px 0px 10px 0px; } #mainWrapper { widht: 980px; } #rightWrapper { width: 750px; float: right; padding: 10px 0px 0px 0px; } #rightWrapper #mainContent { } #rightWrapper #leftContent { display:none; } #infoBody #rightWrapper #mainContent, #cartBody #rightWrapper #mainContent { width:480px; float:left; margin:0px 10px 0px 0px; padding:10px; background:#FFF; } #infoBody #rightWrapper #leftContent, #cartBody #rightWrapper #leftContent { display:block; width:220px; float:left; } /* SEARCH */ #searchField { width: 175px; margin: 0px 0px 0px 0px; clear: both; } #searchField label { color: #4a5255; height: 15px; } #searchField #productSearch { border: 1px solid #c5d6dd; width: 120px; line-height:20px; font-size: 14px; margin:0; padding:0; } #searchField #productSearchButton { font-size: 14px; border: 1px solid #c5d6dd; background: #FFF; cursor: pointer; line-height:20px; margin:0; padding:0; } /* NEWSLETTER */ #newsLetterWrapper { margin-top: 20px; } #newsLetterWrapper label { color: #4a5255; height: 15px; } #newsLetterWrapper #newsLetterMail { border: 1px solid #c5d6dd; width: 200px; line-height: 20px; font-size: 14px; } #newsLetterWrapper #newsLetterSubmit { font-size: 14px; border: 1px solid #c5d6dd; background: #FFF; line-height: 20px; cursor: pointer; } /* LEFT MENU */ #leftWrapper { width: 200px; float: left; padding: 0; } #leftWrapper #productMenu { margin: 10px 0px 0px 0px; } #leftWrapper #productMenu ul { margin: 0; padding: 0; list-style-type: none; } #leftWrapper #productMenu ul li { margin: 0px 0px 0px 0px; padding: 0px; } #leftWrapper #productMenu ul ul li { margin: 0px 0px 0px 20px; } #leftWrapper #productMenu ul li.borderBottom { padding-bottom: 10px; margin-bottom: 0px; } #leftWrapper #productMenu ul li a { color: #4a5255; font-weight: bold; font-size: 14px; line-height: 18px; text-decoration: none; margin: 0px; } #leftWrapper #productMenu ul li a.selected { color:#000; } #leftWrapper #productMenu ul ul li a { font-weight: normal; font-size: 11px; } #leftWrapper #infoMenu { margin: 10px 0px 0px 0px; } #leftWrapper #infoMenu ul { margin: 0; padding: 0; list-style-type: none; } #leftWrapper #infoMenu ul li { margin: 0; padding: 0; } #leftWrapper #infoMenu ul li a { color: #4a5255; font-weight: bold; font-size: 11px; line-height: 15px; text-decoration: none; margin: 10px 0px 0px 0px; } /* PRODUCT */ .productWide { background: #FFF; width: 730px; padding: 10px; height: 250px; margin-bottom: 10px; clear: both; } .productWide h2 { margin: 0px 0px 0px 0px; } .productWide h2 a { font-size: 16px; height: 20px; display: block; text-decoration: none; color: #4a5255; } .productWide .productImage { border: 1px solid #CCC; width: 730px; height: 200px; text-align: center; } .productWide .productBottomLine { padding-top: 10px; text-align: right; } .productWide a.productCost { font-size: 16px; text-decoration: none; font-weight: bold; color: red; } .product { background: #FFF; padding: 10px; width: 160px; float: left; height: 225px; margin-bottom: 10px; } .product h2 { margin: 0px 0px 10px 0px; } .product h2 a { font-size: 14px; height: 30px; display: block; text-decoration: none; color: #4a5255; overflow:hidden; } .product .productImage { border: 1px solid #CCC; width: 160px; height: 160px; text-align: center; } .product .productBottomLine { padding-top: 10px; text-align: right; } .product a.productCost { font-size: 14px; text-decoration: none; font-weight: bold; color: red; } /* CART */ #cartProductTable th { text-align:left; } .costTD { text-align:right; } #cartProductTable { width:100%; border-bottom:2px solid #000; } #cartProductTable td { padding:1px; } #cartProductTable td .discounted { color:#CCC; text-decoration:line-through; } #cartProductTable .cartCount { border:1px solid #CCC; width:20px; font-size:11px; } .cartSumTable { float:right; width:150px; } #CartWrapper { width: 390px; float: right; margin: 50px 0px 0px 0px; } #cart { margin: 0; } #cart #cartInfo h1 { color: #6c7477; font-size: 12px; margin: 0px; text-align: right; } #cart #cartInfo p { margin: 0px; padding: 0px; text-align: right; color: #6c7477; font-size: 11px; } #cart #cartInfo { float: left; width: 180px; margin: 0px 20px 0px 0px; line-height: 20px; } #cart #cartWagon, #cart #cartWagonDisabled { float: left; width: 61px; margin: 5px 20px 0px 0px; } #cart #checkoutButton, #cart #checkoutButtonDisabled { float: right; width: 108px; margin-top: 5px; text-decoration: none; } #cart #checkoutButton span { float: left; display: block; text-align: center; color: #6c7477; width: 60px; line-height: 15px; margin-top: 6px; } #cart #checkoutButtonDisabled span { float: left; display: block; text-align: center; color: #e0e8ec; width: 60px; line-height: 15px; margin-top: 6px; } #cart #checkoutButton img, #cart #checkoutButtonDisabled img { float: right; } /* BOTTOM */ #bottomWrapper { width: 100%; border-top: 3px solid #f0f5f7; background: #FFF; text-align: center; margin:10px 0px 0px 0px; } #keyteqSignature { width: 100%; text-align: center; margin: 20px 0px; } #keyteqSignature a { color: #4a5255; text-decoration: none; } /* PRODUCTDETAILS */ #productDetailsWrapper { width:750px; } #productDetails { margin:0px 10px 0px 0px; width:500px; padding:10px; float:left; background:white; } #productDetailsWrapper h1, #productDetailsWrapper h2, #productDetailsWrapper h3 { margin:0px; } #productDetails { } #productDetails #productImagesWrapper { width:210px; float:left; } #productDetails #MainProductImage { display:block; width:220px; height:350px; padding:0px; border:1px solid #CCC; } #productDetails #productShopFunctionWrapper { width:270px; float:right; overflow:hidden; } #productDetails #productShopFunctionWrapper h1 { font-size:16px; } #productDetails #productShopFunctionWrapper select { width:200px; font-size:11px; } #productDetails #productShopFunctionWrapper select#prodSizeSel { width:120px; } .productCostOldPrice, #productDetails #productShopFunctionWrapper .productDiscountOldPrice { text-decoration:line-through; font-weight:bold; color:#CCC; font-size:14px; } #productDetails #productShopFunctionWrapper .productPrice, #productDetails #productShopFunctionWrapper .productDiscountNewPrice { font-size:16px; font-weight:bold; color:#000; margin:20px 0px 0px 0px; line-height:20px; } .cartSubmitButton, #SubmitTellAFriendButton, #productDetails .productSubmitToCartButton { background:url(/sitefiles/29/design/submit_button.png) no-repeat 0 0; border:0; color:#fff; font-size:11px; height:19px; width:150px; padding:0 0 2px 0; cursor:pointer; } #productDetailsRelatedWrapper { margin:0; width:220px; float:right; } #productDetailsMostBought, #productDetailsPopular, #productDetailsRelatedProducts, #productDetailsAlsoBought { background:white; margin:0px 0px 10px 0px; padding:10px; width:200px; } #productDetailsMostBought h2, #productDetailsPopular h2 { margin:0; } .clear { clear:both; } .relatedProduct { margin:0px 0px 10px 0px; border-bottom:1px solid #CCC; padding:0px 0px 10px 0px; } .relatedProductsTryAlso .relatedProduct { border:0; width:117px; float:left; margin:0px 10px 0px 0px; } #productDetails .relatedProductsTryAlso h2 { margin:20px 0px 0px 0px; } #productDetails .relatedProductsTryAlso .relatedProduct .productImage { width:97px; text-align:center; margin:10px 0px 10px 0px; height:100px; float:regular; border:none; } #productDetails .relatedProductsTryAlso .relatedProduct h3 { height:40px; clear:both; width:117px; } #productDetails .relatedProductsTryAlso .relatedProduct .productPrice { padding:0; } .relatedProduct .productImage { float:left; width:70px; height:100px; margin:0px 10px 0px 0px; display:block; } .relatedProduct h3 { text-decoration:underline; font-size:11px; font-weight:normal; height:40px; } .relatedProduct .productPrice { text-decoration:none; font-weight:bold; font-size:18px; padding:20px 0px 0px 0px; display:block; } .tipsWrapper { display:none; } #sitemap ul { list-style:none; margin:0; padding:0; } #sitemap ul li { margin:0 0 0 20px; } #sitemap ul li a { background:url(/sitefiles/29/design/ikoner/page.png) no-repeat left center; padding:0 0 0 20px; line-height:20px; display:block; height:20px; } a:hover { text-decoration:none; } #tellAFriendLinkWrapper { padding:15px 0px; margin:10px 0px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } #tellAFriendButton { display:block; } #CloseTellAFriendWindow { cursor:pointer; height:16px; width:16px; background:url(/sitefiles/29/design/cross.png) no-repeat 0 0; position:absolute; top:10px; left:490px; } .tellAFriendWrapper h4 { font-size:16px; } #cartCheckoutErrorMessage, #productVariantError, #TellAFriendErrorMessageWrapper { color:red; } #recievermailWrapper { float:left; width:230px; } #sendermailWrapper { float:left; width:230px; } .tellAFriendWrapper label { display:block; clear:both; font-weight:bold; } .tellAFriendWrapper input, .tellAFriendWrapper textarea { padding:2px; border:1px solid #CCC; font-size:11px; } .tellAFriendWrapper input { width:220px; } .tellAFriendWrapper textarea { width:450px; } #modal_container { padding:10px; background-color:#fff; border:5px solid #E2EDF2; overflow:auto; font-family:Arial,Verdana; font-size:12px; color:#333; text-align:left; } #modal_overlay { background-color:#000; } #ContentNavigation { margin:0px 0px 10px 0px; } #ContentNavigation ul { list-style:none; margin:0; padding:0; } #ContentNavigation ul li { float:left; margin:0px 10px 0px 0px; padding:0; } #ContentNavigation ul li a { display:block; padding:5px; border:1px solid #CCC; font-size:12px; } #ContentNavigation ul li a.active { font-weight:bold; text-decoration:none; } #paymentInformationText, #addressInformationText { float:right; width:150px; } paymentInformationForm, #addressInformationForm { float:left; width:330px; } #paymentInformationForm label, #addressInformationForm label { font-weight:bold; float:left; width:100px; } #paymentInformationForm input.textBox, #addressInformationForm input { border:1px solid #CCC; font-size:11px; width:150px; } #paymentInformationForm select { font-size:11px; } #addressInformationForm textarea { border:1px solid #CCC; font-size:11px; width:150px; } .checkout { padding:0; } .checkout td { padding:0; margin:0; } #receipt { border:1px solid #50af2f; text-align:center; padding:30px 0px; } #noNavi .naviWrapper { display:none; } .naviWrapper { width:730px; padding:10px; background-color:#FFF; text-align:center; } .naviWrapper .naviInfo { line-height:16px; } #noProductsToShow { background-color:#FFF; width:730px; padding:10px; text-align:center; font-weight:bold; font-size:14px; } #lightbox{ background-color:#eee; padding: 10px; } #lightboxDetails{ font-size: 0.8em; padding-top: 0.4em; } #lightboxCaption{ float: left; } #keyboardMsg{ float: right; } #closeButton{ top: 5px; right: 5px; } #lightbox img{ border: none; clear: both;} #overlay img{ border: none; } #overlay{ background-color:#000; opacity:0.3; *filter: alpha(opacity = 30); }