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


/******************* MAIN LAYOUT AND BACKGROUNDS *********************/

* {margin: 0; padding: 0; font-family: Arial, Helvetica, Sans-serif; }

/* body { background: #ffc1e6 url(../images/games.jpg) repeat-x; margin-left: 0px; margin-top: 0px; position: absolute; z-index: 1; width: 100%;} */
body { background: #ffc1e6 url(../images/body_bg.png) repeat-x; margin-left: 0px; margin-top: 0px; position: absolute; z-index: 1; width: 100%;}

#header {position: absolute; top: 0px; left: 0px; z-index: 100;}
.store_header {border-left: 2px solid #e2e2e2; padding-left: 2px; background: #d7d7d7;}

#container {padding-top: 162px; background: url(../images/page_bg.png) 0 -14px repeat-y; position: relative; width: 1024px;}
#store_content {padding-top: 28px;}
.store #footer_links {padding-left: 170px; }
.store #footer_buttons {padding-left: 210px; }

* html #container {margin-bottom: 0px !important; padding-bottom: 0px !important; }

#left_notebook {width: 272px; float: left; position: relative; min-height: 483px;  background: url(../images/topofnote.jpg) no-repeat; padding-top: 22px; padding-bottom: 13px;}

#left_notebook p { line-height: 14px;  padding: 20px 64px 0px 52px; } /* margin: 20px 64px 0px 52px; */
#left_notebook h1 {font-size: 20px; color:#E09EFD; line-height: 20px; margin-bottom: -20px; padding: 0px 64px 0px 52px;}

#main_content {background: #ffd4ef url(../images/newerest_spiral.png) 0px 0px no-repeat; width: 734px; min-height: 518px; float: left; }

#media {width: 641px; background: url(../images/star_bg3.png) 33px 0px no-repeat; min-height: 518px; float: left;}
* html #media {height: 518px; }

.tall #main_content {background: #fff url(../images/about.sub.swirl.gif) repeat-y; }
.tall #media {background: none; }

.old_swirl #main_contents {background: url(../images/contactsub.jpg) 92px 0px no-repeat;  }
.old_swirl #media {padding-top: 30px; }

	/*************** SPECIAL ELEMENTS ****************/

	#bottom_notebook {position: absolute; bottom: 0px; left: 0px; background: url(../images/bottomnote.jpg); height: 12px; width: 272px; z-index: 500;}

	#top_right {position: absolute; top: 190px; right: 0px; background: url(../images/new_sidecurve.png); height: 99px; width: 16px; z-index: 500;}	
	
	.tall #top_right, .what_is #top_right, .old_swirl #top_right {position: absolute; top: 190px; right: 0px; z-index: 500; background: url(../images/simple.sidecurve.jpg); height: 99px; width: 64px; }
	
	* html #top_right, * html #bottom_notebook, * html #page_clear {display: none; }
	
	a.girl_image {display: block; float: left; clear: both; height: 66px; width: 66px; background: url(../images/girls_boxes.png); text-indent: -200em; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }
	#raisin {background-position: 0 -66px;}
	#butta {background-position: 0 -132px;}
	#krack {background-position: 0 -198px;}
	#rowdy {background-position: 0 -264px;}
	
	img#girls {float: left; }
	
	#product_boxes {float: left; width: 93px; margin-left: 0px;}
	#product_boxes li {width: 93px; float: left; display: block; list-style: none;}
	#product_boxes li a {width: 93px; height: 58px; background: url(../images/productLeftNav2.jpg); display: block; text-indent: -350em; overflow: hidden;}
	#product_boxes li a:hover {background-position: -93px 0px; }
	
	#product_boxes #lip_gloss_box {height: 65px;}
	#product_boxes #blush_box {background-position: 0 -65px; }
	#product_boxes #lip_balm_box {background-position: 0 -121px; }	
	#product_boxes #itty_bitties_box {background-position: 0 -177px; }		
	#product_boxes #nail_polish_box {background-position: 0 -234px; height: 56px; }
	#product_boxes #eye_shadow_box {background-position: 0 -291px; height: 56px; }	
	#product_boxes #minis_box {background-position: 0 -346px; height: 58px;}
	#product_boxes #teeny_box {background-position: 0 -404px; height: 56px;}	
	#product_boxes #private_label_box {background-position: 0 -460px; height: 59px;}
	
	#product_boxes #blush_box:hover {background-position: -93px -65px; }
	#product_boxes #lip_balm_box:hover {background-position: -93px -121px; }	
	#product_boxes #itty_bitties_box:hover {background-position: -93px -177px; }		
	#product_boxes #nail_polish_box:hover {background-position: -93px -234px; }
	#product_boxes #eye_shadow_box:hover {background-position: -93px -291px; }	
	#product_boxes #minis_box:hover {background-position: -93px -346px; }
	#product_boxes #teeny_box:hover {background-position: -93px -404px; }	
	#product_boxes #private_label_box:hover {background-position: -93px -460px; height: 59px;}	
	
	#back_btn {display: block; clear: both; float: right; margin-right: 60px; margin-top: 30px; height: 56px; width: 96px; 
				background: url(../images/website.button.back.png) no-repeat; text-decoration: none; text-indent: -100em; overflow: hidden;}
	.back_btn {display: block; clear: both; float: right; margin-right: 60px; margin-top: 30px; height: 56px; width: 96px; 
				background: url(../images/website.button.back.png) no-repeat; text-decoration: none; text-indent: -100em; overflow: hidden;}				

	
	
	/* #flash_header {margin-left: 136px; width: 752px; } */
	#top_left {position: absolute; top: 0px; left: 0px; z-index: 100; height: 162px; width: 272px; background: url(../images/top.jpg) no-repeat;}
	#bookmark {position: absolute; top: 0px; left: 0px; z-index: 100; height: 49px; width: 70px; }

	#locator {position: absolute; top: 108px; left: 24px; z-index: 1000; height: 42px; width: 174px; background: url(../images/top_left_btns.png) 0 -42px;}
	#get_now {position: absolute; top: 64px; left: 24px; z-index: 1000; height: 42px; width: 174px; background: url(../images/top_left_btns.png);}
	
	#side_btn {position: absolute; top: 200px; left: 1024px; background: url(../images/holiday_banner.jpg) no-repeat; height: 460px; width: 243px; display: none;}
	#buy_two_btn {position: absolute; top: 200px; left: 1024px; background: url(../images/casting_winners_banner.jpg) no-repeat; height: 460px; width: 243px; }
	#side_any {position: absolute; top: 200px; left: 1024px; height: 460px; width: 243px; display: none;}

	#email_signup {position: absolute; top: 5px; left: 1028px; background: #FF7FCB; border: 1px solid #E42C6A; padding: 5px; display: none; }
	#email_signup label {font-size: 13px; padding-right: 6px; }

/********************** CONTENT/TEXT DEFS ****************/

.clear {display: block; width: %100; clear: both; }
#page_clear {height: 0px; }

h2, h3, h4 {margin-bottom: 12px; }

.graphic {display: block; text-indent: -800em; margin: 0 auto; }

h3 {color: #ec0087; text-decoration: underline; margin-left: 40px; }
h4 {color: #ec0087; font-size: 22px; font-weight: normal;}

h1.Header1 {margin: 30px 0 20px 40px; }

.Header1 {
	font-size: xx-large;
	font-family: Headline, Impact, "Arial Black", sans-serif;
	color: #FF3399;
}

#media ul {margin-left: 60px; margin-bottom: 12px; margin-right: 10px; list-style: square;}
#media ul ul {margin-left: 20px; padding-top: 6px; margin-bottom: 20px; list-style: circle; }

.style10 {color: #927b89}
.style13 { color: #927b89; font-size: x-small; font-family: arial; }
.style14 { font-size: 12px; color: #FF66CC; font-weight: bold; }
.style15 {color: #FF7FCB; font-size: 12px; }
.style21 { color: #FF7FCB; font-weight: bold; font-size: 16px; }
.style25 {color: #FF7FCB; font-size: 16px; } 
.style27 {color: #FF7FCB}
.style28 {font-size: x-small; }
.style30 {font-size: 12; color: #666666; }
.style33 {font-size: 12px; font-family: arial; }
.style35 {font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #E09EFD; line-height: 20px; }

.about {padding-top: 24px; background: #fff; }
.about_pg {font-family:arial;font-size:14px;font-weight:none;color:000000; padding: 15px 26px 0 52px; }

/*************** FOOTER *****************/
#footer, #footer_buttons {background: #FEAADB;}
#footer_links {text-align: center; width: 714px; padding: 12px 0 12px 300px; font-size: 10px; line-height: 18px;}
#footer_links a, #footer_links span, #footer_links span.pad {padding: 0 4px; } /* #927b89; } */
#footer_links span, #footer_links a.noborder {border: none; padding-left: 0; font-size: 10px; color: #927b89;}
#footer_buttons {clear: both; padding-left: 350px; padding-top: 12px; background: #FEAADB; }

#media a {color: #0066cc; }

a.nav {color: #927b89; text-decoration: none; font-size: 10px; }
a.nav:hover {color: #5F91D6; }

#footer_links, #custom_links {display: block; text-align: center; }
#footer_links a, #custom_links a {float: none; display: inline; line-height: 18px; color: #927b89; text-decoration: none; font-size: 10px; text-transform: uppercase;}
#footer_links a:hover, #custom_links a:hover {color: #5F91D6; }



/************ VIDEO PAGE ****************/

.video_holder {clear: both; margin-bottom: 60px; padding-left: 20px;}

.video_holder:after {content: "."; display: block; height: 0; visibility: hidden; clear: both; }
#main_content .video_holder p {margin: 0 0 20px 00px; }
.nowidth {width: auto; float: none; }

.fl_video {width: 425; height: 373; margin: 0 10px 10px 0; float: left;}
#fl_video {width: 425; height: 373; margin: 0 10px; float: left; }
#fl_video1 {width: 425; height: 373; margin: 0 10px; float: left; }

/************ SUBNAV *************/

#casting_video {position: relative; }
#casting_video #subnav {position: absolute; top: 0px; left: 20px; }

#subnav {background: url(../castingcall/images/subnav_left.png) 0 0 no-repeat; width: 500px; padding-left: 20px; margin: 30px 0 0 20px; z-index: 999999;}
#subnav div {background: url(../castingcall/images/subnav_right.png) 100% 0 no-repeat; width: auto; }
#subnav ul {list-style: none; margin: 0; height: 28px; }
#subnav li:last-child {background: none; }
#subnav li {display: block; float: left; height: 28px; background: url(../castingcall/images/subnav_divider.png) 100% 1px no-repeat; margin: 0 3px; padding: 0 10px 0 0}
#subnav li a {display: block; padding: 0 2px; float: left; height: 28px; color: #fff; text-decoration: none; line-height: 28px; font-size: 14px; letter-spacing: -1px;}

/********** CONTEST ************/
p.warning {padding: 10px; border: 1px solid #000; color: #000; background: #FF9999; font-size: 15px; line-height: 18px;}





/******************* OTHER MEDIA PAGES ***************/
#main_content p {margin: 0 24px 12px 40px; }

.prod_box {width: 528px; height: 299px; background: url(../images/prod_box.png); margin-left: 40px;}
#prod_photos {background: url(../images/prod_package_artist.png) center 20px no-repeat; width: 528px; height: 299px; }

a img {border: none; }

ul.pdfs {list-style-type: circle; color: #010101; list-style-position: outside;  margin: 10px 0 10px 40px;}
ul.pdfs li {margin-bottom: 10px; }
ul.pdfs a {color: #010101; text-decoration: none; }
ul.pdfs a:hover {text-decoration: underline; }

a.pdf_link {line-height: 50px; text-indent: 55px; display: block; margin: 8px 0; background: url(../images/pdf_icon.png) no-repeat;}
a.industry_link {padding: 70px 10px 0 10px; display: block; float: left; margin: 0 12px; background: url(../images/report_icon.png) center top no-repeat; color: #000; text-decoration: none;}
a.industry_link:hover {text-decoration: underline; }
#media a.click_btn, a.click_btn {background: url(../images/click_btn.png) no-repeat; line-height: 26px; color: #fff; text-decoration: none; text-indent: 4px; display: block; font-size: 16px;}
a.click_btn span {color: #f5008f; margin-left: 8px; }
a.click_btn:hover span {text-decoration: underline; }

.center {text-align: center; }


/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#valpopup {background:  url(../images/val/valentines_popup.jpg) no-repeat; width: 650px; height: 360px; margin-left: -325px; padding: 0;}
#valpopup .inner {position: relative; width: 650px; height: 360px; }
#valpopup .inner span {display: block; position: absolute; bottom: 20px; left: 40px; }
#valpopup .inner a {display: block; float: left; height: 56px; width: 193px; margin-right: 20px; text-indent: -50em; overflow: hidden;} 
#valpopup #more {background: url(../images/val/learn_more.png); }
#valpopup #nothanks {background: url(../images/val/nothanks.png); }
.buy_btn {background: url(../images/val/buy_now.png); float: right; margin-bottom: 20px;}


div.imgCache { position: absolute; left: -8000px; top: -8000px; }
div.imgCache img { display:block; }