@charset "utf-8";
/* CSS Document */
body {
	font:12px Arial, Helvetica, sans-serif;
	color:#565656;
	margin:0px;
	padding:0px;
	background:url(images/bg2.jpg) repeat;
}
a{
font:12px Arial, Helvetica, sans-serif;
color:#484340;
text-decoration:none;
}
a:hover{
font:12px Arial, Helvetica, sans-serif;
color:#fe6021;
text-decoration:none;

}
img{
border:0px;
}
.clear{
clear:both;
}
#container{
width:980px;
border:5px solid #FFFFFF;
background-color:#FFFFFF;
margin:0px auto;
}
.logo
{
	width:215px;
	float:left;
	
}
.headermenu
{
	background:url(images/header_bg.gif) no-repeat;
	height:87px;
	width:765px;
	float:left;
	margin-top:5px;
}
.nav
{


}
.nav ul {

	width: 740px;
	list-style: none;
}

.nav ul li {
	float: left;
}

	.nav ul li a {
		display: block;
		padding-left: 30px;
		padding-right: 30px;
	border-right:1px solid #CCCCCC;
		font-size: 12px;
		font-weight:bold;
		text-transform:uppercase;
		text-align: center;
		text-decoration: none;
		color: #534e4b;
	}

		.nav ul li a:hover {
			color: #534e4b;
			font-weight:bold;
			text-transform:uppercase;
		}

		.nav ul li.selected a {
			color: #fff;
		}

.login
{padding:10px 0px 0px 20px;
float:left;
    
	}
.search
{padding:15px 0px 0px 20px;
float:right;
    
	}	
	.search input[type=text]
	{
	background:url(images/search_txt.png) no-repeat;
	height:27px;
	width:164px;
	margin:0px 0px 0px 20px; float:left;
	border:none;
	}
.banner
{
	margin:10px 0px 0px 0px;
	width:777px;
	float:left;
	
}
.bannerryt
{
	margin:10px 0px 0px 5px;
	background:url(images/bannerbox.gif) no-repeat;
	height:290px;
	width:197px;
	float:left;
	
}
.topside{
background:url(images/menutop.gif) no-repeat;
height:31px;
width:191px;
}
.middleside{
padding:10px;
background:url(images/middleside.jpg) repeat-y;

width:171px;
}
.bottomside{
border-bottom:1px solid #d9d9d9;

width:191px;
}
.topgray{
background:url(images/top_gray.jpg) no-repeat;
height:10px;
width:191px;
padding:10px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
}
.menutop{
background:url(images/menutop.gif) no-repeat;
height:10px;
width:191px;
padding:10px;
color:#FFFFFF;
font-weight:bold;


}
.displaybox
{
	margin:10px 0px 0px 0px;
	background:url(images/pagebg.png) no-repeat;
	width:978px;
	height:80px;
}
.dbox
{
	
	width:305px;
	height:85px;
	float:left;
	margin:0px 10px 0px 0px;
	
}
.dboximg{
margin-top:15px;
margin-left:15px;
float:left;
width:65px;
height:55px;
border:2px solid #999999;
background-color:#FFFFFF;
}
.dboxhead{
margin-top:15px;
margin-left:10px;
font:12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
width:170px;
float:left;
color:#2f2e2e;
}
.dboxhead a{
font:12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#2f2e2e;
}
.dboxhead a:hover{
font:12px Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
color:#2f2e2e;
}
.fleft{
float:left;
width:200px;
margin-top:10px;
}
.middle{
float:left;
width:570px;
}
.fright{
float:right;
width:200px;
margin-top:10px;
}
.fbox{
border:1px solid #f0f0f0;
width:190px;
background-color:#f9f9f9;
text-align:center;
padding-bottom:10px;
}
.price{
color:#FF6600;
font-weight:bold;
}
.article img{
float:left;
}

.fbox h2{
margin:0px;
background-color:#d2d2d2;
height:30px;
font:12px/30px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;

color:#000000;
}
.fpbox{

}


.comments{

width:190px;
margin-top:10px;

}

.comments h2{
margin:0px;
background-color:#d2d2d2;
height:30px;
font:12px/30px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;

color:#000000;
}
.heading{
background-color:#d2d2d2;
height:30px;
background:url(images/heading-top.jpg) no-repeat;
font:12px/30px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;
margin-top:10px;
color:#000000;
}
.heading a{
font:12px Arial, Helvetica, sans-serif;
color:#fe6021;
font-weight:bold;
text-decoration:none;
}
.mbox{
border:1px solid #dad9d9;
margin-top:-2px;
background-color:#fcfcfc;
padding-bottom:10px;
width:567px;
}
.main{
float:left;
width:760px;
}
.description{
font:12px/30px Arial, Helvetica, sans-serif;
margin-left:20px;
margin-top:10px;
}
.mainheading{

height:35px;
width:765px;
background:url(images/detail_h.jpg) no-repeat;
font:12px/35px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;
margin-top:10px;
color:#000000;
}
.pageheading{

height:35px;

background:url(images/heading-top.jpg) no-repeat;
font:12px/35px Arial, Helvetica, sans-serif;
font-weight:bold;
padding-left:10px;
margin-top:10px;
color:#000000;
}
.imgleft{
margin-top:10px;
margin-left:20px;
float:left;
}
.imgright{
margin-top:10px;
width:350px;
margin-left:10px;
float:left;
}
.mainimg{

height:325px;
width:325px;
border:1px solid #d2d2d2;
float:left;
}
.imgbox{
width:60px;
height:60px;
border:1px solid #d2d2d2;
float:left;
margin-right:4px;
margin-top:10px;
}
.mainbox1{
width:175px;
margin-left:8px;
height:300px;
margin-top:5px;
float:left;
text-align:center;
border:1px solid #d2d2d2;
background-color:#FFFFFF;

font:12px/30px Arial, Helvetica, sans-serif;
}
.remove{
padding:10px;
font:11px Arial, Helvetica, sans-serif;
}
.remove a{
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.remove a:hover{
font:11px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fe6621;
}
.mainbox{
width:175px;
margin-left:8px;
height:220px;
margin-top:5px;
float:left;
text-align:center;
border:1px solid #d2d2d2;
background-color:#FFFFFF;

font:12px/30px Arial, Helvetica, sans-serif;
}
.footer{
margin-top:10px;
text-align:center;
background:url(images/footerbg.png);
height:63px;
width:978px;
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Arial;
width: 188px; /* Main Menu Item widths */
border: 1px solid #f0f0f0;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #666666;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;

}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #ffffff; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: #666666;
}

.sidebarmenu ul li a:hover{
background-color: #f0f0f0;
color:#000000;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */





.arrowlistmenu{
width: 190px; /*width of accordion menu*/
border:1px solid #f0f0f0;
margin:0px auto;
padding-left:2px
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}