@charset "utf-8";

/*

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

Browser reset

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

html {
	margin: 0;
	padding: 0;
	border: 0;
}

body, div, span, applet, object, embed, 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, hr {
	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;
}

select, input, textarea, tr, td, th {
	margin: 0;
	padding: 0;
	position: relative;
}

button {
	cursor: pointer;
}


/*

html, body

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

body, html {
	height: 100%;
	border: none;
	top: 0;
	font: 11px/1.3 Arial, Helvetica, sans-serif;
	color: #181312;
	background: #FFF;
	text-align: center;
}


/*

Universal Styles

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

a {
	color: #2B99D5;
}

	a:hover {
		text-decoration: underline;
	}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

small {
	font-size: .85em;
}

.none {
	display: none;
}


/*

Container

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

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


/*

Top

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

.top {
	width: 100%;
	height: 110px;
	float: left;
	background: #EFEEEE url(../images/top_bg_x.png) left top repeat-x;
}

	.header {
		width: 880px;
		height: 86px;
		padding: 7px 0 17px 0;
		float: left;
	}
	
		.header .logo {
			width: 350px;
			height: 86px;
			float: left;
			text-indent: -9000px;
			background: transparent url(../images/logo.gif) left top no-repeat;
		}
		
			.header .logo a {
				width: 350px;
				height: 86px;
				float: left;
				background: transparent;
			}
		
		.header .basket {
			height: 19px;
			padding: 0 0 0 30px;
			top: 20px;
			right: 0px;
			position: absolute;
			line-height: 19px;
			color: #181312;
			background: url(../images/top_basket.gif) left center no-repeat;
		}
		
		.header .main_menu {
			bottom: 20px;
			right: 0px;
			position: absolute;
		}
		
			.header .main_menu li {
				height: 14px;
				margin: 0 12px 0 0;
				padding: 4px 12px 4px 0;
				border-right: 1px #FFF dotted;
				float: left;
			}
			
				.header .main_menu li.last {
					margin: 0;
					padding: 4px 0;
					border: none;
				}
				
				.header .main_menu li a {
					height: 14px;
					float: left;
					text-indent: -9000px;
					background-color: transparent;
					background-position: left top;
					background-repeat: no-repeat;
				}
				
					.header .main_menu li a:hover, .header .main_menu li a.on {
						background-position: left bottom;
					}
					
					.header .main_menu li.home a {
						width: 34px;
						background-image: url(../images/tn_home.gif);
					}
					
					.header .main_menu li.hair a {
						width: 25px;
						background-image: url(../images/tn_hair.gif);
					}
					
					.header .main_menu li.face a {
						width: 29px;
						background-image: url(../images/tn_face.gif);
					}
					
					.header .main_menu li.body a {
						width: 31px;
						background-image: url(../images/tn_body.gif);
					}
					
					.header .main_menu li.sun_protection a {
						width: 92px;
						background-image: url(../images/tn_sun_protection.gif);
					}
					
					.header .main_menu li.gifts a {
						width: 29px;
						background-image: url(../images/tn_gifts.gif);
					}
					
					.header .main_menu li.blog a {
						width: 29px;
						background-image: url(../images/tn_blog.gif);
					}
					
					.header .main_menu li.resources a {
						width: 64px;
						background-image: url(../images/tn_resources.gif);
					}


/*

Bottom

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

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


/*

Content

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

	.content {
		width: 880px;
		padding: 20px 0 0 0;
		float: left;
		overflow: hidden;
		font-size: 12px;
	}


/*

Admin Panel

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

		.content .admin {
			width: 840px;
			margin: 0 0 20px 0;
			padding: 19px;
			border: 1px #DDD solid;
			background: #EEE;
		}
		
			.content .admin h3 {
				margin: 0 0 15px 0;
				font-size: 16.9px;
				font-weight: bold;
			}
			
			.content .admin h4 {
				padding: 10px 0;
				font-weight: bold;
			}
			
			.content .admin p {
				margin: 0 0 6px 0;
			}


/*

Home

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

	.home_slider_row {
		width: 880px;
		float: left;
	}
	
		.home_slider_row .slider {
			width: 620px;
			height: 350px;
			float: left;
			overflow: hidden;
		}
		
			.home_slider_row .slider img {
				width: 620px;
				height: 350px;
				left: 0px;
				top: 0px;
				position: absolute;
			}
		
		.home_slider_row .small_ads {
			width: 250px;
			height: 350px;
			float: right;
			overflow: hidden;
		}
		
			.home_slider_row .small_ads .ad {
				width: 250px;
				padding: 0 0 10px 0;
				float: left;
			}
	
	h3.featured_header {
		width: 880px;
		margin: 20px 0 0 0;
		float: left;
		font-size: 18px;
		font-weight: bold;
	}
	
	.home_featured_row {
		width: 904px;
		margin: 20px 0 0 0;
		float: left;
	}
		
		.home_featured_row .box {
			width: 202px;
			margin: 0 24px 0 0;
			float: left;
		}
		
			.home_featured_row .box .media {
				width: 202px;
				float: left;
			}
			
				.home_featured_row .box .media a {
					width: 190px;
					padding: 5px;
					border: 1px #D9D7D7 solid;
					float: left;
					background: #EFEEEE;
				}
				
					.home_featured_row .box .media a:hover {
						border: 1px #D0D0D0 solid;
						background: #E5E5E5;
					}
					
					.home_featured_row .box .media a img {
						width: 190px;
						float: left;
					}
			
			.home_featured_row .box .desc {
				width: 190px;
				padding: 10px 6px;
				float: left;
			}
			
				.home_featured_row .box .desc p {
					padding: 3px 0 0 0;
					text-align: right;
				}
	
	.home_text {
		width: 880px;
		padding: 30px 0 0 0;
		float: left;
	}
	
		.home_text h2 {
			font-size: 18px;
			font-weight: bold;
		}
		
		.home_text p {
			margin: 15px 0 0 0;
		}


/*

Two Column Layout

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

	.right {
		width: 650px;
		float: right;
	}
	
		td {
			padding: 2px 5px;
		}
		
		.right .title {
			width: 650px;
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			border-bottom: 5px #EFEEEE solid;
			float: left;
			line-height: 1;
			font-size: 36px;
			font-weight: bold;
		}
		
		.right .social {
			width: 650px;
			padding: 20px 0;
			float: left;
		}
		
		.right .text {
			width: 650px;
			float: left;
		}
		
			.right .text h2 {
				margin: 0 0 10px 0;
				font-size: 18px;
				font-weight: bold;
			}
			
				.right .text h2.partner_h2 {
					width: 650px;
					padding: 0 0 10px 0;
					border-bottom: 1px #DDD solid;
					float: left;
				}
			
			.right .text h3 {
				margin: 0 0 10px 0;
				font-size: 15px;
				font-weight: bold;
			}
			
			.right .text h4, .right .text h5 {
				margin: 0 0 5px 0;
				font-weight: bold;
			}
			
			.right .text p {
				margin: 0 0 10px 0;
			}
			
			.right .text ul {
				margin: 0 0 10px 0;
			}
			
				.right .text ul li {
					padding: 5px 0 0 0;
					list-style: inside disc;
				}
				
				.right .text ul.partner_ul {
					width: 650px;
					padding: 0 0 0 15px;
					float: left;
				}
				
					.right .text ul.partner_ul li {
						width: 190px;
						margin: 0 15px 0 0;
						float: left;
						list-style: outside square;
					}
			
			.right .text ol {
				margin: 0 0 10px 0;
			}
			
				.right .text ol li {
					padding: 5px 0 0 0;
					list-style: inside decimal;
				}
			
			.right .text hr {
				height: 1px;
				margin: 0 0 15px 0;
				border: none;
				line-height: 1px;
				background: #CCC;
			}
			
				.right .text hr.partner_hr {
					width: 650px;
					float: left;
				}
	
	.left {
		width: 200px;
		float: left;
	}
	
		.left .menu_wrap {
			width: 200px;
			margin: 0 0 10px 0;
			float: left;
			color: #FFF;
			text-shadow: 0px -1px 1px #E52B54;
			background: #E94D71 url(../images/ln_bg_bottom_pink.png) left bottom no-repeat;
		}
		
			.left .menu_wrap.green {
				text-shadow: 0px -1px 1px #559F53;
				background: #7FBC7E url(../images/ln_bg_bottom_green.png) left bottom no-repeat;
			}
		
			.left .menu_wrap a {
				color: #FFF;
			}
			
			.left .menu_wrap .menu {
				width: 180px;
				padding: 10px;
				float: left;
				background: transparent url(../images/ln_bg_top_pink.png) left top no-repeat;
			}
			
				.left .menu_wrap.green .menu {
					background: transparent url(../images/ln_bg_top_green.png) left top no-repeat;
				}
				
				.left .menu_wrap .menu h4 {
					padding: 10px 10px 10px 10px;
					border-bottom: 1px #E84066 solid;
					font-size: 19px;
					font-weight: bold;
				}
				
					.left .menu_wrap .menu h4 a {
						font-weight: bold;
					}
				
					.left .menu_wrap.green .menu h4 {
						border-bottom: 1px #68B066 solid;
					}
				
				.left .menu_wrap .menu ul {
					padding: 15px 10px 10px 10px;
					border-top: 1px #EF7A95 solid;
					font-size: 12.75px;
				}
				
					.left .menu_wrap.green .menu ul {
						border-top: 1px #9ECC9D solid;
					}
					
					.left .menu_wrap .menu ul li {
						padding: 5px 0 0 0;
					}


/*

Partners

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

.as_seen_in {
	width: 650px;
	float: left;
	overflow: hidden;
}

	.as_seen_in .row {
		width: 665px;
		margin: 0 0 15px 0;
		float: left;
	}
	
		.as_seen_in .row .column {
			width: 118px;
			margin: 0 15px 0 0;
			float: left;
		}
		
			.as_seen_in .row .column a {
				width: 110px;
				padding: 3px;
				border: 1px #D9D7D7 solid;
				float: left;
				background: #EFEEEE;
			}


/*

Group

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

.group_row {
	width: 638px;
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px #D9D7D7 solid;
	float: left;
	background: #EFEEEE;
}

	.group_row .media {
		width: 190px;
		float: left;
	}
	
		.group_row .media a, .group_row .media a img {
			width: 190px;
			float: left;
		}
		
		.group_row .desc {
			width: 413px;
			padding: 10px 15px 10px 0;
			float: right;
		}
		
			.group_row .desc h3 {
				padding: 0 0 5px 0;
			}
			
				.group_row .desc h3 a {
					color: #181312;
					font-weight: bold;
				}
			
			.group_row .desc p {
				margin: 10px 0 0 0;
			}
			
				.group_row .desc p.price {
					margin: 5px 0 0 0;
				}
				
				.group_row .desc p.more_buy_now {
					margin: 19px 0 0 0;
				}
				
				.group_row .desc p a.more {
					margin: 0 10px 0 0;
					padding: 5px 10px;
					border: 1px #FF8C0D solid;
					color: #FFF;
					line-height: 20px;
					text-shadow: #FF9117 0px -1px 0px;
					font-weight: bold;
					background: #FFA240;
				}
				
				.group_row .desc p a.buy_now {
					margin: 0 10px 0 0;
					padding: 5px 10px;
					border: 1px #5EAA5B solid;
					color: #FFF;
					line-height: 20px;
					text-shadow: #67AD63 0px -1px 0px;
					font-weight: bold;
					background: #7FBC7E;
				}


/*

Blog

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

.blog_row {
	width: 650px;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px #D9D7D7 solid;
	float: left;
}

	.blog_title {
		width: 650px;
		padding: 0 0 15px 0;
		float: left;
		font-size: 16px;
	}
	
		.blog_title a {
			font-weight: bold;
		}
	
	.blog_row .excerpt {
		width: 650px;
		float: left;
	}
	
		.blog_row .excerpt h1, .blog_row .excerpt h2, .blog_row .excerpt h3, .blog_row .excerpt h4 {
			padding: 0 0 5px 0;
			font-size: 16px;
			font-weight: bold;
		}
		
		.blog_row .excerpt h5 {
			padding: 0 0 5px 0;
			font-size: 13px;
			font-weight: bold;
		}
		
		.blog_row .excerpt p {
			padding: 0 0 15px 0;
		}
		
		.blog_row .excerpt ul {
			padding: 0 0 15px 0;
		}
		
			.blog_row .excerpt ul li {
				padding: 5px 0 0 0;
				list-style: inside disc;
			}



/*

Item

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

.crumb {
	width: 880px;
	padding: 0 0 20px 0;
	float: left;
	font-size: 11px;
}

	.crumb a {
		margin: 0 5px 0 0;
		color: #999;
	}

.item {
	width: 880px;
	float: left;
}

	.item .desc {
		width: 560px;
		float: right;
	}
	
		.item .desc .title {
			width: 560px;
			margin: 0 0 10px 0;
			float: left;
			font-size: 22px;
			font-weight: bold;
		}
		
		.item .desc .text {
			width: 560px;
			padding: 0 0 10px 0;
			float: left;
		}
		
			.item .desc .text p {
				padding: 10px 0 0 0;
			}
			
				.item .desc .text p.size {
					padding: 5px 0 0 0;
				}
		
		.item .desc .social {
			width: 560px;
			padding: 10px 0;
			float: left;
		}
		
		.item .desc .item_form {
			width: 560px;
			padding: 10px 0;
			float: left;
		}
		
			.item .desc .item_form .item .desc .add_to_cart {
				width: 560px;
				float: left;
			}
		
			.item .desc .add_to_cart input {
				width: 29px;
				margin: 0 10px 0 0;
				padding: 3px;
				border: 1px #B7B3B3 solid;
				border-right: 1px #D9D7D7 solid;
				border-bottom: 1px #D9D7D7 solid;
				float: left;
				text-align: center;
				background: #FAFAFA;
			}
			
			.item .desc .add_to_cart button {
				height: 24px;
				padding: 2px 10px 4px 10px;
				border: 1px #5AA756 solid;
				float: left;
				color: #FFF;
				text-shadow: #66AC63 0px -1px 0px;
				font-weight: bold;
				background: #75B773 url(../images/add_to_cart_bg_x.png) left top repeat-x;
			}
		
		.item .desc .tabs {
			width: 560px;
			padding: 10px 0;
			float: left;
		}
		
			.item .desc .tabs .menu {
				width: 560px;
				float: left;
				z-index: 5;
			}
			
				.item .desc .tabs .menu li {
					margin: 0 5px 0 0;
					float: left;
				}
				
					.item .desc .tabs .menu li a {
						padding: 5px 10px;
						border: 1px #CCC solid;
						float: left;
						color: #181312;
						background: #EFEFEF;
					}
					
						.item .desc .tabs .menu li a:hover {
							background: #F7F7F7;
						}
						
						.item .desc .tabs .menu li a.on {
							border-bottom: 1px #F7F7F7 solid;
							background: #F7F7F7;
						}
			
			.item .desc .tabs .tab_content {
				width: 530px;
				margin: -1px 0 10px 0;
				padding: 14px;
				border: 1px #CCC solid;
				float: left;
				background: #F7F7F7;
			}
			
				.item .desc .tabs .tab_content h1, .item .desc .tabs .tab_content h2, .item .desc .tabs .tab_content h3, .item .desc .tabs .tab_content h4, .item .desc .tabs .tab_content h5 {
					margin: 0 0 10px 0;
					font-weight: bold;
				}
				
				.item .desc .tabs .tab_content p, .item .desc .tabs .tab_content ul, .item .desc .tabs .tab_content ol {
					margin: 0 0 10px 0;
				}
				
					.item .desc .tabs .tab_content ul li {
						margin: 5px 0 0 0;
						list-style: inside disc;
					}
					
					.item .desc .tabs .tab_content ol li {
						margin: 5px 0 0 0;
						list-style: inside decimal;
					}
	
	.item .media {
		width: 300px;
		float: left;
	}
	
		.item .media p {
			width: 300px;
			margin: 0 0 10px 0;
			float: left;
		}
		
			.item .media p.image a {
				width: 288px;
				padding: 5px;
				border: 1px #D9D7D7 solid;
				float: left;
				background: #EFEEEE;
			}
			
				.item .media p.image a:hover {
					border: 1px #D0D0D0 solid;
					background: #E5E5E5;
				}
			
				.item .media p.image a img {
					width: 288px;
					float: left;
				}
			
			.item .media p.magnifier {
				text-align: center;
			}


/*

Cart

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

.cart {
	width: 750px;
	padding: 10px 65px 0 65px;
	float: left;
	vertical-align: middle;
}

.ucColorSubHeader {
	color: #334B73;
}

#ucPayPalCheckoutSection.ucColorSubHeader {
	font-size: 20px;
}

.ucTableBorderBackground {
	background: none;
}

.ucTableHeaderBackground {
	color: #FFF;
	background: #334B73;
}

td.ucTableHeaderBackground {
	padding: 10px 0 0 0;
}

span.ucTableHeader {
	color: #FFF;
}

	.ucTableHeaderBackground td {
		padding: 15px 0 0 0;
	}
	
		.ucTableHeaderBackground td span.ucTableHeader {
			padding: 0;
			color: #FFF;
		}


/*

Footer

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

	.footer {
		width: 880px;
		margin: 40px 0 0 0;
		padding: 20px 0;
		border-top: 5px #AFC0DB solid;
		float: left;
		text-align: center;
		color: #999;
	}
	
		.footer a {
			color: #999;
		}
		
		.footer .big {
			font-size: 12.75px;
		}
			.footer .big a {
				color: #181312;
			}
		
		.footer ul {
			padding: 0 0 15px 0;
		}
		
			.footer ul li {
				display: inline;
				padding: 0 10px;
			}
		
		.footer p {
			padding: 0 0 15px 0;
		}