@charset "utf-8";
/* CSS Document */

a, a:hover, a:visited, #footer a, #footer a:hover, #footer a:visited {
	outline:none;
	text-decoration:none;
	cursor:pointer;
	color:#5C888D;
}

object {
	outline:none;
}

/* FONT TXT STYLING */

ul li, li {
	list-style:none;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

h1 {
	font-size:25px;
	text-transform:uppercase;
}

h2 {
	font-size:20px;
	text-transform:uppercase;
}

h3 {
	font-size:14px;
	text-transform:uppercase;
	color:#5C888D;
}

h3 a {
	font-size:14px;
	text-transform:uppercase;
	color:#5C888D;
}

h3 a:hover {
	color:#287377;
}

h1.divide-line, h4.divide-line {
	background:transparent url(images/aboutcopy-divide.png) no-repeat -8px top;
	width:624px;
	height:10px;
	padding-top:18px;
}

#container {
	margin:0 auto;
	width:830px;
}

.hair-ins {
	padding:10px 0 10px 0;
}


/*////////////////////// TOP HEADER ////////////////////////*/

.top-header {
	background-color:#000000;
	color:#FFFFFF;
	height:21px;
	padding-top:6px;
	width:100%;	
}

.top-header ul {
	position:relative;
	left:50%;	
	float:left;
	margin-left:103px;
}

.top-header ul li {
	padding-right:10px;
	float:left;
}

.top-header ul li a{
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:15px;
}

/*//////////////////////  HEADER ////////////////////////*/
.header {
	float:left;
	width:830px;
}

.header ul li.logo {
	width:278px;
	float:left;
}

.header ul li.logo a {
	background:transparent url(images/logo.png) no-repeat left top;
	display:block;
	height:140px;
	width:278px;
	margin-top:6px;
	text-indent:-30000px;
}

.header ul li.issue-date {
	float:right;
	width:260px;
	text-transform:uppercase;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;	
	margin-top:115px;
}


/*////////////////////// NAVIGATION ////////////////////////*/
#nav-holder {
	margin-left:-1px;
}

#global-subnav  {
	float:left;
	clear:both;
	width:831px;
	height:20px;
	background-color:#5C888D;
	padding:6px 0 0 0px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:17px;
}


#global-subnav ul li {
	padding:0px 12px 0 12px;
	background:transparent url(images/subnav-divider.jpg) no-repeat right 4px;
	float:left;
}

#global-subnav ul li.active, #global-subnav ul li:hover {
	background-color:#7a9ba0;
}

#global-subnav ul li a, #global-subnav ul li a:visited {
	text-decoration:none;
	color:#FFFFFF;
}


#global-nav {
	float:left;
	background-color:#000000;
	width:831px;
}

#global-nav ul li{
	float:left;
}

#global-nav ul li a {
	display:block;
	height:24px;
	text-indent:-30000px;
}

#global-nav ul li.home a{
	background:transparent url(images/global-nav.jpg) no-repeat left top;
	width:73px;
}

#global-nav ul li.home a:hover, #global-nav ul li.home a.active {background-position:left -24px; }

#global-nav ul li.hair a{
	background:transparent url(images/global-nav.jpg) no-repeat -73px top;
	width:58px;
}

#global-nav ul li.hair a:hover, #global-nav ul li.hair a.active{background-position:-73px -24px; }

#global-nav ul li.beauty a{
	background:transparent url(images/global-nav.jpg) no-repeat -131px top;
	width:85px;
}

#global-nav ul li.beauty a:hover, #global-nav ul li.beauty a.active {background-position:-131px -24px; }

#global-nav ul li.fashion a{
	background:transparent url(images/global-nav.jpg) no-repeat -216px top;
	width:95px;
}

#global-nav ul li.fashion a:hover, #global-nav ul li.fashion a.active {background-position:-216px -24px; }

#global-nav ul li.interior a{
	background:transparent url(images/global-nav.jpg) no-repeat -311px top;
	width:100px;
}

#global-nav ul li.interior a:hover, #global-nav ul li.interior a.active {background-position:-311px -24px; }

#global-nav ul li.music a{
	background:transparent url(images/global-nav.jpg) no-repeat -411px top;
	width:75px;
}

#global-nav ul li.music a:hover, #global-nav ul li.music a.active {background-position:-411px -24px; }

#global-nav ul li.videos a{
	background:transparent url(images/global-nav.jpg) no-repeat -486px top;
	width:81px;
}

#global-nav ul li.videos a:hover, #global-nav ul li.videos a.active {background-position:-486px -24px; }

#global-nav ul li.this-month a{
	background:transparent url(images/global-nav.jpg) no-repeat -567px top;
	width:186px;
}

#global-nav ul li.this-month a:hover, #global-nav ul li.this-month a.active {background-position:-567px -24px; }

#global-nav ul li.other a{
	background:transparent url(images/global-nav.jpg) no-repeat -753px top;
	width:77px;
}

#global-nav ul li.other a:hover, #global-nav ul li.other a.active {background-position:-753px -24px; }

/*////////////////////// CONTENT ////////////////////////*/

#content .left-col {
	float:left;
	width:235px;
}

#content .right-col {
	float:left;
	width:595px;
}

.page-img {
	background:transparent url(images/bg-page-image.jpg) no-repeat left top;
	width:585px;
	height:271px;
	margin-top:4px;
}

.page-img.large {
	background:transparent url(images/_imgs/_drivers/bg-page-image-homepage-Jan.jpg) no-repeat left top;
	width:585px;
	height:701px;
	margin-top:3px;
}

.signup-holder, .contact-holder, .hair-holder {
	color:#1A1A1A;
	margin:10px 0 0 10px;
}

.signup-holder .signup-btn{
	color:#1A1A1A;
	background:transparent url(images/btn-signup.jpg) no-repeat left top;
	width:214px;
	height:44px;
	text-transform:uppercase;
}

.signup-holder li.latest-info {
	color:#1A1A1A;
	font-size:10px;
	font-weight:bold;
}

input.signup, input.contact, input.hair {
	background:transparent url(images/formfield-signup.jpg) no-repeat left -2px;
	height:23px;
	width:151px;
	border:none;
	padding:2px 0 0 6px;
	color:#999999;
	margin-top:10px;
	float:left;
	font-size:12px;
	margin-right:6px;
}

input.signup.error, input.contact.error, textarea.contact.error, input.hair.error, textarea.hair.error{
	color:#FF0000;
}

input#signup-submit, input#contact-submit, input#hair-submit {
	background:transparent url(images/btn-signup-submit.jpg) no-repeat left -2px;
	width:50px;
	height:23px;
	display:block;
	text-indent:-30000px;
	border:none;
	float:left;
	margin-top:10px;
	cursor:pointer;
	outline:none;
}

input#signup-submit:hover {
	background:transparent url(images/btn-signup-submit-hover.jpg) no-repeat left -2px;
}

.signup-holder.divide-bottom {
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
	height:87px;
	width:215px;
}

.contact-holder.divide-bottom {
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
	padding-bottom:12px;
	width:215px;
}

.divide-bottom {
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
	padding-bottom:12px;
	width:215px;
}

.contact-holder {
	float:left;
	clear:both;
}

.contact-holder .contact-btn {
	color:#1A1A1A;
	background:transparent url(images/btn-signup.jpg) no-repeat left top;
	width:214px;
	height:31px;
	text-transform:uppercase;
}

.contact-btn li a, .contact-btn li a:visited  {
	text-decoration:none;
	color:#1A1A1A;
}

.contact-btn li a:hover, .signup-btnn li a:hover {
	color:#5C888D;
}

input.contact, input.hair {
	background:transparent url(images/form-inputfield.jpg) no-repeat left -2px;
	height:22px;
	width:197px;
	border:none;
	padding:3px 0 0 6px;
	color:#999999;
	margin-top:5px;
	float:left;
	font-size:12px;
	margin-right:6px;
}

textarea.contact, textarea.hair {
	background:transparent url(images/form-textfield.jpg) no-repeat left top;
	height:63px;
	width:197px;
	border:none;
	padding:6px 0 0 6px;
	color:#999999;
	margin-top:3px;
	float:left;
	font-size:12px;
	margin-right:6px;
	font-family:Arial, Helvetica, sans-serif;
}

.ad-holder {
	margin:10px 0 0 10px;
	float:left;
	clear:both;
}

.divide-bottom-body {
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
	padding-bottom:12px;
	padding-top:10px;
	width:580px;
}

.divide-top-body {
	background:transparent url(images/line-break.jpg) no-repeat left top;
	padding-bottom:12px;
	padding-top:10px;
	width:580px;
	float:left;
}

.divide-bottom-body.fashion {
	padding-bottom:12px;
	width:580px;
	float:left;
}

.divide-bottom-body.fashion h2{
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
}

.divide-bottom-body.fashion ul li{
	float:left;
	clear:both;
}


.body-copy p, .body-copy img{
	padding:10px 0 10px 0;
}

.body-copy {
	float:left;
	clear:both;
	margin-bottom:5px;
}


.body-content {
	clear:both;
	float:left;
	width:588px;
	padding-left:7px;
}

.body-content p{
	width:565px;
}

.content-block.music, .content-block.other {
	float:left;
	margin-top:15px;
}

.content-block.music .block-copy, .content-block.other .block-copy {
	float:left;
	width:395px;
}

.content-block.music .block-copy p, .content-block.other .block-copy p{
	width:395px;
}

.content-block.music .img, .content-block.other .img{ 
	border:1px dotted #CCCCCC;
	float:left;
	margin-right:10px;
	width:150px;
}

p.img {
	padding:6px 0 0 9px;
}

.content-block-qa {
	background:transparent url(images/line-break.jpg) no-repeat left top;
	float:left;
	padding-top:18px;
	padding-bottom:18px;
	width:565px;
}

.content-block-qa ul.questions-and-answers li {
	float:left;
	clear:both;
}

.content-block-qa li.copy p {
	width:395px;
}

.content-block-qa.no-img ul.questions-and-answers {
	width:565px;
	float:left;
	padding-right:0px;
}
.content-block-qa.no-img ul.questions-and-answers li, .content-block-qa.no-img ul.questions-and-answers li.copy p{
	width:565px;
}

.content-block-qa ul.questions-and-answers {
	width:395px;
	float:left;
	padding-right:40px;
}

.content-block-qa ul.answers-img {
	width:125px;
	float:left;
}
.content-block-qa ul.answers-img li{
	width:125px;
	height:156px;
	border:1px #999999 dotted;
}

.content-block.fashion {
	float:left;
	height:325px;
	margin-right:7px;
	width:189px;
}


.content-block.other {
	float:left;
	height:200px;
	margin-right:7px;
	width:189px;
}

.content-block.fashion ul li, .content-block.other ul li {
	float:left;
	clear:both;
}

.content-block.fashion ul li.block, .content-block.other ul li.block {
	background-color:#000000;
	color:#FFFFFF;
	width:189px;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	height:21px;
	margin-top:-30px;
}
.item {
	float:left;
}
.content-block-teaser {
	width:173px;
	float:left;
	margin-top:18px;
	margin-right:23px;
	height:345px;
}

.content-block.fashion ul li.description, .content-block.other ul li.description {
	text-align:center;
	width:189px;
}

.content-block-teaser ul li {
	float:left;
	clear:both;
}

.content-block-teaser ul li.copy {
	width:170px;
}

.content-block-teaser ul li.img {
	height:170px;
	border:#CCCCCC dotted 1px;
	width:170px;
	text-align:center;
}

.content-block-teaser ul li.block {
	background-color:#000000;
	color:#FFFFFF;
	width:170px;
	font-size:17px;
	text-transform:uppercase;
	text-align:center;
	height:21px;
	margin-top:-30px;
}

ul li.copy {
	padding:10px 0 10px 0px;
}

a.read-more {
	background:transparent url(images/btn-read-more.jpg) no-repeat left top;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	color:#FFFFFF;
	display:block;
	width:73px;
	height:24px;
	padding:5px 0 0 5px;	
}

ul#collapse-list {
	float:left;
}

ul#collapse-list li {
	padding:18px 0;
	width:565px;
}

.padd {
	padding-left:20px;
}

ul#collapse-list li a.collapse-header, ul#collapse-list li a.collapse-header:hover {
	background:transparent url(images/btn-collapse-plus.jpg) no-repeat left top;
	text-decoration:none;
	color:#5C888D;
	text-transform:uppercase;
	padding-left:20px;
}

ul#collapse-list li.active a.collapse-header {
	background:transparent url(images/btn-collapse-minus.jpg) no-repeat left top;
}

.divide {
	background:transparent url(images/line-break.jpg) no-repeat left bottom;
	padding-top:6px;
}

.collapse-copy p{
	padding:10px 0 10px 0;
}





/*////////////////////// FOOTER ////////////////////////*/
#footer {
	background:transparent url(images/bg-footer.jpg) no-repeat left top;
	height:88px;
	width:830px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:11px;
	margin-top:30px;
}

#footer, #footer ul li {
	float:left;
	padding-top:41px;
	padding-right:6px;
}

#footer ul li.first {
	margin-left:15px;
}

#footer ul li.last {
	margin-left:425px;
}

#footer ul li a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

#footer ul li.last a {
	color:#FFFFFF;
	text-decoration:none;
}

#footer ul li.last a:hover, #footer ul li a:hover {
	color:#5C888D;
	text-decoration:none;
}