/*  -------------------------------------------------------------
    -------------------------------------------------------------
    CSS CODED BY - clearpixel.com.au - 2012
    -------------------------------------------------------------
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {
    font: 12px Arial, Helvetica, Sans-serif;
    text-align: left;
    color: #1e1916;
    background: #1e1916;
}



/*  -------------------------------------------------------------
    MAIN DIVS
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.container {
    margin: 0 auto;
    width: 880px;
}

#header {
    height: 136px;
    background: #0b5f79 url("../images/bg/header.gif") repeat left top;
}

#menu_bar {
    position: relative; /*Fix for box-shadow over positioned background*/
    box-shadow: #2c2c2c 0px 1px 10px;
    background: #6f284e;
}

#main_banner {
    background: url("../images/bg/banner.gif") repeat center top;
}

#main_banner-i {
    background: url("../images/bg/banner-i.gif") no-repeat center top;
}

#main_banner-ii {
    position: relative;
    height: 196px;
}

#main {
    background: #fff url("../images/bg/main.gif") repeat-x left 35px;
}

#main-i {
    padding-bottom: 30px;
    background: url("../images/bg/main-i.gif") repeat-y center top;
}

#main_page {
    float: left;
    padding: 18px 0 0 15px;
    width: 585px;
}

#main_side {
    float: right;
    padding: 88px 0 0 52px;
    width: 170px;
}

#footer {
    padding: 20px 0;
    background: #1e1916;
}




/*  -------------------------------------------------------------
    HEADER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#header .logo {
    float: left;
    margin: 2px 0 0 6px;
}




/*  -------------------------------------------------------------
    MENU MAIN
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
    
#menu_main {
    position: relative;
    z-index: 30;
    height: 30px;
    padding-left: 3px;
}

#menu_main li {
    float: left;
    font-size: 1.1em;
}

#menu_main li a:link,
#menu_main li a:visited {
    display: block;
    float: left;
    padding: 0 18px 0 16px;
    height: 30px;
    text-decoration: none;
    line-height: 30px;
    color: #fff;
    background: url("../images/bg/menu_divider.gif") no-repeat right 10px;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease;
}

#menu_main li a.end:link,
#menu_main li a.end:visited {
    background: none;
}

#menu_main li a:hover,
#menu_main li a.end:hover {
    background: #1e1916;
}

#menu_main li a.active:link,
#menu_main li a.active:visited {
    color: #b9b7b7;
}

#menu_main li a.active:hover {
    color: #fff;
}



/*  -------------------------------------------------------------
    MAIN BANNER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#main_banner .trailer {
    position: absolute;
    top: -17px;
    left: -57px;
    z-index: 10;
}

#main_banner h1 {
    position: relative;
    z-index: 20;
    padding: 33px 0 0 158px;
    font: 2.4em "Roboto Condensed", Arial, Helvetica, Sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.15em;
    color: #fff;
}

#main_banner .truck {
    position: absolute;
    top: -100px;
    right: 13px;
    z-index: 10;
}




/*  -------------------------------------------------------------
    PAGE SPECIFIC STYLING
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  Home Page
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .home_boxes {
    padding-top: 14px;
}

#content .home_boxes .box {
    margin-bottom: 20px;
    width: 274px;
    box-shadow: #ababab 0 1px 5px;
}

#content .home_boxes .box.after_dark {
    float: left;
}

#content .home_boxes .box.spare_parts {
    float: right;
    margin-right: 17px;
}

#content .home_boxes .box .image {
    margin: 12px 0 10px 12px;
}

#content .home_boxes .box.spare_parts .image {
    margin: 3px 0 5px 12px;
}

#content .home_boxes .box p {
    padding: 2px 10px 13px 10px;
    font-size: 0.9em;
    text-align: center;
    line-height: 1.35em;
    color: #1e1916;
}

#content .home_boxes .box p strong {
    font-weight: bold;
}

#content .home_boxes .box.after_dark .image {
    margin-bottom: 5px;
}

#content .home_boxes .box.after_dark p {
    padding: 0 10px 6px 10px;
}


/*  Distributors
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .home_boxes .box.distributors {
    clear: both;
    margin-bottom: 0;
    width: 568px;
    text-align: center;
}

#content .home_boxes .box.distributors p {
    padding: 10px;
    width: 100%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#content .home_boxes .box.distributors .logo {
    display: inline-block;
    margin: 10px;
}

#content .home_boxes .box.distributors .logo.detroit {
    width: 200px;
}

#content .home_boxes .box.distributors .logo.cummins {
    width: 45px;
}




/*  -------------------------------------------------------------
    CONTENT
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  Defaults
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content h1 {
    padding: 10px 0 5px 0;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2em;
    color: #6f284e;
}

#content p {
    padding: 10px 0 15px 0;
    line-height: 1.5em;
}

#content strong {
    font-weight: bold;
}

#content ul {
    padding: 2px;
}

#content ul li {
    padding: 5px 0 5px 7px;
    line-height: 1.5em;
    background: url("../images/bullet.gif") no-repeat 0 12px;
}




/*  -------------------------------------------------------------
    MAIN SIDE
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#main_side h4 {
    padding-bottom: 5px;
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    color: #6f284e;
}

#main_side h4 a:link,
#main_side h4 a:visited {
    font-weight: bold;
    text-decoration: none;
    color: #6f284e;
}

#main_side h4 a:hover {
    text-decoration: underline;
}

#main_side h5 {
    padding-top: 10px;
    font-size: 1.15em;
    font-weight: bold;
    line-height: 1.35em;
    color: #1e1916;
}

#main_side p {
    padding-bottom: 5px;
    font-size: 1.15em;
    line-height: 1.35em;
    color: #1e1916;
}

#main_side p a:link,
#main_side p a:visited {
    text-decoration: none;
    color: #1e1916;
}

#main_side p a:hover {
    text-decoration: underline;
}




/*  -------------------------------------------------------------
    FOOTER
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#footer p {
    font-size: 0.85em;
    text-align: right;
    line-height: 1.5em;
    color: #fff;
}

#footer p a:link,
#footer p a:visited {
    text-decoration: none;
    color: #fff;
}

#footer p a:hover {
    text-decoration: underline;
}




/*  -------------------------------------------------------------
    MESSAGES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */
    
.msgBox {
    margin: 10px 0 10px 0;
    padding: 10px 10px 5px 35px;
    background: no-repeat 10px 10px;
    font-size: 12px;
}

.msgBox .title {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 5px 0;
}

.msgBox .text {
    padding: 0 0 5px 0;
}

.msgBox a:link,
.msgBox a:visited {
    text-decoration: underline; 
}
    

/*  Success
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.success {
    border: 1px solid #7fea6f;
    background-color: #dcf8d8;
    background-image: url(../../../images/icons/msgBox_success.gif);
    color: #009900;
}

.msgBox.success a:link,
.msgBox.success a:visited,
#content .msgBox.success a:link,
#content .msgBox.success a:visited {
    color: #009900; 
}

/*  Error
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.error {
    border: 1px solid #e9cc7c;
    background-color: #fdf0cd;
    background-image: url(../../../images/icons/msgBox_error.gif);
    color: #b17409;
}

.msgBox.error a:link,
.msgBox.error a:visited,
#content .msgBox.error a:link,
#content .msgBox.error a:visited {
    color: #a08106; 
}

/*  Fail
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

.msgBox.fail {
    border: 1px solid #f57878;
    background-color: #ffe1e1;
    background-image: url(../../../images/icons/msgBox_fail.gif);
    color: #cc3300;
}

.msgBox.fail a:link,
.msgBox.fail a:visited,
#content .msgBox.fail a:link,
#content .msgBox.fail a:visited {
    color: #cc3300; 
}