/* ------------------------------------------------------------ STRUCTURE: - typography - forms - menus - general menus - tabs (products) - accordion - framework - contents (miscellaneous elements) ------------------------------------------------------------ */ /*------------------------------------------------------------ Typography ------------------------------------------------------------*/ html {background-color: #c4c5c7;} html.hasNewStyleFooter {background-color: #A8A8AA;} body { background: #c4c5c7 url(../images/bg_body.gif);} h2,h3,h4,h5,h6, .style2,.style3,.style4,.style5,.style6, a.read-more, a.backward, a.about, div.country.hover, div.country.hover a, a.main_country:hover, a.main_country_subtext:hover, .linklist-headings a:hover, .article strong, .mini_article strong, .loud {color: #e32d22;} .loud_original {color: #e32d22;} a.forward, a.about:hover, .highlight, .highlight a.read-more {background-color: #e32d22; color: white;} div.forwardbutton {background-color:#e32d22; border-color: #e32d22;} div.backwardbutton {border-color: #e32d22;} div.linklist.corporate a.read-more {background: url(../images/read_more_corporate.gif) no-repeat 0 .2em;} a.read-more { background: url(../images/read_more.gif) no-repeat 0 .2em;} a.add-more { background: url(../images/add.png) no-repeat 0 .2em;} .highlight a.read-more {background: url(../images/read_more_highlight.gif) no-repeat left;} a.forward {background: url(../images/forwardarrow.gif) no-repeat right; } a.backward {background: white url(../images/backwardarrow.gif) no-repeat 3px;} a.about {background: #e6e6e6 url(../images/forwardarrow.gif) no-repeat right;} a.about:hover {background: url(../images/forwardarrow.gif) no-repeat right;} a.main_country { background: url(../images/forwardarrow_big_black.gif) no-repeat left;} div.country.hover a.main_country{background: url(../images/forwardarrow_big_green.gif) no-repeat left;} ul.bullets { list-style-image: url(../images/list_bullet.gif);} .highlight ul.bullets, .highlight div.editor ul {list-style-image: url(../images/list_bullet_highlight.gif);} .black {color: #000000;} .bodytextcolor {color: #4d4f53;} /* Linklist hover rightmenu */ .rightmenu li.link_hover, .rightmenu li.link_hover a.read-more {cursor:pointer; background-color: #e32d22; color: white;} .rightmenu li.link_hover a.read-more:hover {color:white; padding: 6px 0; background: transparent url(../images/forwardarrow_white.gif) no-repeat scroll right center;} .rightmenu li.link_hover a.read-more { color: white; background: url( ../images/forwardarrow_white.gif ) no-repeat right;} /* Editor - text controllers -------------------------------------------------------------- */ .editor ul { list-style-image: url(../images/list_bullet_small.gif);} /*------------------------------------------------------------ Forms -------------------------------------------------------------- */ input.text, textarea, select { background: white url(../images/input_text_bg.gif) repeat-x top left;} .text:focus, textarea:focus, select:focus{ border: 1px solid #e32d22;} .submitButton, .resetButton {background-color: #e32d22; color: white;} input.submitButton, input.resetButton {background-image: url(../images/button_background.gif);} /* Formbuilder*/ #formBuilder .required { background: url(../images/star.gif) no-repeat right;} #formBuilder label.required {background: url(../images/star.gif) no-repeat 160px ;} #formBuilder label.required_rightCol {background: url(../images/star.gif) no-repeat 100px ;} /*------------------------------------------------------------ Menus ------------------------------------------------------------*/ .menuitem ul li.active a {color: #e32d22;} .hover .menuitem ul li.active, .menuitem ul.items li.hover, .product-group li.hover, ul.menu-main li a:hover, ul.menu-main li.path a, ul.items li.hover a, .product-group.hover .menuitem ul li.active a, .product.hover .menuitem ul li.active a, div.menuitem ul.items li.hover_back, div.menuitem ul.items li.hover_back a {background-color: #e32d22; color: white;} ul.menu-main li a:hover, ul.menu-main li.path a{ background: url(../images/menu_main_left.gif) no-repeat left top;} ul.menu-main li a:hover span, ul.menu-main li.path a span {background:url("../images/menu_main.gif") no-repeat right top; } .menuitem ul li a { background: #e6e6e6 url( ../images/forwardarrow.gif ) no-repeat right;} ul.items li.hover a, .product-group.hover .menuitem ul li.active a, .product.hover .menuitem ul li.active a { color: white; background: url( ../images/forwardarrow_white.gif ) no-repeat right;} div.menuitem ul.items li.with_link_back a { background: #e6e6e6 url( ../images/backwardarrow.gif ) no-repeat right;} div.menuitem ul.items li.hover_back a { background: url( ../images/backwardarrow_white.gif ) no-repeat right;} /* GenTwoTop - overrides and uses default styling */ div#genTwoHeader { background-position: left -1137px; } div#genTwoHeader ul.genTwo li.hover a, div#genTwoHeader ul.genTwo li.path a, div#genTwoHeader ul.genTwo li a:hover { background-position: left -1097px; } div#genTwoHeader ul.genTwo li.blurred a { background-position: left -1626px; } /* Big Dropdown */ div.BigDropdownInner { background-color: #df2d22; } .BigDropdown .menuLinkList li a:hover { background: #717074 url(../images/sprite.png) no-repeat right -417px;} /* Accordion default styles -------------------------------------------------------------- */ .vertical-tabs { background: white url( ../images/accordion_top.gif ) no-repeat top left;} .vertical-tabs li .heading { background:#e6e6e6 url( ../images/accordion_tab.gif) repeat-x top left;} .vertical-tabs li.selected .heading.selected { background: url( ../images/accordion_tab_active.gif ) repeat-x; } .linklist.corporate .vertical-tabs li.selected .heading.selected {background: url( ../images/accordion_tab_active_login.gif ) repeat-x; } .vertical-tabs li .heading .wrapper span.tab-left { background: url(../images/accordion_tab_left.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-right { background: url(../images/accordion_tab_right.gif ) repeat-y;} .vertical-tabs li .heading .wrapper span.tab-title { background: url(../images/accordion_arrowDown.gif ) no-repeat 615px 10px;} .vertical-tabs li.selected .heading.selected .wrapper span.tab-title { background: url(../images/accordion_arrowUp.gif ) no-repeat 615px 10px;} .vertical-tabs li.selected .heading.selected .heading-btm { background: #e6e6e6 url(../images/accordion_tab_active_btm.gif ) no-repeat top left;} /* Tab content -------------------------------------------------------------- */ .vertical-tabs li.selected .tabcontent-btm { background: url( ../images/accordion_content_btm.gif ) no-repeat;} .vertical-tabs li .tab-container-btm { background: url( ../images/accordion_btm.gif ) no-repeat top left; } .rightcol .vertical-tabs { background: url( ../images/accordion_top_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li .heading .wrapper span.tab-title {background: url(../images/accordion_arrowDown.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li.selected .heading.selected .wrapper span.tab-title {background: url(../images/accordion_arrowUp.gif ) no-repeat 283px 10px;} .rightcol .vertical-tabs li .heading.selected .heading-btm {background: #e6e6e6 url(../images/accordion_tab_active_btm_312.gif ) no-repeat top left;} .rightcol .vertical-tabs li.selected .tabcontent-btm {background: url(../images/accordion_content_btm_312.gif ) no-repeat;} .rightcol .vertical-tabs li .tab-container-btm {background: url( ../images/accordion_btm_312.gif ) no-repeat top left; } .rightcol .vertical-tabs li.selected .tab-container-btm {background: none;} /* Dropdown for skjulte produkter */ div.dropdown-prod-head.selected {background: white url( ../images/hide_hidden_products_background.gif) no-repeat right;} /*------------------------------------------------------------ Framework -------------------------------------------------------------- */ .framework.header {background: url(../images/bg_top.gif) repeat-x; background-position:0px -10px;} .framework.header .container.header { background: url(../images/bg_top_mid.gif) repeat-x; background-position: 0px -10px;} .framework.header .container.header #menu-search .site-search input.text {background: url("../images/search-bg-menu-main.png") repeat-x scroll left top white;} /* jule topp */ /* .framework.header .container.header { background: url(../images/jul_top.png ) no-repeat; background-position: 0px -10px;} */ /*----------------------------------------------------------- Content.css - miscellaneous objects/elements on the site -------------------------------------------------------------- */ /* General button styling ---------------------------------------------------------------*/ a.btn-glossy{background:url(../images/btn-right.png) no-repeat scroll right top;} a.btn-glossy.arrow{background:url(../images/btn-right-arrow.png) no-repeat scroll right top;} a.btn-glossy span{background:url(../images/btn-left.png) no-repeat 0 0;} span.btn-glossy-small-outer { background: transparent url(../images/btn-small-right.png) no-repeat right; } span.btn-glossy-small-inner { background: transparent url(../images/btn-small-left.png) no-repeat left; } span.btn-glossy-outer { background: transparent url(../images/btn-right.png) no-repeat right; } span.btn-glossy-inner { background: transparent url(../images/btn-left.png) no-repeat left; } span.btn-glossy-arrow { background:transparent url(../images/btn-right-arrow.png) no-repeat right center; } span.btn-glossy-large-outer { background: transparent url(../images/btn-large-right.png) no-repeat right; } span.btn-glossy-large-inner { background: transparent url(../images/btn-large-left.png) no-repeat left; } span.btn-glossy-large-arrow { background: transparent url(../images/btn-large-right-arrow.png) no-repeat right center; } /* more generic backbutton */ div.backbutton a{background: #e6e6e6 url( ../images/backwardarrow.gif ) no-repeat center right;} /* News archive ------------------------------------------------------------*/ span.current {color: white; background-color: #e32d22;} a.current, .lastpage, .nextpage {color: #e32d22;} #articlelist .hover, #articlelist .hover .style3 a, #articlelist.news-teasers .hover, .job-link-list .hover {background-color:#e32d22; color: white;} #articlelist .hover div.date {background-color:#e32d22; color: #e6e6e6;} a.read-more:hover, /* read more satt inn 20 august pga IE6 hover bug (ink skal være grønn no matter what :))*/ .contentheading a, .latest-news li a:focus, .latest-news li a:hover, table.availablepositions tr a:hover {color:#e32d22;} /* Article - Article footer links */ .articleFooterLinks a.print { color: #e32d22; background: url(../images/icon_print.png) no-repeat 0 .2em;} .articleFooterLinks a.tip-friend { color: #e32d22; background: url(../images/icon_tipfriend.png) no-repeat 0 .2em;} /* Archive.css og newsold.css */ .lastpage{background: url(../images/read_less.gif) no-repeat left;padding-left: 16px;} .nextpage{padding-right: 16px;background: url(../images/read_more.gif) no-repeat right;} /* Searchresults -------------------------------------------------------------- */ span.searchindex.active, div.navigationMenuPrevious a, div.navigationMenuMiddle a:hover, div.navigationMenuNext a, .searchresultpath a:hover, .hover .searchresultpath a, .searchresultheader a:hover {color: #e32d22;} div.navigationMenuPrevious a {background: url( ../images/read_less.gif ) no-repeat left; } div.navigationMenuNext a { background: url( ../images/read_more.gif ) no-repeat right;} /* Service ------------------------------------------------------------*/ .textInput:focus {border-color: #e32d22;} .searchButton {background-color: #e32d22; color: white;} /* FAQ & Operation reports (driftsmeldinger) ---------------------------------------------------------------*/ li.faq div.question.hover, li.faq div.question.hover a, li.faq div.question.selected_question, li.faq div.question.selected_question a {background-color: #e32d22; color: white; display: block;} li.report div.operationreport.hover, li.report div.operationreport.hover a, li.report div.operationreport.hover span.nbr, li.report div.operationreport.selected_operationreport, li.report div.operationreport.selected_operationreport span.nbr, li.report div.operationreport.selected_operationreport a {color: white; display: block;} li.faq div.question, li.report div.operationreport { background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.faq div.question.hover, li.report div.operationreport.hover { background: #e32d22 url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.faq div.question.selected_question, li.report div.operationreport.selected_operationreport { background: #e32d22 url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} /* faqguide ---------------------------------------------------------------*/ .faqguide div.phone span{ color:#e32d22; } div#faq-container{background-color: #e32d22;} .faqguide-faq-link a:hover{background-color: #e32d22;} .faqguide-faq-link a.open{ background-color: #e32d22;} /* Messages ---------------------------------------------------------------*/ li.msg div.message.hover, li.msg div.message.hover a, li.msg div.message.selected_message, li.msg div.message.selected_message a, li.msg div.message_important.hover, li.msg div.message_important.hover a, li.msg div.message_important.selected_message, li.msg div.message_important.selected_message a, li.msg div.message_no_expand.hover, li.msg div.message_no_expand.hover a, li.msg div.message_important_no_expand.hover, li.msg div.message_important_no_expand.hover a {background-color: #e32d22; color: white; display: block;} li.msg div.message { background: #e6e6e6 url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px; } li.msg div.message.hover { background: url( ../images/accordion_arrowDownHover.gif) no-repeat scroll 610px 10px;} li.msg div.message.selected_message { background: #e32d22 url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message_important { background: #fdbb2f url( ../images/accordion_arrowDown.gif) no-repeat scroll 610px 10px;} li.msg div.message_important.selected_message { background: #e32d22 url( ../images/accordion_arrowUpSelected.gif) no-repeat scroll 610px 10px;} li.msg div.message_important span.image { background: url( ../images/important.gif) no-repeat scroll 10px center;} li.msg div.message_important_no_expand span.image { background: url( ../images/important.gif) no-repeat scroll 10px center;} .printerfriendlybox { background: white url(../images/printericon.gif) no-repeat left;} /* contactMe ----------------------------------------------------------------*/ #contactMe .required { background: url(../images/star.gif) no-repeat right;} #contactMe label.required_rightCol {background: url(../images/star.gif) no-repeat 95px ;} /* loadNomination ----------------------------------------------------------------*/ #loadNomination .required { background: url(../images/star.gif) no-repeat right;} #loadNomination label.required_rightCol {background: url(../images/star.gif) no-repeat 130px ;} /* OMA ---------------------------------------------------------------*/ div.innlogging dl dd.link a.action_link { background: #e32d22 url(../images/forwardarrow_white.gif) no-repeat scroll 175px 50%; } /* Slideshow ------------------------------------------------------------*/ a.selectedThumb {border:2px solid #e32d22;} a.unSelectedThumb{border:1px solid #999a9c;} #slideshow .arrowL {background: url(../images/slideView_arrows.gif) no-repeat 0px 30px;left: 0px;} #slideshow .arrowR {background: url(../images/slideView_arrows.gif) -40px 30px no-repeat;right: 0px;} /* Tipafriend ----------------------------------------------------------------*/ .jqmClose.closetext{background: url(../images/close_button.gif) no-repeat scroll 0px 50%;} /* Direct Order ---------------------------------------------------------------*/ .vertical-tabs li .heading .wrapper span.tab-title span.direct-order-style4 { color: #e32d22;} .vertical-tabs li.selected .heading.selected .wrapper span.tab-title span.direct-order-style4 { color: #fff;} /* Howto inside ui tabs ---------------------------------------------------------------*/ .ui-tabs-panel .editor ol.tab-howto { color: #e32d22;} /* Related customer cases for products ---------------------------------------------------------------*/ .customercase p {color:#e32d22;} .customercase.hover{background-color:#e32d22;} .customercase.hover p, .customercase.hover a{color:#fff;}/*nned to put this here and not screen.css because of IE6*/ /* Related contact point on top for products ---------------------------------------------------------------*/ .contact-top #contact-us, .contact-top .phone {color: #e32d22;} /* JQuery autocomplete styles ---------------------------------------------------------------*/ .ac_over { background-color: #e32d22; } /* Quickpoll ---------------------------------------------------------------*/ .poll .resultBarOuter { border-color: #e32d22; } .poll .resultBarInner { background-color: #e32d22;} .poll .score { color: #e32d22; } /* Link group ---------------------------------------------------------------*/ .linkgroup li a:hover { background: #e6e6e6 url( ../images/forwardarrow.gif ) no-repeat right; } /* Share bar ---------------------------------------------------------------*/ .big_share_print { background-image: url(../images/icon_print_l.png) } .big_share_tip { background-image: url(../images/icon_tip_l.png) } .big_share_email { background-image: url(../images/icon_email_l.png) } .big_share_sms { background-image: url(../images/icon_sms_l.png) } .big_share_download { background-image: url(../images/icon_download_l.png) } #no-flash-message { border:1px solid #e32d22; } /* Driftsmeldinger */ .white-arrow{background: url(../images/pil-invert-red.png) no-repeat left center;clear:both;display:block;padding-left:18px;font-weight:bold;text-transform:uppercase;} a.white-arrow:hover{color:#fff;} /* Product box */ #productBox .content .hover.green { background-color: #e32d22!important; } /* Julequiz */ #juleQuiz{overflow:hidden;} #juleQuiz form .information input{border:1px solid #a2a1a6;width:297px;height:24px;padding:3px 0 3px 2px;background-image: url(../images/julequiz-input-shadow.gif);line-height:24px;font-size:14px;} #juleQuiz form input.alternative{border:none;background:#e32d22;color:#fff;width:20px;height:15px;padding-bottom:2px;padding-top:3px;text-align:center;text-transform:uppercase;font-size:15px;position:absolute;left:120px;top:10px;} #juleQuiz form input.answer{background:#f0f0f1;border:1px solid #e32d22;color:#000;padding:0;padding-bottom:1px;padding-top:2px;width:18px;} #juleQuiz .lead-in{background:#e32d22 url(../images/julequiz-stjerner.png) right top no-repeat;height:160px;padding:10px;} #juleQuiz .lead-in h1{font-size:30px;} #juleQuiz .lead-in h2{font-size:20px;font-weight:normal;color:#fff;} #juleQuiz .lead-in p{font-size:12px;color:#fff;margin-bottom:0;} #juleQuiz .lead-in p.push-3{margin-bottom:10px;} #juleQuiz form label{display:block;height:17px;padding-top:8px;font-weight:bold;padding-left:1px;margin-bottom:0px;font-size:1.1em;} #juleQuiz form label.error{margin-left:10px;display:inline-block;} #juleQuiz .container{overflow:hidden;} #juleQuiz .persons, #juleQuiz .gifts{overflow:hidden;margin-bottom:10px;} #juleQuiz .persons{margin-right:40px;} #juleQuiz .persons div, #juleQuiz .gifts div{width:151px;height:151px;position:relative;float:left;margin-right:10px;} #juleQuiz .persons img, #juleQuiz .gifts img{width:151px;} #juleQuiz .information{background-color:#f0f0f1;padding-left:10px;} #juleQuiz .submitButton{display:block;margin-top:15px;margin-left:-6px;-moz-margin-start:-10px} #juleQuiz .submitButton .btn-glossy-large-inner{padding-top:5px;width:80px;font-weight:normal;} #juleQuiz span.required{background: url("../images/star.gif") no-repeat scroll 10px 50% transparent;width:25px;height:26px;padding:3px 0 3px 0;display:inline-block;vertical-align:bottom;} /* JULEGAVE SERVICE */ #lost-packages .text-wrapper ul li{font-size:14px;color:#fff;background-image: url(../images/white-on-red-bullet.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: 33px;} #lost-packages table.tablesorter thead tr .header{background-image: url(../images/bg.gif);background-repeat: no-repeat;background-position: center right;cursor: pointer;} #lost-packages table.tablesorter thead tr th.headerSortUp{background-image: url(../images/asc.gif);} #lost-packages table.tablesorter thead tr th.headerSortDown{background-image: url(../images/desc.gif);} #lost-packages table.tablesorter tbody tr.even td{background-color: #f7f7f7;} #lost-packages #legend{margin-left:120px;} #lost-packages #legend ul li a{color:#fff;font-size:14px;} #lost-packages #legend ul li{font-size:22px;margin-bottom:0;} #lost-packages #legend ul li.found{list-style:disc;color:#fff;margin-top:-5px;margin-bottom:10px;} #lost-packages #legend ul li.not-found{list-style:circle;color:#fff;} /* prisveileder */ #productPrice #filter li a{background: url(../images/button-unselected.gif);background-repeat: no-repeat;background-position: 0px 3px;padding-left: 33px;, font-weight:bold} #productPrice #filter li.ui-tabs-selected a{background: url(../images/button-selected.gif);background-repeat: no-repeat;background-position: 0px 3px;font-weight:bold;} #productPrice {overflow:hidden;} #productPrice #filter{padding-bottom:15px;overflow:hidden;} #productPrice #filter li{background:#fff;color:#4D4F53} #productPrice #filter li a{font-size:1.33em;color:#4D4F53;display:inline-block;padding-left:38px;padding-top:5px;height:28px;padding-bottom:5px; font-weight: bold;} #productPrice .productContainer{display:none} #productPrice .productContainerCol{padding:0; margin:0;width:238px;float:left;} #productPrice .ui-tabs-panel{width:auto;margin:0;} #productPrice .column h3{color:#4d4f53;margin-bottom:0px;} #productPrice .column p{ margin-top: 5px;} #productPrice .column{ width:477px; height: 360px; float:left; overflow:hidden; background: #EFEFF0; margin-top: 20px; -moz-box-shadow: 1px 2px 4px #CECFCE, -1px 0 4px #CECFCE; -webkit-box-shadow: 1px 2px 4px #CECFCE, -1px 2px 4px #CECFCE; box-shadow: 1px 2px 4px #CECFCE, -1px 2px 4px #CECFCE; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECFCE')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECFCE'); } /** #productPrice .column:hover{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECFCE', Enabled=false)"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CECFCE', Enabled=false); background-color:#EFEBEF; }**/ #productPrice .column.left{float: left;} #productPrice .column.right{float: right;} #productPrice .column .heading{text-align: center;} #productPrice .column .image{margin-left: auto; margin-right: auto; margin-top: 100px; width: 80px;} #productPrice .column .mini-product { width:237px; float:left; background-color:#EFEBEF; overflow:hidden; min-height: 72px; vertical-align: middle; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #productPrice .column .empty{ width:238px; background-color:#EFEBEF; overflow:hidden; min-height: 72px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; } #productPrice .column .mini-product h3 a{color:#4d4f53;} #productPrice .column .mini-product div {display: inline; float: left;} #productPrice .column .mini-product .text{float:left;padding-left:10px; padding-top: 10px; width; 228px; color:#4d4f53} #productPrice .column .right{margin-right: 0px; border-right: none;} #productPrice .column .mini-product:hover{background-color:#EFEFF0;color:#e32d22; background: url(../images/pil-transparent.png) no-repeat 210px;} #productPrice .column .mini-product.hover h3 a{color:#e32d22;} #productPrice .column .mini-product.hover p{color:#e32d22;} /**Prisveileder landingsside*/ #productPrice #leftCol {width: 45px;} #productPrice #leftCol .expandable{background: #EFEBEF url('../images/accordion_arrowDown.gif') no-repeat center center;} #productPrice #leftCol .collapsable{background: #EFEFF0 url('../images/arrow_red_up.png') no-repeat center center;} #productPrice #heading{background-color: white;} #productPrice .red {color: #E32D22;} #productPrice .description{width: 405px; float:left;} #productPrice table tr td h4{color:#4f5154;padding-bottom:5px;} #productPrice table .hide{display:none;} /**#productPrice table tr td .large{font-size:2.2em;margin-bottom:0px;line-height:1.2;}*/ #productPrice table tr td .large{font-size:1.67em;margin-bottom:0px;width:240px;line-height:1.2;} #productPrice table tr td .price{width:95px; float:left; font-weight: bold;} #productPrice table tr td .price span.large{font-size: 2.3em;} #productPrice table #price {width: 80px;} #productPrice table #product {width: 520px; padding-left:0;} #productPrice table.availablepositions{float:left;} #productPrice table.availablepositions th{background-color:#717074;border-bottom:none;} #productPrice table.availablepositions tr.expanded td{background: none repeat scroll 0 0 #EFEFF0;} #productPrice table.availablepositions tr td{color:#4d4f53; background-color: #EFEBEF; border-bottom: 1px solid white;} #productPrice .toggleTrigger{cursor:pointer;} #productPrice .bold {font-weight: bold;float:left;} #productPrice .toggleTrigger .red{padding-bottom: 10px;} #productPrice .select{padding-bottom: 10px; padding-top: 10px;} #productPrice .select a{float:left; border-left: 1px solid black; margin-left: 10px; padding-left: 10px;} #productPrice #leftCol .toggleTrigger{height:20px; width: 30px;} #productPrice div.extraservice .chkbox{width: 25px; padding-top: 0px;} #productPrice div.extraservice { height: 20px; vertical-align: middle;} #productPrice div.extraservice .extraserviceChk{margin: 0px; padding: 0px 0px 0px 0px} #productPrice div.extraservice .product{width: 380px;} #productPrice tr.productRow{border-bottom: 1px solid #FFFFFF;} #productPrice div.regular #product {width: 400px;} #productPrice .tableColumn{display: inline; float:left;} #productPrice .extraservices {display: table; width: 100%; padding-top: 10px;} #productPrice .row {display: table-row;} #productPrice .cell {display: table-cell;} #productPrice #tracking{width: 50px;} #productPrice #delivery{width: 80px;} #productPrice #compensation{width: 70px;} #productPrice #link{min-width: 90px;} #productPrice .getpriceform{width: 145px; float:left;margin-left:10px;} #productPrice .typical-example{width: 100%;displey:block;float:left;} #productPrice input.text{width: 44px; height: 24px; margin-left: 8px; margin-top: 5px; padding-top:3px; margin-bottom: 5px; padding-left: 8px; font-size:1.2em;} #productPrice select.text{width: 127px; margin-top: 5px; margin-bottom: 5px; padding-left: 5px; margin-left: 10px;height:20px;} #productPrice .invalidInput{color: #E32D22} #productPrice .name{float:left;} #productPrice .weight-box{margin-left: 0px;display: inline-block;vertical-align: top; float:left;} #productPrice .postal-code-box{width: 160px; margin-left: 0px;display: inline-block;} #productPrice .must-be-numeric .postal-area, #productPrice .bad-postal-number .postal-area{color:red;} #productPrice .postal-area{float:left; margin-left: 10px; width: 120px; height: 10px;} /*#productPrice .postNrHeading{float:left; margin-left: 10px;} #productPrice .weightHeading{float:left; margin-left: 10px;}*/ #productPrice .smallHeadingText{float:left; margin:5px 0 0 10px;font-size:0.9em;width:100%;} #productPrice .productArea{float:left;width:405px;} #productPrice .middle{vertical-align: middle;} #productPrice .basicRowHeight{height: 30px; display: table-cell; vertical-align: middle;} #productPrice .bigRowHeight{height: 110px; display: table-cell; vertical-align: middle;} /* JQuery Select box styles */ /* applied to original