/* ************************** * * CSS RESET * * ************************** */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; padding:0; outline:0; vertical-align:baseline;} body {background:white; color:black; line-height:1;} :focus {outline:0;} ol, ul {list-style:none;} table {border-collapse:separate; border-spacing:0;} /* tables still need 'cellspacing="0"' in the markup */ caption, th, td {text-align:left; font-weight:normal;} blockquote, q {quotes:"" "";} blockquote:before, blockquote:after, q:before, q:after {content:"";} /* ************************** * * BASIC ELEMENTS * * ************************** */ body {background:#e0b53d url('../images/body.png') 0 0 repeat-x; color:#000; font-family: arial, sans-serif; font-size:12px; line-height:1.25; text-align:center;} body { top: 0px !important; position: static !important; } .goog-te-banner-frame { display:none !important; } a:link {text-decoration:none;} a:visited {text-decoration:none;} a:hover {text-decoration:underline;} a img,td img,th img {vertical-align:middle;} strong {font-weight:bold} p {margin-bottom:1em;} ol {margin:0 0 2em 2em; list-style:decimal outside;} ul {margin:0 0 2em 2em; list-style:disc outside;} h1,h2 {color:#a80c2e;} h1 {font-size:200%; font-weight:normal; margin:0 0 0.35em;} h2 {font-size:150%; font-weight:normal; margin:1em 0 0.5em;} table {margin:0 0 1em;} th,td {padding:0.5em;} table ul {margin:0 0 0.4em 2em;} table h1,table h2,table h3 {margin:0;} input[type='submit'],input[type='image'],label[for],select,button,.pointer {cursor:pointer; /*cursor:hand;\*/} /* ************************** * * GENERAL CLASSES * * ************************** */ .cleaner {border:0; clear:both; float:none; font-size:0; height:0; line-height:0; margin:0; padding:0; width:0;} .fll {float:left !important;} .flr {float:right !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .valignm {vertical-align:middle !important;} .vat {vertical-align:top !important} .sprite {background:url(../images/sprites.png) no-repeat 0 0;} .message {color:#3a6e8a;text-align:center;margin:16px auto;width:700px;display:block} .nowrap {white-space:nowrap} .abs {position:absolute} p.note {color: #666;} .info-1,.info-4{background-color: #FBF6CD;border: 1px solid #E3E2D0; color: #936B3D;margin: 5px 0;padding: 10px;} .info-3 {background-color: #C2FFB5;border: 1px solid #B6E85D;display: block;padding: 8px 14px;;} .info-1,.info-2,.info-3,.info-4{margin:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;overflow: hidden;} .info-1 p,.info-2 p,.info-3 p,.info-4 p{margin:0;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;} .info-1 strong,.info-2 strong,.info-3 strong,.info-4 strong{} .info-2{background-color: #EDEDED;border: 1px solid #DDDDDD;margin: 10px 0 20px;padding: 10px;} .curier {display: inline-block;height: 35px;width: 35px;background: url('../images/curier.png') 0 0 no-repeat; } #social-banner{border: 1px solid #ddd; margin-bottom:10px} #social-banner td{height: 39px; overflow: hidden; padding: 0 3px; vertical-align: middle;} /* ************************** * * LAYOUT * * ************************** */ #container-all {/* background: url('../images/container-all.png') center 0 no-repeat; */background: url('../images/container-all-new-2.jpg') center 0 no-repeat;} #wrapper {margin:0 auto; max-width: 1400px; padding: 0 9px;min-width: 978px;} #header {position:relative;height:229px; text-align:left} #container-middle {background:#fff url('../images/container-middle.png') right 0 repeat-y;overflow:hidden} #container-footer {background: url('../images/container-footer-new.png') 0 0 repeat-x; height: 304px;margin-bottom: 30px;} #footer-left {background: url('../images/footer-left.png') 0 0 no-repeat; } #footer-right {background: url('../images/footer-right.png') right 0 no-repeat; } .sidebar {float: left;text-align: left;} #left {margin-left:-100%; } #left,#left_usertext {width: 202px;overflow: hidden;} #right {margin-left:-114px; width: 113px;border-left: 1px solid #CDCDCD;background: #fff;} #content {float: left;width: 100%;/* background: url('../images/content-top.png') 0 0 no-repeat;*/background: url('../images/content-top-new-1.png') 0 0 repeat-x; } .single #content {float:none;width:auto;margin:0;} #textarea {margin-left: 202px;margin-right: 113px; padding: 0 14px;} .single #textarea {padding:8px 16px 16px} #footer {clear:both; position:relative;height: 48px;} #leftbar,#content,#rightbar,#footer {text-align:left;} #message {background-color:#ccc; color:black; font-weight:bold; margin:2em auto; padding:1em; width:90%; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .plusonecenter { text-align: center; } /* ************************** * * ETC * * ************************** */ /* * HEADER */ /** homelink **/ #homelink {height: 88px;left: 0px;margin: 0;overflow: hidden;position: absolute;top: 0;width: 343px;} #homelink a {display: block;height: 100%;position: relative;text-indent: -9999px;width: 100%;} #homelink a:hover {text-decoration:none;} #homelink a span {background: url('../images/homelink.png') 0 0 no-repeat; cursor: pointer;display: block;height: 100%;left: 0;position: absolute;top: 0;width: 100%;z-index: 10;} /** languages **/ #languages {position:absolute; top:12px; right:0px;} #languages a {background:url('../images/sprites-languages.png') 0 0 no-repeat;display: inline-block;width:43px; height: 30px;color:black; text-decoration:none;} #languages a.sk {} #languages a.sk:hover,#languages a.sk.active{background-position: -45px 0; } #languages a.en {background-position: 0 -30px;} #languages a.en:hover,#languages a.en.active{background-position: -45px -30px;} #currencies { background: #000 url('../images/currency.jpg') 4px center no-repeat; height: 31px;line-height: 31px;padding: 0 12px 0 37px;position: absolute;right: 0;top: 195px;z-index: 1001; } #currencies a{ border-right: 1px solid #444;color: #999;padding: 0 6px 0 4px;} #currencies a.active{color: #FF003B;font-weight: bold;} #currencies a.last{border: 0 none;padding-right: 0} /*searchform*/ #searchform{ background: url('../images/bg-searchbar.png') 0 0 no-repeat;padding: 15px 15px 15px 20px;position: absolute;right: -8px;top: 127px;} #searchform input{background:transparent;border: 0 none;color: #AB0C2E;display: block;float: left;font-weight: bold;margin-right: 12px;padding: 7px 0 4px;width: 288px;} #searchform button{background:transparent;border: 0 none;display: block;float: left;height: 29px;text-indent: -9999px;width: 36px} /*infolink-top*/ #infolink-top{background: url('../images/infolink-top.png') 0 0 no-repeat; height: 93px;position: absolute;right: -9px;top: 32px;width: 182px;} /* funcs - nakupny kosik v headri */ #funcs{background: url('../images/bg-cart.png') 0 0 no-repeat; height: 100px;padding: 5px 16px 0 16px;position: absolute;text-align: left;top: 90px;width: 174px;z-index: 1000;} #funcs a#funcs-gocart{background: url('../images/sprites-cart.png') -1px -242px no-repeat;color: white;line-height: 13px;text-align: center;color:white;height: 49px;padding-top: 54px;position: absolute;right: -50px;top: 0;width: 57px;} #funcs a#funcs-gocart:hover{background-position: -61px -242px;text-decoration: none;} #funcs h3 {color: #000;display: block;font-size: 12px;height: 30px;line-height: 16px;} #funcs h3 a{color:#000;} #funcs a{color:#6d6d6d; } #funcs a:hover{color:#000; text-decoration:none} #profil-link{padding:0; margin:0; color:#C6C6C6;height: 17px;} #profil-link a{font-size: 11px;} #item-price{font-size: 120%;height: 29px;line-height: 29px;padding: 0 5px;overflow: hidden;margin-bottom: 0px;} #funcs-logout{background: url('../images/sprites-cart.png') -379px -303px no-repeat; color: #6D6D6D;display: block;height: 24px;line-height: 22px;padding-left: 23px;} #funcs-login{ background: url('../images/sprites-cart.png') no-repeat -385px -267px transparent;float: left;margin-right: 4px;padding-left: 14px;width: 64px;} #funcs-rgstr{ background: url('../images/sprites-cart.png') no-repeat -376px -230px transparent; padding-left: 23px;} /**/ #left_usertext{} #left_usertext img{max-width:200px;height: auto;margin-left: 1px} /* default nav */ .nav ul{list-style: none;margin:0; padding:0} .nav ul ul{display: none;} /* nav #menu-top */ #menu-top{height: 44px;position: absolute;top: 185px;width: 100%;background: url('../images/menu-top-middle.png') 0 0 repeat-x; text-align: center } #menu-top ul {padding-top: 10px;} #menu-top ul li{display: inline;border-right: 1px solid #707070;} #menu-top ul li a{color: white;font-size: 120%;line-height: 29px;padding: 0 7px;text-decoration:none} #menu-top ul li a:hover{text-decoration: underline;} /* * LEFTBAR */ a.link{display: block;font-size: 15px;font-weight: bold;height: 35px;line-height: 35px;margin-bottom: 0;padding-left: 10px;text-transform: uppercase;border-right: 1px solid #DDDDDD;} a.link.action{color:#ab0101} a.link.newie{color:#25782b} /*nav-custom*/ #nav-custom h2 { text-align: center; font-weight: bold; } #nav-custom{ margin-top: -50px; } #nav-custom a{display: block;} #nav-custom ul{} #nav-custom ul li {} #nav-custom > ul > li > a{border-bottom:1px solid #d4d4d4;border-top:1px solid #fff; background: #eee; color: #000;display: block;font-size: 14px;height: 32px;line-height: 31px; text-decoration:none } /**/ #nav-custom > ul > li > a span{background: url('../images/sprites-lmenu.png') -7px 0 no-repeat;display: inline-block;float: left;height: 33px;margin: 0 4px;width: 33px;} #nav-custom > ul > li > a:hover span, #nav-custom > ul > li.active_last > a span, #nav-custom > ul > li.active > a span{background-position: -52px 0 } #nav-custom > ul > li > a:hover, #nav-custom > ul > li.active_last > a, #nav-custom > ul > li.active > a{text-decoration:none; background: #eecbd3; } /*uroven 2*/ #nav-custom ul ul ul{display: none;} #nav-custom > ul > li.active_last > ul,#nav-custom > ul > li.active > ul{display: block; background: #be0e33 url('../images/menu-ul-ul.png') 0 0 no-repeat;padding: 5px;} #nav-custom > ul > li.active_last > ul > li > a, #nav-custom > ul > li.active > ul > li > a{background: url('../images/ulli-menu.png') 6px 6px no-repeat; padding:3px 15px; color:#fff;font-size:14px;} #nav-custom > ul > li > ul > li > a:hover, #nav-custom > ul > li > ul > li.active_last > a,#nav-custom > ul > li > ul > li.active > a {color:#f7b600;background: url('../images/ulli-menu-hover.png') 6px 6px no-repeat; text-decoration:none; } #nav-custom ul li.active ul li {;} #nav-custom > ul > li > ul > li.active_last, #nav-custom > ul > li > ul > li.active {background:#8B011E url('../images/menu-ul-ul-ul.png') 0 0 no-repeat;border: 1px solid #CB2F2F; border-top:0;} #nav-custom > ul > li > ul > li.active_last > a > span, #nav-custom > ul > li > ul > li.active > a > span{color:#f7b600;background: url('../images/ulli-menu-hover.png') 8px 3px no-repeat;} /*3*/ #nav-custom ul ul ul ul{display: none;} #nav-custom ul ul li.active_last > ul, #nav-custom ul ul li.active{display: block;} #nav-custom ul ul ul {padding: 0 0px 0px} #nav-custom ul ul ul a{color:#f7b600;} #nav-custom ul ul ul li{padding: 1px 0 1px 14px;background: #660505; } /*4-5-6-*/ #nav-custom ul ul ul ul ul{display: none;} #nav-custom ul ul ul li.active_last > ul, #nav-custom ul ul ul li.active{display: block;} #nav-custom li.active li.active > ul {display: block;} #nav-custom li.active li.active_last > ul {display: block;} #nav-custom ul li.active ul li.active li.active > a, #nav-custom li.active li.active li.active_last > a{color: #D7F8F7;font-weight: bold;text-decoration: underline;} /**/ /*akcia*/ #nav-custom > ul > li.entry-988 a span{background-position: -7px -219px;} #nav-custom > ul > li.entry-988 > a:hover span, #nav-custom > ul > li.entry-988.active_last > a span, #nav-custom > ul > li.entry-988 active > a span{background-position: -52px -219px;} /*lietadla*/ #nav-custom > ul > li.entry-1976 a span{background-position: -7px -36px;} #nav-custom > ul > li.entry-1976 > a:hover span, #nav-custom > ul > li.entry-1976.active_last > a span, #nav-custom > ul > li.entry-1976 active > a span{background-position: -52px -36px;} /*vrtulnik*/ #nav-custom > ul > li.entry-1939 a span{background-position: -7px -70px;} #nav-custom > ul > li.entry-1939 > a:hover span, #nav-custom > ul > li.entry-1939.active_last > a span, #nav-custom > ul > li.entry-1939 active > a span{background-position: -52px -70px;} /*auto*/ #nav-custom > ul > li.entry-2041 a span{background-position: -7px -106px;} #nav-custom > ul > li.entry-2041 > a:hover span, #nav-custom > ul > li.entry-2041.active_last > a span, #nav-custom > ul > li.entry-2041 active > a span{background-position: -52px -106px;} /*moto*/ #nav-custom > ul > li.entry-2053 a span{background-position: -7px -142px;} #nav-custom > ul > li.entry-2053 > a:hover span, #nav-custom > ul > li.entry-2053.active_last > a span, #nav-custom > ul > li.entry-2053 active > a span{background-position: -52px -142px;} /*lode*/ #nav-custom > ul > li.entry-2032 a span{background-position: -7px -183px;} #nav-custom > ul > li.entry-2032 > a:hover span, #nav-custom > ul > li.entry-2032.active_last > a span, #nav-custom > ul > li.entry-2032 active > a span{background-position: -52px -183px;} /*rcspecial*/ #nav-custom > ul > li.entry-430 a span{background-position: -7px -219px;} #nav-custom > ul > li.entry-430 > a:hover span, #nav-custom > ul > li.entry-430.active_last > a span, #nav-custom > ul > li.entry-430 active > a span{background-position: -52px -219px;} /*traxxas*/ #nav-custom > ul > li.entry-460 a span{background-position: -7px -258px;} #nav-custom > ul > li.entry-460 > a:hover span, #nav-custom > ul > li.entry-460.active_last > a span, #nav-custom > ul > li.entry-460 active > a span{background-position: -52px -258px;} /*leftmenu2*/ /**/ #leftmenu2{background: #bbb url('../images/leftmenu2.png') 0 0 repeat-x;border-left: 1px solid #FFFFFF;border-top: 12px solid #FFFFFF;padding: 0; } #leftmenu2 h2{margin: -5px 0 17px;padding-left:10px} #leftmenu2 > ul > li > a{color: #000;display: block;font-weight: bold;padding: 3px 0 3px 15px;text-decoration: none;background:url('../images/ulli-black.png') 6px 6px no-repeat} #leftmenu2 > ul > li > a:hover, #leftmenu2 > ul > li.active_last > a,#leftmenu2 > ul > li.active > a{color: #F7B600;background:#6C6C6C url('../images/ulli-menu-hover.png') 6px 6px no-repeat} #leftmenu2 > ul > li.active_last,#leftmenu2 > ul > li.active{} #leftmenu2 > ul > li.active_last > ul,#leftmenu2 > ul > li.active > ul{display: block;background: url('../images/shadow.png') 0 0 repeat-x #4D4D4D } #leftmenu2 ul li.active_last ul,#leftmenu2 ul li.active ul{display: block;} /*2-3*/ #leftmenu2 ul li ul li a{color: #C8C8C8;padding-left: 10px;} #leftmenu2 ul li ul li a:hover, #leftmenu2 ul li.active ul li.active_last a, #leftmenu2 ul li.active ul li.active a{color:#F7B600} #leftmenu2 > ul > li > ul > li{margin: 6px 0} #leftmenu2 > ul > li > ul > li > a {background: url('../images/ulli-menu.png') 0 3px no-repeat; } #leftmenu2 > ul > li > ul > li.active > a ,#leftmenu2 > ul > li > ul > li.active_last > a {background: url('../images/ulli-menu-hover.png') 0 3px no-repeat; } #leftmenu2 > ul > li > ul{padding: 10px;} #leftmenu2 > ul > li > ul ul{padding-left: 10px} #leftmenu2 ul ul ul li{} /*3*/ #leftmenu2 ul ul li.active_last ul li a:hover {color:#FF3A3A} #leftmenu2 ul ul li.active ul li.active_last a{font-weight: bold;color: #FF3A3A;text-decoration: underline;} /* visa-icons */ .visa-icons{display: block;margin: 4px 0 5px 4px;} /*usertext-1*/ .usertext-1{text-align: center;} .usertext-1 img{height: auto;margin: 0 auto;max-width: 102px;} a#katalog{background: url('../images/katalog.jpg') 0 0 no-repeat;display: block;height: 69px;margin: 3px 0 5px 2px;text-indent: -9999px;width: 108px; } a#katalog:hover{background-position: 0 -69px;} /*newsletter*/ #newsletter{background: url('../images/shadow-top.png') 0 0 repeat-x ;border-right: 1px solid #EEEBEB;} #newsletter-form{padding: 6px; background: url('../images/shadow-bottom.png') 0 bottom repeat-x ;padding: 6px;border: 0px solid #D2D2D2;border-left: 0;} #newsletter-form h3{font-size: 22px; background: url('../images/sprites-newsletter.png') 0 -133px no-repeat;padding-left: 27px;} #newsletter-form input{background: url('../images/sprites-newsletter.png') -3px -2px no-repeat;border: 0 none;padding: 4px 10px 7px 5px;width: 178px;} #newsletter-form button{background: url('../images/sprites-newsletter.png') -36px -37px no-repeat;border:0;color:#fff;font-weight: bold;margin-top: 4px;padding: 6px 0 10px;text-shadow: 1px 1px 0 #668866; width: 146px} #newsletter-form button:hover{background-position: -36px -77px;} #newsletter-form p{} #newsletter-form .subscribe-form{text-align: center;} /* ************************************************* * CONTENT ***************************************************/ #textarea h1#title-categ{border-bottom: 1px solid #D6D6D6;margin: 0 -14px;padding: 5px 0 2px 14px;} #content a {text-decoration:underline;} a.allproducts { color: #A80C2E; margin: 10px 0; font-weight: bold; display: block; } ul.subcategories li a { color: #A80C2E; font-weight: bold; } #google_translate_element { background:white;border: 1px solid #C9C9C9;height: 24px;overflow: hidden;padding: 0 1px 5px 4px;position: absolute;right: 0;top: 8px; } /** filters-container **/ #filters-container{ background: url('../images/shadow-top.png') 0 -1px repeat-x #F2F2F2;margin: 0 -13px;} #filters-shadow-bottom{background: url('../images/shadow-bottom.png') 0 bottom repeat-x; padding: 11px;} #filter-all{} /*filters header*/ #filter-header{background: #C2D4DE url('../images/filter-header-2.png') 0 0 repeat-x;border-bottom: 1px solid #adbec6;padding: 7px;position: relative;} #filter-header h3 a {color:#3a3a3a; font-size: 16px;text-decoration: none;font-weight:bold } #filter-header h3 a.toggle span {color: #A30C2C;font-size: 14px;} #filters-container a.clear{color: #A30C2C;display: block;font-size: 14px;font-weight: bold;height: 20px;position: absolute;right: 0;text-decoration: none;} #filters-container a.clear span{background: url('../images/sprites.png') repeat 0 -100px;display: block;float: right;height: 24px;margin-left: 7px;width: 25px;} #filters-container a.clear:hover span{background-position: 0 -132px; } /*filters*/ #filters{background:#BCCFD9 url('../images/filters-2.png') 0 bottom repeat-x; border-top: 1px solid #dce6ec; padding: 6px 6px 8px 6px;} #filter-controls button{background: url('../images/sprites.png') -53px -88px no-repeat; border: 0;color:#FFF;display:block;font-weight: bold;padding: 2px 0; text-transform: capitalize;width: 79px; } #filter-controls button:hover{background-position: -53px -116px; } /*filter-area*/ #filter-controls{float: left;height: 26px;margin: 2px 0 0 7px;overflow: hidden;} #filter-area{position: static;text-align:left; overflow: hidden;} #filter-area .sorter {float: left; margin-left: 10px;color:#747F87;} #filter-area .sorter a{text-decoration: none; color:#3A3A3A;border-right: 1px solid #DDD; padding:0 6px 0 3px} #filter-area .sorter a:hover{text-decoration: underline;} #filter-area .sorter a.active-sort, #filter-area .sorter strong a{color:#980014; font-weight:bold} #filter-area .sorter span{display: inline-block;width: 95px;} #filter-area input.ui-state-default{text-align: left;width:100px; } /** breadcrumbs **/ a.ui-multiselect.ui-widget.ui-state-default.ui-corner-all{text-align: left;float: left} #breadcrumbs {color: #878787;font-size: 13px;height: 34px;line-height: 33px;} #breadcrumbs a {color:#878787; text-decoration:none;} #breadcrumbs strong a{color:#b00d30;font-weight:bold} #breadcrumbs span {} #breadcrumbs a:hover {text-decoration:none; color:#b00d30} #breadcrumbs a.home{ background:url('../images/sprites.png') -308px -4px no-repeat;padding: 6px 0 8px 25px; } #breadcrumbs a.home:hover {text-decoration: none;background-position: -308px -35px;} #breadcrumbs a img {float:none; margin:0; padding:0;} #breadcrumbs .current {color:#000;font-weight:bold} /** container-gallery **/ #container-gallery {margin:35px -4px; overflow:hidden; text-align:left;} #container-gallery h2 {color:#bf0d58; margin: 0px 8px; } #container-gallery .gallery-item {display:inline-block; margin:3px; padding:0px; } #container-gallery .gallery-item a {border:2px solid #3f465c; display:inline-block; height:110px; line-height:110px; vertical-align:top; text-align:center; width:125px; overflow:hidden; padding:0px; margin:0px; } #container-gallery .gallery-item a:hover {border:2px solid #bf0d58;} #container-gallery .gallery-item a img {vertical-align:middle;} /** products paginator, gallery paginator **/ .container-paginator{overflow: hidden;padding: 10px 0;} #content .pagination-summary {float:left;color:#b0bcc2; font-size: 14px; margin: 3px 0 0 15px; font-weight: bold;} #content .paginator {text-align:center;float:left} #content .paginator a, .paginator span {color:#627a86;font-weight:bold;background: url('../images/sprites-pager.png') -75px -5px no-repeat;display: inline-block;height: 27px;line-height: 26px;text-decoration: none;width: 33px;} #content .paginator a:hover{color:black;} #content .paginator a.first{background-position: 0 -5px;width: 66px;} #content .paginator a.last{background-position: -116px -5px;width: 97px;} .paginator span {background:none;border:0} #content .paginator a:hover, #content .paginator span {} #textarea .search-result{margin: 18px 0; border: 1px solid #fff;padding: 5px 10px} #textarea .search-result:hover{background: #EBF2FC;border:1px solid #cddcf9 } #textarea .search-result h3 a{color:#0000EE; font-size: 140%;} #textarea .search-result p{margin: 5px 0 0 0} #textarea .search-result a{color:#B00D30} #textarea .search-result strong{background:#FFBABA;padding: 0 2px;} /** container-products **/ .product-newie, .product-action, .product-24h {position:absolute; display:inline-block; width:43px; height:18px;background:url('../images/sprites.png') 0 0 no-repeat;} .product-action {background-position:-156px -88px;left: 4px;top: 3px;} .product-newie {left:4px; top:23px;background-position: -156px -108px;} #container-content {margin:20px -7px; overflow:hidden;} #container-content .search-result {margin:7px;} #container-products {margin:20px -7px; overflow:hidden;} #container-products .product {display: inline;float: left;margin: 2px;width: 155px;border:1px solid #e5e5e5; } #container-products .product:hover {-moz-box-shadow: 0 0 11px #CA103B;-webkit-box-shadow: 0 0 11px #CA103B;box-shadow: 0 0 11px #CA103B;border: 1px solid #CA103B;} #container-products .product .image { position:relative; text-align:center;padding-top: 3px; } #container-products .product .image a {display: inline-block;height: 130px;line-height: 130px;overflow: hidden;position: relative;vertical-align: middle;width: 149px;} #container-products .product .image a img { max-width: 149px;} #container-products .product .info{overflow: hidden; padding: 0 3px 3px;} #container-products .product h2 {font-size:11px; font-weight:normal; margin:0.25em 0; text-align:center;height: 5em;overflow: hidden;} #container-products .product h2 a {text-decoration:none;color:#000} #container-products .product h2 a:hover {text-decoration:underline;} #container-products .product .product-price {margin:0;overflow: hidden;} #container-products .product .product-price del{color:#a20127} #container-products .product .product-price strong {float: right;font-size: 15px;} #container-products .product .product-links { margin:0; text-align:left;overflow: hidden;} #container-products .product .product-links a.buy-product, #container-products .product .product-links a{ background: url('../images/sprites.png') -367px -7px;color: #6E6E6E;display: inline-block;float: left;height: 18px;overflow: hidden;text-align: center;text-decoration: none;width: 64px; } #container-products .product .product-links a.buy-product:hover, #container-products .product .product-links a:hover{background-position: -367px -32px;color: #950000;} #container-products .product .product-links a.buy-product{float:right} span.stock { background-color: #C5EEC5; margin: 0 0; text-align: center; display: block; } span.stock.nie-je-skladom { background-color:#EEC5C5; } span.stock.nedodatelne { background-color:#EEC5C5; } span.mandatory {color:red; font-weight:bold;padding-right:.5em} #contact-form {padding:1em 0em;} /*#textarea input[type=text], #textarea textarea, #textarea input[type=password] {border:2px solid #CDE5ED;background-color:#eaf5fb;padding:4px;-moz-border-radius:.3em;border-radius:.3em;-moz-box-shadow:1px 1px 0px rgba(0,0,0,0.4) inset;-webkit-box-shadow:1px 1px 0px rgba(0,0,0,0.4) inset;box-shadow:1px 1px 0px rgba(0,0,0,0.4) inset} #textarea input[type=submit] {-moz-border-radius: 0.3em;border-radius:.3em;-moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset;-webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset;box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6) inset;background:#A3C4F1;border:1px solid #5A95DD;color:#000;padding:4px;} #textarea input[type=submit]:hover {background:#6CAAFF} #textarea input:focus, #textarea textarea:focus {border-color:#709BD6;} */ #contact-form textarea {width:98%} #contact-form td {vertical-align:top; padding:0.5em 0.2em;} #contact-email-error {display:none} #colorbox #contact-email-error {font-size:120%;text-align:left;padding:1em;color:#000;display:block} #colorbox #contact-email-error ul { margin:1em 0 0 2em;color:#f00;} /** >> PRODUCT (detail) << **/ h1.prod-title {text-align:left;border-bottom: 1px solid #D6D6D6;margin: 0 -14px 10px;padding: 5px 0 2px 14px;} /*imagebox*/ #imagebox {text-align:center; margin: 0px auto 0px; overflow:hidden; max-width:630px;} #imagebox #mainimage {position:relative;margin: 10px auto;} #imagebox #mainimage a {display:inline-block; vertical-align:middle; position:relative;} #product-thumbnails {margin:6px -3px 0; } #product-thumbnails .prod-thumb {float:left; margin:4px; text-align:center; display:inline;} #product-thumbnails img { max-width: 145px; } #product-thumbnails a { background-color:white;border: 1px solid #CDCDCD;display: inline-block;height: 115px;line-height: 115px;overflow: hidden;vertical-align: middle;width: 145px;} #product-thumbnails a:hover {border-color: #A80C2E;-moz-box-shadow: 0 0 10px #A80C2E;-webkit-box-shadow: 0 0 10px #A80C2E;box-shadow: 0 0 10px #A80C2E;} /*product tabs*/ #product-tabs {clear:both;list-style:none;margin:0;padding:0;overflow:hidden} #product-tabs a{text-decoration: none;font-size: 14px;font-weight: bold;color:#666} #product-tabs li {float:left;display:inline;padding:.4em .8em;background:#ddd;margin-right:.5em;-moz-border-radius:.5em .5em 0 0;border-radius:.5em .5em 0 0;} #product-tabs li.active {background:#eee} #product-tabs h2 {display:inline;margin:0} #tabs-1, #tabs-2, #tabs-3,#tabs-4, #tabs-5, #tabs-6 {background:#eee;padding:1em;color:#000;margin:0 0 10px 0;text-align:left} #tabs-2 {} #product-tabs .active a {color:#000} .fb_iframe_widget { display: block !important; } .fb_iframe_widget iframe { width: 100% !important; } #code-product{padding: 5px 0;text-align: center;} /*productprice*/ .productprice {color:#b00855; font-size:135%; line-height:1; margin:10px 0 20px 0; } .productprice td {padding:0.2em 0.5em 0.2em 0; vertical-align:middle;color:black; text-align:center; font-size:13px} .productprice .choices td {padding:0 0.5em 0.5em;} .productprice-cartlabel {width:8em;} .productprice-label {text-align:right;} .productprice del {font-size:100%;color:#A80C2E} .productprice form {position:relative; top:0.3em;} .productprice input {text-align:center; width:2.5em;} .productprice button {background:url('../images/sprites-cart.png') 0px -74px no-repeat;color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 5px 0;width: 182px;border:0} .productprice button:hover{background-position: 0 -42px;} .productprice strong {color:#000; font-size:150%;} .oldprice{font-size: 11px;color:#A80C2E; font-style: italic;color:#888} /*productfeatures*/ #productfeatures {clear:both; margin:0 0 10px; width:100%;background-color:#EDECE8;} #productfeatures tr.even{} #productfeatures tr.even:hover{background-color:#F2F2F2} #productfeatures tr:hover {background-color:#F2F2F2} #productfeatures tr td {background-color:transparent;border-bottom:1px solid #FFFFFF;} #productfeatures th {color:#000; font-size:16px; font-weight:bold; padding:0.5em;border-bottom:1px solid #FFFFFF;} #productfeatures td {color:#525252; padding:0.45em 1em;} #productfeatures td.label {} #productfeatures td strong {color:#555;} /** relatedproduct **/ #container-relatedproducts {clear:both; margin:0;} #container-relatedproducts h2 {margin:0 0 0.75em; clear: both; } #container-relatedproducts .product {float: left;margin: 3px;text-align: center;width: 145px;} #container-relatedproducts .product p{padding:0; margin:0} #container-relatedproducts .product img{padding:0; margin:0;max-width: 120px;} #container-relatedproducts .product .image {position: relative;text-align: center;} #container-relatedproducts .product .image a {display: inline-block;border: 1px solid #ddd;height: 90px;line-height: 88px;overflow: hidden;position: relative;vertical-align: middle;width: 120px;} #container-relatedproducts .product .image a:hover{-moz-box-shadow: 0 0 10px #A80C2E;-webkit-box-shadow: 0 0 10px #A80C2E;box-shadow: 0 0 10px #A80C2E;border-color: #A80C2E;} #container-relatedproducts .product h3 {color:#3a3b3d; font-size:90%; font-weight:bold; height:2.4em; line-height:1.2; margin:0.25em 0; overflow:hidden; text-align:center;} #container-relatedproducts .product h3 a {color:#3a3b3d; text-decoration:none;} #container-relatedproducts .product .price {font-size:85%;} #container-relatedproducts .product strong {color:#1f1f1f; font-size:120%; font-weight:bold;} /*search product*/ /** relatedproduct **/ #search-results {overflow: hidden;} #search-results .product h2{font-size:12px;} #search-results .product {float: left;margin: 3px;text-align: center;width: 145px;} #search-results .product p{padding:0; margin:0} #search-results .product img{padding:0; margin:0;max-width: 120px;} #search-results .product .image {position: relative;text-align: center;} #search-results .product .image a {display: inline-block;border: 1px solid #ddd;height: 90px;line-height: 88px;overflow: hidden;position: relative;vertical-align: middle;width: 120px;} #search-results .product .image a:hover{-moz-box-shadow: 0 0 10px #A80C2E;-webkit-box-shadow: 0 0 10px #A80C2E;box-shadow: 0 0 10px #A80C2E;border-color: #A80C2E;} #search-results .product h2 {color:#3a3b3d; font-size:90%; font-weight:bold; height:2.4em; line-height:1.2; margin:0.25em 0; overflow:hidden; text-align:center;} #search-results .product h2 a {color:#3a3b3d; text-decoration:none;} #search-results .product .price {font-size:85%;} #search-results .product strong {color:#1f1f1f; font-size:120%; font-weight:bold;} /** contact-area **/ #contact-area{text-align:center; background-color:#222c48; clear:both; padding:5px; } #contact-area h2 {font-size:220%;margin:0 0 .2em;} #contact-area .info {color:red; text-align:left;} #contact-area .info .error {width:80%; margin:0px auto;} #contact-area .info form {display:none;} #contact-area table{text-align:left; margin:0px auto; background:#3F465C } #contact-area th, #contact-area td { border:2px solid #3F465C; padding:0px; vertical-align:top} #contact-area th {background-color:#3F465C; color:white; font-weight:bolder; text-align: center; padding: 3px 0px;} #contact-area td.image {background-color:#3F465C; text-align: center; vertical-align:middle; padding:3px;} #contact-area td.image img {border:1px solid #3F465C; width:65px; height:auto;} #contact-area td.shortdesc{font-size:90%;font-weight:normal;text-align:left; background-color:#b2a496; color:white; overflow:hidden; padding:3px;} #contact-area input, #contact-area textarea {color:black; background-color:#ffd19f; border:1px solid black;} #contact-area input {margin:0px 0px 3px 0px; height: 18px; padding: 3px 5px; width:145px;} #contact-area textarea {width:250px; height:100%; padding: 0px 5px; margin:0px; height:115px;} #contact-area tr.code td.price {background-color:#3F465C; text-align: center; font-weight:bolder; color:black; padding:3px; height:auto;} #contact-area tr.code td {text-align:left; vertical-align:middle; background:#3F465C; overflow:hidden;} #contact-area tr.code td input {width: 80px;} #contact-area tr.code #form-submit {color:#553311; text-decoration:none; background:#fba50a; float:right; border:none; height:26px; padding: 3px 5px;} /*relatedproduct*/ /** news **/ #news {margin:0 0 35px;} #news h3 {color:#b7014e; font-size:175%; font-weight:normal;} #news .newska {margin:0 0 2em;} #news .newska h4 {} #news .newska h4 a {color:#b7014e; text-decoration:none;} #news .newska h4 a:hover {text-decoration:underline;} #news .newska p {margin:0 0 0.25em;} #news .newska span {color:#b7014e;} #news .newska .readmore {color:#b7014e; float:right; text-decoration:none;} #news .newska .readmore:hover {text-decoration:underline;} #widget-newsletter {padding:8px;} #widget-newsletter h6 {} #widget-newsletter button {} #widget-newsletter input {width:100%} #widget-newsletter fieldset {text-align:center} #widget-newsletter p {text-align:center} #widget-newsletter big {font-size:120%;font-weight:bold} /* * FOOTER */ /*container-bottom*/ /*menu-bottom*/ #menu-bottom{overflow: hidden;height: 45px;} #menu-bottom ul{list-style: none;padding-top: 6px;margin: 0;} #menu-bottom ul li{display: inline;height: 29px;line-height: 25px;margin-bottom: 10px;padding: 0 10px;} #menu-bottom ul li a{color: #656565;font-size: 13px;font-weight: bold;text-shadow: 1px 1px 1px #FFF;display: inline; } #menu-bottom ul li a:hover{color:#ff0000; text-decoration: none;} /*bottom-boxes*/ #bottom-boxes{ height: 202px;overflow: hidden;padding-left: 218px;text-align: left;} #bottom-boxes ul{} #bottom-boxes ul li{font-size: 13px;font-weight: bold;} #bottom-boxes h3{font-size:13px; font-size: 15px;font-weight: bold;color: #b32222;} #bottom-boxes h2{font-size: 21px;color: #b32222;margin: 0 0 9px;} /*footer*/ #footer p {margin:7px 0 0 0;text-align:left;color:#7f7f7f} #footer a{color: #4D4D4D;font-weight: bold;} #footer-site{float: left;padding-left: 185px;} #footer #footer-webstudio{float: right;padding-right: 150px;text-align: right} #footer-customer{background: url('../images/sprites.png') 0 0 no-repeat;display: block;height: 32px;left: 5px;position: absolute;width: 162px;top:2px} #footer-customer:hover{background-position: 0 -38px ;} #footer-neonus {background: url('../images/sprites.png') -189px 0 no-repeat;display: block;height: 30px;position: absolute;right: 14px;top: 5px;width: 105px;} #footer-neonus:hover{background-position: -189px -38px;} /* * Customer */ #form-emailLink {background-color:#fff; padding:1em; text-align:left; color:black;} #form-emailLink th, #form-emailLink td {padding:0.4em;} #form-emailLink th {background:#eee; border:1px solid #ccc; vertical-align:middle;} #preview{ position:absolute;border:1px solid #ccc;background:#e5e5e5;padding:5px;display:none;color:#555;font-weight:bold;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-shadow: 1px 1px 0 #fff;-moz-box-shadow: 1px 2px 5px #555;-webkit-box-shadow: 1px 2px 5px #555;box-shadow: 1px 2px 5px #555;} /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /** >> CART, SHOPING PROCES, CART STEPS << **/ /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /** CART STEPS **/ /*cart steps*/ #cart-steps{color: #FFFFFF;font-size: 11px;font-weight: bold;height: 46px;margin: 28px auto 5px;overflow: hidden;padding: 0 0 5px;text-align: left;width: 567px;} #cart-steps.step-1{background: url('../images/steps-cart.png') 0 0 no-repeat;} #cart-steps.step-2{background: url('../images/steps-cart.png') 0 -55px no-repeat;} #cart-steps.step-3{background: url('../images/steps-cart.png') 0 -106px no-repeat;} #cart-steps span{} #cart-steps p{text-indent:-9999px;margin-bottom: 13px;} #cart-steps span.active{background-color: #BEEAB8;color:#000} #cart-steps div a{color: white;font-weight: bold;height: 20px;text-align: center;width: 19px;text-decoration:none} #step{display: inline-block;float: right; font-size: 30px; } #cart-steps div{float:left; margin-right: 2px;width: 186px;text-align: center;} #content h1#caption {background-color:#D50100;color:#FFFFFF;font-size:19px;font-weight:normal;margin:16px 0 0;padding:12px;text-transform:uppercase; } #content h1#caption span {color:#000000;font-weight:bold;} /**/ p.error {-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color: #F5E2E2;border: 1px solid #EBC5C5;color: red;font-weight: bold;margin: 5px;padding: 10px 0;text-align: center;} #textarea .cart {margin:0em 0 1em 0; text-align:center; width:100%; border-collapse:collapse;background-color: #EDECE8;} #textarea .cart h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;color:black} #textarea .cart tr {margin:0 15px 0 0;} #textarea .cart th {padding:10px 0;text-align:center;} #textarea .cart td {font-size:110%; padding:5px; vertical-align:middle;} #textarea .cart tbody {background-color: #fff;border-top:1px solid #C7C7C7;} #textarea .cart tbody tr td{border-bottom:1px solid #C7C7C7;text-align: center;} #textarea .cart tfoot th, #textarea .cart tfoot td{vertical-align:top; padding: 0.75em;} #textarea .cart tfoot th.valignm, #textarea .cart tfoot td.valignm {vertical-align:middle;} #textarea .cart tr.odd td {background-color:#fff;text-align:center} #textarea .cart tr.choice {border-top:1px solid #131929;} #textarea .cart tr.choice td {font-weight:bold;text-align:left} #textarea .cart .image {height:58px; padding:0; width:58px; text-align:center;} #textarea .cart img {border:none; height:34px; margin:0; padding:0;} #textarea .cart img.noimage {height:auto;} #textarea .cart td.name {font-size:110%; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; width:35%;} #textarea .cart td.name a {color:#555; text-decoration:none;} #textarea .cart td.name a:hover {color:#C83BC8; text-decoration:underline;} #textarea .cart td input {text-align:center;float: left;} #textarea .cart td a.remove {border:none; display:inline-block; width:27px; height:25px; background:url('../images/sprites_40.png') -80px -40px no-repeat;} #textarea .cart .total {text-align: center; color:#000;} #wrapper a.link-prod-back {background: url('../images/sprites.png') -2px -318px no-repeat;color: #3B7372;text-transform: uppercase;top: -44px;width: 139px; font-size: 11px;font-weight: bold;height: 31px;line-height: 29px;position: absolute;right: -11px;text-align: center;text-decoration: none;text-shadow: 1px 1px 0 #FFFFFF;} #wrapper a.link-prod-back:hover {background-position: -2px -350px;color: #E8FDFF;text-shadow: 1px 1px #0A5A9A;} #textarea .link-forward {background:url('../images/sprites-cart.png') -210px 0px no-repeat;color:#990505;float:right;height:25px;padding:0 5px 0 7px;text-align:left;width:68px;} #textarea .link-back a, #textarea .link-forward a {display:inline-block; vertical-align:middle; line-height:25px; text-decoration:none;color:#761F0E;} #textarea .link-back span, #textarea .link-forward span {display:inline-block; width:33px; height:25px; vertical-align:middle;} #textarea .link-back span {display: none;} #textarea .link-forward span {display: none;} #textarea .bordered, #textarea .bordered th, #textarea .bordered td {border:1px solid #C4C4C4;} .history td,.history th{background-color: #D8FFD6;} #order-comment {width:100%;} #textarea .info{} #place-order {float:right;} #textarea a.button-order, #place-order,#form-login button, #button1{text-decoration:none; background: #f00; border:medium none;color:white;display:block;font-weight:bold;height:32px;line-height:32px;margin-bottom:10px;text-align:center;text-decoration:none;text-shadow:1px 1px 1px #000000;text-transform:uppercase;width:182px;} #button1{position: static;text-decoration: none} #textarea a.button-order:hover{background:black} button#place-order {float:right;position:static;} #textarea fieldset#newsletter{padding:0;background:none;font-size:inherit;color:inherit;height:auto} /*loginform*/ #form-login{border-right: 1px solid #DDD;float: left;padding-right: 35px;} #form-login tr label{} #form-login tr td input{background-color: #EEE;border: 1px solid #DDD;padding: 2px 0;width: 180px;} #form-login button{position: static;float: right} /** linky pri prihlasovani - nova reg, zabudol som heslo, bez prihlasenia **/ #login-form-links{float: left;margin-left: 35px;} #login-form-links a{display: block;height: 30px;text-decoration: none;font-weight: bold; background: url('../images/sprites.png') -392px 2px no-repeat; padding-left: 10px } #login-form-links a:hover{text-decoration: underline} /**/ #cart {border-collapse:collapse;width:100%;margin-top:13px;} #cart th, #cart td {border:1px solid #545454;} /** >> CHECKOUT FORM << **/ #registered-fields {display:none;} #payment-fields {display:none;} #textarea fieldset {border:1px solid #ccc; margin:2px 0 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #textarea fieldset legend {-moz-border-radius:5px 5px 5px 5px;background-color:#ddd;border:1px solid #999;color:#000000;font-weight:bold;margin-left:10px;padding:1px 4px;} #textarea #new-fields input, #textarea #registered-fields input { border:1px solid #ccc; color:#555; padding:1px;background-color: #eee;} #textarea #new-fields input:hover, #textarea #registered-fields input:hover {background-color:#FCDBDB;} #textarea #new-fields select, #textarea #registered-fields select { border:1px solid #ccc; color:#555; padding:1px;} #textarea #new-fields select:hover, #textarea #registered-fields select:hover {background-color:#eee;} #textarea #new-fields table, #textarea #registered-fields table {width:100%;} #textarea #order-comment textarea {; border:1px solid #ccc; color:#555; width:542px;background-color:#eee} #textarea #order-comment textarea:hover {background-color:#FCDBDB;} span.mandatory {color:red; font-weight:bold;} /** order **/ /* #order-confirmation {background-color:#fff;padding:1em;color:#000} #order-confirmation h1, #order-confirmation h2 {color:#000;margin:1em 0} #order-confirmation h2 {margin-bottom:0;display:inline} #order-confirmation td h2 {margin:0} #order-confirmation .totalprice {border:0;text-align:right} #order-confirmation .cart-productimage {text-align:center} #order-confirmation .cart-productimage img {width:100px} #order-confirmation td, #order-confirmation th {color:#000;border:1px solid #b8b8b8} #order-confirmation table {width:100%;border-collapse:collapse} #order-confirmation thead th {border:0} table.border {width:100%;border-collapse:collapse;margin-top:16px} table.border tbody {border:1px solid #ccc} table.border td {padding:.2em} table.border th {padding:0} table.border th h2 {margin:0 1em 0 0;display:inline} */ /*error in cart formulars*/ p.error { -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background: url('../images/icon-stop.png') 0 50% #FFCFCF no-repeat;border: 1px solid #E3ADAD;color: red;display: inline-block;font-weight: bold; margin: 10px;min-width: 50%; padding: 10px 10px 10px 55px; } #textarea #order-confirmation {margin:0em 0 1em 0; text-align:left; width:100%; border-collapse:collapse;} #textarea #order-confirmation table{background-color: #EDECE8;} #textarea #order-confirmation h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;color:black} #textarea #order-confirmation tr {margin:0 15px 0 0;} #textarea #order-confirmation tr.post td {background-color: #F9FFBC;} #textarea #order-confirmation th {padding:10px 0;text-align:center;} #textarea #order-confirmation td {font-size:110%; padding:5px; vertical-align:middle;} #textarea #order-confirmation tbody {border-top:1px solid #C7C7C7;} #textarea #order-confirmation tbody tr td{border-bottom:1px solid #C7C7C7;text-align: center;} #textarea #order-confirmation tfoot th, #textarea #order-confirmation tfoot td{vertical-align:top; padding: 0.75em;} #textarea #order-confirmation tfoot th.valignm, #textarea #order-confirmation tfoot td.valignm {vertical-align:middle;} #textarea #order-confirmation tr.odd td {background-color:#fff;text-align:center} #textarea #order-confirmation tr.choice {border-top:1px solid #131929;} #textarea #order-confirmation tr.choice td {font-weight:bold;text-align:left} #textarea #order-confirmation .image {height:58px; padding:0; width:58px; text-align:center;} #textarea #order-confirmation img {border:none; height:34px; margin:0; padding:0;} #textarea #order-confirmation img.noimage {height:auto;} #textarea #order-confirmation tr.odd td.name, #textarea #order-confirmation td.name {font-size:90%; font-weight:normal; padding:5px; text-align:center; vertical-align:middle; width:35%;} #textarea #order-confirmation tr.odd td.name a, #textarea #order-confirmation td.name a { font-size: 14px;font-weight:bold} #textarea #order-confirmation td.name a {color:#555; text-decoration:none;} #textarea #order-confirmation td.name a:hover {color:#c10000; text-decoration:underline;} #textarea #order-confirmation td span {font-size:smaller;} #textarea #order-confirmation td input {text-align:center;} #textarea #order-confirmation td input.send, #textarea #order-confirmation td input.remove {border:none; display:inline-block; width:27px; height:25px;cursor:pointer;} #textarea #order-confirmation td input.send { background:url('../images/sprites-cart.png') -31px 0px no-repeat;} #textarea #order-confirmation td input.remove {background:url('../images/sprites-cart.png') 0 0 no-repeat;} #textarea #order-confirmation td a.remove {border:none; display:inline-block; width:27px; height:25px; background:url('../images/sprites_40.png') -80px -40px no-repeat;} #textarea #order-confirmation td span.link-back a, #textarea #order-confirmation td span.link-forward a{color: #FFFFFF;display: block;font-size: 12px;font-weight: bold;height: 32px;line-height: 30px;text-align: center; text-decoration: none; width: 83px;} #textarea #order-confirmation td span.link-back a:hover, #textarea #order-confirmation td span.link-forward a:hover{color:#000;} #textarea #order-confirmation td span.link-back a{background: url('../images/sprites-cart.png') -1px -150px no-repeat;} #order-confirmation td span.link-forward a{background: url('../images/sprites-cart.png') -85px -150px no-repeat;float:right} #order-confirmation th.totalprice{border-bottom: 1px solid #C7C7C7;border-right: 1px solid #C7C7C7} #textarea #order-confirmation table#dodacie-platobne{background-color: #eee;border: 1px solid #C7C7C7;margin-top: 10px;border-left:0; border-right:0} #textarea #order-confirmation table#dodacie-platobne tr td{border:0px solid;} #textarea #order-confirmation table#dodacie-platobne tr th{border:0px solid;font-size: 90%;} a#place-order{color:#fff;text-decoration: none;} /**/ #textarea .cart {margin:0em 0 1em 0; text-align:center; width:100%; border-collapse:collapse;background-color: #EDECE8;border: 1px solid #CDCDCD;} #textarea .cart h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;color:black} #textarea .cart tr {margin:0 15px 0 0;} #textarea .cart th {padding:10px 0;text-align:center;} #textarea .cart td {font-size:110%; padding:5px; vertical-align:middle;text-align:center} #textarea .cart tbody {background-color: #fff;border-top:1px solid #C7C7C7;} #textarea .cart tbody tr td{border-bottom:1px solid #C7C7C7;text-align: center;} #textarea .cart tfoot th, #textarea .cart tfoot td{vertical-align:top; padding: 0.75em;} #textarea .cart tfoot th.valignm, #textarea .cart tfoot td.valignm {vertical-align:middle;} #textarea .cart tr.odd td {background-color:#fff;text-align:center} #textarea .cart tr.choice {border-top:1px solid #131929;} #textarea .cart tr.choice td {font-weight:bold;text-align:left} #textarea .cart .image {height:58px; padding:0; width:58px; text-align:center;} #textarea .cart img {border:none; height:34px; margin:0; padding:0;} #textarea .cart img.noimage {height:auto;} #textarea .cart tr.odd td.name, #textarea .cart td.name {font-size:90%; font-weight:normal; padding:5px; text-align:left; vertical-align:middle; width:50%;} #textarea .cart tr.odd td.name a, #textarea .cart td.name a { font-size: 14px;font-weight:bold} #textarea .cart td.name a {color:#555; text-decoration:none;} #textarea .cart td.name a:hover {color:#C83BC8; text-decoration:underline;} #textarea .cart td span.cart-ks {float: left;margin: 0 10px;} #textarea .cart td button.send, #textarea .cart td button.remove {border:none; display:inline-block; width:27px; height:25px; cursor:pointer; text-indent: -9999px;float:none; float: left;} #textarea .cart td button.send { background: url('../images/sprites-cart.png') no-repeat scroll -45px -109px transparent; width: 27px;} #textarea .cart td button.remove {background:url('../images/sprites-cart.png') -16px -109px no-repeat;display:inline;float:none;} #textarea .cart td a.remove {border:none; display:inline-block; width:27px; height:25px; background:url('../images/sprites_40.png') -80px -40px no-repeat;} #textarea .cart td span.link-back a, #textarea .cart td span.link-forward a{color: #FFFFFF;display: block;font-size: 12px;font-weight: bold;height: 32px;line-height: 30px;text-align: center; text-decoration: none; width: 83px;} #textarea .cart td span.link-back a:hover, #textarea .cart td span.link-forward a:hover{color:#000;} #textarea .cart td span.link-back a, #textarea .cart td span.link-forward a{background: url('../images/sprites-cart.png') -91px -164px no-repeat;float:right} #textarea .cart td span.link-back a:hover, #textarea .cart td span.link-forward a:hover{background-position: -91px -198px } #registered-fields a{color:#c10000; font-weight:bold;} #registered-fields p {text-align: center;} .total{text-align:center} /** payment **/ .only-companies{background:#B5295A none repeat 0 0;color:white; } table tr.only-companies td { padding: 2px 5px;} table tr.only-companies th { padding: 2px 5px ;} .only-companies input { background: #EF95B6; border: 0px; } table {width: 100%;} /** cart-summary **/ #cart img{border:none;} #cart-summary,#cart-confirmation{margin:2em 0 1em;text-align:center;width:100%;} #cart-summary tr{margin:0 15px 0 0;} #cart-summary th{padding:10px 0;} #cart-summary td{font-size:110%;padding:5px;vertical-align:middle;} #cart-summary td.product-name{font-size:110%;font-weight:bold;padding:5px;text-align:left;vertical-align:middle;} #cart-summary td.product-name a{color:#111;text-decoration:none;} #cart-summary td.product-name a:hover{color:#606060;text-decoration:underline;} #cart-summary tr.odd td{background-color:#e9e9e9;} #cart-summary tbody td img{border:1px solid #bebebe;height:60px;margin:0;width:60px;} #cart-summary td span{font-size:smaller;} #cart-summary td input{text-align:center;} #cart-summary .total{background-color:#ab3b32;border-radius:5px;color:#fff;padding:.5em 0;margin:1em 0;-moz-border-radius:5px;-webkit-border-radius:5px;} #cart-summary .cart-summary-product-image{background:url('../images/noimage-smallthumb.gif') 0 0 no-repeat;height:72px;width:68px;} .total strong{color:#444;} #textarea table.cart .total{font-size: 184%;} #cart-summary .link-back{float:left;} #cart-summary .link-forward{float:right;} #cart-summary .link-back a,#cart-summary .link-forward a{display:block;} #cart-summary .link-back a img,#cart-summary .link-forward a img{border:0;float:left;margin:0 8px 0 0;} #cart-summary .link-back a span,#cart-summary .link-forward a span{float:left;margin:0 8px 0 0;} h3#confirm {text-align: center; margin-top: 11px;} h3#confirm a {border:2px outset gray; padding: 8px; text-decoration: none; background-color: #eeeeee} h3#confirm a img {float: none; margin: 0 6px 4px} #textarea input[type="text"], #textarea textarea, #textarea input[type="password"] { -moz-border-radius: 0.3em 0.3em 0.3em 0.3em; -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4) inset; background-color: #EAF5FB; border: 2px solid #CDE5ED; padding: 4px; } /** login-form **/ table#login-form{margin:0 0 2em;} table#login-form th{text-align:right;} table#login-form td{padding:.5em;} /** linky pri prihlasovani - nova reg, zabudol som heslo, bez prihlasenia **/ /*loginform*/ #form-login{border-right: 1px solid #DDD;float: left;padding-right: 17px;margin-right:17px} #form-login tr label{margin-right:10px} #form-login tr td input{background-color: #EEE;border: 1px solid #DDD;padding: 2px 0;width: 180px;} #form-login button{position: static;float: right} #login-form-links{float: left;margin-left: 35px;} #login-form-links a{display: block;height: 30px;text-decoration: none;font-weight: bold; padding-left: 10px } #login-form-links a:hover{text-decoration: underline} /**/ #textarea a.button-order, #place-order, #form-login button, #button1 {background: url('../images/sprites-cart.png') -1px -41px no-repeat;border: 0;color: white;display: block;font-size: 110%;font-weight: bold;height: 32px;left: 375px;line-height: 32px;margin: 10px 0;text-align: center;text-decoration: none;text-shadow: 1px 1px 1px #000000;text-transform: uppercase;top: -38px;width: 182px;} #textarea a.button-order:hover, #place-order:hover, #form-login button:hover, #button1:hover{background-position: -1px -74px; } #textarea #place-order{position: static;float:right;} /** CHECKOUT FORM **/ #registered-fields {display:none;} #payment-fields {display:none;} #registered, #new { /*width: 300px; margin: 0 auto; background-color: #ddd; padding: .5em 1em; color: black; font-weight: bold; margin-bottom: 2px; -moz-border-radius: 6px; -webkit-border-radius: 6px;*/} /**/ #registered_link_1, #registered_link_2{background: url('../images/big-button.png') 0 0 repeat;display: block;height: 56px;line-height: 56px;margin: 1px auto;text-align: center;text-decoration: none !important; width: 377px;color:#fff;} #registered_link_1:hover, #registered_link_2:hover,#registered_link_2.active,#registered_link_1.active{background: url('../images/big-button.png') 0 -69px repeat;} #shipping{} #shipping ul{float: left;} #shipping ul li{color: #B00046;font-weight: bold;margin-right: 5px;} /**/ #login-as {border-bottom: 1px dotted #ddd;font-size: 130%;padding: 10px;text-align: center;} /**/ #textarea fieldset { border: 1px solid #ccc; margin: 2px 0 12px; } #textarea fieldset legend {border: 1px solid #ccc; margin-left: 10px; padding: 1px 4px; background-color: #ccc; color: black; font-weight: bold; } #textarea #new-fields input, #textarea #registered-fields input { border: 1px solid #ccc; background-color: #eee; color: #111; padding: 1px; } #textarea #new-fields input:hover, #textarea #registered-fields input:hover { background-color: #ccc; } #textarea #new-fields select, #textarea #registered-fields select { border: 1px solid #ccc; background-color: #eee; color: #111; padding: 1px; } #textarea #new-fields select:hover, #textarea #registered-fields select:hover { background-color: #ccc; } #textarea #new-fields table, #textarea #registered-fields table { width: 100%; } #textarea #order-comment textarea { width: 99%; border: 1px solid #ccc; background-color: #eee; color: #111; } #textarea #order-comment textarea:hover { background-color: #ccc; } span.mandatory { font-weight: bold; color: red; } fieldset table th, fieldset table td { padding: 0.5em; } #order-checkout input#place-order{color:#fff; border: 0;} /** order **/ .companies-only th,.companies-only td{background-color:#edd;} #cart th, #cart td { border: 1px solid #c7c7c7;padding: 2px 5px;} /** funcCart **/ #funcCart{ color: #FEF0F5; height: 57px;margin: 0;padding: 13px 2px 2px 29px;position: relative;width: 174px;text-align: left;} #funcCart h3{font-size:145%;font-weight:normal;margin:0 0 .1em;} #funcCart p{margin:0;color:#fff;} #funcCart a{color: #FFF;font-size: 14px;font-weight: bold;text-decoration: none;} #funcCart a:hover{text-decoration:underline;} #funcCart strong{color:#fff;} #funcs #funcCart a.menufunc-edit{font-size: 11px;} /** funcLogin **/ #funcLogin{height: 24px;overflow: hidden;padding: 0 0 0 5px;margin:0;} #funcLogin a{color:#000;display:block;font-size:100%; height:22px; line-height:22px;margin:0 0 2px;padding:0 0 0 20px;text-decoration:none;float:left;} #funcLogin a:hover{text-decoration:none;color:#ffb502;} #funcLogin #funcs-login{background:url('../images/funcLogin-login.png') 0 50% no-repeat; margin-right: 15px;} #funcLogin #funcs-rgstr{background:url('../images/funcLogin-registration.png') 0 50% no-repeat;padding:0 0 0 22px;} /****************************************************************************************************/ /* END END END END */ /** >> CART, SHOPING PROCES, CART STEPS << **/ /****************************************************************************************************/