/* 
    Old site CSS 

    This file exists only to continue to support old markup but otherwise do not add further content to it.
*/
#prewrap {
    color: #333;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAGFBMVEX19fXu7u709PTx8fHz8/Pv7+/y8vLw8PALAGF0AAAACHRSTlP+/v7+/v7+/rgCr24AAAKXSURBVHheDdG3toJAFADAS26J0oKkligtmXYFwRaB1Vaiv//eJ8wZeBj8L6LwYj6ckSfX+4sUI0in2ZP3PGDNSmQCyL+HEIKjXd3iPNVfXDSbFF6FuyFA4pOVyQeuourvXrPWUCdm2IPFXVB36MJC5QVyP3u/wNolqflwSTqYWJFL6WE2CEBWdhXQIpmsMSwd5rlNrOGTxkb1c/H4dCljCyxtNDyoj/dx4W5Nei0La34J+Zxh4EKrJ02WLoc1DbUQsf2ogEjtSo6P1sakKSW5GIsbC7hDO0swilbQibAf53dJExhw/tkQ7Ta6f04iiP0TpdD6u9460iOi3tfkYnn7nK+QE/iLlNeRc/E2ZQYicRzCpV3ekmQHHzKu7xGRk3C9QqXzFWpUekTNN6IQVebpEzZbIx+ijsjVlrbzELxGKeE0bCN+kzL/2l/HMX9CLPGQw1rWjqhtx4tlOcu8N44D51MqD051EUUWIEhTyicMNJWgfz0yVAXGrG+JX3qjCu49S+caKzeVejoblZ0bF4NFjb9XM9YLgfOoKrLbmXswB56jlBaOtvYM9ScussqEbI583XvKUZIN97es1eSeAhfhjZXh1HvM0qSMR5EpQaAospIpf/W+0WVwsEo8JijMutV8OiJXjzCZ8qzlf+bYtlYQfKUhq7qTFehoqkcIv2MMo7LEg0zZF+zQt56GiedulT7plGQcyP6PKzQbWmwS1ksmqdmZzAurIAMNcHo/pFzkChrG54buVN79BSR/da/2YwTBqzhu6uxjWYGZ90RIf/qlY7mKJzjTZDT4TtLH6+07dSVoI0CE9mhFwAEt+eFDfuIfbT/1NPuoA/y6/9qhwsw7Pvh611W6U+Dmjr1+qm3OCpowi0pv9vYfjpCz+B0HuHAAAAAASUVORK5CYII=') /*../../../images/optobg.png*/;
    background-repeat: repeat;
    min-height: 100%;
    font-size: 0.9em;
}

#wrapper hr {
    margin: 10px 0 10px 0;
}


/******************** Controls the container for all non-product pages ********************/
#contentContainer {
    text-decoration: none;
    padding-bottom: 10px;
    margin: 0 5px 0 5px;
}

.centralRestrictedWidth {
    margin: 0 auto 0 auto;
    width: 900px;
}

/******************** Warranty page ********************/
.warrantyPDF {
    float: right;
    display: block;
    clear: both;
}

.warrantyText {
    clear: both;
    display: block;
}

.warrantyText table {
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
    background-color: white;
    margin: 20px 0 20px 0;
}

.warrantyText table th {
    border: 1px solid gray;
    padding: 5px;
    background-color: white;
}

.warrantyText table td {
    border: 1px solid gray;
    padding: 5px;
    background-color: white;
}

/******************** Press page ********************/
/* The following two CSS declarations are for the German Press page only,
Which uses an iFrame to display press information from an external provider */
.iFrameOverflowable {
    width: 100%;
    height: 400px;
    overflow: auto;
    border: solid 1px #CCC;
    margin-top: 20px;
}

#pressBoxNotice {
    width: 520px;
    font-family: arial;
    font-size: 11px;
    margin-top: 15px;
}

/******************** General Styles (reusable CSS) ********************/

.centeredBlock {
    margin: 0 auto 0 auto;
}

.watermark {
    color: #999;
}

/* Landing page CSS */
.landingpage {
    text-align: center;
    margin: 0;
    width: auto;
}

.backLink, .backLink:visited {
    color: #AAA;
    text-decoration: none;
    float: left;
    padding: 2px;
    font-size: small;
    height: 20px;
}

    .backLink:hover {
        color: #000;
    }

/******************** Generic Product Styles ********************/
/*
	These styles apply across the product ranges
*/
.reviewAward {
    width: 100%;
    border: solid 1px #CCC;
    margin: 0 0 10px 0;
    border-collapse: collapse; /* removes the thickening of td borders when placed next to each other */
}

.reviewAward td {
    padding: 5px;
    border: solid 1px #CCC;
}

.reviewAward .raTitle {
    font-weight: 500;
    font-size: 1.1em;
}

.reviewAward .raDate {
    font-weight: normal;
    font-size: 1em;
    padding: 10px 0 10px 0;
}

.reviewAward .raText {
    margin: 5px;
    text-align: justify;
    font-style: italic;
}

.reviewAward .raText a {
    margin: 5px;
    text-align: justify;
    font-style: normal;
}

.reviewAward .raText a:link, .reviewAward .raText a:visited {
    color: #666;
    font-weight: 500;
}

.reviewAward .raLogo {
    max-width: 140px;
    width: expression(this.width > 140 ? "140px" : true); /* Uses IE's "expression" param to resize as IE does not abide by max-width rule */
}

.largeTextbox {
    background-image: url("../../../images/FieldButtonSprites.png");
    background-position: -1px -1px;
    font-size: 1.1em;
    background-repeat: repeat-x;
    border: 1px solid #CCC;
    color: #888;
    margin-bottom: 8px;
    margin-right: 4px;
    padding: 6px;
    width: 270px;
}

    .largeTextbox:focus {
        background-image: url("../../../images/FieldButtonSprites.png");
        background-position: -1px -35px;
        font-size: 1.1em;
        background-repeat: repeat-x;
        border: 1px solid #CCC;
        color: #555;
        margin-bottom: 8px;
        margin-right: 4px;
        padding: 6px;
        width: 270px;
    }

.largeTextboxRed, .largeTextboxRed:focus {
    background-image: url("../../../images/FieldButtonSprites.png");
    background-position: -1px -67px;
    font-size: 1.1em;
    background-repeat: repeat-x;
    border: 1px solid #990000;
    color: #990000;
    margin-bottom: 8px;
    margin-right: 4px;
    padding: 6px;
    width: 270px;
}

.largeTextboxGreen, .largeTextboxGreen:focus {
    background-image: url("../../../images/FieldButtonSprites.png");
    background-position: -1px -99px;
    font-size: 1.1em;
    background-repeat: repeat-x;
    border: 1px solid #7A9641;
    color: #495632;
    margin-bottom: 8px;
    margin-right: 4px;
    padding: 6px;
    width: 270px;
}

/********************************************************
MESSAGE BOXES
********************************************************/
.msgErr {
    background-color: #F7CCCD;
    border: solid 1px #CC0000;
    padding: 8px;
    color: #950000;
    display: block;
    margin: 5px;
}

.msgErr a:link, .msgErr a:visited {
    color: #950000;
    border-bottom: solid 1px #950000;
    text-decoration: none;
    font-weight: 500;
}

.msgErr a:hover {
    color: #CC0000;
    border-bottom: solid 1px #CC0000;
}

.msgSuccess {
    background-color: #E1F0C6;
    border: solid 1px #ACD560;
    padding: 8px;
    color: #56741F;
    display: block;
    margin: 5px;
}

.msgInfo {
    background-color: #D9F2FD;
    border: solid 1px #23B9F1;
    padding: 8px;
    color: #0B80AC;
    display: block;
    margin: 5px;
}

.centeredWarning {
    text-align: center;
    font-weight: 500;
    color: #DA2127;
    margin: 10px;
}

.darkmodallink, .darkmodallink a:visited, .darkmodallink a:active, .darkmodallink a:hover, .darkmodallink a {
    color: #FFF !important;
}


/* LEGAL - for use when showing text from the Resources.Legal file on a page and for attribution to third parties */
.legal {
    font-size: 0.8em;
    padding: 5px 0 5px 0;
    color: #666;
}

/* Standard Table */
table.std td {
    text-align: inherit;
    vertical-align: top;
}

/* Dealer Map v2 */
#dmpopup {
    width: 825px;
    height: 550px;
}

/********************************************************
Warranty (Corporate) Registration page
********************************************************/

.warrantyvalidmodels {
    padding: 5px;
}

/********************************************************
Product Banner
Defines the styles for the ProductBanner.ascx control
********************************************************/
#productbannercontainer {
    position: relative;
    height: 180px;
}

    #productbannercontainer img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 8;
    }

        #productbannercontainer img.active {
            z-index: 10;
        }

        #productbannercontainer img.last-active {
            z-index: 9;
        }

/********************************************************
Product Application System
********************************************************/
h2#bannerTitleNonProduct {
    position: relative;
    top: -180px;
    left: 10px;
    font-size: 1.6em;
}

#applicationintro {
    padding: 0 20px 0 20px;
    margin: 0 auto 0 auto;
    color: #666;
}

#applicationintro h3 {
    margin: 40px 0 0 0;
}

#applicationintro h3:first-child {
    margin: 20px 0 0 0;
}

#applicationsubbuttons {
    margin: 10px 0 20px 0;
    font-size: 1em;
}

#mainintro {
    margin: 0 auto 0 auto;
}

#productback {
    width: 905px;
    margin: 0 auto 0 auto;
}

#mainintrotext {
    margin: 5em auto 5em auto;
    line-height: 1.8em;
    text-align: center;
    max-width: 800px;
}

#mainintrotext sup, #mainintrotext sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}

#mainintrotext sub {
    top: 0.4em;
}

.item {
    width: 220px;
    padding: 0 1px 0 1px;
    float: left;
    display: block;
    position: relative;
    margin: 0 0 20px 0;
    overflow: hidden !important;
}

.item ul {
    margin-bottom: 35px;
}

.item ul li {
    padding: 3px 0 3px 0;
}

.item ul li:last-child {
    margin-bottom: 20px;
}

.item .item_button {
    position: absolute;
    bottom: 0;
    height: 40px;
    width: 220px;
    clear: both;
    text-align: left;
}