/* -------------------- */ /* Font definitions */ /* -------------------- * Arial font-family: sans-serif; Arial Black font-family: 'Arial Black', 'Gadget CE', sans-serif; Comic Sans font-family: 'Comic Sans MS', 'Sand CE', fantasy; Courier font-family: monospace; Georgia font-family: Georgia, 'New York CE', utopia, serif; Lucida Console font-family: 'Lucida Console', 'Monaco CE', fixed, monospace; Palatino font-family: Palatino, 'palatino linotype', serif; Tahoma font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; Times font-family: serif; Trebuchet MS font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; Verdana font-family: Verdana, 'Geneva CE', lucida, sans-serif; */ /* ************************** * * 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 {font-family: 'trebuchet MS', verdana, arial; color:#7d7d7d; font-size: 0.8em; text-align: center; background: #cfcfcf url('../images/bg_body.png') center top repeat-x; margin: 0px auto;} a:link {color:red; text-decoration:none;} a:visited {color:red; text-decoration:none;} a:hover {color:red; text-decoration:underline;} a img,td img,th img {vertical-align:middle;} strong {font-weight:bolder;} 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,h3 {} h1 {color: black; font-size:200%; margin: 0px 0px 20px 0px; padding:0px; font-weight: normal;} h2 {color:black; font-size:150%; font-weight:normal; margin:0 0 0.5em;} h3 {font-size:110%; margin:0 0 0.5em; color:#1d96ab} 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;} .relative{position: relative;} .abs {position: absolute;} /* ************************** * * LAYOUT * * ************************** */ #wrapper {margin: 0px auto; width: 960px; text-align: center; border: 0px solid white;} #header {text-align: center; height: 339px;text-align: left; background: url('../images/header.jpg') left top no-repeat; position:relative;} #middle {text-align: center;background-color:#fff;border-left:1px solid #afafaf;border-right:1px solid #afafaf; overflow:hidden;} #leftbar {float:left; padding:32px 0; background: url('../images/pruhy.png') left top repeat-x; width:209px; margin-left:1px; display:inline;} #content {background: url('../images/bg_middle_top.png') 0px 31px repeat-x; float:left; width:560px; margin-left:2px; display:inline;} #content.product {background:none;} #textarea {margin:8px 1.5em; } #rightbar {float:right;width:183px;padding: 32px 0 0; background: transparent url('../images/rightbar.png') 0 top no-repeat; } #footer { height: 276px; margin: 0px 0px 0px 0px;text-align: left; background: url('../images/bg_bottom.jpg') left top no-repeat; position:relative; } #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;} /* ************************** * * ETC * * ************************** */ /* * HEADER */ /** homelink **/ #homelink {background-color:#151b2d; color:#b7d7df; height:46px; line-height:33px; left:8px; margin:0; overflow:hidden; position:absolute; top:28px; width:259px;} #homelink a {color:#b7d7df; display:block; font-size:x-large; height:100%; position:relative; text-decoration:none; width:100%;} #homelink a:hover {text-decoration:underline;} #homelink a:focus {outline:#a9a9a9 dotted thin;} #homelink a span {background:url('../images/homelink.png') 0 0 no-repeat; cursor:pointer; /*cursor:hand;\*/ display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;} #icon_menu { width: 130px; height: 23px; position: absolute; left:690px; top: 40px;} #icon_menu a { float: left; display: block; width: 43px; height: 23px; } a#home{ background: url('../images/menuicon/icon_home.png') left top no-repeat; } a#home:hover{ background: url('../images/menuicon/icon_home_hover.png') left top no-repeat; } a#mapa{ background: url('../images/menuicon/icon_mapa.png') left top no-repeat; } a#mapa:hover{ background: url('../images/menuicon/icon_mapa_hover.png') left top no-repeat; } a#mail{ background: url('../images/menuicon/icon_mail.png') left top no-repeat; } a#mail:hover{ background: url('../images/menuicon/icon_mail_hover.png') left top no-repeat;} #top_sender {display:block;height:20px;left:642px;position:absolute;top:170px;width:102px; } #top_sender a {height:74px;width:247px; background: url('../images/top-sender.png'); display: inline-block; } #top_sender a:hover{background-position: 0 -74px} #content #questions a{color: #fff;font-size: 21px;background:#CF0100;text-shadow: 1px 1px 2px #000;border: 1px solid #7D0606;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;display: block;padding: 10px 5px;margin-top: 8px;text-align: center;text-decoration: none;} #content #questions a:hover{background-color: #FF3333; border: 1px solid #7D0606;} #menu {width: 960px; height: 36px; position:absolute; bottom:1px; left:0px;} #menu ul { margin: 0px; float: right; } #menu li { float: left; list-style: none; padding-left: 3px; height: 36px; background: url('../images/separator.png') left top no-repeat; margin-left: 0px; text-align: center;position: relative; } #menu li a{ color: white; height: 36px; padding: 0px 10px ; display: block; text-decoration: none; line-height: 32px;} #menu li#item-807 span,#menu li#item-808 span{ background: url('../images/star-yellow.png') 0 0 no-repeat;display: block;height: 20px;left: 50%;margin-left: -10px;position: absolute;width: 20px;top: -10px; } #menu li#item-807 a,#menu li#item-808 a{color:#FFED00} #menu li a:hover, #menu ul li.active a, #menu li.active_last a{ background: url('../images/menutop/bg_menutop_hover.png') left top repeat-x; } #menu ul ul {display:none;} /* * LEFTBAR */ #content-menu{ } #content-menu ul{display:block;margin:0; overflow:hidden;} #content-menu ul li{display:none;} #content-menu ul li.active {display:block;} #content-menu ul li.active a{display: none;} #content-menu ul li a{font-weight: bold} #content-menu ul li.active ul li.active_last, #content-menu ul ul li.active{display: block;border:0 none;} #content-menu ul li.active ul li.active_last a, #content-menu ul li.active ul li.active a{font-size:18px;display:none;text-decoration:none;color:#454545;} #content-menu ul li.active ul li.active_last a:hover, #content-menu ul li.active ul li.active a:hover{text-decoration: underline;} #content-menu ul ul ul li{border-right:1px solid #B0AFAF;display:block;float:left; margin:4px;padding-right:8px;} #content-menu ul li.active ul li.active_last ul li a, #content-menu ul li.active ul li.active ul li.active_last a, #content-menu ul li.active ul li.active ul li.active a{display:block;font-weight:bold;} #content-menu ul li.active ul li.active ul li.active ul li.active_last a {text-decoration:underline; font-weight:bold;} #content-menu ul li.active ul li.active_last ul li a, #content-menu ul li.active ul li.active ul li a{display: block;color:#0E77A7;text-decoration:none;font-size:13px;font-weight:bold;} #content-menu ul ul ul li a {display: block;font-weight:normal} #content-menu ul li.active ul li.active_last ul, #content-menu ul li.active ul li.active ul {;margin:0 0 2px;background-color:#CBE8FF;padding: 0 0 4px;} #content-menu li.active li.active li.active_last li, #content-menu li.active li.active li.active li {display: block;} #content-menu ul li.active ul li.active ul li.active_last ul li a, #content-menu ul li.active ul li.active ul li.active ul li a {font-size:12px;font-weight: normal;} #content-menu ul li.active ul li.active ul li.active_last ul, #content-menu ul li.active ul li.active ul li.active ul {margin:0;padding:0;} #content-menu li.active li.active li li {display: none;} /*click 2urovne*/ #content-menu ul ul ul ul {display: block;padding: 0 !important;} #content-menu ul li.active ul li.active_last ul li ul li a, #content-menu ul li.active ul li.active ul li.active_last ul li a, #content-menu ul li.active ul li.active ul li ul li a {font-weight: normal;line-height: 7px;font-size: 12px;color: #9A9A9A;} #content-menu ul li.active ul li.active_last ul li, #content-menu ul li.active ul li.active ul li {background-color: #FFFFFF;border: 1px solid white;display: block;padding: 5px;margin: 4px 0 0 4px;} #content-menu ul li.active ul li.active_last ul li ul li, #content-menu ul li.active ul li.active ul li.active_last ul li, #content-menu ul li.active ul li.active ul li ul li {float:none; border: 0; margin:0} #content-menu ul li ul li ul li ul{margin-top: 10px !important;} #content-menu ul li.active ul li.active ul li.active_last a, #content-menu ul li.active ul li.active ul li.active ul li.active_last a{color: brown;font-weight: bold; font-size: 12px !important; text-decoration: underline; text-transform: uppercase;} /*click 2urovne*/ /** menu-left **/ #menu-left {/*font-family:Georgia, 'New York CE', utopia, serif; */ background:#fa6a00 url('../images/bg_menuLeft.png') right bottom no-repeat; margin: 0px 0px 0px 0px; } #menu-left ul {margin:0;} #menu-left li {display:none;} #menu-left li.active, #menu-left li.active_last {display:block;} #menu-left a {display:none; color: white;text-decoration: none; line-height: 18px; font-weight: bold; padding: 0px 10px; background: url('../images/menuLeft/icon_ulli.png') left center no-repeat;} /*2 uroven*/ #menu-left ul ul {display:none; padding: 10px 0px;} #menu-left a:hover, #menu-left li.active li.active_last a, #menu-left li.active li.active a {color: #872b02; background: url('../images/menuLeft/icon_ulli_hover.png') left center no-repeat;} #menu-left li li {padding: 2px 0px 2px 10px; display:block;} #menu-left li li a {display:inline-block;} #menu-left li.active ul, #menu-left li.active_last ul {display:block; } /* 3 uroven*/ #menu-left li.active ul ul, #menu-left li.active_last ul ul { display:none; list-style:none; padding: 4px 10px 0px 0px; margin: 0px; /*background: url('../images/menuLeft/menuSeparatorTop.png') left top no-repeat;*/} #menu-left li.active li.active_last ul, #menu-left li.active li.active ul { display:block;} #menu-left li.active li.active_last li a, #menu-left li.active li.active li a {color:gray; background: none;} #menu-left li li li { background: white;} #menu-left li.active li.active_last li a:hover, #menu-left li.active li.active li a:hover, #menu-left li.active li.active li.active_last a, #menu-left li.active li.active li.active a{color:#319fb6; background: none;} /* 4 uroven*/ #menu-left li.active li.active li ul, #menu-left li.active li.active_last li ul{display:none; padding-left:10px; } #menu-left li.active li.active li.active ul, #menu-left li.active li.active li.active_last ul{display: block; } #menu-left li.active li.active li.active li a:hover, #menu-left li.active li.active li.active li.active_last a, #menu-left li.active li.active li.active li.active a{text-decoration:underline;} /* 5 uroven*/ #menu-left li.active li.active li.active li ul, #menu-left li.active li.active li.active_last li ul{display: none; } #banners {width:200px; margin:5px auto;} #banners div {margin: 5px 0px; } /** action-products **/ #action-products {border-bottom:1px dashed #424754; margin:0 0 25px; padding:0 0 20px;} #action-products h3 {color:#b7014e; font-size:150%; font-weight:normal; margin:0 0 0.8em 0.5em;} #action-products img {border:none; float:none; height:35px; margin:0; padding:0;} #action-products img.noimage {height:auto;} #action-products .product {margin:0 0 20px 7px;} #action-products .product .imgcontainer {float:left; margin:0 8px 0 0;} #action-products .product .imgwrap {border:1px solid #525c88; display:table-cell; height:41px; position:relative; text-align:center; vertical-align:middle; width:55px;} #action-products .product .imgwrap:hover {border:1px solid #885c52;} #action-products .product .imgwrap a {display:block;} #action-products .product a {color:#7d7d7d; text-decoration:underline;} #action-products .product span, #action-products .product a strong {color:#7d7d7d; display:block;} #action-products .product a:hover, #action-products .product a:hover span, #action-products .product a:hover strong {color:#b7014e;} /* * CONTENT */ #content a {text-decoration:underline;} #text-area {line-height:1.5em;} #textarea .KONTAKT {width:40%; float:left;} #textarea .KONTAKT strong {color:black;} #textarea .KONTAKT p { line-height:1.5em; vertical-align:middle; } #icons a{ margin-right: 5px; width: 16px; height: 16px; display: block; float: left; border: 0px solid red;} a#pdf {background: url('../images/icon_pdf.png') top left no-repeat; } a#excel {background: url('../images/icon_excel.png') top left no-repeat; } a#word {background: url('../images/icon_word.png') top left no-repeat; } /** breadcrumbs **/ #breadcrumbs {width: 643px; text-align: left; height: 32px; background: url('../images/bg_navigation.png') no-repeat 0px 1px; padding: 1px 0px 0px 60px;color: #8e8c8c; font-weight: bold; line-height: 30px; font-size: 0.8em; overflow: hidden;} #breadcrumbs a {color:#c02b13; text-decoration: underline; font-weight: bold;} #breadcrumbs a:hover {text-decoration: none;} #breadcrumbs a img {float:none; margin:0; padding:0;} #breadcrumbs strong a {color:#c02b13; font-weight:normal;} #contact-form input, #contact-form textarea {border:none; background:#ccc; color:black;width:218px} #contact-form td {vertical-align:top;} span.mandatory {color:red; font-weight:bold;} #popup { background-color:black; display:none; border:3px solid black; position:fixed; top:100px; margin:0px auto;} .posun { background:#56A7DB url('../images/site/repeat_y_siteback2.jpg') repeat-y scroll center center;} /** container-gallery **/ #container-gallery {margin:35px 0;} #container-gallery h2 {color:#1d96ab} #container-gallery .gallery-item {float:left; margin:5px; display:inline;} #container-gallery .gallery-item-innertube {border:4px solid #319FB6; background-color: #54a7c5; display:table-cell; height:100px; position:relative; text-align:center; vertical-align:middle; width:130px; overflow:hidden;} #container-gallery .gallery-item-innertube:hover {border-color:#ccc;} #container-gallery .gallery-item a {display:block;} #container-gallery .gallery-item img {float:none; margin:0; padding:0;} /** products paginator, gallery paginator **/ #container-products .pagination-summary {float:right; margin:0.4em 0 0 0.5em; color:black;} #container-products .paginator, #container-gallery .paginator {float:left; margin:0 26px 10px 0;} #container-products .paginator a, #container-products .paginator span, #container-gallery .paginator a, #container-gallery .paginator span { background-color:#e5e5e5; border:1px solid #e5e5e5; color:black; display:block; float:left; height:23px; line-height:23px; margin:0 3px 0 0; padding:0 7px; text-decoration:none;} #container-products .paginator a:hover, #container-products .paginator span, #container-gallery .paginator a:hover, #container-gallery .paginator span {background-color:#54a7c5; border:1px solid #54a7c5; color:white; } /** container-products **/ #container-products {margin:0 0 15px 0;} #container-products .product {margin:0px 0px 2px 0px; position:relative; background:#F5F2F2; overflow:hidden; padding:5px; } #container-products .product.even {background:#F9F9F9;} #container-products .product .imgwrap {background-color:#fff; border:2px solid #54a7c5; display:table-cell; height:100px; position:relative; text-align:center; vertical-align:middle; width:120px; float:left; margin-right:10px; display:inline;overflow:hidden; position:relative;} #container-products .product .imgwrap a {display:block; overflow:hidden; text-align:center;line-height: 100px;} #container-products .product img {border:none; float:none; margin:0; padding:0; overflow:hidden;} #container-products .product a span.product-action{background:url('../images/sprites_40.png') 0 0 no-repeat;top:0;display:block;height:37px;position:absolute;width:50px;z-index:1000;} span.product-action{background:url('../images/sprites_40.png') 0 0 no-repeat;top:0;display:block;height:37px;position:absolute;width:50px;z-index:1000;} #container-products .product h3 {color:#54a7c5; font-size:130%; font-weight:normal; margin:0.25em 0; text-align:left;} #container-products .product h3 a {color:#54a7c5; text-decoration:none;} #container-products .product h3 a:hover {text-decoration:underline;} #container-products .product .info { overflow:hidden; text-align:left;} #container-products .product .info .desc{height:39px;margin-bottom:12px;overflow:hidden;} #container-products .product .product-price {float:left; margin:0; padding-top:5px; color:black;} #container-products .product .product-price strong { font-family:Palatino, 'palatino linotype', serif; font-size:140%; font-weight:normal;} #container-products .product .product-links {float:right; margin:0; text-align:right;} #container-products .product .product-links a {color:white;display:inline-block;font-weight:bolder;height:20px;line-height:20px;text-align:center;text-decoration:none;} #container-products .product .product-links a:hover {text-decoration:none;color:black} #container-products .product .product-links a.add-cart{background:url('../images/sprites_40.png') -151px -46px no-repeat;width:119px;} #container-products .product .product-links a.add-cart:hover{background:url('../images/sprites_40.png') -151px -66px no-repeat;} #container-products .product .product-links a.detail{background:url('../images/sprites_40.png') -271px -46px no-repeat;width:49px;} #container-products .product .product-links a.detail:hover{background:url('../images/sprites_40.png') -271px -66px no-repeat;} /** >> PRODUCT (detail) << **/ /*imagebox*/ #delivery{background:#FAFFAB url('../images/logo-dpd.png') right center no-repeat;border: 1px solid #CDD72B;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;padding: 5px 10px;} #delivery h3 { color: #535537;font-size: 13px;font-weight: bold;margin-bottom: 4px;} #delivery p{margin: 0;color: #999D5C; font-size: 11px;} #delivery h3 strong{color: #000;font-size: 18px;} /*imagebox*/ #delivery-red{background:#CF0100 ;border: 1px solid #920100;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 10px;padding: 5px 10px;} #delivery-red h3 { color: #fff;font-size: 13px;font-weight: bold;margin-bottom: 4px;} #delivery-red h3 strong{color: #fff;font-size: 18px;} #imagebox {float:left; position:relative; text-align:center; margin: 0px 10px 10px 0px; } #imagebox img {border:none; float:none; margin:0; padding:0;} #imagebox #mainimage { display:block; position:relative; vertical-align:middle; width:250px; } #imagebox #mainimage a {display:block;} #imagebox img.product-newie, #imagebox img.product-action {height:auto; position:absolute;} #imagebox img.product-newie {left:0; bottom:0px;} #imagebox img.product-action {right:0px; top:0;} #imagebox #product-thumbnails {margin:6px 0 0; width:250px;} #imagebox #product-thumbnails .prod-thumb {float:left; margin:0 6px 6px 0;} #imagebox #product-thumbnails .imgwrap {border:2px solid #219aaf; display:table-cell; height:64px; position:relative; vertical-align:middle; width:80px;} #imagebox #product-thumbnails img {height:48px;} #imagebox #product-thumbnails a {display:block;} /*producttext*/ #producttext {color:#545454;} #producttext h1 {color:#54a7c5; font-size:160%;} #producttext .product-price {font-size:135%;color:#54a7c5; text-align:right;} /*productprice*/ #productprice {color:#b00855; font-size:135%; line-height:1; margin:35px 0; width:270px;} #productprice td {padding:0.2em 0.5em 0.2em 0; vertical-align:bottom;} #productprice .choices td {padding:0 0.5em 0.5em;} #productprice-cartlabel {width:8em;} #productprice-label {text-align:right;} #productprice del {font-size:100%;} #productprice form {position:relative; top:0.3em;} #productprice input {text-align:center; width:2.5em;} #productprice #productprice-submit {background:#a4a899 url('../images/carticon.png') 0 0 no-repeat; border:none; height:32px; width:32px;} #productprice strong {color:#b00855; font-size:150%;} /*productfeatures*/ #productfeatures {clear:both; margin:0 0 35px; width:100%;} #productfeatures tr td {background-color:#e1e2e6; border:1px solid white; width:50%; } #productfeatures th {color:#545454; font-size:large; font-weight:bold; padding:0.5em;} #productfeatures td {color:#545454; padding:0.45em 1em;} #productfeatures td.label {font-weight:bolder;} #productfeatures td strong {font-weight:bolder;} /** products paginator, gallery paginator **/ #textarea .pager {background: #eee; overflow:hidden; margin: 0px 0px; color:#555960;border-bottom:2px solid white;} #textarea .sorter {float:left; margin:0px 7px 0px 7px; } #textarea .sorter a {color:#555960; font-weight:bolder; height:23px; line-height:23px; padding:0 3px; text-decoration:none;} #textarea .sorter a:hover,#content .sorter a.active-sort {text-decoration:underline;} #textarea .paginator {float:right; margin:0px 7px 0px 7px; text-align:left;} #textarea .paginator a, .paginator span { color:#555960; display:inline-block; height:23px; line-height:23px; padding:0 7px; text-decoration:none; font-weight:bolder;} #textarea .paginator a:hover, #content .paginator span { color:black;} #textarea .paginator a.prev{background: url('../images/sprites_40.png') -218px -2px no-repeat;} #textarea .paginator a.next {background: url('../images/sprites_40.png') -236px -2px no-repeat;} #contact-area{color:black;text-align:center; background:#e1e2e6; clear:both; padding:5px; } #contact-area h2 {color:#1a93c2;font-size:20px;margin:0 0 .2em;margin:3px 0 10px;} #contact-area h3 {color:#1a93c2;font-size:17px;margin:0 0 .2em;} #contact-area .title {text-align: center;vertical-align: middle;background:#F7F7F7;} #contact-area .label{} #contact-area .label label{display:block;font-weight:bold;height:26px;line-height:26px;margin-bottom:3px;text-align: center;} #contact-area input#code{width:45px;} #contact-area button#form-submit{background:url('../images/sprites_40.png') -5px -284px no-repeat; border:0 none;color:wheat;font-size:11px;height:22px;text-transform:uppercase;width:100px;} #contact-area button#form-submit:hover{background:url('../images/sprites_40.png') -5px -258px no-repeat;} span.pding{display: block;padding:5px 0} #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} #contact-area th, #contact-area td { border:0px solid #eae5dc; padding:5px 0; vertical-align:top;} #contact-area th {background-color:#AAAAAA;color:#555555;font-weight:bolder;padding:3px 0;text-align:center;} #contact-area td.image {text-align:center;vertical-align:middle; padding:5px; background:#F7F7F7;} #contact-area td.image img {border:1px solid #eae5dc; width:35px; 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 {background-color:#F5F5F5;border:1px solid #999999;color:black;} #contact-area input {margin:0px 0px 3px 0px; height: 18px; padding: 3px 5px; width:160px;} #contact-area textarea {width:203px; height:100%; padding: 0px 5px; margin:0px; height:156px;} #contact-area tr.code td.price {background:#f5f5f5; text-align: center; font-weight:bolder; color:black; padding:3px; height:auto;} #contact-area tr.code td {color:black; text-align:left; vertical-align:middle;} #contact-area tr.code td {overflow:hidden;} #contact-area tr.code td input {width: 80px;} #contact-area tr.code #form-submit {color:white; background:#1b92c2; display:block; margin:0px; vertical-align: middle; float:right; height:28px; width:auto; } #contact-area p.free-delivery {font-size:larger; font-weight:bolder; color:#1a93c2; } #container-sharelinks {display: inline-block; margin-bottom: 10px; width: 260px;} #fb-button{float: left; width: 20px} #plusone-button{float: right;width: 33px;} /* tooltip - jQuery Plugin * Simple and tooltip alternative * * Version: */ #preview{ z-index: 5000; 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;} #tooltip{ z-index: 5000; position:absolute;border:1px solid #ccc;background:#efefef;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;} #tooltip{ background: #333; color:#fff; text-shadow: 1px 1px #000; font-weight: normal; max-width: 200px } #preview,#tooltip{ -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000'); } /*relatedproduct*/ #container-relatedproducts{ margin-top: 20px; text-align:center} #container-relatedproducts h2{text-align: left;} #container-relatedproducts .product { float: left; border: 1px #fff solid;margin: 15px 3px ;overflow: hidden;padding: 5px; position: relative;width: 155px;} #container-relatedproducts .product:hover{ border: 1px solid #000; -moz-border-radius: 4px;-webki-border-radius: 4px;border-radius: 4px; -moz-box-shadow: 0 0 5px #8E8E8E;-webkit-box-shadow: 0 0 5px #8E8E8E;box-shadow: 0 0 5px #8E8E8E;} #container-relatedproducts .product .imgwrap {background-color:#54a7c5; border:2px solid #54a7c5; display:table-cell; height:100px; position:relative; text-align:center; vertical-align:middle; width:120px; float:left; margin-right:10px; display:inline;overflow:hidden; position:relative;} #container-relatedproducts .product .imgwrap a {display:block; overflow:hidden; text-align:center;} #container-relatedproducts .product img {border:none; float:none; margin:0; padding:0; width:100px; height:80px; overflow:hidden;} #container-relatedproducts .product img.product-newie, #container-products .product img.product-action {height:auto; width:auto;} #container-relatedproducts .product img.product-newie, #container-products .product img.product-action {position:absolute;} #container-relatedproducts .product img.product-action {right:0; top:0;} #container-relatedproducts .product img.product-newie {left:0; bottom:0px;} #container-relatedproducts .product h3 {color:#54a7c5; font-size:12px; font-weight:bold; margin:0.25em 0; text-align:center ;height: 38px;overflow: hidden;} #container-relatedproducts .product h3 a {color:#54a7c5; text-decoration:none;} #container-relatedproducts .product h3 a:hover {text-decoration:underline;} #container-relatedproducts .product .info { overflow:hidden; text-align:left;} #container-relatedproducts .product .product-price {margin:0; padding-top:0px; color:black;text-align: center;} #container-relatedproducts .product .product-price strong { font-size:15px; font-weight:bold;} #container-relatedproducts .product .product-links {margin:0; text-align: center;} #container-relatedproducts .product .product-links a {color:#54a7c5; text-decoration:none; padding: 3px 7px; } #container-relatedproducts .product .product-links a:hover {text-decoration:underline;} /** NAKUPNY KOSIK **/ /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /** >> CART, SHOPING PROCES, CART STEPS << **/ /****************************************************************************************************/ /****************************************************************************************************/ /****************************************************************************************************/ /** CART STEPS **/ /*cart steps*/ #cart-steps{ color: #fff;font-size: 11px;font-weight: bold;height: 46px;margin: -17px -4px 8px -4px;overflow: hidden;padding: 0 0 5px;text-align: left;width: 531px;display: block;} #cart-steps.step-1{background: url('../images/steps-cart.png') -12px 0 no-repeat;} #cart-steps.step-2{background: url('../images/steps-cart.png') -12px -59px no-repeat;} #cart-steps.step-3{background: url('../images/steps-cart.png') -12px -120px no-repeat;} /*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; } /** 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;*/} /**/ #content #registered_link_1, #content #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:#2B2B2B;} #registered_link_1:hover, #content #registered_link_2:hover,#content #registered_link_2.active,#content #registered_link_1.active{background: url('../images/big-button.png') 0 -69px repeat;color:#fff} #registered-fields a{color:#c10000; font-weight:bold;} #registered-fields p {text-align: center;} .productform{} .productform table.productprice{width: 260px;} .productform table.productprice tr td{padding:0.3em 0;} .productform table.productprice .tar{} .productform table.productprice .tar input{background-color:#CFCFCF;border:1px solid #939393;text-align:center;width:37px;} .productform table.productprice .tac {font-size:18px;text-align:right;} .productform table.productprice .productform-price{color:black;} .productform table.productprice button{ background: url("../images/sprites_40.png") 0 -284px no-repeat;border: 0 none;color: #fff;font-size: 17px;height: 34px;line-height: 34px;text-align: left;width: 190px;} .productform table.productprice button:hover{background:url('../images/sprites_40.png') 0px -318px no-repeat;} /*user block*/ #textarea table#cart {border-collapse:collapse;} #textarea table#cart th{} #textarea table#cart td,#textarea table#cart th{border:1px solid #C8C8C8;} #textarea table#cart td{color:black;} #textarea table#cart td span{color:#797979; font-size:11px;} /** >> CART << **/ p.error {color:red; font-weight:bold;} #content .cart {background-color:#EDECE8;border-collapse:collapse;margin:0 0 1em;text-align:center;width:100%;} #textarea .cart h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;} #textarea .cart tr {margin:0 15px 0 0;} #textarea .cart th {padding:10px 0;text-align: center;} #textarea .cart td {text-align:center;} #textarea .cart tfoot th, #content .cart tfoot td{vertical-align:top; padding: 0.75em;} #textarea .cart tfoot th.valignm, #content .cart tfoot td.valignm {vertical-align:middle;} #textarea .cart tbody tr td {background-color:#fff;border:1px solid #C7C7C7;vertical-align:middle;} #textarea .cart tbody tr td.actions {width: 64px} #textarea .cart tbody tr td button.send {background:url('../images/sprites_40.png') -119px -40px no-repeat;border:0 none;height:25px;width:28px;text-indent: -9999px} #textarea .cart tbody tr td button.remove {background:url('../images/sprites_40.png') -79px -40px no-repeat;border:0 none;height:25px;width:28px;text-indent: -9999px} #textarea .cart tbody tr td.name div{overflow: hidden;width: 143px;} #textarea .cart tr.choice {border-top:1px solid #131929; font-size:75%; font-weight:bold; text-align:left;} #textarea .cart .cart-productimage {height:58px; padding:0; width:58px;} #textarea .cart img {border:none; height:34px; margin:0; padding:0;} #textarea .cart img.noimage {height:auto;} #textarea .cart td.productname {font-size:110%; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; width:35%;} #textarea .cart td.productname a {color:#eaeaea; text-decoration:none;} #textarea .cart td.productname a:hover {color:#fff; text-decoration:underline;} #textarea .cart td span {font-size:smaller;} #textarea .cart td input {text-align:center;} #textarea .cart .total {text-align: center; color:#000;font-size: 17px;} #textarea .cart {border: 1px solid #bbb; border-right:0;} #textarea .cart .link-back {background:url('../images/sprites_40.png') -4px -256px no-repeat;float: left;font-size: 12px;height: 24px;line-height: 24px;padding: 0 9px;text-decoration: none;} #textarea .cart .link-forward {background:url('../images/sprites_40.png') -4px -256px no-repeat;float:left;font-size:12px;height:24px;line-height:24px;margin-left:4px;text-decoration:none;width:73px;} .br{border-right: 1px solid #bbb;} #textarea .cart .link-back a, #textarea .cart .link-forward a {display:block;text-decoration:none} #textarea .cart .link-back a:hover, #textarea .cart .link-forward a:hover {color:#fff;text-decoration:none} #textarea .cart .link-back a img, #textarea .cart .link-forward a img {border:0; float:left; margin:0;} #textarea .cart .link-back a span, #textarea .cart .link-forward a span {float:left; margin:0 8px 0 8px;} #textarea .bordered, #textarea .bordered th, #textarea .bordered td {border:1px solid #545454;margin-top:14px;} #order-comment {width:100%;} #place-order {float:right;} /** >> CHECKOUT FORM << **/ #registered-fields {display:none;} #payment-fields {display:none;} #registered, #new {} #textarea fieldset {border:1px solid #ccc; margin:2px 0 12px;} #textarea fieldset legend {background-color:#ccc; border:1px solid #ccc; color:#000; font-weight: bold; margin-left:10px; padding:1px 4px;} #textarea #new-fields select, #textarea #registered-fields select,#textarea #new-fields input, #textarea #registered-fields input {background-color:#D9D9D9; border:1px solid #B3B3B3; color:#000; padding:1px;} #textarea #new-fields select:hover, #textarea #registered-fields select:hover,#textarea #new-fields input:hover, #textarea #registered-fields input:hover {background-color:#C3FBC0;} #textarea #new-fields table, #textarea #registered-fields table {} #textarea #order-comment textarea {background-color:#D9D9D9; border:1px solid #B3B3B3; color:#000; padding:1px;width:503px;} #textarea #order-comment textarea:hover {background-color:#C3FBC0;} #textarea a.button-order{background:url('../images/sprites_40.png') 0 -284px no-repeat ; color:white;display:block;font-weight:bold;height:34px;left:330px;line-height:34px;padding-left:15px;position:absolute;right:auto;text-align:left;text-decoration:none; text-transform:uppercase;top:-35px;width:175px;} #textarea a.button-order:hover{background:url('../images/sprites_40.png') 0 -318px no-repeat ;} #textarea .cart .bordered{} #textarea button#place-order, #textarea .button#place-order{background:url('../images/sprites_40.png') 0 -284px no-repeat ;border:0; color:white;display:block;font-weight:bold;height:34px;line-height:34px;padding-left:15px;text-align:left;text-decoration:none; text-transform:uppercase;top:-35px;width:190px;padding-bottom:0} #textarea button#place-order:hover, #textarea .button#place-order:hover {background:url('../images/sprites_40.png') 0 -318px no-repeat ;} /** order **/ .companies-only th, .companies-only td{background-color:#ba285d;} /** login-form **/ table#login-form {margin:0 0 2em;} table#login-form th {text-align:right;} table#login-form td {padding:.5em;} #contact-email-error{font-size: 150%;display: block} #contact-email-error ul li{color: red} #textarea #order-confirmation {margin:0em 0 1em 0; text-align:left; width:100%; } #textarea #order-confirmation table{background-color: #EDECE8;border: 1px solid #CCCCCC; border-collapse:collapse;} #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;border:1px solid #D1D796; border-left:0; border-right:0;} #textarea #order-confirmation th {padding:10px 0;text-align:center;color:#777} #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{ 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:0px solid #131929;} #textarea #order-confirmation tr.choice td {font-weight:normal;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:#D52087; text-decoration:none;} #textarea #order-confirmation td.name a:hover {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: 0px solid #C7C7C7;border-right: 0px solid #C7C7C7} #order-confirmation a{ color: #D52087;display: block;margin-bottom: 2px;padding-bottom: 5px;} #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;} /* * RIGHTBAR */ /** func **/ #funcs {background:url('../images/funcs.jpg') 0 0 no-repeat;color:black;height:74px;padding:39px 0 0 12px;position:relative;width:168px;} #funcs h3 {visibility:hidden;display: none;} #funcs p{margin-bottom:5px;} #funcs a#funcs-gocart { background:url('../images/sprites_40.png') 0 -230px no-repeat;color:white;display:block;height:25px;line-height:22px;margin:9px 0 0;padding:0;text-align:center;text-transform:uppercase;width:152px } #funcs a#funcs-gocart:hover{background:url('../images/sprites_40.png') 0 -256px no-repeat;text-decoration:none} #user-info {background:url('../images/user-info.jpg') 0 0 no-repeat;color:black;padding:33px 0 9px 12px;position:relative;width:168px;overflow:hidden;margin-bottom:9px;} #user-info a{color:#111111;line-height:17px;text-decoration:underline;} #user-info a:hover{text-decoration: none;} #user-info h3 {visibility:hidden;display: none;} #user-info strong{color:#F8FF00;} #user-info div a{display:block;float:left;height:21px;text-align:center;line-height:20px;color:#A7A7A7;font-size:11px;text-transform:uppercase;margin-top:6px;} #user-info div a:hover{text-decoration: none;} #user-info a#funcs-login {background:url('../images/sprites_40.png') -158px -230px no-repeat;width:81px;text-decoration:none} #user-info a#funcs-login:hover {background:url('../images/sprites_40.png') -158px -251px no-repeat;} #user-info a#funcs-rgstr {background:url('../images/sprites_40.png') -237px -230px no-repeat;width:78px;border-left:1px solid #ADADAD;text-decoration:none} #user-info a#funcs-rgstr:hover {background:url('../images/sprites_40.png') -237px -251px no-repeat;} #user-info a#funcs-logout{background:url('../images/sprites_40.png') -152px -203px no-repeat;text-decoration:none;width:77px;} #user-info a#funcs-logout:hover{background:url('../images/sprites_40.png') -229px -203px no-repeat;} /** funcs ** #funcs {background:url('../images/funcs.png') 0 0 no-repeat; height:200px; margin:0 0 10px; padding:7px 0 0 25px; position:relative;} #funcs h3 {color:#fff; font-size:150%; font-weight:normal; margin:0 0 0.1em;} #funcs strong {color:#fff; display:block; font-size:110%; font-weight:normal; margin:0 0 0.4em;} #funcs strong a {color:#ff9;} #funcs p {color:#000; margin:0 0 0.4em;} #funcs p span {color:#fff;} #funcs-gocart {background:#fe9d3d url('../images/funcs-gocart.png') 0 0 no-repeat; color:#222; display:block; font-size:85%; height:23px; left:105px; line-height:23px; position:absolute; text-align:center; top:112px; width:75px;} #funcs-gocart:hover {background-color:#ffd43f; background-position:0 -23px; text-decoration:none;} #funcs div {position:absolute; top:145px;} #funcs div a {color:#a3a7b3; display:block; margin:0 0 0.25em; padding:0.1em 0 0.1em 25px;} #funcs-login {background:url('../images/funcs-login.png') 0 50% no-repeat;} #funcs-logout {background:url('../images/funcs-logout.png') 0 50% no-repeat;} #funcs-rgstr {background:url('../images/funcs-rgstr.png') 0 50% no-repeat;} /** searchform ** #searchform {margin:0 0 20px;} #searchform-field {background:url('../images/searchform-field.png') 0 0 no-repeat; border:none; color:#9196a4; float:left; height:21px; padding:5px 0 0 4px; width:154px;} #searchform-submit {background:url('../images/searchform-submit.png') 0 0 no-repeat; border:none; color:#fff; cursor:pointer; float:left; height:26px; padding:0 3px 3px 0; width:26px;} /* * FOOTER */ #footer p {color:#4e6388; font-size:95%; position:absolute; top:11px;} #footer a {color:#706f6f;} #footer a:hover {color:#bababa;} #footer #footer-site { width: 830px; height: 55px; display: block; margin: 0px 0px 0px 10px; padding: 20px 0px 0px 240px; color: #028193; } #odkaz_bottom {position: absolute; right: 10px; top:80px; width: 180px;color:#5E5E5E;} #odkaz_bottom a {color: #c02b13;} #box-call{color:white;font-size:165%;left:662px;position:absolute;top:250px;width:213px;} /* * OVERLAY */ #overlay {background-color:#000; filter:alpha('opacity=80'); height:100%; left:0px; opacity:0.8; position:fixed; top:0px; width:100%; z-index:200;} #form-emailLink {background-color:#fff; left:30%; padding:1em; position:fixed; text-align:left; top:20%; width:40%; z-index:201;} #form-emailLink th, #form-emailLink td {padding:0.4em;} #form-emailLink th {background:#eee; border:1px solid #ccc; vertical-align:middle;} .link-close {text-align:right;} .otvaracky { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#B32323 none repeat scroll 0 0; color:white; padding:5px; line-height:1.5em; vertical-align:middle; } #textarea .otvaracky strong {color:white;} /** contact-form **/ #contact-form {background-color:#eee;border:1px solid #ccc} #contact-form table {width:100%} #contact-form input, #contact-form textarea {border: 1px solid #aaa;padding: 5px 4px;width: 105px; } #contact-form input#code{width:70px} #contact-form td {vertical-align:top} #contact-form textarea {width:316px; padding:2px} #contact-form button {background:url('../images/sprites_40.png') 0 -284px no-repeat; border:0 none;color:white;font-weight:bold;height:34px;line-height:34px;padding-left:15px;text-align:left;text-decoration:none;text-transform:uppercase;top:-35px;width:190px} #contact-form button:hover {background:url('../images/sprites_40.png') 0 -318px no-repeat;} .mandatory {color:#f00; padding-right:.3em} /*cluetip*/ #rightbar .product img {width: 40px; float: left;border:1px solid #CCCBCB;} /** action-products **/ #rightbar {} #rightbar h3 {margin:0 0 12px;} #rightbar .product {background: #EBEBEB url('../images/bg-actionbar.png') 0 bottom repeat-x;font-size:11px;margin:0 3px 1px 0;overflow:hidden;padding:5px;} #rightbar .product h4 {background:url('../images/actionproducts-headline.gif') 0 0.5em no-repeat; padding:0 0 0 12px;} #rightbar .product a {color:#54A7C5; display:block; padding:0.2em;float: left;width: 123px} #rightbar .product a:hover {color:#b70a01; text-decoration:none; } #rightbar .product .deecontainer {display:none;background-color:#c5c2cf;} /*cluetip*/ #cluetip .deecontainer .imgwrap {position:relative;background-color:white;} #cluetip .deecontainer .imgwrap .mainimg {width:100%; margin:5px 0; text-align:center;} #cluetip .deecontainer .imgwrap .mainimg img{width:190px; margin:5px 0; text-align:center;border: 1px solid black} #cluetip .deecontainer .imgwrap img {border:none; float:none; margin:0; padding:0;} #cluetip .deecontainer .imgwrap .product-action, #cluetip .deecontainer .imgwrap .product-newie {position:absolute; right:2px;} #cluetip .deecontainer .imgwrap .product-action {top:5px;} #cluetip .deecontainer .imgwrap .product-newie {top:32px;} #cluetip .deecontainer .attributes {color:#727272; font-size:90%; margin:0 auto 8px; text-align:left; width:98%;} #cluetip .deecontainer .attributes td {} #cluetip .deecontainer .attributes .odd td {background-color:#e5e5e5;} #cluetip .deecontainer .attributes strong {color:#727272; font-weight:normal;} #cluetip .deecontainer .product-price {color:#7e7e7e; text-align:right;} #cluetip .deecontainer .product-price del{color: #B7014E; font-weight: bold} #cluetip .deecontainer .product-price strong {font-size:130%; font-weight:normal;} #cluetip-close img {border:0;} #cluetip-title {overflow:hidden;} #cluetip-title #cluetip-close {float:right; position:relative;} #cluetip-waitimage {background-image:url('../images/cluetip/wait.gif'); height:11px; position:absolute; width:43px;} .cluetip-arrows {background-position:0 0; background-repeat:no-repeat; display:none; height:22px; left:-11px; position:absolute; top:0; width:11px;} #cluetip-extra {display:none;} .cluetip-default {background-color:#fff; border:1px solid #000;} .cluetip-default #cluetip-outer {background-color:#fff; margin:0; position:relative;} .cluetip-default h3#cluetip-title {background-color:#fff; color:#1b1b1b; font-size:125%; font-weight:bold; margin:0 0 5px; padding:8px 10px 4px;} .cluetip-default #cluetip-title a {color:#d9d9c2; font-size:0.95em;} .cluetip-default #cluetip-inner {padding:5px;} .cluetip-default div#cluetip-close {color:#900; margin:0 5px 5px; text-align:right;} .clue-right-default .cluetip-arrows {background-image:url('../images/cluetip/darrowleft.gif');} .clue-left-default .cluetip-arrows {background-image:url('../images/cluetip/darrowright.gif'); left:100%; margin-right:-11px;} .clue-top-default .cluetip-arrows {background-image:url('../images/cluetip/darrowdown.gif'); height:11px; left:50%; margin-left:-11px; top:100%; width:22px;} .clue-bottom-default .cluetip-arrows {background-image:url('../images/cluetip/darrowup.gif'); height:11px; left:50%; margin-left:-11px; top:-11px; width:22px;} .cluetip-jtip {background-color:transparent;} .cluetip-jtip #cluetip-outer {background-color:#fff; border:2px solid #ccc; position:relative;} .cluetip-jtip h3#cluetip-title {background-color:#ccc; color:#333; font-size:16px; font-weight:normal; margin:0 0 5px; padding:2px 5px;} .cluetip-jtip #cluetip-inner {display:inline-block; padding:0 5px 5px;} .cluetip-jtip div#cluetip-close {color:#900; margin:0 5px 5px; text-align:right;} .clue-right-jtip .cluetip-arrows {background-image:url('../images/cluetip/images/arrowleft.gif');} .clue-left-jtip .cluetip-arrows {background-image:url('../images/cluetip/images/arrowright.gif'); left:100%; margin-right:-11px;} .clue-top-jtip .cluetip-arrows {background-image:url('../images/cluetip/arrowdown.gif'); height:11px; left:50%; margin-left:-11px; top:100%; width:22px;} .clue-bottom-jtip .cluetip-arrows {background-image:url('../images/cluetip/arrowup.gif'); height:11px; left:50%; margin-left:-11px; top:-11px; width:22px;} .cluetip-rounded {background:transparent url('../images/cluetip/bl.gif') no-repeat 0 100%; margin-left:12px; margin-top:10px;} .cluetip-rounded #cluetip-outer {background:transparent url('../images/cluetip/tl.gif') no-repeat 0 0; margin-top:-12px;} .cluetip-rounded #cluetip-title {background-color:transparent; margin:0 -12px 0 0; padding:12px 12px 0; position:relative;} .cluetip-rounded #cluetip-extra {background:transparent url('../images/cluetip/tr.gif') no-repeat 100% 0; display:block; height:30px; margin:-12px -12px 0 0; position:absolute; right:0; top:0; width:12px;} .cluetip-rounded #cluetip-inner {background:url('../images/cluetip/br.gif') no-repeat 100% 100%; margin:-18px -12px 0 0; padding:5px 12px 12px; position:relative;} .cluetip-rounded div#cluetip-close {background:transparent; color:#009; margin:0 5px 5px; text-align:right;} .cluetip-rounded div#cluetip-close a {color:#777;} .clue-right-rounded .cluetip-arrows {background-image:url('../images/cluetip/rarrowleft.gif');} .clue-left-rounded .cluetip-arrows {background-image:url('../images/cluetip/rarrowright.gif'); left:100%; margin-left:12px;} .clue-top-rounded .cluetip-arrows {background-image:url('../images/cluetip/rarrowdown.gif'); height:11px; left:50%; margin-left:-11px; top:100%; width:22px;} .clue-bottom-rounded .cluetip-arrows {background-image:url('../images/cluetip/rarrowup.gif'); height:11px; left:50%; margin-left:-11px; top:-23px; width:22px;} .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {zoom:1;} #right-action-bar{} #rightbar #right-action-bar a#all-action-products {background:#54A7C5 none repeat scroll 0 0; color:white; display:block; height:20px; line-height:20px; margin-right:3px; text-align:center;}