/* FONTZ */

@font-face {
  font-family: 'lovelo';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/lovelo_black-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/lovelo_black-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/lovelo_black-webfont.woff) format('woff'),
       url(/fonts/bluediamond/lovelo_black-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/lovelo_black-webfont.svg#panc) format('svg');    
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'panc';
  src: url(/fonts/bluediamond/lovelo_black-webfont.svg) format('svg'); 
  }
}

/* FONTZ */

@font-face {
  font-family: 'panc';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/pancettapro-regular-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/pancettapro-regular-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/pancettapro-regular-webfont.woff) format('woff'),
       url(/fonts/bluediamond/pancettapro-regular-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/pancettapro-regular-webfont.svg#panc) format('svg');    
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'panc';
  src: url(/fonts/bluediamond/pancettapro-regular-webfont.svg) format('svg'); 
  }
}

/* OPEN SANS */

@font-face {
  font-family: 'opensans-light';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/opensans-light-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/opensans-light-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/opensans-light-webfont.woff) format('woff'),
       url(/fonts/bluediamond/opensans-light-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/opensans-light-webfont.svg#panc) format('svg');
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'opensans-light';
  src: url(/fonts/bluediamond/opensans-light-webfont.svg) format('svg'); 
  }
}

@font-face {
  font-family: 'opensans-bold';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/opensans-bold-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/opensans-bold-webfont.woff) format('woff'),
       url(/fonts/bluediamond/opensans-bold-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/opensans-bold-webfont.svg#panc) format('svg');
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'opensans-bold';
  src: url(/fonts/bluediamond/opensans-bold-webfont.svg) format('svg'); 
  }
}

@font-face {
  font-family: 'opensans-regular';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/opensans-regular-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/opensans-regular-webfont.woff) format('woff'),
       url(/fonts/bluediamond/opensans-regular-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/opensans-regular-webfont.svg#panc) format('svg');
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'opensans-regular';
  src: url(/fonts/bluediamond/opensans-regular-webfont.svg) format('svg'); 
  }
}

@font-face {
  font-family: 'opensans-extrabold';
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/bluediamond/opensans-extrabold-webfont.eot); /* IE9 Compat Modes */
  src: url(/fonts/bluediamond/opensans-extrabold-webfont.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(/fonts/bluediamond/opensans-extrabold-webfont.woff) format('woff'),
       url(/fonts/bluediamond/opensans-extrabold-webfont.ttf) format('truetype'),
       url(/fonts/bluediamond/opensans-extrabold-webfont.svg#panc) format('svg');
  }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
  font-family: 'opensans-extrabold';
  src: url(/fonts/bluediamond/opensans-extrabold-webfont.svg) format('svg'); 
  }
}
/*
*
*init
*
*/

html, body {height: 100%; background: #fff url('/images/bluediamond/bg.png') repeat;  }
p {line-height: 1.4;}
hr {width: 160px; border: none; height: 1px; background: #aaa;}

.left {float: left;}
.right {float: right;}
.m5 {margin: 5px;}
.m10 {margin: 10px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.p5 {padding: 5px;}
.p10 {padding: 10px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pb10 {padding-bottom: 10px;}
.s15 {font-size: 15px !important;}

.bold {font-family: 'opensans-bold';}

.hidden {display: none;}

.whi-txt {font-family: 'panc', Arial, sans-serif; color: #fff; text-transform: uppercase; font-size: 10px;}
.ora-txt {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 18px; text-transform: uppercase;}
.ora-txt-b {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 20px; text-transform: uppercase;}
.gra-txt {font-family: 'panc', Arial, sans-serif; color: #444; font-size: 14px; text-transform: uppercase;}


::-webkit-input-placeholder {color: rgba(51, 43, 32, 0.35);}
:-moz-placeholder {color: rgba(51, 43, 32, 0.35);}
::-moz-placeholder {color: rgba(51, 43, 32, 0.35);}
:-ms-input-placeholder {color: rgba(51, 43, 32, 0.35);}

a {transition: 0.2s all; color: #fff; text-decoration: none;}

.sec {height: 552px; width: 1100px; margin: 0 auto; margin-bottom: -1px;}

/*
*
*header
*
*/

header#header {width: 100%; }
header#header .black {width: 100%; background: #191919;  height: 335px; position: absolute;}
header#header #hea-con {background: transparent; position: relative; width: 1100px; margin: 0 auto;}
header#header #hea-sli {width: 1100px; height: 545px; background: #000;}
header#header #xxl {background: url('/images/bluediamond/xxl.png') no-repeat; width: 160px; height: 25px; position: absolute; z-index: 15; top: 25px; left: 0px; }
header#header #logo {background: url('/images/bluediamond/bd_logo.jpg') no-repeat; width: 365px; height: 48px; position: absolute; z-index: 15; top: 60px; left: 0px; }

header#header #menu {position: absolute; right: 190px; top: 30px; z-index: 15; display: block; }
header#header #menu.vis {display: block; }
header#header #menu nav ul li {text-align: right; margin-bottom: 18px;}
header#header #menu nav ul li a {color: #fff; padding: 10px; border: transparent; text-decoration: none; font-family: 'panc', Arial, sans-serif; font-size: 19px; }
header#header #menu nav ul li a:hover {border: 1px solid #fff;}
header#header #hea-txt {z-index: 15; position: absolute; width: 100%; height: 30px; top: 257px;text-align: center;}
header#header #hea-txt h2 {position: relative; color: #fff; /* text-align: center; */ font-size: 56px; display: inline-block;margin: 0 auto; font-family: 'lovelo', Arial, sans-serif;}header#header #menu-pwr {background: url('/images/bluediamond/menu_btn.png') no-repeat; width: 75px; height: 84px; display: block; position: absolute; top: 10px; right: 55px; z-index: 15; cursor: pointer; transition: 0.2s all;}
header#header #menu-pwr:hover {margin-top: 6px;}
header#header .men-up {}
header#header .men-mid {}
header#header .men-dow {}
header#header #hea-buy {position: absolute; right: 30px; bottom: 30px; z-index: 15; border: 2px solid #fff; background: transparent; width: 163px; height: 51px; transition: 0.2s all; cursor: pointer; padding-top: 10px;}
header#header #hea-buy:hover {background: #fff; border: 1px solid #fff; color: #d86c0d;}
header#header #hea-buy:hover p span {color: #d86c0d;}
header#header #hea-buy p {text-align: center;}

/*
*
*slider
*
*/

.slidesjs-control img {width: 1100px; height: 545px;}
ul.slidesjs-pagination {display: block; position: absolute; bottom: 95px; left: 35px; z-index: 10;}
ul.slidesjs-pagination li {margin: 5px 0;}
ul.slidesjs-pagination li a {border-radius: 6px; width: 12px; height: 12px; border: 1px solid #aaa; text-indent: -9999px; display: block;}
ul.slidesjs-pagination li a.active {display: block; border: 1px solid #007AFF;}

/*
*
*content
*
*/

#content .bg1 {background: url('/images/bluediamond/picture_1.jpg') no-repeat; display: block; position: relative;}
#content .bg2 {background: url('/images/bluediamond/picture_2.jpg') no-repeat; display: block; position: relative;}
#content .bg3 {background: url('/images/bluediamond/picture_3.jpg') no-repeat; display: block; position: relative; position: relative;}
#content .bg4 {background: url('/images/bluediamond/picture_4.jpg') no-repeat; display: block; position: relative;}
#content .bg5 {background: #fff; display: table; position: relative; min-height: 630px;}
#content .con-box {background: #fff; width: 300px; border-top: 5px solid #d86c0d;padding: 15px;}
#content .con-box article {}
#content .con-box article.img {text-align: center;}
#content .con-box article ul {margin: 5px 0;}
#content .con-box article ul li { list-style: none; text-align:  center; line-height: 1.4;}
#content .con-box article ul li a{ color: #d86c0d; font-family: 'opensans-bold', Arial, sans-serif; cursor: pointer; transition: 0.2s all; font-size: 12px;}
#content .con-box article ul li a:hover{ color: #444; }
#content .con-box article h1 {text-transform: uppercase; font-size: 28px; font-family: 'panc', Arial, sans-serif; padding: 5px 0 0 0; text-align: center; color: #292929;}
#content .con-box article p {text-align: center; padding: 10px 10px 5px 10px; font-family: 'opensans-regular', Arial, sans-serif; font-size: 14px; color: #444;}
#content .box1 {position: absolute; bottom: 0px; right: 225px;z-index: 20;}
#content .box2 {position: absolute; bottom: 0px; left: 210px;z-index: 20; padding-bottom: 30px;}
#content .buy-now {width: 290px; height: 57px; border: 2px solid #444; text-align: center; padding-top: 10px; margin: 0 auto; transition: 0.2s all;}
#content .buy-now:hover { background: #d86c0d; border-color: #d86c0d;}
#content .buy-now:hover p span {color: #fff;}

#content .btn-box {position: absolute; width: 325px; border: 2px solid #fff;}
#content .btn-box.c1 {height: 170px; top: 54px; left: 77px; text-align: center; padding: 8px 0 0 0;}
#content .btn-box.c1 article {}
#content .btn-box.c1 h1 {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 28px; text-transform: uppercase; }
#content .btn-box.c1 p {text-align: center; padding: 2px 10px 5px 10px; font-family: 'opensans-regular', Arial, sans-serif; font-size: 14px; color: #fff;}

#content .btn-box.c2 {height: 130px; top: 350px; left: 77px; text-align: center; padding: 8px 0 0 0;}
#content .btn-box.c2 article {}
#content .btn-box.c2 h1 {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 28px; text-transform: uppercase; }
#content .btn-box.c2 p {text-align: center; padding: 2px 10px 5px 10px; font-family: 'opensans-regular', Arial, sans-serif; font-size: 14px; color: #fff;}

#content .btn-box.c3 {height: 170px; top: 54px; right: 77px; text-align: center; padding: 8px 0 0 0;}
#content .btn-box.c3 article {}
#content .btn-box.c3 h1 {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 28px; text-transform: uppercase; line-height: 0.9; }
#content .btn-box.c3 p {text-align: center; padding: 2px 10px 5px 10px; font-family: 'opensans-regular', Arial, sans-serif; font-size: 14px; color: #fff;}

#content .btn-box.c4 {height: 130px; top: 350px; right: 77px; text-align: center; padding: 8px 0 0 0;}
#content .btn-box.c4 article {}
#content .btn-box.c4 h1 {font-family: 'panc', Arial, sans-serif; color: #d86c0d; font-size: 28px; text-transform: uppercase; }
#content .btn-box.c4 p {text-align: center; padding: 2px 10px 5px 10px; font-family: 'opensans-regular', Arial, sans-serif; font-size: 14px; color: #fff;}

#content .faq {width: 645px; margin: 0 auto;}
#content .faq h1 {font-family: 'panc', Arial, sans-serif; color: #fff; font-size: 28px; text-transform: uppercase; padding: 30px 0 20px; }
#content .faq h3 {font-family: 'opensans-bold', Arial, sans-serif; color: #d86c0d; font-size: 14px; padding: 7px 0;}
#content .faq p {font-family: 'opensans-regular', Arial, sans-serif; color: #fff; font-size: 14px; }

#content .sec.bg5 .ord-con {height: 100%;}
#content .sec.bg5 .ord-con .ord-lef {width:235px; float: left; background: #d86c0d; display: block; /* height: 100%; */ position: absolute; /* display: table; */bottom: 0px;top: 0;}
#content .sec.bg5 .ord-con .ord-rig {width:825px; /* height: 100px; */ float: left;margin-left: 275px;}
#content .sec.bg5 .ord-con span.foo-mail {background: url('/images/bluediamond/mail.png') no-repeat 0 4px;  height: 19px; display: block; padding-left: 30px; color: #fff; font-family: 'panc', Arial, sans-serif; font-size: 24px; text-transform: uppercase; }
#content .sec.bg5 .ord-con span.foo-addr {background: url('/images/bluediamond/maps.png') no-repeat 0 2px;  height: 19px; display: block; padding-left: 30px; color: #fff; font-family: 'panc', Arial, sans-serif; font-size: 24px; text-transform: uppercase;}
#content .sec.bg5 .ord-con span.foo-like {padding-left: 0px; color: #fff; font-family: 'panc', Arial, sans-serif; font-size: 30px; text-transform: uppercase;}
#content .sec.bg5 .ord-con div.fb {background: url('/images/bluediamond/fb.png') no-repeat;  height: 30px; display: block; width: 30px; float: left; margin-right: 20px;}
#content .sec.bg5 .ord-con div.twitter {background: url('/images/bluediamond/twitter.png') no-repeat;  height: 30px; display: block; width: 30px; float: left; margin-right: 20px;}
#content .sec.bg5 .ord-con div.insta {background: url('/images/bluediamond/insta.png') no-repeat;  height: 30px; display: block; width: 30px; float: left; margin-right: 20px;}
#content .ord-con .ord-lef p {color :#fff; font-size: 12px;}
#content .ord-con .ord-lef {padding: 20px;}
#content .ord-con .ord-lef h1{padding: 30px 0 5px 0;}
#content .ord-con .ord-lef h1.like{padding: 30px 0 10px 0;}

#content .sec.bg5 .ord-con div.fb{display: block; transition: 0.2s all; cursor: pointer;}
#content .sec.bg5 .ord-con div.fb:hover{display: block; margin-top: 4px;}
#content .sec.bg5 .ord-con div.twitter{display: block; transition: 0.2s all; cursor: pointer;}
#content .sec.bg5 .ord-con div.twitter:hover{display: block; margin-top: 4px;}
#content .sec.bg5 .ord-con div.insta{display: block; transition: 0.2s all; cursor: pointer;}
#content .sec.bg5 .ord-con div.insta:hover{display: block; margin-top: 4px;}

#content .content-box {width: 620px; margin: 0 auto; background: #fff; position: relative; margin-top: -100px; z-index: 10; padding: 20px; border-top: 6px solid #D86C0D;min-height: 400px;}
#content .content-box p {font-family: 'opensans-light'; font-size: 14px;}
#content .content-box p span {font-family: 'opensans-light'; font-size: 14px;}
#content .content-box p strong {font-family: 'opensans-regular'; font-size: 14px; font-weight: bold;}

#content .content-box h1 {font-family: 'panc'; font-size: 26px; margin: 10px 0; text-transform: uppercase;}
#content .content-box h2 {font-family: 'panc'; font-size: 24px; margin: 10px 0; text-transform: uppercase;}
#content .content-box h3 {font-family: 'panc'; font-size: 22px; margin: 10px 0; text-transform: uppercase;}
#content .content-box h4 {font-family: 'panc'; font-size: 20px; margin: 10px 0; text-transform: uppercase;}
#content .content-box h5 {font-family: 'panc'; font-size: 18px; margin: 10px 0; text-transform: uppercase;}
#content .content-box h6 {font-family: 'panc'; font-size: 16px; margin: 10px 0; text-transform: uppercase;}

/*
*
*pager
*
*/

.con-pager {position: absolute; bottom: 10px; left: 350px; z-index: 20;}
.con-pager .round {width: 10px; height: 10px; border-radius: 5px; background: transparent; float: left; margin-right: 5px; border: 1px solid #007AFF; cursor: pointer;}
.con-pager .round.active {width: 10px; height: 10px; border-radius: 5px; background:#007AFF; float: left; margin-right: 5px; border: 1px solid #007AFF;}
.sec.bg2 .con-box {display: none;}

/*
*
*
*order
*
*/

.order-form-holder {width: 1140px !important; margin: 0 auto; min-height: 500px;}
.order-form h2 {font-size: 28px;font-family: 'panc', Arial, sans-serif; text-transform: uppercase; color: #D86C0D; margin: 0; text-align: left; padding: 20px 30px 5px 30px;}
.order-form h3 {font-size: 18px;font-family: 'opensans-bold', Arial, sans-serif; text-transform: uppercase; color: #D86C0D; margin: 0; text-align: left; padding: 0px 30px 10px 30px;}
.order-form .item-table{display: table; width: 100%;margin-top: 12px;}
.order-form .item-table > .item-row:first-child {border: 0;}
.order-form form {margin-top: 20px;}
.order-form .item-table .item-row{display: table; width: 100%; border-top: 1px solid #CECECE;}
.order-form .item-table .item-row.actual {background-color: #d86c0d; border-top: none; }
.order-form .item-table .item-row.actual .quantity,
.order-form .item-table .item-row.actual .price,
.order-form .item-table .item-row.actual .name ,
.order-form .item-table .item-row.actual .desc {color:#fff;}
.order-form #summary-quantity { border-bottom: 1px solid #CECECE;}
.order-form #summary-quantity .item-row { border: 0; }
.order-form //.red-bottom-border {border-bottom: 1px solid #D5051F;}
.order-form .error {width: 100%;float: left;font-size: 11px;color: red;}
.order-form .cell-left {display: table-cell; width: 14%; vertical-align: middle;padding: 1%; text-align: center;} 
.order-form .cell-mid {display: table-cell; width: 70%; vertical-align: middle; line-height: 1.6; padding: 0 0 0 20px;} 
.order-form .cell-mid .quantity {color: #d86c0d; font-size: 15px; float: left; font-family: 'opensans-bold', Arial, sans-serif; width: 70%;} 
.order-form .cell-mid .price {color: #808080; width: 30%;float: left; line-height: 20px;} 
.order-form .cell-right {display: table-cell; width: 10%;vertical-align: middle;padding: 1%;text-align: center;} 
.order-form .name {color: #D86C0D; font-size: 15px; font-family: 'opensans-bold', Arial, sans-serif; text-align: left;}
.order-form  .cell-left-80 {display: table-cell; width: 77%; vertical-align: middle;padding: 1%; text-align: center; padding-left: 30px;}
.order-form .desc {text-align: left;color: #808080; margin-bottom: 10px;}
.order-form #summary-details .item-row {margin: 0;display: block;float: left; padding: 0; border: 0;/* margin: 0 auto; *//* text-align: center; */}
.order-form #summary-details .cell-left{text-align: left;color: #D86C0D; font-family: 'opensans-bold', Arial, sans-serif; display: block;float: left; width: 45%;text-align: right;}
.order-form #summary-details .cell-right{text-align: left;display: block; float: left;/* margin-left: 30px; */width: 45%;}
.order-form #summary-quantity label{opacity: 0;}

.order-form {width: 100%;height: 100%;float: left; position: relative; margin-bottom: 20px; position: relative;}
.order-form .left{width: 120px;float: left; right: 0; padding-left: 10px; margin-left: 30px;}
.order-form .right{width: 120px;float: right; right: 0; padding-left: 10px; margin-right: 50px;}
.order-form a,startpage-form button {color: #D86C0D; font-family: 'panc', Arial, sans-serif; text-transform: uppercase;}

.order-form form{padding: 30px; margin: 0 auto;}
.order-form label{color:#D86C0D; font-family: 'opensans-bold', Arial, sans-serif;}
.order-form dt,dd {line-height: 30px;line-height: 30px; /* width: 100%; */display: inline-block;/* height: 30px; */float: left; width: 250px; }
.order-form dt:nth-of-type(2n+2) {float: left;}
.order-form dd:nth-of-type(2n+2) {float: left;}
.order-form dt{float:left;/* width: 100%; */width: 130px;}
.order-form input{/* width: 96%; */display: inline-block;padding: 4px 6px;margin-bottom: 9px;font-size: 14px;line-height: 20px;color: #000;border: 0;border-bottom: 1px solid #ddd; width: 220px;}

.order-form select{width: 96%;padding: 4px 6px; height: 35px;margin-bottom: 9px;border: 0;border-bottom:1px solid #ddd;}
.order-form textarea{padding: 4px 6px;margin-bottom: 9px;border: 1px solid #ddd;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;background-color: #FFF; resize: none;}
.order-form #amount-element{}
.order-form #delivery-element {float:left;width: 66%;}
.order-form #delivery-element label{float:left;width: 44%;float:left;display: block;}
.order-form #delivery-element input{float:left;width: 10px;float:left;display: block;margin-top: 9px;margin-right: 10px;}
.order-form .information {width: 567px;background-color: #ffffff;display: block;float: left;border-top: 1px solid #ddd;padding: 10px 0; margin-top: 10px;}
.order-form .agree {color:#666;text-align: center;font-size: 12px; display: inline-block;}
.order-form .agree a:last-child{color: #D86C0D; font-size: 12px;text-align: center; font-family: 'opensans-bold', Arial, sans-serif;}
.order-form #submit-element {text-align: center;line-height: 20px;}
.order-form #submit-element input{}
.order-form .pay-pal {color: red; padding-left: 20px;text-align: left;float: left;font-weight: bold;font-size: 13px;}
//.startpage-form .required:after {color: #ff0000;content: ' *';}
.order-form .extendercountylabel,.startpage-form  .extenderlocationlabel {color:#000;}
.order-form 
.order-form #submit {background-image: url('/images/desktop/carticon.png');background-position: 20px center; height: 50px;background-color:#E10214;background-repeat: no-repeat;width: 300px;font-size: 18px;color: #FFF;cursor: pointer;}
.order-form #form-product {margin-top: -154px;margin-left: 10px;}
.order-form .errors li {color: #FF0000;line-height: 20px;margin-left: 188px;}
.order-form #delivery-element .errors li{margin-left: 0px;line-height: 40px;}
.order-form h1 {font-size: 14pt; color: #808080;margin: 25px 0;}
.order-form iframe {border:0;width: 100%;height: 400px; overflow: hidden;}
.order-form #summary-holder .item-table {width: 745px; margin: 0 50px 0 30px;}

#submitted-label {display: none;}
#cycles {position: absolute;margin: 0 auto;text-align: left; padding: 20px 0px 0px 0px; text-align: center;/* z-index: 0; */ right: 50px; top:9px;}
#cycles span{ display: inline-block; height: 8px; width: 8px; border-radius: 90%; background-color: #C3C3C5;margin: 2px;}
#cycles span.current {background-color: #D86C0D;}

.button_holder {text-align: right;margin-top: 20px;position: relative;display: block;z-index: 30;}
.red_button_2 button {border: none; background: transparent; color: #D86C0D; font-family: 'panc', Arial, sans-serif; text-transform: uppercase; cursor: pointer;}
.red_button_2 {background-color: #fff; border: 1px solid #000; font-size: 14px; line-height: 35px; height: 40px; padding: 0 10px; /* color: #fff; */ cursor: pointer; text-align: center;padding-top: 8px; transition: 0.2s all;}
.red_button_2:hover {background-color: #D86C0D; border: 1px solid #d86c0d;}
.red_button_2:hover button{color: #fff;}

input[type=radio].css-checkbox {display:none;}
#pickpack-list { margin-bottom: 20px; margin-left: 20px;margin-top: 20px;}
.paypal-button {display: none;}
.paypal-page {text-align: center;margin-top: 20px;margin-bottom: 40px;font-size: 18px;line-height: 30px}

#comment-label {}
#comment-label label[for='comment']{margin-left: 0;}
#comment {width: 220px;}
#submit {background-color: #E10214;border: 0;font-size: 14px;line-height: 35px;height: 35px;padding: 0 10px;color: #fff;font-weight: bold;border-radius: 3px;cursor: pointer; width: 150px;}

.paypal-form .paypal-image {width: 180px; border: 1px solid #ddd;padding: 4px;}
.paypal-form {width: 96%;border-bottom: 1px solid #E5E5E5;margin: 10px 0; padding-bottom: 10px;}
.paypal-form table {margin: 0 auto;width: 400px;}
.paypal-button {display: none;}
.paypal-page {text-align: center;margin-top: 20px;margin-bottom: 40px;font-size: 18px;line-height: 30px}

.wire-success { text-align: center; padding: 0 40px;}
.wire-success .red_button_2{ width:100px; margin:0 auto; padding: 0px; height: initial;}
.wire-success table { width: 536px;text-align: center;margin: 0 auto;background-color: #fff;padding: 20px;border: 1px solid #E7E7E7; }

.hidden {display:  none;}

input[type=radio].css-checkbox + label.css-label {
    padding-left:40px;
    height:18px; 
    display:inline-block;
    line-height:18px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:18px;
    vertical-align:middle;
    cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -18px;
}
label.css-label {
    background-image:url('/images/bluediamond/checkbox.png');
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
*
* footer - 2014 11 25
*
*/

.footer-bottom-menu {position: absolute; left: 15px; bottom: 10px;}
.footer-bottom-menu ul{}
.footer-bottom-menu ul li {float: left;}
.footer-bottom-menu ul li a{ font-size: 12px; line-height: 17px;}
.footer-bottom-menu ul li a:after{ content: '|'; font-size: 12px; color: #fff; padding: 0 5px;}
.footer-bottom-menu ul li:last-child a:after{ content:''; font-size: 12px; color: #fff;}

.sec3-button a {position: absolute;left: 0;right: 0;bottom: 20px;/* bottom: 0; */margin: 0 auto;z-index: 1000;padding: 20px 20px;display: inline-block;width: 120px;height: 15px;text-align: center;background: orange;font-family: 'panc', Arial, sans-serif;text-transform: uppercase;font-size: 18px;}

.sec3-button a:hover {background: rgb(176, 120, 18);}

#footer {width: 100%; background: #fff; text-align: center; min-height: 100px; padding-bottom: 20px;}
#footer .footer-shadow {background: url('/images/bluediamond/footer_shadow.png') no-repeat; width: 1100px; height: 29px; margin: 0 auto; margin-bottom: 10px; }

.order-form .extendercounty {cursor: pointer; margin-bottom: 10px; float: left; background: #fff; padding: 4px; border-radius: 20px; height: 10px; width: 10px; margin-right: 10px; vertical-align: middle; text-align: center; line-height: 0.7; color: #B51F24; box-shadow: 1px 1px #000;}
.order-form .extenderlocation {cursor: pointer; margin-bottom: 10px; float: left; background: #fff; padding: 4px; border-radius: 20px; height: 10px; width: 10px; margin-right: 10px; vertical-align: middle; text-align: center; line-height: 0.7; color: #B51F24; box-shadow: 1px 1px #000;}
.order-form .extendercountylabel {font-family: 'opensans-bold', Arial, sans-serif; float: left;}   
.order-form .extenderlocationlabel {font-family: 'opensans-bold', Arial, sans-serif; float: left; color: #9C1E22;}   


/* Pick Pack */
/* expander span tag */
.extendercounty {
    width: 12px;
    height: 12px;
    margin: 3px 3px 3px 3px;
    color: red;
    text-align: center;
    display: inline;
    float: left;
    cursor: hand;
    cursor: pointer;
    font-size:12px;
    font-weight:bolder;
}

/* expander county label */
.extendercountylabel {
    margin: 4px 0 0px 0;
    font-size:12px;
    color: #ffffff;
    text-align: center;
    display: inline;
    float: left;
}

/* expader span location */
.extenderlocation {
    width: 12px;
    height: 12px;
    margin: 2px;
    color: red;
    text-align: center;
    display: inline;
    float: left;
    cursor: hand;
    cursor: pointer;
    font-size:12px;
    font-weight: bold;
    margin-left: 30px;
}

/* expander location label */
.extenderlocationlabel {
    margin: 2px;
    font-size:12px;
    color: #ffffff;
    text-align: center;
    display: inline;
    float: left;
}

/* strore container */
.extenderstore {
    margin: 5px 5px 5px 5px;
    font-size:14px;
    color: #ffffff;
    text-align: center;
    display: inline;
    float: left;
    margin-left: 30px;
}

/* store item style */
.extenderstoreitem {
    cursor: pointer;
    line-height: 14px;
    background: #efefef;
    border-radius: 5px;
    margin: 3px;
    padding: 10px;
    font-size:12px;
    color: #000000;
    text-align: left;
    display: inline;
    float: left;
    margin-left: 10px;
    width : 300px;
    font-family: 'opensans-regular', Arial, sans-serif;
    box-shadow: 1px 1px rgba(0,0,0,0.1);
   
}
.extenderstoreitem.selected {
    background: #fff;
    border: 2px solid red;
}

/* div closing tag */
.clear{ 
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0px;
    height:0px;
}

/* hide element */
.nodisplay{
    display:none;	
}


.coupon {width: 100%; padding-bottom: 10px;}
.coupon input {float: left; margin: 0 5px;}
.coupon label {float: left;}
.coupon .button{background-color: #DC7B25;/* border: 1px solid #E0E0E0; */font-size: 14px;/* line-height: 35px; *//* height: 40px; */padding: 0 10px;color: #fff;cursor: pointer;text-align: center;/* padding-top: 8px; */transition: 0.2s all;float: left;}
.coupon #coupon-message {float: left;padding-left: 8px;}

#scrolltop {
background-color: transparent;
width: 56px;
height: 56px;
background: url('/images/bluediamond/back_to_top.png');
}

.footer-banner {width: 1024px;margin: 0 auto;position: relative; padding-bottom: 20px;}
.footer-banner table {margin: 0 auto;} 
.footer-banner table td { vertical-align: middle; text-align: center; width: 33%;}
.footer-banner table td p{margin: 0;}