/* Global */
html,body {
margin: 0;
padding: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
color: #333333;
}
a:link { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #A20000; text-decoration: none; }
a:active { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #A20000; text-decoration: none; }
a:visited { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #A20000; text-decoration: none; }
a:hover { font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #A20000; text-decoration: underline; }
* { outline: none; }
div#container {
position: relative;
width: 800px;
margin: 0 auto;
}
div#header {
width: 800px;
height: 77px;
}
div#logo {
float: left;
}
div#footer {
float: left;
width: 100%;
margin-top: 33px;
padding-top: 10px;
padding-bottom: 25px;
border-top: 1px solid #CCCCCC;
font-family: Arial, Verdana, sans-serif;
font-size: 9px;
color: #999999;
}
/* Footer Links */
div#footer a {
font-family: Arial, Verdana, sans-serif;
font-size: 9px;
color: #999999;
text-decoration: none;
}
/* TAGLINE */
div#header h1 {
float: left;
width: 490px;
margin: 0;
font-family: Arial, GillSans, Verdana, sans-serif;
font-size: 12px;
color: #333333;
padding-top: 25px;
}
div#header h1 a {
font-family: Arial, GillSans, Verdana, sans-serif;
font-size: 12px;
color: #333333;
text-decoration: none;
}
/* Section Heads */
h2 {
margin: 0;
font-family: Arial, GillSans, Verdana, sans-serif;
font-size: 13px;
color: #666666;
padding-bottom: 5px;
}
h3 {
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-top: 12px;
padding-bottom: 5px;
}
h3 a:link {
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-top: 12px;
padding-bottom: 5px;
text-decoration: none;
}
h3 a:active {
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-top: 12px;
padding-bottom: 5px;
text-decoration: none;
}
h3 a:visited {
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-top: 12px;
padding-bottom: 5px;
text-decoration: none;
}
h3 a:hover {
margin: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #666666;
padding-top: 12px;
padding-bottom: 5px;
text-decoration: none;
}
div#search {
float: left;
margin: 0;
padding-top: 23px;
padding-left: 10px;
}
div#searchBtn {
margin: 0;
padding-top: 24px;
}
.searchBox {
width: 120px;
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
border: 1px solid #999999;
margin-right: 5px;
background-color: #F7F7F7;
}
/* Feature Area */
a.featureMain {
float: left;
width: 600px;
height: 167px;
text-decoration: none;
}
.mainImage {
position: absolute;
top: 77px;
left: 0px;
}
div#feature1 {
width: 800px;
height: 167px;
}
div#feature2 {
width: 800px;
height: 167px;
}
div#feature3 {
width: 800px;
height: 167px;
}
div#feature4 {
width: 800px;
height: 167px;
}
div.featureNav {
float: left;
width: 200px;
}
.arrowLearnMore {
vertical-align: middle;
}
/* Featuer Large Headline */
a.featureMain:link, a.featureMain:active, a.featureMain:visited, a.featureMain:hover {
text-decoration: none;
}
a.featureMain h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 35px;
font-weight: normal;
color: #660000;
text-decoration: none;
margin: 0;
padding-top: 28px;
padding-left: 50px;
padding-right: 100px;
}
/* Feature Small Headline */
a.featureMain h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
text-decoration: none;
margin: 0;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 50px;
padding-right: 170px;
}
/* Feature Learn More */
a.featureMain .featureLearnMore {
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
padding-left: 50px;
padding-right: 10px;
cursor: pointer;
}
/* Feature Right Nav Links */
a.feature1:link, a.feature1:active, a.feature1:visited, a.feature1:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature1-off.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature1on:link, a.feature1on:active, a.feature1on:visited, a.feature1on:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature-on.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature2:link, a.feature2:active, a.feature2:visited, a.feature2:hover {
display: block;
width: 177px;
height: 23px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature2-off.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature2on:link, a.feature2on:active, a.feature2on:visited, a.feature2on:hover {
display: block;
width: 177px;
height: 23px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature-on.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature3:link, a.feature3:active, a.feature3:visited, a.feature3:hover {
display: block;
width: 177px;
height: 23px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature3-off.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature3on:link, a.feature3on:active, a.feature3on:visited, a.feature3on:hover {
display: block;
width: 177px;
height: 23px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature-on.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature4:link, a.feature4:active, a.feature4:visited, a.feature4:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature4-off.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature4on:link, a.feature4on:active, a.feature4on:visited, a.feature4on:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature-on.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature5:link, a.feature5:active, a.feature5:visited, a.feature5:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #666666;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature4-off.gif);
background-position: top;
background-repeat: no-repeat;
}
a.feature5on:link, a.feature5on:active, a.feature5on:visited, a.feature5on:hover {
display: block;
width: 177px;
height: 22px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 9px;
padding-left: 23px;
background-image: url(http://www.iccassurances.fr/images1/feature4/feature-on.gif);
background-position: top;
background-repeat: no-repeat;
}
.arrow {
background-image: url(http://www.iccassurances.fr/images1/feature4/arrow-search.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 6px;
}
.line {
border-bottom: 1px solid #CCCCCC;
padding-top: 1px;
margin-bottom: 1px;
}
#countrySelect {
text-align: right;
height: 20px;
padding-top: 9px;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
color: #333333;
padding-right: 10px;
}
#selectRegion {
background-image: url(http://www.iccassurances.fr/images1/feature4/bg-car.gif);
background-repeat: no-repeat;
width: 174px;
height: 81px;
padding-top: 6px;
padding-bottom: 5px;
padding-left: 14px;
padding-right: 14px;
}
#selectRegion h2 {
color: #FFFFFF;
}
select {
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #333333;
}
#homeLeft {
float: left;
width: 183px;
padding-top: 20px;
}
#homeMid {
float: left;
width: 381px;
margin-left: 17px;
margin-right: 17px;
padding-top: 20px;
}
#homeRight {
float: left;
width: 202px;
padding-top: 10px;
}
.homeLeftMenu {
width: 151px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #999999;
}
#homeLeftLinks {
padding-top: 10px;
line-height: 1.5;
}
#homeReportsPubs {
float: left;
width: 100%;
padding-top: 8px;
}
#homeReportsPubsnew {
float: left;
width: 100%;
}
.homeReports {
padding-top: 14px;
padding-bottom: 18px;
padding-left: 86px;
}
.homeReports img {
float: left;
margin-right: 15px;
margin-left: -86px;
border: 1px solid #CCCCCC;
}
#homeSolutions {
float: left;
width: 188px;
}
#homeAbout {
float: left;
width: 179px;
margin-left: 14px;
}
.homeMidLinks {
line-height: 1.5;
padding-top: 10px;
}
.more {
padding-top: 8px;
}
#newsTop {
background-image: url(http://www.iccassurances.fr/images1/feature4/bg-news-top.gif);
background-repeat: no-repeat;
width: 174px;
height: 20px;
padding-top: 6px;
padding-left: 14px;
padding-right: 14px;
}
#newsTop h2 {
color: #FFFFFF;
}
.news {
background-image: url(http://www.iccassurances.fr/images1/feature4/bg-news.gif);
background-repeat: repeat-y;
width: 182px;
padding-top: 8px;
padding-bottom: 8px;
padding-left: 14px;
padding-right: 6px;
border-bottom: 1px solid #CCCCCC;
}
#moreNews {
background-image: url(http://www.iccassurances.fr/images1/feature4/bg-news.gif);
background-repeat: repeat-y;
width: 182px;
padding-top: 10px;
padding-bottom: 6px;
padding-left: 14px;
padding-right: 6px;
}
a.dropdown {
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
width: 170px;
text-decoration: none;
border: 1px solid #CCCCCC;
background-image: url(http://www.iccassurances.fr/images1/feature4/arrow-dropdown.gif);
background-position: right;
background-repeat: no-repeat;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
.regionSelect {
width: 172px;
margin-top: 16px;
}
/* Select DropDowns */
#section1, #section1 ul {
height: 22px;
padding: 0;
margin: 0;
list-style: none;
}
#section1 a {
display: block;
width: 170px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
#section1 li { /* all list items */
float: left;
width: 181px; /* width needed or else Opera goes nuts */
background-color: #FFFFFF;
}
#section1 li li {
background-color: #FFFFFF;
width: 181px;
}
#section1 li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em;
margin-top: 0px;
}
#section1 li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 176px;
}
#section1 li:hover ul ul, #section1 li.sfhover1 ul ul {
left: -999em;
}
#section1 li:hover ul, #section1 li li:hover ul, #section1 li.sfhover1 ul, #section1 li li.sfhover1 ul { /* lists nested under hovered list items */
left: auto;
}
#section1 li:hover, #section1 li.sfhover1 {
background: #F7F7F7;
}
#section2, #section2 ul {
height: 22px;
padding: 0;
margin: 0;
list-style: none;
}
#section2 a {
display: block;
width: 170px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
#section2 li { /* all list items */
float: left;
width: 181px; /* width needed or else Opera goes nuts */
background-color: #FFFFFF;
}
#section2 li li {
background-color: #FFFFFF;
width: 181px;
}
#section2 li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em;
margin-top: 0px;
}
#section2 li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 176px;
}
#section2 li:hover ul ul, #section2 li.sfhover2 ul ul {
left: -999em;
}
#section2 li:hover ul, #section2 li li:hover ul, #section2 li.sfhover2 ul, #section2 li li.sfhover2 ul { /* lists nested under hovered list items */
left: auto;
}
#section2 li:hover, #section2 li.sfhover2 {
background: #F7F7F7;
}
#section3, #section3 ul {
height: 22px;
padding: 0;
margin: 0;
list-style: none;
}
#section3 a {
display: block;
width: 170px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
#section3 li { /* all list items */
float: left;
width: 181px; /* width needed or else Opera goes nuts */
background-color: #FFFFFF;
}
#section3 li li {
background-color: #FFFFFF;
width: 181px;
}
#section3 li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em;
margin-top: 0px;
}
#section3 li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 176px;
}
#section3 li:hover ul ul, #section3 li.sfhover3 ul ul {
left: -999em;
}
#section3 li:hover ul, #section3 li li:hover ul, #section3 li.sfhover3 ul, #section3 li li.sfhover3 ul { /* lists nested under hovered list items */
left: auto;
}
#section3 li:hover, #section3 li.sfhover3 {
background: #F7F7F7;
}
#section4, #section4 ul {
height: 22px;
padding: 0;
margin: 0;
list-style: none;
}
#section4 a {
display: block;
width: 170px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
#section4 li { /* all list items */
float: left;
width: 181px; /* width needed or else Opera goes nuts */
background-color: #FFFFFF;
}
#section4 li li {
background-color: #FFFFFF;
width: 181px;
}
#section4 li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em;
margin-top: 0px;
}
#section4 li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 176px;
}
#section4 li:hover ul ul, #section4 li.sfhover4 ul ul {
left: -999em;
}
#section4 li:hover ul, #section4 li li:hover ul, #section4 li.sfhover4 ul, #section4 li li.sfhover4 ul { /* lists nested under hovered list items */
left: auto;
}
#section4 li:hover, #section4 li.sfhover4 {
background: #F7F7F7;
}
#section5, #section5 ul {
height: 22px;
padding: 0;
margin: 0;
list-style: none;
}
#section5 a {
display: block;
width: 170px;
font-family: Arial, Verdana, sans-serif;
font-size: 10px;
color: #666666;
text-decoration: none;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
list-style: none;
}
#section5 li { /* all list items */
float: left;
width: 181px; /* width needed or else Opera goes nuts */
background-color: #FFFFFF;
}
#section5 li li {
background-color: #FFFFFF;
width: 181px;
}
#section5 li ul { /* second-level lists */
position: absolute;
width: 10em;
left: -999em;
margin-top: 0px;
}
#section5 li ul ul { /* third-and-above-level lists */
margin: -27px 0 0 176px;
}
#section5 li:hover ul ul, #section5 li.sfhover5 ul ul {
left: -999em;
}
#section5 li:hover ul, #section5 li li:hover ul, #section5 li.sfhover5 ul, #section5 li li.sfhover5 ul { /* lists nested under hovered list items */
left: auto;
}
#section5 li:hover, #section5 li.sfhover5 {
background: #F7F7F7;
}
.mainImage img {
padding: 0;
margin: 0;
border: 0;
cursor: pointer;
}
.line2 {
border-bottom: 1px solid #CCCCCC;
padding-top: 15px;
margin-bottom: 1px;
}