@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background:#000;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.85em;
}

a {
	outline:none;
	text-decoration:none;
	color:#c09d75;
}

a:hover {
	text-decoration:underline;
}

p {
	margin-bottom:0.7em;
	letter-spacing:.08em;
}

/*** Containers ***/

#bkgd {
	background:url(../graphics/bkgd.jpg) top center no-repeat;
	padding-bottom:20px;
}

#container {
	width:940px;
	margin:0 auto;
}

#header {
}

#logo a {
	background:url(../graphics/eg-logo.png) no-repeat;
	width:242px;
	height:204px;
	text-indent:-9999px;
	z-index:1000;
	display:block;
}

/*** Menu ***/

#menu {
	background:url(../graphics/menu.jpg) no-repeat;
	width:707px;
	height:70px;
	position:absolute;
	top:37px;
	margin-left:242px;
	padding:0px;
}
/* Menu for replicated site */
	#menuRep {
		background:url(../graphics/about-menu.jpg) no-repeat;
		width:707px;
		height:70px;
		position:absolute;
		top:37px;
		margin-left:242px;
		padding:0px;
	}
/****************************/
#menu ul, #menuRep ul {
	position:relative;
}
#menu ul li, #menuRep ul li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
	text-indent:-9999px;
}
#menu ul li, #menu ul a, #menuRep ul li, #menuRep ul a {
	height: 75px;
	display: block;
	}

/* Hover States */

li.about {
	left:0px;
	width:110px;
}
li.about a:hover {
	background:transparent url(../graphics/menu.jpg) 0px -75px no-repeat;
}

li.products {
	left:111px;
	width:127px;
}
li.products a:hover {
	background:transparent url(../graphics/menu.jpg) -111px -75px no-repeat;
}

li.host {
	left:237px;
	width:110px;
}
li.host a:hover {
	background:transparent url(../graphics/menu.jpg) -237px -75px no-repeat;
}

li.opportunity {
	left:347px;
	width:150px;
}
li.opportunity a:hover {
	background:transparent url(../graphics/menu.jpg) -347px -75px no-repeat;
}

li.advisorFind, li.advisorAbout {
	left:498px;
	width:96px;
}
li.advisorFind a:hover {
	background:transparent url(../graphics/menu.jpg) -498px -75px no-repeat;
}
/* When on Advisor's Replicated Site */
	li.advisorAbout a:hover {
		background:transparent url(../graphics/about-menu.jpg) -498px -75px no-repeat;
	}
/*************************************/

li.login {
	left:594px;
	width:106px;
}
li.login a:hover {
	background:transparent url(../graphics/menu.jpg) -594px -75px no-repeat;
}

/*** Lower Thirds ***/

#lower-thirds {
	margin-top:20px;
}

#third-box {
	border:#333 1px solid;
	width:298px;
	background:url(../graphics/lower-third-bkgd.gif) repeat-y;
	float:left;
}

#third-box a {
	padding:10px 0;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}

#third-box a:hover {
	text-decoration:none;
	background:url(../graphics/lower-third-hover.gif) repeat-y;
}

.left-box {
	margin-right:19px;
}

#products-image {
	background:url(../graphics/products-image.jpg) no-repeat;
	width:280px;
	height:152px;
	margin-left:9px;
}

#products-text {
	background:url(../graphics/products-text.gif) no-repeat;
	margin:0 auto;
	width:146px;
	height:30px;
	text-indent:-9999px;
	margin-top:10px
}

#party-image {
	background:url(../graphics/party-image.jpg) no-repeat;
	width:280px;
	height:152px;
	margin-left:9px;
}
#party-text {
	background:url(../graphics/party-text.gif) no-repeat;
	margin:0 auto;
	width:75px;
	height:24px;
	text-indent:-9999px;
	margin-top:10px
}

#join-image {
	background:url(../graphics/join-image.jpg) no-repeat;
	width:280px;
	height:152px;
	margin-left:9px;
}
#join-text {
	background:url(../graphics/join-text.gif) no-repeat;
	margin:0 auto;
	width:70px;
	height:30px;
	text-indent:-9999px;
	margin-top:10px
}

.clear {
	clear:both;
}

/*** Main Copy ***/

#content-body {
	width:900px;
	background:url(../graphics/50percent.png);
	border-bottom:#333 1px solid;
	padding:0 20px 20px 20px;
	margin-bottom:20px;
}

#content-body h2 {
	font-weight:normal;
	/*font-style:italic;*/
	font-size:1.6em;
	margin-bottom:0.5em;
	color:#c09d75;
}

#content-body h3 {
	font-family:Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:.2em;
}

#content-body h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:.7em;
}

#content-body p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.2em;
	line-height:1.3em;
	/*text-indent:1.6em;*/
}

#content-body p.un-indent {
	text-indent:0em;
}

p.threetwenty {
	width:320px;
	margin-left:302px;
}

#copy hr {
	margin:20px 0;
	color:#333;
	background-color:#333;
	border:1px #333;
	height:1px;
}

h1.banner {
	width:940px;
	height:150px;
	margin:-55px 0 20px -20px;
	text-indent:-9999px;
}

#copy {
	width:620px;
}

#copy a {
	color:#0096d7;
}

.red-faq h3 {
	color:#e34242;
}

img {
	border:0px;
}

img.alignleft, img.alignright {
	border-bottom:#666 1px solid;
	border-top:#666 1px solid;
}

img.alignleft {
	float:left;
	margin:0 20px 5px 0;
}

img.alignright {
	float:right;
	margin:0 0 5px 20px;
}

#copy ol, #copy ul {
	font-family:Helvetica, Arial, sans-serif;
	margin:-.5em 0 .7em 40px;
	font-size:1.2em;
	line-height:1.2em;
	letter-spacing:.08em;
}

#copy ul {
	list-style:url(../graphics/bullet.gif);
}

.italic, #copy ul.italic, #copy ol.italic {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.4em;
	line-height:1.4em;
}

#copy ul li {
	margin-bottom:.3em;
}

#copy ol.margin-fix, #copy ul.margin-fix {
	margin-left:315px;
}

blockquote {
	width:520px;
	margin:0 auto;
	text-align:left;
	color:#c09d75;
	font-size:1.8em;
	font-style:italic;
	margin-bottom:.7em;
}
.centered {
	text-align:center;
}

/*** Side Menu ***/

#sidemenu {
	width:260px;
	float:right;
	text-align:center;
}

#sidemenu h2 {
	margin-top:1.4em;
}

#sidemenu ul {
	list-style:none;
}

#sidemenu li {
	width:100%;
	background:#161616;
	margin-bottom:.5em;
	border-top:#333 1px solid;
	border-bottom:#333 1px solid;
}

#sidemenu li a {
	padding:10px 0;
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-family:Helvetica, Arial, sans-serif;
	color:#fff;
}

#sidemenu li a:hover, #sidemenu li a.active {
	text-decoration:none;
	color:#c09d75;
	background:#222;
}

/*** Footer ***/

#footer {
	background:url(../graphics/footer.gif) repeat-x;
	padding-top:25px;
	margin-bottom:25px;
	text-align:center;
}

#footer #links {
	width:456px;
	margin:0 auto 20px;
}

#footer .facebook a {
	text-indent:-9999px;
	float:left;
	background:url(../graphics/facebook.gif) no-repeat;
	width:32px;
	height:32px;
	margin:8px 20px 0 0;
	display:block;
}

#footer .twitter a {
	text-indent:-9999px;
	float:left;
	background:url(../graphics/twitter.gif) no-repeat;
	width:32px;
	height:32px;
	margin:8px 20px 0 0;
	display:block;
}

#footer .blog-bttn a {
	text-indent:-9999px;
	background:url(../graphics/blog-bttn.gif) no-repeat;
	width:247px;
	height:37px;
	margin:6px 20px 0 0;
	float:left;
	display:block;
}

#footer .dsa-logo a {
	background:url(../graphics/dsa-logo.gif);
	width:85px;
	height:49px;
	text-indent:-9999px;
	display:block;
	margin:-8px 0 0 371px;
}

/* Easy Slider */

#slider-cont {
	position:relative;
	margin-top:-55px;
	height:378px;
}
#logo-slider {
	height:55px;
	background:url(../graphics/eg-logo.png) bottom left no-repeat;
	width:242px;
	z-index:1000;
	position:absolute;
	top:0;
}
#slider ul, #slider li,
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	/*text-indent:-9999px;*/
	height:378px;
}
#nextBtn, #prevBtn {
	text-indent:-9999px;
}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:940px;
	height:378px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
	display:block;
	width:52px;
	height:52px;
	position:absolute;
	left:-25px;
	top:163px;
	z-index:1000;
}	
#nextBtn, #slider1next{ 
	left:915px;
}														
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:52px;
	height:52px;
	background:url(../graphics/left-arrow.png) no-repeat;	
}
#prevBtn a:hover {
	background:transparent url(../graphics/left-arrow.png) -0px -52px;	
}
#nextBtn a, #slider1next a{ 
	background:url(../graphics/right-arrow.png) no-repeat;	
}	
#nextBtn a:hover {
	background:transparent url(../graphics/right-arrow.png) -0px -52px;	
}
.shopNowButton {
	margin-bottom:30px;
}


/* // Easy Slider */

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    font-family: Helvetica, Arial, Serif;
	font-size:3.5em;
    visibility: hidden;
  }
}


#repInfo {
	width:707px;
	height:30px;
	position:absolute;
	top:15px;
	margin-left:242px;
	padding:0px;
	color:#c09d75;
}
	
	/*-REP LOCATOR-*/
	#repLocator { margin-top: 25px; width: 620px; padding-left: 10px; padding-right: 10px; }
	#locatorContainer {
		text-align: left;
		border: none;
		padding: 10px;
		overflow: hidden; }
	#locatorContainer h4 { text-align: left; padding: 5px 0 10px 2px; margin: 0; }
		#zipCode { float: left; width: 200px; }
		#name { float: left; width: 200px; }
		#city { float: right; width: 200px; }
		.Columns { padding: 0 5px 0 5px; }
		.TitleColumns { padding: 10px 5px 0 5px; }
		.ButtonColumns { padding: 10px 5px 0 5px; }
	#locatorResults { text-align: left; overflow: hidden; }
		#locatorResults table { border: 1px solid #C48B60; margin-left: 1px; width: 619px !important; }
		#locatorResults table tr { }
		#locatorResults table tr.GridAltRow_Office2007 { background: #444444 !important; }
		#locatorResults table th { background: #C09D75; border: 1px solid #C48B60; padding: 1px 3px 1px 3px; font-size: 1.1em; }
		#locatorResults table th a { color: #EFEFEF; }
		#locatorResults table td { padding: 3px; font-size: .975em; border-bottom: 1px dotted #C48B60; }
	/*---------------*/

.shoppingCartButton { text-align: center; margin: 25px auto 0; }
.shoppingCartButton a { text-decoration: none; border: none; }
.shoppingCartButton a span { position: absolute; margin-left: -99999px; }
.shoppingCartButton img { margin: 0 auto; }

.prodPrice { color: #C09D75; font-weight: bold; font-size: 1.4em; }
.shopNowButton {  }
.shopNowButton a { text-decoration: none; border: none; }
.shopNowButton a span { position: absolute; margin-left: -99999px; }
.AdImg { float: left; margin-right: 20px; }