/* Imports */ @import url("/skins/default/reset.css"); @import url("/skins/default/fancy.css"); /* STYLING */ /*-global-*/ html { overflow-y: scroll; } body{ color: #303030; font-family: Arial,sans-serif; font-size: 13px; line-height: 1; background: #fff; } a{text-decoration:none; cursor:pointer; outline: none;} a:hover, a:active { outline: none; } p{ line-height:19px; color: #000; font-family: 'TradeGothicLTStd', Arial, sans-serif; } p a{ color: #2d2b2b; } p a:hover{text-decoration: underline;} strong{font-weight:bold;} input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } label, input[type=button], input[type=submit], button { cursor: pointer; } h1,h2,h3,h4,h5,h6{ color: #000; font-weight: bold; font-family: TradeGothicLTStd; text-transform: uppercase; } h1{ font-size:36px;} h2{ font-size:17px;} h3{ font-size:18px;} h4{ font-size:14px;} h5{ font-size:12px;} h6{ font-size:10px;} .lb-number, .lb-caption { display: none !important;} .lb-outerContainer { border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border: 3px #000 solid !important; } .lightboxOverlay { background: #fff !important; opacity: 0.2 !important; } /** The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements. mp/bestclearfix **/ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } /** Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page **/ .clearfix { zoom: 1; } .clear{clear:both;} .left{float:left;} .right{float:right;} /*-joris & juul-*/ .wrapper{ margin: 0px auto; width: 960px; position: relative; } .container{ width: 100%; } .container.white{ background: #fff; } .container.black{ background: #fff; position: relative; border-bottom: #000 4px solid; } .container.gray{ background: #eee; } /*--- Webshop overlay ---*/ #overlay { font-size: 14px; left: 0; top: 0; position: fixed; background: url(/skins/default/images/overlay.png); z-index: 10000; width: 100%; height: 100%; } #overlay_message { margin: auto; width: 400px; height: 80px; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -40px; margin-left: -200px; padding: 20px; border: 1px solid #eee; color: #000; } #overlay_message #overlay_text { text-align: center; padding-bottom: 30px; } #overlay_message #overlay_buttons { text-align: center; } #overlay_message a { font-family: 'TGBold', Arial; padding: 7px 10px 7px 10px; background: #009fe3; text-decoration: none; color: black; font-size: 16px; margin-right: 10px; text-transform: uppercase; color: #fff; } #overlay_message a#close_overlay { background: #e3e3e3; color: #000; } /*--- End Webshop overlay ---*/ /*--- sale ---*/ #sale{ height: 300px; } #sale #counter{ float: right; height: 77px; width: 380px; margin: 30px 0 0 0; } #sale .cntSeparator { font-size: 54px; margin: 10px 7px; color: #000; } #sale .top{ float: left; width: 100%; padding: 30px 0 0 0; } #sale .top .left{ float: left; font-size: 18px; text-transform: uppercase; } #sale .top .right{ float: right; text-transform: uppercase; font-size: 36px; font-weight: bold; } #sale .mid { float: left; width: 100%; } #sale .mid .sale_sign{ float: left; display: block; margin: 0 0 0 10px; } #sale .bot{ float: left; width: 100%; } #sale .bot .left{ float: left; font-size: 18px; margin: 20px 0 0 0; text-transform: uppercase; } #sale .bot .right{ float: right; margin: -15px 0 0 0; text-transform: uppercase; font-size: 36px; font-weight: bold; } /*--- end sale ---*/ /*--- social media hover ---*/ #social_hover { position: fixed; right: 0px; z-index: 9999; height: 44px; width: 20px; background: #000; padding: 15px 8px 15px 12px; } #social_hover .twitter{ display: block; width: 20px; height: 19px; text-indent: -9999px; text-decoration: none; cursor: pointer; background: url(/skins/default/images/icon_twitter_fc.png) no-repeat 0px -19px; margin: 0 0 8px 0; } #social_hover .twitter:hover{ background: url(/skins/default/images/icon_twitter_fc.png) no-repeat; } #social_hover .facebook{ display: block; width: 20px; height: 20px; text-indent: -9999px; text-decoration: none; cursor: pointer; background: url(/skins/default/images/icon_facebook_fc.png) no-repeat 0px -20px; } #social_hover .facebook:hover{ background: url(/skins/default/images/icon_facebook_fc.png) no-repeat; } /*--- end social media hover ---*/ /*--- header ---*/ /*#header{ width: 100%; padding: 0 0 90px 0; } #header_top{ padding: 0; } #navigation{ float: left; margin: 0 0 0 0px; } #navigation ul{} #navigation ul li{ padding: 0px 5px; float: left; } #navigation ul li a{ display: block; color: #000; text-decoration: underline; font-size: 15px; font-family: TradeGothicLTStd, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 36px; line-height: 36px; } #navigation ul li span.slash { display: block; color: #000; text-decoration: underline; font-size: 15px; font-family: TradeGothicLTStd, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 36px; line-height: 36px; } #navigation ul li a:hover{ text-decoration: underline; } #mainmenu_nl_home { padding-left: 0px !important; } #search{ float: right; width: 236px; margin: 5px 0 0 0; } #search_input{ color: #000; font-family: TradeGothicLTStd; width: 199px; float: left; border: 0px; text-transform: uppercase; padding: 5px; line-height: 22px; height: 15px; font-size: 14px; font-weight: bold; background: #fff; } #search_input:focus, #search_input:hover{ color: #fff; background: #000; } #search_input.active{ font-style: normal; } search_submit{ display: block; text-indent: -9999px;; width: 27px; padding: 5px 0 0 0; background: #000 url(/skins/default/images/button_search.png) no-repeat center; float: left; border: 0; border-left: 1px solid #746c6c; } #search_submit{ display: block; text-indent: -9999px;; width: 27px; padding: 5px 0 0 0; background: #fff; float: left; border: 0; } /* #cart a{ font-family: TradeGothicLTStd, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; display: block; min-width: 236px; height: 60px; padding: 0; font-size: 15px; line-height: 18px; float: right; cursor: pointer; margin: 23px 0 0 8px !important; color: #010101; } #cart a.active{ background: url(/skins/default/images/icon_cart.png) no-repeat 10px center #FFDD1B; } #language{ float: right; margin: 0 0 0 0px; } #language ul{} #language ul li{ padding: 0px 5px; float: left; } #language ul li a{ display: block; color: #000; text-decoration: underline; font-size: 15px; font-family: TradeGothicLTStd, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 36px; line-height: 36px; } #language ul li a.inactive{ color: #999; } #language ul li a.inactive:hover{ color: #000; text-decoration: underline; } #language ul li span.slash { display: block; color: #000; text-decoration: underline; font-size: 15px; font-family: TradeGothicLTStd, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-decoration: none; height: 36px; line-height: 36px; } #language ul li a:hover{ text-decoration: underline; } */*/ /*--- end header ---*/ /*--- shopnav ---*/ .container.shop_nav{ background: #000; height: 57px; line-height: 57px; position: relative; margin-bottom: 0; } .container.shop_nav.homepage{ margin-bottom: 510px; } #shop_nav{ width: 100%; } #shop_nav ul{ float: left;} #shop_nav ul li{ line-height: 35px; float: left; padding: 0 25px 0 0; text-transform: uppercase; } #shop_nav ul li a{ display: block; text-decoration: none; color: #fff; font-weight: bold; font-size: 25px; padding: 12px 16px 6px 0; font-family: TradeGothicLTStd; } #shop_nav ul li:hover{ text-decoration: none; } #shop_nav ul li.active a{ background: #000; color: #fff; padding-left: 16px; font-weight: bold; } #shop_nav ul li.active{ background: #000; } #joris_juul{ display: block; float: left; background: url(/skins/default/images/imps-logo.png) no-repeat; width: 130px; height: 121px; text-decoration: none; text-indent: -9999px; cursor: pointer; margin: 20px 0 20px 0; } /*--- end shopnav ---*/ /*--- banner ---*/ .container.banner.background{ background-image: url("/skins/default/images/background-tile.png"); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .container.banner .friends{ padding: 0; margin: 0; float: left; } .container.banner .friends p.title{ text-transform: uppercase; font-family: TradeGothicLTStd; margin: 0 0 10px 0; font-size: 16px; } .container.banner .friends a{ margin: 68px 0 0 -17px; } .container.banner .friends a.keet_huis{ margin: 0 0 0 10px; } .container.banner .friends a.keet_huis img{ width: 40px; } .container.banner .friends a.joris_juul img{ width: 70px; } /*--- end banner ---*/ /*--- body ---*/ #body{ width: 100%; } .page_title{ width: 100%; padding: 30px 0 30px 0; font-family: TGLight; } .page_title.sets { text-align: center; } #webshop .intro p{ margin: 0 0 20px 0; } #slider_holder { height: 420px; overflow: hidden; padding: 40px 0 0; position: relative; width: 960px; } #slider{ width: 960px; float: left; position: relative; background: #fff; height: 420px; } #slider ul{ float: left; width: 960px; position: relative; } #slider ul li{ float: left; width: 960px; position: relative; height: 420px; } #slider ul li h1{ font-size: 48px; color: #010101; float: left; margin: 70px 0 0 0; width: 320px; } #slider ul li h1 a{ color: #010101; } #slider ul li img{ display: block; float: right; } #slider_holder #controls{ right: 0; left: auto; bottom: 40px; } #slider_holder #controls li{ width: 20px; } #slider_holder #controls li a{ background: url(/skins/default/images/controls_nonactive.png) no-repeat; width: 10px; height: 10px; display: block; text-indent: -9999px; cursor: pointer; } #slider_holder #controls li.current a{ background: url(/skins/default/images/controls_active.png) no-repeat; } #slider_holder #prevBtn, #slider_holder #nextBtn{ display: none; } #slider_holder .slider_nav{ float: left; height: 32px; margin: 0 0 0 0; position: absolute; bottom: 40px; left: 0; } #slider_holder .slider_nav a{ display: block; padding: 12px; color: #186db6; text-decoration: underline; float: left; font-family: TradeGothicLTStd; font-weight: bold; } #slider_holder .slider_nav a.active{ background: #ffdd1b; color: #010101; text-decoration: none; } .blocks{ width: 100%; padding: 20px 0 30px 0; border-top: 4px solid #000; margin: 20px 0 0 0; } .blocks .block{ float: left; width: 220px; padding: 0 20px 0 0; } .blocks .block h2{ font-weight: bold; font-size: 20px; font-family: TradeGothicLTStd; color: #010101; margin: 0 0 15px 0; } .blocks .block p{ color: #000; } .blocks .block.newsletter{ width: 460px; padding: 0 20px 0 0; } .blocks .block.newsletter form{ margin: 10px 0 0 0; } /*#newsletter_input{ border: 0px; padding: 0 10px 0 10px; color: #6b6b6b; background: #e1e7e5; width: 315px; height: 32px; line-height: 32px; float: left; display: block; margin: 0 5px 0 0; font-family: TradeGothicLTStd; } #newsletter_submit{ float: left; display: block; width: 31px; height: 32px; text-indent: -9999px; line-height: 1px; background: url(http://www.imps-elfs.com/skins/default/images/button_newsletter.png) no-repeat; cursor: pointer; border: 0px; }*/ #contact{ width: 100%; margin: 0 0 40px 0; } #contact_form{ float: left; width:520px; } #contact_form h2{ padding: 20px 0 20px 0; } .contact{ width: 560px; padding: 20px 5px 20px 5px; border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9; } .contact table{ float:left; width: 250px; } .contact table tr{} .contact table tr td{ line-height: 18px; color: #000; font-family: TradeGothicLTStd; } .contact table tr td a { line-height: 18px; color: #000; font-family: TradeGothicLTStd; } .contact table tr td a:hover { text-decoration: underline; } #contact_map{ float: right; height: 540px; width: 340px; } p.sent{ color: #5E6261; margin: 20px 10px 0 5px; line-height: 20px; } /*--- form ---*/ .form fieldset{ margin-bottom: 0px; } .form fieldset fieldset { width: 320px; clear: right; display: block; } .form fieldset legend{ font-weight: bold; margin-bottom: 15px; } .form fieldset label { display:block; float:left; width:98%; line-height:36px; min-height:1px; text-align:left; color: #000; font-weight: bold; font-family: TradeGothicLTStd; } .form fieldset input, .form fieldset select, .form fieldset textarea{ float:left; width:98%; height:19px; padding:5px 2px; background:#e9eeed; color: #2c2c2c; border: 0; font-size: 12px; font-family:Arial,sans-serif; } .form fieldset textarea { height: 150px; font-family:Arial,sans-serif; } .form fieldset select{ height: 29px !important; width: 68%;} .form fieldset input[type='file'] { height: 28px; } div.msg{ margin-bottom: 10px; border: 1px dotted #ff0000; padding: 5px; } .form fieldset input[type='checkbox'] { border: none; width: 15px; height: 15px; margin: 6px 200px 10px 0px; /* margin: 6px 200px 10px 0px; height: 28px; width: 25px;*/ } .form fieldset input[type='radio'] { border: none; width: 15px; height: 15px; margin: 4px 10px 10px 0px;/*height: 28px; width: 25px;*/ } .form fieldset label.radio_label { margin-bottom: 15px; margin-right: 20px; line-height: normal;} .form fieldset input[type='button'] { background-color: #; color: #fff; width: 260px; height: 35px; margin-left: 269px; } .form fieldset input.terms[type='checkbox'] { padding-top: 0px; margin: 0px 5px !important; } .form fieldset label.terms{ padding-top: 0px; margin-bottom: 10px; margin-top: 0px; width: 300px; } .form fieldset input[type='submit'] { border: 0; height: 39px; width: 148px; display: inline-block; z-index: 15; background: url(/skins/default/images/button_send.png) no-repeat; float: left; margin-right: 1%; margin-top: 15px; } .form fieldset input[type='submit'].save { background: url(http://www.imps-elfs.com/skins/default/images/button_submit.png) no-repeat; } .form fieldset input[type='submit'].search { background: url(/skins/default/images/button_search.png) no-repeat; } /* error classes*/ .form fieldset input.error, fieldset textarea.error { border: 1px solid #f00; } .form fieldset label.error { color: #f00; margin-left: 30%; width: 68%; height: 22px; cursor: pointer; } .form fieldset label.error[for=terms] { margin-left: 25px; } .multi_form.visible{ display: block; } .multi_form{ display: none; } /*--- end form ---*/ /*--- brands ---*/ #brands{ width: 100%; } #brands .page_title{ float: left; width: 100%; text-align: center; margin: 0; padding: 0 0 20px 0; font-size: 72px; font-weight: bold; font-family: 'TGBold', Arial; } #brands .intro{ width: 600px; padding: 0 180px; color: #000; text-align: center; line-height: 20px; font-size: 15px; font-family: TradeGothicLTStd; } #brands_overview{ width: 100%; margin: 15px 0 15px 0; } #brands_overview .brand{ display: block; float: left; width: 319px; height: 330px; border-right: 1px solid #fff; cursor:pointer; margin: 0 0 20px 0; } #brands_overview a.tile{ display: block; width: 319px; height: 218px;background-repeat: no-repeat; background-color:#f3f3f3; } #brands_overview .brand h2 { padding: 9px 0 0 9px; font-size: 37px; font-weight: bold; font-family: 'TGBold', Arial; } #brands_overview .brand .info { display: block;padding: 9px 0 0 9px; font-size: 13px; line-height: 19px; font-family: 'TradeGothicLTStd', Arial; width: 290px; } /*--- end brands ---*/ /*--- lookbook ---*/ #lookbook_navigation{ border-top: 2px solid #5E6261; padding: 20px 0 0 0; } #lookbook_navigation .nav{ display: block; float: left; width: 300px; height: 82px; border: 2px solid #fff; cursor:pointer; margin: 0 10px 20px 0; } #lookbook_navigation .nav:hover{ border: 2px solid #e9e9e9; } #lookbook_navigation .nav img{ display: block; float: left; height: 75px; width: 60px; margin: 3px 10px 3px 3px; } #lookbook_navigation .nav span{ display: block; float: left; width: 196px; margin: 15px 0 0 0; color: #000; } #lookbook #lookbook_slider { margin-top: 11px; margin-bottom: 40px; position: relative; width: 960px; height: 600px; padding-bottom: 40px; overflow: hidden; } #lookbook_slider_background { width: 960px; height: 600px; background: #fff; } #lookbook #lookbook_slider_inner { width: 845px; height: 600px; margin-left: 50px; } #lookbook_slider_inner li { width: 845px; height: 600px; overflow:hidden; } #lookbook_slider_inner li .lookbook_slide_description { width: 319px; float: left; height: 600px; position: relative; } #lookbook_slider_inner li .lookbook_slide_description p { position: absolute; top: 285px; left: 100px; line-height: 18px; width: 190px; } #lookbook_slider_inner li .lookbook_slide_image { width: 810px; float: right; } #controls { position: absolute; left: 0; bottom: 0; } #controls li { float: left; width: 26px; } #controls li a { display: block; width: 16px; height: 16px; line-height: 1px; color: #fff; } #controls li a img{ zoom: 1; filter: alpha(opacity=30); opacity: 0.3; } #controls li.current a img{ /* background: #5e5e5e; */ zoom: 1; filter: alpha(opacity=100); opacity: 1; } #prevBtn a { position: absolute; left: 0; top: 0px; display: block; height: 600px; width: 50px; text-indent: -9999em; background: url(/skins/default/images/previous.png) no-repeat; background-position: 19px 293px; z-index: 0; } #prevBtn a:hover { background: #cfcfcf url(/skins/default/images/previous_hover.png) no-repeat; background-position: 19px 293px; } #nextBtn a { position: absolute; right: 0; top: 0px; display: block; height: 600px; width: 50px; text-indent: -9999em; background: url(/skins/default/images/next.png) no-repeat; background-position: 19px 293px; z-index: 0; } #nextBtn a:hover { background: #cfcfcf url(/skins/default/images/next_hover.png) no-repeat; background-position: 19px 293px; } /*--- end lookbook ---*/ /*--- default ---*/ #text{ float: left; width: 560px; margin: 0 0 40px 0; padding: 20px 0 0 0; } #text .page_title{} #text.store{ width: 960px; } #text .item{ width: 100%; margin: 0 0 60px 0; } #text.store .item{ width: 560px; } #text .store_map{ width: 360px; height: 300px; float: right; margin-top: 97px; } #text .item p{ color: #000; line-height: 20px; width: 80%; font-family: TradeGothicLTStd; } #text_image{ float: right; width: 350px; padding: 60px 0 0 0; margin: 0 0 40px 0; } #text_image img{ display: block; width: 350px; height: 520px; } .winkel2_col { float: left; padding-bottom: 30px; } .winkel2_col img { width: 95%; } .winkel2_col h2 { padding: 15px 0; font-size: 24px; } .winkel2_location { padding: 10px 0; font-family: 'Georgia', sans-serif !important; } .winkel2_hours { padding: 10px 0; font-family: 'Georgia', sans-serif !important; } .winkel2_hours table { margin-top: 6px;} .winkel2_hours table td{ padding: 2px 0; font-family: 'Georgia', sans-serif !important; width: 100px; height: 20px; } .winkel2_store_map { width: 95%; height: 300px; } .winkel2_tour_title { float:right; padding-top: 5px; padding-right: 5%; margin-bottom: 10px; } /*--- end default ---*/ /*--- shop overview ---*/ #shop_overview{ width: 100%; } #shop_overview .intro{ width: 100%; margin: 0 0 30px 0; overflow: hidden; } #shop_overview .intro p{ width: 640px; float: left; font-family: TradeGothicLTStd; } #shop_overview .intro img{ float: right; display: block; } #webshop_filter{ width: 220px; float: left; } #webshop_filter .page_title{ border-bottom: 2px solid #e9e9e9; } #webshop_filter .webshop_filter{ margin: 15px 0 0 0; width: 100%; float: left;} #webshop_filter .webshop_filter h2{ font-size: 15px; color: #000; margin: 0 0 0 5px; font-family: 'TGBold', Arial; } #webshop_filter .webshop_filter h2 a{ color: #000; } #webshop_filter .webshop_filter h3{ font-size: 14px; width: 210px; display: block; font-weight: normal; color: #000; font-family: 'TradeGothicLTStd', Arial; padding: 5px; text-transform: none; margin-top: 3px; clear: both;} #webshop_filter .webshop_filter ul{ margin: 0px 0 20px 0; float: left; width: 100%;} #webshop_filter .webshop_filter ul.sizes{ width: 180px; } #webshop_filter .webshop_filter ul.sizes li a{ width: 50px; } #webshop_filter .webshop_filter ul li{ float: left;} #webshop_filter .webshop_filter ul li a{ padding: 5px; width: 210px; display: block; color: #000; font-family: TradeGothicLTStd; } #webshop_filter .webshop_filter ul li a.cat_new{ color: #ff0000; } #webshop_filter .webshop_filter ul li.sub > a{ padding: 5px 5px 5px 20px; width: 195px; } #webshop_filter .webshop_filter ul li a:hover{ background: #70caf0; } #webshop_filter .webshop_filter ul li.active > a{ font-family: TGBold; font-weight: bold; font-size: 14px; } #brand_text{ padding: 23px 18px 20px 18px; float: right; width: 689px; position: relative; } #brand_text h1 { font-family: 'TGBold'; font-size: 60px;line-height: 60px; padding-bottom: 15px; } #brand_text p{ font-family: TradeGothicLTStd; } #brand_text img{ top: 100px; right:0; position: absolute; } #webshop_products{ width: 725px; float: right; } #webshop_products.wide{ margin-bottom: 30px; width: 975px; float: right; } #webshop_products.wide .product{ height: 240px; } /* #webshop_products .product{ display: block; float: left; cursor: pointer; width: 228px; height: 230px; padding: 20px 0 10px 0; margin: 0 20px 0 0; position: relative; } #webshop_products .product.last{ margin: 0; } #webshop_products .product img{ display: block; margin: 0 auto; } #webshop_products .product span{ display: block; margin: 10px 0 0 0; } #webshop_products .product span.name{ display: none; color: #000;} #webshop_products .product:hover span.name{ display: block; float: right; margin: 10px 0 0 10px; color: #000; position: absolute; left: 10px; top: 230px;} #webshop_products .product span.name a { color: #000;} #webshop_products .product span.price{ float: right; margin: 10px 0 0 10px; color: #000; position: absolute; right: 10px; top: 230px;} #webshop_products .product span.price.action{ } #webshop_products .product span.old_price{ float: right; color: #ff0000; position: absolute; right: 10px; top: 247px; background: url(/skins/default/images/bg_yellow.png) repeat-x 0 center; } */ #webshop_products .product{ display: block; float: left; cursor: pointer; width: 238px; height: 320px; padding: 0; margin: 0; position: relative; border: 1px solid #fff; background: #fff; } #webshop_products .product.last{ margin: 0; } #webshop_products .product img{ display: block; margin: 0 auto; } #webshop_products .product > span{ font-family: 'TradeGothicLTStd', Arial; display: block; margin: 10px 0 0 0; } /* #webshop_products .product:hover span.name{ display: block; float: right; margin: 10px 0 0 10px; color: #000; position: absolute; left: 10px; top: 230px;} */ #webshop_products .product span.name .brand { font-family: 'TGBold', Arial; font-size: 14px; } #webshop_products .product span.name{ margin: 10px 0 0 10px; color: #000; position: absolute; top: 252px; line-height: 17px; width: 238px; text-align: center; } #webshop_products .product span.name a { color: #000;} #webshop_products .product span.price{ margin: 10px 0 0 10px; color: #000; position: absolute; top: 289px; width: 238px; text-align: center; } #webshop_products .product span.price.action{ } #webshop_products .product span.old_price{ color: #ff0000; background: url(/skins/default/images/bg_yellow.png) repeat-x 0 center; } #webshop_products .product:hover{ border: 1px solid #f3f3f3; } #webshop_products .product .hover{ display: none; margin: 0; } #webshop_products .product:hover .hover{ display: block; } #webshop_products .product:hover .price{ display: none; } #webshop_products .product:hover .name{ display: none; } #webshop_products .product:hover .old_price{ display: none; } #webshop_products .product .large_images{ margin: 0; } #webshop_products .product .large_images > span{ display: none; } #webshop_products .product .large_images > img{ display: none; padding-top: 20px; width: 228px; height: 228px; } #webshop_products .product .large_images > img.visible{ display: block; } #webshop_products .product .stock{ font-family: 'TradeGothicLTStd', Arial; display: block; position: absolute; width: 218px; top: 250px; left: 0px; min-height: 57px; background: #f3f3f3; color: #000; padding: 10px 10px 10px 10px; z-index: 999; } #webshop_products .product .stock span{ color: #000; } #webshop_products .product .stock span.size{ display: block; float: left; line-height: 19px; font-size: 13px; width: 50px; } #webshop_products .product .stock span.title{ font-size: 12px; text-transform: uppercase; margin: 0 0 -6px 0; display: block; } #webshop_products .product .view{ display: block; position: absolute; top: 160px; right: 10px; background: #FFDD1A; color: #000; padding: 4px 4px; } #webshop_products .product .images{ display: block; border: 1px solid #f3f3f3; position: absolute; top: -1px; left: -72px; width: 70px; background: #fff; } #webshop_products .product .images img{ border-bottom: 1px solid #f3f3f3; padding: 2px 5px; width: 60px; height: 65px; } #webshop_products .product .images img.last{ border: none; } #webshop_products .product .related{ display: block; position: absolute; width: 228px; bottom: -77px; left: -1px; height: 75px; background: #fff; border: 1px solid #d9d9d9; } #webshop_products .product .related img{ border-right: 1px solid #d9d9d9; display: block; float: left; width: 56px; height: 75px; } #webshop_products .product .related img.last{ border: none; } #webshop_products .product .new{ display: block; position: absolute; top: 0px; width: 220px; background: #EEE; color: #000; padding: 4px 4px; margin: 0; text-align: center; } #webshop_products #ambience_image{ float: left; width: 725px; height: 250px; margin: 20px 0; } #webshop_navigation{ float: left; width: 100%; margin: 20px 0 10px 0; } #webshop_navigation span{ padding: 10px; display: block; font-family: TradeGothicLTStd; background: #e9e9e9; color: #000; float: left; } #webshop_navigation a{ display: block; padding: 10px; color: #458ac3; font-family: TradeGothicLTStd; text-decoration: underline; float: left; } #webshop_related{ border-top: 2px solid #e9e9e9; width: 655px; float: left; padding: 0 0 40px 0; margin: 20px 0 0 0; } #webshop_related.top{ margin: 40px 0 0 0; } #webshop_related h2{ width: 100%; margin: 20px 0 20px 0; } #webshop_related .related{ display: block; float: left; cursor: pointer;border-top: 1px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 3px solid #fff; width: 156px; height: 174px; padding: 15px 0 0 0; } #webshop_related .related:hover{ border-top: 1px solid #f8f8f8; border-bottom: 3px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 3px solid #d9d9d9; } #webshop_related .related img{ display: block; margin: 0 auto; width: 100%; } #webshop_related .related span{ display: block; } #webshop_related .related .price{ float: right; margin: 5px 5px 0 0; color: #000; font-size: 13px; } #webshop_related .related:hover .price{ color: #000; } #no_products_found{ margin: 10px 0 0 10px; color: #303030; display: block; } /*--- end shop overview ---*/ /*--- shop product ---*/ #shop_product{ width: 100%; } #shop_product .page_title{ float: left; width: 55%; margin: 65px 0 0 0; } #shop_product .button_overview{ display: block; width: 190px; height: 30px; background: url(/skins/default/images/arrow_gray_left.png) no-repeat 185px center #eeeeee; color: #5e6261; cursor: pointer; float: right; margin: 36px 0 0 0; padding: 0 0 0 15px; line-height: 31px; font-family: TradeGothicLTStd; font-size: 13px; text-transform: uppercase; } #product_info{ float: left; width: 525px; } #product_info h1 .brand { font-family: 'TGBold', Arial; font-weight: bold; display: block; font-size: 38px; } #product_info .page_title { width: 100%; margin: 0; padding: 10px 0 30px 0; } #product_info .product_block{ width: 258px; padding: 0 0 15px 0; } #product_info .product_block h2{ height: 28px; float: left; width: 248px; padding: 0 5px 0 5px; line-height: 20px; font-size: 18px; font-family: 'TGBold', Arial; background: #fff; color: #000; margin: 0 0 10px 0; text-transform: none; } #product_info .product_block p{ margin: 0 5px 0 5px; color: #000; font-family: 'TradeGothicLTStd', Arial, sans-serif; } #product_info .product_block table{ margin: 0 5px 0 5px; width: 100%; } #product_info .product_block table tr{ line-height: 18px; color: #000; font-family: TradeGothicLTStd; } #product_info .product_block table tr td{ width: 48%; } #product_info .product_block.long{ width: 100%; } #product_info .product_block.long h2{ width: 515px; } #product_info .product_block.set h2{ color: #000; background: #eee; } #product_info .product_block.set img{ float: left; display: block; width: 65px; height: 65px; } #product_info .product_block.set .sizes{ float: left; width: 240px; } #product_info .product_block.set .price{ float: left; } #product_desc{ float: left; } #product_properties{ float: right; } #product_order{ float: left; width: 100%; } /* #product_order h2{ height: 24px; float: left; width: 515px; padding: 0 5px 0 5px; line-height: 20px; font-size: 13px; background: #5e6261; color: #fff; margin: 0 0 10px 0; } */ #product_order h2{ height: 28px; float: left; width: 515px; padding: 0 5px 0 5px; line-height: 20px; font-size: 18px; font-family: 'TGBold', Arial; background: #fff; color: #000; margin: 5px 0 6px 0; text-transform: none; } #product_order .sizes{ float: left; width: 335px; } #product_order .sizes p{ line-height: 24px; margin: 0 5px 0 5px; font-family: TradeGothicLTStd; } #product_order .sizes .size{ display: block; cursor: pointer; padding: 8px 10px 8px 10px; float: left; background: #f5f5f5; color: #000; margin: 0 3px 5px 0; border-top: 1px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 3px solid #fff; font-family: TradeGothicLTStd; min-width: 50px; text-align: center; } #product_order .sizes #product_sizes.set .size{ min-width: 90px; } #product_order .sizes .size.active{ background: #70caf0;} #product_order .cart{ width: 100%; padding-top: 15px; } #product_order .cart .cart_button{ display: block; background: url(/skins/default/images/icon_cart.png) no-repeat 6px center #009fe3; color: #fff; float: left; width: 133px; height: 50px; padding: 0 0 0 50px; cursor: pointer; line-height: 49px; font-family: 'TGBold', Arial; text-transform: uppercase; font-size: 26px; font-weight: bold; margin: 5px 0 15px 0; } #product_order .cart .prices{ float: left; width: 200px; padding-top: 16px; } #product_order .cart .prices span{ font-family: 'TGLight', Arial; } #product_order .cart .prices .old_price{ float: right; font-size: 17px; color: #5e6261; background: url(/skins/default/images/bg_yellow.png) repeat-x 0 center; margin: 7px 10px 0 0; } #product_order .cart .prices .price{ float: right; font-size: 28px; color: #000; margin: 0 9px 0 0; } #product_order .highlights{ float: left; width: 100%; margin: 30px 0 0 0; } #product_order .highlights ul{} #product_order .highlights ul li{ float: left; color: #000; background: url(/skins/default/images/check_green.png) no-repeat 0 center; padding: 0 40px 0 12px; font-family: TradeGothicLTStd; } #brand_info{ margin: 15px 0 0 0; border-top: 2px solid #e9e9e9; float: left; width: 100%; } #brand_info p{ margin: 20px 0 0 5px; width: 400px; } #product_image{ float: right; width: 380px; border: none; padding: 10px; margin: 10px 0 0 0; } #product_image h2{ margin: 10px 0 0 10px; } #product_image .big_image{ float: left; width: 100%; cursor: pointer; display: none; } #product_image .big_image.visible{ display: block; } #product_image .big_image img{ display: block; margin: 0 auto; } #product_image .product_thumbs{ width: 100%; margin: 10px 0 0 0; } #product_image .product_thumbs a{ display: block; float: left; cursor: pointer; zoom: 1; filter: alpha(opacity=30); opacity: 0.3; width: 58px; height: 61px; margin: 0 0 0 5px; } #product_image .product_thumbs a.active{ border: 2px solid #f0f0f0; zoom: 1; filter: alpha(opacity=100); opacity: 1; width: 54px; height: 57px; } #product_image .product_thumbs a img{ margin: 5px auto 0; display: block; } #product_image .product_thumbs .brand_image{ float: right; } #product_image .product_thumbs .brand_image img{ display: block; } #product_image .cloud-zoom img { margin: 0 auto; } #webshop_latest{ border-top: 2px solid #e9e9e9; width: 100%; float: left; padding: 0 0 40px 0; margin: 20px 0 0 0; } #webshop_latest h2{ width: 100%; margin: 20px 0 20px 0; } #webshop_latest .related{ display: block; float: left; cursor: pointer;border-top: 1px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 3px solid #fff; width: 83px; height: 91px; padding: 15px 0 0 0; } #webshop_latest .related:hover{ border-top: 1px solid #f8f8f8; border-bottom: 3px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 3px solid #d9d9d9; } #webshop_latest .related img{ display: block; margin: 0 auto; width: 75px; height: 70px; } #webshop_latest .related span{ display: block; } #webshop_latest .related .price{ float: right; margin: 5px 5px 0 0; color: #000; font-size: 11px; } #webshop_latest .related:hover .price{ color: #000; } /*--- end shop product ---*/ /*--- shop category ---*/ #shop_category{ width: 100%; } #shop_category .intro{ width: 100%; margin: 0 0 30px 0; } #shop_category .intro p{ width: 640px; float: left;} #shop_categories{ border-top: 2px solid #e9e9e9; border-bottom: 2px solid #e9e9e9; width: 600px; min-height: 211px; float: left; } #shop_categories ul{ margin: 15px 0 15px 0; float: left; width: 220px;} #shop_categories ul li{ float: left; width: 200px; } #shop_categories ul li.sale10 a, #webshop_filter .webshop_filter ul li.sale10 a { color: #db001f !important; font-weight: bold !important; } #shop_categories ul li.sale20 a, #webshop_filter .webshop_filter ul li.sale20 a { color: #006cff !important; font-weight: bold !important; } #shop_categories ul li.sale30 a, #webshop_filter .webshop_filter ul li.sale30 a { color: #ff9600 !important; font-weight: bold !important; } #shop_categories ul li.sale40 a, #webshop_filter .webshop_filter ul li.sale40 a { color: #9d0794 !important; font-weight: bold !important; } #shop_categories ul li a{ border: 1px solid #fff; padding: 5px; width: 188px; display: block; color: #000; font-size: 14px; } #shop_categories ul li:hover a{ border: 1px solid #000; background: #000; color: #fff; } #webshop_related.no_top{ border-top: 0px; } #shop_set{ display: block; width: 290px; height: 185px; background: #e9e9e9; float: right; } #shop_set .title{ display: block; width: 100%; color: #000; font-size:17px; font-weight: bold; margin: 0 0 10px 0; padding: 15px; } #shop_set ul{ position: relative; display: block; float: left; } #shop_set ul li{ position: relative; width: 290px; height: 185px; overflow: hidden; } #shop_set ul li a{ float: left; position: relative; } #shop_set ul li .overlay{ position: absolute; top: 0; left: 0; background:url("/skins/default/images/productset_overlay.png") repeat; height: 100px; width: 145px; } #shop_set_new{ display: block; width: 290px; height: 455px; float: right; border: 1px solid #e9e9e9; position: relative; overflow: hidden; } #shop_set_new #nextBtn, #shop_set_new #prevBtn { display: none; } #shop_set_new #controls{ right: 10px; left: auto; bottom: 10px; } #shop_set_new #controls li a{ text-indent: -9999px; background: #e9e9e9; } #shop_set_new ul{ position: relative; display: block; float: left; } #shop_set_new ul li{ position: relative; width: 290px; height: 455px; overflow: hidden; } #shop_set_new ul li img{ display: block; margin: 0 auto; } #webshop_brands{ border-top: 2px solid #e9e9e9; width: 100%; float: left; padding: 0 0 40px 0; margin: 20px 0 0 0; } #webshop_brands h2{ width: 100%; margin: 20px 0 20px 0; } #webshop_brands .brand{ display: block; float: left; cursor: pointer;border-top: 1px solid #fff; border-bottom: 3px solid #fff; border-left: 1px solid #fff; border-right: 3px solid #fff; width: 116px; height: 130px; padding: 15px 0 0 0; } #webshop_brands .brand:hover{ border-top: 1px solid #f8f8f8; border-bottom: 3px solid #d9d9d9; border-left: 1px solid #d9d9d9; border-right: 3px solid #d9d9d9; } #webshop_brands .brand img{ display: block; margin: 0 auto; width: 95px; height: 90px; } #webshop_brands .brand span{ display: block; } #webshop_brands .brand .title{ text-align: center; margin: 5px 5px 0 0; color: #000; font-size: 11px; font-family: TradeGothicLTStd; } #webshop_brands .brand:hover .title{ color: #000; } /*--- end shop category ---*/ /*--- end body ---*/ /*--- footer ---*/ .container.footer{ background: #000; padding: 10px 0; } #footer{ width: 100%; margin: 35px 0 40px 0; } #footer .info_block{ float: left; padding: 0 30px 0 0px; width: 290px; } #footer .info_block h2{ color: #fff; margin: 0 0 10px 0; } #footer .info_block p{ color: #fff; line-height: 22px; } #footer .info_block p a{ color: #fff; text-decoration: underline; font-size: 12px; } #footer .list{ width: 320px; float: left; } #footer .list h2{ float: left; display: block; width: 100%; color: #fff; margin: 0 0 8px 0; } #footer .list ul{ float: left; width: 300px; padding: 0 10px 0 0; } #footer .list ul li{ width: 150px; float: left; } #footer .list ul li a{ display: block; height: 22px; line-height: 22px; color: #fff; font-family: TradeGothicLTStd; } #footer .list ul li a:hover{ text-decoration: underline; } #footer_bottom{ width: 100%; padding: 20px 0 0 0; margin: 15px 0 0 0; border-top: 1px solid #7c7c7c; } #copyright{ float: left; color: #fff; padding: 5px 0 5px 0; font-family: TradeGothicLTStd; } #footer_bottom ul{ float: right; color: #fff; font-family: TradeGothicLTStd; } #footer_bottom ul li{ float: left; padding: 5px 10px; } #footer_bottom ul li a{ display: inline-block; color: #fff; text-decoration: none; } #footer_bottom ul li a:hover{ text-decoration: underline; } #footer_bottom ul li #SLASH2:hover{ color: #2bf448; } /*--- end footer ---*/ /* This is the moving lens square underneath the mouse pointer. */ .cloud-zoom-lens { border: 4px solid #888; margin:-4px; /* Set this to minus the border thickness. */ background-color:#fff; cursor:move; } /* This is for the title text. */ .cloud-zoom-title { font-family:Arial, Helvetica, sans-serif; position:absolute !important; background-color:#000; color:#fff; padding:3px; width:100%; text-align:center; font-weight:bold; font-size:10px; top:0px; } /* This is the zoom window. */ .cloud-zoom-big { border:4px solid #ccc; overflow:hidden; position:relative; } /* This is the loading message. */ .cloud-zoom-loading { color:white; background:#222; padding:3px; border:1px solid #000; } .mousetrap { width:500px; } .dd_container { background-color:#FFDD1A; width: 695px; padding: 15px; font-family: TradeGothicLTStd; font-size: 16px; } .dd_container > .dd_offer { font-weight: bold; color: #000000; padding-right: 10px; } #no_products_found{ float: left; width: 100%; margin: 10px 0; font-family: TradeGothicLTStd; font-size: 14px; font-weight: bold; } #homepage-slider{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 730px; background: none; overflow: hidden; display: none; } #homepage-slider.hide{ display: none; } #homepage-slider.show{ display: block; } #homepage-slider img{ width: 100%; max-width: auto; vertical-align: middle; border: 0; -ms-ith: 100%; width: auto \9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #homepage-slider .frame{ width: 100%; width: 100%; overflow: hidden; -webkit-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } #homepage-slider .frame .slides{ height: 100%; } #homepage-slider .frame .slides .slide{ height: 100%; float: left; overflow: hidden; } #homepage-slider .frame .slides .slide img{ max-width: none; } #homepage-slider .mSButtons{ opacity: 1; filter: alpha(opacity=1); z-index: 9999; } #homepage-slider .mSCaption{ background: url('/skins/default/images/background-caption.png'); z-index: 9999; top: 300px; padding: 15px; width: 230px; left: 50%; margin-left: -480px; position: absolute; min-height: 120px; } #homepage-slider .mSCaption p{ font-weight: bold; font-size: 18px; font-family: TradeGothicLTStd; margin: 10px 0 20px 0; } #homepage-slider .mSCaption a{ display: block; background: #fff; text-transform: uppercase; text-align: center; color: #000; padding: 15px 0; font-family: TradeGothicLTStd; } .clickable_colors img { margin:4px; cursor:pointer; border:2px solid #fff; padding:2px; } .clickable_colors img.active { margin:4px; cursor:pointer; border:2px solid #f0f0f0; } .home_title { float: left; width: 25%; font-weight: bold; font-size: 36px; font-family: TradeGothicLTStd; padding-top: 20px; } .home_title img { margin-top: 7px; } .home_text { float: left; width: 25%; font-weight: normal !important; font-size: 75px !important; font-family: 'Georgia', sans-serif !important; padding-top: 20px; } .home_text p { font-weight: normal !important; font-size: 75px !important; font-family: 'Georgia', sans-serif !important; line-height: 70px !important; padding-bottom: 40px; } .home_slider { float: left; width: 50%; } .home_slider #homepage-slider { position: relative; width: 100%; height: 300px; padding-top: 20px; } .home_slider .mSCaption { margin-left: 0px !important; left: 0 !important; background: #fff !important; width: 100% !important; top: 320px; padding: 0 !important; } .home_slider .mSCaption .title { font-size: 22px !important; font-weight: normal !important; font-family: 'Georgia', sans-serif !important; } .home_slider .mSCaption a { display: none !important; } .home_slider .mSButtons { display: none !important; } #webshop_products.product_sets_list img { margin-top: 10px; width: 310px; height: 212px; } #webshop_products.product_sets_list span.name { top: 222px; width: 310px; } #webshop_products.product_sets_list span.price { top: 244px; width: 310px; } #webshop_products.product_sets_list .product { height: 286px; width: 320px !important; } #shop_set_new ol#controls { right: -2px; bottom: 5px; } #shop_set_new ol#controls li { width: 21px; } #shop_set_new ol#controls li a { width: 13px; height: 13px; } header { position: relative; height: 265px; margin-top: 45px !important; } header .logo { position: absolute; top: 0; left: 50%; display: block; margin-left: -142px; } header nav.side { float: right; margin-top: 0; font-family: "TradeGothicLTStd"; text-transform: uppercase; color: #000; font-size: 17px; line-height: 22px; text-align: right; } header nav.side a { color: #000; } header nav.side a.active { font-family: 'TradeGothicLTBoldRegular'; } header nav.side a:hover { text-decoration: underline; } header nav.shop { position: absolute; top: 170px; left: 0; width: 100%; text-align: center; } header nav.shop > ul > li { display: inline-block; padding: 0 20px; } header nav.shop > ul > li > a { font-family: "TradeGothicLTStd"; font-size: 20px; text-transform: uppercase; color: #000; height: 55px; display: inline-block; } header nav.shop .hover ul li.new a { color: #ff0000; } header nav.shop > ul > li:hover a, header nav.shop > ul > li.active a { text-decoration: underline; } header nav.shop .hover { display: none; position: absolute; top: 55px; left: 0; background: #fff; border: 1px solid #000; z-index: 99999; padding: 15px; width: 930px; text-align: left; } header nav.shop .hover .cat_holder { width: 50%; float: left; } header nav.shop .hover ul { float: left; width: 25%; padding-bottom: 15px; } header nav.shop .hover .cat_holder ul { width: 50%; } header nav.shop .hover ul.hover_menu_sizes { width: 24%; margin-right: 0%; } header nav.shop .hover ul li.head { font-size: 18px; line-height: 20px; text-transform: uppercase; text-decoration: none; font-family: 'TradeGothicLTBoldRegular'; padding-bottom: 5px; } header nav.shop .hover ul li.head a { font-size: 18px; line-height: 20px; text-transform: uppercase; text-decoration: none; font-family: 'TradeGothicLTBoldRegular'; } header nav.shop .hover ul.hover_menu_sizes li.sizehead { font-family: 'TradeGothicLTStd'; font-size: 15px; display: block; clear: both; padding: 3px 0; } header nav.shop .hover ul.hover_menu_sizes li.size { display: block; width: 60px; float: left; } header nav.shop .hover ul li a { font-size: 15px; line-height: 21px; text-transform: none; text-decoration: none; color: #000; font-family: "TradeGothicLTStd"; } header nav.shop .hover ul li a:hover { text-decoration: underline; } header nav.shop > ul > li.has-hover:hover { background: url(/skins/default/images/menu_hover.jpg) center 100% no-repeat; } header nav.shop > ul > li:hover .hover { display: block; } #search_input{ color: #000; font-family: "TradeGothicLTStd"; width: 150px; text-align: right; border: 0px; text-transform: uppercase; padding: 0; line-height: 22px; height: 22px; font-size: 17px; background: #fff; } #search_input:focus, #search_input:hover{ color: #fff; background: #000; } #search_input.active{ font-style: normal; } footer { border-top: 1px solid #000; padding: 20px 0 100px 0; } footer * { font-family: "TradeGothicLTStd" !important; font-size: 15px; } footer *.head { font-weight: bold; } footer nav { float: left; width: 275px; } footer nav li a{ font-family: "TradeGothicLTStd"; font-size: 20px; line-height: 24px; text-transform: uppercase; color: #000; } footer nav li:hover a{ text-decoration: underline; } footer nav li.head a{ font-family: 'TradeGothicLTBoldRegular'; padding-bottom: 4px; display: inline-block; } footer .social { float: right; } footer .social a { width: 35px; height: 35px; margin-left: 10px; } section.home .left { float: left; } section.home .right { float: right; } section.home > .left { width: 470px; } section.home > .right { width: 470px; } section.home .tile { display: block; margin-bottom: 20px; position: relative; } section.home .tile p { position: absolute; font-size:60px; font-weight: bold; line-height: 55px; text-align:center; color: white; padding: 0 10px; margin: 0; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); /* IE 9 */ -webkit-transform: translate(-50%,-50%); /* Safari and Chrome */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-transform: uppercase; font-family: "TGBold"; width: 100%; } section.home .tile.newsletter { background-color: #d6eefc; height: 95px; padding: 10px; text-align: center; } section.home .tile.small-text p { font-size: 35px; line-height: 35px; } section.home .tile.black-text p { color: #000; } section.home .tile.newsletter h3 { font-size: 20px; font-family: 'TradeGothicLTBoldRegular'; margin-top: -5px; } section.home .tile.newsletter input[type="text"] { width: 150px; height: 36px; padding: 0; border: 0; text-transform: uppercase; font-family: "TradeGothicLTStd"; font-size: 18px; line-height: 18px; margin: 2px 0 0 4px; float: left; } section.home .tile.newsletter input[type="submit"] { width: 50px; height: 36px; padding: 0; border: 0; background: #000; text-transform: uppercase; color: #fff; font-family: "TradeGothicLTStd"; font-size: 10px; margin: 2px 0 0 4px; float: left; } section.home .tile.newsletter form { margin-top: 5px; height: 40px; background: #fff; } section.home .tile.newsletter span { text-transform: uppercase; font-family: "TradeGothicLTStd"; font-size: 11px; margin-top: 10px; display: inline-block; } section.home .tile.lg img { width: 470px; height: 395px; } section.home .tile.md img { width: 225px; height: 395px; } section.home .tile.sm img { width: 225px; height: 255px; } section.home .tile.xs img { width: 225px; height: 115px; } .redactional_item1 { width: 960px; height: 656px; background-color: #eeeeee; margin: 10px 0 10px 0; } h1.redactional_title { padding: 25px 0 0 25px; font-size: 72px; font-weight: bold; font-family: 'TGBold', Arial; } .redactional_item1 .redactional_intro { font-size: 36px; line-height: 36px; padding: 15px 0 0 25px; } .redactional_item1 .redactional_intro p { font-size: 32px; line-height: 32px; font-family: TradeGothicLTStd; } .redactional_item2 { font-size: 16px; font-family: TradeGothicLTStd; font-weight: normal; width: 910px; padding: 18px 25px 18px 25px; } .redactional_item2 h2 { padding: 0 0 10px 0; font-size: 48px; font-weight: bold; font-family: 'TGBold', Arial; } .redactional_item2 p { font-size: 16px; font-family: TradeGothicLTStd; font-weight: normal; line-height: 20px; } .redactional_item2 .cms_img { width: 960px; height: 656px; margin: 10px 0 10px 0; } .redactional_vertical, .redactional_vertical_mirror { width: 960px; margin: 10px 0 10px 0; } .redactional_vertical .vertical_text { width: 590px; margin: 0 40px 0 0; float: left; } .redactional_vertical .vertical_image { width: 330px; margin: 0; float: left; } .redactional_vertical_mirror .vertical_text { width: 590px; margin: 0 40px 0 0; float: left; } .redactional_vertical_mirror .vertical_image { width: 330px; margin: 0; float: left; } .redactional_vertical h1.redactional_title, .redactional_vertical_mirror h1.redactional_title { padding: 25px 0 0 25px; font-size: 60px; font-weight: bold; } .redactional_vertical .redactional_intro, .redactional_vertical_mirror .redactional_intro { font-size: 36px; line-height: 36px; padding: 15px 0 0 25px; } .redactional_vertical .redactional_intro, .redactional_vertical .redactional_intro p, .redactional_vertical_mirror .redactional_intro, .redactional_vertical_mirror .redactional_intro p { font-size: 20px; font-family: TradeGothicLTStd; font-weight: normal; line-height: 25px; } .product_tiles { width: 960px; } .product_tile { width: 240px; height: 300px; float: left; } .product_tile .product_image { width: 240px; height: 240px; padding: 3px 0 6px 0; } .product_tile .product_image img { width: 240px; height: 240px; border: none; } .product_tile .product_details { width: 240px; height: 50px; font-size: 13px; color: #000000; line-height: 16px; padding: 0 0 10px 0; } .product_details div { text-align: center; } .product_tile .product_details .product_title { font-weight: bold; } .text_wide { width: 960px !important; } hr { height: 1px; border: 0; background-color: #cccccc; } .brand_ambience_item1 { float: right; position: relative; width: 725px; height: 495px; background-color: #eeeeee; margin: 10px 0 10px 0; } .brand_ambience_item1 h1.brand_ambience_title { padding: 18px 0 0 18px; font-size: 60px; font-weight: bold; font-family: 'TGBold', Arial; } .brand_ambience_item1 .brand_ambience_intro { font-size: 30px; line-height: 30px; padding: 12px 0 0 18px; } .brand_ambience_item1 .brand_ambience_intro p { font-size: 30px; line-height: 30px; font-family: TradeGothicLTStd; }