/* [%-# @(#)home.css	1.10 12:32:43,10/08/19 (yy/mm/dd) -%] */

/* *****************************************************
	Globals
***************************************************** */
	body {
		margin: 0;
		padding: 0;
		font-family:Arial,Helvetica,sans-serif;
		font-size:70%;
		text-align: center;
		background-color:#f7f0f8;
	}

	img, form, fieldset {
		padding: 0;
		margin: 0;
		border: 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.5em;
		color: #333;
		font-weight:normal;
		margin: 0;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding: 0;
		line-height: 100%;
	}
	p.right {
		text-align: right;
	}
	.align-left{float:left;text-align:left;}
	.align-right{float:right;text-align:right;}

/* *****************************************************
	General Linkage
***************************************************** */
	
	a {
		color: #333;
		text-decoration: underline;
		outline:none;
	}

	a:hover {
		color: #333333;
		text-decoration: none;
	}
		
/* *****************************************************
	Containers
***************************************************** */


#wrapper{
	position: relative;
	text-align: left;
	width:930px;
	margin:10px auto;
	padding: 0;
}

#header {
	width: 930px;
	margin:0;
	background:url(../images/home/header-bg.gif) repeat-x 0 100%;
	padding:0 0 17px 0;
	float:left;
}
#mast-head{
	width:916px;
	float:left;
	margin:0;
	height:68px;
	padding:13px 12px 13px 0;
	border-width:1px 1px 0 1px;	
	border-color:#7CD100;
	border-style:solid;
	background:url(../images/home/header.jpg) no-repeat 0 0;
 }
#logo {
	background:url(../images/home/InRetailLogo.gif) no-repeat 0 0;
	width: 281px;
	height:68px;
	position:absolute;
	top:20px;
	left:-20px;
	margin:0;
	padding:0;
}

#logo a {
	display: block;
	text-indent:-9999px;
	width: 281px;
	height: 68px;
}
#adbanner{
	position:absolute;
	right:20px;	
	top:20px;
	text-align:right;
}
#right-banner{
	position:absolute;
	left:970px;
	top:108px;
	text-align:left;
}

#postAjob {
	/*background:url(../images/home/logpanel.gif) repeat-x 0 0;*/
	width: 160px;
	float:right;
	padding:5px 5px 5px 5px;
}
#login form, #login fieldset{
	margin:0;
	padding:0;
}
	
#login  div.formGroup {
	clear:both;
	margin:0;
	padding:0;
	width:100%;
}
#login  span.formInnerBlock {
	clear:both;
	display:block;
	margin:0;
	padding:2px 0 1px;
	position:relative;
	width:100%;
	float:left;
}
#login  span.formInnerBlock label.over {
	color:#999999;
	left:5px;
	position:absolute;
	top:3px;
	font-size:11px;
}
#login  span.formInnerBlock input.text {
	border:1px solid #fff;
	float:left;
	margin:0;
	padding:0;
	font-size:11px;
	width:131px;
}
#login  span.formInnerBlock input.submit {
	background:url(../images/home/pagearrow.gif) no-repeat 0 0;
	border:none;
	cursor:pointer;
	height:17px;
	margin:2px 0 0 4px;
	padding:0 !important;
	text-indent:-9999px;
	width:20px;
}
#navigation{
	width:930px;
	float:left;
	margin:0;
	background:url(../images/home/navbg.gif) repeat-x 0 0;
	padding:0;
}
#navigation ul{
	list-style:none;
	margin:0;
	padding:0 0 0 12px;
}
#navigation ul li{
	float:left;
	margin:0;
	padding:0;
}

#navigation ul li.rec{
	float:right;
	position:relative;
}
#navigation ul li.pop ul{
	position:absolute;
	z-index:10;margin:0;
	padding:0;
	background:url(../images/home/pop-bg.jpg) repeat-y 100% 0;
	width:131px;
}
#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;border-color:#ffffff #009900 #009900 #009900;border-style:solid;border-width:1px;}
#navigation ul li.pop ul li a:hover{color:#000;}
#navigation ul li.pop{position:relative;}
#navigation ul li.rec a{background:url(../images/home/navarrow.gif) no-repeat 90% 50%;padding:6px 32px 6px 35px;}
#navigation ul li a{
	display:block;
	padding:6px 17px 6px 17px;
	color:#74d500;
	background:url(../images/home/navarrow.gif) no-repeat left;
	font-weight:bold;
	font-size:13px;
	margin:0;
	text-decoration:none;
}
#navigation ul li a:hover{
	color:#fff;
}
#content{
	width:930px;
	float:left;
	margin:0;
	padding:10px 0 20px 0;
}
#mainContent{
	width:568px;
	float:left;
	margin:10px 0 0 0;
	padding:0;
}
#rotBanner{float:left;width:568px;margin:0;padding:0 0 15px 0;}

#search{
	width:568px;
	margin:0;
	padding:0;
}
#search h1{
	margin:0;
	font-size:30px;
	padding:0 0 10px 0;
	font-weight:normal;

}
#search h2{
	margin:0;
	font-size:30px;
	padding:0 0 10px 0;
	font-weight:normal;

}

#search p.align-right span{
	float:left;
	padding:5px 0 0 20px;
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#search p.align-right span strong{
	font-size:16px;		
}

#search-hold{
	width:566px;
	margin:0;
	padding:0;
	background:#bce675;
	overflow:hidden;
	border-top:1px solid #009900;
	border-left:1px solid #009900;
	border-right:1px solid #009900;
}
#search-box {
	width:548px;
	float:left;
	margin:0;
	padding:20px 0 10px 20px;
}
#search-box div{
	width:265px;
	float:left;
}
#search-box div.loacation{padding:0 18px 0 25px;width:240px;}
#search-box div label{
	color:#000;
	width:55px;
	float:left;
	font-size:12px;
	padding:4px 0 4px 0;
}
#search-box div label em{
	font-style:normal;
	font-weight:normal;
}
#search-box div input.text{
	width:176px;
	border:1px solid #009900;
	padding:2px 0 0 0;
	height:20px;
}
#search-box div span{
	display:block;
	color:#000;
	font-size:90%;
	padding:3px 0 0 58px;
}
#search-hold form input.submit{
	background:url(../images/home/searchBtn.gif) no-repeat 0 0;
	border:none;
	clear:both;
	width:104px;
	height:36px;
	cursor:pointer;
	padding:0;
	float:right;
	margin:0 18px 0 0;
}
a.adv-search{
	background:url(../images/home/advPlus.gif) no-repeat 0 2px;
	display:block;
	padding:0 0 0 17px;
	margin:24px 0 0 58px;
	font-size:12px;
	text-decoration:none;
}


.advancedSearch{
	margin:0;
	padding:0;
	/*background:url(../images/home/powered-jobsite_ij.gif) no-repeat 97% 50%;*/
	width:566px;
	position:relative;
	float:left;
	min-height:25px;
	border-bottom:1px solid #999999;
	_height:25px;
}
.advancedSearch.advbgchange{
	/*background:url(../images/home/powered-jobsite_ij.gif) no-repeat 97% 50%;*/
}
.advancedSearch h3{
	border-color:#999999;
	border-style:solid;
	border-width:1px 1px 1px 0;
	font-size:14px;
	left:1px;
	margin:11px 0 0 0;
	padding:0 0 2px 0;
	position:absolute;
	text-align:center;
	top:0;
	font-weight:normal;
	width:171px;
	height:22px;
	background:#d7f0ad;
	}
.advancedSearch h3 a{
	display:block;
	padding:4px 22px 4px 0;
	margin:0;
	text-decoration:none;
	color:#000;
	background:url(../images/home/adv-arw.gif) no-repeat 95% 4px;
}
* html .advancedSearch h3 a{margin:0 0 -1px 0;}
.advancedSearch h3 a:hover{
	color:#000 !important;
}
#advancedSearch {
	background:#e9f7d2;
	margin:0;
	padding:15px 0 0 10px;
	border-width:0 1px 1px 1px; 
	border-style:solid;
	border-color:#999999;
	width:556px;
	float:left;
}
#search-box .salary .label-columns{margin:0;padding:0;float:left;width:auto;}
#search-box .salary div.clear{display:none;}
#search-box .salary .label-columns label{width:auto;float:left;padding:3px 7px 0 0;}
#search-box .salary .label-columns span{padding:0 5px 0 0;float:left;}
.row .label-columns {margin:0;padding:1px 0 0 0;float:left;}
.row .label-columns label{width:auto;float:none;padding:0 5px 0 0;}
#search-box .salary{
	width:100%;
	padding:15px 0 0 0;
	float:left;
}
.row{
	width:100%;
	padding:0 0 15px 0;
	float:left;
}
#search-box .salary em{font-size:12px;width:45px;float:left;font-style:normal;padding:3px 0 0 0;}
.row em{font-size:12px;width:40px;float:left;font-style:normal;padding:3px 0 0 0;}
#search-box .salary label{
	width:78px;
	float:left;
	margin:0;
	font-size:12px;
	padding:3px 0 0 0;
	color:#000;
}
.row label{
	width:80px;
	float:left;
	margin:0;
	font-size:12px;
	padding:0;
	color:#000;
}
#search-box .salary select{
	width:126px;
	border:1px solid #999;
	margin:0 5px 0 0;
	padding:0;
/*	color:#999;*/
}
.row select{
	width:126px;
	border:1px solid #999;
	margin:0 5px 0 0;
	padding:0;
	/*color:#999;*/
}
#search-box .salary .column{width:auto;}
.colum{
	float:left;
	margin:0;
	padding:0 10px 0 0;
}
#search-box .salary .column .radio{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
.colum .radio{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
*html #search-box .salary .column .radio{_margin:-4px 0 0 0;}
* html .colum .radio{_margin:-4px 0 0 0;}
*html:first-child+html #search-box .salary .column .radio{_margin:-4px 0 0 0;}
*:first-child+html .colum .radio{margin:-4px 0 0 0;}
#advancedSearch .border{
	border-top:1px solid #42FF41;
	padding:10px 0 10px 0;
	width:546px;
	font-size:12px;
	color:#000;
}
#advancedSearch .border a{
	color:#000;
}

#advancedSearch .border a:hover{
	color:#000 !important;
	text-decoration:none;
}

.colum label{
	width:auto;
	padding:2px 10px 0 0;
}
/* *****************************************************
	jsOn Tabing
***************************************************** */
	#mainContent .tabs{
		width:566px;
		margin:20px 0 0 0;
		padding:0;
		background:#FFFFFF url(../images/home/category-bg.gif) repeat-x scroll 0 0;
		float:left;
		border:none;
		_float:none;
	}

	#mainContent .tabs.jsOn{
		position:relative;
		border:1px solid #868686 !important;
		padding:0 !important;
		margin:20px 0 !important;
	}
	.tabs ul{
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}

	ul.tabTobLinks{
		clear:both;
	}
	
	ul.tabTobLinks li{
		margin:0;
		padding:0;
	}
	
	ul.tabTobLinks li a{
		padding:6px 22px 9px 10px;
		display:block;
		background:url(../images/home/sectors-bg.gif) repeat-x scroll 0 0;
		border-color:#868686;
		text-align:left;
		border-style:solid;
		border-width:0 0 1px 1px;
		text-decoration:none;
		font-size:19px;
		color:#000 !important;
	}

	ul.tabTobLinks li a:hover{
		text-decoration:none;
		color:#000 !important;
	}

	ul.tabTobLinks li a.active{
		border-bottom:1px solid #c2e884 !important;
		border-left:1px solid #868686 !important;
		color:#000 !important;
		background:url(../images/home/category-bg.gif) repeat-x scroll 0 0;
	}
	ul.tabTobLinks li.latest-hdr a{border-width:0 0 1px 0;padding:6px 24px 9px 10px;}
	ul.tabTobLinks li.latest-hdr a.active{
		border-width:0 0 1px 0 !important;
		color:#000 !important;
		padding:6px 24px 9px 10px;
		background:url(../images/home/category-bg.gif) repeat-x scroll 0 0;
	}
	ul.tabTobLinks li.skills-hdr{position:absolute;top:300px;}
	ul.tabTobLinks li.location-hdr{position:absolute;top:580px;}
	
	.tab{display:block;clear:both;width:564px}
	.tab ul{
		width:282px;
		padding:10px 0;
		float:left;
	}
	.jsOn .tab{height:auto;}
	.jsOn ul.tabTobLinks{float:left;}
	.jsOn ul.tabTobLinks li{float:left;}
	.jsOn ul.tabTobLinks li.skills-hdr{position:static;}
	.jsOn ul.tabTobLinks li.location-hdr{position:static;}
	.jsOn ul.tabTobLinks li a{padding:6px 21px 9px 10px;width:250px;text-align:center;font-size:19px !important;font-family:Georgia,"Times New Roman",Times,serif;}
	.jsOn ul.tabTobLinks li.latest-hdr a{border-width:0 0 1px 0;padding:6px 24px 9px 10px !important;}
	.jsOn .tab{clear:both;display:none;float:left;_float:none;width:564px;}
	.tab ul li{
		margin:0;
		padding:0 0 0 10px;
		width:272px;
	}
	
	.tab ul li a{
		display:block;
		padding:4px 0;
		margin:0;
		font-size:12px;
		color:#333;
		color:#000 !important;
	}
	
	.tab ul li a:hover{
		text-decoration:none;
		color:#333333 !important;
	}

	a.viewall{
		padding:0 0 4px 0  !important;
		color:#CC3103 !important;
		font-weight:bold;
	}


#uploadCv {
	float:left;
	margin:0;
	padding:0 0 20px 0;
	width:568px;
}

#upload-hold{
	float:left;
	margin:0;
	padding:8px 12px;
	width:542px;
	background:#eed1ff;
	border:1px solid #868686;
}

#uploadCv h3 {
	font-size:24px;
	margin:0;
	padding:0 0 5px;
	font-weight:normal;
}

#uploadCv p {
	margin:0 0 10px;
}

#uploadCv ul {
	float:left;
	margin:0;
	padding:0;
}

#uploadCv ul li {
	display:block;
	background:url(../images/home/bullet.gif) no-repeat 0 4px;
	padding:4px 0 8px 20px;
	margin:0;
}

a.upload{
	background:url(../images/home/uploadBtn.gif) no-repeat 0 0;
	text-align:left;
	display:block;
	text-indent:-1000em;
	width:92px;
	height:31px;
	margin:5px 0 0 0;
	padding:0;
}
#popularRetail{
	background:#fff url(../images/home/popularRetail-bg.gif) no-repeat 100% 0;
	float:left;
	margin:0 0 20px 0;
	border:1px solid #868686;
	padding:10px;
	width:546px;

}

#popularRetail h3{
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 8px 0;
	border-bottom:1px solid #41ff38;
	width:398px;
	clear:both;
	color:#666666;
}

#popularRetail ul{
	list-style:none;
	margin:0;
	padding:12px 0;
	float:left;width:205px;
}

#popularRetail ul li {
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#popularRetail ul li a{
	font-size:12px;
	display:block;
	padding:2px 0 3px 0;
}

.green-border{
	width:543px;
	border:1px solid #7CD100;
	background:#fff;
	float:left;
	margin:0 0 20px 0;
	padding:18px 15px 10px 8px;
}

.green-border h3{
	font-size:20px;
	font-weight:normal;
	margin:0 0 12px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #7CD100;
	clear:both;
	color:#666666;
}

.green-border p a{
	display:block;
	padding:0 15px 0 0;
	float:left;
	margin:0;
}

#jobseekers, #recruiters{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.careerbox {
	float:left;
	margin:0 0 20px;
	padding:0;
	width:568px;
}
#chirstmasJobs{
	width:568px;
	float:left;
	margin:0;
	padding:0;
}

#chirstmasJobs a, a img{
	margin:0;
	padding:0;
	display:block;
}

#sub-content{
	width:344px;
	float:right;
	margin:0;
	padding:0;
}
#sub-content p a{
	float:right;
	margin:0 0 0 0;
	padding:0 2px 16px 0;
}
#sub-content div#eotm p span a{float:none;}
#eotm{
	width:324px;
	float:left;
	border:1px solid #7CD100;
	padding:10px 10px;
	background:#fff;
	margin:0 0 16px 0;
}

#eotm h4{
	font-size:20px;
	font-weight:normal;
	margin:0 0 8px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #7CD100;
	clear:both;
	color:#666666;
}

#eotm p{
	margin:0;
	padding:0 10px 0 0;
	font-size:12px;
}

#eotm p img{
	float:right;
	margin:0 0 0 8px;
	padding:0;
}

#eotm div {
	width:140px;
	float:right;
	margin:0;
	padding:0;
}

#eotm div a img{
	float:right;
	margin:0;
	padding:0;
}

a.more{
	background:url(../images/home/more.gif) no-repeat 0 0;
	width:97px;
	height:38px;
	float:right;
	text-indent:-1000em;
	display:block;
	padding:0;
	margin:30px 0 0 0;
}

#featuredEmployers{
	background-color:#FFFFFF;
	border:1px solid #7CD100;
	float:left;
	margin:0;
	padding:10px;
	width:322px;
}
#featuredEmployers h4{
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px 0;
	clear:both;
	color:#666666;
}
#featuredEmployers ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:322px;
}
#featuredEmployers ul li {
	background:url(../images/home/logoshad.gif) no-repeat -5px -5px;
	margin:2px 0 8px;
	padding:0;
	float:left;
	width:160px;
}
#featuredEmployers ul li a{
	display:block;
	text-indent:-9999px;
	margin:0;
	padding:12px 7px 12px 10px;
}
#featuredEmployers ul li a img{
	margin:0;
	padding:0;
}

#featuredEmployers a.view{
	background:url(../images/home/pagearrow.gif) no-repeat 0 4px;
	border-bottom:1px solid #7CD100;
	border-top:1px solid #7CD100;
	clear:both;
	margin:0;
	color:#000000;
	font-size:12px;
	display:block;
	font-weight:bold;
	padding:4px 0 4px 20px;
	text-decoration:none;
}
#featuredEmployers a.view:hover{
	color:#666666;
}

#footer{
	width:930px;
	clear:both;
	margin:0;
	text-align:center;
	padding:0;
}

.right {
	float:right;
}

#footer p{
	font-size:12px;
}

#footer p a{
	font-size:12px;
	padding:0 5px;
}