body
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 12px;
    line-height: 18px;
    color: #f0f0f0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #2f2f2f;
}
h1
{
    font-size: 14px;
    font-weight: bold;
    color: #f0f0f0;
    padding-left: 0px;
    background-image: url(../../images/header-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 20px;
}
h2
{
    font-size: 14px;
    font-weight: bold;
    color: #f0f0f0;
    padding-left: 0px;
    background-image: url(../../images/header-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 20px;
}
h3
{
    font-size: 12px;
    font-weight: bold;
    color: #f0f0f0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
h4
{
    font-size: 14px;
    font-weight: bold;
    color: #3f3f3f;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#header
{
    width: 100%;
    height: 194px;
    background-image: url(../../images/header-bg.jpg);
    background-position: center top;
}
#banner
{
    width: 100%;
    height: 249px;
    background-image: url(../../images/banner-bg.png);
    background-repeat: repeat-x;
    margin-top: -17px;
    position: relative;
    z-index: 10;
}

#content-body
{
    width: 100%;
    height: auto;
    background-image: url(../../images/body-bg.jpg);
    background-position: center top;
    background-repeat: repeat-x;
    margin-top: -30px;
}
#content
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px 30px 0px;
}
#footer-top
{
    width: 100%;
    background-image: url(../../images/footer-top.png);
    background-repeat: repeat-x;
    background-position: left top;
    height: 18px;
    margin-top: -30px;
}
#footer
{
    width: 100%;
    background-image: url(../../images/footer-bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #c1c1c1;
    font-size: 10px;
    color: #2b2b2b;
}
#footer a
{
    color: #2b2b2b;
    font-size: 10px;
}
#ddtopmenubar
{
    width: 618px;
    margin-top: 20px;
}
#menu
{
    list-style: none;
}
#menu li
{
    float: left;
    margin: 0px 15px 0px 15px;
}
#btn-home a
{
    width: 40px;
    height: 13px;
    background-image: url(../../images/btn-home.png);
    background-position: left bottom;
    display: block;
}
#btn-home a:hover
{
    background-position: left top;
}
#btn-company a
{
    width: 65px;
    height: 16px;
    background-image: url(../../images/btn-company.png);
    background-position: left bottom;
    display: block;
}
#btn-company a:hover
{
    background-position: left top;
}

#btn-insurance a
{
    width: 66px;
    height: 13px;
    background-image: url(../../images/btn-insurance.png);
    background-position: left bottom;
    display: block;
}
#btn-insurance a:hover
{
    background-position: left top;
}

#btn-faqs a
{
    width: 38px;
    height: 16px;
    background-image: url(../../images/btn-faqs.png);
    background-position: left bottom;
    display: block;
}
#btn-faqs a:hover
{
    background-position: left top;
}

#btn-contact a
{
    width: 75px;
    height: 14px;
    background-image: url(../../images/btn-contact.png);
    background-position: left bottom;
    display: block;
}
#btn-contact a:hover
{
    background-position: left top;
}

#btn-quote a
{
    width: 143px;
    height: 17px;
    background-image: url(../../images/btn-quote.png);
    background-position: left bottom;
    display: block;
}
#btn-quote a:hover
{
    background-position: left top;
}

#banner-menu
{
    list-style: none;
}
#banner-menu li
{
    float: left;
    margin: 0px -13.5px 0px -13px;
}
#boat-insurance a
{
    width: 183px;
    height: 215px;
    background-image: url(../../images/boat-insurance.png);
    background-position: left top;
    display: block;
}
#boat-insurance a:hover
{
    background-position: left bottom;
}

#motorcycle-insurance a
{
    width: 186px;
    height: 216px;
    background-image: url(../../images/motorcycle-insurance-replacement.png);
    background-position: left top;
    display: block;
}
#motorcycle-insurance a:hover
{
    background-position: left bottom;
}

#auto-insurance a
{
    width: 191px;
    height: 214px;
    background-image: url(../../images/auto-insurance-replacement.png);
    background-position: left top;
    display: block;
}
#auto-insurance a:hover
{
    background-position: left bottom;
}
#rv-insurance a
{
    width: 193px;
    height: 215px;
    background-image: url(../../images/rv-insurance.png);
    background-position: left top;
    display: block;
}
#rv-insurance a:hover
{
    background-position: left bottom;
}

#home-owners-insurance a
{
    width: 196px;
    height: 215px;
    background-image: url(../../images/home-owners-insurance.png);
    background-position: left top;
    display: block;
}
#home-owners-insurance a:hover
{
    background-position: left bottom;
}

#health-insurance a
{
    width: 165px;
    height: 214px;
    background-image: url(../../images/health-insurance.png);
    background-position: left top;
    display: block;
}
#health-insurance a:hover
{
    background-position: left bottom;
}
.vertical-divider
{
    background-image: url(../../images/vertical-divider.png);
    background-repeat: repeat-y;
    background-position: center center;
    width: 40px;
}
.horizontal-divider
{
    background-image: url(../../images/horizontal-divider.png);
    background-repeat: repeat-x;
    background-position: center center;
    height: 40px;
    width: 100%;
}
.home-insurance-p
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.faq-list
{
    list-style-image: url(../../images/faq-bullet.png);
    padding-left: 30px;
}
.faq-list li
{
    margin: 5px 0px 5px 0px;
}
.AccordionHeader
{
    width: 990px;
    background-color: #e0d807;
    padding-left: 10px;
    border: solid 1px #000;
    line-height: 30px;
    font-weight: bold;
    color: #000;
    margin-top: 2px;
}
.AccordionContent
{
    width: 980px;
    border: solid 1px #000;
    padding: 10px 10px 10px 10px;
    margin-top: -1px;
    background-color: #ebebeb;
    color: #000;
}
.Step
{
    font-size: 13px;
    line-height: 30px;
    width: 1000px;
    color: #d7d7d7 /*background-color: #ebebeb;     border: solid 1px #000;     color: #5c5c5c;*/;
}
.StepSelected
{
    font-weight: bold;
    color: #f0f0f0;
}


a:link
{
    font-size: 12px;
    color: #f0f0f0;
    text-decoration: none;
}
a:visited
{
    font-size: 12px;
    color: #f0f0f0;
    text-decoration: none;
}
a:hover
{
    font-size: 12px;
    color: #f0f0f0;
    text-decoration: underline;
}
a:active
{
    font-size: 12px;
    color: #f0f0f0;
    text-decoration: none;
}


a.menu:link
{
    color: #2b2b2b;
    line-height: 41px;
    font-size: 13px;
    text-decoration: none;
}
a.menu:visited
{
    color: #2b2b2b;
    line-height: 41px;
    font-size: 13px;
    text-decoration: none;
}
a.menu:hover
{
    color: #2b2b2b;
    line-height: 41px;
    font-size: 13px;
    text-decoration: underline;
}
a.menu:active
{
    color: #2b2b2b;
    line-height: 41px;
    font-size: 13px;
    text-decoration: none;
}

a.footer:link
{
    color: #2b2b2b;
    font-size: 10px;
    text-decoration: none;
}
a.footer:visited
{
    color: #2b2b2b;
    font-size: 10px;
    text-decoration: none;
}
a.footer:hover
{
    color: #2b2b2b;
    font-size: 10px;
    text-decoration: underline;
}
a.footer:active
{
    color: #2b2b2b;
    font-size: 10px;
    text-decoration: none;
}

a.white-bolded:link
{
    color: #f0f0f0;
    font-size: 12px;
    text-decoration: none;
}
a.white-bolded:visited
{
    color: #f0f0f0;
    font-size: 12px;
    text-decoration: none;
}
a.white-bolded:hover
{
    color: #f0f0f0;
    font-size: 12px;
    text-decoration: underline;
}
a.white-bolded:active
{
    color: #f0f0f0;
    font-size: 12px;
    text-decoration: none;
}


.processing
{
    background-color: #000;
    filter: Alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    z-index: 999999;
}
.processing-request
{
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -75px;
    background-color: #ffffff;
    width: 300px;
    height: 150px;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    filter: alpha(opacity=100, style=0);
    -moz-opacity: 10%;
    border: solid 1px #000000;
    z-index: 9999999;
}

#login
{
    width: 510px;
    margin-left: auto;
    margin-right: auto;
    border: solid 1px #000000;
}
#login-top
{
    height: 30px;
    line-height: 30px;
    padding: 0px 10px 0px 10px;
    background-image: url(../../images/admin-nav-bg.jpg);
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
}
#login-fields
{
    padding: 10px 10px 10px 10px;
}

.NotificationWrapper
{
    background-color: #000;
    filter: Alpha(Opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    z-index: 999999;
}
.NotificationPanel
{
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    width: 500px;
    margin-left: -250px;
    padding: 20px;
    padding-bottom: 0px;
    margin-top: -200px;
    background-color: #ffffff;
    font-size: 12px;
    filter: alpha(opacity=100, style=0);
    -moz-opacity: 10%;
    border: solid 1px #000000;
    background-image: url(../../images/notification-bg.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 9999999999;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 680px;
    min-height: 400px;
    height: auto;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.item-content
{
    float: left;
    width: 650px;
    border: solid 1px #a8a8a8;
    padding: 10px 10px 10px 10px;
    margin-right: 10px;
    min-height: 375px;
    height: auto;
}


/* active item */
.scrollable .active
{
    border: 2px solid #000;
    position: relative;
    cursor: default;
}


/* this makes it possible to add next button beside scrollable */
.scrollable
{
    float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse
{
    background: url(../img/scrollable/arrow/hori_large.png) no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 40px 10px;
    cursor: pointer;
    font-size: 1px;
}

/* right */
a.right
{
    background-position: 0 -30px;
    clear: right;
    margin-right: 0px;
}
a.right:hover
{
    background-position: -30px -30px;
}
a.right:active
{
    background-position: -60px -30px;
}


/* left */
a.left
{
    margin-left: 0px;
}
a.left:hover
{
    background-position: -30px 0;
}
a.left:active
{
    background-position: -60px 0;
}

/* up and down */
a.up, a.down
{
    background: url(../img/scrollable/arrow/vert_large.png) no-repeat;
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover
{
    background-position: -30px 0;
}
a.up:active
{
    background-position: -60px 0;
}

/* down */
a.down
{
    background-position: 0 -30px;
}
a.down:hover
{
    background-position: -30px -30px;
}
a.down:active
{
    background-position: -60px -30px;
}


/* disabled navigational button */
a.disabled
{
    visibility: hidden !important;
}

.free-quote-top
{
    width: 325px;
    background-image: url(../../images/free-quote-top.png);
    height: 32px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.free-quote-bottom
{
    width: 325px;
    background-image: url(../../images/free-quote-bottom.png);
    height: 26px;
    background-repeat: no-repeat;
    background-position: center top;
}

.free-quote-bg
{
    width: 285px;
    background-image: url(../../images/quote-bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #c1c1c1;
    min-height: 100px;
    height: auto;
}
.free-quote-left
{
    background-image: url(../../images/free-quote-left.png);
    width: 20px;
    background-repeat: repeat-y;
    background-position: right top;
}
.free-quote-right
{
    background-image: url(../../images/free-quote-right.png);
    width: 20px;
    background-repeat: repeat-y;
    background-position: left top;
}
.free-quote
{
    text-align: left;
}

.quote-top
{
    width: 997px;
    background-image: url(../../images/quote-top.png);
    height: 32px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.quote-bottom
{
    width: 997px;
    background-image: url(../../images/quote-bottom.png);
    height: 26px;
    background-repeat: no-repeat;
    background-position: center top;
}
.quote-left
{
    background-image: url(../../images/quote-left.png);
    width: 20px;
    background-repeat: repeat-y;
    background-position: right top;
}
.quote-right
{
    background-image: url(../../images/quote-right.png);
    width: 20px;
    background-repeat: repeat-y;
    background-position: left top;
}
.quote-bg
{
    width: 957px;
    background-image: url(../../images/quote-bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #c1c1c1;
    min-height: 306px;
    height: auto;
}
.quote-form
{
    width: 660px;
}
.quote-form td
{
    text-align: left;
    color: #2b2b2b;
}
.quote-form td h2
{
    color: #325594;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 0px;
    background-image: none;
    text-indent: 0px;
}
.PopUpPanel
{
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    width: 800px;
    margin-left: -410px;
    padding: 10px;
    padding-top: 40px;
    margin-top: -200px;
    font-size: 12px;
    filter: alpha(opacity=100, style=0);
    -moz-opacity: 10%;
    background-color: #ffffff;
    z-index: 9999999;
    border: solid 2px #2d5196;
    border-top: solid 22px #2d5196;
    padding-bottom: 0px;
}
.PopUpHeading
{
    width: 100%;
    margin-top: -59px;
    height: 20px;
    color: #ffffff;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
}
.PopUpClose
{
    float: right;
}
.PopUp-Buttons
{
    margin-top: 10px;
}

.faq-header
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e2e2e2;
    border: solid 1px #a8a8a8;
    line-height: 34px;
    background-image: url(../../images/bullet.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px;
}
.faq-header a
{
    color: #2b2b2b;
    font-size: 12px;
    text-decoration: none;
    display: block;
    padding-left: 5px;
}
.faqH3
{
    font-size: 12px;
    font-weight: bold;
    color: #f0f0f0;
    padding-left: 0px;
    background-image: url(../../images/header-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    text-indent: 20px;
}
.faq-answer
{
    display: none;
    width: 913px;
    margin-left: auto;
    margin-right: auto;
    color: #2b2b2b;
    font-size: 11px;
    border: solid 1px #a8a8a8;
    border-top: #e2e2e2;
    background-color: #e2e2e2;
    padding: 1px 10px 1px 27px;
    margin-top: 0px;
    margin-bottom: 4px;
}
.faq-answer p
{
    margin-top: 0px;
}
.faq-answer p a
{
    text-decoration: none;
}


a.hide:link
{
    font-size: 11px;
    color: #0d5ea9;
    text-decoration: none;
}
a.hide:visited
{
    font-size: 11px;
    color: #0d5ea9;
    text-decoration: none;
}
a.hide:hover
{
    font-size: 11px;
    color: #0d5ea9;
    text-decoration: underline;
}
a.hide:active
{
    font-size: 11px;
    color: #0d5ea9;
    text-decoration: none;
}