/********************************* Nikken Global CSS **************************************/

/*** HTML AND BODY Styles ***/
	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
		}
		
	body {
		background: #f1f1f1 url('/img/concrete_background.png');
	}
	
	/* styles for highlighting navigation for current page */
	body#home a#homenav,
	body#shop a#shopnav,
	body#join a#joinnav,
	body#mystory a#mystorynav,
	body#myproducts a#myproductsnav,
	body#consultant a#consultantnav,
	body#login a#loginnav,
	body#continue a#continuenav {
		color: #fff;
		background: #1a3805;
		background: url(/img/active_state.png) no-repeat top right;
	}

	body#home a#homenav span,
	body#shop a#shopnav span,
	body#join a#joinnav span,
	body#mystory a#mystorynav span,
	body#myproducts a#myproductsnav span,
	body#consultant a#consultantnav span,
	body#login a#loginnav span,
	body#continue a#continuenav span {
		background: url(/img/active_state.png) no-repeat top left;
	}
	
	a {
		outline: none;
	}
	
	a img {
		border: none;
	}
	
	
/*** CONTAINERS Styles ***/
	#umbrella {
		position: absolute;
    	top: 0px;
    	left: 50%;
		margin: auto;
    	margin-left: -500px;
		padding: 2px 10px;
		width: 980px;
		background: url(/img/page-background-n-shadow.png) top center repeat-y;
		height: 50px;
		border: 0;
	}
	
	#header-container {
		position: absolute;
    	top: 50px;
		left: 0;
		right: 0;
		height: 78px;
		background: url('/img/header_background.png');
		background-repeat: repeat-x;
		width:100%;
	}
	
	#header-content {
		width: 980px;
		margin: auto;
	}
	
	#page-container {
		width: 980px;
		background: url('/files/img/page-background-n-shadow.png') top center repeat-y;
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -200px auto;
		padding: 0px 10px;
		border:0;
		overflow: hidden;
	}
	
	#page-container.pwp-edit {
		width: 990px;
		padding: 0 0;
		background: #fff;
	}
	
	.cushion {
		height: 0px;
		/*height: 130px;*/
		clear: both;
	}
	
/*** POSITIONING STYLES ***/
	.floatRight {
		float: right;
	}
	
	.floatLeft {
		float: left;
	}
	
	.clear {
		clear: both;
	}

	

/*** FONT Styles ***/
	@font-face {
		font-family: PerspectiveSans;
		src: url('/fonts/Perspective_Sans/persans-webfont.eot'); /* for IE */
		src: local("~"),
			 url('/fonts/Perspective_Sans/persans-webfont.ttf') format('truetype'),
			 url('/fonts/Perspective_Sans/persans-webfont.svg') format('svg'),
			 url('/fonts/Perspective_Sans/persans-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		}
		
	@font-face {
		font-family: PerspectiveSansSemibold;
		src: url('/fonts/Perspective_SansSB/persansb-webfont.eot'); /* for IE */
		src: local("~"),
			 url('/fonts/Perspective_SansSB/persansb-webfont.ttf') format('truetype'), 
			 url('/fonts/Perspective_SansSB/persansb-webfont.svg') format('svg'),
			 url('/fonts/Perspective_SansSB/persans-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		}


/*** PARAGRAPH AND TEXT Styles ***/
	p {
		color: #5a5a5a;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 3px 0;
	}
	
	.bold {
		font-weight: bold;
	}
	
	a, ul {
		font-size: 12px;
		color: #383838;
	}
	

/*** UMBRELLA Styles ***/
	
	#umbrella ul {
		margin: 12px 20px 0 0;
		padding: 0;
	}
	
	#umbrella ul li {
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#umbrella ul li {
		display: inline-block;
	   *display: inline; /*this is so IE will display the navigation correctly*/

	}
	
	#umbrella img {
		margin: 7px 7px 0 0;
	}
	
	
	
/* Main Navigation (at the top of this style sheet are the styles for highlighting navigation for current page) */

ul#main-nav {
    padding: 5px;
    margin: 20px 0 0 4px;
    list-style: none;
    float: left;
}
 
ul#main-nav li {
    float: left;
    display: inline; /*For ignore double margin in IE6*/
    margin: 0 20px 0 0;
}
 
ul#main-nav li a {
    text-decoration: none;
    float:left;
    color: #fff;
    cursor: pointer;
	font-size: 14px;
	font-family: PerspectiveSans, Arial, Helvetica, Sans-Serif;
	text-shadow: 1px 1px 1px #222
}
 
ul#main-nav li a span {
    margin: 0 10px 0 -10px;
    padding: 6px 1px 12px 11px;
    position: relative; /*To fix IE6 problem (not displaying)*/
    float:left;
}

ul#main-nav li a:hover {
	background: url(/img/hover_state.png) no-repeat top right;
    color: #fff;
}
 
ul#main-nav li a:hover span {
    background: url(/img/hover_state.png) no-repeat top left;
}
	
	
/*** SIDEBAR NAVIGATION Styles ***/	
	
	#sidebar-nav {
		background: #fff;
		width: 280px;
		margin: 15px 0 15px 0;
	}
	
	#verticalNav, #cartInfo, #retWhol {
		margin: 0 20px 0 20px;
	}
		
	#verticalNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		
	#verticalNav li a {
		text-decoration: none;
	}
	
	.verticalNav1 {
		margin: 9px 0 0 5px;
	}
		
	.verticalNav1, .verticalNav1 a {
		color: #225400;
		font-size: 14px;
		font-family: PerspectiveSansSemibold, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	.verticalNav1_autoship {
		margin: 9px 0 0 0;
	}
	
	.verticalNav1_autoship, .verticalNav1_autoship a {
		color: #1e5b9f;
		font-size: 14px;
		font-family: PerspectiveSansSemibold, Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	.verticalNav2 li {
		color: #b0782f;
		margin: 0 0 0 25px;
		padding: 4px 0 4px 0;
		list-style-type: disc;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.verticalNav2 li a {
		color: #b0782f;
		font-family: Arial, Helvetica, sans-serif;
	}
		
	li.verticalNav3 {
		padding: 3px 0px;
	}
	
	li.verticalNav3 .navplus {
		padding: 4px 0 4px 20px;
		background-image: url(//img/vertnav_btn.png);
		background-repeat: no-repeat;
		background-position:0 4px;
	}
	li.verticalNav3 .minus {
		padding: 4px 0 4px 20px;
		background-image: url(//img/vertnav_minus_btn.png);
		background-repeat: no-repeat;
		background-position:0 4px;
	}
	
	li.verticalNav3, li.verticalNav3 a {
		color: #b0782f;
		font-size: 13px;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
	
	.verticalNav4 li {
		padding: 4px 0 1px 20px;
		background-image: none;
	}
	
	.verticalNav4 li, .verticalNav4 li a {
		color: #b0782f;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: .08em;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
	}
		
	
/*** MAIN CONTENT Styles***/
				
	#main-content {
		background: #ffffff;
		/*width: 700px;*/
		padding-top: 6px;
	}
	
	#breadcrumbs {
		width: 700px;
		padding: 7px 0px;
	}
	
	
/*** FOOTER Styles ***/
	
	#footer {
		margin: 0 auto;
		color: #5a5a5a;
		background: transparent url("/files/img/footer_back.png");
		width: 980px;
		height: 200px;
		clear: both;
	}
	
	.push {
		height: 200px;
		clear: both;
	}

	
	#affiliations {
		margin: 25px 0 0 40px;
	}
	
	#affiliations p {
		margin: 0;
	}
	
	#footerLinks {
		margin: 25px 0 0 120px;
	}
	
	#footerLinks ul {
		margin: 0;
		padding: 0;
	}
	
	#footerLinks ul li {
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
	}
		
	#micrositeLinks {
		margin: 25px 0 0 130px;
	}
	
	#micrositeLinks h5 {
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: normal;
	}
	
	#micrositeLinks ul {
		font-family: Arial, Helvetica, sans-serif;
		margin: 6px 0 0 0;
		padding: 0;
		list-style-type: none;
	}
	
	#micrositeLinks li {
		line-height: 15px;
	}