body {margin:0 auto;background: #eee;font-family: 'Open Sans', Sans serif;font-size: 14px;color: #555;}
img,iframe {border:0}

.clearFloat {margin:0px;padding:0px;clear:both;line-height:0px;height:0px;}

p {font-size:14px;line-height: 22px;color:#666}

a {color:#333;text-decoration:underline;}
a:visited {color:#333;text-decoration:underline;}
a:hover {color:#333;text-decoration:underline;}

li {margin-left:-5px; line-height:24px;}

/* ================ start - framework  ================= */



/* ================ start - footer  ================= */

#footerNavWrapper {margin:0 auto; background:#333333}
#footerNav {margin:0 auto;max-width:1100px}
.footerNavContent {color:#ddd; margin:0;}
.footerNavContent ul {margin: 0;padding: 0;list-style-type: none;margin-bottom:10px}
.footerNavContent ul li { display: inline;}
.footerNavContent a {font-family: 'Oswald', sans-serif;font-size:14px;font-weight:400;text-decoration:none; color: #F0B206; text-transform:uppercase;padding-right:20px}
.footerNavContent a:visited {text-decoration:none; font-weight:normal; color:#F0B206}
.footerNavContent a:hover {text-decoration:none;font-weight:normal; color:#eee}

.footerNavContent2 {color:#ddd; margin:0;}
.footerNavContent2 ul {margin: 0;padding: 0;list-style-type: none;}
.footerNavContent2 ul li { display: inline;}
.footerNavContent2 a {text-decoration:none; font-size:11px; font-weight:600; color: #999999; text-transform:uppercase}
.footerNavContent2 a:visited {text-decoration:none; font-weight:600; color:#999999}
.footerNavContent2 a:hover {text-decoration:none;font-weight:600; color:#ddd}

#copyrightWrapper {margin:0px;background:#fff}
#copyright {max-width:1100px; border-top:1px solid #ccc;margin:0 auto;padding:10px;float:none}
#copyrightLeft {float:left}
.copyrightText {color:#666; font-size:11px}
#copyrightRight {float:right;text-align:right}
#copyrightRight ul {margin: 0;padding: 0;list-style-type: none;}
#copyrightRight ul li {display: inline;}

#footerSocialMediaWrapper {margin:0 auto;max-width:1100px;text-align:right}
#footerSocialMedia {width:130px;float:right}
#footerSocialMedia ul li {text-align:right}

/* ================ end - footer  ================= */

/* ================ end - framework  ================= */

/* ================ start - home  ================= */

#contentWrapper {margin:0 auto; margin:0px;padding:0px}
#content {margin:0 auto; max-width:1100px;min-height:600px;margin-bottom:20px}
#content img {max-width:100%;height:auto}



/* ================ start - home section  ================= */


/* ================ end - home section  ================= */



/* ================ start - faqs  ================= */

#faqsTop {margin:20px 0px;}
.faqCategory {padding:10px; border:1px solid #999;background:#eee;text-transform:uppercase}

.faqQuestionTop {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#666;margin:0px 0px 0px 10px;line-height:30px;text-transform: uppercase;}
.faqQuestionTop a {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#666;margin-top:0px;text-transform: uppercase;}
.faqQuestionTop a:visited {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#666;margin-top:0px;text-transform: uppercase;}
.faqQuestionTop a:hover {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#222;margin-top:0px;text-transform: uppercase;}

.faqQ {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#444;background: #FBF762;text-transform: uppercase;margin-top:0px;border-bottom:1px solid #333;text-align:center;}
.faqQuestion {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#444;background: #FBF762;text-transform: uppercase;margin-top:0px;border-bottom:1px solid #333;}
.faqA {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#666;text-transform: uppercase;margin-top:10px;;text-align:center;}
.faqAnswer {font-size:14px;font-weight:400;color:#666;margin:10px 0 20px 0;line-height:24px;}

/* ================ end - faqs  ================= */

/* ================ start - home news / events  ================= */

/* ================ end - home news / events  ================= */

/* ================ start - home social media  ================= */

/* ================ end - home social media  ================= */

/* ================ start - news summary and details pages  ================= */

/*.newsItem {float:left; width:30%;  margin:.1% .5% .1% 0%; background-color: #ddd; padding:10px; margin-bottom: 2%;min-height:360px;} */
.newsItem {background-color: #fff;padding:10px;margin-bottom:20px}
.newsItem .image {width:100%;height:auto;max-height:200px;overflow:hidden}
.newsItem .image img {width:100%;border:1px solid #999999}

.newsItem .title {font-family: 'Open Sans', sans-serif;font-size:16px;font-weight:600;color:#fff;text-transform: uppercase;margin:0px 0 10px 0;line-height:20px;background:#444;padding:6px}
.newsItem .link {margin-top:10px}
.newsItem .link a {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#333;text-decoration: underline;}
.newsItem .link a:visited {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#333;text-decoration: underline;}
.newsItem .link a:hover {font-family: 'Open Sans', sans-serif;font-size:14px;font-weight:600;color:#000;text-decoration: underline;}




/* ================ end - news summary and details pages  ================= */

/* ================ start - events summary and details pages  ================= */

/*.eventItem {float:left; width:30%;  margin:.1% .5% .1% 0%; background-color: #ddd; padding:10px; margin-bottom: 2%;min-height:360px;}  */
.eventItem {background-color: #ddd;min-height:300px;padding:8px;}
.eventItem .image {width:100%;height:auto;max-height:200px;overflow:hidden}
.eventItem .image img {width:100%;border:1px solid #999999}
.eventItem .heading {float:left;}
.eventItem .title {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;margin-top:2%;line-height:20px}
.eventItem .date {font-size:12px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}
.eventItem .body {margin-top:10px;}
.eventItem a {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.eventItem a:visited {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.eventItem a:hover {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}

#pageLeft {float:left;width:60%;margin-top:10px;}
#pageRight {float:right;width:30%;margin-top:10px;text-align:center;}
#pageRight img {float:left;width:100%;margin-bottom:10px}

#eventDetail #heading {float:left;margin-bottom:20px;}
#eventDetail #title {font-family: 'Oswald', sans-serif;font-size:22px;font-weight:400;color:#D90000;text-transform: uppercase;}
#eventDetail #date {font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;color:#444;text-transform: uppercase;}
#eventDetail #time {font-family: 'Oswald', sans-serif;font-size:14px;font-weight:400;color:#444;text-transform: uppercase;}
#eventDetail #website {margin:10px 0px}
#eventDetail #website a {font-size:14px;text-decoration: underline;font-weight: normal;color: #666;text-transform: uppercase;}
#eventDetail #website a:visited {font-size:14px;text-decoration: underline;font-weight: normal;color: #666;;text-transform: uppercase;}
#eventDetail #website a:hover {font-size:14px;text-decoration: underline;font-weight: normal;color: #D90000;;text-transform: uppercase;}
#eventDetail .subTitle {margin:15px 0px 0px 0px;font-size:14px;font-weight:400;color:#999;text-transform: uppercase;}
#eventDetail .details {font-size:14px;font-weight:700;color:#666;text-transform: uppercase;}


/* ================ end - events summary and details pages  ================= */

/* ================ end - gallery summary and details pages  ================= */

/*  START - GALLERY SUMMARY PAGE */


.galleryItem {background-color: #ddd;min-height:300px;padding:8px;}
.galleryItem .image {width:100%;height:auto;max-height:280px;overflow:hidden}
.galleryItem .image img {float:left;width:100%;border:1px solid #999999}
.galleryItem .heading {float:left;}
.galleryItem .title {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;margin-top:2%;line-height:20px}
.galleryItem .body {margin-top:10px;}
.galleryItem a {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.galleryItem a:visited {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.galleryItem a:hover {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}

.itemGallery {float:left;background:#333;width:200px;height:200px;margin:4px 10px;}
.itemGalleryTitle {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;margin-top:2%;line-height:20px}

/*  START - GALLERY DETAIL PAGE */

#galleryDetail {border:1px solid red;}

#galleryDetailLeft {float:left;width:300px;margin:10px 15px 0px 0px;min-height:400px;}
#galleryDetailLeft img {width:300px;border:1px solid #ccc;}
#galleryDetailRight {float:left;width:680px;margin:10px 0px 0px 0px;min-height:400px;}
#galleryDetailMessage {font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase;color: #FF0000;margin: 0px 0px 10px 5px;}
.itemProductImageBox {float:left;height:80px;margin:5px}
.itemProductImageBox img {border:1px solid #ccc}

/* ================ end - gallery summary and details pages  ================= */

/* ================ start - dealer pages  ================= */

#zipSearchForm {margin-bottom:20px;}
#map-canvas {height:500px;width:580px}
.infoWindow {min-width:200px;min-height:50px;background:#fff;padding:5px;border:1px solid #000}
#zipSearchResults {margin:10px 0}
.dealerResultsSection {margin:0 auto;}
.dealerResultsSection table {width: 100%;  border-collapse: collapse;}

.dealerResultsSection table a,.dealerResultsSection table a:visited {color:#B20000;font-size:14px;text-decoration:underline;font-weight:600;}
.dealerResultsSection table a:hover {text-decoration:none;color:#D90000;text-decoration:underline;font-weight:600;}

/* Zebra striping */
.dealerResultsSection tr:nth-of-type(even) {
  background: #ddd;
}
.dealerResultsSection th {
  background: #333;
  color: white;
  font-weight: bold;
}
.dealerResultsSection td, th {
  padding: 6px;
  border: 1px solid #ccc;
  text-align: left;
  font-size: 14px;
}

.dealerResultsSection td, th {
   text-align: left;
   }


/* ================ start - login  ================= */

#loginForm td {font-size:14px}
#loginFormMessages ul {font-size:20px;color:#d90000;list-style-type:none}

.myclymertitle {font-size:16px;line-height:20px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #333;}
.vela-field {padding:10px 0;clear:both}
.vela-field-label {width:140px;float:left}
.vela-field-input {width:200px;float:left}
.vela-field-input select {width:200px;}

#vela-account-links {font-size:16px;line-height:20px;padding:5px 0px}
.vela-account-links-item {border:1px solid #ccc;padding:10px;font-size:16px;background:#fff;margin:4px 0;text-transform:uppercase}

.vela-account-links-item a {font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.vela-account-links-item a:visited {font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.vela-account-links-item a:hover {font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}

#vela-order-history td {font-size:14px}
#vela-order-history th {background: #666; color: white; font-weight: bold;}

.vela-access-amb {border:1px solid #333;margin:20px 0;padding:10px;}
.vela-access-amb-title {font-family: 'Oswald', sans-serif;font-size:16px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;margin-bottom:20px;}
.vela-access-amb-image {max-width:150px;float:left;margin-right:20px}
.vela-access-amb-expire {margin:10px;font-weight:600}

/* ================ end - login  ================= */




/* ================ start - vehicle search results  ================= */

.categoryItem {float:left; width:30%;  margin:.1% .5% .1% 0%; background-color: #ddd; padding:10px; margin-bottom: 2%;min-height:370px;}
.categoryItem .image {width:100%;height:auto;overflow:hidden}
.categoryItem .image img {width:99%;border:1px solid #999999}
.categoryItem .heading {float:left;}
.categoryItem .title {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;margin-top:2%;line-height:20px}
.categoryItem .date {font-size:12px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}
.categoryItem .body {margin-top:10px;}
.categoryItem a {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.categoryItem a:visited {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.categoryItem a:hover {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}

.]Item {float:left; width:30%;  margin:.1% .5% .1% 0%; background-color: #ddd; padding:10px; margin-bottom: 2%;min-height:360px;}
.productItem .image {float:left;width:100%;height:auto}
.productItem .image img {float:left;width:100%;border:1px solid #999999}
.productItem .heading {float:left;}
.productItem .title {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;margin-top:2%;line-height:20px}
.productItem .date {font-size:12px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}
.productItem .body {margin-top:10px;}
.productItem a {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.productItem a:visited {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#444;text-transform: uppercase;text-decoration: none;}
.productItem a:hover {font-family: 'Oswald', sans-serif;font-size:18px;font-weight:400;color:#D90000;text-transform: uppercase;text-decoration: none;}
.priceItem {color:#000;font-size:10px;margin-bottom:5px}

#vehicleSelected {font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 400;text-transform: uppercase;color: #999999;margin: 5px 0px 5px 0px;}
#vehicleSelectedClear a,#vehicleSelectedClear a:visited {color:#B20000;font-size:12px;text-decoration:underline;}
#vehicleSelectedClear a:hover {text-decoration:none;color:#D90000;text-decoration:underline;}

#vs select {font-size:12px;float:left;margin:10px 5px}
#vs .searchButton {float:left;font-family: 'Oswald', sans-serif;font-weight:400;font-size:14px;color:#fff;background:#D90000;border:1px solid #D90000;padding:2px 4px;margin: 10px 0;cursor:pointer;text-decoration:none;}
#vs .searchButton:hover {background:#B20000}




/* ================ end - vehicle search results  ================= */


/*  START - ECOM SHOPPING CART  */

#scLeft {float:left;width:260px;margin:20px 10px 10px 0px;padding-bottom:10px}
#scRight {float:left;width:100%;max-width:730px;margin:20px 0px 10px 0px}

#cartScTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #EEE;margin: 0px 0px;background-color:#666;padding:6px 6px;}
#cartShippingTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #333;margin: 0px 0px;background-color:#aaa;padding:6px 6px;}
#cartShippingText {color:#666;font-size: 12px;padding:5px;margin: 5px 0px 0px 0px}
#cartCheckoutTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #EEE;margin: 10px 0px 0px 0px;background-color:#458A00;padding:6px 6px;}
#cartBillingShippingTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #333;margin: 0px 0px;background-color:#aaa;padding:6px 6px;}
#cartPaymentTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #EEE;margin: 10px 0px 0px 0px;background-color:#458A00;padding:6px 6px;}
#cartSpecialNotesTitle {font-family: 'Oswald', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;color: #FF8000;margin: 0px 0px;background-color:#FFCC99;padding:6px 6px;}
#cartSpecialNotesText {color:#FF8000;font-size: 12px;padding:5px;margin: 5px 0px 0px 0px}

#cartContent {width:100%;max-width:730px;border-collapse:collapse;border:1px solid #999;padding:0;margin:1px 0px;background:#FFF}
#cartContent tr td {border:1px solid #999;font-size:12px;padding:8px;color:#333;font-size:11px}
#cartContent tr th {border:1px solid #999;font-size:12px;padding:8px;color:#fff;background:#666}
td  {vertical-align:top;text-align:left;color:#333;font-size:11px}
.textField {text-align:left}
.numericField {text-align:right}
.cartTotals {text-align:right;font-weight:700;}
#message {margin:5px 0;font-weight:700;color:#cc0000;background-color:#FFD9D9;padding:5px}
.paymentOption {float:left;height: 240px;margin:10px 10px 10px 0px;border:1px solid #CCC;background:#FFF}
.sectionHeading {width:100%;font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 700;text-transform: uppercase;color: #458A00;margin: 0px 0px;background-color:#DDD;padding:6px 6px;}
.optionalCheckout {margin:10px 0px 0px 0px;text-align:center}
.paymentOptionTable {margin:5px;}
.formLabel {width:100px;padding:5px 0}
.formLabel2 {width:180px;padding:5px 0}
#secureCheckout {float:left}



#checkoutLockMessage {float:left;width:100%;border:1px solid #ccc;height:auto;background:#fff}
#lock {float:left;margin-right:10px}
#checkoutMessage {float:left;color: #666; font-size: 12px; margin: 10px 0px 30px 0px;line-height:16px;}

.customerForm {float:left;border:1px solid #090;width:100%;max-width:400px;height:420px;margin:10px 10px 10px 0px;background:#FFF}
.customerFormTable {margin:10px}
#mailingListTD {width:250px;font-size:11px}

#customerInformation {width:258px;float:left;margin:5px 10px 10px 0px;border:1px solid #999;background:#fff}
#customerInformationText {width:248px;float:left;margin:5px 5px 5px 5px;font-size:11px;color:#666}

#paymentInformation {float:left;margin:5px 10px 10px 0px;border:1px solid #090;background:#fff}
#cvcMessage{float: left; color: #999; font-size: 11px; margin: 6px 0px 0px 0px}
.cfInput {width:90%;max-width:200px}

#partNumberColumn {width:80px}
#quantityColumn {width:90px}
.quantityBox {width:20px;}
#unitColumn {width:80px}
#subTotalColumn {width:80px}

#receiptHeader {float:left;width:100%;max-width:600px;margin: 0px 0px 10px 0px;}
#receiptHeaderLeft {float:left;width:100%;max-width:270px;color:#111;margin: 0px 0px 10px 0px;}
#receiptHeaderRight {float:left;width:100%;max-width:320px;color:#666;margin: 0px 0px 10px 10px;font-size: 11px;}


/* ================ start - buttons  ================= */

/* thoughtbot (inspired by thoughtbot.com)
*******************************************************************************/

/* START - TESTING BUTTON*/

a.btn-general {
  background-color: #FFFF4D;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFF4D), color-stop(50%, #FFFF4D), color-stop(50%, #D5D500), color-stop(100%, #112357));
  background-image: -webkit-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -moz-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -ms-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -o-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  border: 1px solid #222;
/*
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
*/
  color: #333;
  font: 16px/1 "Oswald", sans-serif;
  letter-spacing:1px;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: center;
/*  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); */
  width: 100%;
  display:block; }

a.btn-general:hover {
  background-color: #FFFF93;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFF93), color-stop(50%, #FFFF93), color-stop(50%, #BBBB00), color-stop(100%, #BBBB00));
  background-image: -webkit-linear-gradient(top, #FFFF93 0%, #FFFF93 50%, #BBBB00 50%, #BBBB00 100%);
  background-image: -moz-linear-gradient(top, #FFFF93 0%, #FFFF93 50%, #BBBB00 50%, #BBBB00 100%);
  background-image: -ms-linear-gradient(top, #FFFF93 0%, #FFFF93 50%, #BBBB00 50%, #BBBB00 100%);
  background-image: -o-linear-gradient(top, #FFFF93 0%, #FFFF93 50%, #BBBB00 50%, #BBBB00 100%);
  background-image: linear-gradient(top, #FFFF93 0%, #FFFF93 50%, #BBBB00 50%, #BBBB00 100%);
  cursor: pointer; }

a.btn-general:active {
  background-color: #FFFF4D;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFF4D), color-stop(50%, #FFFF4D), color-stop(50%, #D5D500), color-stop(100%, #D5D500));
  background-image: -webkit-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -moz-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -ms-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: -o-linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  background-image: linear-gradient(top, #FFFF4D 0%, #FFFF4D 50%, #D5D500 50%, #D5D500 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4);
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4); }



/* END - TESTING BUTTON #F0B206 #F2D216*/

button.btn-general {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  border: 1px solid #222;
  color: #222;
  font: 16px/1 "Open Sans", sans-serif;
  font-weight: 600;
  letter-spacing:0px;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: center;
  width: 100%; }

button.btn-general:hover {
  background-color: #F2D216;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2D216), color-stop(50%, #F2D216), color-stop(50%, #F0B206), color-stop(100%, #F0B206));
  background-image: -webkit-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -moz-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -ms-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -o-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  cursor: pointer; }

button.btn-general:active {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4);
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4); }


.buttonGeneral2 {margin:8px 0}

a.btn-general2 {
  background-color: #969696;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(50%, #878787), color-stop(50%, #686868), color-stop(100%, #595959));
  background-image: -webkit-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -moz-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -ms-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -o-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  border: 1px solid #222;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
  color: #fff;
  font: 16px/1 "Oswald", sans-serif;
  letter-spacing:1px;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 100%;
  display:block;}

a.btn-general2:hover {
  background-color: #717171;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(50%, #FFFF4D), color-stop(50%, #484848), color-stop(100%, #3D3D3D));
  background-image: -webkit-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -moz-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -ms-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -o-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  cursor: pointer; }

a.btn-general2:active {
  background-color: #5C5C5C;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5C5C5C), color-stop(50%, #4D4D4D), color-stop(50%, #373737), color-stop(100%, #2D2D2D));
  background-image: -webkit-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -moz-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -ms-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -o-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); }


.btn-add-to-cart {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  border: 1px solid #222;
  color: #222;
  font: 16px/1 "Open Sans", sans-serif;
  font-weight: 600;
  letter-spacing:0px;
  padding: 8px 0 8px 0;
  text-transform: uppercase;
  text-align: center;
  width: 90%; float:right;}

.btn-add-to-cart:hover {
  background-color: #F2D216;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2D216), color-stop(50%, #F2D216), color-stop(50%, #F0B206), color-stop(100%, #F0B206));
  background-image: -webkit-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -moz-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -ms-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -o-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  cursor: pointer; }

.btn-add-to-cart:active {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4);
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4); }

.btn-add-to-cart2 {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  border: 1px solid #222;
  color: #222;
  font: 12px/1 "Open Sans", sans-serif;
  font-weight: 600;
  letter-spacing:0px;
  padding: 8px 0 8px 0;
  text-transform: uppercase;
  text-align: center;
  width: 100%; float:right;}

.btn-add-to-cart2:hover {
  background-color: #F2D216;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2D216), color-stop(50%, #F2D216), color-stop(50%, #F0B206), color-stop(100%, #F0B206));
  background-image: -webkit-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -moz-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -ms-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -o-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  cursor: pointer; }

.btn-add-to-cart2:active {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4);
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4); }


#buttoncontinueShopping {margin:20px 0 0 0px;}

a.continueShopping {
  background-color: #969696;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #969696), color-stop(50%, #878787), color-stop(50%, #686868), color-stop(100%, #595959));
  background-image: -webkit-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -moz-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -ms-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: -o-linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  background-image: linear-gradient(top, #969696 0%, #878787 50%, #686868 50%, #595959 100%);
  border: 1px solid #222;
/*
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
*/
  color: #fff;
  font: 14px/1 "Oswald", sans-serif;
  letter-spacing:1px;
  padding: 4px 10px;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
  width: 100%; }

a.continueShopping:hover {
  background-color: #717171;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(50%, #FFFF4D), color-stop(50%, #484848), color-stop(100%, #3D3D3D));
  background-image: -webkit-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -moz-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -ms-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: -o-linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  background-image: linear-gradient(top, #717171 0%, #626262 50%, #484848 50%, #3D3D3D 100%);
  cursor: pointer; }

a.continueShopping:active {
  background-color: #5C5C5C;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5C5C5C), color-stop(50%, #4D4D4D), color-stop(50%, #373737), color-stop(100%, #2D2D2D));
  background-image: -webkit-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -moz-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -ms-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: -o-linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  background-image: linear-gradient(top, #5C5C5C 0%, #4D4D4D 50%, #373737 50%, #2D2D2D 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 115, 100, 0.4); }


.submitButton {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  border: 1px solid #222;
/*
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4), 0 1px 3px #333333;
*/
  color: #222;
  font: 14px/1 "Oswald", sans-serif;
  letter-spacing:1px;
  padding: 5px 10px 5px 10px;
  text-transform: uppercase;
  text-align: center;
/*  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); */
  /* width: 100%; */}

.submitButton:hover {
  background-color: #F2D216;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2D216), color-stop(50%, #F2D216), color-stop(50%, #F0B206), color-stop(100%, #F0B206));
  background-image: -webkit-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -moz-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -ms-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: -o-linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  background-image: linear-gradient(top, #F2D216 0%, #F2D216 50%, #F0B206 50%, #F0B206 100%);
  cursor: pointer; }

.submitButton:active {
  background-color: #F0B206;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0B206), color-stop(50%, #F0B206), color-stop(50%, #F2D216), color-stop(100%, #F2D216));
  background-image: -webkit-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -moz-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -ms-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: -o-linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  background-image: linear-gradient(top, #F0B206 0%, #F0B206 50%, #F2D216 50%, #F2D216 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4);
  box-shadow: inset 0 0 0 1px rgba(60, 60, 60, 0.4); }


.updateButton {font-family:tahoma;float:right;color:#222;background:#ccc;border:1px solid #111;padding:3px;margin: -1px 2px;font-size:10px;cursor:pointer;}
.updateButton:hover {font-family:tahoma;float:right;background: #999;color: #222;}

.otherButton {font-family: 'Oswald', sans-serif;font-weight:700;font-size:12px;text-decoration:none;color:#222;background:#ccc;border:1px solid #000;padding:3px;margin:10px 0px 5px 0px;cursor:pointer;  border-radius: 5px;}
.otherButton:hover {font-family: 'Oswald', sans-serif;font-weight:700;color: #222;text-decoration:none;font-size:12px;background:#eee}

a.downloadButton {font-family: 'Oswald', sans-serif;text-transform:uppercase;color:#555;background:#FBF762;border:1px solid #999;padding:3px 5px;margin: -1px 2px;font-size:12px;cursor:pointer;  border-radius: 4px;}
a.downloadButton:hover {background: #ffff00;color: #333;}


/* ================ end - buttons  ================= */


/* SHOPPING CART - start */

#pageTitleBox1{background-color:#fff;min-height:28px;margin:30px 5px;border: 1px solid #dddddd;border-bottom: 1px solid #CE9529;background:#eee;}
#pageTitleBox2{background-color:#ccc;height:28px;margin:0;border: 1px solid #999}
#pageTitleBox3{background-color:#999;height:28px;margin:0;border: 1px solid #999}
#pageTitleBox4{background-color:#ff0;height:28px;margin:0;border: 1px solid #999}
.pageTitleBox5{background-color:#B00000;margin:0;padding:6px;border: 1px solid #333;color:#fff;font-size:13px;font-weight:700}

#pageTitleBoxLeft {float:left;margin:0;padding:5px 5px 5px 5px;}
#pageTitleBoxRight {float:right;margin:2px 2px 0px 0px}
#pageTitleRed {float:left;color:#333;font: bold 14px Tahoma, Verdana}
#pageTitleBlack {float:left;color:#333;font: bold 14px Tahoma, Verdana;margin-left:5px}

#message {color:#c00;margin:20px;font-weight:700;background-color:#FFD9D9;padding:5px}
#viewCartMessage {margin:20px}
#usOnlyMessage {margin:20px;font-weight:700;color:#360}
#paymentFormsAccepted {text-align:center;font-weight:700;font-size:15px;margin: 10px 5px;padding:5px;background:#F3E8C2}
#shoppingCart {width:99%;margin:10px 5px;border:1px solid #cc0000;border-collapse:collapse;}
#shoppingCart tr td {border:1px solid #999;font-size:12px;padding:5px;color:#333;}
#shoppingCart tr th {border:1px solid #999;font-size:12px;padding:5px;color:#666;background:#ddd}
td  {vertical-align:top;text-align:left;color:#333;font-size:11px}
.cartTotals {text-align:right;font-weight:700;font-size:14px}

#checkoutLockMessage {width:99%;margin:10px 5px;border:1px solid #cccccc;height:130px;}
#lock {float:left;margin-right:10px}
#checkoutMessage{float: left; color: #333; font-size: 12px; margin: 10px 0px 30px 0px;line-height:16px;}

#shoppingCartPaymentForm {width:550px;margin:2%;float:left}


#bInfo {margin:5px;border:1px solid #666;width:48%;float:left;height:600px;}
#bInfo2 {margin:5px;border:1px solid #666;width:50%;float:left;height:680px}
#bInfo2 tr td {padding:5px 0px;}
#bInfoHeading {background:#ddd;font-size:14px;padding:10px;font-weight:700}
#bInfoDetail {padding:5px}
.nInput {border:1px solid #999;font-size:14px;padding:5px;color:#666}
#bInfoDetail tr td {padding:5px 0px;}

#sInfo {margin:5px;border:1px solid #666;width:48%;float:left;height:600px}
#sInfo2 tr td {padding:5px 0px;}
#sInfoHeading {background:#ddd;font-size:14px;padding:10px;font-weight:700}
#sInfoDetail {padding:4px}
#sInfoDetail tr td {padding:5px 0px;}

.selectList {width:80%; color:#666; font-size:14px;padding:5px}

#pCart {float:left;width:99%;margin:10px 5px;border:1px solid #666;border-collapse:collapse;}
#pCartHeading {background:#ddd;font-size:14px;padding:10px;font-weight:700}
#pCartDetail {float:left;width:99%;margin:5px 5px;border-collapse:collapse;}
#pCartDetail tr td {border:1px solid #ddd;font-size:14px;padding:5px;color:#333;}
#pCartDetail tr th {border:1px solid #ddd;font-size:14px;padding:5px;color:#666;background:#ddd}


#pbInfoHeading {background:#ddd;font-size:14px;padding:10px;font-weight:700}
#pbInfoDetail {padding:5px 2px;font-size:14px}

#pInfo {float:left;width:68%;margin-top:10px;}
#pInfo tr td {padding:5px 0px;}
#pInfoHeading {background:#ddd;font-size:14px;padding:10px;font-weight:700}
#pInfoDetail {padding:5px 2px;}
#pInfoDetail td {font-size:14px}
#formShippingOptions {float:right;margin-right:50px}

.headerL {text-align:left;vertical-align:bottom}
.headerR {text-align:right;vertical-align:bottom}
.cartDetail {text-align:left;vertical-align:top}
.cartDetailNumeric {text-align:right;vertical-align:top;}
.update {float:right}
#shippingDetails {margin:20px 0 0 0;padding:4px 8px 4px 0px}
#continueShopping {float:left;margin:20px 0}
#paymentOptionsTop {float:right;margin:20px;display:none}
#paymentOptions {float:right;margin:20px}
.secureCheckout {float:right;margin:0 3px}
.or {float:right;margin: 5px 0 0 7px}
.paypalButton {float:right;margin:0 3px}

#moleSalesMessage {font-weight:700;font-size:12px;margin: 5px 5px;padding:10px;background:#dddddd;text-align:center}
#moleSystemRecommendations {margin:20px 0px 20px 0px}
#announcement{font-size: 14px;color: #000;margin: 0 20px 10px 20px}


#lowShippingBox {margin-left:167px;width:450px;height:40px}
#lowShippingBoxPaymentForm {margin:10px 0;width:450px;height:40px;}
#lowShippingPrice {color:#c00;margin: -28px 0px 0px 250px;font-size:14px;font-weight:700}
#cartMessage {width:90%;color:#c00;margin-right:50px;font-weight:700;margin-left:20px;text-align:center}

#techbooksImage {float:left;margin-top:20px}
#hbdBooksImage {float:left;margin-top:20px;margin-left:5px}
#shoppingCartLock {float:left}
#shoppingCartWelcome {float:left;margin-left:20px}

#checkoutContent {}

.errorBox {float:left;margin:10px;background-color:#FFD9D9;padding:10px}
.error {margin:5px 0;font-weight:700;color:#cc0000;background-color:#FFD9D9;padding:5px}

#hbdDiscountMessage {color:#c00;font-weight:700;font-size:14px}

#ukLink {margin:10px}
#options .submitButton {width:200px;margin-bottom:5px}
.cform {float:left;width:100%;margin:0px;}
#option {}
#new,#returning,#forgot {display:none}
.customerForm {float:left;width:45%;margin:2%}
.customerForm2 {float:left;width:400px;margin:10px 8px 10px 5px}
.customerInfoHeading {background:#ddd;font-size:13px;padding:10px;font-weight:700;margin-bottom:10px;}
.heading {font-weight:700;font-size:14px;padding-bottom:10px;}

.discountBox {float: left;width: 270px;height:40px;margin: 5px 0px; border: #252525 solid 1px}
.discountBox2{float: left;width: 194px;height:40px;margin: 5px 0px; border: #252525 solid 1px}
.discountPriceBox {float: left;width: 60px;height:40px;background: #999;}
.discountPercentBox {float: left;width: 50px;height:40px;background: #fff;}
.discountTextBox {float: left;width: 160px;height:40px;background: #fdd;}
.discountPrice {float: left;width: 54px;margin: 12px 0px 12px 6px; font-family: Tahoma; font-size: 12px; font-weight: 700; color: #fff; line-height:16px}
.discountPercent {width: 42px;margin: 4px 0px 4px 8px; font-family: Tahoma; font-size: 16px; font-weight: 700; color: #cc0000; line-height:16px}
.discountPercent2 {margin: 4px 10px 4px 8px; font-family: Tahoma; font-size: 12px; font-weight: 700; color: #000000;}
.discountText {float: left;width: 120px;margin: 4px 10px 4px 10px; font-family: Tahoma; font-size: 12px; font-weight: 700; color: #cc0000; line-height:16px}

#discountBox {float: left;width: 190px;height:40px;margin: 5px 0px; border: #252525 solid 1px}
#discountPriceBox {float: left;width: 60px;height:24px;background: #c00;}
#discountPercentBox {float: left;width: 110px;height:24px;background: #fff;}
#discountTextBox {float: left;width: 190px;height:20px;background: #fdd; border-top:1px solid #000}
#discountPrice {float: left;width: 54px;margin:4px; font-family: Tahoma; font-size: 12px; font-weight: 700; color: #fff; line-height:16px}
#discountPercent {margin:4px; font-family: Tahoma; font-size: 16px; font-weight: 700; color: #cc0000; line-height:16px;}
#discountPercent2 {margin:4px; font-family: Tahoma; font-size: 16px; font-weight: 700; color: #000; line-height:16px;}

#discountText {float: left;width: 190px;margin:2px; font-family: Tahoma; font-size: 10px; font-weight: 700; color: #cc0000; line-height:16px}

/*MOLE SUBSCRIBER*/
.moleItem {margin: 10px}
.moleImage {float:left;width:200px}
.moleData {float:left;width:600px}

.manual {float:left; margin:20px 40px}
.manual img {border: 1px solid #000}

#breadcrumbs {margin: 0 0 20px 0}
#breadcrumbs table,#breadcrumbs table tr,#breadcrumbs table tr td {border:1px solid #000;border-collapse:collapse}
#breadcrumbs table tr td {width: 250px}
#breadcrumbs table tr td {padding: 5px 4px 10px 4px}

#pdf {margin-top: 10px}

#share {float:right}

#relatedItems {margin:20px 0}
/* SHOPPING CART - end */

#sLinksTop {display:none}
#sLinksBottom {margin: 10px 0}
li.siteLinks {visibility:hidden;width:0;height:0}
.adboxesMobile {display:none}


/* caption style */

.captionOrange, .captionBlack
{
    color: #fff;
    font-family:'Open Sans', sans-serif;
    font-size: 22px;
    line-height: 24px;
    border-radius: 2px;
    font-weight:700;
    text-transform:uppercase;
    padding:4px 5px 3px 10px;
}
.captionOrange
{
    background: #000;
    background-color: rgba(0, 0, 0, 0.3);
}
.captionBlack
{
	font-size:16px;
    background: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover
{
    color: #eb5100;
    text-decoration: underline;
    background-color: #eeeeee;
    background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
    background: url(../img/browser-icons.png);
}


/* jssor slider bullet navigator skin 01 css */
/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 {
    position: absolute;
}
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {
    position: absolute;
    /* size of bullet elment */
    width: 12px;
    height: 12px;
    filter: alpha(opacity=70);
    opacity: .7;
    overflow: hidden;
    cursor: pointer;
    border: #eee 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }


/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
*/
.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(/graphics/a17.png) no-repeat;
    overflow: hidden;
}
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }



#freeShipping {text-align:center;width:120px;float:right;height:50px;line-height:10px;margin-top:40px}
#freeShippingL {display:none}

/* ============== START - MOBILE CSS =========== */

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px)
{
  #headerSocialMedia {text-align:center;margin:0px 0px 0px 0px;}
  #homeSocialWrapper, #footerWrapper, #freeShipping {display:none}
  #freeShippingL {float:left;margin-top:0px;text-align:center;font-size:10px;display:block;width:120px;height:50px;line-height:10px}
  .homeTitle {line-height: 24px}
  #copyrightText {;color:#888; font-size:12px; font-weight:normal;margin-bottom:1%;text-align:center}
  #topOfPage {margin:20px 0;text-align: center}
  #logoLeft {float:left;width:50%;padding-top:5px}
  #logoRight {float:right;width:40%;padding-top:16px;}
  .modelOption {width:100%;}
  .modelOptionImage img {width:100%;height:auto;margin:0;border:1px solid #333}
  .modelOptionText {color: #111;font-size: 14px;text-transform: uppercase;}

  #map-canvas {height:320px;width:100%}
  .infoWindow {min-width:200px;min-height:50px;background:#fff;padding:5px;border:1px solid #000}

  .cform tr td h2 {font-size:14px}
}

@media all and (max-width: 700px)
{
  #sLinksTop {display:block;margin: 0 0 10px 0}
  #sLinksBottom {display:none}
  #content {display: flex; flex-flow: column}
  #ms {order: 1}
  #featuredProducts {order: 2}
  #slideshowWrapper {order: 3}
  #adbox2,#adbox3 {display: none}
  .adboxesMobile {display:inline;order:6}
  #topWrapper {display:none}
  #generalNavWrapper {display:none}
  li.siteLinks {visibility:visible;width:auto;height:auto}
  #continueShopping {display:none}
  #paymentOptionsTop {display:block}
  .secureCheckout,.or,.paypalButton {clear:both}
  #footerSocialMediaWrapper {display:none}
}
@media all and (max-width: 480px)
{
  #make,#model,#year {width:280px}
  .productGridContent .productImage {min-height:auto;height:auto;margin-bottom:4px}
  #ads {display:none}
}
/* ============== END - MOBILE CSS =========== */












/*
  Simple Grid
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
  Author - Dallas Bass
  Site - dallasbass.com
*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='col-'] {
	float: left;
	padding-right: 15px; /* column-space */
  margin-bottom: 15px;
/*  border:1px soliregree*/
}

.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 755px;
	margin: 0 auto;
	overflow: hidden;
}

.grid:after {
	content: "";
	display: table;
	clear: both;
}

.grid-pad {
	padding-top: 20px;
	padding-left: 15px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
	padding-bottom: 20px;
/*  border:1px solid blue */
}

.grid-pad-2 {
	padding-top: 20px;
	padding-left: 15px; /* grid-space to left */
	padding-right: 0px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-20px=0 */
	padding-bottom: 0px;
/*  border:1px solid blue */
}

.push-right {
	float: right;
}

/* Content Columns */

.col-1-1 {
	width: 100%;
}
.col-2-3, .col-8-12 {
	width: 66.66%;
}

.col-1-2, .col-6-12 {
	width: 50%;
}

.col-1-3, .col-4-12 {
	width: 33.33%;
}

.col-1-4, .col-3-12 {
	width: 25%;
}

.col-1-5 {
	width: 20%;
}

.col-1-6, .col-2-12 {
	width: 16.667%;
}

.col-1-7 {
	width: 14.28%;
}

.col-1-8 {
	width: 12.5%;
}

.col-1-9 {
	width: 11.1%;
}

.col-1-10 {
	width: 10%;
}

.col-1-11 {
	width: 9.09%;
}

.col-1-12 {
	width: 8.33%
}

/* Layout Columns */

.col-11-12 {
	width: 91.66%
}

.col-10-12 {
	width: 83.333%;
}

.col-9-12 {
	width: 75%;
}

.col-5-12 {
	width: 41.66%;
}

.col-7-12 {
	width: 58.33%
}



/* Pushing blocks */

.push-2-3, .push-8-12 {
	margin-left: 66.66%;
}

.push-1-2, .push-6-12 {
	margin-left: 50%;
}

.push-1-3, .push-4-12 {
	margin-left: 33.33%;
  border:1px solid red;
}

.push-1-4, .push-3-12 {
	margin-left: 25%;
}

.push-1-5 {
	margin-left: 20%;
}

.push-1-6, .push-2-12 {
	margin-left: 16.667%;
}

.push-1-7 {
	margin-left: 14.28%;
}

.push-1-8 {
	margin-left: 12.5%;
}

.push-1-9 {
	margin-left: 11.1%;
}

.push-1-10 {
	margin-left: 10%;
}

.push-1-11 {
	margin-left: 9.09%;
}

.push-1-12 {
	margin-left: 8.33%
}


@media handheld, only screen and (max-width: 767px) {
	.grid {
		width: 100%;
		min-width: 0;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 20px; /* grid-space to left */
		padding-right: 10px; /* grid-space to right: (grid-space-left - column-space) e.g. 20px-10px=10px */
	}

	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
	}


	/* Mobile Layout */

	[class*='mobile-col-'] {
		float: left;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px; /* column-space */
		padding-bottom: 0px;
	}

	.mobile-col-1-1 {
		width: 100%;
	}
	.mobile-col-2-3, .mobile-col-8-12 {
		width: 66.66%;
	}

	.mobile-col-1-2, .mobile-col-6-12 {
		width: 50%;
	}

	.mobile-col-1-3, .mobile-col-4-12 {
		width: 33.33%;
	}

	.mobile-col-1-4, .mobile-col-3-12 {
		width: 25%;
	}

	.mobile-col-1-5 {
		width: 20%;
	}

	.mobile-col-1-6, .mobile-col-2-12 {
		width: 16.667%;
	}

	.mobile-col-1-7 {
		width: 14.28%;
	}

	.mobile-col-1-8 {
		width: 12.5%;
	}

	.mobile-col-1-9 {
		width: 11.1%;
	}

	.mobile-col-1-10 {
		width: 10%;
	}

	.mobile-col-1-11 {
		width: 9.09%;
	}

	.mobile-col-1-12 {
		width: 8.33%
	}

	/* Layout Columns */

	.mobile-col-11-12 {
		width: 91.66%
	}

	.mobile-col-10-12 {
		width: 83.333%;
	}

	.mobile-col-9-12 {
		width: 75%;
	}

	.mobile-col-5-12 {
		width: 41.66%;
	}

	.mobile-col-7-12 {
		width: 58.33%
	}

	.hide-on-mobile {
		display: none !important;
		width: 0;
		height: 0;
	}
}








#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  font-family: 'Open Sans', sans-serif;
  background: #222222;  /* NAVIGATION BACKGROUND AND GRADIENT */
  background: -moz-linear-gradient(top, #222222 0%, #555555 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #555555));
  background: -webkit-linear-gradient(top, #222222 0%, #555555 100%);
  background: -o-linear-gradient(top, #222222 0%, #555555 100%);
  background: -ms-linear-gradient(top, #222222 0%, #555555 100%);
  background: linear-gradient(to bottom, #222222 0%, #555555 100%);
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
  border-left: 1px solid #fff;
  border-right: 0px solid #BBB;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li > a {
  padding: 12px 12px 12px 12px;
  font-size: 14px;
  text-decoration: none;
  color: #F2CB13;
  font-weight: 600;
  letter-spacing: -.25px;
  text-transform: uppercase;
  border-right: 1px solid #fff;

}
#cssmenu > ul > li:hover > a {
  color: #eee;
  background: #555;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 22px;
}
#cssmenu > ul > li.has-sub > a:after {
  position: absolute;
  top: 20px;
  right: 6px;
  width: 8px;
  height: 2px;
  display: block;
  background: #999;
  content: '';
}
#cssmenu > ul > li.has-sub > a:before {
  position: absolute;
  top: 17px;
  right: 9px;
  display: block;
  width: 2px;
  height: 8px;
  background: #999;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li a {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 11px 15px;
  width: 250px;
  font-size: 12px;
  text-decoration: none;
  color: #444;
  font-weight: 600;
  background: #eee;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 1px solid #bbb;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #111;
  background: #fff
}
#cssmenu ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #999;
  content: '';
}
#cssmenu.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #999;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}







@media all and (max-width: 840px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: 100%;
    background: #666;
  }

  #cssmenu ul {
    width: 100%;
    display: none;

  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu ul li {
    width: 100%;
    border-bottom: 1px solid #333;
  }
  #cssmenu ul ul li,
  #cssmenu li:hover > ul > li {
    height: auto;
  }
  #cssmenu ul li a,
  #cssmenu ul ul li a {
    width: 100%;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #F2CB13;  /* CAT */
    padding-top:14px;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu ul ul li a {
    padding-left: 25px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu ul ul li a {
    color: #444;
    background: #fff;
    padding-top: 14px;
  }
  #cssmenu ul ul li:hover > a,
  #cssmenu ul ul li.active > a {
    color: #444;
    background: #fff;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu > ul > li.has-sub > a:after,
  #cssmenu > ul > li.has-sub > a:before,
  #cssmenu ul ul > li.has-sub > a:after,
  #cssmenu ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu #menu-button {
    display: block;
    padding: 15px 15px;
    color: #eee;
    cursor: pointer;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    background: #222222;  /* NAVIGATION BACKGROUND AND GRADIENT */
    background: -moz-linear-gradient(top, #222222 0%, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555555), color-stop(100%, #555555));
    background: -webkit-linear-gradient(top, #222222 0%, #555555 100%);
    background: -o-linear-gradient(top, #222222 0%, #555555 100%);
    background: -ms-linear-gradient(top, #222222 0%, #555555 100%);
    background: linear-gradient(to bottom, #222222 0%, #555555 100%);
  }
  #cssmenu #menu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    content: '';
  }
  #cssmenu #menu-button:before {
    position: absolute;
    top: 16px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #eee;
    content: '';
  }
  #cssmenu #menu-button.menu-opened:after {
    top: 23px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #eee;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu #menu-button.menu-opened:before {
    top: 23px;
    background: #eee;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid rgba(120, 120, 120, 0.2);
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu .submenu-button.submenu-opened {
    background: #333;
  }
  #cssmenu ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 19px;
    width: 8px;
    height: 2px;
    display: block;
    background: #fff;
    content: '';
  }
  #cssmenu ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu .submenu-button.submenu-opened:after {
    background: #fff;
  }
  #cssmenu .submenu-button:before {
    position: absolute;
    top: 19px;
    right: 22px;
    display: block;
    width: 2px;
    height: 8px;
    background: #fff;
    content: '';
  }
  #cssmenu ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu .submenu-button.submenu-opened:before {
    display: none;
  }
}








#cssmenu2,
#cssmenu2 ul,
#cssmenu2 ul li,
#cssmenu2 ul li a,
#cssmenu2 #menu-button {
font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu2:after,
#cssmenu2 > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu2 #menu-button {
  display: none;
}

#cssmenu2 {
  font-family: 'Arial', sans-serif;
  background: #fff;  /* NAVIGATION BACKGROUND AND GRADIENT */
  border-left: 0px solid #7FB9EC;
  border-right: 0px solid #7FB9EC;
}
#cssmenu2 > ul > li {
  float: left;
}

#cssmenu2 .white {float:left;font-family: 'Oswald', sans-serif;font-size:18px;color: #FFF;padding:9px 10px;}

#cssmenu2.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu2.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu2.align-center ul ul {
  text-align: left;
}
#cssmenu2.align-right > ul > li {
  float: right;
}
#cssmenu2 > ul > li > a {
  padding: 12px;
  font-size: 11px;
  text-decoration: none;
  color: #777;
  text-transform: uppercase;
  border-right: 0px solid #7FB9EC;
}
#cssmenu2 > ul > li:hover > a {
  color: #333;
}
#cssmenu2 > ul > li.has-sub > a {
  padding-right: 22px;
}
#cssmenu2 > ul > li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 6px;
  width: 7px;
  height: 1px;
  display: block;
  background: #DDD;
  content: '';
}
#cssmenu2 > ul > li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 9px;
  display: block;
  width: 1px;
  height: 7px;
  background: #DDD;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu2 > ul > li.has-sub:hover > a:before {
  top: 23px;
  height: 0;
}
#cssmenu2 ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu2.align-right ul ul {
  text-align: right;
}
#cssmenu2 ul ul li {
  height: 0;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu2 li:hover > ul {
  left: auto;
}
#cssmenu2.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu2 li:hover > ul > li {
  height: 35px;
}
#cssmenu2 ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu2.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu2 ul ul li a {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
  padding: 11px 15px;
  width: 200px;
  font-size: 13px;
  text-decoration: none;
  color: #444;
  font-weight: 400;
  background: #ddd;
  font-family: 'Arial', sans-serif;
  text-transform: uppercase;
}
#cssmenu2 ul ul li:last-child > a,
#cssmenu2 ul ul li.last-item > a {
  border-bottom: 1px solid #bbb;
}
#cssmenu2 ul ul li:hover > a,
#cssmenu2 ul ul li a:hover {
  color: #111;
  background: #fff
}
#cssmenu2 ul ul li.has-sub > a:after {
  position: absolute;
  top: 16px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #999;
  content: '';
}
#cssmenu2.align-right ul ul li.has-sub > a:after {
  right: auto;
  left: 11px;
}
#cssmenu2 ul ul li.has-sub > a:before {
  position: absolute;
  top: 13px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #999;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
#cssmenu2.align-right ul ul li.has-sub > a:before {
  right: auto;
  left: 14px;
}
#cssmenu2 ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}







@media all and (max-width: 860px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu2 {
    width: 100%;
    background: #ddd;
  }
  #cssmenu2 ul {
    width: 100%;
    display: none;
  }
  #cssmenu2.align-center > ul {
    text-align: left;
  }
  #cssmenu2 ul li {
    width: 100%;
    border-top: 1px solid #999999;
  }
  #cssmenu2 ul ul li,
  #cssmenu2 li:hover > ul > li {
    height: auto;
  }
  #cssmenu2 ul li a,
  #cssmenu2 ul ul li a {
    width: 100%;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #444;  /* CAT */
    padding-top:16px;
    padding-bottom:14px;

  }
  #cssmenu2 > ul > li {
    float: none;
  }
  #cssmenu2 > ul > li:hover > a {
    color: #111;
  }
  #cssmenu2 .white {display:none;}

  #cssmenu2 ul ul li a {
    padding-left: 25px;
  }
  #cssmenu2 ul ul ul li a {
    padding-left: 35px;
  }
  #cssmenu2 ul ul li a {
    color: #333;
    background: #fff;
    padding-top: 14px;
  }
  #cssmenu2 ul ul li:hover > a,
  #cssmenu2 ul ul li.active > a {
    color: #222;
    background: #fff;
  }
  #cssmenu2 ul ul,
  #cssmenu2 ul ul ul,
  #cssmenu2.align-right ul ul {
    position: relative;
    left: 0;
    width: 100%;
    margin: 0;
    text-align: left;
  }
  #cssmenu2 > ul > li.has-sub > a:after,
  #cssmenu2 > ul > li.has-sub > a:before,
  #cssmenu2 ul ul > li.has-sub > a:after,
  #cssmenu2 ul ul > li.has-sub > a:before {
    display: none;
  }
  #cssmenu2 #menu-button {
    display: block;
    padding: 12px 15px;
    color: #333;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    background: #ccc;
  }
  #cssmenu2 #menu-button:after {
    position: absolute;
    top: 17px;
    right: 17px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    content: '';
  }
  #cssmenu2 #menu-button:before {
    position: absolute;
    top: 11px;
    right: 17px;
    display: block;
    height: 2px;
    width: 20px;
    background: #333;
    content: '';
  }
  #cssmenu2 #menu-button.menu-opened:after {
    top: 18px;
    border: 0;
    height: 2px;
    width: 15px;
    background: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #cssmenu2 #menu-button.menu-opened:before {
    top: 18px;
    background: #333;
    width: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #cssmenu2 .submenu-button {
    position: absolute;
    z-index: 99;
    right: 0;
    top: 0;
    display: block;
    border-left: 1px solid #999999;
    height: 46px;
    width: 46px;
    cursor: pointer;
  }
  #cssmenu2 .submenu-button.submenu-opened {
    background: #333;
  }
  #cssmenu2 ul ul .submenu-button {
    height: 34px;
    width: 34px;
  }
  #cssmenu2 .submenu-button:after {
    position: absolute;
    top: 22px;
    right: 17px;
    width: 14px;
    height: 4px;
    display: block;
    background: #555;
    content: '';
  }
  #cssmenu2 ul ul .submenu-button:after {
    top: 15px;
    right: 13px;
  }
  #cssmenu2 .submenu-button.submenu-opened:after {
    background: #fff;
  }
  #cssmenu2 .submenu-button:before {
    position: absolute;
    top: 17px;
    right: 22px;
    display: block;
    width: 4px;
    height: 14px;
    background: #555;
    content: '';
  }
  #cssmenu2 ul ul .submenu-button:before {
    top: 12px;
    right: 16px;
  }
  #cssmenu2 .submenu-button.submenu-opened:before {
    display: none;
  }
}