Problem with IE7 Compatibility mode putting images next to link
Hi there Experts,
I am a little stuck today.
I have doing a small project involving images inside a fancy box and have run into a little bit of trouble.
The images are surrounded by href links (source code attached) and the entire thing code sits inside a fancy box window.
For some reason just next to the links small Grey boxes seem to appear (I am assuming denoting that the link is external in some way) my question is, is there any way to remove the stupid little images; or am I going to have to just live with the fact that it doesn't look very good?
Many thanks for your help!
Tem
I am a little stuck today.
I have doing a small project involving images inside a fancy box and have run into a little bit of trouble.
The images are surrounded by href links (source code attached) and the entire thing code sits inside a fancy box window.
For some reason just next to the links small Grey boxes seem to appear (I am assuming denoting that the link is external in some way) my question is, is there any way to remove the stupid little images; or am I going to have to just live with the fact that it doesn't look very good?
Many thanks for your help!
Tem
<div style="width:396px;">
<a href="<?= $this->url(array('product' => 'uk-wedding'), 'get-quote') ?>">
<img class="image-quote" src="/images/icons/selectors/uk-wedding.jpg" />
</a>
<a href="<?= $this->url(array('product' => 'overseas-wedding'), 'get-quote') ?>">
<img class="image-quote" src="/images/icons/selectors/overseas-wedding.jpg" />
</a>
<a href="<?= $this->url(array('product' => 'civil-partnership'), 'get-quote') ?>">
<img class="image-quote" src="/images/icons/selectors/civil-partnership.jpg" />
</a>
</div>
Ivan Kulchytskyi-Kostyk
Give us CSS file or link to your site
ASKER
Sorry, but I can't give a link to my website. I don't think that this is a problem with my CSS, but it's attached.
/*
* 8px - 0.667em
* 9px - 0.75em
* 10px - 0.833em
* 11px - 0.917em
* 12px - 1em
* 13px - 1.083em
* 14px - 1.167em
* 16px - 1.333em
* 18px - 1.5em
* 20px - 1.667em
* 24px - 2em
*/
/* reset */
html, body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, dl, dt, dd,
ul, ol, li, table, th, td, form, fieldset, legend, textarea {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal;
}
address, caption, cite, code, dfn, em, strong, th {
font-style: normal;
font-weight: normal;
}
abbr, acronym {
cursor: help;
border-bottom: 1px dotted;
font-variant: normal;
}
input, textarea, select {
font: inherit;
}
fieldset, img {
border: none;
}
img {
vertical-align: middle;
}
ul, ol {
list-style: none;
}
li, dt {
display: block;
}
q:before, q:after {
content: '';
}
table {
border-collapse: collapse;
}
th {
text-align: left;
}
sup, sub {
padding-left: .1em;
line-height: 1em;
}
legend {
color: #000;
}
/* misc classes */
.clear {
clear: both;
}
.hide {
display: none;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
/* defaults */
body {
color: #000;
background-color: #fff;
font-family: Arial, sans-serif;
font-size: .75em;
}
h1 {
margin: 0 0 .5em;
font-size: 2em;
}
h2 {
font-size: 1.333em;
font-weight: bold;
}
h3 {
font-weight: bold;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
p {
margin: 0 0 1em;
line-height: 1.5;
}
/* anchors */
a, a:link {
color: #004186;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a[href^="http://"] {
margin-right: .2em;
padding-right: 17px;
background: transparent url(/images/icons/new-window.png) no-repeat 100% 50%;
}
a[href$=".pdf"] {
margin-right: .25em;
padding: .1em 20px .1em 0;
background: transparent url(/images/icons/pdf.gif) no-repeat 100% 50%;
}
/* lists */
ul.list, ol.list, dl.list {
margin: 1.5em 0 1.5em 2.5em;
}
ul.list, dl.list {
list-style: square;
}
ol.list {
list-style: decimal;
}
ul.list li, ol.list li, dl.list dd {
display: list-item;
margin: .25em 0;
line-height: 1.5;
}
/* forms */
form {
margin: 2em 0;
}
fieldset {
margin: 2em 0;
padding: 1em;
border: 1px solid #ddd;
}
legend {
padding: 0 .25em;
color: #004186;
font-size: 1.333em;
}
label, select, input[type="submit"] {
cursor: pointer;
}
label.required {
background: transparent url(/images/icons/required.png) no-repeat 0 50%;
padding-left: 0.7em;
}
optgroup {
font-style: normal;
}
input[type="text"] {
width: 20em;
}
input.date, input.postcode {
width: 6em;
}
input.phone-number {
width: 8em;
}
textarea {
width: 99%; /* 100% would force textareas out of their containers */
}
form div.row {
margin-bottom: 1em;
padding-top: 1em;
border-top: 1px dotted #ddd;
float:left;
width: 100%;
}
form div.row > label {
display: block;
width: 30%;
padding-right: 5%;
padding-left: 5%;
float:left;
color: #222;
font-weight: bold;
}
form div.row div.element {
margin-left: 45%;
}
form div.element label.details {
display: block;
margin: 1em 0 .25em;
}
form ul.errors {
margin-top: .75em;
padding: .25em .25em .25em 2.5em;
border: 1px solid #faa;
-moz-border-radius: .25em;
color: #f44;
background: #fee url(/images/icons/error_16.png) no-repeat .5em 50%;
font-weight: bold;
}
form p.description {
margin: .25em 0 0;
font-size: 90%;
}
fieldset div.row > label {
width: 35%;
}
fieldset div.element {
width: 60%;
}
/* tables */
table {
margin: 1em 0 .5em;
}
th, td {
padding: .4em 0.8em;
border: 1px solid #ccc;
vertical-align: top;
text-align: left;
}
th {
font-weight: bold;
}
th.center, td.center {
text-align: center !important;
}
th.left, td.left {
text-align: left !important;
}
th.right, td.right {
text-align: right !important;
}
table.pretty th, table.pretty td {
border-right: 1px solid #ccc;
border-width:1px 1px 1px 1px;
}
table.pretty th {
color: #444;
background-color: #f6f6f6;
font-size: 1.083em;
}
table.pretty tr.alt td {
background-color: #f6f6f6;
}
/* status blocks */
div.error, p.error,
div.info, p.info,
div.success, p.success {
margin: 0 0 2em;
padding: 1em 1em 1em 4em;
border: .1em solid;
-moz-border-radius: .5em;
background-repeat: no-repeat;
background-position: 1.1em .75em;
}
div.error, p.error {
border-color: #faa;
background-color: #fee;
background-image: url(/images/icons/error_24.png);
}
div.info, p.info {
border-color: #bcf;
background-color: #eef;
background-image: url(/images/icons/info_24.png);
}
div.success, p.success {
border-color: #8d3;
background-color: #efd;
background-image: url(/images/icons/success_24.png);
}
/* buttons */
div.button {
float: left;
border: 1px solid #215b98;
-moz-border-radius: .25em;
background: #004186 url(/images/button-bg.png) repeat-x top left;
font-weight: bold;
cursor: pointer;
}
div.button a, div.button input {
display: block;
padding: .3em 1em;
color: #fff;
}
div.button input {
border: none;
outline: none;
background: none;
}
div.button a {
padding-top: .4em;
padding-right: 1.2em;
padding-left: 1.2em;
text-decoration: none;
}
/* fancy box */
div#fancy_title table td {
border: 0 none;
}
td#fancy_title_left, td#fancy_title_right {
width: 14px;
}
/* default layout */
html, body {
margin: 0;
padding: 0;
height: 100%;
}
body {
background-color: #e8ecf0;
}
div#container {
position: relative;
width: 82em;
min-height: 100%;
background-color: #fff;
margin: auto;
padding: 0 12px;
background-image: url(/images/content-border.jpg);
background-repeat: repeat-y;
background-position: center;
}
div#main {
float: left;
width: 80em;
margin: 2em 0 12em;
}
body.home div#main {
margin: 1em 0 9em;
}
div#content {
float: left;
width: 48em;
margin-left: 16em;
}
div#newContent {
float: left;
width: 60em;
margin-left: 4em;
}
div#content *{
*z-index: -10;
}
div#right-sidebar {
float: right;
width: 14em;
}
div#left-sidebar {
float: left;
width: 14em;
margin-left: -64em;
}
div#footer {
position: absolute;
bottom: 0;
border-width: .1em;
width: 82em;
}
/* two column layout - no right sidebar */
body.policy div#content,
body.sitemap div#content {
width: 64em;
}
body.policy div#left-sidebar,
body.sitemap div#left-sidebar {
margin-left: -80em;
}
body.policy div#right-sidebar,
body.sitemap div#right-sidebar {
display: none;
}
/* header */
div#header {
float: left;
width: 82em;
margin: 1.2em 0 .5em;
}
a#header-logo {
float: left;
margin: .9em 0 0 3em;
}
div#header-text-container {
float: left;
margin: 2em 0 0 2em;
}
div#header-text-container span {
display: block;
}
h2#header-tagline {
margin: 0 0 .1em;
padding: 0;
color: #004186;
font-size: 1.5em;
font-weight: bold;
}
p#header-summary {
margin: 0;
padding: 0;
color: #888;
font-weight: bold;
}
p#header-warning {
margin: 0;
padding: 0;
color: red;
font-size: 0.875em;
}
/* main nav */
ul#main-nav {
float: left;
width: 100%;
}
/** end tab highlight fix */
/* breadcrumb */
ul#breadcrumb {
float: left;
margin: .5em 0.5em 0;
}
ul#breadcrumb li {
float: left;
padding-right: .5em;
font-size: .917em;
}
ul#breadcrumb a {
margin-right: .5em;
}
/* content */
div#content h1 {
letter-spacing: -.5px;
}
div#content h2 {
margin: 1em 0 0;
padding: .5em 0;
}
div#content h3 {
margin: .5em 0 0;
padding-top: .25em;
}
div#content p a,
div#content li a,
div#content table a {
font-weight: bold;
text-decoration: underline;
}
div#content ul.list li,
div#content dl.list li,
div#content ol.list li {
line-height: 1.5;
}
/* sidebar nav */
ul#sidebar-nav {
clear: left;
margin: 0 0 2em;
border-top: 1px dotted #ddd;
line-height: 1.2;
}
ul#sidebar-nav a {
display: block;
padding: .35em 1em;
border-bottom: 1px dotted #ddd;
font-weight: bold;
}
ul#sidebar-nav a:hover {
text-decoration: none;
}
ul#sidebar-nav a.home {
padding: .5em .85em;
font-size: 1.167em;
}
ul#sidebar-nav > li > a:hover,
ul#sidebar-nav > li.current > a {
background: #004186 url(/images/sidebar-nav-active-bg.png) repeat-x top left;
color: #fff;
}
ul#sidebar-nav ul a {
padding-left: 2.5em;
color: #222;
}
ul#sidebar-nav ul a:hover,
ul#sidebar-nav ul li.current a {
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 1.25em 50%;
}
/* right sidebar */
div#right-sidebar h2 {
margin-bottom: .5em;
}
div#right-sidebar dl {
margin: 0 0 2em;
-moz-border-radius: .5em;
}
/* footer */
div#footer {
border-top: 1px solid #ddd;
}
div#footer-inner {
float: left;
margin: 1px;
padding: 1.5em;
}
div#footer-left-pane,
div#footer-right-pane {
font-size: .917em;
}
div#footer-left-pane {
float: left;
width: 67.5%;
}
div#footer-right-pane {
float: right;
width: 32.5%;
}
ul#footer-utilities {
float: left;
margin: 0 0 1em;
line-height: 1;
}
ul#footer-utilities li {
float: left;
margin-left: .75em;
padding-left: .75em;
border-left: 1px solid #ccc;
}
ul#footer-utilities li:first-child {
margin-left: 0;
padding-left: 0;
border-left: none;
}
p#footer-copyright {
clear: left;
margin: 0;
}
p#footer-fsa {
min-height: 30px;
margin: 0;
padding: 0 0 0 45px;
background: transparent url(/images/fsa-logo.png) no-repeat center left;
}
/* home */
body.home div#content {
width: 80em;
margin-left: 0;
}
body.home div#product-banner {
float: left;
width: 100%;
margin: 0 0 2px 1em;
}
body.home div#product-banner {
float: left;
height: 23.16em;
width: 80em;
}
body.home div#product-banner * {
color: #fff;
}
body.home div#product-banner * {
*z-index: -10;
}
body.home div#product-banner h2 {
margin: 0 0 .25em;
padding: 0;
font-size: 1.667em;
}
body.home div#product-banner p {
float: left;
width: 75%;
margin: 0;
}
body.home div#product-banner-container > div {
float: left;
width: 686px !important;
padding: 4px;
border: 1px solid #ccc;
background-repeat: no-repeat;
background-position: center center;
}
body.home div.product-banner-text {
float: left;
padding: 185px 1em 15px;
}
body.home a.product-quote-button {
float: right;
background: none;
margin-right: 0;
padding-right: 0;
}
body.home a.product-box-quote-button {
float: left;
margin-left: 50px;
margin-top: 10px;
}
body.home div#product-banner-pet {
background-image: url(/images/home/pet-banner.jpg);
}
body.home div#product-banner-horse {
background-image: url(/images/home/horse-banner.jpg);
}
body.home div#product-banner-wedding {
background-image: url(/images/home/wedding-banner.jpg);
}
body.home div#product-banner-caravan {
background-image: url(/images/home/caravan-banner.jpg);
}
body.home div#product-banner-boat {
background-image: url(/images/home/boat-banner.jpg);
}
body.home div#product-banner-photo {
background-image: url(/images/home/photo-banner.jpg);
}
/*###############################*/
body.home div.link-box {
float: left;
}
/*
body.home div.link-box-inner {
float: left;
width: 100%;
border: 1px solid #ccc;
border-top: none;
}
*/
body.home div.block-container {
float: left;
padding-top:.75em !important;
width:100%;
}
.block-container .inferior h2 {
margin:0;
padding:0;
}
body.home div.block-container .single-block {
float:left;
margin-right:.6em;
width:344px;
clear:right;
}
body.home div.block-container .single-block.right {
margin-right:0;
}
body.home div.block-container .superior {
margin:0;
width:100%;
}
.superior {
background:transparent url(/images/superior.png) no-repeat scroll left top;
float:left;
margin:0 20px 0 0;
padding-top:3px;
width:344px;
}
body.home div.block-container .inferior {
float:none;
}
.inferior {
background:#FFFFFF url(/images/inferior.jpg) no-repeat scroll left bottom;
float:left;
padding:0;
width:344px;
height:130px;
}
body.home div.block-container .inferior dl {
float:left;
margin-left:.5em;
padding:.4em 0;
}
body.home div.block-container .inferior dl.left-list {
width:165px;
}
body.home div.block-container .inferior dl.right-list {
margin-left:0;
width:165px;
}
body.home div.block-container .inferior dl.left-list dd, body.home div.block-container .inferior dl.right-list dd {
width: 141px;
}
body.home div.block-container .inferior dd {
background:transparent url(/images/icons/bullet-arrows.png) no-repeat scroll 1em 0.35em;
margin-bottom:0.5em;
padding-left:2em;
width:180px;
}
body.home div.block-container p.header {
color:#023974;
font-size:1.6em;
letter-spacing:-1px;
margin:0.7em 0 0 1em;
}
body.home div.block-container p.caption {
color:#023974;
margin:1.7em 0 0 1.5em;
padding:.3em;
}
body.home div.block-container .inferior dd p {
display:none;
}
/*####################################*/
body.home div.link-box dl {
float: left;
}
body.home div.link-box dt {
}
body.home div.link-box dd {
}
body.home div.link-box h2 {
margin: 0 !important;
padding: .65em !important;
background-color:#023974;
color: #FFF;
}
body.home div#more-products-link-box {
width: 57.94em;
margin-right: 1em;
}
body.home div#help-link-box {
width: 21em;
}
body.home div#help-link-box h2 {
margin: 0 !important;
padding: .65em !important;
background-color:#023974;
color: #FFF;
}
body.home div#help-link-box dl {
padding: 1em;
}
body.home div#help-link-box dt {
background: transparent url(/images/icons/info_16.png) no-repeat 100% 0px;
width:18.38em;
}
body.home div#help-link-box dl dt a.img {
float:right;
}
body.home div#help-link-box dt a {
font-size:1.2em;
display:block;
}
body.home div#help-link-box dd {
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #ccc;
}
body.home div#help-link-box dd.last {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/* all insurance */
div#left-sidebar a.quote-button {
width: 97%;
margin: 0 0 2em 4%;
}
div#left-sidebar div.promo-badge {
text-align: center;
}
body.insurance div#product-header {
min-height: 14em;
margin: 0 0 2em;
padding: 0 0 2em;
border: 1px solid #ddd;
border-top: none;
border-left: none;
background-repeat: no-repeat;
background-position: bottom right;
}
body.insurance div#product-header *{
*z-index: -10;
}
body.insurance div#product-header h1 {
margin: 0 0 .2em;
line-height: 1;
font-size: 2.5em;
}
body.insurance div#product-header h2 {
margin: 0;
padding: 0;
color: #555;
font-size: 1.167em;
font-weight: normal;
}
body.insurance div#product-header p {
margin-bottom: 0;
}
body.insurance div#product-header-inner {
width: 26em;
}
body.insurance p.fsa {
margin: 3em 0;
padding: 1em 1em 1em 5em;
border: 1px solid #ccc;
-moz-border-radius: .5em;
background: transparent url(/images/fsa-logo.png) no-repeat 1.25em 50%;
}
body.insurance p.adobe-reader-download {
margin-top: 2em;
}
/* General Call Us - right sidebar */
body.insurance dl#call-us,
body.contact dl#call-us,
body.affiliates dl#call-us,
body.help dl#call-us {
padding: 0.3em 1em 1em 1em;
color:#FFFFFF;
/** color: #004186; **/
/** background-color: #eee; **/
}
body.insurance dl#call-us dt,
body.contact dl#call-us dt,
body.affiliates dl#call-us dt,
body.help dl#call-us dt {
font-size: 1.333em;
font-weight: bold;
}
body.insurance dl#call-us dd.number,
body.contact dl#call-us dd.number,
body.affiliates dl#call-us dd.number,
body.help dl#call-us dd.number {
margin: .3em 0;
font-size: 1.667em;
color: #004186;
}
body.insurance dl#call-us dd.hours,
body.contact dl#call-us dd.hours,
body.affiliates dl#call-us dd.hours,
body.help dl#call-us dd.hours {
font-size: .917em;
color: #004186;
}
/* General Call Us - right sidebar */
body.claims dl#call-us dd.number,
body.motor dl#call-us dd.number,
body.personal dl#call-us dd.number,
body.household dl#call-us dd.number {
margin: .3em 0;
font-size: .9em;
}
body.motor dl#call-us dd.number span,
body.personal dl#call-us dd.number span,
body.household dl#call-us dd.number span{
color: #990000;
font-weight: bold;
}
dl#related-products dt,
dl#related-faqs dt,
dl#related-tips dt {
padding-bottom: .5em;
border-bottom: 1px dotted #ccc;
font-size: 1.333em;
font-weight: bold;
}
dl#related-products dd a,
dl#related-faqs dd a,
dl#related-tips dd a {
display: block;
padding: .4em 2em .4em .75em;
border-bottom: 1px dotted #ccc;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 95% 50%;
font-weight: bold;
}
/* angling */
body.leisure.angling div#product-header {
background-image: url(/images/angling.jpg);
background-position: 100% 40%;
}
/* bird */
body.pet.bird div#product-header {
background-image: url(/images/bird.jpg);
background-position: 100% 0;
}
body.pet.bird div#product-header-inner {
width: 24em;
}
/* building and contents */
body.household.building-and-contents div#product-header {
background-image: url(/images/building-and-contents.jpg);
}
/* camping */
body.leisure.camping div#product-header {
background-image: url(/images/camping.jpg);
background-position: 92% 40%;
}
/* canoe */
body.boat.canoe div#product-header {
background-image: url(/images/canoe.jpg);
background-position: 100% 100%;
}
/* car */
body.motor.car div#product-header {
background-image: url(/images/car.jpg);
background-position: 100% 100%;
}
/* caravan */
body.caravan div#product-header {
background-image: url(/images/caravan.jpg);
background-position: 98% 30%;
}
/* civil partnership */
body.wedding.civil-partnership div#product-header {
background-image: url(/images/civil-partnership.jpg);
background-position: 95% 50%;
}
/* critical illness cover */
body.life.critical-illness-cover div#product-header {
background-image: url(/images/critical-illness-cover.jpg);
background-position: 95% 65%;
}
/* dental plan */
body.personal.dental-plan div#product-header {
background-image: url(/images/dental-plan.jpg);
background-position: 100% 10%;
}
/* equine */
body.equine div#product-header {
background-image: url(/images/equine.jpg);
background-position: 100% 100%;
}
/* golf */
body.leisure.golf div#product-header {
background-image: url(/images/golf.jpg);
background-position: 100% 100%;
}
/* groomer */
body.pet.groomer div#product-header {
background-image: url(/images/groomer.jpg);
}
/* health cash plan */
body.personal.health-cash-plan div#product-header {
background-image: url(/images/health-cash-plan.jpg);
background-position: 100% 0%;
}
/* horse */
body.equine.horse div#product-header {
background-image: url(/images/horse.jpg);
}
/* horse box */
body.motor.horse-box div#product-header {
background-image: url(/images/horsebox.jpg);
background-position: 96% 0;
}
/* horse rider */
body.equine.horse-rider div#product-header {
background-image: url(/images/horse-rider.jpg);
}
body.equine.horse-rider div#product-header h1 {
font-size: 2.5em;
}
/* horse trailer */
body.equine.horse-trailer div#product-header {
background-image: url(/images/horse-trailer.jpg);
background-position: 96% 0;
}
/* home emergency */
body.household.home-emergency div#product-header {
background-image: url(/images/home-emergency.jpg);
background-position: 100% 50%;
}
/* household */
body.household div#product-header {
background-image: url(/images/household.jpg);
background-position: 100% 100%;
}
/* income protection */
body.personal.income-protection div#product-header {
background-image: url(/images/income-protection.jpg);
background-position: 100% 100%;
}
/* Kennel */
body.pet.kennel div#product-header {
background-image: url(/images/kennel.jpg);
background-position: 100% 100%;
}
/* Leisure */
body.leisure div#product-header {
background-image: url(/images/leisure.jpg);
background-position: 100% 100%;
}
/* Level term life insurance */
body.life.level-term-life div#product-header {
background-image: url(/images/level-term-life.jpg);
background-position: 100% 100%;
}
/* Life insurance */
body.life div#product-header {
background-image: url(/images/life.jpg);
background-position: 100% 100%;
}
/* Long term income insurance */
body.life.long-term-income-protection div#product-header {
background-image: url(/images/long-term-income-protection.jpg);
background-position: 100% 100%;
}
/* boat */
body.boat div#product-header {
background-image: url(/images/boat.jpg);
background-position: 95% 100%;
}
/* personal */
body.personal div#product-header {
background-image: url(/images/personal.jpg);
background-position: 100% 100%;
}
/* mortgage */
body.personal.mortgage-protection div#product-header {
background-image: url(/images/mortgage.jpg);
background-position: 90% 50%;
}
/* mortgage life insurance */
body.life.mortgage-life div#product-header {
background-image: url(/images/mortgage-life.jpg);
background-position: 100% 100%;
}
/* mature horse */
body.equine.mature-horse div#product-header {
background-image: url(/images/mature-horse.jpg);
}
/* motor */
body.motor div#product-header {
/* background-image: url(/images/motor.jpg);
background-position: 100% 0 100%;*/
}
body.motor div#product-header-image {
}
/* motorbike */
body.motor.motorbike div#product-header {
background-image: url(/images/motorcycle.jpg);
background-position: 100% 100%;
}
/* motorboat */
body.boat.motorboat div#product-header {
background-image: url(/images/motorboat.jpg);
background-position: 100% 100% !important;
}
/* music */
body.leisure.music div#product-header {
background-image: url(/images/music.jpg);
background-position: 95% 35%;
}
body.leisure.music div#product-header h1 {
font-size: 2.5em;
}
/* narrowboat */
body.boat.narrowboat div#product-header {
background-image: url(/images/narrowboat.jpg);
background-position: 100% 100%;
}
/* overseas wedding */
body.wedding.overseas-wedding div#product-header {
background-image: url(/images/overseas-wedding.jpg);
background-position: 100% 100%;
}
/* personal medical plan */
body.personal.personal-medical-plan div#product-header {
background-image: url(/images/personal-medical-plan.jpg);
background-position: 100% 0%;
}
/* pet */
body.pet div#product-header {
background-image: url(/images/pet.jpg);
background-position: 95% 100%;
}
body.pet div#product-header-inner {
width: 22em;
}
/* private health insurance */
body.personal.private-health div#product-header {
background-image: url(/images/private-health.jpg);
background-position: 100% 0%;
}
/* van */
body.motor.van div#product-header {
background-image: url(/images/van.jpg);
background-position: 100% 100%;
}
/* vehicle-breakdown */
body.motor.vehicle-breakdown div#product-header {
background-image: url(/images/vehicle-breakdown.jpg);
background-position: 100% 100%;
}
/** http://www.alistapart.com/articles/multicolumnlists#method6 */
ul#excluded-pet-breeds li.any-dogs,
ul#excluded-pet-breeds li.all-akita,
ul#excluded-pet-breeds li.amer-band,
ul#excluded-pet-breeds li.amer-bull,
ul#excluded-pet-breeds li.amer-pit,
ul#excluded-pet-breeds li.amer-staf,
ul#excluded-pet-breeds li.argen,
ul#excluded-pet-breeds li.canar,
ul#excluded-pet-breeds li.cane,
ul#excluded-pet-breeds li.czech,
ul#excluded-pet-breeds li.dogo,
ul#excluded-pet-breeds li.dogue,
ul#excluded-pet-breeds li.fila,
ul#excluded-pet-breeds li.iri-staf {
margin-left: 0em;
}
ul#excluded-pet-breeds li.jap-tos,
ul#excluded-pet-breeds li.kor-jin,
ul#excluded-pet-breeds li.nor-inu,
ul#excluded-pet-breeds li.perro,
ul#excluded-pet-breeds li.pbull-mas,
ul#excluded-pet-breeds li.pbull-ter,
ul#excluded-pet-breeds li.presa,
ul#excluded-pet-breeds li.rac-grey,
ul#excluded-pet-breeds li.sarl,
ul#excluded-pet-breeds li.shar,
ul#excluded-pet-breeds li.tosa,
ul#excluded-pet-breeds li.uton,
ul#excluded-pet-breeds li.wolf {
margin-left: 25em;
}
ul#excluded-pet-breeds li.jap-tos {
margin-top: -21em; /** height of elements in previous col * number of elements in previous col 1.75em*14 */
}
/* cat */
body.pet.cat div#product-header {
background-image: url(/images/cat.jpg);
background-position: 100% 100%;
}
/* dog */
body.pet.dog div#product-header {
background-image: url(/images/dog.jpg);
background-position: 100% 100%;
}
/* cycle */
body.leisure.cycle div#product-header {
background-image: url(/images/cycle.jpg);
background-position: 100% 100%;
}
/* pet travel */
body.pet.pet-travel div#product-header {
background-image: url(/images/pet-travel.jpg);
background-position: 93% 30%;
}
body.oet.pet-travel div#product-header-inner {
width: 25em;
}
/* photo */
body.leisure.photo div#product-header {
background-image: url(/images/photo.jpg);
}
body.leisure.photo div#product-header h1 {
font-size: 2.5em;
}
/* rowing boat */
body.boat.rowing-boat div#product-header {
background-image: url(/images/rowing-boat.jpg);
background-position: 100% 100%;
}
/* sailboard */
body.boat.sailboard div#product-header {
background-image: url(/images/sailboard.jpg);
background-position: 95% 0;
}
/* sailing dinghy */
body.boat.sailing-dinghy div#product-header {
background-image: url(/images/sailing-dinghy.jpg);
background-position: 95% 0;
}
/* senior pet */
body.pet.senior-pet div#product-header {
background-image: url(/images/senior-pet.jpg);
background-position: 94% 50%;
}
body.pet.senior-pet div#product-header-inner {
width: 25em;
}
/* Senior Dog */
body.pet.senior-dog div#product-header {
background-image: url(/images/senior-dog.jpg);
background-position: 100% 100%;
}
/* Senior Cat */
body.pet.senior-cat div#product-header {
background-image: url(/images/senior-cat.jpg);
background-position: 100% 100%;
}
/* static caravan */
body.caravan.static-caravan div#product-header {
background-image: url(/images/static-caravan.jpg);
background-position: 95% 50%;
}
body.caravan.static-caravan div#product-header-inner {
width: 27em;
}
/* student */
body.leisure.student div#product-header {
background-image: url(/images/student.jpg);
background-position: 96% 50%;
}
/* horse trailer */
body.equine.trailer-hire div#product-header {
background-image: url(/images/trailer-hire.jpg);
background-position: 96% 0;
}
/* touring caravan */
body.caravan.touring-caravan div#product-header {
background-image: url(/images/touring-caravan.jpg);
background-position: 98% 30%;
}
/* travel */
body.leisure.travel div#product-header {
background-image: url(/images/travel.jpg);
background-position: 100% 100%;
}
body.leisure.travel div#product-header-inner {
width: 30em;
}
/* overseas wedding */
body.wedding.uk-wedding div#product-header {
background-image: url(/images/uk-wedding.jpg);
background-position: 100% 100%;
}
/* wedding */
body.wedding div#product-header {
background-image: url(/images/wedding.jpg);
background-position: 95% 100%;
}
/* more products */
body.more-products div#content {
width: 60em;
margin-left: 0;
padding: 2em;
}
body.more-products h1 {
margin-bottom: 1em;
}
body.more-products #more-product-list dl {
width: 47.5%;
}
/** More product columns */
/** Left Column */
body.more-products #more-product-list dl.pet,
body.more-products #more-product-list dl.equine,
body.more-products #more-product-list dl.caravan,
body.more-products #more-product-list dl.wedding,
body.more-products #more-product-list dl.personal {
margin-left: 0;
margin-right: 5%;
}
/** Right Column */
body.more-products #more-product-list dl.leisure,
body.more-products #more-product-list dl.boat,
body.more-products #more-product-list dl.motor,
body.more-products #more-product-list dl.household {
margin-left: 52.5%;
}
/** Top of Right Column */
body.more-products #more-product-list dl.leisure {
margin-top: -94em;
}
/** Bottom of right column */
body.more-products #more-product-list dl.personal{
margin-bottom: 10em;
}
/** end of more product columns */
body.more-products dl.product-list {
margin-bottom: 2em;
}
body.more-products dl.product-list dt {
margin-bottom: .5em;
font-size: 1.333em;
font-weight: bold;
}
body.more-products dl.product-list dt a {
color: #000;
}
body.more-products dl.product-list dd {
margin-bottom: .5em;
padding-left: 3em;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 2em .35em;
font-size: 1.167em;
}
body.more-products dl.product-list span.note {
font-size: 80%;
}
/* policy pages */
body.policy table {
min-width: 40em;
}
body.policy th {
text-align: center;
}
body.policy span.note {
display: block;
font-size: .917em;
font-weight: bold;
}
body.policy tr.extensions th {
color: #fff;
background-color: #004186;
text-align: left;
}
body.policy td.tooltip {
cursor: help;
padding-right: 3em;
background: transparent url(/images/icons/info_16.png) no-repeat 97% 5px;
}
body.policy div#tooltip h3 {
margin: 0 0 .5em;
padding: 0;
font-size: 1.083em;
}
/* faq pages */
/*body.faqs*/ ul#faq-list {
margin-bottom: 3em;
padding: .5em 0 0 2em;
}
/*body.faqs*/ ul#faq-list li {
margin: .5em 0;
padding-left: 1.25em;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat center left;
}
/*body.faqs*/ ul#faq-list a {
text-decoration: none;
}
/*body.faqs*/ ul#faq-list a:hover {
text-decoration: underline;
}
/*body.faqs*/ dl.faq {
margin: 0 0 2em;
padding: 1em 1em 1em 4em;
border: .1em solid #ddf;
-moz-border-radius: .5em;
background: #f4f4ff /*url(/images/icons/help_24.png) no-repeat 1.1em .75em*/;
}
/*body.faqs*/ dl.faq dt {
margin-bottom: .75em;
line-height: 1.25em;
font-size: 1.167em;
font-weight: bold;
}
/*body.faqs*/ dl.faq p {
margin-top: 0;
}
/*body.faqs*/ dl.faq dd.top {
margin-top: 1em;
}
/** Faqs Index */
body.help.faqs dl.product-list dt {
margin-bottom: .5em;
font-size: 1.333em;
font-weight: bold;
}
body.help.faqs dl.product-list dd {
margin-bottom: .5em;
padding-left: 3em;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 2em .35em;
font-size: 1.167em;
}
body.help.faqs dl.product-list dd a {
font-size: 0.9em;
}
body.help.faqs dl.pet,
body.help.faqs dl.equine,
body.help.faqs dl.wedding {
margin-left: 0;
}
body.help.faqs dl.leisure,
body.help.faqs dl.boat,
body.help.faqs dl.caravan,
body.help.faqs dl.other {
margin-left: 25em;
}
body.help.faqs dl.leisure {
margin-top: -43.5em;
}
/* Tips Index */
/*body.help.tips*/ div#tips-list dt {
margin-bottom: .5em;
font-size: 1.333em;
font-weight: bold;
}
/*body.help.tips*/ div#tips-list dd {
margin-bottom: .5em;
padding-left: 3em;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 2em .35em;
font-size: 1.167em;
}
/*body.help.tips*/ div#tips-list dd a {
font-size: 0.9em;
}
/*body.help.tips*/ dl.pet,
/*body.help.tips*/ dl.equine,
/*body.help.tips*/ dl.caravan {
margin-left: 0;
}
/*body.help.tips*/ dl.leisure,
/*body.help.tips*/ dl.wedding,
/*body.help.tips*/ dl.boat {
margin-left: 25em;
}
/*body.help.tips*/ dl.leisure {
margin-top: -33.9em;
}
/*body.help.tips*/ dl.boat {
margin-bottom: 6em;
}
/* tips pages */
/*body.tips*/ dl.tip {
margin-top: 1.5em;
}
/*body.tips*/ dl.tip dt {
margin-bottom: .25em;
font-size: 1.333em;
}
/*body.tips*/ div.tips-backlink{
position: absolute;
left: 17em;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 5em .35em;
margin-top: 1.5em;
}
/*body.tips*/ div.tips-backlink a{
padding-right: 3em;
}
/* help */
body.help dl.section {
float: left;
width: 21em;
height: 6em;
margin: 0 1.25em 1.25em 0;
padding: .75em;
border: .1em solid #ccc;
}
body.help dl.section dt {
margin-bottom: .25em;
font-size: 1.333em;
font-weight: bold;
}
/* contact us */
body.contact table#departments {
width: 100%;
line-height: 1.5em;
}
body.contact table#departments th {
text-align: center;
}
body.contact table#departments col#col-departments {
width: 30%;
}
body.contact table#departments col#col-numbers {
width: 35%;
}
body.contact table#departments col#col-hours {
width: 35%;
}
/* claims */
body.help.claims a#claim-form-download {
display: block;
margin-top: 1em;
background: none;
font-size: 1.333em;
font-weight: bold;
}
/* news and views */
body.news dl.article-summary {
margin: 2em 0;
}
body.news dl.article-summary dt {
margin-bottom: .25em;
font-size: 1.333em;
font-weight: bold;
}
body.news dl.article-summary dd.date {
margin-bottom: .5em;
color: #888;
}
body.news dl.article-summary dd.snippet {
margin-bottom: .5em;
}
body.news.article h1 {
margin-bottom: 0.25em;
font-size: 2em;
}
body.news.article div#article-date {
margin-bottom: 1.5em;
padding-left: 1.75em;
background: transparent url(/images/icons/calendar.png) no-repeat .25em 50%;
font-size: 1.167em;
}
/* affiliate programme */
body.affiliates div#enquiry {
display: block;
margin-top: 1.5em;
text-align: center;
}
body.affiliates div#enquiry a {
font-size: 1.5em;
font-weight: bold;
}
body.affiliates div#print-button {
margin: 1em 0;
}
/* sitemap */
body.sitemap h2 a {
color: #000;
}
body.sitemap div.section {
float:left;
width: 100%;
border-top: 1px solid #DDD;
}
body.sitemap dl.entry {
margin-bottom: 1.5em;
}
body.sitemap dl.entry dt {
font-size:1.167em;
margin-bottom:0.5em;
font-weight: bold;
}
body.sitemap dl.entry dd {
margin: 0.25em 0 0.25em 1em;
font-size: 90%;
}
body.sitemap dl.entry dd a {
color: #000;
}
body.sitemap div.caravan dl,
body.sitemap div.equine dl,
body.sitemap div.help dl,
body.sitemap div.household dl,
body.sitemap div.leisure dl,
body.sitemap div.personal dl,
body.sitemap div.motor dl,
body.sitemap div.boat dl,
body.sitemap div.pet dl,
body.sitemap div.wedding dl {
float:left;
}
/** Sitemap - first in row - remember ie6 and ie7 */
body.sitemap dl.pet,
body.sitemap dl.senior-cat,
body.sitemap dl.groomer,
body.sitemap dl.equine,
body.sitemap dl.horse-trailer,
body.sitemap dl.caravan,
body.sitemap dl.leisure,
body.sitemap dl.golf,
body.sitemap dl.wedding,
body.sitemap dl.household,
body.sitemap dl.motor,
body.sitemap dl.personal,
body.sitemap dl.boat,
body.sitemap dl.sailing-dinghy,
body.sitemap dl.contact-us,
body.sitemap dl.news-and-views,
body.sitemap dl.personal-medical-plan {
margin-left: 1em;
clear:left;
}
/** Sitemap - last in row - remember ie6 and ie7 */
body.sitemap dl.senior-dog,
body.sitemap dl.bird,
body.sitemap dl.horse-rider,
body.sitemap dl.trailer-hire,
body.sitemap dl.static-caravan,
body.sitemap dl.cycle,
body.sitemap dl.student,
body.sitemap dl.civil-partnership,
body.sitemap dl.sailboard,
body.sitemap dl.narrowboat,
body.sitemap dl.feedback,
body.sitemap dl.affiliate,
body.sitemap dl.van ,
body.sitemap dl.mortgage,
body.sitemap dl.dental-plan,
body.sitemap dl.building-and-contents {
clear: right;
}
/* Sitemap - pet */
body.sitemap div.pet dl {
width: 13.7em;
}
body.sitemap dl.pet,
body.sitemap dl.dog,
body.sitemap dl.cat,
body.sitemap dl.senior-cat,
body.sitemap dl.pet-travel,
body.sitemap dl.kennel,
body.sitemap dl.groomer {
padding-right: 2em;
}
/* Sitemap - equine */
body.sitemap div.equine dl {
width: 13.7em;
}
body.sitemap dl.equine,
body.sitemap dl.horse,
body.sitemap dl.horse-rider,
body.sitemap dl.horse-trailer {
padding-right: 2em;
}
/* Sitemap - caravan */
body.sitemap div.caravan dl {
width: 16em;
}
body.sitemap dl.caravan,
body.sitemap dl.touring-caravan {
padding-right: 2em;
}
/* Sitemap - leisure */
body.sitemap div.leisure dl {
width: 13.7em;
}
body.sitemap dl.leisure,
body.sitemap dl.angling,
body.sitemap dl.camping,
body.sitemap dl.golf,
body.sitemap dl.music,
body.sitemap dl.photo {
padding-right: 2em;
}
/* Sitemap - wedding */
body.sitemap div.wedding dl {
width: 13.7em;
}
body.sitemap dl.wedding,
body.sitemap dl.uk-wedding,
body.sitemap dl.overseas-wedding {
padding-right: 2em;
}
/* Sitemap - boat */
body.sitemap div.boat dl {
width: 13.7em;
}
body.sitemap dl.boat,
body.sitemap dl.canoe,
body.sitemap dl.sailing-dinghy,
body.sitemap dl.rowing-boat,
body.sitemap dl.motorboat {
padding-right: 2em;
}
/* Sitemap - motor */
body.sitemap div.motor dl {
width: 13.7em;
}
body.sitemap dl.motor,
body.sitemap dl.horse-box,
body.sitemap dl.motorcycle {
padding-right: 2em;
}
/* Sitemap - personal */
body.sitemap div.personal dl {
width: 13.7em;
}
body.sitemap dl.personal,
body.sitemap dl.income-protection,
body.sitemap dl.mortgage,
body.sitemap dl.dental-plan,
body.sitemap dl.personal-medical-plan,
body.sitemap dl.health-cash-plan {
padding-right: 2em;
}
/* Sitemap - household */
body.sitemap div.household dl {
width: 13.7em;
}
body.sitemap dl.household,
body.sitemap dl.building-and-contents,
body.sitemap dl.emergency-assistance {
padding-right: 2em;
}
/* Sitemap - help */
body.sitemap div.help dl {
width: 13.7em;
}
body.sitemap dl.contact-us,
body.sitemap dl.claims,
body.sitemap dl.about,
body.sitemap dl.news-and-views,
body.sitemap dl.introduce-friend,
body.sitemap dl.faqs {
padding-right: 2em;
}
/* info */
body.info div#container {
width: 90%;
padding: 5%;
}
body.info h1 {
min-height: 70px;
margin: 0 0 1em;
padding-left: 120px;
background: transparent url(/images/header-logo.png) no-repeat center left;
}
body.info h2 {
margin: 1em 0 0;
padding: .5em 0;
}
/* quote buttons */
a.quote-button {
display: block;
float: left;
margin: 1.25em 0;
padding: 0;
background: #004186 url(/images/button-quote-leftgrn.png) no-repeat top left;
}
a.quote-button span {
display: block;
height: 38px;
margin-left: 6px;
padding-right: 36px;
padding-left: 6px;
color: #fff;
background: #004186 url(/images/button-quote-rightgrn.png) no-repeat top right;
line-height: 38px;
font-size: 1.1em;
font-weight: bold;
}
/* coming soon */
span.coming-soon {
display: block;
float: left;
margin: 1.25em 0;
padding: 0;
background: #004186 url(/images/coming-soon-left.png) no-repeat top left;
}
span.coming-soon span {
display: block;
height: 38px;
margin-left: 6px;
padding-right: 36px;
padding-left: 6px;
color: #fff;
background: #004186 url(/images/coming-soon-right.png) no-repeat top right;
line-height: 38px;
font-size: 1.5em;
font-weight: bold;
}
/* benefit lists */
ul.benefits {
margin: 2em;
}
ul.benefits li {
margin: 1em 0;
padding-left: 2.5em;
line-height: 1.5;
background: transparent url(/images/icons/success_16.png) no-repeat 0 0;
}
/* pagination */
div.pagination {
float: left;
width: 100%;
margin-top: 2em;
}
a.pagination-left,
a.pagination-right {
width: 40%;
}
a.pagination-left {
float: left;
}
a.pagination-right {
float: right;
text-align: right;
}
/* tab panels */
ul.ui-tabs-nav {
float: left;
width: 100%;
margin: 0 0 1em;
border-bottom: .5em solid #004186;
}
ul.ui-tabs-nav li {
float: left;
}
ul.ui-tabs-nav li a {
display: block;
padding: .70em .80em;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
color: #444;
background: #fff url(/images/tab-bg.png) repeat-x top left;
text-decoration: none !important;
font-weight: bold;
}
ul.ui-tabs-nav li:first-child a {
border-left: 1px solid #ccc;
}
ul.ui-tabs-nav li.ui-tabs-selected a {
border: 1px solid #09498d;
border-bottom: none;
background: #004186 url(/images/tab-active-bg.png) repeat-x top left;
color: #fff;
outline: none;
}
div.ui-tabs-panel {
clear: left;
min-height: 20em;
}
div.ui-tabs-hide {
display: none;
}
div#tabs dd a {
font-weight: bold;
text-decoration: underline;
}
/* tooltips */
div#tooltip {
position: absolute;
max-width: 25em;
padding: .75em;
border: 1px solid #fff;
-moz-border-radius: .25em;
color: #fff;
background-color: #004186;
}
/* social bookmarking */
div#social-bookmarking {
padding-left: 12px;
}
div#social-bookmarking h3 {
font-size: 1.5em;
color: #D5D5D5;
}
div#social-bookmarking ul li.image-map {
display: block;
background-image: url('/images/icons/social/social-icons.jpg');
float: left;
border: none;
cursor: pointer;
margin: 0 1px;
}
div#social-bookmarking ul {
list-style: none;
margin: 0;
padding: 3px 0 3px;
float: left;
}
div#social-bookmarking ul li a{
text-decoration: none;
display: block;
width: 18px;
height: 20px;
margin: 0;
padding: 0;
background: none;
}
div#social-bookmarking ul li#digg {
background-position : 0px 23px;
}
div#social-bookmarking ul li#digg:hover {
background-position : 0px -1px;
}
div#social-bookmarking ul li#delicious {
background-position : -18px 23px;
}
div#social-bookmarking ul li#delicious:hover {
background-position : -18px -1px;
}
div#social-bookmarking ul li#facebook {
background-position : -36px 23px;
}
div#social-bookmarking ul li#facebook:hover {
background-position : -36px -1px;
}
div#social-bookmarking ul li#reddit {
background-position : -54px 24px;
}
div#social-bookmarking ul li#reddit:hover {
background-position : -54px -1px;
}
div#social-bookmarking ul li#stumbleupon {
background-position : -72px 23px;
}
div#social-bookmarking ul li#stumbleupon:hover {
background-position : -72px -1px;
}
div#social-bookmarking ul li#furl {
background-position : -91px 23px;
}
div#social-bookmarking ul li#furl:hover {
background-position : -91px -1px;
}
div#social-bookmarking ul li#yahoo {
background-position : -108px 23px;
}
div#social-bookmarking ul li#yahoo:hover {
background-position : -108px -1px;
}
div#social-bookmarking ul li#google {
background-position : -127px 23px;
}
div#social-bookmarking ul li#google:hover {
background-position : -127px -1px;
}
div#social-bookmarking ul li#twitter {
background-position : -144px 24px;
}
div#social-bookmarking ul li#twitter:hover {
background-position : -144px -1px;
}
div#social-bookmarking ul li#technorati {
background-position : -163px 23px;
}
div#social-bookmarking ul li#technorati:hover {
background-position : -163px -1px;
}
div#social-bookmarking ul li#livejournal {
background-position : -180px 23px;
}
div#social-bookmarking ul li#livejournal:hover {
background-position : -180px -1px;
}
/** more navigation */
/* section node level */
body.insurance ul#sidebar-nav a.section {
font-size: 1.2em;
padding-left: 0.8em;
}
ul#sidebar-nav a.root {
padding-left: 2em;
color: #000;
background: transparent url(/images/icons/bullet-arrows.png) no-repeat 1em 50%;
}
/** product level */
body.horse ul#sidebar-nav a.root,
body.mature-horse ul#sidebar-nav a.root,
body.horse-trailer ul#sidebar-nav a.root,
body.horse-rider ul#sidebar-nav a.root,
body.trailer-hire ul#sidebar-nav a.root,
body.dog ul#sidebar-nav a.root,
body.cat ul#sidebar-nav a.root,
body.senior-dog ul#sidebar-nav a.root,
body.senior-cat ul#sidebar-nav a.root,
body.bird ul#sidebar-nav a.root,
body.pet-travel ul#sidebar-nav a.root,
body.kennel ul#sidebar-nav a.root,
body.groomer ul#sidebar-nav a.root,
body.touring-caravan ul#sidebar-nav a.root,
body.static-caravan ul#sidebar-nav a.root,
body.uk-wedding ul#sidebar-nav a.root,
body.overseas-wedding ul#sidebar-nav a.root,
body.civil-partnership ul#sidebar-nav a.root,
body.photo ul#sidebar-nav a.root,
body.music ul#sidebar-nav a.root,
body.cycle ul#sidebar-nav a.root,
body.angling ul#sidebar-nav a.root,
body.golf ul#sidebar-nav a.root,
body.travel ul#sidebar-nav a.root,
body.camping ul#sidebar-nav a.root,
body.student ul#sidebar-nav a.root,
body.canoe ul#sidebar-nav a.root,
body.narrowboat ul#sidebar-nav a.root,
body.sailboard ul#sidebar-nav a.root,
body.sailing-dinghy ul#sidebar-nav a.root,
body.rowing-boat ul#sidebar-nav a.root,
body.motorboat ul#sidebar-nav a.root {
font-size: 1.2em;
padding-left: 0.8em;
color: #004186;
background: none;
}
ul#sidebar-nav a.product.root:hover {
background:#004186 url(/images/sidebar-nav-active-bg.png) repeat-x scroll left top;
color:#FFFFFF;
}
p.coming-soon {
font-weight: bold;
}
/** Homepage content bloc */
/* body{font-size:76% !important; margin:0; padding:0; color:#666; background-color:#e9e9e9; text-align:center;} */
/* blockquote */
.blockquote{
padding:0 0 0 0;
color:#0d1f69;
font-weight:bold;
z-index: -10;
width: 95%;
}
.homeImageProductPetInsurance {
background-image: url(/images/home/products/pets.jpg);
background-repeat: no-repeat;
background-position: right;
height: 65%;
}
.homeImageProductHorseInsurance {
background-image: url(/images/home/products/equine.jpg);
background-repeat: no-repeat;
background-position: right;
height: 65%;
}
.homeImageProductCaravanInsurance {
background-image: url(/images/home/products/caravan.jpg);
background-repeat: no-repeat;
background-position: right;
height: 65%;
}
.homeImageProductWeddingInsurance {
background-image: url(/images/home/products/wedding.jpg);
background-repeat: no-repeat;
background-position: right;
height: 65%;
}
.blockquote li {
padding:0;
letter-spacing:-1px;
text-align: left;}
.blockquote img {
text-align: left
}
/* p{margin:0;padding:0 0 1.5em 0;line-height:1.4em;} */
/*
body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
h1,h2,h3{font-family:Calibri,Arial,Helvetica,sans-serif; font-weight:normal;} */
body.home #subcontent a{text-decoration:underline;color:#0db14b; font-weight:bold;}
body.home #subcontent a:link{color:#0db14b;}
body.home #subcontent a:visited{ }
body.home #subcontent a:hover{color:#1C3F94;}
body.home #subcontent a:active{ }
body.home #subcontent h1,body.home #subcontent h2,body.home #subcontent h3,body.home #subcontent h4,body.home #subcontent h5,body.home #subcontent h6{margin:0;padding:0;color:#1c3f94;}
body.home #subcontent h1 {margin:0 0 0.4em 0;}
body.home #subcontent h1{font-size:2.4em; letter-spacing:-1px; color:#003078;}
body.home #subcontent h2{font-size:1.65em; letter-spacing:-1px; font-weight:bold; margin:0.2em 0; padding:0 0 0 15px; color:#1c3f94;}
body.home #subcontent {float:left; margin:0 0 0 0px; width:960px;}
body.home #subcontent li.listSubProducts{
text-align: left;
font-size: 11px;
letter-spacing:1px;
word-spacing: 1px;
color:#004085;
line-height:16px;
}
body.home #subcontent li.listSmallSubProducts{
text-align: left;
font-size: 10px;
letter-spacing:1px;
word-spacing: 1px;
color:#004085;
line-height:14px;
margin-left: 5px;
}
body.home #subcontent div.titleSmallSubProducts{
width: 250px;
}
body.home #subcontent li.listSmallSubProducts:hover>div.areaDescriptionSubproduct
{
display: inline-block;
}
body.home #subcontent li.listSubProducts:hover>div.areaDescriptionSubproduct{
display: inline-block;
}
body.home #subcontent li.listSubProducts:hover>span.linkSubProduct,
body.home #subcontent li.listSmallSubProducts:hover>span.linkSubProduct
{
color: #007a36;
background-color: #feffad;
}
body.home #contentbloc .content .moreInformationSmallSubproduct:hover,
body.home #contentbloc .content .getQuoteSmallSubproduct:hover
{
color: #007a36;
/*background-color: #fdfe9e;*/
}
body.home #subcontent
li.listSmallSubProducts:hover>div.pictureBoxColumn1,
li.listSmallSubProducts:hover>div.pictureBoxColumn2,
li.listSmallSubProducts:hover>div.pictureBoxColumn3
{
display: block;
}
body.home #contentbloc {clear:both;background: url(/images/contentbloc/bg-feature-top.gif) 10px 0px no-repeat; padding: 10px 0 0 10px; position: relative; width:100%;}
body.home div#contentbloc *{
*z-index: 10;
}
body.home #contentbloc .bottom {background: url(/images/contentbloc/bg-feature-bottom.gif) left bottom no-repeat; padding: 0 0 10px 0;}
body.home #contentbloc .borders {background: url(/images/contentbloc/bg-feature-borders.gif) top left repeat-y; padding: 0 6px 0 5px; width:948px;}
body.home #contentbloc .content {}
body.home #contentbloc .content .container h2 {margin:0 0 10px 0; padding-left: 15px; clear:both; text-align:center;}
body.home #contentbloc .content h3 {font-size: 1.65em; letter-spacing: -1px; clear:both; margin-top: 0;}
body.home #contentbloc ul .blockquote {list-style-type: none; margin:0 0 0 0; padding: 0 0 0 0; float:left; margin-left: 0px;}
body.home #contentbloc li {margin:0; padding:0;}
body.home #contentbloc .products li {position:relative;margin-left: 0;display:block;min-height: 3.3em;width: 143px;}
body.home #contentbloc .products li a {position:absolute;text-decoration: none; display:block; color: #1d4094; font-weight: bold;padding: 10px 0 0 23px;left:0;top:0;background: url(/images/contentbloc/bg-feature-products-a.png) left bottom no-repeat;min-height:2.5em;width: 119px;}
body.home #contentbloc .products li.selected a, body.home #contentbloc .products li a.hover {background: url(/images/contentbloc/bg-feature-products-a-hover.png) 9px top no-repeat; width: 124px;top: -10px; padding-top: 20px; padding-bottom: 26px; color:#228009;}
body.home #contentbloc .products li a.hover span {background-image: url(/images/contentbloc/bg-feature-li-selected-span.gif) !important;}
body.home #contentbloc li.top a.hover {background-image: url(/images/contentbloc/bg-feature-products-a-top-hover.png) !important; top: 0; padding-top: 10px;}
body.home #contentbloc li a span {background: url(/images/contentbloc/bg-feature-span.gif) left center no-repeat; padding-left: 11px;}
body.home #contentbloc .information {float:left;background: url(/images/contentbloc/bg-feature-info-top.png) left top no-repeat; margin-left:-2px; padding-top: 5px; width:795px; }
body.home #contentbloc .information .bottom { background: url(/images/contentbloc/bg-feature-info-bottom.png) left bottom no-repeat;width: 795px;padding-bottom: 5px; margin-bottom:13px;}
body.home #contentbloc .information .content {border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; background-color: #fff !important;background-image:none; min-height: 318px; padding-top: 0.5em; width:792px;margin-left:0;}
body.home #contentbloc .information .content li {background: url(/images/contentbloc/bullet-arrows.png) left 5px no-repeat; height: auto; width: auto;padding-left: 1em;}
body.home #contentbloc .information .content li.caption {margin:0; padding:0 0 7px 15px; color:#4f4f4e; background:none; text-align:left;}
body.home #contentbloc .information .content li a {background: none; display: block; margin: 0; padding: 0; text-align:left; font-size:15px;}
body.home #contentbloc .information .content .button-links li {padding-left: 0;}
body.home #contentbloc .information blockquote {padding-top: 0; padding-right: 1em;}
body.home #subcontent #contentbloc .content .col {float: left; width: 370px; padding-left: 25px; clear:right;}
body.home #contentbloc ul .smallBlockquote{
list-style-type: none;
margin:0 0 0 0;
padding: 0 0 0 0;
float:left;
margin-left: 1px;
}
body.home #contentbloc .content #TableProducts {
width: 100%;
max-width: 100%;
}
body.home #contentbloc .content .boxMenu,
body.home #contentbloc .content .boxMenuSecondLine{
float: left;
margin-left: 8px;
width: 455px;
}
body.home #contentbloc .content .boxMenu{
height: 200px;
}
body.home #contentbloc .content .boxMenuSecondLine{
margin-top: 10px;
height: 190px;
}
body.home #contentbloc .content .boxMenuSmall1,
body.home #contentbloc .content .boxMenuSmall2,
body.home #contentbloc .content .boxMenuSmall3{
height: 100%;
width: 32%;
padding: 5px;
float: left;
}
body.home #contentbloc .content .containerMenuSmall3columns{
float: left;
/*border: 1px solid #CCCCCC; */
width: 100%;
/*padding: 10px;*/
margin: 12px;
height: 150px;
display: inline-block;
/*background-image: url(/images/home/products/backGroundSmallBoxes.png);*/
background-repeat: repeat;
}
body.home #contentbloc .content .barMenuProduct {
/*text-align: center;*/
margin-left: 8px;
position: relative;
background-image: url(/images/home/products/barMenu.png);
background-repeat: no-repeat;
height: 30px;
}
body.home #contentbloc .content .barSamllMenuProduct
{
/*text-align: center;*/
/*margin-left: -1px;
position: relative;
background-image: url(/images/home/products/barSmallMenu.png);
background-repeat: no-repeat;
height: 25px;*/
}
body.home #contentbloc .content .sectionTitleBarMenu,
body.home #contentbloc .content .sectionGetAQuote,
body.home #contentbloc .content .sectionTitleBigBarMenu
{
text-align: center;
float: left;
}
body.home #contentbloc .content .sectionTitleBigBarMenu{
width: 49%;
}
body.home #contentbloc .content .sectionTitleBarMenu
{
width: 42%;
}
body.home #contentbloc .content .sectionGetAQuote
{
width: 58%;
}
body.home #contentbloc .content .titleBarMenu {
/*text-align: center;*/
top: 6px;
color: white;
position: relative;
font-size: 14px;
font-weight: bold;
word-spacing:10px;
letter-spacing:1px;
text-shadow: black 1px 1px 2px;
}
body.home #contentbloc .content .titleSmallBarMenu {
/*text-align: center;*/
top: 6px;
color: white;
position: relative;
font-size: 13px;
font-weight: bold;
word-spacing:1px;
letter-spacing:0px;
text-shadow: black 1px 1px 2px;
}
body.home #contentbloc .content .titleBarMenu:hover,
body.home #contentbloc .content .titleSmallBarMenu:hover
{
color: #e11e25;
}
body.home #contentbloc .content .othersMenu {
text-align: center;
margin-top: 0px;
position: relative;
}
body.home #contentbloc .content #TextBoxProductsEquine{
position: absolute;
top: 80px;
left: 540px;
width: 200px;
}
body.home #contentbloc .content #TextBoxProductsLeisure{
position: relative;
left: 0px;
width: 150px;
}
body.home #contentbloc .content #TextBoxProductsBoat{
position: absolute;
left: 158px;
width: 150px;
}
body.home #contentbloc .content #TextBoxProductsPersonal{
position: absolute;
left: 474px;
width: 150px;
}
body.home #contentbloc .content #TextBoxProductsLife{
position: absolute;
left: 632px;
width: 150px;
}
body.home #contentbloc .content #TextBoxProductsWedding{
position: absolute;
top: 310px;
left: 540px;
width: 200px;
}
body.home #contentbloc .content #TextBoxProductsMotor{
position: absolute;
left: 316px;
width: 150px;
}
body.home #contentbloc .content #TextBoxProductsCaravan{
position: relative;
left: 0px;
width: 200px;
}
body.home #contentbloc .content #TextBoxProductsHome{
position: absolute;
left: 790px;
width: 150px;
}
body.home #contentbloc .content
.pictureBoxPets,
.pictureBoxEquines,
.pictureBoxCaravan,
.pictureBoxWedding,
.pictureBoxLeisure,
.pictureBoxColumn1,
.pictureBoxColumn2,
.pictureBoxColumn3
{
display: none;
}
body.home #contentbloc .content .pictureBoxDefault{
float: right;
}
body.home #contentbloc .content .pictureBoxColumn1,
body.home #contentbloc .content .pictureBoxColumn2,
body.home #contentbloc .content .pictureBoxColumn3{
position: absolute;
float: right;
}
body.home #contentbloc .content .pictureBoxColumn1 {
left: 230px;
top: 485px;
}
body.home #contentbloc .content .pictureBoxColumn2 {
left: 545px;
top: 485px;
}
body.home #contentbloc .content .pictureBoxColumn3 {
left: 855px;
top: 485px;
}
body.home #contentbloc .content .textcategory{
margin-left: 10px;
margin-bottom: 3px;
margin-top: 3px;
font-size: 11px;
}
body.home #contentbloc .content .areaDescriptionSubproduct{
display: none;
background-image:url("/javascript/menuBar/images/submenu-top.png");
background-position: center;
background-repeat:no-repeat;
padding-top:6px;
}
body.home #contentbloc .content .big1BoxDescriptionSubproduct{
/*margin-left: 10px; */
left: 240px;
}
body.home #contentbloc .content .big2BoxDescriptionSubproduct{
/*margin-left: 10px; */
left: 710px;
}
body.home #contentbloc .content .small1boxDescriptionSubproductLeft{
left: 200px;
/*IE 7*/
*left: 50px;
/*I6 7*/
_left: 50px;
}
body.home #contentbloc .content .small2boxDescriptionSubproductLeft{
left: 510px;
*left: 400px;
/*I6 7*/
_left: 400px;
}
body.home #contentbloc .content .small3boxDescriptionSubproductLeft{
left: 295px;
*left: 700px;
/*I6 7*/
_left: 700px;
}
body.home #contentbloc .content .big1BoxDescriptionSubproduct:hover{
z-index: 10000;
visibility: visible;
display: block;
}
body.home #contentbloc .content .big1BoxDescriptionSubproduct,
body.home #contentbloc .content .big2BoxDescriptionSubproduct,
body.home #contentbloc .content .small1boxDescriptionSubproductLeft,
body.home #contentbloc .content .small2boxDescriptionSubproductLeft,
body.home #contentbloc .content .small3boxDescriptionSubproductLeft{
margin-top: -40px;
position: absolute;
background-image:url("/javascript/menuBar/images/background-subproducts.png");
background-position:0 bottom;
background-repeat: repeat;
padding: 7px;
z-index: 100;
border: 3px;
border-style: solid;
width: 350px;
}
body.home #contentbloc .content
.optionSubProduct{
font-size: 13px;
color: white;
}
body.home #contentbloc .content .moreInformation:hover,
body.home #contentbloc .content .getAQuote:hover
{
background-color: #233b50;
background-repeat: repeat;
background-position: center;
}
body.home #contentbloc .content .leftSectionSubProduct{
float: left;
width: 66%;
}
body.home #contentbloc .content .rightSectionSubProduct{
float: right;
width: 33%;
text-align: right;
}
body.home #contentbloc .content .imageSubproduct{
text-align: center;
}
body.home #contentbloc .content .descriptionSubproduct,
body.home #contentbloc .content .descriptionSmallSubproduct
{
float: left;
margin-top: 5px;
margin-left: 3px;
color: black;
font-size: 13px;
letter-spacing: 0px;
}
body.home #contentbloc .content .descriptionSubproduct{
width: 100%;
font-size:10px;
}
body.home #contentbloc .content .moreInformation,
body.home #contentbloc .content .getAQuote{
background-color: #127a51;
background-repeat: repeat;
background-position: center;
font-weight: bold;
letter-spacing: 0px;
border-color: black;
border-width: 1px;
border-style: solid;
text-align: center;
}
body.home #contentbloc .content .moreInformation{
margin-left: 3px;
float: left;
width: 48%;
}
body.home #contentbloc .content .getAQuote{
margin-left: 15px;
margin-right: 3px;
float: right;
width: 36%;
}
body.home #contentbloc .content .moreInformationSmallSubproduct,
body.home #contentbloc .content .getQuoteSmallSubproduct
{
text-align: left;
width: 50%;
}
body.home #contentbloc .content .moreInformationSmallSubproduct,
body.home #contentbloc .content .getQuoteSmallSubproduct{
font-size: 10px;
}
body.home #contentbloc .content .moreInformationSmallSubproduct{
float: left;
/*color: #637c9e;*/
color: #e11e25;
}
body.home #contentbloc .content .getQuoteSmallSubproduct{
float: right;
color: #e11e25;
}
body.home #contentbloc .content .descriptionSmallSubproduct{
font-size:9px;
}
body.home #contentbloc .content #TextBoxProductsPets #textcategorypets{
margin-left: 15px;
}
body.home #contentbloc .content #TextBoxProductsCaravan #textcategorycaravan{
margin-left: 15px;
}
body.home #contentbloc .content #TextBoxProductsEquine #textcategoryequine{
margin-left: -25px;
}
body.home #contentbloc .content #TextBoxProductsWedding #textcategorywedding{
margin-left: -25px;
}
body.home #contentbloc .container {position: relative;}
body.home #contentbloc p {padding: 0 20px 10px 20px; text-align:left;}
body.home .off-screen {position: absolute; top: 0; left: -5000em;}
body.home #tab-caravan_div {min-height:350px !important;}
body.home #subcontent hr {
height: 1px;
color: #d1d2d1;
background-color: transparent;
border-top: 1px dashed #d1d2d1;
border-bottom: 1px dashed #d1d2d1;
width:95%;
}
body.home #subcontent a, body.home #subcontent a:link {
color:#004186;
text-decoration:none;
}
body.home #subcontent area.quote-button-bar-menu {
background:#004186 url(/images/contentbloc/button-quote.png) no-repeat scroll left top;
display:block;
float:left;
margin:0;
padding:0;
}
body.home #subcontent a.quote-button {
background:#004186 url(/images/contentbloc/button-quote-left.png) no-repeat scroll left top;
display:block;
float:left;
margin:0;
padding:0;
}
body.home #subcontent a.quote-button span {
background:#004186 url(/images/contentbloc/button-quote-right.png) no-repeat scroll right top;
color:#FFFFFF;
display:block;
font-size:1.5em;
font-weight:bold;
height:38px;
line-height:38px;
margin-left:6px;
padding-left:6px;
padding-right:36px;
}
body.home #contentbloc .content .tabfooter {
clear:both;
float:left;
width:100%;
}
/* CLEARING */
body.home #subcontent .clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body.home #subcontent .clear{display:inline-table;}
body.home #subcontent .clear, body.home #subcontent .caption {display: block;} /* end hide from IE-mac */
/* MISC */
body.home #subcontent sup,body.home #subcontent sub {
padding-left: .1em;
line-height: 1em;
font-size:10px;
}
body.home #info-caption {
margin:0 0 0 20px;
}
/* Promotional space next to js image slider - homepage */
body.home div#promotional {
float: right;
height:277px;
width:251px;
border:#cccccc solid 1px;
}
body.home div#promotional-banner-container > div {
float: right;
width:277px !important;
height:281px;
background-repeat: no-repeat;
}
div#blurb
{
float: right;
margin-right:1em;
height:90px;
width:251px;
border:#cccccc solid 1px;
}
div#blurb-container > div {
float: right;
width:251px !important;
height:90px;
background-repeat: no-repeat;
background-position: center center;
}
.bannerRightSideBar{
width: 14em;
}
.image-quote{
margin-bottom: 3px;
}
body.home #contentbloc .content #tab-pet_div .col2 {
float:right;
width:260px;
height:190px;
margin:30px 75px 0 0;
background: url(/images/contentbloc/pets.jpg) bottom right no-repeat;
clear:right;
z-index:50;
}
body.home #contentbloc .content #tab-equine_div .col2 {
float:right;
width:260px;
height:190px;
background: url(/images/contentbloc/horse.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-caravan_div .col2 {
float:right;
width:260px;
height:190px;
background: url(/images/contentbloc/caravan.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-wedding_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 70px 0 0;
background: url(/images/contentbloc/wedding.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-leisure_div .col2 {
float:right;
width:260px;
height:190px;
margin:50px 50px 0 0;
background: url(/images/contentbloc/leisure.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-marine_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 80px 0 0;
background: url(/images/contentbloc/marine.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-motor_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 80px 0 0;
background: url(/images/contentbloc/motor.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-household_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 40px 0 0;
background: url(/images/contentbloc/household.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-personal_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 80px 0 0;
background: url(/images/contentbloc/personal.jpg) bottom right no-repeat;
clear:right;
}
body.home #contentbloc .content #tab-life_div .col2 {
float:right;
width:260px;
height:190px;
margin:0 80px 0 0;
background: url(/images/contentbloc/life.jpg) bottom right no-repeat;
clear:right;
}
#moreProducts{
font-size: 18px;
font-weight: bold;
border-bottom-width: 1px;
border-bottom-color: #e11e25;
border-bottom-style: solid;
margin-top: 10px;
margin-left: 23px;
margin-right: 23px;
}
.blue{
color: #00428b;
}
.green{
color: #0e8141;
}
.red{
color: #e11e25;
}
.landingPage {
border:2px solid black;
width:500px;
margin:0 auto;
padding:5px;
margin-top:15px;
background-color:#FFFFFF;
}
.landingPage h2 {
color: #000066;
}
/* Cryptically named generic center class mainly for table TH's */
.gc
{
text-align:center;
vertical-align: middle;
}
.gc th
{
text-align:center;
vertical-align: middle;
}
.sm th
{
padding:4px;
margin:0;
}
The best what you can do - beside giving us the link, would be to fire a Chrome, Opera or Firefox and use one of the code debuggers. I recommend Opera's dragonfly, where hovering over the page element will show you the related css and - in that case - what it is.
ASKER
I have just sent you an email with a site link in it..
If a solution is find I will post it back here.
If a solution is find I will post it back here.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect. What a legend.