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

#wrapper{
	width:100%;
	background-color:#CCC;
}

#header{
	width:100%;
	background-color:#FFF;
	float:left;
}

#logo{
	width:20%;
	background-color:#FC6;
	float:left;margin:1%;
}

#logo img{width:100%;}
#search-box{
	width:40%;
	float:right;
	background-color:#FFF;padding:1%;
}

#search-box input{
	margin:5% 0 0 0;
	width:60%;
	padding:2%;
	border:1px#030 #000;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}

#search-box .abc{width:20%;
background-color:#030;
border:0;
color:#fff;margin:1% 0 4% 1%;}

#navigation{
	width:100%;
	float:left;
	background-color:#02967d;
}

#navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#navigation ul li{
	float:left;
	width:20%;
}

#navigation ul li a{
	color:#000;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:5% 0;font-family:Arial, Helvetica, sans-serif;font-weight:bold;
}

#navigation ul li a:hover{
	background-color:#b9ab28;
	color:#fff;
}

#navigation2{
	width:100%;
	float:left;
	background-color:#0CC;
	display:none;
}

#product-details{width:100%; float:left; background-color:#FFF;}

#left{width:48%; float:left; background-color:#06C; margin:0 0 0 1.5%;}
#left img{width:100%;}


#right{width:48%; float:left; background-color:#FFF;  margin:0 0 0 1.5%;}

#right h2{
	margin:0;
	padding:4% 0 4% 3%;
	color:#000;
}

#right p{
	margin:0;
	padding:0 0 0 3%;
	color:#000;font-family:Arial, Helvetica, sans-serif;
}
#right a{
	background-color:#030;	
	color:#FFF;
	text-decoration:none;
	padding:1% 2% 1% 2%;
	margin:0;
}

#line{
	width:100%;
	float:left;
	border-bottom:2px solid #999;
	margin:1% 0 1% 0;}


#product{
	width:100%;
	float:left;
	background-color:#02967d;
}

#product{width:100%;font-family:Arial, Helvetica, sans-serif; text-align:center;color:white;
}

#product .product1{
	width:23.7%;
	float:left;
	background-color:#FFF;
	margin:0 0 2% 1%;
}

#product .product1 img{
	width:100%;
}

#product .product1 .btn{
	float:left;
	width:50%;
	background-color:#FFF;
}

#product .product1 .btn p{
	margin:0; padding:0;
}

#product .product1 .btn a{
	background-color:#030;
	color:#FFF;
	margin:0 5% 0 10%;
	text-align:center;
	display:block;
	text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-weight:bold;
	padding:5% 0 5% 0;
}

#product .product1 p{padding:6%; margin:1% 0 1% 0;}

#footer	
{width:100%;	
background-color:#030;	
float:left;padding:0;margin:auto;}	
	
#footer ul{list-style-type:none;	
margin:0;padding:1.2%;	
}	
	
#footer ul li{float:left;margin-left:3%;}	
	

#footer ul li a{text-align:center;font-family:verdana;	
color:white;font-size:14px;text-decoration:none;margin:0%;}