/* body */
body { color: #666; font: 100% Arial, Helvetica, sans-serif; text-align: center; }

/* reset */
h1, h2, h3, h4, h5,
body, fieldset, blockquote, p,
ul, ul li, ol, ol li, dl, dl dt, dl dd,
fieldset input, fieldset select, fieldset textarea { margin: 0px; padding: 0px; }
ul, ol { list-style: none; }

/* form */
fieldset { border: none; }
fieldset input, fieldset select, fieldset textarea {
    color: #666;
    font: normal normal 1em Arial, Helvetica, sans-serif;
}

/* hyperlink */
a:link, a:visited { color: #003480; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

/* horizontal */
hr { display: none; }

/* layout */
body { background: url(../images/bg-body.gif) repeat-y top center; padding: 10px 0; }
#container { font-size: .75em; margin: 0 auto; text-align: left; width: 972px; }

/* header */
#header { border-bottom: #a0a0a0 solid 1px; height: 42px; padding: 10px 0; }
#header h1, #header h2 { float: left; }
#header h1 a {
    background: url(../images/logo.gif) no-repeat;
    display: block;
    height: 42px;
    overflow: hidden;
    text-indent: -1983em;
    width: 155px;
}
#header h2 {
    background: url(../images/bg-slogan.gif) no-repeat;
    height: 42px;
    overflow: hidden;
    text-indent: -1983em;
    width: 219px;
}
#header fieldset, #header ul { float: right; font-size: .9em; margin-top: 25px; }
#header fieldset { border-left: #fff solid 1px; padding-left: 15px; }
#header fieldset input { float: left; }
#header fieldset input.Text {
    border: #fff solid 1px;
    color: #000;
    font-weight: bolder;
    margin-right: 5px;
    padding: 0 2px;
    width: 100px;
}
#header ul { color: #fff; padding-right: 5px; line-height: 17px; }
#header ul li { float: left; padding-right: 10px; }
#header ul li a:link, #header ul li a:visited { color: #8fa6c7; }

/* footer */
#footer { border-top: #a0a0a0 solid 1px; color: #fff; font-size: .9em; padding: 10px 0; text-align: center; }
#footer a:link, #footer a:visited { color: #fff; margin: 0 5px; }

/* main */
#main {
    background: #fff url(../images/bg-main.jpg) no-repeat;
    border-left: #a0a0a0 solid 1px;
    border-right: #a0a0a0 solid 1px;
    padding: 16px;
}
#main #wrapper { background: url(../images/bg-wrapper.gif) repeat-y; overflow: hidden; }
* html #main #wrapper { height: 1%; }

/* extras */
#extras {
    background: #fff url(../images/bg-extras.gif) repeat-x;
    border-left: #a0a0a0 solid 1px;
    border-right: #a0a0a0 solid 1px;
}
#extras ul { border-bottom: #fff solid 16px; font-size: .9em; height: 103px; overflow: hidden; }
#extras ul li { float: left; padding: 0 27px 0 22px; width: 436px; }
#extras ul li .Image { height: 103px; float: left; text-align: center; width: 164px; }
#extras ul li .Image img { vertical-align: top; }
#extras ul li .Content { float: right; width: 250px; }
#extras ul li .Content h4 { border-bottom: #7e98be solid 1px; color: #003480; font-size: 1.2em; padding: 7px 0 5px; }
#extras ul li .Content p { margin-top: 5px; }
#extras ul li .Content p.LearnMore {
    background: url(../images/bg-extras-arrow.gif) no-repeat left center;
    padding-left: 16px;
}
#extras ul li .Content p.LearnMore a:link, #extras ul li .Content p.LearnMore a:visited { color: #666; }

/* sidebar */
#sidebar { float: left; width: 177px; }

/* nav */
#nav li {
    background: url(../images/bg-nav.gif) repeat-y;
    margin-bottom: 4px;
    padding: 5px 6px;
    position: relative;
    width: 165px;
    z-index: 10;
}
#nav li.Active, #nav li.Active,
#nav li.Active, #nav li.Over { background: #003480 none; font-weight: bolder; }
#nav li a:link, #nav li a:visited { color: #fff; }
#nav li a:hover { text-decoration: none; }
#nav li ul {
    background: #003480 url(../images/bg-subnav.gif) no-repeat;
    display: none;
    left: 177px;
    padding: 4px 0 4px 16px;
    position: absolute;
    top: 0px;
    width: 145px;
}
#nav li.Over ul { display: block; }
#nav li ul li {
    background: #003480 none;
    margin-bottom: 0px;
    font-size: .9em;
    padding: 2px 10px;
    width: 125px;
}
#nav li.Over ul li a { font-weight: normal; }
#nav li ul li a:hover { color: #8fa6c7; }

/* technicalResources */
#holder { height: 180px; position: relative; }
#technicalResources {
    background: url(../images/bg-technical-resources.gif) no-repeat;
    font-size: .9em;
    height: 118px;
    left: 0px;
    overflow: hidden;
    padding: 6px 0 6px 6px;
    position: absolute;
    top: 40px;
    width: 193px;
}
#technicalResources h3 {
    background: url(../images/bg-technical-resources-title.gif) no-repeat;
    height: 23px;
    overflow: hidden;
    text-indent: -1983em;
}
#en #technicalResources h3 { background-position: left top; }
#fr #technicalResources h3 { background-position: left -23px; }
#technicalResources ul { padding: 6px 8px; }
#technicalResources ul li {
    background: url(../images/bg-technical-resources-arrow.gif) no-repeat left center;
    padding-left: 20px;
}
#technicalResources ul li a:link, #technicalResources ul li a:visited { color: #666; }
#technicalResources ul li a:hover { color: #003480; text-decoration: none; }

/* login */
#login { font-size: .9em; }
#login .DealerLogin, #login .DealerPassword {
    background: no-repeat left 5px;
    height: 20px;
    overflow: hidden;
    padding: 4px 0 0 24px;
}
#login .DealerLogin { background-image: url(../images/bg-dealer-login.gif); }
#login .DealerPassword { background-image: url(../images/bg-dealer-password.gif); }
#login .ForgotPassword {
    background: url(../images/bg-dealer-forgot-password.gif) no-repeat left 8px;
    float: left;
    padding: 4px 0 0 28px;
}
#login .ForgotPassword a:link, #login .ForgotPassword a:visited { color: #666; }
#login .Login, #login .Login input { float: right; }
#login label { display: none; }
#login input.Text { border: #9c9c9c solid 1px; float: left; padding: 2px 3px; width: 145px; }