/*---------------------------------------------- COLOR PALETTE */

    /*
    #CC0000 Red
    #000000 Black
    #666666 Dark Gray
    #0068F8 Comp Blue

    #1251b5 Volvo blue
    #9d9e9c Volvo grey (1)
    #cbcac1 Volvo grey (2)
    #efedeb Volvo grey (3)
    */

/*---------------------------------------------- GENERIC TAGS */

    html, body {
	    height:             100%;
    }

    .cssPage {
	    min-height:             100%;
    }
    
    body {
	    font-family:        Arial, Helvetica, sans-serif;
	    font-size:          12px;
    }
    
    p {	
	    line-height:        1.5em;
	    margin:             5px 0px;	    
    }

    h1 {
	    font-size:          14px;
	    font-weight:        bold;
	    margin-bottom:      10px; 
    }

    h2 {
	    font-size:          13px;
	    font-weight:        bold;    	 
    }

    a, a:link, a:visited, a:hover, a:active, a:focus {
        color:              #000000;
        text-decoration:    none;
    }
    
    a:hover {
        color:              #1251b5;
        text-decoration:    underline;
    }
    
    iframe {
        /*overflow-x:         hidden;*/
    }

/*---------------------------------------------- GENERIC CLASSES */

    .cssError{
	    color:              #1251b5;
    }
    
    ul.cssError li {
        line-height:        1.5em;
    }

    .cssErrorMessage {
	    border:             1px dotted #1251b5; 
	    line-height:        1.5em;
	    margin-bottom:      10px;	
	    margin-top:         10px; 
	    padding:            5px 15px; 
    }

    .cssErrorMessage ul {
	    padding-left:       10px;
	    list-style-type:    disc;
	    margin-left:        10px; 
    }

    .cssErrorMessage ul li {
	    padding-left:       10px;
	    margin-left:        10px; 
    }

    .cssPageAlign {
        margin-left:        auto; 
	    margin-right:       auto; 
	    width:              100%;
    }

    .cssLeft {
        float:              left; 
    }
    
    .cssHeadlineImage {
        margin-bottom:      20px;
        text-align:         center;
    }
    
    .cssFormButton {
        background-color:   #1251b5;
        border:             medium none;
        color:              #FFFFFF;
        font-size:          12px;
        padding:            4px 8px;
        cursor:             pointer;
    }
    
    .cssFormInput {
        border:             1px solid #9d9e9c;
        color:              #000000;
        display:            block;
        font-family:        Arial, Helvetica, sans-serif;
        font-size:          12px;
    }
    
    .cssClear {
        clear:              both;
        height:             1px;
        overflow:           hidden;
        width:              100%;
    }
    
    .cssColorRed {
        color:              #1251b5;
    }
    
    .cssBackgroundRed {
        background-color:   #1251b5;
        color:              white;
    }
    
    .cssColorBlue {
        color:              #0068F8 !important;
    }
    
    .cssBackgroundBlue {
        background-color:   #0099dd;
        color:              white;
    }

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

    .cssHeaderLogo, .cssHeaderLinks {
        color:              #ccc;
	    font-size:          10px;
	    margin-bottom:      14px;
	    margin-top:         18px;
    }

    .cssHeaderLinks ul {
        clear:              right;
        float:              right;
    }

    .cssHeaderLinks li {
        display:            inline;
	    float:              left;
	    margin-top:         0px;
	    margin-bottom:      8px;
    }

    .cssHeaderLinks li.cssDivider {
        margin-left:        7px;
        margin-right:       7px;
    }

/*---------------------------------------------- TOP NAVIGATION */

    .cssTopNav {
        background:         url(http://css.terex.com/terexcranes.com/naviback.jpg) repeat-x scroll 0 0 transparent;
        font-size:          12px;
        height:             27px;
        margin:             0 0 10px;
        width:              960px !important;
    }
    
    .cssTopNav ul li {
        float:              left;
        height:             22px;
        position:           relative;
        z-index:            2;
    }
    
    .cssTopNav a {
        color:              #000000;
        display:            block;
        font-size:          0.9em;
        font-weight:        bold;
        padding:            8px 15px;
        text-decoration:    none;
        white-space:        nowrap;
    }
    
    .cssTopNav a.cssHighlight {
        color:              #1251b5;
    }
    
    .cssTopNav a:hover {
        color:              #1251b5;
    }
    
    .cssTopNav ul ul {
        background-color:   #EEEEEE;
        border-color:       #DDDDDD;
        border-style:       solid;
        border-width:       0 2px 2px 0;
        display:            none;
        left:               -2px;
        position:           absolute;
        top:                26px;
        width:              230px;
        z-index:            1000000;
    }
    
    .cssTopNav ul li ul li  {
        border-bottom:      1px solid #DDDDDD;
        width:              230px;
        /* 
        RESTORE 2ND LEVEL NAV
        overflow-x:			hidden;
        overflow:			hidden;
        */
    }
    
    .cssTopNav ul li ul li a  {
        width:              200px;
        overflow:			hidden;
        text-overflow:		ellipsis;
    }
    
    .cssTopNav ul ul ul {
        display:            none;
        margin-left:        232px;
        top:                0px;
        border-color:       #DDDDDD;
        border-style:       solid;
        /*
        border-width:       0 2px 2px 2px;
        */
        
        border-width:       0px;
    }
    
    ul.css_Nav li ul {
        display:            none;
    }
    
    ul.css_Nav li:hover ul,
    ul.css_Nav li.cssHover ul {
        display:            block;
    }
    
    ul.css_Nav li:hover ul ul,
    ul.css_Nav li.cssHover ul ul {
        display:            none;
    }
    
    ul.css_Nav li:hover ul li:hover ul,
    ul.css_Nav li.cssHover ul li.cssHover ul {
        display:            block;
    }

/*---------------------------------------------- SIDEBAR */

    .cssPageSide {
        font-size:          12px;
        margin-bottom:      20px;
        margin-top:         20px;
    }
    
    .cssPageSide h2 {
        border-bottom:      2px solid #E5E5E5;
        margin-bottom:      5px;
        padding-bottom:     4px;
    }
    
    .cssPageSide .cssMarginBottom {
        margin-bottom:      20px;
    }
    
    .cssPageSide li a {
        color:              #000000;
        line-height:        1.6;
    }
    
    .cssPageSide li a:hover {
        color:              #1251b5;
        text-decoration:    underline;
    }
    
    .cssPageSide li a.cssHighlight {
        font-weight:        bold;
    }
    
    .cssPageSideHome form * {
        margin-bottom:5px;
    }
    
    .cssPageSideHome form * {
        display:inline;
    }
    
    .cssPageSideHome form br {
        display:none;
    }

    .cssPageSideHome form :nth-child(2),
    .cssPageSideHome form :nth-child(5),
    .cssPageSideHome form :nth-child(8) {
        margin-right:20px;
    } 

/*---------------------------------------------- PAGE BODY */

    .cssPageBody {
        font-size:          12px;
        line-height:        14px;
        margin-bottom:      20px;
        margin-top:         20px;
    }
    
    .cssPageBody h1.cssPageTitle {
        border-bottom:      2px solid #E5E5E5;
        margin-bottom:      5px;
        padding-bottom:     4px;
    }
    
    .cssPageBody ul {
	    padding-left:       10px;
	    list-style-type:    disc;
	    margin-bottom:      1.4em;
	    margin-left:        10px; 	    
    }

    .cssPageBody ul li {
	    padding-left:       10px;
	    margin-left:        10px; 
    }

    .cssPageBody fieldset {
	    background-color:   #cbcac1;
	    border:             solid 1px #aaaaaa; 
	    margin-bottom:      20px;
    }
    
    .cssPageBody fieldset p {
        clear:              both;
        margin:             5px 0px 10px 0px;
	    padding-left:       1em;
	    padding-right:      1em;
    }

    
    
    .cssPageBody fieldset a {
        color:         #1251b5;
    }

    .cssPageBody fieldset legend {
        font-weight:        bold;
    }
    
    .cssPageBody fieldset dl,
    .cssPageBody dl.cssTablePair {
        clear:              both;
        font-weight:        bold;
        margin:             5px 0px 10px 0px;
	    padding-left:       1em;
	    padding-right:      1em;
    }
    
    .cssPageBody fieldset dl dt,
    .cssPageBody dl.cssTablePair dt {
        width:              200px;
        float:              left;
        clear:              both;
        margin-bottom:      5px;
        margin-right:       20px;
    }
    
    .cssPageBody fieldset dl dd,
    .cssPageBody dl.cssTablePair dd {
        font-weight:        normal;
        margin-bottom:      5px;
        margin-left:        220px;
    }
    
    .cssPageBody.grid_12 fieldset dl dt,
    .cssPageBody dl.cssTablePair dt {
        width:              300px;
    }
    
    .cssPageBody.grid_12 fieldset dl dd,
    .cssPageBody dl.cssTablePair dd {
        margin-left:        320px;
    }
    
    .cssPageBody fieldset dl dd .cssFormInput {
        width:              350px;
    }
    
    .cssPageBody fieldset dt *,
    .cssPageBody fieldset dd *,
    .cssPageBody dl.cssTablePair dt *,
    .cssPageBody dl.cssTablePair dd * {
        vertical-align:     middle;
    }
    
    .cssPageBody .cssDataTable {
        border-collapse:    collapse;
        margin-bottom:      20px;
        width:              100%;
    }
    
    .cssPageBody .cssDataTable td {
	    border:             solid 1px #aaaaaa;
        border-collapse:    collapse;
        margin:             0px;
        padding:            5px;
        text-align:         left;
        vertical-align:     top;
    }
    
    .cssPageBody .cssDataTable thead {
	    background-color:   #9d9e9c;
	    cursor:             pointer;
	    font-weight:        bold;
    }
    
    .cssPageBody .cssDataTable thead td {
        text-align:         center;
    }
    
    .cssPageBody .cssDataTable td a {
        color:         #1251b5;
    }

    
    
    .cssPageBody .cssPageBox {
	    border:             solid 1px #aaaaaa;
	    margin-bottom:      20px;
    }
    
    .cssPageBody .cssPageBox .cssPageBoxTitle,
    .cssPageBody fieldset .cssPageBoxTitle {
	    background-color:   #9d9e9c;
	    font-weight:        bold;
	    margin-bottom:      10px;
        padding:            10px;
        border-bottom:solid 1px #aaaaaa;
    }
    
    .cssPageBody .cssPageBox p,
    .cssPageBody .cssPageBox div,
    .cssPageBody .cssPageBox ul,
    .cssPageBody .cssPageBox dl {
	    padding-left:       10px;
	    padding-right:      10px;
    }
    
    .cssPageBody .cssPageBox table.cssDataTable {
	    margin:             5px auto;
	    width:              95%;
    }
    
    .cssPageBody table.cssDataTable thead {
	    background-color:   #9d9e9c;
    }
    
    .cssPageBody table.cssDataTable tbody {
	    background-color:   #cbcac1;
    }
    
    .cssPageBody .cssBgColour,
    .cssPageBody .css_rowcolor {
	    background-color:   #cbcac1;
    }
    
    .cssPageBody tr.cssBgHighlight {
	    background-color:   #9d9e9c;
    }
    
    .cssPageBody tr.cssBgHighlight td,
    .cssPageBody tr.cssBgHighlight td a {
	    color:              #FFFFFF;
    }
    
    .cssPageBody tr.cssBgHighlight {
	    background-color:   #9d9e9c;
    }
    
    .cssPageBody tr td.cssBgHighlight, {
        background-color:   #9d9e9c;
    }
    
    .cssPageBody tr.cssBgLowlight {
	    background-color:   #9d9e9c;
    }
    
    .cssPageBody tr.cssBgLowlight td,
    .cssPageBody tr.cssBgLowlight td a {
	    color:              #000000;
    }
    
    .cssPageBody tr.cssBgLowlight {
	    background-color:   #9d9e9c;
    }
    
    .cssPageBody tr td.cssBgLowlight, {
        background-color:   #9d9e9c;
	    color:              #000000;
    }
    
    .cssPageBody .css_greyout {
	    color:              #000000;
    }

    .cssPageBody .cssPageBodyLeft {
        width:              460px;
    }

    .cssPageBody .cssPageBodyRight {
        margin-left:        20px;
        float:              right;
        width:              220px;
        margin-top:         -10px;
    }

    .cssPageBody .cssPageBodyRight .cssPageBodyDiv {
	    line-height:        1.5em;
	    margin-bottom:      10px;	
	    margin-top:         10px; 
	    padding:            5px 0px; 
    }
    
    .cssPageBody .cssPageBodyRight h2 {
        border-bottom:      2px solid #E5E5E5;
        margin-bottom:      5px;
        padding-bottom:     4px;
    }
    
    .cssPageBody .cssPageBodyRight h2,
    .cssPageBody .cssPageBodyRight p {
        background-repeat:      no-repeat;
        background-position:    0px 1px;
        padding-left:           25px;
    }
    
    .cssPageBody .cssPageBodyTwitter h2,
    .cssPageBody .cssPageBodyTwitter p {
        background-image:       url(/_images/icons/twitter.gif);
    }
    
    .cssPageBody .cssPageBodyRecent h2,
    .cssPageBody .cssPageBodyRecent p {
        background-image:       url(/_images/icons/pdf.gif);
    }
    
    .cssPageBody .cssPageBodyRight a.cssRssLink {
        color:black;
    }
    
    .cssPageBody .cssPageBodyRight a.cssRssLink:hover {
        color:#1251b5;
    }

/*---------------------------------------------- BREADCRUMBS */
    
    .cssBreadcrumbs {
        font-size:          10px;
        margin-bottom:      15px;
    }
	
/* ------------------------------------------------------------------------------ autocomplete */
	
    div.css_autocomplete {
        position:absolute;
        width:250px;
        background-color:white;
        border:1px solid #1251b5;
        margin:0px;
        padding:0px;
		z-index:99;
    }
    
    div.css_autocomplete ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
    }
    
    div.css_autocomplete ul li.selected {
        background-color: #1251b5;
        color:White;
    }
    
    div.css_autocomplete ul li {
        list-style-type:none;
        display:block;
        margin:0;
        padding:4px 2px;
        cursor:pointer;
    }

/*---------------------------------------------- PAGE FOOTER */
    
    .cssFooterSpacer {
	    height:             40px;
	    line-height:        40px;
    }

    .cssFooter {
        clear:              both;
        color:              #ccc;
	    font-size:          10px;
	    height:             40px;
	    left:               50%;
	    margin-top:         -40px;
	    text-align:         right;
	    width:              960px;
    }
    
    .cssFooter a {
	    padding-right:      20px;
    }

/*---------------------------------------------- MISC */
    
    #calendarDiv #topBar {
	    /*background-color:   #1251b5 !important;*/
    }
    
/*---------------------------------------------- TRUCKS */


    .cssNewHeaderTop {
        background-color: #221e1f;
        height:56px;
        border-bottom:2px solid #000000;
    }
    
     .cssNewHeaderTop .cssHeaderLogo img {
        width:230px;
        height:22px;
    }
    
    /* NAV ONE */
    
    .cssNewHeaderNavUl {
        white-space:        nowrap;
    }
    
    .cssNewHeaderNavUl > li {
        display:            inline-block;
    }
    
    .cssNewHeaderNavUl > li > a {
        padding:            22px 10px 22px 10px;
        color:              #ffffff;
        display:            inline-block;
        font-size:          14px;
        text-decoration:    none;
        white-space:        nowrap;
        text-transform:     uppercase;
        border-left:        1px solid #000000;
        background-color:   #221e1f;
        position:           relative;
    }
    
    .cssNewHeaderNavUl > li > a.cssHighlight,
    .cssNewHeaderNavUl > li > a:hover {
        background-color:   #000000;
    }
    
    /* NAV TWO + */
    
    .cssNewHeaderNavUl > li > ul {
        display:            none;
        position:           absolute;
        z-index:            2;
    }
    
    .cssNewHeaderNavUl li:hover ul,
    .cssNewHeaderNavUl li.cssHover ul {
        display:            block;
    }
    
    .cssNewHeaderNavUl li:hover ul ul,
    .cssNewHeaderNavUl li.cssHover ul ul {
        display:            none;
    }
    
    .cssNewHeaderNavUl li:hover ul li:hover ul,
    .cssNewHeaderNavUl li.cssHover ul li.cssHover ul {
        display:            block;
        /*
        float:              left;
        position:           relative;
        z-index:            2;
        */
        position:absolute;
        top:27px;
        left:100%;
    }
    
    .cssNewHeaderNavUl > li > ul > li a {
        padding:            8px 10px 8px 10px;
        color:              #ffffff;
        display:            block;
        font-size:          10px;
        text-decoration:    none;
        white-space:        nowrap;
        text-transform:     uppercase;
        border-top:         1px solid #000000;
        background-color:   #221e1f;
        position:           relative;
    }
    
    .cssNewHeaderNavUl > li > ul > li a:hover {
        background-color:   #000000;
    }
    
    /* SUBNAV */
    
    .cssNewHeaderSub .grid_4,
    .cssNewHeaderSub .grid_8 {
        margin-top:10px;
    }
    
    .cssNewHeaderSub .cssNewSecondaryLinks {
        color: #cccccc;
        font-size: 10px;
        text-align:right;
    }
    
    .cssNewHeaderSub .cssNewSecondaryLinks span.cssDivider {
        display:inline-block;
        margin-left: 7px;
        margin-right: 7px;
    }
    
    /* HOME */

    .cssNewHeadlineImage {
        padding: 40px 0px;
        text-align: center;
        clear:both;
    }
    
    /* FOOTER */
    
    .cssNewFooterPadding {
        height:58px;
    }
    
    .cssNewFooter {
        background-color: #9d9e9c;
        height:58px;
        margin-top:-58px;
    }
    
    .cssNewFooter .cssNewFooterLinks {
        white-space-collapse: discard;
        display: flex;
        display: -webkit-flex;    
    }
    
    .cssNewFooter .cssNewFooterLinks a {
        border-right:1px solid #7A7A7A;
        padding:            22px 10px 22px 10px;
        color:              #ffffff;
        display:            inline-block;
        font-size:          14px;
        text-decoration:    none;
        text-transform:     uppercase;
    }
    
    .cssNewFooter .cssNewFooterLinks a:first-child {
        border-left:1px solid #7A7A7A;
    }
    
    .cssNewFooter .cssNewFooterLinks a:hover {
        background-color: #4e4b4c;
    }
    
    .cssNewFooter .cssNewFooterText {
        padding:            10px;
        color:              #ffffff;
        display:            inline-block;
        font-size:          12px;
        text-align:right;
        line-height:1.5em;
    }
    
    .cssNewFooter .cssNewFooterText a {
        color:              #ffffff;
        text-decoration:    none;
    }
    
    .cssNewFooter .cssNewFooterText a:hover {
        color:              #1251b5;
    }

/*---------------------------------------------- EOF */