﻿/* Frame */
#home-header {
	display:table;
	width:100%;
}

#home-header > #left-frame,
#home-header > #right-frame {
	display:table-cell;
	vertical-align:top;
}

#home-header > #right-frame {
	background-color:#eee;
	width:300px;
}

/* Specials Area */
section#content.home section#specials {
	display:table;
	width:100%;
	/*max-width:1166px;*/
	border-spacing:0px;
}

section#content.home section#specials #slider-wrap,
section#content.home section#specials #current-specials-wrap {
	display:table-cell;
	vertical-align:top;
}

section#content.home section#specials #slider-wrap {
	width:75%;
}

section#content.home section#specials #current-specials-wrap {
	width:25%;
	position:relative;
}

/*section#content.home section#specials #slider-wrap {
	width:0.6666666666666667%;
}

section#content.home section#specials #current-specials-wrap {
	width:0.3333333333333333%;
}*/

aside#current-specials {
	position:absolute;
	width:100%;
	top:0px;
	bottom:0px;
}

aside#current-specials > div {
	display:table;
	width:100%;
	height:100%;
}

aside#current-specials > div > a {
	display:table-row;
	text-decoration:none;
}

aside#current-specials > div > a > div {
	display:table-cell;
	vertical-align:middle;
	padding-left:7px;
	
	background-color:#111;
	border-bottom:#020202 1px solid;
}

aside#current-specials > div > a:last-child > div {
	border-bottom:none;
}

aside#current-specials > div > a > div strong,
aside#current-specials > div > a > div span {
	display:block;
}

aside#current-specials > div > a > div strong {
	color:#fff;
	font-size:24px;
	font-weight:bold;
}

aside#current-specials > div > a > div span {
	color:#ccc;
	font-weight:bold;
}

/* Display Plates */
.display-case {
}
.display-case > header {
	background:#666 url('../images/header-metal2.png') no-repeat center;
	border:#999 1px solid;
	border-left:none;
	border-right:none;
	box-shadow:0 0 10px rgba(0,0,0,.25) inset, 0px 1px 1px rgba(0,0,0,.33);
	
	/*
	border:#ddd 1px solid;
	
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	*/
}
.display-case > header > h2 {
	font-size:24px;
	/*color:#000;*/
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:17px;
	margin:0;
	padding:15px;
	text-shadow:1px 1px 0 rgba(0,0,0,1), -1px -1px 0 rgba(0,0,0,.33);
}

/* Brand Showcase */
ul.top-brands {
	list-style:none;
	margin:20px;
	padding:0;
}
ul.top-brands li {
	display:table;
	border-spacing:0px;
}
ul.top-brands a {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#333;
	font-weight:bold;
}
ul.top-brands a:hover {
	color:#000;
}
ul.top-brands img {
	max-height:80%;
	max-width:90%;
}
ul.top-brands a > div > div:last-child {
	padding-top:5px;
}

/* Product Carousels */
ul.products {
	list-style:none;
	margin:20px;
	padding:0;
}
ul.products > li {
	float:left;
	border-bottom: 1px dashed rgb(210, 210, 210);
	padding-bottom:10px;
	padding-top:10px;
	height:450px;
}
ul.products > li > div {
	margin:5px;
}
ul.products > li > div a {
	text-decoration:none;
}
ul.products > li figure {
	height:180px;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
ul.products > li h3 {
	line-height:1;
	margin:5px 0 0 0;
	color:#222;
}
ul.products .price {
	font-weight:bold;
	color:#666;
}
ul.products .price span {
	font-size:14px;
	color:#090;
}
ul.products .rating {
	display:table;
}
ul.products .rating .rating-wrap,
ul.products .rating .unrated,
ul.products .rating a {
	display:table-cell;
}
ul.products .rating .rating-wrap,
ul.products .rating .bar-wrap,
ul.products .rating .bar {
	height:14px;
}
ul.products .rating .rating-wrap {
	display:block;
	position:relative;
	overflow:hidden;
	width:73px;
}
ul.products .rating .bar-wrap {
	width:73px;
	background-color:#ccc;
}
ul.products .rating img.stars {
	z-index:1;
}
ul.products .rating .bar-wrap,
ul.products .rating img.stars,
ul.products .rating .bar {
	position:absolute;
	top:0px; left:0px;
}
ul.products .rating .bar {
	background-color:#900;
}
ul.products .rating-wrap .unrated {
	position:absolute;
	top:0px; left:0px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
ul.products .rating a {
	padding-left:5px;
	font-size:10px;
	color:#666;
	text-decoration:none;
}
ul.products .rating a:hover {
	color:#39f;
	text-decoration:underline;
}

/* Social Blocks */
#social-links > div {
	display:table;
	width:100%;
	max-width:1650px;
	border-spacing:20px;
}
#social-links figure {
	display:table-cell;
	width:25%;
}

#social-links figure img {
	width:100%;
	max-width:400px;
}

@media only screen and (max-width: 1349px) {
	#current-specials-wrap {
		display:none !important;
	}
	#slider-wrap {
		width:100% !important;
	}
}

ul.catads {
    list-style: none outside none;
    margin: 20px;
    padding: 0px;
    
    padding-right: 0px;
    margin-right: 0px;
    border-right: medium none;
    margin-bottom: 15px;
}

ul.catads > li {
    float: left;
    border-bottom: 1px dashed rgb(210, 210, 210);
    padding-bottom: 10px;
    padding-top: 10px;
    height: 200px;
}

.catads-wrap {
    position: relative;
    display: block;
    margin: 5px;
}