@charset "utf-8";
/* CSS Document standarnd elements */
/******************************************************************************************************************************************************************/
/* HTML TAGS */
/******************************************************************************************************************************************************************/
body								{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
img 								{margin:0px; padding:0px; border:none;}
p									{margin:0px; padding:0px; font-size:11px;}
form								{margin:0px; padding:0px;}
h2									{font-size:12px; font-weight:bold; margin:2px 0px 0px 0px; padding:0px 2px 0px 2px;}
a									{text-decoration:none;}
a:hover								{text-decoration:underline;}
label								{padding:0px; margin:0px; vertical-align:middle; font-size:10px}
radio								{padding:0px; margin:0px; border:none; position:relative; vertical-align:middle}
area								{cursor:pointer;}
ul									{padding:0px; margin:0px}
input								{padding:0px; margin:0px}
td									{padding:3px; text-align:center;}
address								{text-align:right; font-style:normal; font-weight:bold; padding-top:5px; padding-bottom:20px;}
/******************************************************************************************************************************************************************/
/* GENERAL CLASSES */
/******************************************************************************************************************************************************************/
.right 								{text-align:right;}
.left 								{text-align:left;}
.spacer								{margin:0px; padding:0px;}
.spacerdots							{width:auto; margin:0px; padding:1px 2px 0px 2px; color:#000066; background-image:url(../images/spacers/spacer_grad_150x1.gif); background-repeat: repeat-x; margin-top:1px;}
.clr 								{clear:both; font-size:0px; padding:0; margin:0; height:0px;}
.error								{color:#990000;}
/******************************************************************************************************************************************************************/
/* BUTTONS */
/******************************************************************************************************************************************************************/
.buttons a, .buttons button			{float:left; width:85px; height:20px; text-align:center; display:block; margin:0px 7px 0px 0px; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:6px 7px 3px 4px;}
.buttons button						{width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]				{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]		{padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img	{margin:0px 3px -3px 0px; padding:0px; border:none; width:16px; height:16px;}
.button:hover, .buttons a:hover		{background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699;}

.buttons a:active						{background-color:inherit; border:1px solid #6299c5; color:#ffffff;}
button.positive, .buttons a.positive	{color:#529214;}

.buttons a.positive:hover, button.positive:hover 	{background-color:#e6efc2; border:1px solid #c6d880; }
.buttons a.positive:active							{background-color:#529214; border:1px solid #529214; color:#ffffff;}
.buttons a.negative, button.negative				{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover    {background-color:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19;}
.buttons a.negative:active							{background-color:#d12f19; border:1px solid #d12f19; color:#ffffff;}
/******************************************************************************************************************************************************************/
/* JOB TITLE DROP DOWN */
/******************************************************************************************************************************************************************/
#title_drop .re_gr 					{background-color:#00478e; font-size:10px; color:#b5cfef; }
#title_drop .re_va 					{background-color:#ffffff; font-size:10px; color:#00478e; }
#title_drop .ho_gr 					{background-color:#770d1b; font-size:10px; color:#e7a1aa; }
#title_drop .ho_va 					{background-color:#ffffff; font-size:10px; color:#55000b; }
#title_drop .ca_gr 					{background-color:#31654a; font-size:10px; color:#c4d8ad; }
#title_drop .ca_va 					{background-color:#ffffff; font-size:10px; color:#31654a; }
#title_drop .lo_gr 					{background-color:#4a100e; font-size:10px; color:#fd5912; }
#title_drop .lo_va 					{background-color:#ffffff; font-size:10px; color:#4a100e; }
#title_drop .mi_gr					{background-color:#b5b588; font-size:10px; color:#f3f3d5; }
#title_drop .mi_va 					{background-color:#ffffff; font-size:10px; color:#4a100e; }

#title_drop_basic .re_gr 			{background-color:#00478e; font-size:10px; color:#b5cfef; }
#title_drop_basic .re_va 			{background-color:#ffffff; font-size:10px; color:#00478e; }
#title_drop_basic .ho_gr 			{background-color:#770d1b; font-size:10px; color:#e7a1aa; }
#title_drop_basic .ho_va 			{background-color:#ffffff; font-size:10px; color:#55000b; }
#title_drop_basic .ca_gr 			{background-color:#31654a; font-size:10px; color:#c4d8ad; }
#title_drop_basic .ca_va 			{background-color:#ffffff; font-size:10px; color:#31654a; }
#title_drop_basic .lo_gr 			{background-color:#4a100e; font-size:10px; color:#fd5912; }
#title_drop_basic .lo_va 			{background-color:#ffffff; font-size:10px; color:#4a100e; }
#title_drop_basic .mi_gr			{background-color:#b5b588; font-size:10px; color:#f3f3d5; }
#title_drop_basic .mi_va 			{background-color:#ffffff; font-size:10px; color:#4a100e; }
/******************************************************************************************************************************************************************/
/* MAIN LAYOUT POSITIONINGS */
/******************************************************************************************************************************************************************/
#container							{width:800px; text-align:center; margin:auto; padding:0px;}
#header								{width:800px; height:241px; text-align:center; text-align:left; margin:auto; padding:0px;}
#banner								{width:800px; height: 80px; text-align:center; text-align:left; margin:10px; padding:0px;}
#footer								{width:800px; height: 40px; text-align:center; text-align:left; margin:auto; padding:0px;}
#rightnav							{width:150px; padding:10px 0px 0px 10px; text-align:left; float:right;}
/******************************************************************************************************************************************************************/
/* FOOTER */
/******************************************************************************************************************************************************************/
#bottom_nav							{position:relative; text-align:right; width:100%; left:0px; color:#aaaaaa}
#bottom_nav	a						{font-family:Arial, Verdana, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
#bottom_nav	a:hover					{text-decoration:underline;}
.light_link_jigsaw 					{color:#aaaaaa;}
.light_link_jigsaw:hover			{color:#384a8a;}
.light_link_headoffice 				{color:#aaaaaa;}
.light_link_headoffice:hover		{color:#BD283B;}
.light_link_logistics				{color:#aaaaaa;}
.light_link_logistics:hover			{color:#FF5910;}
.light_link_catering 				{color:#aaaaaa;}
.light_link_catering:hover			{color:#366643;}
.light_link 						{color:#aaaaaa;}
.light_link:hover					{color:#353638;}
/******************************************************************************************************************************************************************/
/* STAR RATING */
/******************************************************************************************************************************************************************/
.rating								{width:80px; height:15px; margin:0px 0px 5px 0px; padding:0px; list-style:none; clear:both; position:relative; background: url(../images/icons/star_grid.gif) no-repeat 0px 0px;}
.a_0star							{background-position:0px 0px}
.a_1star							{background-position:0px -15px}
.a_2star							{background-position:0px -30px}
.a_3star							{background-position:0px -45px}
.a_4star							{background-position:0px -60px}
.a_5star							{background-position:0px -75px}
ul.rating li						{cursor:pointer;/*hide from old browser\*/ float:left;/* end hide*/ text-indent:-999em;}
ul.rating li a						{position:absolute; left:0px; top:0px; width:15px; height:15px; text-decoration:none; z-index: 200;}
ul.rating li.a_1 a					{left:0px}
ul.rating li.a_2 a					{left:15px;}
ul.rating li.a_3 a					{left:30px;}
ul.rating li.a_4 a					{left:45px;}
ul.rating li.a_5 a					{left:60px;}
ul.rating li a:hover				{z-index:2; width:80px; height:15px; overflow:hidden; left:0; background: url(../images/icons/star_grid.gif) no-repeat 0px 0px;}
ul.rating li.a_1 a:hover			{background-position:0px -90px;}
ul.rating li.a_2 a:hover			{background-position:0px -105px;}
ul.rating li.a_3 a:hover			{background-position:0px -120px;}
ul.rating li.a_4 a:hover			{background-position:0px -135px;}
ul.rating li.a_5 a:hover			{background-position:0px -150px;}
/******************************************************************************************************************************************************************/
/* HEADER */
/******************************************************************************************************************************************************************/
#header 							{width:800px; text-align:left; position:relative; height:auto;}
#header_logo 						{left:0px; width:112px;}
#menu_header 						{position:absolute; width:568px; left:112px; top:78px; text-align:center;}
#job_of_the_week 					{position:absolute; width:118px; left:680px; top:0px;}
#center_image 						{text-align:left; padding-top:10px;  width:800px;}
/******************************************************************************************************************************************************************/
/* PANEL - ADVANCED SEARCH & JBE */
/******************************************************************************************************************************************************************/
#search								{width:640px; margin:0px; padding:0px;}
.search_container					{float:left; text-align:left; padding:0px 4px 0px 8px; margin:0px 0px 0px 0px; border-right:dotted #000000 1px; min-height:140px;}
.search_container h2				{display:block; border-bottom:dotted 1px #000000}
/******************************************************************************************************************************************************************/
/* SEARCH RESULTS */
/*****************************************************************************************************************************************************************/
#search_result						{}
.search_result_1					{float:left; width:634px; height:85px; margin-bottom:10px; border:#999999 1px dotted; text-align:left; padding:2px; background-color:#edeedf;}
.search_result_2					{float:left; width:634px; height:85px; margin-bottom:10px; border:#999999 1px dotted; text-align:left; padding:2px; background-color:#f3f4ea;}
#search_result h5					{margin-bottom:4px; clear:both;}
#search_result .content				{float:left; padding:0px 0px 0px 5px; vertical-align:top; width:525px; margin:0px}
#search_result .content a			{}

#search_result .content h5			{font-size:12px; margin:2px 0px 4px 0px; clear:both;}
#search_result .actions				{float:right; vertical-align:top; border-left: #bbbbbb 1px dotted; margin:0px; padding-left:5px; padding-right:5px; height:85px; width:90px;}
#search_result .actions p			{ font-size:10px;line-height:16px;}
#search_result .actions a			{padding-left:20px; margin:0px; height:18px;display:block; font-size:10px;}
.action_title						{text-decoration:underline; font-weight:bold;}
/******************************************************************************************************************************************************************/
/* JOB DETAILS */
/*****************************************************************************************************************************************************************/
#job_details p 					    {padding:5px 5px 5px 5px; font-size:12px; }
#job_details ul						{margin:0px 0px 0px 25px; padding:0px 0px 0px 5px; font-size:12px;}
#job_details li						{margin:0px 0px 0px 25px; padding:0px 0px 0px 5px; font-size:12px;}
#job_details   					    {padding:5px 5px 5px 5px; font-size:12px; }
#job_details h2 					{padding:5px 5px 5px 5px; font-size:12px; font-weight:bold; }

/*****************************************************************************************************************************************************************/
/* DIVERSITY */
/*****************************************************************************************************************************************************************/
#diversity 							{font-size:11px;}
#diversity .radio 					{padding:0; width:20px; margin:0;}
#diversity .check 					{padding:0; margin:0; width:14px;}
#diversity .select_list 			{padding:0; width:160px; margin:0; font-size:11px;}
#diversity input 					{display: block; width: 150px; float: left; margin-bottom: 10px;}
#diversity label 					{display: block; width: 150px; float: left; margin-bottom: 10px; font-size:11px; text-align: left; padding-right: 20px; padding-left:5px;}
#diversity br 						{clear: left;}
#diversity fieldset 				{border: 1px solid ;}
/******************************************************************************************************************************************************************/
/* LOGIN FORM */
/*****************************************************************************************************************************************************************/
#login_form							{padding:5px;}
#login_form label 					{display: block; width: 130px; float: left; vertical-align:middle; font-weight:bold; font-size:11px;}
/******************************************************************************************************************************************************************/
/* CONTENT TEXT LAYOUT */
/*****************************************************************************************************************************************************************/
.content_text						{background-color:#FFFFFF; height:100%; width:640px; padding-top:15px;}
.content_text p						{margin:5px 5px 10px 5px; font-size:12px;}
.content_text li					{margin-left:50px; padding-bottom:10px; font-size:12px; list-style-image:url(../images/icons/content_arrow.gif);}
/*****************************************************************************************************************************************************************/
/* REGISTRATION FORM - DETAILS */
/*****************************************************************************************************************************************************************/
#detail_content						{float:left; width:630px; height:auto; margin-bottom:8px; text-align:left; background-color:#f3f4ea; padding:0px 5px 0px 5px; background-image:url(../../images/tbl_headers/beige.gif); background-repeat:no-repeat; color:#545433}
#detail_content input				{color:#545433;}
#detail_content option				{color:#545433;}
#detail_content select				{color:#545433;}
#detail_content strong				{color:#545433;}
#detail_content	p					{font-size:12px; color:#545433;}
#detail_content h1					{font-size:19px; margin:0px 0px 0px 0px; padding:1px 0px 0px 0px; color:#ffffff; font-weight:normal;}
#detail_content h1	strong			{color:#ffffff; font-weight:normal}

#register_left						{float:left; width:150px;}
#register_left p					{height:20px; padding-top:5px; vertical-align:top}
#register_center					{float:left; width:260px; text-align:left;}
#register_center p					{height:25px; padding-top:0px;}
#register_center .blue_text			{font-size:12px; margin:1px 2px 1px 2px; padding:1px 0px 1px 3px; color:#545433; width:250px;}
#register_right						{float:right; width:220px;}
#full_size							{height:auto; padding-top:10px; vertical-align:top; text-align:left;}
/******************************************************************************************************************************************************************/
/* SITEMAP */
/******************************************************************************************************************************************************************/
.sitemap 							{float:left; width:190px; margin-right:10px; height:175px;}
.sitemap p 							{padding:5px;}

.retail						{color:#A0CBEC; font-weight:bold;}
.catering					{color:#C3D8AF; font-weight:bold;}
.headoffice					{color:#BD2939; font-weight:bold;}
.logistics					{color:#FF5811; font-weight:bold;}

/******************************************************************************************************************************************************************/
/* CLIENT FEATURES */
/******************************************************************************************************************************************************************/
.crocs_text {color: #666666}
.cotswold_text {color:#666; font-family:Frutiger LT 57 Cn, Frutiger, Verdana, Geneva, sans-serif}
.cotswold_list ul {color:#666; font-family:Frutiger LT 57 Cn, Frutiger, Verdana, Geneva, sans-serif; list-style-type:disc;}
.cotswold_list li {color:#666; font-family:Frutiger LT 57 Cn, Frutiger, Verdana, Geneva, sans-serif; list-style-type:disc;}
.cotswold_bold {color:#666; font-weight:bold; font-family:Rockwell, Verdana, Geneva, sans-serif}