/*------------------------------------------------------------------------------*/
/* rent-a-brit.css */
/*	jpl 4/16/08
/*	Core CSS for rent-a-brit.com
/* 
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Global HTML Resets */

* {
	padding : 0;
	margin : 0;
}


html {
	padding : 0;
	margin : 0;
}

body {
	text-align:			left;
	padding:			0;
	margin:				0;
	background:			#000 url(../images/pageBackground.jpg) 50% 0 no-repeat;
	font:				12px Trebuchet MS, Arial, sans serif;
	color:				#fff;
}

hr {
	color:				#4D4D4D;
	height:				1px;
	margin:				19px 0px;
}

h1 {
	font-size:			20px;
	font-weight:		500;
	margin-bottom:		10px;
	margin-top:			0px;
}


h2 {
	font-size:			20px;
	font-weight:		500;
	margin-bottom:		10px;
	margin-top:			0px;
	color:				#B64D3E;
}

p {
	line-height:		13px;
	margin-bottom:		13px;
}


a img { border : 0; }

a:link		{ color: #B64D3E; text-decoration: none; font-weight: normal; }
a:visited	{ color: #B64D3E; text-decoration: none; font-weight: normal; }
a:hover		{ color: #B64D3E; text-decoration: underline; font-weight: normal; }
a:active	{ color: #B64D3E; text-decoration: underline; font-weight: normal; }


/* End SECTION::Global HTML Resets
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Page Structure */

#page-wrapper {
	margin:				19px auto 0 auto;
	text-align:			left;
	width:				800px;
	height:				602px;
	border:				1px solid #4D4D4D;
	background:			#000 url(../images/canvasBackground.jpg) top left no-repeat;
}

#content-wrapper {
	position:			relative;
	height:				562px;
	padding:			20px;	
}

/* navigation */

	#navigation {
		position:		absolute;
		top:			20px;
		left:			20px;
		margin:			0;
		padding:		0;
		width:			188px;
		height:			562px;
	}
	
	#navigation #logo {
		width:			188px;
		height:			92px;
		margin-top:		209px;
	}
	
	#navigation #logo a {
		width:			188px;
		height:			92px;
		display:		block;
		text-decoration:none;
	}
	
	#navigation #logo span {
		display:		none;
	}
	
	#leftMenu {
		float:			left;
		width:			188px;
		margin-top:		37px;
	}
	
	
	#leftMenu .menuButton {
		width:			181px;
		height:			50px;
		background:		url(../images/menuButtonBackground.jpg) no-repeat;
		padding:		3px;
		cursor:			pointer;
	}
	#leftMenu a:link	{ color: #fff; text-decoration: none; font-weight: normal; }
	#leftMenu a:visited	{ color: #fff; text-decoration: none; font-weight: normal; }
	#leftMenu a:hover	{ color: #fff; text-decoration: underline; font-weight: normal; }
	#leftMenu a:active	{ color: #fff; text-decoration: underline; font-weight: normal; }
	
	#leftMenu .menuButton img {
		float:			left;
		margin-right:	17px;
	}
	
	#leftMenu .menuButton h3 {
		margin-top:		9px;
		font-size:		13px;
	}
	
	
	#AboutUs:hover {
		background:		url(../images/menuButtonBackground_OnAboutUs.jpg) no-repeat;
	}
	#FeaturedFilms:hover {
		background:		url(../images/menuButtonBackground_OnFeaturedFilms.jpg) no-repeat;
	}
	#NeshuiShop:hover {
		background:		url(../images/menuButtonBackground_OnNeshuiShop.jpg) no-repeat;
	}
	#NeshuiNews:hover {
		background:		url(../images/menuButtonBackground_OnNeshuiNews.jpg) no-repeat;
	}


/* center-content */
	
	#center-content {
		position:		absolute;
		top:			20px;
		left:			248px;
		margin:			0;
		padding:		0;
		width:			532px;
		padding:		0px;
	}
	
	

	
/* footer */
	
	#footer {
		padding-top:	7px;
		width:			760px;
		font-size:		11px;
		margin:			0 20px;
	}
	
	#footer a {
		color:			#fff;
	}
	
	
/* End SECTION::Page Structure
/*------------------------------------------------------------------------------*/






/*------------------------------------------------------------------------------*/
/* SECTION::Featured Films */

#movieMenu {
	position:				absolute;
	top:					0px;
	left:					425px;
	border-left:			1px solid #4D4D4D;
	padding-left:			19px;
	width:					89px;
	height:					560px;
}

#movieMenu .menuItem {
	border:					1px solid #4D4D4D;
	margin-bottom:			16px;
}


#movieDetails {
	width:					405px;
}

.movieBlurb {
	height:					220px;
	overflow:				auto;
	padding-right:			10px;
}


/* End SECTION::Featured Films
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Shop */

#shopForm input[type="text"] {
	width:					50px;
}

.product {
	position:				relative;
	height:					122px;
	width:					511px;
	background:				url(../images/neshuiShop/productBackground.jpg) no-repeat;
	padding:				11px;
	margin-bottom:			17px;
}

.productImage {
	float:					left;
	margin-right:			11px;
}

.product .vspaced {
	margin-top:				4px;
	margin-bottom:			4px;
}

.productCartInfo {
	position:				relative;
	float:					right;
	width:					55px;
	height:					122px;
	border-left:			1px solid #575757;
	margin-left:			10px;
	padding-left:			11px;
	font-size:				13px;
}

.productQuantity {
	position:				absolute;
	bottom:					0px;
}

.productImagePopUpContainer {
	top:					-40px;
	left:					40px;
	position:				absolute;
	display:				none;
	z-index:				10;
}

.productImagePopUp {
	border:					1px white solid;
	background:				#000;
	padding:				10px;
	text-align:				center;
}


#movieMenu .menuItem {
	border:					1px solid #4D4D4D;
	margin-bottom:			16px;
}


#movieDetails {
	width:					405px;
}


/* End SECTION::Shop
/*------------------------------------------------------------------------------*/





/*------------------------------------------------------------------------------*/
/* SECTION::Inputs */

input[type="text"], textarea {
	border:					1px solid #B3B3B3;
	padding-left:			4px;
}

#contactUsForm input, #contactUsForm textarea {
	width:					288px;
	margin-bottom:			4px;
}

	
/* End SECTION::Inputs
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* SECTION::Contact */

#contactCanvas {
	width:					740px;
	height:					345px;
	background:				#333333;
	border:					1px solid #454545;
	color:					#B0AA90;
	font-family:			Trebuchet MS, Ariel, sans-serif;
	font-size:				12px;
	line-height:			14px;
}
	#inquireDiv {
		position:			relative;
		float:				left;
		width:				340px;
		height:				317px;
		padding:			14px;
	}
	
	
	
	#applyDiv {
		position:			relative;
		float:				left;
		width:				340px;
		height:				317px;
		padding:			14px;
	}
	
	#inquireReply, #applyReply {
		position:			absolute;
		bottom:				14px;
		display:			none;
	}
	
	#contactCanvas p {
		margin-bottom:		8px;
	}
	
	#contactCanvas table.formTable td {
		padding-bottom:		2px;
	}
	
	#contactCanvas .input, #contactCanvas select, #contactCanvas textarea {
		border:			1px solid #bbbbbb;
		margin:			1px 0 2px 0px;
		padding:		1px 4px;
	}

	
	#contactCanvas select {
		height:				18px;
		width:				222px;
		padding:			0px;
	}
	
	#contactCanvas textarea {
		width:				220px;
		padding:			0px;
		font-family:		Trebuchet MS, Ariel, sans-serif;
		font-size:			14px;
		line-height:		16px;
	}
	
	a.submitLink {
		padding-left:		20px;
		position:			relative;
		left:				222px;
		top:				-18px;
		text-decoration:	underline;
	}
	
	#inquireSubmitLink {
		
	}
	
	#applySubmitLink {
		
	}
	
/* End SECTION::Contact
/*------------------------------------------------------------------------------*/




/*------------------------------------------------------------------------------*/
/* SECTION::Global Utility  */

.highlight {
	color:				#B64D3E;
}


.greyLine {
	border:				none;
	background:			#4D4D4D;
	height:				1px;
	margin:				19px 0px;
}


.nextElement {
	margin-top:			6px;
}


/* End SECTION::Global Utility
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Universal Utility  */
	
	.left       { float: left; }
	.right      { float: right; }
	.inline		{ display: inline; }
	
	.block		{ display: block; }
	.inline		{ display: inline; }
	
	/* this is for using on a block-level container element */
	/* and will center contents inside the container */
	.center     { text-align: center; }
	
	/* this is for using on an inline element, such as an image */
	/* and will turn the element block, and center the element within its container */
	.centered   { display: block; margin: 0 auto 10px auto; }
	
	.verticalMiddle td, td.verticalMiddle { vertical-align: middle; }
	div.verticalMiddle { vertical-align: middle; display: table-cell; }
	.verticalMiddle * { vertical-align: middle; }
	
	.relative	{ position: relative; }
	.absolute	{ position: absolute; }
	
	.hidden     { display: none; }
	.no-border  { border: none !important; }
	
	.flush-left { padding-left : 0 !important; margin-left : 0 !important }
	.flush-right{ padding-right: 0 !important; margin-right: 0 !important }
	
	.fullWidth	{ width: 100%; }
	
	.clear      { clear: both; }
	
	.clickable	{ cursor: pointer; }
	.strikeText { text-decoration: line-through; }
	.transparent{ border: none !important; background: transparent; }
	
/* End SECTION::Universal Utility
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* Drop Shadow Elements */
html>body .outerpair1 { background: url(../images/dropShadowUpperRight.png) right top no-repeat; }
html>body .outerpair2 { background: url(../images/dropShadowLowerLeft.png) left bottom no-repeat; padding-top: 8px; padding-left: 8px; }
html>body .shadowbox { background: url(../images/dropShadowMain.png) bottom right; }
html>body .innerbox { position: relative; left: -8px; top: -8px; }
/*------------------------------------------------------------------------------*/