﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------
red cd202a
*/

/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {
	font-family: 'Montserrat', sans-serif !important; 
	font-size:16px; 
	font-weight:300; 
	-webkit-text-size-adjust:none; 
	background: #f3f3f3; 
	color: #000; 
	overflow-x:hidden !important;
}
h1 { font-size:35px; color:#000; text-align:center; text-transform:uppercase; font-weight:700; font-family: 'Montserrat', sans-serif !important; }
h2 { font-size: 22px; color:#cd202a;  text-transform:uppercase; font-weight:400;line-height:30px; padding-bottom:20px; font-family: 'Montserrat', sans-serif !important; }
h3 {font-size: 20px; text-align:left; color:#000; font-weight:700; font-family: 'Montserrat', sans-serif !important; }
h4{ font-size: 20px; color: #000; font-weight: 700; font-family: 'Montserrat', sans-serif !important; }
h5{ font-size: 16px;color: #000; font-weight: 700; padding-bottom: 8px; font-family: 'Montserrat', sans-serif !important; }

a{color:inherit;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover { text-decoration: underline;}
strong {font-weight:700;}

hr{ border: 3px solid #cd202a; width:200px;}

.right{float: right;}
.left{text-align:left;}


#pad{padding: 50px 0%;}
#pad2{padding: 100px 0;}

.fa {color: inherit;  font-size: 20px;}



/*---Header------------------------------------*/
.header {width: 100%;background: rgba(255,255,255, .8); display: inline-block;position: absolute; z-index: 99999; }
.header2 {width: 100%;background: rgba(255,255,255, .8); display: inline-block;position: relative; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.3);}

.header-top{ background: rgba(0,0,0, .7); padding:10px 0px;}
.header-top p{color:#fff !important; text-align: left; font-size: 20px; padding: 0px 10px; text-transform:uppercase; font-weight:700; display: inline-block;}
.header-top p a{color:#fff !important;}

.header-inner{ width: 95%; margin: 0 auto;}

.header-left{float:left;display:inline-block; }
.header-right {float: right;display:inline-block;padding: 22px 0; }

#logo { width:80%;}


/*------SLIDER STYLES-------------------------- */
.cycle-slideshow img{width:100%;}


.category-bar{background: #fff; width: 100%; max-width: 70%; margin: 0 auto; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4); text-align: center;}
.category-bar-home{position:fixed; bottom: 0; background: rgba(250,250,250,1.00); width: 100%;  margin: 0 auto; box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.4); text-align: center; z-index: 99999;}

.cat{display: inline-block; padding: 20px 10px; width: 370px; vertical-align: top; text-align: left;}
.cat img{vertical-align: top; width: 65px; float: left; padding-right: 10px;}
.cat h3{color:#000; font-weight: 700; text-transform: uppercase; display: inline-block;}
.cat h3 span{font-weight: 300;}
.cat p{font-size:14px; padding: 5px; }


.cat:hover h3{color: #cd202a;}
#line-r{border-right: 1px solid #f3f3f3; padding-top: 25px;}

.space {height:110px; backgroung:#000; display: block;}

/*-----BODY ------------------------------------------------------------**/
.wrapper { width: 100%; margin: 0 auto; text-align:center;}
.gray{ width: 100%; margin: 0 auto; text-align:center; background:#f3f3f3;}

.wrapper-inner {padding: 20px 0px; width: 75%; margin: 0 auto; text-align:center;}
.wrapper-inner p{ padding: 10px 0px;}


#buttons{
	width:240px;
	display: inline-block;
    background: none; 
    line-height:14px;
    color:#cd202a;
	border: 2px solid #cd202a; 
	padding: 12px 10px;
	font-size: 16px;
	font-weight:400;
	text-decoration:none; 
	text-transform: uppercase;
	text-align: center;
	margin:10px 0;
}
#buttons:hover{background: #cd202a; color:#000; border: 2px solid #cd202a; }


#staff{text-align: center; display: inline-block;width: 320px; margin:10px 5px;}
#staff h2{padding-bottom: 0;}

/*===================== 
	POP-UP 
=======================*/

*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0,0,0,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}
.popup .close {
    position: absolute;
    top: 0px;
    right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.popup .close:hover {
  color: #cd202a;
}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
    display: none;
}
.overlay:before {
	content:"";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 9;
}
.overlay .popup {
	background: #000;
	border-radius: 5px;
	width: 100%;
	max-width: 1000px;
	position: absolute;
	top: 4.5vw;
	left: 0;
	right: 0;
	float:none;
	padding: 40px 20px;
	margin: 0 auto;
	text-align:center;
	z-index: 9999999;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	color:#fff;
	font-size: 15px;
}
.overlay:target .popup {
    top: -100%;
    left: -100%;
}







/*---FRAMELESS STYLES --------------------------------------*/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 { font-family: 'Montserrat', sans-serif !important; } /* Font for Inventory to match rest of website */
.hosted-content{ font-family: 'Montserrat', sans-serif !important; }
.hosted-content h1{ text-align: left !important;  font-family: 'Montserrat', sans-serif !important; color:#000 !important; font-weight: 400 !important; font-size: 26px !important; line-height: 30px !important;padding-bottom: 10px;}

.hosted-content h2 {color: #000 !important; font-family: 'Montserrat', sans-serif !important;  }  /* Featured Listings/General Listings */
.hosted-content h3 {color: #000 !important; font-weight: 400 !important; font-size:20px !important; font-family: 'Montserrat', sans-serif !important; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2{ font-family: 'Montserrat', sans-serif !important;  line-height: 2em !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3{ font-size: 22px !important; font-family: 'Montserrat', sans-serif !important;  line-height:1.5em !important;}

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color: #000 !important;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #000 !important;}

.hosted-content .radio-icon{  margin: 0 !important;}
.hosted-content .bold {padding-right:6px !important;}

.hosted-content .m-bottom-10{text-align:left !important;}

.hosted-content .radio-icon input[type='radio'] + label{color:#000 !important;}

.attachment-search .search-checkboxes label .row {color: #000 !important;}
.hosted-content .font12 {color: #000 !important;}


/*------- FOOTER STYLES -------------------------------------*/

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.bottom-wrap{border-top:2px solid #fff;}
#bottom-left{display: inline-block; width: 50%; float: left;}
#bottom-right{display: inline-block; width: 50%; float: left;}


.gte-950 div.aw-widget-36hour-inner div.aw-more-block, .lt-950 div.aw-widget-36hour-inner div.aw-more-block, div.aw-widget-36hour-inner div.aw-fc-status tr td, div.aw-widget-36hour-inner::after, div.aw-widget-36hour-inner::before, div.aw-widget-36hour-inner div.aw-six-hours .aw-more-link::after, div.aw-widget-36hour-inner div.aw-six-hours .aw-more-link::before, div.aw-widget-36hour-inner div.aw-six-hours .aw-time-bubble::after, div.aw-widget-36hour-inner div.aw-six-hours .aw-time-bubble::before, div.aw-widget-36hour-inner div.aw-six-hours::after, div.aw-widget-36hour-inner div.aw-six-hours::before, div.aw-widget-36hour-inner div.aw-six-hours div.aw-six-hours-inner, div.aw-widget-36hour-inner div.aw-fc-status{display: none;}

.footer {background: #000;  font-size: 12px;  width: 100%; margin: 0 auto; text-align:center; color:#fff; border-top:#000 solid 8px;}

.copyright{font-size: 12px;  line-height: 16px; padding: 25px 0px;}
.copyright a{color:#fff;}



/*--------FORM STYLES--------------------------------------*/
#formpage { vertical-align:top; margin: 0 auto; }

#formpage div {
	vertical-align:top;
	padding:5px 5px;
	text-align: center;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #8e8d8d;
	font-size:13px;
	background:#fff;
}

#formpage textarea {
	padding:6px 0px;
	border:1px solid #8e8d8d;
	font-weight: 700;
	color:#000;
	font-size:12px;
	background:#fff;
	margin-top: 5px;
	-webkit-appearance:none;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #8e8d8d;
	color:#202e3b;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px 5px 10px;
	width:100%;
	margin-top: 5px;
}

.formfield {
	width:49%; 
	float:left; 
	margin-top: 10px;
	color: #fff;
	
}
#formpage input  {
    width:100%;
	margin-top: 5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 20px;
    width:15px;
    height:15px;
    display:inline;
	background: none;
	
 }
#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:10px 5px 10px 20px;
    width:15px;
    height:15px;
    display:inline;
	background: none;
	
 }
/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#abacac; 
	color:#FFF;
	border:1px solid #abacac;
	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:250px;
	display: inline-block;
    background: none; 
    line-height:14px;
    color:#cd202a;
	border: 2px solid #cd202a; 
	padding: 12px 14px;
	font-size: 16px;
	font-weight:400;
	text-decoration:none; 
	text-transform: uppercase;
		-webkit-appearance:none;
	font-family: 'Montserrat', sans-serif;

}
#formpage input.button:hover {
     width:250px;
	display: inline-block;
    background: #cd202a; 
    color:#000;
	border: 2px solid #cd202a; 
	text-decoration:none; 
	text-transform: uppercase;
}


/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#212121;
    font-size:13px;
    text-align:left;
} 

/*control the Captcha */

.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#fff; float:none; text-align: center; }
.CaptchaImage{margin: 0 auto;}
.CaptchaImagePanel {
text-align: center !important;
margin-top: 10px;
padding:0 0 0 0;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin-bottom:10px;
	padding:10px 0 10px 0 !important;
	text-align: center !important; 
	margin: 0 auto;
}
.CaptchaWhatsThisPanel a {color:#fff; text-align: center!important;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

#captcha{text-align: center !important; margin: 0 auto;}





/*-------- RESPONSIVE STYLES ----------------------------*/

@media screen and (max-width:1700px) {
.category-bar-home{max-width:100%;}
	
}

@media screen and (max-width:1600px) {

.category-bar{max-width:100%;}
	
}
@media screen and (max-width:1250px) {
.header-right{width: 100%; padding:0;}

.formfield {width: 97%;}
	
	#bottom-left{width: 100%;}
	#bottom-right{width:100%;}


}
@media screen and (max-width:1080px) {
.category-bar-home{position:relative;background:#fff; top:auto;  bottom: auto; }
.space {display: none;}	
	
}

@media screen and (max-width: 895px){
.logo img {width:55%;}
.wrapper-inner{width: 90%;}

.header-top p{font-size:13px; text-align:center;}
	.cat{width:95%; padding: 10px 10px;}
	#line-r{border:none; padding-top:15px;}
}

@media screen and (max-width: 649px){
	.header-top p{display: block;padding:5px 10px;}
	.header-top .right p {text-align: center !important;}
	.header{position: relative;}
	.header-top{background: #000;}
	.right{float: none; text-align: center !important;}

	#pad2{padding: 75px 0;}
}


