﻿div#msfgContainer { width: 960px; margin-top: 15px; }
#footer_pnlFooter, #footer_msfgNavigationbarFooter { margin-left: 10px; }
#divSiteLogo, #navigationbar { padding: 0px 10px; margin-top: 0px; }
#divSiteLogo { margin-bottom: 6px; }

#banner_lnkSiteLogo { display: block; }


h1 { border-bottom: none; font-size: 28px; }
h2 { color: #D61303; font-size: 18px; }
h3 { color:#333333; font-size:14px; }
a { color: #0A8BDE; }


/** Home Page **/

body.motorbike-homepage {
    background: url("../img/bg/home-bg-stripe.gif") repeat-x scroll 0 216px transparent
}

div#home-banner {
    float:left;
    min-height:310px;
    padding:0 0 0 30px;
    width:680px;
}

div#home-main-holder {
    background:url("../img/bg/home-main.jpg") no-repeat scroll 0 0 transparent;
    min-height:300px;
    overflow:hidden;
}

div#home-main-holder #home-banner #banner-content h1 {
    border:0 none;
    color:#333333;
    font-size:17px;
    margin:20px 0 5px;
    padding:0;
    margin-bottom:0;
    text-transform:uppercase;
}

div#home-main-holder #home-banner #banner-content h2 {
    color:#D61303;
    font-size:35px;
    line-height:1.1;
    margin: 0px 0px 5px 0px;
    padding:0;
    text-transform:uppercase;
    padding-bottom:15px;
}

div#home-main-holder #home-banner #banner-content p {
    width: 400px;
}

div#home-main-holder #home-banner p {
    color:#333333;
    font-size:12px;
    font-weight:bold;
    margin:16px 0;
}

#provider-list {
    border-bottom:2px solid #EFEFEF;
    border-top:2px solid #EFEFEF;
    clear:both;
    margin:10px 0 20px 10px;
    width:940px;
}

#provider-list p {
    color:#444444;
    font-size:14px;
    font-weight:bold;
    margin:15px 0 20px;
    text-align:center;
}

#provider-list ul {
    list-style-type:none;
    margin:0;
    overflow:hidden;
    padding:0 10px 15px;
}

ul {
    margin-left:2em;
    padding-left:0;
}

#provider-list li {
    float:left;
    margin-right:10px;
}

#provider-list li.last {
    margin-right: 0px;
}


div.vertical-tab-widget  {
    background:url("../img/bg/tab-content-box.gif") repeat-y scroll 0 0 transparent;
    margin-left:8px;
    margin-top:15px;
    overflow:hidden;
    float: left;
	width: 700px;
}

div.vertical-tab-widget-top  {
    background:url("../img/bg/tab-content-box.gif") no-repeat scroll -1880px 0 transparent;
    height:8px;
	clear: both;
}

div.vertical-tab-widget-bottom  {
    background:url("../img/bg/tab-content-box.gif") no-repeat scroll -940px 0 transparent;
    clear:both;
    height:8px;
}

div.vertical-tab-widget ul {
    list-style-type:none;
}

div.vertical-tab-widget ul li {
    margin-bottom: 1px;
}

div.vertical-tab-widget ul.vertical-tabs li a {
    background:url("../img/bg/vertical-nav.gif") no-repeat scroll 0 0 transparent;
    color:#444444;
    display:block;
    font-weight:bold;
    height:28px;
    padding:10px 12px 12px 9px;
    text-decoration:none;
}

div.vertical-tab-widget ul.vertical-tabs li a:hover, div.vertical-tab-widget ul.vertical-tabs li a:focus, div.vertical-tab-widget ul.vertical-tabs li.current a  {
    background-position:-177px 0;
    color:#FFFFFF;
}

div.vertical-tab-widget ul.vertical-tabs {
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
    padding:0;
    width:177px;
}

div#moreoptions ul.teaser-list {
	margin-top: 15px;	
}

div#moreoptions ul.teaser-list li div p {
	margin: 0;
}

div.tab-content-holder {
    float:left;
    margin-bottom:10px;
    padding:0 20px 0 11px;
    width:492px;
}

div.tab-content-holder p {
	margin: 0px 0px 5px 0px;	
}

div.tab-content-holder .tab-content {
    display:none;
}

div.tab-content-holder div.current {
    display:block;
}

div.vertical-tab-widget ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.teaser-list li {
    float:left;
    margin-bottom:15px;
    overflow:hidden;
    width:240px;
}

div.tab-content ul.user-defined-list {
    clear:left;
}

ul.teaser-list div {
    float:right;
    padding-right:5px;
    width:160px;
}

ul.teaser-list h3 {
    margin:4px 0 3px;
}

ul.teaser-list h3 a {
    font-size:12px;
    color:#333333;
    text-decoration:none;
}

div#guides ul.teaser-list 
{
	margin-top: 15px;
}

div.exclusives {
    float: left;
    width: 220px;
    margin-top: 15px;
    margin-left: 20px;
    background: url("../img/bg/exclusives-box.gif") repeat-y scroll -160px 0 transparent; /** TODO **/
}

div.exclusives-top {
    background:url("../img/bg/exclusives-box.gif") no-repeat scroll -2040px 0 transparent; /** TODO **/
    clear:both;
    height:8px;
}

div.exclusives-content 
{
	padding-top: 15px;
    padding-left: 5px;
}

div.exclusives-content ul.user-defined-list {
	margin: 0px;	
}

div.exclusives-content h2 {
	margin: 0;
}

div.exclusives-content ul.user-defined-list li {
    padding: 0px;
    background: none;
    border: none;
    overflow: hidden;
}

div.exclusives-content ul.user-defined-list div {
    float: right;
    width: 115px;
}

div.exclusives-content ul.user-defined-list div h3 {
    margin: 0px;
    font-size:12px;
}

div.exclusives-content ul.user-defined-list div p {
    margin: 0px 0px 10px 0px;
}

div.exclusives-content .link-list-fragment {
	margin-top: 0px;
    margin-right: 5px;
}

div.exclusives-bottom {
    background:url("../img/bg/exclusives-box.gif") no-repeat scroll -1100px 0 transparent; /** TODO **/
    clear:both;
    height:8px;
}

div#manufacturer-holder {
	margin-top: 15px;	
}

/** Generic SEO pages **/
#breadcrumb {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 10px;
}

#breadcrumb li { 
	display: inline;
}

#breadcrumb li a{color:#0A8BDE;}

/** Insurance Companies Page **/
#alpha-bar {
    margin: 20px 30px 0 30px ;
	padding: 0;
	overflow: hidden;
	width: 660px;
}

	#alpha-bar li {
		float: left;
		width: 30px;
		height: 30px;
		list-style-type:none;
		margin:0 5px 5px 0;
		padding: 0;
		background: url('../img/bg/az-sprite.jpg') no-repeat;
	}
	
	
	#alpha-bar a {
		display:block;
		height: 30px;
		text-indent: -1000em;
	}

	li#b-holder{background-position: -35px 0; }
	li#c-holder{background-position: -70px 0; }
	li#d-holder{background-position: -105px 0; }
	li#e-holder{background-position: -140px 0; }
	li#f-holder{background-position: -175px 0; }
	li#g-holder{background-position: -210px 0; }
	li#h-holder{background-position: -245px 0; }
	li#i-holder{background-position: -280px 0; }
	li#j-holder{background-position: -315px 0; }
	li#k-holder{background-position: -350px 0; }
	li#l-holder{background-position: -385px 0; }
	li#m-holder{background-position: -420px 0; }
	li#n-holder{background-position: -455px 0; }
	li#o-holder{background-position: -490px 0; }
	li#p-holder{background-position: -525px 0; }
	li#q-holder{background-position: -560px 0; }
	li#r-holder{background-position: -595px 0; }
	li#s-holder{background-position: -630px 0; margin-right: 0; }
	li#t-holder{background-position: -665px 0; clear: left; margin-left: 175px;}
	li#u-holder{background-position: -700px 0; }
	li#v-holder{background-position: -735px 0; }
	li#w-holder{background-position: -770px 0; }
	li#x-holder{background-position: -805px 0; }
	li#y-holder{background-position: -840px 0; }
	li#z-holder{background-position: -875px 0; }
	li#number-holder {background-position: -420px -80px; width: 65px;}
	
	li#a-holder.disabled{background-position: 0 -40px; }
	li#b-holder.disabled{background-position: -35px -40px; }
	li#c-holder.disabled{background-position: -70px -40px; }
	li#d-holder.disabled{background-position: -105px -40px; }
	li#e-holder.disabled{background-position: -140px -40px; }
	li#f-holder.disabled{background-position: -175px -40px; }
	li#g-holder.disabled{background-position: -210px -40px; }
	li#h-holder.disabled{background-position: -245px -40px; }
	li#i-holder.disabled{background-position: -280px -40px; }
	li#j-holder.disabled{background-position: -315px -40px; }
	li#k-holder.disabled{background-position: -350px -40px; }
	li#l-holder.disabled{background-position: -385px -40px; }
	li#m-holder.disabled{background-position: -420px -40px; }
	li#n-holder.disabled{background-position: -455px -40px; }
	li#o-holder.disabled{background-position: -490px -40px; }
	li#p-holder.disabled{background-position: -525px -40px; }
	li#q-holder.disabled{background-position: -560px -40px; }
	li#r-holder.disabled{background-position: -595px -40px; }
	li#s-holder.disabled{background-position: -630px -40px; }
	li#t-holder.disabled{background-position: -665px -40px; }
	li#u-holder.disabled{background-position: -700px -40px; }
	li#v-holder.disabled{background-position: -735px -40px; }
	li#w-holder.disabled{background-position: -770px -40px; }
	li#x-holder.disabled{background-position: -805px -40px; } 
	li#y-holder.disabled{background-position: -840px -40px; }
	li#z-holder.disabled{background-position: -875px -40px; }
	li#number-holder.disabled {background-position: -420px -120px; width: 65px;}


div.multi-panel-three-quarters {
    background:url(/car-insurance/img/bg/form-multi-panel-three-quarters.png) repeat-y scroll -2160px 0;
    width: 720px;
    float: left;
}

    div.multi-panel-three-quarters h1 {
        background:url(/car-insurance/img/bg/form-multi-panel-three-quarters.png) no-repeat -720px 0;
        margin: 0;
        padding: 20px 20px 0 20px;
        color: #d61303;
        font-size: 22px;
    }
    
    div.multi-panel-three-quarters p {
        margin: 10px 20px;
   } 
   
div.multi-panel-three-quarters-footer {
        background:url("/car-insurance/img/bg/form-multi-panel-three-quarters.png") no-repeat scroll -2880px bottom transparent;
        clear:both;
        height:15px;
        margin-top:0;
    }

div.msfg-page-10-guides div.multi-panel-three-quarters, div.msfg-page-10-guides div.multi-panel-three-quarters h1, div.msfg-page-10-guides div.multi-panel-three-quarters-footer {
	background: none;
}

#car-insurers, #car-insurers ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


#car-insurers {
    border: 1px solid #ededed;
    -moz-border-radius:5px; -webkit-border-radius:5px;
    background: #fff;
    margin: 10px 20px;
    padding: 6px 13px;
    overflow: hidden;  
}

#car-insurers li, #car-manufacturers li {
    clear: right;
    list-style-type: none;
    margin: 0;
    padding: 0; 
}

    #car-insurers li h2, #car-manufacturers li h2 {
        clear: left;
        color: #444;
        margin: 0; 
        padding: 10px 0px 0px 0px;
        font-size: 22px;
        border-bottom: 1px solid #E3E3E3;
    }

#car-insurers li li {
    float:left; 
    clear: right;
    width: 112px;
    margin: 10px 10px 0 10px;
    text-align: center;
    padding: 0;
    font-weight: bold;
}

    #car-insurers li.row-start {
        margin-left: 0;
        clear: left;
    }
    
    #car-insurers li.row-end {
        margin-right: 0;
    }

    #car-insurers li li a {
        display: block;
        border: 1px solid #fff;
        background: #fff;
        color: #000;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        padding: 5px;
    }  
    
    #car-insurers li li a:hover, #car-insurers li li a:focus {
        border-color: #e6e6e6;
    }

        #car-insurers li a img {
            display: block;
            margin: 4px auto 8px auto;
        }

/* Back to top */
a.back-to-top {
    float: right;
    font-size: 12px;
    margin-top: -20px;
}


/** Manufacturers **/
#car-manufacturers {
    border: 1px solid #ededed;
    -moz-border-radius:5px; -webkit-border-radius:5px;
    background: #fff;
    margin: 10px 20px;
    padding: 6px 13px 36px 13px;
}

#car-manufacturers ul {
    margin: 0;
    padding: 0;
}

#car-manufacturers ul.alpha-category {
    
}

/**** Manufacturer Holder ****
A bit class heavy in the HTML but easier to maintain long term: Rick Huby
**/
#car-manufacturers ul.alpha-category li {
    margin: 0;
    padding: 5px 0 0 31px;
    background: url('../img/bg/bike-company-arrow.png') no-repeat 0 8px;
}

#car-manufacturers ul.alpha-category li a {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    text-transform:uppercase;
}
    
    #car-manufacturers ul.alpha-category li.odd {
        float: left;
        clear: right;
        width: 295px;
    }
    
    #car-manufacturers ul.alpha-category li.even {
        float: left;
        clear: right;
        width: 295px;  /* 295 */
    }
    
    #car-manufacturers ul.alpha-category li.spacer {
        clear: left;
        background: #fff;
        width: 652px;
        height: 10px;
        font-size: 0;
        line-height: 0;
        padding: 0;
    }

    /** Models **/
    #car-manufacturers ul.alpha-category li ul {
    }
    
    
    #car-manufacturers ul.alpha-category li li {
        display: inline;
        margin: 0;
        padding: 0 2px 0 0;
        background: none;
    }   

    #car-manufacturers ul.alpha-category li li a {
        font-size: 12px;
        font-weight: normal;
        text-transform:none;
    }


/** Quote form **/

.get-new-quote-quarter {
    background: url('../img/bg/get-quote-panel.jpg') no-repeat;
    margin-top: 7px;
}

.get-new-quote-quarter p.get-new-quote-text {
    float:left;
    font-size: 26px;
    font-weight: bold;
    color: #8fc634;
    padding: 0px 15px 0px 15px;
    margin-top: 12px;
    margin-bottom: 18px;
    line-height: 1;
} 

.get-new-quote-quarter a {
    display: block;
}

.get-new-quote-quarter img {
    margin: 0px 5px 11px 8px;
    padding-bottom: 10px;
}

.get-new-quote-half img {
    margin-top: 10px;
}


/* Layout Fragments */
div.layout-row { margin: 10px auto 0 auto; width: 960px; }
div.layout-fragment { display:inline; float:left; }
div.third-width { width:320px; }
div.two-thirds-width { width:640px; }
div.quarter-width { float: left; width: 220px; padding-left:10px; margin-right:10px; }
div.half-width { width: 460px; margin-right:10px; }
div.three-quarter-width { width: 700px; }
div.full-width { width: 940px; }

/* Content Fragments */
div.fragment-fullwidth { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; }
div.fragment-fullwidth h3 { margin-left: 10px; margin-left: 10px;}
/*div.fragment-spaced { margin: 10px; padding-bottom: 10px; border-bottom: 1px solid #E3E3E3; }*/
div.fragment-spaced { margin: 10px; border-style:none; }

div.text-fragment { margin:0px; border-style:none; }

/* Model List */
ul.model-list { width: 43%; list-style-type: none; margin: 0 0 0 10px; padding: 0;}
ul.left {float: left;}
ul.right {float: right;}
ul.model-list li {font-size: 12px;margin-bottom: 5px; color: #0A8BDE;}
ul.model-list li a {/*text-decoration: underline;*/ margin-left: 5px; color: #0A8BDE;}

div.link-list-fragment { margin: 10px; margin-left:0px;}
div.link-list-fragment h3 { margin-left: 10px; margin-left: 10px;}

/* Manufacturer Page */

div.entity-link-list-fragment  { clear:both; height:100px;}
div.entity-link-list-fragment strong { font-size: 22px; float:left; margin-top:10px;}
div.entity-link-list-fragment  { border-style:none;}

div.entity-link-fragment { height: 50px; float: left; width: 19%; text-align:center;}
div.entity-link-fragment  { border-style:none;}
div.entity-link-fragment a { text-decoration:none;}

/* Guides Home Page*/

ul.user-defined-list li { background:url("../img/icons/menu-sub-bullet.png") no-repeat scroll 15px 12px transparent; list-style-type:none; }
div.guides-header-fragment { float:left; border-style:solid; border-width:1px; margin-top:10px;}
div.guides-header-fragment { margin-right:10px;}
div.guides-header-fragment { background-image:url('../img/bg/home-main.jpg')}
div.guides-header-fragment-text { width: 30%; float:right; margin:10px; border-style:solid; border-width:1px; padding:5px;}

div.combined-link-fragment-left { float:left; width:30%;}
div.combined-link-fragment-right { float:right; width:70%;}



/* Manufacturer Menu */
ul#atoz {margin: 0; padding: 0;}
ul#atoz li {background: url("../img/icons/bullet.png") 8px 8px no-repeat;}
ul#atoz li a{color:#000; text-decoration: none; font-size: 12px;}
ul#atoz li.expander {list-style-type: none; padding: 4px 0 4px 0; border-bottom: 1px solid #eee; width: 200px;}
ul#atoz li.open { background-position: 8px -26px; }

ul#atoz li.expander a {padding: 3px 0 3px 26px; display:block;}


ul#atoz li.expander ul.submenu {display:none; margin: 0; padding: 0;}
ul#atoz li.expander ul li {padding: 0 0 0 26px; background-image: none; list-style-image: none; list-style-type: none; color: #0A8BDE;}
ul#atoz li.expander ul li.current {background: url("../img/icons/current.png") repeat-x;}

ul#atoz li.expander ul li a {
    background: url('../img/icons/menu-sub-bullet.png') left center no-repeat; 
    padding: 6px 0 6px 18px; 
    display: block;
    color: #0A8BDE;
}

ul#atoz li.expander ul li.current a {color: #0A8BDE; font-weight: bold;}



/* Car Manufacturer Page */
div.get-new-quote-half {width: 100%; height: 70px; background: #fff url(../img/bg/call-to-action-bk.png) center center no-repeat; margin-bottom: 15px;}
div.get-new-quote-half h3 {
    float: left;
    width: 200px; 
    margin-left: 15px; 
    margin-top: 10px; 
    color: #8FC533; 
    font-size: 20px;
    font-weight: bold;
}

div.get-new-quote-half a { display: block; float: right; width: 177px; margin-right: 10px;}
div.get-new-quote-half img { float: right; margin-top: 13px; }
div.half-width h1 {color: #D41804; margin-top: 0;}
div.quarter-width h2 {font-size:18px; background:#daeefa url('../img/bg/sidebar-heading.gif') repeat-x; color:#0a8bde; border:1px solid #daeefa; margin:0; padding:5px 10px; -webkit-border-radius:5px; -moz-border-radius:5px;}
div.half-width p { line-height: 18px; }

div.half-width ul.user-defined-list  li  span {padding-left: 15px; font-weight: bold; font-size: 17px; color:#0A8BDE; }
div.half-width ul.user-defined-list  li a {font-size:12px; text-decoration: underline;}
div.half-width ul.user-defined-list  li{border-bottom: none; width: 400px; }
div.half-width ul.user-defined-list {margin: 0px;}
img.manufacturer-logo {float: left; margin: 0 10px 0px 0;}

/* Car Insurance Guides Page */
div.child-page-list {margin-left:20px;}
div.combined-link-fragment {width: 45%; float: left; margin: 10px 10px 0px 0px;}
div.combined-link-fragment dl {margin: 0 20px 0 0;}
div.combined-link-fragment dl dt {position:relative; margin: 0 0 5px 74px; font-size: 13px; font-weight: bold;}
div.combined-link-fragment dl dt img{position: absolute; left: -74px;}
div.combined-link-fragment dl dd {margin: 0 0 10px 74px; font-size: 12px; }
div.combined-link-fragment dl dd span {display:block; margin-top:5px; color:#0A8BDE;}
span.reddot{color:#ff0000!important;font-size:11px!important;font-weight:normal!important;}

/* User defined lists */
ul#resource-list, ul.user-defined-list {margin: 0 0 25px 0;}

/* Guides page */
div.combined-link-fragment dl ul.user-defined-list {margin-bottom:15px;}
div.combined-link-fragment dl ul.user-defined-list li {padding-left: 15px; background-position: 0 12px;}

/* User defined lists - quarter-width */
ul#resource-list li {background: url('../img/icons/contact.png') no-repeat;}
ul#resource-list li.contact {background-position:8px 6px;}
ul#resource-list li.print {background-position:8px -93px;}

ul.user-defined-list li { border-bottom: 1px solid #eee; padding-left: 35px; } 
ul.user-defined-list li a { display: block; line-height: 18px; padding: 6px 0px; text-decoration: none; }

/* headings in pages */
div.half-width h2 {font-size:16px; border:0; margin-bottom: 0; padding:0;}
