/* -------------------- */ /* 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,input,textarea, button, 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:"";} button { -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-sizing: content-box;} /* ************************** * * BASIC ELEMENTS * * ************************** */ body {background:#e9f9ff url('../images/body.png') 0 0 repeat-x; color:#313131; font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size:small; line-height:1.25; text-align:center;} a:link {color:#5da6c4; text-decoration:underline;} a:visited {color:#5da6c4;} a:hover {color:#5da6c4; text-decoration:none;} 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 {font-family:'Trebuchet MS', 'Geneva CE', lucida, sans-serif; } h1 {color:#04658f; font-size:200%; font-weight:normal; margin:0 0 0.35em; border-bottom: 1px inset #e0e3e5; } h2 {color:#04658f; font-size:150%; font-weight:normal; margin:0 0 0.5em;} h3 {color:#04658f; font-size:110%; 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-all {width:100%; height:100%; background: url('../images/wrapper-all.png') bottom center repeat-x;} #wrapper-top {width:100%; background: url('../images/wrapper-top.jpg') top center no-repeat;} #wrapper {margin:0 auto; width:960px;} #header {height:275px; position:relative;} #leftbar {float:left; padding:1.5em 0; width:180px;} #content {float:left; width:600px; overflow:hidden;} #textarea {margin:1.5em;} #rightbar {float:right; padding:1.5em 0; width:180px;} #footer {clear:both; height:165px; 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 * * ************************** */ /* * HEADER */ /** homelink **/ #homelink {background-color:#e9f9ff; color:#b7d7df; width:355px; height:55px; position:absolute; top:22px; left:0px; margin:0; line-height:55px; overflow:hidden;} #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; display:block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:10;} /* LOGO Bicorn */ #logo-bicorn{background: url('../images/logo-bicorn.png') 0 0 no-repeat;display: block;height: 32px;left: 375px;position: absolute;text-indent: -9999px;top: 27px;width: 238px; } /** languages **/ #languages {position:absolute; top:12px; left:630px; height:20px; padding-right: 11px; border-right:1px solid #aae6fe;} #languages a {display: inline-block; width:21px; height: 16px; background:white; color:black; text-decoration:none; margin:2px 3px;} #languages a.sk {background:url('../images/sprites_40.png') -40px -160px no-repeat;} #languages a.cs {background:url('../images/sprites_40.png') -70px -160px no-repeat;} #social-links {position:absolute; top:12px; left:700px; border-left:1px solid #83cae5; height:20px; padding-left:6px;} #social-links a {display: inline-block; width:16px; height: 16px; background:white; color:black; text-decoration:none; margin:2px 3px;} #social-links a.facebook {background:url('../images/sprites_40.png') -100px -160px no-repeat;} #social-links a.linkedin {background:url('../images/sprites_40.png') -130px -160px no-repeat;} #social-links a.rss {background:url('../images/sprites_40.png') -160px -160px no-repeat;} /** top-links **/ #top-links{height: 127px;position: absolute;right: 5px;top: 3px;width: 174px} #top-links a{border-bottom: 1px dotted #71d2f1;color: #71D7EE;display: block;font-size: 16px;height: 41px;line-height: 40px;padding-left: 0px;text-align: left;text-decoration: none;} #top-links a:hover{color:#fff} #top-links a span{display: inline-block;float: left;height: 40px;width: 33px;} #top-links a#elektrina span{/* background:url('../images/sprites_link.png') 0px 0px no-repeat;*/} #top-links a#plyn span{/* background:url( '../images/sprites_link.png') -31px 0px no-repeat; */} #top-links a#dodavatel span{border: 0; /*background:url('../images/sprites_link.png') -63px 0px no-repeat;*/ } a#fuzia{color: #AA0000;font-size: 16px;font-weight: bold;position: absolute; right: 14px;text-decoration: none;top: 7px;} a#fuzia:hover{color:#000} /** searchform **/ #searchform {position: absolute; right:0px; top:49px; z-index: 0;} #searchform-field {background:url('../images/sprites_40.png') 0px -200px no-repeat; border:none; color:white; float:left; height:24px; padding:5px 0 0 4px; width:150px; color:white;} #searchform-submit {background:url('../images/sprites_40.png') -160px -200px no-repeat; border:none; color:#fff; cursor:pointer; /*cursor:hand;\*/ float:left; height:29px; padding:0 0px 3px 0; width:26px;} #top-banner{width:100%; height:133px; background: url(../images/top-banner.jpg) top left no-repeat; position: absolute; left:0px; top:136px; overflow: hidden; z-index: 0} #slider {display: inline;float: left;height: 127px;margin: 3px 2px 2px 3px;overflow: hidden;position: relative;width: 775px;} #newsletter-form {float:right; width:166px; color:#51575B; margin: 7px; display: inline;text-align:center;padding-top: 6px;} #newsletter-form h4 {font-size:125%; color:#2C7399; font-weight: bolder; margin-bottom:4px;line-height: 16px;} #newsletter-form input {background: #B5EDF7; border:1px solid #8ACFDE; width:160px; margin:1px 0px; padding:2px; color:white; position: relative; z-index: 0;} #newsletter-form button {background: url('../images/sprites_40.png') 0 -240px no-repeat;color: #2D3D02;height: 25px;line-height: 25px;margin: 1px 0;text-align: center;color:white; font-weight:bold;vertical-align: middle;width: 166px;} #top-menu {background: url('../images/top-menu.jpg') top left no-repeat; height:36px; width:100%; position: absolute; top: 95px; left:0px;} #top-menu ul {margin:0px; padding:0px;} #top-menu li {float:left; list-style: none;margin-top:1px;} #top-menu li a {line-height: 33px; vertical-align: middle; display: inline-block; padding: 0px 10px; color:#007091; font-weight: bolder;text-decoration: none;border-right: 1px solid #c2e9ff; border-left:1px solid #fafcfd;} #top-menu li.first a{border-left:none; padding-left:20px;} #top-menu li.last a{border-right:none;} #top-menu li a:hover, #top-menu li.active a, #top-menu li.active_last a {background: url('../images/top-menu.jpg') -10px -36px no-repeat; color:#4e6709; text-decoration: none; border-right:1px solid #a6ce39;} #top-menu li.first a:hover, #top-menu li.first.active a, #top-menu li.first.active_last a{background: url('../images/top-menu.jpg') 0px -36px no-repeat;} #top-menu ul ul {display: none;} #login-box {position:absolute;top:0px; right:-10px; width:195px; background: #045d85 url('../images/topline.png') bottom center repeat-x; padding-bottom: 8px; z-index: 20;} #top-login {text-decoration:none; font-size:95%; background:url('../images/sprites_40.png') -0px -80px no-repeat; position:absolute; bottom: -26px; right:0px; width:192px; height:27px; line-height:26px; vertical-align: middle; color:#bfe9fa;} #login-content {padding:10px; display: none; height: 80px; text-align: left;} #login-content a {background: url('../images/sprites_40.png') 0px -240px no-repeat; text-align: center; color: white; text-decoration: none; display: block; width:166px; height:25px; line-height: 25px; vertical-align: middle; margin:10px auto} /* * LEFTBAR */ /** menu-left **/ #menu-left {background: #b0e3fe url('../images/menu-left.png') top left repeat-x;} #menu-left-inner {background: url('../images/menu-left-last.png') bottom left no-repeat;border-bottom: 4px solid #E9F9FF;} #menu-left ul {list-style:none; padding:3px 3px 3px 2px; width:175px; margin:0px; background: url('../images/menu-left-first.png') top left no-repeat;} #menu-left li {padding:1px 0px; border-bottom: 1px dotted #68bbe0;} #menu-left li.first {} #menu-left li.last {border-bottom: none;} #menu-left a {color:#2b76aa; display:inline-block; line-height: 26px; height:26px; width:165px; vertical-align: middle; padding:0px 5px;text-decoration: none; } #menu-left a:hover, #menu-left li.active a, #menu-left li.active_last a { color:#fff; background: url('../images/sprites_40.png') 0px -20px no-repeat; text-decoration: none;} #menu-left ul ul {display: none; background: none;} #menu-left li.active ul, #menu-left li.active_last ul{display: block;} #menu-left li li {background: url('../images/sprites_40.png') -310px -18px no-repeat; padding:0px 0px 0px 10px; border-bottom: none;} #menu-left li li.first {} #menu-left li.active li a, #menu-left li.active_last li a {background: none; color:#002737; line-height: 21px;} #menu-left li.active li a:hover, #menu-left li.active_last li a:hover {text-decoration: underline;} #menu-left li.active ul ul, #menu-left li.active_last ul ul{display: none;} #menu-left li.active ul li.active_last a {text-decoration:underline} /* * CONTENT */ #content a {text-decoration:underline;} #content li {list-style-image: url('../images/content-li.gif')} /** breadcrumbs **/ #breadcrumbs {font-size:12px; margin:0 0 5px;} #breadcrumbs a {color:#898989; text-decoration:none; display:inline-block; background: url('../images/sprites_40.png') 100% -2px no-repeat; padding-right:10px;} #breadcrumbs a:hover {text-decoration:underline;} #breadcrumbs a.home{} #breadcrumbs a.home:hover {text-decoration:none;} #breadcrumbs a img {float:none; margin:0; padding:0;} #breadcrumbs strong a {color:#898989; font-weight:normal; background: none;} /** container-gallery **/ #container-gallery {margin:35px -4px; overflow:hidden; text-align:left;} #container-gallery h2 {margin: 0px 8px; } #container-gallery .gallery-item {display:inline-block; margin:3px; padding:0px; } #container-gallery .gallery-item a {border:2px solid #ccc; background: white; 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 #012e40;} #container-gallery .gallery-item a img {vertical-align:middle;} /** products paginator, gallery paginator **/ #content .pagination-summary {float:right; margin:0 7px 10px 26px; } #content .paginator {float:left; margin:0 26px 10px 0px; text-align:left;} #content .paginator a, .paginator span {background-color:#012e40; border:1px solid #012e40; color:#fff; display:inline-block; height:23px; line-height:23px; padding:0 7px; text-decoration:none;} #content .paginator a:hover, #content .paginator span { background-color:#9ec534; border:1px solid #9ec534; color:#454801;} /** 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;} #search-results {margin:20px -7px; overflow:hidden;} #search-results .search-result {margin:7px; border-bottom: 1px dotted #ddd; padding-bottom:5px;} #search-results .search-result h3 a { color:#000000; text-decoration: none; font-weight:bolder;} #container-products {margin:20px -7px; overflow:hidden;} #container-products .product {float:left; margin:7px; width:250px; display:inline; } #container-products .product .image {background-color:#222c48; position:relative; text-align:center; } #container-products .product .image a {display:inline-block; width:250px; height:180px; line-height:180px; vertical-align:middle; overflow:hidden; position:relative;} #container-products .product h3 {color:#b4b4b4; font-size:130%; font-weight:normal; margin:0.25em 0; text-align:center;} #container-products .product h3 a {color:#b4b4b4; text-decoration:none;} #container-products .product h3 a:hover {text-decoration:underline;} #container-products .product .product-price {float:left; margin:0;} #container-products .product .product-price strong {color:#fff; 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:#b7014e; text-decoration:none;} #container-products .product .product-links a:hover {text-decoration:underline;} /* contactform */ /**********************************************/ span.mandatory {color:red; font-weight:bold;padding-right:.5em} #contact-form {padding:1em 0em;color:#fff; background-color: #D7EFF8;} #contact-form input, #contact-form textarea {border:none;background-color:#fff;border:1px solid #C7C7C7; padding:4px; } #contact-form textarea {width:98%} #contact-form td {vertical-align:top;padding:0.5em 1em;color:#636262;} /*#contact-form button#form-submit{background:url('../images/sprites-cart.png') 0 -32px no-repeat; border:0 none;color:#EAE8E8;font-size:85%;font-weight:bold;height:25px;line-height:25px;margin:8px 0;text-align:center;width:89px;} #contact-form button#form-submit:hover{background: black;} */ #contact-form button#form-submit{display: inline-block;float:right} #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;} #contact-email-error {display:none} #contact-form button {background: url('../images/sprites_40.png') 0 -404px no-repeat;color: white;display: inline-block;font-size: 120%;height: 27px;line-height: 34px;text-align: center;width: 175px;} #contact-form button:hover{background-position: 0 -435px;} #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;} .info1{background-color: #C6EAAE;border: 1px solid #AAD989;color: #44622F;display: block;margin: 10px 0;padding: 10px 10px 5px 10px;text-align: center;} /** >> 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:#b00855; font-size:135%; line-height:1; margin:35px 0; width:270px; 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:#b00855; 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;} /*searchproduct*/ #search-results .product {margin:7px 0px; text-align:center; overflow:hidden; text-align:left;} #search-results .product .image {position:relative; float:left; margin-right:5px; } #search-results .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; } #search-results .product .image a:hover {border:2px solid #bf0d58;} #search-results .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:left;} #search-results .product h3 a {color:#b4b4b4; text-decoration:none;} #search-results .product .price {font:90%;} #search-results .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 .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;} /** calculator **/ table.calculator {border-collapse: collapse; width: 100%;} table.calculator td, table.calculator th { border: 1px dotted #bbb; color: #333; } table.calculator th { font-weight: bold; color: black; background-color: #f7f7f7; vertical-align: middle; } table.calculator td input {background: white; border:1px solid #48a2b4;padding:4px; color:black; } #content.widecontent h2 { margin-top: 0.75em; } .emailform { float: right; } /** forms **/ table.ke-form { border-collapse: collapse; width: 100%; } table.ke-form td, table.ke-form th { border: 1px dotted #bbb; color: #333; } table.ke-form th { font-weight: bold; color: black; background-color: #f7f7f7; } table.ke-form th.tableh2 { background-color: #dddddd; } table.ke-form th.tableh2 h2 { color: #666666; } table.ke-form .error_list { color: red; font-weight: bold; } table.form-results td, table.form-results th { padding: 0.2em 0.5em; } table.ke-form th.tableh3 { background-color: #eeeeee; } table.ke-form th.tableh3 h3 { color: #666666; } table.ke-form td input {background: white; border:1px solid #48a2b4;padding:4px; color:black; } /* * RIGHTBAR */ /** funcs **/ #rssfeed2 {background: #a6ce39 url('../images/rssfeed2.png') bottom left no-repeat;margin-left:2px; padding:5px;} #rssfeed2 h4 {color:#232323; background: url('../images/rssfeed2-top.png') top left no-repeat; margin: -5px -5px 0px; padding:5px; font-size: 102%;} #rssfeed2 h4 a {background: url('../images/sprites_40.png') -290px -200px no-repeat;color: #232323;display: inline-block;font-size: 14px;height: 36px;line-height: 14px;padding-left: 40px;text-decoration: none;} #rssfeed2 h4 strong {border-bottom:1px dotted #506c04; display: inline-block;} #rssfeed2 .rss-article {border-bottom:1px dotted #506c04; overflow:hidden; padding:5px 0px;} #rssfeed2 .rss-article h3 a {color:#354801; text-decoration: none; font-size:90%;} #rssfeed2 .rss-article h3 a:hover {text-decoration: underline;} #rssfeed2 .rss-article .rss-date {color:#617f10; float:left;} #rssfeed2 .rss-article .readmore {color:white; float:right; background: url('../images/sprites_40.png') -259px -160px no-repeat; text-align:center; width:62px; height:17px; line-height:17px; vertical-align: middle; text-decoration: none;} #rssfeed2 .rss-article .readmore:hover{background-position: -259px -178px;} #rss-archive {background: url('../images/sprites_40.png') 0px -295px no-repeat; display:inline-block; margin: 15px 3px 5px; width:164px; height:31px; line-height:30px; vertical-align: middle; text-align: center; color:white; font-size:120%; text-decoration: none;} #rss-archive:hover{background-position: 0 -327px;} /** 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;} /* * FOOTER */ #footer-boxes {clear:both; border:1px solid #c4d1d6; border-bottom:none; clear: both; overflow: hidden; } #footer-boxes p {margin-bottom:10px;} #footer-boxes .box {float:left; padding:10px; text-align:left; height:160px;} #footer-boxes .box h3 {color:#739311; text-align: left; font-weight: bolder; font-size:120%; margin-bottom:20px;} #footer-boxes .box h4 {font-size:115%; font-weight: bolder; margin-bottom:10px;} #footer-box1 {width:165px; border-right:1px solid #DEDEDE; margin-right:-1px; display: inline} #footer-box1 li {list-style-image: url('../images/entry-li.gif');} #footer-box1 .usertext {padding-left:30px; margin: 11px 0 17px; overflow: hidden; color:#4e5152; text-align: left;} #footer-box1 .usertext h3 {color: #343434;font-size: 107%;font-weight: bolder;letter-spacing: -1px;line-height: 13px;margin-bottom: 0;} #footer-box1 .usertext a {color:#4e5152; text-decoration: none;font-size: 12px;} #footer-box1 .usertext a:hover {text-decoration: underline;font-size: 12px;} #footer-box1 .text1 {background: url('../images/usertexts.png') 0px 0px no-repeat; } #footer-box1 .text2 {background: url('../images/usertexts.png') 0px -46px no-repeat; } #footer-box1 .text3 {background: url('../images/usertexts.png') 0px -107px no-repeat; } #footer-box2 {width:565px; height: 170px;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE; background: url('../images/malina2.jpg') bottom center no-repeat;} #footer-box2 .usertext {color:black; text-align: left; float:left; width:275px; margin-bottom:15px;} #footer-box2 .usertext .circle {font-size: 17px;font-weight:bold;background: url('../images/circle.png'); margin-right:6px; display: inline; float:left; width:27px; height:27px; line-height: 27px; text-align: center; vertical-align: middle; color:white;} #footer-box2 .usertext .innertext{float:left;} #footer-box2 .usertext h3 {color:black; font-weight: bolder; margin-bottom:5px;} #footer-box2 .usertext a {color:black;} #footer-box2 .usertext a.link {background: url('../images/sprites_40.png') 0px -358px no-repeat; display: inline-block; width:155px; height:21px; line-height: 21px; vertical-align: middle; color: white; font-weight: bolder; text-align: center; text-decoration: none;} #footer-box2 .usertext a.link:hover{background-position: 0px -380px ;} #footer-box2 .text1 {padding-right:10px;} #footer-box3 {width:165px; color:black; text-align: left; font-weight:bolder; border-left:1px solid #DEDEDE; margin-left:-1px; display: inline; background: url('../images/contact2.jpg') right bottom no-repeat; } #footer-box3 span {color: #898989;} #footer {clear:both;} #footer p {color:#4e6388; font-size:95%; position:absolute; top:116px;} #footer a {color:#706f6f;} #footer a:hover {color:#bababa;} #footer-info {height: 96px; background: url('../images/footer-info.png') center center no-repeat; overflow: hidden} #footer-info h3 {color:black; font-size:130%; margin-top:20px; margin-bottom:5px;} #box-left {float:left; height: 86px; width:380px; padding:5px 10px 5px 90px; background: url('../images/sprites_40.png') -260px -235px no-repeat; overflow: hidden;} #box-left .phone {font-size:150%; font-weight: bolder; color: #475962; } #box-right {float:right; height: 86px; width:380px; padding:5px 10px 5px 90px; background: url('../images/sprites_40.png') -250px -315px no-repeat; overflow: hidden;} #box-right h3 {width:155px; float:left;} #box-right .send {float:left; margin-top:30px; text-decoration:none;background: url('../images/sprites_40.png') 0px -120px no-repeat; display: inline-block; width:138px; height:35px; line-height: 35px; vertical-align: middel; text-align: center; color: white; font-size:130%;} #box-right .send:hover {color:white; text-decoration: none;background-position: -141px -120px;} #footer #footer-site {left:0px; top:116px;} #footer-customer{float:left; margin-right:15px; display: inline; width:197px; height:30px; background: url('../images/footer-customer.png') center center no-repeat;} #footer-webstudio {right:0px; text-align:right;} #footer-neonus{float:right; margin-left:15px; display: inline;width:104px; height:23px; background: url('../images/footer-neonus.png') center center no-repeat;} /* * 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;} #footer-box3 {font-size: 12px} #footer-box3 p{margin-bottom: 0;} #footer-box3 h4{ margin-bottom: 0 !important;} .size1{font-size: 160% !important;} #form-tabs { font-family: Helvetica,sans-serif; border-bottom: 7px solid #7ebbdc; text-align: left; clear: both; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; padding-left: 8px; } #form-tabs li a { color: #2b76aa;text-decoration:none; } #form-tabs li.active a{color:#fff} #form-tabs li { border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -webkit-border-top-left-radius: 0.5em; -webkit-border-top-right-radius: 0.5em; -moz-border-radius-topleft: 0.5em; -moz-border-radius-topright: 0.5em; background: #9edbfc; display: inline; float: left; margin-right: 0.5em; padding: 0.3em 0.8em; border: 1px solid #d9d9d9; border-bottom: 1px solid #ffffff; } #form-tabs li.active { color: black; font-weight: bold; background: #7ebbdc; border: 1px solid #7ebbdc; }