/* * CSS FOR NORDENDACK.SE * Author: Daniel Cederwall, danielcederwall@gmail.com, daniel@nordendack.se * * CONTENT: * - Global styles" * -positions styles * -text color styles * -header and text styles * * - Header styles * -languages box * -information page navigation * -breadcrumb box * * - Left column styles * -search box * -category navigation box * -manufacturers and boltwidth box * -show icons box * * - Right column styles * -login boxunderrubrik_0 * -cart and news box * -news text in newsbox * -news text in newsview * -controlpanel, when you?re logged in * * - Footer styles * * - Frontpage * -three offer products * * - Offer products page * * - Productlisting * -more information about the product * -product info, view of the product * * - Forms * -contact form * -old return form * -administrative forms, when you?re logged in * * - Tables * -load- and weightindex * * - Checkout * -checkout shipping * -checkout confirmation * * - Wheels * * - Shopping cart * * - Nordenpartner * * - Sitemap and Relate links */ /* * GLOBAL STYLES ------------------------------------------------------------- */ * { font-family: "Trebuchet MS", Verdana; margin: 0; padding: 0; text-decoration: none; } body { text-align: center; background: url(/images/layout/bg_line.png) repeat-x #8f9090; overflow-x: hidden; } .fixcenter { width: 980px; background-color: #FFF; border-left: 1px solid #000; border-right: 1px solid #000; color: #000; margin: 0 auto 0 auto; text-align: left; } img { behavior:url(/styles/Nordendack_v3_vinter/iepngfix.htc); } td { font-size: 12px; } td.pageHeading_pages, td.pageHeading { padding: 0 0 10px 0; } td.main_manufacturer { } td.information_box { background: #fff9db; padding: 5px; border: 1px solid #efefef; } table.main_table { background: url(/images/layout/main_table_bg.png) no-repeat 2px 0px; } div.clear { clear: both; } select { font-size: 11px; } td.main_content_column { padding: 0 15px 0 10px; background: url(/images/layout/pageheading_bg.png) no-repeat 0 0; width: 667px; } img { border: none; } img.kopguide_img { padding: 10px 0 0 0; } img.nitro { float: right; margin: 0 5px 0 5px; } img.nitro_2 { float: right; margin: 5px 5px 0 5px; } a { } a.body_type:link, a.body_type:visited, a.body_type:active { color: #ffab09 /*blå: #0090ff*/; background: url(/images/layout/dotted.png) repeat-x bottom left; font-weight: 600; } a.body_type:hover { color: #373737; background: url(/images/layout/dotted.png) repeat-x bottom left; font-weight: 600; } a.category_body_link, a.category_body_link:visited, a.category_body_link:active { color: #0090ff; font-weight: 600; } a.category_body_link:hover { color: #373737; font-weight: 600; } a.pageResults u { color: #0090ff; text-decoration: none; font-weight:600; } a.pageResults_next { color: #ffab09; text-decoration: none; font-weight:600; background:url(/images/layout/button_arrow_left.png) no-repeat right top; padding:3px 40px 0 0; } a.pageResults_back { color: #ffab09; text-decoration: none; font-weight:600; background:url(/images/layout/button_arrow_right.png) no-repeat left top; padding:3px 0 0 40px; } span.pageResults_current { border:1px solid #0074cd; background:#0090FF; padding:1px 7px; color:#fff; font-weight:600; } a.checkoutBarFrom:link, a.checkoutBarFrom:visited, a.checkoutBarFrom:active { color: #ffab09; font-weight: 600; font-size:11px; text-transform:uppercase; } a.checkoutBarFrom:hover { color: #373737; font-weight: 600; } td.fieldValue a { color:#093655; text-decoration:none; } td.checkoutBarCurrent, td.checkoutBarTo { color: #4DA6E4; font-weight: 600; font-size:11px; text-transform:uppercase; } ul { } ul.body_type { list-style-image: url(/images/layout/arrow_dot.png); padding: 5px 0 5px 8px; margin: 0 0 0 20px; } ul.pdf { list-style: none; padding: 0px; margin: 5px 0 3px 25px; list-style-image: url(/images/layout/icon_pdf.gif); } ul.list_style_none { list-style:none; } /*-------- positions styles --------*/ .left { float: left; } .right { float: right; } .margin_right_5 { margin-right:5px; } .margin_right_15 { margin-right:15px; } .margin_top_3 { margin-top:3px; } .margin_left_15 { margin-left:15px; } .margin_left_10 { margin-left:10px; } .margin_left_25 { margin-left:25px; } /*-------- text color styles --------*/ span.green { color: #58b039; } span.grey { color: #3e3e3e; } span.orange { color: #ffab09; } span.black { color: #000; } span.red { color: #ce1313; } /*-------- header and text styles --------*/ h1.headingh1 { font-size: 18px; font-weight: 100; color: #373737; padding: 15px 0 0 0; background: url(/images/layout/dotted.png) repeat-x bottom left; margin: 0 0 5px 0; } h2.heading { color: #373737; border-bottom: 1px solid #eeeaea; font-size: 15px; font-weight: 600; margin: 10px 0 5px 0; padding: 3px 3px 1px 3px; } h3.subheading { font-size: 12px; font-weight: 600; color: #3e3e3e; padding: 2px 0 2px 0; } h3.subheading_indent { font-size: 12px; font-weight: 600; color: #3e3e3e; padding: 0 0 0 7px; } p.body_type { font-size: 12px; color: #000; line-height: 18px; margin: 3px 0 0 0; } p.body_type_indent { background: #f5f5f5; border: 1px solid #f1f1f1; padding: 0 0 0 7px; } small { font-size: 10px; } span.required_mark { vertical-align: top; font-weight: 600; color: #373737; } span.inputRequirement { font-size: 12px; font-weight: 600; } /* * HEADER STYLES ------------------------------------------------------------- */ /*-------- languages box --------*/ div#languages { position: absolute; top: 0; left: 0; width: 100%; /*background: url(/images/layout/languages_bg.png) repeat-x;*/ } div#choose_languages { background:url(/images/layout/new_languages_box_bg.png) no-repeat; /*width: 977px; margin: 0 auto 0 auto; text-align: right; padding: 10px 15px 0 0;*/ padding:20px 0 10px 14px; color:#fff; } div#choose_languages ul { list-style:none; margin:2px 0 0 0; } div#choose_languages ul li { margin:0 0 5px 0; } div#choose_languages a { color:#fff; } div#choose_languages img { margin:0 5px 0 0; vertical-align:top; } /*-------- information pages navigation --------*/ div#information { display: block; position: relative; clear: left; background: url(/images/layout/information_bg.png) no-repeat; height: 33px; margin: 5px 0 0 2px; } div#information ul.underrubrik_0 { list-style: none; position: relative; top: 7px; left: 162px; } div#information ul.underrubrik_0 li { display: inline; margin: 0 10px 0 0; font-size: 13px; font-weight: 600; text-transform: uppercase; } div#information ul.underrubrik_0 li a { color: #FFF; } div#information ul.underrubrik_1, div#information ul.underrubrik_2 { display: none; } /*-------- breadcrumb box --------*/ div#header_navigation { display: block; position: relative; background: url(/images/layout/breadcrumb_bg_winter.png) no-repeat; color: #FFF; font-size: 11px; height: 25px; } div#breadcrumb { float: left; padding: 5px 5px 0 5px; } a.breadcrumb:link, a.breadcrumb:visited, a.breadcrumb:hover, a.breadcrumb:active { color: #fff; font-size: 11px; text-decoration: none; } /* * LEFT COLUMN STYLES ------------------------------------------------------------- */ td.left_column { background: url(/images/layout/search_box_bg_new.png) no-repeat #333; width: 147px; } /*-------- search box --------*/ div#search_box { height: 70px; width: 142px; padding: 8px 0 0 9px; } div#search_box p.box_heading { font-size: 13px; font-weight: 600; color: #FFF; margin: 0 0 5px 0; } div#search_box input.search_input { background: url(/images/layout/search_box_input_bg.png) no-repeat; width: 100px; height: 24px; border: 1px solid #000; padding: 4px 3px 5px 20px; font-size: 11px; } div#search_box input.search_box_button, div.product_information input.search_box_button { position: absolute; } a.advanced_search { font-size:11px; color:#ffc000; text-decoration:none; } /*-------- category navigation --------*/ div#category_listing { background:url(/images/layout/new_languages_box_bg.png) no-repeat; padding:13px 0 11px 6px; } td.left_column .underrubrik_0 span.category_link, td.left_column .underrubrik_0 a { display: block; padding: 4px 0 1px 6px; color: #fff; cursor: pointer; } td.left_column .underrubrik_0 span.category_hover, td.left_column .underrubrik_0 a:hover { display: block; padding: 4px 0 1px 6px; color: #ffc000; cursor: pointer; } td.left_column .underrubrik_0 span.category_link, td.left_column .underrubrik_1 span.category_link, td.left_column .underrubrik_2 span.category_link { color: #ffc000; } td.left_column .underrubrik_1, td.left_column .underrubrik_2, td.left_column .underrubrik_3, td.left_column .underrubrik_0 .subcategory .underrubrik_0 span, td.left_column .underrubrik_0 .subcategory .underrubrik_0 a { padding: 0 0 0 10px; } /*-------- manufacturers and boltwidth box --------*/ /* div#boltwidth_box { padding:4px 0 11px 12px; } div#boltwidth_box a { color:#fff; display:block; } div#boltwidth_box a:hover { color:#ffc000; } div#bult { padding:0 0 0 10px; } div#bult a { color:#fff; display:block; padding:5px 0 0 0; } div#bult a:hover { color:#ffc000; } */ /*-------- show icons box --------*/ div#show_icons img { padding: 10px 5px 0 5px; } /* * RIGHT COLUMN STYLES ------------------------------------------------------------- */ td.right_column { background: url(/images/layout/right_column_bg.png) repeat-y; } /*-------- login box --------*/ div#login_cart { padding: 10px 0 10px 5px; width: 145px; } div#login_cart p { display: inline; } div#login_cart a, div#cart a { color: #373737; } div#login_cart input#username, div#login_cart input#password { background: url(/images/layout/input_bg.png) repeat-x; width: 135px; border: 1px solid #000; font-size: 10px; height: 20px; margin: 0 0 5px 0; padding: 2px 0 0 0; } div#login_cart input#log_in { background: none; display: block; float: right; width: auto; height: auto; border: 0; margin: 0 10px 0 0; } div#login_error { padding: 10px 0 0 5px; } div#login_cart ul { list-style-image: url(/images/layout/info_dot.png); margin: 0 0 0 20px; font-size: 10px; } div#login_cart label { display: block; font-weight: 600; } /*-------- cart and news box --------*/ div#cart, div#news { background: url(/images/layout/right_column_section_bg.png) repeat-x; padding: 10px 0 10px 5px; } div#cart p.box_heading { background: url(/images/layout/shopping_cart.png) no-repeat center right; display: block; margin: 0 5px 0 0; padding: 9px 0 0 0; font-size: 13px; font-weight: 600; height:33px; } div#cart ul { list-style-image: url(/images/layout/arrow_dot.png); margin: 0 0 0 20px; font-size: 10px; } div#news p.box_heading { display: block; margin: 0 5px 0 0; padding: 9px 0 0 0; font-size: 13px; font-weight: 600; height: 33px; } /*-------- news text in newsbox --------*/ p.news_title { font-size: 12px; color: #373737; font-weight: 600; } p.news_description { font-size: 11px; color: #373737; } a.news_link:link, a.news_link:visited, a.news_link:hover, a.news_link:active { float: right; display: block; color: #ffab09; font-size: 11px; font-weight: 600; width: 145px; text-align: right; margin: 0 0 5px 0; border-bottom: 1px solid #eeeaea; } /*-------- news text in newsview --------*/ h1.news_page_title { font-size: 18px; font-weight: 100; color: #3e3e3e; padding: 15px 0 1px 0; margin: 0 0 6px 0; background-image: url(/images/layout/dotted.png); background-repeat: repeat-x; background-position: bottom left; } h2.news_page_description { color: #3e3e3e; font-size: 13px; font-weight: 600; margin: 10px 0 0 0; } small.news_page_date { /*Visa nyhet - Datum*/ font-size: 10px; color: #808080; } p.news_page_body { margin: 10px 0 0 0; } /*-------- controlpanel, when you?re logged in --------*/ div#controlpanel { width: 146px; padding: 5px 2px 0 2px; } div#controlpanel p.box_heading { display: block; margin: 0 5px 0 0; padding: 9px 0 0 0; font-size: 13px; font-weight: 600; height: 33px; } div#controlpanel ul { list-style: none; } div#controlpanel a { background: url(/images/layout/controlpanel_a_bg.png) repeat-x; display: block; color: #373737; font-size: 12px; height: 22px; padding: 2px 0 0 2px; } div#controlpanel a:hover { background: url(/images/layout/controlpanel_hover_bg.png) repeat-x; display: block; color: #FFAB09; font-size: 12px; height: 22px; padding: 2px 0 0 2px; } /* * FOOTER STYLES ------------------------------------------------------------- */ div#footer { position: relative; background: url(/images/layout/footer_bg.png) no-repeat; width: 974px; height: 23px; margin: 0 2px 0 2px; padding: 9px 0 0 10px; } ul#footer_info_list { list-style: none; font-size: 12px; font-weight: 600; text-transform: uppercase; margin: 0 10px 0 260px; } ul#footer_info_list li { display: inline; padding: 0 10px 0 0; } ul#footer_info_list li a:link, ul#footer_info_list li a:visited, ul#footer_info_list li a:hover, ul#footer_info_list li a:active { color: #FFF; } p.copyright { position: absolute; top: 10px; left: 10px; font-size: 10px; color: #FFF; } /* * FRONTPAGE ------------------------------------------------------------- */ div#ingress { width: 629px; height: 111px; background: url(/images/layout/ingress_bg.png) no-repeat; color: #fff; margin: 0 0 15px 0; } div#ingress ul { list-style: none; float: left; width: 45%; margin: 15px 0 0 10px; } div#ingress ul li { background: url(/images/layout/ingress_list_dot.png) no-repeat 0px 2px; padding: 0 0 0 27px; margin: 0 0 2px 0; font-size: 18px; } div#ingress p { width: 50%; float: left; text-align: right; margin: 15px 0 0 0; } /*--------------------NEW INGRESS - DELETE OLD ----------------------*/ div#ingress_2 { width: 620px; } div#ingress_2 p { width:363px; } div#ingress_2 p.nl { width:620px; } div#ingress_2 ul { list-style: none; margin:4px 0 0 10px; } div#ingress_2 ul li { background: url(/images/layout/ingress_list_dot_blue.png) no-repeat 0px 4px; padding: 0 0 0 14px; margin: 0 0 2px 0; font-size: 14px; font-weight:600; color:#ff6600; } div#product_show_container { background: #fff; } div.product_show { float: left; margin: 5px 10px 0 0; } div.product_show p { position: absolute; margin: 65px 0 0 8px; font-size: 12px; z-index: 2; color: #fff; text-transform: none; } div.product_show b { font-size: 13px; text-transform: uppercase; color: #f8cb1a; } div#nok_winter_offer { background:url(/images/layout/nok_hkpl_offer_bg.png) no-repeat; width:615px; height:202px; margin:0 0 10px 0; padding:11px 0 0 0; } div#nok_winter_offer div.products_table { background:#ff6600; width:301px; height:150px; margin:0 0 0 13px; padding:12px 3px 9px 3px; color:#fff; font-weight:100; } div#nok_winter_offer h2 { font-size:15px; color:#ffc000; padding:0 0 5px 0; } div#nok_winter_offer div.odd { background:#ed5f00; } div#nok_winter_offer div { background:none; padding:0 2px; margin:0 0 2px 0; } div#nok_winter_offer p.model { display:inline; } div#nok_winter_offer p.price { display:inline; font-weight:600; } div#nok_winter_offer p.buy { display:inline; margin:0 0 0 7px; } p.buy a.body_type:link, p.buy a.body_type:visited, p.buy a.body_type:active { color: #ffc000; font-weight: 600; background:none; } p.buy a.body_type:hover { color: #ffa800; font-weight: 600; background:none; } div#wheel_winter_offer { float:left; width:366px; height:168px; background:url(/images/layout/offer_wheels.png) no-repeat; margin:0 8px 0 0; cursor:hand; } div#wheel_winter_offer p { color:#fff; text-transform:uppercase; font-weight:600; width:340px; margin:100px 0 0 21px; } /* * OFFER PRODUCTS PAGE ------------------------------------------------------------- */ div.product_nok { float: left; color: #000; padding: 0 50px 5px 0; margin: 0 0 10px 0; border-bottom: 1px solid #efefef; } div.product_nok h2 { font-size: 16px; } div.product_nok p.product_nok_price { font-size: 20px; font-weight: 600; color: #ffab09; margin: 2px 0 0 0; } div.product_nok img { /*width:100px;*/ height: 150px; } div.product_nok p { line-height: 18px; } table.product_pages_list { width: 100%; } table.product_pages_list td { padding: 2px 5px 2px 0; } table.product_pages_list td.price { font-weight: 600; color: #ff0d0d; text-align:right; } table.product_pages_list tr.odd { background: url(/images/layout/product_pages_list_odd_bg.png); } table.product_pages_list a.body_type:link, table.product_pages_list a.body_type:visited, table.product_pages_list a.body_type:active { color: #005399; text-transform: uppercase; float: right; background: none; } table.product_pages_list a.body_type:hover { color: #373737; text-transform: uppercase; float: right; } /*-------- for nordenpartner site --------*/ div.partner_product_pages_list { background:url(/images/layout/partner_product_pages_list_bg.png) #c3dcfa no-repeat; padding:125px 3px 10px 3px; } div.partner_product_pages_list p { color:#0090ff; font-size:10px; padding:5px 0 0 0; text-align:center; } table.partner_product_pages_list { width: 100%; background:#fff; } table.partner_product_pages_list td { padding: 2px 5px 2px 3px; } table.partner_product_pages_list td.price { font-weight: 600; color: #ff0d0d; } table.partner_product_pages_list tr.odd { background: url(/images/layout/product_pages_list_odd_bg.png); } table.partner_product_pages_list a.body_type:link, table.partner_product_pages_list a.body_type:visited, table.partner_product_pages_list a.body_type:active { color: #005399; text-transform: uppercase; float: right; background: none; } table.partner_product_pages_list a.body_type:hover { color: #373737; text-transform: uppercase; float: right; } /* * PRODUCTLISTING ------------------------------------------------------------- */ div.product_container { float: left; width: 635px; } div.product_information_container { background: url(/images/layout/product_container_bg.png) repeat-x; border: 1px solid #dedede; float: left; width: 515px; height: 120px; padding:18px 0 0 0; } div.product_left_box { float:left; position:relative; width:45%; left:2%; height:100%; } div.product_left_box img.product_information { position:absolute; bottom:5px; left:0px; } div.product_middle_box { float:left; position:relative; overflow:hidden; width:20%; height:100%; left:5%; } div.product_middle_box div { position:absolute; bottom:5px; left:1px; } div.product_right_box { float:right; position:relative; text-align:right; padding:0 10px 0 0; height:100%; } /*div.product_right_box img { position:absolute; bottom:5px; right:10px; }*/ div.product_right_box input { position:absolute; bottom:5px; right:10px; } div.product_image { float: left; width: 110px; height:138px; margin:0 0 0 5px; overflow:hidden; border:1px solid #dedede; } img.product_image { } img.bottom_line { margin:2px 0 11px 0; border-right:1px solid #a6a6a6; position:relative; bottom:0px; left:0px; } input.quantity_field { border:1px solid #dedede; width:25px; height:20px; text-align:center; font-size:12px; margin-top:1px; } div.product_information_container a { font-weight: 600; text-decoration: underline; color: #0090ff; } h2.product_manufacturer { font-size: 18px; text-transform: capitalize; } span.product_price { font-size: 26px; color: #ffab09; font-weight: 600; } span.product_model { font-size: 12px; font-weight: 600; text-transform: uppercase; } span.product_exclusive_price, span.product_price_info { font-size: 12px; color: #000; /*#ffab09*/ font-weight: 100; } /*-------- more information about the product --------*/ div.product_more_information { width: 508px; height: auto; border-left: 1px dotted #464646; border-right: 1px dotted #464646; border-bottom: 1px dotted #464646; padding: 7px 5px 3px 5px; background: url(/images/layout/input_bg.png) repeat-x; } div.product_more_information b { display: block; border-bottom: 1px solid #eeeaea; } p.more_information_description { margin: 3px 0 0 3px; padding: 0 0 5px 0; display: inline; border: none; } /*-------- product info, view of the product --------*/ td.category_body_text { border-bottom: 1px solid #eee; padding: 0 0 3px 0; font-size: 11px; } p.productInfoPrice { font-size: 18px; font-weight: 100; color: #373737; padding: 15px 0 0 0; background: url(/images/layout/dotted.png) repeat-x bottom left; } p.productInfoTax { font-size: 12px; color: #5a5a5a; padding: 0; background-image: url(/images/layout/dotted.png); background-repeat: repeat-x; background-position: bottom left; } .productInfoModel { font-size: 12px; color: #5a5a5a; } /* * FORMS ------------------------------------------------------------- */ /*-------- contact form --------*/ form.contact_form { } form.contact_form div { border-bottom: 1px solid #DDD; margin: 7px 0 5px 0; width: 450px; padding: 0 0 5px 0; } form.contact_form div label { float: left; width: 150px; font-weight: 600; color: #ffab09; } form.contact_form div input, form.contact_form div textarea { width: 170px; border: 1px solid #000; font-size: 12px; } span.fields_with_errors { background: #bb3030; } form.contact_form div input#order_id { width: 50px; } form.contact_form div textarea { width: 250px; } form.contact_form div.no_border { border: none; } form.contact_form div.no_border input#contact_form_btn { border: none; width: auto; float: right; } /*-------- partner form --------*/ form.partner_form { } form.partner_form div { border-bottom: 1px solid #DDD; margin: 7px 0 5px 0; width: 450px; padding: 0 0 5px 0; clear: both; } form.partner_form div label { float: left; width: 150px; font-weight: 600; color: #ffab09; } form.partner_form div input { width: 170px; border: 1px solid #000; font-size: 12px; } form.partner_form div input#oppetvardag, form.partner_form div input#oppetlor, form.partner_form div input#oppetson, form.partner_form div input#mbskiftd, form.partner_form div input#mbskiftf, form.partner_form div input#skiftd, form.partner_form div input#maxtum, form.partner_form div input#pris_tvatth, form.partner_form div input#pris_hjulinstall, form.partner_form div input#pris_dackforvar { width: 70px; } form.partner_form div input#mc, form.partner_form div input#last, form.partner_form div input#sand, form.partner_form div input#tvatth, form.partner_form div input#hjulinstall, form.partner_form div input#dackforvar { width: 20px; border: none; background: none; } span.fields_with_errors { background: #bb3030; } form.partner_form div.no_border { border: none; } form.partner_form div.no_border input#send_partner { border: none; width: auto; float: right; } /*-------- search parcel form --------*/ form.search_parcel input.parcel_number { width: 100px; border: 1px solid #000; font-size: 12px; margin: 0 5px 0 0; padding: 1px; } form.search_parcel input.parcel_button { position: absolute; } /*-------- old return form --------*/ .form label { float: left; width: 150px; font-weight: 600; color: #ffab09; } .form div.border { border-bottom: 1px solid #DDD; margin: 7px 0 5px 0; width: 450px; } .form input#name, .form input#order_id, .form input#email, .form input#phone, .form textarea, .form input#type, input#foretagsnamn, input#orgnr, input#kontaktperson, input#adress, input#postnummer, input#ort, input#telefon, input#epost, input#hemsida, input#oppetvardag, input#oppetlor, input#oppetson, input#mbskiftd, input#mbskiftf, input#skiftd, input#mc, input#last, input#sand, input#tvatth, input#pris_tvatth, input#hjulinstall, input#pris_hjulinstall, input#dackforvar, input#pris_dackforvar, input#maxtum, .form input#customer_name { margin: 0 0 3px 0; width: 150px; border: 1px solid #3e3e3e; padding: 1px; font-size: 11px; float: none; } .form input#send_partner { border: none; width: auto; height: auto; float: right; } .form textarea { width: 270px; height: 90px; padding: 1px; } .form .form_no_border { border: none; margin: 7px 0 5px 0; width: 450px; } .form input#mc, .form input#last, .form input#sand, .form input#tvatth, .form input#hjulinstall, .form input#dackforvar { background: transparent; width: auto; border: none; margin: 0 10px 0 3px; } .form input { float: right; } .form .border_form_picture { display: block; } input[type=text], input[type=password] { background: url(/images/layout/input_bg.png) repeat-x; text-indent: 2px; } input.admin_field { width: 135px; border: 1px solid #000; } td.main_create_account { width: 120px; } input.login { border: 1px solid #000 ; width: 140px; height: 20px; margin: 0 0 5px 0; padding: 2px 0 0 0; font-size: 10px; } /*-------- administrative forms, when you?re logged in --------*/ div.admin_account, /*Account information*/ div.admin_password, /*Change password*/ div.new_adress, /*New delivery address in checkout*/ div.admin_new_address, /*Addressbook - Add address*/ div.contact_form { margin: 0 0 5px 0; } div.admin_account label, div.new_adress label, div.admin_new_address label, div.contact_form label { float: left; width: 100px; font-weight: 600; } div.admin_password label { float: left; width: 125px; font-weight: 600; } /* * TABLES ------------------------------------------------------------- */ /*-------- load- and weightindex --------*/ table#loadindex_table, table#weightindex_table { background-image: url(/images/layout/input_bg.png); background-repeat: repeat-x; border: 1px solid #c2c2c2; padding: 3px; } #loadindex_table th, #weightindex_table th { font-size: 12px; padding: 0 12px 5px 0; } .table_bg { background-color: #eee; font-weight: 600; } /* NEW CHECKOUT STYLE ------------------------------------------------------------- */ div.checkout_header { background:#4da6e4; height:41px; padding:10px 11px 0 7px; } div.checkout_header img { float:left; margin:0 13px 0 0; } div.checkout_header h1 { font-size:18px; font-weight:100; color:#fff; display:inline; width:455px; float:left; margin:5px 0 0 0; } div.checkout_header h1 a { font-size:11px; font-weight:600; color:#B2DEFC; margin:0 0 0 7px; cursor:help; } span.checkout_adds_price { font-size:18px; font-weight:100; color:#fff; float:right; margin:5px 0 0 0; } div.checkout_content_box { border:1px solid #4da6e4; background:#b2defc; padding:8px 9px 10px 9px; color:#093655; margin:0 0 20px 0; width:622px; } p.checkout_body { color:#093655; } p.checkout_content { font-size:14px; margin:0 0 0 10px; color:#093655; } ul.checkout_address { list-style:none; float:left; font-size:14px; margin:0 20px 0 10px; color:#093655; } ul.checkout_confirm_address { list-style:none; float:left; font-size:12px; color:#093655; width:100%; } ul.checkout_confirm_address b { font-size:14px; } ul.checkout_confirm_address li { background:url(/images/layout/checkout_paymentrow_bg.png) repeat-x bottom; } div.checkout_content_box textarea { background: url(/images/layout/input_bg.png) repeat-x #fff; font-size:12px; padding:3px; } div.checkout_content_box input[type="text"] { background: url(/images/layout/input_bg.png) repeat-x #fff; font-size:12px; } div.checkout_car_info_list { width: 320px; margin: 0 0 5px 0; } div.checkout_car_info_list label { float: left; width: 110px; font-size:14px; } div.checkout_bolt_info { padding: 5px 0 0 0; } div.checkout_bolt_info p { display: inline; float: left; width: 500px; font-size: 10px; } div.checkout_bolt_info img { float: left; width: 66px; height: 50px; } ul.checkout_montbal_list, ul.checkout_nitro_list { list-style: none; font-size:14px; line-height:25px; } tr.payment_row { background:url(/images/layout/checkout_paymentrow_bg.png) repeat-x bottom; font-size:14px; height:30px; } tr.payment_row span { font-size:14px; color:#093655; } tr.payment_row label { margin:0 0 0 20px; } td.checkout_extra_fields { padding:5px 0 5px 0; } td.payment_radio { vertical-align:top; padding:8px 0 0 0; } label.webpay { float:left; width:170px; } input.webpay, input.carinfo { width:150px; } div.checkout_content_box table { width:100%; color:#093655; } table.checkout_content_box a:link span.orderEdit, table.checkout_content_box a:visited span.orderEdit, table.checkout_content_box a:active span.orderEdit, div.checkout_content_box a:link span.orderEdit, div.checkout_content_box a:visited span.orderEdit, div.checkout_content_box a:active span.orderEdit { color: #4da6e4; font-weight: 600; font-size:10px; text-transform:uppercase } table.checkout_content_box a:hover span.orderEdit, div.checkout_content_box a:hover span.orderEdit { color: #373737; font-weight: 600; font-size:10px; text-transform:uppercase; } tr.confirm_products_row { background:url(/images/layout/checkout_paymentrow_bg.png) repeat-x bottom; height:25px; } tr.confirm_products_row label { width: 200px; float:left; } td.checkout_charge { font-size:14px; color:#093655 } td.checkout_charge b { font-weight:100; } td.checkout_charge ul { list-style:none; width:500px; } td.checkout_charge ul li { margin:0 0 2px 10px; } /* * CHECKOUT - OLD, DELETE THIS WHEN NEW IS READY------------------------------------------------------------- */ /*td.comments textarea { font-size: 12px; border: 1px solid #000; background: url(/images/layout/input_bg.png) repeat-x; padding: 3px; } div.checkout_car_info_list { width: 320px; margin: 0 0 5px 0; } div.checkout_car_info_list label { float: left; width: 100px; } div.checkout_car_info_list span.inputRequirement { color: #ce1313; } select#partner_county, select#partner_cities { margin: 10px 0 0 0; } div.checkout_car_confirm_list { width: 550px; margin: 0 0 5px 0; } div.checkout_car_confirm_list label { float: left; width: 200px; } div.terms { background: url(/images/layout/input_bg.png) #fff repeat-x; height: 350px; overflow: auto; border: 1px solid #000; padding: 10px; margin:0 0 20px 0; color:#000; } h2.checkout_terms { font-size: 13px; font-weight: 600; } div.terms p { margin: 5px 0 7px 0; }*/ /* * WHEELS ------------------------------------------------------------- */ div.product_top_information { background: url(/images/layout/dotted.png) repeat-x bottom left; height: 51px; padding: 5px 0 0 0; } div.product_top_information div { text-align: right; float: right; margin: 7px 0 0 0; } h1.product_title { float: left; font-size: 18px; font-weight: 100; color: #373737; padding: 10px 0 0 0; margin: 0 0 5px 0; } p.product_price { font-size: 18px; font-weight: 100; color: #373737; margin: 3px 0 0 0; } p.product_price_taxes { font-size: 12px; color: #5a5a5a; padding: 0 0 3px 0; } span.product_article_number { font-size: 12px; color: #5a5a5a; } div.product_bottom_information { clear: left; height: 180px; margin: 15px 0 0 0; } p.product_description { font-size: 12px; float: left; width: 450px; } div.product_bottom_information img { float: right; } div.wheel_listing { float: left; margin: 10px 25px 0 20px; } div.wheel_listing div { margin: 0 0 5px 0; } div.wheel_listing img { margin: 0 0 10px 0; } div.wheel_listing h2 { font-size: 16px; margin: 0 0 5px 0; } p.wheel_listing_price { font-size: 30px; } input.cart_quantity { float:right; width: 25px; border: 1px solid #000; padding: 0 1px 0 1px; text-align: center; } /* * SHOPPING CART ------------------------------------------------------------- */ table.productListing { border:1px solid #dedede; background: url(/images/layout/product_container_bg.png) repeat-x bottom left; padding:2px; } td.productListing-heading { margin: 0 10px 0 0; } tr.productListing-even { } tr.productListing-odd { background:url("/images/layout/productListing-odd_bg.png") repeat-x 0px 1px #f0f0f0; } tr.productListing-odd td.productListing-data, tr.productListing-odd td.productListing-price { border-bottom:1px solid #ebebeb; } tr.productListing-even a, tr.productListing-odd a { color:#000; } td.productListing-data, td.productListing-data-price { padding:13px 7px 6px 7px; } tr.productListing-part-header { background:#4DA6E4; } tr.productListing-part-header td { padding:13px 0 13px 0; color:#fff; font-weight:600; } div.estimated_price_info p { font-size:11px; margin:0 0 5px 0; } div.estimated_price_summary td.main_title b { padding:0 40px 0 0; } /* * NORDENPARTNER ------------------------------------------------------------- */ div.partner_box_map { float: left; width: 270px; padding: 0 10px 0 0; font-size: 12px; } object#nordenpartner { float: left; } h2.search_partner { font-size: 13px; } div.partner_address { float: left; padding: 0 20px 0 0; margin: 0 0 5px 0; } input.address { width: 250px; font-size: 12px; padding: 0 1px 0 1px; border: 1px solid #000; } div.partner_range { float: left; padding: 0 20px 0 0; } input.range { width: 27px; font-size: 12px; padding: 0 1px 0 1px; border: 1px solid #000; } div.partner_city { float: left; clear: right; } input.city { width: 100px; font-size: 12px; padding: 0 1px 0 1px; border: 1px solid #000; } input.partner_btn { float: left; font-size: 11px; padding: 0; margin: 32px 0 0 20px; } div.partner_box { float: left; width: 355px; } div#partner_box { font-weight: 600; margin: 5px 0 0 0; } div.partner_list { width: 355px; border-bottom: 1px solid #eee; background:#fff; } div.partner_list ul { list-style: none; float: left; margin: 5px 20px 0 5px; font-size: 11px; font-weight: 100; } div.heading { background: url(/images/layout/partner_heading_bg.png) repeat-x; } div.heading h2.heading { color: #FFF; } div.partner_more_information { background: url(/images/layout/input_bg.png) repeat-x 0px 20px; width: 351px; height: 22px; padding: 2px; } div.partner_content { /*background: url(/images/layout/partner_content_bg.png) repeat-x left bottom;*/ padding: 4px 0 4px 0; margin: 0 0 2px 0; } div.partner_list p { clear: left; border-top: 1px solid #eee; padding: 6px 0 0 0; } a.partner_link:link, a.partner_link:visited, a.partner_link:active { color: #ffab09 /*blå: #0090ff*/; font-weight: 600; } a.partner_link:hover { color: #ffab09; font-weight: 600; } span.partner_website { float: right; font-size: 11px; color: #ffab09; font-weight: 600; cursor: pointer; } span.partner_company { float: left; font-size: 11px; color: #ffab09; font-weight: 600; } img.partner_icon { margin: 0 1px 0 0; } /* * SITEMAP AND RELATE LINKS ------------------------------------------------------------- */ div#sitemap { } ul.first_section { list-style-image: url(/images/layout/arrow_dot.png); margin: 5px 0 0 20px; font-weight: 600; border: none; } ul.second_section { list-style: none; margin: 2px 0 3px 10px; font-weight: 100; } div#relate_links ul.first_section li { margin-bottom: 5px; } div#relate_links ul.second_section li { margin: 0 0 10px 0; border-bottom: 1px solid #eee; } div#sitemap a { color: #000000; text-decoration: none; } /* * DELIVERY LIST ------------------------------------------------------------- */ div#delivery_list { } div#delivery_list ul.second_section { list-style: none; margin: 2px 0 3px 5px; font-weight: 100; } div#delivery_list ul.second_section li { margin: 10px 0 10px 0; padding: 0 0 5px 6px; border-bottom: 1px solid #eee; border-left: 10px solid #eee; } div#delivery_list h3 { font-size: 16px; } div#delivery_list small { display: block; } div#delivery_list p { width: 380px; } div#delivery_list li.agi { /*background: url(/images/layout/agi_logo.png) no-repeat top right;*/ } div#delivery_list li.bridgestone { /*background: url(/images/layout/bridgestone_logo.png) no-repeat top right;*/ } div#delivery_list li.continental { /*background: url(/images/layout/continental_logo.png) no-repeat top right;*/ } div#delivery_list li.falken { /*background: url(/images/layout/falken_logo.png) no-repeat top right;*/ } div#delivery_list li.gislaved { /*background: url(/images/layout/gislaved_logo.png) no-repeat top right;*/ } div#delivery_list li.goodyear { /*background: url(/images/layout/goodyear_logo.png) no-repeat top right;*/ } div#delivery_list li.hankook { /*background: url(/images/layout/hankook_logo.png) no-repeat top right;*/ } div#delivery_list li.michelin { /*background: url(/images/layout/michelin_logo.png) no-repeat top right;*/ } div#delivery_list li.nokian { /*background: url(/images/layout/nokian_logo.png) no-repeat top right;*/ } div#delivery_list li.pirelli { /*background: url(/images/layout/pirelli_logo.png) no-repeat top right;*/ } div#delivery_list li.amring { /*background: url(/images/layout/amring_logo.png) no-repeat top right;*/ } div#delivery_list li.svenskafalg { /*background: url(/images/layout/svenskafalg_logo.png) no-repeat top right;*/ } /* * SEARCH WHEELS 2 - New version ------------------------------------------------------------- */ div#search_wheel_2_sv { background:url(/images/layout/search_wheel_bg_2_sv.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_nl { background:url(/images/layout/search_wheel_bg_2_nl.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_fi { background:url(/images/layout/search_wheel_bg_2_fi.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_no { background:url(/images/layout/search_wheel_bg_2_no.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_dk { background:url(/images/layout/search_wheel_bg_2_dk.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_de { background:url(/images/layout/search_wheel_bg_2_de.png) no-repeat; width:620px; height:216px; } div#search_wheel_2_sv select, div#search_wheel_2_nl select, div#search_wheel_2_fi select, div#search_wheel_2_no select, div#search_wheel_2_dk select, div#search_wheel_2_de select { position:relative; left:10px; top:100px; margin:0 10px 0 0; white-space:nowrap; } div#search_wheel_2_sv p, div#search_wheel_2_nl p, div#search_wheel_2_fi p, div#search_wheel_2_no p, div#search_wheel_2_dk p, div#search_wheel_2_de p { font-size:11px; color:#fff; width:480px; margin:85px 0 0 10px; } div.wheel_show_box { background:#4da6e4; height:41px; width:616px; padding:10px 11px 0 7px; } div.wheel_show_box img { float:left; margin:0 13px 0 0; } div.wheel_show_box h1 { font-size:18px; font-weight:100; color:#fff; display:inline; width:455px; float:left; margin:5px 0 0 0; } div.wheel_show_box a { float:right; background:url(/images/layout/wheel_show_box_link_img.png) no-repeat; color:#fff; padding:0 0 0 28px; margin:9px 0 0 0; font-weight:600; text-transform:uppercase; } div.wheel_show_choose, div.wheel_show_choose_rims { width:627px; } div.wheel_show_choose h1, div.wheel_show_choose_rims h1 { color:#22669f; font-size:18px; font-weight:100; margin:15px 0 0 5px; } div.wheel_show_choose a { float:left; padding:0 0 0 20px; width:90px; color: #0090ff /*orange: #ffab09*/; font-weight: 600; text-transform:uppercase; } div.wheel_show_choose a p { float:left; } div.wheel_show_choose img { margin:20px 0 0 0; } div.wheel_show_choose_rims img { margin:20px 0 0 20px; float:left; } div.wheel_show_content { border:1px solid #4da6e4; background:#b2defc; padding:7px 3px 5px 3px; color:#093655; margin:5px 0 5px 5px; width:620px; } span.lowercase { text-transform:lowercase; } /*div.wheel_show_choose_size { float:left; margin:10px 0 0 20px; width:75px; } div.wheel_show_choose_size ul { list-style:none; display:inline; } div.wheel_show_choose_size ul li { width:75px; } div.wheel_show_choose_tyresize { float:left; width:220px; margin:8px 0 0 40px; }*/ table.wheel_show_choose_size { padding:0 0 0 10px; } table.wheel_show_choose_size td { padding:10px 10px 0 0; } table.wheel_show_choose_size td ul { list-style:none; } td.wheel_show_choose_rimsizes { padding:0 30px 0 0; } div.wheel_show_pageresults { margin:0 0 7px 8px; } div.wheel_show_filterproduct { margin:10px 0 4px 7px; } div.wheel_show_filter { margin:10px 0 0 5px; } /* * PRODUCT INFORMATION - New version ------------------------------------------------------------- */ div.product_info_general { float:left; } div.product_info_general img { margin:0 0 7px 0; } div.product_info_description { float:left; width:350px; margin:0 0 0 30px; } div.product_info_image { float:right; } div.product_info_control { width:642px; } img.product_info_btn_back { float:left; } input.product_info_btn_cart { float:right; }