/* SPECIFICITY 1 */ 
* { margin: 0; padding: 0 } 

ul li { list-style: none }
ul.inline { display: inline-block }
ul.inline li { float: left }

a img, img { border:none; outline: none } 

.center { margin: 0 auto; width: 912px } 
.left { float: left } 
.right { float: right } 
.clear { clear: both }

body {
    background: #47a6d4 url('/images/design/clouds.png') no-repeat top center; 
    font: 62.5% normal Helvetica, Arial, sans-serif; 
    color: #000;
    width: 100%; 
    height: 100%;
}

a {
    color: #3f81a9;
    text-decoration: underline; 
    outline: none;
    font-size: 1em;
    outline: none
}

h1 { font-size: 1.8em; color:#2B60A1; margin: 10px; padding-bottom: 5px; border-bottom: 1px dotted #ccc }
h2 { font-size: 1.3em; margin-bottom: 10px; padding: 0 10px; color: #333 }
h2 a { text-decoration: none }

/* INPUTS */
label { 
    font-size: 1.2em; 
    letter-spacing: -0.02em;
    font-weight: 400 
}

.formError label { color: #990000; font-weight: bold; letter-spacing: -0.02em }
#formError { color: #990000; font-weight: bold; }
.full { width: 100%; float: left }

input, textarea { 
    border: 1px solid #1f619b; 
    padding: 7px; 
    color: #1b6099; 
    margin-bottom: 15px; 
    margin-right: 15px 
}

select { margin-right: 25px; margin-bottom: 15px; }

input.submit { 
    background: url('/images/design/submit.jpg') no-repeat; 
    width: 89px; 
    height: 27px; 
    border: 0px !important; 
    margin-top: 5px; 
    clear: left; 
    cursor: pointer
}
    input.submit:hover { background: url('/images/design/submitRoll.jpg') no-repeat }

select, label, input, textarea, input.submit, span.required { float: left }

textarea { 
    font-size: 1.21em; 
    font-family: helvetica; 
    font-weight: lighter; 
    width: 350px
}

span.required { 
    margin: 14px 0 0 20px; 
    font-weight: bold; 
    color: #990000; 
    display: none; 
}

input.month, input.day, input.year { width: 30px !important; margin-right: 5px }

input.checkbox { width: 13px; margin-right: 10px; border: 0px !important}
ul li input { border: 0 !important; padding: 0 !important  }
ul li label { *margin-top: -10px }

form ul { clear: left; margin-left: 0px !important; padding: 0px !important }
form ul li { display: inline-block; list-style: none }
form ul li, ul li input, ul li label { width: auto; float: left; margin-right: 0px }
    form  ul li label { text-transform: uppercase; margin: 0 5px; *margin-top: -10px; font-size: 1em }
    form ul li input { margin-top: 2px }


/** MAIN NAV **/
div#header {height: 50px; background: url('/images/design/navBG.png') repeat-x; width:100%; overflow: hidden; } /*the overall wrapper*/

ul#main_nav {height: 50px; width: 900px;  overflow: hidden; } /* height is taller than "#header" because the center wrapper is pulling it above the screen */
    ul#main_nav li {float: left; display:block; height: 88px; text-indent: -9999px;  }
        ul#main_nav li a {display: block; height: 44px; background: url(/images/design/nav.png) no-repeat;}

        ul#main_nav li.home a {width: 100px; background-position: 0 top;}
        ul#main_nav li.home a:hover, ul#main_nav li.home a.selected { background-position: 0 bottom;}
        
        ul#main_nav li.deals a {width: 166px; background-position: -110px top;}
        ul#main_nav li.deals a:hover, ul#main_nav li.deals a.selected { background-position: -110px bottom;}

        ul#main_nav li.close a {width: 170px; background-position: -280px top;}
        ul#main_nav li.close a:hover, ul#main_nav li.close a.selected { background-position: -280px bottom;}		

        ul#main_nav li.story a {width: 130px; background-position: -455px top;}
        ul#main_nav li.story a:hover, ul#main_nav li.story a.selected { background-position: -455px bottom;}				

        ul#main_nav li.careers a {width: 156px; background-position: -600px top;}
        ul#main_nav li.careers a:hover, ul#main_nav li.careers a.selected { background-position: -600px bottom;}


/* CENTER LAYOUT -> MAIN */
#container { margin: 0 auto; width: 912px; height: 100% }

.logo { width: 108px; height: 55px; margin-left: 20px; background: transparent }

#topWrapper {
    background: url('/images/design/topWrap.png') no-repeat;
    width: 912px;
    height: 58px;
    margin-top: 35px
}

#windowWrap {
    background: url('/images/design/windowWrap.png') no-repeat;
    width: 912px;
    height: 319px;
    position: relative;
    overflow: hidden
}

#sidePromos {
    float: right;
    width: 200px;
    margin: 20px 46px 0 0;
}

#sidePromos img { margin-bottom: 7px }

#wrapper { 
    background: url('/images/design/innerWrap.png') repeat-y;
    width: 902px;
    padding: 0 5px;
    float: left;
} 

#botWrapper {
    background: url('/images/design/botWrap.png') no-repeat;
    width: 912px;
    height: 17px;
    margin-bottom: 35px;
    float: left;
}

/* CENTER LAYOUT -> INTERIOR */
.content, #sidebar { background: #fff; min-height: 293px }

div.content {
    width: 600px; 
    float: left;
    margin: 10px 13px;
    padding: 10px;
}		

#sidebar { 
    background: url('/images/design/sidebarBG.png') no-repeat;
    float: right;
    width: 234px;
    height: 315px;
    margin: 10px 0 0;
    padding: 10px;
}

#sidebar img { margin-top: 3px }


/* FOOTER */
#footer { 
    width: 100%; 
    height: 330px; 
    background: url('/images/design/footerBG.jpg') repeat; 
    padding-top: 20px; 
    color: #214357; 
    float: left 
}

#footer a { color: #84bfd9; margin: 20px 40px; text-decoration: underline; }
#footer .center { background: url('/images/design/footerWrap.png') no-repeat; width: 912px; height: 132px }

#footerLinks { width: 335px; margin-top: 20px }
    #footerLinks ul { margin-bottom: 15px; margin-left: -15px !important }
        #footerLinks ul li { margin-bottom: 10px; font-size: 1.2em; font-weight: bold }

.copyright { margin-left: 25px; font-size: 1.1em }

#city { background: url('/images/design/city.png') repeat-x; width: 100%; height: 71px }
#truck { background: url('/images/design/truck.png') no-repeat; width: 558px; height: 252px; margin-top: -58px; }
#motto { background: url('/images/design/motto.png') no-repeat; width: 291px; height: 30px; margin-top: -15px; float: right }