﻿@charset "UTF-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #000;
}

#wrap {
	margin: 0 auto;
	width: 765px;
	text-align: center;
}

a current {
	text-decoration:underline;
}

.fs-input {
	background-color:#ffffff;
}

.fs-select {
	background-color:#999999;
	color: ffffff;
}

.fs-texta {
 font-size: 10px;
 background-color: #ffffff;
 border: 1px solid #666666;
}

.fs-label {
	text-align: left;
	padding: 7px 0 0 0;
	font-size: .9em;
	font-weight: 500;
	text-transform: uppercase;
	color:#FFFFFF ;
}

.fs-text {
	color: #FFFFFF;
	text-align: left;
	padding: 0 0 0 22px;
}

.fs-text-header {
	font-size: 1.2em;
	letter-spacing: -0.5px;
	font-weight: 500;
}

.fs-text-p {
	font-size: .7em;
	letter-spacing: -0.5px;
	padding-left: 8px;
}

.fs-text-legend {
	font-size: 1.2em;
	letter-spacing: -0.5px;
	padding-left: 8px;
}

#fs-wrap {
	width: 744px;
	margin: 0 auto;
}

#fs-column-left {
	padding: 0;
	float: left;
	width: 431px;
	background-color:#5d5d5d;
}

#fs-column-right {
	float:right;
	width: 303px; /*leave a 10px gutter betwen left and right columns */
}

#fs-form-block {
	position:relative;
	width: 431px;
	text-align:left;/*	background: #282828;*/
}

#fs-form-header {
	text-align:left;
	height: 45px;
	width: 431px;
	background-color: #e03dfb;
	background:url(../../images/free-sample-header.png) no-repeat;
}

.fs-header-text {
	padding: 17px 0 0 168px;
	color:#FFFFFF;
	font-size: .67em;
	font-weight:500;
}

.fs-header-text a {
	text-decoration: none;
	font-weight:normal;
	color: #280063;
}

.fs-header-text a:hover {
	font-weight:normal;
	color: #ffffff;
}


/*HEADER
--------------------------------------------------------------*/
#header {
	background-color: #000000;
	padding: 0;
	margin: 0;
	width: 765px;
}

.header-top-left {
	float: left;
	width: 226px; 
	height: 64px;
}

.header-top-right {
	background-color: #000000;
	float: right;
	width: 539px;
	height: 64px;
}

.header-sections {
	padding-left: 168px;
	padding-top: 0;
	height: 24px;
}

.section-nav {
	width: 364px;
	height: 11px;
	background: url(../../images/sprite-top.png) no-repeat;
	position: relative;
}

.section-nav li {
	float: left;
	list-style:none;
}

.section-nav li a:link, .section-nav li a:visited {
	position: absolute;
	top: 0;
	height: 11px;
	text-indent: -9000px;
	overflow: hidden;
}

.general-nav {
	float:right;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	text-transform:uppercase;
	letter-spacing: .02em;
	padding-right: 14px;
}

.general-nav a {
	text-decoration:none;
}

.general-nav-current {
	text-decoration:underline;
}

.general-nav a:hover {
	text-decoration:underline;
}

.general-nav-free {
	color: #ff2286;
}


/*SECTION1, GENERAL*/
	.section-nav .section1 a:link, .section-nav .section1 a:visited {
		left: 0px;
		width: 66px;
	}
	.section-nav .section1 a:hover, .section-nav .section1 a:focus {
		background: url(../../images/sprite-top.png) no-repeat 0 -12px;
	}
	.section-nav .section1 a:active {
		background:url(../../images/sprite-top.png) no-repeat 0 -12px;
	}
	.current-section1 .section1 a:link, .current-section1 .section1 a:visited {
		background: url(../../images/sprite-top.png) no-repeat 0 -12px;
		cursor: default;
	}
	.section-nav-section1, .section-nav-section1-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 66px;
		height: 11px;
		background: url(../../images/sprite-top.png) no-repeat 0 -12px;
	}
	.section-nav-section1-click {
		background: url(../../images/sprite-top.png) no-repeat 0 -12px;
	}


/*SECTION2, WOMENS*/
	.section-nav .section2 a:link, .section-nav .section2 a:visited {
		left: 84px;
		width: 52px;
	}
	.section-nav .section2 a:hover, .section-nav .section2 a:focus {
		background: url(../../images/sprite-top.png) no-repeat -84px -12px;
	}
	.section-nav .section2 a:active {
		background: url(../../images/sprite-top.png) no-repeat -84px -12px;
	}
	.current-section2 .section2 a:link, .current-section2 .section2 a:visited {
		background: url(../../images/sprite-top.png) no-repeat -84px -12px;
		cursor: default;
	}
	.section-nav-section2, .section-nav-section2-click {
		position: absolute;
		top: 0;
		left: 84px;
		width: 52px;
		height: 11px;
		background: url(../../images/sprite-top.png) no-repeat -99px -12px;
	}
	.section-nav-section2-click {
		background: url(../../images/sprite-top.png) no-repeat -99px -12px;
	}

	
/*SECTION3, MENS*/
	.section-nav .section3 a:link, .section-nav .section3 a:visited {
	left: 153px;
	width: 35px;
	}
	.section-nav .section3 a:hover, .section-nav .section3 a:focus {
		background: url(../../images/sprite-top.png) no-repeat -153px -12px;
	}
	.section-nav .section3 a:active {
		background: url(../../images/sprite-top.png) no-repeat -153px -12px;
	}
	.current-section3 .section3 a:link, .current-section3 .section3 a:visited {
		background: url(../../images/sprite-top.png) no-repeat -153px -12px;
		cursor: default;
	}
	.section-nav-section3, .section-nav-section3-click {
		position: absolute;
		top: 0;
		left: 153px;
		width: 35px;
		height: 11px;
		background: url(../../images/sprite-top.png) no-repeat -153px -12px;
	}
	.section-nav-section3-click {
		background: url(../../images/sprite-top.png) no-repeat -153px -12px;
	}


/*SECTION4, MEDPRO*/
	.section-nav .section4 a:link, .section-nav .section4 a:visited {
		left: 214px;
		width: 146px;
	}
	.section-nav .section4 a:hover, .section-nav .section4 a:focus {
		background: url(../../images/sprite-top.png) no-repeat -214px -12px;
	}
	.section-nav .section4 a:active {
		background: url(../../images/sprite-top.png) no-repeat -214px -12px;
	}
	.current-section4 .section4 a:link, .current-section4 .section4 a:visited {
		background: url(../../images/sprite-top.png) no-repeat -214px -12px;
		cursor: default;
	}
	.section-nav-section4, .section-nav-section4-click {
		position: absolute;
		top: 0;
		left: 214px;
		width: 146px;
		height: 11px;
		background: url(../../images/sprite-top.png) no-repeat -250px -12px;
	}
	.section-nav-section4-click {
		background: url(../../images/sprite-top.png) no-repeat -250px -12px;
	}


.header-bottom {
	float: left;
	height: 27px;
}

/* LavaLamp styles for the entire general-navbar menu */
.general-navbar {
    position: relative;
    height: 27px; 
	width: 765px;
    background: url(../../images/navbar-interior2.jpg) no-repeat top;
    padding: 0; 
	margin: 0;
    overflow: hidden;
}
    /* Force the list to flow horizontally */
    .general-navbar li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .general-navbar li.back {
            background: url(../../images/lava5.png) no-repeat right -22px;
            width: 9px; 
			height: 22px;
            z-index: 8;
            position: absolute;
        }
            .general-navbar li.back .left {
                background: url(../../images/lava5.png) no-repeat top left;
                height: 22px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .general-navbar li a {
            position: relative; 
			overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font-size: 12px;
            color: #fff; 
			outline: none;
            text-align: center;
            height: 30px; 
			top: 6px;
            z-index: 10; 
			letter-spacing: 0;
            float: left; 
			display: block;
            margin: auto 10px;
			letter-spacing: .06em;
        }

#contentwrap {
	background-image: url(../../images/interior_bkg.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
	background-attachment: fixed;
	width: 744px;
	margin: 0 auto;
}

#productwrap {
	background-image: url(../../images/interior_product.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
	background-attachment: fixed;
	width: 744px;
	margin: 0 auto;
}

#exploremorewrap {
	background-image: url(../../images/explmore_bkg.png);
	background-repeat: repeat-y;
	background-position: 50% 0;
	background-attachment: fixed;
	width: 744px;
	margin: 0 auto;
}

#leftcolumn {
	padding: 0;
	float: left;
	width: 182px; 
}

.image-button {
	margin: 0px;
	padding: 0px;
	border: 0px; 
 }
 
.icon-button {
	border: 0px; 
 }
 
#sidenav-block {
	position:relative;
	/* ****
	top:8px;
	left:8px;
*/	
	width: 182px;
	text-align:left;/*	background: #282828;*/
}

.sidenav-block-image {
	text-align:center;
}

#rightcolumn {
	float:right;
	width: 552px;
}

#nkdtruth {
	background-image: url(../../images/naked_truth_bkg.jpg);
	background-repeat: no-repeat;
	height:727px;
}

#nkdtruth-answers {
	background-image: url(../../images/naked_truth_bkg_answers.jpg);
	background-repeat: repeat-y;
}

#nkdtruth-answer-top {
	background-image: url(../../images/naked_truth_bkg_answers_top.jpg);
	background-repeat: no-repeat;
	height: 68px;
}

#productcolumn {
	float:right;
	width: 552px;
}

#productleftcolumn {
	float:left;
	width: 302px;
}

#productrightcolumn {
	float:right;
	width: 238px;
}

.breadcrumb {
	background-color: #842396;
	height: 28px;
}



#prefooter {	
	height: 234px;
	clear: both;
	background: #000 url(../../images/btm_bar_vert.gif) repeat-x;
	text-align:left;
	color:#FFFFFF;
}

.prefooter-cs {
	float:left;
	padding: 24px 0 0 22px;
	width: 350px;
}

.prefooter-fs {
	float:right;
	padding: 24px 0 0 22px;
	width: 350px;
}

#footerwrap {

}

#footer-top {
	background-color: #842396;
	height: 48px;
}

.footer-top-left {
	float:left;
	width:220px;
}

.footer-top-right {
	float: right;
	width: 440px;
	text-align: right;
	padding: 0;
}

#footer-bottom {
	background-color: #000;
	height: 48px;
}

.so-me-bar {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
}

.so-me-bar-icon {
	padding: 0 12px 0 12px;
}

.contentspacer {
	clear: both;
	background-color:#000000;
	margin: 0;
	padding: 0;
	height: 18px;
}

.contentspacer-so-me {
	clear: both;
	background-color:#000000;
	margin: 0;
	padding: 0;
	height: 18px;
	float:right;
}

.ul-slightindent {
	padding-left:12px;
}
