/*html, body { margin: 0; padding: 0; width:100%; height:100%;
}*/
body {
	width: 100%;
	height: 100%;	
	text-align:center;
	background-color:#000;
	border:0;
	margin:0;
}

* {
	font-family: Arial, sans-serif;
	font-size: 100%;
	outline: none;
}

#page {
	width: 800px;
	margin: 0 auto;
	position: relative;
	font-size: 12px;
	text-align:left;
	padding:0;
}

.logo_overlay{
	position:absolute;
	z-index:100;
	top:0px;
	left: 0px;
	width: 292px;
	height: 61px;
	/*background:url(//secretsales.com/_images/v1/new/logged_out/homepage_bg_master_logo_black.png) no-repeat 0 0;*/
	background:url(//secretsales.com/_images/v1/new/logged_out/homepage_bg_master_logo.png) no-repeat 0 0;
}

* html .logo_overlay{
	background:url(//secretsales.com/_images/v1/new/logged_out/homepage_bg_master_logo.gif) no-repeat 0 0;
}
	

.logo_overlay-70{
	position:absolute;
	z-index:100;
	top:-75px;
	left: -60px;
	width: 310px;
	height: 75px;
}

#content {
	position: relative;
	padding: 0;
	left: -1px;
}

#sessioninfo {
	display: none;
}

#header {
	padding: 1px;
	height: 40px;
}

#header h1 {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 50%;
}

.seo_h1{
	text-indent: -9999px;
	height:1px;
	width:1px;
	line-height:1%;
	}

#header a {
	display: block;
	height: 0;
	text-indent: -100em;
	overflow: hidden;
}

#actionform {
	position: absolute;
	top: 6px;
	left: 438px;
}

#actionform a {
	color: #FFF;
	text-decoration: none;
}
#actionform a:hover {
		/*color: #000;*/
		text-decoration: underline;
	}
#loginButton .replacedInputButton {
	color:black;
}
#actionform label{
	font-size:11px;
	color:#fff;
	}

	#actionform h4,
	#actionform label:hover,
	#actionform .checkbox:hover
	{
		cursor:pointer;
		text-decoration:underline;
	}

	#actionform ol,
	#actionform li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#actionform ol {
		width: 330px;
		padding-right: 70px;/*Space for the login button*/
		overflow: visible;
		zoom: 1;
		position: relative;
	}

	#actionform ol:after,
	#footer ul:after {
		content: "";
		display: block;
		width: 0px;
		height: 0px;
		overflow: hidden;
		visibility: hidden;
		clear: both;
	}

	#actionform li {
		float: left;
		width: 165px;
		text-indent: 5px;
	}

	.JS_ENABLED #actionform .commands input {
		visibility: hidden;
	}

	#actionform .commands {
		width: auto;
		float: right;
		clear: both;
		position: absolute;
		top: 0px;
		/**top: -2px; /*IE7*/
		left: 328px;
	}

	* html #actionform .commands {
		top: 0px;
	}

	.fixinputs_ENABLED #actionform div.button {
		padding: 0 8px 0 0; /*Create space for the door*/

	}

		.fixinputs_ENABLED #actionform div.button a {
			padding: 7px 3px 7px 20px; /*Create space for the door*/

			display: block;
			font-weight: bold;
			vertical-align: middle;
		}


	* html .fixinputs_ENABLED #actionform div.button {

	}

		* html .fixinputs_ENABLED #actionform div.button a {

		}


	#actionform li.username,
	#actionform li.password {
		text-indent: 0;
	}

	#actionform .username input,
	#actionform .password input {
		border: 1px solid grey;
		margin: 0;
		padding: 2px 5px 3px;
		height: 11px;
		*height: 10px; /*IE6/7*/
		font-size: 100%;
		vertical-align: middle;
		width: 150px;
		margin: 0 0 4px;
	}

	#actionform li.rememberme {
		float: right;
		position: relative;
		text-indent: 2em;
	}
	#actionform li.rememberme input {
		font-size: 9px;
		height: 1em;
		width: 1em;
		margin:0;
		display: inline;
		position: absolute;
		left:5px;
		bottom:1px;
	}
	#actionform li.forgotpassword {
		clear: right;
		float: right;
	}

	#actionform .rememberme label,
	#actionform .forgotpassword label {
		display: inline;
		color: #fff;
	}

	#actionform em {
		font-style: normal;
	}

 .footerUnderlay{
	/*background-color: #d5d1d1;*/
	background-color: #281313;
	width: 100%;
	height:30px;
    z-index:3;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	position: absolute;  
	bottom: 0px;
	left: 0px;
	}
 
 #footer {
	position:absolute; 
	bottom:0px;
    z-index:100;
	width:100%;
	left:0px;
}

#footer ul {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 810px;
	padding-bottom:5px;
}

#footer li {
	float: left; 
	margin: 0 15px 0 0;
}

#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	display:block;
	line-height:18px;
}


#footer a:hover {
	text-decoration: underline;
}

.red_pipe {
	color: #fff;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height:18px;
}

/*Infobox / dialog layout, copied from layout.css*/
* html .dialog_OPEN select { /*Only IE6 needs this...*/
	visibility: hidden;
}

h3 {
	margin: 0 0 1em;
}

.dialog {
	font-size: 10px;
}


div.startpage #userMessages {
	top: 100px;
	z-index: 150;
	align:center;
	width: auto;
}
#userMessages {
	top: 80px;
	z-index: 150;
	width: auto;
	margin: 0 0 0 -230px;
	padding: 0 0 0 0px;
}

#registerInterest {

	color:#fff;

}

#userMessages hr{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#userMessages img{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}


#userMessages ul.messages {
	margin: auto auto auto 0pt;
	text-align: left;
}

#userMessagesText {
	width: 300px;
	background-color:#F2F2F4;
	text-align: left;
}

#flags {
	left:600px;
	position:absolute;
	top:536px;
	z-index:111;
}

* html #flags{
  	left:650px;
}


* + html #flags{
  	left:650px;
}

.prefilled {
	color: silver !important;
}

#tvspot {
	position: absolute;
	right: -150px;
	top: 270px;
}

#main_content_holder {
	margin-top:7px;
	margin-bottom:10px;
	height:440px;
	overflow:hidden;
	}
	#main_content_background{
		position:relative;
		width:800px;
		height:440px;
		background-color:#FFFFFF;		
		opacity:0.8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		margin-top:40px;
	}
	#main_content{
		position:absolute;
		top:40px;
		left: 0px;
		width:780px;
		height:420px;
		padding:10px 20px 10px 20px;
		font-family:Georgia, Times New Roman, Palatino, Bookman, sans-serif;
		color:#666666;
	}

*html #main_content{
	padding-top:20px;
	}

#main_content_holder_s {
	margin-top:7px;
	margin-bottom:10px;
	height:300px;
	overflow:hidden;
	}
	
#main_content_background_s {
		position:relative;
		top:0px ;
		left:0px;
		width:800px;
		height:280px;
		background-color:#FFFFFF;
		opacity:0.8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		margin-top:40px;
	}
	
#main_content_s {
		position:relative;
		top:-280px;
		left:0px;
		width:780px;
		height:280px;
		padding:10px 20px 10px 20px;
		font-family:Georgia, Times New Roman, Palatino, Bookman, sans-serif;
		color:#666666;
	}

*html #main_content_s{
	padding-top:20px;
	}

#main_content_holder_s2 {
	margin-top:7px;
	margin-bottom:10px;
	height:260px;
	overflow:hidden;
	}
	
#main_content_background_s2 {
		position:relative;
		top:0px ;
		left:0px;
		width:800px;
		height:210px;
		background-color:#FFFFFF;
		opacity:0.8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		margin-top:40px;
	}
	
	
#main_content_s2 {
		position:relative;
		top:-210px;
		left:0px;
		width:780px;
		height:210px;
		padding:10px 20px 10px 20px;
		font-family:Georgia, Times New Roman, Palatino, Bookman, sans-serif;
		color:#666666;
	}
	
*html #main_content_s2 {
	padding-top:20px;
	}	
	
#main_content_holder_xl {
	margin-top:7px;
	margin-bottom:10px;
	height:440px;
	overflow:hidden;
	}
	
#main_content_background_xl {
		position:relative;
		top:0px ;
		left:0px;
		width:800px;
		height:400px;
		background-color:#FFFFFF;
		opacity:0.8;
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		margin-top:40px;
	}
	
#main_content_xl {
		position:relative;
		top:-390px;
		left:0px;
		width:780px;
		height:400px;
		padding:0px 20px 0px 20px;
		font-family:Georgia, Times New Roman, Palatino, Bookman, sans-serif;
		color:#666666;
	}
	
*html #main_content_x1 {
	padding-top:20px;
	}	


.header_title {
	color:#000000; 
	font-weight:normal; 
	font-family: Georgia, Times New Roman, Palatino, Bookman, sans-serif; 
	font-size:26px;
	width: 770px;
}
/* paragraph apdding styles for IE 6 fix */

.paragraph_content{
	padding-top:50px;
	padding-right:30px;
}

*html .paragraph_content{
	padding-top:30px;
}


/* paragraph apdding styles for IE 6 fix END */

.forgotten_password{
	width: 420px;
	background:#FFFFFF; 
	font-size: 12px;
	color: #d64449;
	text-align:center;
	padding: 10px 0;
	line-height: 140%;
	position:absolute;
	top: 85px;
	right: 58px;
}

.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:130%;
} 

.fs10 {font-size:10px;}

.fs12 {font-size:12px;}

.fs14 {font-size:14px;}

.fs16 {font-size:16px;}

.fs18 {font-size:18px;}

.fs20 {font-size:20px;}

.fs22 {font-size:22px;}

.fs46 {font-size:46px;}

.italic {font-style:italic;}

.bold {font-weight:bold;}

.black {color:#000;}

.white {color:#fff;}

.red {color:#d64449;}

.red_on_black {color:#fa5e63;}

.grey {color:#444;}

a.email_text_style{
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height:130%;
	color:#d64449;
	font-weight:normal;
	text-decoration:underline;
}

a.email_text_style:hover{
	text-decoration:underline;
	color:#000;
}

a.email_text_style_g {color:#D64449;font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;line-height:130%;text-decoration:underline;}
a.email_text_style_g:hover {color:#000;}
a.email_text_style_a {color:#D64449;font-family:Arial, Helvetica, sans-serif;font-weight:normal;line-height:130%;text-decoration:underline;}
a.email_text_style_a:hover {color:#000;}

/* SEO div */

.seo_sale{
	text-indent: -9999px;
	height:1px;
	width: 1px;
	margin: 0;
	padding: 0;
	line-height:1px;
	}
	
	
/********************************************
CSS CLEAN UP
*********************************************/

.cssCleanUp1{z-index:1;}
.cssCleanUp2{height: 585px;}
.cssCleanUp3{width: 900px; height: 70px; position: relative; margin: 0 auto; font-size: 12px; z-index:900;}
.cssCleanUp4{float: left; width: 550px; margin-left: -40px; text-align:left;}
.cssCleanUp5{float: left; padding-top: 5px; width:220px;}
.cssCleanUp6{color: #666666; height: 25px; width: 200px; opacity: 1; font-size: 14px; padding: 2px 3px; line-height:25px;}
.cssCleanUp7{float: left; padding-top: 5px; width:170px;}
.cssCleanUp8{color:#666666; height: 25px; width: 150px; font-size: 14px; padding: 2px 3px; line-height:25px;}
.cssCleanUp9{float: left; padding-top: 4px;}
.cssCleanUp10{float: left; padding-top:2px;}
.cssCleanUp10 a{color:#FFF; font-size:11px;} 
.cssCleanUp11{float: left; width:220px; padding-top: 4px;}
.cssCleanUp14{float: left; width:168px; padding-top: 4px}
.cssCleanUp15{width: 755px; float:left; padding-top:5px; margin-bottom:16px;}
.cssCleanUp16{width: 20px; float: left; margin-top:-5px;}
.cssCleanUp17{padding-top:50px; padding-right:20px;}
.cssCleanUp18{height:260px}
.cssCleanUp19{height:210px}
.cssCleanUp20{width: 755px; float:left; padding-top:5px;}
.cssCleanUp21{width: 20px; float: left; margin-top:-5px;}
.cssCleanUp22{height:240px}
.cssCleanUp23{height:280px}
.cssCleanUp24{padding-top:20px;}
.cssCleanUp25{float:left; width:240px; text-align:center; clear:left}
.cssCleanUp26{float: left; margin-left: 5px; width: 40px; text-align:left}
.cssCleanUp27{float:left; margin-top:2px;}
.cssCleanUp28{float: left; text-align:left; margin-left:10px; margin-top:10px;}
.cssCleanUp29{float:left; width:240px; text-align:center;}
.cssCleanUp30{float: left; margin-left: 45px; width: 40px; text-align:left}
.cssCleanUp31{float: left; text-align:left; margin-left:50px; margin-top:10px;}
.cssCleanUp32{float:left; width:260px; text-align:center;}
.cssCleanUp33{float: left; margin-left: 15px; width: 40px;}
.cssCleanUp34{float: left; text-align:left; margin-left:20px; margin-top:10px; width:240px;}
.cssCleanUp35{font-family:Georgia, 'Times New Roman', Times, serif; color:#D64449; font-style:italic}
.cssCleanUp36{height: 288px;}
.cssCleanUp37{margin-top:50px; padding-right:30px;}
.cssCleanUp38{padding-top:10px;}
.cssCleanUp39{padding-top:10px; padding-right: 5px;}
.cssCleanUp40{height: 148px;}
.cssCleanUp41{width: 755px; float:left; padding:5px 0 10px 0;}
.cssCleanUp42{padding-bottom:25px; padding-top:5px;}
.cssCleanUp43{padding-bottom:15px; overflow:hidden; zoom:1;}
.cssCleanUp44{margin:9px 20px 0 0; float:left}
.cssCleanUp45{width: 280px; float:left; margin: 4px 20px 0 0;}
.cssCleanUp46{padding-top:10px; padding-bottom:10px; padding-right:20px;}
.cssCleanUp47{padding-top:10px; padding-right:30px; line-height:160%} 

.cssCleanUpFormHeight{height:20px; padding:2px 2px 2px 5px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; line-height:150%;}
.cssCleanUpDropDownHeight{height:25px; padding:2px 2px 2px 3px; border:1px solid #ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444; line-height:150%;} 
.cssClear{clear:both;}
.floatleft{float:left;}
.assistLink{color: #000; font-size: 11px; padding-left:10px; background:url(//secretsales.com/_images/v1/user_menu_arrow_white.gif) 0 1px no-repeat}

.button_sign_in {
	background: url(//secretsales.com/_images/v1/sign_in.png) 0px 0px no-repeat;
	width: 82px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    border: 0px;
}

.button_sign_in:hover {
	background: url(//secretsales.com/_images/v1/sign_in.png) -82px 0px no-repeat;
	border: 0px;
	cursor: pointer;
}

* html .button_sign_in {
	background: url(//secretsales.com/_images/v1/sign_in.gif) 0px 0px no-repeat;
	width: 82px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    border: 0px;
}

* html .button_sign_in:hover {
	background: url(//secretsales.com/_images/v1/sign_in.gif) -82px 0px no-repeat;
	border: 0px;
	cursor: pointer;
}

.in_textbox {
	float:left; 
	width: 220px; 
}

.button_register {
	background: url(//secretsales.com/_images/v1/new/buttons/join_hp_lo.png) 0px 0px no-repeat;
	width: 69px;
    height: 39px;
    display: block;
    text-indent: -9999px;
    border: 0px;
}

.button_register:hover {
	background: url(//secretsales.com/_images/v1/new/buttons/join_hp_lo.png) -69px 0px no-repeat;
	border: 0px;
	cursor: pointer;
}

*html .button_register {
	background: url(//secretsales.com/_images/v1/new/buttons/join_hp_lo.gif) no-repeat 0 0;
	width: 69px;
    height: 39px;
    display: block;
    text-indent: -9999px;
    border: 0px;
}

*html .button_register:hover {
	background: url(//secretsales.com/_images/v1/new/buttons/join_hp_lo.gif) no-repeat -69px 0;
	border: 0px;
	cursor: pointer;
}

/* CAREERS CSS REDESIGN - DEC 2011 */

.careerScrollContent{
	height:350px;
	overflow-y:scroll;
	margin-top:20px;
	background-color:#fff;
	padding:20px;
	color:#444;
	}
.careerScrollContent ul, .careerScrollContent li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-type:none;
	}
.currentVacancies{
	margin-bottom:45px;
	}
.currentVacancies h3, .internshipsOpportunities h3{
	font-size:18px;
	}
.currentVacancies p, .internshipsOpportunities p{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
.currentVacancies p a, .applyNow{
	color:#d64449;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-decoration:underline;
	}
.currentVacancies p a:hover, .applyNow:hover{
	color:#000;
	}	
.applyNow{
	font-size:14px;
	}
.topApplyNow{
	position:absolute;
	top:10px;
	right:10px;
	}
.internshipsOpportunities h4{
	float:left;
	padding:10px;
	margin: 0 0 10px 0;
	}
.internshipsOpportunities h4 a.jobTitle{
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	padding-left:12px;
	color:#444;
	text-decoration:none;
	background: url(//secretsales.com/_images/v1/user_menu_arrow.gif) 0 4px no-repeat;
	}
* html .internshipsOpportunities h4 a.jobTitle{
	padding-left:6px;
	}
.internshipsOpportunities h4 a.arrowDown{/*use for toggle class on title arrows*/
	background: url(//secretsales.com/_images/v1/new/menu/arrow_black.gif) no-repeat 0 6px ;
	}
.internshipsOpportunities h4 a:hover{
	text-decoration:underline;
	}
.jobRoleWrap{
	overflow:hidden;
	zoom:1;
	position:relative;
	border-top:1px solid #d4d4d4;
	background: url(//secretsales.com/_images/v1/new/logged_out/careers_logged_out_gradient.gif) 0 0 repeat-x;
	}
.details{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	clear:both;
	padding:0 10px 30px 10px;
	line-height:145%;
	}
.details ul{
	margin:14px 0 14px 15px;
	padding:0 0 0 0;
	list-style-type:disc;
	}
.details ul li{
	margin:0 0 6px 0;
	padding:0 0 0 5px;
	list-style-type:disc;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	}
.details a{
	font-weight:bold;
	text-decoration:underline;
	color:#d64449;
	}
.details a:hover{
	color:#000;
	}

/* END - CAREERS CSS REDESIGN - DEC 2011 */

/*
	Background Stretcher jQuery Plugin
	© 2009 ajaxBlender.com
	For any questions please visit www.ajaxblender.com 
	or email us at support@ajaxblender.com
*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

#bgStretchPageWrap{
	z-index: 2;
	position: relative;
}

.innerContent{
	width: 1024px;
	margin: 0 auto;
	margin-top:10px;
	}

.bandOverlayTop{
	z-index:2;
	width: 100%;
	height: 74px;
	position:absolute;
	top: 0px;
	left: 0px;
	/*background-color:#d5d1d1;	*/
	background-color: #281313;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
}

/* Fix CSS styles for IE6 */
* html body{
/*background-image: url(http://static.brands4friends.de/stuff/homepage/content/bg.jpg);*/
background-repeat: no-repeat;
background-attachment: fixed;
background-color: none;
background-position: center 0;
}
* html .bgstretcher {
position: absolute !important;
top: expression(documentElement.scrollTop+body.scrollTop + “px”);
left: 0;
}

/*
Background Stretcher END
*/

/*
CSS for new includes
*/

.changePwTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight:bold;
	float:left;
	margin:9px 20px 0 0;
	width: 170px;
	} 
	
.transparentContainer{
	background:url(//secretsales.com/_images/v1/new/logged_out/trans_80.png) repeat 0 0;
	padding: 7px 7px 30px 20px;
	width: 760px;
	margin: 0 auto;
	margin-top:40px;
	} 

* html .transparentContainer{
	background-color:#fff;
	} 
	
.close{
	float:right;
	}
	
.overlayContent{
	padding-right:13px;
	text-align:left;
}

.overlayTitle{
	margin-bottom:20px;
	float:left;
	margin-top:10px;
	line-height:160%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#444;
	font-size:22px;
	}

.overlayCopyContainer{
	line-height:160%;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#444;
	font-size:14px;
	clear:both;
	}
	

.button_request {
	background: url(//secretsales.com/_images/v1/buttons/request_hp_lo.png) no-repeat 0 0;
	width: 79px;
    height: 35px;
    display: block;
    text-indent: -9999px;    
}

.button_request:hover {
	background: url(//secretsales.com/_images/v1/buttons/request_hp_lo.png) no-repeat -79px 0;
	border: 0px;
	cursor: pointer;
}
 
*html .button_request {
	background: url(//secretsales.com/_images/v1/buttons/request_hp_lo.gif) no-repeat 0 0;
	width: 79px;
    height: 35px;
    display: block;
    text-indent: -9999px;
    border: 1px dotted;
}

*html .button_request:hover {
	background: url(//secretsales.com/_images/v1/buttons/request_hp_lo.gif) no-repeat -79px 0;
	border: 0px;
	cursor: pointer;
}

/*
CSS for new includes END
*/
