.price-calculator-item-wrapper,
.price-calculator-slider-wrapper {
	margin-top:10px;
	background-color:#fff;
	border:1px solid #fff;
	border-radius:2px;
	text-align:left;
}

.price-calculator-item-wrapper {font-size:0pt;}

/* this is needed to make the sliders the same width as the buttons
	because the buttons have four 1px left borders. */
.price-calculator-slider-wrapper {padding-right:4px;}

.price-calculator-desc {
	font-size:12px;
	padding-bottom:1%;
	overflow: hidden; /* needed to prevent this text from going on top of slider-output */
}
.price-calculator-desc > b {
	font-size:13px;
	font-weight:bold;
	padding-right:4px;
}


.slider-output {
	font-weight:bold;
	float:right;
	display:block;
}

.hidden-checkbox, .hidden-checkbox-recurring {
	/* note, display:none; doesn't work in IE or Opera mobile.
		so we just push it off the page and hide it.

*/	
	position:absolute;
	left:-10000px;
	visibility: hidden;
}


.price-calculator-item-wrapper,
.price-calculator-slider-wrapper,
.price-calculator-selected-features {
	margin-left:5%;
	margin-right:5%;
	padding-bottom: 1%;
}




.shiny-label {
	text-shadow: 1px 1px 0 #FFF; 
	padding:5px 0;		
	border:1px solid #CCC;
	border-width:1px 1px 1px 0;
	border-radius:0;
	font-size:12px;
	font-weight:bold;
	color:#555;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	margin:4px 0 4px 0;
	width:20%;
	background: #f6f8f9;
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	background: linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}


.shiny-label-ie8, .shiny-label-ie8-checked {
	text-shadow: 1px 1px 0 #FFF; 
	padding:5px 0;		
	border:1px solid #CCC;
	border-width:1px 1px 1px 0;
	border-radius:0;
	font-size:12px;
	font-weight:bold;
	color:#555;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	margin:4px 0 4px 0;
	width:20%;
}

.shiny-label-ie8-checked {
	background: #75BFDF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75BFDF', endColorstr='#75BFDF',GradientType=0 );
}

.shiny-label-ie8 {
	background: #f6f8f9;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

.shiny-label-ie8-checked:hover {
	background: #75BFDF;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75BFDF', endColorstr='#75BFDF',GradientType=0 );
}



.shiny-label:hover, .shiny-label-ie8:hover{ 
	background: #f2f6f8;
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(50%,#d8e1e7), color-stop(51%,#b5c6d0), color-stop(100%,#e0eff9));
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -o-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: -ms-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	background: linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}

.shiny-label:active, .shiny-label-ie8:active{ 
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.hidden-checkbox:checked+label{
	color:#131313;
	/*text-shadow: 1px 1px 0 #75BFDF; */
} 
.shiny-label-left {
	border-width:1px;
	border-radius: 5px 0 0 5px ;
	width:19%;
}
.shiny-label-right {
	border-width:1px 1px 1px 0;
	border-radius: 0 5px 5px 0;
	
}


.hidden-checkbox-recurring:checked+label {
	color:#333;
	/*text-shadow: 1px 1px 0 #6db3f2; */

	background: rgb(79,162,217); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(79,162,217,1) 0%, rgba(97,167,217,1) 50%, rgba(26,140,222,1) 51%, rgba(12,136,218,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,162,217,1)), color-stop(50%,rgba(97,167,217,1)), color-stop(51%,rgba(26,140,222,1)), color-stop(100%,rgba(12,136,218,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(79,162,217,1) 0%,rgba(97,167,217,1) 50%,rgba(26,140,222,1) 51%,rgba(12,136,218,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(79,162,217,1) 0%,rgba(97,167,217,1) 50%,rgba(26,140,222,1) 51%,rgba(12,136,218,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(79,162,217,1) 0%,rgba(97,167,217,1) 50%,rgba(26,140,222,1) 51%,rgba(12,136,218,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(79,162,217,1) 0%,rgba(97,167,217,1) 50%,rgba(26,140,222,1) 51%,rgba(12,136,218,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fa2d9', endColorstr='#0c88da',GradientType=0 ); /* IE6-9 */ 


}



.price-calculator-selected-features {
	text-align:left;
	padding:3%;
	margin-top:30px;
}




.textcolor2 {
	color:#222 !important;
}


.package-price-wrapper {
	padding-top:0 !important; 
}

.slider-range-output {
	border:0;
	color:#f6931f;
	font-weight:bold;
	width:30px;
	display:inline;
}

.horizontal-list {
	padding:20px 0;
	width:100%;
	text-align:center;
}
.horizontal-list > li{
	width:28%;
	display:inline-block;
	text-align:left;
}


.price-calc-table th {
	border:1px solid #00a9e4;
	background-color:#00a9e4;
	color:#ffffff;
	font-weight:normal;
	font-family: 'Montserrat', sans-serif;
	padding:15px 10px;
}
.price-calc-table tr:nth-child(2) th  {
	font-size:20px;
	font-weight:bold;
	
}
.price-calc-table, .price-calc-table td {
    border:1px solid #2b5a91;
}

.price-calc-table {
    border-width: 0 0 1px 1px;
    border-collapse: collapse;
    width:98%;
    margin:20px auto;
}

.price-calc-table td {
	border-width: 1px 1px 0 0;
	text-align:left;
	font-size:12px;
	padding:3px 10px;
}

.price-calc-table tr:nth-child(even) {
	background-color: #eee;
}

.price-calc-td-name {
	/*text-align:right !important;*/
	width: 80%;
}


.priceboxone{
	padding-top:20px;margin-top: -10%; width: 40%; float: right;
}
.priceboxtwo {
  float: right;
  font-size: 12px;
  margin-top: -1%;
  text-align: right;
  width: 39%;
}
#promocode {
  float: initial;
  margin-right: 2%;
  padding-bottom: 13px;
  padding-left: 0;
  padding-top: 13px;
  width: 135px;
}

.price-calculator-selected-features.box-wrapper > h2 {
  font-weight: bold;
}

#recurringWrapper{
	float: left; margin-left:12%; display: block;	
}
.priceboxoneinner {
  float: left;
  padding-left: 22%;
}
#buttonpricebox {
  font-size: 20px;
  margin-right: 7%;
  margin-top: 0.5%;
  text-align: center;
  width: 156px;
}



@media all and (max-width: 800px) {
	.price-calculator-slider-wrapper {padding-right:0;}
	.horizontal-list li{
		width:100%;
	}
	.shiny-label {
		width:100%;
		margin:0;
		padding:20px 0 20px 0;
		border-width:0 1px 1px 1px;
		background:#eee;
		box-shadow:inset 0 0 5px -2px #aaa;
		font-size:16px;
	}
	input[type="radio"]:checked+label, input[type="checkbox"]:checked+label{ 
		background:#75BFDF;
	}
	.shiny-label:active{ 
		background: none;
	}
	.shiny-label-left {
		border-width:1px;
		border-radius:5px 5px 0 0;
		width:100%;
	}
	.shiny-label-right {
		border-width:0 1px 1px 1px;
		
		border-radius:  0 0 5px 5px ;
	}
	.price-calculator-desc {
		font-size:14px;
	}
	.price-calculator-desc > b {
		font-size:15px;
	}

#secondary {
  background-color: #fff !important;
  float: left;
  margin-top: 10px;
  width: 100%;
}

.priceboxone {
  clear: both;
  float: right;
  margin-right: -10%;
  padding-top: 13%;
  width: 100%;
}

.priceboxtwo {
  float: right;
  font-size: 11px;
  margin-top: 3%;
  text-align: right;
  width: 100%;
}
#promocode {
  float: left;
  margin-left: 20%;
  padding: 13px 0;
  width: 135px;
}
#buttonpricebox {
  font-size: 20px;
  margin-right: 20%;
  margin-top: 0.5%;
  text-align: center;
  width: 156px;
}

}
@media all and (max-width: 500px) {
	.price-calc-table td, .price-calc-table th{
		padding:2px 0px !important;
		font-size:8px !important;
	}
	.price-calc-table {
	    width:100%;
	}

#secondary {
  background-color: #fff !important;
  float: left;
  margin-top: 10px;
  width: 100%;
}

.priceboxone {
  clear: both;
  float: right;
  margin-right: 0;
  padding-top: 13%;
  width: 100%;
}

.priceboxtwo {
  float: right;
  font-size: 11px;
  margin-top: 3%;
  text-align: right;
  width: 100%;
}
#promocode {
  float: left;
  margin-left: 0;
  padding: 13px 0;
  width: 110px;
}
#buttonpricebox {
  font-size: 20px;
  margin-right: 0;
  margin-top: 0.5%;
  text-align: center;
  width: 123px;
}
#recurringWrapper {
  display: block;
  float: left;
  margin-left: 2%;
}
.priceboxoneinner {
  float: left;
  padding-left: 15%;
}
	
}

@media all and (max-width: 250px) {
	.price-calc-table {
		display:none;
	}
	
	.price-calc-table {
	    width:100%;
	}
#secondary {
  background-color: #fff !important;
  float: left;
  margin-top: 10px;
  width: 100%;
}
header .sticky-nav, #navigation-mobile, .page, .page-alternate, #twitter-feed, footer {
 margin:0px !important;
 padding:0px !important; 
}

.priceboxone {
  clear: both;
  float: right;
  margin-right: 0;
  padding-top: 13%;
  width: 100%;
}

.priceboxtwo {
  float: right;
  font-size: 11px;
  margin-top: 3%;
  text-align: right;
  width: 100%;
}
#promocode {
  float: left;
  margin-left: 0;
  padding: 13px 0;
  width: 130px;
}
#buttonpricebox {
  font-size: 20px;
  margin-right: 0;
  margin-top: 0.5%;
  text-align: center;
  width: 145px;
}
#recurringWrapper {
  display: block;
  float: left;
  margin-left: 0;
}

	
}