resized by Javascript code, in which the visible part of the screentabs
is seen. We set the width as !important, thus overriding Javascript change to the style.pixelWidth property.
*/
#tatvsite_screenbar #s_sbr { width: 750px !important; } /* hide Siebel's scroller arrows and disable Javascript resizing of the content */
#tatvsite_screenbar { overflow: hidden; } /* make sure the .tatvsite_center div doesnt enlarge so it stays properly centered */
/* end of workaround */
body.frame_screenbar { /*background: #ffd911;*/ background: #fff url('../img/header/bg_gradient_yellow.gif') repeat-x left -88px; }
#tatvsite_screenbar #s_sb_t td { padding-right:1px; } /* space between tabs */
#tatvsite_screenbar #s_sb_t #MyArea_ENU { margin-left: 250px; padding-right: 0; } /* position the last tab : align right */
#tatvsite_screenbar #s_sb_t #MyArea_FRA { margin-left: 310px; padding-right: 0; } /* WBE was { margin-left: 308px; padding-right: 0; } */
#tatvsite_screenbar #s_sb_t #MyArea_NLD { margin-left: 179px; padding-right: 0; }
#tatvsite_screenbar #s_sb_t .FRA a,
#tatvsite_screenbar #s_sb_t .ENU a,
#tatvsite_screenbar #s_sb_t .NLD a { height: 31px; display: block; text-indent: -1000px; }
#tatvsite_screenbar #s_sb_t .FRA,
#tatvsite_screenbar #s_sb_t .FRA a { background-image: url('../img/screenbar/screenbar_tabs_fra.gif'); background-position: 0 0; }
#tatvsite_screenbar #s_sb_t .ENU,
#tatvsite_screenbar #s_sb_t .ENU a { background-image: url('../img/screenbar/screenbar_tabs_enu.gif'); background-position: 0 0; }
#tatvsite_screenbar #s_sb_t .NLD,
#tatvsite_screenbar #s_sb_t .NLD a { background-image: url('../img/screenbar/screenbar_tabs_nld.gif'); background-position: 0 0; }
/* the hover state is set on the container div, to reduce background image flickering in IE6 */
/* ENU Tabs */
#tatvsite_screenbar #s_sb_t #Start_ENU { width: 62px; background-position: 0 -62px; }
#tatvsite_screenbar #s_sb_t #Start_ENU a { background-position: 0 0; }
#tatvsite_screenbar #s_sb_t #Auto_ENU { width: 62px; background-position: -63px -62px; }
#tatvsite_screenbar #s_sb_t #Auto_ENU a { background-position: -63px 0; }
#tatvsite_screenbar #s_sb_t #Moto_ENU { width: 63px; background-position: -126px -62px; }
#tatvsite_screenbar #s_sb_t #Moto_ENU a { background-position: -126px 0; }
#tatvsite_screenbar #s_sb_t #Home_ENU { width: 72px; background-position: -190px -62px; }
#tatvsite_screenbar #s_sb_t #Home_ENU a { background-position: -190px 0; }
#tatvsite_screenbar #s_sb_t #Protection_ENU { width: 101px; background-position: -263px -62px; }
#tatvsite_screenbar #s_sb_t #Protection_ENU a { background-position: -263px 0; }
#tatvsite_screenbar #s_sb_t #MyArea_ENU { width: 135px; background-position: -615px -62px; }
#tatvsite_screenbar #s_sb_t #MyArea_ENU a { background-position: -615px 0; }
/* ... hover */
#tatvsite_screenbar #s_sb_t .tier1Off #Start_ENU a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Auto_ENU a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Moto_ENU a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Home_ENU a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Protection_ENU a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #MyArea_ENU a:hover { background:none; }
/* ... active */
#tatvsite_screenbar #s_sb_t .tier1On #Start_ENU, #tatvsite_screenbar #s_sb_t .tier1On #Start_ENU a { background-position: 0 -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Auto_ENU, #tatvsite_screenbar #s_sb_t .tier1On #Auto_ENU a { background-position: -63px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Moto_ENU, #tatvsite_screenbar #s_sb_t .tier1On #Moto_ENU a { background-position: -126px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Home_ENU, #tatvsite_screenbar #s_sb_t .tier1On #Home_ENU a { background-position: -190px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Protection_ENU, #tatvsite_screenbar #s_sb_t .tier1On #Protection_ENU a { background-position: -263px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #MyArea_ENU, #tatvsite_screenbar #s_sb_t .tier1On #MyArea_ENU a { background-position: -615px -31px; }
/* FRA Tabs */
#tatvsite_screenbar #s_sb_t #Start_FRA { width: 82px; background-position: 0 -62px; }
#tatvsite_screenbar #s_sb_t #Start_FRA a { background-position: 0 0; }
#tatvsite_screenbar #s_sb_t #Auto_FRA { width: 62px; background-position: -83px -62px; }
#tatvsite_screenbar #s_sb_t #Auto_FRA a { background-position: -83px 0; }
#tatvsite_screenbar #s_sb_t #Moto_FRA { width: 63px; background-position: -146px -62px; }
#tatvsite_screenbar #s_sb_t #Moto_FRA a { background-position: -146px 0; }
#tatvsite_screenbar #s_sb_t #Home_FRA { width: 102px; background-position: -210px -62px; }
#tatvsite_screenbar #s_sb_t #Home_FRA a { background-position: -210px 0; }
#tatvsite_screenbar #s_sb_t #Protection_FRA { width: 101px; background-position: -313px -62px; }
#tatvsite_screenbar #s_sb_t #Protection_FRA a { background-position: -313px 0; }
#tatvsite_screenbar #s_sb_t #MyArea_FRA { width: 127px; background-position: -623px -62px; }
#tatvsite_screenbar #s_sb_t #MyArea_FRA a { background-position: -623px 0; }
#tatvsite_screenbar #s_sb_t .tier1Off #Start_FRA a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Auto_FRA a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Moto_FRA a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Home_FRA a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Protection_FRA a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #MyArea_FRA a:hover { background:none; }
#tatvsite_screenbar #s_sb_t .tier1On #Start_FRA, #tatvsite_screenbar #s_sb_t .tier1On #Start_FRA a { background-position: 0 -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Auto_FRA, #tatvsite_screenbar #s_sb_t .tier1On #Auto_FRA a { background-position: -83px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Moto_FRA, #tatvsite_screenbar #s_sb_t .tier1On #Moto_FRA a { background-position: -146px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Home_FRA, #tatvsite_screenbar #s_sb_t .tier1On #Home_FRA a { background-position: -210px -31px; }
m#tatvsite_screenbar #s_sb_t .tier1On #Protection_FRA, #tatvsite_screenbar #s_sb_t .tier1On #Protection_FRA a { background-position: -313px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #MyArea_FRA, #tatvsite_screenbar #s_sb_t .tier1On #MyArea_FRA a { background-position: -623px -31px; }
/* NLD Tabs */
#tatvsite_screenbar #s_sb_t #Start_NLD { width: 62px; background-position: 0 -62px; }
#tatvsite_screenbar #s_sb_t #Start_NLD a { background-position: 0 0; }
#tatvsite_screenbar #s_sb_t #Auto_NLD { width: 62px; background-position: -63px -62px; }
#tatvsite_screenbar #s_sb_t #Auto_NLD a { background-position: -63px 0; }
#tatvsite_screenbar #s_sb_t #Moto_NLD { width: 69px; background-position: -126px -62px; }
#tatvsite_screenbar #s_sb_t #Moto_NLD a { background-position: -126px 0; }
#tatvsite_screenbar #s_sb_t #Home_NLD { width: 84px; background-position: -196px -62px; }
#tatvsite_screenbar #s_sb_t #Home_NLD a { background-position: -196px 0; }
#tatvsite_screenbar #s_sb_t #Protection_NLD { width: 121px; background-position: -281px -62px; }
#tatvsite_screenbar #s_sb_t #Protection_NLD a { background-position: -281px 0; }
#tatvsite_screenbar #s_sb_t #MyArea_NLD { width: 168px; background-position: -582px -62px; }
#tatvsite_screenbar #s_sb_t #MyArea_NLD a { background-position: -582px 0; }
#tatvsite_screenbar #s_sb_t .tier1Off #Start_NLD a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Auto_NLD a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Moto_NLD a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Home_NLD a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #Protection_NLD a:hover,
#tatvsite_screenbar #s_sb_t .tier1Off #MyArea_NLD a:hover { background:none; }
#tatvsite_screenbar #s_sb_t .tier1On #Start_NLD, #tatvsite_screenbar #s_sb_t .tier1On #Start_NLD a { background-position: 0 -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Auto_NLD, #tatvsite_screenbar #s_sb_t .tier1On #Auto_NLD a { background-position: -63px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Moto_NLD, #tatvsite_screenbar #s_sb_t .tier1On #Moto_NLD a { background-position: -126px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Home_NLD, #tatvsite_screenbar #s_sb_t .tier1On #Home_NLD a { background-position: -196px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #Protection_NLD, #tatvsite_screenbar #s_sb_t .tier1On #Protection_NLD a { background-position: -281px -31px; }
#tatvsite_screenbar #s_sb_t .tier1On #MyArea_NLD, #tatvsite_screenbar #s_sb_t .tier1On #MyArea_NLD a { background-position: -582px -31px; }
/* VIEW BAR */
/* workaround to disable Siebel's scroller arrows (see screenbar) */
#tatvsite_viewbar #s_vbr { width: 750px !important; }
#tatvsite_viewbar { overflow: hidden; }
#tatvsite_viewbar #s_vb { background: url('../img/viewbar/viewbar_bg.gif') no-repeat left -64px;
width: 750px; /* overrides Siebel
*/
height: 26px; }
#tatvsite_viewbar .viewbar_links td { color: #fff; vertical-align: middle; line-height:24px;
background: url('../img/viewbar/link_separator.gif') no-repeat left 50%; padding: 0 12px; }
#tatvsite_viewbar .viewbar_links td#vb0 { background: none; } /* clear link separator on first link */
#tatvsite_viewbar .viewbar_links td#vb1 { color: #fff } /* clear link separator on first link */
#tatvsite_viewbar .viewbar_links td a { color: #011169; font-weight: bold; text-decoration: none; }
#tatvsite_viewbar .viewbar_links td a:hover { color: #d5dbfd; text-decoration: underline; }
#tatvsite_viewbar .viewbar_links td.tier3On a,
#tatvsite_viewbar .viewbar_links td.tier3On a:hover { color: #fff; text-decoration: none; }
/* viewbar :: myarea active (green background) */
#tatvsite_viewbar #s_vb.myarea { background-position: left 0; }
#tatvsite_viewbar .myarea .viewbar_links td a { color: #202020; }
#tatvsite_viewbar .myarea .viewbar_links td a:hover { color: #b4dfa4; }
#tatvsite_viewbar .myarea .viewbar_links td.tier3On a,
#tatvsite_viewbar .myarea .viewbar_links td.tier3On a:hover { color: #fff; }
/* MAIN VIEW */
#tatvsite_mainview { padding: 15px 0;}
/* FOOTER */
#tatvsite_footer { border-top: 1px solid #ccd9ea; padding-top: 3px; font-family: Tahoma, Arial, sans-serif; color: #7fa1c7;}
#tatvsite_footer td { font-family: Tahoma, Arial, sans-serif; color: #7fa1c7; }
/* BASE RULES */
a img { border: 0px none; }
/* default formatting */
p, ul, ol, dl { margin-bottom: 1em; }
h1, h2, h3, h4, h5 { margin-top: 1.5em; margin-bottom: 0.5em; font-weight: bold; }
blockquote { margin-top: 0.5em; }
table td blockquote { margin-left: 1em; }
h1 { font-size: 12px; }
h2 { font-size: 12px; color:#003281; }
h3 { font-size: 12px; color:#003281; }
/* text formatting */
p.larger { font-size: larger; }
.textcenter { text-align:center; }
.largetext { font-size:1.5em; line-height: 1.2em;}
.content-side .largetext { display:block; font-size:1.5em; }
.bluetext { color: blue; }
.legaltext p, p.legaltext { font-size:0.9em; line-height:1.2em; color:#888; }
.inversecolor { background:#4A4837; color: #fff; }
/* tables behave! note: alignments are set in the html using style="" instead of valign="" */
th, td { vertical-align: top; padding: 0; }
/* forms */
form, input, select { margin: 0; padding: 0; }
input, select, textarea { font-family: Verdana, Arial, sans-serif; font-size:11px; }
input.checkbox, input.radio { margin-right: 4px; vertical-align: middle; }
/*input.textfield { border-left:0px none; border-top:0px none; border-right:1px solid #c3c3c3; border-bottom:1px solid #dddddd; background:url('../img/forms/bg_textfield.gif') no-repeat left top; height: 15px; padding-left:4px; padding-right:4px; padding-top:3px; padding-bottom:0px }
*/
/* square style buttons */
input.button, button {
font-family: Tahoma, Arial, sans-serif; font-size:11px; background-color: #d0d0d0; font-weight: bold;
text-align: center; padding: 4px 10px; overflow: visible;/* ie6 fun */ width: auto; }
img.qmark { margin: 0 6px; }
td img.qmark { vertical-align: middle; }
/* links */
a {
color: #0066CC;
text-decoration: none;
}
.box a:visited { color: #738195; } /* doesnt look so good on the main content */
/* lists */
ul, ol { margin-bottom: 1em; }
ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom: 0; } /* nested lists have no top/bottom margins */
ul ul li, ul ol li, ol ul li, ol ol li { margin-bottom: 0; }
ul { margin-left: 0.5em; padding-left: 0; list-style-type: none; }
ul li, ol ul li { padding-left: 16px;} /*WBE background: url('../img/icons/listbullet_small.gif') no-repeat 4px 6px; } */
ul ul li, ol ul li {} /*background-image:url('../img/icons/listbullet_small_tier2.gif'); }*/
ol { margin-left: 1.5em; padding-left: 1.5em; }
ol li { padding: 0; background: none; }
/* clearing bottom of some 'applets' with floats (if it contains DL for example) */
div.clearer { clear:both; }
/* MAIN CONTENT FORMATTING */
/* lists in boxes, tighter spacing */
.box ul, .box ol { margin: 0; } /* no spaces inside box */
.box ul li, .box ol li { margin-bottom: 0.4em; }
/* two columns lists */
.content-main dl { margin-top: 1em; }
.content-main dt { float: left; width: 153px; margin: 0; padding-right:10px; padding-bottom: 10px; clear: left; }
.content-main dt, .content-main dt a { font-weight:bold; }
.content-main dd { width: 310px; margin: 0; padding: 0; padding-bottom: 10px; }
.content-main dl > dt { padding-right:0; } /*moz*/
.content-main dl > dd { margin-left: 153px; padding-left:10px; clear:right; }
/* two column list with bullets */
.content-main dl.bullets dt { padding-left: 10px; width: 143px; background: url('../img/icons/listbullet_small.gif') no-repeat 0px 6px; }
/* FORMATTED HTML Content */
/* content 50/50 columns */
table.content_50_50 { background-color: #f0f0f0; }
table.content_50_50 td, table.content_50_50 th { padding: 10px; }
table.content_50_50 th { border-bottom: 1px solid #ccc; font-weight:bold; color: #003382; width: 50%; }
/* content data/value */
table.content_datavalue { background-color: #f0f0f0; }
#faq table.content_datavalue { background-color: transparent; border:1px solid #E5E893; }
table.content_datavalue td { padding: 5px 10px; }
table.content_datavalue td.colleft { width:70%; }
table.content_datavalue td.colright { width:30%; text-align: right; }
/* content addresslist */
table.content_addresslist { background-color: #f0f0f0; }
table.content_addresslist td { padding: 5px 10px; }
table.content_addresslist td.city { font-weight:bold; color: #034694; }
/* content winlife data grid */
table.winlife_datagrid { background-color: #f0f0f0; }
table.winlife_datagrid th { padding: 5px 4px; border-bottom: 1px solid #ccc; font-weight:bold; color: #003382; }
table.winlife_datagrid td { padding: 4px 4px; text-align:center; }
table.winlife_datagrid td.euro { text-align:right; }
/* grid with lines / about us: press review */
table#pressreview, table.gridlines { background:#ddd; margin-bottom: 1em; }
table#pressreview td, table.gridlines td { background:#fff; padding:7px 11px; }
table.gridlines thead td { background: #ddd; }
table#pressreview img.pdficon { margin:0; margin-right:1em; }
/* LAYOUT */
/* container for each frame of the website, + text_align fix of IE5 centering in modern browsers */
.tatvsite_center { margin: 0 auto; width: 750px; text-align: left; }
/* home page layout */
table#layout_home td.content-main { width: 500px; }
table#layout_home td.content-spacer { width: 15px; }
table#layout_home td.content-side { width: 235px; }
/* content generic layout */
table#layout_content_generic td.content-main { width: 500px; }
table#layout_content_generic td.content-spacer { width: 15px; }
table#layout_content_generic td.content-side { width: 235px; }
/************************************************************************************
/* APPLETS (static & dynamic content) */
.applet { clear: both; padding-bottom: 12px; }
.Xapplet { border:1px dashed #bbb; margin-bottom: 12px; padding-bottom: 0; }
.applet.clearbox { padding-left: 12px; padding-right: 12px; }
.applet.clearbox h2 {margin: 0; padding: 0; color: #4c4c4c; font-size: 1em; font-family: Verdana, Arial, sans-serif;} //WBE added for extenseo
/* content applets */
/* dark blue bordered boxes on the home page (direct links + contact us) */
#homelinks table { width:100%; min-height:131px; background:red; }
#homelinks h2 { background: #034694; color: white; font: bold 13px Arial, sans-serif; line-height: 24px; margin: 0; padding-left: 12px; }
#homelinks .directlinks { border:1px solid #034694; }
#homelinks .directlinks .padding { padding: 10px; }
#homelinks .directlinks ul { margin-left:0; }
#homelinks .directlinks ul li { padding-left: 10px; background-position: 0px 6px; margin-bottom:0.4em; } /*tighter bullets*/
/*#homelinks .contactus { border:1px solid #034694; background: #F2F6FB url('../img/home_contactus_buttonbg.gif') no-repeat 50% 2px; }*/
#homelinks .contactus a { display:block; width:100%; text-align:center; padding-top: 78px; padding-bottom:1em; }/* wbe padding-top: 120px; */
/* heading level 1 on yellow background */
.applet.heading1 h1 { background: #ffd911; color: #003c7a; font: bold 15px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
/* heading level 1 on yellow background + intro text + icon */
.applet.intro { }
.applet.intro .head { height: 51px; position: relative; background: url('../img/content/intro_titlebox.gif') no-repeat left top; }
.applet.intro .head .icon { position:absolute; left:0; top:0; width:51px; height:51px; overflow:hidden; }
.applet.intro .head a.actions { display:block; float:right; width: 27px; height: 16px; margin-left:4px; background: url('../img/icons/print.gif') no-repeat; }
.applet.intro .head a.sizeup { background-position: 0 0; }
.applet.intro .head a.sizedown { background-position: -30px 0; }
.applet.intro .head a.print { background-position: -58px 0; }
.applet.intro .head h1 { color: #003c7a; font: bold 15px Arial, sans-serif; line-height: 29px; padding-top: 22px; margin: 0; padding-left: 59px; }
/*.applet.intro .text, .applet.intro .text p { line-height:1.4em; }*/
.applet.intro .text,
.applet.highlight .text { background: #E0ECF6; padding: 12px; border-top: 1px solid #c6dbee; }
/* heading intro applet (with icon) without the intro text */
.applet.intro.reduced .head { border-bottom: 1px solid #e1c94e; }
/* important message box (yellow) */
.applet.important table.box { width: 100%; border: 1px solid #ffd213; background: #fff9bc; }
.applet.important table.box td.padded { padding: 10px; }
/* applet for the two large buttons (quote & help) */
.applet.bigbuttons { padding: 0; }
.applet.bigbuttons img { border: 0px none; display: block; margin-bottom: 12px }
/* applet for the level 3 navigation (otherwise same as lightbluebox withheader) */
.applet.contextmenu h2 { background: #c6dbee; color: #003382; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.contextmenu h3 { background: #c6dbee; color: #003382; font: bold 12px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.contextmenu h4 { background: #c6dbee; color: #003382; font: bold 14px Arial, sans-serif; line-height: 15px; margin: 0; padding-left: 12px; }
.applet.contextmenu table.box { border-left:1px solid #c6dbee; border-right:1px solid #c6dbee; border-bottom:1px solid #c6dbee; width: 100%; border-top: 0px none; }
.applet.contextmenu table.box td.padded { padding: 10px; }
.applet.contextmenu li.active,
.applet.contextmenu li.active a { font-weight:bold; text-decoration: none; color: #000; }
/* side content banners on yellow background (optional h2 heading for the box) */
.applet.bannerbox h2 { background: #d2e2f2; color: #034694; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.bannerbox table.box { width: 100%; border: 1px solid #d2e2f2; border-top: 1px solid #dcbb0f; background: #ffd911; }
.applet.bannerbox table.box td.padded { padding: 10px; }
.applet.bannerbox table.box td p,
.applet.bannerbox table.box td.padded,
.applet.bannerbox table.box td.padded p { color: #091a7b; }
.applet.bannerbox table.box td p { padding-left:10px; padding-right:10px; margin: 10px 0; }
.applet.bannerbox table.box td.padded p { padding-left:0px; padding-right:0px; margin: 0 0 1em; }
/* header on lightblue background (h2) with a shadow border bottom (otherwise identical to lightbluebox's header) */
.applet.lightblueheader h2 { background: #d2e2f2; color: #034694; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px;
border-bottom: 1px solid #a1aebf; }
/* light blue bordered box, optional header (if header, add 'withheader' to class */
.applet.lightbluebox h2 { background: #c6dbee; color: #003382; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.lightbluebox table.box { width: 100%; border: 1px solid #c6dbee; }
.applet.lightbluebox table.box td.padded { padding: 10px; }
.applet.withheader table.box { border-top: 0px none; }
/* "MyArea" coloured box with optional header (add 'withheader' class if header is present) */
.applet.myareabox h2 { background: #c6ebaf; color: #2c7e02; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.myareabox table.box { width: 100%; border: 1px solid #c6ebaf; }
.applet.myareabox table.box td.padded { padding: 10px; }
/* side-info for content forms (add 'withheader' class if header is present)*/
.applet.formsideinfo h2 { background: #ffdb2a; color: #9f5b00; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.formsideinfo_spacertop { padding:0; margin: 0; height:22px; }
.applet.formsideinfo table.box { width: 100%; border: 1px solid #ffdb2a; }
.applet.formsideinfo table.box td.padded { padding: 10px; }
/* homepage::Quote Search Error */
.applet.qsearcherr .errorbox { width: 100%; border: 1px solid #dc0000; background: #fff5f5; }
.applet.qsearcherr .padded { padding: 10px; }
.applet.qsearcherr .error { font-weight:bold; color: #dc0000; }
.applet.qsearcherr .tryagain a { font-weight:bold; }
/* Siebel error page */
.applet.siebelerr h2 { background: #dc0000; color: #fff; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px; }
.applet.siebelerr .errorbox { width: 100%; border: 1px solid #dc0000; background: #fff5f5; }
.applet.siebelerr .padded { padding: 10px; }
.applet.siebelerr .error { font-weight:bold; color: #dc0000; }
.applet.siebelerr .errorthin { color: #dc0000; }
.applet.siebelerr .tryagain a { font-weight:bold; }
/*.error {color: #ff0000; font: bold 14px Arial, sans-serif; line-height: 29px; margin: 0; padding-left: 12px;}*/
.error, .error p { color: #ff0000; font:bold 12px Arial, sans-serif; line-height: 1.2em; margin: 0 0 1em; padding:0; }
/* FORM validation error */
.applet.formerr .errorbox { width: 100%; border: 1px solid #FFA200; background: #FFF9BD; }
.applet.formerr .padded { padding: 10px; }
.applet.formerr .error { font-weight:bold; color: #dc0000; }
.applet.formerr .tryagain a { font-weight:bold; }
/* MyArea : Personal Data */
.myareabox .personaldata td { line-height: 1.4em; }
/* .myareabox .personaldata .label { font-weight:bold; color:#777; padding-right: 16px; white-space: nowrap; } */
.myareabox .personaldata .label { font-weight:bold; color:#777; padding-right: 16px; }
/* MyArea : Quotes */
.myareabox #quotelist thead th { width:auto; padding: 5px; background:#C6EBAF; }
.myareabox #quotelist thead table td { padding:0; }
.myareabox #quotelist tbody td { padding: 5px; }
/* Quote Offer : Description (weblist) */
.applet.quotelist .listRowOn,
.applet.quotelist .listRowOdd { background:#E9E3A6; }
/* Activity Indicator div */
.applet.waiting .box { width:100%; border: 1px solid #D2E2F2; background: #fff; }
.applet.waiting .padded { padding:10px; text-align:center; vertical-align:middle; height: 380px; color: #7E8891; }
/* HOME : TABBED FORM */
/* div for the tabs background, contains the label text, is overlaid by the tabs in #formtabs */
#formtabsbg { position: absolute; width: 100%; height: 50px; background: #fff9bc url('../img/forms/bg_homeform_tabs.gif') no-repeat; }
/* the tabs appear on top of the tabs background div, so that when the font is larger, the tabs expand over the label
instead of breaking into another row */
#formtabs {
position: relative;
width: 100%;
background: url('../img/forms/tabs/border.gif') repeat-x left bottom;
font-size: 11px;
line-height:normal
}
#formtabs ul {
float: left;
margin:0;
padding:6px 0 0 11px;
list-style:none;
}
#formtabs li {
float:left;
background:url('../img/forms/tabs/left.gif') no-repeat left top;
margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0;
padding-left:7px; padding-right:0; padding-top:0; padding-bottom:0;
}
#formtabs a {
display:block;
background:url('../img/forms/tabs/right.gif') no-repeat right top;
line-height: normal;
white-space: nowrap; font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:Tahoma, Arial, sans-serif; padding-left:4px; padding-right:11px; padding-top:4px; padding-bottom:4px;
outline:none;
}
#formtabs .current { background-image:url('../img/forms/tabs/left_on.gif'); }
#formtabs .current a { background-image:url('../img/forms/tabs/right_on.gif'); padding-bottom:5px }
/* containing div for the form itself */
#homeform { position: relative;
height: 120px;
background: #ffd911 url('../img/forms/bg_homeform.gif') no-repeat left bottom;
padding: 10px 12px 12px; }
/* container div for tabbed content */
#homeform .homeformtab { position:absolute; width:476px; height: 120px; overflow:hidden; }
#homeform td, .homeformtab p { font-family: Tahoma, Arial, sans-serif; vertical-align: middle; color: #4c4c4c; }
#homeform button { padding: 2px 10px; }
#homeform input, #homeform select, #homeform span { vertical-align: middle; }
#homeform img.qmark { margin: 0 5px; }
#homeform td span { white-space: nowrap; }
#homeform td.padright { padding-right: 8px; }
#homeform span.padright, input.padright, #homeform select.padright { margin-right:8px; }
#homeform tr td { padding: 2px 0; }
#homeform td.lblleft { width: 65px; }
#homeform td.halfleft { width: 173px; }
#homeform td.midspace { width: 10px; }
#homeform td.lblright { width: 68px; }
#homeform td.halfright { width: 160px; }
#homeform td.allright { width: 228px; } /*lblright+halfright*/
/* start quote buttons positioned bottom right */
#homeform .homeformtab div.buttons { position:absolute; right:0; bottom:0; }
#homeform .homeformtab div.buttons button { margin-left: 5px; }
#homeform input.radio, #homeform input.checkbox { height: 13px; margin-top: 2px; margin-bottom: 2px; }
.homeformtab input.short { width: 64px; }
.homeformtab input.long { width: 151px; }
.homeformtab select.long { width: 160px; }
.homeformtab select.medium { width: 110px; }
.homeformtab select.short { width: 73px; }
.homeformtab select.xshort { width: 43px; }
#homeform #homeformtab3 td input { float:left; }
#homeform #homeformtab3 td { vertical-align:baseline; line-height:1em; }
#homeform #homeformtab3 td { padding: 2px 0 2px; }
/* MOUSEOVER POPUP (toolbox.js) */
#tatvsite_mainview div.mouseover { border:2px solid #7390b6; background: #ccd9ea; padding: 9px; }
#tatvsite_mainview div.mouseover,
#tatvsite_mainview div.mouseover td,
#tatvsite_mainview div.mouseover p { font-weight: bold; color: #142783; }
.mouseovercursor { cursor:pointer; }
#tatvsite_mainview div.mouseover {
position: absolute;
left: 0; top: 0;
width: 230px;
z-index: 20;
text-align: left;
-moz-opacity: .93; /* Mozilla only */
filter: alpha(opacity=95); /* IE only */
}
/* FAQ PAGES */
#faq dl dt { float:none; width: auto; line-height: 1.1em;
padding-left: 12px; background: url('../img/icons/listbullet_small.gif') no-repeat 0px 6px;
margin-bottom: 0.5em; margin-left:0; margin-right:0; margin-top:0; padding-right:0; padding-top:0; padding-bottom:0 }
#faq dl dt { color: #0a4595; } /* color for plain text in case javascript doesn't run */
#faq dl dt span { cursor: pointer; font-weight: normal; }
#faq dl dt span.current { color: #000; }
/*
#faq dl dt a { font-size: 1em; text-decoration: none; font-weight: normal; }
#faq dl dt a:hover { text-decoration: none; }
#faq dl dt a.current { font-weight: normal; }
*/
#faq dl dd { float:none; width:100%; padding:0; margin: 0.5em 0; margin-left: 12px; background: #fdffb4; }
#faq dl dd p { margin:0; padding: 4px 8px; }
/* AUTO-COMPLETE FIELDS (javascript enabled auto-complete fields) */
#tat_table { border: 1px solid #034694; background: #fff; z-index: 100}
#tat_table td { padding: 1px 4px; text-align: left; cursor: pointer; }
#tat_table tr.highlight { background: #034694; }
#tat_table tr.highlight td { color: #ff00ff; }
#tat_table tr.inactive { background: #fff; }
#tat_table tr.inactive td { color: #000; }
#tat_table td.more { color: #888; background: #fff; }
#tat_table tr.inactive span.hstyle { text-decoration:underline; color:#fff; font-weight:bold; color: #0456a4; }
/* FORMS */
/* login page */
#loginform label { font-weight: bold; }
#loginform input.textfield { margin-top: 4px; width: 185px; }
#loginform button { width: 194px; }
#loginform { margin-bottom: 1em; }
/* progress bar for forms (1-5 steps) */
.applet.contentformprogress ul { list-style-type:none; padding-top: 10px; padding-bottom: 0; margin-left: 0; }
.applet.contentformprogress ul li { list-style-type:none; display: block; float:left; margin-right: 6px;
font-family: Tahoma, Arial, sans-serif; color: #80a0ca; line-height: 12px; margin-bottom: 0.3em;
padding-left: 14px; background: url('../img/forms/progress_numbers.gif') no-repeat 0 0; white-space:nowrap }
.applet.contentformprogress ul li.active { color: #034694; font-weight:bold; }
.applet.contentformprogress ul li#one.active { background-position: 0 0px; }
.applet.contentformprogress ul li#two.active { background-position: 0 -22px; }
.applet.contentformprogress ul li#three.active { background-position: 0 -44px; }
.applet.contentformprogress ul li#four.active { background-position: 0 -66px; }
.applet.contentformprogress ul li#five.active { background-position: 0 -88px; }
.applet.contentformprogress ul li#one { background-position: 0px -110px; }
.applet.contentformprogress ul li#two { background-position: 0px -132px; }
.applet.contentformprogress ul li#three { background-position: 0px -154px; }
.applet.contentformprogress ul li#four { background-position: 0px -176px; }
.applet.contentformprogress ul li#five { background-position: 0px -198px; }
/* container-logic based forms */
.applet.contentform, .applet.contentform p { font-family: Tahoma, Arial, sans-serif; color: #1c1c1c; }
/* section of the form */
.contentform .section { background: #fff9bd; border-top: 0px none; border-bottom: 2px solid #fff;
width: 476px; padding-left:12px; padding-right:12px; padding-top:10px; padding-bottom:10px }
.contentform .section.top { background: #fff9bd url('../img/forms/bg_contentform_top.gif') no-repeat left top; margin-top: 0 }
.contentform .section.bottom { background: #fff9bd url('../img/forms/bg_contentform_bottom.gif') no-repeat left bottom; border-bottom: 0px none; }
.contentform .section.nogutter { border-bottom: 0px none; padding-bottom: 0 }
.contentform .section.guttertop { border-bottom: 0px none; padding-bottom: 0; border-top: 2px solid #fff }
.contentform .section .title { font-size: larger; font-weight:bold; margin-bottom: 0.5em; color: #8B886D; }
/* one fieldset per section */
.contentform fieldset { border: 0px none; margin:0; padding:0 }
/* misc. buttons */
.contentform .motowide { margin-bottom: 3px; }
.contentform .motowide button { width: 100%; }
.contentform .footerbuttons { margin: 0.5em 0 1em; padding: 0 12px; }
/* first selector allows to set size in container div */
.contentform div.xlong input, td span.xlong input, .contentform input.xlong { width: 186px; } /* same length as group of 3 date fields */
.contentform div.long input, td span.long input, .contentform input.long { width: 141px; }
.contentform div.medium input, td span.medium input, .contentform input.medium { width: 61px; }
.contentform div.mediumlong input, td span.mediumlong input, .contentform input.mediumlong { width: 100px; }
.contentform div.short input, td span.short input, .contentform input.short { width: 36px; }
.contentform div.xshort input, td span.xshort input, .contentform input.xshort { width: 20px; }
.contentform select { vertical-align: middle; _margin-top: 1px; vertical-align: top; }
.contentform select.auto { width: auto; } /* can be used for street names */
.contentform div.xlong select, .contentform select.xlong { width: 195px; }
.contentform div.long select, .contentform select.long { width: 150px; }
.contentform div.medium select, .contentform select.medium { width: 70px; }
.contentform div.mediumlong select, .contentform select.mediumlong { width: 109px; }
.contentform div.short select, .contentform select.short { width: 45px; }
/* in some places such as date fields, no extra spacing due to html newlines */
.contentform select.field, .contentform input.field { float: left; /*ie*/display:inline; }
/* Siebel turns controls into a span when they are read-only, but applies the same classes!
Use same width as the replaced control. */
.contentform span.textfield,
.contentform span.field { display:block; padding-top: 4px; font-family: Verdana, Tahoma, sans-serif; }
.contentform span.xlong { width: 195px; }
.contentform span.long { width: 150px; }
.contentform span.medium { width: 70px; }
.contentform span.mediumlong { width: 109px; }
.contentform span.short { width: 45px; }
.contentform span.xshort { width: 29px; }
.contentform div.qmark { float: left; margin-left: 10px; }
.contentform div.qmark.alignright { float: right; clear: right; }
.contentform .lblleft img.qmark { vertical-align:top; margin:0; margin-left:4px; margin-top:-2px; }
/* 1: row container */
.contentform .row { clear:both; padding: 3px 0; line-height: 1.2em; height:22px; }
.contentform .section > .row,
.contentform fieldset > .row { height:auto; min-height:22px; } /*moz/ie7*/
.contentform .row .remainder { float: left; }
.contentform .row .colshort { float: left; width: 60px; } /* fixed size column, slightly longer than 'short' field */
/* 2: horizontal containers */
/* 50%/50% cols */
.contentform .half { width:50%; float: left; }
.contentform .label { float: left; padding-top: 4px; } /* text needs v alignment */
.contentform .field { float: left; /*IE double margin bug*/display: inline; }
.contentform .lblleft { float: left; padding-top: 4px; width: 78px; padding-right:0px; }
.contentform .moreleft .lblleft { width: 102px; padding-right:8px; }
.contentform .xmoreleft .lblleft { width: 162px; padding-right:8px; }
.contentform .xxmoreleft .lblleft { width: 250px; padding-right:8px; }
.contentform .alignright .lblleft { width: 150px; text-align: right; padding-right: 10px; } /* left label aligned right */
/* used when it is certain that Siebel only outputs read-only controls, show values in boxes */
.contentform .field .readonly { background:#fff; border-right:1px solid #CCCCCC; border-bottom:1px solid #CFCA99; magin-top:4px; padding:2px 4px 3px; text-align:center; }
.contentform .xlong .readonly { width: 186px; }
.contentform .long .readonly { width: 141px; }
.contentform .medium .readonly { width: 61px; }
.contentform .mediumlong .readonly { width: 100px; }
.contentform .short .readonly { width: 36px; }
.contentform .xshort .readonly { width: 20px; }
/* 3: radiogroup, checkgroup, fields and padding */
.contentform .radiogroup, .contentform .checkgroup { float:left; white-space: nowrap; padding-top: 4px; }
.contentform .radiogroup input, .contentform .checkgroup input { vertical-align: middle; margin-right: 4px; height: 13px; }
.contentform .radiogroup span, .contentform .checkgroup span { vertical-align: middle; }
/* spacing vertical lists of radiobuttons/checkboxes separated by
*/
.contentform .checkgroup.vertical, .contentform .radiogroup.vertical { padding-bottom: 4px; }
.contentform .checkgroup.vertical input,
.contentform .radiogroup.vertical input { height:18px; }
.contentform .padright { margin-right: 10px; }
.contentform .paddate { margin-right: 5px; } /* smaller spacing so date fields stick together */
.contentform .newline { clear:left; padding-top:4px; } /* line break within container (to stack checkboxes or radio options) */
/* required fields message */
.contentform .requiredfields { margin:5px 0 10px; padding:0 12px; }
.contentform .requiredfields, .contentform .requiredfields p { color:#703838; }
/* autoform 4 */
.contentform .remainder376 { float: left; width: 366px; }
.contentform .remainder376 .row { padding: 0; margin-bottom: 1px; }
/* contact us*/
.contentform .contacttextbox textarea { width: 340px; height: 120px; }
/* autoform 4/homcu3 */
.contentform .row .col_offerte { float:left; width: 70px; margin-right: 10px; background: #eee7ab; padding: 5px 10px; text-align:right;
font-family: Arial, sans-serif; }
.contentform .row .col_offerte.top,
.contentform .row .col_offerte.bottom { font-weight:normal; font-size: 2em; padding: 8px 10px; }
/* QUOTE INFO */
.quoteinfo,
.quoteinfo td { font-family: Verdana, Arial, sans-serif; font-size: 1em; line-height: 1.4em; }
.quoteinfo .title { margin-top: 0; margin-bottom: 1em; }
.quoteinfo .quotelist th { padding-bottom: 0.5em; }
.quoteinfo .total { font-size: larger; font-weight:bold; }
/* PRICELIST */
/*wbe added*/
.amount { text-align:right; white-space: nowrap; }
.contentform .pricelist,
.contentform .pricelist th,
.contentform .pricelist td { font-family: Tahoma, Arial, sans-serif; color: #1c1c1c; }
.contentform .pricelist th { padding: 4px 5px; background: #eee7ab; border-bottom:1px solid #FFF9BD; }
.contentform .pricelist td { padding: 4px 5px; }
.contentform .pricelist td.units { text-align:right; white-space: nowrap; }
.contentform .pricelist td.amount,
.contentform .pricelist td.amountx { text-align:right; white-space: nowrap; }
.contentform .pricelist tr.disabled td.units,
.contentform .pricelist tr.disabled td.amount,
.contentform .pricelist tr.disabled td.amountx { color:#C4BE8D; }
.contentform .pricelist td.indent { padding-left: 26px; }
.contentform .pricelist td.units,
.contentform .pricelist td.amount,
.contentform .pricelist td.amountx { font-size:1.2em; background: #FFF2B0; }
.contentform .pricelist img.qmark { vertical-align:middle; float: right; margin-right: 0; margin-left: 6px; }
.contentform .pricelist tfoot td { background: #eee7ab; font-weight:normal; border-top:1px solid #FFF9BD; }
.contentform .pricelist tfoot .lbltotal { font-size:1.2em; color: #0F1F7E; font-weight:bold; }
.contentform .pricelist tfoot .textinfoconfirm,
.contentform .footerbuttons .textinfoconfirm { background-color:transparent; color:#0F1F7E; text-align:right; }
.contentform .pricelist tfoot #tatvpricetotal,
.contentform .pricelist tfoot #tatvpricetotalx { font-size:1.4em; color: #0F1F7E; font-weight:bold; }
.contentform .pricelist tfoot button { margin-top: 4px; width: 110px; }
/* TABLE FORMS */
table.form td input { vertical-align:middle; }
table.form .xlong input { width: 186px; }
table.form .long input { width: 141px; }
table.form .medium input{ width: 61px; }
table.form .mediumlong input { width: 100px; }
table.form .short input { width: 36px; }
table.form .xshort input { width: 20px; }
table.form .xlong select { width: 195px; }
table.form .long select { width: 150px; }
table.form .medium select { width: 70px; }
table.form .mediumlong select { width: 109px; }
table.form .short select { width: 45px; }
/* VEHICLE SELECTION (auto / moto step 1) */
#vehiclepicklist { width:500px; margin-bottom: 4px; }
#vehiclepicklist table { background: #fff; }
#vehiclepicklist thead th { background: #E5DEA4; font-weight:normal; white-space:nowrap; border-bottom: 1px solid #D3CD97; }
/* Siebel's generated tables for up/down arrows */
#vehiclepicklist thead table th { padding:0; }
#vehiclepicklist thead table td { padding:0; background: #E5DEA4; }
/* tighter font in vehicle pick list */
#vehiclepicklist td, #vehiclepicklist th { font-family: Tahoma; font-size:11px; }
#vehiclepicklist td { padding:4px 12px; background: #fff9bd; }
#vehiclepicklist th { padding:5px 12px; }
#vehiclepicklist .pkkw, #vehiclepicklist .drssts { white-space:nowrap; } /* pk/kw doors/seats */
/* even/odd rows (classes from Siebel output) */
#vehiclepicklist tr.listRowEven td { background:#EBE5AE; }
/* confirmation of vehicle choice at the bottom of the picklist */
#vehiclepicklist-choice { padding-left:22px; }
#vehiclepicklist-choice, #vehiclepicklist-choice p { color:#000; font-family:Tahoma, Arial, sans-serif; }
#vehiclepicklist-choice p { margin:0; margin-top:0.3em; padding:0; }
#vehiclepicklist-choice .suffix { font-weight:normal; color:#888; } /* pk/kw/doors/seats suffixes */
/* VEHICLE SELECTION :: Step 1b, readonly vehicle data */
#vehicleconfirmation span { font-weight:bold; }
.topMIN50CADRE {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #FFCC66;
}
.titlecadre {
font-size: 88%;
background-color: #FFF09D;
border: 1px solid #FFED84;
}
.HPh3 {
text-decoration: none;
color: #000033;
}
.redfont {
color: #FF0000;
}
------------TABLEAU HP ----------
.xsnazzy1 {background: transparent; width:240px; float:left; margin:0 3px; display:inline;}
.zsnazzy {width:740px; margin:0 0 100px 2px;}
.xsnazzy h2, .zsnazzy h2 {margin:0; font-size:0,8 em; padding:0 8px 4px 8px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 5px 5px 10px; font-size:12px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px; display:inline;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}
.color_a {
color:#000;
background-color: #FFCC00;
}
.color_b {
color:#000;
background-color: #FFDC51;
}
.color_c {
color:#fff;
background-color: #003399;
}
.color_d {
color:#000;
background-color: #FFCC33;
}
.salon {
color:#000;
background-color: #FFDC51;
padding-right: 10px;
padding-left: 10px;
}
----- new COLONNE LINK
DIV.row {
PADDING-BOTTOM: 5px; MARGIN: 0px auto; PADDING-LEFT: 5px; WIDTH: 100%; PADDING-RIGHT: 5px; PADDING-TOP: 5px
}
DIV.colHome {
MARGIN: 8px 20px 5px 0px; MIN-HEIGHT: 200px; WIDTH: 350px; FLOAT: left
}
DIV.colHomelast {
BACKGROUND-IMAGE: none; MARGIN: 8px 0px 5px; WIDTH: 240px; FLOAT: left
}
DIV.colHomelast IMG {
MARGIN: 10px 0px 0px
}
H2.frontpage {
MARGIN: 0px 0px 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; COLOR: #0e2f5f; FONT-SIZE: 15px
}
UL.frontpage {
TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px
}
UL.frontpage LI STRONG {
COLOR: #0e3d91
}
UL.frontpage LI {
PADDING-BOTTOM: 2px; LIST-STYLE-TYPE: none; MARGIN: 2px 0px; PADDING-LEFT: 17px; PADDING-RIGHT: 5px; COLOR: #333; FONT-SIZE: 11px; LIST-STYLE-IMAGE: none; PADDING-TOP: 2px
}
UL.frontpage LI.subscribe {
BACKGROUND: none transparent scroll repeat 0% 0%
}
.yellow {
color: #e0b700;
}.redsimulation {
background-color: #003399;
font-weight: bold;
color: #FFFFFF;
}