/* @override http://localhost/whatever/v1.1/sale/howitworks.css */

#bd.howto .inner {
	background: #EFEFEF url(images/smstripes_200.gif) repeat;
	color: #58595b;
}

#bd.howto .inner #main {
	width: 690px;
	*width: 710px;
	float: right;
	display: inline;
	background: #fff;
	padding: 23px 0 0 20px;
}

#intro  {
	border-top: 1px dotted #333;
	padding: 23px 0 53px;
}

.howto h1 {
	font-size: 22px;
	font-family: Georgia, times, serif;
	margin-bottom: 5px;
}

.howto h2 {
	font-family: helvetica, arial, sans-serif;
	font-size: 14px;
	float: left;
	padding: 7px 15px 4px;
	margin-bottom: 2px;
	color: #fff;
	background: #60CECE;
	text-transform: uppercase;	
}

.howto h3 {
	font-family: Georgia, times, serif;
	font-size: 20px;
	line-height: 22px;
	color: #e16153;
}

#intro p {
	font-size: 16px;
}

.howitworks #intro {
	padding-bottom: 23px;
}

.howitworks #intro p {
	line-height: 23px;
}

.titlebar {
	display: block;
	width: 708px;
	height: 20px;
}

.howitworks {
	background: #fff;
}

.howitworks td {
	width: 330px;
}

.howitworks #one, .howitworks #two {
	border-bottom: 1px dotted #ccc;
}

.howitworks p {
	font-size: 14px;
	line-height: 18px;
}

.howitworks .sub {
	width: 260px;
}

.howitworks #two .sub, .howitworks #four .sub {
	width: 272px;
}

.howitworks .txt p {
	font-size: 11px;
	line-height: 15px;
}

.howitworks .txt p b {
	text-transform: uppercase;
}

.howitworks .txt p {
	position: absolute;
}

.howitworks #one {
	background: url(images/howto_one.jpg) no-repeat;
	width: 330px;
	margin-top: 23px;
	min-height: 360px;
	position: relative;
}

.howitworks #one h3, .howitworks #one .sub {
	margin: 4px 0 0 72px;
}

.howitworks #one .txt p {
	width: 95px;
	left: 230px;
}

.howitworks #one .txt .one {
	top: 125px;
}

.howitworks #one .txt .two {
	top: 230px;
}

.howitworks #two {
	background: url(images/howto_two.jpg) no-repeat;
	width: 330px;
	margin-top: 23px;
	min-height: 360px;
	position: relative;
}

.howitworks #two h3, .howitworks #two .sub {
	margin: 4px 0 0 73px;
}

.howitworks #two .txt p {
	width: 93px;
	top: 206px;
}

.howitworks #two .txt .one {
	left: 33px;
}

.howitworks #two .txt .two {
	left: 138px;
}

.howitworks #two .txt .three {
	left: 243px;
}

.howitworks #three {
	background: url(images/howto_three.jpg) no-repeat;
	width: 330px;
	min-height: 360px;
	padding-right: 28px;
	position: relative;
}

.howitworks #three h3, .howitworks #three .sub {
	padding: 33px 0 0 72px;
}

.howitworks #three .sub {
	margin-top: 4px;
	padding-top: 0;
	width: 280px;
}

.howitworks #three .txt p {
	top: 296px;
}

.howitworks #three .txt .one {
	left: 87px;
}

.howitworks #three .txt .two {
	left: 151px;
}

.howitworks #three .txt .three {
	left: 225px;
}

.howitworks #four {
	background: url(images/howto_four.jpg) no-repeat;
	width: 330px;
	min-height: 360px;
	position: relative;
}

.howitworks #four h3, .howitworks #four .sub {
	padding: 33px 0 0 73px;
}

.howitworks #four .sub {
	margin-top: 4px;
	padding-top: 0;
}

.howitworks #four .txt p {
	width: 187px;
	left: 131px
}

.howitworks #four .txt .one {
	top: 138px;
}

.howitworks #four .txt .two {
	top: 216px;
}

#smart ul {
	margin-left: 14px;
}

#smart ul li {
	list-style-type: square;
	color: #87b1b9;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 12px;
}

#smart ul li span {
	color: #58595b;
	margin-left: -4px;
}

#smart h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#advertise {
	font-family: gotham, helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 12px;
}

#advertise th, #advertise td {
	border: 1px solid #d1d3d4;
}

#advertise .noborder {
	border-top: none;
	border-left: none;
}

#advertise th {
	text-align: left;
	vertical-align: middle;
	padding: 8px 4px;
	width: 180px;
}

#advertise th.column, #advertise td {
	color: #87b1b9;
	width: 155px;
	text-align: center;
	vertical-align: middle;
}

#advertise th.column.pop, #advertise td.pop  {
	color: #fff;
	background: #87b1b9;
}

/* HOW IT WORKS */

.howitworks .main, .howitworks .side {
	border-top: 1px solid #333;
}

.howitworks .main {
	float: left;
	width: 460px;
}

.howitworks .side {
	float: right;
	width: 215px;
}

.howitworks .sect1 {
	background: url(images/howitworks_one.gif) no-repeat;
	width: 460px;
	height: 186px;
}

.howitworks .sect1 h3, .howitworks .side {
	padding-top: 42px;
}

.howitworks .sect2 {
	background: url(images/howitworks_two.gif) no-repeat;
	width: 460px;
	height: 143px;
}

.howitworks .sect3 {
	background: url(images/howitworks_three.gif) no-repeat;
	width: 460px;
	height: 169px;
}

.howitworks .main table h3, .howitworks .main table p {
	margin-left: 139px;
}

.howitworks .main table p {
	width: 300px;
	font-size: 14px;
	line-height: 20px;
}

.howitworks .side h2 {
	font-size: 18px;
	font-family: Georgia, times, serif;
	background: #fff;
	color: #58595b;
	text-transform: none;
	padding: 0;
	margin-bottom: 20px;
}

.howitworks .side h4 {
	font-size: 14px;
	color: #808285;
	font-weight: bold;
	line-height: 20px;
	clear: both;
}

.howitworks .side p {
	font-size: 14px;
	color: #58595b;
	line-height: 20px;
}

.howitworks .side hr {
	margin: 10px 0;
	color: #ccc;
	border-bottom: none;
}

.howitworks .awesome_btn {
	margin-top: 30px;
}