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

.clear{clear: both;}

html{height: 100%; max-width: 1000px;}
body{
/*background: #000 url(images/bg.gif) repeat top left;*/
background: #000 url(images/bg3.jpg) repeat;
margin: 0;
padding: 0.5em;
font-family: arial, helvetica, sans-serif;
color: #fff;
height: 100%;
}
#nav1{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;

background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #666,  #000); /* for firefox 3.6+ */ 
	
}
.error, .err{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
color: #fff;
background: #c00;
border: 1px solid #fff;
}

.msg{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
color: #fff;
background: #cc0;
border: 1px solid #fff;
}
.msg span{color: #000;}
.red{color:#c00;}
.show{display: block;}
.hide{display: none;}
.small{font-size: 0.8em;}
.grey{color: #999;}


.logo1{width: 70%; float: left; position: relative; z-index: 2;}

#basket{
float: right;
width: 15%;
text-align: center;
}

.basket_icon{ width: 100%; z-index: 2; position: relative;}
.items{
background-color: #c00;

-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em;
color: #fff;
z-index: 5;

text-align: center;
margin: -20% 0 0 35%;
position: relative;

width: 1.2em;
height: 1.2em;
font-size: 0.8em;
padding: 0.2em 0 0 0;
}



#nav2{
margin: -1em 0 0 14%;
font-size: 0.8em;
z-index: 5;
position: relative;
float: left;
}
#nav2 .button{
float: left;

margin: 0 0.5em 0 0;

padding: 0.3em;
-webkit-border-radius: 0.2em; 
-moz-border-radius: 0.2em; 
border-radius: 0.2em;
border: 1px solid #333;

text-shadow: 1px 1px 1px #000;

background: #036; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#06c), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #06c,  #000); /* for firefox 3.6+ */ 
}

#nav2 .button a{
text-decoration: none;
color: #fff;
font-weight: bold;
width: 100%;
display: block;
text-align: center;
}


.button2{
padding: 0.3em;
-webkit-border-radius: 0.2em; 
-moz-border-radius: 0.2em; 
border-radius: 0.2em;
border: 1px solid #333;

text-shadow: 1px 1px 1px #000;

background: #036; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#06c), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #06c,  #000); /* for firefox 3.6+ */ 
text-decoration: none;
color: #fff;
font-weight: bold;
width: 100%;
text-align: center;
}


#nav3{

padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;

background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #666,  #000); /* for firefox 3.6+ */ 

}
#nav3 .button{
float: left;

margin: 0 0.5em 0 0;

padding: 0.3em;
-webkit-border-radius: 0.2em; 
-moz-border-radius: 0.2em; 
border-radius: 0.2em;
border: 1px solid #333;
text-shadow: 1px 1px 1px #000;

background: #036; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0066cc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#06c), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #06c,  #000); /* for firefox 3.6+ */ 
}

#nav3 .button a{
text-decoration: none;
color: #fff;
font-weight: bold;
width: 100%;
display: block;
text-align: center;
}

.social{
text-align: center; 
font-size: x-small;
padding-bottom: 2em;
}
.social img{
margin: 0 1em;
height: 20px;	
}


#page{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;

background: #000;
margin: 1em 0;
}
#page h1{font-size: 1.5em; margin: 0; padding: 0;}

.product{
background-color: #1a1a1a;
-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em;
margin: 0.5em 0;
background-image: url(images/arrow1.png);
background-repeat:no-repeat;
background-position: 99%; 
}
.p_img{
width: 30%;
float: left;
border: 1px solid #ccc;
}
.p_info{
width: 65%;
float: right;
padding-top: 7%;
}

.p_info .make{color: #666;font-size: 0.6em;}
.p_info .model{color: #fff;font-size: 0.8em;}

.p_info .price{color: #900;text-align: right;font-size: 1.2em;}

.p_info a{
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}

.oldprice{color:#666;font-size: 0.6em;}
.percentoff{color: #900;font-size: 0.6em;}

#imgbrowse{
margin: 0 auto 0.5em auto;
width: 100%;
}

.imgsingle{
position: relative;
float: left;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
border: 0.15em solid #666;
margin-right: 0.2em;
overflow: hidden;
}
.imgsingle span, #viewit span{
position: absolute;
background-color: #666;
font-size: 0.5em;

-webkit-border-radius: 0.8em 0 0 0; 
-moz-border-radius: 0.8em 0 0 0; 
border-radius: 0.8em 0 0 0;
padding: 0.2em;
}

#imgbrowse img{
opacity: 0;
}

#viewit img{
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
border: 0.15em solid #666;
}

#shopbox{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;

background: #999; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #666,  #000); /* for firefox 3.6+ */ 
	
}

#shopbox h1{ margin: 0 0 0.5em 0; padding: 0.2em; position: relative;}

#shopbox h1 span{position: absolute; right: 0; color: #c00;}

#shopbox h1 em{position: absolute; right: 0; color: #fc0; font-size: 0.5em;}

.bask_item{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
border: 1px solid #666;
position: relative;
margin-top: 0.5em;
}

.bask_item img{float: left; width: 50px; margin-right: 0.2em;}

.bask_item .del2{
text-decoration: none;
padding: 0 0.4em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
position: absolute;
top: -0.5em;
right: -0.5em;
background-color: #c00;
color: #fff;
}
.bask_totals p{text-align: right;}
.bask_totals p span{
padding: 0 0.4em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
background-color: #666;
}
.bask_totals p em{
font-size: 0.5em;
color: #fc0;
}
.bask_totals p .discount{
background-color: #cc0;
color: #c00
}

#login_bg{
display: none;
width: 100%;
position: absolute;
top:0;
left: 0;
overflow-y: hidden;
min-height: 100%;
z-index: 10;
}

#login{
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
background-color: #fff;
border: 0.2em solid #666;
width: 80%;
margin: 30% auto 70% auto;

}

.alpha60 {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#login h2{
margin: 0;
padding: 0;
color: #000;
}

#login label{
padding: 0 0.4em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
background-color: #666;
}

.checkout label, .checkout .label{
padding: 0 0.4em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
background-color: #666;
}

#ctax ul{
margin: 0;
padding: 1em 1em 1em 3em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
background-color: #300;
font-size: 0.5em;
}
#ctax span{color:#fc0;}
.checkout .carddetails{
background-color: #600;
padding: 0.5em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
}

.helpbox{
position: relative;
background-color: #333;
padding: 0.5em;
margin: 0.2em;
-webkit-border-radius: 0.8em; 
-moz-border-radius: 0.8em; 
border-radius: 0.8em;
border: 1px solid #999;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */ 
}
.helpbox h2{
font-size: 1em;
color: #fc0;
padding: 0.1em;
margin: 0;
text-shadow: 1px 1px 1px #000;
}
.helpbox p{
font-size: 0.8em;
padding: 0.1em;
margin: 0;
}
.helpbox a{
color: #fc0;
text-decoration: none;

}



.expand{
position: absolute;
top: 0;
left: 0;
width: 250px;
height: 100%;
}
#qul{
margin: 0;
padding: 0;
color: #999;
list-style: none;
}
#qul a{
color: #fc0;
}
#qul li{
border: 1px solid #666;
-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em;
padding: 0 1em;
margin: 0.4em 0;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333', endColorstr='#000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */ 
}


.qdiv .link1{color: #600; text-decoration: none;}


.qdiv ul{
margin: 0;
padding: 0;
color: #999;
list-style: none;
}

.qdiv li{
border-left: 1px solid #666;

padding: 0 1em;
margin: 0.4em 0;

}

.trace{
border: 1px solid #666;
background-color: #fff;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #fff,  #ccc); /* for firefox 3.6+ */ 

-webkit-border-radius: 0.5em; 
-moz-border-radius: 0.5em; 
border-radius: 0.5em;
padding: 0 1em;
margin: 0.4em 0;
color: #000;
}

.newslettersu{
text-align: center;
margin-top: 1em;
}

@media screen and (min-width: 500px) and (max-width: 700px) {
	.items{
		width: 1.2em;
		height: 1.2em;
		font-size: 1em;
		padding: 0.2em 0 0 0;
		}
	#nav2{
		font-size: 1em;
		}
	.p_info .make{font-size: 1em;}
	.p_info .model{font-size: 1.2em;}
	.p_info .price{font-size: 1.5em;}
	
	}
	
@media screen and (min-width: 701px) and (max-width: 1000px) {
	.items{
		width: 1.2em;
		height: 1.2em;
		font-size: 1.5em;
		padding: 0.2em 0 0 0;
		}
		#nav2{
		font-size: 1.5em;
		}
		.p_info .make{font-size: 1.2em;}
		.p_info .model{font-size: 1.5em;}
		.p_info .price{font-size: 2em;}
	
	}	
	
	
	
@media screen and (min-width: 1000px) {
	.items{
		width: 1.2em;
		height: 1.2em;
		font-size: 2em;
		padding: 0.2em 0 0 0;
		}
		#nav2{
		font-size: 2em;
		}
		.p_info .make{font-size: 1.5em;}
		.p_info .model{font-size: 2em;}
		.p_info .price{font-size: 3em;}
	
	}
	
	#bfsash2013{
position: fixed;
z-index: 5;
bottom: 0;
right:0;
}