/* CSS Document */

/******** GLOBAL PAGE CONTROLS ********/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, em, font, img, q, s, samp, small, strike, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td {
background: transparent none repeat scroll 0 0;
border: 0 none;
margin: 0;
padding: 0;
vertical-align: baseline;
}

/******** SITE-WIDE STYLES ********/
body {
	background: url(../images/bkgd_gradient.gif) repeat-x #1b1b1b;
	text-align: center;
	font: 62.5% Helvetica, Arial, sans-serif;
	color: white;
}

ul, ol {
	list-style: none inside;
}

a {
	outline: none;
	color: white;
	text-decoration: underline;
}
	
a img {
	border: none;
}

p {
	margin: 0;
	padding-bottom: 15px;
}

hr {
	border: solid #ccc;
	border-width: 1px 0 0;
	background-color: #ccc;
	margin: 1.5em 0;
}

.clear {
	clear: both;
	height: 0;
}
/* Hide \*/
* html .clear { height: 1%; font-size: 1px; }
.clear { display: block; }
/* End Hide */

/******** START LAYOUT ********/

#wrapper {
	background-color: #4d5bc4;
	width: 1024px;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 150%;
}


h1 {
	background: url(../images/ultracil_large.png) no-repeat;
	width: 460px;
	height: 103px;
	margin: 0;
	position: absolute;
	top: 16px;
	left: 96px;
	text-indent: -9999px;
}

h2.about_us {
	background: url(../images/about_us_title.gif) no-repeat;
	text-indent: -9999px;
}

/******** NAVIGATION SECTION ********/

ul#nav li {
	background: url(../images/nav_off.png) repeat-x;
	margin: 0;
	width: 169px;
	height: 43px;
	display: inline;
	font: normal 1.1em Helvetica, arial, sans-serif;
	color: white;
	line-height: 2.6em;
	text-align: center;
	float: left;
}

ul#nav li a {
	background: url(../images/nav_off.png) repeat-x;
	margin: 0;
	width: 169px;
	height: 43px;
	display: inline;
	font: normal 1.1em Helvetica, arial, sans-serif;
	color: white;
	text-decoration: none;
	line-height: 2.6em;
	text-align: center;
	float: left;
}


ul#nav li a.on {
	background: url(../images/nav_over.png) repeat-x;
	margin: 0;
	width: 169px;
	height: 43px;
	display: inline;
	font: normal 1.1em Helvetica, arial, sans-serif;
	color: white;
	text-decoration: none;
	line-height: 2.6em;
	text-align: center;
	float: left;
}

ul#nav li a:hover {
	background: url(../images/nav_over.png) repeat-x;
}

ul#nav li.left {
	border-right: 1px solid #2a4dab;
}

ul#nav li.middle {
	border-left: 1px solid #6a76d4;
	border-right: 1px solid #2a4dab;
}

ul#nav li.right {
	border-left: 1px solid #6a76d4;
}

/******** HEADER SECTION ********/

#banner_home {
	background: url(../images/main_banner.jpg) no-repeat;
	height: 413px;
	clear: both;
	position: relative;	
}

#order_now {
	position: absolute;
	left: 170px;
	top: 230px;
	width: 400px;
	color: #4d5bc4;
	text-align: left;
	font: 1.5em Helvetica, arial, sans-serif;
	letter-spacing: -1px;
	line-height: 1.4em;
}

#order_now p {
	margin-bottom: 25px;
}

#order_now a {
	color: #3c34b2;
	text-decoration: underline;
}

#btn_orderNow {
	display: block;
	height: 40px;
	margin-left: 55px;
	width: 189px;
}
#order_now a:hover {
	text-decoration: none;
}

#order_now img{
	vertical-align: middle;
	border: 0;
}

#order_now strong {
	color: #fff;
	font-size: 1.4em;
	line-height: 0;
}

/******** MAIN SECTION ********/

#main_container {
}

#left_column_home {
	background: #4d5bc4 url(../images/amazing_results.jpg) 0 0 no-repeat;
	display: inline;
	float: left;
	margin: 0;
	padding: 230px 20px 0 61px;
	text-align: justify;
	width: 329px;
}

/*#left_column_home p {
	padding: 10px 0px 0px 15px;
}*/

#left_column_home a {
	color: #bcd6ff;
	text-decoration: underline;
}

.left_column_home {
	display: inline;
	float: left;
}
#before {
	margin: 10px 32px 0 15px;
}
#after {
	margin: 10px 0 0;
}

.home_list {
	color: #bcd6ff;
	font: 1em Helvetica, arial, sans-serif;
	list-style: none;
	margin: 0 0 14px 22px;
	padding: 42px 0 0;
	position: relative;
	text-indent: 0.6em;
}


.home_list li {
	background: url(../images/bullet.gif) 0 1px no-repeat;
	margin: 0;
	padding: 0 0 8px 20px;
	text-align: left;
}
* html .home_list li { background-position: 0 6px; padding-left: 10px;}
* + html .home_list li { background-position: 0 6px; padding-left: 10px;}

.home_list li a {
	text-decoration: underline;
}

#right_column_home {
	background-color: #4d5bc4;
	display: inline;
	float: right;
	margin: 0;
	padding: 20px 51px 0;
	text-align: justify;
	width: 512px;
}

h3 {
	font: 2.2em normal Helvetica, arial, sans-serif;
	color: #4d5bc4;
	line-height: 120%;
	padding-bottom: 15px;
}

h3 em {
	color: #fff;
	font-style: normal;
}

.reverse {
	color: #fff;
}

h4 {
	font: 1.4em 100 Helvetica, arial, sans-serif;
	color: #4d5bc4;
	line-height: 120%;
}

.highlight {
	color: #bbd6fd;
}

#now_only {
	display: none;
	margin-left: 10px;
}

.phone_number_home {
	height: 139px;
	padding-bottom: 30px;
	text-align: left;
	width: 500px;
	display: inline;
}

.badge {
	width: 138px;
	height: 139px;
	float: right;
	margin-top: -15px;
	padding-bottom: 15px;
}


/******** FOOTER OFFER ********/

#footer_offer_wrapper {
	background: url(../images/footer_offer_gradient.png) repeat-y #c9e0fe;
	height: 240px;
	border-top: 1px solid #4d5bc4;
	border-bottom: 1px solid #4d5bc4;
	text-align: center;
}

#footer_offer {
	width: 780px;
	margin: 0 auto;
	text-align: center;
}

.offer {
	width: 45%;
	font-size: 1.8em;
	color: #3c34b2;
	float: left;
	margin-top: 19px;
	margin-right: 5%;
	display: inline;
}

.offer_right {
	font-size: 1.8em;
	color: #3c34b2;
	float: right;
	margin-top: 19px;
	width: 360px;
	display: inline;
}

.offer_1bottle {
	float: left;
	margin: 0 20px 0 70px;
	display: inline;
}

.offer_2bottles {
	float: left;
	margin: 0 20px 0 0;
	display: inline;
}

.offer_text {
	width: 170px;
	float: left;
	padding-top: 10px;
	text-align: left;
	display: inline;
}

/******** FOOTER SECTION ********/


#footer_wrapper {
	background-color: #6572d4;
	height: 80px;
	padding: 20px 50px 40px 50px;
	font: .8em white Helvetica, Arial, sans-serif;
	text-align: left;
	text-transform: uppercase;
}

#copyright {
	float:left;
}

#footer_nav {
	float: right;
}

p#footer_nav {
	display: inline;
	line-height: 1.6em;
}

p#footer_nav a {
	border-right: 1px solid white;
	margin-left: 7px; padding-right: 8px;
	text-decoration: none;
}

p#footer_nav a:hover {
	text-decoration: underline;
}

.last {
	border: 0 none !important;
	margin: 0;
}

#disclaimer {
	clear: both;
	margin: 0;
	padding-top: 10px;
	text-transform: none;
}


/* SECONDARY PAGE STYLES *************************/


#banner_secondary {
	background: url(../images/banner_gradient.png) repeat-y;
	position: relative;
	width: 1024;
	height: 128px;
	border-top: 1px solid #342080;
	border-bottom: 1px solid #2a4dab;
	clear: both;
}

#banner_secondary img {
	position: absolute;
	right: 0px;
	top: 0px;
}

h1.secondary {
	background: url(../images/ultracil_medium.png) no-repeat;
	width: 360px;
	height: 83px;
	margin: 0;
	position: absolute;
	top: 16px;
	left: 65px;
	text-indent: -9999px;
}

#main_container_secondary {
	/*position: relative;*/
	padding: 0 65px 0 65px;
	width: 894px;
}

#left_column_secondary {
	display: inline;
	float: left;
	padding: 50px 0 0;
	text-align: justify;
	width: 447px;
}

#left_column_secondary p {
	padding-right: 15px;
}

#left_column_secondary a {
	color: #bcd6ff;
	text-decoration: underline;
}

#left_column_secondary img {
	padding-bottom: 1em;
}

#right_column_secondary {
	display: inline;
	float: left;
	padding: 50px 0 0 17px;
	text-align: justify;
	width: 430px;
}

#right_column_secondary p {
	padding-right: 25px;
}

* html #right_column_secondary p {
	padding-right: 0;
}

#irritation {
	width: 75%;
	border: #999999 1px solid;
	margin: 30px 2% 2%;
	padding: 1em;
	text-align: left;
}

.irritation_sub {
	color: #666666;
	font: bold normal 1.2em normal Helvetica, Arial, sans-serif;
	text-align: left;
	padding-bottom: 0.6em;
	text-transform: uppercase;
}

#contactinfo {
	margin-top: 30px;
}
#contactinfo dt {
	/*background: url(../images/arrows.png) 0 3px no-repeat;*/
	color: #545454;
	display: inline;
	float: left;
	font: 1em/1em Helvetica, Arial;
	margin: 20px 0 5px;
	padding-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: left;
	vertical-align: middle;
	width: 220px;
}
	
#contactinfo dd {
	color: #333;
	float: left;
	font: 1em/1em Helvetica, Arial;
	margin: 0 0 5px;
	padding-left: 10px;
	width: 220px;
}

#contactinfo a {
	color: #3c34b2;
	text-decoration: underline;
}

body div.seals {
	float: left;
	padding-right: 2em;
}

body div.seals_home {
	display: inline;
	float: left;
	padding: .5em 1em 2em 4.5em;
}

body div.seals_how {
	display: inline;
	float: left;
	padding: .5em 1em 2em 10em;
}

body div.seals_how_60 {
	float: left;
	padding: 0 2em 0 6em;
}

/* RIGHT COLUMN - SIDEBAR STYLES FOR SECONDARY PAGES ************************/

.step {
	background: url(../images/step_background.png) repeat-y top left;
	width: 100%;
	height: 105px;
	margin-bottom: 1em;
}

* html #step {
	width: 95%;
	margin-left: -15px;
}
	
.step span {
	float: left;
	font: bold 40px/109px Helvetica;
	text-align: center;
	vertical-align: middle;
	width: 33px;
	margin: 0 10px;
}

.step img {
	float: left;
	padding: 18px 18px 11px 0px;
}

.step p {
	padding-top: 1.3em;
}

#ingredients {
	/*margin-top: -15px;*/
	margin: 25px 0 20px 2px;
	font-size: .8em;
	text-align: left;
}

#ingredients_left {
	width: 224px;
	margin-right: 12px;
	float: left;
}

#ingredients_right {
	width: 210px;
	float: right;
}

#ingredients span {
	text-decoration: underline;
}

#ingredients p {
	padding: 0;
}

#title_banner {
	background-color: #6572d4;
	position: relative;
	height: 100px;
	border-top: 12px solid #4d5bc4;
}

	h2.about_us {
		background: url(../images/about_us_title.gif) no-repeat;
		width: 227px;
		height: 46px;
		text-indent: -9999px;
		position: absolute;
		left: 65px;
		top: 24px;
	}

	h2.how_it_works {
		background: url(../images/how_it_works_title.gif) no-repeat;
		width: 318px;
		height: 46px;
		text-indent: -9999px;
		position: absolute;
		left: 65px;
		top: 24px;
	}

	h2.lash_info {
		background: url(../images/lash_info_title.gif) no-repeat;
		width: 382px;
		height: 47px;
		text-indent: -9999px;
		position: absolute;
		left: 65px;
		top: 24px;
	}

  h2.faq {
    position: absolute;
    left: 63px;
    top: 40px;
    font-size: 4em;
    font-weight: lighter;
  }

	h2.order_now {
		background: url(../images/order_now_title.gif) no-repeat;
		width: 265px;
		height: 47px;
		text-indent: -9999px;
		position: absolute;
		left: 65px;
		top: 24px;
	}

	/*#title_banner img {
		position: absolute;
		left: 65px;
		top: 24px;
	}

	#title_banner img.order {
		position: absolute;
		left: 715px;
		top: 30px;
	}*/
	#title_banner a.order img {
		position: static;
		left: 0;
		top: 0;
	}
	#title_banner a.order {
		display: inline;
		float: right;
		margin: 30px 93px 0 0;
	}

#main_container_title {
	background-color: #ffffff;
	padding: 30px 65px 0 65px;
	text-align: justify;
}

* html #main_container_title {
	height: 1%;
}

#main_container_title p {
	color: #7d7d7d;
}

#left_column_title {
	display: inline;
	float: left;
	width: 581px;
}

#right_column_title {
	display: inline;
	float: left;
	padding-left: 71px;
	width: 242px;
}

#right_column_title_image {
	margin: 30px 0 0 60px;
}

hr.sidebar_hr {
	margin-right: 20px;
}

#testimonial {
	display: block;
	background: url(../images/sidebar_box.png) no-repeat;
	width: 221px;
	height: 131px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
}

.testimonial_text {
	font: 1em italic Helvetica, Arial, sans-serif;
	color: #999999;
	line-height: 120%;
	margin: 0;
	padding: 10px 18px;
}

#testimonial strong {
	font: 1.4em Helvetica, Arial, sans-serif;
	color: #3c34b2;
	margin-top: 0.5em;
}

#testimonial img {
	margin-top: 5px;
}

#join_club {
	background: url(../images/couponClub_box2.png) 0 0 no-repeat;
	height: 164px;
	margin-bottom: 20px;
	text-align: center;
	vertical-align: top;
	width: 221px;
}
#join_club.home_box {
	background: url(../images/couponClub_box.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 133px	;
	margin: 15px 0 20px;
	padding: 0 15px;
	width: 350px;
}

.join_club_text {
	font: 1em italic Helvetica, Arial, sans-serif;
	color: #999999;
	line-height: 120%;
	margin: 0 auto;
	padding: 1em 1em 0.5em;
}

#join_club strong {
	font: 1.3em Helvetica, Arial, sans-serif;
	color: #3c34b2;
}

#join_club_home {
	background: url(../images/bg_join_us_home.png) no-repeat;
	width: 432px;
	height: 75px;
	margin: 1em auto 2em;
	text-align: center;
	vertical-align: top;
}

#join_club_home strong {
	font: 1.3em Helvetica, Arial, sans-serif;
	color: #3c34b2;
}

#join_club_left {
  float: left;
}

#join_club_right {
  float: left;
  padding: 1em 0 0;
}

.join_club_text_home {
	font: 1em italic Helvetica, Arial, sans-serif;
	color: #999999;
	line-height: 120%;
	margin: 0;
	padding: .5em 1.6em 0.5em 1.2em;
}

#join_club .texty {
	color: #7d7d7d;
	font: .9em/1.3em Helvetica, Arial;
	padding: 0 14px;
	text-align: center;
}
#join_club.home_box .texty {
	font: 1em/1.5em Helvetica, Arial;
	padding: 0;
	text-align: left;
}
#join_club form {
}
#join_club.home_box form {
	display: inline;
	float: right;
	margin: 0 0 0 7px;
	width: 190px;
}
#join_club .form_text {
	text-align: center;
}
.form_text {
	margin: 0.6em 0;
}

#seals {
	display: inline;
	float: right;
	margin: 30px 9	0px 0 0;
}
	#AuthorizeNetSeal {
		display: inline;
		float: left;
		margin: 0 0 0 250px;
	}
		#AuthorizeNetText {
			display: block;
		}
	#moneyBackGuarantee {
		display: inline;
		float: right;
		margin: 34px 10px 0 0;
	}

#productShot { padding: 65px 0 0 4em; width: 304px; height: 304px; }


#ingredients h4 { color: #4D5BC4; font: 2.5em/1.1em Helvetica, Arial; letter-spacing: -0.5px; margin-bottom: 5px; }
dl          { margin: 0 0 15px 2px; padding: 0; }
dt          { color: #707070; font: bold 1.2em/1.3em Helvetica, Arial; margin-bottom: 2px; text-decoration: underline; }
dd          { color: #707070; font: 1.2em/1.4em Helvetica, Arial; margin: 0; }

.cB:after { clear: both; content: 'You fucking suck'; display: block; height: 0; visibility: hidden; }
.cB { display: inline-block; }
/* Hide from IE/mac \*/
* html .cB { height: 1%; }
.cB { display: block; }
/* end hide */