/*****************************/
/*  Mark Warner Summer Skin  */
/* 							 */
/*	Author: Jozz Hart		 */
/*	Date:	24th April 2009	 */
/*							 */
/*****************************/

@charset "utf-8";

@import url(../base/reset.css);
@import url(../base/addons.css);
@import url(../base/layout.css);


body { font:.75em/1.5 Arial, Helvetica, sans-serif; background:#bf0b2e url(img/body-background.gif) top center no-repeat; }

p, ul	{ margin-bottom:8px; }
a	{ color:#2d4454; }

a.seeAllBenefits	{ float:left; clear:both; width:199px; height:21px; overflow:hidden; text-indent:-999em; background:url(img/buttons/see-all-member-benefits.gif) left top no-repeat; }
a.seeAllPartners	{ float:left; clear:both; width:176px; height:21px; overflow:hidden; text-indent:-999em; background:url(img/buttons/see-all-partner.gif) left top no-repeat; }
a.seeAllNews		{ float:left; clear:both; width:147px; height:21px; overflow:hidden; text-indent:-999em; background:url(img/buttons/see-all-the-news.gif) left top no-repeat; }

h1,
#intro p strong	{ font-size:260%; color:#3b5568; font-weight:normal; width:500px; clear:both; line-height:1em; }
h1		{ margin-bottom:0.3em; }
#intro p strong	{ font-weight:bold; margin-top:3px; display:block; }
#intro p 		{ width:560px; }

h2				{ font-size:160%; color:#3b5568; font-weight:normal; display:block; margin:0px 0 8px 0; line-height:1.1em; }
#rightCol h2	{ clear:both; }
#rightCol h2.springHeader{ color:#BB1C31; font-weight:bold !important; }
h3				{ font-size:135%; color:#3b5568; font-weight:normal; display:block; margin:0px 0 4px 0; line-height:1.1em; }

div.hr			{ background:#d0d3d6; border-bottom:1px solid #fff; margin-bottom:9px; }

#mainCol p,
#mainCol label, #mainCol ul, #mainCol ul li		{ color:#2d4454; }
#mainCol ul li {list-style-type:disc !important; margin:0px 0px 0px 15px;}
#mainCol ul.pagnation li {list-style-type:none !important; margin:0 0 15px 0; }
#mainCol ul.pagnation li a:hover{ text-decoration:underline; }

#mainCol ul#breadcrumb			{ font-size:90%; color:#6c808e; }
#mainCol ul#breadcrumb li{ background:url(img/breadcrumb-divider.gif) right center no-repeat; list-style-type:none !important; margin-left:0; margin-right:6px; color:#6c808e;  }
#mainCol ul#breadcrumb li.last	{ background:none; }
#breadcrumb	a		{ color:#6c808e; text-decoration:none; }
#breadcrumb	a:hover	{ text-decoration:underline; }

fieldset.styled				{ background:#d0dde6; padding:10px 20px; margin-bottom:20px; width:520px; }
fieldset.styled div.hr		{ width:100%; margin-top:10px; }
fieldset.styled input.text	{ float:left; clear:both; width:244px; }
fieldset.styled .button		{ float:right; }

fieldset.styled label 		{ float:left; clear:both; margin-bottom:6px; }
fieldset.styled label span,
fieldset.styled label input	{ float:left; white-space:nowrap; }
fieldset.styled label span	{ margin:2px 0 0 2px; }

fieldset.styled label.title span	{ width:90px; margin-bottom:6px; }
fieldset.styled label.title select	{ width:160px; }

fieldset.styled label.postcode input	{ width:130px; }

fieldset.styled label.address select	{ float:left; clear:both; width:240px; }

fieldset.styled #findMe				{ margin-top:-28px; }


fieldset.memberSignIn .signInLeft	{ float:left; width:267px; clear:left; }
fieldset.memberSignIn .signInRight	{ float:left; width:250px; }
fieldset.memberSignIn .signInRight p	{ float:left; padding-bottom:5px; }
fieldset.memberSignIn .signInRight .button	{ margin-left:150px; display:inline; }

#rightCol					{ padding-top:9px; }
#rightCol p 				{ color:#606060; }
#rightCol strong			{ color:#000; }
#rightCol a strong			{ color:#2D4454; }
#rightCol input.text		{ float:left; clear:both; width:244px; margin-bottom:6px; }
#rightCol input.button		{ float:right; }
#rightCol ul li {list-style-type:disc !important; margin:0px 0px 0px 15px;}


a.bulletLink			{ color:#bb1c31; text-decoration:underline; }
a.bulletLink:hover		{ text-decoration:underline; }
span.bulletLink			{ background:url(img/link-bullet.gif) center 0 no-repeat; height:11px; line-height:12px; width:18px; }

.smallTxt{ font-size:.8em; font-weight:normal; }

/* Recruitment section **********************************************/
h1#logoRecruitment{  width:209px; font-size:100%; padding:11px 0 0 23px; line-height:1; margin:0; clear:none; height:37px; }
h1#logoRecruitment span{ display:none; }
h1#logoRecruitment a{ background:url(img/mark-warner-recruitment-logo.gif) 0 0 no-repeat; overflow:hidden; width:232px; height:48px; text-indent:-9999em; display:block; margin:0; }
div#logoRecruitment{  padding:11px 0 0 23px; }
div#logoRecruitment a{ background:url(img/mark-warner-recruitment-logo.gif) 0 0 no-repeat; overflow:hidden; width:232px; height:48px; text-indent:-9999em; display:block; margin:0; }
a.applyNow	{ float:left; clear:both; width:122px; height:21px; overflow:hidden; text-indent:-999em; background:url(img/buttons/btn-apply.gif) left top no-repeat; }
a.applyNowRed	{ float:left; clear:both; width:116px; height:21px; overflow:hidden; text-indent:-999em; background:url(img/buttons/btn-apply-red.gif) left top no-repeat; }
.submitApplication	{ float:right; clear:both; width:166px; height:21px; overflow:hidden;   }
.submitApplication input{ background:url(img/buttons/btn-submit-application.gif) left top no-repeat; width:166px; height:21px !important; border:1px none #fff; padding-top:42px; cursor:pointer; }
#applySection{ background:#aec6d6 url(../base/img/applySection-bg.gif) 0 100% no-repeat; color:#002e60; position:relative; width:250px; left:-13px; padding:15px 15px 30px 15px; top:-9px;  }
#applySection .inner{ background:#fff; padding:8px; border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px; }
#applySection a, #applySection p, #applySection a strong, #applySection strong{ color:#002e60; }
#rightCol #applySection h2{ color:#BB1C31; font-size:2.3em; }
.bgWhite{ background:#fff !important; }

/*FORM HELP SECTION*/
.formHelpContainer{ position:relative; }
.formHelpOver{ position:absolute; top:0; right:-297px; width:250px; }

.addEmployerLink { padding:10px 0 0 20px; background:url(/img/plus.gif) 0 12px no-repeat; font-weight:bold; }

hr.formDivider {
	display: block;
	height: 1px;
	border: 0;
	border-top:3px double #2c4471; 
	margin: 1em 0;
	padding: 0;
}