/* Start of CMSMS style sheet 'layout' */
.wrapper {
    margin: 0 auto;
    width: 940px;
}



/* header
    any changed here also need to be made in stylesheet: https styles and layouts
    ============================================================ */
#header, #m_header { margin-bottom: 15px; }
#logo, #m_logo { margin-top: 3px; }
#header-search {
    float: right;
}
#header-nav {
    float: right;
    margin: 6px 6px 0 0;
    font: 12px Arial;
    color: #666666;
}
#header-nav a {
    margin: 0 13px;
    color: #666666;
    text-decoration: none;
}

#main-nav {
    height: 45px;
    background: url(images/bg-main-nav.gif) repeat-x left bottom;
    position: relative;
    z-index: 400;
    font-family: Arial;
}
#main-nav a { text-decoration: none; }



/* main page layout
    ============================================================ */
#content { }

/* home page message center */
#homemsg {
    float: right;
    margin-top: 40px;
    width: 138px;
    background: #ebebeb;
    position: relative;
}
#homemsg h1 { padding-left: 9px; padding-right: 9px; margin-bottom: 0; font-size: 18px; }
#homemsg p { padding: 0 13px 10px 13px; margin: 0; font-size: 12px; }

/* home page slideshow */
.slideshow { margin: 45px 0 35px 0; }
.rotate-item {}
.rotate-img {
    float: left;
    width: 460px;
    text-align: center;
}
.rotate-copy {
    float: left;
    width: 480px;
}
.rotate-copy h2 { font-size: 28px; margin-top: 0; padding-top: 0;}
#rotate-nav { margin-top: 30px; }
#rotate-nav a {
    float: left;
    display: block;
    width: 12px;
    height: 15px;
    padding-left: 3px;
    background: url(images/rotate-nav.gif) no-repeat;
    margin-right: 4px;
    color: #cccccc;
}
#rotate-nav a.activeSlide { background: url(images/rotate-nav-active.gif); color: #fff; }

/* home page / sidebar bubbles */
.homebubbles { 
    background: #ebebeb;
    text-align: center; 
    vertical-align: top; 
}
/* bubblewrap-home { position: relative; } */

.bubblewrap { margin-bottom: 17px; position: relative; }
#home-bubbles .bubblewrap { margin-bottom: 0; }
.bubblecopytitle {
    position: absolute;
    top: 7px; left: 50px;
    font-size: 18px; text-align: left; color: #fff;
}
.bubblecopy {
    background: #ebebeb;
    font-size: 12px; text-align: left; color: #666666; 
    position: relative;
}
.bubblecopy p { font-size: 12px; line-height: normal; padding: 5px 15px 7px 15px; margin: 0; }
.bubblecopy p a { color: #666666; }
.bubblecopy p a:hover { color: #ff0099; }
.bubblecopy-bl, .bubblecopy-br, .bubblecopy-tl, .bubblecopy-tr {
    position: absolute;
    bottom: 0;
    width: 8px; height: 8px;
    font-size: 1px;
}
.bubblecopy-bl { left: 0; background: url(images/sidebar-bubble-bl.gif) no-repeat; }
.bubblecopy-br { right: 0; background: url(images/sidebar-bubble-br.gif) no-repeat; }
.bubblecopy-tl { top: 0; left: 0; background: url(images/sidebar-bubble-tl.gif) no-repeat; }
.bubblecopy-tr { top: 0; right: 0; background: url(images/sidebar-bubble-tr.gif) no-repeat; }

#main-copy {
    float: left;
    width: 700px;
    /* width: 566px; */
    padding: 0 19px 0 0;
}
.full-page #main-copy { width: 940px; }
#contentwrap {  }

/* key border with rounded corners at the bottom - store locator template */
.keyborder {
    clear: both;
    border: 1px solid #cccccc;
    position: relative;
}
.keyborder-bl, .keyborder-br { position: absolute; width: 11px; height: 11px; bottom: -1px; font-size: 1px; }
.keyborder-bl { left: -1px; }
.keyborder-br { right: -1px; }

/* pink key border with header image and rounded corners at the bottom - default template */
.contentborder { clear: both; margin-bottom: 30px; }
.content-border-image { margin-left: -5px; position: relative; }
.content-header {
    position: absolute;
    top: 18px; left: 80px;
    font-size: 24px; text-align: left; color: #fff;
}
.content-header-right {
    position: absolute;
    top: 24px; right: 10px;
    font-size: 12px; font-weight: bold; color: #fff;
}
.content-header-right a { color: #fff; text-decoration: underline; }
.content-border-copy {
    border-right: 1px solid #ff0099;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff0099;
    border-left: 1px solid #ff0099;
    position: relative;
}
.keyline-green {
    border-right: 1px solid #339900;
    border-bottom: 1px solid #339900;
    border-left: 1px solid #339900;
}
.content-border-copy p { padding: 7px 20px 9px 20px; margin: 0; }
.content-border-copy h2 { padding-right: 20px; padding-left: 20px; }
.content-border-copy #faq-categories { margin: 10px 20px 10px 20px; }
.content-bl, .content-br {
    position: absolute;
    width: 12px; height: 12px;
    bottom: -1px;
    font-size: 1px;
}
.content-bl { left: -1px; background: url(images/content-bl.gif) no-repeat; }
.keyline-green .content-bl { width: 16px; background: url(images/content-bl-green.gif) }
.content-br { right: -1px; background: url(images/content-br.gif) no-repeat; }
.keyline-green .content-br { width: 16px; background: url(images/content-br-green.gif) }

#sidebar {
    float: left;
    width: 221px;
/*
    width: 350px;
    background: #f2f2f3;
*/
    padding-top: 65px;
    text-align: center;
}
#sidebar-nav { font-size: 14px; text-align: left; }
#media-centre {
    width: 303px;
    margin: 0 auto;
    position: relative;
}
#mc-top, #mc-bottom { position: absolute; left: 0; }
#mc-top { top: 0; }
#mc-bottom { bottom: 0; *bottom: -5px; }
#media-centre-content {
    font-size: 14px;
    border-right: 1px solid #a7a9ac;
    border-left: 1px solid #a7a9ac;
    background: #fff url(images/bg-media-centre.gif) repeat-x bottom left;
    padding: 15px 25px 11px 25px;
    text-align: left;
}
#media-centre-content p {
    margin: 0;
    padding: 0;
}



/* become a dealer
    ============================================================ */
#dealer-setup { background: #f0f0f0; margin: 10px 0; padding: 10px 0; }



/* coverage
    ============================================================ */
#coverage-left {
    float: left;
    width: 217px;
    padding: 20px 0 10px 25px;
}
#tmp-coverage { margin-left: 20px; padding-top: 35px; }
#coverage-left h1 { padding-bottom: 0; margin-bottom: 0; }
#tmp-coverage h1 { padding: 0; margin: 0; }
#coverage-left select, #tmp-coverage select { margin-bottom: 30px; }
#coverage-left p { padding-left: 0; }
#coverage-right {
    float: left;
    width: 696px;
}
#coverage-right img {
    text-align: right;
    border-bottom: 1px solid #acacae; 
    border-left: 1px solid #acacae;
}



/* phone support
    ============================================================ */
#support-phone {
    float: left;
    width: 200px;
    text-align: center;
    padding-top: 18px;
}
#support-details {
    float: left;
    width: 210px;
}



/* executive bios
    ============================================================ */
#exec-bios-list {
    float: left;
    margin: 0 15px 0 20px;
    width: 175px;
    padding-top: 30px;
    color: #666666;
}
#exec-bios-list a { color: #666666; text-decoration: underline; }
#exec-bios-list ul { padding: 0; margin: 0; list-style-type: none; }
#exec-bios-list li { padding: 0 0 15px 20px; }
#main-copy #exec-bios-list li { line-height: normal; }
#exec-bios-list li.currentpage { background: url(images/bg-exec-bio-current-green.gif) no-repeat 0 3px; font-weight: bold;}

#exec-bios-copy {
    float: left;
    width: 460px;
/*
    height: 435px;
    overflow: auto;
*/
    padding: 15px 10px;
    border-left: 1px solid #ff0099;
}
#exec-bios-copy img { border: 1px solid #68cd36; }



/* welcome page
    ============================================================ */
#pg-welcome .contentborder { clear: none; float: left; width: 294px; margin-right: 27px; }
#pg-welcome .content-header { font-size: 20px; }



/* footer
    any changed here also need to be made in stylesheet: https styles and layouts
    ============================================================ */
#footer, #m_footer {
    clear: both;
    margin: 30px 0 0 0;
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: #666666;
    font-family: Arial;
}
#footer .bigger, #m_footer .bigger { font-size: 14px; }
#footer a, #m_footer a { color: #666666; text-decoration: none; }

#footer-nav {
    margin: 0 auto;
    padding: 23px 0 20px 0;
    background: #f5f5f5;
    color: #999999;
}
#footer-nav a { color: #999999; }
#footer-nav td {
    vertical-align: top;
    text-align: left;
    padding: 0 18px;
    font: 12px Arial;
    line-height: 18px;
    color: #999999;
    border-right: 1px solid #cccccc;
}
#footer-nav p { padding-top: 0; margin-top: 0; }
#footer-nav ul { margin: 0 0 0 14px; padding: 0; }

#footer-copy {
    margin-top: 12px;
    border-top: 1px solid #666666;
    padding-top: 18px;
}

/* End of 'layout' */