/* ####################################### */
/* ########### INTRODUCTION ########### */
/* ####################################### */



body.section-istylista div#panel-b {
	width: 646px;
/*	background: url(/images/content_bg.jpg) repeat-x 0 0;*/
	border-top: 1px solid #f9f9f9;
}
body.section-istylista div#panel-c {
	float: right;
}


/* INTRODUCTION
------------------------------------------------*/

div.e-introduction {
	background: #fff url(/images/bg_homepage.jpg) no-repeat 100% 0;
	min-height: 187px;
}

div.e-introduction .e-bodycontent {
	padding: 20px 20px 0 20px;
	width: 580px;	
}

div.e-introduction .e-bodycontent p {
	font-size: 1.2em;
	margin: 0;
}

div.e-introduction .e-bodycontent ul {
	margin-bottom: 0;
}



/* GET STARTED PANEL
------------------------------------------------*/

div.e-get-started {
	width: 998px;
	margin: 0 auto;
	padding: 1px;
	background: #450E51;
	position: relative;
	left: -20px;

}

div.e-get-started .e-get-started-inner {
	border: 1px solid #AF23CD;
	background	: #752F89 url(/images/introduction_bg.jpg) repeat-x 0 bottom;
	color: #fff;
	font-size: 1.3333333333333333333333333333333em;
	overflow: hidden;
	position: relative;
}

.e-get-started-inner ol.stages {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/images/stages_sep_bg.gif) repeat-y 50% 0;
	overflow: hidden;
}

.e-get-started-inner ol li {
	float:left;
	padding:30px 40px 10px 40px;
	width:252px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.e-get-started-inner ol li h3 {
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 223px;
	height: 59px;
	text-indent: -9999px;
}

.e-get-started-inner ol li.stage_1 {
/*	background-color: red;*/
	background-image: url(/images/stage_1_bg.png);
}

.e-get-started-inner ol li.stage_2 {
/*	background-color: yellow;*/
	background-image: url(/images/stage_2_bg.png);
}

.e-get-started-inner ol li.stage_3 {
/*	background-color: blue;*/
	background-image: url(/images/stage_3_bg.png);
}


.e-get-started-inner ol li.stage_1 h3 {
	background-image: url(/images/stage_1_header.gif);
}

.e-get-started-inner ol li.stage_2 h3 {
	background-image: url(/images/stage_2_header.gif);
	width: 229px;
}

.e-get-started-inner ol li.stage_3 h3 {
	background-image: url(/images/stage_3_header.gif);
	width: 188px;
}

p#get-started-cta a:link,
p#get-started-cta a:visited {
	display: block;
	width: 249px;
	height: 74px;
	background: url(/images/get_started_button.png) no-repeat 0 0;
}

p#get-started-cta a:hover,
p#get-started-cta a:focus {
	background-position: 0 -81px;
} 


p#get-started-cta a span {
	position: absolute;
	left: -9999px;
}

.e-get-started-inner h3 {
	color: #fff;
}


/* CHOOSE BODYSHAPE
------------------------------------------------*/
.e-get-started-cr-bodyshape {
	padding:30px 40px;
	overflow: hidden;
}

.e-get-started-cr-bodyshape h3 {
	font-size: 1.8em;
	letter-spacing:-0.015em;
	background: url(/images/choose_bodyshape_header.gif) no-repeat 0 0;
	text-indent: -9999px;
	width: 303px;
	height: 45px;

}
.e-get-started-cr-bodyshape ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

.e-get-started-cr-bodyshape ul li {
	float: left;
	margin-right: 20px;
}

.e-get-started-cr-bodyshape ul li a:link, 
.e-get-started-cr-bodyshape ul li a:visited {
	display: block;
	border: 6px solid #532161;
	text-decoration: none;
}

.e-get-started-cr-bodyshape ul li a:hover, 
.e-get-started-cr-bodyshape ul li a:focus {
	border-color: #9A3EB5;
}

.e-get-started-cr-bodyshape ul li a:active {
	border-color: #AF23CD;
}


.e-get-started-cr-bodyshape ul li a img {
	display: block;
	padding: 10px;	
	background: #fff;
}

.e-get-started-cr-bodyshape ul li a:hover img,
.e-get-started-cr-bodyshape ul li a:focus img {
	filter: alpha(opacity=95);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95); 
	-moz-opacity: 0.95; 
	opacity:0.95; 
}

.e-get-started-cr-bodyshape ul li a span {	
	background: #fff;
	color: #333;
	text-align: center;
	display: block;
	padding: 5px;
	font-size:0.8em;
	font-weight:bold;
}

.e-get-started-cr-bodyshape #hpbsdesc {
	float: right;
	width: 215px;
	margin-top: -50px;
	font-size: 0.8em;
}

.e-get-started-cr-bodyshape #hpbsdesc h4 {
	color: #fff;
}

.e-get-started-cr-bodyshape #hpbsdesc h4 p {
	font-size: 0.9em;
}

#get-started-cr-delay-loader {
	margin: 20px 20px 20px 50px;
}

#get-started-cr-delay-loader p {
	margin: 0;
	background: url(/images/activity.gif) no-repeat 0 50%;
	padding: 10px 0 10px 42px
}



/* GET STARTED BASICS
------------------------------------------------*/

#get-started-cr-basics {
	overflow:hidden;
	padding:30px 40px;
}

#get-started-cr-basics .f-text label {
	padding: 10px 15px 10px 0;
	float: left;
}

#get-started-cr-basics .f-text input {
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #450E51;
	outline: 1px solid #AF23CD;
	position:relative;
	padding: 10px;
	width: 140px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
	color: #666;
	float: left;
}

#get-started-cr-basics .f-text input:focus {
	outline: 1px solid #D7E6F9;
	color: #111;
}

.f-text {
	float: left;
	margin-right: 40px;
	padding: 15px 0;
}

#get-started-cr-basics .f-submit button {
	border: 0;
	display: block;
	width: 249px;
	height: 74px;
	background: url(/images/get_started_button.png) no-repeat 0 0;
	text-indent: -9999px;
	
}


/*p#get-started-cta a:link,
p#get-started-cta a:visited {
	display: block;
	width: 249px;
	height: 74px;
	background: url(/images/get_started_button.png) no-repeat 0 0;
}

p#get-started-cta a:hover,
p#get-started-cta a:focus {
	background-position: 0 -81px;
} */

/* ####################################### */
/* ########### HOME SIDE PANEL ########### */
/* ####################################### */

.a-panel-c .cta-container {
	margin: 0;
}

/* HOME PANEL STYLE ME
------------------------------------------------*/

.e-home-panel-style-me {
	text-align: center;
}

.e-home-panel-style-me h3 {
	margin-bottom: 1em;
}

.e-home-panel-style-me a.style-guide-rotated-link:link,
.e-home-panel-style-me a.style-guide-rotated-link:visited {
	display: block;
	height: 260px;
	width: 200px;
	overflow: hidden;
	background: url(/images/style_guide_rotated_ongray.jpg) no-repeat 0 0;
	margin: 0 auto;
}

.e-home-panel-style-me a.style-guide-rotated-link:hover,
.e-home-panel-style-me a.style-guide-rotated-link:focus {
	background-position: 0 -347px;
} 

.e-home-panel-style-me a.style-guide-rotated-link:link img,
.e-home-panel-style-me a.style-guide-rotated-link:visited img {
	position: absolute;
	left: -9999px;
	top: 0;
}



.e-home-panel-style-me a.cta-link {
	margin: 0 auto;
	float: none;
}