@charset "utf-8";
/* CSS Document */
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,input,textarea { margin: 0;padding: 0;border: 0;outline: 0; }
body { background: url(../images/grey-texture.png) repeat;height:100%; }
html { margin:0;padding:0 40px; }
/* General Styles */
a, p, h1, h2, h3, h4, h5, h5, h6, li, label, input, textarea, td, th { font-family: 'Open Sans', sans-serif }
p { text-align: left; font-size: 14px; font-weight: 400; color: #000; line-height: 24px; margin-bottom: 15px; }
sup { position: relative; font-size: 0.6em; line-height: 0px; }
a { text-decoration: none }
#page-container { padding:0 25px;margin: 0 auto;width: 959px;height: 100%;background: url(../images/content-background.png) repeat-y;overflow: hidden; }
#content-container { margin: 0 auto; width: 960px; height: 100px; text-align: center:; }
ul.checkmark { list-style-image: url(../images/checkmark.png); line-height: 20px; padding:0 0 0 25px; }
/* Header */
#header { width: 960px; margin: 0 auto; height: 100px; background-color: #FFF; }
#logo { float:left;margin:15px 30px 0 30px; }

#signup-box { float: left;height: 84px;width: 290px;background: url(../images/newsletter-6.jpg) no-repeat bottom;display: block;margin:7px 0 0 0; }
#signup-box:hover { background-position: 0 0 }

#request-box { float: left;height: 34px;width: 229px;background: url(../images/request-button-small.png) no-repeat bottom;display: block;margin:7px 0 0 0; }
#request-box:hover { background-position: 0 0 }

#newsletter { 
	background: url(../images/newsletter-6.jpg) no-repeat 0 0 #ffffff;
	cursor: pointer;
	display: block;
	width: 290px;
	height: 84px;
}
#newsletter:hover {
	background-position: 0 -83px;
}

#header-contact { float:right;text-align: right;margin:10px 40px 0 0; }
#header-contact h2 { font-size: 19.5px; font-weight: 700; line-height: 0; color: #32578d; display: inline; margin: 0; }
#nav { float: left; width: 960px; height: 32px; background-color: #000; z-index: 10; }
ul#menu, ul#menu ul.sub-menu { list-style-type: none; z-index: 10; }
ul#menu li, ul#menu ul.sub-menu li { list-style-type: none; display: inline-block; z-index: 10; }
ul#menu li a, ul#menu li ul.sub-menu li a { text-decoration: none; color: #999; padding: 0px 40px 20px 40px; display: inline-block; font-size: 14px; font-weight: 700; }
ul#menu li ul.sub-menu li a { text-decoration: none;color: #fff;padding: 10px 15px 10px 15px;display: inline-block;font-size: 12px;font-weight: 700;width: 150px;letter-spacing: 1.2; }
ul#menu { margin-top: 6px; text-align: center; }
ul#menu li a:hover { color: #FFF }
ul#menu li { position: relative; float: left; line-height: 18px; }
ul#menu li ul.sub-menu { display: none;position: absolute;top: 26px;left: 0;width: 180px;background:#4075b5 repeat;z-index: 2;text-align: center; }
ul#menu li ul.sub-menu:hover { display: block; position: absolute; top: 26px; left: 0; z-index: 2; }
ul#menu li ul.sub-menu li { width: 160px }
ul#menu li ul.sub-menu li a:hover { background-color: #2c507c; color: #fff; }
ul#menu li:hover ul.sub-menu { display: block }
/* Home Page */
#main-content { float: left; width: 960px; }
#image-slider { float: left; width: 960px; height: 426px; background: url(../images/main-image.png); }
.flexslider { width: 960px;z-index: 1; }
#about-desc { width: 960px;height: 180px;background-color: #32578d;border-bottom:solid 5px #fff;border-top:solid 5px #fff; }
#about-left { display: table;padding:28px 30px 0 0; width: 180px; float: left;margin-left:34px; }
#about-left h1 { float: left;font-size: 25px;font-weight: 700;line-height: 36px;color: #fff;display: table-cell;vertical-align: middle;text-align: right;border-right:solid 1px #fff;padding:7px 30px 7px 0px; }
#about-center { width: 490px; float: left;margin-right:10px; }
#about-center p { font-size: 15px; color: #FFF; line-height: 27px; float: left; margin-top: 23px; }
#about-aids { float: left;margin:40px 25px 0 20px; }
#offers-section { float: left;padding:40px 0 0 34px; width: 960px; }
#offer-box1, #offer-box2, #offer-box3 { float: left; width: 285px; height: 209px; margin-right: 20px; }
#offer-box1 { background: url(../images/offer-box-background.png) no-repeat; }
#offer-box2 { background: url(../images/battery-box-background.png) no-repeat; }
#offer-box3 { background: url(../images/carp-box-background.png) no-repeat; }
#offers-section h3 { font-size: 22px; font-weight: 700; color: #fff; text-align: center;margin:20px 0 32px 0; }
#offers-section h4 { text-align: center; font-size: 14px; font-weight: 700; color: #000; }
#offers-section p { margin:15px 20px 0; font-size: 13px; line-height: 20px; }
#airmiles-logo { margin:20px 10px 0 0; float: left; }
a.learn-more-button { float: left;margin:10px 19px 0 0px;width: 286px;height: 60px;background: url(../images/learn-more-button.png) no-repeat bottom;display: block; }
.learn-more-button:hover { background-position: 0 0 }
/* Secondary Pages General Styles */
.left-column { width: 249px; float: left;margin:30px 40px 0 30px; text-align: center; }
.left-column-header { float: left; width: 249px; height: 27px; background:#32578d repeat; text-align: center; padding-top: 5px; }
.left-column h1 { font-size: 16px; font-weight: 700; text-align: center; color: #fff; }
.sidenav, .sidenav-active { float: left; width: 249px; height: 27px; padding-top: 5px; margin-bottom: 20px; text-align: center; }
.sidenav { background:#CCC repeat; }
.sidenav:hover { background-color: #69737B }
.sidenav-active { background: #32578d repeat; }
.right-column { float: left; width: 573px; padding-left: 30px; margin-top: 30px;border-left:solid 1px #999; }
.right-column h2 { font-size: 15px; font-weight: 700; text-align: left; color: #000; margin-bottom: 15px; }
.right-column-desc { float: left; width: 249; text-align: center; line-height: 18px; }
.right-column ul { margin:0 0 20px 20px; }
.right-column li { font-size: 14px; font-weight: 400; text-align: left; line-height: 20px; margin-bottom: 10px; }
.right-column a, .left-column a, #page-header a { color: #32578d; font-weight: 700; }
.right-column a:hover, .left-column a:hover, #page-header a:hover { color: #000 }
.disclaimer { font-size: 10px; line-height: 12px; }
ul#menu li a.active { color: #fff }
/* Special Offers */
img.so-am-logo { text-align: right; float: right;margin:35px 35px 0 30px; }
.battery-image { float: left; margin-bottom: 15px; }
/* Our Guarantee */
ul.no-icon { list-style: none; margin-top: 15px; }
/* Air Miles Page */
.air-miles-table { background-color: #000; border-spacing: 1px; margin: 20px auto 20px auto; width: 90%; }
.air-miles-table th { background-color: #bbb; padding: 2px 5px 2px 5px; font-size: 13px; font-weight: 700; text-align: left; }
.air-miles-table td { background-color: #fff; padding: 2px 5px 2px 5px; width: 33%; font-size: 13px; font-weight: 400; text-align: left; }
img.am-carp-logo { text-align: right; float: right;margin:5px 0 0 20px; }
img.am-logo { text-align: right; float: right; margin-left: 20px; }
/* CARP Page */
.carp li { font-size: 13px; font-weight: 400; text-align: left; line-height: 20px; list-style-image: url(../images/checkmark.png); margin-bottom: 15px; }
img.carp-logo { text-align: right; float: right; margin-left: 25px; }
/* Group Discounts */
.group-discounts { width: 150px }
#group-discounts-table { text-align: left; font-size: 14px; line-height: 24px; margin-bottom: 15px; }
#group-discounts-table img { margin:10px 0 10px 20px; }
/* Products Page */
h2.products { margin-bottom: 6px }
img.obte, img.bte, img.cic, img.itc, img.ite { text-align: right; float: right; margin-left: 20px; }
img.obte { margin-top: 15px }
/* Feedback Page */
h2.feedback { font-size: 18px }
#contact-form { width: 500px;padding:30px 30px 5px;background: #CCC;border: 1px solid #e1e1e1;-moz-box-shadow: 0px 0px 8px #444;-webkit-box-shadow: 0px 0px 8px #444;float: left;font-size: 14px;color: #fff;font-weight: 700;text-align: left;margin:20px 0 36px; }
#contact-form2 { width: 235px;padding:5px 5px 5px;background: #CCC;border: 1px solid #e1e1e1;-moz-box-shadow: 0px 0px 8px #444;-webkit-box-shadow: 0px 0px 8px #444;float: left;font-size: 14px;color: #fff;font-weight: 700;text-align: left;margin:20px 0 36px; }
label { float: left; clear: left; margin: 0 0 0 0; text-align: left; font-size: 12px; color: #445668; text-transform: uppercase; }
input { width: 360px; padding: 5px 20px 0px 20px; margin: 0 0 10px 0; background: #fff;background: -moz-linear-gradient(top, #B6B6B6 0%, #FFFFFF 20%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6B6B6), color-stop(20%,#FFFFFF));font-size: 14px; color: #000; }
input:-webkit-input-placeholder { color: #999 }
input:-moz-placeholder { color: #999 }
textarea { width: 360px;height: 170px;padding: 12px 20px 0px 20px;margin: 0 0 20px 0; background: #fff;background: -moz-linear-gradient(top, #B6B6B6 0%, #fff 4%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6B6B6), color-stop(4%,#fff));border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;font-size: 14px; color: #000; }
textarea:-webkit-input-placeholder { color: #999 }
textarea:-moz-placeholder { color: #999 }
input:focus, textarea:focus { background: #d7e6f9;background: -moz-linear-gradient(top, #acbcd2 0%, #d7e6f9 20%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acbcd2), color-stop(20%,#d7e6f9)); }
input#submit { width: 400px;height: 60px;padding: 0px 15px;background: url(../images/submit-button.png) no-repeat bottom;cursor: pointer;font-size: 16px;color: #fff; font-weight: 700;padding-bottom: 10px;display: block; }
input#submit:hover { background-position: 0 0 }
#submit { background: url(../images/submit-normal.png) }
input#submit2 { width: 229px;height: 34px;padding: 0px 15px;background: url(../images/submit-button-small.png) no-repeat bottom;cursor: pointer;font-size: 16px;color: #fff; font-weight: 700;padding-bottom: 10px;display: block; }
input#submit2:hover { background-position: 0 0 }
#submit2 { background: url(../images/submit-normal.png) }
p.testimonial { font-size: 13px; line-height: 20px; }
/* Thanks Page */
p.thanks { font-size: 18px }
/* Careers Page */
#careers-form label { display: inline-block; width: 130px; text-align: left; font-weight: 700; height: 20px; }
#careers-form input, select { border:solid 1px #999;float: left; }
#careers-form input { margin-bottom: 10px }
#careers-form select { height: 30px; margin-bottom: 10px; }
#careers-form textarea { margin: 0; float: left;border:solid 1px #999;border-radius: 0; }
#careers-form #submit { width: 400px;height: 60px;float: right;background: url(../images/submit-button.png) no-repeat bottom;display: block;margin:15px 20px 0 0; }
#careers-form #submit:hover { background-position: 0 0 }
/* Locations Page */
#google-map { margin-bottom: 30px }
#google-map a { font-size: 12px; font-weight: 400; }
/* Footer Section */
#footer { float: left; margin-top: 50px; width: 960px; height: 140px; background: url(../images/footer-texture.png); }
#footer-nav { float: left; text-align: center; width: 960px; margin-top: 20px; }
#footer-nav ul { text-align: center; font-size: 13px; font-weight: 700;list-style: none; margin-left: 0px; }
#footer-nav ul li { display: inline-block; *zoom: 1; *display: inline; }
#footer-nav ul li+li { border-left: 1px solid #939597 }
#footer-nav ul li a { display: block; text-decoration: none; color: #939597; padding: 5px 20px 5px 20px; margin-left: 1px; white-space: nowrap; line-height: 0px; }
#footer-nav ul li a:hover { color: #fff }
#copyright { margin: 0 auto; float: left; width: 960px; text-align: center; }
#copyright p { font-size: 10px; color: #808284; margin-top: 10px; text-align: center; }
/* Fixed Social Menu */
#social-menu { position: fixed; top: 250px; left: 0px; margin-right: 35px; }
#facebook, #twitter, #mail { display: block; width: 66px; height: 66px; text-indent: -99999px; }
#facebook { background: url(../images/facebook-button.png) bottom left; }
#facebook:hover { background-position: -66px 0 }
#twitter { background: url(../images/twitter-button.png) bottom left; }
#twitter:hover { background-position: -66px 0 }
#mail { background: url(../images/mail-button.png) bottom left; }
#mail:hover { background-position: -66px 0 }
#clearfix { height: 1px; display: block; content: " "; clear: both; }

ol {
  margin: 0 0 0 0;
  padding: 0;
  counter-reset: item;
}

ol > li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
}

ol > li:before {
  display: inline-block;
  width: 1.2em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}