/*************************************************************************************************
Marketing.css
	This stylesheet is for all the marketing 1-offs for widgets like the program navigator
		and steps to success.
**************************************************************************************************/

/* ----------------------------------------------------------------------------------------------*/
/* BEGIN MENUTT STYLES */
/* These crazy styles provide the main program menu on the home page */
ul#menutt
{
	font: bold 12px Arial, Verdana, Serif;
	list-style: none;
	width: 235px;
}

ul#menutt li
{
	padding: 0px;
	position: relative;
}

ul#menutt a 
{
	width: 235px;
	letter-spacing: 0.05em;
	display: block;
	text-align:left;
	margin-bottom:0px;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 5px;
	color: #ffffff;
	voice-family: "\"}\"";
	voice-family:inherit;
}
>#pagebody>ul#menutt a {
	width:125px;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#menutt li { float: left; height: 1%; }
* html ul#menutt li a { height: 1%; }
/* End */

ul#menutt a:hover 
{
	border-right: 0px solid #fff;
	color: #e0e0e0;
	padding-right: 3px;
}

ul#menutt a#resell
{
	background: url(../Master/Marketing_Menu_Blue.gif) top left no-repeat;
	padding-bottom: 3px;
	padding-top: 8px;
}

ul#menutt a#affiliate 
{
	background: url(../Master/Marketing_Menu_Green.gif) top left no-repeat;
	padding-bottom: 3px;
	padding-top: 6px;
}
ul#menutt a#make_money
{
	background: url(../Master/Marketing_Menu_Orange.gif) top left no-repeat;
	padding-bottom: 3px;
	padding-top: 6px;
}

ul#menutt a#ecommerce
{
	background: url(../Master/Marketing_Menu_Red1.gif) top left no-repeat;
	padding-bottom: 10px;
	padding-top: 6px;
}

ul#menutt a span
{
	display: none;
	letter-spacing: 0.03em;
}

ul#menutt a:hover span
{
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 262px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 10px;
	padding-top: 8px;
	/*position: absolute;*/
	text-align: justify;
	width: 228px;
}

ul#menutt a#ecommerce:hover
{
	background: url(../Master/Marketing_Menu_Red2.gif) top left no-repeat;
}

/* END MENUTT STYLES */
/* ----------------------------------------------------------------------------------------------*/
/* BEGIN PROGRAM-OPTIONS STYLES */

/*
	These styles control the look of the program menu/navigator at the bottom of
	some pages
*/
#program-options
{
	float: left;
	font: 12px Arial, Verdana, Serif;
	text-align: justify;
	width: 573px;
}

#program-options p
{
	font: 12px Arial, Verdana, Serif;
	margin: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: justify;
}

#program-options a
{
	color: #ffffff;
	display: block;
	float: left;
	font-weight: bold;
	letter-spacing: 0.04em;
	margin-bottom:0px;
	padding-bottom: 5px;
	padding-top: 4px;
	text-align:center;
	text-decoration: none;
	width: 142px;
}

#program-options a:hover
{
	border-right: 0px solid #fff;
	color: #e0e0e0;
}

#program-options a#resell
{
	background: url(../Master/Marketing_Program_Blue.gif) top left no-repeat;
}

#program-options a#affiliate
{
	background: url(../Master/Marketing_Program_Green.gif) top left no-repeat;
}

#program-options a#make_money
{
	background: url(../Master/Marketing_Program_Orange.gif) top left no-repeat;
}

#program-options a#ecommerce
{
	background: url(../Master/Marketing_Program_Red.gif) top left no-repeat;
}

/* END PROGRAM-OPTIONS STYLES */
/* ----------------------------------------------------------------------------------------------*/
/* BEGIN SIGNUP BUTTON STYLES */

.button-signup
{
	background: url(../Master/Marketing_Signup_Today_Button_Hover.png) no-repeat;
	display: block;
	width: 240px;
	height: 65px;
	margin: 5px 0 0 0;
}

.button-signup :hover img
{
	visibility: hidden;
}

.button-signup span
{
	position: absolute;
	left: -9999px;
	margin: 0;
	padding: 0;
}

.button-signup a
{
	display: block;
	border: none;
	width: 240px;
	height: 65px;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/*
	This content has been added by RachelH
*/
#button_red
{
	background: url(../Master/Marketing_Button_Red_Hover.png) top left no-repeat;
	display: block;
	height: 65px;
	width: 175px;
}

#button_blue
{
	background: url(../Master/Marketing_Button_Blue_Hover.png) top left no-repeat;
	display: block;
	height: 65px;
	width: 175px;
}

#button_green
{
	background: url(../Master/Marketing_Button_Green_Hover.png) top left no-repeat;
	display: block;
	height: 65px;
	width: 175px;
}

#button_silver
{
	background: url(../Master/Marketing_Button_Silver_Hover.png) top left no-repeat;
	display: block;
	height: 65px;
	width: 175px;
}

#button_red a,
#button_blue a,
#button_green a,
#button_silver a
{
	border: none;
	display:block;
	height: 65px;
	width: 175px;
}

#button_red a:hover img,
#button_blue a:hover img,
#button_green a:hover img,
#button_silver a:hover img

{
	visibility: hidden;
}

/*
	End content added by RachelH
*/

#builder-signup
{
	background: url(../Master/Marketing_Signup_Button_Hover.png) top left no-repeat;
	display: block;
	height: 72px;
	width: 156px;
}

#builder-signup a
{
	border: none;
	display:block;
	height: 72px;
	width: 156px;
}

#builder-signup a:hover img
{
	visibility: hidden;
}

/* END SIGNUP BUTTON STYLES */
/* ----------------------------------------------------------------------------------------------*/
/* BEGIN MISC CONTENT- STYLES */

#content-left, #content-right
{
	/* "Min-Height Fast Hack" http://www.dustindiaz.com/min-height-fast-hack/ */
	min-height: 200px;
	height: auto !important;
	height: 200px;
}

#content-left
{
	float: left;
	margin: 8px 0px 13px 0px;
	padding: 10px;
	width: 255px;
}

#content-right
{
	float: right;
	margin: 8px 0px 13px 0px;
	padding: 10px;
	width: 255px;
}

#content-left + br { clear: left; }
#content-right + br { clear: right; }

/* ----------------------------------------------------------------------------------------------*/
/* BEGIN MARKETING BUTTONS */
/************ DO NOT USE YET--IN PROGRESS BY NICHOLASC FOR PUBLIC SITES
#button_domains
{
	background: url(button_black_hover.png) top left no-repeat;
	width: 240px;
}

#button_domains_small
{
	background: url(small_button_black_hover.png) top left no-repeat;
	width: 160px;
}

#button_domains a,
#button_domains_small a
{
	display:block;
}

#button_domains a:hover img,
#button_domains_small a:hover img
{
	visibility: hidden;
}
*******************************/
/* END MARKETING BUTTONS */