/* 
	ELOISE COSMETICS SITE-WIDE STYLESHEET
////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////

	This document contains all the necessary styles for the ELOISE COSMETICS site.
	The document is split into numerous style sections:

	///	SS01: Override styles - styles that override base xhtml elements.
	/// SS02: Specific Styles - styles for unique ID objects
	/// SS03: Combination Styles - styles that combine to make reflexive classes
	/// SS04: Anchor & Link Styles - styles that redesign links, anchors etc.
	
///////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
*/

/* 
SS01: OVERRIDE STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

body, html
{
	height:100%;
	margin:0;
	padding:0;
	background:#fdfcf7;
	font-family:arial, sans-serif;
}

img
{
	border:none;
}

div
{
	/*border:1px dotted black;*/
}


/*
/////////////////////////////////////////// /Override
////////////////////////////////////////////////////////////////
*/

/* 
SS02: SPECIFIC STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

#CT_Layout
{
	width:950px;
	margin:auto;
	height:100%;
	position:relative;
	z-index:2;
}

#CT_LayoutInner
{
	min-height:100%;
}


* html #CT_LayoutInner
{
	height:100%;
}

#CT_Header
{
	height:175px;
	background:URL(images/BG_BannerTop.png) no-repeat;
	margin:0px;
	position:relative;
}

#CT_FlashBanner
{
	position:absolute;
	top:-10px;
	left:15px;
}

#CT_Content
{
	padding-bottom:60px;
	min-height:477px;
	padding-left:320px;
	line-height:18px;
	font-size:12px;
}


.CT_RHMain
{
	position:relative;
	width:612px;
	background:URL(images/BG_RHMainMid.png) repeat-y left top;
	min-height:350px;
}

.CT_RHMainContentTop
{
	position:relative;
	background:URL(images/BG_RHMainTop.png) top left no-repeat;
}

.CT_RHMainContentBottom
{
	background:URL(images/BG_RHMainBottom.png) bottom left no-repeat;
	
}

.CT_RHMainContent
{
	padding:55px 0px 40px 40px;
	width:425px;
}


.CT_LHSmall
{
	float:left;
	width:300px;
	background:URL(images/BG_LHSmallMid.png) repeat-y left top;
	min-height:180px;
}

.CT_LHSmallContentTop
{
	background:URL(images/BG_LHSmallTop.png) top left no-repeat;
}

.CT_LHSmallContentBottom
{
	background:URL(images/BG_LHSmallBottom.png) bottom left no-repeat;
}

.CT_LHSmallContent
{
	padding:25px 0px 30px 0px;
	margin-left:120px;
	width:155px;
	top:0px;
}



#CT_Menu
{
	float:right;
	clear:both;
	width:605px;
	height:71px;
	padding-left:60px;
	background:URL(images/BG_Menu.png) no-repeat top left;
}

#CT_Footer
{
	padding-top:110px;
	height:55px;
	width:950px;
	position:absolute;
	z-index:1;
	margin-left:-475px;
	margin-top:-165px;
	left:50%;
	background:URL(images/BG_Footer.png) no-repeat bottom left;
}




.flyoutMaster
{
	position:relative;
	z-index:20;
	display:inline-block;
}

.flyoutMenu
{
	display:none;
	position:absolute;
	left:0px;
	top:30px;
	z-index:20;
	border-top:5px solid #e9aba7;
}

.flyoutMaster:hover > .flyoutMenu
{
	clear:both;
	display:block;
	overflow:visible;
}

/* This rule is applied to nodes in the DOM by Javascript as onMouseOver and MouseOut events */
.IEOver .flyoutMenu
{
	clear:both;
	display:block;
	top:30px;
	left:0px;
	overflow:visible;
}


.CT_Product
{
	margin:20px 0px 30px 0px;
	clear:both;
}


.CT_ProductImage
{
	width:155px;
	float:left;
	margin:0px 5px 0px 10px;
}

.CT_ProductText
{
	padding-left:170px;
}

.textInput
{
	width:250px;
	border:1px solid #e7aaa5;
	background:#f6ebe2;
}

.textboxInput
{
	width:250px;
	height:150px;
	border:1px solid #e7aaa5;
	background:#f6ebe2;
	font-family:arial, sans-serif;
	font-size:12px;
}

.submitButton
{
	border:1px solid black;
	background:#f6ebe2;
	color:black;
}

.smallText
{
	font-size:10px;
	line-height:10px;
}

	
/*
/////////////////////////////////////////// /Specific
////////////////////////////////////////////////////////////////
*/

/* 
SS03: COMBINATION STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/

.spacer
{
	clear:both;
	height:0px;
	width:0px;
}

.floatR
{
	float:right;
}

.floatL
{
	float:left;
	clear:none;
}

.marginT30
{
	margin-top:30px;
}

.marginL50
{
	margin-left:50px;
}

.marginL150
{
	margin-left:150px;
}

.CT_Content_Img1
{
	background:URL(images/BG_ContentLeft.jpg) top left no-repeat;
}

.testimonialAuthor
{
	font-style:italic;
	font-weight:bold;
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

.plainBlackBorder
{
	border:1px solid black;
}

.w70
{
	width:100px;
	display:inline-block;
}

.w170
{
	width:170px;
}

.w50
{
	width:50px;
}

.marginB10
{
	margin-bottom:10px;
}

.valignTop
{
	vertical-align:top;
}

.floatRight
{
	float:right;
}

.font10
{
	font-size:10px;
}

.alignRight
{
	text-align:right;
}

	
/*
/////////////////////////////////////////// /Combo
////////////////////////////////////////////////////////////////
*/

/* 
SS04: ANCHOR AND LINK STYLES
////////////////////////////////////////////////////////////////
///////////////////////////////////////////
*/


a, a:link
{
	color:black;
	text-decoration:underline;
}

a:hover
{
	color:#888888;
}

.MenuButton
{
	height:30px;
}

.MenuButton:hover img, a.MenuButton:hover img
{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.flyoutItem
{
	padding:0px 4px 0px 4px;
	display:block;
	background:URL(images/BG_FlyoutItem.png) no-repeat;
	height:30px;
	width:111px;
	border:1px solid #e9aba7;
	border-top:none;
	line-height:30px;
}

.flyoutItem:hover
{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.flyoutItem img
{
	vertical-align:middle;
}

#BT_Links
{
	margin-left:5px;
}

#BT_Privacy
{
	background:URL(images/BT_Privacy.gif) no-repeat;
	width:220px;
	height:50px;
	display:inline-block;
}

	#BT_Privacy:hover
	{
		opacity:0.6;
		filter:alpha(opacity=60);
	}


#BT_SiteBy
{
	background:URL(images/BT_SiteBy.gif) no-repeat;
	width:200px;
	height:50px;
	display:inline-block;
}

	#BT_SiteBy:hover
	{
		opacity:0.6;
		filter:alpha(opacity=60);
	}


	
/*
/////////////////////////////////////////// /Anchors
////////////////////////////////////////////////////////////////
*/