/* BASE /////////////////////////////////////////////////////////////////////////////////// */ * { margin: 0; padding: 0; } body { color: #283542; font: 0.875em Tahoma, Helvetica,Verdana, Arial ; line-height: 1.5em; width: 100%; height: 100%; background-color: #283542; } body#popup { background-color: #FFF; margin: 20px 30px; width: auto; } a { text-decoration: none; color: #6491b2; } a img {border: none;} a:link, a:visited {color: #6491b2; text-decoration: none;} html body a:hover {text-decoration: underline; } p { padding: 2px 0 6px 0; font-size: 0.8125em; } h1 { color: #283542; padding: 10px 0 5px 0; font-size: 0.8125em;} strong { color: #283542; padding: 10px 0 5px 0; font-size: 0.8125em;} h2 { color: #6c9cc0; padding: 10px 0 5px 0; font-size: 0.9em;} h3 { color: #c51313; padding: 5px 0 5px 0; font-size: 1em; } ul,li,input,label,dl,dt,dd,ol { font: 0.875em Tahoma, Helvetica,Verdana, Arial ;} /* Listy /////////////////////////////////////////////////////////////////////////////////// */ ul { margin: 5px 0 15px 0; line-height: 1.5em; } ul li { padding: 0 0 2px 10px; list-style-type: none; background: url('../gfx/arr.gif') 0 5px no-repeat; } li ul li { padding: 0 0 2px 10px; list-style-type: none; background: url('../gfx/arr.gif') 0 5px no-repeat; } ol li { padding: 10px 0 10px 0; text-align: justify;} li p { padding: 0; } ol ul li { font-size: 1.155em !important; margin-left: 10px; background-position: left center;} ol p { font-size: 1em ; } dd { padding: 30px 0 8px 0; font-weight: bold; } dt { text-align: justify; } /* Formularze /////////////////////////////////////////////////////////////////////////////////// */ form,input,textarea,select { color: #000; vertical-align: middle; margin: 0; } select { font-size: 9px; background-color: #ffffff; color: #526476; } textarea, input.text { border: 1px solid #526476; color: #526476; padding: 3px 4px; margin: 0; width: 150px; background-color: #ffffff; } input.button,a.button,.button img { border: 1px solid #2a3744; border: 1px solid #1c252e; border-left: 1px solid #627487; border-top: 1px solid #627487; background-color:#6491b2; font-weight: bold; padding: 4px 4px; margin: 0; color: #f1f5f9; cursor: pointer; width: auto; overflow: visible; } a.button { font-size: 0.8125em; margin-right: 10px;} a.light,.light,input.light { background-color: #6c9cc0; color: #536372; } .buttons { text-align: center; } input.num { width: 40px; text-align: center; } /* Ogólne /////////////////////////////////////////////////////////////////////////////////// */ .clearing { clear: both; line-height: 0.1%; font-size: 0.1%; } p.more { padding: 0; } p.more a { background: url('../gfx/more.gif') right center no-repeat; padding: 0 14px 0 0; } .fl { float: left } .fr { float: right } .l_img { float: left; margin: 0 15px 10px 0; } .r_img { float: right; margin: 0 0 10px 15px; } .c_img { text-align: center; margin: 0 15px 10px 15px; } .l { text-align: left; } .r { text-align: right; } .c { text-align: center; } .info td.noborder { border: none; } .red { color: #aa2233; } .invalid { background-color: #f1a5a9; } /* LAYOUT /////////////////////////////////////////////////////////////////////////////////// */ .mainPage { background: url('../gfx/bg.gif') 0 0 repeat-x; } .subPage { background: url('../gfx/bg2.gif') 0 1px repeat-x; } #content { width: 980px; margin: 0 auto; } #header { background-color: #526476; padding: 0 28px; border-bottom: 5px solid #364655; height: 44px; voice-family: "\"}\""; voice-family:inherit; height: 39px; } #all { width: 980px; background: url('../gfx/bg_cont.gif') 0 0 repeat-y; padding-bottom: 30px; } #leftCol { float: left; width: 200px; background: url('../gfx/menu_bg.gif') 0 0 repeat-y; } #page { float: left; width: 590px; } #rightCol { float: left; width: 190px; } #gfx { padding: 0 30px; } /* HEADER /////////////////////////////////////////////////////////////////////////////////// */ #header ul { margin: 0; padding: 0; } #header li { list-style-type:none; float: left; padding: 0; background-image: none; } #menu1 { float: left; } #menu1 a { display:block; background: url(../gfx/menu_sep.gif) left top no-repeat; padding: 13px 28px 0 28px; color: #b4bcc3; text-decoration: none; } #menu1 a:hover { color:#FFF; } #menu1 .log a { color: #4f3236; } #menu2 { float: right; } a#m1 { display:block; background: url(../gfx/recommend.gif) 0 14px no-repeat; color: #2c3b49; font-weight: normal; text-decoration: none; padding: 13px 0 0 27px; } a:hover#m1 { color: #b4bcc3; } /* MENU /////////////////////////////////////////////////////////////////////////////////// */ div#menu { background: url('../gfx/menu.gif') 0 0 no-repeat; width: 200px; } #menu ul { margin: 10px 19px 0 19px; padding: 0; width: 162px; } #menu ul li { list-style:none; margin: 0; padding: 0; background-image: none; } * html #menu ul li { height:1px; vertical-align:bottom; } #menu ul li a { display:block; font-size: 1em; padding: 4px 0 8px 1px; color:#FFF; font-weight: bold; background: url('../gfx/m.gif') left bottom repeat-x; } #menu ul li.last a { background-image: none; } #menu ul li.selected a { color: #6c9cc0; } * html #menu ul li a { height:1px; } #menu ul ul { margin: 0; padding:0; width: 162px; } #menu ul ul li { margin: 0; padding: 0; } * html #menu ul ul li { height:1px; vertical-align:bottom; line-height: 11px;} #menu ul ul li a { font-size: 1.1em; font-weight: normal; margin: 0; padding: 4px 0 7px 20px; text-decoration:none; color: #FFF; width: 142px; } #menu ul ul li a:hover { text-decoration: underline; } #menu ul ul li.selected a { color: #6c9cc0; font-weight: bold; } * html #menu ul ul li a { height: 1px; } #menu ul ul ul { margin: 0; padding:0; width: 162px; } #menu ul ul ul li { margin: 0; padding: 0; } * html #menu ul ul ul li { height:1px; vertical-align:bottom; line-height: 11px;} #menu ul ul ul li a { font-size: 1em; font-weight: normal; margin: 0; padding: 4px 0 7px 40px; text-decoration:none; color: #FFF; width: 122px; } #menu ul ul ul li a:hover { text-decoration: underline; } #menu ul ul ul li.selected a { color: #6c9cc0; font-weight: bold; } * html #menu ul ul ul li a { height: 1px; } /* search /////////////////////////////////////////////////////////////////////////////////// */ .mod,.za { background: url('../gfx/bg_mod.gif') 0 0 no-repeat; width: 200px; padding: 16px 8px 0 16px; margin: 0 0 10px 0; voice-family: "\"}\""; voice-family:inherit; width: 176px; } * > #search form { margin-top: 1px; } #search .text { width: 159px; border: 1px solid #1c252e; border-right: 1px solid #627487; border-bottom: 1px solid #627487; background-color: #526476; color: #283542; margin: 0 10px 0 0; padding: 1px 4px 2px 4px; vertical-align: middle; voice-family: "\"}\""; voice-family:inherit; width: 111px;} /* to dla ff itd bo nie mozna usunac marginesu inputa w ie */ * > #search .text { margin: 2px 0; } #search .button { line-height: 12px; cursor: hand; padding: 0 2px; margin: 0; vertical-align: middle; background-color:#526476; color: #273441; } * > #search .button { margin: 2px 0 0 2px; } #search a { background: url('../gfx/adv.gif') right center no-repeat; padding: 0 10px 0 0; font-size: 0.7em; color: #526476; line-height: 9px;} #producers a { display: block; width: 176px; height: 35px; background-position: 0 0; background-repeat: no-repeat; margin-bottom: 7px;} #producers a span { display: none; } #producers a:hover, #producers a.selected { background-position: 0 -35px; } .za { padding-top: 10px; color: #6c9cc0;} .za a { color: #6c9cc0; } .za strong { color: #6c9cc0; } .za ul li { line-height: 1.7em; padding-left: 18px; } #za1,.c_za1 { background: url('../gfx/ik_kom.gif') 0 0 no-repeat; } #za2,.c_za2 { background: url('../gfx/ik_mail.gif') 0 3px no-repeat; } #za3,.c_za3 { background: url('../gfx/ik_skype.gif') 0 3px no-repeat; } #za4,.c_za4 { background: url('../gfx/ik_gg.gif') 0 4px no-repeat; } #za5,.c_za5 { background: url('../gfx/ik_tel.gif') 0 0 no-repeat; } .c_za1,.c_za2,.c_za3,.c_za4,.c_za5 { padding-left: 18px; background-position: 0 0px;} /* FOOTER /////////////////////////////////////////////////////////////////////////////////// */ #footer { background: url('../gfx/foot.gif') 0 0 no-repeat; margin-bottom: 30px; } #footer p { color: #f6f6f6; float: left; padding: 5px 0 0 200px; font-size: 0.7em; } #footer a { color: #708498; font-size: 0.95em; } #footer ul { float: right; margin: 10px 190px 0 0; color: #6491b2;} #footer li { float: left; background: url('../gfx/s.gif') right center no-repeat; padding: 0 10px; } #footer li.last { background-image: none; padding-right: 0;} /* LOCALISER /////////////////////////////////////////////////////////////////////////////////// */ #localiser { font-size: 0.70em; line-height: 1.4em; background-color: #bac4cd; padding: 3px 30px 5px; color: #1b252f; width: 100%;} #localiser a { font-weight: normal; color: #1b252f; padding: 0 9px 0 6px; background: url('../gfx/arr.gif') right center no-repeat; display: inline; } #localiser a.last { background: none; } #localiser span { padding-left: 8px; } /* INNER MENU ///////////////////////////////////////////////////////////////*/ #innerMenu { font-size: 0.70em; line-height: 1.4em; background-color: #bac4cd; padding: 3px 30px 5px; color: #1b252f; width: 100%;} #innerMenu a { font-weight: normal; color: #1b252f; padding: 3px 9px 6px 9px; display: inline; } #innerMenu a:hover { background-color: #6c9cc0; } #innerMenu span { padding-left: 8px; } #innerMenu .selected { background-color: #f1f5f9 } /*PAGINACJA SORTOWANIE //////////////////////////////////////////////////// */ .nav { width: 100%; padding: 0; font-size: 0.70em; margin-bottom: 10px; text-align: center} .nav a { color: #526476; } .num_navi,.changeView,.sort { float: left; border-right: 1px solid #ced4da; padding: 5px 10px; } .num_navi { padding-left: 0; } paginate { background: url(../gfx/bg7.gif) left bottom repeat-x; padding: 5px 1px; height: 30px; } .paginate a, .paginate span { font-weight: bold; font-size: 9px; } .paginate .prev { padding: 0 0 0 18px; float: left; width: 81px; } .paginate .next{ text-align: right; padding: 0 18px 0 0; float: left; width: 81px; } .paginate .num { text-align: center; width: 330px; float: left; color: #000; } .paginate .num a, .paginate .num span { padding: 0 5px; } .paginate .num a.selected { color:#000; } .prev, .next { color: #bac4cd; } .prev a { background: url(../gfx/prev.gif) left center no-repeat; padding-left: 6px; color: #526476; } .next a { background: url(../gfx/arr.gif) right center no-repeat; padding-right: 6px; color: #526476; } .numbers { padding: 0 5px; } .numbers a { padding: 1px 4px; } .numbers span.sel a { background-color: #526476; color: #f1f5f9; } .sort form { display: inline; vertical-align:middle; float: left; } .sort label { padding: 6px 5px 0 0; float: left; display: block; vertical-align:middle ; font-size: 9px; } .sort select { display: inline; margin: 2px 0 0 0; font-size: 9px; vertical-align:middle; } a.up, a.down { background: url(../gfx/up_down.gif) 0 0 no-repeat; width: 17px; height: 14px; display: block; float: left; margin-top: 0; } a.down { background: url(../gfx/up_down.gif) 0 -100px no-repeat; } .up span, .down span { display: none; } .changeView { } .changeView label { padding: 6px 0 0 0; float: left; display: block; margin-right: 15px; } a.cols, a.rows { margin-top: 5px; background: url(../gfx/rows_cols.gif) 0 -110px no-repeat; width: 40px; height: 14px; display: block; float: left; } a.rows { background: url(../gfx/rows_cols.gif) 0 0 no-repeat;} .changeView a span, .changeView a span { display: none; } /* Product /////////////////////////////////////////////////////////////////////////////////// */ #gfx a img, .image a img { border: 1px solid #929fab; padding: 1px; background-color: #f1f5f9; margin-bottom: 10px;} .image.selected a img { border: 2px solid #6c9cc0; padding: 0px; } #gfx a:hover img, .image a:hover img { border: 1px solid #283542; background-color: #FFF; } .image.selected a:hover img { border: 2px solid #6c9cc0; padding: 0px; } .image a:hover {text-decoration: none; } .image.selected a span { font-weight: bold; } .category { margin-bottom: 15px; width: 100%; border: none; border-collapse: collapse; } .mainPage .category { margin-bottom: 0; } .category p { line-height: 1.2em; } .category td, .category th { padding: 15px 0 5px 0; background: url(../gfx/l.gif) left bottom repeat-x; } .category td.img { width: 120px; background: url(../gfx/l.gif) left bottom repeat-x; } .category h1, .category h2 { padding: 0; line-height:1em; } .category select { font-size: 9px; } .price {text-align: center; float: right; width: 100px; height: 24px; background: url('../gfx/price2.gif') center center no-repeat; color: #FFF; font-weight: bold; margin: 0 auto 5px auto; font-size: 1.2em} #threecols td { width: 33%; padding: 10px 0 10px 0; border-right: 20px solid #f1f5f9; background: url(../gfx/l.gif) left bottom repeat-x; text-align: center;} #threecols .price { float: none; } .addToBasket { margin: 10px 0;} .addToBasket a { padding: 5px 0 5px 32px; background: url('../gfx/addToBasket.gif') 0 0 no-repeat; font-weight: bold; } .addToBasket input { width: 20px; text-align:center; font-size: 11px; } #addToCart input { width: 20px; text-align:center; } .small td,.small th { padding: 4px 5px 4px 0; border: none; font-size: 9px; vertical-align: middle; } .small th { text-align: right; width: 30%; } .small select { width: 190px; } table.small { width: 100%; } .small .num input { width: 20px; margin: 0px; padding: 0 3px 0 3px; font-size: 11px; text-align: right; } .icons { float:left; width: 140px; } .icons img { margin-bottom: 5px; } #technicalLink { font-size: 0.8125em; padding: 0 0 0 25px; background: url('../gfx/techn.gif') 7px 4px no-repeat; } .leftPanel { float: right; width: 80px; text-align: right; } #comments { background: #e7edf4 url(../gfx/l.gif) left bottom repeat-x; padding: 0 10px; border: 1px solid #bac4cd; } #addOpinion { float: right; padding: 11px 0 22px 0; } #addOpinion a { background: url(../gfx/addcomment.gif) 0 2px no-repeat; padding: 2px 0 2px 22px; font-weight: bold; font-size: 0.8em; } /* LISTA PRODUKTÓW /////////////////////////////////////////////////////////////////////////////////// */ #productList { padding: 10px 0; font-size: 0.8em; margin-bottom: 10px; width: 510px; line-height: 0.9em;} #productList td { text-align: center; padding-right: 10px; } #productList img { margin: 0; } #detail { margin-bottom: 0; } /* KALKULATORY //////////////////////////////////////////////////////////////////////////////////////////////////*/ .modules { text-align:center; margin-top: 12px; } #mid { margin: 0 3px; } /* KOSZYK //////////////////////////////////////////////////////////////////////////////////////////////////*/ #basket_panel { background: #6c9cc0 url(../gfx/bg_basket.gif) 0 0 repeat-y; } #basket_panel table { padding: 0; border-collapse:collapse; margin: 0 0 10px 10px; } #basket_panel table th, #basket_panel table td { padding: 3px; color: #f6f6f6; font-weight: normal; font-size: 0.7em; line-height: 9px; } #basket_panel table th { text-align: left; } #basket_panel table td { text-align: right; font-weight: bold; } #basket_panel .bot { width: 190px; height: 4px; background: url(../gfx/basket_sep.gif) 0 0 no-repeat; line-height:4px; font-size:0.1%; } .banners { text-align:center; background: url(../gfx/mod.gif) 0 0 no-repeat; } .banners img { margin-top: 10px; } .flash_banner { text-align:center; background: url(../gfx/mod.gif) 0 0 no-repeat; padding: 10px 0 5px 0; } #promotions { background: url(../gfx/mod2.gif) 0 0 no-repeat; margin-top: 10px; } #promotions a img { border: 1px solid #283542; padding: 1px; } #promotions a:hover img { border: 1px solid #bac4cd; } #promotions p { padding-left: 10px; } #promotions a { color: #FFF; } #promotions .bot { margin: 0 10px; height: 2px; background: url(../gfx/l2.gif) 0 0 repeat-x; } #pinia { background: url(../gfx/mod2.gif) 0 0 no-repeat; margin-top: 10px; padding: 15px 0 10px 10px; } #pinia p a { color: #bac4cd; line-height: 1.5em; font-size: 11px; text-align: center; } #newsletter { background: url(../gfx/mod2.gif) 0 0 no-repeat; margin-top: 10px; padding: 15px 0 10px 10px; } #newsletter p { color: #bac4cd; padding: 0 17px 5px 3px; line-height: 1.5em; font-size: 11px; } #newsletter .text { font-size:10px; width: 129px; border: 1px solid #1c252e; border-right: 1px solid #627487; border-bottom: 1px solid #627487; background-color: #bac4cd; color: #283542; margin: 0 0px 0 0; padding: 1px 4px 2px 4px; vertical-align: middle; voice-family: "\"}\""; voice-family:inherit; width: 111px;} /* to dla ff itd bo nie mozna usunac marginesu inputa w ie */ * > #newsletter .text { margin: 2px 0; } #newsletter .button { line-height: 12px; cursor: hand; padding: 0 2px; margin: 0; vertical-align: middle; font-size:10px; } * > #newsletter .button { margin: 2px 0 0 2px; } /* #newsletter a { background: url('../gfx/adv.gif') right center no-repeat; padding: 0 10px 0 0; font-size: 0.7em; color: #526476; line-height: 9px;} */ #newsletter a { padding: 4px 0 0 0; vertical-align: middle; } .separate { height: 1px; font-size: 1px; line-height: 1px; border-top: 1px solid #e5e9ee; margin: 5px 0 ;} /* TABELE /////////////////////////////////////////////////////////////////////////////////// */ td { vertical-align: top; } .info { margin: 10px auto 10px auto; border-collapse: collapse; color: #283542; font-size: 0.9em; } .info td { padding: 5px 8px; border: 1px solid #acb7c0; border-collapse: collapse; vertical-align: middle; text-align: left; } .info .td_nobd { background-image: none; } .buttons td { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; } .info th { font-weight: normal; background-color: #bac4cd; padding: 2px 8px 2px 8px; color: #283542; text-align: center; border: 1px solid #acb7c0; } td.first { font-weight: bold; background-color: #dbe3e9; } .line0 td { background-color: #ffffff; border: 1px solid #acb7c0;} .info input.text { width: 190px; } .info select { width: 200px; } .info textarea { width: 190px; } #calculator { background-color: #FFF; margin: 15px 0; padding: 15px 10px; } #result { text-align: center; padding: 10px 0; } #result a img { border: none; padding: 0px; margin: 0px; } #result a:hover img { border: none; padding: 0px; margin: 0px; } #calculator .buttons { padding: 5px 0;} #calculator table { border-collapse: collapse; width:100%; } #calculator td { background: url(../gfx/l.gif) left bottom repeat-x; padding: 10px 0 10px 0; border-collapse: collapse;} #calculator table td.desc { width: 180px; padding-right: 10px; } #calculator h1 { padding: 0; margin: 0; line-height:1em;} #calculator label { font-size: 0.8125em; } #calculator input { margin-right: 5px;} small { display: block; font-size: 0.75em; padding: 5px 0 5px 0; line-height:1.2em; color: #90a1b2;} .calculatorCart { font-size: 0.8125em; } .calculatorCart td { padding: 0px 0px; } #cloud { position: absolute; -moz-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; text-align:center; z-index: 5; background-color: #000; background-image: url('../gfx/opacity.gif'); left:0px; top:0px; right:0px; display: none; height: 100%; } #overlay { position: absolute; width: 498px; height: auto; overflow: none; margin: 3px; z-index: 10; margin-left: -255px; display: none; top: 250px; left: 50%; right: auto; bottom: auto; padding: 10px; background: #FFF url(../gfx/bg_over.gif) left top repeat-x; border: 1px solid #526476; border-top-width: 3px; } .image { float: left; padding: 0px 8px 20px 8px; margin: 0 auto; display: inline; height: 130px; text-align: center; width: 100px; } #overlay .image a { font-size: 11px;} #productList .image { width: 80px; text-align: center; height: 80px;} .image span { display: block; line-height: 1.2em; text-align: center; margin: 0; } .image a img { margin-bottom: 3px !important; } .overlayclose { padding: 5px 20px 5px 0; margin-bottom: 10px; } .overlayclose a { font-size: 11px; padding: 0 15px 0 0; background: url(../gfx/close.gif) right center no-repeat; color: #526476;} /* TABELA KOSZYK */ .basket td { padding: 4px 5px 3px 5px; border: 1px solid #acb7c0; } .head td { color: #283542; background-color: #bac4cd; padding: 5px 5px; font-weight: normal; background-image: none; } .head a { text-decoration: underline; } .basket .num input { width: 20px; margin: 0 5px; padding: 0 3px 0 1px; font-size: 11px; text-align: right; } .basket img { border: 0px; padding 0 3px 0 3px; } .money { background-color: #d4dbe2; text-align: right; } td.money { text-align: right; } td.money_sum { background-color: #6c9cc0; color: #FFF; font-weight: bold; text-align: right; } /* TABELA PORÓWNAWCZA */ .compare td, .compare th { padding: 5px 5px 7px 5px; font-size: 0.9em; border: 1px solid #acb7c0; } /* PROFIL UZYTKOWNIKA */ .orders { width: 100%; } .orders td, .orders th { padding: 6px; font-size: 0.9em; text-align: left; } .orders { font-size: 0.9em; margin: 10px; border-collapse: collapse; } .info .info { margin: 0; width: auto; } .orders p { font-size: 9px; } .orders h5 { color: #8bd618; font-size: 12px; margin: 0 0 3px 0; } /* INSANE */ /* start for JS:changeElementVisibility(elementName) */ .hide { display: none; } tbody.show { display: table-header-group; } /* tbody version for IE */ tbody.ieshow { display: block; } span.shortPrice input { width: 40px; margin-right: 18px; } table.advSearch { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; } table.advSearch tr.buttons { text-align: center; } table.advSearch th { padding: 4px 24px 4px 0; font-weight: bold; text-align: left; } table.advSearch td { padding: 4px 0; } table.advSearch td table.checkboxes { margin: 0px; padding: 0px; border-collapse: collapse; border: 0px; } table.advSearch td table.checkboxes td { padding: 2px 8px 2px 0; } table.advSearch td table.checkboxes td.ch { vertical-align: middle; } table.advSearch td table.checkboxes td.split { padding-left: 40px; } .staticInfo { padding: 40px 10px; text-align: center; } .staticInfo p { margin-bottom: 20px; font-weight: bold; text-align: center; } .stat { text-align: center; } .stat a img { border: 0px; } .small { font-size: 9px; font-weight: normal; } #reg { height: 408px; overflow:auto; margin: 5px 0 0 6px; padding: 0 10px 0 0; } #reg ol { padding: 5px 0 5px 20px; margin: 0 0 20px 0; } #reg li { padding: 0 15px 8px 23px; line-height: 15px; } #reg .norm li { padding-bottom: 2px; } #popup { text-color: white; } hr { margin: 10px 10px; } /* ORDER DETAILS - classes and ids should not be overridden due to proper printing */ #order { font-size: 11px; } #order table { margin: 0px; padding: 0px; font-size: 10px; width: 100%; border-collapse:collapse; } #order tr.noborder td { border: 0px; } #order th, #order td { border: 0px; padding: 3px 4px; } #order td.first { text-align: center; font-weight: bold; } #order .fl { float: left; } #order .hr { margin: 16px 0; border-bottom: 1px dashed #999; } #order .sep { margin: 16px 0; } #order .half { width: 49.5%; margin: 0; padding: 0; } #order .left { float: left; } #order .right { float: right; } #order .cart { table-layout: fixed; } #order .cart td { border: 1px solid #ddd; } #order .twrapper { width: 100%; } /* Add project specific definitions here. */ @media screen { #order th, #order td { border: 1px solid #ddd;} } #order th, #order caption { background: #111; color: #fff; } #order .hr { border-top: 0; } #order .print { float: right; } #order .print a img { border: 0; } /* ORDER DETAILS - end */ /* USABILITY /////////////////////////////////////////////////////////////////////////////////// */ .skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; } .basket .subcartitem td { border-top: 0; } #main h1 { font-size: 18px; text-align: center; }