/* Eric's CSS reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Clearfix (http://www.positioniseverything.net/easyclearing.html) */

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */

/* Generic */

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
strong {font-weight: bold;}
em {font-style: italic;}

/* General structure */
body {background-color: #ECECEC; font: 14px "Helvetica Neue", Helvetica, Sans-Serif; padding-bottom: 40px;}
#frame, .frame {margin: 0 auto; width: 910px;}

/* Header */
#top-frame {background: transparent url('/media/images/header-top.gif') top left repeat-x; height: 6px; overflow: hidden;}
#top {background: #398336 url('/media/images/header-bg-rep.jpg') top left repeat-x; padding-bottom: 1px;}
#header {height: 98px;}
#header-container {background: transparent url('/media/images/header-bg.jpg') top center no-repeat; border-bottom: 1px solid #82AB7F;}
#home #header-container {padding-bottom: 22px;} 
#logo {margin-top: 22px;}
#header-feature {background-color: #FFF; padding: 7px; width: 896px;}

/* Header Feature */
.haccordion {background-color: #B0B0B0;}
.haccordion .header, .haccordion .content{float: right; height: 258px;}
.haccordion .header {width: 88px; background-color: #B0B0B0; border-right: 2px solid #808080; color: #FFF;}
.haccordion .header:hover {background-color: #9B9B9B;}
.haccordion .header img {margin: 39px 0 0 22px;}
.haccordion .header.active {border-right: 1px solid #808080;}
.haccordion .header.last {border-right: 0 !important;}
.haccordion .header.last.active {width: 87px;}
.haccordion .content {display: none; width: 0px; overflow: hidden;}
.haccordion .visible {display: block;}
.haccordion .active {background: transparent url('/media/images/nav-active-bg.jpg') top left repeat-y;}

/* Nav */
#nav {background: transparent url('/media/images/nav-bg.png') top left repeat-x; border: 1px solid #C1C1C1; margin-top: 36px;}
#nav li {display: inline;}
#nav li a {border-right: 1px solid #DDDDDD; color: #7a7a7a; display: block; float: left; padding: 13px 15px; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase;}
#nav li a.last {border-right: 0;}
#nav li a:hover {background-color: #FFF !important;}
#nav li a.active {padding: 7px;}
#nav li a.active span, #info-nav li a.ui-state-active span, #request-a-quote input.submit {background: #EF8624 url('/media/images/nav-active-bg.gif') top left repeat-x; border: 1px solid #BF6113; color: #FFF; display: block; float: left; padding: 5px 7px;}
.ui-icon {display: none !important;}
.disabled {display: none;}

/* Content */
#content {margin-top: 20px;}
#pods {width: 918px;}
.homepage-pods {width: 546px;}
#map-container {float: left; position: relative; width: 372px;}
#rochester-number {display: block; position: absolute; top: 36px; left: 102px; width: 159px; height: 17px; background-color: transparent; text-align: right; background: transparent url('/media/images/blank.gif') top left no-repeat;}
#rochester-number:hover {background: url('/media/images/rochester-number.png') top left no-repeat;}
#geneva-number {display: block; position: absolute; top: 79px; left: 169px; width: 139px; height: 17px; background-color: transparent; text-align: right; background: transparent url('/media/images/blank.gif') top left no-repeat;}
#geneva-number:hover {background: url('/media/images/geneva-number.png') top left no-repeat;}
#syracuse-number {display: block; position: absolute; top: 52px; left: 158px; width: 160px; height: 17px; background-color: transparent; text-align: right; background: transparent url('/media/images/blank.gif') top left no-repeat;}
#syracuse-number:hover {background: url('/media/images/syracuse-number.png') top left no-repeat;}
#ithaca-number {display: block; position: absolute; top: 140px; left: 130px; width: 159px; height: 17px; background-color: transparent; text-align: right; background: transparent url('/media/images/blank.gif') top left no-repeat;}
#ithaca-number:hover {background: url('/media/images/ithaca-number.png') top left no-repeat;}
.info-content a {color: #3B3B3B; text-decoration: underline;}

/* Fleet */
#content.fleet-item {width: 917px;}
#content.fleet {width: 940px;}
#fleet-item-gallery {background: transparent url('/media/images/fleet-item-bg.png') top left no-repeat; height: 340px; padding: 11px 12px 9px 14px; position: relative;}
#fleet-thumbs li {display: inline;}
#fleet-thumbs a {
    background: #FFF url('/media/images/fleet-thumb-bg.png') top left no-repeat;
    display: block;
    float: left;
    height: 114px;
    margin: 0 0 6px 9px;
    padding: 2px 0 0 6px;
    width: 170px;
}
#fleet-thumbs img {background-color: #FFF; width: 167px; height: 109px;}
.fleet-content {padding: 5px;}
.fleet-content h1 {margin-top: 15px;}
.fleet-content ul {margin-top: 15px;}
.fleet-content li {list-style-type: disc; margin: 10px 0 10px 20px; font: 11px Helvetica,Sans-Serif; color: #4f4f4f;}
.fleet-content-nav {margin-top: 20px;}
.fleet-content-nav a {font: bold 13px Helvetica,Sans-Serif; color: #4f4f4f; text-decoration: none;}
.fleet-content-nav a:hover {text-decoration: underline;}
#fleet-item-main-photo {background-color: #FFF; border: 1px solid #BBBBBB; width: 745px;}
#fleet-item-main-photo img {float: left;}
#fleet-item-mini-gallery {position: relative;}
.back-to-all {clear: right;}
div.scroll-container {
    position: relative;
}
a.arrow-up {
    background: transparent url('/media/images/arrow-up.png') left center no-repeat;
    border: 1px solid #BBBBBB;
    border-bottom: 0;
    border-top: 0;
    height: 32px;
    right: 12px;
    position: absolute;
    text-decoration: none;
    top: 11px;
    width: 132px;
    z-index: 999;
}
a.arrow-down {
    background: transparent url('/media/images/arrow-down.png') left center no-repeat;
    border: 1px solid #BBBBBB;
    border-top: 0;
    border-bottom: 0;
    height: 32px;
    position: absolute;
    right: 12px;
    bottom: 14px;
    text-decoration: none;
    width: 132px;
    z-index: 999;
}
.prev-vehicle, .next-vehicle {display: block; float: left; width: 130px; padding: 10px;}
.prev-vehicle {background: url('/media/images/fleet-left.gif') center right no-repeat; margin-right: 10px;}
.next-vehicle {text-align: right; background: url('/media/images/fleet-right.gif') center left no-repeat; width: 101px;}
.back-to-all {float: right; padding: 10px 10px 10px 65px; background: url('/media/images/fleet-all.gif') top left no-repeat; width: 77px; height: 40px; margin-top: 5px;}

/* News */
#news-content {margin-top: 10px;}
.news-item {margin-top: 20px;}
.news-item h2 {font-size: 18px; font-weight: bold;}
.news-item h3 {font-size: 12px; font-style: italic; color: #788189;}
.news-item .body {color: #5B6268;}

/* Vertical scroller originally by http://flowplayer.org/tools/scrollable.html */

div.scrollable {position: relative; overflow: hidden; height: 354px; width: 134px; margin-top: -10px; margin-left: 10px;}
div.scrollable div.items {position: absolute; height: 20000em; margin-top: 10px;}
div.scrollable div.items div {border: 1px solid #BBBBBB; text-align: center; width: 132px; height: 103px; font-size: 30px; font-family: 'bitstream vera sans'; background-color: #ddd; margin-bottom: 10px; position: relative;  cursor: pointer;}
div.scrollable div.items div.active span.current {height: 40px; width: 40px; display: block !important; position: absolute; top: 30px; left: -1px;}
div.scrollable div.items div span.current {position: absolute; top: -1000px;}

/* Info Page */
#info-nav {border: 1px solid #C1C1C1; border-top: 0; width: 331px;}
#info-nav li {display: block; float: left; width: 100%;}
#info-nav li a {
    background: #FFF url('/media/images/services-nav-bg.gif') top left repeat-x;
    color: #5b6268;
    display: block;
    float: left;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    padding: 12px 15px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    width: 301px;
}
#info-nav li p {padding: 7px; background: #FFF url('/media/images/services-nav-img-bg.gif') top left repeat-x; float: left; overflow: hidden; width: 317px;}
#info-nav li img {border: 1px solid #BBBBBB; float: left; width: 315px;}
#info-nav li a:hover {color: #EF8624;}
#info-nav li a.ui-state-active {background-image: url('/media/images/services-nav-active-bg.gif'); border-top: 1px solid #CCCCCC; padding: 6px 5px; width: 321px;}
#info-nav li a.ui-state-active span {float: right !important;}
.info-content {border-left: 2px solid #D1D1D1; margin-left: 27px; padding-left: 27px; width: 521px;}
h1 {color: #f89e33; font: bold 20px Helvetica, Sans-Serif;}
.info-content, .news-item .body {color: #5b6268; font: 13px Helvetica, Sans-Serif; line-height: 22px;}
.info-content p, .news-item .body p, .page-content p {margin: 10px 0 !important; line-height: 22px !important;}
.page-content li {list-style-type: disc; margin-left: 20px; line-height: 22px;}
p.checkout-fleet {margin-top: 50px !important;}

/* Homepage */
#home #content.frame {width: 920px;}
#home #map-pod {border-left: 2px solid #D3D3D3; padding-left: 16px; margin-left: 14px;}

/* Request Quote Page */
.request-a-quote #map-container {width: 340px;}
.request-a-quote .info-content {width: 514px;}
.request-a-quote li {clear: left;}
.request-a-quote form {margin-top: 30px;}
.request-a-quote fieldset {margin-bottom: 30px;}
.request-a-quote input, .request-a-quote textarea {
    background: transparent url('/media/images/input-bg.jpg') top left repeat-x;
    border: 1px solid #C1C1C1;
    color: #5b6268;
    font: bold 18px "Helvetica Neue", Helvetica, Sans-Serif;
    height: 23px;
    margin-top: -1px;
    margin-left: 10px;
    padding: 7px;
    width: 353px;
}
.request-a-quote textarea { background-color: #F3F3F3; height: 200px; }
.request-a-quote #id_state, .request-a-quote #id_zip_code {width: 120px;}
.request-a-quote .label-container {color: #5b6268; display: block; float: left; font: bold 12px "Helvetica Neue", Helvetica, Sans-Serif; height: 37px; text-align: right; text-transform: uppercase; width: 132px;}
.request-a-quote label {line-height: 37px;}
.request-a-quote .required label {color: #000;}
.request-a-quote .double-label {display: block; line-height: 15px; padding-top: 4px;}
.request-a-quote input.submit {height: auto; float: right !important; font-size: 12px; text-transform: uppercase; width: auto;}
.request-a-quote #rochester-number {left: 70px;}
.request-a-quote #geneva-number {left: 137px;}
.request-a-quote #syracuse-number {left: 126px;}
.request-a-quote #ithaca-number {left: 98px;}
.request-a-quote .error-container.empty {display: none;}
.request-a-quote .error-container, .request-a-quote .form-errors {background-color: #F0D8D3; color: #B31E16; font-weight: bold; padding: 7px 0; padding-left: 150px;}
.request-a-quote .error {background-color: #FEE4DF;}
.request-a-quote .error label, .request-a-quote .error input {color: #B31E16;}
#request-a-quote #ui-datepicker-div {font-size: 12px;}
.request-a-quote #id_pick_up_date, .request-a-quote #id_drop_off_date {background: url('/media/images/input-calendar.png') top left no-repeat; cursor: pointer; padding-left: 30px; width: 330px;}
#request-a-quote span.ui-icon {display: block !important;}
#multiple-dates {padding: 7px 0 7px 133px;}
#multiple-dates input {padding-left: 120px; vertical-align: middle; height: auto; width: auto;}
#multiple-dates label {font-weight: bold; line-height: 22px; text-transform: uppercase;}

/* Footer */
#footer {border-top: 1px solid #BCBCBC; color: #4f4f4f; font-size: 11px; margin-top: 20px; padding-top: 10px;}