/*
Description: Door Styles
Author: Travis Buck
Version: 0.1
.
General comments/License Statement if any.
.

[Table Of Contents]

1. Gallery
2. Door Details

*/


/* 1. Gallery
--------------------------------------------------*/
	
	
/* 2. Door Details
--------------------------------------------------*/

	
#PageContent #DoorImage
{
	float: left;
	margin-left: 30px;
	overflow: hidden;
	width: 237px;
}

	#DoorImage .BackToGallery
	{	
		display: block;
		font-size: 12px;
		height: 24px;
		margin-top: 16px;
		text-align: center;
		width: 237px;
	}

		.BackToGallery a.Back
		{
			color: #003F55;
			text-decoration: none;
		}
		
		.BackToGallery a:hover.Back
		{
			color: #007FAC;
		}
	
	#DoorImage ul
	{
		list-style: none;
	}
	
	#DoorImage li
	{
		display: inline;
	}
	
	#DoorImage #DoorSlider
	{
		margin: 1px 10px 0px 10px;
		width: 217px;
	}
	
		#DoorSlider a.PreviousDoor
		{
			background: url(../images/btn_door_backward.gif) no-repeat top left;
			display: block;
			height: 24px;
			text-indent: -5000px;
			width: 39px;
		}
		
			#DoorSlider a:hover.PreviousDoor
			{
				background: url(../images/btn_door_backward.gif) no-repeat bottom;
			}
			
		#DoorSlider a.NextDoor
		{
			background: url(../images/btn_door_forward.gif) no-repeat top left;
			display: block;
			float: right;
			height: 24px;
			text-indent: -5000px;
			width: 39px;
		}
		
			#DoorSlider a:hover.NextDoor
			{
				background: url(../images/btn_door_forward.gif) no-repeat bottom;
			}

#PageContent #DoorDetails
{
	margin-left: 298px;
	padding-top: 50px;
	width: 383px;
}

	#DoorDetails h1.DoorName
	{
		color: #003D53;
		font-size: 24px;
		font-weight: normal;
		padding-bottom: 12px;
	}
	
	#DoorDetails h2.InfoHeader
	{
		color: #363636;
		font-size: 16px;
		font-weight: normal;
		padding-bottom: 8px;
	}
	
	#DoorDetails p.Info
	{
		color: #363636;
		font-size: 12px;
		line-height: 16px;
		padding-bottom: 14px;
	}
	
#PageContent a.AddtoPortfolio
{
	background: url(../images/btn_add_door_style.gif) no-repeat top left;
	display: block;
	height: 31px;
	margin-bottom: 30px;
	text-indent: -5000px;
	width: 143px;
}

	#PageContent a:hover.AddtoPortfolio
	{
		background: url(../images/btn_add_door_style.gif) no-repeat bottom;
	}
	
#PageContent img.AddtoPortfolioInactive
{
	margin-bottom: 30px;
}

#PageContent img.OrderBook
{
	margin-top: 10px;
}

a span.imghover { display: none; }

a:hover span.imghover {
	position:absolute; 
	margin-top:-125px;
	display:block;
	width:120px;
	padding:6px 0; 
    background:#000; 
    color:#fff; 
    text-align:center; 
    opacity:0.6;filter:alpha(opacity=60);
    font-size:11px; 
}

#PageContent a.BackButton
	{
		background: url('../images/btn_back_to_concepts.gif') no-repeat top left;
		float: right;
		height: 40px;
		text-indent: -5000px;
		width: 231px;
		display:block;
	}
	
		#PageContent a:hover.BackButton
		{
			background: url('../images/btn_back_to_concepts.gif') no-repeat bottom right;
		}
		
#PageContent a.BackDoors
	{
		background: url('../images/btn_back_to_door_styles.gif') no-repeat top left;
		float: right;
		height: 40px;
		text-indent: -5000px;
		width: 231px;
	}
	
		#PageContent a:hover.BackDoors
		{
			background: url('../images/btn_back_to_door_styles.gif') no-repeat bottom right;
		}

#PageContent a.BackSpecies
	{
		background: url('../images/btn_back_to_species.gif') no-repeat top left;
		float: right;
		height: 40px;
		text-indent: -5000px;
		width: 231px;
	}
	
		#PageContent a:hover.BackSpecies
		{
			background: url('../images/btn_back_to_species.gif') no-repeat bottom right;
		}

#PageContent a.BackFinishes
	{
		background: url('../images/btn_back_to_finishes.gif') no-repeat top left;
		float: right;
		height: 40px;
		text-indent: -5000px;
		width: 231px;
	}
	
		#PageContent a:hover.BackFinishes
		{
			background: url('../images/btn_back_to_finishes.gif') no-repeat bottom right;
		}