/* [%-# $Id: home.css 64126 2013-07-19 11:28:56Z axavier $ -%] */

/* *****************************************************
	Globals
***************************************************** */
	body {
		margin: 0;
		padding: 0;
		/*font-family:Arial,Helvetica,sans-serif;*/
		font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
		font-size:70%;
		text-align: center;
		background:#fff url(../images/home/wrapper-bg.gif) repeat-x 0 0;
	}

	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 0;
	}
	ul, li{list-style:none;margin:0;padding:0;}
	label{
		cursor: pointer;
	}

	legend {
		display: none;
	}

/* *****************************************************
	Typography
***************************************************** */
	
	h1, h2, h3, h4, h5, h6, p {
		margin: 0 0 1em 0;
	}
	
	h1, h2 , h3, h4{
		font-size: 1.4em;
		color: #ff3201;
		font-weight:normal;
		margin: 0;
		padding: 0;
		line-height: 100%;
	}
	h1{font-size:24px;}
	h3,h4{font-size:18px;}
	p.right {
		text-align: right;
	}

	.align-left{
		float:left;
		text-align:left;
	}

	.align-right{
		float:right;
		text-align:right;
	}
	.nomargin{margin:0 !important;}
	.nopadd-left{padding-left:0 !important}
	.nopadd-right{padding-right:0 !important;}
	.nobg{background:none !important;}
/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #000;
		text-decoration:none;
		outline:none;
	}

	a:hover {
		color: #000;
		text-decoration: none;
	}
		
/* *****************************************************
	Containers
***************************************************** */
#wrapper{
	position: relative;
	text-align: left;
	width:960px;
	margin:0 auto;
	padding: 0;
}

#header {
	width: 960px;
	margin:0;
	padding:0;
	float:left;
}

#mast-head{
	width:960px;
	float:left;
	margin:0;
	padding:9px 0 0 0;
 }

#logo {
	background:url(../images/general/retailcareers_logo.gif) no-repeat 0 0;
	width: 269px;
	height:96px;
	margin:0;
	padding:0;
	float:left;
}

#logo a {
	display: block;
	text-indent:-9999px;
	width:269px;
	height:96px;
}
#headerBanner{
	position:absolute;
	right:0px;	
	top:20px;
	text-align:right;
}
#sideBanner{
	position:absolute;
	left:970px;
	top:108px;
	text-align:left;
}
#navigation{
	width:960px;
	float:left;
	margin:0;
	padding:25px 0 0 0;
}
#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li{
	float:left;
	margin:0;
	padding:0;
}
#navigation ul li a{
	display:block;
	padding:6px 15px 0 15px;
	font-weight:bold;
	background:url(../images/home/li-divider.gif) no-repeat 100% 100%;
	color:#000;
	font-size:12px;
	margin:0;
	text-decoration:none;
}
.nomargin{margin:0 !important;}
.nopadd-left{padding-left:0 !important}
.nopadd-right{padding-right:0 !important;}
.nobg{background:none !important;}
#navigation ul.left-links{float:left;width:700px;}
#navigation ul.right-links{float:right;width:260px;}
#navigation ul.right-links li a{color:#ef4825;}
#navigation ul.right-links li a:hover{color:#000;}
#navigation ul li a:hover{
	color:#ef4825;
}
#navigation ul.right-links li{
	float:right;
	position:relative;
}
#navigation ul li.pop ul{
	position:absolute;
	z-index:10;
	margin:0;
	top:24px;
	padding:0;
	background:#91BBD2 /*url(../images/home/pop-bg.jpg) repeat-y 100% 0*/;
	width:151px;
	display:none;
}
#navigation ul li.pop:hover ul {display:block;}
#navigation ul li.pop ul li{width:100%;}
#navigation ul li.pop ul li a{background:none;font-weight:normal;padding:0;color:#000;padding:5px 0 5px 20px;border-color:#ffffff #336699 #336699 #336699;border-style:solid;border-width:1px;}
#navigation ul li.pop ul li:first-child a {border-top:solid 1px #336699;}
#navigation ul li.pop{position:relative;}
#navigation ul li.rec a{color:#ef4825;}
#navigation ul li ul li a{color:#000;}
#navigation ul li ul li a:hover{color:#000;}
#navigation ul li a{
	display:block;
	padding:6px 15px 0 15px;
	color:#000;
	background:url(../images/home/li-divider.gif) no-repeat scroll 100% 100%;
	font-weight:bold;
	font-size:12px;
	margin:0;
	text-decoration:none;
}
#navigation ul li.rec a:hover{color:#000;}
#content{
	width:960px;
	float:left;
	margin:0;
	padding:25px 0;
}
#content h1, #content h3, #content h4{text-indent:-1000em;}
#subContent{
	width:254px;
	float:left;
	margin:0 0 14px 0;
	padding:0;
}
#jobSearch{float:left;background:#116d9e;padding:12px 12px 11px 12px;margin:0 0 0px 0;width:230px;color:#fff;min-height:342px;_height:342px;}
#jobSearch h1{color:#fff;padding:0 0 20px 0;background:url(../images/home/retail-job-search.gif) no-repeat 0 0;width:162px;height:23px;}
#jobSearch div{width:100%;float:left;padding:0 0 4px 0;margin:0;}
#jobSearch div input.text{width:228px;border:1px solid #fff;color:#939598;}
#jobSearch form#psform fieldset div label{font-size:12px;font-weight:bold;}
#jobSearch .salary{_padding:0;}
#jobSearch .salary div.clear{display:none;}
#jobSearch .salary em{font-style:normal;font-size:14px;font-weight:bold;display:block;padding:5px 0;}
#jobSearch div.column{width:30%;float:left;}
#jobSearch div.label-columns span{display:block;padding:6px 0;}
#jobSearch div.label-columns span label{width:40px;float:left;font-size:14px;}
#jobSearch div.label-columns span select{width:186px;}
#jobSearch div.advsearch{padding:15px 0 0 0;_padding:6px 0 0 0;float:left;}
*:first-child+html #jobSearch div.advsearch{padding:12px 0 0 0;}
#jobSearch div.advsearch a{float:left;color:#fff;background:url(../images/home/advsearhc-bg.gif) no-repeat 0 10px;padding:8px 0 0 15px;}
#jobSearch div.advSearch a:hover{color:#fff;}
.submit{background:url(../images/home/searchBtn.gif) no-repeat 0 0;float:right;width:93px;height:32px;cursor:pointer;border:none;margin:0;}
#mainContent{
	width:690px;
	float:right;
	margin:0;
	padding:0;
}
.holdingDiv{width:100%;float:left;margin:0;padding:0;}
#flashBanner{width:313px;float:left;margin:0;padding:0;height:365px;}
#areaLinks{background:url(../images/home/flashbox.gif) no-repeat  0 0;height:365px;width:313px;float:left;}
#areaLinks ul {float:left;list-style:none;margin:0;padding:80px 0 0 80px;}
#areaLinks ul li {float:left;margin:0 0 5px;text-align:left;width:250px;}
.holding-right{width:360px;float:right;}
.blue-box{width:356px;border:2px solid #ef4825;float:left;margin:15px 0 0 0;padding:0;background:#fff url(../images/home/bluebox-bg.gif) repeat-y 100% 0;}
.box-hold{padding:5px 8px 15px 60px;width:288px;float:left;background-image:url(../images/home/cvbank-bg.gif);background-repeat:no-repeat;background-position:6px 6px;}
#postAJob .box-hold{padding:10px 8px 10px 84px;_padding:5px 8px 10px 84px;width:264px;float:left;background-image:url(../images/home/postajob-bg.gif);}
.blue-box p{margin:0;color:#000;}
.blue-box p a{color:#000;text-decoration:underline;}
.blue-box h4{color:#ef4825;}
#postAJob h4{background:url(../images/home/postajob.gif) no-repeat 0 100%;width:147px;height:14px;padding:0;margin:0 0 5px 0;}
#postAJob p img{margin:0;padding:0;border:none;}
#jotw a img.recruiterLogo{float:right;margin:0px;padding:0px;}
#jotw{float:left;min-height:158px;_height:168px;width:340px;background:#e9f1f6 url(../images/home/jotw-bg.gif) repeat-x 0 100%;padding:10px 8px 10px 8px;_padding:10px 8px 0 8px;margin:0;border:2px solid #116d9e;}
#jotw h4{color:#116d9e;padding:0 0 5px 0;background:url(../images/home/job-of-the-week.gif) no-repeat 0 0;width:137px;height:19px;}
#jotw p strong{font-size:14px;display:block;padding:0px 0 0 0;margin:0;}
#jotw p strong a{text-decoration:underline;}
#jotw p.align-right{margin:0;padding:75px 0 0 0;}
#jotw p{margin:10px 0 0 0;padding:0px;}
#jotw p a.more{font-size:12px;font-weight:bold;text-decoration:none;}

*:first-child+html #jotw p.align-right{margin:0;}
#searchSectors{float:left;margin:0;border:1px solid #116D9E;padding:0;width:368px;background:#fff url(../images/home/sector-bg.gif) repeat-x 0 100%;}
.tabTobLinks{width:100%;float:left;}
.tabTobLinks li{float:left;width:100%;}
.tabTobLinks li a{display:block;text-align:left;padding:10px 0 5px;font-weight:bold;text-indent:-1000em;background:#fff url(../images/home/quicksearch-blue.gif) no-repeat 10px 80%;}
.tab{width:358px;padding:5px 5px 12px 5px;_padding:5px 5px 15px 5px;margin:0;float:left;}
.tab ul{float:left;margin:0;padding:0;width:175px;}
.tab ul li{width:167px;float:left;line-height:155%;padding:1px 0 1px 8px;background:url(../images/home/red-dot.gif) no-repeat 0 7px;}
.tab ul li a{padding:0;font-size:11px;}
.tab ul li a:hover{color:#EF4825;text-decoration:underline;}
.row{width:100%;float:left;padding:0;}
#featureRec{width:575px;float:right;margin:0 0 10px 0;padding:0 0 5px 0;border-bottom:1px solid #a9aaad;}
#featureRec h4{color:#000;padding:0;background:url(../images/home/career-search-by-company.gif) no-repeat 0 0;width:174px;height:19px;}
#featureRec ul{margin:0;padding:0 0 5px 0;width:580px;float:left;}
#featureRec ul li{float:left;padding:0;margin:0;}
#featureRec ul li a{display:block;padding:10px 5px 0 0;}
#featureRec ul li a img{width:139px;height:57px;}
#footer{
	width:575px;
	float:right;
	margin:0;
	padding:0;
}

.right {
	float:right;
}

#footer p{
	font-size:10px;
	margin:0 0 0.5em 0
}

#footer p a{
	font-size:10px;
	padding:0;
	color:#000;
}
#footer p a:hover{color:#EF4825;text-decoration:underline;}

/***************************************************************
	MULTI CURRENCY SELECTOR
***************************************************************/

#salaryPicker {clear:both;}
#salaryPicker .salaryField {margin-top:10px; line-height:12px;}
#salaryPicker label {display:block; float:left; font-weight:normal !important; width:40px;}
#salaryPicker .salaryField.typeField label {width:auto;}
#salaryPicker input {border:none; margin:0 5px; padding:0; vertical-align:bottom; width:13px; height:13px;}
#salaryPicker input#singleCurrencyFlag {margin-left:0;}
#salaryPicker select {width:165px; margin:0 5px 10px 0; font-size:100%; font-family:Arial, Verdana, sans-serif;}
#salaryPicker select#currencyType {width:auto;}
#salaryPicker .floatLeft {float:left; width:210px;}
#salaryPicker .loaderImg {margin:8px 0 0 3px; display:none; width:auto;}
#salaryPicker span {float:left; display:block;}
#salaryPicker .typeField span {width:35px; padding-top:1px;}
#salaryPicker span.fromWrapper label, #salaryPicker span.toWrapper label {padding-top:3px;}