/* defaults */ /* sticky footer */ * { margin:0; padding:0; } html,body { height:100%; } .push { height:152px; } body { margin: 0; color: #000; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 62.5%; text-decoration: none; text-align: center; background: url(../images/body_bg.jpg) #353735 center top; } a { text-decoration: none; } a img { border: 0; } *:focus, *:active { outline: 0; -moz-outline: none; } *::-moz-focus-inner { border: none; } /* imports */ @import 'jquery.ui.css'; /* start */ #container { overflow: hidden; margin: 0 auto; width: 992px; min-height:100%; height: auto !important; text-align: left; background: url(../images/container_bg.png) repeat-y center top; } #header { position: relative; margin: 0 auto 5px; width: 976px; height: 152px; background: url(../images/header_bg.jpg) no-repeat center top; } .logo { display: block; position: absolute; top: 26px; right: 110px; z-index: 4; overflow: hidden; width: 326px; height: 55px; text-indent: -9999px; background: url(../images/logo_tailormadesuits.gif) no-repeat 0 0; } .logo:hover { background: url(../images/logo_tailormadesuits.gif) no-repeat 0 -55px; } .hdr_top { position: absolute; top: 0; left: 0; z-index: 3; width: 976px; height: 125px; background: url(../images/header_top.png) no-repeat 0 0; } #header ul { position: absolute; bottom: 0; left: 12px; margin: 0; padding: 0; list-style: none; color: #1c1919; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; } #header li { display: block; float: left; margin: 0 2px 0 0;} #header li a { display: block; padding: 0 35px 0 10px; height: 64px; color: #1c1919; line-height: 100px; } #header li a:hover { background: url(../images/menu_over_bg.jpg) repeat-x left bottom; } #header li a.last { padding: 0 20px 0 10px; } #header form { position: absolute; bottom: 5px; right: 18px; } #header input { display: block; float: left; width: 82px; height: 17px; color: #3c2255; font-size: 11px; line-height: 17px; border: 0; background: 0; } #header input.search { display: block; float: left; width: 14px; height: 17px; background: url(../images/home_btn_submit.gif) no-repeat left center; } #header input.search:hover { background: url(../images/home_btn_submit.gif) no-repeat right center; } #contents { position: relative; overflow: hidden; margin: 0 auto; width: 952px; height: auto; padding:0 0 20px 0; } #centerpiece { position: relative; margin: 0 auto 5px; overflow: hidden; width: 952px; height: 305px; } .overlay { position: absolute; top: 0; left: 0; z-index: 2; margin: 0; width: 952px; height: 305px; } .overlay-top { position: absolute; top: 0; left: 0; z-index: 5; margin: 0; width: 952px; height: 4px; border-bottom: 1px dotted #FFF; } .overlay-bottom { position: absolute; bottom: 0; left: 0; z-index: 5; margin: 0; width: 952px; height: 4px; border-top: 1px dotted #FFF;} .icons { position: absolute; top: 0; right: 445px; z-index: 4; width: 60px; height: 100%; background: url(../images/transparent_dark.png) 0 0 transparent; } .icons img { margin: 11px 4px; z-index: 4; } #centerpiece h1 { position: absolute; bottom: 34px; left: 30px; z-index: 4; margin: 0; width: 380px; height: auto; color: #FFF; font-family: Arial, sans-serif; font-size: 30px; line-height: 30px; } #centerpiece h1 span { color: #b4cd6a; text-transform: uppercase; } #centerpiece h2 { /*position: absolute; top: 6px; right: 30px;*/ z-index: 4; margin: 0; padding: 0 15px; width: 380px; height: 60px; color: #b4cd6a; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; line-height: 60px; /*background: url(../images/transparent_dark.png) 0 0 transparent;*/ } .info { position: absolute; top: 0px; right: 30px; z-index: 4; width: 410px; height: 305px; background: url(../images/transparent_dark.png) 0 0 transparent; } .info p { margin: 0; padding: 10px 15px; color: #FFF; font-size: 13px; } .slides { position: absolute; top: 0; left: 0; background:transparent url(../images/centerpiece_bg.jpg) no-repeat; width:952px; height:305px; } .slides li div { z-index: 10 } ; #modules { overflow: hidden; padding: 0; padding-bottom: 5px; } .module { position: relative; float: left; margin: 0; margin-left: 10px; width: 228px; height: 230px; border: 0; border-bottom: 1px dotted #2a7474; } .mod_first { margin-left: 0; } .module h4 { margin: 0; padding: 0; height: 30px; color: #2a7474; font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 30px; border: 1px dotted #2a7474; border-left: 0; border-right: 0; } .module h4 a { display: block; padding: 0 10px; color: #2a7474; } .module h4 a:hover { background: url(../images/mod_h3_hover.jpg) repeat-x 0 0 #CCC; } .module p { display: block; margin: 0; overflow: hidden; width: 228px; height: 198px; } img.maathemden { margin-left: -228px; } img.hangemaakte { margin-left: -458px; } img.accessoires { margin-left: -684px; } .module a.tag, .inner_sidebar a.tag { display: block; margin: 0; overflow: hidden; width: 150px; height: 72px; position: absolute; bottom: -15px; left: 70px; background:transparent url(../images/price-tag.png) no-repeat;} .module a.tag.va, .inner_sidebar a.tag.va { background:transparent url(/assets/images/price-tag-va.png) no-repeat; } .module a.tag:hover, .inner_sidebar a.tag:hover { background-position:-183px 1px; } .module a.tag img, .inner_sidebar a.tag img { position: absolute; bottom: 18px; left: 39px;} .module a.image { width:228px; height:198px; overflow:hidden; } /*.module a.tag:hover img, .inner_sidebar a.tag:hover img { margin-left: -144px; }*/ .mod_2col { float: left; margin: -10px 0 5px; width: 470px; height: 326px; border: 1px dotted #2a7474; border-left: 0; border-right: 0; } .mod_2col h2 { clear: both; margin: 0 0 0 10px; padding: 5px 0; width: 100%; /*height: 50px;*/text-align:left; font-size: 18px; line-height: 30px; text-align:left; } .mod_2col h2 span { font-weight: normal; } .mod_2col h3 { margin: 0; padding: 0; padding-left: 10px; height: 30px; color: #000; font-family: Arial, sans-serif; font-size: 15px; font-weight: bold; line-height: 30px; } .mod_2col form { margin: 0; padding: 0; width: 470px; } .mod_2col form div { float: left; overflow: hidden; margin: 0; margin-left: 6px; padding: 0; width: 226px; height: auto; } .mod_2col input.inputtext { display: block; margin: 0 2px 4px; padding: 5px; width: 216px; height: 14px; color: #3c2255; font-size: 11px; border: 0; background: none; } .mod_2col textarea, .mod_2col textarea.inputtextarea { margin: 0 0 0 10px; padding: 5px; overflow: hidden; width: 192px; height: 69px; float:left; color: #3c2255; font-family: Arial, sans-serif; font-size: 11px; border: 0; background: none; } .mod_2col input.submit, .mod_2col .inputsubmit input { float: right; width: 14px; height: 79px; padding-top:79px; overflow-y:hidden; border: 0; background: url(../images/home_btn_submit.gif) no-repeat 0 0; cursor:pointer; } .mod_2col input.submit:hover { background: url(../images/home_btn_submit.gif) no-repeat -14px 0; } .mod_2col_alt { margin: -10px 0 0 12px; height: 156px; background: url(../images/2col_alt_bg.jpg) repeat-x 0 0; } .mod_2col_form { margin: -10px 0 22px 12px; height: 156px; background: url(../images/home_contactform.gif) repeat-x 0 0; } .mod_2col_alt address { display: block; padding: 15px 0; width: 160px; font-family: Arial, sans-serif; font-size: 13px; font-weight: normal; font-style: normal; line-height: 20px; } .mod_2col_alt i { font-size: 11px; } .mod_2col_alt a { color: #000; } #sidebar { float: left; width: 160px; height: auto; } #sidebar ul { overflow: visible; margin: 0 0 15px; padding: 0; width: 148px; height: auto; list-style: none; color: #444; font-size: 11px; border: 1px dotted #2a7474; border-left: 0; border-right: 0; } #sidebar li { display: block; } #sidebar li a { display: block; width: 160px; height: 31px; color: #444; line-height: 31px; text-indent: 15px; background: url(../images/sidebar_menu.jpg) no-repeat 0 0; } #sidebar li a:hover { background: url(../images/sidebar_menu.jpg) no-repeat 0 -62px; } #sidebar li a.current { background: url(../images/sidebar_menu.jpg) no-repeat 0 -93px; } #sidebar li a.first { display: block; width: 160px; height: 31px; line-height: 31px; text-indent: 15px; background: #FFF; } #sidebar li a.first:hover { background: url(../images/sidebar_menu.jpg) no-repeat 0 -31px; } #sidebar .map { margin: 0 0 5px; width: 148px; height: auto; } #sidebar .map div { padding: 10px; width: 128px; background: url(../images/sidebar_mapdetails_bg.jpg) repeat-x 0 0 #e0e2da; } #sidebar .map h4 { font-size: 13px; margin: 0 0 3px; } #sidebar .map span { font-size: 11px; } #sidebar .map address { font-style: normal; font-size: 9px; line-height: 18px; } #sidebar div.bx-component-panel { top:0px; } .maincontent { position: relative; overflow: hidden; float: left; width: 790px; height: auto; } .item_desc { float: left; margin: 0 10px 0 0; padding:0 0 30px 0px; position:relative; width: 310px; color: #333; font-size: 11px; border: 0; border-top: 1px dotted #2a7474; } .item_desc .addToCart { position:absolute; bottom:0px; left:0px; } .item_desc .addToCart a { color:#2A7474; text-decoration:none; } .item_desc .addToCart a:hover { text-decoration:underline; } .text { float: left; margin: 0 10px 0 0; width:100%; height: auto; color: #333; font-size: 12px; border: 0; border-top: 1px dotted #2a7474; } .middle_text { float: left; margin: 0 10px 0 0; width: 550px; height: auto; color: #333; font-size: 12px; border: 0; border-top: 1px dotted #2a7474; } .crumbs { margin: 5px 0 10px; color:#B6C7D0; font-size:11px; } .crumbs a { color: #b6c7d0; font-size: 11px; font-weight: bold; } .crumbs a:hover { color: #2a7474; } .crumbs img { margin: 0 2px; vertical-align: middle; } .item_desc h1, .text h1 { margin: 0; color: #2a7474; font-size: 20px; } .item_desc h5, .text h5 { margin: 0; font-size: 11px; } .item_desc ul, .text ul { margin: 0; padding: 0 20px; } .item_desc p, .text p { line-height: 16px; } .middle_text .map-level-0 li a { color:#2A7474; font-size:13px; font-weight:bold; line-height:20px; padding:5px 0 0 0; } .middle_text .map-level-0 li a:hover { text-decoration:underline; } .middle_text .map-level-1 li a { color:#2A7474; font-size:13px; padding:5px 0 0 0; } .middle_text .map-level-1 li a:hover { text-decoration:underline; } .middle_text .map-level-1 { margin:0 0 0 10px; } .item_gallery { position: relative; float: left; width: 470px; padding:0 0 35px 0; color: #333; font-size: 11px; border: 0; border-top: 1px dotted #2a7474; text-align: center; } .item_gallery a { display: block; width: 470px; height: 32px; color: #FFF; font-size: 13px; font-weight: bold; line-height: 32px; background: url(../images/btn_details.jpg) repeat-x 0 0; } .item_gallery a:hover { background: url(../images/btn_details.jpg) repeat-x 0 -32px; } .thumbs { display: block; width: 39px;/* height: 120px;*/ position: absolute; top: 0px; right: 0; text-align: center; background: url(../images/product_thumbs_bg.jpg) no-repeat center center; } .thumbs a { display: block; margin: 2px auto; width: 33px; height: 33px; background: 0; } .thumbs a:hover { background: 0; } .thumbs a img { max-height:33px; max-width:33px; } .inner_sidebar { overflow: hidden; float: left; width: 230px; height: auto; } .inner_sidebar div { position: relative; overflow: visible; width: 230px; height: auto; border: 1px dotted #2a7474; border-right: 0; border-left: 0; } .inner_sidebar h4 { margin: 0; padding: 5px 5px; color: #2a7474; font-size: 13px; border: 0; border-bottom: 1px dotted #2a7474;} .arrows { display: block; position: absolute; top: 10px; right: 6px; width: 18px; height: 16px; text-indent: -9999px; } .arrows .prev { display: block; width: 9px; height: 8px; float: left; background: url(../images/btn_arrows.png) no-repeat 0 0; } .arrows .prev:hover { display: block; width: 9px; height: 8px; float: left; background: url(../images/btn_arrows.png) no-repeat 0 -8px; } .arrows .next { display: block; width: 9px; height: 8px; float: left; background: url(../images/btn_arrows.png) no-repeat -9px 0; } .arrows .next:hover { display: block; width: 9px; height: 8px; float: left; background: url(../images/btn_arrows.png) no-repeat -9px -8px; } .inner_sidebar a.tag { display: block; margin: 0; overflow: hidden; width: 144px; height: 72px; position: absolute; bottom: -20px; left: 65px; } .inner_sidebar a.tag:hover img { margin-left: -144px; } .inner_sidebar a.img { width: auto; height: auto; border: 0; border-bottom: 1px dotted #2a7474; } .inner_sidebar .ad { display: block; margin: 10px 0 6px; width: 230px; height: 326px; border: 1px dotted #2a7474; border-left: 0; border-right: 0; } .#slider { position:relative; } #slider h4 a { color:#2A7474; } span#prevBtn a, span#nextBtn a { color:#2A7474; height:8px; width:8px; } a.favorites { display: block; position: absolute; top: -16px; right: 22px; width: 174px; height: 16px; color: #FFF; font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; background:transparent url(/assets/images/btn_favorites.gif) no-repeat scroll 0 0; } a.favorites:hover { background: url(../images/btn_favorites.gif) no-repeat 0 -17px; } #footer { width: 100%; height: 152px; font-family: Trebuchet MS, Arial, sans-serif; background: url(../images/footer_bg.png) repeat-x center top; } .footer_cont { margin: 0 auto; /*overflow: hidden;*/ width: 992px; height: 152px; position:relative; background: url(../images/footer_top.png) no-repeat center top; } #ftr_modules { overflow: hidden; margin: 0 auto; width: 948px; color: #777; border: 0; border-right: 1px solid #444; } #ftr_modules a { color: #777; font-size: 10px; text-transform: none; } .ftr_module { float: left; width: 234px; height: 152px; text-align: left; border: 0; border-left: 1px solid #444; } .ftr_module h5 { margin: 0; padding: 10px 10px 0; color: #b4cd6a; font-size: 13px; font-weight: bold; text-transform: uppercase; } .ftr_module address { padding: 0 10px; font-style: normal; line-height: 16px; } .ftr_module ul { margin: 0; padding: 0; list-style: none; line-height: 16px; } .ftr_module li { padding:0 10px; } .ftr_module li a { display: block; padding: 0 0px; } .ftr_module li:hover { display: block; background: url(/assets/images/footer_link_bg.png) 0 0; } .alignleft { text-align: left; } .alignright { text-align: right; } .left { float: left; } .right { float: right; } .clear { clear: both; height: 15px; } /* carousel buttons */ span#prevBtn, span#nextBtn { position:absolute; top:10px; width:9px; height:8px; background:transparent url(../images/btn_arrows.png) no-repeat; } span#prevBtn a, span#nextBtn a { display:block; cursor:pointer; } span#prevBtn { background-position:0px 0px; right:25px; } span#prevBtn:hover { background-position:0px -8px; } span#nextBtn { background-position:-9px 0px; right:15px; } span#nextBtn:hover { background-position:-9px -8px; } /* left menu */ #sidebar ul li.selected a { background-position:0px -94px; } #sidebar ul li.selected ul li a { background-position:0px 0px; color:#2A7474; font-weight:bold; } #sidebar ul li ul li a { padding-left:10px; } #sidebar .submenu li a:hover { background-position:0px -31px; } #sidebar .submenu li a.selected { background-position:0px -31px; } /* end left menu */ /* modal */ #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; opacity:0.8; filter:alpha(opacity=80); background-color:#000; } .window { background:#fff url(/assets/images/form_bg.jpg) repeat-x left bottom; padding:15px 7px 5px 7px; } #dialog { /*width:312px; height:203px;*/ } #dialog .corner { position:absolute; width:12px; height:12px; background:transparent url(/assets/images/modal/rouded-12x12.png) no-repeat; z-index:10000; } #dialog .top-left { top:0; left:0; background-position:0px 0px; } #dialog .top-right { top:0; right:0; background-position:-12px 0px; } #dialog .bottom-left { bottom:0; left:0; background-position:0px -12px; } #dialog .bottom-right { bottom:0; right:0; background-position:-12px -12px; } #dialog h1 { font-size:14px; color:#000; text-align:left; } #dialog h2 { font-size:14px; margin:10px 0; } #dialog input.submit { position:absolute; bottom:20px; right:35px; } #dialog h3.product_title { margin:15px 0; text-decoration:underline; } input.error { border:1px dotted red; } #dialog table tr td { text-align:left; padding:2px; font-size:12px; text-transform:Capitalize; } #dialog table tr td input { border:1px solid #333; padding:3px 5px; } #dialog div { padding:3px 0px; } #dialog input.inputtext { padding:3px 5px; background:#fff url(/assets/images/input_bg.png) no-repeat; width:300px; border:none; font-size:11px; color:#3c2255; } #dialog .inputtextarea { padding:3px 5px; background:#fff url(/assets/images/input_bg.png) no-repeat; width:300px; height:60px; border:none; font-size:11px; color:#3c2255; } #dialog .inputselect { position:absolute; top:2px; right:0px; background:#000; color:#fff; font-size:11px; padding:2px; border:none; width:120px; } #dialog .inputsubmit { /*position:absolute; bottom:2px; left:5px; width:310px; overflow-x:hidden;*/ } #dialog .inputsubmit input { border:none; width:100%; height:22px; color:white; font-size:13px; font-weight:bold; background:transparent url(/assets/images/btn_details.jpg) repeat-x scroll 0 0; cursor:pointer; } #dialog .inputsubmit input:hover { background-position:0 -32px; } /* catalog */ .catalog-section noindex { position:absolute; bottom:0; left:10px; width:100px; } .catalog-section noindex a.addtocart, .catalog-section noindex a.buy { display:inline; color:#2A7474; } .catalog-section noindex a.addtocart:hover, .catalog-section noindex a.buy:hover { text-decoration:underline; } /* contact us */ .contactForm { margin:15px 0px; /*width:300px; float:left;*/ } .summary { /*width:240px; float:right;*/ margin:0px 0px 15px 0px; } .contactForm .inputtext, .contactForm .inputtextarea { width:75%; border:1px solid #47827E; padding:2px 5px; } /* basket/cart */ #contents table.table-basket-line { position:absolute; top:0px; right:0px; } .basketTop { position:absolute; top:0px; right:0px; padding:10px 0 0 0; } .basketTop .basket-line-basket { float:left; } .basketTop .basket-text { margin-left:5px; } /* addToCart */ .item_gallery .addToCart { position:absolute; left:0; bottom:0; width:100%; height:35px; } .item_gallery .addToCart a { float:left; width:230px; } .item_gallery a.modal { position:absolute; bottom:0; left:0; } .BasketRefresh, .BasketOrder, .btnSubmit { border:none; background:transparent url(/assets/images/btn_details.jpg) repeat-x; height:25px; line-height:25px; color:white; padding:0 20px; cursor:pointer; } .BasketRefresh:hover, .BasketOrder:hover, .btnSubmit:hover { background-position:0 -32px; } .sale_basket_basket td a { color:#2A7474; } .orderHeader { width:550px; height:27px; line-height:27px; margin-top:20px; background:transparent url(/assets/images/p_bg.jpg) no-repeat; } .orderFooter { width:550px; height:18px; background:transparent url(/assets/images/basket_foot_bg.jpg) no-repeat; } .orderContent { border-width:0 1px 0 1px; border-color:#dddddd; border-style:solid; padding:0px 0px; } .orderContent td { padding:5px; } .btnSubmitContainer { text-align:right; background:#eaeaea; padding:10px 10px 0 0; } #menu li.parent ul.submenu, #menu li.unselected ul.submenu { /*display:none;*/ } #menu li ul.submenu { display:none; } #menu li.selected ul.submenu { display:block; } .maincontent div.crumbs a.home { color:#2a7474; font-weight:bold; } /* footer include file button */ .ftr_module .bx-component-panel { top:0px; } .catalog-section { font-family:verdana; } p.price { font-size:10pt; } p .catalog-price { font-size:10pt; color:#2A7474; } a.viewproducts { color:#2A7474; } .orderContent table.sale_basket_basket { width:97%; margin:0 8px; background:white; } .orderContent .sale_basket_basket data-table th { background:none; } .orderContent table.sale_basket_basket th, .orderContent table.sale_basket_basket td { border:1px solid #2A7474; background:none; color:#2A7474; } .profile-link a { color:#2A7474; }