@CHARSET "ISO-8859-1";
* { margin: 0; padding: 0; outline:none; }

#clear {
clear:both;
}

#home-page-content {
	background-color: #FFF;
}
#top_banner {
	height:50px;
	width:100%;
	color:#fff;
}

.heading {
	padding:15px;
}

h1.heading  {
	margin:0;
	font-size: 1.4em;

}

.heading h2 {
	margin:0;
	font-size: 1.2em;
	color:#898989;
	font-weight:normal;
}

#top_banner p.banner_lite {
	color: #b3b3b3
	font-size: 0.9em;	
}

#top_banner h1 {
	font-size: 1.3em;
	margin:10px 0 0 5px;
	color:#898989;
}

.largerpricetext {
	font-size:1.5em;
	font-weight:600;
}

#top_banner p{
	color:#c5c5c5;
	margin:10px 0 0 5px;
}

#flashStep{
float:left;
margin:0 0 0 0;
}

#flashStep OBJECT{
margin:10px 0 0 0;
}

#leftStep{
float:left;
width:464px;
height:316px;
margin: 0 0 0 10px;
text-align:center;
}

#leftStep img {
	_width:470px;
}


#rightStep{
float:right;
background-color:#F7F7F7;
width:464px;
height:316px;
margin:0 10px 0 0;
background-image:url(/marketing/micro-site/images/bg-rightStep.gif)
}

#rightStep h2{
margin:20px 0 0 20px;
font-size:1.3em;
}

#rightStep ul {
	margin:15px 0 0 25px ;
	padding:0;
	font-size:0.9em;
}

#rightStep ul li {
	display:block;
	list-style-type:none;
	margin:0 0 5px 0;
	padding:0 0 0 25px;
	line-height:20px;
	background-image:url(/marketing/micro-site/images/bg-bul-tick-large.png);
	background-repeat:no-repeat;
}

#rightStepButtons{
margin:20px 10px 0 10px;

}

#rightStepButtons img {
	margin-left:10px;
}


.rightStepInner {
width:440px;
height:110px;
background-color:#f7f7f7;
margin:0px 0 20px 10px;

}


.rightStepInner{
padding:25px 0 0 0;
}

.rightStepInnerbot {
width:440px;
height:155px;
background-color:#f7f7f7;
margin:0px 0 20px 10px;

}

#rightStepInnerBotInner{
padding:10px 0 0 5px;
}

.rightStepInnerbot p {
color:#5D5D5D;
font-size:0.9em;
margin:5px 0 0 0;
font-weight:bold;

}

.smaller {
font-size:0.8em 
}

.rightStepInner p.bigger {
font-size:1.0em; 
}

.smallertext {
font-size:0.8em;
}

.darkertext {
color:#5d5d5d;
}

#botcontainer{
width:100%;
height:100%;
margin:0;
padding:0;
}

#botcontainer ul{
width:100%;
margin:0;
padding:0;
list-style-type:none!important;
}

#botcontainer li{
display:inline;
}

#botcontainer a{
}


/*#botcontainer img{
margin:0;
padding:0;
}
*/

#botFeatureLeft {
float:left;
margin:0 0 10px 10px;
background-color:#F7F7F7;
width:335px;
_width:300px;
height:230px;
background-image:url(/marketing/micro-site/images/bg-botFeatureLeft.gif)

}

#botFeatureLeft h3 {
	font-size:1.2em;
padding:15px 10px 5px 10px;	
	
}

#botFeatureLeft img{
	float:left;
	padding:5px 0 0 30px;
}

#botFeatureLeft .but-try {
margin-left:5px;
width:255px;
height:44px;
}

#botFeatureLeft p{
	width:170px;
float:right;
margin:15px 30px 0 0;
_margin:15px 30px 0 40px;
font-weight:700;
font-size:0.8em;
}

#botFeatureRight {
float:right;
margin:0 10px 10px 5px;
height:180px;
width:600px;
}

.botFeatureRightInner {
float:left;
width:190px;
_width:180px;
height:110px;
margin:0 0 10px 10px;
background-color:#f9f9f9;
z-index:20;
background-image:url(/marketing/micro-site/images/bg-botFeatureRightInner.gif)
}


#HeBotFeatureRight {
float:right;
margin:0 10px 10px 5px;
height:180px;
width:628px;
}

.HeBotFeatureRightInner {
float:left;
width:196px;
_width:190px;
height:110px;
margin:0 0 10px 13px;
background-color:#f9f9f9;
z-index:20;
background-image:url(/marketing/micro-site/images/he-bg-botFeatureRightInner.gif);
background-repeat:no-repeat;

}


.botFeatureRightInner img{
margin:10px 5px 0 10px;
float:left;
}

.botFeatureRightInner .but-small {
	float:right;
	margin:-2px 7px 0 0;
}



.botFeatureRightInner p{
font-size:0.7em;
margin:7px 0 0 0;
padding-right:10px;

}

p.he{
float:right;	
font-size:0.7em;
}


.rightStepInner img{
float:left;
}

#btnConsultation_go{
float:right;
margin:0;
}


.right {
float:right!important;
}

#hConsultation_request{
height:113px;
width:920px;
padding-left:20px;
background-color:#F7F7F7;
margin:10px 10px 10px 10px;
background-image:url(/marketing/micro-site/images/bg-consultation-large.gif)
}

#hConsultation_request table {
margin: 0 0 0 15px;

}

#hConsultation_request .pass{
	padding-left:30px;
}


#hConsultation_request td {
font-size:1.2em;
padding:30px 10px 0 0;
}

#hConsultation_request td.free {
padding: 30px 10px 0 0;
}

#consultation_request{
border:none;
}

#consultation_request h3{
font-size:0.9em;
color:#5d5d5d;
}

#steps {
	/*position: relatve;*/
}
.step {
	position: relative;
	background: url(/ecommerce/images/home-page/steppanelbg.jpg) no-repeat;
	float: left;
	height: 304px;/* minus padding */
	width: 288px; /* minus padding */
	padding: 8px 16px 8px 16px;
	margin:0px
}
.step p {
	font-size: 0.8em;
	padding:0;
	margin:0;
}
.step img.main-image {
	position: absolute;
	left:19px;
	bottom: 21px;	
	z-index: 99;
}
#arrow1 {
	position: absolute;	
	left: 250px;
	/* top: 230px; */
	top: 450px;	
	z-index: 100;
}
#arrow2 {
	position: absolute;	
	left: 570px;
	/* top: 150px; */
	top: 370px;	
	z-index: 100;
}

#secondteir{
	position: relative;
}
.column {
	float: left;
	width:288px;  /* minus padding */
	padding: 8px 16px 8px 16px;
	margin:0px
}
.column2 {
	float: left;
	width:320px;  /* minus padding */
	padding-left: 0px;
	margin:0px
}
.column p {
	font-size: 0.8em;
}
.column ul {
	list-style-type: none;
	font-size: 0.8em;
	margin: 0px;
	padding: 10px 0 0 0;	
}
.column li {	
	padding-left: 50px;
	padding-top: 5px;
	margin-bottom: 30px;
	vertical-alignment: middle;	
}
.column li.no-money {
	background: url(/ecommerce/images/home-page/icon_money.jpg) no-repeat;	
}
.column li.no-download {
	background: url(/ecommerce/images/home-page/icon_software.jpg) no-repeat;	
}
.column li.no-knowledge {
	background: url(/ecommerce/images/home-page/icon_knowledge.jpg) no-repeat;	
}
.column li.tick {
	padding-left: 40px;
	padding-top: 0px;
	vertical-alignment: middle;
	background: url(/ecommerce/images/home-page/tick.jpg) no-repeat;	
}

#start-tour {
	background: url(/ecommerce/images/home-page/starttourbutton.jpg) no-repeat;
	height: 110px;
	padding: 30px 0 0 20px;	
}

/* start tour */
#start-tour p {
	font-size: 0.8em;
	margin:0px;
	padding: 0px;
}
#start-tour ul {
	list-style-type: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0 0 0 0;
}
#start-tour li {
	background: url(/ecommerce/images/smlarrowgreybg.jpg) left no-repeat;	
	padding: 0 0 2px 13px;
	
}
#start-tour a, #start-tour a:visited {	
	font-weight: normal;	
}
/* start tour end */

/* choose package */
#choose-pkg {	
	background: url(/ecommerce/images/home-page/choosepackagebuttonbg.jpg) no-repeat
	height: 110px;
	padding: 30px 0 0 20px;	
}

#choose-pkg p {
	font-size: 0.8em;
	margin:0px;
	padding: 0px;
}
#choose-pkg ul {
	list-style-type: none;
	font-size: 0.7em;
	margin: 0px;
	padding: 0 0 0 0;
}
#choose-pkg li {	
	padding: 0 0 0 0px;
}
#choose-pkg a, #choose-pkg a:visited {	
	font-weight: normal;	
}
/* choose package end */

.midHeBox{
float:left;
width:305px;
height:230px;
background-color:#CCC;
margin: 0 0 10px 12px;
background-image:url(/marketing/micro-site/images/bg-botFeatureLeft1.gif);
background-repeat:no-repeat;
_width:300px;
}
	
.midHeBox h3{
padding:15px 0 0 15px;
font-size:1.1em;
}

.midHeBox p{
padding:10px 15px 0 15px;
font-size:0.8em;
font-weight:800;

}

.midHeBox a {
	display:block;
	padding-top:65px;
}

.midHeBox img{
float:left;
margin:0 0 0 10px;
_width:120px;
}

#HeBotFeatureRight {
	float:right;
	margin:0 15px 0 0 ;
	_margin:0 5px 0 0;
	padding:0;
}


.HeBotFeatureRightInner .icon{
float:left;
margin-left:5px;
_width:60px;
}

.HeBotFeatureRightInner .button{
	margin-left:-5px;
	margin-top:-5px;

}

.HeBotFeatureRightInner p{
padding:25px 0; 0 0;
font-weight:800;
font-size:0.7em;
}

.learnmore {
	padding-top:10px;
}

