/* stylesheet by SophieWeb - http://sophieweb.com - 2008 */

/* tabs */
.tabPanel {
background: url("img/tabBackground.gif") repeat-y -693px 0;
margin:10px 0 0 44px;
position:relative;
width:693px;
}
.tabPanelBottom {
background: url("img/tabBackground.gif") no-repeat 100% 100%;
clear:right;
height:15px;
margin:5px 0 0;
width:693px;
}
#mainContent .tabPanel ul.tabs {
background: url("img/tabBackground.gif") no-repeat 0 0;
height:54px;
list-style-type:none;
margin:0;
padding:0;
width:693px;
}
#mainContent ul.tabs li {
float:left;
height:40px;
width:118px;
}
#mainContent ul.tabs li a {
background: url("img/tab.gif") no-repeat -118px 0;
display:block;
height:40px;
line-height:1.1em;
padding:8px 16px 0 5px;
text-align:center;
text-transform:uppercase;
}
#mainContent ul.tabs li.line1 a {
padding-top:13px;
}
#mainContent ul.tabs li.current a {
background-position:0 0;
cursor:default;
font-weight:bold;
}
.tabPanelContent {
border-right:1px solid #C3C3C3;
color:#747373;
margin:5px 180px 0 20px;
min-height:150px;
padding:0 20px 0 0;
}
#detectIE6 .tabPanelContent {
height:150px;
}
.tabPanelContent .illus {
height:130px;
}
.illus img.illusLeft {
float:left;
margin:0 30px 0 0;
}
.illus img.illusRight {
float:right;
margin:0 0 0 20px;
}
#mainContent .tabPanelContent p {
margin:0 0 5px 0;
}
#mainContent .tabPanelContent ul {
margin:0;
padding:10px 0 0 0;
}
.tabPanel .button {
float:right;
margin-right:1px;
}
.tabPanel .iconButtons {
bottom:20px;
right:0;
position:absolute;
}

/* titles (background image depends on product family) */
#content #mainContent h2 {
display:block;
font-size:1.8em;
font-weight:normal;
padding:10px 0 0 47px;
text-transform:uppercase;
}
#content #mainContent .quoteBackground h2 {
background:none;
font-size:.9em;
margin:-12px 0 -5px 92px;
text-indent:0;
text-transform:none;
}
#content #mainContent h3 {
clear:right;
display:block;
height:60px;
padding:0;
position:relative;
}
.assurland #content #mainContent h3.none {
clear:none;
height:22px;
}
#detectIE7 #content #mainContent h3.none span {
padding-top:20px;
}
#content #mainContent .quoteBackground h3 {
background:url("img/part/titlesLevel2Empty.gif") no-repeat 100% 0;
margin-bottom:-12px;
}
body #mainContent .quoteBackground h3.line2 {
height:75px !important;
}
#content #mainContent h3 span {
background-color:transparent;
background-repeat:no-repeat;
display:block;
font-size:1.5em;
height:49px;
margin:0 0 0 72px;
overflow:hidden;
text-indent:-3000px;
text-transform:uppercase;
}
#content #mainContent .caption h3 span {
font-size:1.2em;
margin-left:45px;
}
body #mainContent .quoteBackground h3.line2 span {
height:59px !important;
}
#content #mainContent h3.none {
height:55px;
margin-bottom:0;
overflow:hidden;
}
#content #mainContent h3.none span {
background-position:0 200px;
margin-top:17px;
text-indent:0;
}
#detectIE6 #content #mainContent h3.none span {
padding-top:17px;
}
#content #mainContent h3 span.number {
background-repeat:no-repeat;
height:59px;
left:0;
margin:0;
position:absolute;
top:0;
width:72px;
}
#content #mainContent h3.none span.number {
text-indent:-3000px;
}
#detectIE6 #content #mainContent h3.none span.number {
padding-top:0;
}
#content #mainContent h3 span.num01 {
background-position:0 0;
}
#content #mainContent h3 span.num02 {
background-position:0 -60px;
}
#content #mainContent h3 span.num03 {
background-position:0 -120px;
}
#content #mainContent h3 span.num04 {
background-position:0 -180px;
}
#content #mainContent h3 span.num05 {
background-position:0 -240px;
}
#content #mainContent h3 span.num06 {
background-position:0 -300px;
}
#content #mainContent h3 span.num07 {
background-position:0 -360px;
}
#content #mainContent h3 span.num08 {
background-position:0 -420px;
}
#content #mainContent h3 span.num09 {
background-position:0 -480px;
}
#content #mainContent h3 span.num10 {
background-position:0 -540px;
}
#content #mainContent h3 span.num00, #content #mainContent h3.none span.num00 {
background-position:0 -600px;
width:45px;
}
#mainContent h4 {
font-size:1.2em;
margin-left:40px;
text-transform:uppercase;
}
#mainContent h5 {
color:#898888;
font-size:1.1em;
margin:10px 0 0 40px;
text-transform:uppercase;
}
#mainContent ul {
color:#898888;
list-style-type:square;
margin:0 0 10px 60px;
}
#mainContent p {
color:#898888;
margin-left:40px;
}

/* formulas */
.formulaList {
font-size:1.2em;
line-height:15px;
margin:0 0 -30px 260px;
position:relative;
text-transform:uppercase;
top:-37px;
}
.formulaList span {
border-left:1px solid #D1D1D1;
padding:5px 0 3px;
}
.formulaList .current {
cursor:default;
font-weight:bold;
}
.formulaList a {
padding:0 10px;
}

/* detail table */
.formulaDetailTable {
border:1px solid #C3C3C3;
margin:5px;
width:503px;
}
.formulaDetailTable table {
width:503px;
}
.formulaDetailTable td {
border-bottom:1px solid #EBEBEB;
padding:4px 2px;
}
.formulaDetailTable th {
border-bottom:1px solid #EBEBEB;
color:#FFF;
padding:4px;
}
.formulaDetailTable th strong {
font-size:1.2em;
text-transform:uppercase;
}
.formulaDetailTable th a {
color:#FFF !important;
}
.formulaDetailTable td a {
color:#000 !important;
}
.formulaDetailTable .note, .formulaDetailTable .notes {
border:0 none;
font-size:.9em;
}
.formulaDetailTable table .bonus {
font-size:1.3em;
font-weight:bold;
text-transform:uppercase;
}
.formulaDetailTable .col1 {
width:170px;
}
.formulaDetailTable .col2 {
text-align:center;
width:60px;
}
.formulaDetailTable .col3 {
font-size:.9em;
}
.formulaDetailTable .col3 {
font-size:.9em;
}

/* nab */
.nabBackground {
background: url("img/nab/nabBackground.gif") repeat-y -737px 0;
}
.nabBackground .blockBottom {
background: url("img/nab/nabBackground.gif") no-repeat 100% 100%;
height:873px;
}
.nabBackground h1 {
background: url("img/nab/nabBackground.gif") no-repeat 0 0;
}
.frame .nabBackground h1.none {
height:90px;
}
#nabBody .introduction {
background: url("img/nab/text/nabIntro.gif") no-repeat;
height:40px;
margin-left:144px;
overflow:hidden;
position:absolute;
text-indent:-3000px;
top:75px;
width:345px;
}
#nabBody #detectIE6 .introduction, #nabBody #detectIE7 .introduction {
margin-left:114px;
}
.nabContent {
font-size:1.1em;
margin:20px 0 0 29px;
width:460px;
}
#content .nabContent p {
margin:0 0 0 10px;
text-align:left;
}
.nabContent .singleLine, .nabContent .doubleLine {
clear:left;
margin-top:20px;
}
.nabContent .singleLine p {
float:left;
padding-top:12px;
width:140px;
}
.nabContent .pictos p {
padding-top:0;
}
#detectIE6 .nabContent .singleLine p {
margin-left:5px;
}
.nabContent .pictoSlide {
background: url("img/nab/singleLinePictoSlider.gif") no-repeat 0 100%;
height:100px;
margin-left:75px;
overflow:hidden;
position:relative;
width:300px;
}
.nabContent .doubleLine .pictoSlide {
background: url("img/nab/doubleLinePictoSlider.gif") no-repeat 0 100%;
clear:left;
margin-left:45px;
width:360px;
}
.jsAllowed .nabContent .otherVehicles .pictoSlide {
display:none;
}
#nabBody .nabContent ul {
list-style-type:none;
margin:0;
}
.nabContent .pictoSlide li, .nabContent .slide li, .nabContent .slideWide li {
float:left;
width:60px;
}
.pictoSlide a {
display:block;
font-size:.8em;
height:100px;
overflow:hidden;
text-align:center;
}
.pictoSlide a span {
display:block;
height:50px;
overflow:hidden;
width:60px;
}
.pictoSlide a, .pictoSlide a span {
outline:0 none !important;
}
.pictoSlide .selected a span, .pictoSlide a:hover span, .pictoSlide a:focus span, .pictoSlide a:active span {
height:150px;
margin-top:-100px;
}
.nabContent .slide {
background: url("img/nab/singleLineSlider.gif") no-repeat 0 0;
min-height:50px;
margin:10px 0 0 160px;
overflow:hidden;
position:relative;
width:249px;
}
.nabContent .doubleLine .slide {
margin-left:105px;
}
.nabContent .slideWide {
background: url("img/nab/doubleLineSlider.gif") no-repeat 0 0;
min-height:50px;
margin:10px 0 0 20px;
overflow:hidden;
position:relative;
width:420px;
}
.nabContent .gradient .slide {
background-image: url("img/nab/singleLineGradientSlider.gif");
}
.nabContent .gradient .slideWide {
background-image: url("img/nab/doubleLineGradientSlider.gif");
}
.slide a, .slideWide a {
display:block;
line-height:1.1em;
padding-top:30px;
overflow:hidden;
text-align:center;
}
.slide .selected a, .slideWide .selected a {
font-weight:bold;
}
.nabContent .slide .choices2 li {
width:124px;
}
.nabContent .slide .choices3 li {
width:83px;
}
.nabContent .slide .choices4 li {
width:62px;
}
.nabContent .slide .choices5 li {
width:49px;
}
.nabContent .slideWide .choices2 li {
width:210px;
}
.nabContent .slideWide .choices3 li {
width:140px;
}
.nabContent .slideWide .choices4 li {
width:105px;
}
.nabContent .slideWide .choices5 li {
width:84px;
}
.nabContent .slideWide .choices6 li {
width:70px;
}
.nabContent .slideWide .choices7 li {
width:60px;
}
.nabContent .slideWide .choices8 li {
width:54px;
}
.nabContent a.bubble {
background-repeat:no-repeat;
background-position:0 0;
height:25px;
outline:0 none;
overflow:hidden;
padding:0;
position:absolute;
text-indent:-2000px;
top:75px;
width:25px;
}
.nabContent .slide a.bubble, .nabContent .slideWide a.bubble {
top:0;
}
.nabContent a.bubble:hover, .nabContent a.bubble:focus, .nabContent a.bubble:active {
background-position:0 -40px;
}
.nabContent .choice {
background: url("img/nab/choiceBackground.gif") no-repeat 0 0;
height:43px;
margin:10px 86px;
overflow-y:hidden;
width:288px;
}
.nabContent .choiceLarge {
background:#D3D3D3 url("img/nab/choiceLargeBackground.gif") no-repeat 0 0;
margin:10px 14px;
width:432px;
}
.nabContent .choiceLarge .choiceBottom {
background: url("img/nab/choiceLargeBackground.gif") no-repeat 0 100%;
height:43px;
overflow:hidden;
width:432px;
}
.nabContent .choiceHigh .choiceBottom {
height:86px;
overflow:hidden;
}
.nabContent .choiceFullWidth .choiceBottom {
height:auto;
}
.nabContent .singleLine .choice {
margin:10px 0 10px 155px;
}
.nabContent .binary {
background-position:0 -60px;
margin:10px 153px;
width:153px;
}
.nabContent .choice a, .nabContent .choiceLarge a, .nabContent .choiceHigh a, .nabContent .choiceFullWidth a {
background-repeat:no-repeat;
color:#666;
display:block;
float:left;
height:43px;
outline:0 none;
text-align:center;
width:144px;
}
.nabContent .choice a, .nabContent .choiceLarge a {
background-position:-144px 0;
}
.nabContent .choice a.selected, .nabContent .choice a:hover, .nabContent .choice a:focus, .nabContent .choice a:active, .nabContent .choiceLarge a.selected, .nabContent .choiceLarge a:hover, .nabContent .choiceLarge a:focus, .nabContent .choiceLarge a:active {
background-position:0 0;
color:#FFF;
}
.nabContent .choiceHigh a {
background-position:-144px -120px;
height:86px;
}
.nabContent .choiceHigh a.selected, .nabContent .choiceHigh a:hover, .nabContent .choiceHigh a:focus, .nabContent .choiceHigh a:active {
background-position:0 -120px;
color:#FFF;
}
.nabContent .binary a {
background-position:-144px -60px;
text-transform:uppercase;
width:76px;
}
.nabContent .binary a.selected, .nabContent .binary a:hover, .nabContent .binary a:focus, .nabContent .binary a:active {
background-position:0 -60px;
color:#FFF;
}
.nabContent .choiceFullWidth a {
background-position:0 0;
width:432px;
}
.nabContent .choiceFullWidth a.selected, .nabContent .choiceFullWidth a:hover, .nabContent .choiceFullWidth a:focus, .nabContent .choiceFullWidth a:active {
background-position:0 -47px;
color:#FFF;
}
.nabContent a.selected {
color:#FFF;
}
.nabContent .choice a.line1, .nabContent .choiceLarge a.line1 {
height:30px;
padding-top:13px;
}
.nabContent .choice a.line2, .nabContent .choiceLarge a.line2 {
height:37px;
padding-top:6px;
}
.nabContent .choiceHigh a.line1 {
height:52px;
padding-top:34px;
}
.nabContent .choiceHigh a.line2 {
height:59px;
padding-top:27px;
}
.nabContent .choiceHigh a.line3 {
height:66px;
padding-top:20px;
}
.nabContent .choiceHigh a.line4 {
height:73px;
padding-top:13px;
}
.nabContent .choiceHigh a.line5 {
height:81px;
padding-top:5px;
}
.adults, .children {
height:50px;
margin-left:160px;
overflow:hidden;
position:relative;
width:280px;
}
.adults a, .children a {
display:block;
height:20px;
overflow:hidden;
position:absolute;
text-indent:-3000px;
width:21px;
}
.nabContent a.plus, .nabContent a.minus {
background-position:0 0;
background-repeat:no-repeat;
left:0;
top:8px;
}
.nabContent a.minus {
background-position:0 -30px;
top:30px;
}
.nabContent a.plus:hover, .nabContent a.plus:focus, .nabContent a.plus:active {
background-position:-30px 0;
}
.nabContent a.minus:hover, .nabContent a.minus:focus, .nabContent a.minus:active {
background-position:-30px -30px;
}
.nabContent .people {
background: url("img/nab/nabPeople.gif") repeat-x;
height:40px;
left:25px;
overflow:hidden;
position:absolute;
text-indent:-3000px;
top:12px;
width:36px;
}
.nabContent .children .people {
background-position:0 -40px;
}
.formulaLayer, .formulaLayerBottom {
background-position: 0 0;
display:none;
position:absolute;
right:17px;
width:210px;
z-index:2000;
}
.formulaLayerBottom {
background-position: 0 -200px;
}
.formulaLayer .blockBottom {
background-position: -210px 100%;
margin-top:25px;
padding:5px 0 20px;
}
.formulaLayerBottom .blockBottom {
background-position: -420px 100%;
margin-top:25px;
padding:5px 0 30px;
}
.formulaLayer p, .formulaLayerBottom p {
color:#FFF;
font-size:.7em;
padding:0 15px 5px;
text-align:left;
}
.formulaLayer p strong, .formulaLayerBottom p strong {
background: url("img/bullets.gif") no-repeat 0 5px;
display:block;
padding-left:5px;
text-transform:uppercase;
}

/* domain icons */
.frame h1 {
height:95px;
overflow:hidden;
padding:10px 0 0 140px;
position:relative;
}
.frame h1.none {
height:40px;
position:static;
text-indent:0;
}
.frame h1 span {
display:block;
text-indent:-3000px;
text-transform:uppercase;
}
.frame h1.none span {
background:none;
font-size:1.1em;
line-height:1.2em;
padding-top:9px;
position:absolute;
text-indent:0;
}
.frame h1 span strong {
display:block;
font-size:1.3em;
padding-top:300px;
}
.frame h1.none span strong {
padding-top:0;
}
.frame h1 span.domainIcon {
background: url("img/part/domainIcons.gif") no-repeat 0 0;
display:block;
height:75px;
left:15px;
margin:0;
overflow:hidden;
position:absolute;
top:0;
width:100px;
}

/* forms */
.hint {
font-size:1em;
}
.hint strong {
color:#898888 !important;
}
.quoteBackground .hint {
font-size:1em;
margin:5px;
padding-left:33px;
}
.formBlock {
clear:left;
color:#898888;
font-size:1.4em;
}
.quoteBackground .formBlock {
font-size:1em;
margin-left:30px;
}
.formBlock fieldset {
margin:0 20px;
}
.formBlock fieldset fieldset, .quoteBackground .formBlock fieldset {
margin:0;
}
.formBlock fieldset fieldset fieldset, .quoteBackground .formBlock fieldset fieldset {
margin-left:25px;
}
.formBlock fieldset fieldset label {
display:none;
}
.formBlock label {
width:33%;
}
.quoteBackground .formBlock label {
width:47%;
}
.formBlock .formRadio, .formBlock .formCheck {
margin-left:50px;
}
.formBlock .fullWidth {
padding-left:150px;
}
#detectIE6 .formBlock .fullWidth {
left:150px;
padding-left:0;
position:relative;
}
.formBlock .fullWidth .formTextInput {
margin-left:40px;
}
.formBlock .formRadio label, .formBlock .formCheck label {
width:auto;
}
.formBlock .formCheck label, .formBlock .fullWidth label {
width:600px;
}
.quoteBackground .formBlock .formCheck label {
margin:0;
width:430px;
}
.formBlock .formRadio label strong, .formBlock .formCheck label strong {
color:#898888;
}
.formBlock .formTextInput {
background: url("img/mainForm.gif") no-repeat;
margin:1px 0 5px 2%;
width:200px;
}
.formBlock .disabled {
background-image: url("img/mainFormDis.gif");
}
.quoteBackground .formBlock .formTextInput {
background-image: url("img/quoteTableForm.gif");
}
.quoteBackground .disabled .formTextInput, .quoteFullWidth .formTextInput .disabled {
background-image: url("img/quoteTableFormDis.gif");
}
.formBlock .formCheck, .formBlock .date, .formBlock .texts {
height:25px;
margin-left:50px;
overflow:hidden;
}
.quoteBackground .formBlock .date, .quoteBackground .formBlock .texts {
margin-left:2%;
}
.formBlock .formTextInput input {
color:#898888;
margin:1px 0 1px 5px;
vertical-align:middle;
}
#content .disabled .formTextInput input {
color:#A3A3A3;
}
.formBlock .longText {
background-position:0 0;
}
.formBlock .longText input {
width:190px;
}
#detectIE6 .longText input, #detectIE7 .longText input {
margin-left:-30px;
}
.formBlock .phoneText {
background-position:0 -30px;
}
.formBlock .phoneText input {
width:90px;
}

.formBlock .fileAttachment {
background-position:0 -30px;
}
.formBlock .fileAttachment input {
float:left;
width:90px;
}
.formBlock .fileAttachment a {
background:url("img/buttons/buttons.png") 0 -140px;
display:block;
margin:3px 0 0 105px;
overflow:hidden;
text-indent:-3000px;
}
.formBlock .postCode, .formBlock .shortText {
background-position:0 -60px;
}
.formBlock .postCode input, .formBlock .shortText input {
width:40px;
}
#detectIE6 div.shortText input, #detectIE7 div.shortText input {
margin-left:-30px;
}
.formSelect select {
width:200px;
overflow:hidden;
}
#detectIE6 select, #detectIE7 select {
font-size:1em;
}
/*
#detectIE6 .formLongSelect, #detectIE7 .formLongSelect {
text-align:right;
width:470px;
}
#detectIE6 .formLongSelect select, #detectIE7 .formLongSelect select {
margin:0 0 0 auto;
overflow:auto;
width:auto;
}
*/
.formBlock .text {
float:left;
margin:1px 0 5px 2%;
width:200px;
}
.formBlock .date label, .formBlock .texts label {
background-image: url("img/detailForm.gif");
background-repeat:no-repeat;
display:block;
float:left;
height:23px;
margin:0;
text-align:left;
width:35px;
}

.formBlock .textsgris label {
background-image: url("img/detailFormDis.gif");
background-repeat:no-repeat;
display:block;
float:left;
height:23px;
margin:0;
text-align:left;
width:35px;
}

.formBlock .date label {
width:45px;
}
.disabled .date label, .disabled .texts label {
background-image: url("img/detailFormDis.gif");
}
.formBlock .date label, .formBlock .shortNumber {
background-position:0 -90px;
}
.formBlock .date input, .formBlock .shortNumber input {
width:20px;
}
.formBlock .date input {
margin-right:10px;
}
#detectIE6 .formRadio .shortNumber input {
margin-left:-38px;
vertical-align:middle;
}
.formBlock .date .dateYear, .formBlock .texts .shortText {
background-position:0 -60px;
width:55px;
}
.formBlock .date .dateYear input {
width:40px;
}
.formBlock .formTextarea {
background: url("img/detailTextarea.gif") no-repeat;
margin:0 0 5px 0;
width:459px;
}
#mainContent .formBlock .text p {
font-size:1em;
margin:0;
padding:3px 5px;
}
.formBlock textarea {
width:449px;
}
.formBlock .formInfo {
margin:1px 10px 0 0;
}
#mainContent .formInfoBlock p {
margin:0;
}
.button button {
background:#FFF;
height:42px;
margin:20px 0 0 0;
width:176px;
}
.quoteBackground .button {
margin-left:30px;
}
.quoteBackground .button button {
background:#EAEAEA;
}
.button .over, .button button:hover, .button button:focus, .button button:active {
background-repeat:no-repeat;
background-position:0 -50px;
}
.button .valid, .button .next {
margin-left:320px;
}
.button .previous {
left:130px;
position:absolute;
}
.button .cancel, .button .back {
left:-25px;
margin-left:0;
position:absolute;
}
.button .valid {
background:url("img/buttons/valid.gif");
}
.button .sendApplication {
background:url("img/buttons/sendApplication.gif");
}
.button .callMe {
background:url("img/buttons/callMe.gif");
}
.button .subscribe {
background:url("img/buttons/subscribe.gif");
margin-left:12px;
width:121px;
}
.errorBackground .button .back {
background-image:url("img/buttons/back.gif");
}
.button .compare, .button .price {
background-color:#EAEAEA;
margin-top:10px;
width:232px;
}
.button .addToSelection {
background:url("img/buttons/addToSelection.gif");
margin:0;
width:133px;
}
.button .obtenirTarifPrecis {
background:url("img/buttons/auto/ObtenirTarifPrecis.gif");
margin:0;
width:126px;
}
/*SPR: (tarification) - deb 23-07*/
.SaveSimul {
background:url("img/buttons/EnregMonDevis.gif");
margin:0;
width:133px;
}
.NosOffresPro {
background:url("img/buttons/NosOffresPro.gif");
margin:0;
width:142px;
}
.retourProposition {
background:url("img/buttons/RetourPropoInit.gif");
margin:0;
width:200px;
}
.TrouverMoinsCher {
background:url("img/buttons/auto/TrouverMoinsCher.gif") no-repeat;
margin:0;
height:36px;
width:142px;
}
.TrouverMieuxCouvert {
background:url("img/buttons/auto/TrouverMieuxCouvert.gif") no-repeat;
margin:0;
height:36px;
width:142px;
}
/*SPR: (tarification) - fin 23-07*/

/* quote (tarification) */
.quoteBackground {
background: url("img/quoteBackground.gif") repeat-y -539px 0;
font-size:1.4em;
margin-bottom:10px;
width:539px;
}
.quoteFullWidth {
background: url("img/nab/nabBackground.gif") repeat-y -737px 0;
width:737px;
}
.quoteBackground .blockBottom {
background: url("img/quoteBackground.gif") no-repeat 100% 100%;
padding-bottom:10px;
}
.quoteFullWidth .blockBottom {
background-image: url("img/nab/nabBackground.gif");
}
.quoteErrorBackground {
background: url("img/quoteErrorBackground.gif") no-repeat 0 0;
margin:15px 0 5px;
padding-top:10px;
width:539px;
}
.quoteErrorBackground .blockBottom {
background: url("img/quoteErrorBackground.gif") no-repeat 0 100%;
padding:2px 0 12px;
}
.quoteBackground h1 {
background: url("img/quoteBackground.gif") no-repeat 0 0;
}
.quoteFullWidth h1 {
background-image: url("img/nab/nabBackground.gif");
}
.quoteBackground h1 span {
font-size:.8em;
line-height:1.2em;
padding-top:9px;
position:absolute;
text-transform:uppercase;
top:20px;
}
.quoteBackground h1 span strong {
display:block;
font-size:1.3em;
width:385px;
}
.frame .quoteBackground h1 span.domainIcon {
height:80px;
padding-top:0;
}
#mainContent .quoteBackground h4 {
clear:left;
color:#898888;
font-size:1em;
padding-top:10px;
}
#mainContent .quoteBackground h5 {
font-size:.9em;
}
.quoteBackground p {
font-size:.7em;
margin-right:10px;
}
.quoteBackground .steps {
position:absolute;
right:205px;
top:3px;
}
.quoteFullWidth .steps {
right:5px;
}
.quoteBackground .steps span {
display:block;
float:left;
height:80px;
overflow:hidden;
text-indent:-3000px;
width:28px;
}
.quoteBackground .links {
font-size:.7em;
padding:10px 0 20px;
}
.quoteBackground .links p {
background:url("img/buttons/domainLinks.gif") no-repeat;
font-size:1.1em;
text-align:left;
width:480px;
}
#detectIE6 .quoteBackground .links, #detectIE7 .quoteBackground .links {
margin-left:35px;
}
.quoteBackground .links a {
background:url("img/buttons/domainLinks.gif") no-repeat;
display:block;
float:left;
font-weight:bold;
padding:3px 0 3px 22px;
width:210px;
}
#quoteBody p.compareIntro {
background:url("img/text/compareIntro.gif") no-repeat 0 50%;
height:50px;
overflow:hidden;
text-indent:-3000px;
width:338px;
}
.quoteBackground .formBlock p a {
background:url("img/icons.gif") no-repeat 0 -470px;
clear:left;
display:block;
font-size:1.4em;
font-weight:bold;
padding:2px 0 12px 20px;
}
#content .quoteErrorBackground p {
color:#FFF;
font-weight:bold;
padding:0 30px 0 22px;
}
#content fieldset .warning {
font-size:.8em;
margin:15px 0 0 50px;
}
#content fieldset ul.warning {
font-size:1em;
font-weight:bold;
margin-left:70px;
}
#mainContent p.warning {
font-size:1em;
font-weight:bold;
}
#mainContent .quoteBackground p.warning {
background:url("img/formIcons.gif") no-repeat 0 0;
clear:left;
font-weight:bold;
margin:0 0 0 52%;
padding:1px 0 1px 18px;
}
#detectIE6 #mainContent .quoteBackground p.warning, #detectIE7 #mainContent .quoteBackground p.warning {
margin-top:10px;
}
#mainContent .quoteBackground .steppedProcess p {
font-size:1em;
}
#mainContent .quoteBackground .steppedProcess div {
clear:left;
margin:10px 0;
min-height:30px;
padding-left:40px;
}
#detectIE6 #mainContent .quoteBackground .steppedProcess div {
height:30px;
}
#mainContent .quoteBackground .steppedProcess span.step {
background-image: url("img/part/auto/steps.gif");
background-repeat:no-repeat;
display:block;
float:left;
margin-left:5px;
height:30px;
overflow:hidden;
text-indent:-300px;
width:30px;
}
.quoteBackground .caption p {
clear:left;
font-size:1em;
min-height:30px;
margin-left:100px;
}
.quoteBackground p span.max {
background:url("img/maxQuote.gif") no-repeat;
clear:left;
display:block;
float:left;
line-height:26px;
margin:2px 10px 10px;
width:85px;
}
#mainContent span.capital {
background-position:50% 0;
}
#mainContent span.additive {
background-position:50% -200px;
}
#mainContent span.limited {
background-position:50% -100px;
}

/* charts */
.graphBackground p.credit {
text-align:right;
}
.graphBackground p {
margin:5px 0;
}
.graphBackground .graphBlock {
background: url("img/graphBottom.gif") no-repeat 0 100%;
float:left;
height:270px;
margin:10px 4px 20px 29px;
position:relative;
width:335px;
}
#detectIE6 .graphBackground .graphBlock {
margin:10px 0 20px 19px;
}
.graphBackground .greyBlock {
background-position:-335px 100%;
}
#content .graphBlock h3 {
background: url("img/graphHead.gif") no-repeat 0 0;
border-bottom:1px solid #C3C3C3;
color:#898888;
font-size:1.1em;
height:34px !important;
padding:5px 10px 0 !important;
text-align:left;
}
#content .graphBlock h3.line1 {
height:29px !important;
padding-top:10px !important;
}
#content .graphBlock p {
bottom:5px;
right:15px;
margin:0;
position:absolute;
text-align:right;
}
#content .graphBlock p.hint {
bottom:15px;
left:15px;
right:auto;
text-align:left;
}

/* error page */
#serviceBody #mainContent h1 {
padding-left:110px;
}
#serviceBody #mainContent h1 span {
height:80px;
}
#serviceBody h1.error404 span {
background: url("img/text/404Title.gif") no-repeat;
}
#serviceBody h1.problem span {
background: url("img/text/problemTitle.gif") no-repeat;
}
#serviceBody h1.error404 span.domainIcon {
background: url("img/text/404Icon.gif") no-repeat 10px 5px;
}
#serviceBody h1.problem span.domainIcon {
background: url("img/text/problemIcon.gif") no-repeat 10px 5px;
}
.errorBlock {
background: url("img/serviceBackground.gif") no-repeat -304px 100%;
float:left;
height:261px;
margin:20px 30px;
width:304px;
}
#detectIE6 .errorBlock {
margin:20px;
}
.errorBlock h3 {
background: url("img/serviceBackground.gif") no-repeat 0 0;
height:80px !important;
}
#serviceBody .errorBlock h3 span {
background-position:10px 10px;
height:80px !important;
margin:0 !important;
}
#serviceBody .errorBlock h3.title1 span {
background-image: url("img/text/404Subtitle1.gif");
}
#serviceBody .errorBlock h3.title2 span {
background-image: url("img/text/404Subtitle2.gif");
}
#serviceBody .errorBlock ul {
font-size:1.1em;
font-weight:bold;
margin:0 5px 0 20px;
}
#serviceBody .errorBlock li {
background:url("img/bullets.gif") no-repeat 0 -146px;
list-style-type:none;
margin:10px 0;
padding-left:10px;
}
#serviceBody .errorBlock a {
color:#4A7699;
}
#serviceBody .errorBlock a:hover, #serviceBody .errorBlock a:focus, #serviceBody .errorBlock a:active {
text-decoration:underline;
}

/* assurland */
.offer {
background: url("img/assurlandQuoteBackground.gif") no-repeat 0 0;
margin:20px 0;
padding-top:18px;
}
.offer .blockBottom {
background: url("img/assurlandQuoteBackground.gif") no-repeat 100% 100%;
padding-bottom:15px;
}
.offerName, .offerPrice {
border-right:1px solid #C3C3C3;
color:#898888;
float:left;
font-size:0.8em;
font-weight:bold;
}
.offerName {
margin-left:49px;
width:233px;
}
#detectIE6 .offerName {
margin-left:25px;
}
.offerPrice {
text-align:center;
margin-left:0;
width:162px;
}
.assurland #content .offer h4 {
color:#EE8313;
font-size:1.2em;
margin:0;
padding:0;
}
.offer .promo {
background: url("img/assurlandPromoBackground.gif") no-repeat 0 0;
margin:0 15px 0 460px;
}
.assurland #mainContent .offer .promo p {
background: url("img/assurlandPromoBackground.gif") no-repeat 100% 0;
color:#FFF;
font-size:.6em;
height:32px;
line-height:10px;
margin:0 0 0 4px;
padding:6px 4px 0 0;
text-align:center;
text-transform:uppercase;
}
.assurland #mainContent .offer .promo p strong {
color:#FFF;
font-size:1.4em;
}

/* compare offers */
div.compare {
margin-top:10px;
width:708px;
}
.compare .quoteBackground {
background: url("img/compareQuoteBackground.gif") no-repeat 0 0;
margin:20px 0 20px 220px;
padding-top:18px;
width:448px;
}
.compare .quoteBackground .blockBottom {
background: url("img/compareQuoteBackground.gif") no-repeat 100% 100%;
padding-bottom:4px;
width:448px;
}
#mainContent .compare .quoteBackground p {
margin:-2px 20px 9px;
}
#mainContent .compare .quoteBackground p strong {
color:#898888;
}
#mainContent .compare .quoteBackground label {
font-weight:bold;
}
#mainContent .compare .quoteBackground a {
text-decoration:underline;
}
.compare .formBlock {
float:right;
margin-top:5px;
width:25px;
}
#detectIE6 .compare .formBlock {
overflow:hidden;
}
.compare .promo {
color:#119060;
display:block;
padding:5px 0;
}
.frame a.link {
background:url("img/icons.gif") no-repeat 0 -520px;
display:block;
font-weight:bold;
margin:10px 0;
padding:1px 0 1px 20px;
text-transform:uppercase;
}
.frame a.erase {
background:url("img/formIcons.gif") no-repeat 0 -150px;
}
.frame a.access {
background:url("img/buttons/domainSmallLinks.gif") no-repeat 0 0;
}
.frame a.link span {
font-weight:normal;
}
.compare .tabPanel, .groupBody .tabPanel {
background: url("img/compareTabBackground.gif") repeat-y -708px 0;
margin:10px 0 0 0;
width:708px;
}
.compare .tabPanelBottom, .groupBody .tabPanelBottom {
background-image: url("img/compareTabBackground.gif");
height:20px;
width:708px;
}
#mainContent .compare .tabPanel ul.tabs, .groupBody #mainContent .tabPanel ul.tabs {
background-image: url("img/compareTabBackground.gif");
height:37px;
width:708px;
}
#mainContent .compare ul.tabs li, .groupBody #mainContent ul.tabs li {
height:26px;
margin-top:6px;
width:236px;
}
#mainContent .compare ul.tabs li a, .groupBody #mainContent ul.tabs li a {
background:none;
border-right:1px solid #D1D1D1;
height:26px;
padding:0;
text-align:center;
text-transform:uppercase;
}
#mainContent .compare ul.tabs li.last a, .groupBody #mainContent ul.tabs li.last a {
border-right:0 none;
}
#mainContent .compare ul.tabs li.line1 a, .groupBody #mainContent ul.tabs li.line1 a {
height:20px;
padding-top:6px;
}
#mainContent .compare ul.tabs li.current a, .groupBody #mainContent ul.tabs li.current a {
font-weight:normal;
}

/* setFormula */
.setFormula {
clear:right;
padding-top:10px;
width:727px;
}
.frame .setFormula .table table {
margin-left:29px;
width:698px;
}
.setFormula a.link {
float:right;
margin-top:20px;
}
.conditions {
clear:both;
}
.conditions a {
font-weight:bold;
text-decoration:underline;
}
.setFormula .iconButtons {
float:left;
padding:10px 0 20px 29px;
width:300px;
}
.setFormula .iconButtons a {
float:left;
margin:0;
}


/* smileys */
#mainContent .smiley {
margin:0;
text-align:left;
}
.smiley .money, .smiley .wink, .smiley .love, .smiley .grin {
background-repeat:no-repeat;
background-position:0 50%;
display:block;
height:40px;
padding:10px 0 0 45px;
}
.smiley .money {
background-image:url("img/smileyMoney.gif");
}
.smiley .wink {
background-image:url("img/smileyWink.gif");
}
.smiley .love {
background-image:url("img/smileyLove.gif");
}
.smiley .grin {
background-image:url("img/smileyGrin.gif");
}

/* tables */
.frame .compare .tabPanelContent {
margin:0;
padding:0;
}
.frame .table table {
font-size:1em;
margin:0 0 0 30px;
padding:0;
width:707px;
}
.frame .formula4 table {
margin:0 5px;
width:700px;
}
.frame .formula4 .tabPanelContent table {
margin:10px 4px 0;
}
.frame .formula3 table {
margin:0 15px;
width:680px;
}
.frame .formula3 .tabPanelContent table {
margin:10px 14px 0;
}
.frame .formula2 table {
margin:0 85px;
width:540px;
}
.frame .formula2 .tabPanelContent table {
margin:10px 84px 0;
}
.frame .formula1 table {
margin:0 155px;
width:400px;
}
.frame .formula1 .tabPanelContent table {
margin:10px 154px 0;
}
.compare .findButtons {
height:50px;
margin:10px 0 0 312px;
}
.formula4 .findButtons {
margin-left:248px;
}
.compare .findButtons a {
float:left;
}
.compare .tabPanelContent {
border:0 none !important;
}
.frame .table th, .frame .table td {
border-color:#C3C3C3;
border-style:solid;
border-width:0 0 1px 0;
color:#898888;
vertical-align:middle;
}
.frame .table td.empty {
background:none !important;
border:0 none !important;
}
.compare thead tr.separate td.empty, .compare tr.buttonsBlock td.empty {
width:260px;
}
.formula4 thead tr.separate td.empty, .compare .formula4 tr.buttonsBlock td.empty {
width:140px;
}
.frame .table th {
background:url("img/tableHead.gif") no-repeat 50% 0;
border-right-width:1px;
height:39px;
line-height:1.2em;
overflow:hidden;
padding:0;
text-align:center;
}
.frame .table th.highlight {
background-image:url("img/tableHeadHighlight.gif");
border-right:2px solid #EE8313;
}
.frame .table th.lastHighlight {
background-image:url("img/tableHeadHighlight.gif");
border-right:0 none;
border-left:2px solid #EE8313;
}
.table th.first {
background-position:0 0;
}
.table th.last {
background-position:100% 0;
border-right:0 none;
}
.assurland .table .separate th {
background:url("img/tableSeparateHead183.gif") no-repeat 0 0;
border-right:0 none;
}
.compare .table .separate th {
background:url("img/tableSeparateHead140.gif") no-repeat 0 0;
border-right:0 none;
}
.frame .table td {
background:url("img/tableWhiteBackground.gif") no-repeat 0 50%;
padding:2px 10px;
}
.frame .table td.highlight {
background-image:url("img/tableWhiteHighlight.gif");
border-right:2px solid #EE8313 !important;
}
.frame .table tr.grey td.highlight {
background:url("img/tableGreyHighlight.gif") no-repeat 0 50%;
}
.frame .table tr.grey td.lastHighlight {
background:url("img/tableGreyHighlight.gif") no-repeat 100% 50%;
}
.frame .table td.grey, .frame .table tr.grey td {
background-image:url("img/tableGreyBackground.gif");
}
.compare .table .separate td {
background:url("img/tableSeparateLast140.gif") no-repeat 0 100%;
border:0 none !important;
padding:0;
}
.setFormula .table td {
background-image:url("img/tableWhiteFormulaBackground.gif");
height:39px;
}
.frame .table td.first {
background-position:0 -60px;
height:30px;
padding-left:10px;
}
.frame .table td.last, .frame .table td.lastHor {
background-position:100% -60px;
border-width:0 0 1px 1px;
}
.frame .table td.lastHighlight {
background-image:url("img/tableWhiteHighlight.gif");
border-left-color:#EE8313;
border-left-width:2px;
}
.frame .table tr.first td.first {
background-position: 0 0;
}
.frame .table tr.last td.first {
background-position:0 100%;
border:0 none;
padding-bottom:3px;
}
.frame .table tr.last td.highlight, .frame .table tr.last td.firstHighlight, .frame .table tr.last td.lastHighlight {
border-bottom:2px solid #EE8313;
}
.frame .table tr.buttonsBlock td {
border:0 none;
padding:0;
}
.frame .table tr.last td.last {
background-position:100% 100%;
border-bottom:0 none;
}
.frame .table td.noBorder {
border:0 none;
}
.frame .table td.grouped {
border-bottom:0 none;
}
.compare .table .separate th.highlight {
background-image:url("img/tableSeparateHead140Highlight.gif");
}
.compare .table td.highlight {
background-image:url("img/tableSeparate140Highlight.gif");
background-position:0 50%;
border-right:0 none;
border-left:0 none;
}
.compare .table .separate td.highlight {
background-image:url("img/tableSeparate140Highlight.gif");
background-position:0 100%;
}
.frame .table .subscribe td {
background-position:50% 100%;
border:0 none;
}
.frame .table td.number {
text-align:right;
}
.frame .table td.info, .frame .table td.center {
text-align:center;
}
.frame .table td.text {
vertical-align:top;
}
.frame #content .table td ul {
list-style-type:none;
margin:5px 0 0;
width:160px;
}
.frame #content .table td li {
background:url("img/bullets.gif") no-repeat 0 -747px;
padding:0 0 5px 12px;
}
.frame #content .table td ul ul {
margin:0 0 0 10px;
width:135px;
}
.frame #content .table td li li {
background:url("img/bullets.gif") no-repeat 0 -145px;
padding:0 0 0 7px;
}
.frame #content .table td a {
color:#2D9D72;
}
.frame .compare td strong {
display:block;
padding:5px 0;
}
.frame .compare .tabPanel td strong {
display:inline;
padding:0;
}
.compare td .button {
float:none;
margin:0 -1px;
}
.table td .button a {
margin:0 auto;
}
#detectIE6 .table td .button a {
margin:0;
}
.table th .promo {
position:relative;
padding-right:50px;
}
#detectIE7 .table th .promo {
padding-top:15px;
position:static;
}
.table th .promo a {
background:url("img/setFormulaPromoBackground.gif") no-repeat 0 0;
color:#FFF;
display:block;
font-size:.7em;
height:30px;
line-height:10px;
padding-top:4px;
position:absolute;
top:-8px;
right:10px;
width:65px;
}
#detectIE7 .table th .promo a {
float:right;
margin-top:-18px;
position:static;
top:auto;
}
.table th .promo a strong {
font-size:1.6em;
}
.setFormula td label strong {
display:none;
}
.setFormula td.crirbox label strong {
display:block;
visibility:hidden;
}
.setFormula td.crirbox label {
margin:8px 0 0 85px;
height:20px;
overflow:hidden;
}
.setFormula td select {
overflow:hidden;
width:120px;
}
.setFormula td span.striked {
background:url("img/strikedPrice.gif") no-repeat 50% 50%;
}
.setFormula td.promoTitle {
color:#FFF;
}
.setFormula td.promo {
font-weight:bold;
}
.table td a.open, .table td a.close {
background:url("img/icons.gif") no-repeat 100% -200px;
display:block;
color:#898888 !important;
padding:5px 0;
}
.table td a.close {
background-position:100% -150px;
}
.table td span.valid {
background:url("img/validWhite.gif") no-repeat 50% -1000px;
display:block;
overflow:hidden;
padding:2px 0;
text-indent:-3000px;
}
.table td.special1 span.valid {
background-position:50% -1000px;
}
.table td.special2 span.valid {
background-position:50% -1200px;
}
.table td.special3 span.valid {
background-position:50% -1100px;
}
.frame .table td.special1, .frame .table td.special2, .frame .table td.special3 {
font-weight:bold;
color:#01559A;
}
.frame .table td.special2 {
color:#008F5D;
}
.frame .table td.special3 {
color:#EE8313;
}
.table .grey span.valid, .table .openDetail td span.valid {
background-image:url("img/validGrey.gif");
}
.table td span.max {
background:url("img/maxWhite.gif") no-repeat;
color:#FFF;
display:block;
line-height:26px;
margin:2px 0 0;
text-align:center;
}
.table .grey span.max, .table .openDetail td span.max {
background-image:url("img/maxGrey.gif");
}
.setFormula .table .openDetail td {
height:25px;
}
.setFormula .table .openDetail td.first {
padding-left:30px;
}
.setFormula .table tr.top td {
background:url("img/tableGreyShadeBackground.gif") no-repeat 0 0;
border-bottom:0 none;
height:5px;
}
.setFormula .table tr.bottom td {
background:url("img/tableGreyShadeBackground.gif") no-repeat 0 100%;
height:30px;
}
.setFormula .table tr.top td.highlight, .setFormula .table tr.bottom td.highlight {
background-image:url("img/tableGreyShadeHighlight.gif");
}
.setFormula .table tr.top td.lastHighlight, .setFormula .table tr.bottom td.lastHighlight {
background-image:url("img/tableGreyShadeHighlight.gif");
}
.setFormula .table tr.top td.last, .setFormula .table tr.top td.lastHighlight {
background-position:100% 0;
}
.setFormula .table tr.bottom td.highlight {
background-position:0 100%;
}
.setFormula .table tr.bottom td.lastHighlight {
background-position:100% 100%;
}
.setFormula .table .openDetail tr.bottom td.last {
background-position:100% 100%;
}

/* sidebar */
.sidebar {
float:right;
width:178px;
}
.sidebar .formulas {
background-repeat:repeat-y;
background-position:-157px 0;
margin:10px;
width:157px;
} 
.sidebar .formulas .blockBottom {
background-repeat:no-repeat;
background-position:100% 100%;
min-height:60px;
} 
#detectIE6 .sidebar .formulas .blockBottom {
height:60px;
} 
#mainContent .sidebar .formulas ul {
background-repeat:no-repeat;
background-position:0 0;
list-style-type:none;
margin:0;
padding:10px 5px;
} 
.sidebar .formulas a {
background-repeat:no-repeat;
background-position:5px 3px;
color:#FFF;
display:block;
padding:3px 0 3px 25px;
text-transform:uppercase;
} 
.sidebar .formulas a:hover, .sidebar .formulas a:focus, .sidebar .formulas a:active {
background-position: 5px -47px;
} 
#nabBody .sidebar {
position:absolute;
right:5px;
top:5px;
width:233px;
}
#nabBody .sidebar .formulas {
background-image: url("img/nab/nabFormulaBackground.gif");
background-position:-213px 0;
width:213px;
} 
#nabBody .sidebar .formulas .blockBottom {
background-image: url("img/nab/nabFormulaBackground.gif");
height:auto;
padding-bottom:20px;
} 
#nabBody #detectIE6 .sidebar .formulas .blockBottom, #nabBody #detectIE7 .sidebar .formulas .blockBottom {
zoom:1;
} 
#nabBody .sidebar .formulas h2 {
background: url("img/nab/nabFormulaBackground.gif") no-repeat;
height:50px;
text-indent:-3000px;
} 
#nabBody #mainContent .sidebar .formulas ul {
background:none;
margin:0 10px 20px 10px;
padding:0;
width:190px;
} 
#nabBody .sidebar .formulas li {
height:41px;
} 
#nabBody .sidebar .formulas a {
background-repeat:no-repeat;
background-position:0 0;
color:#898888;
display:block;
font-size:1em;
height:26px;
line-height:1.1em;
padding:15px 60px 0 30px;
position:relative;
text-transform:none;
} 
#nabBody .sidebar .formulas a.line2 {
height:36px;
padding:8px 60px 0 30px;
} 
#nabBody .sidebar .formulas a.selected:link, #nabBody .sidebar .formulas a.selected:visited, #nabBody .sidebar .formulas a.selected:hover, #nabBody .sidebar .formulas a.selected:focus, #nabBody .sidebar .formulas a.selected:active {
background-position:0 -120px;
color:#FFF;
font-weight:bold;
padding-left:38px;
} 
#nabBody .sidebar .formulas a.promo:link, #nabBody .sidebar .formulas a.promo:visited, #nabBody .sidebar .formulas a.promo:hover, #nabBody .sidebar .formulas a.promo:focus, #nabBody .sidebar .formulas a.promo:active {
background-position:0 -180px;
color:#FFF;
font-weight:bold;
padding-left:38px;
} 
#nabBody .sidebar .formulas a.promo span {
display:block;
font-size:.9em;
height:20px;
letter-spacing:-.1em;
padding-top:3px;
position:absolute;
right:12px;
text-align:center;
top:11px;
width:50px;
} 
#nabBody .sidebar .formulas a:hover, #nabBody .sidebar .formulas a:focus, #nabBody .sidebar .formulas a:active {
background-position:0 -60px;
} 
.sidebar .iconButtons {
border-left:1px solid #C3C3C3;
margin:10px 0;
width:167px;
}
.sidebar .iconButtons a {
margin-left:5px;
width:162px;
}
.sidebar .contactButton {
clear:right;
margin:10px 10px 0;
}
.sidebar .contactButton a {
background-image: url("img/buttons/contactSidebarButton.gif");
display:block;
height:81px;
margin:0 auto;
overflow:hidden;
text-align:left;
text-indent:-3000px;
width:157px;
}
.sidebar .info {
background:#EDEDED url("img/sidebarInfoBackground.gif") no-repeat -160px 100%;
margin:10px;
width:157px;
}
#content #mainContent .sidebar .info h3 {
background:#C4C4C4 url("img/sidebarInfoBackground.gif") no-repeat 0 0;
color:#FFF;
font-size:1em;
height:auto;
padding:3px 5px 3px 20px;
}
#content .sidebar .info p {
margin:0;
padding:5px;
}
#content .sidebar .info .link {
margin:5px 0 0;
text-align:left;
text-transform:none;
}