@import url(reset.css);

body
{
    font-family: verdana, arial, sans-serif;
    font-weight: normal;
    color: #333;
    background: #fff;
    font-size: 11px;
    text-align: center;
}

/* --- General Classes --- */

.clearer
{
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
}

.ir
{
    text-indent: -999em;
}

.divider
{
    height: 25px;
    background: url(../images/bg_divider.gif) repeat-x center left;
    clear: both;
}

p.fine-print
{
    font-size: 10px;
}

p.form-instructions
{
    font-weight: bold;
    padding-bottom: 10px;
}

#adobe-reader-box
{
    background-color: white; 
    border: 1px solid #1E6991; 
    padding: 4px;    
    float: left;
}

#coles-image-container
{
    text-align: center;
}

p#quote-text
{
    background: url(../images/bg_quote_index.gif) no-repeat;
    height: 23px;
    margin-top: 10px;
}

p#calliden-copy
{
    padding-top: 0 !important;
    margin-top: 0;
}

#logo-calliden-copy
{
    float: left;
    margin-right: 10px;
}

/* --- Headers --- */

h2#hd-about-us
{
    background-image: url(../images/hd_about_us.gif);
}

h2#hd-request-quote
{
    background-image: url(../images/hd_request_quote.gif);
}

h2#hd-cover-who
{
    background-image: url(../images/hd_cover_who.gif);
}

h2#hd-cover-what
{
    background-image: url(../images/hd_cover_what.gif);
}

h2#hd-contact
{
    background-image: url(../images/hd_contact.gif);
}

h2#hd-claims
{
    background-image: url(../images/hd_claims.gif);
}

h2#hd-apply-personal-accident
{
    background-image: url(../images/hd_apply_personal_accident.gif);
}

h2#hd-forms-downloads
{
    background-image: url(../images/hd_forms_downloads.gif);
}

h2#hd-thankyou
{
    background-image: url(../images/hd_thankyou.gif);
}

h2#hd-terms
{
    background-image: url(../images/hd_terms.gif);
}

h2#hd-privacy
{
    background-image: url(../images/hd_privacy.gif);
}

h2#hd-site-map
{
    background-image: url(../images/hd_site_map.gif);
}


/* --- Branding (Header) --- */

#branding
{
    overflow: visible;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom right; 
    background-color: #fff;
    background-image: url(../images/bg_branding.gif);
    height: 108px;
}

#branding h1 a
{
    display: block;
    background: url(../images/bg_logo_bluedog.gif) no-repeat;
    width: 140px;
    height: 69px;
    left: 22px;
    top: 15px;
    position: absolute;
}

#branding h3#tagline
{
    left: 360px;
    top: 26px;
    width: 337px;
    height: 28px;
    background: url(../images/bg_tagline.gif) no-repeat;
    position: absolute;
    
}

#content,
#branding,
#site-information,
#navigation
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#navigation,
#branding,
#site-information
{
    width: 960px;
}


#container-content
{
    background-color: #299DD8;
}

#content
{
    color: #fff;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 40px 13px 16px 13px;
    width: 934px;
    background-image: url(../images/bg_content.gif);
}

#content h2
{
    background-repeat: no-repeat;
    min-height: 30px;
    _height: 30px;
    margin-bottom: 4px;
}

#content p,
#content ul
{
    padding-top: 10px;
    line-height: 1.4em;
}

#content em
{
    font-style: italic;
}

#content a:link
{
    color: #fff;
}

#content a:visited
{
    color: #C2E1F0;
}

#content a:hover
{
    color: #fff;
}

#content a:active
{
    color: #fff;
}

#content ul li
{
    padding-left: 20px;
    background: url(../images/ic_bullet.gif) no-repeat 0px 5px;
    margin-bottom: 3px;
}


#content #copy
{
    width: 650px;
    padding-left: 12px;
    float: left;
}

#content #copy p
{
    margin: 6px 0;
}

#content #copy h3
{
    color: #000;
    font-weight: bold;
    padding-top: 14px;
}

#content #copy li p
{
    padding-top: 3px;
}

#content #promos
{
    float: left;
    padding-left: 36px;
    padding-top: 130px;
}


#content table 
{
    margin-top: 16px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 6px;
}

#content table td,
#content table th
{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 8px 16px;
    vertical-align: top;
}

#content thead th
{
    background: #70BEE5;
    color: #000;    
}

#content thead th span
{
    display: block;
    padding-top: 8px;
    font-size: 10px;
}

#content thead th.cover
{
    width: 180px;
}

#content td
{
    background-color: #9ED3ED;
    color: #036;
}

#content table td a:link
{
    color: #003366;
}

#content table tr.sub td.product
{
    padding-left: 40px;
    background-image: url(../images/ic_table_sub.gif); 
    background-repeat: no-repeat;
    background-position: 20px 12px;
}

#content table tr.sub td
{
    border-top-color: #B4DFF2;
}

#content table tr.new-group td
{
    border-top-width: 1px;
}

#content table td a:visited
{
    color: #205482;
}

#content table.contact th
{
    width: 50px;
    text-align: right;
}

#content p.compulsory-note
{
    font-size: 10px;
    padding-top: 0;
    padding-bottom: 10px;
}

#content form input.text,
#content form select,
#content form textarea
{
    margin: 0;
}

#content form input.radio
{
    margin-top: 3px;
}

#content form label,
#content form p.label,
#content form div.form-element
{
    float: left;
}

#content form p.label
{
    padding-top: 0;
    line-height: 12px;
}

#content form label,
#content form p.label
{
    display: block;
    clear: left;
    margin: 3px 0 0 0;
    padding-right: 5px;
    padding-bottom: 2px;
    width: 100px;
}

#content form label.block
{
    width: auto !important;
    padding-bottom: 4px;
}

#content form input.hint,
#content form textarea.hint
{
    color: #aaa;
}

#content form input.image
{
    margin-left: 100px;
}

#content form div.form-element-align
{
    padding-left: 100px;
}

#content form div.container-field
{
    clear: left;
    padding: 0 0 10px 0;
    _height: 1px;
}

#content form div.form-element label
{
    width: auto !important;
    text-align: left;
}

#content form .form-element input.radio,
#content form .form-element input.checkbox
{
    float: left;
}

#content form .form-element label.checkbox,
#content form .form-element label.radio
{
    clear: none;
    padding-left: 4px;
    line-height: 16px;
    padding-right: 20px;
}

#content label.culprit
{
    color: yellow;
}

#content ul#navigation-sub
{
    float: left;
    padding: 0;
    height: 26px;
    line-height: 26px;
    background: url(../images/bg_navigation_sub_lt.gif) #95CEEC no-repeat;    
    padding-left: 6px;
}

#content ul#navigation-sub li
{
    display: block;
    float: left;
    background: url(../images/bg_navigation_sub_item.gif) center right no-repeat;
    padding-left: 10px;
    padding-right: 10px;
}

#content ul#navigation-sub li.last
{
    background: url(../images/bg_navigation_sub_rt.gif) top right no-repeat;    
    padding-right: 16px;
}

#content ul#navigation-sub li a:link,
#content ul#navigation-sub li a:visited
{
    float: left;
    display: block;
    color: #000;
}

#content ul#navigation-sub li a.active,
#content ul#navigation-sub li a.active:link
{
    color: #1E6991 !important;
    cursor: default;
}

/* --- Main Navigation --- */

#navigation
{
    position: absolute;
    bottom: -34px;
}

#navigation li
{
    float: left;
    height: 52px;
    display: block;
}

#navigation li a
{
    display: block;
    height: 52px;
    background-position: 0 0;
    text-indent: -999em;
    cursor: pointer;
}

#navigation li a:hover,
#navigation li a.active
{
    background-position: 0 -52px;
}

#navigation li#navigation-home a
{
    background-image: url(../images/bg_navigation_home.gif);
    width: 92px;
}

#navigation li#navigation-about a
{
    background-image: url(../images/bg_navigation_about.gif);
    width: 86px;
}

#navigation li#navigation-cover-who a
{
    background-image: url(../images/bg_navigation_cover_who.gif);
    width: 117px;
}

#navigation li#navigation-cover-what a
{
    background-image: url(../images/bg_navigation_cover_what.gif);
    width: 121px;
}

#navigation li#navigation-contact a
{
    background-image: url(../images/bg_navigation_contact.gif);
    width: 94px;
}

#navigation li#navigation-quote a
{
    background-image: url(../images/bg_navigation_quote.gif);
    width: 128px;
}

#navigation li#navigation-claims a
{
    background-image: url(../images/bg_navigation_claims.gif);
    width: 118px;
}



/* --- Navigation Active Styles --- */

body#about li#navigation-about a,
body#quote li#navigation-quote a,
body#cover-who li#navigation-cover-who a,
body#cover-what li#navigation-cover-what a,
body#contact li#navigation-contact a,
body#claims li#navigation-claims a
{
    background-position:0 -52px;
}

/* --- Promo, Tout, and Feature boxes --- */

#content .tout a
{
    color: #333;
}

#content .feature a
{
    color: #fff;
}

.tout,
.tout-special,
.promo
{
    color: #333;
}

.tout-special
{
    width: 350px;
}

.tout-special-tp
{
    background: url(../images/bg_tout_special_tp.png) no-repeat;
    height: 50px; 
}

.tout-special-tp h3
{
    height: 50px;
    background-position: center 12px;
    background-repeat: no-repeat;
}

.tout-special .content
{
    padding: 0px 26px;
    background: url(../images/bg_tout_special.png) repeat-y;
}

.tout-special-bt
{
    height: 37px;
    background: url(../images/bg_tout_special_bt.png) no-repeat;
}


.tout
{
    width: 350px;
}

.tout-tp
{
    background: url(../images/bg_tout_tp.png) no-repeat;
    height: 40px; 
}

.tout-tp h3
{
    background-repeat: no-repeat;
    height: 40px;
    background-position: 26px 13px   
}

.tout .content
{
    padding: 0px 26px;
    background: url(../images/bg_tout.png) repeat-y;
}

.tout-bt
{
    height: 36px;
    background: url(../images/bg_tout_bt.png) no-repeat;
}


.promo
{
    width: 223px;
}

.promo-tp
{
    background: url(../images/bg_promo_tp.png) no-repeat;
    height: 40px; 
}

.promo-long-tp
{
    background-image: url(../images/bg_promo_long_tp.png);
    height: 60px;
}

.promo-tp h3
{
    height: 40px;
    background-repeat: no-repeat;
    background-position: 26px 16px;
}

.promo .content
{
    padding: 0px 34px 0px 26px;
    background: url(../images/bg_promo.png) repeat-y;
}

.promo-bt
{
    height: 40px;
    background: url(../images/bg_promo_bt.png) no-repeat;
}

.promo-bt-apply-now
{
    background-image: url(../images/bg_promo_bt_apply_now.png);
    margin-bottom: 10px;
    width: 223px;
}

.promo-bt-apply-now a
{
    width: 96px;
    height: 40px;
    display: block;
    margin-left: 95px;
    position: relative;
}

.feature
{
    width: 223px;
}

.feature-tp
{
    background: url(../images/bg_feature_tp.png) no-repeat;
    height: 40px; 
}

.feature-tp h3
{
    height: 40px;
    background-repeat: no-repeat;
    background-position: 26px 13px;
}

.feature .content
{
    padding: 0px 26px;
    background: url(../images/bg_feature.png) repeat-y;
}

.feature-bt
{
    height: 34px;
    background: url(../images/bg_feature_bt.png) no-repeat;
}

#quick-links h3
{
    background-image: url(../images/hd_quick_links.gif);
}

#quick-links ul li
{
    padding: 0 0 6px 14px;
    background: url(../images/ic_quick_link.gif) no-repeat 0px 5px;
    margin: 0;
}

#content .promo ul.links li
{
    padding: 0 0 6px 14px;
    background: url(../images/ic_promo_link.gif) no-repeat 0px 5px;
    margin: 0;
}

#content .promo a:link,
#content .promo a:visited
{
    color: #10384E;
}

#content .promo a:active,
#content .promo a:hover
{
    color: #000;
}

#content .content ul li
{
    margin: 0;
}

/* --- Promo Headers --- */

#promo-why-insure h3
{
    background-image: url(../images/hd_why_insure.gif);
}

#promo-media-coverage h3
{
    background-image: url(../images/hd_media_coverage.gif);
}

#promo-coles-myer h3
{
    height: 64px !important;
    background-image: url(../images/hd_coles_myer.gif);
}

/* --- Site Information (Footer) --- */

#site-information 
{
    height: 75px;
    position: relative;
}

#site-information,
#site-information a,
#site-information p
{
    color: #299DD8;
    font-size: 10px;
}

#site-information ul#navigation-supp
{
    position: absolute;
    top: 30px;
    left: 100px;
}

#site-information ul#navigation-supp li
{
    border-right: 1px solid #299DD8;
    padding-right: 8px;
    padding-left: 8px;
    float: left;
}

#site-information p#copyright
{
    position: absolute;
    top: 20px;
    left: 475px;
    width: 235px;
}

#site-information ul#navigation-supp li.last
{
    border-right: none;
    padding-right: 10px;
}

#site-information #logo-calliden a
{
    width: 100px;
    height: 84px;
    background: url(../images/bg_logo_calliden.gif) no-repeat;
    position: absolute;
    left: 20px;
    top: -19px;
}

#site-information #logo-bluedog-2
{
    width: 150px;
    height: 68px;
    background: url(../images/bg_logo_bluedog_2.gif) no-repeat;
    position: absolute;
    left: 776px;
    top: -19px;
}