/*  Bfly Main Page  */
@import url("bflyMain.css");


/*  Customer Service Pages */
#wrap{
margin:0px auto;
}

#wrap .column{ 
 float:left;
 top:0px;
  padding: 0px 0px 20px 0px;
text-align:left;
}  /*  */


#CSleftnavi {
width:150px;
float:left;
}

#LivePersonCSDiv {
float:left;
width:150px;
}

#LivePersonContactUsDiv {
margin-left:10px;
margin-top:10px;
}

#leftAccountColumn{
width: 146px;          
background-color: #f7f8f9;
border: 1px solid #dee2e5;
color: #7b8ca1;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin: 0px 4px 5px 0px;
float:left;
}
 
#mcolMain {
width: 695px;
border: 1px solid #dee2e5; 
padding: 0px 0px 20px 0px;
margin: 0px 0px 10px 0;
float: right;

}

/*  content  layout !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

#mcolMain p{
position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin:0px 25px 15px 15px;
	padding: 0 0px 0px 0px;
}


 #mcolMain p.nontitle {
position:relative;
height:20px;
padding:0 0 10px 0;
margin: 0 0 0 15px;
font-size:12px;
display:block;
}

 #mcolMain p.title {
position:relative;
height:15px;
font-size:14px;
font-weight:bold;
color:#40597E;
margin:5px 0 10px 10px;
padding:10px 5px 0 0;
display:block;
}

#mcolMain ol{
margin: 10px 10px 10px 0;
padding: 0 0 0 40px;
}

 #mcolMain h1{
font-size:16px;
color:#40597E;
font-weight:bolder;
text-transform: uppercase;
margin: 30px 0px 10px 10px;
}

#mcolMain h2{
font-size:14px;
font-weight:bold;
color:#40597E;
text-transform: capitalize;
margin: 25px 0px 5px 10px;
}

#mcolMain h3{
font-size:12px;
font-weight:bold;
color:#40597E;
margin: 15px 0 20px 10px;
}

#mcolMain a:visited, a:active {
color: #7b8ca1;
text-decoration: none;
margin: 20p 0 10px 0;
}

#mcolMain a:hover {
color: #751f39;
text-decoration: none;
}


#mcolMain ul{
position:relative;
margin:5px 5px 0 10px;
padding:0px 5px 10px 20px;

}

#mcolMain ul li{
position:relative;
margin:5px 20px 0 10px;
padding:0 5px 0 0;
}

div.mcolMainHome {
float:left;
width: 231px;
}

.mcolMainHome ul{
list-style-type: none;
}

.mcolMainHome img{
margin: 0 30px;
}

/* left navigation  layout !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

	

		
#header{
margin:7px 0 10px 5px;
}	

.leftNavIndent {
margin: 0px 0 0 5px;
padding: 0px 5px 0 5px;
}	

.leftNavIndent p a:visited {
color: #6D8796;
text-decoration: none;
}

.leftNavIndent p a:active, .leftNavIndent p a:hover {
   color: #751F39;
   text-decoration: none;

}

#leftAccountColumn .leftNavIndent ul#lnRefine {
list-style-type: none;
margin: 0px 0 5px 1px;
padding: 0px 5px 0 1px;
}

#leftAccountColumn .leftNavIndent ul#lnRefine li{
padding: 5px 5px 0 1px;
margin: 5px 0 5px 1px;
font-size:11px;
line-height:1.1;

}

#leftAccountColumn .leftNavIndent ul#lnRefine ul{
padding: 5px 0 5px 10px;
margin: 5px 0 5px 10px;
list-style-image:url(/media/templates/images/customer_service/ln_arrow_bullet.gif);
background-repeat: no-repeat;

}


#leftAccountColumn .leftNavIndent ul#lnRefine ul li.leftNavBold {
margin:0px 0 4px 4px;
padding: 0px 0 4px 4px;
font-weight:bold;
}


#leftAccountColumn .leftNavIndent #lnRefine ul li {
font-size:11px;
font-weight:300;
color: #7b8ca1;
margin:0px 0 4px 4px;
padding: 0px 0 4px 4px;

}


#leftAccountColumn .leftNavIndent #lnRefine ul li a:visited {
color: #6D8796;
text-decoration: none;
}

#leftAccountColumn .leftNavIndent #lnRefine ul li a:active, #leftAccountColumn .leftNavIndent #lnRefine ul li a:hover {
   color: #751F39;
   text-decoration: none;

}

.panelDark td{
background-color:#dddddd;
}


/* BML Specific Styles in Customer Service */

#mcolMain .gif_left{
clear: both;
float:left;
margin:10px 10px 10px 10px;
}

.lower_head{
margin-left: 10px;
}

.gif_right{
margin-left: 250px;
}

#mcolMain ul{
clear:both;
}

#mcolMain p{
clear:both;
}

#buyfastfspl {
margin-top: 6px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 10px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 0px;

}

/** dept left nav styles**/
#deptLeftnavContainer {
background:#F9F5F2 none repeat scroll 0 50%;
border:1px solid #D1D3D4;
margin-bottom:5px;
padding:10px 5px 10px 10px;
text-align:left;
}

#deptLeftnavList {
margin-bottom:0;
margin-left:0;
padding-bottom:0;
padding-left:0;
}

#deptLeftnavList li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:6px;
}

#deptLeftnavList li a {
text-decoration:none;
}


#container {
text-align:left;
}




/** BEGIN JQUERY CAROUSEL STYLES**/
#sliderContainer {
	position: relative;
	height: 550px;
	width: 859px;
}

#sliderLeftNav {
	position:absolute;
	left:0;
	top:0;
}
	
.sliderImages {  
   	height:  550px;  
 	width:   625px;
	position: absolute;
	top:0;
	left:234px;  
	z-index: 1;
	overflow: hidden;
} 

.sliderControls {  
	position: absolute;
	top:500px;
	left:723px;  
	z-index: 2;
} 

#sliderContainer2 {
	position: relative;
	height: 542px;
	width: 859px;
}

.sliderImages2 {  
   	height:  542px;  
 	width:   859px;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	overflow: hidden;
} 

#sliderContainer2 #prev {
	position:absolute;
	top:240px;
	left:0;
	height:61px;
	width:43px;
	background: url( 'http://cdn.media.bluefly.com/media/templates/images/home_page/homepage-arrows.png' ) top left no-repeat;
	z-index:100;
	text-indent: 100px;
	overflow: hidden;
}

#sliderContainer2 #next {
	position:absolute;
	top:240px;
	right: 0;
	height:61px;
	width:43px;
	background: url( 'http://cdn.media.bluefly.com/media/templates/images/home_page/homepage-arrows.png' ) top right no-repeat;
	z-index:100;
	text-indent: -100px;
	overflow: hidden;
}

#sliderContainer2 #prev:hover {
	background: url( 'http://cdn.media.bluefly.com/media/templates/images/home_page/homepage-arrows.png' ) bottom left no-repeat;
}

#sliderContainer2 #next:hover {
	background: url( 'http://cdn.media.bluefly.com/media/templates/images/home_page/homepage-arrows.png' ) bottom right no-repeat;
}


/**END JQUERY CAROUSEL STYLES**/

/**BEGIN LIVEPERSON KB**/
.kbpage{
   position: relative;
   overflow: hidden;
   margin: 0px auto;
   width: 859px;
   background-color: #fff
}
.kbheader{
   float: left;
   width:857px;
   background-color: #fff;
   border:1px solid #ccc;
   display:none;
}
.kbcolleft{
   position: relative;
   width: 100%;
   right: 639px;
   background-color: #fff
}
.kbcol1{
   position: relative;
   overflow: hidden;
   float: left;
   width: 617px;
   left: 859px;
   background-color: #fff;
   border:1px solid #ccc;
   padding:10px;
}
.kbcol2{
   position: relative;
   overflow: hidden;
   float: left;
   width: 215px;
   left: 0px;
   background-color: #fff
}
.kbfooter{
   float: left;
   width: 859px;
   background-color: #fff;
   display:none;
}
/**END LIVEPERSON KB**/


#loginText {display:none;} /** remove after release 11/19/09 **/

/**TRENDS MAINPAGE STYLES**/
#trendsContainer {
	position:relative;
	width: 859px;
	height: 524px;
	border-top:1px solid black;
	border-bottom: 5px solid black;
	overflow: hidden;
	
}

#trendsNav {
	position:absolute;
	top:0;
	left:0;
	width:137px;
	overflow-y:auto;
	overflow-x:hidden;
	height:530px;
}

#trendsContent {
	position:absolute;
	top:0;
	left:137px;
	width:722;
	height:530px;
}

.trendsContentPost {
	display:none;
	width: 722px;
	height: 530px;
}

.trendsContentSlide {
	display:none;
}



.trendsContentSlide ul{
	position:absolute;
 	top: 300px;
	left: 15px;
	z-index:100;
	color: white;
	font-family: Arial, sans-serif;
	font-size:14px;
	line-height:1.3em;
	width:200px;
}

.trendsContentSlide li {
	margin: 10px 0;
}

.trendsContentSlide ul a {
	color: white;
	text-decoration: underline;

}

#trendsContainer .sliderControls {
	position:absolute;
 	top: 475px;
	left: 765px;
	z-index:100;
	display:none;
}

#trendsThumbnails a img{
	padding:5px 0 0 0;
}

/**END TRENDS MAINPAGE STYLES **/


/**MEN TRENDS MAINPAGE STYLES**/
#menTrendsContainer {
	position: relative;
	width: 859px;
	height: 710px;
	overflow: hidden;
	color: white;
	font-family: Arial, sans-serif;
}

#menTrendsContainer a{
	color: white;
}

#menTrendsContainer h3{
	font-weight: bold;
	margin: 20px 0 10px 10px;
	font-size: 13px;
}

#menTrendsContainer ul{
	margin: 0;
	padding:0;
}

#menTrendsLinks {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 100;
	width: 185px;
	height:490px;
	text-transform: uppercase;
	background-color: black;
}

#menTrendsSlideContainer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 859px;
	height: 550px;
	overflow: hidden;
}

.menTrendsSlide {
	display:none;
}

#menTrendsLinks li a{
	vertical-align: top;
	font-size:110%;
}

#menTrendsLinks ul {
	list-style-image:url("http://cdn.www.bluefly.com/media/promotions/images/men_trends/arrow-bullet.gif");
	line-height: 1.5em;
	margin: 0 0 40px 40px;
}

ul.menTrendsCopy {
	position: absolute;
	top: 200px;
	left: 655px;
	z-index:100;
	width: 180px;
	font-size:14px;
	line-height:1.3em;
}

ul.menTrendsCopy a{
	text-decoration: underline;
	
}

ul.menTrendsCopy li {
	margin:10px 0;
}

#menTrendsThumbnails {
	position: absolute;
	top: 555px;
	left: 0;
	background-color:black;
	width: 859px;
	height: 154px;
	padding: 20px 0 0 20px;
}

#menTrendsThumbnails ul {
	list-style: none;
}

#menTrendsThumbnails li {
  	display: inline;
	margin-left: 10px;
}

/**END  MEN TRENDS MAINPAGE STYLES **/


/**BAG SHOP MAINPAGE STYLES**/

#bagShopSliderContainer {
	position: relative;
	width: 859px;
	height: 550px;
	overflow: hidden;
}

#bagShopSliderIntro {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.bagShopImages {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#bagShopThumbnails {
	position: absolute;
	top: 115px;
	left: 748px;
	z-index: 6;
	width: 109px;
}

img#bagShopOffer1 {
	position: absolute;
	top: 0;
	left: 690px;
	z-index: 5;
}

img#bagShopOffer2 {
	position: absolute;
	top: 145px;
	left: 0;
	z-index: 5;
}

img#bagShopOffer3 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}

/**END BAG SHOP MAINPAGE STYLES **/


/**TEE SHOP MAINPAGE STYLES**/

#teeShopNav {
float:left; 
padding-right:5px;
}

#teeShopSliderContainer {
	position: relative;
	width: 670px;
	height: 640px;
	overflow: hidden;
}

.teeShopImages {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

img#teeShopArrows{
	position: absolute;
	top: 593px;
	left: 0;
	z-index: 2;
}

#teeShopThumbnails {
	position: absolute;
	top: 598px;
	left: 152px;
	z-index: 3;
}

/**END TEE SHOP MAINPAGE STYLES **/


/**MAINPAGE LEFT NAV STYLES **/

#mainpageNav {
	float: left;
	width: 179px;
	margin: 0 10px 0 0;
	color: black;
	padding: 0;
}     

#mainpageNav a{
	color:black;
}     

#mainpageNav a:hover {
	color:black;
	text-decoration: underline;
}     

.mainpageNavContainer {
	margin: 15px 0 0 0;

}

.mainpageNavContainer h3 {
	text-transform: lowercase;
	font-family: Arial, sans-serif;
	width: 167px;
	padding: 2px 5px 0 5px;
	margin: 5px 0;
	font-size: 16px;
}

.mainpageNavContainer ul {
	padding-left: 10px;
	margin: 5px 0 0 0;
}

.mainpageNavContainer li {
	list-style-type: none;
	line-height: 1.7em;
}

/**END MAINPAGE LEFT NAV STYLES **/


#iphone_page {
padding:50px;
border:1px dashed #2382c4;
}

.iphone_head {
font-family:verdana,arial;
font-size:14px;
}

/**SHOP STYLES - same as dept middle content styles **/

#shopContent {width:670px;padding:0;margin:0;float:right}
#head{width:670px;padding:0;margin:0;}
#middle{width:670px;height:485px;margin-top:0;margin-bottom:5px;padding:0;}
.m1{position:relative;margin-top:0;margin-left:0;padding:0;float:left;}
.m2{width:220px;position:relative;margin-top:0;float:right;}
.m3{width:220px;position:relative;margin-top:5px;float:right;}
#bottom{width:670px;margin-bottom:5px;padding:0;}
.b1{position:relative;margin-top:0;margin-left:0;}

.styleGuide img{
margin-bottom:5px;
}

/**END SHOP STYLES **/


/**BLUETUBE STYLES **/

#blueTubeContainer {
border: 1px #cccccc solid;
width: 859px;
height: 975px;
padding: 0;
margin: 0;
}


.blueTubeThumbnails {
float: left;
height: 200px;
width: 120px;
margin: 0;
padding: 20px 0 0 40px;
}

.blueTubeThumbnails a {
color: #1077af;
font-size: 11px;
letter-spacing: .1px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

/**END BLUETUBE STYLES **/


/**HOT DESIGNER FOOTER STYLES **/

#hotDesignerFooter {
    margin: 5px 0 0;
	background: url(http://cdn.media.bluefly.com/media/promotions/images/private_sale_events/110615_O_MAIN_DressSaleExclusive_BottomLink.jpg) no-repeat left top;
	width: 859px;
    height:40px;
}

#hotDesignerFooter ul {
	margin: 0 0 0 160px;
    padding: 13px 0 0;
}

#hotDesignerFooter li{
	list-style: none;
	display: inline;
	margin:0;
	padding: 0 5px
}

#hotDesignerFooter a{
	color: white;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
}

#hotDesignerFooter a:hover {
	text-decoration: underline;
}

/**END HOT DESIGNER FOOTER STYLES **/




/****************************** 
CLOSET CONFESSIONS STYLES 
******************************/
/** Main Layout **/
#closetHeader, #closetFooter { width: 859px; }
#closetMain { width: 560px; float: left; }
#closetSidebar { width: 290px; float: left; margin: 0 0 0 9px; }
#closetArchives { width: 869px; }

#closetMain ul, #closetMain li, #closetSidebar ul, #closetSidebar li, #closetArchives ul, #closetArchives li { margin: 0px; padding: 0px; list-style: none; }
#closetMain li, #closetSidebar li { display:inline; }

#closetHeader, #closetBreadcrumb, #closetVideo, #closetShare, #closetVideoDescription, #closetMore, #closetMore h2, .closetPromo, #closetThankYou { margin: 0 0 9px; }

#closetBreadcrumb { color: #808080; font: normal 11px/14px Arial; margin:9px 0;}
#closetBreadcrumb a { color: #56A1D5; }
#closetBreadcrumb a:hover { color: #0D4361; }


/** Video page styles **/

#closetHeader h1 { margin: 0; font-size: 25px; font-family: Georgia, serif; color: #333; }

/** Styles to hide name in flash video in IE only
#closetVideo { *width:560px; *height:355px; *overflow: hidden; *position:relative; }
#closetVideo embed{ *position: absolute; *top: -55px; }
**/

#closetShare span { float: left; color: #751F39; font: italic normal 11px/14px Georgia; padding: 0 2px 0 0; vertical-align: middle; }

#closetLike  { margin-bottom: 9px; }

#closetVideoDescription { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/desc-bg.jpg) no-repeat left bottom; width: 558px; border: 1px solid #CCCCCC; }
#closetVideoDescription p { padding: 5px 15px 8px; color: #666; font: normal 11px/21px Arial; margin:0;}

#closetMore { width: 270px; padding: 9px; background: none; border: 1px solid #CCCCCC;  }
#closetMore h2 { text-align: left; }
#closetMore ul { float:left; } /*edited to accomodate multiple columns*/
#closetMore li { display: block; clear: both; padding: 0 0 9px; width: 270px; }
#closetMore a { display: block; height: 82px; }
#closetMore li img { float: left; padding: 0 9px 0 0; }
#closetMore h3 { color: #1ba3bc; font: normal 12px/14px Arial; margin: 0 0 5px; text-transform: uppercase;}
#closetMore .watch { color: black; font: normal 11px/14px Arial; text-transform: uppercase; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/play-active_a.png) no-repeat 0 60%; padding-left: 10px; height: auto; }

#closetMore a:hover h3{ color: #ff7ca8; }
#closetMore a:hover .watch, #closetMore .watch:hover { color: #0D4361; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/play-active_a.png) no-repeat 0 60%; }

#closetMore .viewall { width: 110px; height: 31px; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110426_O_CC_RecentConfessions_ViewAll.png) no-repeat bottom right; margin: 0 0 0 158px; clear:both; }
#closetMore .viewall:hover {background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110426_O_CC_RecentConfessions_ViewAll.png) no-repeat bottom right; }
.hide { display: none; }

#closetSignUp { width: 288px; height: 500px; border: 1px solid #CCCCCC; background: url(http://cdn.media.bluefly.com/media/promotions/images/closet_confessions/110622_O_CC_FlyAccess2.jpg) no-repeat 6px 5px;  }

#closetSignUp #social_fb_like { margin: 230px 0 0 10px; }

#closetSignUp #social_fb_like img { float:left; padding:0 5px 0 0; vertical-align:top; }
#closetSignUp #social_fb_like iframe { margin-top:8px; }

#closetSignUp div#emailWidget { position: relative; top: 0; left:0; clear:both; width:288px; border: none; }
#closetSignUp div#emailWidget form label{ width:100px; }
#closetSignUp #emailSignupMessage {margin: 30px 0 0 10px; font-weight: bold; }
#closetSignUp div#emailWidget label.error {margin-left: 0 !important; }

/** Archive page styles **/
#closetArchives li { 
float:left; 
width: 208px; 
height: 212px; 
margin:0 9px 57px 0; 
position:relative; 
}

#closetArchives a { 
display: block;  
padding: 10px; 
background: none; 
height: 192px;
}

#closetArchives a:hover { 
background: none; 
}


#closetArchives a.feature { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110426_O_CC_ARCHIVE_VideoBox.jpg) no-repeat left bottom; }
#closetArchives a.feature:hover { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110426_O_CC_ARCHIVE_VideoBox.jpg) no-repeat left bottom; }
#closetArchives div.feature { position: absolute; top: 0; left: 0; height: 37px; width: 62px; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110414_O_CC_ARCHIVE_NEWTAG.png) no-repeat 0 0; }


#closetArchives h2 {
text-transform:uppercase; 
color: #1ba3bc; 
font: normal 13px/18px Arial; 
margin: 10px 0 0; 
}

#closetArchives p { color: black; font: italic 12px/14px Georgia; margin: 0 0 18px; width:168px; }
#closetArchives .watch { color: black; font: normal 12px/14px Arial; text-transform: uppercase; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/play-active_a.png) no-repeat 0 60%; padding-left: 10px; }


#closetArchives a:hover h2{ color: #ff7ca8; }
#closetArchives a:hover p { color: black; }
#closetArchives a:hover .watch { color: black; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/play-active_a.png) no-repeat 0 60%; }
#closetArchives a:hover img {
-moz-box-shadow: 5px 5px 5px #ff7ca8;
-webkit-box-shadow: 5px 5px 5px #ff7ca8;
box-shadow: 5px 5px 5px #ff7ca8;
  }

/** Email signup page styles **/
#closetSignupContainer { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/login-bg.png) no-repeat left top; position: relative; width: 580px; height: 430px; margin: 20px auto; font-family: Georgia, serif; text-align: center; padding: 10px; font-style: italic; }

#closetSignupContainer .returnBtn { position: absolute; top: 10px; left: 10px; height: 20px; }
#closetSignupContainer .returnBtn a { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-return.png) no-repeat left top; display: block; padding: 2px 0px 0px 17px; font-family: Georgia, serif; font-size: 11px; line-height: 14px; color: #A5687C; text-decoration: none; }
#closetSignupContainer .returnBtn a:hover { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-return.png) no-repeat left bottom; color: #751F39; }

#closetSignupContainer h3 { margin: 0 0 15px; padding: 0px; text-transform:uppercase; color:#333333; font-size:20px; }

#closetSignupContainer p { font-size: 14px; line-height: 24px; color: #333; text-align: center; margin: 10px 0px; padding: 0px;}
#closetSignupContainer p.first { font-size: 16px; line-height: 26px; }
#closetSignupContainer span.blue { color: #24B3E3; }

.signupbox form { text-align: left;}
.signupbox .field { float: left; margin-right: 10px; width:230px; }
.signupbox label { font-size: 11px; line-height: 12px; color: #808080; display:block; margin:0 0 5px; text-align: left; font-style: italic;  font-family: Georgia, serif;}
.signupbox input { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/input-bg.png) repeat-x left top; border: 1px solid #CCC; padding: 6px; margin: 0px; width: 218px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 12px; line-height: 14px; color: #4D4D4D; }

.signupbox .submit { border: 0px; float: left; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-submit.png) no-repeat center top; width: 90px; height: 32px; cursor:pointer; text-indent:100px; overflow:hidden; margin-top: 15px; }
.signupbox .submit:hover { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-submit.png) no-repeat center bottom; }

#formErrors { clear: both; color:#ff0000; font-style:normal; font-family: Arial, Helvetica, Verdana, sans-serif; }

a.rules { position:absolute; bottom: 10px; left: 150px; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-rules.png) no-repeat center top; width: 297px; height: 35px; text-indent: -2000px; display: block; clear: both; }
a.rules:hover { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/btn-rules.png) no-repeat center bottom; }


/** Special landing page for Sharing Contest **/
#shareContestVid { height: 562px; width: 859px; background: url(http://cdn.media.bluefly.com/media/promotions/images/closet_confessions/110323_O_CC_MAIN.jpg) no-repeat left top; position: relative; margin: 0 0 9px; }
#shareContestBanner { position: absolute; top: 75px; left: 123px; }
#shareContestVid #closetVideo { position: absolute; top: 123px; left: 123px; }
#shareContestVid #closetShare { position: absolute; top: 509px; left: 123px; }

#shareContestSignup { height: 414px; width: 859px; background: url(http://cdn.media.bluefly.com/media/promotions/images/closet_confessions/110323_O_CC_Contest_1.jpg) no-repeat left top; position: relative; margin: 0 0 9px; }

#shareContestSignup .signupbox { position: absolute; top: 364px; left: 140px; width: 620px; }
#shareContestSignup .submit { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110323_O_CC_Contest_SubmitButton.jpg) no-repeat left top; width: 103px; height: 27px; cursor:pointer; text-indent:200px; margin-top: 1px; }
#shareContestSignup .submit:hover { background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/110323_O_CC_Contest_SubmitButton_hover.jpg) no-repeat left top; }

#shareContestSignup #closetLike { position: absolute; top: 272px; left: 249px; }
#shareContestSignup #closetTweet { position: absolute; top: 272px; left: 410px; }
#shareContestSignup .shareText{ color:black; text-transform: uppercase; font: bold 12px/21px Arial; vertical-align:top; }

#shareContestSignup .viewrules { position: absolute; bottom: 10px; right: 10px; color: black; font-style: italic; text-transform: uppercase; text-decoration: underline; font-size: 11px; width: 80px; }

/** Thank you page **/
#closetMain.smaller { width: 290px; } /* right and left sides swapping sizes */
#closetSidebar.larger { width: 560px; }

#closetMore.two-column { width:541px; background: url(http://cdn.media.bluefly.com/media/templates/images/closet_confessions/desc-bg.jpg) no-repeat left bottom; }
#closetMore.two-column .viewall { margin: 0 0 0 428px; }


/*********************************
END CLOSET CONFESSIONS STYLES 
*********************************/
