@charset "utf-8";
/* CSS Document */

body {background:url(graphics/bkgrd.jpg) fixed; margin:0; font-family:'Open Sans Condensed', sans-serif; font-weight:700; font-size:11pt; color:#d6d4cb;}

a {color:#202d40; text-decoration:underline;}
a:hover {color:#8C0503; text-decoration:underline;}

.red {color:#8c0503;}
.navy {color:#0e132b;}

.red-12 {font-size:12pt; color:#8c0503;}
.red-14 {font-size:14pt; color:#8c0503;}
.red-16 {font-size:16pt; color:#8c0503;}
.red-18 {font-size:18pt; color:#8c0503;}

.navy-12 {font-size:12pt; color:#0e132b;}
.navy-14 {font-size:14pt; color:#0e132b;}
.navy-16 {font-size:16pt; color:#0e132b;}
.navy-18 {font-size:18pt; color:#0e132b;}

.black-12 {font-size:12pt; color:#000;}
.black-14 {font-size:14pt; color:#000;}
.black-16 {font-size:16pt; color:#000;}
.black-18 {font-size:18pt; color:#000;}

.only {color:#0e132b; font-size:24pt; font-family:'Mr Dafoe', cursive;}

h1 {
	font-family:'Volkhov', serif;
	font-size:21pt;
	font-weight:700;
	color:#8c0503;
	margin-top:0;
	margin-bottom:10px;
}

h2 {
	font-family:'Volkhov', serif;
	font-size:18pt;
	font-weight:700;
	color:#8c0503;
	margin-top:0;
	text-transform:uppercase;
}

h3 {
	font-family:'Volkhov', serif;
	font-size:24pt;
	font-weight:700;
	color:#0e132b;
	margin-top:-5px;
	margin-bottom:10px;
	text-transform:uppercase;
}

h4 {
	font-family:'Volkhov', serif;
	font-size:16pt;
	font-weight:700;
	color:#b20421;
	margin-top:0;
	margin-bottom:-10px;
	text-transform:uppercase;
}

h5 {
	font-family:'Volkhov', serif;
	font-size:16pt;
	font-weight:700;
	color:#0e132b;
	margin-top:0;
	margin-bottom:-10px;
	text-transform:uppercase;
}

h6 {
	font-family:'Volkhov', serif;
	font-size:16pt;
	font-weight:700;
	margin-top:0;
	margin-bottom:-10px;
	color:#1e2a3e;
}

.bkgrd-top {
	width:100%;
	min-height:525px;
	background-image:url(graphics/blgrd-top.jpg);
	border-top:10px solid #263550;
}

.wrap {
	max-width:1000px;
	width:100%;
	margin:auto;
}

.logo {width:45%; float:left; margin:20px 5% 5px 0;}
.logo img {width:100%; height:auto;}

.topR1 {width:50%; float:left; font-family: 'Open Sans Condensed', sans-serif; margin-top:10px;}

top-nav {
	width: 100%;
	text-align:right;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:11pt;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
}
top-nav a {color:#d6d4cb;text-decoration:none; margin-right:10px;}
top-nav a:hover {color:#fff;text-decoration:none; padding-bottom:3px; border-bottom: 3px solid #8c0503; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

top-nav ul { padding:0; margin:0; text-align:right;}
top-nav ul li { list-style-type:none; display:inline; margin-right:10px;}
top-nav ul li:after { content:'|'; color:#8c0503;}
top-nav ul li:last-child:after { content:''; margin-right:-10px;}

.phone-top {width:100%; float:right; text-align:right; font-size:32pt; font-weight:700; color:#8c0503; text-shadow:1px 1px 3px #000;}

.view-cart {width:50%; float:right; margin-top:10px; text-align:right; font-size:11pt; 	text-transform:uppercase; text-shadow:1px 1px 3px #000;}
.view-cart a {color:#d6d4cb;text-decoration:none; margin-right:10px;}
.view-cart a:hover {color:#fff;text-decoration:none; padding-bottom:3px; border-bottom: 3px solid #8c0503; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.view-cart img {width:10%; height:auto; float:right; margin-left:3px; margin-top:-3px;}

nav {
	width: 100%;
	text-align:right;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:16pt;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	letter-spacing:-.5px;
}
nav a {color:#d6d4cb;text-decoration:none; margin-right:10px;}
nav a:hover {color:#fff;text-decoration:none; padding-bottom:5px; border-bottom: 5px solid #8c0503; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

nav ul { padding:0; margin:0; text-align:center;}
nav ul li { list-style-type:none; display:inline; margin-right:10px;}
nav ul li:after { content:'|'; color:#8c0503;}
nav ul li:last-child:after { content:''; margin-right:-10px;}

.slideshow {width:100%;	margin-top:25px; min-height:310px;}

.shadow {width:100%;}
.shadow img {width:100%; height:auto;}

.bkgrd-content {
	width:100%; 
	background:#d6d4cb;
	-webkit-box-shadow: 0px 2px 10px 4px rgba(0, 0, 0, 0.9);
	-moz-box-shadow:    0px 2px 10px 4px rgba(0, 0, 0, 0.9);
	box-shadow:         0px 2px 10px 4px rgba(0, 0, 0, 0.9);
	margin-top:-20px;
	margin-bottom:15px;
	clear:both;
	overflow:hidden;
	padding-bottom:25px;
}

.content {width:92.5%; margin:25px auto; min-height:500px; color:#000; padding-top:15px; }

.footerL {
	width:30%; 
	float:left;
	margin-right:5%;
	margin-bottom:15px;
	font-size:9pt;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	line-height:16pt;
	color:#c2beb2;
}
.footerL img {width:90%; height:auto; margin-bottom:2px; margin-right:10%;}

.footerR1 {
	width:15%; 
	float:left;
	margin-right:2.5%;
	margin-bottom:15px;
	font-size:9pt;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	line-height:26pt;
}
.footerR1 a {color:#c2beb2; text-decoration:none;}
.footerR1 a:hover {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.footerR2 {
	width:27.5%; 
	float:left;
	margin-right:2.5%;
	margin-bottom:15px;
	font-size:9pt;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	line-height:26pt;
}
.footerR2 a {color:#c2beb2; text-decoration:none;}
.footerR2 a:hover {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}


.footerR3 {
	width:15%; 
	float:left;
	margin-right:2.5%;
	margin-bottom:15px;
	font-size:9pt;
	text-transform:uppercase;
	text-shadow:1px 1px 3px #000;
	line-height:26pt;
}
.footerR3 a {color:#c2beb2; text-decoration:none;}
.footerR3 a:hover {color:#fff; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}


.bkgrd-anchor {width:100%; background:#88091e; clear:both; overflow:hidden; color:#c2beb2;}

.anchorL {width:50%; float:left; padding:10px 0; font-size:8pt; text-transform:uppercase; text-shadow:1px 1px 3px #000;}
.anchorR {width:50%; float:left; padding:10px 0; font-size:8pt; text-transform:uppercase; text-shadow:1px 1px 3px #000; text-align:right;}
.anchorR a {color:#c2beb2; text-decoration:none;}
.anchorR a:hover {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.intro-text {font-size:12pt; line-height:20pt;}

.indexL {width:25%; float:left; margin-right:5%; padding-right:5%; border-right:1px solid #8C0503; font-size:16pt; text-transform:uppercase; color:#0e132b;}
.indexL img {width:100%; height:auto; margin:0 0 20px 0; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}
.indexL-more {
	width:85px; 
	padding:10px; 
	background:#0e132b;
	float:left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:12pt;
	font-weight:700;
	color:#b20421;
	text-transform:uppercase;
	text-align:center; 
	text-decoration:none;
}
.indexL-more:hover {
	background:#8C0503; 
	color:#fff; 
	text-decoration:none; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.indexR {width:64%; float:right;}
.indexR img {width:38.5%; height:auto; margin:-10px 1.5% -4% 0;}

.callout {
	width:95%; 
	padding:2.5%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#0e132b;
	margin:15px auto;
	font-size:11pt;
	font-weight:700;
	color:#c2beb2; 
	text-transform:uppercase;
	clear:both;
	overflow:hidden;
}
.callout img {width:30%; height:auto; float:right; margin:5px 2.5% 5px 5%; border:1px solid #c2beb2;}
.callout a {color:#b20421; text-decoration:none; font-size:10pt;}
.callout a:hover {color:#fff; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout-lg {color:#c2beb2; font-size:16pt;}

.accessories-list {font-size:14pt; font-weight:700; margin-top:-10px;}

.free-shipping {width:125px; float:right;}
.free-shipping img {width:100%; height:auto;}

.free-shipping-lg {width:150px; float:right; margin:0 0 10px 5%;}
.free-shipping-lg img {width:100%; height:auto;}

.productL {width:50%; float:left; margin-right:5%; padding-right:5%;}

.productR {width:40%; float:left; color:#202b3f; text-align:center;}
.productR img {width:95%; height:auto; margin:0 auto 10px auto; border:5px solid #fff;  -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}
.productR a {color:#8c0503; text-decoration:underline;}
.productR a:hover {color:#0e132b; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.price {width:23%; float:left; margin-right:2%; padding:2%;}
.quantity1 {width:13%; float:left; margin-right:2%; padding:2%;}
.quantity2 {width:7%; float:left; margin-right:2%; padding:2%;}
.order {
	width:35%; 
	float:right; 
	padding:2%; 
	background:#0e132b; 
	text-align:center;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:700;
	color:#b20421;
	text-transform:uppercase;
	text-align:center; 
	text-decoration:none;
}
.order:hover {
	background:#8C0503; 
	color:#fff; 
	text-decoration:none; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.youtube {width:50%; float:left; margin-right:5%; padding-right:5%; margin-top:35px;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-bottom:20px;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.qr-code {width:105px; float:left;}
.qr-code img {width:100%; height:auto;}

.thumbnails {width:40%; float:left; color:#202b3f; margin-top:35px;}
.thumbnails img {width:42%; height:auto; margin:0 2.5% 15px 2.5%; border:3px solid #fff;  -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999;}

.listing:before,
.listing:after {
content: "";
display: table;
position:relative;}
.listing:after {
clear: both;
}
.listing {width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #bcb9ac; position:relative;}
.accessories-pic {width:30%; float:left; margin-right:2%;}
.accessories-pic img {width:100%; height:auto; border:1px solid #8c0503;}
.accessories-info {width:66%; float:right; font-size:12pt; line-height:18pt;}
.accessories-price {font-size:12pt; color:#8c0503;}

.cart-container {
	width:12%;
	float:right; 
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:15px;
}

.cart-quantity1 {width:63%; float:left; margin:5px 2% 5px 0; font-size:11pt; text-align:right;}
.cart-quantity2 {width:35%; float:left;margin:5px 0;}

.add-to-cart {
	width:94%; 
	float:right; 
	padding:3%; 
	background:#0e132b; 
	text-align:center;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:700;
	color:#b20421;
	text-transform:uppercase;
	text-align:center; 
	text-decoration:none;
	margin-top:3px;
/*	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:15px;
*/}
.add-to-cart:hover {
	background:#8C0503; 
	color:#fff; 
	text-decoration:none; 
	-webkit-transition: all 0.3s ease; 
	-moz-transition: all 0.3s ease; 
	-o-transition: all 0.3s ease; 
	transition: all 0.3s ease;
}

.dealer {width:23%; float:left; margin-right:2%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #bcb9ac; min-height:150px;}
.dealer a {color:#202d40; text-decoration:underline;}
.dealer a:hover {color:#8C0503; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.contactL {width:40%; float:left;}
.contactR {width:45%; float:right; margin-left:5%; padding-left:5%; border-left:1px solid #bcb9ac;}

.contact-map {width:98%; border:2px solid #8c0503;}
.contact-map iframe {width:100%; min-height:300px;}

/*================ FORM ========================*/

#contact-form {
        width:98%;
        float:left;
        margin-right: 2%;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
        }
        
textarea, input, select{
        border: 1px solid #b0aea6;
        padding: 2%;
        width: 96%;
        }

label{
        font-weight: bold;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #e8e6de;
        border: 1px solid #202c40;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #c2c3c6;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }
        
.submit {
	width: 100px;
	padding:10px;
	background:#0e132b; 
	color:#b20421;
	font-family:'Open Sans Condensed', sans serif;
	font-size:16pt;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	font-weight:700;
}
.submit:hover {
	background:#8C0503; 
	color:#fff; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;\
	cursor:pointer;
}

.clear {clear:both;}

.quickshop {  
width:250px;  
padding:10px;  
position:absolute; 
background-color:#fff;
visibility:hidden;
z-index:999;  
font-weight:bold;
font-size:20px;
border-radius:3px;
margin-left: -150px;
margin-top: -100px;
top: 50%;
left: 50%;
} 

.discount {
	width:95%;
	padding:2.5%;
	background:#8C0503;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:40px;
	font-size:17.5pt;
	text-transform:uppercase;
	text-align:center;
	color:#fff; 
	clear:both;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	box-shadow: 0px 0px 10px #222;
}

.discount-sm {
	width:72.5%;
	float:left;
	padding:2.5%;
	background:#8C0503;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom:15px;
	font-size:14pt;
	text-transform:uppercase;
	text-align:center;
	color:#fff; 
	clear:both;
	overflow:hidden;
	-webkit-box-shadow: 0px 0px 10px #222;
	-moz-box-shadow: 0px 0px 10px #222;
	box-shadow: 0px 0px 10px #222;
}

.palletL {width:60%; float:left; font-size:12pt; line-height:28pt; margin-top:10px;}
.palletR {width:30%; float:right; margin-left:5%; padding-left:5%;margin-top:10px;}
.palletR img {width:100%; height:auto; border:1px solid #8c0503; margin:0 0 20px 0;}

.signature {font-family:'Mr Dafoe', cursive; font-size:16pt; color:#8c0503;}

.company-pic {width:55%; float:right; margin-left:5%; border:10px solid #fff; -webkit-box-shadow: 0px 0px 10px #999; -moz-box-shadow: 0px 0px 10px #999; box-shadow: 0px 0px 10px #999; margin-bottom:10px;}
.company-pic img {width:100%; height:auto; margin-bottom:-5px;}
	
@media screen and (max-width: 980px) {
	
.wrap {width:95%; margin:auto;}
.bkgrd-top {min-height:480px; border-bottom:10px solid #8c0503;}
nav {font-size:15pt;}
.callout-lg {font-size:14pt;}
.bkgrd-content {margin-top:-20px;}
.price {width:26%; margin-right:1%;}
.order {width:32%;}
.quantity2 {margin-right:1%;}
.discount-sm {font-size:13pt;}

}

@media screen and (max-width: 800px) {
	
.bkgrd-content {margin-top:-95px;}
nav {font-size:12.5pt;}
nav a {margin-right:5px;}
nav ul li {margin-right:5px;}
nav ul li:last-child:after {margin-right:-5px;}
.footerR1 {font-size:8.5pt;}
.footerR2 {font-size:8.5pt;}
.footerR3 {font-size:8.5pt;}
.indexR img {margin-bottom:4px;}
.callout-lg {font-size:12pt;}
h4 {font-size:14pt;}
.price {width:52%;}
.quantity1 {width:20%;}
.order {width:50%; float:none; margin:5px 25% 0 25%; clear:both;}
.thumbnails img {width:42%;}
.add-to-cart {width:94%;}
.dealer {width:30%; margin-right:3%;}
.discount {font-size:13pt;}
.discount-sm {width:95%;}
.palletL {line-height:22pt;}

}

@media screen and (max-width: 640px) {

.bkgrd-content {margin-top:-100px;}
nav {font-size:11pt;}
nav a {margin-right:1px;}
nav ul li {margin-right:1px;}
nav ul li:last-child:after {margin-right:-1px;}
.footerL {width:50%; float:none; margin:0 auto 20px auto; text-align:center;}
.footerR1 {width:22.5%; text-align:center;}
.footerR2 {width:47.5%; text-align:center;}
.footerR3 {width:22.5%; text-align:center;}
.callout {font-size:9.5pt;}
.callout-lg {font-size:10pt;}
h4 {font-size:12pt;}
.indexL {font-size:13pt;}
.thumbnails img {width:41%;}
.dealer {font-size:10pt;}
.discount-sm {font-size:16pt;}

}

@media screen and (max-width: 500px){

#contact-form {
        width: 100%;
        float: none;
}

}


@media screen and (max-width: 480px) {
	
.bkgrd-top {border-bottom:none;}
.bkgrd-content {margin-top:-120px;}
.logo {width:75%; float:none; margin:10px auto;}
.logo img {margin-top:20px;}
.topR1 {width:100%; float:none;}
top-nav ul {text-align:center;}
.phone-top {text-align:center;}
nav ul li:after { content:'';}
nav a:hover {padding-bottom:0; border-bottom:none;}
.indexL {width:100%; float:none; margin:0 auto 25px auto;}
.indexL img {width:25%; float:left; margin-right:5%;}
.indexL-more {float:right; margin-top:-30px;}
.indexR  {width:100%; float:none; margin:auto;}
.indexR img {height:auto; margin:10px 1.5% -4% 0;}
.free-shipping {width:30%; float:right;}
.callout-lg {font-size:12pt;}
.productL {width:100%; float:none; margin:auto;}
.productR {width:100%; float:none; margin:auto;}
.price {width:23%; float:left; margin-right:2%; padding:2%;}
.quantity1 {width:13%; float:left; margin-right:2%; padding:2%;}
.quantity2 {width:7%; float:left; margin-right:2%; padding:2%;}
.order {float:right; margin: -35px 2.5% 20px 0; width:30%;}
.youtube {width:100%; float:none; margin:20px auto 0 auto; clear:both;}
.qr-code {float:none; margin:auto;}
.thumbnails {width:100%; float:none; margin:30px auto 0 auto;}
.thumbnails img {width:42%;}
.accessories-pic {width:60%; float:none; margin:10px auto 0 auto;}
.accessories-pic {margin-bottom:10px;}
.accessories-info {width:100%; float:none; margin:auto; text-align:center;}
.add-to-cart {width:44%; float:none; margin:40px auto 0 auto; position:relative; text-align:center; clear:both;}
.dealer {width:45%; margin-right:5%; font-size:11pt;}
.contactL {width:100%; float:none; margin:auto;}
.contactR {width:100%; float:none; margin:15px auto 0 auto; padding-left:0; padding-top:15px; border-left:none; border-top:1px solid #bcb9ac;}
.discount {font-size:14pt;}
.palletL {width:100%; float:none; margin:0 auto 20px auto;}
.palletR {width:100%; float:none; margin:0 auto; padding-left:0;}
.palletR img {width:44%; float:left; margin:0 2.4%;}

}

@media screen and (max-width: 360px) {

.bkgrd-top {min-height:300px; background-image:url(graphics/blgrd-top-360.jpg); border-bottom:5px solid #8c0503;}
.bkgrd-content {margin-top:-200px;}
.shadow {margin-top:-7px;}
.footerL {width:100%;}
.footerL img {margin-right:25px;}
.footerR1 {width:100%; float:none; margin:auto;}
.footerR2 {width:100%; float:none; margin:auto;}
.footerR3 {width:100%; float:none; margin:0 auto 10px auto;}
.anchorL {width:100%; float:none; margin:auto; text-align:center;}
.anchorR {width:100%; float:none; margin:auto; text-align:center;}
.indexL img {width:35%;}
.indexL-more {margin-top:-10px;}
.callout-lg {font-size:16pt;}
.callout img {margin-bottom:20px;}
.price {width:42%;}
.quantity1 {width:20%;}
.order {width:50%; float:none; margin:5px 25% 0 25%; clear:both;}
.accessories-pic {width:75%;}
.add-to-cart {width:30%;}
.dealer {width:100%; margin-right:0; text-align:center; min-height:0;}
.free-shipping-lg {width:100px;}
.discount-sm {font-size:12pt;}
.palletR img {width:97%; float:left; margin:0 1% 20px auto;}

}

@media screen and (max-width: 320px) {

h3 {font-size:20pt;}
.indexL img {margin-bottom:65px;}
.callout-lg {font-size:12pt; letter-spacing:-.5px;}
.callout img {width:40%; margin-left:5%; margin-bottom:5px;}
.thumbnails img {width:42%;}
.accessories-pic {width:85%;}
.add-to-cart {width:40%;}
.quantity1 {width:25%;}

}