/* Styles for content pages */

/************************************************************
Banner Slider */

#banner {
	position:relative;
	padding:0.7em 0 0.5em;
	background:#fff url('../images/site/lines.gif') repeat center top;
	box-shadow:0 0.5em 0.5em rgba(0,0,0,0.15);
}
#banner:before,
#banner:after {
	content:' ';
	position:absolute;
	z-index:10;
	height:100%;
	width:2em;
	top:0;
}
#banner:before {
	left:0;
	/*box-shadow:inset 2em 0 0.7em -0.7em #fff;*/
}
#banner:after {
	right:0;
	/*box-shadow:inset -2em 0 0.7em -0.7em #fff;*/
}
#banner>section {
	overflow:hidden;
	margin:0 auto;
	width:100%;
}
#banner ul {
	list-style:none;
	white-space:nowrap;
	margin:0;
	padding:0;
}
#banner ul li {
	position:relative;
	display:inline-block;
	white-space:normal;
	height:370px;
	width:640px;
	margin:0 5px;
	background:transparent none no-repeat center center;
	box-shadow:inset 0 0 1.5em rgba(0,0,0,0.8);

	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
#banner ul aside {
	position:absolute;
	background:#0c0c0c;
	padding:0.5em 3em;
	margin:0;
	left:-1.5em;
	bottom:3em;
	color:#fff;
	width:65%;
	display: none;
}

#banner ul li.sel aside {
 	display: block;

}
#banner ul aside p {
	margin:0;
	font-size:13.5pt;
}
#banner ul aside .button {
	position:absolute;
	bottom:-0.4em;
	right:-2em;

	-webkit-transform:none;
	-ms-transform:none;
	transform:none;
}


/* Navigation */
#banner nav {
	position:absolute;
	z-index:11;
	left:45%;
	bottom:1.2em;
	margin:0 0 0 320px;
}
#banner nav ol {
	list-style:none;
	margin:0;
	padding:0;

	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
#banner nav li {
	display:inline;
}
#banner nav a {
	display:inline-block;
	text-align:center;
	font-size:13.5pt;
	width:1.5em;
	line-height:1.5em;
	background:#fff;
	color:#000;
	border-top:1px solid #e1e1e1;
}
#banner nav li.sel a {
	background:#be0404;
	color:#fff;
	font-weight:bold;
	border-top-color:#9e0808;
	box-shadow:inset 0 -1em 1em -1em rgba(0,0,0,0.5), inset 0 1em 1em -1em rgba(0,0,0,0.5);
}


/************************************************************
Quick search */

#quick-search p {
	margin:2.3em 0 0.5em;
}
select {
	width:100%;
	font:12pt/1.3 Futura,Arial,Helvetica,sans-serif;
	background:#fff;
	border:1px solid #d8d8d8;
}


/************************************************************
Featured product (home page) */

#featured {
	color:#000;
	overflow:hidden;
	padding-bottom:0.5em;
}
#featured figure {
	margin:0;
}
#featured figcaption {
	float:left;
	width:350px;
}
#featured img {
	float:right;
	width:240px;
	padding:4px;
	background:#fff;
	box-shadow:0 0 9px rgba(0,0,0,0.3);
}
#featured em.noimg {
	float:right;
	width:240px;
	height:180px;
	line-height:160px;
}
#featured h4,
#featured h5 {
	margin:0.3em 0;
}


/************************************************************
Browse slider (home page) */

#slider {
	position:relative;
}
#slider>section {
	width:980px;
	margin:0 auto;
	padding:1em 0;
	overflow:hidden;
	position:relative;
}/*
#slider>section:before,
#slider>section:after {
	content:' ';
	position:absolute;
	z-index:10;
	height:100%;
	width:2em;
	top:0;
}
#slider>section:before {
	left:0;
	box-shadow:inset 2em 0 0.7em -0.7em #fff;
}
#slider>section:after {
	right:0;
	box-shadow:inset -2em 0 0.7em -0.7em #fff;
}*/
#slider ul {
	margin:0;
	padding:0;
	white-space:nowrap;
}
#slider li {
	display:inline-block;
	text-align:center;
	background:transparent none no-repeat center center;
	height:125px;
	width:190px;
	margin:0 5px;
	box-shadow:inset 0 0 1.5em rgba(0,0,0,0.8);

	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
#slider li a {
	display:block;
	visibility:hidden;
	overflow:hidden;
	text-overflow:ellipsis;
	background:rgba(6,6,6,0.5);
	padding:10px 1em;
	height:105px;
	font-size:12pt;
	line-height:1.5;
	color:#fff;
}
#slider li a strong {
	font-size:125%;
	font-weight:normal;
}
#slider li a em {
	font-size:10pt;
	font-style:normal;
	text-transform:uppercase;
}
#slider li a em:after {
	content:'  >';
}
#slider li:hover a {
	visibility:visible;
}


/* Navigation */
#slider nav a {
	position:absolute;
	text-align:center;
	z-index:12;
	background:#fff;
	color:#000;
	width:1.2em;
	height:1.2em;
	font-size:20pt;
	line-height:1.2em;
	bottom:0.8em;
	box-shadow:inset 0 0 7px rgba(0,0,0,0.35);

	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
#slider #slider-prev {
	left:50%;
	margin-left:-450px;
}
#slider #slider-next {
	right:50%;
	margin-right:-450px;
}


/************************************************************
Testimonial bar (home page) */

#testimonial {
	padding:1em 0 1.5em;
	background:#be0404;
	box-shadow:inset 0 0 1em rgba(0,0,0,0.5);
	color:#fff;
}
#testimonial blockquote {
	position:relative;
	width:670px;
	margin:0 auto;
	text-align:center;
	font-size:18pt;
}
#testimonial p {
	margin-bottom:0;
}
#testimonial cite {
	display:block;
	text-align:right;
	padding:0 2em;
}
#testimonial cite:before {
	content:'-  ';
}
#testimonial blockquote:before,
#testimonial blockquote:after {
	font:190pt/0.65 'Century Gothic',Arial,Helvetica,sans-serif;
	position:absolute;
}
#testimonial blockquote:before {
	content:'\201C';
	top:0;
	right:100%;
}
#testimonial blockquote:after {
	content:'\201D';
	bottom:0;
	left:100%;
	line-height:0;
}


/************************************************************
Side navigation */

#side-nav {
	overflow:hidden;
}
#side-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#side-nav a {
	display:block;
	color:#000;
	padding:0.3em 0.7em;
	margin-right:0.5em;
}
#side-nav li.sel a,
#side-nav li:hover a {
	font-weight:bold;
	background:#be0404;
	color:#fff;
	padding-left:2.5em;
	margin-left:-1.7em;
	box-shadow:inset 0 -1em 1em -1em rgba(0,0,0,0.5), inset 0 1em 1em -1em rgba(0,0,0,0.5);

	-webkit-transform:skewX(-10deg);
	-ms-transform:skewX(-10deg);
	transform:skewX(-10deg);
}
#side-nav li.sel a:after {
	content:'  >';
}


/************************************************************
Content boxes */

.box {
	position:relative;
	margin:1.5em 0;
	padding:1em 1.5em;
	background:#fff url('../images/site/lines.gif') repeat center top;
	box-shadow:0 0 1em rgba(0,0,0,0.2);
}
.box header {
	background:#be0404;
	color:#fff;
	margin:-1em -1.5em 1.5em;
	padding:0.8em 1.5em 0.4em;
	box-shadow:inset 0 -1em 1em -1em rgba(0,0,0,0.5), inset 0 1em 1em -1em rgba(0,0,0,0.5);
}
.box header h3 {
	text-transform:uppercase;
	text-align:center;
	margin:0;
}
.box>h3 {
	text-align:center;
}
.box>h3:after {
	content:' ';
	display:block;
	height:6px;
	width:100%;
	margin:0.3em 0 0.5em;
	background:transparent url('../images/site/hr-line.gif') repeat-x center center;
}


/************************************************************
Callouts */

/* Shared */
aside.lt,
aside.dk {
	margin:2em 0;
	font-size:11pt;
	line-height:1.7;
	padding:0.5em;
	color:#fff;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,0.25);
	border-width:7px;
	border-style:solid;
	box-shadow:0 0 1em rgba(0,0,0,0.3), inset 0 0 1em rgba(0,0,0,0.5);
}
aside.lt a,
aside.dk a {
	color:#fff;
}
aside.lt h4,
aside.dk h4 {
	font-size:15pt;
	font-style:italic;
	margin:0.2em 0;
}
aside.lt p,
aside.dk p {
	margin:0.4em 0;
}


/* Light (red) */
aside.lt {
	background:#be0404;
	border-color:#ae0404;
}


/* Dark (black) */
aside.dk {
	background:#111;
	border-color:#000;
	box-shadow:0 0 1em rgba(0,0,0,0.3), inset 0 0 1em rgba(255,255,255,0.3);
}



/************************************************************
Product pages */

/* Category list */
#list-cats ul {
	position:relative;
	list-style:none;
	margin:-1.5em -1em -1em;
	padding:0;
}
#list-cats li {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	width:32.5%;
}
#list-cats form {
	margin:1.5em;
}
#list-cats h4 {
	font-style:italic;
}
#list-cats h4 a {
	color:inherit;
}
#list-cats em.noimg {
	height:140px;
	line-height:130px;
}

/* Dividers */
#list-cats li:nth-child(3n+1):before {
	content:' ';
	position:absolute;
	height:6px;
	width:100%;
	left:0;
	background:transparent url('../images/site/hr-line.gif') repeat-x center center;
}
#list-cats li:nth-child(3n),
#list-cats li:nth-child(3n+2) {
	position:relative;
}
#list-cats li:nth-child(3n):before,
#list-cats li:nth-child(3n+2):before {
	content:' ';
	position:absolute;
	height:90%;
	width:6px;
	right:100%;
	top:5%;
	background:transparent url('../images/site/hr-line.gif') repeat-y left center;
}
#list-cats li:first-child:before {
	display:none !important;
}




/* Products / search list */
#list-prods ul {
	position:relative;
	list-style:none;
	margin:-1em;
	padding:0;
}
#list-prods li {
	display:inline-block;
	vertical-align:top;
	width:49%;
}
#list-prods h4 {
	margin:1.5em 0.8em 0.5em;
}
#list-prods div.frame {
	margin:0 1em 1em;
}
#list-prods div.frame img,
#list-prods div.frame em.noimg {
	display:inline-block;
	vertical-align:top;
	width:40%;
}
#list-prods div.frame em.noimg {
	height:80px;
	font-size:10pt;
	line-height:1.7;
	padding-top:14px;
}
#list-prods div.prod-info {
	display:inline-block;
	vertical-align:top;
	margin-left:4%;
	width:50%;
}
#list-prods dl {
	margin:0;
}
#list-prods dt {
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	width:31%;
	margin:0.5% .2em 0.3em 0;
}
#list-prods dd {
	display:inline-block;
	vertical-align:top;
	overflow-wrap: break-word;
	margin:0.5% 0 0.3em;
	padding:0;
	width:64%;
}
#list-prods p {
	margin:0.5em 0;
}

/* Dividers */
#list-prods li:nth-child(odd):before {
	content:' ';
	position:absolute;
	height:6px;
	width:100%;
	left:0;
	background:transparent url('../images/site/hr-line.gif') repeat-x center center;
}
#list-prods li:nth-child(even) {
	position:relative;
}
#list-prods li:nth-child(even):before {
	content:' ';
	position:absolute;
	height:90%;
	width:6px;
	right:100%;
	top:5%;
	background:transparent url('../images/site/hr-line.gif') repeat-y left center;
}
#list-prods li:first-child:before {
	display:none !important;
}



/* Details */
#detail-prod dl {
	
}
#detail-prod dt {
	font-weight:bold;
	float:left;
	min-width:6.5em;
}
#detail-prod dd {
	margin:0 0 0.4em;
	padding:0;
}

#detail-prod table {
	margin:1.5em 0;
	font-size:10pt;
}
#detail-prod th {
	text-transform:uppercase;
	text-align:left;	
}
#detail-prod th,
#detail-prod td {
	padding:0 4em 0.2em 0;
}

/* Descriptions */
#detail-prod p {
	line-height:1.4;
	clear:left;
}

/* Photos */
#detail-prod figure {
	margin:2em 0;
}
#detail-prod figure ul {
	list-style:none;
	margin:0;
	padding:0;
}
#detail-prod figure li {
	display:inline-block;
	vertical-align:middle;
	width:24%;
	margin:0 0.1em 0.9em 0;
}
#detail-prod figure li:first-child {
	display:block;
	float:left;
	width:71%;
	margin:0 4% 0 0;
}
#detail-prod figure a {
	position:relative;
	display:block;
}
#detail-prod figure a:hover:after {
	content:' ';
	position:absolute;
	z-index:100;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.5) url('../images/icons/magnify-big.png') no-repeat center center;
}

#detail-prod p.right {
	margin-top:0;
	padding-top:1em;
}


/************************************************************
FAQs */

.faqs {
	list-style:none;
	margin:1.5em 0;
	padding:0;
}
.faqs>dt {
	position:relative;
	font:13pt/1.5 Futura,Arial,Helvetica,sans-serif;
	color:#be0404;
	margin:0;
	padding:0.8em 0 0.5em 34px;
	background:transparent url('../images/site/hr-line.gif') repeat-x center bottom;
}
.faqs dd {
	position:relative;
	margin:0;
	padding:0.5em 0 1px 30px; /* Helps prevent jitteriness with JQuery */
}
.faqs p {
	margin:0 0 1em;
}

.faqs dt:before,
.faqs dd:before {
	border:none;
	top:auto;
	width:auto;
	position:absolute;
	font:18pt/1 Futura,Arial,Helvetica,sans-serif;
	left:0;
}
.faqs dt:before {
	content:'Q:';
}
.faqs dd:before {
	content:'A:';
}


/************************************************************
Search results */

#search-results ol {
	list-style:none;
	margin:1em 0;
	padding:0;
}
#search-results ol li+li {
	background:transparent url('../images/site/hr-line.gif') repeat-x center top;
	padding:0.5em 0 0;
}

/************************************************************
Pagination */

/* Pagination */
nav.pgtn {

}
nav.pgtn ul {
	list-style:none;
	margin:1em 0;
	padding:0;
	text-align:right;
}
nav.pgtn li {
	display:inline;
	margin:0 0.2em;
}
nav.pgtn li+li:before {
	content:'/ ';
}
nav.pgtn a {
	color:#000;
}
nav.pgtn strong {
	color:#b00404;
	font-weight:normal;
}


/************************************************************
Dealer List + Map */
/*
#dealers {
	margin:1em 0;
}
#dealers dt {
	font-size:12pt;
	color:#be0404;
	margin:1.2em 0 0.3em;
	padding:0 0 0.5em;
	background:transparent url('../images/site/hr-line.gif') repeat-x center bottom;
}
#dealers dd {
	margin:0;
	padding:0;
	font-size:9.5pt;
}
#dealers address,
#dealers p {
	margin:0.5em 0;
}
#dealers dd strong {
	display:inline-block;
	min-width:4.5em;
}

#dealer-map {
	position: relative;
}

#dealer-hover-popup {
	display: none;
	position: absolute;
	top: 10px;
	left: 10px;
	color: #FFF;
	background-color: #FFFFFF;
	color: #000;
	padding: 1em;
	text-align: center;
}

#dealer-hover-popup:before {
	content: ' ';
	position: absolute;
	right: 10%;
	bottom: 100%;
	border-bottom: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

#dealer-hover-popup > h3 {
	margin-top: 0;
}
*/

#page-dealer-list .col.main {
	width: 100%;
	padding-bottom: 1em;
}

/* Search */
#form-map-search {
	width:100%;
	background-color:#252525;
	padding:0.3em 0;
	border-radius:5px 5px 0 0;
}

#form-map-search p {
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 0 15px;
	text-align: center;
}

#form-map-search input[type="text"] {
	width:25%;
	padding: 6px;
}

#form-map-search input[type="submit"] {
	padding: 5px 15px;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

/* Map */
#page-dealer-list #map-canvas {
	width: 100%;
	height: 480px;
	margin: 0 auto;
	box-shadow: none;
	border: none;
}

#page-dealer-list #map-canvas img {
	max-width: none;
}

/* Popups */
#page-dealer-list .popup {
	margin:0;
	width:11em;
	border:1px solid #fff;
}
#page-dealer-list .popup img {
	display:block;
	max-width:100%;
	margin:0 0 0.5em;
}

/* Dealer Listing */
#page-dealer-list .dealer-list {
	display: none;
	margin-top: 1em;
}

#page-dealer-list .dealer-list h3 {
	font-size: 120%;
	margin:0;
	padding:8px 0 9px;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
	text-align: center;
	color: #FFF;
	background-color: #BE0404;
}

#page-dealer-list .dealer-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#page-dealer-list .dealer-list li {
	position: relative;
	display: inline-block;
	width: 29.4%;
	margin-left: 1.07%;
	vertical-align: top;
	font-size: 100%;
	min-height: 270px;
	background-color: #252525;
	border-radius: 0 0 5px 5px;
	padding: 1em 1em 0;
	text-align: center;
	color: #FFFFFF;
}

#page-dealer-list .dealer-list ul li:first-child {
	margin-left: 0;
}

#page-dealer-list .dealer-list .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: transparent none no-repeat scroll center center;
	text-indent: -9999px;
	vertical-align: bottom;
	/*margin-right: 0.3em;*/
}

#page-dealer-list .dealer-list .icon.website { background-image: url('../images/icons/website.png'); }
#page-dealer-list .dealer-list .icon.phone { background-image: url('../images/icons/phone.png'); }

#page-dealer-list .dealer-list .dealer-distance {
	font-weight: bold;
	font-size: 110%;
}

#page-dealer-list .dealer-list p a {
	text-decoration: underline;
	color: #FFFFFF;
}

#page-dealer-list .dealer-list .view-on-map {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-left: -.85em;
	font-size: 115%;
	padding: .5em 0;
	color: #FFF;
	background-color: #BE0404;
	border-radius: 0 0 5px 5px;
}

#page-dealer-list .dealer-list .view-on-map:after {
	content: "";
	position: relative;
	top: -1px;
	left: 10px;
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	width: 22px;
	background: url('../images/arrow.png') center center;
}

#page-dealer-list .dealer-list .view-on-map:hover {
	font-weight: bold;
}

/************************************************************
Odds and Ends */

/* Image frames */
figure.frame {
	margin:1em 0 2em;
}
figure.frame img {
	display:block;
	padding:4px;
	max-width:100%;
	background:#fff;
	box-shadow:0 0 1em rgba(0,0,0,0.2);

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* Image placeholders */
em.noimg {
	display:block;
	text-align:center;
	border:4px solid #fff;
	font-size:12pt;
	font-style:normal;
	background:#fdfcfc;
	box-shadow:0 0 1em rgba(0,0,0,0.2);

	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/* Google map */
#map-canvas {
	margin:2em 0;
	height:200px;
	border:4px solid #fff;
	box-shadow:0 0 0.3em rgba(0,0,0,0.2);
}


/* Fancy lists */
ul.list {
	list-style:none;
	margin:1em 0;
	padding:0 0 0 1.5em;
	font-size:110%;
}
ul.list li {
	margin:0.4em 0;
}
ul.list li:before {
	content:'\2713';
	font:16pt/0.75 'Lucida Sans Unicode','Lucida Grande',Arial,Helvetica,sans-serif;
	float:left;
	margin-left:-1em;
	color:#BE0404;
}


/* Files list */
ul.files {
	list-style:none;
	margin:0 0 1em;
	padding:0;
	font-size:110%;
}
ul.files li {
	margin:0.4em 0;
}
ul.files a {
	display:block;
}
ul.files a:before {
	content:url('../images/icons/pdf.png');
	vertical-align:middle;
	margin:0 0.5em 0 0;
}