/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/




/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Noto Sans', sans-serif;
    margin: 0;
	padding:0;
	background:url("../siteart/fancy_deboss_@2X.jpg") repeat !important;
	color:#000;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
	margin: 0;
	font-weight:700;
	color:#ee272b;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 26px;}
	h4 {font-size: 22px;}
	h5 {font-size: 18px;}

p {
    font-family: 'Noto Sans', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	font-weight:500;
	}
strong{	font-family: 'Noto Sans', sans-serif;font-weight:800;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ee272b;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#000; padding:4px 0;font-size:15px;color:#fff;width:100%;}
.topbar p{padding:0 0 0 0;}
.topbar ul{list-style:none;margin:0 auto;padding:0;}
.topbar ul li{font-family: 'Noto Sans', sans-serif;float:left;padding:7px 20px 7px 0;color:#fff;font-weight:700;}
.topbar ul li span{font-weight:700;}
.headphone{color:#ee272b !important;}
.headphone:hover{color:#ababab !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.topbar ul li:last-child{float:right;padding:0;}
.headcontact{font-family: 'Noto Sans', sans-serif;background:#ee272b;padding:5px 0;margin-top:2px;width:300px;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-weight:700;color:#fff !important;}
.headcontact:hover{background:#fff;color:#ee272b !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}

header{width:100%;margin:0;padding:20px 0 0 0;background:url("../siteart/headback.jpg") center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.headlogo{float:left;width:420px;}
.headlogo a{display:block;}
.headright{float:right;width:35%;text-align:right;}
.headright img,.headtext{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 1%;}
.headright img{max-width:150px;}
.headtext{text-align:left;}
.headtext h4{color:#454545;line-height:1.2em;font-weight:400;}
.headtext h3{color:#454545;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;}
.cf{background:#fff;}
.internal{padding:2% 0;}
.pagetitle{color:#ee272b;border-bottom:3px solid #ee272b;margin-bottom:2%;font-size:30px;}

/*===================== 
	slideshow styles 
=======================*/
.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}

/*===================== 
	welcome styles 
=======================*/
.padit{padding:6% 0;}
.welcome{background:url("../siteart/storecutout.png") top right no-repeat;}
.welcometext{width:50%;float:left;}
.welcome h4{color:#454545;padding:0;line-height:1em;}
.linkbutton{background:#ee272b;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:2px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 5px 5px rgba(0,0,0,0.4);box-shadow:2px 5px 5px rgba(0,0,0,0.4);padding:8px 0;width:40%;margin-right:4%;float:left;text-align:center;font-weight:700;color:#fff;}
.linkbutton:hover{background:#000;-moz-transition:0.3s ease-in;-webkit-transition:0.3s ease-in;-ms-transition:0.3s ease-in;-o-transition:0.3s ease-in;transition:0.3s ease-in;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}

input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Noto Sans', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

textarea{
	font-family: 'Noto Sans', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

.half{float:left;width:48%;margin-right:2%;}
#contactform strong{color:#fff;}
.commentbox{width:98%;}
#secure{width:50%;margin:0 auto;color:#fff;}
.sendbutton{background:#283891;color:#fff;padding:8px 0;font-weight:800;border:none;text-transform: uppercase;font-size:18px;}
.sendbutton:hover{cursor:pointer;background:#ccc;color:#666;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}

/*===================== 
	inventory styles 
=======================*/
.scrolling-wrap {
    width:100%;
    height:90px;
	padding:15px 0;
	background:#303030;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content .listings-wrapper h1{font-size:22px !important;font-family: 'Noto Sans', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper h2{font-size:20px !important;font-family: 'Noto Sans', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper h3{font-size:18px !important;font-family: 'Noto Sans', sans-serif !important;font-weight:800 !important;}
.hosted-content .listings-wrapper .listing-boxed .listing-boxed-details h2{font-family: 'Noto Sans', sans-serif !important;font-weight:bold;}
.hosted-content .listing-boxed-description{font-size:12px !important;font-family: 'Noto Sans', sans-serif !important;font-weight:500 !important;}
.hosted-content .listing-boxed .listing-boxed-specs .listing-boxed-spec{font-family: 'Noto Sans', sans-serif !important;font-size:14px !important;font-weight:500 !important;}
.hosted-content .listings-wrapper .bold{font-family: 'Noto Sans', sans-serif !important;font-weight:700 !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2{font-family: 'Noto Sans', sans-serif !important;font-weight:700 !important;}
.hosted-content .divider h3{font-family: 'Noto Sans', sans-serif !important;font-size:20px !important;font-weight:700 !important;}
.hosted-content .cf h1{font-family: 'Noto Sans', sans-serif !important;font-size:26px !important;font-weight:700 !important;line-height:1.2em !important;}
.hosted-content .information-box h3{font-family: 'Noto Sans', sans-serif !important;font-size:24px !important;font-weight:700 !important;}
.hosted-content .listing-prices span{font-family: 'Noto Sans', sans-serif !important;font-size:24px !important;font-weight:700 !important;}
.hosted-content .listing-prices .listing-price-label{font-family: 'Noto Sans', sans-serif !important;font-size:18px !important;font-weight:700 !important;}

.hosted-content .btn{background:url(../siteart/navback.jpg) repeat !important;}
.hosted-content .btn:hover{background:#000 !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.hosted-content .listings-wrapper .hosted-theme .btn:hover{color:#ccc !important;-moz-transition:0.3s ease-in;-webkit-transition:0.3 ease-in;-ms-transition:0.3 ease-in;-o-transition:0.3 ease-in;transition:0.3 ease-in;}
.hosted-content .listings-wrapper .bold{font-family: 'Noto Sans', sans-serif !important;font-weight:700 !important;}

.hosted-content .attachment-search{max-width:none !important;}
.hosted-content #wide_col{max-width:none !important;}
.hosted-content .attachment-search .checkbox{width:15px;}
.currency-capital-price-container{display:none;}

.legal p{font-size:11px;}

/*===================== 
	location styles 
=======================*/
.locationleft{width:46%;margin-right:4%;float:left;}
.locationright{width:50%;float:right;}
.locationright iframe{height:400px;-moz-box-shadow:2px 5px 5px rgba(0,0,0,0.4);-webkit-box-shadow:2px 5px 5px rgba(0,0,0,0.4);box-shadow:2px 5px 5px rgba(0,0,0,0.4);}

/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#fff;position:relative;padding:20px 0;}
.brandbar{padding:2% 0;background:#000;text-align:center;margin-top:5px;}
.brandbar a{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;margin:0 1%;}
.brandbar a img{max-width:200px;}

.footerleft{width:25%;float:left;}
.footerright{width:60%;float:right;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #000;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #ee272b;
		}

.footertext {
	font-size:11px; 
	color:#454545;
	}

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

.divfooter {
	font-family: 'Noto Sans', sans-serif;
	margin:0 auto;
	width:100%;
	}

/*===================== 
	Responsive styles 
=======================*/

@media screen and (max-width: 1450px) {
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
    p {font-size: 16px;}
	.welcome{-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;}
	.welcometext{width:60%;}
	.brandbar a img{max-width:175px;}
	
	.pagetitle{font-size:28px;}
    .hosted-content .cf h1{font-size:24px !important;}
    .hosted-content .divider h3{font-size:18px !important;}
    .hosted-content .information-box h3{font-size:20px !important;}
    .hosted-content .listing-prices span{font-size:20px !important;}
    .hosted-content .listing-prices .listing-price-label{font-size:16px !important;}
    
}

@media screen and (max-width: 1280px) {
	.headlogo{width:400px;margin-top:5px;}
	.headright{width:45%;}
    .wrapper,.headerwrap{width:92%;}
	.welcometext{width:55%;}
	.brandbar a img{max-width:130px;max-height:60px}
	.footerleft{width:35%;}
}

@media screen and (max-width: 1100px) {
	h1 {font-size: 30px;}
	h2 {font-size: 26px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
    p {font-size: 16px;}    
    .topbar{font-size:14px;}
    .headlogo{width:360px;}
    .headright img{max-width:130px;}
	.linkbutton{font-size:14px;}
	
	.internal{padding:4% 0;}
	.pagetitle{font-size:26px;}
    .hosted-content .cf h1{font-size:22px !important;}
    .hosted-content .information-box h3{font-size:18px !important;}
}

@media screen and (max-width: 1000px) {
	.headright{width:50%;}
    .headtext h4{font-size:18px;}
    .headtext h3{font-size:20px;}
	.welcome{background:none;}
	.welcometext{width:100%;text-align:center;}
	.linkbutton{margin:0 2%;float:none;display:inline-block;zoom: 1;*display: inline;}
	.brandbar a{width:22%;margin:1%;}
	.footerleft,.footerright{float:none;display:block;width:100%;text-align:center;margin:0 auto;}
	.footerleft img{max-width:300px;margin:0 auto !important;}
	
    .hosted-content .cf h1{font-size:20px !important;}
    .hosted-content .divider h3{font-size:16px !important;}
    .hosted-content .listings-wrapper h1{font-size:20px !important;}
    .hosted-content .listings-wrapper h2{font-size:18px !important;}
    .hosted-content .listings-wrapper h3{font-size:16px !important;}
	
	.locationright iframe{height:300px;}
}

@media screen and (max-width: 800px) {
    .topbar ul{float:none;text-align:center;margin:0 auto;}
    .topbar ul li,.topbar ul li:last-child{float:none;display:inline-block;zoom: 1;*display: inline;margin:0 8px;padding:4px 0;}
	.headlogo{float:none;display:block;text-align:center;margin:0 auto;width:60%;}
	.headright{display:none;}
	.headcontact{width:120px;}
	
    .hosted-content h1{font-size:22px !important;}
    .hosted-content h2{font-size:20px !important;}
    .hosted-content h3{font-size:18px !important;line-height:1.3em !important;}
    .hosted-content .cf h1{font-size:18px !important;}
    .hosted-content .listing-prices span{font-size:18px !important;}
    .hosted-content .listing-prices .listing-price-label{font-size:14px !important;}

    .locationright iframe{height:250px;}
}

@media screen and (max-width: 700px) {
	.headlogo{width:70%;}
	.welcome{text-align:center;}
    
    .pagetitle,.internal,#invinternal .pagetitle{text-align:center;}
	#invinternal{text-align:left;}
	
    .locationleft,.locationright{width:100%;float:none;display:block;margin:0 auto;text-align:center;padding:0;}
	.locationright iframe{margin-bottom:2%;}
}

@media screen and (max-width: 600px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
    p {font-size: 15px;}    
    .topbar{padding:5px 0;}
    .topbar ul li{margin:0 4px;padding:2px 0;}
	.headcontact{width:300px;margin:0 auto;}
	.headlogo{width:85%;}
    .cycle-slideshow{display:none;}
	.linkbutton{width:80%;margin:1% auto;}
	.brandbar a{width:24%;margin:1% 2%;}
	.brandbar a img{max-height:60px;max-width:100%;}
	
	.pagetitle{font-size:22px;}
}

@media screen and (max-width: 480px){
	header{padding-top:10px;}
	.headlogo{width:100%;}
	.linkbutton{width:100%;}
	.brandbar a{width:40%;margin:2%;}
}

@media screen and (max-width: 400px){
	h1 {font-size: 20px;}
	h2 {font-size: 18px;}
	h3 {font-size: 16px;}
	h4 {font-size: 15px;}
	h5 {font-size: 14px;}
    p {font-size: 14px;}  	
	.topbar ul li:last-child{display:block;width:100%;margin:0 auto;}
	.headcontact{width:100%;display:block;}	
	.footerleft img{max-width:100%;}
}