/* CSS Document */
body{
	margin:0;
	padding:0;
	background:#fff;
	
}

#container{
	width:1005px;
	height:100%;
	margin: auto;
	position:relative;
	background: url(../images/header_bg.jpg) repeat-x #eeeeed;

}

#body_content_container{
	width:766px;
	height:300px;
	margin:0;
	padding:0;
	background:#eeeeed;
}
#body_content_container_products{
	width:766px;
	height:100%;
	margin:0;
	padding:0;
	background:#eeeeed;
}

*html #body_content_container{
	width:766px;
	margin:0;
	padding:0;
	background:#eeeeed;
}


#left_col{
	width:500px;
	height:250px;
	float:left;
	}

#left_col img{
	margin:10px 0 0 25px;
	}

.text{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	text-align:justify;
	line-height:150%;
	padding:5px 20px 0 28px;
}	
#right_col{
	width:250px;
	height:250px;
	float:right;
}

#right_col img{
	margin:10px 0 0 0px;
	}

#footer{
	width:1005px;
	height:40px;
	background-color: #013c72;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-y;

}

.footer_text{
	width:250px;
	height:40px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:justify;
	line-height:150%;
	padding:5px 20px 0 50px;
}

.footer_text a{
	width:250px;
	height:40px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:justify;
	text-decoration:none;
	line-height:150%;
	padding:5px 20px 0 0px;
}





#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 500px;
height: 250px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 0.0em auto;
padding: 0px;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 550px;
height: auto;
position: relative;
color: black;
padding: 1px;
}


/* Scroll Bar Master Styling Starts Here */
/* All comments can be freely removed from the css */

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: #928b70;
}
.vscrollerbar {
width: 10px;
background-color: #3f3b1e;
}
.hscrollerbase {
height: 5px;
background-color: #928b70;
}
.hscrollerbar {
height: 5px;
background-color: #3f3b1e;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}



/*----- product list start---*/

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
margin: 5px 0 3px 0; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 25px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #CC0000;
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
padding: 5px 0 5px 25px; /*header text is indented 10px*/
cursor: pointer;
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: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; 
padding-left:22px;
}

.arrowlistmenu ul li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
background: url(../images/left_bullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}

.arrowlistmenu ul li a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FF9900;
background: url(../images/left_bullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
}

#column_right {
	width:240px;
	height:100%;
	right:-2px;
	position:absolute;
	top:92px;
	border-left: #000066 1px dashed;
}


#column_right  a{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#column_right  a:link{
	color:#FFFFFF;
	text-align:none;
}
#column_right  a:hover{
	color:#000000;
	text-align:none;
}