/* -------------------------------------------------------------- Europ-Assistance screen.css -------------------------------------------------------------- */ /* Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* Force scrollbar in Moz */ html { overflow-y: scroll; } /* Floats & clearfix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac \*/ .clearfix {display:block; zoom:1; } /* End hide from IE Mac */ .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .float-none { float: none; } .hide { display: none; } /* -------------------------------------------------------------- * PAGE LAYOUT -------------------------------------------------------------- */ #skip-navigation { display: none; } /* Page */ #page { width: 992px; margin: auto; } /* Header */ #header { height: 103px; position: relative; z-index: 999; } #logo { width: 95px; height: 75px; position: absolute; left: 3px; top: 19px; } /* Content */ .main { width: 744px; float: left; } .sidebar { width: 245px; float: left; overflow: hidden; } .content-with-tabs-subnav .sidebar { padding: 45px 0 0 0; } /* Footer */ #footer { margin: 0.5em 4px 0 4px; font-size: 0.92em; } #footer-left { float: left; width: 60%; padding: 0 0 0.75em 0; } #footer-right { float: right; width: 39%; padding: 0 0 0.75em 0; } #footer-right ul { float: right; } #copyright { border-top: 1px solid #dfdfdf; text-align: right; padding: 0.75em 0 0.75em 0; } /* Columns */ /* 3 columns main col eg. used for homepage banners */ .col-1-3 { width: 248px; } .col-2-3 { width: 496px; } .col-3-3 { width: 744px; } /* 4 columns main col eg. used for homepage banners */ .col-1-4 { width: 186px; } .col-2-4 { width: 372px; } .col-3-4 { width: 558px; } .col-4-4 { width: 744px; } .col-1-3, .col-2-3, .col-3-3, .col-1-4, .col-2-4, .col-3-4, .col-4-4 { float: left; padding: 0; } /* columns percentages */ .col-1 { width: 100%; float: left; } .col-2 { width: 49%; float: left; } .col-3 { width: 33%; float: left; } .col-4 { width: 24%; float: left; } /* columns contact page */ .col-contact-1 { width: 345px; float: left; } .col-contact-2 { width: 399px; float: left; } /* add horizontal padding */ .indent-1 { padding: 0 20px; } .indent-2 { padding: 0 30px; } /* -------------------------------------------------------------- * NAVIGATION -------------------------------------------------------------- */ /* Global nav -------------------------------------------------------------- */ #nav-global ul { float: right; margin: 0; padding: 0; list-style: none; } #nav-global ul ul { float: none; } #nav-global li { float: left; background: url(/layout/default/imgs/nav/nav-global-sep.gif) repeat-y; padding: 15px 15px 2px 15px; } #nav-global li li { padding: 0 0 2px 0; background: url(/layout/default/imgs/nav/nav-global-sep.gif) 0 -1px no-repeat; } #nav-global li.first { background: none; } #nav-global a, #nav-global a:link, #nav-global a:active, #nav-global a:visited { color: #004a99; text-decoration: none; font-size: 0.9em; padding: 0 10px 0 11px; } #nav-global a:hover { color: #0088cc; text-decoration: underline; } #nav-global .first a { padding: 0 10px; } #nav-global a.active, #nav-global a.active:link, #nav-global a.active:active, #nav-global a.active:visited, #nav-global a.active:hover { color: #88898a; text-decoration: none; } /* Main dropdown nav -------------------------------------------------------------- */ #nav { width: 872px; position: absolute; left: 107px; top: 40px; background: url(/layout/default/imgs/nav/nav-bg.jpg) no-repeat; height: 49px; padding: 6px 6px 0 5px;} #nav .inner { position: relative; width: 872px; } /* level 1 */ #nav ul.nav-1 { margin: 0; padding: 0; list-style: none; float: left; width: 872px; line-height: 1.0; } #nav ul.nav-1 li { float: left; position: relative; margin: 0 0 0 -11px; /*overlap*/ } #nav ul.nav-1 li.first { margin: 0; } #nav ul.nav-1 li a { display: block; position: relative; color: #fff; /*background-image: url(/layout/default/imgs/fr/nav-text.gif);*/ background-repeat: no-repeat; height: 43px; } #nav ul.nav-1 li a span { display: none; } /* dropdown */ .nav-dropdown { display: none; position: absolute; top: 43px; left: 0; padding: 0 0 0 0; width: auto; padding: 0; z-index: 100; display: block; background: #f6f6f6 url(/layout/default/imgs/nav/nav-dropdown.gif) repeat-x; border: 1px solid #d9d9d9; border-top: none; border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; -moz-border-radius-bottomleft: 9px; -moz-border-radius-bottomright: 9px; -webkit-border-bottom-left-radius: 9px; -webkit-border-bottom-right-radius: 9px; } #nav li:hover .nav-dropdown, #nav li.show .nav-dropdown { display: block; } #nav li.with-js .nav-dropdown, #nav li.with-js:hover .nav-dropdown { display: none !important; } /* level 2 */ #nav ul.nav-2 { width: auto; margin: 0 0 10px 0; padding: 0 30px; } #nav ul.nav-2 li { display: block; float: none; background: url(/layout/default/imgs/nav/nav-sep.gif) 0 0 repeat-x; margin: 0; padding: 10px 0 10px 0; } #nav ul.nav-2 li.first { background: none; } #nav ul.nav-2 li a, #nav ul.nav-2 li span.title { height: auto; color: #004a99; font-size: 0.92em; display: block; font-weight: bold; background: none; width: 100%; } #nav ul.nav-2 li a:hover { text-decoration: none; color: #0088cc; } /* Products */ #nav-products .nav-dropdown { width: 620px; left: -324px; padding: 0 0 10px 0; } #nav-products .nav-dropdown ul.nav-2 { width: 560px; } #nav-products .nav-dropdown ul.nav-2 li { float: left; background: none; width: 280px; } #nav ul.nav-2 li#nav-products-tempo { width: 300px; } #nav ul.nav-2 li#nav-products-nogo { width: 240px; background: none; } #nav ul.nav-2 li#nav-products-annual { width: 300px; } #nav ul.nav-2 li#nav-products-student { width: 240px; } #nav ul.nav-2 li#nav-products-happy { width: 240px; } #nav ul.nav-2 li#nav-products-business { width: 240px; } #nav ul.nav-2 li#nav-products-compare { width: 240px; position:absolute; bottom:10px; right: 30px; text-align:right; width:240px; } #nav ul.nav-2 li a span { display: block; white-space: nowrap; padding: 0; } /* level 3 */ #nav ul.nav-3 { margin: 0; padding: 5px 0 0 0; width: auto; display: block; float: none; } #nav ul.nav-3 li, #nav ul.nav-3 li.first { float: none; display: block; background: none; padding: 0; clear: both; } #nav ul.nav-3 li a { display: block; background: none; font-weight: normal; font-size: 10px !important; line-height: 12px; padding: 0; width: 100%; } #nav ul.nav-3 li a span { display: block; background: none; white-space: nowrap; padding: 0; } #nav ul.nav-3 .clear { display: block; height: 10px; } /* Footer nav -------------------------------------------------------------- */ .footer-nav { margin: 0; padding: 0; list-style: none; } .footer-nav li { float: left; background: url(/layout/default/imgs/footer-nav-sep.gif) repeat-y; color: #88898a; padding: 0 15px; } .footer-nav li.first { background: none; padding: 0 15px 0 0; } .footer-nav li.last { padding: 0 0 0 15px; } .footer-nav a, .footer-nav a:link, .footer-nav a:active, .footer-nav a:visited { color: #004a99; text-decoration: none; } .footer-nav a:hover { color: #0088cc; text-decoration: underline; } .footer-nav a.active, .footer-nav a.active:link, .footer-nav a.active:active, .footer-nav a.active:visited, .footer-nav a.active:hover { color: #88898a; text-decoration: none; } /* Breadcrumbs -------------------------------------------------------------- */ .breadcrumbs { margin: 0; padding: 5px; list-style: none; font-size: 0.92em; } .breadcrumbs li { float: left; padding: 0 10px 0 0; color: #88898a; } .breadcrumbs a { display: block; background: url(/layout/default/imgs/breadcrumbs-sep.gif) right center no-repeat; padding: 0 10px 0 0; } .breadcrumbs a:hover { text-decoration: underline; border-bottom: none; } /* -------------------------------------------------------------- * TYPOGRAPHY -------------------------------------------------------------- */ /* Default fonts and colors */ body { font-size: 75%; color: #4b4b4b; /* 12px */ background-color: #FFF; } body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; } input, select, textarea { font-size: 0.92em; line-height: 1.45em; } /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } p.h1 { font-size: 1.8em; line-height: 1em; padding: 10px 3px 17px 3px; /*22px*/; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 1.3em; line-height: 1em; padding: 10px 3px 17px 3px; /*22px*/ } h2 { font-size: 1.5em; line-height: 1em; font-weight: normal; padding: 0.5em 0 0.9em 0; /*18px*/ color: #00478B; } h3 { font-size: 1.3em; line-height: 1em; padding: 0.5em 0 1em 0; font-weight: 600; /*16px*/} h4 { font-size: 1.2em; line-height: 1.2em; padding: 0 0 1.2em 0; /*14px*/} h5 { font-size: 1em; line-height: 1.3em; padding: 0 0 0.65em 0; /*12px*/} h6 { font-size: 0.92em; line-height: 1.3em; padding: 0 0 0.65em 0; /*11px*/} h1 em, h2 em, h3 em, h4 em, h5 em, h6 em { font-style: normal; color: #88898a; } small { font-size: 0.75em; font-weight: normal; } big { font-size: 1.2em; font-weight: bold; } h1.h2 {font-size: 1.5em; line-height: 1em; font-weight: normal; padding: 0.5em 0 0.9em 0; /*18px*/ } /* Text elements -------------------------------------------------------------- */ p { padding: 0; margin: 0; } blockquote { } blockquote.quotes { background: url(/layout/default/imgs/lsquo.gif) 0 0 no-repeat; text-indent: 20px; } blockquote.quotes .rsquo { padding: 0 11px; background: url(/layout/default/imgs/rsquo.gif) right 2px no-repeat; } strong { font-weight: bold; } em, dfn { font-style: italic; } dfn { font-weight: bold; } .small { font-size: 0.75em; } .big { font-size: 1.24em; } .white { color: #fff; } .red { color: #f21f18; } .blue { color: #0088cc; } .highlight { background: #f21f18; color: #fff; } .uppercase { text-transform: uppercase; } .note { color: #babbbb; font-size: 0.8em; } /* Text alignment -------------------------------------------------------------- */ .left { text-align: left !important; } .right { text-align: right !important; } .center { text-align:center !important; } .middle { vertical-align: middle !important; } .top { vertical-align: top !important; } .bottom { vertical-align: bottom !important; } /* -------------------------------------------------------------- * LINKS -------------------------------------------------------------- */ .hr { display: block; height: 38px; background: url(/layout/default/imgs/hdots.gif) 0 23px repeat-x; } .hr hr { display: none; } /* -------------------------------------------------------------- * LINKS -------------------------------------------------------------- */ a, a:link, a:active, a:visited { color: #004a99; text-decoration: none; } a:hover { color: #0088cc; text-decoration: underline; } /* Link next */ a.link-next, a.link-next:link, a.link-next:active, a.link-next:visited { font-weight: bold; text-decoration: none; white-space: nowrap; } a.link-next span, a.link-next:link span, a.link-next:active span, a.link-next:visited span { font-weight: normal; } a.link-next:hover { text-decoration: none; } a.link-next:hover span { text-decoration: underline; } a.link-next-large, a.link-next-large:link, a.link-next-large:active, a.link-next-large:visited { font-size: 1.2em; font-weight: bold; text-decoration: none; white-space: nowrap; } a.link-next-large:hover { text-decoration: none; } a.link-next-large:hover span { text-decoration: underline; } /* Link previous */ a.link-prev, a.link-prev:link, a.link-prev:active, a.link-prev:visited { font-weight: bold; text-decoration: none; white-space: nowrap; } a.link-prev span, a.link-prev:link span, a.link-prev:active span, a.link-prev:visited span { font-weight: normal; } a.link-prev:hover { text-decoration: none; } a.link-prev:hover span { text-decoration: underline; } a.link-prev-large, a.link-prev-large:link, a.link-prev-large:active, a.link-prev-large:visited { font-size: 1.2em; font-weight: bold; text-decoration: none; white-space: nowrap; } a.link-prev-large:hover { text-decoration: none; } a.link-prev-large:hover span { text-decoration: underline; } /* Link colours */ a.red, a.red:link, a.red:active, a.red:visited, a.red:hover { color: #f21f18; } a.white, a.white:link, a.white:active, a.white:visited, a.white:hover { color: #fff; } a.blue, a.blue:link, a.blue:active, a.blue:visited, a.blue:hover { color: #0088cc; } /* Link button */ a.link-button { cursor: pointer; background-position: 0 0; line-height: 11px !important; height: 24px; background-image: url(/layout/default/imgs/button.png); background-repeat: no-repeat; font-size: 10px !important; text-transform: uppercase; padding: 0 0 0 7px; display:block; display:-moz-inline-box; display:inline-block; color: #fff; font-weight: bold; text-decoration: none; } a.link-button span { background-position: right -30px; line-height: 11px; background-image: url(/layout/default/imgs/button.png); background-repeat: no-repeat; padding: 6px 10px 0 3px; display:block; display:-moz-inline-box; display:inline-block; white-space: nowrap; font-weight: bold; zoom:1; height: 18px; } a.link-button strong { font-weight: bold; font-size: 11px; line-height: 11px !important; } a.link-button:link, a.link-button:active, a.link-button:visited { color: #fff; background-position: 0 0; } a.link-button:hover { color: #fff; background-position: 0 -60px; text-decoration: none; border: none; } a.link-button:link span, a.button:active span, a.button:visited span { background-position: right -30px; } a.link-button:hover span { background-position: right -90px; } /* Link button Blue */ a.link-button-blue { cursor: pointer; background-position: 0 0; line-height: 11px !important; height: 24px; background-image: url(/layout/default/imgs/button-blue.png); background-repeat: no-repeat; font-size: 10px !important; text-transform: uppercase; padding: 0 0 0 7px; display:block; display:-moz-inline-box; display:inline-block; color: #fff; font-weight: bold; text-decoration: none; } a.link-button-blue span { background-position: right -30px; line-height: 11px; background-image: url(/layout/default/imgs/button-blue.png); background-repeat: no-repeat; padding: 6px 10px 0 3px; display:block; display:-moz-inline-box; display:inline-block; white-space: nowrap; font-weight: bold; zoom:1; height: 18px; margin: 0 !important; } a.link-button-blue strong { font-weight: bold; font-size: 11px; line-height: 11px !important; } a.link-button-blue:link, a.link-button-blue:active, a.link-button-blue:visited { color: #fff; background-position: 0 0; } a.link-button-blue:hover { color: #fff; background-position: 0 -60px; text-decoration: none; border: none; } a.link-button-blue:link span, a.button-blue:active span, a.button-blue:visited span { background-position: right -30px; } a.link-button-blue:hover span { background-position: right -90px; } /* Link buttons 'Get quote', 'Buy online' */ a.link-get-quote, a.link-buy-online { display: block; /*background-image: url(/layout/default/imgs/fr/link-buttons.gif);*/ background-repeat: no-repeat; padding: 0; } a.link-get-quote span, a.link-buy-online span { position: absolute; left: -9999px; width: 1px; overflow: hidden; } a.link-get-quote, a.link-get-quote:link, a.link-get-quote:visited, a.link-get-quote:hover { width: 78px; height: 36px; background-position: 0 0; } a.link-get-quote:hover { background-position: 0 -50px; } a.link-buy-online, a.link-buy-online:link, a.link-buy-online:visited, a.link-buy-online:hover { width: 78px; height: 36px; background-position: -100px 0; } a.link-buy-online:hover { background-position: -100px -50px; } a.disabled:link, a.disabled:active, a.disabled:visited, a.disabled:hover { background-position: 0 -120px; cursor: default; } a.disabled:link span, a.disabled:active span, a.disabled:visited span, a.disabled:hover span { background-position: right -150px; } /* link holder */ ul.link-holder {} ul.link-holder .left { width: 70%; float: left; } ul.link-holder .left a { margin: 0 15px 0 0; } ul.link-holder .right { width: 30%; float: right; } /* button holder */ ul.button-holder li { float: left; padding: 0 5px 0 0; } .actions-top { position: absolute; top: 20px; right: 25px; } .actions-bottom { text-align: right; padding: 0 5px 15px 0; } /* -------------------------------------------------------------- * LISTS -------------------------------------------------------------- */ /* Ordered list */ ol { list-style-type: decimal; } ol li { margin: 0 0 1em 35px; } /* Definition list */ dl { padding: 26px 0 0 0 !important; margin: 0 0 16px 0; /* 626px; */ } dt { float: left; width: 33%; margin: 0; font-weight: bold; } dd { float: left; width: 67%; margin: 0; padding: 0 0 15px 0; } /* Unordered list */ ul { list-style-type: none; } /* Hyphen */ ul.hyphen li { background: url(/layout/default/imgs/list-hyphen.gif) 0 7px no-repeat; padding: 0 0 0 10px; } /* Bullet list */ ul.bullets li { background: url(/layout/default/imgs/list-bull.gif) 0 7px no-repeat; padding: 0 0 0 10px; } /* Vertical list with dotted separator */ .list-v-divider li { background: url(/layout/default/imgs/hdots.gif) 0 0 repeat-x; padding: 1px 0 15px 0; } .list-v-divider li.first { background: none; } /* Horizontal list with dotted separator */ .list-h-divider li { background: url(/layout/default/imgs/vdots.gif) 0 0 repeat-y; float: left; padding: 0 8px 0 9px; margin: 4px 0; } .list-h-divider li.first { background: none; padding: 0 8px 0 0; } /* Icon list */ .icon ul { float: right; } .icon li { float: left; background: url(/layout/default/imgs/icon/ico-plus.gif) 5px 4px no-repeat; padding: 0 0 0 25px; } .icon li.first { background: none; padding: 0 0 0 0; } /* Image thumbs gallery list */ .image-gallery-list {} .image-gallery-list li { float: left; width: 89px; margin: 0 4px 4px 0; } .image-gallery-list a img { border: 1px solid #e8e8e8; padding: 2px; display: block; margin: 0 0 10px 0; } /* Image thumbs gallery list */ .video-gallery-list {} .video-gallery-list li { float: left; width: 204px; margin: 0 4px 4px 0; } .video-gallery-list a img { border: 1px solid #e8e8e8; padding: 2px; display: block; margin: 0 0 10px 0; width: 198px; } /* -------------------------------------------------------------- * TABLES -------------------------------------------------------------- */ /* data table */ table.table-data {} table.table-data td, table.table-data th { text-align: left; vertical-align: top; padding: 10px 0; } table.table-data th { font-weight: bold; } table tr.border-top td, table tr.border-top th { background: url(/layout/default/imgs/hdots.gif) 0 0 repeat-x; } /* table with borders */ table.table-border { border-collapse: separate; margin: 15px 0; } table.table-border td { font-size: 0.92em; line-height: 1.2em; text-align: left; vertical-align: top; width: 10%; background: #fff; border-bottom: 1px solid #d9d8d8; border-right: 1px solid #d9d8d8; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 10px; } table.table-border th { font-weight: normal; font-size: 0.92em; text-align: left; vertical-align: top; width: 10%; background: #edeff0; border-bottom: 1px solid #d9d8d8; border-right: 1px solid #d9d8d8; border-top: 1px solid #fff; border-left: 1px solid #fff; padding: 10px; } table.table-border .first-col { border-left: 1px solid #d9d8d8; } table.table-border .first-row { border-top: 1px solid #d9d8d8; } table.table-border thead th { text-align: center; } /* + rounded corners */ table.table-border .round-tl { background: url(/layout/default/imgs/tables/table-round-tl.gif) left top no-repeat; border-top: none; border-left: none; } table.table-border .round-tr { background: url(/layout/default/imgs/tables/table-round-tr.gif) right top no-repeat; border-top: none; border-right: none; } table.table-border .round-br { background: url(/layout/default/imgs/tables/table-round-br.gif) right bottom no-repeat; border-bottom: none; border-right: none; } table.table-border .round-bl { background: url(/layout/default/imgs/tables/table-round-bl.gif) left bottom no-repeat; border-bottom: none; border-left: none; } table.table-border th.round-tl { background: url(/layout/default/imgs/tables/table-round-th-tl.gif) left top no-repeat; border-top: none; border-left: none; } table.table-border th.round-tr { background: url(/layout/default/imgs/tables/table-round-th-tr.gif) right top no-repeat; border-top: none; border-right: none; } table.table-border th.round-br { background: url(/layout/default/imgs/tables/table-round-th-br.gif) right bottom no-repeat; border-bottom: none; border-right: none; } table.table-border th.round-bl { background: url(/layout/default/imgs/tables/table-round-th-bl.gif) left bottom no-repeat; border-bottom: none; border-left: none; } table.table-shaded-header th.first-row { background: #d4d6d6 url(/layout/default/imgs/tables/table-shaded-th.gif) 0 0 repeat-x; border-top: none; padding: 10px 13px; vertical-align: bottom; } table.table-shaded-header th.first-col { background: #f1f3f5 url(/layout/default/imgs/tables/table-shaded-th-c1.gif) 0 0 repeat-y; border-left: none; } table.table-shaded-header th.round-tl { background: url(/layout/default/imgs/tables/table-shaded-th-corner-tl.gif) left top no-repeat; border-top: none; border-left: none; } table.table-shaded-header th.round-tr { background: url(/layout/default/imgs/tables/table-shaded-th-corner-tr.gif) right top no-repeat; border-top: none; border-right: none; } table.table-shaded-header th.round-br { background: url(/layout/default/imgs/tables/table-shaded-th-corner-br.gif) right bottom no-repeat; border-bottom: none; border-right: none; } table.table-shaded-header th.round-bl { background: url(/layout/default/imgs/tables/table-shaded-th-corner-bl.gif) left bottom no-repeat; border-bottom: none; border-left: none; } /* table compare result */ table.table-compare-result { width: 100%; } table.table-compare-result td, table.table-compare-result th { text-align: center; vertical-align: middle; width: 10%; padding: 8px 2px; } table.table-compare-result td, table.table-compare-result th.first-col { width: 2%; } table.table-compare-result th img { display: block; margin: auto; } table.table-compare-result .link-get-quote { margin: auto; } table.table-compare-result .price { padding-top: 0; } table.table-compare-result .price strong { background: url(/layout/default/imgs/price-border.gif) 0 0 repeat-y; width: 70px; margin: auto; padding-top: 12px; padding-bottom: 6px; } /* Collapsible table */ table.collapsible tbody th { cursor: pointer; } table.collapsible th span { padding: 2px 50px 2px 0; display: block; } table.collapsible tr td div.td-content { padding: 2px 0; } table.collapsible tr th span { background: url(/layout/default/imgs/collapsible-th-closed.gif) right 0 no-repeat; } table.collapsible tr.open th span { background: url(/layout/default/imgs/collapsible-th-open.gif) right 0 no-repeat; } table.collapsible tr td div.td-content { display: block; height: 0; overflow: hidden; opacity: 0;} table.collapsible tr.open td div.td-content { height: auto; overflow: visible; opacity: 1;} /* -------------------------------------------------------------- * FORMS -------------------------------------------------------------- */ .form { } .formrow { padding: 4px 0; } .form p, .form h2 { clear: both; padding: 0; margin: 0; } .formfield-list { margin: 0; padding: 0; } .formfield-list li { padding: 4px 0; margin: 0; } .formfield p { margin: 0; padding: 0; } label, input, select, textarea, .formfield, .suffix, .prefix, .plaintext, .formlabel { float: left; margin: 0; } label, .formlabel { padding: 4px 0 0 0; /*padding: 4px 0 0 0;*/ } h2 label { margin: 0; } legend { margin: 0 0 0 0; padding: 4px 0 0 0; } .suffix, .prefix, .plaintext { padding: 4px 0 0 0; width: auto !important; } .suffix img { position:relative; top: -3px; margin-bottom: -3px; } .prefix { margin-right: 5px; } .suffix { margin-left: 5px; } .txt, .sel, .txa { border: 1px solid #b4b3b3; padding: 2px; } .rbt { width: auto; padding: 0; margin: 0 8px 8px 0; } .chb { width: auto; padding: 0; margin: 0 8px 8px 0;} .fil { padding: 2px; } .chk { width: auto; padding: 0; margin: 4px 8px 0 30px;} /* form get quote : select your product */ .form-quote-product label { width: 230px; } .form-quote-product .w-0 { width: 616px; } .form-quote-product .w-1 { width: 400px !important; } .form-quote-product .w-2 { width: 30px; margin-right: 5px; } .form-quote-product .w-3 { width: 114px; margin-right: 5px; } .form-quote-product .w-4 { width: 135px; margin-right: 5px; } .form-quote-product .w-5 { width: 80px; margin-right: 5px; } .form-quote-product .w-6 { width: 590px; } /* form get quote : select your product */ .form-quote-data label { width: 85px; } .form-quote-data .w-0 { width: 70px; margin-right: 5px; } .form-quote-data .w-1 { width: 180px !important; margin-right: 5px; } .form-quote-data .w-2 { width: 365px !important; } .form-quote-data .w-3 { width: 35px; } .form-quote-data .w-4 { width: 60px; } .form-quote-data .w-5 { width: 400px; } .form-quote-data .w-6 { width: 162px; } .form-quote-data .w-7 { width: 115px; margin-right: 5px; } .form-quote-data .w-8 { width: 50px; margin-right: 5px; } .form-quote-data .w-9 { width: 55px; } .form-quote-data .w-10 { width: 355px; margin-left: 5px; } .form-quote-data .w-11 { width: 170px !important; } .form-quote-data .w-12 { width: 400px !important; } .form-quote-data .w-13 { width: 190px; margin-right: 5px; } .form-quote-data .w-14 { width: 165px !important; } .form-quote-data .w-15 { width: 393px; margin-left: 5px; } .form-quote-data .w-16 { width: 563px; margin-left: 5px; } .form-quote-data .formfield-list { width: 545px; overflow: hidden; } .form-quote-data .formfield-list li { zoom: 1; display: block; } .form-quote-data a.remove-row, .form-quote-data a.remove-row:link, .form-quote-data a.remove-row:active, .form-quote-data a.remove-row:visited { width: 16px; height: 16px; float: right; margin: 2px 0 0 0; text-indent: -9999px; background-image:url(/layout/default/imgs/delete.gif); background-position: 0 0; background-repeat: no-repeat; } .form-quote-data a.remove-row:hover { background-position: 0 -16px; } /* street selector */ #street-selector { /*background: #eef1f2;*/ margin: 15px 85px; } #street-selector p { padding-bottom: 5px; color: #F21F18; } #street-selector .rbt { float: none; margin: 0 8px 0 0; } #street-selector label { float: none; color:#F21F18; } #street-selector ul { background: url(/layout/default/imgs/hdots.gif) left top repeat-x; } #street-selector li { background: url(/layout/default/imgs/hdots.gif) left bottom repeat-x; padding: 8px 10px 5px 10px; } /* form jobs */ .form-jobs label { width: 120px; } .form-jobs label.s12 { margin-left: 5px; } .form-jobs input, .form-jobs select, .form-jobs textarea { } .form-jobs .formfield { width: 168px; display: block; } .form-jobs fieldset { margin: 0 0 16px 0; } .form-jobs .w-0 { width: 100px; } .form-jobs .w-1 { width: 184px; margin-right: 5px; } .form-jobs .w-2 { width: 185px; } .form-jobs select.w-2 { width: 190px; } .form-jobs .w-3 { width: 240px; } .form-jobs .w-4 { width: 62px; margin-right: 0; } .form-jobs .w-5 { width: 235px; } .form-jobs .w-6 { width: 100px; } .form-jobs .w-7 { width: 500px; height:50px; } .form-jobs #txt-stage {margin-top:4px;} .form-contact label { width: 130px; } .form-contact .w-1 { width: 210px; } .form-contact .w-2 { width: 340px; } .form-contact select.w-2 { width: 346px; } input.fil { width: auto; } #attest_form label { width: 130px; } #attest_form .w-4 { width: 62px; } #attest_form a {margin:10px 0 0 346px;} .col-contact-2 .box-border .body { min-height:650px; height:auto !important; height:650px; } .col-contact-1 .box-border .body { min-height:650px; height:auto !important; height:650px; } .contact-telnr { padding: 16px 10px; color: #f21f18; } /* why europ assistance > guides voyage > search destination */ .form-search-destination { padding: 16px 0; } .form-search-destination input.txt { width: 445px; margin-right: 5px; } label.invalid { color: #f21f18; } input.invalid, select.invalid, textarea.invalid { color: #f21f18; background: #fde8e8; background: #fef1f1; /*border: 1px solid #f21f18;*/ } .error-message { color: #f21f18; padding: 4px 0 !important;} /* -------------------------------------------------------------- * IMAGES -------------------------------------------------------------- */ .visual-text-195-left { float:left; padding-left: 225px; } .visual-text-195-left .visual { position: relative; float: left; margin-right: -225px; left: -230px; width: 205px; } .visual-195-left { width: 205px; margin: 0 20px 0 0; } .box-visual-100-left { float:left; padding-left: 130px; } .box-visual-100-left .visual { position: relative; float: left; margin-right: -130px; left: -135px; width: 110px; } /* -------------------------------------------------------------- * BOXES & BORDERS -------------------------------------------------------------- */ /* add short dotted border at the leftside of a column */ .col-border-left { background: url(/layout/default/imgs/col-border-left.gif) 0 2px no-repeat; } /* dotted border top */ .border-top { background: url(/layout/default/imgs/hdots.gif) 0 0 repeat-x; padding-top: 16px; } .border-bottom { background: url(/layout/default/imgs/hdots.gif) 0 bottom repeat-x; margin-bottom: 16px; zoom: 1; padding-bottom: 16px; } /* box with grey rounded border & shadow */ .box-border { margin: 0 3px 3px 0; zoom: 1; } .sidebar .box-border { margin: 0 0 3px 0; } .box-border .m { background: url(/layout/default/imgs/box-border-l.gif) 0 0 repeat-y; position: relative; margin: 0; padding: 0; zoom: 1; } .box-border .body { background: url(/layout/default/imgs/box-border-r.gif) right 0 repeat-y; padding: 25px; zoom: 1; } .box-border .tl { position: absolute; top: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-tr.png) right 0 no-repeat; } .box-border .tr { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-tl.png) 0 0 no-repeat; } .box-border .bl { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-br.png) right 0 no-repeat; } .box-border .br { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-bl.png) 0 0 no-repeat; } /* remove padding from box body */ .box-border-no-padding .body { padding: 5px; } /* add gradient fill to box */ .box-gradient { background: url(/layout/default/imgs/box-gradient.gif) repeat-x; } /* white box */ .box-white { margin: 0 0 1.3em 0; } .box-white .box-white-m { position: relative; background: url(/layout/default/imgs/box-white-tl.png) 0 0 no-repeat; margin: 0; padding: 0 0 0 5px; zoom:1; } .box-white .box-white-body { background: url(/layout/default/imgs/box-white-tr.png) right 0 no-repeat; margin: 0; padding: 30px; zoom:1; } .box-white-no-padding .box-white-body { padding: 0 5px 0 0; } .box-white .box-white-tl, .box-white .box-white-tr, .box-white .box-white-bl, .box-white .box-white-br { display: none; } .img-border { position: relative; margin: 0 0 5px 0; left: -5px; top: -5px; } .img-border .img-border-m { background: url(/layout/default/imgs/box-border-l.gif) 0 0 repeat-y; position: relative; margin: 0; padding: 0; zoom: 1; } .img-border .img-border-body { background: url(/layout/default/imgs/box-border-r.gif) right 0 repeat-y; padding: 5px; zoom: 1; } .img-border .img-border-tl { position: absolute; top: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-tr.png) right 0 no-repeat; } .img-border .img-border-tr { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-tl.png) 0 0 no-repeat; } .img-border .img-border-bl { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-br.png) right 0 no-repeat; } .img-border .img-border-br { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-bl.png) 0 0 no-repeat; } .img-border img { display: block; } .img-border-white { margin: 0; position: relative; margin: -1px; } .img-border-white .img-border-white-m { background: url(/layout/default/imgs/img-border-white-l.gif) 0 0 repeat-y; position: relative; margin: 0; padding: 0; zoom: 1; } .img-border-white .img-border-white-body { background: url(/layout/default/imgs/img-border-white-r.gif) right 0 repeat-y; padding: 1px; zoom: 1; } .img-border-white .img-border-white-tl { position: absolute; top: 0; left: 0; width: 100%; height: 5px; overflow: hidden; background: url(/layout/default/imgs/img-border-white-tr.png) right 0 no-repeat; } .img-border-white .img-border-white-tr { height: 5px; margin: 0 5px 0 0; background: url(/layout/default/imgs/img-border-white-tl.png) 0 0 no-repeat; } .img-border-white .img-border-white-bl { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; overflow: hidden; background: url(/layout/default/imgs/img-border-white-br.png) right 0 no-repeat; } .img-border-white .img-border-white-br { height: 5px; margin: 0 5px 0 0; background: url(/layout/default/imgs/img-border-white-bl.png) 0 0 no-repeat; } .img-border-white img { display: block; } /* Tab box ----------------------------------*/ /* ui-tabs */ .ui-tabs {position: relative;/*height: 500px*/} .ui-tabs-nav {/*position: absolute*/;z-index:100;} .ui-tabs .ui-tabs-panel {/*position: absolute;top:77px;z-index: 1;*/} .ui-tabs-nav li { float: left; list-style: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; zoom: 1; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Tabs sub navigation */ .tabs { background: url(/layout/default/imgs/tabs-subnav-left.gif) 0 0 no-repeat; } .tabs .ui-tabs-nav { display: block; clear: both; zoom: 1; height: 55px; margin: 0 3px 0 5px; padding: 0 5px 0 0; background:url(/layout/default/imgs/tabs-subnav-nav.gif) right bottom no-repeat; } .tabs .ui-tabs-nav li { width: 117px; width: 20%; height: 50px; margin: 0 0 0 -1px; } .tabs .ui-tabs-nav li.first { margin: 0; } .main .send_cv {background:#ECEFF1 url(/layout/default/imgs/box-border-tl.gif) 0 0 no-repeat;} .main .send_cv ul {height:10px; margin-left:10px;} .tabs .ui-tabs-nav a { background-image: url(/layout/default/imgs/tabs/tabs.gif); background-position: 0 0; background-repeat: no-repeat; color: #fff; display: block; height: 50px; padding: 0 0 0 7px; font-size: 11px !important; line-height: 13px; text-decoration: none; } .tabs .ui-tabs-nav a span { background-image: url(/layout/default/imgs/tabs/tabs.gif); background-position: right 0; background-repeat: no-repeat; display: block; height: 37px; padding: 13px 7px 0 0; text-align: center; } .tabs .ui-tabs-nav strong { display: block; } .tabs .ui-tabs-nav li a:hover { background-position: 0 -100px; color: #fff; } .tabs .ui-tabs-nav li a:hover span { background-position: right -100px; } .tabs .ui-tabs-nav li.ui-tabs-selected a, .tabs .ui-tabs-nav li.ui-tabs-selected a:hover { background-position: 0 -200px; color: #4b4b4b; } .tabs .ui-tabs-nav li.ui-tabs-selected a span, .tabs .ui-tabs-nav li.ui-tabs-selected a:hover span { background-position: right -200px; } .tabs .ui-tabs-nav li.ui-tabs-disabled a, .tabs .ui-tabs-nav li.ui-tabs-disabled a:hover { background-position: 0 -300px; color: #4b4b4b; } .tabs .ui-tabs-nav li.ui-tabs-disabled a span, .tabs .ui-tabs-nav li.ui-tabs-disabled a:hover span { background-position: right -300px; } .tabs .tabs-box { background: #f9fafa url(/layout/default/imgs/box-gradient-2.gif) repeat-x; margin: 0 3px 3px 0; } .tabs .tabs-box-m { background: url(/layout/default/imgs/box-border-l.gif) 0 0 repeat-y; position: relative; margin: 0; padding: 0; zoom: 1; } .tabs .tabs-box-body { background: url(/layout/default/imgs/box-border-r.gif) right 0 repeat-y; padding: 20px 25px 25px 25px; zoom: 1; } .tabs .tabs-box-bl { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-br.png) right 0 no-repeat; } .tabs .tabs-box-br { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-bl.png) 0 0 no-repeat; } /* white tabs */ .tabs-white { } .tabs-white .ui-tabs-nav { display: block; clear: both; zoom: 1; height: 50px; margin: 0; padding: 0 5px 0 0; padding: 0; } .tabs-white .ui-tabs-nav li { width: 99px; height: 50px; margin: 0 0 0 -1px; } .tabs-white .ui-tabs-nav li.first { margin: 0; } .tabs-white .ui-tabs-nav a { background-image: url(/layout/default/imgs/tabs/tabs-white.gif); background-position: 0 0; background-repeat: no-repeat; color: #fff; display: block; height: 50px; padding: 0 0 0 7px; font-size: 11px !important; line-height: 13px; text-decoration: none; } .tabs-white .ui-tabs-nav a span { background-image: url(/layout/default/imgs/tabs/tabs-white.gif); background-position: right 0; background-repeat: no-repeat; display: block; height: 37px; padding: 13px 6px 0 0; text-align: center; } .tabs-white .ui-tabs-nav strong { display: block; } .tabs-white .ui-tabs-nav li a:hover { background-position: 0 -100px; color: #fff; } .tabs-white .ui-tabs-nav li a:hover span { background-position: right -100px; } .tabs-white .ui-tabs-nav li.ui-tabs-selected a, .tabs-white .ui-tabs-nav li.ui-tabs-selected a:hover { background-position: 0 -200px; color: #4b4b4b; } .tabs-white .ui-tabs-nav li.ui-tabs-selected a span, .tabs-white .ui-tabs-nav li.ui-tabs-selected a:hover span { background-position: right -200px; } .tabs-white .ui-tabs-nav li.ui-state-disabled a, .tabs-white .ui-tabs-nav li.ui-state-disabled a:hover { background-position: 0 -300px; color: #4b4b4b; } .tabs-white .ui-tabs-nav li.ui-state-disabled a span, .tabs-white .ui-tabs-nav li.ui-state-disabled a:hover span { background-position: right -300px; } .tabs-white .tabs-white-box { margin: 0; } .tabs-white .tabs-white-box-m { position: relative; margin: 0; padding: 0; zoom: 1; } .tabs-white .tabs-white-box-body { background: #fff; padding: 20px 30px 25px 30px; zoom: 1; } .tabs-white .tabs-white-box-bl { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; overflow: hidden; background: url(/layout/default/imgs/box-border-br.png) right 0 no-repeat; } .tabs-white .tabs-white-box-br { height: 10px; margin: 0 10px 0 0; background: url(/layout/default/imgs/box-border-bl.png) 0 0 no-repeat; } .tabs .tabs-5 li { width: 20%; } .tabs-white .tabs-5 li { width: 138px; } .tabs .tabs-6 li { width: 122px; } .tabs .tabs-6 li span { padding: 6px 7px 0 0; height: 44px; } /* tabs product what's included */ .tabs-included { } .tabs-included .ui-tabs-nav li { height: 78px; } .tabs-included .ui-tabs-nav a {font-size: 11px !important; display: block; height: 65px; padding: 13px 0 0 0; text-decoration: none; background-image: url(/layout/default/imgs/tabs/tabs-included.gif); background-repeat: no-repeat; color: #fff; text-align: center; } .tabs-included .ui-tabs-nav a:hover { color: #fff; } .tabs-included .ui-tabs-nav .ui-tabs-selected a, .tabs-included .ui-tabs-nav .ui-tabs-selected a:hover { color: #004a99; } .tabs-included .ui-tabs-panel { background: #f9fafa; padding: 30px 30px 20px 30px; } .tabs-included .actions { padding: 20px 0 0 0; } a.tab-medical { background-position: -1px 0; width: 74px; } a.tab-medical:hover { background-position: -1px -82px; } .ui-tabs-selected a.tab-medical, .ui-tabs-selected a.tab-medical:hover { background-position: -1px -82px; } a.tab-accompagnant { background-position: -100px 0; width: 83px; } a.tab-accompagnant:hover { background-position: -100px -82px; } .ui-tabs-selected a.tab-accompagnant, .ui-tabs-selected a.tab-accompagnant:hover { background-position: -100px -82px; } .tab-reconnection { background-position: -200px 0; width: 83px; } a.tab-reconnection:hover { background-position: -200px -82px; } .ui-tabs-selected a.tab-reconnection, .ui-tabs-selected a.tab-reconnection:hover { background-position: -200px -82px; } a.tab-home { background-position: -300px 0; width: 75px; } a.tab-home:hover { background-position: -300px -82px; } .ui-tabs-selected a.tab-home, .ui-tabs-selected a.tab-home:hover { background-position: -300px -82px; } a.tab-logistique { background-position: -400px 0; width: 75px; } a.tab-logistique:hover { background-position: -400px -82px; } .ui-tabs-selected a.tab-logistique, .ui-tabs-selected a.tab-logistique:hover { background-position: -400px -82px; } a.tab-voiture { background-position: -500px 0; width: 75px; } a.tab-voiture:hover { background-position: -500px -82px; } .ui-tabs-selected a.tab-voiture, .ui-tabs-selected a.tab-voiture:hover { background-position: -500px -82px; } a.tab-annulation { background-position: -600px 0; width: 75px; } a.tab-annulation:hover { background-position: -600px -82px; } .ui-tabs-selected a.tab-annulation, .ui-tabs-selected a.tab-annulation:hover { background-position: -600px -82px; } a.tab-info { background-position: -700px 0; width: 75px; } a.tab-info:hover { background-position: -700px -82px; } .ui-tabs-selected a.tab-info, .ui-tabs-selected a.tab-info:hover { background-position: -700px -82px; } a.tab-bagage { background-position: -800px 0; width: 75px; } a.tab-bagage:hover { background-position: -800px -82px; } .ui-tabs-selected a.tab-bagage, .ui-tabs-selected a.tab-bagage:hover { background-position: -800px -82px; } a.tab-triple-garantie { background-position: -900px 0; width: 86px; } a.tab-triple-garantie:hover { background-position: -900px -82px; } .ui-tabs-selected a.tab-triple-garantie, .ui-tabs-selected a.tab-triple-garantie:hover { background-position: -900px -82px; } a.tab-voyages { background-position: -1000px 0; width: 98px; } a.tab-voyages:hover { background-position: -1000px -82px; } .ui-tabs-selected a.tab-voyages, .ui-tabs-selected a.tab-voyages:hover { background-position: -1000px -82px; } a.tab-imprevus { background-position: -1100px 0; width: 86px; } a.tab-imprevus:hover { background-position: -1100px -82px; } .ui-tabs-selected a.tab-imprevus, .ui-tabs-selected a.tab-imprevus:hover { background-position: -1100px -82px; } a.tab-juridique { background-position: -1200px 0; width: 86px; } a.tab-juridique:hover { background-position: -1200px -82px; } .ui-tabs-selected a.tab-juridique, .ui-tabs-selected a.tab-juridique:hover { background-position: -1200px -82px; } a.tab-habitation { background-position: -1300px 0; width: 75px; } a.tab-habitation:hover { background-position: -1300px -82px; } .ui-tabs-selected a.tab-habitation, .ui-tabs-selected a.tab-habitation:hover { background-position: -1300px -82px; } a.tab-occupants { background-position: -1400px 0; width: 75px; } a.tab-occupants:hover { background-position: -1400px -82px; } .ui-tabs-selected a.tab-occupants, .ui-tabs-selected a.tab-occupants:hover { background-position: -1400px -82px; } a.tab-services { background-position: -1500px 0; width: 75px; } a.tab-services:hover { background-position: -1500px -82px; } .ui-tabs-selected a.tab-services, .ui-tabs-selected a.tab-services:hover { background-position: -1500px -82px; } a.tab-confort-care { background-position: -1780px 0; width: 75px; } a.tab-confort-care:hover { background-position: -1780px -82px; } .ui-tabs-selected a.tab-confort-care, .ui-tabs-selected a.tab-confort-care:hover { background-position: -1780px -82px; } a.tab-confort-services { background-position: -1690px 0; width: 75px; } a.tab-confort-services:hover { background-position: -1690px -82px; } .ui-tabs-selected a.tab-confort-services, .ui-tabs-selected a.tab-confort-services:hover { background-position: -1690px -82px; } a.tab-confort-option { background-position: -1600px 0; width: 75px; } a.tab-confort-option:hover { background-position: -1600px -82px; } .ui-tabs-selected a.tab-confort-option, .ui-tabs-selected a.tab-confort-option:hover { background-position: -1600px -82px; } /* -------------------------------------------------------------- * BANNERS -------------------------------------------------------------- */ /* main banner homepage */ .main-banner-home { margin: 0; } .main-banner-home .box-border .body { padding: 5px; width: 731px; height: 200px; } .main-banner-home img { display: block; } .main-banner-home img { display: block; } .main-banner-home .tl, .main-banner-home .tr, .main-banner-home .bl, .main-banner-home .br { z-index: 100; } .main-banner-home .slideshow-menu { position: absolute; right: 5px; bottom: 5px; z-index: 101; } .slideshow-menu ul { float: right; } .slideshow-menu li { float: left; background: url(/layout/default/imgs/slideshow-menu.gif) 0 center no-repeat; padding: 0 12px 0 7px; } .slideshow-menu li.first { background: none; padding: 0 12px 0 0; } .slideshow-menu a, .slideshow-menu a:link, .slideshow-menu a:active, .slideshow-menu a:visited { color: #000; text-decoration: none; } .slideshow-menu a:hover { color: #fff; text-decoration: underline; } .slideshow-menu a.selected, .slideshow-menu a.selected:link, .slideshow-menu a.selected:active, .slideshow-menu a.selected:visited, .slideshow-menu a.selected:hover { color: #01bfff; text-decoration: none; cursor: default; } /* default banner */ .banner {margin-bottom: 7px;} /* banner homepage */ .banner-home { } .banner-home .box-border { background: url(/layout/default/imgs/box-gradient.gif) repeat-x; } .banner-home .box-border .body { padding: 5px; height: 240px; overflow: hidden; } .banner-home .visual { } .banner-home h3, .banner-home h1.h3 { padding: 0 0 5px 0; font-size: 1.2em; } .banner-home .text { padding: 18px 15px 15px 20px; float: none; margin: 0; } .banner-home .price { position: absolute; right: 5px; bottom: 5px; padding: 4px 5px 5px 13px; } .banner-home div.action { position: absolute; left: 5px; bottom: 5px; padding: 20px 20px 20px 20px; } .banner-home p { font-size: 0.92em; } .banner-home p.action { font-size: 1em; padding: 5px 0 0 0; } .banner-home .price-button { float: left; } .banner-home a.link-next-large { font-size: 0.92em !important; } /* banner with bleeding image-flash */ .banner-image .box-border .body { padding: 5px; } .banner-image img { display: block; } /* banner well insured */ .banner-well-insured .box-border { background:url(/layout/default/imgs/well-insured-bg.jpg) 5px 5px no-repeat; } .banner-well-insured .box-border .body { height: 160px; /*200-50*/ } .banner-well-insured p, .banner-well-insured h3 { color: #fff; } /* banner contact */ .banner-contact .box-border { background:url(/layout/default/imgs/contact-bg.jpg) 5px 5px no-repeat; } .banner-contact .box-border .body { height: 120px; /*170-50*/ } /* banner help me choose */ .banner-help-me-choose .box-border { background: url(/layout/default/imgs/box-gradient.gif) repeat-x; } .banner-help-me-choose .box-border .body { padding: 5px; height: 240px; } .banner-help-me-choose .text { padding: 15px 20px 12px 20px; float: none; margin: 0; } .banner-help-me-choose .action { position: absolute; left: 5px; bottom: 5px; padding: 20px; } .banner-help-me-choose img { margin: 15px 0 0 32px; } .banner-help-me-choose h3 { padding-bottom: 0.75em; } /* banner help me choose */ .banner-call-back .box-border {} .banner-call-back .box-border .body { padding: 5px; height: 270px; } .banner-call-back .text { padding: 0px; float: none; margin: 0; } .banner-call-back .text p {padding: 15px 20px 12px 20px;} .banner-call-back .action { position: absolute; left: 5px; bottom: 5px; padding: 20px; } .banner-call-back img { margin: 0; } .banner-call-back2 {position: relative; padding: 5px 5px 30px 5px;} .banner-call-back2 .box-border {} .banner-call-back2 .box-border .body { padding: 5px 5px 50px 5px; } .banner-call-back2 .text { padding: 0px; float: none; margin: 0; } .banner-call-back2 .text p {padding: 10px;} .banner-call-back2 .action { position: absolute; right: 5px; bottom: 5px; } .banner-call-back2 img { margin: 0; } .banner-call-back2 input {float: none; width: 100px;} .banner-call-back2 label {width: 80px; margin-left: 10px;} .banner-call-back2 .comment {display: block; font-size: 10px; text-align: center;} /* banner subscribe to jobs feed */ .banner-subscribe .box-border { background: #0057a0 url(/layout/default/imgs/subscribe-to-jobs.jpg) 0 bottom no-repeat; } .banner-subscribe .box-border .body { padding-bottom: 40px; } .banner-subscribe h3 { background: url(/layout/default/imgs/subscribe-ico.gif) 0 7px no-repeat; padding-left: 33px; } .banner-subscribe input { width: 190px; margin: 0; } /* banner press */ .banner-press .box-border { background: #00559f url(/layout/default/imgs/blue-bg.jpg) 5px -5px no-repeat; } .banner-press .box-border .body { padding-bottom: 40px; /*170-50*/ } .banner-press p { font-size: 0.92em; line-height: 1.5em; } /* -------------------------------------------------------------- * PRICE -------------------------------------------------------------- */ /* Price */ .price { color: #f21f18; font-size: 0.92em; } .price p { padding: 0; } .price strong { font-size: 2em; line-height: 1em; display: block; font-weight: bold; } .price sup { font-size: 0.75em; vertical-align: top; } .price sub { font-size: 0.75em; vertical-align: baseline; } a.price-button, a.price-button:link, a.price-button:active, a.price-button:visited { font-size: 0.9em; color: #fff; display: block; width: 86px; padding: 0 7px 0 7px; height: 38px; } a.price-button .type { display: block; padding: 2px 0 0 0; margin: 0 0 -3px 0; } a.price-button .from { vertical-align: top; } /*a.price-button strong { font-size: 2em; line-height: 1em; font-weight: bold; display: inline; }*/ a.price-button strong { font-size: 1.7em; line-height: 1em; font-weight: bold; display: inline;} a.price-button sup { font-size: 0.75em; vertical-align: top; } a.price-button sub { font-size: 0.75em; vertical-align: baseline; } a.price-button:hover { color: #fff; text-decoration: none; } /* -------------------------------------------------------------- * WORLDMAP SELECT CONTINENT -------------------------------------------------------------- */ .worldmap-select-continent { width: 616px; height: 270px; display: block; background: #084daa url(/upload/images/help-me-choose/world-map.jpg) 0 0 no-repeat; overflow: hidden; } .worldmap-select-continent ul { width: 621px; height: 270px; margin: 0; padding: 0; position: relative; } .worldmap-select-continent li { display:block; margin:0; padding:0; position:absolute; background: transparent; } .worldmap-select-continent li a { display: block; z-index: 1; } .worldmap-select-continent li a:hover { z-index: 100; } .worldmap-select-continent li a span { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; } .worldmap-select-continent li#north-america { width: 254px; height: 145px; left: 27px; top: 0; } .worldmap-select-continent li#south-america { width: 90px; height: 139px; left: 148px; top: 131px; } .worldmap-select-continent li#europe { width: 120px; height: 90px; left: 261px; top: 0; } .worldmap-select-continent li#africa { width: 120px; height: 140px; left: 262px; top: 86px; } .worldmap-select-continent li#asia { width: 192px; height: 181px; left: 346px; top: 0; } .worldmap-select-continent li#oceania { width: 110px; height: 114px; left: 475px; top: 156px; } .worldmap-select-continent li#north-america a { height: 145px; } .worldmap-select-continent li#south-america a { height: 139px; } .worldmap-select-continent li#europe a { height: 90px; } .worldmap-select-continent li#africa a { height: 140px; } .worldmap-select-continent li#asia a { height: 181px; } .worldmap-select-continent li#oceania a { height: 114px; } .worldmap-select-continent li#north-america a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -27px -270px; } .worldmap-select-continent li#south-america a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -148px -671px; } .worldmap-select-continent li#europe a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -261px -540px; } .worldmap-select-continent li#africa a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -262px -896px; } .worldmap-select-continent li#asia a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -346px -270px; } .worldmap-select-continent li#oceania a:hover { background: url(/upload/images/help-me-choose/world-map.jpg) no-repeat -475px -966px; } /* -------------------------------------------------------------- * PRODUCTS -------------------------------------------------------------- */ /* product intro */ .product-intro { zoom:1;} .product-intro .visual { float: left; padding: 0; width: 200px; } .product-intro .description { padding: 0 75px 15px 230px; } .product-intro .price { position: absolute; right: 5px; top: 5px; width: 88px; padding: 12px 0 0 13px; background: url(/layout/default/imgs/price-border.gif) 0 0 repeat-y; } .product-intro .documents { padding: 0 30px 10px 230px; } .product-intro .actions { width: 167px; height: 36px; float: right; padding: 0 0 5px 0; } .product-intro .promo_icons {position: absolute; top: 11px; right: 113px;} .product-intro .promo_icons li {display: inline; line-height: 51px; jeight: 51px; padding: 0 2px;} .product-intro .promo_icons li img {vertical-align: middle;} /* product upgrade */ .product-upgrade { zoom: 1; } .product-upgrade .description { float: left; width: 470px; padding: 23px 0 8px 0; zoom: 1;} .product-upgrade .description h3 { padding: 0 0 8px 0; } .product-upgrade .icon { float: left; width: 135px; padding: 14px 13px 0 0; text-align: right; zoom: 1;} .product-upgrade .price { float: left; width: 60px; clear: right; padding: 10px 0 10px 13px; background: url(/layout/default/imgs/price-border.gif) 0 0 repeat-y; zoom: 1; } /* product category short */ .product-category-short {} .product-category-short .box-white { margin-bottom: 0;} .product-category-short .box-white .body { padding: 0 0 5px 0; } .product-category-short .visual { float: left; padding: 0 0 20px 0; width: 200px; } .product-category-short .description { padding: 0 75px 0 230px; } .product-category-short .price { position: absolute; right: 5px; top: 5px; width: 88px; padding: 12px 0 0 13px; background: url(/layout/default/imgs/price-border.gif) 0 0 repeat-y; } .product-category-short .actions { text-align: right; padding: 0 5px 0 0; } .product-category-short .actions p { padding: 15px 0 0 0; } .product-category-short .products ul { margin: 10px 25px; } .product-category-short .products .col-border-left ul { margin-left: 30px; } /* product category intro */ .product-category-intro{} .product-category-intro .visual { float: left; padding: 0 0 20px 0; width: 200px; } .product-category-intro .description { padding: 0 0 0 230px; } /* product category : table compare products */ .table-compare { margin: 0 3px 0 0; } .table-compare td { border: 0; padding: 0; vertical-align: top; } .table-compare td.td-compare { background: url(/layout/default/imgs/td-compare.gif) 0 0 repeat-y; width: 146px; text-align: center; padding: 0 0 0 0; } .table-compare .first td.td-compare { background: url(/layout/default/imgs/td-compare-first.gif) 0 0 no-repeat; } .table-compare .last td.td-compare { background: url(/layout/default/imgs/td-compare-last.gif) 0 bottom no-repeat; } .table-compare td.td-compare .chb { margin: 70px 0 0 0; float: none; } .table-compare .promo_icons {position: absolute; top: 11px; right: 113px;} .table-compare .promo_icons li {display: inline; line-height: 51px; jeight: 51px; padding: 0 2px;} .table-compare .promo_icons li img {vertical-align: middle;} .product-category-compare { position: relative; zoom: 1; } .product-category-compare .compare-link { position: absolute; right: 0; width: 146px; text-align: center; } .product-category-compare .top { top: 30px; } .product-category-compare .bottom { bottom: 50px; } .product-compare { zoom:1; min-height: 123px; height:auto !important; height:123px; } .product-compare h3 { margin: 0 100px 0 0; } .product-compare .description { margin: 0 240px 0 0; } .product-compare .icon { position: absolute; right: 8px; top: 61px; width: 240px; padding: 0 13px 0 0; text-align: right; } .product-compare .price { position: absolute; right: 5px; top: 5px; width: 88px; padding: 12px 0 0 13px; background: url(/layout/default/imgs/price-border.gif) 0 0 repeat-y; } .product-compare .actions { position: absolute; right: 15px; top: 115px; width: 167px; height: 36px; } .product-compare .promo_icons {position: absolute; top: 11px; right: 113px;} .product-compare .promo_icons li {display: inline; line-height: 51px; jeight: 51px; padding: 0 2px;} .product-compare .promo_icons li img {vertical-align: middle;} /* -------------------------------------------------------------- * GET QUOTE -------------------------------------------------------------- */ /* get quote confirmation */ .get-quote-confirmation ul.link-holder .left { width: 10%; } .get-quote-confirmation ul.link-holder .right { width: 90%; top: -10px; position: relative; } .get-quote-confirmation .link-button span { width:280px; text-align:center; } /* -------------------------------------------------------------- * WELL INSURED > TRAVEL GUIDE BOXES -------------------------------------------------------------- */ .travel-guide-request { width: 387px; margin: 0 0px 0 0; float: left; } .travel-guide-request .box-border { background: #00559f url(/layout/default/imgs/images/travel-guide-request.jpg) 5px 5px no-repeat; } .travel-guide-request .box-border .body { height: 193px; padding: 30px 25px; color: #fff; } .travel-guide-request .txt { width: 290px; } .travel-guide-request .border-bottom { background:transparent url(/layout/default/imgs/hdots-white.gif) repeat-x scroll 0 bottom; } .travel-guide-download { width: 303px; margin: 0; float: left; } .travel-guide-download .box-border { background: #fff url(/layout/default/imgs/images/travel-guide-download.gif) 5px 5px no-repeat; } .travel-guide-download .box-border .body { height: 193px; padding: 30px 25px; } .red-marker { background: #fa2620; color: #fff; display: inline; margin-bottom: 1px; padding: 0 2px; } .travel-guide-request .link-button, .travel-guide-download .link-button { position: absolute; right: 25px; bottom: 25px; } .travel-guide-request .link-button span, .travel-guide-download .link-button span { width: 90px; text-align: center; } /* -------------------------------------------------------------- * HELP ME CHOOSE -------------------------------------------------------------- */ .help-me-choose .col-3 { margin: 0 0 0 0; width: 210px; } .help-me-choose .img-border { left: 0; top: 0;} .list-choose li { width: 210px; height: 235px; margin-bottom: 0; float: left; background: url(/upload/images/help-me-choose/border.gif) 0 0 no-repeat; zoom: 1; } .list-choose li.first { background: none; width: 210px; } .list-choose2 li { width: 210px; height: 235px; margin-bottom: 0; float: left; background: url(/upload/images/help-me-choose/border.gif) 0 0 no-repeat; zoom: 1; padding-left: 55px;padding-right: 50px;} .list-choose2 li.first { background: none; width: 210px; } .protection li p { padding: 16px 20px 0 30px; } .help-me-choose .worldmap-select-continent { width: auto; } .persons li { text-align: center; } .product li { text-align: center; } .product li p { text-align: left; padding: 0 0 0 14px; } #car-yes, #car-no { width: 315px; } .car img { padding-left: 1px; } .car p { padding: 0 70px 0 60px; } .help-me-choose-recommandation .product-upgrade .description { width:410px; } .help-me-choose-upgrades .product-compare { position: relative; padding: 10px 25px 0 0; min-height: 40px; height: auto !important; height: 40px; } .help-me-choose-upgrades .product-compare .price { top:1px; } .help-me-choose-upgrades .product-compare h3 { padding-bottom: 0.5em; } .list-choose li { cursor: pointer; zoom: 1; } /* -------------------------------------------------------------- * PRESS -------------------------------------------------------------- */ .press-overview {} .press-overview h4 em { width: 85px; float: left; } .press-overview h4 a { width: 540px; float: left; } .press-overview p { padding: 0 0 0 85px; } /* -------------------------------------------------------------- * JOBS -------------------------------------------------------------- */ .job { margin: 0; } .job dl { /* 626px; */ } .job dt { float: left; width: 200px; margin: 0; } .job dd { float: left; width: 426px; margin: 0; padding: 0 0 15px 0; } .job .actions { text-align: right; } .job .actions-top { position: absolute; top: 40px; right: 30px; } /* -------------------------------------------------------------- * SITEMAP -------------------------------------------------------------- */ .sitemap-col-1 { float: left; width: 32%; } .sitemap-col-2 { float: left; width: 46%;} .sitemap-col-3 { float: left; width: 22%; padding-top: 9px;} .sitemap ul { padding-bottom: 2.6em; } .sitemap ul ul { padding-bottom: 1.3em; } .sitemap ul li { color: #a0a0a0; } .sitemap ul li li { padding-left: 10px; } .sitemap ul li li li { padding-left: 35px; } .sitemap-col-3 li { font-size: 0.92em; } .sitemap-col-3 li li { font-size: 1em; } .sitemap h3 a, .sitemap h3 a:link, .sitemap h3 a:active, .sitemap h3 a:visited { color: #4b4b4b; } .sitemap h3 a:hover { color: #0088cc; } .sitemap-col-3 a, .sitemap-col-3 a:link, .sitemap-col-3 a:active, .sitemap-col-3 a:visited { color: #4b4b4b; } .sitemap-col-3 a:hover { color: #0088cc; } .sitemap-col-3 li li a, .sitemap-col-3 li li a:link, .sitemap-col-3 li li a:active, .sitemap-col-3 li li a:visited { color: #004a99; } .sitemap-col-3 li li a:hover { color: #0088cc; } /* -------------------------------------------------------------- * CORPORATE LANGUAGE -------------------------------------------------------------- */ .corporate-language .box-border { background: url(/layout/default/imgs/corporate-language.jpg) 5px 5px no-repeat; } .corporate-language .box-border .body { text-align: right; padding: 130px 25px 20px 760px; height: 150px; color: #004a99; } /* -------------------------------------------------------------- * WELCOME -------------------------------------------------------------- */ .welcome .box-border { background: url(/upload/images/welcome.jpg) 5px 5px no-repeat; } .welcome .box-border .body { text-align: left; padding: 30px 25px 0 720px; height: 270px; } .welcome h4 { padding-bottom: 0.6em; } .welcome h4 a {text-decoration:none;} .welcome h4 a img {vertical-align: top} .welcome h4 a:hover {text-decoration: none;} .welcome p { font-size: 0.9em; padding-bottom: 0.9em; } /* -------------------------------------------------------------- * WIDGETS -------------------------------------------------------------- */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Tooltip ----------------------------------*/ .tip { cursor: help; } .tooltip { position: absolute; top: 0; left: 0; z-index: 99999; display: none; background: #fffbb3; border: 1px solid #b2b2b2; padding: 5px 10px; width: 220px; font-size: 9px; line-height: 11px; color: #4b4b4b; text-align: left; } /* Toggler ----------------------------------*/ .toggler { padding: 0 0 16px 0; cursor: pointer; } .toggle-open span.toggle-more { background: url(/layout/default/imgs/toggler.gif) right -50px no-repeat; padding: 0 0 4px 30px; } .toggle-closed span.toggle-more { background: url(/layout/default/imgs/toggler.gif) right 0 no-repeat; padding: 0 0 4px 30px; } /* Datepicker ----------------------------------*/ .ui-datepicker { display: none; width: 17em; padding: .2em .2em 0; border: 1px solid #e6e6e6; background: #f4f4f4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ui-datepicker-header { position:relative; padding:0.2em; color:#222222; font-weight:bold; background:#CCCCCC url(/layout/default/imgs/ui/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x scroll 50% 50%; border:1px solid #AAAAAA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker-prev-hover, .ui-datepicker-next-hover { top: 1px; } .ui-datepicker-prev { left:2px; } .ui-datepicker-next { right:2px; } .ui-datepicker-prev-hover { left:1px; } .ui-datepicker-next-hover { right:1px; } .ui-datepicker-prev span, .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; background-image:url(/layout/default/imgs/ui/ui-icons_222222_256x240.png); height:16px; width:16px; background-repeat:no-repeat; overflow:hidden; text-indent:-99999px; } .ui-datepicker-next span { background-position:-48px -192px; } .ui-datepicker-prev span { background-position:-80px -192px; } .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker a.ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/layout/default/imgs/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-datepicker a.ui-state-hover, .ui-datepicker-div a.ui-state-focus { border: 1px solid #999999; background: #dadada url(/layout/default/imgs/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-datepicker a.ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/layout/default/imgs/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-datepicker a.ui-state-highlight { border: 1px solid #01bfff; background: #b0e7f1; color: #363636; } .ui-datepicker .ui-corner-all { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e6e6e6;} /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; /*must haves*/ } /* Overlay ----------------------------------*/ .ui-widget-overlay { background: #fff; opacity: .70;filter:Alpha(Opacity=70); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/layout/default/imgs/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; } /* Dialog ----------------------------------*/ .ui-dialog { background: #ffffff url(/layout/default/imgs/dialog/ui-dialog-content.gif) right bottom no-repeat; padding: 0 0 0 0 ; } .ui-dialog-titlebar { background: #d4d6d7 url(/layout/default/imgs/dialog/ui-dialog-header.gif) no-repeat; font-weight: bold; text-align: left; position: relative; padding: 0 0 0 30px; } .ui-dialog-title { display: block; padding: 13px 30px 10px 0; background: url(/layout/default/imgs/dialog/ui-dialog-header.gif) right 0 no-repeat; } .ui-dialog-content { background: url(/layout/default/imgs/dialog/ui-dialog-content.gif) 0 bottom no-repeat; padding: 30px 0 30px 30px ; margin: 0 30px 0 0; } .ui-dialog-content .form { } .ui-dialog .ui-icon-closethick { position: absolute; top: 13px; right: 13px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url(/layout/default/imgs/ui/ui-icons_888888_256x240.png); background-position: -96px -128px; } #dialog-email-quote .txt { width: 290px; margin: 0; } #dialog-email-quote label { padding: 0 15px 0 0; margin: 0; } #dialog-email-quote legend { padding: 15px 0 5px 0; margin: 0; } #dialog-email-quote .actions { text-align: right; padding: 15px 0 0 0; } /* Gallery -----------------------------------*/ div.light_square { border: 1px solid #dcdcdc; } div.light_square .pp_top .pp_left, div.light_square .pp_top .pp_middle, div.light_square .pp_top .pp_right, div.light_square .pp_bottom .pp_left, div.light_square .pp_bottom .pp_middle, div.light_square .pp_bottom .pp_right, div.light_square .pp_content { background:#fff; } div.light_square .pp_content a.pp_expand { background:url(/layout/default/imgs/sprite.gif) -31px -26px no-repeat; cursor:pointer; } div.light_square .pp_content a.pp_expand:hover { background:url(/layout/default/imgs/sprite.gif) -31px -47px no-repeat; cursor:pointer; } div.light_square .pp_content a.pp_contract { background:url(/layout/default/imgs/sprite.gif) 0 -26px no-repeat; cursor:pointer; } div.light_square .pp_content a.pp_contract:hover { background:url(/layout/default/imgs/sprite.gif) 0 -47px no-repeat; cursor:pointer; } div.light_square .pp_top a.pp_close { position: absolute; top: 0; right: 0; display:block; width:20px; height:20px; line-height: 20px; background:url(/layout/default/imgs/sprite.gif) -116px 2px no-repeat; cursor:pointer; text-indent: -9999px; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous { background:url(/layout/default/imgs/sprite.gif) 0 -71px no-repeat; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled { background-position:0 -87px; cursor:default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next { background:url(/layout/default/imgs/sprite.gif) -22px -71px no-repeat; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled { background-position:-22px -87px; cursor:default; } div.light_square .pp_content a.pp_next:hover { background:url(/layout/default/imgs/btnNext.gif) center right no-repeat; cursor:pointer; } div.light_square .pp_content a.pp_previous:hover { background:url(/layout/default/imgs/btnPrevious.gif) center left no-repeat; cursor:pointer; } div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background:#eceff1; position:absolute; top:0; left:0; z-index:9500; width:100%; opacity: .70;filter:Alpha(Opacity=70); } div.pp_pic_holder { position:absolute; z-index:10000; width:100px; } div.pp_pic_holder .pp_top { position:relative; height:20px; } * html div.pp_pic_holder .pp_top { padding:0 20px; } div.pp_pic_holder .pp_top .pp_left { position:absolute; left:0; width:20px; height:20px; } div.pp_pic_holder .pp_top .pp_middle { position:absolute; left:20px; right:20px; height:20px; } * html div.pp_pic_holder .pp_top .pp_middle { position:static; left:0; } div.pp_pic_holder .pp_top .pp_right { position:absolute; top:0; left:auto; right:0; width:20px; height:20px; } div.pp_pic_holder .pp_content { position:relative; text-align:left; width:100%; height:40px; } div.pp_pic_holder .pp_content .pp_details { display:none; margin:10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description { display:none; float:left; margin:0; } div.pp_pic_holder .pp_content .pp_details .pp_nav { float:left; margin:3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p { float:left; margin:2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous, div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { float:left; display:block; width:14px; height:15px; overflow:hidden; text-indent:-10000px; margin-top:3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer { position:absolute; z-index:2000; top:0; left:0; width:100%; } div.pp_pic_holder .pp_content a.pp_next { display:block; float:right; text-indent:-10000px; width:49%; height:100%; background:url(/layout/default/imgs/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous { display:block; float:left; text-indent:-10000px; width:49%; height:100%; background:url(/layout/default/imgs/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand, div.pp_pic_holder .pp_content a.pp_contract { position:absolute; z-index:20000; top:10px; right:30px; cursor:pointer; display:none; text-indent:-10000px; width:20px; height:20px; } div.pp_pic_holder .pp_bottom { position:relative; height:20px; } * html div.pp_pic_holder .pp_bottom { padding:0 20px; } div.pp_pic_holder .pp_bottom .pp_left { position:absolute; left:0; width:20px; height:20px; } div.pp_pic_holder .pp_bottom .pp_middle { position:absolute; left:20px; right:20px; height:20px; } * html div.pp_pic_holder .pp_bottom .pp_middle { position:static; left:0; } div.pp_pic_holder .pp_bottom .pp_right { position:absolute; top:0; left:auto; right:0; width:20px; height:20px; } div.pp_pic_holder .pp_loaderIcon { display:none; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; width:24px; height:24px; } div.pp_pic_holder #pp_full_res { display:block; margin:0 auto; width:100%; text-align:center; } div.pp_pic_holder #pp_full_res object, div.pp_pic_holder #pp_full_res embed { visibility:hidden; } div.ppt { display:none; position:absolute; top:0; left:0; z-index:9999; color:#fff; font-size:17px; } .box-promo img {margin: 0 0 10px 20px;} table td.step2_price span {float: left; margin-top: 7px; margin-right: 10px;} .promo_icons_step2 li { float: left; margin: 0 3px;} #login {} #login p {margin:18px 0;font-size:12px;overflow: hidden;} #login .line {overflow: hidden;} #login h3 {margin-bottom:18px;} #login label {width:120px;display:block;float:left;height:18px;line-height:18px;} #login .text {float:left;height:18px;} #log_new {width:325px;float:left;border-right:1px solid #ccc;padding-right: 20px;} #log_exist {width:325px;float:left;margin-left:20px;} .logsubmit {margin:18px 30px 0 0;float:right;} .mod_menu .logged {color: #990000;} .mod_menu .logged span {text-decoration: underline;} .mod_menu .logged img {padding: 0 5px 0 10px;vertical-align: middle;} div.job li {list-style-type: disc; padding-left: 0px;margin-left: 20px;} #calculator .ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; } #calculator .ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/layout/default/imgs/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; } #calculator .ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; } #calculator .ui-state-default, #calculator .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/layout/default/imgs/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; outline: none; } #calculator .ui-state-default a, #calculator .ui-state-default a:link, #calculator .ui-state-default a:visited { color: #1c94c4; text-decoration: none; outline: none; } #calculator .ui-state-hover, #calculator .ui-widget-content .ui-state-hover, #calculator .ui-state-focus, #calculator .ui-widget-content .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(/layout/default/imgs/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; outline: none; } #calculator .ui-state-hover a, #calculator .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; } #calculator .ui-state-active, #calculator .ui-widget-content .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/layout/default/imgs/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; outline: none; } #calculator .ui-state-active a, #calculator .ui-state-active a:link, #calculator .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; } #calculator .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } #calculator .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #calculator .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #calculator .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #calculator .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } #calculator .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #calculator .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } #calculator .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } #calculator .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } #calculator .ui-slider { position: relative; text-align: left; } #calculator .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } #calculator .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } #calculator .ui-slider-horizontal { height: .8em; } #calculator .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } #calculator .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #calculator .ui-slider-horizontal .ui-slider-range-min { left: 0; } #calculator .ui-slider-horizontal .ui-slider-range-max { right: 0; } #calculator .ui-slider-vertical { width: .8em; height: 100px; } #calculator .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } #calculator .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } #calculator .ui-slider-vertical .ui-slider-range-min { bottom: 0; } #calculator .ui-slider-vertical .ui-slider-range-max { top: 0; } #calculator {display: none;} #calculator .question {display: block; overflow: hidden; padding: 5px 0; border: solid 1px #ccc;margin-top: 5px; padding: 10px;} #calculator .part1 {width: 150px; float: left;} #calculator .part2 {width: 80px; float: left;text-align: right;padding-right: 20px;} #calculator #slider1, #calculator #slider2, #calculator #slider3, #calculator #slider4, #calculator #slider5, #calculator #slider6 {float: left;width: 120px;} #calculator .info {font-size: 0.8em; float: left; width: 205px;margin-left: 15px;} #calculator .info img {vertical-align: middle;} #calculator .buttons {margin-top: 15px;} #calculator .total {background-color: #eaeaea; padding: 10px;margin-top: 15px; display: none;} #calculator .total span {font-weight: bold;} .agent {padding-top: 10px;line-height: 1.3em; display: block; text-align: center; color: #999;} #cross-link a {color: #666;} #cross-link {color: #666;} #tab-product {position: relative;} .promo-new {color: #f21f18; position: absolute; right: 0; top: 12px; font-weight: bold;} /******************* Subscribe2 ********************/ .mandatory {position: absolute; color: #f00; right: 20px; top: 40px;} .required {color: #f00; font-weight: bold;} .top-link {position: absolute; right: 10px; top: 7px;} .top-link img {vertical-align: middle;} .tabs-white .ui-tabs-nav-ab { display: block; clear: both; zoom: 1; height: 50px; margin: 0; padding: 0 5px 0 0; padding: 0; } .tabs-white .ui-tabs-nav-ab li { width: 111px; height: 50px; margin: 0 0 0 -11px; float: left; } .tabs-white .ui-tabs-nav-ab li.first { margin: 0; } .tabs-white .ui-tabs-nav-ab a { background-image: url(/layout/default/imgs/new-tabs.png); background-position: 0 0; background-repeat: no-repeat; color: #fff; display: block; height: 50px; padding: 0 0 0 7px; font-size: 11px !important; line-height: 13px; text-decoration: none; cursor: default; } .tabs-white .ui-tabs-nav-ab a span { background: none;display: block; height: 37px; padding: 13px 6px 0 0; text-align: center; } .tabs-white .ui-tabs-nav-ab strong { display: block; } /*.tabs-white .ui-tabs-nav-ab li a:hover { background-position: 0 -100px; color: #fff; } .tabs-white .ui-tabs-nav-ab li a:hover span { background-position: right -100px; }*/ .tabs-white .ui-tabs-nav-ab li.state-actived span {color: #333;} .tabs-white .ui-tabs-nav-ab li.state-inactived span {color: #333;} .tabs-white .ui-tabs-nav-ab li.state-selected span {color: #FFF;} /*.tabs-white .ui-tabs-nav-ab li.state-selected a:hover span {color: #333;}*/ .tabs-white .ui-tabs-nav-ab li.state-disabled span {color: #ccc;} .tabs-white .ui-tabs-nav-ab li.first {width: 103px;} .tabs-white .ui-tabs-nav-ab li.last {width: 103px;margin-left: -13px;} .tabs-white .ui-tabs-nav-ab li.state-selected a.first {background-position: 0 0;} /*.tabs-white .ui-tabs-nav-ab li.state-selected.first a:hover {background-position: 0 -60px;} */ .tabs-white .ui-tabs-nav-ab li.state-actived a.first {background-position: 0 -60px;} .tabs-white .ui-tabs-nav-ab li.state-inactived a.first {background-position: 0 -120px;} /*.tabs-white .ui-tabs-nav-ab li.state-actived.first a:hover {background-position: 0 -120px;} */ .tabs-white .ui-tabs-nav-ab li.state-selected a.last {background-position: 0 -480px;} /*.tabs-white .ui-tabs-nav-ab li.state-selected.last a:hover {background-position: 0 -541px;} */ .tabs-white .ui-tabs-nav-ab li.state-actived a.last {background-position: 0 0;} /*.tabs-white .ui-tabs-nav-ab li.state-actived.last a:hover {background-position: 0 -600px;} */ .tabs-white .ui-tabs-nav-ab li.state-disabled a.last {background-position: 0 -660px;} .tabs-white .ui-tabs-nav-ab li.state-inactived a.last {background-position: 0 -600px;} .tabs-white .ui-tabs-nav-ab li.state-disabled a {background-position: 0 -420px;} .tabs-white .ui-tabs-nav-ab li.state-actived a {background-position: 0 -300px; } .tabs-white .ui-tabs-nav-ab li.state-selected a {background-position: 0 -240px;} .tabs-white .ui-tabs-nav-ab li.state-inactived a {background-position: 0 -360px;} /*.tabs-white .ui-tabs-nav-ab li.state-actived a:hover {background-position: 0 -300px; } .tabs-white .ui-tabs-nav-ab li.state-selected a:hover {background-position: 0 -300px;}*/ optgroup {font-style: normal; padding-bottom: 10px; } optgroup option {color: #000;} #promo-box {text-align: center;background: url(/img/step2-bis-bg_fr.jpg); height: 139px; position: relative; padding-top: 315px;} #promo-box .diff-price {font-weight: bold; font-size: 120%; color: #000;} #promo-box .price-strike {font-weight: bold; color: #c00; font-size: 200%; margin-top: 10px; display: inline-block;text-decoration: line-through;} #promo-box .new-price {font-weight: bold; color: #FD0004; font-size: 300%; margin-top: 10px; display: inline-block; line-height: 1em;} #promo-box p {color: #004B99; font-weight: bold;} #promo-box a img {padding-top: 20px;position: absolute; left: 20px; bottom: 20px;} .step4-ab-left {display: inline-block; width: 200px; vertical-align: top;text-align: left; border: solid 1px #ccc; padding: 10px;background-color: #eaeaea;height: 130px;position: relative;} .step4-ab-right {display: inline-block; width: 200px; vertical-align: top;text-align: left; border: solid 1px #ccc; padding: 10px;background-color: #eaeaea; height: 130px;position: relative;} .step4-ab-left a , .step4-ab-right a {position: absolute; bottom: 10px; left: 50px;} .step4-ab-left .link-button span {width: auto;} .step4-ab-right .link-button span {width: auto;} .step4-ab-left .title {font-weight: bold; display: block;font-size: 120%; margin-bottom: 10px;} .step4-ab-right .title {font-weight: bold; display: block;font-size: 120%; margin-bottom: 10px;} #flashcomponent1 embed {position: absolute; top: -2px; left: -2px;} table td.step2_price strong { display: inline; float: left;} table td.step2_price .promo-ab {padding-left: 100px; font-size: 15px; padding-bottom: 5px;} /* -------------------------------------------------------------- * GET QUOTE -------------------------------------------------------------- */ #tabs_quote { display: block; width: 986px; height: 91px; padding-left: 3px; } #tabs_quote.step1 { background: url(../img/eur017/tabs_quote_1.jpg) top left no-repeat; } #tabs_quote.step2 { background: url(../img/eur017/tabs_quote_2.jpg) top left no-repeat; } #tabs_quote.step3 { background: url(../img/eur017/tabs_quote_3.jpg) top left no-repeat; } #tabs_quote.step4 { background: url(../img/eur017/tabs_quote_4.jpg) top left no-repeat; } #tabs_quote.step5 { background: url(../img/eur017/tabs_quote_5.jpg) top left no-repeat; } #tabs_quote li { display: block; float: left; width: 156px; padding-left: 40px; padding-top: 40px; } #tabs_quote li.multiple { padding-top: 30px; } #tabs_quote li span { font-size: 1.3em; line-height: 1em; padding: 0.5em 0 1em 0; /*16px*/ color: #00478b; } #tabs_quote li.active span { color: #333; } #tabs_quote li a { text-decoration: none; } #tabs_quote li a:hover span { } .quote_col1, #quote_col1 { display: block; float: left; width: 640px; padding: 0px 20px 0 10px; margin-right: 60px; } .quote_col1 { padding: 20px 20px 0 20px; } .quote_col2 { display: block; float: left; width: 220px; padding: 20px 0 0 0; } .quote_col1_blue { display: block; float: left; width: 670px; padding: 0; background: url(../img/eur017/quote_col1_blue_inner.jpg) top left repeat-y; margin-left: 30px; /*margin-right: 40px;*/ margin-top: 20px; margin-bottom: 10px; } .quote_col1_blue_top { display: block; float: left; width: 670px; height: 10px; background: url(../img/eur017/quote_col1_blue_top.jpg) top left repeat-y; } .quote_col1_blue_bottom { display: block; float: left; width: 670px; height: 10px; background: url(../img/eur017/quote_col1_blue_bottom.jpg) top left repeat-y; } .quote_col11 { display: block; float: left; width: 254px; padding: 0 50px 0 30px; } .quote_col12 { display: block; float: left; width: 336px; } .benefits_header { display: block; float: left; width: 330px; } .benefits_header_col1 { display: block; float: left; width: 240px; padding: 0; } .benefits_header_col2 { display: block; float: left; width: 55px; padding: 10px 0 0 0; text-align: right; font-weight: bold; font-size: 1.1em; } .quote_benefits { display: block; float: left; width: 336px; background: url(../img/eur017/quote_benefits_inner.jpg) top left repeat-y; } .quote_benefits_top { display: block; float: left; width: 336px; height: 10px; background: url(../img/eur017/quote_benefits_top.jpg) top left repeat-y; } .quote_col11 h2 { font-size: 1.4em; font-weight: bold; } .quote_col1_blue h1 { padding: 0 0 30px 0; } .quote_col1_blue h4 { padding: 20px 0 20px 0; } .quote_col1_blue .quote_col12 h3 { padding: 10px 20px 0 20px; } .quote_col1_blue .quote_col12 p { padding: 0px 20px 10px 20px; } .quote_col1_blue .quote_col12 h2 { padding: 0px 20px 10px 20px; } .quote_col1_blue ul { list-style: decimal; } .quote_col1_blue ul li { color: #2486cd; padding: 0; margin-left: 20px; font-weight: bold; } .quote_col1_blue ul li span { color: #666; display: block; padding-left: 20px; padding-bottom: 10px; font-weight: normal; } .quote_col1_blue .quote_benefits h2 { padding-top: 20px; padding-bottom: 20px; } .benefit_item { display: block; float: left; padding-top: 5px; padding-bottom: 5px; width: 336px; border-top: solid 1px transparent; border-bottom: solid 1px transparent; } .benefit_item.active { background: url(../img/eur017/quote_col1_benefits_inner2.jpg) top left repeat-y; border-top: solid 1px #bed9eb; border-bottom: solid 1px #bed9eb; } .benefit_col1 { display: block; float: left; width: 50px; margin-top: -4px !important; } .benefit_col2 { display: block; float: left; width: 180px; padding-right: 20px; } .benefit_col3 { display: block; float: left; width: 70px; } .benefit_item h3 { padding: 0px !important; margin: 0px; font-size: 1em; } .benefit_item p { padding: 0px !important; margin: 0px; } .benefit_item .input_cb { float: right; margin-right: 20px; margin-top: 2px; } .benefit_item .price { float: right; margin-right: 20px; font-weight: bold; font-size: 1em; } .quote_col1_blue .quote_benefits .total { display: block; float: left; width: 280px; margin-left: 20px; background: #fff; color: #ff0000; margin-top: 10px; } .quote_col1_blue .quote_benefits .total p { margin: 0; padding: 0; font-weight: bold; } .quote_col1_blue .quote_benefits .price_euro { font-size: 1em; padding-right: 5px; } .quote_col1_blue .quote_benefits .price_value { font-size: 2em; } .quote_col1_blue .quote_benefits .total_col1 { display: block; float: left; width: 85px; padding: 10px 0 5px 25px; } .quote_col1_blue .quote_benefits .total_col2 { /*display: block;*/ float: left; width: 160px; padding : 10px 5px 0 0; text-align: right; } .quote_col1_blue .quote_benefits .bottomlinks { display: block; float: left; width: 290px; padding-left: 20px; } .quote_col1_blue .quote_benefits .bottomlinks_col1 { display: block; float: left; width: 160px; padding-top: 35px; padding-left: 10px; } .quote_col1_blue .quote_benefits .bottomlinks_col2 { display: block; float: left; width: 120px; } .quote_col1_blue .quote_benefits .bottomlinks a.mailoffer { display: block; float: left; padding: 0 0 0 30px; background: url(../img/eur017/icon_mail.jpg) 0 2px no-repeat; } .yourorder_item { padding-bottom: 10px; } .yourorder_name { display: block; float: left; width: 115px; font-weight: bold; } .yourorder_price { display: block; float: left; width: 60px; text-align: right; color: #ec151a; font-weight: bold; } .yourorder_item p { clear: both; } .yourorder_total { width: 185px; height: 35px; background: #fff; color: #ff0000; margin-top: 10px; } .yourorder_total p { margin: 0; padding: 0; font-weight: bold; } .yourorder_total .price_euro { font-size: 1em; padding-right: 5px; } .yourorder_total .price_value { font-size: 2em; } .yourorder_total_col1 { display: block; float: left; width: 65px; padding: 10px 5px 5px 15px; } .yourorder_total_col2 { display: block; float: left; width: 85px; text-align: right; padding: 10px 5px 5px 5px; } /* forms */ form .formrow { /*padding: 15px 0;*/ } /*form label { font-size: 1.2em; font-weight: bold; width: 250px; color: #333; } Pose des problemes dans le box de droite sur les produits*/ form label .suffix { font-size: 0.8em; font-weight: normal; } a.button_next { display: block; float: right; width: 114px; height: 39px; font-size: 1em; color: #fff; background: url(../img/eur017/btn-quote-next.gif) top left no-repeat; text-decoration: none; margin-top: 20px; margin-bottom: 20px; margin-right: 20px; } a.button_next span { display: block; width: 71px; height: 36px; padding: 3px 10px 0 10px; cursor: pointer; } a.button_next_large { display: block; float: right; width: 164px; height: 39px; font-size: 1em; color: #fff; background: url(../img/eur017/btn-quote-next_large.gif) top left no-repeat; text-decoration: none; margin-top: 20px; margin-bottom: 20px; } a.button_next_large span { display: block; width: 120px; height: 36px; padding: 3px 10px 0 10px; } .form-getquote .w-0 { width: 616px; } .form-getquote .w-1 { width: 280px; } .form-getquote .w-2 { width: 30px; } .form-getquote .w-3 { width: 120px; margin-right: 10px; } .form-details .formrow { padding: 2px 0; } .form-details label { width: 150px; color: #333; font-weight: bold; } .form-details .w-1 { width: 345px; } .form-details .w-2 { width: 90px; } .form-details .w-4 { width: 240px; margin-right: 10px; } .form-details .w-5 { width: 120px; } .form-details .w-6 { width: 275px; } .form-details .w-7 { width: 35px; } .form-details .suffix { margin: 0; padding: 0 20px 0 5px; } .form-details h2.fieldcategory { padding-top: 40px; } /* -------------------------------------------------------------- * PRODUCT OVERVIEW -------------------------------------------------------------- */ .productoverview_col1 { display: block; float: left; width: 670px; padding: 20px 34px 0 30px; } .productoverview_col2 { display: block; float: left; width: 220px; padding: 60px 0 0 0; } .productoverview_intro { display: block; float: left; } .productoverview_intro .col1 { display: block; float: left; width: 200px; padding: 20px; } .productoverview_intro .col1 img {-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .productoverview_intro .col2 { display: block; float: left; width: 400px; padding: 20px 20px 20px 0; } .productoverview_category { clear: both; margin-top: 20px; } .productoverview_intro .button_next_large { float: left; } .productoverview_item { display: block; float: left; width: 140px; height: 290px; padding: 10px; background:#FFF; border: 1px solid #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-bottom:20px; margin-right: 5px; } .productoverview_item.blue { background:#deecf6; border: 1px solid #bed9eb; } .productoverview_item.blue p { color: #4B4B4B; } .productoverview_item.blueborder { border: 1px solid #bed9eb; } .productoverview_item h5 { display: block; float: left; width: 80px; color: #004a99; font-size: 1.1em; font-weight: normal; height: 50px; margin-right: 5px; } .productoverview_item .price { display: block; float: left; width: 47px; padding-left: 7px; clear: right; border-left: dotted 1px #f21f18; } .productoverview_item .price_from { display: block; } .productoverview_item .price_euro { display: block; float: left; font-size: 1.2em; } .productoverview_item .price_value { display: block; float: left; font-size: 1.6em; text-align: right; padding-right: 3px; } .productoverview_item .icons { display: block; float: left; padding-top: 15px; padding-bottom: 10px; clear: both; width: 130px; height: 30px; } .productoverview_item .icons img { padding: 0px; } .productoverview_item p { padding-bottom: 10px; clear: both; } .productoverview_item p.info { height: 100px; } .productoverview_item p.button {text-align: center; padding-right: 10px;} .productoverview_item .button_next { margin: 0; } /* -------------------------------------------------------------- * PRODUCT DETAIL -------------------------------------------------------------- */ #eur017_bluebox.benefits { padding: 0; display: block; float: left; } #eur017_bluebox.benefits #eur017_bluebox_content { width: 300px; padding: 0; margin: 0; } #eur017_bluebox.benefits .fright.prijs { margin-right: 20px; margin-top: 20px; } #eur017_bluebox.benefits h2 { padding-left: 20px; padding-right: 20px; } #eur017_bluebox.benefits .benefit_col2 { width: 160px; } #eur017_bluebox.benefits .button_next { padding-right: 20px; } .quote_col1 form label {color: #333; font-size: 12px; font-weight: bold; width: 250px; } .benefit_disabled .benefit_col2 {color: #ccc;} .invalid label, #error-box { color: #F21F18;} .invalid input,p.invalid select { background-color: #FEF1F1; } #error-box {margin-top: 20px; float: left;} .eur017_frm_label label {display: block; float: none;}