@import url(reset.css); 

/* HTML */

body {
	background: #f7f6f3;
	text-align: center;
	font: 14px Verdana;
}

ol li {
	list-style: decimal;
}

th {
	background: #1d476e;
	color: white;
}
/* Layout */
.containerWrap {
	text-align: left;
}

.container {
	text-align: left;
	width: 950px;
	margin: 0 auto;
}

.containerWrap.header {
	background: url(../images/common/bg.gif) top left repeat-x;
	padding: 14px 0 0;
}

.header .container {
	background: url(../images/common/header-bg.gif) top left no-repeat;
}


.container#footer {
	background: #c6c5c2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 1em;
}

.container#footer small {
	font-size: 10px;
}

.container#footer a {
	color: black;
	font: bold 12px Arial;
}

.container#footer .social-links {
	float: right;
	margin: -1em 0 0;
}

.container#footer p {
	float: left;
}





/* Pages */

/* Home */
#bbw a {
	display: block;
	background: url(../images/common/bbw-cta.gif) top left no-repeat;
	height: 20px;
	width: 215px;
	color: #21a6e7;
	font: 10px Verdana;
	text-transform: uppercase;
	text-decoration: none;
	margin: -1px 0 0 700px;
	padding: 0 0 0 55px;
}

#logo {
	margin: 0 0 20px;
}

#page-home .opener .intro {
	float: left;
	width: 350px;
	margin: 20px 0 0;
}

#page-home h1 {
	font: bold 32px Verdana;
	color: white;
	line-height: 1em;
	margin: 0 0 16px;
}

#page-home .opener p {
	font: bold 20px Verdana;
	color: white;
	margin: 0 0 15px;
}

#page-home .opener ul {
	color: white;
	margin: 0 0 30px 25px;
}

#page-home .opener li {
	background: url(../images/homepage/checks.gif) top left no-repeat;
	padding: 0 0 0 27px;	
}

#page-home a.get-started {
	background: url(../images/homepage/get-started.gif) top left no-repeat;
	display: block;
	width: 348px;
	height: 58px;
	text-indent: -9999px;
}

#page-home a.get-started:hover {
	background-position: 0 -58px;
}

#page-home #lpButDivID-1274720729080 {
	text-align: center;
	float: right;
	margin: 0em 9em 0 0;
	padding: .45em 0 0;
}

#page-home #lpButDivID-1274720729080 span {
	font-size: 25px;
	line-height: 1em;
	color: white;
	font-weight: bold;
	padding: 0 1em 0 0;
}

#page-home #lpButDivID-1274720729080.index2 {
	margin: 0;
}

#page-home #lpButDivID-1274720729080.index2 span {
	color: yellow;
	font-size: 23px !important;
}

#page-home #lpButDivID-1274720729080 small {
	display: block;
	font-size: .6em;
	margin: 0 0 .2em;
}

#page-home #lpButDivID-1274720729080.index2 small {
	font-size: .75em;
}

.social-media-block #lpButDivID-1274720729080 {
	float: none !important;
	width: 100% !important;
	padding: 0 !important;
}

#page-home .website {
	float: right;
	width: 592px;
	height: 372px;
}

.containerWrap#main-content {
}

#page-home .side-column {
	float: left;
	width: 364px;
}

#page-home .side-column .production-calendar .date {
	background: url(../images/common/calendar-page.gif) top left no-repeat;
	width: 89px;
	height: 96px;
	text-align: center;
	padding: 27px 0 0 0px;
	float: left;
}

#page-home .side-column .production-calendar .date span {
	font: bold 45px Helvetica, Arial;
	color: black;
	opacity: .6;
	letter-spacing: -.12em;
}

#page-home .side-column .production-calendar p {
	font-size: 15px;
	margin-left: 108px;
}

#page-home .side-column .production-calendar a {
	display: block;
	width: 188px;
	height: 48px;
	background: url(../images/common/get-started-small.gif) top left no-repeat;
	text-indent: -9999px;
	margin: 5px 0 0 108px;
}


#page-home .side-column .production-calendar a:hover {
	background-position: 0 -48px;
}

#page-home .side-column .website-thumbnails {
	margin: 24px 0 0;
}

#page-home .side-column .website-thumbnails img {
	margin: 0 0 26px;
}

#page-home .side-column .container {
	padding: 0 14px;
	width: 335px;
	margin: 0;
}

#page-home .side-column h2 {
	margin: 1.5em 0 .5em;
	font: normal 16px Verdana;
}

#page-home ol li {
	font-size: 13px;
}

#page-home .main-column {
	padding: 22px;
	float: left;
	width: 530px;
}

#page-home .main-column p.intro {
	font: 19px Verdana;
	margin: 0 0 16px;
}

#page-home .do-it-yourself {
	margin: 0 0 36px;
}

#page-home .do-it-yourself img {
	float: left;
}

#page-home .do-it-yourself strong {
	display: block;
	font: 19px Verdana;
	margin: 0 0 .5em;
}

#page-home .do-it-yourself p {
	font: 17px Verdana;
}

#page-home .testimonials small {
	display: block;
	text-align: center;
}

#page-home .testimonials small,
#page-home .testimonials small a {
	font-size: 13px;
	color: #ccc;
}

#page-home .testimonials p {
	font-size: 17px;
 	margin: 14px 0;
}

#page-home .social-media-block {
	background: #e4e1d8;
	padding: 12px 24px;
	border-top: 1px solid #acacaa;
	border-bottom: 1px solid #acacaa;
	margin: 0 0 24px;
}

#page-home .social-media-block .social-media {
	float: left;
	width: 255px;
	margin: 0 24px 0 0;
}

#page-home .social-media-block .content-management {
	float: left;
	width: 200px;
}

#page-home .social-media-block a.get-started {
	display: block;
	background: url(../images/homepage/get-started-biege.gif) top left no-repeat;
	margin: 1em auto;
}

#page-home .social-media-block a.get-started:hover {
	background-position: 0 -58px;
}

#page-home .garuntee img {
	float: left;
}

#page-home .garuntee strong {
	font: 19px Verdana;
}

#page-home blockquote {
	font: 19px Verdana;
	color: #0f9b00;
	margin: 22px 0 5px;
}

#page-home cite {
	color: #0f9b00;
	font: normal 12px Verdana;
	float: right;
	width: 225px;
	display: block;
	text-align: right;
}


/* Index2 */

#home-header2 .container {
	position: relative;
	height: 446px;
}

#home-header2 h1 {
	margin: .5em 0;
	font-size: 3.4em;
	*white-space: nowrap;
	*margin: -.5em 0 .5em;
}

#home-header2 p {
	font-size: 1.75em !important;
}

#home-header2 ul {
	text-align: left;
	margin: 0 0 0 12em !important;
}

#home-header2 li {
	font-size: 1.35em;
	margin: 0 0 .2em;
}

#home-header2 a.get-started {
	margin: 1em auto .5em;
}

#home-header2 #lpButDivID-1274720729080 span, 
#lpButDivID-1274717684 span {
	font-size: .95em !important;
}

#lpButDivID-1274717684 {
	padding: 0 0 1em;
}

/* Register */
#page-register .header .quote {
	width: 620px;
	height: 115px;
}

#page-register blockquote {
	font: bold 28px Verdana;
	color: white;
}

#page-register cite {
	font: 17px Verdana;
	color: white;
	text-align: right;
	display: block;
	margin: .5em 0;
}

#page-designers .form h1,
#page-register h1 {
	background: url(../images/register/h1-bg.png) top left no-repeat;
	padding: 7px 0 8px 33px;
	font-size: 19px;
	color: black;
}

#page-designers .form,
#page-register .form {
	width: 755px;
}

#page-designers .designers .form-container,
#page-register .form-container {
	background: url(../images/register/form-container-bg.png) top left repeat-y !important;
	position: relative;
}

#page-register #lpButDivID-1274719479564 {
	position: absolute;
	top: 18px;
	right: 225px;'
	z-index: 9999;
}

#page-register form.form {
	padding: 24px 0 0 24px;
}

#page-register .green-arrow {
	background: url(../images/register/green-arrow.gif) top left no-repeat;
	width: 23px;
	height: 32px;
	padding: 0 0 0 7px;
	color: white;
	font: bold 19px Verdana;
	display: block;
	float: left;
	margin: 0 14px 0 0;
}

#page-register h2 {
	color: #409235;
	font: normal 17px Verdana;
	margin: 0 0 1em;
}

#page-register .form .form-spacer {
	height: 40px;
}

html fieldset {
	position:relative;
	margin-top:1em;
	padding-top:2em;
	padding-bottom:2em;
}

html legend {
	position:absolute;
	top:-1em;
	left:.5em;
}

legend {
	color:#FFF;
	background:#333;
	padding:.4em 1em;
}

label {
	width: 14em;
	font: normal 13px Verdana;
	margin: 0 .2em 0 3em;
	padding: .5em 0 0;
	float:left;
	text-align: left;
	display:block;
	color: #666;
}

.form_row {
	white-space:nowrap;
	padding-bottom: .2em;
	font-size: 1.3em;
	position: relative;
}

.form_copy {
	padding-top: 10px;
	padding-left: 20px;
	width: 700px;
}

.form_row .helper {
	position: absolute;
	top: 0;
	left: 485px;
	font-size: 11px;
	padding: .5em;
	background: #cfc;
	border: 1px solid #8a8;
	color: #050;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: none;
}

.submit {
	margin-left:15em;
}

.errors {
	width: 600px;
	color: #f00;
	padding-bottom: 10px;
	font-size: 1.3em;
}

.copyright {
	font-size: .9em;
	color: #999;
	text-decoration: none;
}


.textfield {
	border:1px solid #D1D1D1;
	width:335px;
	background:#fff;
	height:28px;
	margin:3px 0;
	padding:0;
}

.textfield1 {
	background:#DFE0E0;
	border:1px solid #C5C6C7;
	width:130px;
	height:20px;
	margin:0;
}

.noborder {
  border: 0px;
}

input {
  border: 1px solid #b1b1b1;
  font-size: 1em;
}

form small,
.form small {
	display: block;
	font-size: 10px;
	width: 14em;
	font-family: Arial;
	line-height: 1em;
}

#page-register .form small,
#page-register .form small a {
	color: #999;
}

#page-register .form-section-2 .form_row {
	margin: 0 0 1em;
}

#page-register .form-section-2 label {
	padding: 0;
	color: black;
}

#page-register fieldset.sites .form_row {
	margin: 0 0 .1em;
}

#page-register td {
	font-size: 12px;
}

#page-register td img {
	display: block;
}

#page-register .nav-inputs {
	margin: 0 3em 2em 0;
	width: 400px;
}

#page-register .nav-inputs .left {
	float: left;
	width: 180px; 
}

#page-register .nav-inputs input {
	margin: 0 0 .5em;
	color: #999;
}

#page-register .complete-my-order .entrust {
	float: left;
	width: 210px;
}

#page-register .complete-my-order .entrust .badge {
	margin: 10px 0;
	text-align: center;
}

#page-register .complete-my-order .entrust strong {
	padding: 0 0 0 40px;
	display: block;
	font: 13px Verdana;
}

#page-register .complete-my-order .entrust p {
	font: 11px Verdana;
	color: #999;
	padding: 0 0 0 40px;
}

#page-register .complete-my-order .cost {
	width: 450px;
	margin: 10px 0 0 223px;
	padding: 12px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#page-register .complete-my-order .cost td {
	font: 17px Verdana;
	color: #438d48;
	text-align: right;
}

#page-register .complete-my-order .cost td small {
	width: 18em;
}

#page-register .complete-my-order p.agreement {
	margin: 0 0 0 220px;
	padding: 12px 0;
	border-bottom: 1px solid #ccc;
	width: 455px;
	font-size: 13px;
}

#page-register .complete-my-order p.agreement a {
	color: black;
}

#page-register #submit {
	background: url(../images/register/complete-my-order.gif) top left no-repeat;
	width: 305px;
	height: 48px;
	border: 0;
	text-indent: -9999px;
	cursor: pointer;
	margin: 0 0 1em;
}

#page-register #submit:hover {
	background-position: 0 -48px;
}

#page-register .form_row.submit {
	text-align: center;
	margin: 0 0 0 220px;
	width: 455px;
	padding: 1em 0;
}

#page-designers .form-container .footer, 
#page-register .form-container .footer {
	background: url(../images/register/form-footer.gif) top left no-repeat;
	width: 755px;
	height: 20px;
	margin: 0 0 20px;
}

#page-register .popup .content {
	height: 300px;
	overflow: auto;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.popup .content p {
	margin: 0 0 1em;
}
/* Thank you */
#page-designers .confirmation,
#page-register .confirmation {
	font: bold 28px Verdana;
	color: white;
	text-align: center;
	width: 750px;
	margin: 0 0 1em;
}

#page-register .thank-you h1 {
	font-size: 17px;
}

#page-designers .designers .content, 
#page-register .thank-you .content {
	padding: 1em 0 0 2em;
	width: 700px;
}

#page-register .thank-you .contact-information {
	float: left;
	width: 400px;
}
#page-register .thank-you .contact-information address {
	font-size: 13px;
	font-style: normal;
}

#page-register .thank-you .order-number {
	float: left;
	width: 275px;
	text-align: right;
}

#page-register .thank-you .order-number h2 {
	color: red;
}

#page-register .thank-you small {
	font-size: 11px;
	color: #999;
}

#page-register h2.item-2 {
	margin: 2em 0 1em;
}

#page-register table.item-2 {
	width: 695px;
}

#page-register table.item-2 td {
	color: #333;
	padding: 0 0 1em;
}

#page-register td.l {
	vertical-align: top;
	font: 12px Verdana;
	color: black !important;
	width: 230px;
}

#page-register table.item-2 table td {
	padding: 0;
	width: 100px;
}

#page-register td.what-happens-next {
	vertical-align: top;
}


#page-register td.what-happens-next strong {
	font: bold 15px Verdana;
	display: block;
	margin: 1em 0 0;
}

/* Designer */
#page-designers {
	margin: -1px 0 0;
}

#page-designers .containerWrap#main-content {
	padding: 14px 0 0;
	background: url(../images/common/bg.gif) top left repeat-x;
}

#page-designers .containerWrap.designers#main-content {
	background: none;
	padding: 0;
}

#page-designers #main-content .container {
	background: url(../images/common/header-bg.gif) top left no-repeat;
}

#page-designers h1 {
	font: bold 32px Verdana;
	color: white;
	line-height: 1em;
}

#page-designers strong.tag {
	color: white;
	font: bold 19px Verdana;
	margin: 30px 0;
	display: block;
}
#page-designers #info {
	padding: 0 1em 0 0;
	width: 28em !important;
}

#page-designers #info .overview {
	margin: 3em 0 0;
}

#page-designers #info .opener {
	font-size: 17px;
}

#page-designers #info .overview strong {
	font: bold 19px Verdana;
	color: black;
	display: block;
	margin: 1em 0;
}

#page-designers #info .intro {
	color: white;
	font-size: 17px;
}

#page-designers #info .once-approved {
	margin: 2em 0 0;
}

#page-designers #info .once-approved h2 {
	font: 19px Verdana;
}

#page-designers #info .once-approved ol {
	margin: 1em 0 0 1.5em;
}

#page-designers #info .once-approved ol li {
	font-size: 15px;
}

#page-designers .column {
	float: left;
	margin-top: 20px;
	position: relative;
}

#page-designers .column#info {
	width: 395px;
}

#page-designers .column#form .get-approved {
	padding-left: 85px;
}
#page-designers .column#form h2 {
	background: url(../images/designer/top-form.png) top left no-repeat;
	color: black;
	font: 19px Verdana;
	padding: 1em 0 0 2em;
}

#page-designers .column#form form {
	background: url(../images/designer/middle-form.png) top left repeat-y;
	width: 525px;
	padding: 0 0 2em;
}

#page-designers .column#form .intro {
	padding: 0 3em;
}

#page-designers .column#form label {
	color: black;
}

#page-designers .column#form .intro img {
	position: absolute;
	top: 65px;
	right: 80px;
}

#page-designers .column#form .intro ol {
	padding: .75em 0 0 1.5em;
}

#page-designers .column#form .intro ol li {
	margin: 0 0 1em;
}

#page-designers .column#form .intro p {
	font-size: 11px;
	margin: 0 0 2em;
}

#page-designers .column#form a {
	font-size: 11px;
}


#page-designers .column .footer {
	background: url(../images/designer/bottom-form.png) top left no-repeat;
	height: 17px;
}

#page-designers .closure {
	padding: 0 3.5em;
	font-size: 11px;
	margin: 2em 0;
}

#page-designers .closure a {
	color: black;
}

#page-designers #footer {
	margin: 1em auto 0;
}

#page-designers #submit {
	background: url(/images/designer/request-approval.gif) top left no-repeat;
	width: 305px;
	height: 48px;
	cursor: pointer;
	text-indent: -9999px;
	display: block;
	margin: 0 0 0 6.25em;
	border: 0;
}

#page-designers #submit:hover {
	background-position: 0 -48px;
}

#page-designers #form .note {
	width: 525px;
	font-size: 12px;
	margin: 1em 0 1em;
	padding: 0 0 0 1em;
}



/* Terms of Service */

#page-drill h1 {
	background: url(../images/register/h1-bg.png) top left no-repeat;
	color: black;
	font: 19px Verdana;
	padding: .5em 0 0 2em;
}

#page-drill .containerWrap#main-content .container {
	background: url(../images/register/form-container-bg.png) top left repeat-y;
}

#page-drill .containerWrap#main-content .container .content {
	padding: 0 0 0 3em;
	width: 685px;
}

#page-drill .containerWrap#main-content .container .content p {
	font: 13px Arial;
	padding: 1em 0 .5em;
}

#page-drill .containerWrap#main-content .container .footer {
	background: url(../images/register/form-footer.gif) top left no-repeat;
	height: 17px;	
	margin: 0 0 2em;
}


/* Refund */
.content#refund ul {
	margin: .5em 0;
}

.content#refund li {
	font-size: 12px !important;
	margin: 0;
	list-style: disc;
	margin: 0 0 0 1em;
}


/* Privacy Policy */
.content#pp h2 {
	padding: 1em 0;
}

.content#pp p {
	padding: 0 0 1em !important;
}

.popup .content li,
.content#pp li {
	list-style: disc;
	margin: 0 0 1em 1em;
	font: 13px Arial;
}

.content#pp address {
	font: normal 12px Arial;
}



/* Affiliate */

table.payout {
	width: 600px;
	border: 1px solid black;
	margin: 0 0 1em;
}

table.payout td, table.payout th {
	text-align: center;
}

table.payout td.left {
	text-align: left;
	padding: 0 0 0 1em;
}

.schedule {
	margin: 1em 0 2em 5em;
}

.schedule ul {
	padding: 0;
	margin: 0;
}

.schedule h2 {
	padding: 0 0 .5em !important;
}
.schedule ul li {
	list-style: none !important;
	margin: 0 !important;
	line-height: 1.5em !important;
}

.container.faq dl {
	padding: 1em 0 0;
}

.container.faq dt {
	font-weight: bold;
}

.container.faq dd,
.container.faq h2 {
	margin: 0 0 1.5em;
}

.container.faq h2.hr {
	border-top: 1px solid #aaa;
	padding: 1.5em 0 0;
	margin: 1.5em 0;
	font-size: 2em;
}

.container.faq ul {
	margin: 1em 0 0 2em;
	padding: 0 2em 0 0;
}

/* Common */
.input_container {
	float: left;
}

textarea {
  border: 1px solid #b1b1b1;
  font-size: .7em;
	width: 250px;
	height: 85px;
}

select {
  border: 1px solid #d1d1d1;
	font-size: 14px;
}

option {
}


#notice {
	float:left;
	width:300px;
	height:30px;
	padding-top:10px;
}

#errors {
	text-align:center;
	background:#fffccc;
	width:80%;
	margin:0 auto;
	padding:5px;
}



.fieldWithErrors {
	background-color:red;
	display:table;
	margin:1px;
	padding:1px;
}

#errorExplination {
	border:1px solid red;
	margin-bottom:20px;
	background-color:#f0f0f0;
	padding:7px 7px 12px;
}

#errorExplination h2 {
	text-align:left;
	font-weight:700;
	font-size:12pt;
	background-color:#c00;
	color:#fff;
	margin:-7px;
	padding:5px 5px 5px 15px;
}

#errorExplination p {
	color:#333;
	margin-bottom:0;
	padding:5px;
}

#errorExplination ul li {
	font-size:11pt;
	list-style:square;
}


/* Helpers */
.clear {
	clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.errors {
	margin: 0 0 0 2em;
}
.error {
	font-size: 9px;
	color: #f00;
	padding-bottom: 1.02em;
}
.testmode {
	text-align:center;
	font-size: 1.3em;
	background: #f00;
}