@charset "utf-8";
/***** Main Styles *****/
html, body {
	height: 100%;	
	margin: 0;
}

body, textarea, select, input, .clearBox span, .retouchingOptions .radio.clearBox, .clearBox label {
	font-family: Georgia, "Times New Roman", Times, serif;	
	font-size: 12px;
	text-transform: none;
	word-spacing: 0;
}

.georgia {
	font-family: Georgia, "Times New Roman", Times, serif !important;	
	font-size: 12px !important;
	text-transform: none !important;
	word-spacing: 0 !important;
}

body {
	overflow-y: scroll;	
}

.container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;	
}

.homeBody .container {
	margin-bottom: -327px;	
}

.wrap {
	width: 960px;
	padding: 0 25px;
	margin: 0 auto;	
}

#blueOverlay {
	background: url(../img/blueOverlay.png) repeat-x;
	width: 100%;	
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -990;
}

header, footer, section {
	background: url(../img/texture.jpg);
	width: 100%;
}

h1, h2, h4, h5, nav a, .cta, .clearBox, .button, footer span, .step div, .bebas {
	margin: 0;
	padding: 0;
	font-family: BebasRegular, Impact, Charcoal, Georgia, sans-serif;	
	text-transform: uppercase;
	font-weight: normal;
	word-spacing: .17em;
}

h3, h4 {
	font-size: 20px;
	font-weight: normal;	
	line-height: 29px;
}

a {
	text-decoration: none;
	color: #000;	
}

a.subtext:hover {
	color: #000;	
}

p {
	margin-top: 15px;
	line-height: 22px;	
}

p a, a.subtext, label a {
	text-decoration: underline;
}

p a:hover {
	color: #fff;	
}

img, input {
	border: 0;	
}

br {
	height: 1px;	
}


@font-face {
    font-family: 'BebasRegular';
    src: url('../BEBAS___-webfont.eot');
    src: url('../BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../BEBAS___-webfont.woff') format('woff'),
         url('../BEBAS___-webfont.ttf') format('truetype'),
         url('../BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.clear {
	clear: both !important;
}

.left {
	float: left !important;	
}

.right {
	float: right !important;	
}

.first, .last {
	margin-left: 0 !important;
	margin-right: 0 !important;	
}

.cta, .clearBox {
	-moz-border-radius: 6px;
 	-webkit-border-radius: 6px;
  	border-radius: 6px;	
	cursor: pointer;
}

.cta, .button {
	background: url(../img/buttons.png) repeat-x;
	display: block;
	border: 1px solid #084f66;
	color: #fff;
	text-align: center;	
	text-shadow: #fff 2px 2px 1px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);		
}

.cta {
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .8);	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .8);	
	box-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

.cta:hover {
	background-position: 0 -58px;
}

.cta img {
	margin-left: 7px;	
}

.button {
	padding: 3px 10px;
	font-size: 14px;
	-moz-border-radius: 4px;
 	-webkit-border-radius: 4px;
  	border-radius: 4px;	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .8);	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .8);	
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

.clearBox {
	background: #7FB2C9;
	background: rgba(255,255,255,0.2);
	height: 31px;
	padding: 0 18px;
	float: left;
	border: 1px solid #3185a0;	
	line-height: 33px;
	font-size: 13px;
}

.clearBox:hover {
	background: rgba(255,255,255,0.5);
}

.noHover {
	background: rgba(255,255,255,0.2) !important;
	cursor: auto;
}

/***** Header *****/
header {
	height: 90px;
	border-bottom: 1px solid #fff;
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);	
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .25);	
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25);	
}

h1 {
	margin-top: 24px;
	float: left;
}

header > div > a {
	background: #fff;
	height: 20px;
	margin-left: 6px;
	padding: 4px 18px 0;
	float: right;
	font-size: 12px;
	-moz-border-radius: 0 0 10px 10px;
 	-webkit-border-radius: 0 0 10px 10px;
  	border-radius: 0 0 10px 10px;	
}

header > div > a:hover #cart, header >div > a.selected #cart {
	background-position: 0 -14px;
}

#cart {
	background: url(../img/icons.png) no-repeat 0 1px;
	width: 12px;
	height: 11px;
	display: inline;
	padding-left: 16px;
}

header nav {
	*width: 770px;
	margin-top: 42px;
	float: right;	
}

nav a {
	margin-left: 35px;
	font-size: 17px;
}

nav a.selected, nav a:hover, header a:hover, header a.selected {
	color: #347b92;	
}

/***** Home Page *****/
.homeBody {
	overflow-x: hidden;	
}

.homeBody #supersized, .homeBody #supersized img {
	position: absolute;	
}

h2, .home span {
	text-shadow: #fff 2px 2px 1px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .6);	
}

h2 {
	margin: 105px 0 -15px;
	font-size: 82px;		
}

.home span {
	font-size: 30px;
	font-style: italic;	
}

.home .cta {
	width: 263px;
	height: 50px;
	margin: 35px 0 10px;
	font-size: 27px;
	line-height: 53px;
}

.home .howItWorks {
	color: #fff;
	font-size: 12px;
	text-decoration: underline;	
}

.howItWorks:hover {
	color: #000;	
}

.seeBefore {
	margin-top: 60px;
}

section {
	width: 100%;
	margin-top: 35px;
	padding: 42px 0 35px;
	border-top: 1px solid #fff;	
	border-bottom: 1px solid #c8c8c8;
	-moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, .25);	
	-webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, .25);	
	box-shadow: 0 -2px 4px rgba(0, 0, 0, .25);	
}

section h3 {
	width: 257px;
	margin-top: 15px;
}

section div {
	margin-left: 59px;	
}

section p {
	width: 292px;
	margin-bottom: 15px;
}

/***** Content *****/
.content h2 {
	margin: 50px 0 55px;
	font-size: 60px !important;	
}

.content .clearBox {
	padding: 0px 15px;
	font-size: 15px;
}

.tab img {
	display: none;
}

.tab.selected {
	background: #fff;
	float: left;
	border: 1px solid #3088a4;	
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .18);	
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .18);	
	box-shadow: 0 1px 2px rgba(0, 0, 0, .18);	
}

.tab.selected img {
	display: block !important;
	*float: left;
	margin: -6px auto 0;
}

label {
	display: block;
	margin: 17px 0 3px;
}

.submit {
	margin-top: 25px;	
}

textarea {
	padding: 5px;	
}

.radio {
	height: auto;
	padding: 0 15px !important;
	margin-right: 12px;	
	cursor: pointer;
}

.radio input {
	margin: 7px 4px 0 -5px;
	float: left;
	cursor: pointer;
}

.radio label {
	float: left;
	line-height: 20px;
	margin-top: 4px;
	font-size: 12px;
	cursor: pointer;
}

.radio textarea {
	width: 317px !important;
	max-width: 317px;
	clear: both;
	margin-bottom: 15px;
	float: left;
}


/***** Before & After *****/
.beforeAfter .clearBox {
	margin-right: 17px;
}

.beforeAfter .photos {
	display: none;
	clear: both;
	float: left;
	margin-top: 28px;
}

.beforeAfter .fashion { 
	display: block;
}

.beforeAfter figure {
	margin-right: 15px;
	margin-bottom: 25px;
	float: left;
	position: relative;	
}

.beforeAfter .photos img, .becomeFlawless img {
	border: 4px solid #fff;	
	cursor: pointer;	
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);		
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);		
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);	
	-moz-border-radius: 3px;	
 	-webkit-border-radius: 3px;	
  	border-radius: 3px;	
}

.beforeAfter .photos .clearBox {
	height: 25px;
	padding: 0 10px;
	position: absolute;
	top: 390px;
	right: -5px;
	line-height: 27px;
	font-size: 12px;
}

.backToTop {
	position: fixed;
	display: block;
	bottom: 58px;
	right: 20px;
}

/***** How It Works *****/
.step {
	width: 430px;
	margin-bottom: 50px;
	clear: both;	
}

.step div {
	background: #fff;
	width: 40px;
	height: 40px;
	float: left;
	margin: -7px 10px 50px 0;
	font-size: 22px;
	font-weight: bold;
	line-height: 42px;
	color: #347b92;
	text-align: center;
	-moz-border-radius: 75px;	
 	-webkit-border-radius: 75px;	
  	border-radius: 75px;	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .5);	
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .5);	
	box-shadow: 0 0 5px rgba(0, 0, 0, .5);	
}

h4 a {
	text-decoration: underline;	
}

h4 a:hover {
	color: #fff;
}

.howItWorks p {
	margin-top: 0;	
}

/***** Photography *****/
.photography .left {
	width: 411px;	
	margin-bottom: 250px;
}

.photography h3 {
	margin-bottom: 10px;	
}

.photography form {
	margin: 27px 0 50px;
	padding-top: 25px;
	border-top: 1px solid #165d74;	
}

.photography input {
	display: block;
}

.photography #city, .photography #date, .photography #guests {
	width: 200px;
	height: 23px;	
	padding: 0 5px;
}

.photography #guests {
	width: 50px;		
}

.photography select {
	padding: 3px;	
}

.photography textarea {
	width: 200px;
	min-width: 200px;
	max-width: 411px;
	height: 50px;	
}

/***** Albums *****/
.albums .left {
	width: 960px;
	margin-bottom: 25px;	
}

.albums h3 {
	width: 515px;
	float: left;
}

.albums .left div {
	width: 400px;	
	margin-left: 41px;
}

.albums .left p:first-child {
	margin-top: 0;
}

.albums .right {
	margin-bottom: 30px;	
}

.albums .right a {
	width: 225px;
	height: 260px;
	margin-right: 20px; 
	float: left;
}	

.albums .right a:hover {
	color: #fff;	
}

.albums .right img, .albumProduct .right img {
	border: 4px solid #fff;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);		
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);	
	box-shadow: 2px 2px 3px rgba(0, 0, 0, .3);	
}

.albums .right h4 {
	margin: 7px 0 2px;
	font-size: 18px;
	line-height: 26px;	
}

.albumProduct .left {
	width: 360px;	
}

.albumProduct h4 {
	margin-bottom: 20px;
	font-size: 25px;	
}

.albumProduct ul {
	margin: 15px 0;
	line-height: 19px;	
}

.albumProduct strong {
	display: block;	
	margin-bottom: 3px;
}

.albumProduct form {
	padding-top: 6px;	
}

.albumProduct form > div {
	border-bottom: 1px solid #165d74;	
	*border-bottom: 0;	
	padding-bottom: 8px;
	margin-bottom: 28px;
}

.albumProduct form .clearBox {
	margin-bottom: 20px;	
}

.albumProduct .cta {
	width: 200px;
	float: left !important;	
	
}

.albumProduct .addToCart {
	width: 100px;
	margin: 29px 0 0 10px !important;
	float: left !important;
	clear: none !important;
	font-size: 13px !important;
}

.albumProduct .bebas {
	float: left;	
	font-size: 13px;
}

#price {
	height: 25px;
	padding: 0 10px;
	margin: -5px 0 0 5px;
	font-size: 13px;
	line-height: 27px;	
}

.albumProduct .button {
	clear: both;
	float: left;
	margin: 22px 0 200px;
	font-size: 17px;
}

.albumProduct .text {
	padding: 5px 9px;	
}

.albumProduct .clearBox textarea {
	*margin: auto 15px 15px auto !important;
}

.albumProduct li strong {
	margin: 15px 0 0;	
}

.albumProduct .clearBox select {
	width: 328px;	
	*margin-right: 15px;
}

.albumProduct .clearBox select.last, .albumProduct select.last {
	margin-bottom: 18px;
}

.albumProduct #silver {
	margin-left: 20px;	
}

.albumProduct .right {
	width: 521px;	
}

.albumProduct .right img {
	margin-bottom: 20px;
	border-width: 5px;
}	

/***** Contact *****/
.contact form {
	width: 958px;
	margin-bottom: 40px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #084f66;
	float: left;
}

.contact > p {
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #084f66;	
}

.contact form > .left {
	width: 480px;	
}

.contact .left input {
	height: 26px;
	width: 190px;
	padding: 0 4px;
}

.contact #first {
	width: 190px;
}

.contact #last {
	width: 205px;	
}

.contact .left .left {
	margin-right: 30px;	
}

.contact .long {
	width: 200px;
}

.contact .long input, .contact .long textarea {
	width: 392px;	
	max-width: 392px;
	min-width: 280px;
}

.contact #errorMsg {
	display: none;
	margin-top: 20px;	
}

.contact form > .right {
	padding-left: 60px;
	width: 402px;	
}

.contact textarea {
	height: 76px;
	padding: 5px 4px;	
}

.contact .right .cta {
	margin: 20px 0 10px;
	width: 70px !important;	
}

.contact > div {
	width: 280px;
	float: left;	
	margin: 0 58px 100px 0;
}

.contact > div p {
	margin: 5px 0 10px;	
}

.contact div > .cta {
	width: 80px;	
}

.social {
	background: url(../img/social.png) no-repeat;
	height: 32px;
	display:block;
	float: left;
	margin-right: 20px;
	padding-left: 40px;
	font-size: 14px;
	line-height: 32px;	
}

.social:hover {
	color: #fff;	
}

.twitter {
	background-position: 0 -34px;	
}

.email {
	background-position: 0 -68px;	
}

/***** Terms of Serivce *****/
.terms {
	width: 522px;	
}

.terms h3 {
	margin: 40px 0 -10px;	
}

.terms .last {
	margin-bottom: 100px;	
}

/***** Frequently Asked Questions *****/
.faq .left {
	width: 315px;
	padding-right: 40px;	
}

.faq h4 {
	margin: 27px 0 5px;	
}

.faq .left a {
	display: block;
	margin: 0 0 4px;
	line-height: 17px;	
}

.faq  a:hover {
	color: #fff;	
}

.faq .right {
	width: 490px;
	margin: 0 55px 85px 0;	
	padding: 0 0 15px 52px;
	border-left: 1px solid #084f66;
}

.faq .right h4 {
	margin: 50px 0 -21px;	
}

.faq .right h3 {
	margin: 25px 0 -11px;
	font-size: 17px;
	line-height: 25px;	
}

.faq .first {
	margin-top: 0 !important;	
}

/***** About *****/
.about {
	margin-bottom: 100px;	
}

.about p, .about h3 {
	width: 500px;	
}

.about h3 {
	margin-top: -20px;	
}

/***** Cart *****/
.cart {
	margin-bottom: 100px;	
}

.cart table {
	width: 100%;
	margin-bottom: 17px;
	border-collapse: collapse;	
}

.cart thead tr {
	border-top: 1px solid #165d74;
	border-bottom: 1px solid #165d74;	
	text-align: left;	
}

.cart th {
	padding: 4px 0 2px;
	font-weight: normal;
	font-size: 13px;	
}

col#picture {
	width: 96px;	
}

col#description {
	width: 553px;	
}

col#quantity {
	width: 120px;	
}

col#price {
	width 115px;	
}

.cart tbody tr {
	border-bottom: 1px solid #165d74;	
}

.cart td {
	padding: 13px 0;
}

.cart td img {
	-moz-box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);;	
	-webkit-box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);	
	box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);	
}

.cart .subtext {
	padding-right: 50px;
	display: block;
	margin-top: 3px;	
}

.subtext {
	font-style: italic;
	color: #1e414c;
}

.cart .clearBox {
	height: 25px;
	float: right;
	clear: both;
	margin-bottom: 4px;
	line-height: 28px;
	font-size: 13px;
	padding: 0 12px;	
}

.promo label {
	line-height: 32px;	
	font-size: 13px;
}

.promo input {
	margin-left: 12px;
	padding: 2px 0;	
}

#promoCode {
	width: 150px;
	height: 20px;
	padding: 5px 6px;	
}

.promo .apply {
	margin: 0 0 0 15px !important;
	padding: 5px 14px 1px;
	cursor: pointer;
	font-size: 13px !important;	
}

.total {
	width: 924px;
	height: 46px !important;
	margin-top: 17px;	
	padding: 0 17px !important;
	line-height: 42px !important;
}

.total h4 {
	line-height: 52px;
	float: right;	
	font-size: 15px;
}

.cart .cta {
	margin: 17px 0 100px;
	font-size: 20px;
}

/***** Upload Station *****/
.uploadStation > .left {
	width: 400px;	
	padding-right: 40px;	
}

.upload {
	margin: 24px 0 -12px;
}

.upload span {
	margin: 16px 0 0 10px;	
}

.uploadSection {
	width: 100%;
	margin-top: 30px;
	padding-top: 14px;
	border-top: 1px solid #165d74;	
}

.thumb {
	background:url(../img/beforeAfter/Wedding/1b.jpg) no-repeat center center;
	background-size: cover !important;
	float: left;
	-moz-box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);;	
	-webkit-box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);	
	box-shadow: 2px 1px 1px rgba(0, 0, 0, .2);
}

.uploadSection .thumb {
	width: 67px;
	height: 67px;
	border: 2px solid #fff;
	margin: 12px 11px 0 0;
	cursor: pointer;
	opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=50); /* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	-khtml-opacity: .50; /* Safari 1.x */
	-moz-opacity: .50; /* FF lt 1.5, Netscape */
}

.uploadSection .thumb.selected, .uploadStation .thumb:hover {
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	-khtml-opacity: 1.0; /* Safari 1.x */
	-moz-opacity: 1.0; /* FF lt 1.5, Netscape */	
}

.uploadSection .clearBox {
	height: 16px;
	margin: 48px 0 0 2px;
	font-size: 11px;
	line-height: 16px;
	padding: 0 5px;
}

.uploadSection #one {
	background-image: url(../img/beforeAfter/Wedding/2b.jpg);
}

.uploadSection #two {
	background-image: url(../img/beforeAfter/Wedding/3b.jpg);
}

.uploadSection #three {
	background-image: url(../img/beforeAfter/Wedding/4b.jpg);
}

.uploadSection #four {
	background-image: url(../img/beforeAfter/Wedding/6b.jpg);
}

.uploadStation > .right {
	padding-left: 40px;
	border-left: 1px solid #165d74;	
}

.editStation {
	width: 475px;	
}

.editHead {
		
}

.editStation .thumb {
	width: 88px;
	height: 88px;
	border: 4px solid #fff;	
}

.editStation .left {
	margin: 16px 0 0 20px;	
}

.editStation .left > .clearBox {
	height: 25px;
	margin-bottom: 9px;
	clear: both;
	line-height: 27px;
	font-size: 13px;	
}

.retouchingOptions {
	width: 100%;
	margin: 20px 0 100px !important;
	padding-top: 20px;
	border-top: 1px solid #165d74;	
}

.retouchingOptions .radio.clear {
	width: 100%;
	min-height: 35px;
	margin-top: 25px;
	float: left;
	padding: 0 0 0 5px !important;
}

.retouchingOptions .radio h4 label {
	margin-top: 5px;
	font-size: 14px;	
}

.retouchingOptions .radio .subtext {
	margin: 8px 0 0 4px;
}

.retouchingOptions .clearBox {
	margin-right: 5px;
	margin-bottom: 5px !important;
	clear: none !important;
}

.retouchingOptions .description {
	width: 434px;
	padding: 5px 7px;
	margin: 0 0 10px -4px;	
	display: none;
}

.retouchingOptions .clearBox input {
	margin-top: 5px;
}

.retouchingOptions .clearBox label {
	line-height: 15px;	
}

.retouchingOptions .clearBox.short {
	width: 123px;	
}

.retouchingOptions .clearBox.medium {
	width: 203px;	
}

.retouchingOptions .clearBox.long {
	width: 443px;
}

.retouchingOptions p {
	margin-bottom: 8px;
	line-height: 17px;	
}

.retouchingOptions .textarea {
	height: auto !important;
	padding: 10px !important;	
}

.retouchingOptions .clearBox textarea {
	max-width: 432px !important;
	width: 432px !important;
	margin: 0;	
}

.retouchingOptions .cta {
	margin: 24px 0 15px;
	float: left;
	font-size: 20px;	
}

.noPhotos, .notSignedIn {
	display: none;	
}

.notSignedIn p {
	margin-top: 0;
}

.retouched {
	display: none;	
}

.retouched figure {
	float: left;
	margin: 0 10px 30px 0;	
}

.retouched img, .notReady {
	border: 3px solid #fff;
	margin-bottom: 2px;
}

.notReady {
	background: black;
	width: 125px;
	height: 197.5px;	
	padding: 10px;
	color: #fff;
}

.retouched h4 {
	font-size: 17px;	
}

.retouched .clearBox {
	font-size: 13px;	
}

.retouched input {
	margin-bottom: 20px;
	font-size: 19px;	
}

/***** Checkout ******/
.shipping .cSection, .noShip, .payment .open, .payment .edit, .payment .completed, .review .open {
	display: none;	
}
.checkout .step > div, .checkout .step {
	margin-bottom: 12px;	
}

h5 {
	float: left;	
}

.shipAddress span {
	*width: 160px;
	float: right;	
}

.checkout > left {
	margin-bottom: 100px;		
}

.checkout > .left .clearBox {
	width: 470px;
	height: auto;	
	margin-bottom: 12px;
	padding: 10px 15px 0;
}

.checkout label {
	line-height: 12px;	
}

.checkout .clearBox input, .checkout select {
	padding: 6px;	
	margin-bottom: 20px;
}

.checkout .first, .checkout input.last, .checkout #email, .checkout #confirm {
	width: 	207px;
}

.checkout .first, .checkout .city, .checkout .state {
	margin-right: 30px !important;	
}

.checkout .address {
	width: 456px;	
}

.checkout #address, .checkout #address2 {
	margin: 0;	
}

.checkout .city {
	width: 145px;	
}

.checkout select {
	width: 128px;	
}

.checkout #zip {
	width: 110px;	
}

.shipMethod h5 {
	width: 400px;
}

.shipMethod .radio {
	*width: 124px;
	height: 70px;
	float: left;
	margin-right: 25px;
	*margin-right: 5px;
	line-height: 15px;	
}

.dTime {
	width: 120px;	
}

.shipMethod label {
	margin-top: 7px;	
}

.shipMethod input {
	margin-bottom: 0 !important;	
}

.checkout .left .cta {
	margin-bottom: 30px;
	font-size: 15px;
}

.cSection {
	margin: -5px 0 0;	
	padding: 4px 15px !important;
	line-height: 18px;
}

.cSection h4 {
	font-size: 14px;	
}

.cSection div, .cSection address {
	margin-bottom: 10px;
	font-style: normal !important;
}

.cSection address {
	margin-right: 60px;	
}

.edit {
	background: #fff;
	width: auto !important;
	height: auto !important;
	margin-top: 3px;
	line-height: 8px;
	padding: 5px 15px !important;
	font-size: 12px !important;	
}

.payment .open, .review .open {
	margin-top: 20px;
	float: left;
}

.payment .radio {
	padding: 0 !important;
}

.payment .radio input {
	margin: 4px 7px 0 0;	
}

.cardType select {
	margin: 0;	
}

#cardNumber, #expYear, #email {
	margin-right: 30px;	
}

#cardNumber {
	width: 162px;	
}

#expMonth {
	width: 78px;	
	margin-right: 5px;
}

#expYear {
	width: 65px;	
}

#securityCode {
	width: 70px;	
}

#email, #confirm {
	margin-bottom: 0;	
}

.review h5 {
	line-height: 20px;	
}

.review .cta {
	margin: 15px 0 17px !important;
	font-size: 20px !important;	
}

.checkout > .right {
	width: 370px;
	margin: -10px 0 100px;	
}

.checkout .right h4 {
	width: 100%;
	padding-bottom: 4px;
	border-bottom: 1px solid #165d74; 	
}

.checkout table {
	border-collapse: collapse;	
}

.cCart .clearBox {
	height: auto;
	float: right;
	margin-bottom: 4px;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 12px;	
}

.cCart tr {
	border-bottom: 1px solid #165d74; 	
}

.cCart td {
	padding: 15px 0;
}

.cCart #picture {
	width: 120px;	
}

.checkout .promo {
	margin-top: 20px;
}

.checkout .promo label {
	line-height: 30px !important;	
}

.cTotal {
	width: 318px;
	height: auto;
	margin-top: 20px;
	padding: 12px 25px !important;
	font-size: 12px !important;	
	line-height: 22px;
}

#thead {
	width: 200px;
	padding: 10px;
}

.cTotal tr td:first-child {
	text-align: right;
	padding-right: 40px;
}

/***** Login *****/
.login input {
	width: 314px;
	padding: 5px 8px;	
}

.login > .left, .login > .right {
	width: 330px;
}	

.login > .left {
	padding-right: 90px;	
}

.login > .right {
	float: left !important;
	border-left: 1px solid #165d74; 
	padding: 0 0 10px 80px;
	margin-bottom: 80px;
}

.login .subtext {
	margin-top: 6px;
	float: left;	
}

.login .cta {
	width: auto;
	margin-top: 20px;	
}

.login #first, .login #last {
	width: 134px;	
}

.login #first {
	margin: 0 30px 20px 0;	
}

/***** Become Flawless *****/
.becomeFlawless .left {
	width: 250px;
	margin: 40px 60px 0 0;	
}

.becomeFlawless img {
	margin-bottom: 10px;
	cursor: pointer;	
}

.becomeFlawless figure .clearBox {
	float: right;	
	position: relative;
	top: -50px;
	right: -28px;
	height: 25px;
	padding: 0 10px;
	line-height: 27px;
	font-size: 12px;
}

.becomeFlawless .clearBox.pro {
	right: 22px;	
}

.becomeFlawless ul, .becomeFlawless p {
	margin-top: 5px;
	line-height: 20px;
}

.becomeFlawless .last {
	width: 300px;	
}

.becomeFlawless form {
	margin: 27px 0 50px;
	padding-top: 25px;
	border-top: 1px solid #165d74;	
}

.becomeFlawless label {
	margin-bottom: 10px;	
}

.becomeFlawless .cta {
	margin-bottom: 100px;
}

/***** Testimonials *****/
.testimonials {
	padding-bottom: 200px;	
}

.testimonials > div {
	margin-bottom: 15px;
	clear: both;
	float: left;	
}

.testimonials span {
	width: 90px;
	padding-right: 30px;
	margin-top: 6px;
	font-size: 18px;
	text-align: right;
	color: #fff;	
}

.testimonials blockquote {
	background: #fff !important;
	width: 480px;
	height: auto;
	display: block;
	margin-left: -1px;
	padding: 8px 13px !important;	
	line-height: 19px;
	font-family: Georgia, "Times New Roman", Times, serif !important;	
	font-size: 12px !important;
	text-transform: none !important;
	word-spacing: 0 !important;
}

.testimonials img {
	margin: 10px 0 0 -22px;
	float: left;
}

/***** Footer *****/
footer, .push {
	height: 50px;	
}

footer nav a, footer span {
	font-size: 14px;	
}

footer nav, footer span {
	margin-top: 15px;	
}

/***** Pop Ups *****/
.overlay {
	background: #000;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 2;
}

.pop {
	background: #fff;
	width: 20px;
	height: 20px;
	padding: 20px;
	position: fixed;
	z-index: 3;	
}