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

body, html{ margin:0; padding:0; font-size:100%; background-color:#141414; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.logo,#search{ width:100%; border-bottom:1px solid #e70221; padding:1em 0; background-color:#000;}
.logo img{ margin-left:1em; width:auto;}
#search{ padding:0; background-color:#333; overflow:hidden;  }
#search form{ padding:0; margin:0;}
.SAni{
	-webkit-transition: background-color 500ms ease-out;
	-moz-transition: background-color 500ms ease-out;
	-ms-transition: background-color 500ms ease-out;
	-o-transition: background-color 500ms ease-out;
	transition: background-color 500ms ease-out;
	}
	
#searchBar{	
	height:1.8em; 
	width:70%;
	padding:0; 
	margin:0;
	border-style:none; 
	border-right:1px solid #e70221; 
	background-color:#333;
	font-size:1em;
	color:#FFF;
	padding-left:0.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display:block;
	float:left;
	}
#searchBar:focus{ background-color:#480D0E;}
#searchBtn{
background-color:#333; border-style:none; height:1.8em; padding:0; margin:0 auto; width:29%; color:#e70221; font-size:1em; 
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
float:left;
display:block;
cursor:pointer;
}


#searchBtn:focus, #searchBtn:hover { background-color:#e70221; color:#fff; }


#footer{ width:100%; border-top:1px solid #e70221; padding:35px 0; background-color:#000; text-align:center; color:#e70221; font-size:0.8em; }
#footer span { padding:10px; display:inline-block; font-size:1.2em; color:#FFF; cursor:pointer;}

.menuWrapper,.itemWrapper{ width:100%; overflow:hidden;}

/* General grid styles */
.mobile-grid,.mobile-item-grid {
	list-style: none;
	padding:0;
	margin: 0;
}


/* grid item */
.mobile-grid li,.mobile-item-grid li {
	width: 33%;
	float: left;
	height: 250px;
	text-align: center;
	border-right: 1px solid #e70221;
	border-bottom: 1px solid #e70221;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-ms-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.mobile-item-grid li{height:150px;}

/* anchor style */
.mobile-grid li > a ,.mobile-item-grid li > a{
	display: block;
	height: 100%;
	color: #999;
	text-decoration:none;
	overflow:hidden;
	}

.mobile-grid li:nth-child(3n),.mobile-item-grid li:nth-child(3n) {		border-right-style:none;}
.mobile-item-grid li{ overflow:hidden; }
.mobile-item-grid li span{ display:block; float:left; width:60%; text-align:left;}
.mobile-item-grid li img{ height:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; padding:5px; display:block; float:left;}
.mobile-item-grid li h3{  margin-left:1em; margin-top:0.8em;  text-align:left; }

/*Title*/
.mobile-title{ padding:0; margin:0;  font-size:1.6em;  line-height:250px; border-top:0px solid #e70221;}
.mobile-item-title{  padding:0; margin:0;  font-size:1.2em;}

/* Hover styles */


.mobile-grid li > a:hover {
	background: #F00;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}

.mobile-item-grid li > a:hover { 
	background: #e70221;
	color:#000;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;}

.mobile-grid li > a:hover .mobile-title ,.mobile-item-grid > a:hover .mobile-item-title {	
	color: #FFF;
 	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;}

#breadcrumb{ width:100%; color:#FFF; font-size:1.6em; padding:10px 0; overflow:hidden;
background: #ff8a7f; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8a7f 0%, #ff3019 8%, #cf0404 58%, #cf0404 85%, #ff3019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8a7f), color-stop(8%,#ff3019), color-stop(58%,#cf0404), color-stop(85%,#cf0404), color-stop(100%,#ff3019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8a7f 0%,#ff3019 8%,#cf0404 58%,#cf0404 85%,#ff3019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8a7f 0%,#ff3019 8%,#cf0404 58%,#cf0404 85%,#ff3019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8a7f 0%,#ff3019 8%,#cf0404 58%,#cf0404 85%,#ff3019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8a7f 0%,#ff3019 8%,#cf0404 58%,#cf0404 85%,#ff3019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8a7f', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
}
#breadcrumb a{ color:#FFF; text-decoration:none;}
#breadcrumb a:hover{ text-decoration:underline;}
#breadcrumb li{ padding-left:0.3em; display:inline-block;  list-style:none; line-height:1.5em;}
#breadcrumb li::after{ content:" >";}
#breadcrumb li:last-child::after{ content:" ";}

.ProductInfoWrapper{ width:100%; overflow:hidden; color:#999; background-color:#FFF;  font-size:1em;}
#ProductInfoPhoto{ width:50%; float:left; padding:2em;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; background-color:#FFF; text-align:center;}
#ProductInfoPhoto img{ display: inline-block;}
#ProductInfoDisc{  width:50%; float:left; padding:2em;  -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box;  background-color:#FFF; color:#999;}
#ProductInfoDisc > a{ margin-top:0.5em; padding:5px; color:#666; border:1px solid #666; display: inline-block; text-decoration:none;}
#ProductInfoDisc > a:hover{ color:#f00; border:1px solid #f00;}
#ProductInfoDisc > H1{ margin:0; padding:0 0 20px 0; font-size:1.6em; color:#333;}
.BGMotion{
 	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	}
.ProductInfoGallery,.ProductInfoSpec{ 
	width:100%; 
	overflow:hidden; 
	color:#999;
	border-top:1px solid #e70221;
	padding:0.8em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom:1px solid #e70221;
	background-color:#333;	}

.ProductInfoSpec{ border-top-style:none;}

.ProductInfoGallery:hover,.ProductInfoSpec:hover{ background-color:#F00;}
.ProductInfoGallery > H1,.ProductInfoSpec > H1{ margin:0; padding:0; font-size:1.2em; color:#fff;}
.ProductInfoGallery h1 a,.ProductInfoSpec h1 a{ display:block; text-decoration:none; color:#FFF;}

.ProductInfoSpecForm{  background-color:#141414; }
.ProductInfoSpecFormTable{ padding:0; margin:1.5em auto; width:90%; overflow:hidden; display:table; border:0px solid #e70221; font-size:1em;}
.ProductInfoSpecFormTableRow{ list-style:none; color:#ccc; padding:0.5em; margin:0;  display:table-row;  width:91%;}
.ProductInfoSpecFormTableRow:nth-child(even){background-color:#2F0000;}
.ProductInfoSpecFormTableCell{display:table-cell; padding:1em;}
.ProductInfoSpecFormTableCell:nth-child(odd){  width:30%; border-right:0px solid #600;}
.ProductInfoSpecFormTableCell:nth-child(even){ width:60%;}

.slideWrapper{ width:100%; background-color:#FFF;}
.slideWrapper h1{ padding:0.8em 0; margin:0 auto; width:70%; font-size:1.6em;}
.slideWrapper a {text-decoration:none;}
.slideWrapper >a >span{ padding:1em; font-size:1.2em; margin-top:1em; display: block; text-align:center; border-top:1px solid #f00;}
.slideWrapper >a >span {  color:#F00; display:block;} 
.slideWrapper >a >span:hover{ background-color:#F00; color:#FFF;  }

.searchResult{	width:100%;	}
.searchResult > a { text-decoration:none; color:#999; display:block; border-bottom:1px solid #999;}
.searchResult > a > span {  display:block; font-size:1.2em; padding:0.8em 0; color:#999; text-align:center;}
.searchResult > a > span:hover{ background-color:#F00; color:#FFF;}


@media screen and (max-width: 90em) {
	.logo,#footer{ padding:1em 0;}
	.mobile-grid li,.mobile-item-grid li {		width: 49%;	}
	.mobile-grid li { height: 200px}
	.mobile-title{  line-height: 200px}
	.mobile-item-grid li { height: 100px}
	.mobile-grid li:nth-child(3n),.mobile-item-grid li:nth-child(3n) {		border-right: 1px solid #e70221;}
	.mobile-grid li:nth-child(2n),.mobile-item-grid li:nth-child(2n) {		border-right-style:none;}
}
@media screen and (max-width: 50em) { 
	.logo,#footer{ padding:1em 0;}
	.mobile-grid li,.mobile-item-grid li {		width: 100%;	}	
	.mobile-grid li,.mobile-grid li:nth-child(3n),.mobile-grid li:nth-child(2n),.mobile-item-grid,.mobile-item-grid li:nth-child(3n),.mobile-item-grid li:nth-child(2n){border-right-style:none; }
	.mobile-grid li { height: 120px}
	.mobile-title{  line-height: 120px}
	.mobile-item-grid li { height: 80px}
	#breadcrumb{ font-size:1.2em;}
	.mobile-item-grid li span{width:80%;}
	#ProductInfoPhoto,#ProductInfoDisc{ width:100%; float:none; padding:1em; }
}

@media screen and (max-width: 30em) { 
	.logo,#footer{ padding:0.5em 0;}
	.logo img{ height:90%;}
	.mobile-grid ,.mobile-item-grid{	font-size: 80%;	 }
	.mobile-grid .mobile-category {		margin-top: 20px;	}	
	.mobile-grid li { height: 90px}
	.mobile-title{ line-height: 90px}
	.mobile-item-grid li { height: 50px}
	#breadcrumb{ font-size:1em;}
}