body { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #373E5F; background-color: #0C3F80; background-image: url(/images/blue/bg.jpg); margin: 0px; background-repeat:repeat-x; } #container { width: 910px; min-height: 545px; margin:0 auto 0 auto; background-image: url(/images/blue/bg_container.jpg); background-repeat: no-repeat;} #header { height: 90px; margin:0 0 10px 0} #nav { width: 480px; float: left; margin-left: 182px; margin-top: 10px;} #nav li { float: left;} #nav ul { margin: 0px; padding: 0px; list-style:none;} #nav li a {height:21px; padding-top:3px; color:#354135; text-decoration:none; display:block; margin-right:12px; } #nav li a:hover {text-decoration:underline;} #header h1 { float:left; color:#F3F6FF; display:block; width:450px; font-size:22pt; clear:left; font-weight:lighter; margin:20px 0 0 0;} #search { float: right; width: 202px; margin-right:15px; padding:12px 10px 0 8px;} #search h3 {background:url(/images/blue/bg_search.gif) no-repeat; width:46px; height:13px; display:block; text-indent:-9999px; margin:0 0 10px 0; font-size:1px;} #search form {margin:0; padding:0;} .searchText {background:url(/images/blue/bg_searchtext.gif) no-repeat; width:129px; height:13px; padding:5px; border:none; font-size:0.9em; color:#0F427F; float:left; margin:0 3px 0 0;} .searchBtn {float:left; border: none; height: 23px; width: 59px; background:url(/images/blue/search_button.gif);} #cartNewItem { background-image: url(/images/bg_cartNewItem.gif); height: 13px; width: 77px; color: #c6ddc6; padding: 3px; position: absolute; left: 717px; top: 35px;} #links {clear:both; margin-top:40px; padding-left:5px; font-size:0.9em; color:#6e8472;} a.green{color:#6e8472; text-decoration:none;} a.pale {color:#e3e4e3;text-decoration:none;} /***** LEFT COLUMN **************/ .left {float:left; width:158px; margin-right:12px; overflow: hidden;} .vertBoxHolder {padding:0; margin:0 0 12px 0;} .vertBoxHolder h4 { background:url(/images/blue/bg_vertBoxesTop.png) no-repeat; display:block; width:130px; height:28px; padding-left:28px; font-size:1.1em; color:#202E53; margin:0; padding-top:6px;} .vertBoxContent {background:#ffffff; padding:2px 0 5px 0px; color:#0F427F;} .vertBoxContent p {padding-left:10px; margin-top:8px; margin-bottom:8px;} .vertBoxContent form {margin:0px; padding:0px;} .vertBoxBottom {background:url(/images/blue/bg_vertBoxesBottom.png) no-repeat; height:11px; clear:both;} .right {text-align:right;} .shortTextbox {background:url(/images/bg_shorttextbox.gif); width:121px; height:13px; padding:5px; border:none; font-size:0.9em; color:#999999;} /******* VERTICAL BOXES LINK STYLING *******/ .vertBoxHolder ul {margin:0; padding:0; list-style:none;} .vertBoxHolder ul li a { display:block; border-bottom:1px dotted #c6d7d7; min-height:20px; padding-left: 27px; padding-top: 5px; color: #0F427F; text-decoration: none;} .vertBoxHolder ul li a:hover {color:#354949;} a.cats {background:url(/images/bg_li_cats.gif) no-repeat 8px 5px;} a.cats:hover { background-image:url(/images/bg_li_cats_hover.gif);} a.brands {background:url(/images/bg_li_brands.gif) no-repeat 8px 5px;} a.brands:hover { background-image:url(/images/bg_li_brands_hover.gif);} .clear{clear: both;} .vertBoxHolder table {width:100%;} .vertBoxHolder td {border-bottom:1px dotted #c6d7d7;} .listItem {font-weight:bold; vertical-align:top; width:10px; text-align:center;} a.olive {color:#9faa55;} a.olive:hover {color:#666; text-decoration:none;} a.turquise {color:#1b5f60;} a.turquise:hover { text-decoration:none;} /****** HOMEAGE MAINBOX STYLER ************/ #mainBoxHolder {float:left;width:556px; margin-right:12px;} #mainBoxTop {background:url(/images/blue/bg_mainBoxTop.png) no-repeat; height:21px; padding:5px 0 0 6px} #mainBoxBottom {background:url(/images/blue/bg_mainBoxBottom.png) no-repeat; height:10px;} #mainBoxContent {background:#D0DEEE; padding-left:10px; padding-right:10px; padding-top:5px;} .titles {height:17px; padding-top:1px; padding-left:22px; background:url(/images/bg_titleIcon.gif) no-repeat -2px 0; margin-bottom:7px;} .titles h5 {font-size:1.1em; margin:0; padding:0; color:#1b5f60;} .rssIcon {float:right;} img {border:none;} /***** HOMEPAGE PRODUCT LIST STYLER *****/ .productList {background:url(/images/bg_productlistBottom.gif) no-repeat bottom center white; width:535px; padding:0;} .productListTop {background:url(/images/bg_productlistTop.gif) no-repeat; height:8px; font-size:1px;} .eachProductBox {width:158px; height: 205px; overflow: hidden; border:1px solid #ececec; text-align:center; float:left; margin:0 5px 12px 10px;} .eachProductBoxInfo {border-top:1px solid #ececec; text-align:left; padding:5px; line-height:1.5em;} .savior {width:100%; clear:both; font-size:0px; height:0px;} a.productLink {color:#5c5c5c} a.productLink:hover {text-decoration:none;} .noRate {color:#c5c5c5; font-size:0.9em;} .price {color:#e27414; font-weight:bold; font-size:1.1em;} /* ADDED BY PROGRAMATOR*/ .whiteBox p {margin-left: 5px;} .whiteBox form {margin-left: 5px;} .whiteBox label {margin-left: 5px; width: 150px;display: block;float: left;margin-top: 6px;} .whiteBox input {display: block;float: left;margin: 2px 0;} .eachProductBox img {height: 128px;} .pager{display: block;clear: both;margin-left: 5px;font-weight: bold;} .pager a{color:#9faa55;text-decoration: none;width: 13px;border: 1px solid #c7c7c7;background-color: #eee;display: block;float:left; margin:2px; text-align: center; padding: 1px; } .pager a.active{color:#9faa55;text-decoration: underline;} .pager a:hover {color:#666; text-decoration:none;} .pager .intxt{margin: 2px; padding: 3px; display: block;float: left;} .platba{float:left;margin-right: 10px;} a.subkat {background:url(/images/icon_bullet.gif) no-repeat 8px 5px;} a.subkat:hover { background-image:url(/images/icon_bullet.gif);} .radenie{margin:10px 5px 15px 5px;font-weight: bold;display: block;width: 600px;text-decoration: none;} a.olive2 {color:#9faa55;text-decoration: none;} a.olive2:hover {color:#666; text-decoration:none;} a.olive2Act {color:#9faa55;text-decoration: underline;} a.olive2Act:hover {color:#666; text-decoration:none;} .radenie .fl{display: block;float: left;margin: 0 5px 15px 5px;} .radenie .up{text-decoration: none;background-image: url(/admin/css/layout/site/tables/asc.gif);background-repeat: no-repeat;display: block;float:left;width: 10px;margin: 0 2px 0 2px;} .radenie .down{text-decoration: none;background-image: url(/admin/css/layout/site/tables/desc.gif);background-repeat: no-repeat;display: block;float:left;width:10px;margin: 0 2px 0 2px;} .radenie .downAct{text-decoration: none;background-image: url(/admin/css/layout/site/tables/move2.gif);background-repeat: no-repeat;display: block;float:left;width:12px;margin: -2px 2px 2px 2px;} .radenie .upAct{text-decoration: none;background-image: url(/admin/css/layout/site/tables/move1.gif);background-repeat: no-repeat;display: block;float:left;width: 12px;margin: -1px 3px 2px 2px;} .photogalery-item{float:left; width:160px; margin: 3px;} .photogalery-nadpis{padding-left: 5px;background:url(/images/bg_reviewBottom.gif);color:#466d5b;} h2{margin-left: 5px;} .tab1{background-color: #FFFFFF; float:left; width: 695px;padding: 5px;} .tab{background-color: #EEEEEE; float:left; width: 695px; padding: 5px;} .tab2{background-color: #DDDDDD; float:left; width: 695px;font-weight: bold;padding: 5px;font-size: 14px;text-align: center;} .tab-1{width: 445px;float:left;} .tab-2{width: 165px;float:left;} .tab-3{width: 80px;float:left;} .price2 {color:#e27414; font-weight:bold; font-size:1.1em;width: 80px;display: block;float: left;} .akcia {color: red;} .old {color: gray;} /*END OF ADDED*/ /****** CASUAL BOX STYLER ************/ #casualBoxHolder {float:left;width:728px; margin-right:12px;} #casualBoxTop {background:url(/images/blue/bg_CasualTop.png) no-repeat; height:21px; padding:5px 0 0 6px} #casualBoxBottom {background:url(/images/blue/bg_CasualBottom.png) no-repeat; height:10px;} /******* PRODUCT BOX ****/ .whiteBox {background:url(/images/bg_productBoxBottom.gif) no-repeat bottom left white; width:705px; padding:0 0 10px 0} .whiteBoxTop {background:url(/images/bg_productBoxTop.gif) no-repeat; height:8px; font-size:1px;} #productBoxLeft {width:237px; float:left; margin:0 0 8px 8px; text-align:right;} .productImage {background:url(/images/bg_productImage.gif) no-repeat; width:226px; height:231px; padding:5px; text-align:center; vertical-align:middle; margin:0 0 5px 0} .productLeftSideBoxes { background:url(/images/bg_productLeftSideBoxBottom.gif) no-repeat bottom center; width:232px; padding:0 0 10px 0; text-align:left; margin:12px 0 0 4px} .productLeftSideBoxes h4 { background:url(/images/bg_productLeftSideBoxTop.gif) no-repeat; display:block; width:204px; height:31px; padding-left:28px; font-size:1.1em; color:#6f7555; margin:0; padding-top:7px;} .productLeftSideBoxes p {margin:5px 5px 5px 10px; color:#9e9e9e;} /** product box right */ #productBoxRight {float:left; width:430px; margin:0 0 0 10px} #productBoxRight h2 {margin:0; padding:0; border-bottom:1px dotted #9e9e9e; color:#1b5f60; font-size:16pt;} #productBoxRight h4 {padding-top:8px; border-top:1px dotted #9e9e9e; color:#488f6f; font-size:1.1em; margin:0;} table.productInfo {width:100%; background:url(/images/bg_productInfo.gif) no-repeat; margin-top:5px;} .infoLeft {font-weight:bold; color:#1b5f60; width:90px;} #productDesc {margin:0 0 20px 0;} #productDesc p, #productReviews p {margin:5px 0 5px 0;} #productDesc ul {margin:0; padding:0 0 0 5px; line-height:18px; color:#7c7c7c; list-style:none;} #productDesc ul li { background:url(/images/icon_greyBullet.gif) no-repeat 0px 3px; padding-left:18px;} /* reviews */ #reviewsContainer {width:433px; margin-top:10px} .review {background:url(/images/bg_reviewBottom.gif) bottom left; padding-bottom:8px; margin-bottom:15px;} .review p {padding-left:8px; margin-top:3px;} .review h5 { color:#466d5b; background:url(/images/bg_reviewTop.gif) no-repeat; height:15px; padding:8px 8px 0 8px; font-size:1em; display:block; margin:0;} span.reviewDate {float:right; font-size:0.9em;} .comment { background-color: #f7f8f8; width: 413px; margin-right: auto; margin-left: auto; padding: 3px;} /*** BUY ITEM BOX ***/ .vertBoxDarkHolder {padding:0; margin:0 0 12px 0;} .vertBoxDarkHolder h4 { background:url(/images/blue/bg_darkVertBoxesTop.png) no-repeat; display:block; width:138px; height:28px; padding-left:20px; font-size:1.1em; color:#fbf8db; margin:0; padding-top:6px;} .vertBoxDarkBottom {background:url(/images/blue/bg_darkVertBoxesBottom.png) no-repeat; height:11px; clear:both;} .vertBoxDarkContent {background:#11113D; padding:2px 0 5px 0; color:#bdba9c;} .vertBoxDarkContent p {padding-left:10px; margin-top:8px; margin-bottom:8px;} .vertBoxDarkContent form {margin:0px; padding:0px;} /******************************************************************************/ /********** CART PAGE ****************/ #cartBox{margin:0 10px 0 10px} #cartBox h2 {margin:0 0 5px 0; padding:0 0 2px 0; border-bottom:1px dotted #9e9e9e; color:#1b5f60; font-size:16pt;} .toCO {width:145px; float:right;} table.cart {background:url(/images/bg_cartTableBottom.gif) bottom left; width:686px; text-align:center;} table.cartTop {background:url(/images/bg_cartTableTop.gif) no-repeat; height:25px; font-weight:bold;} .qty { width:80px; } .itemPrice,.itemTotal,.remove {width:100px; } .cartItems {widows:300px; text-align:left;} .lite, .norm {padding:7px; border-bottom:1px dotted #a5a5a5;} .lite {background:#f2f2f2; } .norm {background:#ededed;} .ender {clear:both; border-top:1px dotted #9e9e9e; padding-top:3px; margin-top:5px} .shorterTextbox {background:url(/images/bg_shorterText.gif); width:81px; height:13px; padding:5px; border:none; font-size:0.9em; color:#999999; float:left} .goBtn {float:left; margin-left:5px;} #button-pridaj-do-kosika-right{border: none; height: 36px; width: 136px; background:url(/images/blue/do_kosika_right.gif);} #button-pridaj-do-kosika{border: none; height: 33px; width: 81px; background:url(/images/blue/bt_addToCart2.gif);} /********************** FOOTER *********************/ #footer {width:100%; clear:both; text-align:center; color:#7f9999; padding:5px;} /****SYSTEM MESSAGES****/ .system_messages { margin: 0; padding: 15px 0 0; } .system_messages li { list-style:none; margin: 0 0 7px; padding: 6px 0 6px 38px; font-size: 11px; position: relative; top: 0; left: 0; min-height: 1px; list-style-position: outside; } .white { background: #fefefe url(admin/css/layout/site/forms/white_message.gif) repeat-x; border: 1px solid #dbdbdb; } .system_title { font-size: 11px; } .ico { display: block; width: 23px; height: 23px; background-repeat: no-repeat; overflow: hidden; position: absolute; left: 4px; top: 1px; } .white .system_title { color: #4f4f4f; } .white .ico { background-image:url(admin/css/layout/site/forms/white_ico.png); } .red { background: #e2c5c5 url(admin/css/layout/site/forms/red_message.gif) repeat-x; border: 1px solid #cf9e9e; } .red .system_title { color: #ae2727; } .red .ico { background-image:url(admin/css/layout/site/forms/red_ico.png); } .blue { background: #c4dde3 url(admin/css/layout/site/forms/blue_message.gif) repeat-x; border: 1px solid #9cc6d0; } .blue .system_title { color: #0f4b74; } .blue .ico { background-image:url(admin/css/layout/site/forms/blue_ico.png); } .green { background: #c7e5c2 url(admin/css/layout/site/forms/green_message.gif) repeat-x; border: 1px solid #a2d399; } .green .system_title { color: #386d19; } .green .ico { background-image:url(admin/css/layout/site/forms/green_ico.png); } .yellow { background: #eae1b1 url(admin/css/layout/site/forms/yellow_message.gif) repeat-x; border: 1px solid #e0d182; } .yellow .system_title { color: #675918; } .yellow .ico { background-image:url(admin/css/layout/site/forms/yellow_ico.png); } .no-border {border: none;} input.button-image{border: none;} .review form input {width: 120px;} textarea{background-color: #fff; border: 1px solid #9BABBF; height: 40px; width: 130px; font-size: 1em; color: #000;} textarea:focus{background-color: #C2D7EF} input{vertical-align: center; border: 1px solid #9BABBF; font-size: 1em; color: #000;} input:focus{background-color: #C2D7EF;} .vertBoxContent a {color: #6a8585; margin: 0px auto;} .vertBoxContent form label input {margin-bottom: 5px; border: none;} /***END***/