@media print
{
    body { background-image: none; font-size: 8pt; }
    #printButton, #footerLinks, #navigation { display: none; }
    .wizard { display: none; }
    h3.page-title { display: none; }
    div.main-nav { display: none; }
    table.actionLink { display: none; }
    form > div:first-child { width: auto; }
    body .wizardContent > table { width: auto; }
    #mainContent, #contentArea, #bodyTable { width: auto; }
    td.wizardContent { padding: 0 }
    #header, #menu{display:none;}
    #q2bContent{position:fixed; left:-200px; top:20px;}
}

body
{
    font-family: arial,helvetica,sans;
    margin: 0;
    padding: 0;
    width: 100em;
}
#menu {float: none;width: 18.3em;background-color: #FFFFFF;font-size: 1.2em;width: 100%;max-width: 1300px;margin: 0 auto;}
#menu > ul { overflow: hidden; list-style: none; }
#menu > ul > li { border-bottom: 1px solid #AFAFAF; list-style-type: none; margin: 0; padding: 0; position: relative; }
#menu > ul > li > a { color: #000000; display: block; padding: 4px 0 4px 10px; }
#menu > ul > li.selected { margin-left: -10px; }
#menu > ul > li.selected > a:before { content: '> '; }
#menu > ul > li > a:hover, #menu > ul > li > ul > li > a:hover { color: #187AA5; }
#menu > ul > li ul { list-style: none; }
#menu > ul > li > ul ul { margin-left: 5px; }
#menu > ul > li ul > li > a { color: #000000; font-weight: normal; padding: 2px 0 3px 25px; display: block; }
/*#menu > ul > li ul > li > a:hover { background: url("smlbluearrow.gif") no-repeat scroll 15px 50% transparent; }*/

#callus4quote {margin: 9px;}

#footerMenu > ul { border-top: solid 1px #999999; border-bottom: solid 1px #999999; }
.center { margin-right: auto; margin-left: auto; position: relative; }
#q2bContent { margin-left: 22em; border-left: 1px solid #AFAFAF; padding: 0 0 3em 1em; }
#central { margin-top: 64px; }
#bmwHeader { position: absolute; top: 0; left: 0; width: 100%; height: 65px; z-index: 99; background: transparent url("bmw_header_bkg.png") repeat-x top left; }
#bmwHeader > div#logo { background: transparent url('bmw-warranty-logo.png') no-repeat top left; width: 193px; height: 96px; position: absolute; right: 50px; }
#bmwFooter { position: fixed; bottom: 0; height: 20px; width: 100%; }
#q2bHeader { padding-top: 1px; }
#q2bHeader > div { margin: 1em 0; }
#q2bHeader > img { margin-left: -1em; display: block; max-width: 100%; }
#central .imgHeaderQuoteLnk { position: absolute; left: 5.6em; top: 26em; display: none; }
#central .imgHeaderQuoteLnk a { color: #FFFFFF; }
#central .imgHeaderQuoteLnk a:hover { text-decoration: underline; }

#homeMain { width: 986px; overflow: hidden; margin-top: 0.5em; }
#homeMain .leftCol { float: left; width: 70%; }
#homeMain .rightCol { float: right; }
#homeMain .quotationBox { border: solid 15px Gray; }
#homeMain .quotationBox a { display: block; }
#homeMain p { color: #000000; font-size: 12px; }
#homeMain h1 { font-size: 20px; }

#homeMain .policyItems p { font-size: 0.9em; text-align: left; }
.policyItems { clear: both; overflow: hidden; padding-top: 1em; }
.policyItems > div { float: left; width: 303px; padding: 0 11px 11px 11px; background: transparent url('BMW_VerticalBar.png') no-repeat top right; }
.policyItems > div.lastItem { background: none; padding-right: 0; }
.policyItems > div.videoItem { width: 228px; }
.policyItems > div:first-child { padding-left: 0; width: 320px; }
.policyItems > div > div:first-child { height: 270px; }
.policyItems a > span { font-size: 1.4em; padding-bottom: 0.5em; display: block; }

.ui-accordion { width: 98%; }

.coverDetailsList li { background-color: #F3F3F3 }
.coverDetailsList li.even { background-color: #FFFFFF }

.topSpace { margin-top: 3em; }
.motorradList { padding-left: 20px; list-style: square; }
.smallPrintCnt { margin-top: 20px; }
.smallPrintCnt > p { font-size: 0.8em; }

/*** Custom CSS - Author: MAUK/OSM ***/

@media (max-width: 580px) {
 /*** Home page ***/

    body {
    width: 100%;
}

    #q2bHeader > img {
      width: 100%;
      height: auto;
}  

    #central .imgHeaderQuoteLnk {
        visibility: hidden;

}



/**** Other pages ****/
#menu {
    width: 100%;
}

#tabs {
    width: 100%;

}

.tabs > ul > li {
    position: relative;
}

#q2bContent {
    margin-left: 0;
}

}



/* ==========================================================================
COOKIE BANNER STYLE - Author MAUK/OSM
================================================================================= */ 
.cc-banner .cc-message {font-family: arial, sans-serif; font-size: 12px;}
.cc-window.cc-banner {border-top: 1px solid #000000;}
.cc-banner .cc-btn:last-child { text-align: center; background: #333366; display: block; font-size: 12px; width: 150px; color: #FFFFFF; text-decoration: none; padding: 5px 15px; text-transform: uppercase; border: none;}