/*------------------------------------------------------------------
[Master Stylesheet]
Project:	Abercrombie & Fitch Careers
Version:	1.0
Last change:	06/10/08 
Primary use:	AnF Careers Section: /anf/careers/
-------------------------------------------------------------------*/
/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/*End Reset Styles*/

/*Typography Styles*/
body { font-size: 10px; color: #999999; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 14px; }
a:link, a:visited, a:active { font-size: 10px; color: #999999; text-decoration: underline; }
a:hover { color: #ebe9e0; }
h1, h2 { color: #ebe9e0; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; }
h1 { font-size: 14px; text-transform: uppercase; }
h2 { font-size: 12px; }
h3 { font-size: 11px; font-weight: bold; color: #999999; text-transform: uppercase; }
ul.strops { list-style-type: disc }
li.hdr { font-weight: bold; margin-top: 15px; list-style-type: disc; text-transform: uppercase; }
br { line-height: 20px; }
.row1, .row2 { display: block; padding-left: 6px; }
.row1 { background-color: #FFFFFF; line-height: 19px; }
.row2 { background-color: #EAEAEA; line-height: 17px; }
ul.subNavLeft { margin-top: 10px; margin-bottom: 10px; }
ul.subsubLeft { margin-top: 0px; margin-bottom: 10px; }
li.leftSubNav { padding-left: 45px; margin-bottom: 12px; color: #999999; font-size: 9px; }
li.subNavTwo { padding-left: 60px; margin-bottom: 12px; color: #999999; font-size: 9px; }
ul.qualsTxt li { margin-top: 8px; margin-bottom: 4px; font-size: 10px; list-style-type: disc; }
ul.squeeze { width: 250px; margin: 0 0 0 12px; list-style-position: inside; }
div.squeeze { width: 250px; margin: 0 0 0 12px; }
ul.lftbump { margin-left: 15px; margin-top: 0; }
.qual { color: #333333; }
.qualH { font-weight: bold; font-size: 12px; text-transform: uppercase; }
.diversityquote { font-size: 13px; }
#diversityquote { display: block; margin: 0 0 20px 0; }
.leftSubNav, .leftSubNav a:link, .leftSubNav a:hover, .leftSubNav a:visited, .leftSubNav a:active, .subNavTwo a:link, .subNavTwo a:hover, .subNavTwo a:visited, .subNavTwo a:active, .subNavTwo a:link { text-decoration: none; font-size: 9px; color: #999999; font-weight: bold; }
li.subNavTwo a:active, li.subNavTwo a:link, li.subNavTwo a:hover, li.subNavTwo a:visited { font-weight: normal; }
.cur a:link, .cur a:visited, .cur a:hover { color: #ebe9e0; font-size: 9px; font-weight: bold; }
.storeLinkSpacer { display: inline; margin: 0 5px; }
li.resumeHdr { list-style-type: none; margin-left: -15px; }
/*End Typography styles*/

/*Header Footer Styles*/
#careersTopNav { background-color: #292929; margin: 0px; padding: 0px; z-index: 2; }
#careers_topnav img { border: 0px; margin: 0px; }
#careersTopNav a:link, #careersTopNav a:visited { margin: 0px; padding: 0px; border: 0px; }
#careersFooter {
	font-size: 9px;
	color: #999999;
	background-color: #292929;
	text-transform: uppercase;
	padding-top: 6px;
	padding-bottom: 6px;
}
#careersFooter a:link, #careersFooter a:visited, #careersFooter a:hover { text-decoration: none; color: #999999; margin-right: 22px; font-size: 9px; }
.ftlnk { margin-right: 22px; }
a.fadeLink { text-decoration: none; }
/*End Header Footer Styles*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana, arial, helvetica, sans-serif;
	background-color: #333333;
	text-align: center;
}
#ctwrper { background: url(/anf/careers/images/I-bgSliver.gif) repeat-y top center #333333; }
#content {
	width: 880px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto;
	margin-left: auto;
	background: #333;
	text-align: center;
	width: 880px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 880px;
}

html>body #content { width: 880px; /* ie5win fudge ends */ }
#careersBody { padding-top: 12px; text-align: left; }
#careersLeftNav { margin-top: 12px; }
#dualColumn { text-align: left; }
#leftColumn { text-align: left; }
#qualifications {
	background-color: #666666;
	width: 246px;
	padding: 25px 15px 25px 45px;
	width: 230px;
}
#subMenu { visibility: hidden; }

.video-container {
	width: 568px;
}

#mit-video-credit {
	float: right;
	margin: 10px 10px 10px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	text-transform: uppercase;
}

.clearie { clear: left; line-height: 58px; height: 58px; }
.thirds { float: left; margin-right: 12px; }
.lefthalf { float: left; display: inline; margin-right: 20px; margin-left: 20px; }
.one { width: 291px; }
.halfside { width: 408px; }
.fullhalf { display: inline; width: 837px; margin: 0px 20px 13px 20px; float: left; }
.two { width: 266px; display: block; }
.three { width: 272px; display: block; }
.twothree { float: left; width: 550px; }
.threethree { display: inline; width: 856px; margin: 0px 12px 13px 12px; float: left; }
.hitopmrgn { margin-top: 12px; clear: both; }
.txtlft { text-align: left; }
.padder { padding-left: 22px; }
.hoh3tpmrgn { margin-top: 18px; }
.diversityquote { margin-top: 95px; margin-bottom: 60px; display: block; }
.divPartnerCntnr {
	float: left;
	display: block;
	width: 393px;
	margin: 0 10px;
	text-align: center;
}
div.divPartnerCntnr a {
	font-size: 10px;
}
#natlDivCouncilCntnr {
	width: 218px;
	margin: 0 0 0 20px;
}

/* --- Brands --- */
.careerBrandsDiv { float: left; width: 565px; margin-left: 12px; border: 1px solid #EAEAEA; display: block; }
.careerBrandsDiv tr td { display: block; padding-left: 40px; height: 197px; padding-top: 60px; margin: 0px; }
.brandLogo { float: left; display: block; }
.brandtitle { float: left; display: block; margin-left: 12px; }
hr.navbar { border-top: 1px solid #EAEAEA; margin: 0px; }
.navbar { width: 100%; height: 1px; display: block; margin: 0px; padding: 0px; }
hr.bdbar { border-top: 1px solid #494949; margin-bottom: 15px; margin-top: 6px; }
hr.no-bottom-margin { margin-bottom: 0; }

/* --- SubNav Menu --- */
a.subNavMenu, a.subNavMenu:visited, div.subNavMenu {
	display: block;
	width: 80px;
	border: 1px solid #EAEAEA;
	padding: 7px;
	font-size: 10px;
	background: #FFFFFF;
	text-decoration: none;
	color: #666666;
	margin-top: 0px;
}
a.subNavMenu, a.subNavMenu:visited { border-bottom: none; }
div#subMenu { z-index: 3; border-bottom: 1px solid #EAEAEA; }

a.searchOpen {
	font-size: 14px;
}

.slide-show {
	height: 318px;
	width: 565px; 
}

.slide-show  img{
	height: 318px;
	width: 565px; 
}