/* PRIMARY COLUMN --------------------------------------------------------- */ #ja-mainbody { width: 740px; float: right; clear: both; } .narrow #ja-mainbody { width: 600px; } #ja-content { padding: 15px; position: relative; border-bottom: 1px solid #E6E6E6; } /* COLUMNS --------------------------------------------------------- */ #ja-col { float: left; overflow: hidden; width: 190px; } .narrow #ja-col { width: 150px; } * { margin:0; padding:0;} body { text-align:center; font:small Verdana, Arial, Helvetica, sans-serif; color:#222; background: #F5F5F5 url(../i/bg-main.png) no-repeat top center; background-attachment: fixed !important;} #cvetok {width:1px; height:1px; position:absolute; top:5px; right:840px; z-index:55; background:url(../i/cvetok.gif) no-repeat;} #cvetok a {display:block;width:147px; height:134px;background:url(../i/cvetok.gif) no-repeat; text-indent:-9999px; } #wrap { width:990px; text-align:left; margin:0 auto; position:relative; padding-top:20px;} #header { height:51px;} #logo { height:51px;width:361px; float:left;} #logo { text-indent:-9999px; padding:0; margin:0;} #logo a { width:361px; height:51px; display:block; background:url(../i/logo.gif) no-repeat;} #topmenu { float:right;} #topmenu ul { list-style:none; font-size:85%; padding-top:20px;} #topmenu ul li { display:inline; margin-right:10px;} #topmenu ul li a { color:#000; text-decoration:none;} #topmenu ul li a:hover { text-decoration:underline; color:#000;} a { text-decoration: underline;color:#004181; } a:hover { text-decoration:none; color:#000;} a:focus { outline:0; -moz-outline:0;} .fld { border:1px solid #000;} .btn {background:#FFF url(../i/bg9.gif) repeat-x 0 50%; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 10px; color:#222; cursor:pointer; cursor:hand;} .btn2 {background:#000; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 10px; color:#FFF; font-size:200%; font-weight:bold; cursor:pointer; cursor:hand;} a.btn { text-decoration:none;} a.btn:hover { background:#FFC;} #link { width:190px; text-indent:-9999px; background:url(../i/url.gif) no-repeat; height:200px;} .clear { clear:both;} .font {font-family:Arial, Helvetica, sans-serif;} #search { width:340px; float:left;} #search form { padding-top:5px; padding-left:0px;} #search .fld { width:300px;; border:1px solid #5d7895; color:#333; font-size:85%; margin:0 10px;} #search .fld:focus { background:;} #menu { height: 56px; line-height:56px;color:#5D7895; font-size:140%; width:682px; background:url(../i/bg2.gif) no-repeat;} #menu ul { list-style:none; padding-left:50px; padding-top:5px;} #menu ul li { display:inline; margin-right:15px;} #menu ul li a { letter-spacing:-1px; color:#004181; text-decoration:none;} #menu ul li a:hover { text-decoration:underline;} #header .top .black_line { height: 24px; background: #000 url(../i/red_pl.gif) no-repeat right 4px;} #header .top .black_line .right_side { float: right; color: #777778; padding:4px 2px 0 0;} #header .top .black_line .right_side .home { padding-right: 10px;} #header .top .black_line .right_side .logout { color: #777778; padding: 0 9px;} #header .top .black_line .right_side .cabinet { padding: 0 9px 0 18px; color:#fff; background: url(../i/star_white.gif) no-repeat 0 2px;} #header .top .black_line .right_side .my_purchase { padding: 0 6px 4px 6px; color:#fff; } #header .top .black_line .menu { text-transform: uppercase; height: 24px; margin:0;} #header .top .black_line .menu li { display: block; list-style: none; float: left; height: 24px;} #header .top .black_line .menu li a { display: block; height: 20px; padding: 4px 13px 0 0px; background: url(../i/star_half1.gif) no-repeat right 9px;} #header .top .black_line .menu a:link { color: #fbfafa; text-decoration: none;} #header .top .black_line .menu a:visited { color: #fbfafa; text-decoration: none;} #header .top .black_line .menu a:hover { color: #fbfafa; text-decoration: none; background: #333 url(../i/star_half1_hover.gif) no-repeat right 0;} #header .top .black_line .menu a:active { color: #fbfafa; text-decoration: none;} #header .top .black_line .menu li a span { display: block; padding-left:13px; background: url(../i/star_half2.gif) no-repeat 0 5px;} #search-shop {width:682px;height:33px; background:# url(../i/bg3.gif) no-repeat; } #live { width:142px; height:82px; text-indent:-9999px; display:block; background:url(../i/livesupport.gif) no-repeat;} #sublinks {color:; font-size:85%; width:210px; float:right; padding-top:7px;} #sublinks a { padding:0 7px;color:; text-decoration:none;} #sublinks a.cart { padding:10px 45px 10px 0; background:url(../i/cart.gif) no-repeat 100% 0;} #sublinks a:hover { text-decoration:underline;} .brands-cats { background:url(../i/bg7.gif) no-repeat;color:#FFF; height:28px;padding:3px 0 5px 20px;} .brands-cats b { } .brands-cats a { color:#4A6A87; text-decoration: none;} .brands-cats a:hover { text-decoration:underline; color:#FF7200;} .brands-cats a.current { color:#FF7200; font-weight:bold;} .brands-cats a.clearlink {background:url(../i/clear.gif) no-repeat 0 3px; padding-left:12px; font-size:85% !important; float:right; margin-top:2px; color:#FFF !important; margin-right:5px;} a.deletelink {background:url(../i/delete.gif) no-repeat 0 3px; padding-left:12px; font-size:85% !important; color:#000 !important;} .chooseother { padding:3px 0 5px 10px;} .chooseother a {background:url(../i/plus.gif) no-repeat 0 3px;padding-left:12px; font-size:85% !important;margin-top:2px; color:#9e9e9e !important;} #main { margin-left:34px;} #left { width:190px; float:left;background:url(../i/bg8.gif) repeat-y;} #left ul { list-style:none; padding:5px 20px; margin-bottom:20px;} #left ul li ul { padding:5px 0; font-size:85%; margin-bottom:0;} #left ul li ul li { background:none; padding-left:0;} #left a { color:#696969; text-decoration:none;} #left a.current {color:#000; text-decoration:none; font-weight:bold;} #left a:hover {color:#000; text-decoration:underline;} #right { width:794px; float:right; background:; min-height:600px; } #right.inner { width:794px;} #right.fullsize { width:100%; float:none;} #right.fullsize #footer { margin-left:0;} #content .left_side .submenu_dresscode { margin: 0 0 0px 11px;} #content .left_side .submenu_dresscode li { list-style: none; margin:0; padding:115px 0 150px; text-transform: uppercase; color: #333333; font:22px/24px Georgia, Times New Roman, Times, serif; } #content .left_side .submenu_dresscode li a { text-decoration: none;} #content .right_side .imgblock { position: relative; margin-top:40px; height: 256px; width:100%; } #content .right_side .imgblock a { display: block; width:153px; overflow: hidden; } #content .right_side .imgblock a span { display: block; position: relative; height: 259px;} #content .right_side .imgblock a img { display: block; position: absolute; top: 0; right:0; } #content .right_side .imgblock a.first { position: absolute; top: 0; left:0; z-index:50;} #content .right_side .imgblock a.second { position: absolute; top: 0; left:130px; z-index:40;} #content .right_side .imgblock a.third { position: absolute; top: 0; left:260px; z-index:30;} #content .right_side .imgblock a.forth { position: absolute; top: 0; left:390px; z-index:20;} #content .right_side .imgblock a.fifth { position: absolute; top: 0; left:510px; z-index:10;} #content .right_side .imgblock a.hover { width:236px; } #promo ul { list-style:none; padding-left:60px; font-weight:bold; font-size: 140%; padding-top:20px; line-height:180%} #promo ul li a { color:#FFF; text-decoration:none;} #promo ul li a:hover { text-decoration:underline; color:#FFC;} #promo2 { height:180px;} #promo2 ul { list-style:none;} #promo2 ul li { display:inline;} #promo2 ul li a#b1 { height:165px; width:167px; text-indent:-9999px; float:left; display:block; background:url(../i/m08.jpg) no-repeat;} #promo2 ul li a#b2 { height:165px; width:167px; text-indent:-9999px; float:left; display:block; background: url(../i/m09.jpg) no-repeat;} #promo2 ul li a#b6 { height:165px; width:126px; text-indent:-9999px; float:left; display:block; background: url(../i/b6.jpg) no-repeat;} #promo2 ul li a#b4 { height:165px; width:167px; text-indent:-9999px; float:left; display:block; background: url(../i/m10.jpg) no-repeat;} #promo2 ul li a#b5 { height:165px; width:167px; text-indent:-9999px; float:left; display:block; background: url(../i/m11.jpg) no-repeat;} #promo2 ul li a#b3 { width:762px; height:7px;text-indent:-9999px;display:block; background:url(../i/main_banner.gif) no-repeat; float:right;} #bestsellers { margin:20px 0 0 0 !important ;} #bestsellers ul { list-style:none;} #bestsellers ul li { width:175px; float:left; padding-right:6px; margin-left:6px; background:url(../../i/ruler.gif) no-repeat 100% 15%; text-align:center; margin-bottom:10px;height:300px !important;} #bestsellers .desc { font-size:85%; font-style:normal; color:#5D7895; padding:5px; display:block} .price { font-weight:bold; font-size:150%; color:#004181; padding:5px 0;} .price sup { font-size:75%} a.add { background:#000; color:#FFF; text-decoration:underline; padding:3px 10px; font-size:85%; font-weight:bold;} a.add:hover { background:#E62C01; text-decoration:none;} #footer { background: url(../i/bg6.gif); font-size:85%; height:44px; line-height:44px; margin:20px 0;} #footer a { color:#4A6A87; text-decoration:none;} #footer a:hover { text-decoration:underline; color:#333;} #footer h5 a { display:block; width:188px; height:23px; text-indent:-9999px; float:left; background:url(../i/logosmall.gif) no-repeat; margin-top:10px; margin-right:40px;} .content-pages {padding:10px; font-size:85%; margin-left:11px;} .content-pages a { color:#4A6A87; text-decoration:none; padding:0 5px;} .content-pages a:hover { text-decoration:underline; color:#333;} #brandlogos { margin-left:11px; height:124px; background:url(../i/brands.gif) no-repeat 50% 0; margin-bottom:20px; } .trail { font-size:85%; color:#5D7895; padding:10px 40px;} h1 {font-size:250%; font-weight:normal; margin-top:10px; letter-spacing:-1px; padding:0 20px;} .pages { font-size:85%; padding:5px 10px; border-bottom:1px solid #EAEAEA; margin:0 10px; } .pages a { padding:0 3px;color:#5D7895;} .pages a:hover { background:#000; text-decoration:none; color:#FFF;} .pages b { padding:0 3px; background:#EEE; color:#000;} #items { margin:20px 0;} #items ul { list-style:none; } #items ul li { width:175px; float:left; padding-right:6px; margin-left:6px; background:url(../../i/ruler.gif) no-repeat 100% 15%; text-align:center; margin-bottom:20px; height:300px;} #items .desc { font-style:normal; padding:5px; font-size:85%;display:block; height:35px; overflow:hidden} #items .price { font-weight:bold; font-size:110%; color:#000; padding:5px 0;display:block;} #items .price sup { font-size:75%} #items ul li img {padding:3px; border:1px solid #EAEAEA;} #items ul li a.add { color:#000 !important; text-decoration:underline; padding:5px 14px; font-size:95%; background:#FFF; font-weight:bold; } #items ul li a.add:hover { background:#000; text-decoration:none; color:#FFF !important;} .no-products {padding:20px; text-align:center;} #relcon {width:200px; float:right; margin-bottom:20px;} #related { border:3px solid #FFF;} #related .brd { border:1px solid #CFCCC8; padding:10px; background:#F9F8F7;} #related h3#rela { border-bottom:1px solid #E4E4E4; padding:5px 0 5px 25px; background:url(../i/clip.gif) no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;} #related h3#news { border-bottom:1px solid #E4E4E4; padding:5px 0 5px 25px; background:url(../i/newslet.gif) no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;} #related h3#testi { border-bottom:1px solid #E4E4E4; padding:5px 0 5px 25px; background:url(../i/testi.gif) no-repeat 0 50%; color:#004181; text-transform:uppercase; font-size:110%; margin-bottom:10px;} #related img { border:1px solid #EAEAEA; padding:1px; } #newsletter { margin-bottom:20px;} #newsletter p {margin-bottom:10px; text-align:justify; font-size:85%; color:#999;} #related td { padding:3px; font-size:85%;} .tstm {font:85% Georgia, serif; text-align:justify; color:#000;} .tstm i {font:100% Arial, Helvetica, sans-serif; display:block; padding:5px 0; margin:5px 0;border-top:1px solid #E4E4E4; text-align:right;} #details { width:784px; float:left; background:; margin-top:20px;} #pics { width:300px; float:left; margin-left:20px;} #pics img { padding:2px; border:1px solid #EAEAEA; margin-bottom:5px;} #desc { width:390px; float:right; font-size:85%; margin-right:20px;} #desc h2 { font-size:220%; letter-spacing:-1px; font-weight:normal; margin-bottom:10px;} #desc .price { font-size:200%; margin-bottom:10px;} #desc p { margin-bottom:10px; text-align:justify;} .product { font-size:250%; font-weight:normal; margin-top:10px; letter-spacing:-1px; padding:0 20px;} .detdesc { text-align:justify; padding:5px 0; border-top:1px dashed #EAEAEA; border-bottom:1px dotted #EAEAEA;margin-bottom:10px; } #pics .all-images { padding-left:25px;} #pics .all-images img {padding:1px !important; margin-right:10px;} .tbl { border:1px solid #EAEAEA; border-collapse:collapse; border-bottom:0;} .tbl th { background:#e9e9e9; padding:5px; font-weight:bold; text-align:left;} .tbl td { border-bottom:1px solid #EAEAEA; padding:5px; color:#333;} .tbl tr.odd td {background:#F1F1F0;} .tbl .right { text-align:right;} .shipp {padding:5px 0; border-bottom:1px solid #EAEAEA; margin-bottom:5px;} .sizeselector {padding:10px; border:1px solid #EAEAEA; background:#FAFAFA;} .sizeselector table td {padding:2px;} .sizeselector table td .fld {border:1px solid #B8C4D0; color:#5D7895; padding:3px; font-size:105%; margin:2px 0;} .steps { text-align:center; background:#004181; color:#FFF; font-size:120%; width:25px; height:25px; line-height:25px; margin:0;} .dont {padding:10px; border:1px solid #EAEAEA; background:#FAFAFA; text-align:center; margin:10px 0;} a.dontsize {background:url(../../i/dontsize.gif) no-repeat 0 3px;padding-left:12px; } a.getdeals {background:url(../../i/getdeals.gif) no-repeat 0 3px;padding-left:12px;} #sizeava {padding:10px; border:1px solid #CCC; background:#EAEAEA; margin-bottom:10px;} #sizeava h2 {margin-bottom:5px; } #sizeava .form-tbl td, #sizeava .form-tbl td input, #sizeava .form-tbl td select {font-size:100%;} #getdeals {padding:10px; border:1px solid #CCC; background:#EAEAEA;} #getdeals h2 {margin-bottom:5px; } #getdeals .form-tbl td, #getdeals .form-tbl td input, #getdeals .form-tbl td select {font-size:100%;} .close {background:url(../../i/close.gif) no-repeat 0 3px; padding-left:12px; float:right; margin-top:2px; color:#9e9e9e !important; float:right;} .filter { padding:5px 10px; font-size:85%; border-bottom:1px solid #EAEAEA; margin:0 10px;} .filter a {padding:0 3px;} .cart-tbl { border:1px solid #EEE; border-collapse:collapse; margin:10px 0;} .cart-tbl th { background:#E4E4E4; padding:5px; font-weight:bold; text-align:left;} .cart-tbl td { border-bottom:1px solid #EEE; padding:5px; color:#333;} .cart-total { font-weight:bold; font-size:110%; color:#004181 !important; padding:10px 0;} fieldset {padding:10px; border:1px solid #EAEAEA; margin-bottom:10px;} legend {padding:0 10px; font-size:140%;} .form-tbl td {padding:5px;} .form-tbl .right {width:120px; font-size:85%; } .form-tbl input.fld, .form-tbl select.fld {width:180px; } .content { background:; padding-right:20px;} kbd {color:#F00; font-size:110%;} .cartfinal {line-height:180%;} .cartfinal .btn {font-size:180%; } label.error {padding-left:5px; color:#F00;} input.error {border-color:#F00;} .cart-empty { text-align:center; padding:20px 0;} .content-text { width:762px; text-align:justify; background:url(../i/bg5.gif) no-repeat 0 100%;} .content-text p {margin-bottom:10px;} .content-text h1 {margin-bottom:2px; background:url(../i/bg5top.gif) no-repeat;font:260% Arial, Helvetica, sans-serif; letter-spacing:-1px; color:#000; padding:5px 20px;} .content-text h2 {margin-bottom:5px;font:160% Arial, Helvetica, sans-serif; margin-top:15px;} .text { padding:10px 20px;} .greybg { background:#EAEAEA;} #translate {border:1px solid #d9d9d9; background:#e5e5e5; color:#727272; font:75% Arial, Helvetica, sans-serif; padding:5px 7px;} #translate input { margin-right:4px; margin-top:5px;} .freesh {color:#FFF; background:#D3161E; font:bold 105% Arial, Helvetica, sans-serif;; padding:2px 5px; text-transform:uppercase; border:1px solid #D3161E; -moz-border-radius:3px; -webkit-border-radius:3px;} .promocode {background:#FFC; border:1px solid #EAEAEA;} #springsale {width:1px; height:1px; position:absolute; top:70px; right:111px; z-index:65; background:url(../i/springsale.png) no-repeat;} #springsale a {display:block;width:159px; height:116px;background:url(../i/livesupport.gif) no-repeat; text-indent:-9999px; }