﻿/* Notes: This stylesheet is only used on the 'master.master' and NEVER used directly from any other HTML page */


/* Import */
@import url(/stylesheets/reset.css);
@import url(/stylesheets/breadcrumb.css);
@import url(/stylesheets/photos.css);
@import url(/stylesheets/bodyContent.css);


/* IE6 PNG Fix */
img, div, a { behavior: url(/stylesheets/iepngfix.htc) }


/* Styles */
body
{
    color: #000;
    background-color: #06652B;
    font-family: Arial, Sans-Serif;
}

html,
body,
form
{
    height: 100%;
}



/* Element Styles */
a
{
    
}
/* End: Element Styles */



/* Screen Setup */
#bodyWrapper,
#footWrapper
{
    display: block;
    width: 990px; /* Original: 1002px */
    padding: 0px 6px;
    margin: 0px auto;
    background-image: url(/images/backgrounds/outer-shadow.gif);
    background-repeat: repeat-y;
    clear: both;
}

/* IE 6 will ignore below */
* > #bodyWrapper,
* > #footWrapper
{
    display: block;
    width: 990px; /* Original: 1002px */
    height: auto;
    padding: 0px 6px;
    margin: 0px auto;
    background-image: url(/images/backgrounds/outer-shadow.gif);
    background-repeat: repeat-y;
    clear: both;
}

#bodyWrapper
{
    background-color: #fff;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -150px;/**/
    padding-bottom: 0px;
}

/*#bodyBack
{
    background-image: url(/images/backgrounds/shield.jpg);
    background-repeat: no-repeat;
    background-position: 450px 180px;
    height: 100%;
}*/


#bodyContainer
{
    margin: 0px;
}

* > #bodyContainer /* IE 6 will ignore */
{
    margin-right: 28px;
    /*background-image: url(/images/backgrounds/shield.jpg);
    background-repeat: no-repeat;
    background-position: 450px 180px;
	height: 640px;*/
}




#head
{
    background-image: url(/images/backgrounds/head-background.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    width: 990px;
    height: 155px;
}

#headShadow
{
    display: block;
    position: absolute;
    top: 148px;
    width: 990px;
    height: 7px;
    background-image: url(/images/backgrounds/head-shadow.gif);
    background-repeat: repeat-x;
}

#canaryInsurance
{
    position: absolute;
    top: 15px;
    left: 120px;
}

#strapLine
{
    position: absolute;
    top: 69px;
    left: 140px;
    color: #000;
    background-color: inherit;
    font-family: Trebuchet MS, Sans-Serif;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: -0.02em;
}

#sponsors
{
    position: absolute;
    top: 13px;
    right: 25px;
    background-image: url(/images/decoration/logos/sponsors.png);
    display: block;
    width: 155px; /* Original: 165px */
    height: 116px; /* Original: 122px */
    padding: 6px 5px 0px 5px;    
    text-align: center;
    font-size: 0.65em;
    font-weight: normal;
    color: #707070;
    background-color: inherit;
}

#starBadge
{
    position: absolute;
    top: 30px;
    right: 170px;
    z-index: 10;
}

/* Navigation */
#navigation
{
    float: left;
    width: 240px;
    margin-bottom: 20px;
}

#navigation ul
{
    display: block;
    width: 240px;
    height: 330px;
    overflow: hidden;
    margin: 0px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    font-size: 0.90em;
    letter-spacing: -0.03em;
}

#navigation ul li
{
    background-image: url(/images/backgrounds/navigation-divide.gif);
    background-repeat: no-repeat;
    background-position: 0px 32px;
    padding: 9px 0px 17px 10px;
    margin-left: 4px;
}

#navigation ul li a
{
    color: #a00;
    background-color: inherit;
    text-decoration: none;
    padding: 7px 0px 7px 7px;
}



#navigation ul li a.homePage
{
    border-left: 13px solid #ebe306;
}

#navigation ul li a.partnership
{
    border-left: 13px solid #ebe306;
}

#navigation ul li a.motorInsurance
{
    border-left: 13px solid #ebe306; /*#B13363*/
}

#navigation ul li a.homeInsurance
{
    border-left: 13px solid #ebe306; /*#9E33B1*/
}

#navigation ul li a.businessInsurance
{
    border-left: 13px solid #ebe306; /*#3375B1*/
}

#navigation ul li a.contactUs
{
    border-left: 13px solid #ebe306;
}

#navigation ul li a.monthlyPrizeDraw
{
    border-left: 13px solid #ebe306;
}

#navigation ul li a.greatGoals
{
    border-left: 13px solid #CA0808;
    background-image: url(/images/decoration/logos/you-tube.gif);
    background-repeat: no-repeat;
    background-position: right 0px;
    padding-right: 75px;
}

#navigation ul li a.ncfc
{
    border-left: 13px solid #ebe306;
}

#navigation ul li a:hover
{
    text-decoration: underline;
    border-left: 13px solid #06652b;
}

#navigationContact,
#claimsContact
{
    color: #05652B;
    background-color: inherit;
    font-family: Arial, Sans-Serif;
    margin-left: 15px;
    margin-top: 10px;
}

#claimsContact
{
    color: #999;
    margin-top: 20px;
}

#navigationContact span,
#claimsContact span
{
    display: block;
}

#navigationContact span.l1,
#claimsContact span.l1
{
    font-size: 0.95em;
    font-weight: bold;
    line-height: 0.5em;
}

#navigationContact span.l2,
#claimsContact span.l2
{
    font-size: 2.00em;
    font-weight: bold;
}

#navigationContact span.openHours,
#claimsContact span.openHours
{
    color: #646464;
    background-color: inherit;
    font-size: 0.70em;
    text-align: center;
}
/* End: Navigation */

/* Prize Draw Winner */
#prizeDrawWinner
{
    padding: 7px;
    background-color: #ececec;
    font-family: Arial, Sans-Serif;
    margin: 15px 0px 0px 7px;
}

#prizeDrawWinner p.title
{
    font-weight: bold;
    font-size: 0.90em;
    letter-spacing: -0.03em;
    color: #06652b;
    background-color: inherit;
}

#prizeDrawWinner p.body
{
    margin-top: 3px;
    font-size: 0.70em;
}

#prizeDrawWinner a
{
    color: #06652b;
    background-color: inherit;
    text-decoration: underline;
}

#prizeDrawWinner div.image
{
    text-align: center;
    margin-top: 7px;
}
/* End: Prize Draw Winner */

#pushDown
{
    height: 130px;
}
    
#footWrapper
{
    /**padding-top: 20px;  IE7 Hack */
}

#footShadow
{
    background-image: url(/images/backgrounds/outer-foot-shadow.gif);
    display: block;
    height: 10px;
    width: 990px;
    margin: 0px auto;
}


#footContainer
{
    display: block;
    height: 130px; /* Original: 150px */
    background-color: #585858;
    padding-top: 10px;
    background-image: url(/images/backgrounds/foot-background.gif);
    background-repeat: no-repeat;
    padding: 20px 20px 0px 20px;
    font-size: 0.65em;
    font-family: Arial, Sans-Serif;
    color: #fff;
}

#footContainer ul
{
    line-height: 1.6;
    list-style-type: square;
    list-style-position: inside;
    margin-right: 40px;
    width: 202px;
    height: 87px;
    float: left;
    padding-right: 0px;
    margin-bottom: 10px;
}


#footContainer ul.last
{
    margin-right: 0px;
}

#footContainer ul a
{
    color: #fff;
    background-color: inherit;
    text-decoration: none;
}

#footContainer ul a:hover
{
    text-decoration: underline;
    color: #dd0;
    background-color: inherit;
}

#footContainer ul li.gap
{
    padding-top: 16px;
}

#footContainer ul li.addThis
{
    padding-top: 32px;
    margin-left: 0px;
    list-style-type: none;
}

#footContainer p.smallPrint
{
    clear: both;
    line-height: 1.20em;
    margin-top: -20px;
}

#footContainer p.smallPrint a
{
    color: #fff;
    background-color: inherit;
}

#footContainer p.smallPrint a:hover
{
    color: #dd0;
    background-color: inherit;
}

/* End: Screen Setup */


