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

.flex {display:flex; flex-flow: row wrap;}
.clearFloat {margin:0; padding:0; clear:both; line-height:0; height:0}


h1 {font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 600;color: #EDEDED;background: #333;margin: 0 0;text-transform: uppercase;padding: 8px 10px}
h2 {font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 600;color: #222;margin: 0 0 ;padding:0 0;letter-spacing:-.5px;text-transform: uppercase}
h2.bar {font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 600;color: #EDEDED;background: #666;margin: 0 0;text-transform: uppercase;padding: 8px 10px}
h3 {font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 600;color: #EDEDED;background: #666;margin: 20px 0;text-transform: uppercase;padding: 8px 10px}
h4 {font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 700;text-transform: uppercase;color: #d90000;margin: 0 0 0 0;letter-spacing:1px}
/*
h5 {font-family: 'Michroma', sans-serif;font-size: 13px;font-weight: 700;text-transform: uppercase;color: #eeeeee;margin: 0 0 0 0;letter-spacing:1px}
h6 {font-family: 'Michroma', sans-serif;font-size: 12px;font-weight: 400;text-transform: uppercase;color: #cccccc;margin: 0 0 0 0;letter-spacing:.5px}
*/

a {color:#014964; font-size:15px; text-decoration:none}
a:visited {color:#014964; font-size:15px; text-decoration:none}
a:hover {text-decoration:none; color:#000;}

p {margin:20px 10px 20px 10px; font-size:14px; line-height: 22px}
.firstP {margin:0 10px 20px 10px; font-size:14px; line-height: 22px}
p a {color:#014964; font-size:14px; text-decoration:none}
p a:visited {color:#014964; font-size:14px; text-decoration:none}
p a:hover {text-decoration:none; color:#000}


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

/* ================ start - header  ================= */

#freeShipWrapper {margin:0 auto; background:#014964}
#freeShip {margin:0 auto;max-width:1100px;height:auto;padding:3px 0;text-align:center}
#freeShip a {color:#ff0000; font-size:14px; text-decoration:none}
#freeShip a:visited {color:#ff0000; font-size:14px; text-decoration:none}
#freeShip a:hover {text-decoration:none; color:#BAEBFE}


#headerWrapper {margin:0 auto; background:#fff}
#header {margin:0 auto; max-width:1100px}
#headerLeft {float:left; width:30%; margin:15px 0 0 10px; padding:0}
#headerRight {float:right; text-align:right; width:66%; margin-top:15px}
#headerSearch {display: inline-block;float: none}
#headerSocialMedia {margin:0 0 0 20px;display: inline-block;float: none}
.socialMediaIcon {display: inline-block;float: none;margin-right:3px;margin-top:0;}
.socialMediaIcon a img {width:25px}
#headerViewCart {margin:0 10px 0 20px;display: inline-block}
#headerPhone {text-align:right; margin:15px 10px 0 0; font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 700;color: #444}


/* ================ end - header  ================= */

/* ================ start - nav  ================= */

#headerNavWrapper {margin:0 auto;
  background: #EEF4F7;  /* NAVIGATION BACKGROUND AND GRADIENT */
  background: -moz-linear-gradient(top, #EEF4F7 0%, #E5ECEE 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EEF4F7), color-stop(100%, #E5ECEE));
  background: -webkit-linear-gradient(top, #EEF4F7 0%, #E5ECEE 100%);
  background: -o-linear-gradient(top, #EEF4F7 0%, #E5ECEE 100%);
  background: -ms-linear-gradient(top, #EEF4F7 0%, #E5ECEE 100%);
  background: linear-gradient(to bottom, #EEF4F7 0%, #E5ECEE 100%);
  border-top: 1px solid #BBB;
  border-bottom: 1px solid #BBB;
}
#headerNav {margin:0 auto; max-width:1100px;height:auto; }

  /* ================ css code resides in /css/styles.css  ================= */

/* ================ end - nav  ================= */

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

#footerTopWrapper {margin:0 auto; background:#000}
#footerTop {margin:0 auto;max-width:1100px; margin-top:40px;height:auto}
#footerTopLeft {float:left; margin:0 0 0 0; padding:0}
#footerTopLeftText {font-family: 'Open Sans Condensed', sans-serif;font-size: 22px;font-weight: 700;color: #ddd;letter-spacing:-.75px;margin:0 5px 0 0}
#footerTopRight {text-align:right; margin-top:0}
#footerTopSocialMedia {margin:0 0 0 10px;display: inline-block}
#footerTopViewCart {margin:0 0 0 10px;display: inline-block}
#footerTopPhone {display: inline-block;float: none; margin:0 0 0 0; font-family: 'Open Sans', sans-serif;font-size: 20px;font-weight: 700;color: #bbb}
#footerAddress {display: inline-block;float: none; margin:0 0 0 0; font-family: 'Open Sans', sans-serif;font-size: 13px;font-weight: 600;color: #bbb}

#footerNavWrapper {margin:0 auto; background:#222}
#footerNav {margin:0 auto;max-width:1100px}
.footerNavContent {color:#eee; margin:0;padding: 5px}
.footerNavContent ul {margin:0}
.footerNavContent li {color:#eee; margin:0;line-height:18px;list-style-type: none;margin-left:-40px}
.footerNavContentTitle {font-size: 12px; font-weight: 600; color:#ddd}
.footerNavContent a {text-decoration:none; font-size:12px; font-weight:normal; color: #ccc}
.footerNavContent a:visited {text-decoration:none; font-weight:normal; color:#ccc}
.footerNavContent a:hover {text-decoration:none;font-weight:normal; color:#fff}

#footerBottomWrapper {margin:0 auto; background:#fff}
#footerBottom {margin:0 auto;max-width:1100px;padding:10px;float:none}
#footerBottomLeft {float:left}
#footerBottomRight {float:right}

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

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

#contentWrapper {margin:0 auto; margin-top:30px;padding:0 0 0 0}
#content {margin:0 auto; max-width:1100px;min-height:600px}

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

#slideshowBoxWrapper {margin:0 auto; background:#333}
#slideshowBox {max-width:1100px; height: auto; margin:0 auto}
#slideshowBox img{max-width:100%;height:auto}

/* ================ end - home slideshow  ================= */

/* ================ start - product section  ================= */

.productGridContent {color:#eee; margin:0;padding: 5px;border:1px solid #ccc}
.productImage {text-align:center;min-height:228px}
.productImage img{max-width:70%;height:auto}
.productName {font-size: 14px; font-weight: 600; color:#222;text-transform: uppercase;line-height:16px;min-height:50px}
.productName a {text-decoration:none; font-size:14px; font-weight:700; color: #222;text-transform: uppercase;letter-spacing:-.25px}
.productName a:visited {text-decoration:none; font-weight:700; color:#222}
.productName a:hover {text-decoration:none;font-weight:700; color:#555}
.productPartNo {font-size: 12px; font-weight: 400; color:#222;text-transform: uppercase;line-height:16px;margin:5px 0 0 0}
.productPrice {font-size: 18px; font-weight: 600; color:#666;margin-top:20px;margin-bottom:15px}

.productDetailImage {padding: 0}
.productDetailImage img{max-width:100%;height:auto}
.thumbs {width:50px}
.productDetailInfo {padding: 10px}
.productDetailInfo2 {padding: 10px}
.productDetailDescription {padding: 10px 0 10px 10px}
.productDetailDescription p {margin:0 0 10px 0;font-size:14px;line-height:26px}
.productDetailDescription li {line-height:26px}

.colorSelectBox {width:100%;color:#666;padding:5px 10px 5px 10px;font-size:18px;margin:5px 0;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}
.sizeSelectBox {width:100%;color:#666;padding:5px 10px 5px 10px;font-size:18px;margin:5px 0;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}

.headerSearchBoxes {color:#666;padding:4px 10px 4px 4px;font-size:14px;}
#searchInput {width:130px;}

.inputBox {color:#666;padding:4px 10px 4px 4px;font-size:14px;margin:0;margin-right:5px}
#zipcodeInput {width:90px}

#share {text-align:right;margin:5px 10px -10px 0;}
.btn-email {float:right;margin-left:10px;}

/* ================ end - product section  ================= */

/* ================ start - brand section  ================= */

.brandTitle {background:#ccc;margin:0;margin-top:20px;height:70px}
.brandTitle2 {float:left;background:#ccc;margin:0;margin-top:20px; width:100%}
.brandLogo {text-align:center}
.brandLogo img {max-width:100%;height:auto}
.brandLogo2 {margin:10px}
.brandLogo2 img {max-width:100%;height:auto}
.brandName {font-size: 14px; font-weight: 600; color:#222;text-transform: uppercase;line-height:16px;margin:10px 0;text-align:center}
.brandName a {text-decoration:none; font-size:14px; font-weight:700; color: #222;text-transform: uppercase;letter-spacing:-.25px}
.brandName a:visited {text-decoration:none; font-weight:700; color:#222}
.brandName a:hover {text-decoration:none;font-weight:700; color:#555}
.brandDescription {color:#222;padding-bottom:20px;text-align:center;min-height:280px}
.brandDescription p {margin:0; font-size:12px; line-height: 18px}
.brandDescription p a {color:#014964; font-size:12px; text-decoration:none}
.brandDescriptionp a:visited {color:#014964; font-size:12px; text-decoration:none}
.brandDescription p a:hover {text-decoration:none; color:#000; text-decoration:none}

/* ================ end - brand section  ================= */

.contentWelcome img{max-width:100%;height:auto}

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

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

/* START - TESTING BUTTON*/

a.btn-general {
  background-color: #3D85A0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D85A0), color-stop(50%, #2C748F), color-stop(50%, #0E5671), color-stop(100%, #014964));
  background-image: -webkit-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -moz-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -ms-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -o-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 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: bold 16px/1 "Open Sans", sans-serif;
  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: #62C0D5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62C0D5), color-stop(50%, #48AEC9), color-stop(50%, #1786AB), color-stop(100%, #02739A));
  background-image: -webkit-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -moz-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -ms-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -o-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  cursor: pointer; }

a.btn-general:active {
  background-color: #317390;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317390), color-stop(50%, #24627E), color-stop(50%, #0B475F), color-stop(100%, #013C54));
  background-image: -webkit-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -moz-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -ms-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -o-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 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*/


button.btn-general {
  background-color: #3D85A0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D85A0), color-stop(50%, #2C748F), color-stop(50%, #0E5671), color-stop(100%, #014964));
  background-image: -webkit-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -moz-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -ms-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -o-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 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: bold 16px/1 "Open Sans", sans-serif;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 100%; }

button.btn-general:hover {
  background-color: #62C0D5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62C0D5), color-stop(50%, #48AEC9), color-stop(50%, #1786AB), color-stop(100%, #02739A));
  background-image: -webkit-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -moz-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -ms-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -o-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  cursor: pointer; }

button.btn-general:active {
  background-color: #317390;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317390), color-stop(50%, #24627E), color-stop(50%, #0B475F), color-stop(100%, #013C54));
  background-image: -webkit-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -moz-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -ms-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -o-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 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: bold 16px/1 "Open Sans", sans-serif;
  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%, #2C748F), 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); }


button.btn-add-to-cart {
  background-color: #328848;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #328848), color-stop(50%, #2C748F), color-stop(50%, #146A2A), color-stop(100%, #075D1D));
  background-image: -webkit-linear-gradient(top, #328848 0%, #328848 50%, #146A2A 50%, #075D1D 100%);
  background-image: -moz-linear-gradient(top, #328848 0%, #328848 50%, #146A2A 50%, #075D1D 100%);
  background-image: -ms-linear-gradient(top, #328848 0%, #328848 50%, #146A2A 50%, #075D1D 100%);
  background-image: -o-linear-gradient(top, #328848 0%, #328848 50%, #146A2A 50%, #075D1D 100%);
  background-image: linear-gradient(top, #328848 0%, #328848 50%, #146A2A 50%, #075D1D 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: bold 16px/1 "Open Sans", sans-serif;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 100%;
  margin-top: 5px}

button.btn-add-to-cart:hover {
  background-color: #65C883;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #65C883), color-stop(50%, #4DB96C), color-stop(50%, #1E9941), color-stop(100%, #0B892C));
  background-image: -webkit-linear-gradient(top, #65C883 0%, #4DB96C 50%, #1E9941 50%, #0B892C 100%);
  background-image: -moz-linear-gradient(top, #65C883 0%, #4DB96C 50%, #1E9941 50%, #0B892C 100%);
  background-image: -ms-linear-gradient(top, #65C883 0%, #4DB96C 50%, #1E9941 50%, #0B892C 100%);
  background-image: -o-linear-gradient(top, #65C883 0%, #4DB96C 50%, #1E9941 50%, #0B892C 100%);
  background-image: linear-gradient(top, #65C883 0%, #4DB96C 50%, #1E9941 50%, #0B892C 100%);
  cursor: pointer; }

button.btn-add-to-cart:active {
  background-color: #318042;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #318042), color-stop(50%, #246D35), color-stop(50%, #0E511E), color-stop(100%, #054614));
  background-image: -webkit-linear-gradient(top, #318042 0%, #246D35 50%, #0E511E 50%, #054614 100%);
  background-image: -moz-linear-gradient(top, #318042 0%, #246D35 50%, #0E511E 50%, #054614 100%);
  background-image: -ms-linear-gradient(top, #318042 0%, #246D35 50%, #0E511E 50%, #054614 100%);
  background-image: -o-linear-gradient(top, #318042 0%, #246D35 50%, #0E511E 50%, #054614 100%);
  background-image: linear-gradient(top, #318042 0%, #246D35 50%, #0E511E 50%, #054614 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 15px;}

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: bold 12px/1 "Open Sans", sans-serif;
  padding: 5px 10px;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8);
  width: 100%; }

a.continueShopping:hover {
  background-color: #717171;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #717171), color-stop(50%, #2C748F), 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: #3D85A0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3D85A0), color-stop(50%, #2C748F), color-stop(50%, #0E5671), color-stop(100%, #014964));
  background-image: -webkit-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -moz-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -ms-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: -o-linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 100%);
  background-image: linear-gradient(top, #3D85A0 0%, #2C748F 50%, #0E5671 50%, #014964 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: bold 14px/1 "Open Sans Condensed", sans-serif;
  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: #62C0D5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62C0D5), color-stop(50%, #48AEC9), color-stop(50%, #1786AB), color-stop(100%, #02739A));
  background-image: -webkit-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -moz-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -ms-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: -o-linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  background-image: linear-gradient(top, #62C0D5 0%, #48AEC9 50%, #1786AB 50%, #02739A 100%);
  cursor: pointer; }

.submitButton:active {
  background-color: #317390;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #317390), color-stop(50%, #24627E), color-stop(50%, #0B475F), color-stop(100%, #013C54));
  background-image: -webkit-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -moz-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -ms-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: -o-linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 100%);
  background-image: linear-gradient(top, #317390 0%, #24627E 50%, #0B475F 50%, #013C54 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: 'Open Sans Condensed', sans-serif;font-weight:700;font-size:12px;text-decoration:none;color:#222;background:#ccc;border:1px solid #000;padding:3px;margin:10px 0 5px 0;cursor:pointer;  border-radius: 5px;}
.otherButton:hover {font-family: 'Open Sans Condensed', sans-serif;font-weight:700;color: #222;text-decoration:none;font-size:12px;background:#eee}

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

/*  start - ecom shopping cart */


.shippingOptions {font-size: 14px;font-weight: normal;color:#333;padding:4px;}

#scLeft {float:left;width:25%;margin:20px 20px 10px 5px;padding-bottom:10px}
#scRight {float:left;width:72%;margin:20px 0 10px 0}

#cartScTitle {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#fff;background:#444;padding:5px 10px;margin: 0}
#cartShippingTitle {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#333;background:#FFD24D;padding:5px 10px;margin: 0}
#cartShippingText {color:#666;font-size: 14px;padding:5px;margin: 5px 0 10px 0;}
#cartCheckoutTitle {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#fff;background:#29A101;padding:5px 10px;margin: 20px 0 0 0}
#cartBillingShippingTitle {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#333;background:#FFD24D;padding:5px 10px;margin: 0}
#cartPaymentTitle {font-family: 'Open Sans', sans-serif;font-size:18px;font-weight:600;color:#fff;background:#29A101;padding:5px 10px;margin: 20px 0 0 0}

#secureIcons {margin-top:40px;text-align:center}
#secureIcons img {height:auto}

#cartContent {width:100%;border-collapse:collapse;border:1px solid #ccc;padding:0;margin-top:5px;background:#F5F5F5}
#cartContent tr td {border:1px solid #999;font-size:14px;padding:5px;color:#333;}
#cartContent tr th {border:1px solid #999;font-size:14px;padding:5px;color:#fff;background:#888}
td  {vertical-align:top;text-align:left;color:#666;font-size:14px}
.textField {text-align:left}
.numericField {text-align:right}
.cartTotals {text-align:right;font-weight:700;}
.shippingCartTotals {background:#FFD24D;text-align:right;font-weight:700;}
#message {margin:5px 0;font-weight:700;color:#cc0000;background-color:#FFD9D9;padding:5px}

.paymentOption {height: 220px;margin:0;border:1px solid #999;background:#F5F5F5}
.paymentOption2 {float:left;width:147px;height: 240px;margin:5px 0 10px 0;border:1px solid #999;background:#F5F5F5}
.sectionHeading {font-family: 'Open Sans', sans-serif;font-weight:700;color:#333;margin:1px;padding:4px;background:#ddd;border-bottom:1px solid #999}
.optionalCheckout {margin:10px 0 0 0;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%;margin-top:-20px ;border:1px solid #999;background:#fff;font-size:14px;}
#lock {float:left;margin-right:10px}
#checkoutMessage{float: left; color: #666; font-size: 14px; line-height:20px;padding:10px;}

.customerForm {border:1px solid #999;height:420px;margin:10px 10px 10px 0;background:#F5F5F5}
.customerFormTable {margin:10px}
#mailingListTD {width:250px;font-size:11px}

#customerInformation {margin:5px 0 0 0;border:1px solid #FFD24D}
#customerInformationText {padding:10px;font-size:14px;color:#666}
#customerInformationTextOrange {margin:0 5px 10px 0;font-size:13px;color:#cc0000;font-weight:700;}

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

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

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




/* ================ end - cart  ================= */

/* ================ start - mcs  ================= */


#mcsPage {margin:0 auto}
#mcsPage img {max-width:100%;height:auto;}
.mcsModel {float:left;margin: 0 40px 20px 0;width:120px;}

/* ================ end - mcs  ================= */

/* ================ start - misc  ================= */


#welcome {background:#ddd; padding:10px;}

.contactContactButton {float:left;}

.tireChart {margin:0 auto;width:98%;}

.tireChart table {
  width: 100%;
  border-collapse: collapse;
}

/* == start - tire chart  == */

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

/* == end - tire chart  == */

/* == start - ymm search chart  == */

#vs {padding:0}
#year {width:100%;color:#666;padding:5px 10px 5px 10px;font-size:18px;margin:5px 0;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}
#make {width:100%;color:#666;padding:5px 10px 5px 10px;font-size:18px;margin:5px 0;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}
#model {width:100%;color:#666;padding:5px 10px 5px 10px;font-size:18px;margin:5px 0;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}

/* == end - ymm search chart  == */


.dealerHeading {color:#333;margin:10px 0;font-size:18px;text-transform:uppercase;font-family: 'Open Sans', sans-serif;font-weight:400}
#ssClubForm{margin:10px}
#ssClubCheckout img {padding:4px 0;float:right}

/* ================ end - misc  ================= */

.originalPrice{font-size:14px;color:#666;text-decoration:line-through}

/* ================ admin  ================= */

.adminMenu {float:left;width:120px;margin:5px 20px}