@charset "utf-8";
/* CSS Document */
*{
	margin:0px;
padding:0px;
}

body{
background-color:#bbbbbb;	
font-family:Arial, Helvetica, sans-serif;
background: url(images/bg.jpg) fixed repeat center top;
font-size:12px;
}
p{
text-align:justify;	font-size:15px;
}
#wrapper{
width:1000px;
  border:thin solid #CCC;
 
	margin:auto; background-color:#FFF;
}
#social{
	position:absolute;
	width:263px;
	height:86px;
	left:802px;
	top:13px;
	color:#fa6b29;
	font-size:15px;
	text-align:right
}
#social a{
color:#fa6b29		
}
#social img{
padding:5px; 	
}

#header{
width:1000px; 
margin:auto; background: #FFF url(images/logo.png) no-repeat;
}

#logoarea{
width:980px;
height:120px;  
margin:auto;

}

#logo{
width:450px;
height:50px;
 float:left; 
 margin-top:40px;
 margin-left:150px;
}

#menu{
width:1000px; height:38px; 
background-color:#bf4c13;
margin:auto;

}



#banner{
width:900px;
height:290px; 
padding-left:-10px;  
}

.sliderwrapper{
z-index: 10;
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px solid blue;
border-bottom-width: 0px;
width: 1000px; /*width of featured content slider*/
height: 290px;
margin-top:1px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 980px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 240px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=-100);
-moz-opacity: -1;
opacity: -1;
}

#content{
width:1000px; 

background-color:#FFF; 
margin:auto;	
	
}

#left{
width:200px; 
 float:left;  margin-left: 10px;
	
}
#left h2{
	background-color:#bf4c13;
 padding:10px;
 color:#FFF;
 font-size: 15px;
}

#left ul{
list-style:none; 
}

#left ul li{
background-color:#dbdbdb;
 
border-bottom:#129eff thin dotted;
padding :10px; 
}
#left ul li a{
font-size:12px;
color:#bf4c13;
text-decoration:none;
font-weight:bold;
}
#left ul li a:hover{
color:#171717;	
}
#right{
width:560px; 
background-color:#fff;
float:left;
padding:10px;
}
#rightmenu{
width:200px; 
 float:left
	
}
#rightmenu h2{
	background-color:#bf4c13;
 padding:10px;
 color:#FFF;
 font-size: 15px;
}

#rightmenu ul{
list-style:none; 
}

#rightmenu ul li{
background-color:#dbdbdb;
 
border-bottom:#bf4c13 thin dotted;
padding :10px; 
}
#rightmenu ul li a{
font-size:12px;
color:#bf4c13;
text-decoration:none;
font-weight:bold;
}
#rightmenu ul li a:hover{
color:#171717;	
} 

#footer{
width:960px; 
background-color:#bf4c13;
margin:auto;	
color:#FFF;
	text-align:center;
	padding:10px;
}

.clear{clear:both;
}




.pagination{
width: 960px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: transparent;
padding: 20px -5px;

}

.pagination a{
padding: 3px 10px ;
text-decoration: none; 
color: #00007D;

background-color: lightgray;
}

.pagination a:hover, .pagination a.selected{
background-color: gray;
}


.bottom-gap1 {
margin-top: 200px;
}

.productbox{ width:680px; height:250px; background-color:#fff; border:#666 thin solid;}