@import "reset.css";

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clear { display: inline-block; }   
.Clear:after, .Container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .Clear { height: 1%; }
.Clear { display: block; }

body#landing
{
	background-color: #1e1e1e;
	background-image: url(http://itworks.net/Images/landing/background-tile.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 13px;
}

body#capture
{
	background-color: #1e1e1e;
	background-image: url(http://itworks.net/Images/landing/background-tile2.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

h2 {
	color: #5b7a2c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 5px 0px;
}

img
{
	border:0px;
}

p
{
    padding: 5px 0px;
}

body#capture #Wrapper
{
    margin: 0px auto;
    padding: 0px;
    background-image: url('http://itworks.net/Images/landing/capture-page-bg2.jpg');
    background-repeat: no-repeat;
    width: 960px;
    height: 2250px;
}

body#landing #Wrapper
{
    margin: 0px auto;
    padding: 0px;
	background-image: url('http://itworks.net/Images/landing/capture-page-bg.jpg');
	height: 2562px;
	background-repeat: no-repeat;
	width: 960px;
}

#Wrapper div
{
	float: left
}

#Wrapper h4 {
	font-size: 21px;
	color: #FFFFFF;
	font-weight: normal;
	margin: 25px 0px 0px;
	padding: 0px;
	display: block;
}

#Wrapper #innerPadding
{
    width: 808px;
    height: auto;
    margin-left: 78px;
    padding: 0px;
}

#Wrapper .maincopy
{
    margin-left: 380px;
    margin-right: 20px;
    margin-top: 164px;
}

#Wrapper #innerPadding .video-ss-small
{
    margin-top: 20px;
    width: 100%;
}

#Wrapper #innerPadding .video-ss-small strong {
	color: #5b7a2c;
	font-size: 15px;
	padding-top: 35px;
	display: block;
}

#Wrapper #innerPadding .video-ss-small img {
	float: left;
}

#Wrapper #innerPadding .buy-now
{
    width: 100%;
    margin-top: 13px;
    padding: 38px 0px;
}

#Wrapper #innerPadding .buy-now img {
	border:0px;
	width: 196px;
	height: 49px;
	vertical-align: middle;
	margin-left: 40px;
}

#Wrapper #innerPadding .buy-now h2
{
    width: auto;
    height: auto;
    color: #FFFFFF;
    font-size: 26px;
    line-height: 28px;
    display: inline;
    margin-left: 28px;
    vertical-align: middle;
}

#Wrapper #innerPadding .callout-one
{
    width: 500px;
    height: auto;
    margin-left: 20px;
    margin-top: 71px;
}

#Wrapper #innerPadding .callout-one h2 {
	font-size: 21px;
	color: #FFFFFF;
	padding-bottom: 15px;
}

#Wrapper #innerPadding .callout-one p {
	color: #FFFFFF;
}

#Wrapper #innerPadding .before-after
{
    width: 380px;
    margin-top: 117px;
}

#Wrapper #innerPadding .before-after p {
	color: #FFFFFF;
}

#Wrapper #innerPadding .before-after h4 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

#Wrapper #innerPadding .before-after-2 
{
	width: 380px;
	margin-top: 120px;
	margin-left: 40px;
}

#Wrapper #innerPadding .before-after-2 p {
	color: #FFFFFF;
}

#Wrapper #innerPadding .before-after-2 h4 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}

#Wrapper .callout-header
{
    margin: 50px 0px 0px 0px;
    padding: 7px 0px 0px 20px;
    width: 789px;
    height: 42px;
    font-size: 21px;
    line-height: 25px;
    background-image: url(http://itworks.net/Images/landing/callout.png);
    color: #FFFFFF;
    background-repeat: no-repeat;
}

#Wrapper #innerPadding .callout-two {
	clear: both;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	width: 100%;
}

#Wrapper #innerPadding .callout-two .btn {
	width:196px;
	height:49px;
	background-image: url(http://itworks.net/Images/landing/buy-now.gif);
}

#Wrapper #innerPadding .callout-two p {
	color: #FFFFFF;
}

#Wrapper #innerPadding .callout-two ul
{
    font-size: 14px;
    line-height: 30px;
    color: #FFFFFF;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
}

#Wrapper #innerPadding .callout-two ul li 
{
	height:30px;
	background: url('http://itworks.net/Images/landing/bullet.png') no-repeat scroll left top;
	padding-left: 30px;
}

#Wrapper #innerPadding .callout-two a
{
    display: block;
    float: left;
    margin-left: 130px;
    margin-top: 45px;
}

#Wrapper #innerPadding .callout-two img {

}

#Wrapper #innerPadding .media p {
	color: #FFFFFF;
	margin: 0px;
}
#Wrapper #innerPadding .media {
	width: 380px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 5px;
}
#Wrapper #innerPadding .media h4 {
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

#Wrapper #innerPadding .testimonials h3 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 24px;
	line-height:30px;
	width: 100%;
}
#Wrapper #innerPadding .testimonials {
	width: 100%;
	margin-top: 45px;
}
#Wrapper #innerPadding .testimonials a {
	color: #91AF62;
}
#Wrapper #innerPadding .testimonials p {
	color: #FFFFFF;
}
#Wrapper #innerPadding .testimonials img {
	margin-right: 15px;
}
#Wrapper #innerPadding .testimonials h4 {
}
#Wrapper #innerPadding .testimonials .testimonial-module {
	width: 100%;
}
#Wrapper #innerPadding .testimonials .testimonial-module h4 {
	line-height: 22px;
}



/* Amazing-Products.aspx page styles */
#capture #Wrapper #innerPadding .notepad 
{
    width: 400px;
    height: auto;
	margin-top: 270px;
	margin-left: 303px;
}

#capture #Wrapper #innerPadding .notepad p 
{
    margin: 0px;
    padding: 0px;
    padding: 5px 0px;
	color: #333333;
	font-size: 13px;
}

#capture #Wrapper #innerPadding .form-collect
{
    width: 100%;
    height: auto;
    margin-top: 131px;
}

#capture #Wrapper #innerPadding .form-collect h2 
{
    margin: 0px;
    padding: 0px;
	font-size: 21px;
	color: #FFFFFF;
	margin-left: 25px;
	margin-top: 47px;
}

#capture #Wrapper #innerPadding .form-collect table
{
    margin-left: 25px;
    margin-top: 20px;
}

#capture #Wrapper #innerPadding .form-collect table td
{
    margin: 0px;
    padding: 0px;
    width: auto;
    height: auto;
    vertical-align: top;
}

#capture #Wrapper #innerPadding .form-collect table td span.label
{
    display: block;
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}

#capture #Wrapper #innerPadding .form-collect .field 
{
    display: block;
    margin: 0px;
    padding: 0px;
    border: 0px;
	background-image: url('http://itworks.net/Images/landing/InputBG.png');
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 28px;
	width: 196px;
	font-size: 12px;
	color: #666666;
	padding-top: 6px;
}

#capture #Wrapper #innerPadding .form-collect td .btn 
{
    margin: 0px;
    padding: 0px;
}

#capture #Wrapper #innerPadding .callout-header
{
    margin: 0px;
    padding: 0px;
    margin-top: 95px;
    padding: 5px 20px;
    width: 789px;
    height: 42px;
    font-size: 21px;
    line-height: 25px;
    background-image: url(http://itworks.net/Images/landing/callout.png);
    color: #FFFFFF;
    background-repeat: no-repeat;
}

#capture #Wrapper #innerPadding .callout-header-2
{
    margin: 0px;
    padding: 0px;
    margin-top: 25px;
    padding: 5px 20px;
    width: 789px;
    height: 42px;
    font-size: 21px;
    line-height: 25px;
    background-image: url(http://itworks.net/Images/landing/callout.png);
    color: #FFFFFF;
    background-repeat: no-repeat;
}

#capture #Wrapper #innerPadding .before-after
{
    margin: 0px;
    width: 380px;
    margin-top: 10px;
}

#capture #Wrapper #innerPadding .before-after-2 
{
	width: 380px;
	margin-top: 10px;
	margin-left: 40px;
}

#capture #Wrapper #innerPadding .media img {
	margin-right: 15px;
	float: left;
}

#capture #Wrapper #innerPadding .testimonials p {
	font-size: 14px;
	margin-right: 200px;
	line-height: 18px;
}

#capture #Wrapper #innerPadding .testimonials-capture {
	width: 620px;
	margin-top: 20px;
}

#capture #Wrapper #innerPadding .testimonials-capture h3 {
	font-weight: normal;
	color: #FFFFFF;
	font-size: 24px;
	width: 100%;
	line-height: 26px;
}

#capture #Wrapper #innerPadding .testimonials-capture a {
	color: #91AF62;
}
#capture #Wrapper #innerPadding .testimonials-capture p {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
}
#capture #Wrapper #innerPadding .testimonials-capture img {
	margin-right: 15px;
}
#capture #Wrapper #innerPadding .testimonials-capture h4 {
}
#capture #Wrapper #innerPadding .testimonials-capture .testimonial-module {
	width: 100%;
}
#capture #Wrapper #innerPadding .testimonials-capture .testimonial-module h4 {
	line-height: 22px;
}


.dist-info
{
	padding:15px;
	color:#FFFFFF;
	font-size:15px;
}

.popUpLink {
	color: #6f6e88;
	font-weight: bold;
}
#pageDimmer {
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: none;
	opacity: 0.0;
	-moz-opacity: 0.0;
	-khtml-opacity: 0.0;
	filter: alpha(opacity=0);
}
#moreInfo1, #moreInfo2, #moreInfo3, #moreInfo4, #moreInfo5, #moreInfo6, #moreInfo7, #moreInfo8, #moreInfo9, #moreInfo10, #moreInfo11, #moreInfo12, #moreInfo13, #moreInfo14, #moreInfo15 {
	position:absolute;
	z-index:3;
	display:none;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	overflow:hidden;
}
.messageBox {
	margin: 0px;
	padding: 2px;
	border: 7px solid #FF6600;
	width: 100%;
	background: url(/images/watermark.gif) bottom right no-repeat;
}	
.messageBox td {
	padding: 5px;
	text-align: left;
	cursor: pointer;
}