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

body{background-color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;  color:#FFFFFF; font-size:9pt; margin:0;}

#tbl_back_popups{ background-color: #231f20}

p { padding: 0px 20px 0px 20px}


td{font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:8pt; line-height:14pt;}

#tbl_back{background-image:url(images/fill.gif); background-position: left top; background-repeat: repeat-y}

#top_back{background-image:url(images/top_right.gif); background-position: right top; background-repeat: no-repeat}

.buttons { background-image:url(images/buttons_left.gif); background-position:left; background-repeat:no-repeat; padding: 5px 2px 5px 35px; color: #231f20; font-size: 10pt; font-weight: bold }

a:link, a:visited, a:active  {color: #f58220; text-decoration: none; font-size:9pt; }
a:hover {color: #f58220; text-decoration: underline; font-size:9pt; }

#nav a:link, #nav a:visited, #nav a:active  {color: #fd861f; text-decoration: none; font-size:9pt; text-transform:uppercase; height: 30px}
#nav a:hover {color: #fd861f; text-decoration: underline; font-size:9pt; text-transform:uppercase;}

.heading {font-size: 12pt; color:#FFFFFF; font-weight:bold}

.clothing_td {background-color:#000000; border: 1px #b3b5b7 solid}

.pics_border { border: 1px #FFFFFF solid}

/* lightbox styles */



#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	margin:-220px 0 0 -250px;
	border:1px solid #ffffff;
	background:#231f20;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#container{
	margin:0 auto;
	width:500px;
	text-align:left;
	background-color:#fff;
}
#container ul{
	text-align:center;
	margin:0 0 30px 0;
	list-style:none;
}
#container ul a{
	border:1px solid #eee;
	background-color:#f5f5f5;
	font-size:1.5em;
	line-height:2em;
	padding:20px;
	margin:0 0 20px 0;
	display:block;
}
#container ul a:hover{
	border:1px solid #B5DF99;
	background-color:#CDEFB6;
	color:#358610;
}

#lightbox h2{
	margin:0 0 1em 0;
}
#lightbox h3{
	color:#FF713F;
}
#lightbox.done p{
	color:#FFFFFF;
}



.arrowlistmenu{
width: 200px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #231f20; 
background-color: #b3b5b7;
background-position:left; 
background-repeat:no-repeat; 
padding: 2px 2px 2px 10px; 
font-size: 8pt; 
font-weight: bold; 
display:block; 
text-decoration: none;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
cursor: hand;
cursor: pointer;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-position:left; 
background-repeat:no-repeat; 
padding: 2px 2px 2px 10px; 
color: #FFFFFF;
}

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

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

.arrowlistmenu ul li a{
color: #FFFFFF;
display: block;
padding-left: 30px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #1C1718;
font-size: 8pt;
}

.arrowlistmenu ul li a:visited{
color: #FFFFFF;
font-size: 8pt;
text-decoration: none;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #F58220;
background-color: #1C1718;
text-decoration: none;
font-size: 8pt;
}

.arrowlistmenu ul li a:active{ /*hover state CSS*/
color: #F58220;
background-color: #1C1718;
font-size: 8pt;
text-decoration: none;
}