
/* BASICS */
/* ---------------------------------------------------------------------------------------------------------- */
* {margin: 0; padding: 0}
body {background: #000000 url(../images/backgroundMain-tile.jpg) repeat top center; font-family: Lucida Grande, Arial, Sans-Serif; font-size: 12px}

img {display: block}
a img {border: 0}
ul {list-style-type: none}

.clear {clear: both}
.left {float: left}
.right {float: right}

:focus {outline: 0} /* no more dots around links in firefox */


/* BACKGROUNDS */
/* ---------------------------------------------------------------------------------------------------------- */
#backgroundTop {width: 100%; background: transparent url(../images/backgroundMain-gradient-tile.jpg) repeat-x top center}


/* HOMEPAGE FRAME */
/* ---------------------------------------------------------------------------------------------------------- */
#backgroundTop-home {width: 100%; background: transparent url(../images/backgroundHome-top.jpg) no-repeat top center}
#backgroundTop-home img {margin: 0 auto}
#backgroundBottom-home {width: 100%; margin: 0 auto; background: transparent url(../images/backgroundHome-bottom.jpg) no-repeat center top; overflow: hidden}
/* TEMPORARY */
#backgroundBottom-home-available {width: 100%; margin: 0 auto; background: transparent url(../images/backgroundHome-bottom-available.jpg) no-repeat center top; overflow: hidden}
/* ********* */
#tractorsHome {margin: 0 0 10px 10px}


/* SUBPAGE FRAME */
/* ---------------------------------------------------------------------------------------------------------- */
#backgroundHeader-sub {height: 114px; width: 100%; background: transparent url(../images/backgroundHeader-sub.jpg) no-repeat top center}
#backgroundHeader-sub-content {width: 908px; margin: 0 auto}
#backgroundHeader-sub-content img#logo {margin: 20px 0 0 0; float: left}
#pdf-logo {width: 277px; margin: 20px 0 0 0; float: right}
#links {width: 205px; margin: 13px 0 0 0; float: left}

a#viewA {height: 16px; width: 205px; background: transparent url(../images/button4035-details-small.jpg) no-repeat 0 0; display: block}
a:hover#viewA {background: transparent url(../images/button4035-details-small-hover.jpg) no-repeat 0 0}
a#viewA span {display: none}
a#viewB {height: 17px; width: 205px; background: transparent url(../images/buttonView-pdf.jpg) no-repeat 0 0; display: block}
a:hover#viewB {background: transparent url(../images/buttonView-pdf-hover.jpg) no-repeat 0 0}
a#viewB span {display: none}
a#viewC {height: 16px; width: 205px; background: transparent url(../images/button3535-details-small.jpg) no-repeat 0 0; display: block}
a:hover#viewC {background: transparent url(../images/button3535-details-small-hover.jpg) no-repeat 0 0}
a#viewC span {display: none}

#backgroundBottom-sub {width: 100%; background: transparent url(../images/backgroundBottom-sub.jpg) no-repeat top center; overflow: hidden}
#backgroundBottom-sub-bottom {height: 20px; width: 100%; margin: 0 0 5px 0; background: transparent url(../images/backgroundBottom-sub.jpg) no-repeat bottom center; overflow: hidden}
#contentSub {width: 908px; margin: 20px auto 0 auto; padding: 0 0 30px 0; overflow: hidden}
#contentSub p {width: 685px; line-height: 18px}

#chartBox {width: 663px; margin: 25px 0 0 0; padding: 10px; background: #ffffff; border: 1px solid #b39247}

#dealerLink {width: 893px; margin: 30px 0 30px 0; padding: 15px 0 15px 15px; background: #650000}
#dealerLink a {color: #ffe6b3}
#dealerLink a:hover {text-decoration: none}
#dealA {width: 298px; float: left; line-height: 10px}
#dealA p.where {width: 298px; margin: 0 0 7px 0; font-weight: bold; text-decoration: underline}
#dealA p.who {width: 298px; margin: 0 0 7px 0; font-weight: bold}
#dealA p.how {width: 298px; color: #650000; font-weight: bold}


/* HOMEPAGE NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------- */
#content {width: 908px; margin: 20px auto 0 auto; padding: 0 0 40px 0; background: transparent url(../images/backgroundHome-tractors.jpg) no-repeat 0 0 ; overflow: hidden}
#content ul {height: 166px; margin: 0 0 0 69px}
#content li, #content li a {height: 166px; display: block; float: left}
#content li span {display: none}

#content li#left p.preload-left {background: transparent url(../images/button3535-view-details-hover.jpg) no-repeat -9999px -9999px}
#content li#left a {height: 166px; width: 260px; background: transparent url(../images/button3535-view-details.jpg) no-repeat 0 0}
#content li#left a:hover {background: transparent url(../images/button3535-view-details-hover.jpg) no-repeat 0 0}

#content li#logo p.preload-logo {background: transparent url(../images/buttonLogo-home-hover.jpg) no-repeat -9999px -9999px}
#content li#logo a {height: 166px; width: 151px; margin: 0 0 0 50px; background: transparent url(../images/buttonLogo-home.jpg) no-repeat 0 0}
#content li#logo a:hover {background: transparent url(../images/buttonLogo-home-hover.jpg) no-repeat 0 0}

#content li#right p.preload-right {background: transparent url(../images/button4035-view-details-hover.jpg) no-repeat -9999px -9999px}
#content li#right a {height: 166px; width: 254px; margin: 0 0 0 40px; background: transparent url(../images/button4035-view-details.jpg) no-repeat 0 0}
#content li#right a:hover {background: transparent url(../images/button4035-view-details-hover.jpg) no-repeat 0 0}

a.rightLink:hover {background: transparent url(../images/button4035-view-details-hover.jpg) no-repeat 0 0}


/* SUBPAGE NAVIGATION */
/* ---------------------------------------------------------------------------------------------------------- */
#navigationSub {height: 56px; width: 100%; background: transparent url(../images/backgroundNav-sub.jpg) no-repeat top center; overflow: hidden}
#navigationSub ul#sub {height: 23px; width: 912px; margin: 25px auto 0 auto}
#navigationSub ul#sub li, #navigationSub ul#sub li a {height: 23px; width: 113px; margin: 0 1px 0 0; display: block; float: left; display: inline}

#navigationSub ul#sub li#features a,
#navigationSub ul#sub li#specs a,
#navigationSub ul#sub li#engine a,
#navigationSub ul#sub li#transmission a,
#navigationSub ul#sub li#hydraulics a,
#navigationSub ul#sub li#weight a,
#navigationSub ul#sub li#loader a,
#navigationSub ul#sub li#dealers a
{height: 31px; padding: 8px 0 0 0; background: transparent url(../images/navTab.jpg) no-repeat 0 0; color: #000000; text-decoration: none; text-align: center; display: inline; color: #ffe6b3}

#navigationSub ul#sub li#features a:hover,
#navigationSub ul#sub li#specs a:hover,
#navigationSub ul#sub li#engine a:hover,
#navigationSub ul#sub li#transmission a:hover,
#navigationSub ul#sub li#hydraulics a:hover,
#navigationSub ul#sub li#weight a:hover,
#navigationSub ul#sub li#loader a:hover,
#navigationSub ul#sub li#dealers a:hover
{background: transparent url(../images/navTab-hover.jpg) no-repeat 0 0; color: #000000; font-weight: bold}

body#features #navigationSub ul#sub li#features a,
body#specs #navigationSub ul#sub li#specs a,
body#engine #navigationSub ul#sub li#engine a,
body#transmission #navigationSub ul#sub li#transmission a,
body#hydraulics #navigationSub ul#sub li#hydraulics a,
body#weight #navigationSub ul#sub li#weight a,
body#loader #navigationSub ul#sub li#loader a,
body#dealers #navigationSub ul#sub li#dealers a
{background: transparent url(../images/navTab-hover.jpg) no-repeat 0 0; color: #000000; font-weight: bold}


/* LAS VEGAS TRIP */
/* ---------------------------------------------------------------------------------------------------------- */
#backgroundBottom-sub-contest {width: 100%; background: transparent url(../images/backgroundBottom-sub-contest.jpg) no-repeat top center; overflow: hidden}

#contestForm {width: 450px; float: left}
#contestTitle {width: 450px; float: right}
#contestTitle p#titleA {width: 410px; margin: 18px 0 0 0; font-size: 14px; line-height: 26px; font-weight: bold; text-transform: uppercase}
#contestTitle p#titleB {width: 410px; margin: 5px 0 20px 0; padding: 0 0 20px 0; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase}
#contestTitle p#titleB {border-bottom: 1px dashed #000000}
#contestTitle p#rules {width: 410px; font-size: 14px}
#contestTitle a {color: #650000}
#contentSub p#how {width: 450px; font-weight: bold}

#contestForm fieldset {border: none}
#contestForm label {margin: 0 0 2px 0; font-weight: bold; display: block}
#contestForm input.regFields {width: 420px; margin: 0 0 15px 0; padding: 3px; display: block}
#contestForm input.stzp {width: 180px; padding: 3px; display: block}
#contestForm input#addressA {width: 420px; margin: 0 0 6px 0; padding: 3px; display: block}
#contestForm input#addressB {width: 420px; margin: 0 0 15px 0; padding: 3px; display: block}
#contestForm textarea {height: 150px; width: 425px; margin: 0 0 15px 0; padding: 3px; display: block}
#contestForm ul#logistics {width: 450px}
#contestForm ul#logistics li {margin: 0 25px 15px 0; float: left}
#contestForm ul#how {width: 450px}
#contestForm ul#how li {margin: 0 25px 20px 0; float: left}

#contestForm input#submitter {padding: 30px 0 20px 0}

#thanks {width: 550px; margin: 60px auto; padding: 53px 20px; background: #ffeecc; border: 1px solid #b39247; overflow: hidden; text-align: center} 
#thanks {font-size: 18px; font-weight: bold; text-transform: uppercase}

#contestForm p#titleA {width: 410px; margin: 0 0 20px 0; font-size: 24px; line-height: 26px; font-weight: bold; text-transform: uppercase}


/* IMAGES */
/* ---------------------------------------------------------------------------------------------------------- */
img#tag {margin: 0 auto}


/* ICONS */
/* ---------------------------------------------------------------------------------------------------------- */
[icon ^="link"] {padding: 0 0 2px 20px; background: transparent url(../images/icon-link.gif) no-repeat center left}


/* FOOTER */
/* ---------------------------------------------------------------------------------------------------------- */
#footer {width: 908px; padding: 0 0 50px 0; margin: 0 auto; overflow: hidden}
#footer p, #footer a {color: #800000; text-decoration: none}
#footer a:hover {text-decoration: underline}

