/*
Site Colors:
	# - grey borders
	#333366 - purple anchors
*/

body {
	/*background: url(../images/bgs/site-bg-img.jpg) center top no-repeat #080808 fixed;*/
	overflow:hidden; 		/* needed to eliminate scrollbars caused by the background image */
	padding:0;margin:0;		/* necesarry for the raster to fill the screen */
	height:100%;width:100%;
	background-color: #000;
}

:focus {-moz-outline-style:none;}

/* get rid of those system borders being generated for A tags */
a:active {outline:none;}


h1, h2, h3, h4, h5, h6, h7, h8, h9{margin-left: 0px; margin-bottom: 1%; margin-top: 1%; padding-bottom: 0px; padding: 0px;}

.center{text-align: center;}

.float-left{float: left;}

.float-right{float: right;}

.clear-both{clear: both;}

.clear-left{clear: left;}

.clear-right{clear: right;}

.noMargin{margin: 0px;}

.no-border{border: 0px solid;}

.displayNone{display: none;}

.error-notice{color: red; font-size: 14px; font-family: "Tahoma";}

.blk-img-border{border: 1px solid #000;}

.item-captions{font-weight: bold; text-transform: uppercase; color: #c0c0c0;}



/* --------------------------------------------------------------------------------------------- */

#bgimg {
	position:absolute;
	z-index: -1;
	vertical-align: top !important; top: 0px !important;
}

#browser-body-container{
	/*background: url(../images/bgs/site-bg-gradient.png) left top repeat-x fixed;*/
	text-align: center; margin: 0px auto;
	padding: 0px; vertical-align: top !important;/*was middle*/
	position:absolute;
	z-index: 5 !important;/* Place the new body above the background image */
	overflow:auto;/* restore scrollbars for the content */
	height:100%; width:100%;	/* Make the new body fill the screen */
	background: url('../images/bgs/raster.png');
}


	


#invisible-container{
	background: none !important; border: 0px solid white; z-index: 6 !important; width: 900px; vertical-align: top; text-align: center; margin: 0px auto 0px auto; padding: 23px 0px 0px 0px;
}

/*----------------------------------- outer containers --------------------------------------------------------------*/


#site-nav{padding: 0px; margin: 0px auto; width: 890px; height: 36px; z-index: 900;}

#site-nav #menu{width: 890px; height: 30px; margin: 0px; padding: 0px 0px 2px 0px !important;}
#site-nav #menu ul{float: left; width: 890px; margin: 0px 0px 0px 0px !important; padding: 0px; text-align: left; list-style: none; display: inline !important/*for ie7*/;}
#site-nav #menu ul li{padding: 0px 12px 4px 0px !important; list-style: none; display: inline !important/*for ie7*/; }
#site-nav #menu ul li h2{display: inline !important/*for ie7*/; padding: 0px; margin: 0px;}
#site-nav #menu ul .last-menu-item{padding-right: 12px;}
#site-nav #menu ul li a{border: none;}
#site-nav a img{display: inline-block; border: none; padding: 0px; margin: 0px;}

.site-logo{display: inline; padding: 0px; margin: 0px 0px -4px 10px !important;}

/* /site-nav */



#site-container{background: none; clear: both; border: 0px solid purple; width: 892px; padding: 0px; margin: 0px auto; /*height: 540px;*/}


#row-one{clear: both; background: none; width: 890px; margin: 0px 0px 12px 0px !important; padding: 0px;}

.row-one-banner{height: 233px !important; overflow: hidden;}
.row-one-banner-border{border: 1px solid #202020 !important;}

.row-one-media{height: 345px !important; overflow: hidden;}

#flash-content-container{margin: 0px; padding: 0px; text-align: center; top: 0px !important; vertical-align: top !important;}
#alt-content{background: url(../images/bgs/row-one-media-bg.png) left top repeat-x; margin: 0px; padding: 0px; text-align: center; top: 0px !important; vertical-align: top !important;}
.alt-content-border{border: 1px solid #202020;}
.row-one-banner #flash-content-container, .row-one-banner #alt-content{height: 233px !important;}
.row-one-media #flash-content-container, .row-one-media #alt-content{height: 343px !important;}
#alt-content .copy{padding: 8px;}
#alt-content .copy p{padding: .75%;}

/* ------ page header background images -------------- */
/*.bio-bg-image{background: url(../images/bgs/header-images/biography-bg.jpg) left top no-repeat !important;}*/



/* -----------------------------------------content area------------------------------------------ */


#content-container{
	 background: none; border: none; padding: 0px 0px 0px 0px; margin: auto; margin-top: 0px; margin-bottom: 8px !important; top: 0px; clear: both;
	 width: 892px; text-align: left; z-index: 7; position: relative; overflow: hidden !important; 
}
.row-two-banner-companion-container{height: 298px !important;}
.row-two-media-companion-container{height: 184px !important;}


#content-container-left{border: 1px solid #202020; float: left; margin: 0px 5px 0px 0px !important; width: 334px; overflow: auto;}
#content-container-right{border: 1px solid #202020; float: right; margin: 0px; width: 546px; overflow: auto;}
.row-two-banner-companion{height: 293px !important;}
.row-two-media-companion{height: 182px !important;}

.row-two-media-left-bg{background: url(../images/bgs/row-two-media-left-bg.jpg) left top no-repeat;}
.row-two-media-right-bg{background: url(../images/bgs/row-two-media-right-bg.jpg) left top repeat-x;}

.row-two-banner-left-bg{background: url(../images/bgs/row-two-banner-left-bg.jpg) left top repeat-x;}
.row-two-banner-right-bg{background: url(../images/bgs/row-two-banner-right-bg.jpg) left top repeat-x;}

.calender-container{overflow: hidden !important;}


#content-container-left .what-women-want{float: left; width: 140px; height: 128px; margin: -25px 10px 0px 20px;}
#content-container-left .what-women-want img{border: 1px solid #222;}
#content-container-left .product-info{float: left; width: 130px; margin-top: -25px;}
#content-container-left .product-info p{text-align: left;}
#content-container-left .product-info .highlighted-product-name{color: #ccc;}
#content-container-left .product-info a img{border: none !important; margin-top: 8px;}



/* ---------------------------------email signup form -------------------------------------*/

.email-signup-form{margin: 3% 2% 1% 4%;}
.email-signup-form fieldset{border: none;}
.email-signup-form .active {background: #336666;}
.email-signup-form input{background: #000; border: 1px solid #202020; padding: 0px; margin-bottom: 0px;}
.email-signup-form label{display: block; text-indent: 0px; margin-top: 1px; margin-bottom: 0px;}
.email-signup-form .submit-button{cursor: pointer; display: block !important; margin-top: 5px;}

/* ----------------- FOOTER DISPLAY ------------------------------------ */
#footer{background: url(../images/bgs/footer-bg.jpg) left top repeat-x; border: 1px solid #202020; clear: both; width: 890px; height: 43px; margin: auto; overflow: hidden;}
#footer ul{margin: 10px 0px 0px 0px; padding: 0px;}
#footer #social-icons ul li{display: inline; list-style: none; float: left; padding-left: 10px;}
#footer #credits ul li{display: block; list-style: none; float: left;}
#footer img{border: none;}



/* --------------------------------------------------------------------------------------------- */


#siteBottomSpacer{
	clear: both; padding: 0px; margin: 0px 0px 0px 0px; background: none; border: 0px;
}

/* /END a display layout footer*/