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

@font-face {
    font-family:'pt_sansregular';
    src: url('../webfonts/PTS55F-webfont.eot');
    src: url('../webfonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS55F-webfont.woff') format('woff'),
         url('../webfonts/PTS55F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'pt_sansbold';
    src: url('../webfonts/PTS75F-webfont.eot');
    src: url('../webfonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/PTS75F-webfont.woff') format('woff'),
         url('../webfonts/PTS75F-webfont.ttf') format('truetype'),
         url('../webfonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body {background:#000; font-size:16px; font-weight:normal; color:#000; -webkit-text-size-adjust: none;}

.wrap {width:96%; max-width:1230px; margin:0 auto;}
.sm-wrap {width:96%; max-width:1160px; margin:0 auto;}
.show-tablet {display:none;}
.col2 {width:48%; float:left; margin-right:2%;}
.col3 {width:31.3333%; float:left; margin-right:2%;}
.col4 {width:23%; float:left; margin-right:2%;}


/** typography styles **/
p {margin-bottom:16px;}
.no-margin {margin:0 !important;}

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

a {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

h1 {font-family:'pt_sansbold'; font-weight:normal; color:#000; font-size:32px; margin-bottom:16px;}
h2 {font-family:'pt_sansbold'; font-weight:normal; color:#f8d905; font-size:20px; margin-bottom:16px;}
h3 {font-family:'pt_sansbold'; font-weight:normal; color:#000; font-size:20px; margin-bottom:3px;}
h4 {font-family:'pt_sansbold'; font-weight:normal; color:#000; font-size:20px; margin-bottom:16px;}
h5 {font-family:'pt_sansbold'; font-weight:normal; color:#000; font-size:18px; margin-bottom:16px;}
h6 {font-family:'pt_sansregular'; font-weight:normal; color:#000; font-size:18px; margin-bottom:10px;}

.home h1 {font-size:48px;}
.home h4 {font-size:30px;}


/** header and nav styles **/
header {background:#464646; width:100%; padding:25px 0; border-bottom:4px #000 solid; text-align:center;}

nav.primary {width:100%; background:#f8d905; border-bottom:1px #000 solid;}
nav.primary ul {width:100%; text-align:center; margin:0 auto;}
nav.primary li {position:relative; display:inline-block; zoom:1; *display:inline;}
nav.primary a:link, nav a:active, nav a:visited {display:block; text-decoration:none; color:#000; font-weight:normal; text-transform:uppercase; padding:0 25px; line-height:40px;font-family:'pt_sansbold'; font-size:18px;}
nav.primary a:hover {background:#DEC304;}


/** content styles **/
article {width:96%; padding:25px 2%; background:url('../siteart/layout/dirt.jpg') no-repeat center; background-size:cover; background-attachment:fixed;}
article.inventory-bg {width:100%; padding:25px; background:url('../siteart/layout/dirt.jpg') no-repeat center; background-size:cover; background-attachment:fixed;}

.main-content {width:36%; float:left; padding:3% 4% 0 0;}
.manu-logo {width:100%; display:block; text-align:center;}
.manu-logo .col2, .manu-logo .col4 {margin-bottom:10px; font-size:18px; font-family:'pt_sansbold';}
.manu-logo img {width:100%; display:block; height:auto; margin:0 auto 5px auto; max-width:190px;}

/*.hero {width:60%; width:calc(60% - 4px); border-left:4px #000 solid; display:block; float:left;}
.hero img {width:100%; height:auto; display:block; position:relative;}*/
.hero {width:60%; display:block; float:left;}
.hero img {width:100%; width:calc(100% -8px); border:4px #000 solid; height:auto; display:block; position:relative;}


/*.inv, .int-content {padding:25px 0;}*/

.lg-map {width:100%; display:block;}
.lg-map iframe {width:100%; width:calc(100% - 4px); height:300px; display:block; border:2px #000 solid;}

/** footer styles **/
.scroll-frame {width:100%; display:block; overflow:hidden; background:#000; padding-top:4px;}
.scroll-frame iframe {width:100%; height:90px; display:block;}

footer {width:100%; line-height:12px; color:#fff; padding:35px 0;}
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{display:none; font-size:10px; color:#fff;}
.smallfootertext{display:none; font-size:10px; color:#fff;}
.divfooter {width:96%; max-width:500px; text-align:center; margin:0 auto;}


/** form styles **/
#formpage input {width:100%; width:calc(100% - 12px); padding:6px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px; background:#fff; margin-bottom:8px;}
#formpage textarea {width:100%; width:calc(100% - 12px); padding:6px 5px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px; height:120px; background:#fff; margin-bottom:8px;}
 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {width:100%; width:calc(100% - 2px); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #8e8d8d; color:#8e8d8d; vertical-align:middle; font-size:12px; line-height:normal; padding:5px; background:#fff; margin-bottom:8px;}
#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:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    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:#333;
    border:0;
	-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:#f8d905; color:#000;}
 

/*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;}
.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 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}



/* INVENTORY */
.detail-wrapper h1, .detail-wrapper h2, .detail-wrapper h3, .detail-wrapper h4, .detail-wrapper h5, .detail-wrapper a, .detail-wrapper span, .list-content .listing-category, .show-all-modal .show-all-modal-title {color:#333 !important}
.listing-widgets-detail .Currency a, .listing-widgets-detail .Currency a span{color:#fff !important}

/** responsive styles **/
@media screen and (max-width:1500px) {
	.main-content {padding-top:0.5%;}
}
@media screen and (max-width:1366px) {
	h4 {font-size:18px;}
	h5 {font-size:16px;}
	.home h1 {font-size:40px;}
	.home h4 {font-size:24px;}
	.main-content {padding-top:0; width:40%;}
	.hero {width:56%;}
	.manu-logo .col2 {font-size:16px;}
}
@media screen and (max-width:1300px) {
	.main-content {padding:0 2% 0 0; width:38%;}
}
@media screen and (max-width:1200px) {
	.manu-logo img {max-width:146px;}
	.hero img {width:100%; width:calc(100% - 4px); border:2px #000 solid;}
}
@media screen and (max-width:1024px) {
	.home h1 {font-size:28px;}
	.home h4 {font-size:20px;}
	.main-content {width:100%; padding:0 0 20px 0;}
	.manu-logo .col2 {width:23%;}
	.manu-logo img {max-width:190px;}
	.hero {width:100%;}
}
@media screen and (max-width:768px) {
	.hide-tablet {display:none;}
	.show-tablet {display:block;}
	#simple-menu{float:left; background:url('../siteart/layout/mobile-nav-icon.png') no-repeat center left; padding-left:32px; height:40px; width:70px; display:block; cursor:pointer; line-height:40px; font-family:'pt_sansbold'; text-transform:uppercase;}
	.col3 {width:48%;}
}
@media screen and (max-width:640px) {
	.manu-logo .col2, .manu-logo .col4 {width:48%;}
}
@media screen and (max-width:480px) {
	.col3 {width:100%; margin-right:0;}
	.manu-logo .col2, .manu-logo .col4 {font-size:14px;}
}
@media screen and (max-width:375px) {
	.manu-logo .col2, .manu-logo .col4 {width:100%; margin-right:0;}
}
@media screen and (max-width:320px) {
	
}