@charset "utf-8";


/*

Avotone.com - design, code, and programming by: Michael Angeletti

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, tr, td, th, 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: middle;
	text-decoration: none;
	position: relative;
}

input {
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/*

html, body

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

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


/*

Basic Styles

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

a {
	color: #000000;
}

	a:hover {
		color: #333333;
	}

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

em {
	font-style: italic;
}

.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;
}


/*

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: 135px;
	height: 45px;
	padding: 20px 0 5px 0;
	float: left;
	text-indent: -9000px;
}

	.logo strong, .logo a {
		width: 135px;
		height: 45px;
		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: #000000;
		}
		
			.top_nav li a:hover {
				color: #000000;
				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;
}


/*

Right Column

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

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


/*

Left Column

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

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

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

	.left_nav ul {
		width: 170px;
		padding: 10px;
		float: left;
		background: transparent url(../images/main/ln_bg_bottom.gif) left bottom no-repeat;
	}
	
		.left_nav ul li {
			width: 170px;
			padding: 7px 0 9px 0;
			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: 0 5px;
				float: left;
				color: #000;
				font-weight: bold;
				background: transparent;
			}
			
				.left_nav ul li a:hover {
					color: #000000;
					text-decoration: underline;
				}
			
				.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: #BFD78E 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 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_nav ul li ul li a {
						width: 154px;
						padding: 0;
						float: left;
					}

.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: #F8F5E9;
}

	.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;
		}


/*

Order Bottom

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


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

	.orderintro h1{
	color:#003399;
	font-size:28px;
	margin:0;
	padding-bottom:1em;
	font-weight: bold;
	}


	.orderintro h2{
	color:#000000;
	font-size:16px;
	margin:0;
	padding-bottom:1em;
	font-weight: bold;
	}


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

.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/btn_6.png);
			}
			
			.orderrow .button a.three {
				background-image: url(../images/orderbottom/btn_3.png);
			}
			
			.orderrow .button a.one {
				background-image: url(../images/orderbottom/btn_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;
	}

/*



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: #83A53C;
	}

	.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: 270px;
	float: left;
	text-indent: -9000px;
	background: transparent url(../images/home/main_graphic.png) left top no-repeat;
}

	.main_graphic a {
		width: 81px;
		height: 20px;
		top: 175px;
		left: 275px;
		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: 135px;
		height: 52px;
		padding: 16px 48px 12px 13px;
		background: transparent url(../images/home/blue_box_feet.png) left top no-repeat;
	}

	.blue_boxes .last {
		margin: 0;
	}


/*

Green Table

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

.green_table_wrap {
	width: 496px;
	padding: 10px 50px 30px 50px;
	float: left;
}

.green_table_bottom {
	width: 496px;
	height: 10px;
	float: left;
	background: transparent url(../images/page/green_table_bottom.gif) left bottom no-repeat;
	overflow: hidden;
}

.green_table {
	width: 456px;
	padding: 0px 20px;
	float: left;
	background: #F8F5E9 url(../images/page/green_table_top.gif) center top no-repeat;
}

.green_table_header {
	width: 456px;
	height: 25px;
	float: left;
	line-height: 25px;
	text-align: center;
}

	.text .green_table_header h3 {
		padding: 0;
		font-size: 12px;
		color: #FFF;
	}

.green_table_leaf_row {
	width: 356px;
	padding: 20px 20px 20px 80px;
	float: left;
	background: transparent url(../images/page/green_table_leaf.gif) left center no-repeat;
	font-size:14px;
	font-weight:400;
	line-height:19px;
}

.green_table_pic_row {
	width: 456px;
	padding: 20px 0;
	float: left;
}

	.green_table_pic_row img {
		width: 90px;
		float: left;
	}
	
	.text .green_table_pic_row p {
		width: 346px;
		padding: 10px 0;
		float: right;
	}


/*

FAQ

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

.text .faq_menu {
	margin: 0 0 15px 0;
	padding: 0 15px 15px 15px;
	border-bottom: 1px #CCC dotted;
}

	.text .faq_menu li {
		padding: padding: 0 0 3px 0;
		list-style: inside decimal;
	}
	
		.text .faq_menu li a {
			color: #930;
		}
		
			.text .faq_menu li a:hover {
				text-decoration: underline;
			}


/*



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

.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/green_bullet.gif) 0px 6px no-repeat;
		}


/*

Cart

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

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

#ucCouponSectionId {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #EEE solid;
}

.ucTableHeaderBackground {
	background: #83A53C;
}

.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;
}


/*

Text

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

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

	.text h1 {
		padding: 10px 0 10px 0;
		font-size: 22px;
		font-weight: bold;
		color: #324A01;
		line-height:27px;
	}
	
	.text h2 {
		padding: 0px 0 5px 0;
		font-size: 16px;
		font-weight: bold;
		color: #324A01;
		line-height:20px;
	}
	
	.text h3 {
		padding: 0 0 10px 0;
		font-size: 14px;
		font-weight: bold;
		color: #000000;
	}
	
	.text h4 {
		padding: 0 0 5px 0;
		font-weight: bold;
		color: #000000;
	}
	
	.text p {
		padding: 0 0 15px 0;
		font-size: 14px;
		font-weight: 400;
		line-height:19px;
	}
	
	.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;
		}

CTA Buttons

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

#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(../images/main/btn_square.png) left top no-repeat;
		}
			#squarebutton li a:hover{
				background: transparent url(../images/main/btn_square.png) left bottom no-repeat;
			}


/*LeftFloatGuarantee*/
.LeftFloatGuarantee {
	width: 208px;
	height: 107px;
	padding: 10px 5px 10px 5px;
	float: right;
	background-image: url(../assets/images/main/money-back.gif);
}

/*textButtonSquare*/

.textFloatLeft {
	width: 378px;
	float: left;
}

	.textButtonsquare {
		width: 208px;
		height: 107px;
		padding: 10px 5px 10px 5px;
		float: right;
	}
	
		.textButtonsquare a {
			width: 208px;
			height: 107px;
			float: right;
			text-indent: -9000px;
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
		}
		
			.textButtonsquare a:hover {
				background-position: left bottom;
			}
			
			.textButtonsquare a.square {
				background-image: url(../images/main/btn_square.png);
			}
/*textButtonLong*/
	.textButtonlong {
		width: 446px;
		height: 85px;
		padding: 5px 5px 10px 5px;
		margin-bottom: 15px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
		.textButtonlong a {
			width: 446px;
			height: 81px;
			float: left;
			text-indent: -9000px;
			background-color: transparent;
			background-position: left top;
			background-repeat: no-repeat;
		}
		
			.textButtonlong a:hover {
				background-position: left bottom;
			}
			
			.textButtonlong a.long {
				background-image: url(../images/main/btn_rectangle.png);
			}