header { position:absolute;}
#banner { height: 675px;
background: url(../jpg/banner-bg.jpg) top center no-repeat #0a0a0a;}
#store-links {position:relative; margin: 80px 0px 20px; height: 30px;}

#breadcrumbs {position:absolute; top:0; left:0; list-style: none; padding: 0; margin: 0;}
#store-nav {list-style: none; position: absolute; top: 0; right:0;padding: 0; margin: 0;}
#breadcrumbs li, #store-nav li {float:left; padding: 5px 10px; margin: 0 5px;font-size: 14px;color: #393939;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-weight: 400;}
#breadcrumbs li.seperator {padding: 5px 0px; margin: 0px; color:#666;}
#breadcrumbs li:last-of-type, #store-nav li:last-of-type {padding-right: 0; margin-right: 0;}
#breadcrumbs li:first-of-type, #store-nav li:first-of-type {padding-left: 0;margin-left: 0;}
#breadcrumbs li a, #store-nav li a{color:#ccc; text-decoration: none;}
#breadcrumbs li a { border-bottom: 1px dotted #666;}
#breadcrumbs li a.selected {font-weight:600; color:#fff;}

#config-nav { position:relative;list-style: none; float:left; margin:0; padding:0; z-index: 9;width: 100%;}
#config-nav li{ float:left; font-size: 16px;width: 25%; text-align: center; padding-bottom: 6px;}
#config-nav li:first-of-type a{-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
#config-nav li:last-of-type a{-moz-border-radius: 0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
#config-nav li.selected {font-weight: 700;}
#config-nav li.selected > a{color:#333; background:#ccc;}
#config-nav li a { display:block; padding: 10px 0px; text-decoration: none; color:#ccc; background: rgba(200,200,200,.2);border-right: 3px solid #000;}
#config-nav li:last-of-type a { border-right:none;}
#product-stage {height: 480px;width: 64.5%; float:left;}
#product-image {
	position: absolute;
	width: 95%;
	height: auto;
	padding: 0 0 0 5%;
	top: 0px;
	margin: 0;
}

#coupon_code, #button_code {display:none;}

.lower-product-stage { top: 20px !important;-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;}

.product-selected h3, .product-not-selected h3{margin: 0;
padding: 0 5%;
width: 90%;
list-style: none;
font-weight: 400;
font-size: 13px;
color: #666;
text-transform: uppercase;
letter-spacing: .15em;
margin-bottom: 10px;
display: block;}

.product-not-selected h3{margin-top: 20px;}

.shipping-section {padding-bottom: 10px;
border-bottom: 1px solid #ddd;
margin-bottom: 40px;}
#product-image img { width: 100%;
height: auto;}
#right-wrapper { width: 33%; }
#selection-box { width: 100%;background-color: #F1F1F1;height: 500px;height: 450px;height: 375px;-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;}
.switch { list-style: none; position: absolute; bottom: 0; right: 0;}

.option-title {
    padding: 2.5% 5%;
    width: 90%;
    position: relative;
    background-color: #FFF;
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #ddd;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    z-index: 9
}

.option-title h2{
    color: #393939;
    font-family:"proxima-nova", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.4em;
    margin: 0;
    float: left;
	padding: 6px 0 6px;
	font-size: 16px;
}
.option-title h2 span {font-weight: 700;}


.option-title .question-bubble {
position: absolute;
right: 13px;
top: 9px;
text-align: center;
padding: 13px 10px 13px;
line-height: 0;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background: #ccc;
text-decoration: none;
color: #fff;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
}

.options {
width: 99.5%;
height: 249px;
background-color: #F1F1F1;
padding-top: 15px;
overflow-y: scroll;
}

.options:hover {cursor:pointer;}
.option-radio { width: 89%; padding:2.5%; margin: 0 0 12px 15px;
background-color: #FFF;
border: 2px solid transparent;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
    -webkit-transition: all .74s;
-moz-transition: all .74s;
-ms-transition: all .74s;
-o-transition: all .74s;
transition: all .74s; position:relative;overflow: hidden;}

.option-radio.active { border: 2px solid #00bbde; background: url(../png/selected.png) top left no-repeat #fff;}
.option-radio .status {display:none;}
.option-radio.active .status {display:block; position: absolute; top: 5px; left:35px;color: #0BD;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 700;}
.option-radio h3 { margin: 28px 5px 25px;color: #505050;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 400; width: 50%;}

.option-radio .option-image {width: 50%; position: absolute; right: 0; top: 0;}
.option-radio .option-image img {width: 100%; height:auto;}

.option-check { width: 89%; padding: 2.5%; margin: 0 0 12px 15px;
background-color: #FFF;
border: 2px solid transparent;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
    -webkit-transition: all .74s;
-moz-transition: all .74s;
-ms-transition: all .74s;
-o-transition: all .74s;
transition: all .74s; position:relative;overflow: hidden;}

.option-check.active { border: 2px solid #00bbde; background: url(../png/selected.png) top left no-repeat #fff;}
.option-check .status {display:none;}
.option-check.active .status {display:block; position: absolute; top: 5px; left:35px;color: #0BD;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 700;}
.option-check h3 { margin: 28px 5px 25px;color: #505050;font-family:"proxima-nova", Helvetica, Arial, sans-serif;font-size: 14px;font-weight: 400; width: 50%;}

.option-check .option-image {width: 50%; position: absolute; right: 0; top: 0; margin-top: 5%;}
.option-check .option-image img {width: 100%; height:auto;}

#save-share { position:absolute; bottom:0; z-index:10;}
#view-selection { position: absolute; bottom:0; right: 0;z-index:10;}
.button.next span { font-weight: 700;}
.previous {
color: #666;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
    background:none;
    text-decoration: none;
}
.previous span {font-weight: 700;}

.option-nav { 
position: absolute;
bottom:0; /* Style for Rectangle 27 */
background-color: #FFF;
-moz-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.12);
-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.12);
box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.12);
width: 100%;
-moz-border-radius:0 0 4px 4px;
-webkit-border-radius:0 0 4px 4px;
border-radius: 0 0 4px 4px;
z-index: 9;
}
.option-nav .next { float: right; margin: 13px}
.option-nav .previous { float:left; margin: 19px; padding-left:0;}
#view-selection { width:350px; }
#view-selection h4 { float:left; margin: 0 0 5px; color:#ccc;font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 300; line-height: 1em;}
#view-selection .switch { float:right;}
.switch {
background-color: rgba(225,225,225,.12);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
list-style: none;
width: 255px;
padding: 0;margin: 0;
}

.switch li {float:left; text-align: center; width:85px;text-transform: uppercase;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 300;}
.switch li.selected { /* Style for Rounded Rectangle 3 copy */
background-color: #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 0 3px rgba(0,0,0,.5);
-webkit-box-shadow: 1px 0 3px rgba(0,0,0,.5);
box-shadow: 1px 0 3px rgba(0,0,0,.5); font-weight: 700}
.switch li.selected a {color:#333;}
.switch li a { display:block; padding: 5px 0;text-decoration:none;color: #969696;}
.small-button {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px; padding: 5px 15px;font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 300;text-decoration: none; color:#ccc;
}

#save-share .share-facebook {padding:6px 15px 5px 22px; background: url(../png/facebook-header-2.png) left center no-repeat; background-size: 15px 15px; margin:0 0 0 10px}

.outline { border:1px solid #606060;}

#config-bar {
	height:105px;
	width:100%;
	background: #f2f2f2;
}

#money, #config-actions { height: 75px; padding: 15px 0;}

#money h3{ 
color: #393939;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 26px;
font-weight: 700;
margin: 0;
padding: 0;
}

#money h4 {
color: #636363;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 300;
margin: 0;
padding: 0;
}
#money #financed h3 span { font-size: 18px;}

#money .text-link { 
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 300;
margin: 0;
padding: 0;
text-transform: none;
}

#money #price, #money #financed {border-right:1px solid #ddd; padding: 0 5% 0 0;margin: 0 5% 0 0;}
#money #price {width: 37%;}
#money #financed {width: 42%;} 

#config-actions .full30 { width: 20%; padding-left: 9%; padding-right:1%; margin: 0 2%;}

#config-actions #questions-link {padding-right:0; margin: 0 0 0 2%;}

#config-actions h4{
color: #636363;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 300;
margin: 10px 0 0 0;
padding: 0;
}

#config-actions h3 {
color: #393939;
font-family:"proxima-nova", Helvetica, Arial, sans-serif;
font-size: 19px;
font-weight: 700;
margin: 0 0 10px 0;
padding: 0;
}

#config-actions #current-link, #config-actions #media-link { border-right:1px solid #ddd;}

#config-actions a { text-decoration:none;}

#config-actions #current-link { background: url(../jpg/config-icon.jpg) no-repeat left center;}
#config-actions #media-link { background: url(../jpg/media-icon.jpg) no-repeat left center;}
#config-actions #questions-link { background: url(../jpg/contact-us.jpg) no-repeat left center;}

#progress-bar {list-style: none; font-size: 0px; position: absolute; width: 30%; margin:30px 35%;text-align: center;padding: 0;}

#progress-bar li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0px 3px;
}

#progress-bar li a { display: block; width: 100%; height: 100%; background: #ddd;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius:15px;}
#progress-bar li a.selected {background:#00bbde;}

#main { padding: 40px 0;background: #e5e5e5;}

#main #tabs a { display:inline-block; padding:15px 0px; background:#fff; margin:0 5px 0 0; border-top:1px solid #ddd; border-left: 1px solid #ddd; border-right:1px solid #ddd; text-decoration:none; font-family:"proxima-nova", Helvetica, Arial, sans-serif; color: #333; font-size:20px;
background: #f3f3f3; /* Old browsers */
background: -moz-linear-gradient(top,  #f3f3f3 79%, #ebe8e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(79%,#f3f3f3), color-stop(100%,#ebe8e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f3f3f3 79%,#ebe8e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f3f3f3 79%,#ebe8e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f3f3f3 79%,#ebe8e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f3f3f3 79%,#ebe8e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ebe8e8',GradientType=0 ); /* IE6-9 */
margin-bottom: -1px; width: 18%; text-align:center;
}
#main #tabs a.selected {
padding-bottom: 16px;
background:#fff !important;}
#main #tabs

#main .tab-body { width:90%; padding:2% 5%; border:1px solid #ddd;}
#main section { padding:80px 0;}
#right-wrapper {-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;margin-top: 10px;}
#pricing-details {padding: 15px 5%;
margin-bottom: 10px;
background: #fff;
border-radius: 4px;
max-height: 60px;}
#pricing-details h3 {
font-size: 14px;
margin: 0;
font-weight: 400;
margin-bottom: 0;
}
#configured-price {
	float: left;
	border-right: 1px solid #ddd;
	padding: 0 10px 0 0;
}
#configured-price h3{
	font-size: 25px;
	/* margin: 0; */
	line-height: .55em;
	padding: 9px 0 0 0;
	font-weight: 600;
}
#financed-price { float:left; padding:0 10px; border-right:1px solid #ddd;height: 44px;}
#financed-price span, #shipping-date span {font-size: 12px;
margin: 0;
font-weight: 400;}
#shipping-date {float:left; padding:0 0 0 10px;}
#shipping-date h3, #financed-price h3 { font-weight: 600;
font-size: 16px;
line-height: 0.8em;
}

.swatch .option-image {
	width: 38%;
	height: 55%;
	right: 4.5%;
	top: 20%;
	border-radius: 4px;
}

.swatch .option-image img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	border:1px solid #ddd;
}

.hk-yes .option-image {
	width: auto;
	height: 100%;
	right: 0;
	top: 0;
}

.hk-yes .option-image img {
	width: 100%;
	height: 100%;
}


.dimension-radio { width: 29.5%;
float: left;
text-align: center;}

.dimension-radio-center { margin: 0 3%;}

.dimension-radio .option-radio {
width: 95%;}

.dimension-radio .option-radio h3 {
margin: 30px auto;
font-size: 20px;
padding: 0;
text-align: center;
width: 80%;
line-height: 1em;
min-height: 45px;
margin: 30px auto 20px;
}

#option-638 {width: 98%;
padding-right: 2%;overflow:hidden;}

.desktop-style .option-image {
	width: 33%;
height: auto;
position: absolute;
right: 5%;
top: 14%;
}

/* Let's get this party started */
.options::-webkit-scrollbar {
    width: 12px;
}

.options::-webkit-scrollbar-button {color:#333; height:15px; background:#333; padding:5px 0;}

.options::-webkit-scrollbar-button:start { background: url(../png/scroll-arrow-up.png) no-repeat center center #f1f1f1;}
.options::-webkit-scrollbar-button:end { background: url(../png/scroll-arrow-down.png) no-repeat center center #f1f1f1;}
 
/* Track */
.options::-webkit-scrollbar-track {
    background:#ccc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	margin:7px 0;
}
 
/* Handle */
.options::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #666;
	    -webkit-transition: all .74s;
-moz-transition: all .74s;
-ms-transition: all .74s;
-o-transition: all .74s;
transition: all .74s;
}
.options::-webkit-scrollbar-thumb:window-inactive {
	background: #666;
}

.controller-thumb .option-image {width: 45%;
position: absolute;
right: 5%;
top: 20%;}


   #review-box ul, #review-box .product-selected span, #review-box .product-not-selected span {margin: 0;
padding: 0 5%;
width: 90%;
list-style: none;}
#review-box .product-selected span, #review-box .product-not-selected span {
text-align: right;
float: right;
width: auto;
}


#review-box ul li {font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 17px;
padding: 15px 0;
border-bottom: 1px solid #ccc;}
#review-box ul li:first-of-type { padding-top:5px;}
#review-box ul li span { font-weight:300;}

#store-revolutionary-features {right:48%; bottom:0; height:100%; width:auto;}

.mfp-content > div{
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  margin: 20px auto;
}
#quest-box .wrapper {min-width: 855px;}
#quest-box {max-width: 1500px; padding:0;}
#quest-box section {padding-left:5%; padding-right:5%;}

#login-content { padding: 75px 0;}

#login-content .full75 h3 {margin-bottom: 15px;font-size:33px;
line-height: 1em;
letter-spacing: .045em;font-weight: 300;
color: #252525;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase; margin-bottom:8px;}
#login-content .full75 h3 span {color:#00bbde}
#login-content .full75 { margin-bottom:30px;}
#login-content .full75 h2 {
letter-spacing: .15em;
padding-bottom: 13px;
color: #666;
font-size: 20px;
text-transform: uppercase;
font-family: "proxima-nova", Helvetica, Arial, sans-serif;
font-weight: 300;
margin: 0;
padding: 0;
}

#login-content .fa { color:#ccc; padding-right:10px;}
#login-text { width: 520px;}
#login-text { padding-top:175px;}
#login-text h1 { color: #ccc;
font-size: 20px; text-transform:uppercase;font-family:"proxima-nova", Helvetica, Arial, sans-serif; font-weight:300; letter-spacing:.10em; margin:0; padding:0}
#login-text h3 { font-weight:300; color:#fff;font-size:35px; letter-spacing:.09em; margin:0; padding:0; text-transform:uppercase;}
#login-text p { color:#fff; margin-bottom:1.75em;}

#login-box {width: 40%;
float: right;
background: rgba(255,255,255,0.10);
padding:2.5%;
border-radius: 6px;
margin-top: 150px;}

.cart-info .name a {
	font-size: 32px;
	text-decoration: none;
	color: #252525;
	text-transform: uppercase;
	font-family: "proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: .08em;
}

.modify-link {color:#00bbde !important;}

.product-cart-image {max-width: 300px;
overflow: hidden;}
.product-cart-image img{width: 100%;
height: auto;
margin-top: -7%;
margin-bottom: 5%;}

.breadcrumb a {color:#666; text-decoration:none;}

#store-title {color:#fff; font-weight:400; font-size:22px;}
#store-title span { font-size: 12px;
font-weight: 300;
text-transform: uppercase;
color: #ccc;
margin-left: 3px;
letter-spacing: .08em;}

#notification {}

#notification .success, #notification .alert, #notification .warning {font-size: 18px;position: fixed;
z-index: 999999;
width: 100%;
height: 25px;
background: #00bbde;
padding: 18px;
color: #fff;
font-weight: 400;}

#notification .success a, #notification .alert a, #notification .warning a{color:#fff; font-weight:600; }

.success .right {float: right;
position: absolute;
right: 3%;
top: 29%;}

#configured-price span{color: #00bbde;font-size: 13px;font-weight: 600; margin: 0;line-height: 0;
text-align: center;
width: 100%;
display: inline-block;}

.sub-share .fa { font-size: 16px; margin-right:3px;}
#save-share .small-button {padding: 5px 10px;font-size: 13px; }
#save-share .small-button span {line-height:1.4em; }
@media (min-width: 1300px) {
    /*#product-image { top:-40px;}   */
    .option-radio h3 { margin: 30px 5px;font-size: 15px;}
    .option-image { margin-top: 0%;}

	#banner { height: 775px;}
	#product-stage {height: 570px;}
	#right-wrapper {margin-top: 20px;}
	#selection-box {height: 450px;}
	.options {height: 307px;}
	#configured-price h3{font-size: 28px;padding: 7px 0 0 0; line-height:.65em}
	#financed-price, #shipping-date {padding:1px 20px; height:45px;}
	#configured-price {padding:0 20px 0 0;}
	#progress-bar li {display: inline-block; width: 12px; height: 12px; margin: 0 5px; }
	.option-title h2{
    padding:10px 0 6px; 
    font-size: 19px;
	}
	#configured-price span{font-size: 14px;}
	.option-title .question-bubble {
	position: absolute;
	right: 18px;
	top: 13px;
	text-align: center;
	padding: 16px 13px 16px;
	line-height: 0;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px; background: #ccc; text-decoration:none; color:#fff; font-family:"proxima-nova", Helvetica, Arial, sans-serif;
	font-weight: 700; font-size: 17px;
	}
}
@media (min-width: 1150px) {
	#product-image {
	position: absolute;
	width: 95%;
	height: auto;
	padding: 0 0 0 5%;
	top: -20px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	}
	
	.lower-product-stage { top: 10px !important;-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;}
	
}