/* CSS DOCUMENT */


/* BROWSER RESET */

ul, ol { list-style: none; }
a { outline: none; cursor: pointer; }
a img, :link img, :visited img, fieldset { border:none; }
h1, h2, h3, h4, h5, h6, pre, code,  { font-size: 6px; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, label, div, dd, dt, dl, table, img { margin: 0px; padding: 0px; }


/* GLOBAL STYLING */

body { 
	
	margin:0; padding:10px;
	
	background:#000; text-align: center; 
	
	font: 11px/17px Verdana, Helvetica, Arial, sans-serif; color: #a0a0a0; 
}

#header { 
	
	display: block; position: relative; 
	
	width: 895px; height: 31px; padding-top: 17px; 
	
	font-size: 12px; line-height: 14px; text-align: left; 
	
	vertical-align: top; z-index: 3;
}

.clear {clear:both;margin:0; padding:0;}
	
input { font: 11px/13px Verdana, Helvetica, Arial, sans-serif; }

blockquote { padding-left: 10px; padding-right: 10px; }

p, ol, dl, pre, blockquote{ padding-bottom: 10px; }

h1, h2, h3 { padding-bottom: 8px; }

h1 { font-size: 1.2em; color: #29609a; }
h2 { font-size: 1.1em; color: #29609a; }
h3 { font-size: 12px; color: Black; }

span h1, span h2, span h3 { display:none; }

a:link, a:visited, a:active { color: #a0a0a0; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }


/* FRAMEWORK */

#page { display: block; position: relative; width: 895px; margin: 0px auto; text-align: left;  }


/* COLUMNS */

#column-left { display: block; position: absolute; left: 0px; top: 48px; width: 175px; height: auto; vertical-align: top; z-index: 2;line-height:120%}
#column-right { display: block; position: absolute; left: 175px; top: 48px; width: 720px; height: auto; vertical-align: top; z-index: 1; }
#column-right-educators { display: block; position: absolute; left: 175px; top: 48px; width: 720px; height: auto; vertical-align: top; z-index: 1; } 


#content-area { display: block; position: relative; width:720px; min-height:460px; background: #fff url("../images/Content-Area-Top.gif") no-repeat; }
#content-area a:hover { color: #a0a0a0; }
#content-area p { color: #8c8c8c; font-size: 10px; line-height: 14px; }
#content-area p, #content-area .pseudo-h3 { padding-left:20px; padding-right: 20px; line-height: 16px;}
#content-area-bottom { display: block; position: relative; background: url("../images/Content-Area-Bottom.gif") no-repeat; height: 20px; margin-top:-2px;}
.j1{color:#333333;font-size:12px;margin:0px 20px;}
.j2{color:#333333;font-size:12px;margin:0px 20px 0px 0px;}
.j3{color:#333333;font-size:12px;margin:0px 40px 0px 40px;}

/* body#find-a-salon #content-area { background-image: none; } */

#footer { display: block; position: relative; width: 720px; height: 30px; font-size: 10px; color: #a0a0a0; }
#footer ul { float: right; display: inline; width: 720px; padding-top: 5px; }	
#footer ul li { float: left; display: inline; padding-left: 15px; float:left;}
#footer ul li a { display: block; }
#footer ul li span { color: White; }
#footer ul li.copyright { text-align:right; float:right;}


/* HOMEPAGE */

#home-content-area { display: block; position: relative; width: 680px; height: 446px; background: url("../images/home-background.jpg") no-repeat; padding: 20px 20px; text-align: right; }
.home-content-area-tile { display: block; position: relative; float:right; clear:right; width: 155px; height: 107px; margin: 0px 0px 6px 0px; }
#home-content-area img { display: block;}

#home-content-area-block { display: block; position: absolute; height: auto; font-size: 11px; line-height: 16px; color: #8c8c8c; outline:none; z-index:100; left:0; top:0; width:524px;}
.home-content-area-block { display: block; position: absolute; height: auto; font-size: 11px; line-height: 16px; color: #8c8c8c; outline:none;  z-index:100; left:0; top:0; width:524px;}
#home-content-area-arrow { display: block; position: absolute; width: 8px; height: 9px; }


/* CLASSES */

#section-link { display: block; position: relative; font-size: 12px; padding: 21px 0px 6px 20px; color: Black; }
#section-link a { font-weight: normal; color: Black; }
#section-linke { display: block; position: relative; font-size: 12px; height:40px;width:100px; color: white; }

div.clear { clear: both; font-size: 1px; line-height: 1px; overflow: hidden; }

img.headline-image { padding-bottom: 17px; }

img.headline-thumb { padding-bottom: 17px; padding-left:20px;}

.hidden-item { display: none; }

p.pseudo-h3 { font-size:12px !important; color:#000 !important; margin-top:0px !important; padding-bottom:8px; font-weight:normal; }

p.pseudo-h3-roadshow { font-size:12px !important; color: #b51414; !important; margin-top:0px !important; padding-bottom:8px; font-weight:normal; }

body#whats-your-style .arrow { margin-top:50px; float:left; }

.red-text { color:#f00 !important; }

.regmark { font-size:7px; color:#a0a0a0 !important; vertical-align:top; }
.regmark-black-text { font-size:7px; color:#000000 !important; vertical-align:top; }
.reg-mark { font-size:9px;!important; vertical-align:top;line-height:4px;}
.trademark { font-size:9px; color:#a0a0a0 !important; vertical-align:top; } 

.vertical-space { display:block; margin-top:10px; }

.hide { display:none; }


/* NAVIGATION */

.nav-sections { display: block; position: relative; padding: 10px 5px 0px 4px; margin: 0px; }
.nav-sections-li { display: block; position: relative; padding-bottom: 20px; font-size: 13px; }

.nav-level2 { display: block; position: relative; padding: 2px 0px 10px 0px; font-size: 10px; line-height: 13px; }
.nav-level2-li { display: block; position: relative; background: url("../images/Nav-Arrow-Closed.gif") 0px 5px no-repeat; padding-bottom: 1px; }
.nav-level2-item-li { display: block; position: relative; background: url("../images/Nav-Dot-Off.gif") 0px 0px no-repeat; }
.nav-level2-li-selected { display: block; position: relative; background: url("../images/Nav-Arrow-Selected.gif") 0px 5px no-repeat; padding-bottom: 1px; }
.nav-level2-item-li-selected { display: block; position: relative; background: url("../images/Nav-Dot-On.gif") 0px 0px no-repeat; } 
.nav-level2-li a, .nav-level2-li-selected a, .nav-level2-item-li a, .nav-level2-item-li-selected a { display: block; padding: 3px 0px 0px 8px; }
.nav-level2-li a:hover { background: url("../images/Nav-Arrow-Hover.gif") 0px 5px no-repeat; }
.nav-level2-item-li a:hover { background:url("../images/Nav-Dot-On.gif") 0px 0px repeat-y; }
.nav-level2-li-open { display: block; position: relative; background: url("../images/Nav-Arrow-Open.gif") 0px 5px no-repeat; padding: 3px 0px 2px 8px; }

..nav-level3 { display: block; position: relative; padding: 3px 0px 7px 0px; font-size: 10px; line-height: 13px; }
.nav-level3-li, .nav-level3-li-sub { display: block; position: relative; background: url("../images/Nav-Dot-Off.gif") 0px -1px no-repeat; }
.nav-level3-li-on, .nav-level3-li-sub-on { display: block; position: relative; background: url("../images//Nav-Dot-On.gif") 0px -1px no-repeat; }
.nav-level3-li a, .nav-level3-li-sub a, .nav-level3-li-on a, .nav-level3-li-sub-on a { display: block; width: 157px; padding: 2px 0px 4px 6px; }
.nav-level3-li a:hover, .nav-level3-li-sub-on a:hover { background:url("../images/Nav-Dot-On.gif") 0px -1px no-repeat; }
.nav-level3-li-sub a:hover, .nav-level3-li-sub-on a:hover { background:url("../images/Nav-Dot-Hover.gif") 0px -1px repeat-y; }


.nav-level4 {
	display:none;
	position:absolute;
	left:163px;
	top:0px;
	width:150px;
	height:auto;
	padding:0px;
	margin:0px;
	font-size:10px;
	line-height:12px;
	z-index:1000;
	float:right;
	}
	
.nav-level4-top { width: 150px; height: 10px; background: transparent url("../Images/Nav-Menu-Top.gif") no-repeat; line-height: 1px; font-size: 1px; padding: 0px; margin: 0px 0px -4px 0px; }
.nav-level4-bottom { width: 150px; height: 10px; background: transparent url("../Images/Nav-Menu-Bottom.gif") no-repeat; line-height: 1px; font-size: 1px;  margin: -3px 0px 0px 0px; }
.nav-level4-li { display: block; position: relative; width: auto; height: auto; margin: 0px; padding: 4px 20px 3px 20px; background: url("../Images/Nav-Menu-Bak.gif") repeat-y; }
.nav-level4-li a { margin: 0px; padding: 0px; background: none; width: 120px; }
.nav-level4-li a:hover { background: none; }

.nav-level4-selected { display: block; position: relative; width: auto; height: auto; padding: 2px 0px 7px 16px; color: White; }

a.nav-selected { color: #fff !important; }


.floating-content-box-container {
	margin-left:20px;
	margin-top:12px;
	}
	.floating-content-box {
		width:216px;
		float:left;
		margin-bottom:12px;
		}
		.floating-content-box a img, .floating-box a img {
	margin-bottom:35px;
			}
			body#product .floating-box a img { margin-bottom:0px !important; }
		.floating-content-box p, .floating-content-box .pseudo-h3 {
			margin-left:0px !important;
			padding-left:0px !important;
			}


#featured-box-top {
	background:url("/Global/images/featured-box-top.jpg") no-repeat;
	padding-top:10px;
	font-size:9px;
	}
	#featured-box-top p {
		line-height:13px;
		margin:10px 0px 0px 0px !important;
		}
	#featured-box-top p.pseudo-h3 {
		line-height:13px;
		margin-top:0px !important;
		}
#featured-box-bottom {
	background:url("/Global/images/featured-box-bottom.jpg") no-repeat;
	height:16px;
	}
#featured-border {
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	padding-left:16px;
	padding-bottom:0px;
	}
#featured-border2 {
	border-left:1px solid #a0a0a0;
	border-right:1px solid #a0a0a0;
	padding-left:16px;
	font-size:10px;
	padding-bottom:1px;
	}
	#featured-border2 p {
		margin:0px !important;
		padding:5px 0px 0px 0px !important;
		}


.floating-content-box2 {
	width:126px;
	float:left;
	margin-top:12px;
	}
	.floating-content-box2 .pseudo-h3 {
		margin:0px 0px 2px 0px !important;
		padding-left:0px !important;
		}
	.floating-content-box2 ul li {
		color:#8c8c8c;
		font-size:9px;
		}

.black-text {
	color:#000 !important;
	}


#content-column-left {
	width:428px;
	float:left;
	}
#content-column2-left {
	width:510px;
	float:left;
	line-height:180%;
	}
#content-column-right {
	width:252px;
	float:left;
	}







.static-red-arrow { display:inline; margin:-2px 0px 0px 2px !important; }


img.img-left {
		float:left;
		margin:0px 5px 0px 0px;
		}

img.img-right {
		float:right;
		margin:26px 10px 10px 0px;
		}

.small-text { font-size:9px; }



body#about #bg-wrap {
	background:url("/About-CND/images/about-bg.jpg") bottom right no-repeat;
	width:420px;
	padding-right:300px;
	min-height:431px;
	}
body#about #content-area-bottom { background:url("/Global/images/Content-Area-Bottom-About.gif") no-repeat; height:20px; }




/* product
 * ------------------------------------------------------------------------- */
body#product .floating-box a { line-height:9px; }