/**
 *  --------------------------------------------------------------------------------------
 *  Global Styles CSS
 *  ----------------------------------------------------
 *  Modified	August 20, 2008
 *  @version	3.0.1
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	Typography Styles
 *  2.	Body and Wrapper Styles
 *  3.	Header Styles
 *  4.	Content Styles
 *  5.	Accordion Styles
 *  6.	Forms Styles
 *  7.	Side Styles
 *  8.	Footer Styles
 *  --------------------------------------------------------------------------------------
 */

/* Typography Styles
--------------------------------------------------------------------------------------- */

p{
 background:transparent!important;
}
h1 { 
	color:				#3a372d;
	font:				24px/24px Arial, Helvetica, sans-serif;
	margin:0 0 0 0; 
	padding:0 20px 0 15px; 
}
h2 { 
	color:				#3a372d;
	font:				18px/18px Arial, Helvetica, sans-serif;
	margin:0 0 0 0;
	padding:0 20px 10px 20px;
}
h3 { 	
	color:				#3a372d;
	font:				12px/18px Arial, Helvetica, sans-serif;
	padding:0 20px 0 20px;
}
p, ul, ol { 
	padding:0 20px 8px 25px;
	margin:0 0 0 0;
	word-wrap: break-word;
}
table p, ul, ol { 
	padding:0 0 0 0;
	margin:0 0 0 0;
}
ul {
	list-style-type:	square;
	margin-left:		32px;
}
a {
	color:				#8f8069;
	font-weight:bold;
	text-decoration:	none;
	font-size:11px;
}
hr{
	margin:10px 20px 20px 25px; 
}
a:hover{
	color:				#243316; 
	text-decoration:	none;
}		

.subHeader, .subHeader a{
	margin:				0 0 0 0;
	padding:            0 20px 9px 18px;
}
.subHeader {
	color:				#141d0d;
	font-size:			12px;
}
.subHeader a {
	color:				#141d0d;
	font-size:			13px;
}


.redtext{color:#ff0000;}

.blacktext {color:#000;}

/* Body and Wrapper Styles
--------------------------------------------------------------------------------------- */
body {
    color:				#494539;
    font:				12px/18px Arial, Helvetica, sans-serif;
    background:				#dad5c8;
}
#wrapperBg {
	background:			url(http://tenfashions.com/images/interface/bg-wrapperBg.gif) repeat-x;
}
/* Header Styles
--------------------------------------------------------------------------------------- */
#header {
	background:			url(http://tenfashions.com/images/interface/interface.jpg) top no-repeat;
}
	#header span {
		display:			none;
	}
/* Accordion Styles
--------------------------------------------------------------------------------------- */
.accordion h2 {
	color:				#421111;
	font-size:			12px;
	font-weight:		bold;
	height:				25px;
	padding:            6px 0px 0px 10px;
	margin:				0px;
	background:			url(http://tenfashions.com/images/interface/blog-header.gif) no-repeat left  -31px;
	cursor:				pointer;
	display:			block;	
}
.accordion h2:hover {
	background:			url(http://tenfashions.com/images/interface/blog-header.gif) no-repeat  left -62px;
}
.accordion .selected {
    color:				#421111;
	background:			url(http://tenfashions.com/images/interface/blog-header.gif) no-repeat left  -0px;
}
.accordion div {
    text-align:			justify;
    width:				414px;
	padding:            0px 5px 10px 5px;
}
.accordion p {
	padding:	        5px 6px 5px 6px;
}
.accordion a{ 
	color:				#a14100;
	text-decoration:	none;
}

/* Gallery
--------------------------------------------------------------------------------------- */
#gallery               {text-align:center; padding:5px; z-index:0; width:470px; float:right;}
#gallery ul            {padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#gallery li            {margin:5px 5px 0px 0px; position:relative; list-style:none; float:left; border: 1px solid #dddddd;}
#gallery ul li a 		{display:block; width:65px; height:65px; border:2px #243316 solid;}

#gallery ul li a:hover {
background:#c6d5eb ;
} 
	
/* LightBox 
--------------------------------------------------------------------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}	
		
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* Forms Styles
--------------------------------------------------------------------------------------- */
form ul{
    font-weight:		bold;
	list-style:			none;
}
form input.txt, textarea {
	color:				#562a00;
	background:			#e8cb83;
	border:				1px solid #e1c077;
	font:				normal 10px Georgia, "Times New Roman", Times, serif;
}	
form input.focus, textarea.focus {
	background:			#e9ce86;
	border:				1px solid #e1c077;
}	
form input.txt {
	height:				13px;
	width:				400px;
	margin:				5px 0 10px;
	padding:            5px;
}	
form textarea {
	width:				400px;
	height:				84px;
	line-height:		22px;
	margin:				5px 0 2px;
	padding:            2px 0 5px 5px;
}	
form input.btn {
	background:			none;
	outline:			none;
	border:				none;
	cursor:				pointer;
	margin-top:			15px;
	display:			block;
	height:				26px;
	width:				77px;
	float:				right;
}
form a.btn:hover {
	border:				none;
}
/* Side Styles
--------------------------------------------------------------------------------------- */

/* Footer Styles
--------------------------------------------------------------------------------------- */
#footer {
    	color:				#868272;
	background:			#ece9e2;
}
	#footerContent p {
		text-align:			center;
		padding:            0;
		margin:				8px;
		line-height:		10px;
	}