/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/


/******* hyperlink and anchor tag styles *******/

#footer-info {
color: #CCCCCC;
font-size:10px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	width:1024px; /* Content Width */
	height:25px;
}

#pageNav h3{
		font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #666666;
 margin: 0px;
 padding: 0px;

}


/*************** list tag styles ***************/

ul{
 list-style-type: none;
}

ul ul{
 list-style-type: none;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Verdana, Arial, Helvetica, sans-serif;
 color: #334d55;
}
				
input{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
margin:0px auto;
	width:1024px;
	height:37px;

	
}

#pageNav{
	float: left;
	width:220px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	height:auto;
	background: transparent url(../../images/nav_main.png) no-repeat 50% 0;
}


#page-content{
	padding: 20px 20px 20px 20px;
	margin:0px 0px 0px 0px;
	background-color: #663300;
	height:100%;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 16px 0px 8px 0px;
	color: #ffffff;
	font-weight: normal;
}
/************ sectionLinks styles **************/

#sectionLinks{
font-size: 11px;
	margin: 0px auto;
	padding: 0px;

}
#sub_nav{
	font-size: 11px;
	margin: 10px 10px 0px 0px;
	padding: 0px;

}


/************** pageName styles ****************/

#pageName{
position: relative;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
}

#pageName img{
	padding: 0px;
	margin: 5px auto;
}

/************* globalNav styles ****************/

#globalNav{
height: 20px;
padding: 0px 0px 0px 380px;
margin: 0px auto;
float:left;
}


a.glink, a.glink:visited{
  	font-size: 11px;
  	color: #FFFFFF;
		font-weight: normal;
		margin: 0px;
		padding: 2px 18px 4px 5px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.glink:hover{
	text-decoration: underline;
}

.skipLinks {display: none;}


/*************** search styles *****************/

#search{
	position: relative;
	right: 40px;
	top: 0px;
	z-index: 101;
	float:right;
}

#search input{
  margin: 0px  0px 0px 0px;
 }
 
#search a:link, #search a:visited {
	font-size: 11px;
  	color: #FFFFFF;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	
}

#search a:hover{
	margin: 0px;
}


/********************* acordion nav **********************/
a:active {
border:none
}

		
		.accordion_toggle {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			display: block;
			width: 220px;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			border-top: 1px solid #666666;
			font-weight: bold;
			padding: 9px 0px 9px 0px;
			color: #1d4b6d;
			
		}
		.accordion_toggle_blank {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			display: block;
			width: 220px;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			border-top: 1px solid #666666;
			font-weight: bold;
			padding: 9px 0px 9px 0px;
			color: #1d4b6d;
			
		}
		
		#acordion_bottom {
		  display: block;
			height:20px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			background: transparent url(../../images/nav_bottom.png) no-repeat 50% 0;
		}
		
		.accordion_toggle_active {
			/*background: transparent url(http://www.cravedenim.com/images/arrow_down.png) no-repeat 200px 14px;*/
			color: #b91d2d;
			/*border-top: 1px solid #666666;*/
			font-weight: bold;
			border-bottom: 1px solid #666666;
		}
		.accordion_toggle h1 a {
			color: #FFF;
			border-top: 1px solid #666666;
			font-weight: bold;
			border-bottom: 1px solid #666666;
		}
		
		.vertical_accordion_content p a {
				font-size: 11px;
				color: #b91d2d;
				text-decoration: none;

		}
		
		.vertical_accordion_toggle a:hover {
				font-size: 11px;
				color: #b31c2b;
				text-decoration: none;

		}
		.vertical_accordion_toggle a:active {
				font-size: 11px;
				color: #b31c2b;
				text-decoration: none;

		}
		
		.accordion_content {
			color: #444444;
			overflow: hidden;
			background: transparent url(../../images/nav_open.png) repeat-y 50% 0;
		}
			
			.accordion_content p {
				margin: 0px 0px 0px 0px;
				padding: 5px 0px 5px 0px;
				
			}
			
			.accordion_content a {
				font-size: 11px;
				color: #1d4b6d;
				
				text-decoration: none;
				background: transparent;
			}
			
			.accordion_content p a:hover {
				font-size: 11px;
				color: #fff;
				text-decoration: none;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 20px;
			padding: 0px 0px 0px 0px;
			line-height: 20px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 11px;
			color: #ccc;
			cursor: pointer;
			margin: 0px 0px 0px 0px;
			background: transparent;
		}

		.vertical_accordion_toggle_active {
	 color: #b31c2b;
	font-weight: normal;
	text-decoration: underline;
				
		}

		.vertical_accordion_content {
			color: #444444;
			overflow: hidden;
		}

			.vertical_accordion_content p {
				line-height: 100%;
				padding: 5px 0px 5px 0px;
				
			}
  			
    
    #vertical_nested_container {
      margin: 0px auto 0px auto;
      width: 220px;
    }
				 #container_link {
      margin: 0px auto 0px auto;
      width: 220px;
			background: transparent url(../../images/nav_open.png) repeat-y 50% 0;
    }