@charset "utf-8";


/*

CSS by Michael Angeletti - Ultracart Pro Services

Browser reset

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

html {
	margin: 0;
	padding: 0;
}

body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, b, strong, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, table, tbody, dl, dt, dd, ol, ul, li, fieldset, form, button, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	list-style: none;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
	text-decoration: none;
	position: relative;
}

input, tr, td, th {
	margin: 0;
	padding: 0;
}


/*

html, body

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, html {
	top: 0;
	height: 100%;
	font: 12px/1.4 Arial, Helvetica, Tahoma, sans-serif;
	color: #000;
	background: #E7E7E7;
	text-align: center;
}


/*

Basic Styles

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

a {
	color: #0D8DCD;
}

	a:hover {
		color: #E30076;
	}

strong, strong * {
	font-weight: bold;
}

.center {
	text-align: center;
}

.row {
	width: 100%;
	float: left;
}

.padding {
	padding: 10px;
}

.v_padding {
	padding: 10px 0;
}

.padding_bottom {
	padding: 0 0 10px 0;
}

.red {
	color: #CC3300;
}

.strike {
	text-decoration: line-through;
}


.img_float_left {
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:10px;
}
.img_float_right {
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:0px;
}
.border {
	border: 1px solid black; 
}
/*

Container

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

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


/*

Header

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	width: 792px;
	height: 70px;
	padding: 0 0 0 28px;
	float: left;
}

.logo {
	width: 108px;
	height: 40px;
	padding: 15px 0;
	float: left;
	text-indent: -9000px;
}

	.logo strong, .logo a {
		width: 108px;
		height: 40px;
		float: left;
		background: transparent url(../images/main/logo.gif) left top no-repeat;
	}

.top_nav {
	padding: 45px 16px 0 0;
	float: right;
	font-size: 11px;
}

	.top_nav li {
		padding: 0 0 0 20px;
		float: left;
	}
	
		.top_nav li a {
			float: left;
			color: #2B69A2;
		}
		
			.top_nav li a:hover {
				color: #2B69A2;
				text-decoration: underline;
			}


/*

Content

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.content_1 {
	width: 820px;
	float: left;
	background: #FFF url(../images/main/content_bg_y.png) left top repeat-y; 
}

.content_2 {
	width: 820px;
	float: left;
	background: transparent url(../images/main/content_bg_top.png) left top no-repeat;
}

.content_3 {
	width: 796px;
	padding: 12px;
	float: left;
	background: transparent url(../images/main/content_bg_bottom.png) left bottom no-repeat;
}


/*

Order Bottom

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.orderintro {
	width: 736px;
	padding: 20px;
	float: left;
}

.orderbottom {
	width: 754px;
	padding: 0 20px 20px 20px;
	border: 1px #666 solid;
	float: left;
	background: #DEEEF8;
}

.orderrow {
	width: 722px;
	margin: 20px 0 0 0;
	padding: 15px;
	border: 1px #666 solid;
	float: left;
	background: #FFF;
}

	.orderrow .heading {
		width: 722px;
		float: left;
		font-size: 18px;
	}
	
		.orderrow .heading h2 {
			font-weight: bold;
		}
		
			.orderrow .heading h2 em {
				font-weight: bold;
				color: #2B92D2;
			}
	
	.orderrow .media {
		width: 240px;
		padding: 0 30px 0 0;
		float: left;
	}
	
	.orderrow .desc {
		width: 230px;
		padding: 20px 0 0 0;
		float: left;
	}
	
		.orderrow .desc h3 {
			font-size: 16px;
			font-weight: bold;
		}
		
		.orderrow .desc p {
			padding: 0 0 5px 0;
			color: #222;
		}
		
			.orderrow .desc p strong {
				font-size: 14px;
				color: #CA1439;
			}
	
	.orderrow .button {
		width: 198px;
		padding: 15px 5px 0 0;
		float: right;
	}
	
		.orderrow .button a {
			width: 198px;
			height: 68px;
			float: left;
			text-indent: -9000px;
			background-color: transparent;
			background-position: left bottom;
			background-repeat: no-repeat;
		}
		
			.orderrow .button a:hover {
				background-position: left top;
			}
			
			.orderrow .button a.six {
				background-image: url(../images/orderbottom/button_6.png);
			}
			
			.orderrow .button a.three {
				background-image: url(../images/orderbottom/button_3.png);
			}
			
			.orderrow .button a.one {
				background-image: url(../images/orderbottom/button_1.png);
			}
	
.orderinfo {
	width: 732px;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	float: left;
}

	.orderinfo h3 {
		padding: 0 0 5px 0;
		font-size: 16px;
		color: #CA1439;
		font-weight: bold;
	}
	
	.orderinfo h4 {
		padding: 0 0 5px 0;
		font-size: 14px;
		font-weight: bold;
	}
	
	.orderinfo p {
		padding: 0 0 5px 0;
	}

/*

Right Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.right_column {
	width: 596px;
	float: right;
}

.right_column_sub {
	width: 586px;
	padding: 15px 5px 5px 5px;
	float: left;
}


/*

Left Column

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.left_column {
	width: 190px;
	float: left;
}

.left_nav {
	width: 190px;
	float: left;
	background: #F09DB5 url(../images/main/ln_bg_top.gif) left top no-repeat;
}

	.left_nav ul {
		width: 190px;
		padding: 10px 0;
		float: left;
		background: transparent url(../images/main/ln_bg_bottom.gif) left bottom no-repeat;
	}
	
		.left_nav ul li {
			width: 190px;
			float: left;
			background: transparent url(../images/main/ln_link_bg_x.gif) left bottom repeat-x;
		}
		
			.left_nav ul li.on {
				background: transparent;
			}
		
			.left_nav ul li a {
				width: 160px;
				padding: 8px 15px 8px 15px;
				float: left;
				color: #551026;
				background: transparent;
			}
			
				.left_nav ul li a:hover, .left_nav ul li a.on {
					color: #440D1F;
					background: #EA6F94;
				}
			
				.left_nav ul li.on a {
					font-weight: bold;
				}
				
						.left_nav ul li.on ul li a {
							font-weight: bold;
						}
	
			.left_nav ul li ul {
				width: 154px;
				margin: 7px 0 -7px 0;
				padding: 8px;
				float: left;
				background: #F5C2D1 url(../images/main/ln_sn_top.gif) left top no-repeat;
			}
			
				.left_nav ul li ul li {
					width: 154px;
					padding: 0 0 5px 0px;
					float: left;
					font-size: 10px;
					background: transparent;
				}
				
					.left_nav ul li ul li a {
						width: 154px;
						padding: 0;
						float: left;
					}
					
					.left_nav ul li ul li ul {
						width: 144px;
						padding: 0 0 0 10px;
						float: left;
						background: transparent;
					}
					
						.left_nav ul li ul li ul li {
							padding: 0 0 3px 0;
						}

.left_cta {
	width: 190px;
	height: 62px;
	margin: 10px 0 0 0;
	float: left;
}

	.left_cta a {
		width: 190px;
		height: 62px;
		float: left;
		text-indent: -9000px;
		background: transparent url(../images/main/ln_order_lyriana.png) left top no-repeat;
	}
	
		.left_cta a:hover {
			background: transparent url(../images/main/ln_order_lyriana.png) left center no-repeat;
		}
		
		.left_cta a:active {
			background: transparent url(../images/main/ln_order_lyriana.png) left bottom no-repeat;
		}

.left_seal_chat {
	width: 190px;
	padding: 20px 0;
	float: left;
	text-align: center;
}

.left_testi {
	width: 190px;
	padding: 20px 0;
	float: left;
}

.left_testi blockquote {
	width: 160px;
	margin: 10px 0 0 0;
	padding: 14px 14px 6px 14px;
	border: 1px #666 solid;
	-moz-border-radius: 2px;
	float: left;
	background: #DEEEF8;
}

	.left_testi blockquote p {
		margin: 0 0 8px 0;
		line-height: 1.2;
		font-size: 11px;
	}
	
		.left_testi blockquote p.aright {
			padding: 0 15px;
			text-align: right;
		}


/*

Footer

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.footer {
	width: 820px;
	float: left;
	font-size: 10px;
	color: #666;
}

.footer_link_column {
	width: 129px;
	padding: 20px;
	border-right: 1px #F9F9F9 solid;
	float: left;
}

	.footer_link_column a {
		color: #791837;
	}

	.footer_link_column li {
		padding: 0 0 7px 0;
	}

.footer_info_column {
	width: 440px;
	padding: 20px 20px 20px 0;
	float: right;
}

	.footer_info_column p {
		padding: 0 0 10px 0;
	}


/*

Home Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.main_graphic {
	width: 596px;
	height: 263px;
	float: left;
	text-indent: -9000px;
	background: transparent url(../images/home/main_graphic.png) left top no-repeat;
}

	.main_graphic a {
		width: 89px;
		height: 24px;
		top: 221px;
		left: 37px;
		position: absolute;
		text-indent: -9000px;
		background: transparent url(../images/home/main_graphic_order_now.gif) left top no-repeat;
	}
	
		.main_graphic a:hover {
			background: transparent url(../images/home/main_graphic_order_now.gif) left bottom no-repeat;
		}

.blue_boxes {
	width: 596px;
	float: left;
}

.blue_box {
	width: 170px;
	height: 54px;
	margin: 0 4px 0 0;
	padding: 14px 13px 12px 13px;
	float: left;
	text-align: center;
	background: transparent url(../images/home/blue_box.png) left top no-repeat;
}

		.blue_box p strong {
			display: block;
			font-size: 18px;
			font-weight: bold;
		}
		
		.blue_box p small {
			display: block;
			font-size: 11px;
		}

	.blue_boxes .feet {
		width: 165px;
		height: 52px;
		padding: 16px 12px 12px 13px;
		background: transparent url(../images/home/blue_box_feet.png) left top no-repeat;
	}

	.blue_boxes .last {
		margin: 0;
	}


/*

Joe Bucks Style Order Page

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.order_jb {
	padding: 10px 50px;
}

	.text .order_jb * {
		font-weight: bold;
	}

	.text .order_jb p {
		padding: 0 0 10px 0;
	}
	
	.text .order_jb ul {
		padding: 0 0 10px 15px;
	}

		.text .order_jb ul li {
			padding: 0 0 5px 15px;
			list-style: none;
			background: transparent url(../images/order/blue_bullet.gif) 0px 6px no-repeat;
		}


/*

Text

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.text {
	/*multi-use text wrapper*/
}

	.text h1 {
		padding: 0 0 15px 0;
		font-size: 20px;
		font-weight: bold;
		color: #012F49;
	}
	
	.text h2 {
		margin: 0 0 10px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px #EEE solid;
		font-size: 18px;
		color: #012F49;
		font-weight: bold;

	}
	
	.text h3 {
		padding: 0 0 10px 0;
		font-size: 14px;
		font-weight: bold;
		color: #012F49;
	}
	
	.text h4 {
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #2B68A1;
	}
	
	.text p {
		padding: 0 0 15px 0;
	}
	
	.text ul, .text ol {
		padding: 0 0 15px 15px;
	}
	
		.text ul li {
			padding: 0 0 5px 0;
			list-style: inside disc;
		}
		
		.text ol li {
			padding: 0 0 5px 0;
			list-style: inside decimal;
		}


/*

Cart

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.cart {
	width: 716px;
	padding: 10px 40px;
	float: left;
}

#ucPayPalCheckoutSection {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #BEDFF0 solid;
}

.ucTableHeaderBackground {
	background: #BEDFF0;
}

.ucTableBorderBackground {
	background: transparent;
}

.ucColorSubHeader {
	padding: 5px;
	color: #000;
	font-weight: normal;
}

.ucUpdateButton {
	width: 72px;
	height: 23px;
}

.ucUpdateButtonOverlay {
	width: 72px;
	height: 23px;
	background: transparent url(../images/cart/cart_update.png) left top no-repeat;
}

.ucApplyCouponButton {
	width: 94px;
	height: 23px;
}

.ucApplyCouponButtonOverlay {
	width: 94px;
	height: 23px;
	background: transparent url(../images/cart/cart_apply_code.png) left top no-repeat;
}

.ucContinueShoppingButton {
	width: 136px;
	height: 23px;
}

.ucContinueShoppingButtonOverlay {
	width: 136px;
	height: 23px;
	background: transparent url(../images/cart/cart_continue_shopping.png) left top no-repeat;
}

.ucFinalizeOrderButton {
	width: 108px;
	height: 23px;
}

.ucFinalizeOrderButtonOverlay {
	width: 108px;
	height: 23px;
	background: transparent url(../images/cart/cart_finalize_order.png) left top no-repeat;
}

.new_paypal_header {
	padding: 10px;
	text-align: center;
	font-weight: bold;
}

.new_paypal_box {
	text-align: center;
}


/*

UGOD

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.ugod_row {
	width: 716px;
	padding: 0 0 10px 0;
	float: left;
}

.ugod_left {
	width: 296px;
	float: left;
}

.ugod_right {
	width: 400px;
	padding: 10px;
	float: right;
}


/*

Pop Under

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.pop_under {
	width: 100%;
	height: 138px;
	left: 0px;
	bottom: -138px;
	position: absolute;
	z-index: 999;
	display: none;
	overflow: hidden;
}


/*

Messy styles from Michael

*/

.cta_top_right_bottle_skirt {
	width: 200px;
	height: 190px;
	display: block;
	text-indent: -9000px;
	background: transparent url(../images/main/cta_bottle_top_right.jpg) left top no-repeat;
}

.cta_top_right_bottle_skirt:hover {
	background-position:  left bottom;
}

/*

Updated Styles from Sudha

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#squarebutton {
	float:right;
}
	#squarebutton li {
		background-repeat: no-repeat;
		background-position: right;
		height:100px;
		width:200px;
		float: left;
	}
		#squarebutton li a{
			height:100px;
			width:200px;
			float: left;
			background: transparent url(../simg/square_button.jpg) left top no-repeat;
		}
			#squarebutton li a:hover{
				background: transparent url(../simg/square_button_hover.jpg) left top no-repeat;
			}

/*squarebutton*/
/*longbutton*/
.longbutton{
	margin-left: 30px;
	padding-left: 30px; 
}
div div .longbutton li{
background-image: url(../simg/long_button_hover.jpg);
background-repeat: no-repeat;
background-position: top;
height:59px;
width:431px;
margin: 0px; padding: 0px;
display: block;
list-style: none;
}
.longbutton li a{
background-image: url(../simg/long_button.jpg);
background-repeat: no-repeat;
background-position: top;
height:59px;
width:431px;
margin: 0px; padding: 0px;
display: block;
}
.longbutton li a:hover{
background-image: none;
display: block;
}

blockquote {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
}
/*longbutton*/

.cnt{
font-size: 15pt;
}
.txt{
background-color: rgb(255, 255, 0);
}
.txtsize{font-size: 20pt;}
.txt1{font-size: 13pt;}
.guarantee{border: 2px solid rgb(102, 102, 102); padding: 10px; background-color: rgb(231, 231, 231);}
.cerf{padding: 0px; width: 585px; height: 488px;}
.testimonials{border: 2px solid rgb(102, 102, 102); padding:10px; background-color: rgb(222, 238, 248);}