@import url('http://yui.yahooapis.com/2.5.2/build/reset/reset-min.css');
/* CSS Document */
body {
	color: #636363;
	font-family: 'trebuchet ms', arial, helvetica, sans-serif;
	font-size: 13px;
	}

p.pad_1 {
	padding: 20px;
	}

.clear {
	clear: both;
	height: 1px;
	margin: auto;
	}

#wrapper {
	margin: auto;
	width: 965px;
	}

#brand {
	height: 65px;
	margin: auto;
	padding: 8px 26px 0 26px;
	position: relative;
	width: 913px;
	}

	#brand .registerBtn {
		left: 735px;
		position: absolute;
		top: -10px;
		width: 67px;
		height: 30px;
		}

	#brand .signInOut {
		left: 470px;
		position: absolute;
		top: -10px;
		width: 261px;
		z-index: 20;
		}

		#brand .signInOut .interface {
			background: #60c456;
			color: #fff;
			display: none;
			padding: 12px;
			width: 237px;
			}

			#brand .signInOut .interface table tr td {
				padding: 3px;
				}

			#brand .signInOut .interface table tr td a#btnSignIn {
				background: #006699;
				border: solid 1px #003366;
				color: #fff;
				display: inline-block;
				font-size: 11px;
				padding: 2px 6px;
				text-decoration: none;
				}

			#brand .signInOut .interface table tr td a#btnSignIn:hover {
				background: #003399;
				}


		#brand .signInOut .tab {
			background: url('../../img/sign-in-tab.png') top no-repeat;
			height: 30px;
			width: 261px;
			}
#header {
	margin: -40px auto 0 auto;
	position: relative;
	z-index: 5;
	width: 965px;
	}

	#header #featureIntro {
		height: 336px;
		margin: auto;
		width: 965px;
		padding:0;
		margin:0;
		}

	#header #indexNav {
		margin: auto;
		width: 965px;
		margin:0;
		padding:0;
		}

		#indexNav img {
			float: left;
			height: 62px;
			margin:0;
			}

	a.nav {
	display: block;
	float: left;
	height: 62px;
	margin:0
	}

	a.collection {
		background: url('../../img/front/our-collection.jpg') no-repeat;
		background-position: -102px 0;
		width: 102px;
		}

	a.collection:hover {
		background-position: 0 0;
		}

	a.science {
		background: url('../../img/front/our-science.jpg') no-repeat;
		background-position: -86px;
		width: 86px;
		}

	a.science:hover {
		background-position: 0 0;
		}

	a.proof {
		background: url('../../img/front/our-proof.jpg') no-repeat;
		background-position: -76px 0;
		width: 76px;
		}

	a.proof:hover {
		background-position: 0 0;
		}

	a.guarantee {
		background: url('../../img/front/our-guarantee.jpg') no-repeat;
		background-position: -106px 0;
		width: 106px;
		}

	a.guarantee:hover {
		background-position: 0 0;
		}

	a.shop {
		background: url('../../img/front/shop-online.jpg') no-repeat;
		background-position: -90px 0;
		width: 90px;
		}

	a.shop:hover {
		background-position: 0 0;
		}

	a.find {
		background: url('../../img/front/find-a-retailer.jpg') no-repeat;
		background-position: -100px 0;
		width: 100px;
		}

	a.find:hover {
		background-position: 0 0;
		}

	a.meet {
		background: url('../../img/front/meet-april.jpg') no-repeat;
		background-position: -82px 0;
		width: 82px;
		}

	a.meet:hover {
		background-position: 0 0;
		}

	a.contact {
		background: url('../../img/front/contact-us.jpg') no-repeat;
		background-position: -108px 0;
		width: 108px;
		}

	a.contact:hover {
		background-position: 0 0;
		}

#main {
	background: #fff;
	margin: auto;
	padding: 70px 0 0 0;
	width: 965px;
	}

	#main .content {
		background: url('../../img/front/cucumber.jpg') no-repeat;
		background-position: 28px 0;
		float: left;
		line-height: 24px;
		padding: 0 0 100px 284px;
		width: 467px;
		}

	#main .featureElements {
		float: left;
		padding: 0 26px 0 0;
		width: 188px;
		}

		#main .featureElements img {
			float: right;
			margin: 0 0 14px 0;
			}

#legal {
	background: #fff url('../../img/footer-background.jpg') top no-repeat;
	margin: auto;
	padding: 0 0 20px 0;
	width: 965px;
	}

	#legal .links {
		color: #fff;
		font-size: 11px;
		height: 40px;
		padding: 8px 0 0 0;
		text-align: center;
		width: 965px;
		}

		#legal .links a {
			color: #fff;
			text-decoration: none;
			}

	#legal #statements {
		background: url('../../img/disclaimer-icon.gif') no-repeat;
		background-position: 26px 0;
		color: #3e5dab;
		font-size: 10px;
		padding: 0 26px 10px 84px;
		width: 855px;
		}


		/* Header */
    /* Top */
      /* Btm */
    .nav { position: relative; float: left; }
    .nav a { display: block; height: 0; padding-top: 62px; overflow: hidden; }
    .nav li { display: block; float: left; }
    .nav li .first {width: 215px; display:block; height: 55px; background: url('../../img/front/nav-left.jpg') left top no-repeat #abcabc; }
    .nav li .our-collection { width: 99px; background: url('../../img/front/our-collection.jpg') -99px 0; }
    .nav li .our-collection:hover { background-position: 0 0; }
    .nav li .our-science { width: 86px; background: url('../../img/front/our-science.jpg') -86px 0; }
    .nav li .our-science:hover { background-position: 0 0; }
    .nav li .our-proof { width: 76px; background: url('../../img/front/our-proof.jpg') -76px 0; }
    .nav li .our-proof:hover { background-position: 0 0; }
    .nav li .our-guarantee { width: 102px; background: url('../../img/front/our-guarantee.jpg') -102px 0; }
    .nav li .our-guarantee:hover { background-position: 0 0; }
    .nav li .shop-online { width: 90px; background: url('../../img/front/shop-online.jpg') -90px 0; }
    .nav li .shop-online:hover { background-position: 0 0; }
    .nav li .find-a-retailer { width: 100px; background: url('../../img/front/find-a-retailer.jpg') -100px 0; }
    .nav li .find-a-retailer:hover { background-position: 0 0; }
    .nav li .meet-april { width: 82px; background: url('../../img/front/meet-april.jpg') -82px 0; }
    .nav li .meet-april:hover { background-position: 0 0; }
    .nav li .contact-us { width: 108px; background: url('../../img/front/contact-us.jpg') -108px 0; }
    .nav li .contact-us:hover { background-position: 0 0; }