/* CSS Document */
/* --- BROWSER RESET ------------------------------------------------------------*/
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, br, big, cite, code, del, dfn, em, embed, font, form, img, ins, kbd, q, object, s, samp, script, small, strike, strong, sub, sup, tt, var, b, u, i, center, caption { padding: 0; border: 0; outline: 0; margin: 0 }
blockquote, q 				{ quotes: none }
html, body 					{ height:100%; font-family: "Trebuchet MS", Verdana, Arial; font-size:15px; color:#333333; background:url(mlm-business/home-business-top-bg.gif) repeat-x }
/* --- TAGS ------------------------------------------------------------*/
h1							{ color:#d41111; font-size:22px; font-weight:bold; margin:0; font-family: Tahoma, Geneva, sans-serif; }
h2			 				{ color:#FFF; font-size:20px; margin:5px 0 10px 0 }
h3			 				{ color: #d41111; font-size:20px; margin:0 0 10px 0 }
h4			 				{ color:#333333; font-size:20px; margin:5px 0 10px 0 }

a 							{ color:#d41111; text-decoration:underline }
a:hover 					{ text-decoration:none; color:#333333 }
hr 							{ border: 0; width: 100%; color: #d41111; background-color: #d41111; height: 2px }
.alignMiddle 				{ vertical-align:middle }
.alignCenter 				{ text-align: center }
.alignLeft	 				{ text-align: left }
.clear 						{ clear:both }
.fleft 						{ float:left }
.fright 					{ float:right }
.red						{ color:#d41111 }
.white						{ color:#ffffff }

div.header					{ background: url(mlm-business/home-business-bg1.jpg); height:508px; margin-top:0px; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.howitworks				{ background: url(mlm-business/home-business-bg3.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.theindustry				{ background: url(mlm-business/home-business-bg4.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.questions				{ background: url(mlm-business/home-business-bg5.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.contacts				{ background: url(mlm-business/home-business-bg6.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.login					{ background: url(mlm-business/home-business-bg7.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }

div.sign-up					{ background: url(mlm-business/home-business-bg8.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }
div.dreams					{ background: url(mlm-business/home-business-bg9.jpg); height:508px; margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; }

div.content					{ background: url(mlm-business/home-business-bg2.jpg) no-repeat;  margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; text-align:left }
div.content-noemail			{ background: url(mlm-business/home-business-bg2-noemail.jpg) no-repeat;  margin-top:0; margin-right: auto; margin-left:auto; vertical-align: top; width: 1200px; text-align:left }

div.text					{ width:700px; margin-top:0; padding: 28px 0 0 84px; text-align: left; }
div.text-noemail			{ width:1050px; margin-top:0; padding: 28px 0 0 84px; text-align: left; }
ul.nav 						{ list-style: none; padding: 0; margin: 0 290px 0 0; list-style-type: none; float:right; height:36px }
.displace 					{ position: absolute; left: -5000px }
ul.nav li 					{ float: left }
ul.nav li a 				{ display: block; height:36px }
ul.nav li.home a 			{ background: url('home-business/home-business-nav-01.png'); width:98px }
ul.nav li.howitworks a 		{ background: url('home-business/home-business-nav-02.png'); width:143px }
ul.nav li.industry a 		{ background: url('home-business/home-business-nav-03.png'); width:137px }
ul.nav li.chat a 			{ background: url('home-business/home-business-nav-04.png'); width:113px }
ul.nav li.signup a 			{ background: url('home-business/home-business-nav-05.png'); width:136px }

ul.nav li.home a:hover 			{ background-position: 0 36px }
ul.nav li.howitworks a:hover 	{ background-position: 0 36px }
ul.nav li.industry a:hover 		{ background-position: 0 36px }
ul.nav li.chat a:hover 			{ background-position: 0 36px }
ul.nav li.signup a:hover 		{ background-position: 0 36px }

ul.nav li.home a.selected 			{ background-position: 0 -36px }
ul.nav li.howitworks a.selected 	{ background-position: 0 -36px }
ul.nav li.industry a.selected 		{ background-position: 0 -36px }
ul.nav li.chat a.selected 			{ background-position: 0 -36px }
ul.nav li.signup a.selected 		{ background-position: 0 -36px }

ul.subnav 						{ list-style: none; padding: 0; margin: 5px 65px 0 0; list-style-type: none; float:right; height:20px }
ul.subnav li 					{ float: left }
ul.subnav li a 				{ display: block; height:20px }
ul.subnav li.faq a 			{ background: url('home-business/home-business-nav-06.png'); width:47px }
ul.subnav li.contact a 		{ background: url('home-business/home-business-nav-07.png'); width:86px }
ul.subnav li.login a 		{ background: url('home-business/home-business-nav-08.png'); width:95px }

ul.subnav li.faq a:hover 		{ background-position: 0 20px }
ul.subnav li.contact a:hover 	{ background-position: 0 20px }
ul.subnav li.login a:hover 		{ background-position: 0 20px }

ul.subnav li.faq a.selected 	{ background-position: 0 -20px }
ul.subnav li.contact a.selected { background-position: 0 -20px }
ul.subnav li.login a.selected 	{ background-position: 0 -20px }


/*div.subnav { float:right; margin:5px 65px 0 0 }*/

ul.bullets					{ margin:0; padding:342px 0 0 384px; list-style:none }
ul.bullets li 				{ background:url(mlm-business/home-business-check.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:23px; line-height: 25px; font-size:16px }

ul.bullets2					{ margin:0; padding:0; list-style:none }
ul.bullets2 li 				{ background:url(mlm-business/home-business-check.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:23px; line-height: 25px; font-size:15px }

.radio-wrap							{ white-space: nowrap; text-align: left; }
.radio-wrap h1						{ white-space: nowrap; display:inline }
.radio-wrap h3						{ font-size:14px; white-space: nowrap; display:inline }
.txt-img-align						{ width:590px; margin-top:0px; margin-bottom: 10px; }
.txt-img-align img					{ margin-top:-3px; float: left; }
fieldset 							{ border: 1px solid #c0c0c0; padding: 10px; }
legend								{ padding-bottom: 2px; padding-top: 5px; color: #000; }

.arrow						{ background:url(mlm-business/home-business-bullet-arrow.png) top left no-repeat; background-position:0 5px; margin:0; padding-left:17px; line-height: 25px }
.arrow-h1					{ background:url(mlm-business/home-business-bullet-arrow.png) top left no-repeat; background-position:0 8px; margin:0; padding-left:17px; line-height: 25px }
div.footer					{ width:100%; height:220px; font-size: 12px; background:url(mlm-business/home-business-footer-bg.gif) repeat-x; }
div.footer a				{ color:#ffffff; text-decoration:none }
div.footer a:hover			{ color:#333333; text-decoration:underline }
div.footer_content			{ padding: 0; width:1200px; height:220px; font-size: 11px; color:#bebebe; margin-left: auto; margin-right:auto }
div.footer_text				{ padding: 40px 0 0 87px; width:753px; height:180px; color:#DADADA }
a.footer_nav 				{ font-size: 16px; font-weight:bold }
div.footer_logo				{ width:250px; padding: 80px 10px 0 0; float:right }

/* --- Email Form ------------------------------------------------------------*/
div.email				{ float:right; width:288px; padding:70px 84px 0 0 }
input.submit			{ vertical-align: middle; vertical-align: text-bottom; border:0; margin:0; padding:5px 0 0 0; height:71px; width:265px }
input.contact			{ vertical-align: middle; vertical-align: text-bottom; border:0; margin:0; padding:5px 0 0 0; height:46px; width:137px }
input.contact2			{ vertical-align: middle; vertical-align: text-bottom; border:0; margin:3px 0 0 0; padding:5px 0 0 0; height:46px; width:137px; float:right }
input			 		{ font-size: 16px; padding:3px 0 0 2px; border:#ccc6a7 solid 1px; height:30px; width:204px; color: #333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
textarea			 	{ font-size: 16px; padding:3px 0 0 2px; border:#ccc6a7 solid 1px; height:90px; width:408px; color: #333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }

/* --- FAQ Controls ------------------------------------------------------------*/
#TJK_ToggleON,#TJK_ToggleOFF {border:0px;margin-right:5px}
#TJK_DL dd,#TJK_DL dt {margin:5px;padding:0px;} 
#TJK_DL dt { margin:7px 0 7px 0;padding-left:30px;}
#TJK_DL dd { background-repeat:no-repeat; padding-left:80px;padding-right:0px; padding-top:5px; padding-bottom:5px;}
#TJK_DL dt a {background:0 0 no-repeat;padding:0px 0 10px 28px; text-decoration:none;font-weight:bold;}
#TJK_DL dt a:visited {font-weight:bold}
#TJK_DL dt a:hover { text-decoration:underline }
#TJK_DL dt a:hover { text-decoration:underline }
#TJK_DL dt a:active { text-decoration:underline }
#TJK_DL dt a:focus { font-weight:bold }
#TJK_DL .DTplus a { background-image:url(js/toggleDLplus.gif) }
#TJK_DL .DTminus a { background-image:url(js/toggleDLminus.gif) }
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0;}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute;}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer }

/* ######## Home Page Tagline ######## */

#tagline h3 {margin-top:20px; margin-left:30px; line-height:26px;}

#tagline #tour { height:85px; padding:11px 0 0 9px; margin-left:0;}
#tagline #tour p { line-height:12px;}

#tagline #tour .simpleButton {font-size:12px;}
#tagline #tour .videoThumb {float:left; margin-right:10px;}
#tagline #tour .videoThumb img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#tagline #tour .videoThumb:hover img {border:1px solid #42b7d4;}

.simpleButton { background:url(images/blueArrow.gif) no-repeat left 60%; color:#BC0F0F; padding-left:10px; cursor:pointer; }
.simpleButton:hover {color:#42B7D4;}
.videoThumb {position:relative;}
.videoThumb span {background:url(images/buttons/thumbPlay.png) no-repeat center center; position:absolute; display:block; width:100%; height:100%; cursor:pointer;}
.videoThumb:hover span {background:url(images/buttons/thumbPlayHover.png) no-repeat center center;}

/* ######## Lightbox using nyroModal - http://nyromodal.nyrodev.com  ######## */
div#nyroModalFull {font-size: 12px;	color: #000;}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/nyroModal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px; height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
a#closeBut {
	position: absolute;
	display: block;
	top: 5px; right: -13px;
	width: 100px; height: 12px;
	outline: 0;
}
h1#nyroModalTitle {
	margin:0; padding:0;
	top:5px; left:10px;	
	position:absolute;
	font-size:12px;
	color: #666666;
}
div#nyroModalContent {overflow: auto;}
div.wrapper div#nyroModalContent {
	border:1px solid #cccccc;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
div.wrapperImg div#nyroModalContent {
	overflow: hidden;
	text-align: center;
	padding:25px 10px 10px 10px;
	border:1px solid #cccccc;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; cursor: help;}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background-image: url(../images/nyroModal/prev.gif);}
a.nyroModalNext {right: 0; background-position: right 20%;}
a.nyroModalNext:hover {background-image: url(../img/images/nyroModal/next.gif);}

/* ######## Saf3+, Chrome1+ hacks ######## */
@media screen and (-webkit-min-device-pixel-ratio:0) { 			
	#mainHeader .mainMenu li a {text-shadow:0 -1px 0.5px #20B3DC, 0 0.5px 1px #D3F2F8;}
	#mainHeader .mainMenu li:hover a {text-shadow:0 0.8px 0.5px #2e95b2, 0 1px 0.4px #7bd1e5;}
	#mainHeader .mainMenu li:active a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	#mainHeader .mainMenu .current a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	
	#content #commentsForm .textarea textarea {resize:none; padding:5px 5px 20px 15px; height:73px;}
	#content .contact .textarea textarea {resize:vertical; max-width:308px; margin-bottom:-3px; outline:none;}
	#footerWidgets .contactForm .textarea textarea {resize:vertical; max-width:190px;}
}

/* Remove the outlines from links and buttons and sIFR text replacement */
a, .customCheckbox label.focus, .customRadio label.focus, .sIFR-flash {outline:none;}

/* Remove the drag handles from the textarea in Safari and Chrome  */
#footerWidgets .contactForm .textarea textarea, #content .contact .textarea textarea {resize:none;}