/*
  Andover Forktruck Services
  Screen Stylesheet
*/

/* reset */

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,
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;
}

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: "" ""; }
body, td { font-size: 15px; font-family: Arial; line-height: 24px; color: #444751; }
body { background:  #E2E7EA; }
h1 { font-size: 2.9em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.5em; }
h3 { font-size: 1.4em; margin-bottom: 0.45em; }
h4 { font-size: 1.3em; }
a { color: #444751; text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline;}
p { margin-bottom: 0; }

/* clears */
.clear { content: "."; height: 0; overflow: hidden; display: block; clear: both }

/* common */
.centredContent { width: 940px; margin: 0 auto; position: relative; }
p.intro { font-size: 1.15em; }
.bold { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginTop20 { margin-top: 20px; }
.marginRight20 { margin-right: 20px; }
.marginRight56 { margin-right: 56px; }
.marginBottom20 { margin-bottom: 20px; }
.marginLeft20 { margin-left: 20px; }
.noMargin { margin: 0 !important; }
.noPadding { padding: 0 !important; }
.noBorder { border: 0 !important; }
.columnFull { width: 940px; }
.columnOneThird { width: 300px; }
.columnOneQuarter { width: 220px; }
.columnHalf { width: 460px; }
.columnTwoThirds { width: 620px; }
.columnSubMenu { width: 220px; }
.columnSubMenuContent { width: 700px; }
#side_menu h3 { margin: -20px 0 10px 0; }
#side_menu ul { list-style: none; margin: 0; padding: 0; }
#side_menu ul li { margin: 0 -30px; padding: 0 30px; border-bottom: 1px solid #d6d9db; line-height: 32px; }
#side_menu ul a { font-size: 1.1em; }
#side_menu ul a:hover, #side_menu li a.selected { text-decoration: none; color: #2dbda8; }
#side_menu ul.childCategories a { font-size: 1em; margin-left: 10px;   }
#side_menu ul.childCategories li { border-bottom: 0; }

/* breadcrumbs */
.breadcrumbs { float: left; clear: both;  width: 100%; height: 48px; border-bottom: 1px solid #d2d7da; }
.breadcrumbs a,
.breadcrumbs span { float:left; height: 48px; line-height: 48px; padding-left: 30px; background: url(/images/breadcrumbs_arrow.gif) 5px 0 no-repeat; }
#breadcrumbs_footer { border-top: 1px solid #d2d7da; background: #f1f3f5 url(/images/breadcrumbs_bg_footer.gif) repeat-x; padding-top: 1px; }
#breadcrumbs_footer a,
#breadcrumbs_footer span { background: url(/images/breadcrumbs_arrow_footer.gif) no-repeat; }
.breadcrumbs a.home { float:left; width: 19px; height: 19px; margin-top: 12px; padding-left: 0; display: inline-block; text-indent: -9999px; background: url(/images/breadcrumbs_house.gif) no-repeat !important;  }

/* rounded boxes */
.roundedBox .top,
.roundedBox .bottom { float: left; clear:both; width: 100%; height: 7px; background-image: url(/images/rounded_box_sprite.gif); }
.roundedBox .middle { float: left; clear:both; background-color: #eff2f3; padding: 23px 30px; }
.roundedBox.full { width: 940px; }
.roundedBox.full .middle { width: 880px; }
.roundedBox.full .top { background-position: 0 0; }
.roundedBox.full .bottom { background-position: 0 -8px; }
.roundedBox.twoThirds { width: 609px; }
.roundedBox.twoThirds .middle { width: 549px; }
.roundedBox.twoThirds .top { background-position: 0 -28px; }
.roundedBox.twoThirds .bottom { background-position:0 -35px; }
.roundedBox.half { width: 440px; }
.roundedBox.half .middle { width: 380px; }
.roundedBox.half .top { background-position: 0 -15px; }
.roundedBox.half .bottom { background-position: 0 -21px; }
.roundedBox.quarter { width: 218px; }
.roundedBox.quarter .middle { width: 158px; }
.roundedBox.quarter .top { background-position: -440px -13px; }
.roundedBox.quarter .bottom { background-position: -440px -21px; }

/* forms */

form legend { display: none; }
ul.form { list-style: none; padding: 0; margin: 0; }
ul.form label { float: left; clear: both; line-height: 31px; font-weight: bold; }
ul.form textarea,
ul.form input { font-family: arial, helvetica, sans-serif;  width:210px;  float: left; clear: both; background: #FFFFFF;  font-size:1.2em;  padding:8px 5px;  -moz-border-radius:3px;  border: 0; }
ul.error_list { list-style: none; margin: 0; padding: 0; }
ul.error_list li { float: left; clear: both; font-size: 1em; color: #d82323; margin: 10px 0; }


/* buttons */
.button span { margin:0px;  padding: 7px 12px 0px 0px; height: 22px; display: inline-block;  background:url(/images/button_bg.gif) top right no-repeat;  text-align: center; color: white; font-weight: bold; overflow: hidden;  line-height: 1em;  cursor: pointer; }
a.button,
button.button span.l { margin:0px;  padding:0px 0px 0px 12px; height:29px; display: inline-block; background:url(/images/button_bg.gif) top left no-repeat;  cursor:pointer; }
button.button { margin:0px;  padding:0px;  background:transparent;  border:0px;  cursor:pointer; }
a.button:hover { text-decoration: none; }

/* Pagination */
.pagination { width: 100%; overflow: hidden; font-size: 1.1em; margin-bottom: 20px; }
  .pagination p,
  .pagination ul { float: left; font-weight: bold; }
  .pagination ul { float: right; margin-top: 0; font-weight: normal; }
   .pagination ul li { float: left; display: inline; margin: 0 5px; }

/* header */
#header { height: 106px;}
#header .logo { float: left; margin-top: 13px; }
#header .floatRight { margin-top: 5px; }
#header .headerLink { float: left; margin-left: 40px; }
#header .headerLink:hover { text-decoration: none; }
#header .button { float: right; clear: both; margin-top: 10px; }

/* main menu */
#main_menu { width: 100%; height: 42px; background-color: #EFF2F3; border-top: 1px solid #d2d7da; border-bottom: 1px solid #d2d7da; }
#main_menu ul { text-align: center; list-style: none outside; margin: 0; padding: 0; }
  #main_menu ul li { float: left;  list-style: none outside; display: inline; margin-left: 66px; }
  #main_menu ul li.first { margin-left: 0; }
  #main_menu ul li.second { margin-left: 60px; }
    #main_menu ul li a { display: block; text-indent: -9999px; height: 42px; color: #444751; background: url(/images/main_menu_sprite.png) 0 0 no-repeat; }
      #main_menu .products { width: 108px; background-position: 0 0; }
      #main_menu .services { width: 108px; background-position: -170px 0; }
      #main_menu .theCompany { width: 100px; background-position: -352px 0; }
      #main_menu .safety { width: 45px; background-position: -559px 0; }
      #main_menu .news { width: 38px; background-position: -712px 0; }
      #main_menu .clients { width: 48px; background-position: -973px 0; }
      #main_menu .contact { width: 55px; background-position: -857px 0; }
      #main_menu a:focus.products, #main_menu a:hover.products, #main_menu .hover.products { background-position: 0 -84px; }
      #main_menu a:focus.services, #main_menu a:hover.services, #main_menu .hover.services  { background-position: -170px -84px; }
      #main_menu a:focus.theCompany, #main_menu a:hover.theCompany, #main_menu .selected.theCompany  { background-position: -352px -43px; }
      #main_menu a:focus.safety, #main_menu a:hover.safety, #main_menu .selected.safety  { background-position: -559px -43px; }
      #main_menu a:focus.news, #main_menu a:hover.news, #main_menu .selected.news  { background-position: -712px -43px; }
      #main_menu a:focus.clients, #main_menu a:hover.clients, #main_menu .selected.clients  { background-position: -973px -43px; }
      #main_menu a:focus.contact, #main_menu a:hover.contact, #main_menu .selected.contact  { background-position: -857px -43px; }
.subMenu { position: absolute; width: 460px; z-index: 1000; }
.subMenu .top { float: left; clear: both; width: 460px; height: 7px; background: url(/images/main_menu_sprite.png) -352px -111px no-repeat; }
.subMenu .middle { float: left; clear: both; padding: 30px 40px; width: 380px; background: url(/images/sub_menu_bg.png); }
.subMenu .middle .leftColumn { float: left; width: 49%; }
.subMenu .middle .rightColumn { float: right; width: 49%; }
.subMenu .middle a { color: #FFFFFF; float: left; clear: both; }
.subMenu .middle a.parent { font-size: 1.2em; margin-top: 30px;  }
.subMenu .middle a.parent.first { margin-top: 0; }
.subMenu .bottom { float: left; clear: both; width: 460px; height: 7px; background: url(/images/main_menu_sprite.png) -352px -119px no-repeat; }
#products_sub_menu { top: 42px; left: 0; }
#services_sub_menu { top: 42px; left: 168px; }

/* homepage */
#homepage #banner_carousel { position: relative; float: left; clear: both; width: 100%; height: 350px; margin-bottom: 30px; background-color: #FFFFFF; border-bottom: 1px solid #d2d7da; }
#homepage #banner_carousel .slide { width: 940px; height: 350px;}
#homepage #banner_carousel a.prev,
#homepage #banner_carousel a.next { position: absolute; display: block; z-index: 999; top: 319px; width: 70px; height: 32px; text-indent:-9999em; }
#homepage #banner_carousel a.prev { right: 400px; background: url(/images/carousel/prev.png) no-repeat; }
#homepage #banner_carousel a.next { left: 400px; background: url(/images/carousel/next.png) no-repeat; }
#homepage .award { float: left; clear: both; width: 100%; line-height: 65px; font-weight: bold; margin-bottom: 20px; }
#homepage .award img { display: inline-block; float:left; margin-right: 20px }
#homepage .warrantyIcon { display: inline-block; float:left; margin: 0 10px 20px 0 }
#homepage .customerLogos { height: 65px; padding: 26px 0; border-top: 1px solid #cacfd3; }
#homepage #used_stock_carousel { position: relative; float: left; clear: both; width: 100%; height: 350px; padding-top: 20px; background: #f1f3f5 url(/images/border_grey_white_bg.gif) top repeat-x; border-bottom: 1px solid #d2d7da; }
#homepage #used_stock_carousel #used_stock_slides { margin: 20px 20px 0 20px; width: 905px; height: 294px; }
#homepage #used_stock_carousel .usedStockSlide { width: 940px; height: 294px;}
#homepage #used_stock_carousel a.prev,
#homepage #used_stock_carousel a.next { position: absolute; display: block; z-index: 999; top: 120px; width: 15px; height: 29px; text-indent:-9999em; }
#homepage #used_stock_carousel a.prev { left: -10px; background: url(/images/carousel/stock_prev.gif) no-repeat; }
#homepage #used_stock_carousel a.next { right: -10px; background: url(/images/carousel/stock_next.gif) no-repeat; }
#homepage #used_stock_carousel .product { position: relative; float: left; width: 185px; height: 294px; margin-left: 55px;  }
#homepage #used_stock_carousel .product img.thumbnail { border: 5px solid white; }
#homepage #used_stock_carousel .product .button { float: left; }
#homepage #used_stock_carousel .product .namePrice { float: left; margin-left: 5px; width: 115px; }
#homepage .serviceListItem { float: left; clear: both; padding-left: 160px; min-height: 157px; }

/* products */
#products .productBox { float: left; width: 340px; height: 225px; }
#products .productBox img { float: left; margin: 0 10px 40px 0; border: 5px solid white; }
#product .quickFeatures { float: left; width: 200px; }
#product_carousel { position: relative; float: left; clear: both; width: 420px; height: 420px; border: 10px solid white; }
#product_carousel .slide { width: 420px; height: 420px; background-color: #FFFFFF; }
#product_carousel a.prev,
#product_carousel a.next { position: absolute; display: block; z-index: 999; top: 205px; width: 30px; height: 45px; text-indent:-9999em; }
#product_carousel a.prev { left: 0; background: url(/images/product_carousel/prev.png) no-repeat; }
#product_carousel a.next { right: 0; background: url(/images/product_carousel/next.png) no-repeat; }

/* used stock */
#used_stock_list .productBox { position: relative; float: left; width: 186px; height: 304px; }
#used_stock_list .productBox img { border: 5px solid white; }
#used_stock_list .productBox .button { float: left; }
#used_stock_list .productBox .namePrice { float: left; margin-left: 5px; width: 115px; }
#used_stock .price { font-size: 1.5em; font-weight: bold; }
img.newRibbon { position: absolute; top: 0; left: 0; border: 0 !important; }

/* services */
.serviceListItem { float: left; clear: both; padding-left: 267px; min-height: 157px; }
.serviceIcon { display: inline-block; float:left; margin:0 20px 40px 0; }

/* safety */
#safety .roundedBox ul { list-style: none; margin: 20px 0 0 0; padding: 0; }
#safety .roundedBox ul li {  padding-left: 40px; background: url(/images/safety_tick_small.gif) no-repeat; line-height: 32px; font-weight: bold; margin: 12px 0; }

/* news */
#blog,
#blog .blogPost { position: relative; }
#blog .blogPost .date { position: absolute; top: 23px; left: -9px; line-height: 41px; text-align: center;  width: 113px; height: 41px; font-size: 1.3em; font-weight: bold; color: #FFFFFF; background: url(/images/blog_date_bg.png) no-repeat; }
#blog .blogPost h2 { font-size: 2em; margin: 15px 0; }
#blog .blogPost .creationDetails { margin-bottom: 15px; }
#blog .blogPost .categories { float: left; clear: both; width: 568px; margin: 10px -20px 0 -20px; padding: 10px 20px 4px 20px; border-top: 1px dotted #bbbec4; }
#blog .divide { float: left; clear: both; width: 609px; height: 1px; background-color: #93969d; margin: 20px 0;  }
#blog .widget { float: left; clear: both; width: 310px; }
#blog .widget h3 { font-size: 1.35em; padding-bottom: 8px; border-bottom: 1px solid #93969d; }
#blog .widget ul { list-style: none; margin: 0 0 35px 0; padding: 0; }
#blog .widget ul li { background: url('/images/blog_bullet.gif') left 13px no-repeat; border-bottom: 1px dotted #babfc4; padding: 5px 0 5px 12px; }
#blog .widget ul li a { font-size: 1.05em; }
#blog .widgetRssFeeds { position: absolute; top: -58px; right: -230px; }
#blog .widgetRssFeeds a { background: url(/images/icon_rss.gif) 0 0 no-repeat; font-weight: normal; padding-left: 25px; line-height: 16px; }
#blog .share { list-style: none outside; float: left; padding: 0; margin-top: 20px;  }
  #blog .share li { float: left; padding-right: 5px; }
    #blog .share li a { display: block; position: relative; }
    #blog .share li a:hover,
    #blog .share li a:focus { margin-top: -5px; }
#blog .widgetSearch { margin-bottom: 20px; }
#blog .widgetSearch li { padding: 0 !important; }
#blog .widgetSearch input { width: 220px; padding-right: 85px; }
#blog .widgetSearch .button { position: absolute; top: 4px; right: 4px; }

/* clients */
#clients img { margin-bottom: 40px; }
#clients .quote { float: left; clear: both; width: 940px; margin-bottom: 20px; }
#clients .quote .author { float: left; width: 310px; border-top: 1px solid #cacfd3; font-size: 1.35em; font-weight: bold; padding-top: 15px; }
#clients .quote blockquote { float: right; width: 610px; font-family: Georgia; font-style: italic; font-size: 1.5em; line-height: 1.3em;}

/* footer */
#footer { float: left; clear: both; width: 100%; background-color: #f1f3f5; padding: 35px 0; }
#footer ul { list-style: none; margin: 0; padding: 0; }
#footer #news ul li { padding-bottom: 10px; }
#footer #news ul li a { font-size: 1.1em; }
#footer #newsletter_signup_form { position: relative; }
#footer #newsletter_signup_form input { width: 210px; padding-right: 85px; }
#footer #newsletter_signup_form .button { position: absolute; top: 4px; right: 4px; }