/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'Open Sans', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/

/* font-family:'Open Sans', sans-serif; */

header, nav, article, footer {display:block;}

body {background:#000; color:#fff; font-size:16px; font-weight:400; font-family:'Open Sans';}
.clear-it:after {content:""; clear:both; display:block;}

.wrap {width:90%; max-width:1230px; margin:0 auto;}
.sm-wrap {width:85%; max-width:1160px; margin:0 auto;}

.show-tablet, .show-1024 {display:none;}

.column1, .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9, .column10, .column11, .column12 {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
.column1 {width:8.33333%;}
.column2 {width:16.66666%;}
.column3 {width:25%;}
.column4 {width:33.33333%;}
.column5 {width:41.66666%;}
.column6 {width:50%;}
.column7 {width:58.33333%;}
.column8 {width:66.66666%;}
.column9 {width:75%;}
.column10 {width:83.33333%;}
.column11 {width:91.66666%;}
.column12 {width:100%;}

.col-pad-lt {padding:0 0 0 2%;}
.col-pad-rt {padding:0 2% 0 0;}
.col-pad-center {padding:0 1%;}


/************************* typography styles **/
h1, h2, h3, h4, h5, h6 {font-family:'Open Sans'; font-weight:700;}
h1 {font-size:32px; color:#c92933; margin-bottom:20px;}
h2 {font-size:28px; margin-bottom:16px; text-transform:capitalize; }
h3 {font-size:22px; margin-bottom:10px;}
h4 {font-size:22px; color:#fff; margin-bottom:7px;}
h5 {font-size:20px; color:#d7d7d7; margin-bottom:5px;}
h6 {font-size:14px; margin-bottom:5px;}


p {margin-bottom:16px;}
.no-margin {margin:0 !important;}

.red {color:#c92933;}
.white {color:#fff;}
.black {color:#000;}

a {color:#c92933; text-decoration:none;}
a:hover {color:#fff; text-decoration:none;}

.white-link {color: white!important;}
.white-link:hover, .white-link:active, .white-link:focus {color: white!important;}

/************************* header styles **/ 
header {
	width:100%;
	background:#fff;
	padding:20px 0;
	border-bottom:3px #c92933 solid;
}

.logo {width:30%; float:left;}
.logo img {width:100%; height:auto; max-width:369px; display:block;}


/************************* nav styles **/
header nav {width:68%; float:left; margin:145px 2% 0 0;}
header nav ul {width:100%; text-align:right;}
header nav li {display:inline-block; zoom:1; *display:inline; position:relative;}

header nav a:link, header nav a:active, header nav a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	padding:0 10px;
	font-size:16px;
	font-weight:700;
	font-family:'Open Sans';
	text-transform:uppercase;
	line-height:30px;
}
header nav a:hover {color:#c92933;}

/* mobile nav styles */
#mobile-nav .close-nav {width:100%; display:block; line-height:30px; height:30px; border-bottom:1px #333 solid; text-align:right;}
#mobile-nav .close-nav i {font-size:20px; margin-right:15px; color:#fff;}

#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#000; color:#fff; margin:0!important; -moz-box-shadow:2px 0px 3px rgba(0,0,0,.4); -webkit-box-shadow:2px 0px 3px rgba(0,0,0,.4); box-shadow:2px 0px 3px rgba(0,0,0,.4);}
#mobile-nav ul {clear:both; display:block; padding:0; margin:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #333;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; font-family:'Open Sans'; font-weight:700; text-decoration:none; color:#fff;}
#mobile-nav ul li a:hover {background:#c92933; color:#fff;}

#mobile-nav ul li.expandable .end {position:absolute; top:0px; right:0px; width:40px; height:40px; line-height:40px; text-align:center; display:block;}
#mobile-nav ul li.expandable .end i {line-height:40px; font-size:18px; line-height:40px;}

#mobile-nav ul li.expandable .end.rotate {
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform:rotate(90deg); /* Firefox */
    -webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */
    transform:rotate(90deg);
}

#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}

#mobile-nav ul li ul {border-bottom:none; margin:0; background:url('../siteart/layout/brushed-pattern-dk.jpg') repeat;}
#mobile-nav ul li ul li {line-height:40px; font-size:13px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#fff; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:url('../siteart/layout/brushed-pattern.jpg') repeat; color:#000;}


/************************* home content styles **/
.cycle-slideshow {
	overflow:hidden;
	z-index:9;
	display:block;
	width:100%;
	position:relative;
}
.cycle-slideshow img {
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	top:0; left:0;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 7%; opacity: .5; filter: alpha(opacity=50); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url('../siteart/lt-slide-arrow.png') 50% 50% no-repeat; background-size:42%;}
.cycle-next { right: 0; background: url('../siteart/rt-slide-arrow.png') 50% 50% no-repeat; background-size:42%;}
.cycle-prev:hover, .cycle-next:hover { opacity: 1; filter: alpha(opacity=100) }

.scroll-frame {
	width:100%;
	display:block;
	background:#c92933;
	overflow:hidden;
	padding:10px 0;
}
.scroll-frame iframe {
	width:100%;
	display:block;
	height:90px;
	background:#c92933;
}

.icon-bar {
	width:100%;
	display:block;
	background:url('../siteart/pattern-bg.jpg') repeat;
	padding:15px 0;
	text-align:center;
}

.icon-bar .column4 a {
	width:90%;
	padding:0 5%;
	margin:5px 0;
	text-decoration:none;
	display:block;
	color:#d7d7d7;
	font-weight:700;
	font-family:'Open Sans';
	font-size:18px;
}
.icon-bar .column4 a:hover {color:#c92933;}
.icon-bar .column4 a img {width:100%; height:auto; max-width:279px;}

.map-box {width:100%; display:block; border-top:3px #fff solid; border-bottom:3px #fff solid;}
.map-box iframe {width:100%; display:block; height:250px;}



/************************* internal content styles **/
article {
	width:100%;
	display:block;
	padding:30px 0;
	background:url('../siteart/pattern-bg.jpg') repeat;
}
article.inventory {background:#fff !important;}

.hero {
	width:100%;
	display:block;
	border-bottom:3px #000 solid;
}
.hero img {width:100%; height:auto; display:block;}

.inv {width:100%; display:block;}
.inv iframe {background:#fff; width:100%; height:2100px;}


/************************* footer styles **/
.foot {
	width:100%;
	display:block;
	padding:35px 0;
}

.foot-contact {
	width:27.83333%;
	margin:0 2% 0 0;
	padding-left:3.5%;
	float:left;
	background:url('../siteart/icons/loc.png') no-repeat center left;
	background-size:6%;
	font-family:'Open Sans'; font-weight:700;
}

.foot-phone {
	width:22.83333%;
	float:left;
	padding-left:3.5%;
	font-family:'Open Sans'; font-weight:700;
	margin:0 2% 0 0;
	background:url('../siteart/icons/phone.png') no-repeat center left;
	background-size:7%;
}
.foot-phone a {color:#fff!important;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#fff;}
a.footerlink:hover {text-decoration:none; color:#fff;}

.footertext{font-size:10px; color:#fff;}
.smallfootertext{font-size:10px; color:#fff;}

.divfooter {width:38.33333%; text-align:left; margin:0; line-height:12px; float:left;}


/************************* form styles **/
#formpage label {display:block;  margin-bottom:3px;}
#formpage input {
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-bottom:10px;
}

#formpage textarea {
	width:calc(100% - 12px);
	padding:6px 5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
	color:#000;
	font-size:12px;
	height:120px;
	background:#fff;
	margin-bottom:10px;
}

#formpage select {
	width:calc(100% - 2px);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #ddd;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	background:#fff;
	margin-bottom:10px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }


/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#f3f3f3; 
	color:#333;
	border:1px solid #c92933;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}

#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#c92933;
    border:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
}
#formpage input.button:hover {
	background:#000;
	color:#fff;
}
 


/*control the Captcha */
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0 0 0;
}
.CaptchaImagePanel img {width:100%; height:auto; max-width:160px; margin:0 auto;}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:8px 0 8px 0 !important;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

.detail__specs-value {
	color: #000 !important;
}

/************************* responsive styles **/

@media screen and (max-width:1240px) {
	header nav {margin:110px 2% 0 0;}
	header nav a:link, header nav a:active, header nav a:visited {
		padding:0 6px; font-size:14px;
	}
}
@media screen and (min-width:1025px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:1024px) {
	.show-1024 {display:block;}
	.hide-1024 {display:none;}
    
    .column1-ht {width:8.33333%;}
	.column2-ht {width:16.66666%;}
	.column3-ht {width:25%;}
	.column4-ht {width:33.33333%;}
	.column5-ht {width:41.66666%;}
	.column6-ht {width:50%;}
	.column7-ht {width:58.33333%;}
	.column8-ht {width:66.66666%;}
	.column9-ht {width:75%;}
	.column10-ht {width:83.33333%;}
	.column11-ht {width:91.66666%;}
	.column12-ht {width:100%;}
	
	.col-pad-lt-ht {padding:0 0 0 2%;}
	.col-pad-rt-ht {padding:0 2% 0 0;}
	.col-pad-center-ht {padding:0 1%;}
	.col-pad-clear-ht {padding:0;}
	
	.wrap {width:96%;}
	
	#simple-menu {float:right; height:30px; width:80px; display:block; cursor:pointer; font-family:'Open Sans'; font-weight:700; color:#000; font-size:18px; text-transform:uppercase; text-align:right;}
    
	header nav {margin:0 2% 0 0;}
	/*nav a:link, nav a:active, nav a:visited {
		padding:0 5px; font-size:14px;
	}*/
}

@media screen and (max-width:768px) {
	.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	.column1-vt {width:8.33333%;}
	.column2-vt {width:16.66666%;}
	.column3-vt {width:25%;}
	.column4-vt {width:33.33333%;}
	.column5-vt {width:41.66666%;}
	.column6-vt {width:50%;}
	.column7-vt {width:58.33333%;}
	.column8-vt {width:66.66666%;}
	.column9-vt {width:75%;}
	.column10-vt {width:83.33333%;}
	.column11-vt {width:91.66666%;}
	.column12-vt {width:100%;}
	
	.col-pad-lt-vt {padding:0 0 0 2%;}
	.col-pad-rt-vt {padding:0 2% 0 0;}
	.col-pad-center-vt {padding:0 1%;}
	.col-pad-clear-vt {padding:0;}
	
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h1 {font-size:28px; margin-bottom:18px;}
	h2 {font-size:24px; margin-bottom:14px;}
	h4 {font-size:18px; margin-bottom:5px;}
	h5 {font-size:16px; margin-bottom:3px;}
	
    .logo {width:35%;}
	
	header nav {margin:0 2% 0 0; width:63%;}
    
	.cycle-prev, .cycle-next {width:10%;}
	.cycle-prev {background-size:42%;}
	.cycle-next {background-size:42%;}
	
	.scroll-frame {padding:5px 0;}
	
	.icon-bar .column4 a {font-size:14px;}
	
	.foot-contact {
		width:43%;
		padding-left:5%;
		background-size:5%;
	}
	
	.foot-phone {
		width:43%;
		padding-left:5%;
		background-size:6%;
	}
	.divfooter {width:96%; margin:20px 2% 0 2%;}
	
}

@media screen and (max-width:640px) {
	.column1-hp {width:8.33333%;}
	.column2-hp {width:16.66666%;}
	.column3-hp {width:25%;}
	.column4-hp {width:33.33333%;}
	.column5-hp {width:41.66666%;}
	.column6-hp {width:50%;}
	.column7-hp {width:58.33333%;}
	.column8-hp {width:66.66666%;}
	.column9-hp {width:75%;}
	.column10-hp {width:83.33333%;}
	.column11-hp {width:91.66666%;}
	.column12-hp {width:100%;}
	
	.col-pad-lt-hp {padding:0 0 0 2%;}
	.col-pad-rt-hp {padding:0 2% 0 0;}
	.col-pad-center-hp {padding:0 1%;}
	.col-pad-clear-hp {padding:0;}
}

@media screen and (max-width:480px) {
	.column1-vp {width:8.33333%;}
	.column2-vp {width:16.66666%;}
	.column3-vp {width:25%;}
	.column4-vp {width:33.33333%;}
	.column5-vp {width:41.66666%;}
	.column6-vp {width:50%;}
	.column7-vp {width:58.33333%;}
	.column8-vp {width:66.66666%;}
	.column9-vp {width:75%;}
	.column10-vp {width:83.33333%;}
	.column11-vp {width:91.66666%;}
	.column12-vp {width:100%;}
	
	.col-pad-lt-vp {padding:0 0 0 2%;}
	.col-pad-rt-vp {padding:0 2% 0 0;}
	.col-pad-center-vp {padding:0 1%;}
	.col-pad-clear-vp {padding:0;}
	
	.logo {width:40%;}
	header nav {width:58%;}
	
	.foot-contact {
		width:94%;
		padding-left:6%;
		background-size:4%;
		margin-right:0%;
		margin-bottom:10px;
	}
	
	.foot-phone {
		width:94%;
		padding-left:6%;
		background-size:4%;
		margin-right:0%;
	}
	
}

@media screen and (max-width:375px) {
	.logo {width:45%;}
	 header nav {width:53%;}
}