html {
background-color:#666;
}
body {
margin: 0;
padding: 0;
font: 12px Verdana,Tahoma,Arial,sans-serif;
background-image: url(../../images/js_add/page_bg.jpg);
background-position:top center;
background-repeat:repeat-y;
text-align:center;
color:#000000;
}
p{
padding:0;
margin:0;
margin-bottom:20px;
font: 12px Verdana,Tahoma,Arial,sans-serif;

}
#content_area h1 {
margin:0;
padding:0;
color:#000;
font: bold 20px arial, helvetica, sans-serif;
margin:20px 0 20px 0;
border-bottom:1px solid #84252e;
}
#content_area h3 {
font-size:12px;
font-weight:bold;
margin:0;
padding:0;
margin-bottom:5px;
margin-top:30px;
color:#000066;
text-transform:uppercase;
}
#content_area ul {
 margin:0;
 padding:0;
 margin-bottom:20px;
 margin-left:25px;
 }
 #content_area ul li{
 margin:0;
 padding:0;
 margin-bottom:5px;
 }
a img{
	border:0;

}
#page_wrap {
text-align:left;
color: #303030;
margin: 0 auto;
width: 850px;
padding:0;
background-color:#fff;
border-bottom:1px solid #84252e;
/* background:url(images/main_back.gif); */
}
#header {
clear: both;
margin: 0;
padding: 0;
background-color:#84252e;
}

#header img {
margin: 0 0 0 0;
display:block;
}
#header_bar {
padding-top:4px;
padding-bottom:4px;
background-color:#333;
color:#FFFFFF;
font-size:13px;
padding-left:20px;
}
#header_bar a {
color:#FFFFFF;
text-decoration:none;
font-size:13px;
font-weight:bold;
}
#header_bar a:hover {
text-decoration:underline;
}
#header .menu2 ul {
list-style:none;
margin-left:3px;
margin-top:12px;
}
#header .menu2 ul li a{
background-image:url(../../images/js_add/link_arrow_gry.gif);
background-repeat: no-repeat;
padding-left:17px;
text-decoration: none;
color: #FFFFFF;
font-weight:normal;
}
#header .menu2 ul li a:hover{
text-decoration:underline;
}

#left{
margin:0;
padding:0;
font-size: 0.8em;
line-height: 1.2em;
margin-top:12px;
}
.left_holder {
background: url(images/menu_back.gif) repeat-y;
border-right:1px solid #999;
width:210px;
}
#left_padding{
padding:0px 0px 0px 0px;
margin:0;
}

#content_area {
margin: 0;
padding: 0;
line-height: 1.2em;
font-size:12px;
text-align: left;
float:left;
width:638px;;
}
#content_area a, #content_area ul {
font-size:12px;
}
#content_area_padding{
padding-left: 25px;
padding-right: 25px;
margin-bottom:15px;
}
#slideshow img {
	display:block;
	}

/*
#content_area_padding table td {
padding-left:25px;
padding-right:25px;
}
*/

.login {
width: 180px;
color: #505050;
background-color:#F4ECDF;
line-height: 1.3em;
border-bottom:1px solid #000;
}

#content_area h2{
font-size: 1.0em;
margin: 0 0 0.5em 0;
}

#special {
	width:1px;
	height:1px;
	visibility:hidden;
}


a {
text-decoration: underline;
color: #AA263D;
}
a:hover {
color: #AA263D;
}
a img {
border: 0;
}
a.arrow {
background-image:url(../../images/js_add/link_arrow.gif);
background-repeat: no-repeat;
padding-left:20px;
text-decoration:underline;
color: #666666;
}
a.arrow:hover {
color:#84252e;
}
#footer_links {
background-color:#333;
margin:0;padding:0;
padding-top:4px;
padding-bottom:6px;
text-align:center;
color:#666;
font-size:9px;
}
#footer_links a{
color:#666;
font-size:9px;
text-decoration:underline;
}
#copyright {
color:#ccc;
padding-top:8px;
padding-bottom:8px;
font-size:10px;
text-align:center;
background-color:#84252e;
}

#search_bar {
margin: 0;
padding:0;
/* background:#000 url(images/search_bar_back.gif) repeat-x; */
padding:1px;
padding-top:2px;
text-align:left;
width:152px;
margin-bottom:15px;
margin-left:20px;
margin-top:20px;
}
#search_bar_inner {
margin:auto;
text-align:left;
padding:0;
}
.small {
font-size: 1em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

INPUT, SELECT{

}
FORM{
	margin:0;
	padding:0;
}

/* MIDDLE AREA */
.event_box{

color:#888;
	/* padding:5px 5px 5px 20px; */
font-size:12px;

}
.event_date{
	font-size:12px;
	font-weight:bold;
	/* margin-left:-10px; */
	color:#000;
}


TABLE{
	border-collapse:collapse;
}

.red_divider{
background: url(images/red_divider.gif) repeat-x;
height:5px;
font-size:1px;
padding:0;
margin:0;


}
.box{
margin:6px 0 0 0px;
padding:0;
background:url(images/menu_back.gif) repeat-y;
width:152px;
border: 1px solid #999;

}

#left .box {
margin-top:20px;
margin-left:25px;
}

.box h2{
font-size:12px;
font-weight:bold;
text-align:left;
padding:3px 5px;
margin:0 -4px 5px -4px;
color:#000;

border-width: 1px 0

}
.box_inner{

padding:0px 5px 0px 5px;
color:#aa273d;
font-weight:bold;
display:block;

}
.box_inner a{
line-height:1.5em;
color:#999;
text-decoration:none;
font-weight:bold;
font-size:9px;
text-transform: uppercase;
}
#cart_notice{
text-align:left;

}
#cart_notice a{
font-size:9px;
text-transform:none;
text-decoration:none;
}
/*system1 specific*/

.page_title{
color:#000;
font: bold 20px arial, helvetica, sans-serif;
display: block;
margin:20px 0 20px 0;
border-bottom:1px solid #84252e;
}

.titles {
color:#000;
font: bold 16px/20px arial, helvetica, sans-serif;
border-bottom:1px solid #84252e;
margin:0 0 4px 0;

}
.titles a:link,.titles a:visited,.titles a:hover{
	color:#000;
	font-weight:bold;

}

.sub_ctitles{

	clear:both;
	text-decoration:none;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	font-weight:bold;
	font-size:14px;
	vertical-align:middle;
	margin-bottom:2px;
	border-bottom:1px solid #84252e;
	border-top:1px solid #84252e;
	width:585px;
	margin-right:15px;
}
.sub_titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	line-height: 1em;
	border-bottom:1px solid #84252e;
	border-top:1px solid #84252e;
}
.sub_titles a:link, .sub_titles a:hover, .sub_titles a:visited{
	text-decoration:none;
	color:#008;

}
.sub_titles img{

	float:right;
	margin-right:10px;

}
.col_1 {
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding:3px;
	vertical-align:top;
	font-weight:bold;
	color:#AA263D;
	width:1%;
	line-height: 1em;
	white-space:nowrap;
	border-bottom:1px dashed #ccc;

}

.col_1 a:link,.col_1 a:visited,.col_1 a:hover{
	font-weight:bold;
	text-decoration:underline;
	color:#AA263D;
}
.col_2 {
	text-align:left;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	padding:3px;

	vertical-align:top;
	font-weight:normal;
	line-height: 1.2em;
	border-bottom:1px dashed #ccc;

}

.col_2 a:link,.col_2 a:visited,.col_2 a:hover{
	font-weight:bold;
	color:#008;
	text-decoration:none;
}

.last_row {
	text-align:right;

	color:#008;

	padding:1px;
}

.page_links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	padding:2px;
	font-size:10px;
	border-collapse:collapse;
}
/*---------------------------------------------------------*/


.alert_message {
		color:#f00;
}




.quote_header{

	background-color:#ccc;
	border:1px solid #000;
}
.quote_box{

	border:1px dotted #000;
}
.small_text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	color:#555;
}
.required{
	color:#f00;

}
#man_slides {
 margin-left:25px;
 margin-bottom:35px;
 margin-top:15px;
 }
.detailstbl_js {
 	width:585px;;
	}

/*---------------------------------------------------------*/
/* MENU CSS */

		  li a {display:inline-block;}
  li a {display:block;}
.menu {
margin:7px 0 0 0px;
padding: 0;
width:210px;
font-size: 0;
}

.menu img{
margin:0;
padding: 0;

}
.menu ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0;
width:210px;
height: 100%;
display:block;
border-top: 1px dashed #999;
margin-top: -2px !important; /* for the sexy browsers */
   margin-top: 0px; /* for IE5/Win  :*(  */
}


.menu li{

}

.menu li:hover{
color:#aa273d;

}


.menu a{
color:#545353;
text-decoration:none;
margin:0;
font-size:13px;
font-weight:normal;
padding:0;
display:block;
border-bottom: 1px dashed #999;
padding-top:6px;
padding-bottom:6px;
padding-left:20px;


}
.menu a:visited{
color:#545353;
}


.menu a:hover{

color:#84252e;

}



.menu a:active{

color:#000;



}





/* Requirement: Put the element selector name (div)

onto non anchor hover selectors to force IE5 and

5.5 to correctly apply the csshover file. */



div.menu li, div.menu li:hover{

position:relative;

}


div.menu li ul{
position:absolute;
left:210px;
top:2px;
display:none;
width:175px;
z-index:100;
border:none;
}

div.menu li ul li{
border-right: 1px solid #999;
}
.subtop {
border-top: 1px solid #999;
}
.subbot {
border-bottom: 1px solid #999;
}

div.menu li ul li a{
background-color:#e8e7e7;
color:#4e4d4d;
margin:0;
font-size:11px;
padding:0;
display:block;
padding-top:4px;
padding-bottom:4px;
padding-left:15px;
border-bottom:none;
border-left: 10px solid #333;
}



div.menu ul ul,

div.menu ul ul ul,

div.menu ul li:hover ul ul,

div.menu ul li:hover ul ul ul,

div.menu ul li:hover ul ul ul ul
{display:none;

}

div.menu ul li:hover ul,

div.menu ul ul li:hover ul,

div.menu ul ul ul li:hover ul,

div.menu ul ul ul ul li:hover ul
{display:block;



}

/* End non-anchor hover selectors */

/* Styling for Expand */

.menu x li:hover{
background-image: url(images/menu_back_over.gif);
}

.menu a.x, .menu a.x:visited{

background:url(images/expand3.gif) no-repeat bottom right;
}



.menu a.x:hover{
color:#008;
background: url(images/expand3_over.gif) no-repeat bottom right;
}

.menu a.x:active{
color:#008;

background: url(images/expand3_over.gif) no-repeat bottom right;
}






.menu2 {

width:130px;
}

.menu2 ul {
margin: 0;
padding: 0 0 0 0px;
list-style:none;
}


.menu2 li{
color:#4e4d4d;
line-height:15px;
margin-top:5px;
}
.menu2 li:hover{

}


.menu2 a{
text-decoration:none;
font: bold 12px arial, helvetica, sans-serif;
display: block;
color:#4e4d4d;
text-transform:none;
font-size:12px;

}
.menu2 a:visited{

color:#4e4d4d;
}


.menu2 a:hover{
color:#aa273d;
}
.menu2 a:active{
color:#aa273d;

}