/* General ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select { font-style:inherit; font-weight:inherit; font-size:100%; font-family:inherit; margin:0; padding:0; } :focus { outline:0; } table { border-collapse:separate; border-spacing:0; } caption, th, td { font-weight:normal; } table, td, th { vertical-align:middle; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } button, input.submit { cursor:pointer; } h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.1em; color:#4f4f4f; } h1 { font-size:2.1em; margin-bottom:0.4em; } h2 { font-size:1.7em; margin-bottom:0.5em; } h3 { font-size:1.3em; margin-bottom:0.6em; } h4 { font-size:1.2em; margin-bottom:0.7em; } h5 { font-size:1.1em; margin-bottom:0.2em; } h6 { font-size:1em; margin-bottom:0.15em; } p { margin:0 0 1em 0; } p img { float:left; margin:1px 10px 5px 0; } img { vertical-align:middle; } a { text-decoration:none; } a:hover, a:visited, a:active { } a:hover { text-decoration:underline; } a img { border:none; } hr { display:none; } * html hr { margin:1em 0; } *+html hr { margin:1em 0; } address { font-style:normal; } blockquote { margin:1.5em; color:#666; font-style:italic; } strong, b { font-weight:bold; } em, dfn { font-style:italic; color:#6e6e6e; } dfn { font-weight:bold; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } del { color:#a3a3a3; } ins { color:#555; } pre, code { margin:1.5em 0; white-space:pre; } pre, code, tt { font:1em 'Andale Mono', 'Lucida Console', monospace; line-height:1.5em; } samp, kbd { font:1em 'Courier New', Courier, monospace; } li ul { } li ol { margin:0 2em; } ul, ol { list-style:none; } dl dt { font-weight:bold; } dd { margin-left:1.5em; } table { border-collapse:collapse; margin-bottom:1em; } thead td, th { font-weight:bold; } thead td { border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } th, td { padding:.3em 10px .3em 5px; vertical-align:top; } tr:hover { } thead tr:hover td, tr:hover th { } tfoot { font-style:italic; } caption { margin-bottom:.2em; padding-left:5px; font-weight:bold; color:#000; } form, fieldset { float:left; width:auto; border:0; } * html legend { margin-left:-7px; } *+html legend { margin-left:-7px; } input, select, option, textarea, button { font-family:Arial; /*border:1px solid #999999;*/ } button:active { } optgroup { font-weight:bold; font-style:normal; color:#4f4f4f; } textarea { max-width:650px; } h1, h2, h3, h4, p { margin:0 0 0.5em 0; } .hidden { display:none; visibility:hidden; } .fleft { float:left; width:auto; } .fright { float:right; width:auto; } .thumb { border:5px solid #202832; float:left; margin-right:10px; display:inline; } .prod-title { font-weight:bold; color:#005baa; display:block; } .prod-title a { color:#005baa; } a.more img { float:none; margin:0 0 0 5px; } p.more { float:left; width:100%; text-align:right; } p.more a { float:right; width:auto; } p.more a:hover { text-decoration:none; } p.more a span { cursor:pointer; } p.more a span.left, p.more a span.right { float:left; width:9px; height:19px; font-size:0; line-height:0; } p.more a span.left { background:url(images/bg_more_left.gif) no-repeat left top; } p.more a span.right { background:url(images/bg_more_right.gif) no-repeat left top; } p.more a:hover span.left, p.more a span.left:hover { background:url(images/bg_more_left_h.gif) no-repeat left top; } p.more a:hover span.right, p.more a span.right:hover { background:url(images/bg_more_right_h.gif) no-repeat left top; } p.more a span.middle { float:left; background-color:#c0c0c0; color:#fff; line-height:19px; } p.more a:hover span.middle, p.more a span.middle:hover { background-color:#00b4ed; } .arial-text-12-blue { font:normal 12px Arial; color:#005baa; } /* Wrappers ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ body { background:#d8d8d8 url(images/bg.gif) repeat-x left top; font:normal 12px Arial; color:#5a5a5a; text-align:center; line-height:15px; } #wrapper { display:block; width:970px; margin:0 auto; text-align:left; } /* Header ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #header { float:left; width:100%; } #header-options { position:relative; float:right; clear:both; width:auto; padding:6px 0 0 0; z-index:2; } #header-links { float:left; width:550px; background-color:#f2f2f2; } #header-links a:hover { text-decoration:underline; } #header-links .opt-top, #header-links .opt-middle, #header-links .opt-bottom { display:block; clear:both; width:auto; } #header-links .opt-left { float:left; width:15px; font-size:0; line-height:0; } #header-links .opt-right { float:right; width:15px; font-size:0; line-height:0; } #header-links .opt-top .opt-left, #header-links .opt-top .opt-right { height:6px; } #header-links .opt-middle .opt-left, #header-links .opt-middle .opt-right { height:15px; } #header-links .opt-bottom .opt-left, #header-links .opt-bottom .opt-right { height:10px; } #header-links .opt-top .opt-left { background:url(images/bg_head_opt_top_left.gif) no-repeat left top; } #header-links .opt-middle .opt-left { background:url(images/bg_head_opt_left.gif) repeat-y left top; } #header-links .opt-bottom .opt-left { background:url(images/bg_head_opt_bottom_left.gif) no-repeat left top; } #header-links .opt-top .opt-right { background:url(images/bg_head_opt_top_right.gif) no-repeat left top; } #header-links .opt-middle .opt-right { background:url(images/bg_head_opt_right.gif) repeat-y left top; } #header-links .opt-bottom .opt-right { background:url(images/bg_head_opt_bottom_right.gif) no-repeat left top; } #header-options ul { float:left; width:auto; } #header-options ul li { float:left; width:auto; margin:0 3px; color:#dedede; } #header-options ul li a { color:#4e4e4e; } #header-options ul li.welcome { width:240px; padding:0 0 0 10px; background:url(images/arrow_blue.gif) no-repeat left 4px; font-weight:bold; color:#4e4e4e; overflow:hidden; white-space:nowrap; } #header-options ul li.login { position:relative; } #header-options ul li.login:hover, #header-options ul li.over { background:url(images/bg_login_tab.gif) no-repeat 0 5px; } #header-options ul li.login:hover #login, #header-options ul li.over #login { display:block; } #header-options ul li.wishlist a { padding:0 0 0 15px; background:url(images/icon_wishlist.gif) no-repeat left 2px; } #login { position:absolute; left:-274px; top:15px; /*display:none;*/ width:550px; background-color:#f2f2f2; font-size:11px; color:#969696; line-height:14px; } * html #login { left:-277px; } #login .log-middle, #login .log-bottom { float:left; width:100%; } #login .log-middle .log-left, #login .log-middle .log-right, #login .log-bottom .log-left, #login .log-bottom .log-right { width:15px; font-size:0; line-height:0; } #login .log-middle .log-left, #login .log-middle .log-right { height:65px; overflow:hidden; } #login .log-bottom .log-left, #login .log-bottom .log-right { height:10px; } #login .log-middle .log-left, #login .log-bottom .log-left { float:left; } #login .log-middle .log-right, #login .log-bottom .log-right { float:right; } #login .log-middle .log-left { background:url(images/bg_head_opt_left.gif) repeat-y left top; } #login .log-middle .log-right { background:url(images/bg_head_opt_right.gif) repeat-y left top; } #login .log-bottom .log-left { background:url(images/bg_head_opt_bottom_left.gif) no-repeat left top; } #login .log-bottom .log-right { background:url(images/bg_head_opt_bottom_right.gif) no-repeat left top; } #login fieldset.login-form { width:520px; padding:10px 0 0 0; font-size:11px; } #login fieldset.login-form .row { float:left; clear:both; width:100%; padding:5px 0 0 0; } #login fieldset.login-form span.field-left, #login fieldset.login-form span.field-right { float:left; width:8px; height:18px; font-size:0; line-height:0; } #login fieldset.login-form input.field { float:left; width:110px; height:16px; padding-top:2px; background-color:#fff; color:#98989b; border:0; font-size:11px; } #login fieldset.login-form span.field-left { background:url(images/bg_log_field_left.gif) no-repeat left top; } #login fieldset.login-form span.field-right { margin:0 10px 0 0; background:url(images/bg_log_field_right.gif) no-repeat left top; } #login fieldset.login-form span.submit-left, #login fieldset.login-form span.submit-right { float:left; width:8px; height:18px; font-size:0; line-height:0; } #login fieldset.login-form input.submit { float:left; height:18px; background-color:#00b4ed; color:#fff; border:0; padding-bottom:2px; } #login fieldset.login-form span.submit-left { background:url(images/bg_but_left.gif) no-repeat left top; } #login fieldset.login-form span.submit-right { background:url(images/bg_but_right.gif) no-repeat left top; } #login fieldset.login-form label { float:left; margin:0 55px 0 0; padding:5px 0 0 0; color:#adadad; line-height:20px; } #login fieldset.login-form a { color:#adadad; } #login fieldset.login-form label:hover, #login fieldset.login-form a:hover { color:#4e4e4e; text-decoration:none; } #login fieldset.login-form a span { font-weight:bold; color:#4e4e4e; } #login fieldset.login-form input.check { border:0; } #header-options fieldset.search { padding:6px 0 0 10px; } #header-options fieldset.search label, #header-options fieldset.search input { float:left; width:auto; } #header-options fieldset.search label { padding:0 15px 0 0; font-weight:bold; color:#005aa9; line-height:23px; } #header-options fieldset.search span.field-left { float:left; width:10px; height:23px; background:url(images/bg_search_field_left.gif) no-repeat right top; font-size:0; line-height:0; } #header-options fieldset.search input.field { width:150px; height:17px; padding:3px 0; background-color:#f2f2f2; border:0; color:#4e4e4e; } #header-options fieldset.search input.submit { width:25px; height:23px; background:url(images/bg_search_but.gif) no-repeat left top; border:0; } #logo { position:relative; float:left; width:955px; padding:5px 0 25px 15px; } #menus-top-container { float:left; width:100%; background:url(images/bg_menu.gif) repeat-x left top; } #menu-top, #menu-top ul, #menu-top ul li { float:left; width:auto; } #menu-top ul li { margin:2px 0 2px 2px; padding-right:4px; background:url(images/bg_menu_sep.gif) no-repeat right top; } #menu-top ul li.last { padding-right:0; background:none; } #menu-top ul li a { display:block; padding:10px 15px 11px 15px; font-size:18px; color:#005aaa; } #menu-top ul li.active a, #menu-top ul li a:hover { background-color:#f3f3f3; color:#97989c; text-decoration:none; } #lang { float:right; width:auto; padding:0 10px; background:url(images/bg_lang.gif) no-repeat right top; } #lang ul, #lang ul li { float:left; width:auto; line-height:40px; } #lang ul li { padding:0 0 0 10px; background:url(images/bg_menu.gif) repeat-x left top; } #lang ul li a { font-weight:bold; font-size:12px; color:#444; } #lang ul li a:hover { text-decoration:underline; } #header-photo-container { float:left; width:961px; padding:10px 0 10px 9px; background-color:#fff; } #header-photo { /*background-color:#80bf06;*/ color:#fff; height:150px; } .home #header-photo-container { width:951px; padding-right:10px; } .home #header-photo { height:255px; } /*#header-photo-container { float:left; width:950px; padding:10px; background-color:#fff; } #header-photo { background-color:#80bf06; color:#fff; height:150px; overflow:hidden; } .home #header-photo { height:255px; } #header-photo .left-photo { display:none; visibility:hidden; float:left; width:320px; } .home #header-photo .left-photo { display:block; visibility:visible; } #header-photo .txt { float:left; width:260px; padding:20px; } .home #header-photo .txt { width:270px; } #header-photo .txt p { font-size:18px; line-height:20px; } #header-photo .txt .title { font-weight:bold; font-size:35px; line-height:38px; } .home #header-photo .txt .title { line-height:32px; } #header-photo .right-photo { float:left; width:650px; height:150px; } .home #header-photo .right-photo { width:320px; } #header-photo .right-photo img { vertical-align:top; }*/ #top-links a#my-profile div { position:absolute; top:27px; left:83px; padding:9px 0 0; width:89px; height:20px; font-size:11px; font-weight:normal; color:#fff; text-align:center; text-decoration:none; cursor:pointer; background:url(images/bg_my_profile.gif) no-repeat; } #top-links a.out div { display:none; } #top-links a#my-profile:hover div, #top-links a.over div { display:block; } /* Content ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #content { float:left; width:100%; padding:0 0 10px 0; background:url(images/bg_content.gif) repeat-y left top; } #content .title { float:left; width:100%; height:30px; } #content .title span { display:inline-block; padding:0 15px; font-size:20px; color:#fff; line-height:30px; } #content .title h1 { margin:0; } /***** Main *****/ #col-main { float:left; width:625px; padding:10px 5px 0 0; } .home #col-main { width:630px; padding-top:20px; padding-right:0; } #col-main .title span { background:#00b4ed url(images/c_text_grey.gif) no-repeat right top; } #col-main .standard-pad { float:left; width:610px; padding:15px 0 0 15px; } .home #col-main .standard-pad { padding-right:5px; } #col-main .standard-pad a { font-weight:bold; color:#005ba9; } #col-main .row { float:left; width:100%; } #col-main .pad-bot-10 { padding-bottom:10px; } #col-main .hr { float:left; width:100%; height:22px; background:url(images/bg_hr.gif) repeat-x left top; font-size:0; line-height:0; } #col-main .txt img { padding:10px; } .home #col-main .txt img { padding:0; } #col-main ul { margin-bottom:1em; } #col-main ul li { padding:5px 0 5px 15px; background:url(images/dot.gif) no-repeat left 9px; } .content_txt { float:left; width:100%; } .content_txt p { margin-bottom:1em; } .pagePath { display:block; clear:both; padding-bottom:13px; padding-left:13px; font-size:9px; color:#005aa9; overflow:hidden; } .pagePath a { display:inline; margin:0 3px; font-size:12px; color:#969696; } .pagePath .last { display:inline; margin-left:3px; font-size:12px; color:#00b4ed; text-decoration:none; cursor:text; } .whiteBox01.margbtm { margin-bottom:15px; } .whiteBox01 { display:inline; float:left; width:610px; background-color:#fff; } .whiteBox01 .top, .whiteBox01 .bottom { float:left; width:100%; height:10px; font-size:0; line-height:0; overflow:hidden; } .whiteBox01 .top { background:url(images/white01_top.gif) no-repeat left top; } .whiteBox01 .bottom { background:url(images/white01_bottom.gif) no-repeat left top; } .whiteBox01 .txt { float:left; width:580px; padding:15px; } .whiteBox01 .txt p { margin-bottom:1em; } .bottomLine { float:left; width:100%; padding:10px 0 0 0; } #col-main .pager { float:left; width:auto; } #col-main .pager ul { float:left; width:auto; margin:0; padding:0 0 0 15px; } #col-main .pager ul li { float:left; width:auto; margin:0 2px 0 1px; padding:0; background:none; color:#969696; } #col-main .pager ul li:hover, #col-main .pager ul li.active { background:url(images/bg_pager.gif) no-repeat left top; } #col-main .pager ul li.arrow { width:12px; height:21px; padding:0; text-align:center; } #col-main .pager ul li.arrow:hover { background:none; } #col-main .pager ul li.arrow img { padding:7px 4px; } #col-main .pager ul li a { color:#5a5a5a; } #col-main .pager ul li a:hover { text-decoration:none; } #col-main .pager ul li span { display:block; width:21px; height:21px; /*padding:3px 7px 3px 7px;*/ line-height:21px; text-align:center; } #col-main .pager ul li a span { cursor:pointer; } .bottomLine .senTo, .bottomLine .print0 { position:relative; float:right; width:auto; padding-left:5px; } .griPop { position:absolute; top:-32px; left:-84px; display:none; visibility:hidden; height:29px; padding:0 0 0 5px; background:url(images/griLeft.gif) no-repeat left top; z-index:999; } .griPop span { display:block; float:left; width:92px; height:19px; padding:5px 10px 5px 5px; background:url(images/griRight.gif) no-repeat right top; font-size:11px; color:#fffefe; text-align:center; } .griPop.small { left:-42px; } .griPop.small span { width:50px; } #col-main ul.sitemap, #col-main ul.sitemap ul, #col-main ul.sitemap ul ul { float:left; width:100%; margin:0; } #col-main ul.sitemap li { float:left; width:100%; padding:0; } #col-main ul.sitemap li a { display:inline-block; margin:5px 10px; } #col-main ul.sitemap li.level-0 { background:url(images/arrow_blue.gif) no-repeat left 9px; } #col-main ul.sitemap li.level-0 a { font-weight:bold; color:#444; } #col-main ul.sitemap li.level-1 { background:none; } #col-main ul.sitemap li.level-1 a { margin-left:25px; font-weight:normal; color:#000; } #col-main ul.sitemap li.level-2 { background:none; } #col-main ul.sitemap li.level-2 a { margin-left:40px; font-weight:normal; color:#6b6b6b; } #col-main ul.sitemap li.level-2 a:hover { color:#005ba9; } #col-main ul.sitemap li.level-3 { background:none; } #col-main ul.sitemap li.level-3 a { margin-left:55px; font-weight:normal; color:#6b6b6b; } #col-main ul.sitemap li.level-3 a:hover { color:#005ba9; } #col-main fieldset { float:left; width:570px; padding:20px; } #col-main fieldset .row { float:left; width:100%; padding:10px 0; } #col-main fieldset .row.but { width:490px; clear:both; padding-top:30px; text-align:right; } #col-main fieldset label { /*float:left; width:100px; padding:0 10px 0 0; font-weight:bold; font-size:13px; color:#444; text-align:right; line-height:27px;*/ float:left; clear:left; width:100px; padding:6px 10px 0 0; font-weight:bold; font-size:13px; color:#444; text-align:right; } #col-main fieldset label.code { clear:none; } #col-main fieldset label span { font-weight:normal; color:#00b4ed; } #col-main fieldset .bg-field, #col-main fieldset .bg-textarea { float:left; width:370px; padding:2px 5px; } #col-main fieldset .bg-field { height:23px; background:url(images/bg_field.gif) no-repeat left top; } #col-main fieldset .bg-textarea { height:53px; background:url(images/bg_textarea.gif) no-repeat left top; } #col-main fieldset input.field, #col-main fieldset select { width:370px; height:19px; padding:4px 0 0 0; border:0; } #col-main fieldset textarea { width:368px; height:50px; border:0; font-size:12px; } #col-main fieldset input.submit { float:left; height:19px; background-color:#00b4ed; color:#fff; border:0; } #col-main fieldset small { padding:50px 0 0 0; font-size:11px; color:#a09f9f; } #col-main fieldset small span { color:#00b4ed; } #col-main fieldset .but-container { float:right; width:auto; padding:0 0 0 20px; } #col-main fieldset span.but-left, #col-main fieldset span.but-right { float:left; width:9px; height:19px; font-size:0; line-height:0; } #col-main fieldset span.but-left { background:url(images/bg_more_left_h.gif) no-repeat left top; } #col-main fieldset span.but-right { background:url(images/bg_more_right_h.gif) no-repeat left top; } /* Home */ .home .standard-pad .left { float:left; width:307px; padding-right:10px; } .home .standard-pad .right { float:left; width:290px; } .home .standard-pad .left .prod-title, .home .standard-pad .right .prod-title { font-weight:bold; color:#005baa; display:block; } .home .standard-pad .left .prod-title a, .home .standard-pad .right .prod-title a { color:#005baa; } /* Boxes */ .box-white { float:left; width:auto; margin-bottom:5px; background-color:#fff; } .box-white.double { margin-bottom:10px; } .box-white.double .top, .box-white.triple .top, .box-white.double .bottom, .box-white.triple .bottom { float:left; width:610px; height:10px; font-size:0; line-height:0; } .box-white.double .top { background:url(images/bg_box_double_top.gif) no-repeat left top; } .box-white.double.no-right .top { background:url(images/bg_box_double_one_top.gif) no-repeat left top; } .box-white.triple .top { background:url(images/bg_box_triple_top.gif) no-repeat left top; } .box-white.double .bottom { background:url(images/bg_box_double_bottom.gif) no-repeat left top; } .box-white.double.no-right .bottom { background:url(images/bg_box_double_one_bottom.gif) no-repeat left top; } .box-white.triple .bottom { background:url(images/bg_box_triple_bottom.gif) no-repeat left top; } .box-white.double .middle { float:left; width:610px; background:url(images/bg_box_double.gif) repeat-y left top; } .box-white.double.no-right .middle { float:left; width:610px; background:url(images/bg_box_double_one.gif) repeat-y left top; } .box-white.triple .middle { float:left; width:610px; background:url(images/bg_box_triple.gif) repeat-y left top; } .box-white.double .box { float:left; width:280px; padding:0 10px; } .box-white.triple .box { float:left; width:176px; padding:0 20px 0 10px; } .box-white.double .box.last { padding-left:20px; } .box-white.triple .box.last { padding-right:10px; } .box-white.double.no-right .box.last { display:none; visibility:hidden; } .box-white.double .box .img { float:left; width:100px; min-height:80px; padding:0 10px 0 0; text-align:center; } * html .box-white.double .box .img { height:80px; } .box-white.triple .box .img { float:left; width:100%; min-height:105px; padding:10px 0; text-align:center; } * html .box-white.triple .box .img { height:105px; } .box-white.double .box .prod-det { float:left; width:165px; } .box-white.triple .box .prod-det { float:left; width:176px; } .bottomLine .print0:hover .griPop, .bottomLine .print0.over .griPop, .bottomLine .senTo:hover .griPop, .bottomLine .senTo.over .griPop { display:block; visibility:visible; clear:both; } /***** eshop *****/ .blue-bold { font-weight:bold; color:#005baa; } div.tags { float:left; margin:10px 0 0; width:280px; } div.tags .left { float:left; width:110px; } div.tags .right { float:left; width:170px; } div.price { float:left; padding:0 0 0 25px; width:auto; height:25px; line-height:25px; font-size:15px; font-weight:bold; color:#fff; background:url(images/bg_pricetag.gif) no-repeat; } div.price span { display:inline-block; padding:0 15px 0 0; background:url(images/bg_pricetag.gif) no-repeat right top; } a.buy { float:left; padding:0 0 0 28px; width:auto; height:25px; line-height:25px; font-size:11px; font-weight:normal !important; color:#fff !important; background:url(images/bg_buytag.gif) no-repeat; } a.buy span { display:inline-block; padding:0 10px 0 0; cursor:pointer; background:url(images/bg_buytag.gif) no-repeat right top; } a.buy:hover, a.back:hover { text-decoration:none; } div.unavailable { float:left; padding:0 0 0 10px; width:auto; height:25px; line-height:25px; font-size:11px; color:#000; background:url(images/bg_unavailabletag.gif) no-repeat; } div.unavailable span { display:inline-block; padding:0 10px 0 0; background:url(images/bg_unavailabletag.gif) no-repeat right top; } /* 26/04/2010 */ div.add { float:right; padding:0 8px 0 0; width:auto; height:25px; line-height:25px; font-size:11px; color:#5a5a5a; background:url(images/bg_add_wishlist_right.gif) no-repeat right; } /* 26/04/2010 */ div.add span { display:inline-block; padding:0 2px 0 10px; background:url(images/bg_add_wishlist_left.gif) no-repeat; } /* 26/04/2010 */ div.add span a { display:block; padding:0 0 0 20px; background:url(images/icon_add_wishlist.gif) no-repeat left center; font-weight:normal !important; color:#5a5a5a !important; } div.col-right { float:right; margin:0 0 10px 10px; width:250px; } div.col-right img { float:left; clear:both; margin:0 0 10px; padding:0 !important; } div.col-right .price, div.col-right .buy, div.col-right .unavailable { clear:both; margin:0 0 10px; } /* 26/04/2010 */ div.col-right .add { clear:both; margin:0 0 10px; } /***** basket *****/ table.basket { margin:0; } table.basket thead td { padding:0 10px; height:27px; line-height:27px; white-space:nowrap; font-weight:bold; color:#444444; border:0; background:#e9e9e9; } table.basket thead td.start { background:#e9e9e9 url(images/bg_basket_start.gif) no-repeat; } table.basket thead td.end { background:#e9e9e9 url(images/bg_basket_end.gif) no-repeat right top; } table.basket tbody td { padding:15px 10px; border-bottom:1px solid #e9e9e9; vertical-align:middle; } table.basket tbody tr.padtop td { padding:15px 10px 0; border-bottom:0; } table.basket tbody tr.nopad td { padding:5px 10px; border-bottom:0; } table.basket tbody tr.padbtm td { padding:0 10px 15px; } table.basket tbody tr.last td { border-bottom:0; } table.basket tbody tr.buttons td{ padding:0 10px; border-bottom:0; } table.basket a.title { float:none !important; } table.basket span.code { display:block; } table.basket a.delete { display:inline-block; margin:10px 0; padding:0 0 0 20px; height:14px; line-height:14px; font-weight:normal !important; color:#444444 !important; background:url(images/icon_delete.gif) no-repeat; } table.basket td.price { white-space:nowrap; font-size:15px; font-weight:bold; color:#00b4ed; text-align:right; } /* 26/04/2010 */ table.basket td .together { white-space:nowrap; } table.basket span.field { display:inline-block; padding:5px; width:61px; height:17px; background:url(images/bg_basket_input.gif) no-repeat; } table.basket span.field input { width:61px; height:17px; font-size:15px; font-weight:bold; color:#00b4ed; border:0; background:#e9e9e9; } /* 26/04/2010 */ table.basket span.refresh { display:inline-block; padding:5px 0; width:auto; height:14px; } /* 26/04/2010 */ table.basket span.refresh input { height:16px; line-height:16px; color:#444; border:0; padding-left:10px; background:url(images/icon_refresh.gif) no-repeat left center; cursor:pointer; } table.basket td.notax { text-align:right; } table.basket td.total { text-align:right; font-size:15px; font-weight:bold; color:#5a5a5a; } table.basket tr.last td.price { font-size:18px; } table.basket a.back { float:left; padding:0 0 0 10px; width:auto; height:27px; line-height:27px; font-weight:normal !important; color:#fff !important; background:url(images/bg_basket_back.gif) no-repeat; } table.basket a.back span { display:inline-block; padding:0 10px 0 0; cursor:pointer; background:url(images/bg_basket_back.gif) no-repeat right top; } table.basket a.buy { float:right; padding:0 0 0 10px; width:auto; height:27px; line-height:27px; font-size:12px; font-weight:bold !important; color:#fff !important; background:url(images/bg_basket_buy.gif) no-repeat; } table.basket a.buy span { display:inline-block; padding:0 10px 0 0; cursor:pointer; background:url(images/bg_basket_buy.gif) no-repeat right top; } #col-main fieldset.basket { padding:0; width:580px; } #col-main fieldset.basket p.section { float:left; margin:0 0 15px; padding:0 0 0 20px; width:560px; height:27px; line-height:27px; font-weight:bold; color:#444444; background:#e9e9e9 url(images/bg_basket_start.gif) no-repeat; } #col-main fieldset.basket p.section span { display:block; padding:0 20px 0 0; background:url(images/bg_basket_end.gif) no-repeat right top; } #col-main fieldset.basket .row { margin:0 10px 15px; padding:0; width:560px; } * html #col-main fieldset.basket .row { display:inline; } #col-main fieldset.basket .row.nomarg { margin:0; width:580px; } #col-main fieldset.basket label.radio { padding:0 10px 0 0; width:150px; text-align:left; font-weight:normal; color:#5a5a5a; } #col-main fieldset.basket label.radio input { border:0; } #col-main fieldset.basket .bg-field { background:url(images/bg_basket_field.gif) no-repeat; } #col-main fieldset.basket p.required { margin:0 0 0 110px; } #col-main fieldset.basket p.required span { color:#00B4ED; } #col-main fieldset.basket a.back { float:left; padding:0 0 0 10px; width:auto; height:27px; line-height:27px; font-weight:normal !important; color:#fff !important; background:url(images/bg_basket_back.gif) no-repeat; } #col-main fieldset.basket a.back span { display:inline-block; padding:0 10px 0 0; cursor:pointer; background:url(images/bg_basket_back.gif) no-repeat right top; } #col-main fieldset.basket a.buy { float:right; padding:0 0 0 10px; width:auto; height:27px; line-height:27px; font-size:12px; font-weight:bold !important; color:#fff !important; background:url(images/bg_basket_buy.gif) no-repeat; } #col-main fieldset.basket a.buy span { display:inline-block; padding:0 10px 0 0; cursor:pointer; background:url(images/bg_basket_buy.gif) no-repeat right top; } .buyb { float:right; border:none; padding:0 0 0 10px; width:auto; height:27px; line-height:27px; font-size:12px; font-weight:bold !important; color:#fff !important; background:url(images/bg_basket_buy.gif) no-repeat; } /***** Right *****/ #col-right { float:left; width:340px; } #col-right .title span { background:#00b4ed url(images/c_text_white.gif) no-repeat right top; } #col-right .pad-left-10 { float:left; padding-left:10px; width:330px; } #col-right .pad-left-10.shadow { background:url(images/bg_shadow.gif) no-repeat 2px bottom; } #col-right .home-top { width:340px; height:20px; background:url(images/c_grey_top_right.gif) no-repeat left top; font-size:0; line-height:0; } .subMenu { float:left; width:315px; background:#e9e9e9 url(images/bg_submenu.gif) no-repeat right bottom; padding:0 0 20px 15px; margin-bottom:10px; } .subMenu .top { float:left; width:100%; height:10px; background:#e9e9e9 url(images/c_grey_top_right.gif) no-repeat right top; font-size:0; line-height:0; } .subMenu h2 { float:left; display:block; margin:0; font-size:20px; color:#005ba9; line-height:30px; } .subMenu ul { float:left; width:280px; padding-top:10px; } .subMenu ul li { float:left; width:270px; margin:0; padding:5px 0 5px 10px; background:url(images/arrow_blue.gif) no-repeat left 9px; } .subMenu ul li a { font-weight:bold; color:#444; } .subMenu ul li.active a { color:#00b4ed; } .subMenu ul li ul { float:left; width:270px; padding-top:7px; padding-bottom:0; } .subMenu ul li ul li { display:block; background:none; padding:0; padding:0 0 3px 0; width:260px; } .subMenu ul li ul li a { font-weight:normal; color:#444; } .subMenu ul li ul li a:hover { color:#00b4ed; text-decoration:none; } .subMenu ul li ul li ul { float:left; width:255px; padding-top:7px; padding-bottom:0; padding-left:15px; } .boxRight { float:left; width:300px; padding:15px 0 15px 10px; } .boxRight p { margin-bottom:1em } .boxRight p.withP { padding-top:5px; } .boxRight .prod-title { font-weight:bold; color:#005baa; display:block; } .boxRight .prod-title a { color:#005baa; } .boxRight ul { margin:0 0 0 10px; display:inline; float:left; width:290px; } .boxRight ul li { float:left; width:280px; background:url(images/arrow_blue.gif) no-repeat left 9px; font:bold 12px arial; color:#444; padding:5px 0 5px 10px; margin:0; } .boxRight ul li a { font-weight:bold; color:#444; padding:0; margin:0; } .bannerRight { float:left; padding-left:15px; padding-top:15px; } /***** My basket *****/ dl.basket { overflow:hidden; margin:0 0 10px; padding:0 0 10px; width:300px; border-bottom:1px solid #e9e9e9; } dl.basket dt { margin:0 0 10px; } dl.basket dt span { font-weight:normal; color:#00b4ed; } dl.basket dd { margin:0; } dl.basket dd a.delete { float:left; padding:0 0 0 20px; height:14px; line-height:14px; color:#444444; background:url(images/icon_delete.gif) no-repeat; } dl.basket dd span.price { float:right; font-size:15px; font-weight:bold; color:#00b4ed; } p.basket-total { color:#444444; text-align:right; } p.basket-total span { padding:0 0 0 5px; font-size:15px; font-weight:bold; color:#00b4ed; } a.basket-options { display:block; color:#005ba9; } /* Footer ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ #footer { float:left; width:100%; background:#c0c0c0 url(images/bg_footer_bottom.gif) no-repeat right bottom; } #footer .head { float:left; width:100%; height:20px; background:url(images/bg_footer_top.gif) no-repeat left top; font-size:0; line-height:0; } #footer .main { float:left; width:940px; padding:5px 15px 15px 15px; font-size:11px; } #footer .top { float:left; width:100%; padding:20px 0; border-bottom:1px solid #acacb3; } #footer .top img { float:left; padding:0 45px 0 0; } #footer .top img.last { float:right; padding-right:0; } #footer .bottom { float:left; width:100%; padding:10px 0 0 0; border-top:1px solid #d7d5d5; } #footer ul, #footer ul li { float:left; width:auto; padding:0 15px 0 0; } #footer ul li a { color:#4e4e4e; } #footer ul li.active a { color:#161515; text-decoration:underline; } #footer ul li a:hover { color:#161515; } #footer .copies { float:right; width:auto; } #footer .ien { float:left; color:#4e4e4e; } #footer .atcom { float:left; width:auto; padding:0 0 0 15px; } #footer .atcom a { font-size:10px; color:#4e4e4e; } #footer .atcom a:hover { color:#161515; text-decoration:none; } /* Fixed */ #col-main fieldset.basket .bg-textarea { height:120px; background:url(images/bg_basket_textarea.gif) no-repeat left top; } #col-main fieldset.basket textarea.area { width:368px; height:115px; border:0; font-size:12px; } * html #col-main fieldset.basket textarea.area { height:110px; } *+html #col-main fieldset.basket textarea.area { height:110px; } #col-main .fix-button form { width:100%; } #col-main .fix-button input { width:220px; border:0; margin-top:10px; padding:0 0 0 10px; height:27px; line-height:27px; font-size:12px; font-weight:bold !important; color:#fff !important; background:url(images/bg_basket_buy.gif) no-repeat; } #col-main .fix-button input.buyb { margin-top:0; } #col-main fieldset label.radio input { background:none; height:auto; width:auto; margin-top:0; line-height:auto; } #col-main fieldset input.field { background:none; margin-top:0; font-weight:normal !important; color:#000 !important; } table.basket a.delete { margin-bottom:0; } table.basket a.add-basket { display:inline-block; margin-top:10px; padding:0 0 0 20px; height:14px; line-height:14px; font-weight:normal !important; color:#444 !important; background:url(images/icon_basket.gif) no-repeat; } #col-main fieldset label.code { width:auto; }