/* Main CSS */

html{
	background:#333;
}

body{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:20px;
}

a:link, a:visited{
	color:#CC3300;
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

a img{
	border:0;
}

h3{
	display:inline;
}

/* ID's */

#page{
	width:820px;
	margin:auto;
	background:url(../img/back_page.jpg) repeat-y;
}

#side{
	position:relative;
	float:left;
	width:262px;
}

#side a:link, #side a:visited{
}

#side a:active, #side a:hover{
}


#menu{
	width:500px;
	position:relative;
	text-align:right;
	z-index:1000;
}

#menu a:link, #menu a:visited{
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding:0px 10px 0px 10px;
}

#menu a:active, #menu a:hover{
	color:#FFF;
	text-decoration:none;
}


#content{
/*	position:relative; */
	float:left;
	width:558px;
	padding:0;
	background:none;
	color:#444;
	z-index:500;
}

#content_container{
	position:relative;
	background:url(http://beta.evolvedbodyart.com/img/back_content.jpg) top right no-repeat;
	float:left;
	color:#444;
}

#content_interior{
	padding:35px 10px 10px 10px;
}


#image_container{
	position:relative;
	background:#000;
	text-align:right;
	float:left;	
	color:#444;
	width:330px;
	height:550px;
	overflow:hidden;
}


#column1{
	position:relative;
	top:0px;
	left:0px;
	width:20%;
	padding:10px;
}

#column2{
	position:relative;
	top:0px;
	left:0px;
	width:80%;
	height:600px;
	padding:10px;
}

#column3{
	position:relative;
	top:0px;
	left:0px;
	padding:10px;
}

#footer{
	background:url(../img/back_footer.jpg) no-repeat;
	width:820px;
	height:80px;
	padding:0 0 0 0;
	margin:auto;
	color:#555;
}

	#footer a:link, #footer a:visited{
		color:#555;
		text-decoration:none;
		padding:0px 5px 0px 5px;
	}
	
	#footer a:active, #footer a:hover{
		color:#000000;
	}
	
#copyright{
	width:820px;
	padding:0;
	margin:auto;
	text-align:center;

}

/******** MENU ********/

	#menu_container {
		width:auto;
		position:relative;
		height:25px;
		text-align:center;
		z-index:1000;
	}
	
	#tn {
		position:absolute;
		right:20px;
		top:0px;
		width:auto;
		text-align:center;
	}
	#tn ul { /* entire menu */
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
		list-style:none;
		margin: 0 0 0 50px;
	}
	
	#tn ul li {
		display: block;
		float: left;
		text-align:center;
		margin: 0;
		padding: 0;
		position: relative;
	}
	#tn ul li a {
		display: block;
		float: left;
		padding: 0;
		position: relative;
		margin: 0 0 0 -28px;
		height: 28px;
		line-height: 28px;
		text-transform: none;
		color: #FFF;
		text-decoration: none;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		letter-spacing: 0px;
		font-weight: bold;
		text-indent: 0em;
		overflow: hidden;
		width: 108px;
	}
	
	#tn ul li:hover {
	
	}
	#tn ul li a {
		color:#444;
		outline: none !important;
		-moz-outline-style: none;
	}
	
	
	#tn ul li.over,
	#tn ul li:hover {
		z-index: 9099999 !important;	
	}
	#tn ul li:hover a,
	#tn ul li.over a,
	#tn ul li a:hover {
		color:#FFF;
		background-position: 0 -41px  !important;
		z-index: 9099999 !important;
	}
	
	
	#tn ul li.selected {
			
	}
	
	#pg_1 #tn ul li#tn_1,
	#pg_2 #tn ul li#tn_2,
	#pg_3 #tn ul li#tn_3,
	#pg_4 #tn ul li#tn_4,
	#pg_5 #tn ul li#tn_5,
	#pg_6 #tn ul li#tn_6,
	#pg_7 #tn ul li#tn_7 {
		color:#444;
		z-index: 9099999 !important;
	}
	
	#tn ul li.selected a,
	#pg_1 #tn ul li#tn_1 a,
	#pg_2 #tn ul li#tn_2 a,
	#pg_3 #tn ul li#tn_3 a,
	#pg_4 #tn ul li#tn_4 a,
	#pg_5 #tn ul li#tn_5 a,
	#pg_6 #tn ul li#tn_6 a,
	#pg_7 #tn ul li#tn_7 a {
		color:#444;
		background-position: 0 -80px;
		z-index: 9099998 !important;
	}
	
	* html #tn ul li a:hover,
	* html #tn ul li.over a {
		color:#444;
		cursor: hand;
	}
	
	#tn ul ul {
		display: none;
	}
	
	#tn .selected ul li {
		
	}
	#tn ul li.over ul,
	#tn ul li:hover ul {
		display: block;
		position: absolute;
		left: -24px;
		top: 85%;
		width:135px;
		height: auto;
		margin: 0;
		padding: 0 5px 10px 0;
		z-index: 2000;
		border-right: none;
		border-bottom: none;
	}
	* html #tn ul li ul,
	* html #tn ul li:hover ul {
		background: none !important;
	}
	#tn ul li ul li { /* BOXED DROP DOWN LINKS */
		color:#444;
		width:130px;
		background:#FFF;
		border-bottom:1px #DDD solid;
		behavior: url(iepngfix.htc);
		padding: 5px 5px 5px 5px;
		margin:0;
		height:auto;
		z-index: 1900;
	
	}
	#tn ul li ul li strong,
	#tn ul li ul li a:link,
	#tn ul li ul li a:visited,
	#tn ul li ul li a:hover,
	#tn ul li ul li a:active {
		color:#444;
		background: none !important;
		padding: 5px 5px 5px 5px; 
		width: 120px !important; /* 179px */
		border-right: none;
		font-variant: normal;
		font-size: 11px;
		text-indent: 0px;
		height: auto !important;
		line-height: 100% !important;
		margin: 0;
		font-weight: normal;
		filter:none !important;
	}
	
	#tn ul li ul li:hover {
		padding: 5px 5px 5px 5px;
		color:#444;
		background:#DDD;
	}
*	#tn ul li ul li a:hover {
		color:#444;
		background:#DDD;	
	} 
	
	#tn ul li ul li:hover > a {
		color:#444;
		background:#DDD;
		padding: 5px 5px 5px 5px !important;
	}
	#tn ul li ul li ul,
	#tn ul li:hover ul li ul,
	#tn ul li.over ul li ul {
		color:#444;
		display: none;
	}
	#tn ul li ul li:hover ul,
	#tn ul li:hover ul li:hover ul,
	#tn ul li.over li.over ul {
		position: absolute;
		display: block !important;
		left: 100%;
		top: 0px;
		z-index: 300;
		border-right: none;
		width: 135px !important;
	}
	#tn ul li ul li.r:hover ul {
		left: -100%;
	}
	#tn ul li:hover ul li:hover ul li,
	#tn ul li.over ul li.over ul li {
		width: 130px !important;
	}
	#tn ul li:hover ul li:hover ul li a {
		letter-spacing: normal;
		width: 130px !important; /* 179px */
	}


/* Classes */

table.product_list td{
	padding:5px;
	text-align:left;
	vertical-align:top;
}

table.product_list td h4{
	display:inline;
}

.bg_grey{
	background:#666666;
}

.cart_info{
	position:absolute;
	right:0;
	top:0;
	padding:3px 0 0 0;
	width:100%;
	text-align:right;
}

.gallery_item{
	display:inline;
	width:80px;
	height:85px;
	padding:3px;
	margin:3px;
}

.gallery_item img{
	padding:3px;
}

.error{
	font-weight:bold;
	color:#FF6600;
}

.pile_left{
	display:inline;
	float:left;
	padding:0 10px 0 0;
}

.clear{
	clear:both;
}
