﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { border:0; outline:0; margin:0; padding:0; }
body { background-color:#EEE; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; text-align:left; margin:0; padding:0; }
h1 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:700; line-height:16px; margin-bottom:5px; }
h2 { color:#07D; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; line-height:17px; }
h3 { color:#000; margin-bottom:5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 13px; font-weight: bold; }
#outerWrapper { background-color:#fff; text-align:left; width:850px; margin:0 auto; position: relative; z-index:1; }
#outerWrapperWider { background-color:#fff; text-align:left; width:890px; margin:0 auto; position: relative; z-index:1; }
#outerWrapperVids { background-color:#fff; text-align:left; width:960px; margin:0 auto; position: relative; z-index:1; }
/*---Home---*/
.scrollable img { background-color:#444; text-align:left; width:750px; margin:0 auto; z-index:1; }
#homeEyeCandy { margin-bottom:15px; z-index:1; }
#contentHomeLeft { width:275px; float:left; margin-left: 50px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-right-width: 2px; border-right-style: solid; border-right-color: #b4b4b4; z-index:1; margin-bottom: 0px; }
#contentHomeLeftNew { width:185px; float:left; margin-left: 47px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; z-index:1; margin-bottom: 0px; }
#contentWrapper #contentHome #contentHomeRight p { line-height: 21px; }
#contentHomeRight { float:right; width:450px; margin-right: 50px; padding-top: 0; padding-right: 0; padding-bottom: 0px; padding-left: 0; z-index:1; }
#contentHomeRightNew { float:right; width:560px; margin-right: 40px; z-index:1; padding: 0 0 0px; }
#L8SLogo { margin-top: 0px; margin-right: 0; margin-bottom: -10px; margin-left: 0; z-index:1; }
.boldHome { font-weight:bolder; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; }
.bodyCopyHome { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; color:#CCC; }
.bodyCopyHome a, a:link, a:hover, a:active, a:visited { color:#CCC; }
#HumanityLogo { margin-top:20px; margin-left:0px; margin-bottom:2px; z-index:1; }
#AFLogo { margin-top:117px; z-index:1; }
#outerWrapperHome #headerHome { font-size:18px; height:130px; background-color:#444; background-image:url(../images/home/Logo.gif); background-repeat:no-repeat; background-position:133px 45px; margin:0; padding:0; z-index:1; }
#header { font-size:18px; height:105px; background-color:#FFF; margin:0; padding:0; z-index:1; }
/*---Top Navigation---*/

#topNavigation { height:25px; margin-top:0; padding:0; z-index:1; }
#topNavigationCap { height:13px; margin-top:0; padding:0; z-index:1; }
#topNavigationCore { margin-top:20px; margin-bottom:20px; margin-left:25px; height:146px; padding:0; z-index: 1; }
#topNavigationCoreVids { margin-top:20px; margin-bottom:20px; margin-left:25px; height:146px; padding:0; z-index: 1; }
#topNavigationWhtCore { margin-top:20px; margin-bottom:20px; margin-left:50px; height:275px; padding:0; z-index:1; }
#DDCore { margin-top:20px; margin-bottom:20px; margin-left:47px; height:211px; padding:0; z-index:1; }
/*---Left Column---*/
#leftcolumnCycle { float:left; height:146px; width:175px; z-index:1; }
#contentWrapper #leftColumn1 { float:left; width:130px; margin-left:24px; padding:0 20px 10px 15px; z-index:1; }
#leftColumn1Vids { float:left; width:140px; margin-left:25px; padding:0 20px 10px 15px; z-index:1; }
/*---Right Column---*/
#contentWrapper #rightColumn1 { background-color:#FFF; border-left-style:none; float:right; width:185px; display:block; margin:13px 0 0; padding:0; z-index:1; }
/*---Content---*/
#contentWrapper #content { width:425px; margin-top:0; margin-bottom:0; margin-left:200px; background-image:url(../images/right_line.gif); background-repeat:no-repeat; background-position:right top; padding:0 35px 15px 0; z-index:1; }
#contentWrapper #contentCalendar { width:590px; margin-top:0; margin-bottom:0; margin-left:200px; padding:0 0 15px; z-index:1; }
#contentWrapper #contentT3 { width:605px; margin-top:0; margin-bottom:0; margin-left:200px; padding:0 0 15px; z-index:1; }
#contentWrapperVids #contentT3Vids { width:745px; margin-top:0; margin-bottom:0; margin-left:200px; padding:0 0 15px; z-index:1; }
#contentWrapper #contentGoods { width:605px; margin-top:0; margin-bottom:0; margin-left:200px; padding:0 0 15px; z-index:1; }
#contentWrapper #contentT3 .pdf { color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
#outerWrapperHome #contentWrapper #contentHome { width:750px; height:390px; border-top:2px solid #666; border-bottom:2px solid #666; margin:0; padding:0; z-index:1; }
#contentWrapper #content a, a:link, a:visited, a:hover, a:active { color:#07D; text-decoration:none; font-size:11px; }
#contentWrapper .clearFloat { clear:both; display:block; }
/*---Footer---*/
#footer { background-color:#EEE; color:#CCC; font-size:11px; height:20px; padding:5px 0 10px; z-index:1; }
#footerWhite { background-color:#FFF; color:#777; font-size:11px; padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px; height: 100px; z-index:1; }
#outerWrapperHome #footerWhite .right a, a:link, a:visited, a:hover, a:active { color:#777; text-decoration:none; }
#outerWrapperHome #footer .right a, a:link, a:visited, a:hover, a:active { color:#0077dd; text-decoration:none; }
#footerWhite .credits { font-size: 8px; font-family: Geneva, sans-serif; color: #bbb; line-height: 8px; }
#outerWrapperHome #footerHome { background-color:#FFF; color:#777; font-size:10px; height:20px; width:750px; float: left; padding-top: 5px; padding-right: 0; padding-bottom: 10px; padding-left: 0; z-index:1; }
#outerWrapperHome #footerHome a { color:#777; text-decoration:none; z-index:1; }
/*---Left Nav---*/
.leftNavLinks { width:130px; position:relative; margin-left:8px; z-index:1; }
.leftNavLinksUL { width:130px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:2px; z-index:1; }
.leftNavLinksLI { display:block; float:left; font-size:11px; width:130px; margin-top:0; text-align:left; margin-bottom:5px; z-index:1; }
.leftNavLinksLI a { display:block; text-decoration:none; color:#666; background-color:transparent; background-image:url(../images/list-off.gif); background-repeat:no-repeat; background-position:left 6px; padding:0 6px 0 8px; z-index:1; }
.leftNavLinksLI a:visited, .leftNavLinksLI a:active { text-decoration:none; color:#666; z-index:1; }
.leftNavLinksLI a:hover { background-color:transparent; background-image:url(../images/list-on.gif); background-repeat:no-repeat; background-position:left 6px; text-decoration:none; color:#07D; z-index:1; }
.leftNavLinksLI a.current { text-decoration:none; color:#07D; background-color:transparent; background-image:url(../images/list-active.gif); background-repeat:no-repeat; background-position:left 6px; z-index:1; }
/*---Left SubNav---*/
.leftSubNavLinks { width:130px; position:relative; margin-left:8px; z-index:1; }
.leftSubNavLinksUL { width:130px; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:2px; z-index:1; }
.leftSubNavLinksLI { display:block; float:left; width:130px; margin-top:0; text-align:left; margin-bottom:5px; z-index:1; }
.leftSubNavLinksLI a { display:block; text-decoration:none; color:#666; background-color:transparent; background-image:url(../images/list-off.gif); background-repeat:no-repeat; background-position:13px 6px; z-index:1; padding-top: 0; padding-right: 6px; padding-bottom: 0; padding-left: 20px; }
.leftSubNavLinksLI a:visited, .leftNavLinksLI a:active { text-decoration:none; color:#666; z-index:1; }
.leftSubNavLinksLI a:hover { background-color:transparent; background-image:url(../images/list-on.gif); background-repeat:no-repeat; background-position:13px 6px; text-decoration:none; color:#07D; z-index:1; }
.leftSubNavLinksLI a.current { text-decoration:none; color:#07D; background-color:transparent; background-image:url(../images/list-active.gif); background-repeat:no-repeat; background-position:13px 6px; z-index:1; }
/*---Right Nav---*/
.rightNavLinks { width:131px; position:relative; margin-left:8px; z-index:1; }
.rightNavLinksUL { margin:0; padding:0; z-index:1; }
.rightNavLinksLI { display:block; float:left; width:131px; height:40px; margin:0; padding:0; z-index:1; }
.rightNavLinksArtistUL { margin:0 0 0 5px; padding:0; z-index:1; }
.rightNavLinksArtistLI { display:block; float:left; width:131px; height:40px; list-style:none; margin:0; padding:0; z-index:1; }
/*---Classes---*/
.exartists { font-weight:700; color:#07D; }
.blueText { color: #07D; }
.right { text-align:right; float:right; }
.left { float:left; }
.clearer { clear:both; }
/*---Search---*/
form { margin:0; }
#search_box { width:155px; height:26px; background-image:url(../images/searchbox.gif); top:25px; position:relative; left:646px; z-index:1; }
#search_box #s { /*-----Home Code-----*/ float:left; width:115px; height:14px; background:none; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:1; margin-top:5px; margin-left:8px; border: 1px none #FFF; z-index:1; }
#search_box #go { float:right; margin:5px 10px 0 0; z-index:1; }
#search_box_home { width:155px; height:26px; background-image:url(../images/searchbox_grey.gif); top:80px; position:relative; left:593px; z-index:1; }
#search_box_home #go { float:right; margin:4px 10px 0 0; z-index:1; }
#newsletter_box_home { width:155px; height:26px; background-image:url(../images/searchbox_grey.gif); top:3px; position:relative; left:0; z-index:1; }
#newsletter_box_home #go { float:right; margin:3px 2px 0 0; z-index:1; }
/*---Calendar---*/
.notcurrent { color:#aaa; background-color:#ccc; }
.current { color:#aaa; background-color:#FFF; }
.today { color:#07D; background-color:#eee; }
.highlight { color:#aaa; background-color:#e6f1fc; }
.tdheader { text-align:center; font:11px Arial, Helvetica, sans-serif; font-weight:700; border-width:0; }
.tdprevious { text-align:left; font:12px Arial, Helvetica, sans-serif; }
.tdtitle { color:#07D; text-align:center; font:12px Arial, Helvetica, sans-serif; height:30px; font-weight:700; }
.tdnext { text-align:right; font:12px Arial, Helvetica, sans-serif; }
.tdcell { width:22px; height:22px; font:9px Arial, Helvetica, sans-serif; text-align:right; line-height:9px; vertical-align:bottom; padding-right:2px; border:thin none #C00; }
.tdfiller { line-height:0; height:3px; background-color:#eee; }
#calendarContent { position:relative; width:350px; min-height:500px; height:auto !important; height:500px; left:0; top:-10px; background-image:url(../images/right_line.gif); background-repeat:no-repeat; background-position:right top; padding-right:25px; z-index:1; }
.pics { height:145px; width:600px; overflow:hidden; margin:0; padding:0; }
.pics img { height:145px; width:600px; border:1px solid #ccc; background-color:#eee; top:0; left:0; margin:0; padding:0; }
.tinytext { font-size:10px; color:#CCC; }
.justify { text-align:justify; }
.blackText { color:#000; font-weight: bold; }
#search_box_home #s, #newsletter_box_home #s { float:left; width:115px; height:14px; background:none; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:1; margin-top:3px; margin-left:8px; border:1px solid #444; z-index:1; }
.input { color:#666; font: 11px "MS Sans Serif", Geneva, sans-serif; }
textarea { color:#666; font: 11px "MS Sans Serif", Geneva, sans-serif; }
#logo { height: 103px; width: 353px; position: absolute; left: 254px; top: 0px; z-index:1; }
#logoWhite { height: 62px; width: 388px; position: absolute; left: 181px; top: 20px; z-index:1; }
#contentWrapper #contentT3 a { font-size: 11px; color: #0077dd; text-decoration: none; }
#footerWhite .right a { color: #777; }
#footerWhite .right .credits { line-height: 12px; }
.tableBorder { border: 1px solid #AAA; }
#contentWrapper #contentT3 #pressTabs { margin: 0px; padding: 0px; }
#contentWrapper #contentT3 .pressMonth { padding: 0px; margin-top: -5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#contentWrapper #IrisNightsTable h1 { margin: 0px 0px 10px; padding: 0px;	/*height: 25px;*/ }
/*------------------------------------------------
Player List for IRIS Nights
------------------------------------------------*/
/*{{{ general playlist settings, light gray */
.playlist { position:relative; overflow:hidden; height:263px !important; width: 164px; z-index:1; }
.playlist .clips { position:absolute; height:20000em; }
.playlist, .clips { width:164px; }
.clips a { display:block; background-color:#fefeff; padding:10px; height:47px; width:164px; font-size:11px; border:1px none #ccc; text-decoration:none; letter-spacing:-1px; color:#000; cursor:pointer; background-image: url(../images/iris_nights_template/bk-clips.png); background-repeat: repeat-x; }
.clips a.first { border-top-width:1px; }
.clips a.playing, .clips a.paused, .clips a.progress { background:url(../images/iris_nights_template/light.png) no-repeat 0px -69px; width:225px; border:0; }
.clips a.progress { opacity:0.6; }
.clips a.paused { background-position:0 0; }
.clips a span { display:block; font-size:11px; color:#666; }
.clips a em { font-style:normal; color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.clips a:hover { background-color:#f9f9fa; }
.clips a.playing:hover, .clips a.paused:hover, .clips a.progress:hover { background-color:transparent !important; }
/*}}}*/

/*low version */

.clips.low a { height:31px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }
.clips.low a.playing, .clips.low a.paused, .clips.low a.progress { background-image:url(../images/iris_nights_template/light_small.png); background-position:0 -55px; }
.clips.low a.paused { background-position:0 0; }
/*}}}*/

/*------------------------------------------------
NEW Player List for IRIS Nights
------------------------------------------------*/
/*{{{ general playlist settings, light gray */
.playlist2 { position:relative; overflow:hidden; height:346px !important; /*width: 164px;*/ width: 148px; z-index:1; }
.playlist2 .clips2 { position:absolute; height:20000em; }
.playlist2, .clips2 { /*width:164px;*/ width:148px; }
.clips2 a { display:block; background-color:#fefeff; padding:10px; height:47px; /*width:164px;*/ width:148px; font-size:11px; border:1px none #ccc; text-decoration:none; letter-spacing:-1px; color:#000; cursor:pointer; background-image: url(../images/iris_nights_template/bk-clips.png); background-repeat: repeat-x; }
.clips2 a.first { border-top-width:1px; }
.clips2 a.playing, .clips2 a.paused, .clips2 a.progress { background:url(../images/iris_nights_template/light.png) no-repeat 0px -69px; width:225px; border:0; }
.clips2 a.progress { opacity:0.6; }
.clips2 a.paused { background-position:0 0; }
.clips2 a span { display:block; font-size:11px; color:#666; }
.clips2 a em { font-style:normal; color:#666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.clips2 a:hover { background-color:#f9f9fa; }
.clips2 a.playing:hover, .clips2 a.paused:hover, .clips2 a.progress:hover { background-color:transparent !important; }
/*}}}*/

/*low version */

.clips2.low2 a { height:31px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; }
.clips2.low2 a.playing, .clips2.low2 a.paused, .clips2.low2 a.progress { background-image:url(../images/iris_nights_template/light_small.png); background-position:0 0px; }
.clips2.low2 a.paused { background-position:0 0; }
/*}}}*/

/*NEW go buttons */

a.go2 { display:block; /*width:164px;*/ width:148px; height:20px; background:url(../images/iris_nights_template/upWide.png) no-repeat; margin:0px; cursor:pointer; }
a.go2:hover, a.go2.down2:hover { background-position:0px -20px; }
a.go2.down2 { background-image:url(../images/iris_nights_template/downWide.png); }
a.go2.disabled { visibility:hidden; }
/*}}}*/


/*go buttons */

a.go { display:block; width:164px; height:20px; background:url(../images/iris_nights_template/up.png) no-repeat; margin:0px; cursor:pointer; }
a.go:hover, a.go.down:hover { background-position:0px -20px; }
a.go.down { background-image:url(../images/iris_nights_template/down.png); }
a.go.disabled { visibility:hidden; }
/*}}}*/


/*------------------------------------------------------
New Scrollable
-------------------------------------------------------*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable2 { /* required settings */ position:relative; overflow:hidden; width: 680px; height:120px; /* custom decorations */ border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x; }
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable2 .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
/*------------------------------------------------------
Scrollable
-------------------------------------------------------*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable { /* required settings */ position:relative; overflow:hidden; width: 680px; height:120px; /* custom decorations */ border:1px solid #ccc; background:url(/img/global/gradient/h300.png) repeat-x; }
/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items { /* this cannot be too large */ width:20000em; position:absolute; clear:both; }
.items div { float:left; width:680px; }
#contentWrapper #contentHome #contentHomeRightNew a { color: #666; text-decoration: none; }
.Arial1421 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 21px; text-align: left; }
.Arial1522 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 22px; text-align: left; }
.Arial1122 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; text-align: left; }
/*----Paging----*/
.navi { height:20px; margin-left:328px; width:200px; }
.navi a { background:transparent url(../images/scrollable/arrow/navigator.png) no-repeat scroll 0 0; display:block; float:left; font-size:1px; height:8px; margin:3px; width:8px; }
.navi a.active { background-position:0 -16px; }
.homeLogos { position: absolute; left: 50px; top: 908px; }
.redText { color: #DD2012; }
/*----New Beauty Culture Styles----*/
ul#portfolio1 li img, ul#portfolio2 li img, ul#portfolio3 li img, ul#portfolio4 li img, ul#portfolio5 li img, ul#portfolio6 li img, ul#portfolio7 li img, ul#portfolio8 li img { padding: 0px; margin: 0px; }
ul#portfolio1, ul#portfolio2, ul#portfolio3, ul#portfolio4, ul#portfolio5, ul#portfolio6, ul#portfolio7, ul#portfolio8 { padding: 0px; margin: 0px; list-style:none; }
ul#portfolio1 li, ul#portfolio2 li, ul#portfolio3 li, ul#portfolio4 li, ul#portfolio5 li, ul#portfolio6 li, ul#portfolio7 li, ul#portfolio8 li { padding: 0px; margin: 0px; list-style:none; }

.inThumbs{margin-right:16px;}

