/******************************************************************************************************/
/***************************************************system styles******************************************/

/* Fix for Windows Phone 8 and Internet Explorer 10*/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
/*@-ms-viewport       { width: device-width; } */
@-ms-viewport		{ width: auto !important; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/* Replace Bootstrap styles */
.container {
	width: 100%;
	max-width: 1440px !important;
}

@media (max-width: 991px) {
	.container {
		padding: 0 15px !important;
	}
}

/* Use this class as .row parent if necessary */
.row-container {
	padding-left: 15px;
	padding-right: 15px;
}


.page-header {
	padding-bottom: 0;
	margin: 0;
	border-bottom: 0;
}

/* IE7 fix */
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6,
.col-xs-7, .col-xs-8, .col-xs-9, .col-lg-4, .col-lg-5, .col-lg-6,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
.col-sm-7, .col-sm-8, .col-sm-9, .col-md-4, .col-md-5, .col-md-6,
.col-md-1, .col-md-2, .col-md-3, .col-sm-10, .col-sm-11, .col-sm-12,
.col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-xs-10, .col-xs-11, .col-xs-12,
.col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	*padding-right: 0;
	*padding-left: 0;
}



/******************************************************************************************************/
/***************************************************General******************************************/


h1,
.h1 {
font-size: 26px;
}
h2,
.h2 {
font-size: 22px;
}
h3,
.h3 {
font-size: 18px;
}
h4,
.h4 {
font-size: 16px;
}
h1 small,
.h1 small {
font-size: 20px;
}
h2 small,
.h2 small {
font-size: 16px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
font-size: 12px;
}

a {
	color: #0b65af;
	text-decoration: none;
}
a:hover, a:focus{color:#030f4f;}
body {
	background: #ffffff;
	color: #222;
}

body .main-content {
	padding-top: 39px;
}
body.global-index .main-content{
	padding-top:0;
}




/*...Use on responsive embeds
The code was taken from this article
http://amobil.se/2011/11/responsive-embeds/ <---please read!!*/
.embed-container {/*this class is set on the parent element*/
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
/*remember that you will need to remove any width and height that is set on the element*/
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*end responsive embeds*/
/*to center an image within its parent use these helper classes*/
.center{text-align: center}/*add this to the parent of the img*/
.inline{display: inline-block;}/*add this to the img*/
.all-caps{text-transform: uppercase;}
.noPad{padding:0;}
.imgCenter{margin:0 auto;}
/******************************************************************************************************/
/***************************************************Buttons******************************************/
.custom-btn {
	background: #fe1c37;
	background: -moz-linear-gradient(top,  #fe1c37 0%, #c4172c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe1c37), color-stop(100%,#c4172c));
	background: -webkit-linear-gradient(top,  #fe1c37 0%,#c4172c 100%);
	background: -o-linear-gradient(top,  #fe1c37 0%,#c4172c 100%);
	background: -ms-linear-gradient(top,  #fe1c37 0%,#c4172c 100%);
	background: linear-gradient(to bottom,  #fe1c37 0%,#c4172c 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe1c37', endColorstr='#c4172c',GradientType=0 );
*/	
	color:#ffffff;
	
	font-weight:bold;
}

.custom-btn:hover {
	background: #c4172c;
	background: -moz-linear-gradient(top,  #c4172c 0%, #880f1e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4172c), color-stop(100%,#880f1e));
	background: -webkit-linear-gradient(top,  #c4172c 0%,#880f1e 100%);
	background: -o-linear-gradient(top,  #c4172c 0%,#880f1e 100%);
	background: -ms-linear-gradient(top,  #c4172c 0%,#880f1e 100%);
	background: linear-gradient(to bottom,  #c4172c 0%,#880f1e 100%);
	color:#ffffff !important; /*Leave important - overwrites on VDPs*/

	font-weight:bold;
}

.btn-gray {
	font-size: 15px;
	color: #222;
	text-shadow: none;
	background-color: #e6e6e6;
	*background-color: #e6e6e6;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6 100%);
	border: 1px solid #a9002c;
	border-color: #6c6c6c #6c6c6c #6c6c6c;
	border-color: rgba(108, 108, 108, 1) rgba(108, 108, 108, 1) rgba(108, 108, 108, 1);
	border-bottom-color: #6c6c6c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-position: 0 0;
	font-weight: bold;
	box-shadow: none;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active {
	color: #222;
}

/******************************************************************************************************/
/***************************************************Header & Footer******************************************/

.layout-header {
	background:rgba(0,0,0,0.8);
	padding: 1% 0 .5%;
	position: relative;
	z-index: 2;
}

.layout-header .header-right {
	text-align: right;
}
.layout-header .header-right .address-col {
	overflow: auto;
}
.layout-header .logo img{
	margin:0 auto;
}
.layout-header .header-right .inside-col {
	height: 47px;
}
.layout-header .header-right .address{
	float:none;
	color: #fff;
	padding-top: 1%;
}
.layout-header .header-right .address .addFloat{
	float:right;
	display: block;
}
.layout-header .header-right .phone{
	float:right;
	clear:right;
	font-size:18px;
	color:#fe1c37;
	font-weight:bold;
}
.layout-footer {
	padding:1.5% 0 1%;
	margin-top: 2%;
	background: #232323;
}
.global-index .layout-footer {
	margin-top: 0;
}
.layout-footer a,
.layout-footer a:visited,
.layout-footer a:hover{
	color:#fff;
}
.layout-footer .links {
	font-size: 11px;
	text-align:center;
	color:#fff;
}
.layout-footer .links .contact{
	margin-left:10px;
}
.layout-footer .links .delimiter {
	margin: 0 4px;
}

.layout-footer .links a {
	text-decoration: none;
}

.layout-footer .powered-by {
	font-size: 12px;
	text-align:center;
	margin-top: -10px;
}

.layout-footer .powered-by .by-text {
	font-size: 11px;
	margin: 0 1.5% 0 0;
	line-height: 28px;
	display:none;
}
.layout-footer .powered-by .df-logo{
	text-align:center;
}
.layout-footer .powered-by .df-logo img{
	margin: 2px 0 0;
}
/********* Navigation bar *********/

.page-header .nav-bar {
	background: #222;
	height: 47px;
}
/*this changes the link in the page header that mobile browsers create to something readable*/
.page-header .nav-bar a[href^=tel] {color:#fff;}

.page-header .nav-bar .back-button {
	float: left;
	width: 74px;
	height: 36px;
	margin-top: 5px;
	border-right: 1px solid #5e5e5e;
	background: url(../images/back_button.png) no-repeat scroll 23px center transparent;
}

.page-header .nav-bar .nav-print {
	float: left;
	width: 74px;
	height: 36px;
	margin-top: 5px;
	border-right: 1px solid #5e5e5e;
	cursor: pointer;
	background: url(../images/nav-print.png) no-repeat scroll 23px center transparent;
}

.page-header  .nav-bar .ask-question {
	color: #222;
	font-size: 14px;
	text-align: left;
	width: 180px;
	float: right;
	padding-left: 32px;
	border: 0;
	height: 34px;
	line-height: 34px;
	border-radius: 3px;
	margin: 6px 5px 0 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-image: linear-gradient(to bottom, #ffffff, #e5e5e5) !important;
	background-color: #ffffff;
	*background-color: #ffffff;
	background-image: -moz-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e5e5e5));
	background-image: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: -o-linear-gradient(top, #ffffff, #e5e5e5);
	background-image: linear-gradient(to bottom, #ffffff, #e5e5e5);
	background-repeat: repeat-x;
}

.page-header .nav-bar .ask-question.opened {
	background: #e7e7e7 !important;
	font-weight: bold;
	height: 41px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.page-header .nav-bar .ask-question .close-button {
	display: none;
	background: url(../images/close-overlay-icon.png) left top no-repeat;
	height: 18px;
	width: 17px;
	cursor: pointer;
	opacity: 1;
	float: right;
	margin: 8px 3px 0 0;
}

.page-header .nav-bar .ask-question.opened .close-button {
	display: block;
}

.page-header .nav-bar .ask-question .envelope {
	width: 16px;
	float: left;
	height: 16px;
	background: url(../images/envelope.png) left top no-repeat;
	margin: 7px 9px 0 0;
}

.page-header .nav-bar .ask-question.opened .envelope {
	display: none;
}

.page-header .nav-bar .nav-text {
	float: right;
	font-size: 16px;
	color: #fff;
	margin-right: 24px;
	line-height: 47px;
}

.page-header .nav-bar .phone-number {
	background: url(../images/mobile_phone.png) left center no-repeat;
	padding-left: 17px;
	font-size: 15px;
	line-height: 47px;
	font-weight: bold;
	color: #fff;
	float: left;
}

/* Price */
.price {
	color: green;
	font-weight: bold;
}
.price-old {
	text-decoration: line-through;
	font-style: italic;
	color: red;
}
.price-link {
	color: #c4172c;
	text-decoration: none;
}
.savings {
	color: #880f1e;
}
/******************************************************************************************************/
/*****************************Media queries for Global styles******************************************/

/********* Extra small devices (phones, up to 768px) */
@media (max-width: 767px) {
	.main-content {
		padding-top: 1px !important;
	}

	.layout-footer .powered-by {
		min-width: 150px;
	}

	.page-header .nav-bar .phone-number {
		float: left;
		margin-left: 2.1%;
	}

	.nav-bar .ask-question {
		width: 150px;
		padding-left: 15px;
	}

	.adaptive-container .comparison-title {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		font-size: 15px !important;
	}

	.adaptive-container .model-name {
		font-size: 23px !important;
		line-height: 30px !important;
	}

	.adaptive-container .compare-info {
		font-size: 14px !important;
		line-height: 30px !important;
	}
	.layout-header .header-right .address,
	.layout-header .header-right .phone,
	.layout-header .header-right .address .addFloat{
		text-align:center;
		float:none;
	}
	.layout-header .header-right .inside-col {
		height: auto;
	}
}

/********* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	
	h1,
	.h1 {
	font-size: 36px;
	}
	
	h2,
	.h2 {
	font-size: 30px;
	}
	
	h3,
	.h3 {
	font-size: 24px;
	}
	
	h4,
	.h4 {
	font-size: 18px;
	}
	h1 small,
	.h1 small {
	font-size: 24px;
	}
	
	h2 small,
	.h2 small {
	font-size: 18px;
	}
	
	h3 small,
	.h3 small,
	h4 small,
	.h4 small {
	font-size: 14px;
	}
	
	
	body .main-content {
	}

	.page-header .nav-bar .ask-question .hidden-xs {
		display: inline !important;
	}
	.col-sm-20{
		width:20%;
	}
}

/********* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.layout-footer .powered-by .by-text {
		display:inline;
	}
	.layout-footer .links {
		text-align:left;
	}
	.layout-footer .powered-by{
		text-align:right;
	}
	.layout-footer .powered-by {
		margin-top:0;
	}
	.layout-header .logo img{
		margin:0;
	}
	.col-md-20{
		width:20%;
	}
}

/********* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.col-lg-20{
		width:20%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.adaptive-container .model-name {
		font-size: 26px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
}

/********* Custom media queries */
@media (min-width: 1470px) {
	.layout-header .header-left,
	.layout-header .header-right {
		padding-left: 0;
		padding-right: 0;
	}
}