/* ============================================================================= Base ========================================================================== */ /* * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: Arial, Tahoma, sans-serif; color: #888; } body { margin: 0; font-size: 1em; line-height: 1.4; } ::-moz-selection { background: #2bb1d2; color: #fff; text-shadow: none; } ::selection { background: #2bb1d2; color: #fff; text-shadow: none; } #RubicusAdmin #rbcEshopCategories { position: relative !important; margin-top: -105px !important; } #RubicusAdmin #mainMenu { position: relative !important; margin-top: 0px !important; } #RubicusAdmin #mainMenu .rbcContentBlockHeaderArea { background: #999 !important; } #RubicusAdmin #wrapper2 .menuWrapper ul ul { top: 68px !important; left: 10px !important; } #RubicusAdmin #wrapper #slider { background: none !important; } #RubicusAdmin #wrapper2 #main {padding-top: 60px; } .facebook, .twitter, .flickr, .instagram, .pinterest { width: 30px; height: 30px; float: right; background: #aaa; margin: 15px 0 0 1px; background: url("../img/fb.gif") 0% 0%; } .twitter { background: url("../img/twitter.gif") 0% 0%; } .flickr { background: url("../img/flickr.gif") 0% 0%; } .instagram { background: url("../img/instagram.gif") 0% 0%; } .pinterest { margin: 15px 0 0 10px; background: url("../img/pinterest.gif") 0% 0%; } .facebook:hover { background: url("../img/fb.gif") 0% 100%; } .twitter:hover { background: url("../img/twitter.gif") 0% 100%; } .flickr:hover { background: url("../img/flickr.gif") 0% 100%; } .instagram:hover { background: url("../img/instagram.gif") 0% 100%; } .pinterest:hover { background: url("../img/pinterest.gif") 0% 100%; } /* ============================================================================= Links ========================================================================== */ #wrapper2 a { color: #888; } #wrapper2 a:visited { color: #888; } #wrapper2 a:hover { color: #000; } #wrapper2 a:focus { outline: thin dotted; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ #wrapper2 a:hover, #wrapper2 a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ #wrapper2 abbr[title] { border-bottom: 1px dotted; } #wrapper2 b, #wrapper2 strong { font-weight: bold; } #wrapper2 blockquote { margin: 1em 40px; } #wrapper2 dfn { font-style: italic; } #wrapper2 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } #wrapper2 ins { background: #fff; color: #888; text-decoration: none; } #wrapper2 mark { background: #fff; color: #888; font-style: italic; font-weight: bold; } /* Redeclare monospace font family: h5bp.com/j */ #wrapper2 pre, #wrapper2 code, #wrapper2 kbd, #wrapper2 samp { font-family: Arial, Tahoma, sans-serif; font-size: 1em; } /* Improve readability of pre-formatted text in all browsers */ #wrapper2 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } #wrapper2 q { quotes: none; } #wrapper2 q:before, #wrapper2 q:after { content: ""; content: none; } #wrapper2 small { font-size: 85%; } /* Position subscript and superscript content without affecting line-height: h5bp.com/k */ #wrapper2 sub, #wrapper2 sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #wrapper2 sup { top: -0.5em; } #wrapper2 sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ #wrapper2 ul, #wrapper2 ol { margin: 1em 0; padding: 0 0 0 40px; } #wrapper2 dd { margin: 0 0 0 40px; } #wrapper2 nav ul, #wrapper2 nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } /* ============================================================================= Embedded content ========================================================================== */ #wrapper2 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; margin: 10px; } #wrapper2 svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ #wrapper2 figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ #wrapper2 form { margin: 0; } #wrapper2 fieldset { border: 0; margin: 0; padding: 0; } #wrapper2 label { cursor: pointer; } #wrapper2 legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } #wrapper2 button, #wrapper2 input, #wrapper2 select, #wrapper2 textarea { font-size: 1em; margin: 0; vertical-align: baseline; *vertical-align: middle; } #wrapper2 button, #wrapper2 input { line-height: normal; } #wrapper2 button, #wrapper2 input[type="button"], #wrapper2 input[type="reset"], #wrapper2 input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } #wrapper2 button[disabled], #wrapper2 input[disabled] { cursor: default; } #wrapper2 input[type="checkbox"], #wrapper2 input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } #wrapper2 input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } #wrapper2 input[type="search"]::-webkit-search-decoration, #wrapper2 input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } #wrapper2 button::-moz-focus-inner, #wrapper2 input::-moz-focus-inner { border: 0; padding: 0; } #wrapper2 textarea { overflow: auto; vertical-align: top; resize: vertical; max-height: 400px; } #wrapper2 input:valid, #wrapper2 textarea:valid { } #wrapper2 input:invalid, #wrapper2 textarea:invalid { } /* ============================================================================= Tables ========================================================================== */ #wrapper2 table { border-collapse: collapse; border-spacing: 0; } #wrapper2 td { vertical-align: top; } /* ==|== primary styles ===================================================== Author: Webnode.com ========================================================================== */ html { height: 100%; background: #fff; margin: 0; padding: 0;} body { height: 100%; margin: 0; padding: 0; } #wrapper2 { font-size: 0.875em; line-height: 2.0em; color: #888; } #wrapper2 p { line-height: 1.7em; } #wrapper2 a, #wrapper2 a:visited { color: #888; text-decoration: underline; font-weight: normal; -webkit-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -moz-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -ms-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; -o-transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; transition: background-color 0.3s ease-out, color 0.3s ease-out, text-decoration 0.3s ease-out; } #wrapper2 a:visited { color: #888; } #wrapper2 a:hover { color: #000; text-decoration: underline; } #wrapper2 a:active, #wrapper2 a:focus { outline: none; } #wrapper2 a.button { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; } #wrapper2 a.button:hover { text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0px -35px #ddd; } #wrapper2 h1, #wrapper2 h2, #wrapper2 h3, #wrapper2 h4, #wrapper2 h5, #wrapper2 h6 { color: #000; text-align: left; } #wrapper2 h1 { /*margin: 0 0 10px 0; padding: 0 0 20px 0; line-height: 1.5em; color: #000; font-size: 1.5em; */ font-size: 15px; font-weight: normal; margin: 0; color: #888 !important; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; } #wrapper2 h2 { font-family: 'PT Sans Narrow', sans-serif; font-weight: normal; margin: 0 0 10px 0; padding: 0 0 3px 0; line-height: 1.5em; color: #000; border-bottom: 1px solid #ddd; text-transform: uppercase; font-size: 1.143em; } #wrapper2 h3 { font-size: 1.0em; font-weight: normal; margin: 0 0 10px 0; padding: 5px 0 5px 0; line-height: 1.3em; } #wrapper2 h4 {font-size: 1.2em; font-weight: normal; margin: 0 0 10px 0;} /* homepage odkazy na autory */ #wrapper2 h5 { font-size: 15px; font-weight: normal; margin: 0; color: #888 !important; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; } #wrapper2 h5 a { color: #888 !important; text-decoration: none; } #wrapper2 h5 a:hover { font-weight: 500; color: #000 !important; text-decoration: none; } #wrapper2 h6 { font-size: 1.0em; font-weight: normal; margin: 0 0 10px 0; } #wrapper2 .container h1, #wrapper2 .container h2 { } #wrapper2 .container h1, #wrapper2 .container h2, #wrapper2 .container h3, #wrapper2 .container h4, #wrapper2 .container h5, #wrapper2 .container h6 {} #wrapper2 .privateAccessForm h1, #wrapper2 .privateAccessForm h2, #wrapper2 .privateAccessForm h3, #wrapper2 .privateAccessForm h4, #wrapper2 .privateAccessForm h5, #wrapper2 .privateAccessForm h6 {} #wrapper2 .privateAccessForm h1, #wrapper2 .privateAccessForm h2 { } #wrapper2 h1 a, #wrapper2 h2 a, #wrapper2 h3 a, #wrapper2 h4 a, #wrapper2 h5 a, #wrapper2 h6 a { text-decoration: none; } #wrapper2 h1 a:hover, #wrapper2 h2 a:hover, #wrapper2 h3 a:hover, #wrapper2 h4 a:hover, #wrapper2 h5 a:hover, #wrapper2 h6 a:hover { text-decoration: undeline; } #wrapper2 ul, #wrapper2 ol { margin: 0 20px 20px 20px; padding: 10px; text-align: left; } #wrapper2 ul ul, #wrapper2 ol ol, #wrapper2 ul ol, #wrapper2 ol ul { margin: 0px 20px; } #wrapper2 p { margin: 5px 0 20px 0; padding: 0; } #wrapper2 blockquote { font-style: italic; margin: 0; padding: 10px; font-weight: normal; } #wrapper2 address { margin: 6px 10px; font-style: normal; } #wrapper2 dl { margin: 20px 10px; } #wrapper2 dl dt { margin-bottom: 5px; font-weight: bold; } #wrapper2 dl dd { margin: 0 10px 20px 35px; } #wrapper2 img { border: 0; margin: 0;} #wrapper2 hr { height: 0; margin-left: 0; margin-right: 0; background: 0; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ddd; } #wrapper2 table { border-collapse:collapse; border-width: 1px 0 0 0px; border-color: #ddd; border-style: solid; color: #888; text-align: left; display: inline-table; margin: 0 0 20px 0; } #wrapper2 td, #wrapper2 th { border-width: 0 0 1px 0; border-color: #ddd; border-style: solid; padding: 5px; text-align: left; } #wrapper2 td { background-color: #fff; } #wrapper2 th, #wrapper2 thead td { background-color: #fff; } #wrapper2 input, #wrapper2 textarea, #wrapper2 select { color: #888; padding: 5px; background-color: #fff; border: 1px solid #ddd; } #wrapper2 input { width: 250px; height: 20px; } #wrapper2 select { width: 280px; height: 30px; } #wrapper2 button, #wrapper2 input.submit { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; float: right; } #wrapper2 input.submit, #wrapper2 button { padding: 2px 12px; background: #d0d0d0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper2 button:hover, #wrapper2 input.submit:hover { text-decoration: none; background: #ddd; } .lt-ie7 #wrapper2 button, .lt-ie7 #wrapper2 input.submit { cursor: pointer; cursor: hand; } #wrapper2 .back { margin-top: 30px; } #wrapper { min-height: 800px; height: auto; position: relative;} #wrapper2 { position: relative; min-height: 100%; height: auto; } .lt-ie7 #wrapper { height:600px; } .lt-ie7 #wrapper2 { height: 100%; } #wrapper2 .widget { margin-bottom: 20px; text-align: center; } /* ========================================================================== HEADER + LOGO ========================================================================== */ #wrapper2 #header { width: 100%; padding-bottom: 0; height: 190px; } #wrapper2 #headerTop { width: 100%; height: 50px; position: absolute; top: 0; } #wrapper2 #headerTopContent { width: 100%; max-width: 1000px; height: 44px; margin: 0 auto; text-align: center; overflow: visible; } #wrapper2 #headerMain { padding: 26px 0 0 0; width: 100%;} #wrapper2 #headerMainContent { width: 100%; min-height:144px; max-width: 1000px; padding: 0; margin: 0 auto; /*text-align: center;*/ position: relative; /*background: url("../img/logo.gif") no-repeat 0px 0px;*/} /* CARTINFO CARTINFO CARTINFO */ #cartinfo { position: absolute; right: 0; top: 34px; font-size: 10px; color: #888; text-transform: uppercase; } #cartinfo a, #cartinfo a:visited { padding: 0; color: #888; text-decoration: none; font-weight: normal; } #cartinfo a:hover, #cartinfo a:active, #cartinfo a:focus { text-decoration: underline; } #cartinfo a .cart-title { margin: 0; padding: 0; } #cartinfo a .items, #cartinfo a .price { font-weight: normal; } /* /CARTINFO CARTINFO CARTINFO */ /* LOGO */ #wrapper2 #logoZone { float: left; width: 280px; height: 100px; overflow: hidden; } .lt-ie7 #wrapper2 #logoZone { display: inline; } #wrapper2 a.logo { width: auto; height: auto; display: block; float: left; margin-top: 125px; font-size: 15px; font-weight: normal; color: #888 !important; cursor: pointer; font-family: 'PT Sans Narrow', sans-serif; text-decoration: none; } #wrapper2 a.logo:hover { color: #000 !important; } /* ILLUSTRATION */ #wrapper2 #rbcSystemIdentifierBanner { display: none; } /* SYSTEM NAV */ #wrapper2 ul.systemNav { margin: 0; padding: 14px 0 0 0; list-style: none; display: block; float: right; font-size: 10px; text-transform: uppercase; } #wrapper2 ul.systemNav li { margin: 0 3px 0 0; padding: 2px 0 0 10px; float: left; background: none /*url("../img/link.gif") no-repeat 0% 50% */; } #wrapper2 ul.systemNav li a { color: #888 !important; text-decoration: none !important; } #wrapper2 ul.systemNav li a:hover { color: #888 !important; text-decoration: underline !important; } #wrapper2 ul.systemNav li.homepage { background: none; } .lt-ie7 #wrapper2 ul.systemNav li { display: inline; } /* LANG */ #wrapper2 #lang { float: right; } #wrapper2 #languageSelect ul { display: none; } #wrapper2 #languageSelect #languageFlags { padding: 14px 0 0 20px; } #wrapper2 #languageSelect #languageFlags a { background: none no-repeat scroll center center transparent; display: block; float: left; height: 16px; margin: 0 0 0 7px; padding: 0; text-decoration: none; width: 16px; } #wrapper2 #languageSelect .languageSelectbox { width: 150px; margin: 15px 0 0 30px; } #wrapper2 #languageSelect #languageList { margin: 9px 0 0 30px; display: block; font-size: 0.857em; color: #888 !important;} #wrapper2 #languageSelect #languageList a { color: #888 !important; text-decoration: none !important; padding: 0 5px; } #wrapper2 #languageSelect #languageList a:hover { color: #ffffff !important; text-decoration: none !important; } /* FULLTEXT FORM */ #wrapper2 #fulltextForm { font-size: 0.857em; margin: 15px 0 0 10px; float: right; width: 140px; height: 30px; background: url("../img/fulltext-form-bg.jpg") no-repeat scroll left center transparent;} #wrapper2 #fulltextSearch { margin: 0; padding: 0; } #wrapper2 #fulltextSearchText { margin: 0; padding: 6px 6px 4px 9px; float: left; height: 18px; width: 91px; background-color: transparent; border: 0; color: #888 !important; } #wrapper2 #fulltextSearchButton { border: 0; float: left; padding: 0; margin: 0; background: url("../img/fulltext-form-search-icon.png") no-repeat scroll 10px -22px transparent; width: 30px; height: 30px; } #wrapper2 #fulltextSearchButton:hover { background: url("../img/fulltext-form-search-icon.png") no-repeat scroll 10px 8px transparent; } .lt-ie7 #wrapper2 #fulltextForm { display: inline; } .lt-ie7 #wrapper2 #lang { display: inline; } .lt-ie7 #wrapper2 ul.systemNav { display: inline; } .lt-ie7 #wrapper2 #fulltextSearchButton { background: url("../img/fulltext-form-search-icon-8bit.png") no-repeat scroll center center transparent; } .lt-ie8 #wrapper2 #fulltextSearchButton { cursor:pointer; cursor:hand; } #wrapper2 #illustration { width: 100%; max-width: 1000px; height: 330px; margin: 0; padding: 0; display: block; background: url("../img/shadow.gif") no-repeat center bottom; } #wrapper .menuWrapper { padding-bottom: 0; position: relative; } #wrapper #navMenu { float: right; margin-top: 124px; margin-right: 0px; /*width: 100%;*/ max-width: 1000px; width: auto; display: block; } @media screen and (min-width: 768px) and (max-width: 960px) { #wrapper #navMenu { max-width: 60%; } #wrapper.BOXED #logoZone { width: 30%; } } #wrapper #navMenu.desktopMenu .menuArrow { display: none; } #wrapper .menuWrapper ul { display: inline; text-align: left; margin: 0; padding: 0; list-style: none; font-family: 'PT Sans Narrow', sans-serif; font-size: 15px; /*position: relative;*/ float: left !important; } #wrapper .menuWrapper #rbcBlock_mainMenu, #wrapper .menuWrapper .rbcMobileContentBlock, #wrapper .menuWrapper #rbcBlock_rbcEshopCategories { display: inline; float: left !important; } @media screen and (min-width: 768px) and (max-width: 1000px) { #wrapper #navMenu { max-width: 100% !important; width: 100% !important; display: block; clear: both; } #wrapper .menuWrapper { margin-top: 0px !important; float: left !important; max-width: 100% !important; width: 100% !important; display: block; } } #wrapper .menuWrapper ul li { display: block; float: left; padding: 0; margin: 0; text-transform: uppercase; } @media screen and (max-width: 767px) { #wrapper .menuWrapper ul li { position: relative; } } #wrapper .menuWrapper ul li a { position: relative; z-index: 99; text-decoration: none; display: block; padding: 0 0 0 12px; background: none; margin: 0; border: 1px solid transparent; font-weight: 300; word-wrap: break-word; color: #888; } /* #wrapper .menuWrapper ul li a span { padding: 0; display: inline-block; } #wrapper .menuWrapper ul > li.withSubmenu > a > span { padding: 0 30px 0 15px; background: url("../img/arrows_menu.png") no-repeat scroll 105% 11px transparent; } #wrapper .menuWrapper ul > li.selected.withSubmenu > a > span { padding: 0 30px 0 15px; background: url("../img/arrows_menu.png") no-repeat scroll 105% 11px transparent; } #wrapper.DARK.BLUE .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.BLUE .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.BROWN .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.CREME .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.GREEN .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.ORANGE .menuWrapper ul > li.selected.withSubmenu > a > span, #wrapper.LIGHT.RED .menuWrapper ul > li.selected.withSubmenu > a > span { padding: 0 30px 0 15px; background: url("../img/arrows_menu.png") no-repeat scroll 105% -39px transparent; } */ #wrapper .menuWrapper ul > li > a:hover, #wrapper .menuWrapper ul > li:hover > a, #wrapper .menuWrapper ul > li.activeSelected > a, #wrapper .menuWrapper ul > li.selected > a, #wrapper .menuWrapper ul > li > a.touched { text-decoration: none; color: #000; FONT-WEIGHT: 500; } #wrapper .menuWrapper ul > li.activeSelected > a, #wrapper .menuWrapper ul > li.selected > a { color: #000; FONT-WEIGHT: 500; } #wrapper .menuWrapper ul ul { display: none; width: 205px; padding: 0; position: absolute; z-index: 100; margin: 0; padding: 0; /*left: 0;*/ /*background: #fff;*/ border: 1px solid #dddddd !important; background-color: rgba(255, 255, 255, 1.0); } .lt-ie8 #wrapper .menuWrapper ul ul { top: 44px; } .lt-ie8 #wrapper .menuWrapper ul ul ul { top: 0px; } #wrapper .menuWrapper ul ul ul { top: -1px; right: 205px; } #wrapper .menuWrapper ul ul ul ul { top: auto; left: auto; position: static; margin: 0; padding: 0; border: 0 !important; display: block; background: none; -webkit-box-shadow: none; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ box-shadow: none; /* Opera 10.5, IE9+, Firefox 4+, Chrome 6+, iOS 5 */ } #wrapper .menuWrapper ul ul li { /*display: block; float: left !important;*/ width: 205px; height: auto; /*min-height: 37px;*/ position: relative; padding: 0; margin: 0; border-bottom: 0px solid; } #wrapper .menuWrapper ul ul li a { display: block; width: 175px; height: auto; background: none; padding: 0 15px 0 13px; margin: 0; position: static; border: 0; overflow: hidden; line-height: 1.5em; font-size: 14px; /*background: url("../img/submenu.gif") no-repeat 100% 50%;*/ } #wrapper .menuWrapper ul li ul li.last a { padding-bottom: 5px; } #wrapper .menuWrapper ul li ul li.first a { padding-top: 5px;} /* #wrapper .menuWrapper ul ul li a span { padding: 0; display: inline-block; } */ #wrapper .menuWrapper ul ul li a:hover, #wrapper .menuWrapper ul ul li.activeSelected > a, #wrapper .menuWrapper ul > li > ul > li:hover > a, #wrapper .menuWrapper ul ul li a.touched { color: #000; FONT-WEIGHT: 500; } #wrapper .menuWrapper ul li:hover > ul, #wrapper .menuWrapper ul li.touched > ul { display: block; } /*=====================*/ /* MOBILE MENU */ #wrapper #header #navButton { width: 60px; height: 60px; background: url("../img/ico_mobile_menu.png") no-repeat 0 0; position: absolute; top: 15px; right: 25px; display: block; text-indent: -999em; } #wrapper #header #navButton.open { background: url("../img/ico_mobile_menu.png") no-repeat 0 -60px; } @media screen and (max-width: 767px) { #wrapper.BOXED #header { max-width: 100%; } #wrapper .menuWrapper { padding: 0; } #wrapper #navMenu { display: none; float: none; width: 100%; max-width: 100%; padding: 0 0 10px 0; margin: 0; position: absolute; left: 0; background: #DFDFDF; z-index: 100; } .no-js #wrapper #navMenu { display: block; position: relative; } .no-js #wrapper ul ul { display: block; } .no-js #wrapper ul ul ul { top: auto; display: block; } #wrapper #navMenu ul { height: auto; max-width: 100%; float: none !important; } #wrapper #navMenu ul li { float: none; height: auto; padding: 0; margin: 0; } #wrapper #navMenu ul ul li { width: auto; float: none !important; } #wrapper .menuWrapper ul ul li a { display: block; background: none; padding: 5px 10px; margin: 0; } #wrapper .menuWrapper ul li ul li.first a { padding-left: 10px;} #wrapper #navMenu ul li:hover > ul { display: none; } .no-js #wrapper #navMenu ul li:hover > ul { display: block; } #wrapper ul ul li a { border: none; } #wrapper ul > li.activeSelected > a { color: #000; FONT-WEIGHT: 500; } #wrapper #navMenu ul ul { width: auto; position: static; z-index: auto; right: auto; border-top: none; } #wrapper #navMenu ul li a { width: auto; z-index: 10; background-image: none; background: none; } #wrapper #navMenu ul li li a { padding-left: 30px; } #wrapper #navMenu ul li li li a { padding-left: 45px; } #wrapper #navMenu ul li li li li a { padding-left: 60px; } #wrapper #navMenu ul li li li li li a { padding-left: 75px; } #wrapper #navMenu ul li a span { background: none !important; padding: 0 15px; } #wrapper #navMenu ul li a.menuArrow { position: absolute; right: 0; top: 0; width: 50px; height: 45px; margin: 0; padding: 0; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background: none; z-index: 30; border: none; } #wrapper #navMenu a.menuArrow.down:after { position: absolute; top: 20%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #373a3c; border-bottom: none; } #wrapper #navMenu a.menuArrow.up:after { position: absolute; top: 20%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #373a3c; border-top: none; } #wrapper #header #navMenu #rbcMobileWaitingArea { text-align: center; color: #FFFFFF; padding: 5px; font-size: 0.875em; } #wrapper #header #navMenu #rbcMobileWaitingArea span { display: inline-block; padding: 0 0 0 7px; } #wrapper #navMenu li.withSubmenu:hover ul { display: none; } } @media screen and (min-width: 768px ) { #wrapper #header #navButton { display: none; } } /* ========================================================================== FOOTER ========================================================================== */ #wrapper2 #footer { width: 100%; min-height: 103px; position: absolute; bottom: 0; background: url("../img/footer-bg-patt.jpg") repeat-x scroll center top #f2f2f2; } #wrapper2 #footerContent { width: 100%; max-width: 1000px; height: 103px; margin: 0 auto; text-align: center; font-size: 0.857em; overflow: hidden; line-height: 1.3em;} #wrapper2 #footerContent a { text-decoration: underline; } #wrapper2 #footerContent a:hover { text-decoration: underline; } #wrapper2 #copyright { float: left; width: 50%; height: 73px; padding-top: 30px; text-align: left; overflow: hidden; } #wrapper2 #signature { float: right; width: 50%; height: 73px; padding-top: 30px; text-align: right; overflow: hidden; } @media screen and (max-width: 768px) { #wrapper2 #footerContent { max-width: 90%; width: 90%; padding: 0 5% 0 5%; } #wrapper2 #copyright { height: 30px; float: none; width: 100%; display: block; } #wrapper2 #signature { height: 30px; float: none; width: 100%; text-align: left; display: block; padding-top: 0px; } } /* ========================================================================== */ /* ========================================================================== MAIN ========================================================================== */ #wrapper2 #main { width: 100%; margin: auto; padding: 0px 0 103px 0; } #wrapper2 #mainContent { width: 100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 0; overflow: hidden;} #wrapper2 .columnsContainerSideRight { } #wrapper2 .columnsContainerSideLeft { } #wrapper2 .column1 { width: 240px; overflow: hidden; } #wrapper2 .column2 { width: 680px; overflow: hidden;} #wrapper2 .columnsContainerSideRight .column1 { float: left; } #wrapper2 .columnsContainerSideRight .column2 { float: left; padding-right: 80px; } #wrapper2 .columnsContainerSideLeft .column1 { float: right; } #wrapper2 .columnsContainerSideLeft .column2 { float: right; padding-left: 80px; } @media screen and (max-width: 1000px) { #wrapper2 #mainContent { width: 90%; padding: 0 5% 0 5%; } } /* ========================================================================== */ /* ========================================================================== BOX ========================================================================== */ #wrapper2 .box { padding: 0px 0 30px 0; background-color: #fff; } #wrapper2 .boxProducts { background-color: #fff !important; } #wrapper2 .container .box { background-color: #fff; } #wrapper2 .shopDetail { background-color: #fff; } #wrapper2 .shopDetail table { border: 0 !important; } #wrapper2 .shopDetail td, #wrapper2 .shopDetail th { border: 0 !important; } #wrapper2 .shopDetail th, #wrapper2 .shopDetail thead td {background-color: #fff !important; } /* ========================================================================== */ /* ========================================================================== PAGINATION ========================================================================== */ #wrapper2 .pagination { margin: 20px 0; } #wrapper2 .paging { float: left; padding-top: 20px; } #wrapper2 .paging a { color: #888; font-weight: normal; text-decoration: none !important; } #wrapper2 .paging a * { cursor: pointer; cursor: hand; } #wrapper2 .paging .pageText, #wrapper2 .paging .rightText, #wrapper2 .paging .rightEndText, #wrapper2 .paging .leftText, #wrapper2 .paging .leftEndText { font-size: 0.85em; display: inline-block; border: 1px solid #FFF; background-color:#FFF; padding: 2px 6px; color: #888; font-weight: normal;} .lt-ie7 #wrapper2 .paging .pageText, .lt-ie7 #wrapper2 .paging .rightText, .lt-ie7 #wrapper2 .paging .rightEndText, .lt-ie7 #wrapper2 .paging .leftText, .lt-ie7 #wrapper2 .paging .leftEndText { background-color:#FFF; } #wrapper2 .container .paging .pageText, #wrapper2 .container .paging .rightText, #wrapper2 .container .paging .rightEndText, #wrapper2 .container .paging .leftText, #wrapper2 .container .paging .leftEndText { border: 1px solid #FFF; } #wrapper2 .paging a:hover .pageText, #wrapper2 .paging a:hover .rightText, #wrapper2 .paging a:hover .rightEndText, #wrapper2 .paging a:hover .leftText, #wrapper2 .paging a:hover .leftEndText { COLOR: #000; background: none; background-color:#FFF;} #wrapper2 .container .paging a:hover .pageText, #wrapper2 .container .paging a:hover .rightText, #wrapper2 .container .paging a:hover .rightEndText, #wrapper2 .container .paging a:hover .leftText, #wrapper2 .container .paging a:hover .leftEndText { background: none; background-color: #FFF; color: #000; } #wrapper2 .paging .selected .pageText { background: none; color: #000; border: 0; } #wrapper2 .paging .separator { display: none; } #wrapper2 .pagingInfo { float: right; padding-top: 20px; } #wrapper2 .pagingInfo p { margin:0; padding: 0; } #wrapper2 .photogallery .paging { padding-left: 10px; } #wrapper2 .photogallery .pagingInfo { padding-right: 10px; } /* ========================================================================== */ /* ========================================================================== BREADS ========================================================================== */ #wrapper2 #pageNavigator { text-align: left; float: left; clear: both; padding: 0 0 10px 0; width: 100%; max-width: 1000px; } /* ========================================================================== */ /* ========================================================================== FORM ERRORS ========================================================================== */ #wrapper2 .formError { color: #cc0000; } #wrapper2 .error { color: #cc0000; } #wrapper2 .wrong { color: #cc0000; } #wrapper2 input.wrong { color: #cc0000; } #wrapper2 textarea.wrong { color: #cc0000; } /* ========================================================================== */ /* ========================================================================== HOMEPAGE ========================================================================== */ #wrapper2 .layoutFullWidth { } #wrapper2 .layoutColumns { } #wrapper2 .container { width: 100%; padding-bottom: 40px; margin-top: 40px; /*background: url("../img/container-shadow.png") no-repeat scroll center bottom transparent;*/ } #wrapper2 .column2 .container { /*background: url("../img/container-shadow-680.png") no-repeat scroll center bottom transparent;*/ } #wrapper2 .containerContent { color: #888; /*background: url("../img/container-bg.jpg") repeat-y scroll center top #f2f2f2; */min-height: 150px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper2 .container .containerContent { } .lt-ie7 #wrapper2 .container { background: none; } .lt-ie7 #wrapper2 .containerContent { height: 150px; } #wrapper2 .containerContent a { } #wrapper2 .containerContent a:hover { } #wrapper2 .container .column33 { float: left; width: 280px; margin: 0 16px 0 17px; padding: 10px; overflow: hidden; text-shadow: none; } #wrapper2 .container .column33 a { } #wrapper2 .container .column33 a:hover { } .lt-ie7 #wrapper2 .column33 { display: inline; } /* ========================================================================== */ /* ========================================================================== PHOTOGALLERY ========================================================================== */ #wrapper2 .photogallery { position: relative; /*background: url("../img/gallery-shadow-960.png") no-repeat scroll center bottom transparent;*/ padding-bottom: 0px; min-height: 0px; width: 100%; clear: both; visibility: visible;} #wrapper2 .column2 .photogallery { width: 680px; /*background: url("../img/gallery-shadow-680.png") no-repeat scroll center bottom transparent;*/ } #wrapper2 .column1 .photogallery { width: 240px; /*background: url("../img/gallery-shadow-240.png") no-repeat scroll center bottom transparent;*/ } #wrapper2 .column33 .photogallery { width: 280px; /*background: url("../img/gallery-shadow-240.png") no-repeat scroll center bottom transparent;*/ } .lt-ie7 #wrapper2 .photogallery { height: 0px; background: none; } .lt-ie8 #wrapper2 .photogallery .photo { display: inline; } #wrapper2 .layoutFullWidth .photo200 { padding-left: 0px; padding-right: 0px; /*width: 896px;*/ width: auto;} #wrapper2 .layoutFullWidth .photo118 { padding-left: 0px; padding-right: 0px; /*width: 852px;*/ width: auto;} #wrapper2 .column2 .photo200 {/* padding-left: 116px; padding-right: 116px; margin: 0; width: 448px; */ padding-left: 4px; padding-right: 4px; margin: 0; width: 672px;} #wrapper2 .column2 .photo118 { padding-left: 56px; padding-right: 56px; margin: 0; width: 568px; } #wrapper2 .column1 .photo200 { padding-left: 8px; padding-right: 8px; margin: 0; width: 224px;} #wrapper2 .column1 .photo118 { /*padding-left: 49px; padding-right: 49px; margin: 0; width: 142px;*/ padding-left: 0px; padding-right: 0px; margin: 0; width: 240px;} #wrapper2 .column33 .photo200 { padding-left: 0px; padding-right: 0px; margin: 0; width: 280px;} #wrapper2 .column33 .photo118 { padding-left: 0px; padding-right: 0px; margin: 0; width: 280px; } .lt-ie7 #wrapper2 .photogallery { text-align: center; } /* 2012-07-18 ADDED */ #wrapper2 .photo200 .photogalleryInner { /*height: 224px;*/ height: auto; overflow: hidden; } #wrapper2 .photo118 .photogalleryInner { /*height: 142px;*/ height: auto; overflow: hidden; } #wrapper2 .column2 .photo200 .photogalleryInner, #wrapper2 .column1 .photo200 .photogalleryInner, #wrapper2 .column33 .photo200 .photogalleryInner, #wrapper2 .column1 .photo118 .photogalleryInner, #wrapper2 .column33 .photo118 .photogalleryInner { height: auto; overflow: visible; } /* 2012-07-18 ADDED */ #wrapper2 .photo200 .photo { float: left; padding: 10px 22PX; display: block; width: 204px; height: 204px; } .lt-ie7 #wrapper2 .photo200 .photo { display: inline; zoom: 1; } #wrapper2 .photo118 .photo { float: left; padding: 10px; display: block; width: 122px; height: 122px; } .lt-ie7 #wrapper2 .photo118 .photo { display: inline; zoom: 1; } #wrapper2 .column1 .photo118 .photo { margin-left: 49px;} #wrapper2 .column33 .photo118 .photo { margin-left: 69px;} #wrapper2 .column33 .photo200 .photo { margin-left: 20px;} #wrapper2 .photogallery a { position: relative; display: inline; } #wrapper2 .photogallery a img { margin: 0px; } #wrapper2 .photogallery a .image { border: 2px solid #fff; /*display: block;*/ overflow: hidden; background-color: #fff; display: table-cell; vertical-align: middle; } #wrapper2 .container .photogallery a .image { border: 2px solid #fff; } #wrapper2 .photo118 a .image { width: 118px; height: 118px; /*width: 122px; height: 122px;*/} #wrapper2 .photo200 a .image { width: 200px; height: 200px; /*width: 204px; height: 204px;*/} doesnotexist:-o-prefocus, #wrapper2 .photo118 a .image { height: 122px; } doesnotexist:-o-prefocus, #wrapper2 .photo200 a .image { height: 204px; } .lt-ie8 #wrapper2 .photogallery a .image { display: block; } .lt-ie10 #wrapper2 .photo118 a .image { width: 118px; height: 118px; } .lt-ie10 #wrapper2 .photo200 a .image { width: 200px; height: 200px; } #wrapper2 .photo200 a * { cursor:pointer; cursor:hand; } #wrapper2 .photo118 a * { cursor:pointer; cursor:hand; } #wrapper2 .photogallery a { text-decoration: none !important; } #wrapper2 .photogallery a .name {text-decoration: none !important; margin: 0; padding: 0; overflow: hidden; font-family: Arial, Tahoma, sans-serif; padding: 5px; position: absolute; display: block; bottom: 0px; left: 0px; background-color: rgba(255, 255, 255, 0.7); height: 200px;} .lt-ie9 #wrapper2 .photogallery a .name { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BB000000,endColorstr=#BB000000); zoom: 1; } .lt-ie7 #wrapper2 .photogallery a .name { background: none; background-color: #f2f2f2; } #wrapper2 .photo200 a .name { width: 190px; max-height: 190px; font-size: 1.286em; } #wrapper2 .photo118 a .name { width: 108px; max-height: 108px; font-size: 1.1em; } #wrapper2 .photogallery div.name p { margin-top: 30px; line-height: 1.1em; font-size: 12px; color: #888; text-transform: uppercase; padding-bottom: 0px; border-bottom: 0px solid #bbb; } #wrapper2 .photo118 div.name p { margin-top: 10px; } .lt-ie7 #wrapper2 .photo118 a .name { width: 108px; } .lt-ie7 #wrapper2 .photo200 a .name { width: 190px; } .lt-ie7 #wrapper2 .photogallery a { text-decoration: none; font-weight: normal; } .lt-ie7 #wrapper2 .photogallery a .name { bottom: 12px; height: auto; } .lt-ie8 #wrapper2 .photogallery a .name { cursor:pointer; cursor:hand; } #wrapper2 .photo200 a .hover { cursor:pointer; cursor:hand; display: block; display: none; position: absolute; bottom: 12px; left: 12px; width: 200px; height: 200px; background: url("../img/gallery-hover.png") no-repeat scroll center bottom transparent; } .lt-ie7 #wrapper2 .photo200 a .hover { display: none; visibility: hidden; } #wrapper2 .photo118 a .hover { display: block; display: none; position: absolute; bottom: 12px; left: 12px; width: 118px; height: 118px; background: url("../img/gallery-hover.png") no-repeat scroll center center transparent; } .lt-ie7 #wrapper2 .photo118 a .hover { display: none; visibility: hidden; } /* For image replacement */ #wrapper2 .photogallery .bx-prev, #wrapper2 .photogallery .bx-next { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } #wrapper2 .photogallery .bx-prev br, #wrapper2 .photogallery .bx-next br { display: none; } #wrapper2 .photogallery .bx-prev, #wrapper2 .photogallery .bx-next { width: 20px; height: 34px; position: absolute; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} #wrapper2 .photogallery .bx-prev { left: -32px; background: url("../img/gallery-arrow.png") no-repeat scroll -20px 0px transparent;} #wrapper2 .photogallery .bx-prev:hover { background: url("../img/gallery-arrow.png") no-repeat scroll 0px 0px transparent; } #wrapper2 .photogallery .bx-next { right: -32px; background: url("../img/gallery-arrow.png") no-repeat scroll -60px 0px transparent;} #wrapper2 .photogallery .bx-next:hover { background: url("../img/gallery-arrow.png") no-repeat scroll -40px 0px transparent; } .lt-ie7 #wrapper2 .photogallery .bx-next { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -60px 0px transparent; } .lt-ie7 #wrapper2 .photogallery .bx-next:hover { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -40px 0px transparent; } .lt-ie7 #wrapper2 .photogallery .bx-prev { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll -20px 0px transparent; } .lt-ie7 #wrapper2 .photogallery .bx-prev:hover { background: url("../img/gallery-arrow-8bit.png") no-repeat scroll 0px 0px transparent; } #wrapper2 .photo200 .bx-prev, #wrapper2 .photo200 .bx-next { top: 100px; } #wrapper2 .photo118 .bx-prev, #wrapper2 .photo118 .bx-next { top: 55px; } /* PHOTO DETAIL */ #wrapper2 .photofull table, .photofull table tr { margin: 0; padding: 0; } #wrapper2 .photofull table td { display: table-cell; width: 150px; padding: 5px 20px; margin:0; /*border: 0;*/ } #wrapper2 .photofull table td.before { text-align: left; } #wrapper2 .photofull table td.control { text-align: center; } #wrapper2 .photofull table td.after { text-align: right; } #wrapper2 .photofull .back { margin-top: 30px; } #wrapper2 .waitingArea { margin: 20px 0; text-align: center; } /* ========================================================================== */ /* ========================================================================== FAQ ========================================================================== */ #wrapper2 .question { background: url("../img/line-sep.png") repeat-x scroll left bottom transparent; padding: 10px 0; } .lt-ie7 #wrapper2 .question { background: url("../img/line-sep-8bit.png") repeat-x scroll left bottom transparent; } /* ========================================================================== */ /* ========================================================================== ARTICLE ========================================================================== */ #wrapper2 .article { margin-bottom: 20px; text-align: left; } #wrapper2 .article .date { display: block; color: #888; font-style: italic; } #wrapper2 .article h3 { font-size: 1em; margin-bottom: 0; padding-bottom: 0;} #wrapper2 .archive { text-align: right; } #wrapper2 #main .widgetArticles .wrapperDate, #wrapper2 #main .widgetArticles .wrapperText, #wrapper2 #main .widgetArticles .boxTitle { text-align: left; } /* ARTICLE DETAIL */ #wrapper2 .article .back { margin-top: 30px; } #wrapper2 .article .tagsWrapper { margin-top: 30px; } #wrapper2 .article .rbcBookmarks { margin-top: 30px; } #wrapper2 .article .rbcBookmarks a { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* ========================================================================== */ /* ========================================================================== ARTICLE ========================================================================== */ #wrapper2 .rss { margin-bottom: 20px; text-align: left; } #wrapper2 .rss .uri { text-align: left; } /* ========================================================================== */ /* ========================================================================== PRODUCT ========================================================================== */ #wrapper2 .product { margin-bottom: 20px; text-align: left; } #wrapper2 .product h3 { font-size: 1.5em; } #wrapper2 .product .image { float: left; margin: 0 20px 20px 0; width: 118px; max-height: 118px; overflow: hidden; } #wrapper2 .withImage h3 { padding-left: 138px; } #wrapper2 .withImage .productDescription { padding-left: 138px; } #wrapper2 .withImage .productDescription h3, #wrapper2 .widgetProductsGallery .withImage h3{ padding-left: 0px; } #wrapper2 .column1 .product .image, #wrapper2 .column33 .product .image { float: none; } #wrapper2 .column1 .withImage .productDescription, #wrapper2 .column33 .withImage .productDescription { padding-left: 0; } #wrapper2 .column1 .withImage h3, #wrapper2 .column33 .withImage h3 { padding-left: 0; } #wrapper2 .column1 .product .image { float: none; margin: 15px 20px 20px 0; width: 118px; height: 118px; overflow: hidden; } /* PRODUCT DETAIL */ #wrapper2 .product .back { margin-top: 30px; } #wrapper2 .product .tagsWrapper { margin-top: 30px; } #wrapper2 .product .rbcBookmarks { margin-top: 30px; } #wrapper2 .product .imageLarge { float: left; margin: 10px 20px 20px 0; width: 200px; height: 200px; overflow: hidden; } /* ========================================================================== */ /* ========================================================================== FULLTEXT SEARCH FORM ========================================================================== */ #wrapper2 #fulltextSearchResult {width: 100%; color: #888; background-color:#f2f2f2; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper2 #fulltextSearchResult fieldset { display: block; padding: 20px; } #wrapper2 #fulltextSearchResult .search { float: left; margin: 10px; } #wrapper2 #fulltextSearchResult .type { float: left; margin: 10px 10px 12px 10px; } #wrapper2 #fulltextSearchResult .btnarea { float: right; } #wrapper2 #fulltextSearchResult label { margin-right: 5px; /*width: 80px; display: inline-block; text-align: right;*/ } #wrapper2 #fulltextSearchResult button, #fulltextSearchResult input.submit { margin: 10px; } #wrapper2 .column2 #fulltextSearchResult input { width: 150px; } #wrapper2 .column2 #fulltextSearchResult select { width: 180px; } #wrapper2 .searchResult { margin-bottom: 20px; text-align: left; } #wrapper2 .searchResult h3 { font-size: 1.5em; } #wrapper2 .searchResultContent { } #wrapper2 .searchResultFooter { padding-top: 10px; } #wrapper2 .searchResult .uri { float: left; } #wrapper2 .searchResult .size { float: right; } #wrapper2 .searchResult p { padding: 0; margin: 0; } /* ========================================================================== */ /* ========================================================================== DISCUSSION ========================================================================== */ #wrapper2 .discussionPost { margin: 20px 0 0 200px; text-align: left; } #wrapper2 .column33 .discussionPost { border: 1px solid #ddd; } #wrapper2 .discussionPost .head { padding: 0 0 0 120px; } #wrapper2 .container .discussionPost .head { } #wrapper2 .discussionPost .subject { margin-right: 10px; } #wrapper2 .discussionPost .author { margin-right: 10px; } #wrapper2 .discussionPost .date { margin-right: 10px; } #wrapper2 .discussionPost .text { /*font-style: italic;*/ /*color: #758085;*/ background: url("../img/quotes.png") no-repeat scroll left top transparent; min-height: 80px; padding: 0 0 0 120px; } .lt-ie7 #wrapper2 .discussionPost .text { background: url("../img/quotes-8bit.png") no-repeat scroll left top transparent; height: 80px; } #wrapper2 .discussionPost .reply { padding: 0 0 0 120px; } #wrapper2 .column1 .discussionPost, #wrapper2 .column33 .discussionPost { margin: 20px 0 0 0; } #wrapper2 .column1 .discussionPost .head, #wrapper2 .column33 .discussionPost .head { padding: 0; } #wrapper2 .column1 .discussionPost .subject, #wrapper2 .column1 .discussionPost .author, #wrapper2 .column1 .discussionPost .date, #wrapper2 .column33 .discussionPost .subject, #wrapper2 .column33 .discussionPost .author, #wrapper2 .column33 .discussionPost .date { display: block; } #wrapper2 .column1 .discussionPost .text, #wrapper2 .column33 .discussionPost .text { background: none; padding: 0; } #wrapper2 .column1 .discussionPost .reply, #wrapper2 .column33 .discussionPost .reply { padding: 0; } #wrapper2 .level-1 { margin-left: 0px; } #wrapper2 .level-2 { margin-left: 50px; } #wrapper2 .level-3 { margin-left: 100px; } #wrapper2 .level-4 { margin-left: 150px; } #wrapper2 .level-5 { margin-left: 200px; } #wrapper2 .column1 .level-1 { margin-left: 0; } #wrapper2 .column1 .level-2 { margin-left: 0; } #wrapper2 .column1 .level-3 { margin-left: 0; } #wrapper2 .column1 .level-4 { margin-left: 0; } #wrapper2 .column1 .level-5 { margin-left: 0; } #wrapper2 .column33 .level-1 { margin-left: 0; } #wrapper2 .column33 .level-2 { margin-left: 0; } #wrapper2 .column33 .level-3 { margin-left: 0; } #wrapper2 .column33 .level-4 { margin-left: 0; } #wrapper2 .column33 .level-5 { margin-left: 0; } #wrapper2 .discussionForm { text-align: left; padding: 20px; color: #888; background-color:#f2f2f2; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper2 .discussionForm .inputArea1 { float: left; padding-right: 20px;} #wrapper2 .discussionForm .inputArea2 { float: left; } #wrapper2 .discussionForm .input { margin: 0 0 20px 0; } #wrapper2 .discussionForm label { display: block; width: 300px; overflow: hidden; line-height:1.33;} #wrapper2 .discussionForm input { width: 300px; } #wrapper2 .discussionForm input.submit { width: auto; } #wrapper2 .discussionForm textarea { width: 576px; height: 100px; max-height: 400px;} #wrapper2 .column2 .discussionForm textarea { width: 628px; height: 100px;} #wrapper2 .discussionForm button, #wrapper2 .discussionForm input.submit { min-width: 150px; } .lt-ie7 #wrapper2 .discussionForm button, .lt-ie7 #wrapper2 .discussionForm input.submit { width: 150px; } #wrapper2 .newPost { text-align: left; } #wrapper2 .column1 .discussionForm label { width: 190px; } #wrapper2 .column1 .discussionForm input{ width: 190px; } #wrapper2 .column1 .discussionForm input.submit{ width: auto; } #wrapper2 .column1 .discussionForm textarea { width: 190px; height: 100px; max-height: 400px;} #wrapper2 .column33 .discussionForm label { width: 228px; } #wrapper2 .column33 .discussionForm input{ width: 228px; } #wrapper2 .column33 .discussionForm input.submit{ width: auto; } #wrapper2 .column33 .discussionForm textarea { width: 228px; height: 100px; max-height: 400px;} /* ========================================================================== */ /* ========================================================================== CONTACT FORM ========================================================================== */ #wrapper2 .contactForm {margin-bottom: 20px; text-align: left; padding: 20px; color: #888; background-color:#f2f2f2; min-height: 70px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper2 .contactForm .inputArea1 { float: left; padding-right: 20px;} #wrapper2 .contactForm .inputArea2 { float: left; } #wrapper2 .contactForm .input { margin: 0 0 20px 0; } #wrapper2 .contactForm label { display: block; width: 300px; overflow: hidden; } #wrapper2 .contactForm input { width: 300px; } #wrapper2 .contactForm input.submit { width: auto; } #wrapper2 .contactForm textarea { width: 576px; height: 180px;} #wrapper2 .column2 .contactForm textarea { width: 628px; height: 180px;} #wrapper2 .contactForm button, #wrapper2 .contactForm input.submit { min-width: 150px; float: right; } .lt-ie7 #wrapper2 .contactForm button, .lt-ie7 #wrapper2 .contactForm input.submit { width: 150px; } #wrapper2 .contact .rbcContactEmail { white-space: no-wrap; display: block; word-wrap: break-word; } #wrapper2 .contact .email wbr { display: none; white-space: no-wrap; } #wrapper2 .contact p { margin: 5px 0 5px; } /* ========================================================================== */ /* ========================================================================== POLL ========================================================================== */ #wrapper2 .poll { text-align: left; margin-bottom: 20px; } #wrapper2 .pollnumber { padding-left: 10px; } #wrapper2 .pollbar { display: block; height: 19px; width: 0; text-align: center; color: #888; line-height: 1.35em; text-shadow: none; } #wrapper2 .container .pollbar { } #wrapper2 .bar-0 { background: url("../img/poll-bar.jpg") repeat-x scroll 0 0 transparent; } #wrapper2 .bar-1 { background: url("../img/poll-bar.jpg") repeat-x scroll 0 -19px transparent; } /* ADDED 2012-07-16 */ #wrapper2 .pollQuestion { font-size: 1.0em; } #wrapper2 .pollbarWrapper-0, #wrapper2 .pollbarWrapper-1 { display: block; height: 19px; width: 100%; position: relative; } #wrapper2 .pollbarWrapper-0 { background: url("../img/poll-bar-short.jpg") no-repeat scroll 0 0 transparent; } #wrapper2 .pollbarWrapper-1 { background: url("../img/poll-bar-short.jpg") no-repeat scroll 0 -19px transparent; } /* ADDED 2012-07-16 */ /* ========================================================================== */ /* ========================================================================== SITEMAP ========================================================================== */ #wrapper2 .ServerMap { text-align: left; margin-bottom: 20px; } /* ========================================================================== */ /* ========================================================================== PRIVATE ACCESS FORM ========================================================================== */ #wrapper2 .privateAccessForm {margin-bottom: 20px; background-clip: padding-box; background-color: #f2f2f2; min-height: 70px; padding: 20px; text-align: left; width: 100%; } #wrapper2 .column2 .privateAccessForm { width: 100%; } #wrapper2 .privateAccessForm table { background: none; background-color: transparent; border: 0; } #wrapper2 .privateAccessForm table td { background: none; background-color: transparent; border: 0; padding: 5px; } #wrapper2 .privateAccessForm table button { float: none; } #wrapper2 #lostPasswordLink , #wrapper2 .formSuffixLinks { margin-bottom: 20px; } #wrapper2 .formSuffixLinks a:hover { } /* ========================================================================== */ /* ========================================================================== TAGS ========================================================================== */ #wrapper2 ul.tags { list-style: none; margin-left: 0; padding-left: 0; } #wrapper2 ul.tags li, #wrapper2 ul.tags li a { margin-left: 0; padding-left: 0; } #wrapper2 ul.tags, #wrapper2 ul.tags li, #wrapper2 ul.tags li a, #wrapper2 .rbcTags, #wrapper2 p.tags, #wrapper2 p.tags a { font-size: 13px !important; line-height: 2.0em; color: #888; text-decoration: none; text-align: left; font-family: 'PT Sans Narrow', sans-serif; text-transform: uppercase; } #wrapper2 ul.tags li a:hover, #wrapper2 p.tags a:hover { FONT-WEIGHT: 500; color: #000; } #wrapper2 ul.tags li { display: inline; padding: 0 6px 0 0; } #wrapper2 .tagsList { text-align: left; margin-bottom: 20px; } /* ========================================================================== */ /* ========================================================================== rbcContentZone ========================================================================== */ #wrapper2 .rbcContentZone .rbcContentBlock{ text-shadow: none; text-align: center; } #wrapper2 .rbcContentZone .rbcContentBlock:hover { background: transparent; background: rgba(255, 255, 255, 1); } #wrapper2 .container .rbcContentZone .rbcContentBlock:hover { background: transparent; background: rgba(255, 255, 255, 0.2); } #wrapper2 .rbcContentZone .rbcContentHeaderDelButton { line-height: 0.4em; } #wrapper2 .rbcSafeModeBlock p { background-color: #f2f2f2; margin: 0 0 0 25px; padding: 4px; text-shadow: none; text-align: center;} #wrapper2 .rbcSafeModeBlock a { color: #888; text-decoration: underline; text-shadow: none; text-align: center;} #wrapper2 .rbcSafeModeBlock { border: 1px solid #ddd; color: #888; font-size: 11px; margin: 5px; padding: 0; position: relative; text-shadow: none; text-align: center;} #wrapper2 .rbcContentBlockHeaderArea .rbcInactiveContentBlockHeader { /*background: url("../img/rbcInactiveContentBlockHeader.jpg") repeat-x scroll 0 0 #000000; */} #wrapper2 .rbcContentBlockHeaderArea .rbcContentBlockDragHandler { /*background: url("../img/rbcActiveContentBlockHeader.jpg") repeat-x scroll 0 0 #9ea9ad; */ } #rbcEditedPage .menuWrapper #mainMenu { overflow: visible; margin-top: -32px;} #wrapper2 a#slideshowControl { cursor: pointer; cursor: hand; } #wrapper2 .rbcContentBlockHeader.rbcInactiveContentBlockHeader .rbcContentHeaderItem .delimiter { /*background: url("../img/bgr-block-header-separator-disabled.png") no-repeat scroll left top transparent;*/ } #rbcActionToolboxArea table.rbcButtonsTable { margin-left: 0 !important; } #wrapper2 .rbcReplaceBorderColor { border-color: #ddd !important; } #wrapper2 .container .rbcReplaceBorderColor { } #wrapper2 .container .rbcReplaceTextColor { text-shadow: none; } /* ADDED 2012-07-16 */ #wrapper2 .rbcContentBlockHeaderArea .rbcContentBlockHeader{ text-shadow: none; } /* ADDED 2012-07-16 */ /* ========================================================================== */ /* ==|== media queries ====================================================== EXAMPLE Media Query for Responsive Design. This example overrides the primary ('mobile first') styles Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } /* ==|== non-semantic helper classes ======================================== Please define your styles before this section. ========================================================================== */ /* For image replacement */ #wrapper2 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } #wrapper2 .ir br { display: none; } /* Hide from both screenreaders and browsers: h5bp.com/u */ #wrapper2 .hidden { display: none !important; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ #wrapper2 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */ #wrapper2 .visuallyhidden.focusable:active, #wrapper2 .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ #wrapper2 .invisible { visibility: hidden; } /* Contain floats: h5bp.com/q */ #wrapper2 .clearfix:before, #wrapper2 .clearfix:after, #wrapper2 .cleaner:before, #wrapper2 .cleaner:after { content: ""; display: table; } #wrapper2 .clearfix:after, #wrapper2 .cleaner:after { clear: both; } #wrapper2 .clearfix, #wrapper2 .cleaner { *zoom: 1; } /* ==|== print styles ======================================================= Print styles. Inlined to avoid required HTTP connection: h5bp.com/r ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #ddd; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } body { text-align: left; } #wrapper2 table { border: 1px solid #ddd; display: inline-table; margin:0 0 20px 0; padding:0; } #wrapper2 thead, #wrapper2 tfoot, #wrapper2 tbody { border: 1px solid #ddd; } #wrapper2 td, #wrapper2 th { border: 1px solid #ddd; display: table-cell;} #wrapper2 .box { padding: 0; } #wrapper2 .waitingArea { display: none; } #wrapper2 #header { display: none; } #wrapper2 #footer {display: none; } #wrapper2 #main { padding: 0; margin: 0; } #wrapper2 #mainContent { text-align: left; } #wrapper2 .column1 { float: none; width: 1000px !important; margin: 0; padding: 0; } #wrapper2 .column2 { float: none; width: 1000px !important; margin: 0; padding: 0; } #wrapper2 .containerContent .column33 { float: none; width: 1000px; text-align: left; margin: 0; padding: 0;} #wrapper2 .layoutFullWidth .photo200 { padding: 0;} #wrapper2 .layoutFullWidth .photo118 { padding: 0;} #wrapper2 .column2 .photo200 { padding: 0; margin: 0; width: 1000px; } #wrapper2 .column2 .photo118 { padding: 0; margin: 0; width: 1000px; } #wrapper2 .column1 .photo200 { padding: 0; margin: 0; width: 1000px; } #wrapper2 .column1 .photo118 { padding: 0; margin: 0; width: 1000px; } #wrapper2 .photogallery a .name { font-weight: normal; background: none; background-color: #fff !important; } #wrapper2 .photofull .pagination { display: none; } #wrapper2 .paging { display: none; } #wrapper2 .pagingInfo { display: none; } #wrapper2 .pagination { display: none; } #wrapper2 .fulltextSearchResult { display: none; } #wrapper2 .discussionForm { display: none; } #wrapper2 .discussionPost .head { padding: 0; } #wrapper2 .discussionPost .text { padding: 0; } #wrapper2 .discussionPost .reply {display: none; } #wrapper2 .pollbar { text-align: left; } #wrapper2 .contactForm { display: none; } #wrapper2 .privateAccessForm { display: none; } #wrapper2 #lostPasswordLink , #wrapper2 .formSuffixLinks { display: none; } } #wrapper2 form .formSuffixLinks { margin-top: 20px; } /* -- forms ---------------------------------------- #wrapper2 .input label.groupLabel { margin-bottom: 5px !important; } #wrapper2 .choicesGroup { position: relative; width: auto !important; margin-bottom: 15px; } #wrapper2 .choicesGroup label { float: none !important; display: inline !important; margin: 0 !important; font-weight: normal !important; } #wrapper2 .choicesGroup .input { margin: 0 !important; line-height: 1; } #wrapper2 .choicesGroup input { width: auto !important; height: auto !important; margin: 5px 0 !important; } #wrapper2 .input select { width: 312px; height: 32px; padding: 6px 5px; } #wrapper2 .column33 select { width: 240px; } #wrapper2 .column1 select { width: 202px; } #wrapper2 .fileInput { position: relative; width: 300px; white-space: nowrap; } #wrapper2 .fileInputBase { height: 0px; width: auto; overflow: hidden; } .lt-ie10 .fileInputBase { height: auto; width: auto; overflow: visible; } .lt-ie10 #wrapper .fileInputBase input { position: absolute; display: block; top: 0; left: 0px; width: 175px; height: 32px; font-size: 22px; z-index: 5; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fileInputBase { height: auto; width: auto; overflow: visible; } #wrapper .fileInputBase input { position: absolute; display: block; top: 0; left: 0px; width: 175px; height: 32px; font-size: 22px; z-index: 5; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } } #wrapper2 .fileInputCover { position: relative; width: 300px; overflow: hidden; } #wrapper2 .fileInputSelect { position: relative; float: left; display: block; background: url("../img/btn-bg.jpg") repeat-x scroll 0 0 #f2f2f2; border: 0 none; font-weight: normal; font-size: 12px; text-transform: uppercase; height: 30px; overflow-y: hidden; padding: 0 10px; cursor: pointer; z-index: 2; } #wrapper2 .fileInputText { padding: 0 0 0 7px; white-space: nowrap; } #wrapper2 .column33 .discussionForm .fileInput { width: 228px; } #wrapper2 .column1 .discussionForm .fileInput { width: 190px; } /* -- end: forms ----------------------------------- */ /* ------------------------------------*/ #wrapper2 input[type="image"] { padding: 0px; background-color: transparent; border: 0; height: auto; width: auto; float: none; display: inline-block; outline: none; /* removes glow focus from safari */ } .lt-ie8 #wrapper2 #header { z-index: 99; position: relative } .lt-ie8 #wrapper2 #main { z-index: 10; position: relative } /* eshop */ .shop input { width: 25px; text-align: right; float: left; margin-top: 4px; } .shopList input { margin-right: 10px; } .shopTable .modernTable { width: 100%; } * html .shopTable .modernTable { width: 98%; } .shopTable .modernTable tr td { padding-left: 8px; padding-right: 8px; } .shopTable .modernTable tr td.price { text-align: right; } .shopTable .shopInput-text tr td.headTitle { width: 42%; } .shopTable .shopInput-hidden tr td.headTitle { width: 50%; } .shopTable .modernTable tr td.headPrice { width: 35%; text-align: right; } .shopTable .modernTable tr td form { text-align: right; } .shopTable .modernTable tr td form input { margin-right: 5px; } .shopTable .shopInput-text tr td.headInput { width: 24%; } .shopTable .shopInput-hidden tr td.headInput { width: 16%; } .shopTable thead td { font-weight: normal; } .shopTable table tr td .button { margin-right: 0; } .shopTable a { font-weight: normal; } form { padding: 0; margin: 0; } .shop .controls { margin-bottom: 10px; float: left; } .shop .controls .button { float: left; } .shopList form.addToBasket .form { float: right; width: 130px; } .shopGallery form.addToBasket { float: right; position: relative; right: 10%; margin-bottom: 10px; } .shopGallery .shopInput-hidden form.addToBasket { /*width: 70px;*/ } .shopGallery .shopInput-hidden .button { float: left; } .shopGallery form.addToBasket input { margin-right: 0; } *:first-child+html .shopGallery form.addToBasket input { margin-right: 0; } .shopGallery form.addToBasket .form { float: right; margin-bottom: 0; /*position: relative; left: 50%;*/ } .shopGallery form.addToBasket .button { margin-right: 0; margin-bottom: 0; } /* .shopGallery .item { float: left; margin: 0 5px 14px 5px; width: 180px !important; overflow: hidden; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; background: #fff; } .colB .shopGallery .item { margin: 0 40px 14px 40px; } .colD .shopGallery .item { margin: 0 0 14px 0px; width: 246px !important; } div#sidebar .shopGallery .item { margin: 0 0 14px 0px; width: 200px !important; } .colC .shopGallery .item { margin: 0 6px 14px 6px; } */ .shop .price del { text-decoration: line-through; color: #888; } .shopList .price del { margin-right: 0.3em; } .shopGallery .item p { font-size: 0.9em; width: auto; margin-bottom: 5px; } .colD .shopGallery .item p { /* width: 136px;*/ } .shopGallery .item p.description { height: 48px; text-align: left; overflow: hidden; } .shopGallery .item .image { display: block; margin: 10px 0 5px 0; text-align: center; height: 120px; width: 180px; } .colD .shopGallery .item .image { width: 246px; } div#sidebar .shopGallery .item .image { width: 200px; } .shopGallery .item table { margin: 0 auto; width: 120px; } .shopGallery .item .image td { vertical-align: middle; text-align: center; width: 120px; height: 120px; } .shopGallery .item .image img { border: 0 !important; } div.colA .shopGallery .item span.image, div.colB .shopGallery .item span.image { /*float: left;*/ width: 118px; /*margin: 0;*/ } .shopGallery .saleWrapper { } .shopGallery .obsah { margin: 0 0 0 10px; width: 180px; } .shopGallery .item h3 { width: 180px; text-align: left; height: 20px; overflow: hidden; } .shopGallery .obsah h3 a, .shopGallery .obsah h3 a:visited { color: #e5007d; } .shopGallery .obsah h3 a:hover { color: #e5007d; } .colD .shopGallery .item h3 { width: 200px; } div#sidebar .shopGallery .item h3 { width: 160px; } .shopGallery .item span.image { margin: 0 20px 10px 20px; } .colD .shopGallery .item span.image { margin: 0 8px 10px 8px; } .shopGallery .item span.image a img, .shopGallery .item span.image a:visited img { margin: 0; border: 1px solid #ddd; } .shopGallery .item span.image a:hover img, .shopGallery .item span.image a:focus img, .shopGallery .item span.image a:active img { border-color: #e5007d; } form.addToBasket .form { margin: 0; float: right; } .shopDetail form.addToBasket input { margin-right: 10px; } .shopDetail form.addToBasket .button { /*float: left !important;*/ margin-right: 10px; margin-top: 10px; } .shop .sale { color: #E5007D; font-size: 0.9em !important; /*height: 1.4em; display: block; */ font-weight: normal; } .shop .price ins { color: #E5007D; text-decoration: none; font-weight: normal; font-size: 1.0em; } .colD .cleaner-1, .colD .cleaner-2, .colD .cleaner-3, .colD .cleaner-4, .colD .cleaner-5, .colD .cleaner-0 { clear: both; width: 100%; } .shopList .price { line-height: 35px; margin: 0; } * html .shopList .price { line-height: 30px; } *:first-child+html .shopList .price { line-height: 30px; } .shopDetail .image { margin-bottom: 20px !important; } .colA .shopDetail .image { margin-right: 0 !important; float: left; } .colA .shopDetail .price, .colB .shopDetail .price { margin-left: 0 !important; margin-right: 0 !important; width: 324px; margin-bottom: 20px; float: right; } .colB .shopDetail .price { width: 244px; } .colA .shopDetail .price table, .colB .shopDetail .price table { font-size: 1em; width: 324px; } .colB .shopDetail .price table { width: 244px; } .shopDetail .price table td { padding: 3px 5px; } .colA .shopDetail .price table td.title, .colB .shopDetail .price table td.title { padding-left: 0; width: 200px; text-align: left; font-size: 0.9em; } .colB .shopDetail .price table td.title { width: 120px; } .shopDetail .price table td.value { padding-left: 0; vertical-align: bottom; text-align: left; } .colB .shopDetail .button { margin-bottom: 20px } *:first-child+html .colA .shopDetail .addToBasket { margin-left: 20px; } .colA .shopDetail .image, .colA .shopDetail .price { margin-left: 26px; margin-right: 26px; } * html .colA .shopDetail .image, * html .colA .shopDetail .price { margin-left: 13px; margin-right: 13px; } .shopDetail .rightBlock { padding: 0 0 0 50px; margin-bottom: 20px; float: right; width: 650px; overflow: hidden; text-align: left; border-left: 1px solid #ddd; position: relative; } .shopDetail .rightBlock .back { margin: 0 !important; float: right; text-transform: uppercase; font-size: 12px; display: block; } .shopDetail .rightBlock .wsw { padding: 10px 0 0 0; border-top: 1px solid #ddd; margin: 20px 0 0 0 !important; } .shopDetail .rightBlock .price p { padding: 0 !important; margin: 0 0 5px 0 !important; display: block; font-weight: normal; } .shopDetail .rightBlock h4 { margin: 10px 0 0 0; padding-right: 10px; font-size: 1em !important; display: block; float: left; } .shopDetail .rightBlock .price .sale { text-transform: uppercase; font-size: 12px; color: #E5007D; } .shopDetail .button { position: absolute; right: 0; top: 0; } .shopDetail .leftBlock { float: left; width: 280px; overflow: hidden; } .rbcEshopStock-inStock td.value, .shopDetail .price .rbcEshopDiscount td.value, .shopDetail .price td.value ins { color: #e5007d; } .rbcEshopStock-outOfStock td.value { color: #e5007d; } .shopDetail .price ins { font-size: 1.0em; margin: 0; } .shopDetail .price .rbcEshopSale td { margin-left: 0; padding-left: 0; text-align: left; } .shopForm ul.formError { display: none !important; } p.formError { font-weight: normal !important; } #contactBlock { position: static; } .rbcAdPosition { height: 200px; margin-bottom: 10px; } .rbcAdPosition span { left: 0; position: absolute; } @media screen and (max-width: 1000px) { .shopDetail .rightBlock { float: right; width: 60%; border-left: 1px solid #ddd; padding: 0 0 0 5%; } .shopDetail .leftBlock { float: left; width: 30%; } .shopDetail .leftBlock img { width: 100% !important; max-width: 200px; height: auto !important; } } @media screen and (max-width: 768px) { .shopDetail .rightBlock { float: left; width: 100%; border-left: 0; padding: 0; } .shopDetail .leftBlock { float: left; width: 100%; margin-bottom: 20px; } .shopDetail .leftBlock img { width: 200px !important; float: left; } .shopDetail .button { position: static; float: left !important; text-align: left; } #myimage { margin-left: 1%; margin-right: 1%; width: 98% !important; } } .colB .shopSale .cleaner-2 { width: auto !important; clear: none !important; } .colB .shopSale .cleaner-0 { width: 100% !important; clear: both !important; } /* -- forms .diskuze label.groupLabel { margin-bottom: 5px !important; } .diskuze .formTextarea { margin-bottom: 5px; } .diskuze .formTextarea label { display: block !important; } .diskuze .choicesGroup { position: relative; float: right; width: 414px; margin: -5px 0 10px; padding: 0; } .diskuze .choicesGroup label { float: none !important; display: inline !important; margin: 0 !important; font-weight: normal !important; } .diskuze .choicesGroup input { position: relative !important; top: 2px; float: none !important; width: auto !important; height: auto !important; background: transparent none !important; border: none !important; margin: 5px 0 !important; } .diskuze select { width: 416px; margin-bottom: 5px; padding: 2px; font-family: Arial,Helvetica,Tahoma,sans-serif; } .fileInput { position: relative; width: 417px; margin-bottom: 5px; white-space: nowrap; } .fileInputBase { height: 0px; width: auto; overflow: hidden; } .fileInputCover { position: relative; width: 417px; overflow: hidden; } .ie .fileInputBase { height: auto; width: auto; overflow: hidden; } .ie .fileInputBase input { position: absolute; display: block; top: -1px; left: 0; width: 165px; height: 26px; font-size: 21px; z-index: 5; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fileInputBase { height: auto; width: auto; overflow: hidden; } .fileInputBase input { position: absolute; display: block; top: -1px; left: 0; width: 165px; height: 26px; font-size: 21px; z-index: 5; opacity: 0; filter: alpha(opacity=0); cursor: pointer; } } .fileInputText { position: relative; padding: 0 0 0 7px; white-space: nowrap; cursor: default; } .fileInputSelect { position: relative; display: inline-block; background: #01b9df; line-height: 30px; color: #fff; padding: 0 15px; margin: 0 0 0 4px; cursor: pointer; } .fileInputSelect:hover { background: #333 none; } .diskuze select, .diskuze .fileInput, .diskuze .fileInputCover, .diskuze .choicesGroup { float: right; padding-right: 2px; } #contentNarrow .diskuze select { width: 256px; } #contentNarrow .diskuze .fileInput, #contentNarrow .diskuze .fileInputCover { width: 257px; } #contentNarrow .diskuze .choicesGroup { width: 253px; } #sidebar .diskuze select, #sidebar .diskuze .fileInput, #sidebar .diskuze .fileInputCover, #sidebar .diskuze .choicesGroup, #rightContent .diskuze select, #rightContent .diskuze .fileInput, #rightContent .diskuze .fileInputCover, #rightContent .diskuze .choicesGroup { float: left; margin-bottom: 5px; width: 200px; } #LeftBox .diskuze select, #LeftBox .diskuze .fileInput, #LeftBox .diskuze .fileInputCover, #LeftBox .diskuze .choicesGroup, #RightBox .diskuze select, #RightBox .diskuze .fileInput, #RightBox .diskuze .fileInputCover, #RightBox .diskuze .choicesGroup { margin-bottom: 5px; left: 0 !important; width: 300px; float: left; } .diskuze label { text-align: left; } forms ----------------------------------- */ #wrapper .widgetProducts { margin: 0 0 50px 0; padding: 0; width: 100%; overflow: hidden; } #wrapper .widgetProducts .widgetTitle { margin: 20px 0 20px 0; clear: both; } #wrapper .widgetProducts .widgetTitle h2 { /*text-transform: uppercase; font-size: 1.2em;*/ font-weight: normal; clear: both; } #wrapper .widgetProducts .widgetTitle .pagingInfo { float: right; margin: 10px 0 0 0; } #wrapper .widgetProducts .wrapperListing { margin: 0 auto; } #wrapper .widgetProducts .boxImage { width: 160px; height: 160px; text-align: center; margin: 0; padding: 0; position: relative; } #wrapper .col_full .widgetProducts .boxImage { margin: 0 0 5px 0; } #wrapper .widgetProducts .boxImage a { line-height: 160px; display: inline-block; margin: 0; padding: 0; text-decoration: none; position: relative; width: 160px; } #wrapper .widgetProducts .boxImage a .saleWrapper { width: 100%; line-height: 20px; font-size: 10px; font-weight: normal; margin: 0; text-align: center; background: #e5007d; color: #fff; text-transform: uppercase; position: absolute; bottom: 0; } #wrapper .widgetProducts .boxImage a.hoverLink .saleWrapper { background: none; display: none; } #wrapper .widgetProducts .boxImage a img { vertical-align: middle; margin: 0; padding: 0; border: none; max-width: 160px; max-height: 160px; } #wrapper .widgetProducts .boxImage a .imgHover { width: 160px; height: 160px; position: absolute; top: 0; left: 0; display: block; background: url(../img/zoom.png) repeat center center; } #wrapper .widgetProducts .boxImage a .imgHover p.nadpis_on, #wrapper .widgetProducts .boxImage a .imgHover .description_on, #wrapper .widgetProducts .boxImage a .imgHover .price_on { margin: 20px 5px 10px 10px; padding: 0; width: 140px; height: auto; line-height: 1em; font-size: 12px; color: #888; text-align: left; text-transform: uppercase; } /* SEZNAM PRODUKTU */ @media screen and (max-width: 1000px) { #wrapper .widgetProducts .boxImage { width: 100% !important; height: auto !important; } #wrapper .widgetProducts .boxImage a { line-height: 100% !important; width: 100% !important; } #wrapper .widgetProducts .boxImage a img { max-width: 100% !important; max-height: 100% !important; width: 100% !important; height: 100% !important; } #wrapper .widgetProducts .boxImage a .imgHover { width: 100% !important; height: 100% !important; } #wrapper .widgetProducts .boxImage a .imgHover p.nadpis_on, #wrapper .widgetProducts .boxImage a .imgHover .description_on, #wrapper .widgetProducts .boxImage a .imgHover .price_on { margin: 5% !important; width: 90% !important; } #wrapper .widgetProductsGallery .boxProducts { margin: 1% !important; width: 18% !important; height: auto; } } @media screen and (max-width: 780px) { #wrapper .widgetProductsGallery .boxProducts { width: 23% !important; } } @media screen and (max-width: 580px) { #wrapper .widgetProductsGallery .boxProducts { width: 31% !important; } } @media screen and (max-width: 480px) { #wrapper .widgetProductsGallery .boxProducts { width: 48% !important; } } @media screen and (max-width: 320px) { #wrapper .widgetProductsGallery .boxProducts { width: 98% !important; } } /* SEZNAM PRODUKTU */ #wrapper .widgetProducts .boxImage a .imgHover .description_on, #wrapper .widgetProducts .boxImage a .imgHover .price_on { text-transform: none; margin-top: 0; } #wrapper .widgetProducts .boxImage a .imgHover .price_on { padding-top: 5px; border-top: 1px solid #bbb; } #wrapper .widgetProducts .boxTitle h3 { font-size: 1.1em; color: #888; margin: 0 0 7px 0; text-align: left; text-transform: uppercase; } #wrapper .widgetProducts .boxTitle h3 a { color: #888; text-decoration: none; font-weight: normal; } #wrapper .widgetProducts .boxTitle h3 a:hover { color: #e5007d; text-decoration: none; } #wrapper .widgetProducts .boxTitle p { text-align: left; font-size: 0.9em; height: 45px; overflow: hidden; background: url(../img/description.gif) no-repeat 100% 100%; } } #wrapper .widgetProducts .boxContent { padding: 0; margin: 0 0 10px; overflow: hidden; } #wrapper .widgetProducts .boxPrice { text-align: center; } #wrapper .widgetProducts .boxPrice ins { color: #e5007d; font-weight: normal; font-size: 1.3em; text-decoration: none; line-height: 1.0; } #wrapper .widgetProducts .boxBuy { text-align: center; margin: 0px; padding: 0px; } #wrapper .widgetProducts .boxBuy .wrapperInputButton input[type="submit"] { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; } #wrapper .widgetProducts .boxBuy .wrapperInputButton input[type="submit"]:hover { text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0px -35px #ddd; } #wrapper .widgetProductsGallery .boxProducts, #wrapper #sidebar .widgetProductsGallery .boxProducts, #wrapper .column2 .widgetProductsGallery .boxProducts, #wrapper .column1 .widgetProductsGallery .boxProducts, #wrapper .column33 .widgetProductsGallery .boxProducts { float: left; margin: 0 3px 6px 3px; padding: 0; width: 160px; height: auto; overflow: hidden; position: relative; } #wrapper .column2 .widgetProductsGallery .boxProducts { margin: 0 5px 6px 5px; /*680px*/ } #wrapper .column1 .widgetProductsGallery .boxProducts { margin: 0 40px 6px 40px; /*240px*/ } #wrapper .column33 .widgetProductsGallery .boxProducts { margin: 0 60px 6px 60px; /*280px*/ } #wrapper .widgetProductsGallery .clean-1, #wrapper .widgetProductsGallery .clean-2, #wrapper .widgetProductsGallery .clean-3, #wrapper .widgetProductsGallery .clean-4, #wrapper .widgetProductsGallery .clean-5, #wrapper .widgetProductsGallery .clean-6, #wrapper .widgetProductsGallery .clean-7, #wrapper .widgetProductsGallery .clean-8, #wrapper .widgetProductsGallery .clean-9, #wrapper .widgetProductsGallery .clean-10, #wrapper .widgetProductsGallery .clean-11, #wrapper .widgetProductsGallery .clean-12, #wrapper .widgetProductsGallery .clean-13, #wrapper .widgetProductsGallery .clean-14, #wrapper .widgetProductsGallery .clean-15, #wrapper .widgetProductsGallery .clean-16, #wrapper .widgetProductsGallery .clean-17, #wrapper .widgetProductsGallery .clean-18, #wrapper .widgetProductsGallery .clean-19, #wrapper .widgetProductsGallery .clean-20, #wrapper .widgetProductsGallery .clean-21, #wrapper .widgetProductsGallery .clean-22, #wrapper .widgetProductsGallery .clean-23, #wrapper .widgetProductsGallery .clean-0 { display: none; } #wrapper .column2 .widgetProductsGallery .clean-4, #wrapper .column2 .widgetProductsGallery .clean-8, #wrapper .column2 .widgetProductsGallery .clean-12, #wrapper .column2 .widgetProductsGallery .clean-16, #wrapper .column2 .widgetProductsGallery .clean-20, #wrapper .column2 .widgetProductsGallery .clean-0 { clear: both; display: block; float: left; } #wrapper .widgetProductsTable .eshopTableList { width: 100%; margin: 0px; } #wrapper .widgetProductsTable .eshopTableList thead td { background: none; border: none; border-bottom: 1px solid #9b9b9b; padding: 10px 0; font-size: 1.0em; color: #e5007d; text-transform: uppercase; } #wrapper .widgetProductsTable .eshopTableList tbody td { line-height: 1.875em; padding: 10px 0; } #wrapper .widgetProductsTable .eshopTableList tbody td.product { width: 180px; } #wrapper .widgetProductsTable .eshopTableList tbody td.product a { font-size: 1.0em; text-transform: uppercase; text-decoration: none; color: #888; } #wrapper .widgetProductsTable .eshopTableList tbody td.product a:hover { text-decoration: none; color: #e5007d; } #wrapper .widgetProductsTable .eshopTableList tbody td.product .saleWrapper { color: #e5007d; font-weight: normal; text-transform: uppercase; } #wrapper .widgetProductsTable .eshopTableList tbody td.price { width: 180px; } #wrapper .widgetProductsTable .eshopTableList tbody td.price ins { color: #e5007d; text-decoration: none; text-transform: uppercase; font-weight: normal; font-size: 1.5em; } #wrapper .widgetProductsTable .eshopTableList tbody td.inputTable { text-align: right; width: 180px; } #wrapper .widgetProductsTable .eshopTableList tbody td.inputTable .boxBuy { text-align: right; } /* ================================================================================================================== */ /* FORM FORMATTER */ /* ================================================================================================================== */ #wrapper .widgetFormFormatter .widgetContent { padding: 15px 0 0 0; text-align: left; } #wrapper .widgetFormFormatter form { margin: 0; padding: 0; display: block; overflow: hidden; } #wrapper .widgetFormFormatter fieldset { margin: 0; padding: 0; border: none; } #wrapper .widgetFormFormatter .wrapperInput { margin: 0 0 10px 0; } #wrapper .widgetFormFormatter .wrapperInput label { margin: 0 0 10px 0; padding: 6px 15px 0 0; font-weight: normal; display: inline-block; word-break: break-all; float: left; width: 277px; text-align: right; font-size: 1.0em; } #wrapper .widgetFormFormatter .wrapperInput label.wrong { color: #FF0000; } #wrapper .widgetFormFormatter .wrapperInput input[type="text"], #wrapper .widgetFormFormatter .wrapperInput input[type="date"], #wrapper .widgetFormFormatter .wrapperInput input[type="email"], #wrapper .widgetFormFormatter .wrapperInput input[type="password"], #wrapper .widgetFormFormatter .wrapperInput textarea, #wrapper .widgetFormFormatter .wrapperInput select { width: 708px; height: 34px; background: white; font-family: Arial, Tahoma, sans-serif; font-weight: normal; font-size: 1.0em; color: #888; padding: 7px 7px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #ddd; outline: none; resize: none; float: left; } #wrapper .widgetFormFormatter .wrapperInput textarea { height: 120px; } #wrapper .widgetFormFormatter .wrapperInput input.wrong, #wrapper .widgetFormFormatter .wrapperInput textarea.wrong { border: 1px solid #FF0000; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup { float: left; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio { width: 708px; margin: 0 0 10px 0; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox label, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio label { float: left; text-align: left; margin: 0 0 0 15px; font-weight: normal; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox label:hover, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio label:hover { cursor: pointer; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox .iradio_minimal-pink, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox .icheckbox_minimal-pink, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio .iradio_minimal-pink, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio .icheckbox_minimal-pink { margin: 10px 0 0 0; } #wrapper .widgetFormFormatter .wrapperInputButton { padding: 15px 0 0 0; margin: 0; text-align: right; } #wrapper .widgetFormFormatter .wrapperInputButton input[type="submit"], #wrapper .widgetFormFormatter .wrapperInputButton input[type="button"], #wrapper .widgetFormFormatter .wrapperInputButton input[type="reset"], #wrapper .widgetFormFormatter .wrapperInputButton button { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; float: right; } #wrapper .widgetFormFormatter .wrapperInputButton input[type="submit"]:hover, #wrapper .widgetFormFormatter .wrapperInputButton input[type="button"]:hover, #wrapper .widgetFormFormatter .wrapperInputButton input[type="reset"]:hover, #wrapper .widgetFormFormatter .wrapperInputButton button:hover { text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0px -35px #ddd; } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput { width: 708px; position: relative; overflow: hidden; white-space: nowrap; } @media screen and (max-width: 1000px) { #wrapper .widgetFormFormatter .wrapperInput label { width: 90%; text-align: left; } #wrapper .widgetFormFormatter .wrapperInput input[type="text"], #wrapper .widgetFormFormatter .wrapperInput input[type="date"], #wrapper .widgetFormFormatter .wrapperInput input[type="email"], #wrapper .widgetFormFormatter .wrapperInput input[type="password"], #wrapper .widgetFormFormatter .wrapperInput textarea, #wrapper .widgetFormFormatter .wrapperInput select, #wrapper .widgetFormFormatter .wrapperInput option { width: 300px; } #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputCheckbox, #wrapper .widgetFormFormatter .wrapperInput .choicesGroup .wrapperInputRadio { width: 90%; } #wrapper .widgetFormFormatter .wrapperInputButton { text-align: left; } #wrapper .widgetFormFormatter .wrapperInputButton input[type="submit"], #wrapper .widgetFormFormatter .wrapperInputButton input[type="button"], #wrapper .widgetFormFormatter .wrapperInputButton input[type="reset"], #wrapper .widgetFormFormatter .wrapperInputButton button { float: left; } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput { width: 90%; } } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputBase { position: absolute; top: 0; left: 0; width: auto !important; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput input[type="file"] { width: 20px !important; } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput a.button { background: #d0d0d0; color: #888; height: auto; font-size: 14px; line-height: auto; text-transform: uppercase; padding: 10px 15px; border: none; font-weight: normal; text-decoration: none; display: inline-block; cursor: pointer; } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput a.button:hover { background: #ddd; text-decoration: none; } #wrapper .widgetFormFormatter .wrapperInputTextInput .fileInput .fileInputText { margin: 0 0 0 10px; font-size: 1.0em; line-height: 2.85714em; } #wrapper .widgetFormFormatter .error { color: #FF0000; font-weight: normal; margin: 0 0 15px 0; } #wrapper .widgetFormFormatter .formError { color: #FF0000; } #wrapper .widgetFormFormatter .formError h3 { color: #FF0000; } #wrapper .widgetFormFormatter .formSuffixLinks { margin: 25px 0 0 0; } #wrapper .widgetFormFormatter .formSuffixLinks a { color: #e6438f; text-decoration: none; margin: 0 10px 0 0; } #wrapper .widgetFormFormatter .formSuffixLinks a:hover { color: #888; } #wrapper .rbcFormSuccessInfo { margin: 30px 0 0; padding: 30px; overflow: hidden; background: white; color: #888; } #wrapper .rbcFormSuccessInfo .widgetTitle h2 { color: #e6438f; text-transform: uppercase; } #wrapper .privateAccessForm { margin: 30px 0 0; padding: 30px; overflow: hidden; background: white; color: #888; } #wrapper .privateAccessForm h2 { color: #e6438f; text-transform: uppercase; } #wrapper .privateAccessForm form { margin: 0px; padding: 0px; display: block; overflow: hidden; } #wrapper .privateAccessForm form fieldset { margin: 0px; padding: 0px; border: none; } #wrapper .privateAccessForm form fieldset label { margin: 0 0 10px 0; font-weight: normal; display: inline-block; word-break: break-all; } #wrapper .privateAccessForm form fieldset input[type="text"], #wrapper .privateAccessForm form fieldset input[type="password"] { width: 100%; height: 54px; background: white; font-family: Arial, Tahoma, sans-serif; font-weight: normal; font-size: 1em; color: #888; padding: 7px 15px; margin: 0 0 15px 0; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: #ddd; outline: none; } #wrapper .privateAccessForm form fieldset input.wrong { border: 1px solid #FF0000; } #wrapper .privateAccessForm form fieldset button { background: #e6438f; color: white; height: 70px; font-size: 1.2em; line-height: 3.0em; text-transform: uppercase; padding: 0; text-align: center; border: none; font-weight: normal; width: 60%; } #wrapper .privateAccessForm form fieldset button:hover { background: #9b9b9b; color: white; } #wrapper .privateAccessForm form fieldset table { width: 100%; } #wrapper .privateAccessForm form fieldset table td { border: none; } #wrapper .privateAccessForm form fieldset table td:first-child { width: 30%; } #wrapper .news_letter { margin: 15px 0 0 0; padding: 0; float: right; } #wrapper .news_letter .widgetFormFormatter .widgetContent { margin: 0 !important; padding: 0 !important; } #wrapper .news_letter .wrapperInputTextInput input { margin: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 30px !important; line-height: 30px !important; width: 110px !important; float: left !important; border-right: 0 !important; } #wrapper .news_letter .wrapperInput, #wrapper .news_letter .wrapperInputButton, #wrapper .news_letter .wrapperInputTextInput, #wrapper .news_letter .clearfix { margin: 0 !important; padding: 0 !important; float: left !important; display: inline !important; } #wrapper .news_letter .widgetFormFormatter .wrapperInput label { margin: 0 0 0 0 !important; padding: 1px 10px 0 0 !important; width: 120px !important; font-size: 10px !important; } #wrapper2 input.submit, #wrapper2 button { padding: 2px 12px; background: #d0d0d0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #wrapper .news_letter input#form_submit { margin: 0 !important; padding: 0 !important; height: 30px !important; width: 30px !important; display: block !important; float: left !important; color: #fff !important; font-size: 0px !important; background: url("../img/news.gif") no-repeat left top; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -moz-background-clip: padding; -webkit-background-clip: padding-box; } #wrapper .news_letter input#form_submit:hover { background: url("../img/news.gif") no-repeat left bottom; } #wrapper .news_letter .rbcFormSuccessInfo { margin: 0; padding: 1px 0 0 0; overflow: hidden; background: white; text-transform: uppercase; font-size: 10px !important; color: #888; display: block; width: 260px; height: 30px; } #wrapper .news_letter .rbcFormSuccessInfo .widgetTitle { display: none; } /* ================================================================================================================== */ /* ESHOP ON SALE */ /* ================================================================================================================== */ #wrapper .widgetProductsOnSale { margin: 0; padding: 0 0 50px 0; } #wrapper .widgetProductsOnSale .widgetTitle { border-bottom: 1px solid #ddd; margin: 0 0 20px 0; } #wrapper .widgetProductsOnSale .widgetTitle h2 { text-transform: uppercase; color: #e5007d; text-align: center; font-size: 1.66667em; font-weight: normal; margin: 0; padding: 5px 0; float: none; } /* ================================================================================================================== */ /* ESHOP PRODUCT DETAIL */ /* ================================================================================================================== */ #wrapper .widgetProductsDetail { float: left; margin: 0 5px 14px 5px; width: 180px !important; overflow: hidden; border-top: 0px solid #ddd; border-bottom: 0px solid #ddd; background: #fff; } #wrapper .widgetProductsDetail .wrapperImage { display: block; margin: 0 0 30px 0; text-align: center; height: 450px; width: 450px; } #wrapper .widgetProductsDetail .wrapperImage a.photoLink { width: 500px; height: 500px; display: block; margin: 0; padding: 0; position: relative; } #wrapper .widgetProductsDetail .wrapperImage a.photoLink .img { width: 450px; height: 450px; display: table-cell; vertical-align: middle; text-align: center; z-index: 20; position: absolute; left: 25px; top: 25px; } #wrapper .widgetProductsDetail .wrapperImage a.photoLink .img img { width: auto; height: auto; max-width: 450px; max-height: 450px; margin: 0; padding: 0; z-index: 20; } #wrapper .widgetProductsDetail .wrapperImage a.photoLink .imgHover { width: 450px; height: 500px; position: absolute; left: 0; top: 0; background: url("../img/zoom.png") no-repeat center center; z-index: 40; } #wrapper .widgetProductsDetail .wrapperContent { float: right; width: 180px; border-left: 1px solid #ddd; margin: 0 0 30px 0; } #wrapper .widgetProductsDetail .widgetTitle { margin: 0 0 15px 23px; border: none; } #wrapper .widgetProductsDetail .widgetTitle h1 { text-transform: none; font-size: 18px; font-weight: normal; text-align: left; margin: 0; color: #e5007d; } #wrapper .widgetProductsDetail .widgetTitle .productNumber { text-align: left; text-transform: uppercase; font-size: 1.0em; font-weight: normal; color: #888; } #wrapper .widgetProductsDetail .boxPrice { margin: 0 0 0 23px; } #wrapper .widgetProductsDetail .boxPrice .priceVat, #wrapper .widgetProductsDetail .boxPrice .priceNoVat { float: left; } #wrapper .widgetProductsDetail .boxPrice .priceVat ins, #wrapper .widgetProductsDetail .boxPrice .priceNoVat ins { font-size: 2.5em; color: #e5007d; text-decoration: none; font-weight: normal; } #wrapper .widgetProductsDetail .boxPrice .priceNoVat { float: none; } #wrapper .widgetProductsDetail .boxPrice .priceExVat { float: left; margin: 5px 0 0 10px; } #wrapper .widgetProductsDetail .boxPrice .priceExVat ins { text-decoration: none; } #wrapper .widgetProductsDetail .boxPrice .price .commonPrice { margin: 5px 0 0 0; } #wrapper .widgetProductsDetail .boxLabel { margin: 10px 0 0 0; padding: 0 0 23px 23px; border-bottom: 1px solid #ddd; } #wrapper .widgetProductsDetail .boxLabel .stock { float: left; text-transform: uppercase; font-size: 1.0em; font-weight: normal; margin: 0; } #wrapper .widgetProductsDetail .boxLabel .stock .value { color: #e5007d; } #wrapper .widgetProductsDetail .boxLabel .saleWrapper { float: right; text-transform: uppercase; font-size: 1.0em; font-weight: normal; color: #e5007d; } #wrapper .widgetProductsDetail #productTabs { margin: 0; padding: 0; border-bottom: 1px solid #ddd; overflow: hidden; } #wrapper .widgetProductsDetail #productTabs .productTabsNav { overflow: hidden; list-style: none; display: block; margin: 0; padding: 0; z-index: 20; border-bottom: 1px solid #ddd; } #wrapper .widgetProductsDetail #productTabs .productTabsNav li { float: left; margin: 0; padding: 0; border-right: 1px solid #ddd; } #wrapper .widgetProductsDetail #productTabs .productTabsNav li a, #wrapper .widgetProductsDetail #productTabs .productTabsNav li a:visited, #wrapper .widgetProductsDetail #productTabs .productTabsNav li a:hover { display: block; padding: 10px 20px; margin: 0; border: none; text-decoration: none; font-weight: normal; background: white; color: #888; text-decoration: none; } #wrapper .widgetProductsDetail #productTabs .productTabsNav li a:hover, #wrapper .widgetProductsDetail #productTabs .productTabsNav li a.current { color: #888; font-weight: normal; } #wrapper .widgetProductsDetail #productTabs .list-wrap { margin: 0; padding: 23px; border: none; z-index: 10; } #wrapper .widgetProductsDetail #productTabs .list-wrap .wrapperText { margin: 0; overflow: hidden; } #wrapper .widgetProductsDetail #productTabs .list-wrap .wrapperText p:last-child { margin: 0; } #wrapper .widgetProductsDetail #productTabs .list-wrap .productTable { width: 100%; margin: 0px; } #wrapper .widgetProductsDetail #productTabs .list-wrap .productTable td { border: none; } #wrapper .widgetProductsDetail #productTabs .list-wrap .productTable .value { font-weight: normal; } #wrapper .widgetProductsDetail .boxForm { padding: 0 0 0 23px; margin: 0; } #wrapper .widgetProductsDetail .boxForm .rbcVariants { float: left; padding: 23px 23px 23px 0; border-right: 1px solid #ddd; } #wrapper .widgetProductsDetail .boxForm .rbcVariants .variantRow { margin: 0 0 8px 0; } #wrapper .widgetProductsDetail .boxForm .rbcVariants label { float: left; display: inline-block; width: 70px; padding: 6px 0 0 0; } #wrapper .widgetProductsDetail .boxForm .rbcVariants .dk_container { width: 120px; float: left; } #wrapper .widgetProductsDetail .boxForm .wrapperInputButton { float: left; margin: 23px 0 0 23px; } #wrapper .widgetProductsDetail .boxForm .wrapperInputButton input[type="submit"] { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; } #wrapper .widgetProductsDetail .boxForm .wrapperInputButton input[type="submit"]:hover { text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0px -35px #ddd; } /* ================================================================================================================== */ /* SLIDER */ /* ================================================================================================================== */ /*#wrapper #slider { width: 1100px; height: 330px; overflow: hidden; margin: 0 auto 20px auto; padding: 0; display: block; background: url("../img/shadow.gif") no-repeat center bottom; } */ #slider { width: 1000px; height: 330px; overflow: visible; margin: 0 auto 20px auto; padding: 0; display: block; background: #fff url("../img/shadow.gif") no-repeat center bottom; } #wrapper #slider .bx-wrapper { position: relative; } #wrapper #slider .bx-wrapper .bx-pager { /*background: rgba(255, 255, 255, 0.5);*/ width: 100%; height: 29px; position: absolute; left: 0; top: 300px; text-align: center; z-index: 70; display: block; } #wrapper #slider .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; line-height: 29px; } #wrapper #slider .bx-wrapper .bx-pager .bx-pager-item a { margin: 8px 3px 0; width: 14px; height: 14px; overflow: visible; display: inline-block; background: url("../img/slider-control.png") no-repeat 0 0; text-indent: -999em; } #wrapper #slider .bx-wrapper .bx-pager .bx-pager-item a:hover, #wrapper #slider .bx-wrapper .bx-pager .bx-pager-item a.active { background: url("../img/slider-control.png") no-repeat 0 -14px; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-prev { width: 20px; height: 38px; display: block; background: url("../img/slider-control-a.png") no-repeat 0 0; position: absolute; left: -50px; top: 120px; z-index: 70; text-indent: -999em; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-prev:hover { background: url("../img/slider-control-a.png") no-repeat 0 -38px; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-next { width: 20px; height: 38px; display: block; background: url("../img/slider-control-a.png") no-repeat 0 -76px; position: absolute; right: -50px; top: 120px; z-index: 70; text-indent: -999em; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-next:hover { background: url("../img/slider-control-a.png") no-repeat 0 -114px; } #wrapper #slider .widget { margin: 0; padding: 0; width: 100%; } #wrapper #slider .widget .widgetTitle { display: none; } #wrapper #slider .widget .widgetContent { padding: 0; margin: 0; } #wrapper #slider .widget .widgetContent .boxArticles { background: none; padding: 0; margin: 0; width: 1000px; height: 330px; display: block; } #wrapper #slider .widget .widgetContent .boxArticles .boxTitle { display: none; } #wrapper #slider .widget .widgetContent .boxArticles .boxContent { margin: 0; padding: 0; } #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperDate { display: none; } #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperText { margin: 0; padding: 0; } #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperText p { margin: 0; padding: 0; } #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperText p img, #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperText p a img, #wrapper #slider .widget .widgetContent .boxArticles .boxContent .wrapperText p a:hover img { border: none; margin: 0; padding: 0; text-decoration: none; } @media screen and (max-width: 1100px) { #slider { background: #fff; margin: 0 auto 0px auto !important; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-prev { top: 30%; left: 20px; } #wrapper #slider .bx-wrapper .bx-controls-direction .bx-next { top: 30%; right: 20px; } } @media screen and (max-width: 1000px) { #slider { width: 100%; height: auto !important; } #wrapper #slider img { max-width: 100%; height: auto !important; } #wrapper #slider .bx-wrapper .bx-pager .bx-pager-item { display: none; } #wrapper #slider .widget .widgetContent .boxArticles { width: 100%; height: auto !important; } } /* TABLE ============================================================================================================ */ #wrapper table { border-collapse: collapse; border: none; text-align: left; display: inline-table; margin: 0 0 20px 0; } #wrapper td, #wrapper th { padding: 7px 10px; text-align: left; font-weight: normal; border-bottom: 1px solid #ddd; } #wrapper th, #wrapper thead td { font-weight: normal; } #wrapper table.basic { border: 0; } #wrapper table.basic td, #wrapper table.basic th { border: none; background-color: transparent; } #wrapper table.modernTable th, #wrapper table.modernTable thead td, #wrapper table.modernTable td { background: white; border-bottom: 1px solid #ddd; font-weight: normal; } #wrapper table.withHeader th, #wrapper table.withHeader thead td { background: white; border-bottom: 1px solid #ddd; color: #e6438f; font-weight: normal; text-transform: uppercase; } /* ======================================================================= */ /* ESHOP CART */ /* ====================================================================== */ #wrapper .widgetCart fieldset { border: none; margin: 0px; padding: 0px; } #wrapper .widgetCart fieldset div:last-child { margin: 0px; } #wrapper .widgetCart fieldset div.wrapperInput:last-child, #wrapper .widgetCart fieldset div.wrapperInputCheckbox:last-child { margin: 0 0 25px 0; } #wrapper .widgetCart .cartTable { width: 100%; margin: 0 0 20px 0; } #wrapper .widgetCart .cartTable thead td { background: white; border-bottom: 1px solid #ddd; padding: 10px 10px; font-size: 1.0em; color: #E5007D; text-transform: uppercase; font-weight: normal; } #wrapper .widgetCart .cartTable thead td.headRemove { width: 40px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } #wrapper .widgetCart .cartTable thead td.headTitle { width: 600px; } #wrapper .widgetCart .cartTable thead td.headInput { width: 80px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ text-align: center; } #wrapper .widgetCart .cartTable thead td.headPrice { width: 140px; text-align: right; } #wrapper .widgetCart .cartTable tbody td { background: white; border-bottom: 1px solid #ddd; padding: 15px 10px; font-size: 1.0em; } #wrapper .widgetCart .cartTable tbody td.productRemove input[type="submit"] { width: 16px; height: 16px; background: transparent url("../img/remove.png") no-repeat; border: none; margin: 4px 0 0 0; padding: 0; } #wrapper .widgetCart .cartTable tbody td.productInput { text-align: center; } #wrapper .widgetCart .cartTable tbody td.productInput input[type="text"] { width: 50px; height: 26px; background: white; font-family: Arial, Tahoma, sans-serif; font-weight: normal; font-size: 1.0em; color: #888; padding: 0 7px; margin: 0 auto; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #ddd; outline: none; text-align: center; } #wrapper .widgetCart .cartTable tbody td.productPrice { text-align: right; font-weight: normal; } #wrapper .widgetCart .totalTable { float: right; margin: 0 0 25px 0; } #wrapper .widgetCart .totalTable td { text-align: right; border: none; padding: 10px 15px; text-align: right; } #wrapper .widgetCart .totalTable .priceVat td, #wrapper .widgetCart .totalTable .priceNoVat td { font-weight: normal; font-size: 1.2em; } #wrapper .widgetCart .totalTable .priceVat .title, #wrapper .widgetCart .totalTable .priceNoVat .title { color: #E5007D; text-transform: uppercase; } #wrapper .widgetCart .totalTable .priceVat .value, #wrapper .widgetCart .totalTable .priceNoVat .value { color: #E5007D; } #wrapper .widgetCart .control .btnRecalculate { float: right; margin: 0 0 20px 0; } #wrapper .widgetCart .control .btnCheckout { float: right; margin: 0; } #wrapper .widgetCart .control .btnContinueShopping { float: left; margin: 0; } #wrapper .widgetCart .control input[type="submit"] { display: inline-block; background: url("../img/btn-bg.jpg") repeat-x scroll 0px 0px #d0d0d0; color: #888; height: 35px; font-size: 12px; line-height: 35px; text-transform: uppercase; padding: 0 10px; border: none; font-weight: normal; overflow-y: hidden; cursor: pointer; cursor: hand; text-decoration: none; } #wrapper .widgetCart .control input[type="submit"]:hover { text-decoration: none; background: url("../img/btn-bg.jpg") repeat-x scroll 0px -35px #ddd; } #wrapper .widgetCart.emptyCart .widgetTitle { margin: 20px 0; } @media all and (max-width: 680px) { #wrapper .widgetCart .cartTable thead td { /* padding: 10px 10px; */ padding: 5px 3px; font-size: 0.7em; text-transform: uppercase; } #wrapper .widgetCart .cartTable thead td.headRemove { width: auto; } #wrapper .widgetCart .cartTable thead td.headTitle { width: auto; } #wrapper .widgetCart .cartTable thead td.headInput { width: auto; } #wrapper .widgetCart .cartTable thead td.headPrice { width: auto; } #wrapper .widgetCart .cartTable tbody td { /*padding: 15px 10px; */ padding: 15px 3px; font-size: 0.8em; } #wrapper .widgetCart .cartTable tbody td.productInput input[type="text"] { width: 25px; font-size: 0.8em; padding: 0 7px; } #wrapper .widgetCart .totalTable { float: left; } #wrapper .widgetCart .totalTable td { text-align: left; padding: 5px 5px; } #wrapper .widgetCart .totalTable .priceVat td, #wrapper .widgetCart .totalTable .priceNoVat td { font-size: 1.0em; } #wrapper .widgetCart .control .btnRecalculate { float: left; } #wrapper .widgetCart .control .btnCheckout { margin-bottom: 20px; margin-right: 20px; float: left; } #wrapper .widgetCart .control .btnContinueShopping { float: left; } } /* ================================================================================================================== */ /* ESHOP ORDER STEP1 */ /* ================================================================================================================== */ #wrapper .widgetOrderStep01 .eshopOrder { margin: 10px 0 20px 0; padding: 0; text-align: left; } #wrapper .widgetOrderStep01 .shopFormHeading { margin: 0 0 10px 0; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput { margin: 0 40px 0 0; float: left; width: auto; min-width: 200px; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput:last-child { margin: 0; border: 0 !important; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput .iradio_minimal-pink { margin: 0; border: 0 !important; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput input[type="radio"] { float: left; margin: 1px 0 0 0; border: 0 !important; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput label { float: left; margin: 0 0 0 15px; font-weight: normal; display: inline-block; font-size: 1.0em; } @media all and (max-width: 480px) { #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput { margin: 0; float: none; display: block; clear: both; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput input[type="radio"] { margin: 5px 0 0 0; width: auto !important; display: inline !important; } #wrapper .widgetOrderStep01 .shopFormHeading .shopFormHeadingInput label { width: auto !important; max-width: 200px !important; display: inline; } } #wrapper .widgetOrderStep01 #eshopCustomerBasicBlock { margin: 0 0 25px 0; } #wrapper .widgetOrderStep01 #eshopCustomerBasicBlock .wrapperInputRadio { margin: 0 0 15px 0; border: 0 !important; } #wrapper .widgetOrderStep01 #eshopCustomerBasicBlock .wrapperInputRadio input[type="radio"] { float: left; margin: 1px 0 0 0; border: 0 !important; } #wrapper .widgetOrderStep01 #eshopCustomerBasicBlock .wrapperInputRadio .iradio_minimal-pink { margin: 0; border: 0 !important; } #wrapper .widgetOrderStep01 #eshopCustomerBasicBlock .wrapperInputRadio label { float: left; margin: 0 0 0 15px; font-weight: normal; display: inline-block; font-size: 1.0em; } #wrapper .widgetOrderStep01 #eshopFormRegisteredUser .widgetFormFormatter, #wrapper .widgetOrderStep01 #eshopFormNewUser .widgetFormFormatter { margin: 0px; padding: 0px; background: none; } #wrapper .widgetOrderStep01 #eshopFormRegisteredUser .widgetFormFormatter h4, #wrapper .widgetOrderStep01 #eshopFormNewUser .widgetFormFormatter h4 { margin-bottom: 20px; color: #e6438f; text-transform: uppercase; font-size: 1.5em; } #wrapper .widgetOrderStep01 #eshopCustomerBillingBlock .wrapperInputCheckbox { margin-top: 100px; } #wrapper .widgetOrderStep01 #eshopCustomerBillingBlock .wrapperInputCheckbox .icheckbox_minimal-pink { margin: 2px 0 0 0; } #wrapper .widgetOrderStep01 #eshopCustomerBillingBlock .wrapperInputCheckbox label { float: left; margin: 0px 0 0 15px; font-weight: normal; display: inline-block; font-size: 1.0em; } #wrapper .widgetOrderStep01 #eshopFormRegisteredUser #eshopLoginLostPassword { color: #e6438f; } #wrapper .widgetOrderStep01 #eshopFormRegisteredUser #eshopLoginLostPassword:hover { color: #888; } #wrapper .widgetOrderStep01 #eshopFormButtons .wrapperInputButton { text-align: center; margin: 0 auto; } /* ================================================================================================================== */ /* ESHOP ORDER STEP2 */ /* ================================================================================================================== */ #wrapper .widgetOrderStep02 .widgetFormFormatter { margin: 0; padding: 0; } #wrapper .widgetOrderStep02 .widgetFormFormatter h4 { margin-bottom: 20px; color: #E5007D; text-transform: uppercase; font-size: 1.5em; } #wrapper .widgetOrderStep02 .widgetFormFormatter .wrapperInputRadio { margin: 0 0 10px 0; } #wrapper .widgetOrderStep02 .widgetFormFormatter .wrapperInputRadio .iradio_minimal-pink { margin: 5px 0 0 0; } #wrapper .widgetOrderStep02 .widgetFormFormatter .wrapperInputRadio label { float: left; margin: 0 0 0 15px; font-weight: normal; display: inline-block; font-size: 1.0em; } #wrapper .widgetOrderStep02 #eshopPaymentTypeBlock, #wrapper .widgetOrderStep02 #eshopDeliveryTypeBlock { margin: 0 0 20px 0; } #wrapper .widgetOrderStep02 #eshopFormButtons div:first-child { float: right; margin: 0; } #wrapper .widgetOrderStep02 #eshopFormButtons div:last-child { float: left; margin: 0; } @media all and (max-width: 680px) { #wrapper .widgetOrderStep02 #eshopFormButtons div:first-child { float: left; margin-right: 20px; } } /* ================================================================================================================== */ /* ESHOP ORDER SUMMARY */ /* ================================================================================================================== */ #wrapper .widgetOrderSummary .widgetTitle { margin-bottom: 20px; } #wrapper .widgetOrderSummary .addressInvoice { float: left; width: 48%; text-align: left; } #wrapper .widgetOrderSummary .addressDelivery { float: right; width: 48%; text-align: left; } #wrapper .widgetOrderSummary .addressInvoice h4, #wrapper .widgetOrderSummary .addressDelivery h4 { margin-bottom: 20px; color: #E5007D; text-transform: uppercase; font-size: 1.5em; } #wrapper .widgetOrderSummary .addressInvoice p span, #wrapper .widgetOrderSummary .addressDelivery p span { width: 100%; display: block; } #wrapper .widgetOrderSummary .cartTable .headPrice { text-align: right; } #wrapper .widgetOrderSummary .cartTable .price { text-align: right; } #wrapper .widgetOrderSummary #sellerMessage { margin: 0 0 30px 0; } #wrapper .widgetOrderSummary #sellerMessage label { margin: 0 0 10px 0; font-weight: normal; display: block; text-align: left; } #wrapper .widgetOrderSummary #sellerMessage textarea { width: 100%; height: 80px; background: white; font-family: Arial, Tahoma, sans-serif; font-weight: normal; font-size: 1.0em; color: #888; padding: 10px; display: block; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ border: 1px solid #ddd; outline: none; resize: none; } #wrapper .widgetOrderSummary .wrapperInputCheckbox { margin: 0 0 25px 0; } #wrapper .widgetOrderSummary .wrapperInputCheckbox .icheckbox_flat { margin: 5px 0 0 0; } #wrapper .widgetOrderSummary .wrapperInputCheckbox label { float: left; margin: 0 0 0 15px; font-weight: normal; width: 92%; } #wrapper .widgetOrderSummary .control .btnSummaryOrder { float: right; } @media all and (max-width: 600px) { #wrapper .widgetOrderSummary .control .btnSummaryOrder { width: 100%; margin: 0 0 25px 0; } } #wrapper .widgetOrderSummary .control .btnSummaryBack { float: left; } @media all and (max-width: 600px) { #wrapper .widgetOrderSummary .control .btnSummaryBack { width: 100%; } } /* ================================================================================================================== */ /* ESHOP PAY METHOD */ /* ================================================================================================================== */ #wrapper .wsw { margin: 30px 30px 0; padding: 0px; overflow: hidden; } #wrapper .wsw h2 { text-transform: uppercase; } #wrapper .wsw img { margin: 15px 20px 0 0; } #wrapper .rbcOrderPaymentBlock { margin: 20px 0 0 0; padding: 0; overflow: hidden; } #wrapper .rbcOrderPaymentBlock .wsw { margin: 0; } #wrapper .rbcOrderPaymentBlock .widgetFormFormatter { margin: 0px; padding: 0px; background: none; } #wrapper .rbcOrderPaymentBlock .widgetFormFormatter .widgetContent { padding: 0; margin: 0; } #wrapper .rbcOrderPaymentBlock .widgetFormFormatter h4 { color: #E5007D; margin: 0 0 20px 0; } #wrapper .rbcOrderPaymentBlock .rbcOrderPaymentBackButtonArea { height: auto; width: auto; float: left; position: static; } #wrapper .rbcOrderPaymentBlock .rbcOrderPaymentBackButtonArea .widgetFormFormatter { margin: 0px; padding: 0px; background: none; } #wrapper .rbcOrderPaymentBlock .rbcOrderPaymentBackButtonArea.leftMargin { margin: -55px 0 0 0; } #wrapper .rbcOrderPaymentBlock .rbcPaymentIconsArea .rbcPaymentIcon { margin: 10px 0 0 20px; } #wrapper .rbcOrderPaymentBlock .rbcPaymentIconsArea .rbcPaymentIcon:first-child { margin: 10px 0 0 0; } #wrapper .rbcOrderPaymentBlock .rbcPaymentIconsArea .rbcPaymentIcon label { margin: 0 0 10px 0; } #wrapper .rbcOrderPaymentBlock .rbcPaymentIconsArea .rbcPaymentIcon .rbcPaymentIconRadio { margin: 0 0 0 20px; } #wrapper .rbcOrderPaymentBlock .creditCard .wsw { margin: 0 0 10px 0; } #wrapper .rbcOrderPaymentBlock.paypal .widget { float: right; } #wrapper .rbcOrderPaymentBlock.paypal .rbcOrderPaymentBackButtonArea .widget { float: left; } /* ================================================================================================================== */ /* BANNER */ /* ================================================================================================================== */ #wrapper #banner { width: 100%; height: auto; margin: 0 0 50px 0; display: inline-block; padding: 50px 0 0 0; border-top: 1px solid #ddd; } #wrapper #banner .widgetWysiwyg, #wrapper #banner .rbcContentArea { margin: 0; padding: 0; } #wrapper #banner .widgetWysiwyg p, #wrapper #banner .rbcContentArea p { margin: 0; padding: 0; } #wrapper #banner .widgetWysiwyg a img, #wrapper #banner .widgetWysiwyg img, #wrapper #banner .rbcContentArea a img, #wrapper #banner .rbcContentArea img { margin: 0; padding: 0; border: none; } /* ========================================================================== Forms ========================================================================== */ fieldset { border: 1px solid #ddd; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } button, input, select, textarea { font-family: Arial, Tahoma, sans-serif; font-size: 100%; margin: 0; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /* ================================================================== */ /* iCheck plugin minimal skin - pink */ /* ================================================================== */ .icheckbox_minimal-pink, .iradio_minimal-pink { display: block; margin: 0; padding: 0; width: 18px; height: 18px; background: url("../img/icheck/pink.png") no-repeat; border: none; cursor: pointer; float: left; } .icheckbox_minimal-pink { background-position: 0 0; } .icheckbox_minimal-pink.hover { background-position: -20px 0; } .icheckbox_minimal-pink.checked { background-position: -40px 0; } .icheckbox_minimal-pink.disabled { background-position: -60px 0; cursor: default; } .icheckbox_minimal-pink.checked.disabled { background-position: -80px 0; } .iradio_minimal-pink { background-position: -100px 0; } .iradio_minimal-pink.hover { background-position: -120px 0; } .iradio_minimal-pink.checked { background-position: -140px 0; } .iradio_minimal-pink.disabled { background-position: -160px 0; cursor: default; } .iradio_minimal-pink.checked.disabled { background-position: -180px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_minimal-pink, .iradio_minimal-pink { background-image: url("../img/icheck/pink@2x.png"); -webkit-background-size: 200px 20px; background-size: 200px 20px; } } /* ===================================================================== */ /* DropKick theme*/ /* ==================================================================== */ #wrapper .dk_container { width: 708px; height: 32px; background-color: white; border: 1px solid #ddd; font-family: Arial, Tahoma, sans-serif; font-size: 1.0em; font-weight: normal; color: #888; margin: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } #wrapper .dk_container a { cursor: default; text-decoration: none; width: 100% !important; text-align: left; } #wrapper .dk_toggle { height: 30px; line-height: 30px; background-color: white; border: #ddd; color: #888; padding: 0px 45px 0px 7px; -webkit-transition: border-color .5s; -moz-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; font-weight: normal; text-align: left; } #wrapper .dk_toggle:after { position: absolute; top: 45%; right: 10px; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ddd; } #wrapper .dk_open { z-index: 10; } /* The outer container of the options */ #wrapper .dk_container .dk_options { background: white; z-index: 50; } #wrapper .dk_container .dk_options a { background: white; font-size: 14px; line-height: 20px; font-weight: normal; padding: 5px 7px; text-decoration: none; width: auto !important; color: #888; } #wrapper .dk_container .dk_options a:hover, #wrapper .dk_container .dk_options .dk_option_current a { background: #eee; text-decoration: none; } #wrapper .dk_container .dk_options .disabled { cursor: default; } #wrapper .dk_container .dk_options .disabled a { color: #888; } #wrapper .dk_container .dk_options .disabled:hover, #wrapper .dk_container .dk_options .disabled:hover a { cursor: default; background-color: #ddd; color: white; } /* Inner container for options, this is what makes the scrollbar possible. */ #wrapper .dk_options_inner { list-style: none; max-height: 250px; border: 1px solid #ddd; color: #888; margin: 0px; padding: 0px; } /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; float: left; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: -1px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; -webkit-overflow-scrolling: touch; } /* Hides only dropkick