a img{ border:0px;}
a{ text-decoration:none; }
body{ margin:0px;  behavior:url("csshover.htc"); font-weight:normal;}
html{ background:#fff;}
h1,h2,h3,h4,h5{ margin:0px;}
.flt{ float:left!important;}
.frt{ float:right!important;}
p{ margin:0px; padding:0;}
ul{ margin:0px; padding:0px; list-style:none;}
.shadow{
	-webkit-box-shadow: inset 0px 0px 1px 1px #005b82;
	-moz-box-shadow: inset 0px 0px 1px 1px #005b82;
     box-shadow: inset 0px 0px 1px 1px #005b82;
}


.container{
	position:relative;
	width:95%;
	max-width:1200px;
	clear:both;
	margin: 0 auto;
}

.wrapper{
	float:left;
	width:100%;
	padding:0;
}

.header_container{
	float:left;
	width:100%;
	font-size:.85em;
	position:relative;
	padding:0 0 0 0;
}

.header{ float:left; width:100%;position:relative;}
.logo{ float:left; width:35%; padding:2% 0; }
#top{ font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; text-align:right;}
#top ul{ margin:0; padding:0;}
#top li{ float:right; color:#000; font-family: 'roboto_condensedregular'; font-size:14px; margin:10px; text-align:right; }
.alt-blue{ color:#2A539A!important;}
.alt-grey{ color:#777!important;}
.alt-black{ color:#000!important;}

#search{ width:84%; float:right; border:1px solid #e9e6e6; margin-top:10px; clear:left; height:48px; margin-bottom:10px;}
#search input{ width:84%; border:1px solid #fff; line-height:41px; vertical-align:top;}

.header_rgt{
	float:right;
	text-align:right;
	width:34%;
}


.nav_mobile{ display:none;}
.nav_container{
	width:100%;
	float:left;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	behavior: url(PIE.htc);
	clear:both;
	background-color:#2A539A;
	z-index:3;
	
}
.nav_container ul{ width:100%; float:left;}
.nav_container ul li{
	float:left;
	line-height:normal;
	border-right:1px solid #00CCFF;
	line-height:71px;
}
.nav_container ul li a{color:#fff; font-family: 'roboto_slabbold'; font-size:23px; font-weight:bold; display:block; text-transform:uppercase; padding:0 15px;  line-height:65px;}
.nav_container ul li a:hover, .menu-active{ text-decoration:none; color:#000!important; border-top:6px solid #000; background-color:#fff; display:block; line-height:65px;}
.nav_container select{ display:none;}

.nav_container ul li ul{ display:none;}
.nav_container ul li:hover ul{
	display:block;
	position:absolute;
	left:0px; 
	top:70px;
	background:#000;
	width:230px;
}
.nav_container ul li:hover ul li{ width:200px; padding:0px 15px;font-family: 'roboto_condensedregular'; text-transform:lowercase; line-height:35px!important; border-right:0;}
.nav_container ul li:hover ul a{  color:#fff;}
.nav_container ul li:hover ul li:last-child{ border:0px;}


.mob-nav{ 
	display:none;
	width:100%;
	float:left;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	behavior: url(PIE.htc);
	clear:both;
	background-color:#2A539A;
	z-index:3;
	line-height:50px;
}

.mob-nav select { width:100%; background-color:#2A539A; border:1px solid #2A539A; line-height:40px; font-family: 'roboto_slabbold'; font-size:19px; color:#fff; outline:none; text-transform:uppercase;}



.slider{ width:100%; float:left;  position:relative; z-index:1;}
.slider img{ width:100%; float:left;}


.bd-pan{ width:100%; float:left;}
.category{ width:100%; float:left;}
.cat-col{ width:23%; float:left; padding:3% 1%; display:block; overflow:hidden;}
.cat-col h2{ width:100%; text-align:center;  font-family: 'roboto_slabregular'!important; font-size:40px; color:#fff; text-transform:uppercase;}
.cat-col h2 b{ font-family: 'roboto_slabbold'!important; font-size:50px!important; text-transform:uppercase;}
.cat-col p{ width:100%; text-align:center;  font-family: 'roboto_condensedregular'; font-size:13px; color:#fff; line-height:26px; margin-top:20px;}

.frames{ background:url(../images/auto-1.jpg) no-repeat;}
.parts{ background:url(../images/gloves.jpg) no-repeat;}
.clothes{ background:url(../images/auto-2.jpg) no-repeat;}


.service{ background:url(../images/auto-1.jpg) no-repeat;}
.custom{ background:url(../images/gloves.jpg) no-repeat; }
.pattern{ background:url(../images/auto-2.jpg) no-repeat;}
.save-now{ background:url(../images/save.jpg) no-repeat;}


.save{ background-color:#2A539A; text-align:center; text-align:center; text-transform:uppercase; line-height:67px; }
.save span{font-family: 'roboto_slabbold'; font-size:100px; color:#fff!important; text-transform:uppercase;}
.btn-blue{ width:50%; margin:0 auto; line-height:40px; background-color:#2A539A; color:#fff; text-align:center; font-family: 'roboto_slabbold';  font-size:30px; display:block; padding:15px;}
.btn-black{ width:50%; margin:0 auto; line-height:40px; background-color:#000; color:#fff; text-align:center; font-family: 'roboto_slabbold';  font-size:30px; display:block; padding:15px;}
.btn-black a, .btn-blue a { color:#fff; text-decoration:none;}

.bd-pan{ width:100%; float:left;}
.bd-pan h1{
	width:98%;
	float:left;
	background-color:#CCCCCC;
	line-height:60px;
	padding:0 0 0 2%;
	font-family: 'roboto_slabbold';
	font-size:30px;
	color:#000;
	margin:4% 0;
}

.new-prod{ width:98%; float:left; padding:0 1%;}
.prod-col{
	width:27%;
	float:left;
	padding:0 2%;
	margin:0 1% 3% 1%;
	text-align:center;
	
}

.custom-col{
	width:35%;
	float:left;	
	padding:0 5%;
	margin:0 1% 3% 1%;
	text-align:center;
	
}
.mail-col{
	width:40%;
	float:left;
	padding:0 2%;
	margin:0 1% 0% 1%;
	text-align:center;
}
.map-col{
	width:35%;
	float:left;
	padding:1% 2% 0 6%;
	margin:0 1% 5% 1%;
	text-align:center;
}


.prod-col img{ width:100%;}
.prod-col h4{ white-space:100%; float:center; font-family: 'roboto_condensedregular'; font-size:14px; color:#000; text-align:center;}
.prod-col p{
	white-space:100%;
	float:left;
	text-align:center;
	font-family: 'roboto_condensedregular';
	font-size:12px;
	color:#777;
	padding-top:10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #3CF;
	border-right-color: #3CF;
	border-bottom-color: #3CF;
	border-left-color: #3CF;
}

.custom-col img{ width:100%;}
.custom-col h4{ white-space:100%; float:center; font-family: 'roboto_condensedregular'; font-size:14px; color:#000; text-align:left;}
.custom-col p{
	white-space:100%;
	float:left;
	text-align:center;
	font-family: 'roboto_condensedregular';
	font-size:12px;
	color:#777;
	padding-top:10px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #3CF;
	border-right-color: #3CF;
	border-bottom-color: #3CF;
	border-left-color: #3CF;
}
.red-mre-black{ width:100%; float:left; background-color:#000; line-height:60px; font-family: 'roboto_condensedregular'; font-size:19px!important; color:#fff!important; margin-top:10px; text-align:center; padding:0!important;}
.red-mre-blue{ width:100%; float:left; background-color:#2A539A; line-height:60px; font-family: 'roboto_condensedregular'; font-size:19px!important; color:#fff!important; margin-top:10px; text-align:center; padding:0!important;}
.btn-sale{ width:50%; height:50%; position:relative; top:40px; right:10px; background-color:#FF0000; border-radius:500px; -moz-border-radius:500px; -webkit-border-radius:500px;  font-family: 'roboto_condensedregular'; font-size:14px; color:#fff;  }


.nice_button {
	padding-top: 8px;
	float: left;
	padding: 8px 18px;
	color: #fff;
	background: #66CCFF;
	text-decoration: none;
	border: 1px solid #d7d8d6;
	border-radius: 5px;
}

.footer{ width:100%; float:left; background:#000 url(../images/body-bottom-bg-b.jpg) no-repeat center top;  padding-top:1%;}
.ft-col{
	width:25%;
	float:right;
}
.ft-col h4{ width:100%; float:left; font-family: 'robotobold'; font-size:16px; color:#fff; text-transform:uppercase;}
.ft-col p{
	width:100%;
	float:right;
	line-height:30px;
	font-family: 'roboto_condensedregular';
	font-size:14px;
	color:#2A539A;
	margin-top:1%;
}
.ft-col p a{color:#fff; }
.ft-col p input{ width:90%; float:left; line-height:30px; height:30px; border:1px solid #fff; background-color:#fff; font-family: 'roboto_condensedregular'; font-size:14px; color:#777;}
.ft-col p span{ width:9%; height:10%; float:left; padding:0 0 4px 0; font-family: 'robotobold'; font-size:16px; color:#2A539A; text-transform:uppercase; background-color:#fff; display:block;}
.ft-col p span a{ color:#2A539A;}
.ft-col p img { margin-right:10px; margin-top:10px;}


.copy{ width:100%; float:left; font-family: 'roboto_condensedregular'; font-size:13px; color:#fff; margin-top:15px; margin-bottom:40px;}



@media only screen and (max-width:1440px){
.cat-col h2{ font-size:39px;}
.btn-black{ width:62%;}
.save{line-height:65px;}
/*.frames,
.parts,
.clothes,
.save{ background-size:cover;

}*/

}
@media only screen and (max-width:1366px){
.cat-col h2 {font-size: 37px;}
}

@media only screen and (max-width:1280px){
.cat-col h2 b{ font-size:44px!important;}
.cat-col h2{ font-size:33px;}
.btn-blue, .btn-black{ width:63%;}
.save span{ font-size:83px;}

}

@media only screen and ( max-width:1024px)
{
.nav_container ul li a{ font-size:19px;}
.header_rgt{
	width:43%;

}
.cat-col{ padding:1%;}
.cat-col h2 {font-size: 20px;}
.cat-col h2 b {font-size: 23px!important;}
.cat-col p{ line-height:normal;}
.btn-blue, .btn-black{ width:67%; font-size:25px;}
.save{ line-height:61px; font-size:72px;}
.frames, .parts, .clothes, .save {
	background-size:100%;
	min-height: 228px;
}
.btn-blue, .btn-black {width: 42%;font-size: 16px; line-height:15px; }
}

@media only screen and (max-width:768px){
.nav_container ul li{ padding:0 9px;}
.logo img{ width:100%;}
.header_rgt {width: 58%;}
.cat-col {width: 47%;}
.prod-col {width: 44%;}
.ft-col {width: 50%;min-height: 260px;}
.save{ line-height:57px;}
.save span{ font-size:66px;}
.footer{ background-position:bottom;}
.mob-nav{ display:block;}
.nav_container{ display:none;}

}

@media only screen and (max-width:600px){
.cat-col{ min-height:218px;}
.logo{ width:100%; text-align:center;}
.logo img{ width:60%;}
.header_rgt{ width:100%;}
#top ul li{ padding:0 20px;}

	
	
}
@media only screen and (max-width:480px){
#top ul li{ padding:0 5px;}

}

@media only screen and (max-width:320px){
#top ul li{ width:100%; text-align:center;}
#search{ width:99%;}
#search input{ width:81%;}
.cat-col{ width:97%; min-height:249px; padding-top:30px;}
.prod-col{ width:94%;}
.ft-col{ width:100%; min-height:0!important; margin-top:30px;}

}
nav {
	height: 40px;
	width: 100%;
	}
nav ul {
    display: none;
    height: auto;
}
nav li {
	display: inline;
	float: left;
}
nav a {font-size: 13px;
	
}
nav li a {
	
}
nav li:last-child a {
	border-right: 0;font-size: 13px;
}
nav a:hover, nav a:active {
	
}
#nav_container1{
	width:100%;
	color:#fff;
	float:left;
	background:url(images/nav_480.png) center top;
	display:block;
	margin:0 0 1% 0;
}
#nav_container1 ul{
	float:left;
	width:100%;
	
}
#nav_container1 ul li{
	 background: url("images/sep.png") repeat-y scroll right center rgba(0, 0, 0, 0);
    float: left;
    height: 33px;
    padding: 0 9px;
    width: 100%;
	
}
#nav_container1 ul li:hover{
	 background-color: #fff;
	 color:#000;
}
#nav_container1 ul li a{ 
  color: #fff;
    float: left;
    font-size: 13px;
    margin-top: -10px;
    text-decoration: none;
	}
#nav_container1 ul li:hover a{ 
  color: #000!important;
    float: left;
    font-size: 13px;
    margin-top: -10px;
    text-decoration: none;
}
.navIcon{
	float:right; display:block; box-shadow:0px 0px 8px rgba(0,0,0,0.3) inset; margin-top:2px;
	padding:2% 1%; cursor:pointer;
	width:98%;
	color:#fff;
	text-decoration:none;
	text-align:right;

}
.fleft {
	float:left;
}
.alimg{
  margin-top: 14px;
}