/* HOW IT WORKS PAGE */
#containerHowItWorks{position:relative; width:100%;margin-top:13px;}

#containerHowItWorks #colRight{
	position:relative;
	float:right;
	width:304px;
	background:red;
}

#containerHowItWorks #colLeft{
	position:relative;
	width:655px;
    float:left;
	margin-right:0;
	margin-left:10px;
}

#colLeft .box{
	position:relative;
	margin:0 0 14px 9px;
	width:97.3%;
	border-left:1px solid #DDDDDD;
	border-bottom:1px solid #D7D7D7;
	border-right:1px solid #D7D7D7;
}

#colLeft .box h2{
	padding:0 0 0 30px;
	height:33px;
	font-size:17px;
	line-height:27px;
	font-weight:normal;
	color:#FE9514;
	overflow:hidden;
	background:url(../../common/img/howItWorks/header_bg.gif) repeat-x;
}

#colLeft .box .number1, #colLeft .box .number2, #colLeft .box .number3, #colLeft .box .number4, #colLeft .box .number5{
	position:absolute;
	top:-6px; left:-9px; width:31px; height:33px;	
}

#colLeft .box .number1 {background:url(../../common/img/howItWorks/number1.gif) no-repeat;}
#colLeft .box .number2 {background:url(../../common/img/howItWorks/number2.gif) no-repeat;}
#colLeft .box .number3 {background:url(../../common/img/howItWorks/number3.gif) no-repeat;}
#colLeft .box .number4 {background:url(../../common/img/howItWorks/number4.gif) no-repeat;}
#colLeft .box .number5 {background:url(../../common/img/howItWorks/number5.gif) no-repeat;}

#colLeft .box strong a{color:#FF5506;}
#colLeft .box a {font-weight:bold;}

#colLeft .box .bottom{
	position:relative;
}

#colLeft .box ul{
	position:absolute;
	top:0; left:0;
	padding:5px 0 5px 30px;
}

#colLeft .box li {
	padding:0 0 5px 10px;
	background:url(../../common/img/pic/arrowSolidC.gif) no-repeat left 3px;
}

#colLeft .box li ul {
	position:relative;
	padding:5px 0 0 30px;
}

#colLeft .box li ul li{
	background:url(../../common/img/pic/dash.gif) no-repeat left 6px;
	line-height:14px;
}

#colRight .packs{
	position:absolute;
	top:0; left:0;
	width:272px; height:312px;
	background:url(../../common/img/howItWorks/packsButtonBg.jpg);
}

.PE .price {color:#525252;}

.PE .price, .PE .priceShadow {
	position:absolute; top:5px; left:10px; font-size:19px; width:100%;
}

.PI .price {color:#FF5506;}

.PI .price, .PI .priceShadow {
	position:absolute; top:55px; left:140px; font-size:19px; width:100%;
}

.Button .price {color:#FF5506;}

.Button .price, .Button .priceShadow {
	position:absolute; top:273px; left:95px; font-size:22px; width:100%;
}

.Button a.link{
	display:block;
	position:absolute; top: 263px; left:62px;
	width:193px; height:48px;
	background:url(../../common/img/blank.gif);
}

#colRight .faq{
	display:block;
	position:absolute; top:357px; left:0;
	width:272px; height:52px;
	background:url(../../common/img/howItWorks/FaqButtonBG.gif);
}

.faq .price {color:#404040;}

.faq .price, .faq .priceShadow {
	position:absolute; top:15px; left:52px; font-size:14px; width:100%;
}

.faq a.link{
	display:block;
	position:absolute;
	top:0; left:0;
	width:272px; height:52px;
	background:url(../../common/img/blank.gif);
}


/* start styles for 3 Pack version */

.contentContainerPack .linkButtonHowIt {
    margin:48px 0 0 22px;
    float:left;
}

.contentContainerPack a p {
    cursor:pointer;
}

.packsGroup p.colorThemePackINT, .packsGroup p.colorThemePackESS, .packsGroup p.colorThemePackFAM {
    float:left;
}

.contentContainerPack {
    position:absolute;
    left:115px;
    top:3px;
}

/* end styles for 3 Pack version */