/* -------------------- */ /* 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, td {text-align:left; font-weight:normal;} blockquote, q {quotes:"" "";} blockquote:before, blockquote:after, q:before, q:after {content:"";} /* ************************** * * BASIC ELEMENTS * * ************************** */ body {background:#e5e5e5 url('../images/body.png') repeat-x 0 0; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:12px; line-height:1.25; text-align:center;} a:link {color:#0286b8; text-decoration:none;} a:visited {color:#0286b8; text-decoration:none;} a:hover {color:#0286b8; text-decoration:underline;} a img,td img,th img {vertical-align:middle;} strong {color:#000;} 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 {font-weight:bolder} h1 {font-size:200%; font-weight:normal; margin:0 0 0.35em;} h2 {font-size:150%; font-weight:normal; margin:0 0 0.5em;} h3 {font-size:130%; margin:0 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;} /* ************************** * * LAYOUT * * ************************** */ #wrapper-body {background: url(../images/main.jpg) no-repeat 50% 0} #wrapper {margin:0 auto; width:921px;} #header {height:229px; position:relative;} #leftbar {float:left; padding:0; width:216px; margin:0 16px 0 0} #content {background-color:#fff;overflow:hidden;margin:16px 0 0;padding:0 0 16px} #textarea {float:left;width:673px;overflow:hidden;padding:0 16px 0 0} #rightbar {float:left; padding:20px 0; width:184px;} #footer {background:url('../images/footer.png') no-repeat 0 0; height:100px; 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; border-radius:5px;} /* ************************** * * ETC * * ************************** */ /*#8d9715 * HEADER */ /** homelink **/ #homelink {background-color:#151b2d; color:#b7d7df; height:93px; line-height:93px; left:0px; margin:0; overflow:hidden; position:absolute; top:26px; width:218px;} #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/sprites2.png') 0 0 no-repeat; cursor:pointer; /*cursor:hand;\*/ display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;} #header ul {position:absolute;left:216px;width:689px;list-style:none inside;margin:0 0 0 16px;top:194px} #header li {float:left;position:relative} #header li a {display:block;height:35px;line-height:35px;padding:0 8px;border-right:2px groove #fff;color:#000} #header ul ul {display:none;position:absolute;left:0;top:35px;width:200px;background:#fff;border:1px solid #ccc;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3);box-shadow:0 1px 3px rgba(0,0,0,0.3)} #header ul ul li {position:static;float:none;display:block;border:0;border-bottom:1px solid #eee} #header ul ul a {border:0;text-align:left} #header li:hover ul {display:block} /* * LEFTBAR */ /** menu-left **/ #menu-left {background:#1389d4 url(../images/sprite1.png) repeat-x 0 -52px} #menu-left ul {list-style:none; margin:0;} #menu-left li {display:block} #menu-left a {display:block;padding:8px 16px 8px 25px;color:#fff;font-size:120%;font-weight:bolder;text-decoration:none} #menu-left a:hover, #menu-left li.active a, #menu-left li.active_last a {color:#eeff01;background:url(../images/bullet2.png)no-repeat 9px 50%} #menu-left li ul {display:none;} #menu-left li ul li a, #menu-left li ul li a:hover {font-size:100%;padding: 2px 16px 2px 40px;} #menu-left li ul li a:hover, #menu-left li.active ul li a:hover, #menu-left li.active ul li.active_last a, #menu-left li.active_last ul li a:hover {color:#000;background:url(../images/bullet.png)no-repeat 31px 50%} #menu-left li.active ul li.active_last a:hover {} #menu-left li.active ul, #menu-left li.active_last ul {display:block;} #menu-left li.active ul li a, #menu-left li.active_last ul li a {background-image: none} /* * CONTENT */ #content a {} /** 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 **/ #content .pagination-summary {display:none} #content .paginator {float:left; margin:8px 0 8px 4px; text-align:left;} #content .paginator a, .paginator span {color:#6d675b; display:inline-block;padding:0 8px; text-decoration:none;border-left:1px solid #dbd7d1} #content .paginator a:nth-child(2) {border-left:0} #content .paginator a:hover, #content .paginator span {color:#f05b3d;} #content .paginator span {font-weight: bold} #content .paginator .first, #content .paginator .last {background:url(../images/sprite1.png) repeat-x 0 0;height:26px;border:1px solid #c3bfae;border-radius:5px;-moz-border-radius:5px;text-shadow:0 1px 0 #fff;line-height:2em} #content .paginator .first:hover, #content .paginator .last:hover {background:url(../images/sprite1.png)repeat-x 0 -26px;color:#6d675b;border-color:#8eb357} /** container-products **/ .product-newie, .product-action {position:absolute; display:inline-block; width:78px; height:78px;} .product-action {right:0; top:0; background:url('../images/sprites_40.png') 0px 0px no-repeat;} .product-newie {left:0; bottom:0; background:url('../images/sprites_40.png') 0px -80px no-repeat;} #container-content {margin:20px -7px; overflow:hidden;} #container-content .search-result {margin:7px;} #container-products {margin:20px -4px; overflow:hidden;} #container-products .product {float:left; margin:4px;padding:8px;width:314px; display:inline;border:1px solid #bebebe; } #container-products .product:hover {background-color:#EEF8DF} #container-products .product .image {background-color:#ffc; position:relative;float:left;margin-right: 8px} #container-products .product .image a {display:inline-block; width:94px; height:89px;line-height:89px; vertical-align:middle; overflow:hidden; position:relative;} #container-products .product h3 { font-size:130%; margin:0 0 0.25em;} #container-products .product h3 a {text-decoration:none;} #container-products .product h3 a:hover {text-decoration:underline;} #container-products .product .product-desc {height:3.7em;text-overflow:ellipsis;overflow:hidden} #container-products .product .product-price {font-weight:bold;float:left} #container-products .product .product-price strong {font-weight:bold;} #container-products .product .product-links {float:right; margin:0; text-align:right;} #container-products .product .product-links a {color:#fff; text-decoration:none;background-color:#a3af20;border:1px solid #778213;padding:2px 8px;-moz-border-radius:5px;border-radius:5px;background:-moz-linear-gradient(top,#a3af20,#838f17);background: -webkit-gradient(linear,left top,left bottom,from(#a3af20),to(#838f17));filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#a3af20',EndColorStr='#838f17',GradientType=1);} #container-products .product .product-links a:hover {background:-moz-linear-gradient(top,#838f17,#a3af20);background: -webkit-gradient(linear,left top,left bottom,from(#838f17),to(#a3af20));filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#838f17',EndColorStr='#a3af20',GradientType=1);} #container-resellers {} #container-resellers .reseller {border-bottom:1px solid #ccc;clear:both;padding:1em 0} .reseller .contact, .reseller .desc {float:left;width:470px;margin:0} .reseller .param {float:right;width:174px;} .reseller .param div {} .reseller .param span {color:#f00; font-weight:bolder;padding-right:1em} /*productfeatures*/ .productfeatures {clear:both; margin:0 0 5px; width:100%;} .productfeatures a {display:inline-block; width:65px; height:65px; margin:0px 0px; background:#fff;} .productfeatures .sprite {background:url('../images/icons.jpg') 0px 0px no-repeat;} .productfeatures a.certifikat{background-position: -65px 0px } .productfeatures a.ergolatex{background-position: -130px 0px } .productfeatures a.hmotnost{background-position: -195px 0px } .productfeatures a.klima{background-position: -260px 0px } .productfeatures a.kokos{background-position: -325px 0px } .productfeatures a.perforacia{background-position: -390px 0px } .productfeatures a.physio{background-position: -455px 0px } .productfeatures a.physio7{background-position: -520px 0px } .productfeatures a.p120{background-position: -585px 0px } .productfeatures a.potah{background-position: -65px } .productfeatures a.pruzina{background-position: -65px -65px } .productfeatures a.purpena{background-position: -130px -65px } .productfeatures a.termo{background-position: -195px -65px } .productfeatures a.vlna{background-position: -260px -65px } .productfeatures a.zaruka{background-position: -325px -65px } .productfeatures a.zdravotny{background-position: -390px -65px} .productfeatures a.zips{background-position: -455px -65px } .productfeatures a.latex7{background-position: -520px -65px } .productfeatures a.t3-com-40100{background-position: -260px -130px} .productfeatures a.t3-com-do100{background-position: -455px -130px} .productfeatures a.t2-do80{background-position: -65px -130px} .productfeatures a.t2-do85{background-position: -130px -130px} .productfeatures a.t3-softcom-do100{background-position: -0px -195px} .productfeatures a.t3-do80{background-position: -0px -130px} .productfeatures a.t3-softcom-40110{background-position: -65px -195px} .productfeatures a.t3-t4-do120{background-position: -260px -195px} .productfeatures a.t2-3{background-position: -260px -130px} .productfeatures a.t3-5090{background-position: -455px -195px} .productfeatures a.t3-4090{background-position: -390px -195px} .productfeatures a.t3-supcom-40110{background-position: -130px -195px} .productfeatures a.t3-do100{background-position: -455px -130px} .productfeatures a.t3-t4-50120{background-position: -520px -195px} .productfeatures a.t3-40110{background-position: -325px -195px} .productfeatures a.t3-do110{background-position: -520px -130px} .productfeatures a.t3-do90{background-position: -585px -130px} .productfeatures a.t4-do120{background-position: -585px -195px} .productfeatures a.t3-50130{background-position: -130px -260px} .productfeatures a.t4-od60{background-position: -65px -260px} .productfeatures a.t3-50120{background-position: -520px -195px} .productfeatures a.t4-60120{background-position: -390px -260px} .productfeatures a.t4-40120{background-position: -195px -260px} .productfeatures a.t4-50120{background-position: -325px -260px} .productfeatures a.t4-40130{background-position: -260px -260px} .productfeatures a.t4-60130{background-position: -455px -260px} .productfeatures a.t4-70130{background-position: -520px -260px} .productfeatures a.t4-do120{background-position: -585px -195px} .productfeatures a.t4-do130{background-position: -0px -260px} .productfeatures a.t5-90150{background-position: -585px -260px} .productfeatures a.aqu{background-position: 0px -325px} .productfeatures a.biosgel{background-position: -65px -325px} .productfeatures a.foam-spring{background-position: -130px -325px} .productfeatures a.mef-hd-hard{background-position: -195px -325px} .productfeatures a.mef-hd{background-position: -260px -325px} .productfeatures a.mef-hd-soft{background-position: -325px -325px} .productfeatures a.p150{background-position: -390px -325px} .productfeatures a.p90{background-position: -455px -325px} .productfeatures a.r2{background-position: -520px -325px} .productfeatures a.r3{background-position: -585px -325px} .productfeatures a.r4{background-position: -325px -65px} .productfeatures a.r5{background-position: -585px -65px} .productfeatures a.bygreen-hard{background-position: 0px -390px} .productfeatures a.ergolattex{background-position: -65px -390px} .productfeatures a.hr-pena{background-position: -130px -390px} .productfeatures a.flexi{background-position: -195px -390px} .productfeatures a.mdi-pena{background-position: -260px -390px} .productfeatures a.orto-5{background-position: -325px -390px} .productfeatures a.pur-pena{background-position: -390px -390px} .productfeatures a.tastickova-pruzina{background-position: -455px -390px} .productfeatures a.zips-praci{background-position: -520px -390px} .productfeatures a.zips-3d{background-position: -585px -390px} .product .productfeatures a {display:inline-block; width:36px; height:36px; margin:0px 0px; background:#fff;} .product .productfeatures .sprite {background:url('../images/icons-small.jpg') 0px 0px no-repeat;} .product .productfeatures a.certifikat{background-position: -36px 0px } .product .productfeatures a.ergolatex{background-position: -72px 0px } .product .productfeatures a.hmotnost{background-position: -108px 0px } .product .productfeatures a.klima{background-position: -144px 0px } .product .productfeatures a.kokos{background-position: -180px 0px } .product .productfeatures a.perforacia{background-position: -216px 0px } .product .productfeatures a.physio{background-position: -252px 0px } .product .productfeatures a.physio7{background-position: -288px 0px } .product .productfeatures a.p120{background-position: -324px 0px } .product .productfeatures a.potah{background-position: -36px } .product .productfeatures a.pruzina{background-position: -36px -36px } .product .productfeatures a.purpena{background-position: -72px -36px } .product .productfeatures a.termo{background-position: -108px -36px } .product .productfeatures a.vlna{background-position: -144px -36px } .product .productfeatures a.zaruka{background-position: -180px -36px } .product .productfeatures a.zdravotny{background-position: -216px -36px} .product .productfeatures a.zips{background-position: -252px -36px } .product .productfeatures a.latex7{background-position: -288px -36px } .product .productfeatures a.t3-com-40100{background-position: -144px -72px} .product .productfeatures a.t3-com-do100{background-position: -252px -72px} .product .productfeatures a.t2-do80{background-position: -36px -72px} .product .productfeatures a.t2-do85{background-position: -72px -72px} .product .productfeatures a.t3-softcom-do100{background-position: -0px -108px} .product .productfeatures a.t3-do80{background-position: -0px -72px} .product .productfeatures a.t3-softcom-40110{background-position: -36px -108px} .product .productfeatures a.t3-t4-do120{background-position: -144px -108px} .product .productfeatures a.t2-3{background-position: -144px -72px} .product .productfeatures a.t3-5090{background-position: -252px -108px} .product .productfeatures a.t3-4090{background-position: -216px -108px} .product .productfeatures a.t3-supcom-40110{background-position: -72px -108px} .product .productfeatures a.t3-do100{background-position: -252px -72px} .product .productfeatures a.t3-t4-50120{background-position: -288px -108px} .product .productfeatures a.t3-40110{background-position: -180px -108px} .product .productfeatures a.t3-do110{background-position: -288px -72px} .product .productfeatures a.t3-do90{background-position: -324px -72px} .product .productfeatures a.t4-do120{background-position: -324px -108px} .product .productfeatures a.t3-50130{background-position: -72px -144px} .product .productfeatures a.t4-od60{background-position: -36px -144px} .product .productfeatures a.t3-50120{background-position: -288px -108px} .product .productfeatures a.t4-60120{background-position: -216px -144px} .product .productfeatures a.t4-40120{background-position: -108px -144px} .product .productfeatures a.t4-50120{background-position: -180px -144px} .product .productfeatures a.t4-40130{background-position: -144px -144px} .product .productfeatures a.t4-60130{background-position: -252px -144px} .product .productfeatures a.t4-70130{background-position: -288px -144px} .product .productfeatures a.t4-do120{background-position: -324px -108px} .product .productfeatures a.t4-do130{background-position: -0px -144px} .product .productfeatures a.t5-90150{background-position: -324px -144px} .product .productfeatures a.aqu{background-position: 0px -180px} .product .productfeatures a.biosgel{background-position: -36px -180px} .product .productfeatures a.foam-spring{background-position: -72px -180px} .product .productfeatures a.mef-hd-hard{background-position: -108px -180px} .product .productfeatures a.mef-hd{background-position: -144px -180px} .product .productfeatures a.mef-hd-soft{background-position: -180px -180px} .product .productfeatures a.p150{background-position: -216px -180px} .product .productfeatures a.p90{background-position: -252px -180px} .product .productfeatures a.r2{background-position: -288px -180px} .product .productfeatures a.r3{background-position: -324px -180px} .product .productfeatures a.r4{background-position: -180px -36px} .product .productfeatures a.r5{background-position: -324px -36px} .product .productfeatures a.bygreen-hard{background-position: 0px -216px} .product .productfeatures a.ergolattex{background-position: -36px -216px} .product .productfeatures a.hr-pena{background-position: -72px -216px} .product .productfeatures a.flexi{background-position: -108px -216px} .product .productfeatures a.mdi-pena{background-position: -144px -216px} .product .productfeatures a.orto-5{background-position: -180px -216px} .product .productfeatures a.pur-pena{background-position: -216px -216px} .product .productfeatures a.tastickova-pruzina{background-position: -252px -216px} .product .productfeatures a.zips-praci{background-position: -288px -216px} .product .productfeatures a.zips-3d{background-position: -324px -216px} span.mandatory {color:red; font-weight:bold;padding-right:.5em} #contact-form {padding:1em 0em;} #contact-form input, #contact-form textarea {border:none;background-color:#eee;padding:4px;border:1px solid #ccc} #contact-form input:focus, #contact-form textarea:focus {border:1px solid #8cf} #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;} .user-text h4 {text-align:left; height:28px; line-height:28px; vertical-align:middle; color:#425461; border-bottom:1px solid #c4c4c4; font-size:larger; font-weight:bolder;} .user-text {text-align:left; color:#828280;} .user-text strong {color:black;} /** matrace **/ #link-filter {position:absolute;color:#fff;left:0;top:194px;height:35px;line-height:35px;padding:0 2em;text-transform:uppercase;font-weight:bold;font-size:130%;letter-spacing:-1px;text-shadow:1px 1px 1px #6e8c19} #link-filter:hover {text-decoration:none;text-shadow:1px 1px 1px #000} #container-matrace {background-color:#9ba807;} #container-matrace #list {background:transparent url(../images/filter_bg.png) 0 0 repeat-y} #container-matrace h2 {color:#454a01;font-size:120%;font-weight:bolder;text-shadow:0 1px 0px #B7C43A} #container-matrace h3 {padding:2em 0} #container-matrace a {color:#fff;padding:6px 0;display:block;text-decoration:none;font-size:90%;} #container-matrace a:hover {background-color:#c0d103;color:#000} #container-matrace .column {width:10%;padding:8px 1% 0;float:left;border-top:1px solid #859006;margin:0 1px 0} #container-matrace .column:nth-child(9) {} #container-matrace form {padding:8px 0;height:40px;background-color:#9BA807} #container-matrace form div {float:left;width:20%;} #container-matrace .cleaner {clear:both} #container-matrace form label {color:#fff;display:block} #container-matrace .footer {background-color:#9ba807;border-top:1px solid #859006;padding-top:8px} #container-matrace #link-close {float:right;clear:left;background-color:#505050;-moz-border-radius:4px;border-radius:4px;padding:8px 10px;margin:0 8px 8px 0;text-shadow:0 1px 0 #000} #container-matrace #link-close:hover {text-decoration:none;background-color:#404040;color:#fff} /** >> PRODUCT (detail) << **/ h1.prod-title {text-align:left; } /*imagebox*/ #imagebox {float:left; text-align:center; margin: 0px 10px 10px 0px; overflow:hidden; width:264px;} #imagebox #mainimage {position:relative;} #imagebox #mainimage a {display:inline-block; border:2px solid #3f465c; width:260px; height:260px; line-height:260px; vertical-align:middle; position:relative;} #imagebox #product-thumbnails {margin:6px -3px 0; width:270px;} #imagebox #product-thumbnails .prod-thumb {float:left; margin:3px; text-align:center; display:inline;} #imagebox #product-thumbnails img {height:48px;} #imagebox #product-thumbnails a {display:inline-block; border:2px solid #3f465c; width:80px; height:64px; line-height:64px; vertical-align:middle; overflow:hidden;} /*productprice*/ .productprice {color:#0286B8; font-size:135%; line-height:1; margin:35px 0; float:right;} .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 button {background:url('../images/sprites_40.png') -80px -80px no-repeat; border:none; height:32px; width:32px;} .productprice strong {color:#0286b8; font-size:150%;} /*productfeatures*/ #productfeatures {clear:both; margin:0 0 35px; width:100%;} #productfeatures tr td {background-color:transparent;} #productfeatures tr.even td, #productfeatures th {background-color:#222c48;} #productfeatures th {color:#a1a6a4; font-size:large; font-weight:bold; padding:0.5em;} #productfeatures td {color:#a1a6a4; padding:0.45em 1em;} #productfeatures td.label {width:275px;} #productfeatures td strong {color:#a1a6a4;} /** 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*/ #container-relatedproducts {clear:both; margin:20px -7px; overflow:hidden;} #container-relatedproducts h2 {margin:0 0 0.75em;} #container-relatedproducts .product {float:left; margin:7px; text-align:center; width:124px; } #container-relatedproducts .product .image {position:relative;} #container-relatedproducts .product .image a {border:2px solid #3f465c; display:inline-block; width:120px; height:124px; line-height:124px; vertical-align:middle; text-align:center; overflow:hidden; } #container-relatedproducts .product .image a:hover {border:2px solid #bf0d58;} #container-relatedproducts .product h3 {color:#b4b4b4; 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:#b4b4b4; text-decoration:none;} #container-relatedproducts .product .price {font:90%;} #container-relatedproducts .product strong {color:#fff; font-size:110%; font-weight:bold;} /** >> CART << **/ p.error {color:red; font-weight:bold;} #content .cart {margin:2em 0 1em; text-align:center; width:100%; border-collapse:collapse;} #content .cart h2 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-weight:bold; margin:0; text-align:center;} #content .cart tr {margin:0 15px 0 0;} #content .cart th {padding:10px 0;} #content .cart td {font-size:110%; padding:5px; vertical-align:middle;} #content .cart tfoot th, #content .cart tfoot td{vertical-align:top; padding: 0.75em;} #content .cart tfoot th.valignm, #content .cart tfoot td.valignm {vertical-align:middle;} #content .cart tr.odd td {background-color:#222c48;} #content .cart tr.choice {border-top:1px solid #131929; font-size:75%; font-weight:bold; text-align:left;} #content .cart .image {height:58px; padding:0; width:58px; text-align:center;} #content .cart img {border:none; height:34px; margin:0; padding:0;} #content .cart img.noimage {height:auto;} #content .cart td.name {font-size:110%; font-weight:bold; padding:5px; text-align:left; vertical-align:middle; width:35%;} #content .cart td.name a {color:#eaeaea; text-decoration:none;} #content .cart td.name a:hover {color:#fff; text-decoration:underline;} #content .cart td span {font-size:smaller;} #content .cart td input {text-align:center;} #content .cart td input.send, #content .cart td input.remove {border:none; display:inline-block; width:27px; height:25px;} #content .cart td input.send { background:url('../images/sprites_40.png') -120px -40px no-repeat;} #content .cart td input.remove {background:url('../images/sprites_40.png') -80px -40px no-repeat;} #content .cart td a.remove {border:none; display:inline-block; width:27px; height:25px; background:url('../images/sprites_40.png') -80px -40px no-repeat;} #content .cart .total {text-align: center; background-color:#c1285f; color:#fff; padding:0.5em 0; margin:1em 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #content .link-back {float:left;} #content .link-forward {float:right;} #content .link-back a, #content .link-forward a {display:inline-block; vertical-align:middle; line-height:25px; text-decoration:none;} #content .link-back span, #content .link-forward span {display:inline-block; width:33px; height:25px; vertical-align:middle;} #content .link-back span {background:url('../images/sprites_40.png') -80px 0px no-repeat;} #content .link-forward span {background:url('../images/sprites_40.png') -120px 0px no-repeat;} #content .bordered, #content .bordered th, #content .bordered td {border:1px solid #545454;} #order-comment {width:100%;} #place-order {float:right;} #cart {border-collapse:collapse;} #cart th, #cart td {border:1px solid #545454;} /** >> CHECKOUT FORM << **/ #registered-fields {display:none;} #payment-fields {display:none;} #registered, #new {background-color:#ddd; border-radius:6px; color:#000; font-weight:bold; margin:0 auto 2px; padding:0.5em 1em; width:95%; -moz-border-radius:6px; -webkit-border-radius:6px;} #textarea fieldset {border:1px solid #ccc; margin:2px 0 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #textarea fieldset legend {background-color:#ccc; border:1px solid #ccc; color:#000; font-weight: bold; margin-left:10px; padding:1px 4px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #textarea #new-fields input, #textarea #registered-fields input {background-color:#222c48; border:1px solid #ccc; color:#eee; padding:1px;} #textarea #new-fields input:hover, #textarea #registered-fields input:hover {background-color:#445670;} #textarea #new-fields select, #textarea #registered-fields select {background-color:#222c48; border:1px solid #ccc; color:#eee; padding:1px;} #textarea #new-fields select:hover, #textarea #registered-fields select:hover {background-color:#445670;} #textarea #new-fields table, #textarea #registered-fields table {width:100%;} #textarea #order-comment textarea {background-color:#222c48; border:1px solid #ccc; color:#eee; width:100%;} #textarea #order-comment textarea:hover {background-color:#445670;} span.mandatory {color:red; font-weight:bold;} /** 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;} /* * RIGHTBAR */ /** 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:url('../images/sprites_40.png') -160px 0px 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-position:-160px -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/sprites_40.png') -275px 0px no-repeat;} #funcs-logout {background:url('../images/sprites_40.png') -275px -40px no-repeat;} #funcs-rgstr {background:url('../images/sprites_40.png') -275px -80px no-repeat;} /** searchform **/ #searchform {margin:0 0 20px;} #searchform-field {background:url('../images/sprites_40.png') 0px -200px no-repeat; border:none; color:#9196a4; float:left; height:21px; padding:5px 0 0 4px; width:154px;} #searchform-submit {background:url('../images/sprites_40.png') -160px -200px no-repeat; border:none; color:#fff; cursor:pointer; /*cursor:hand;\*/ float:left; height:26px; padding:0 3px 3px 0; width:26px;} /** news **/ #news {margin:16px 0 0 16px;} #news h3 {text-transform:uppercase} #news .newska {margin:0 0 8px;border-top:1px dotted #7b7d7e;} #news .newska h4 {margin:4px 0 4px} #news .newska h4 a { text-decoration:none;} #news .newska h4 a:hover {text-decoration:underline;} #news .newska p {margin:0 0 0.25em;color:#7b7d7e} #news .newska span {color:#0286b8;} #news .newska .readmore { float:right; text-decoration:none;} #news .newska .readmore:hover {text-decoration:underline;} /* * FOOTER */ #footer p {color:#4e6388; font-size:95%; position:absolute; top:58px;} #footer a {color:#706f6f;} #footer #footer-site {left:125px; } #footer-webstudio {right:152px; text-align:right;} #scrollToTop {position:absolute;right:0;top:0;width:43px;height:38px;cursor:pointer;background:url(../images/sprites2.png)no-repeat -389px 0} #scrollToTop:hover {background:url(../images/sprites2.png) no-repeat -433px 0} #link-homepage,#link-webstudio {position:absolute;background:url(../images/sprites2.png)no-repeat -10px -106px;width:93px;height:31px;display:block;left:13px;top:56px} #link-homepage:hover {background-position:-10px -141px} #link-webstudio{background-position:-139px -105px;width:114px;height:24px;right:18px;left:auto;top:57px;} #link-webstudio:hover {background-position:-139px -143px} #footer ul {width:877px;margin:0;list-style:none inside;text-align:right} #footer ul ul {display:none} #footer li {display:inline} #footer li a {display:block;border-left:1px solid #e5e5e5;height:38px;line-height:38px;padding:0 8px;color:#000;float:right} #footer li a:hover {color:#000} /* 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');}