/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/
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;}
ol, ul {list-style-type: none;}
/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/
body {font-family:Arial, Helvetica, sans-serif; font-size:70%; color:#5b5b5b; background:#fff;}
p { padding-bottom:15px; font-size:12px; line-height:1.5em; }
em { font-style:italic;}
strong { font-weight:bold;}
abbr { border-bottom:1px dotted #5B5B5B;}
img {border:0px;}
a { font-weight:bold; text-decoration:none; color:#EE2227;}
a:hover{text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important; text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}
#content ul, #content ol { padding:0px 0px 5px 0px; }
#content ol{ font-size:12px;}
#content li { padding:0px 0px 8px 10px; background:url('/_images/bullets/bullet.gif') no-repeat 0px 7px; font-size:1.1em; line-height:1.5em;}
#content ol li { padding:0px 0px 5px 0px; margin:0px 0px 0px 35px; list-style:decimal outside; background:none;}
#content table { float:left; width:100%; margin:0px 0px 15px 0px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; text-align:left;}
#content table th, #content table td { padding:5px 5px 5px 5px; border-right:1px solid #e1e1e1;}
#content table th { font-weight:bold; background:#f1f1f1; text-transform:capitalize;}
#content table td { border-top:1px solid #e1e1e1;}
legend { display:none;}
.fielderror { float:left; width:100%; padding:0px 0px 5px 0px; color:#ff0000;}
input, select, textarea { font-size:11px; font-family:Tahoma, Verdana, Arial, sans-serif;}
input { margin:0px 0px 0px 0px; width:13px; height:13px; overflow:hidden;}
.textfield, .formbutton { width:auto; height:auto; overflow:inherit;}
.accordian div { background:#fff;}
.tags{ font-weight:bold; text-transform:lowercase;}
abbr { border:none; text-decoration:none;}
blockquote{ font-size:12px; line-height:1.5em;}
cite{ font-style:italic; font-size:12px;}
/********************************************************************/
/*                              H tags                              */
/********************************************************************/

h1 { font-size: 300%; color:#313131; font-weight:normal; padding:0px 0px 20px 0px; text-transform:lowercase; }
h2 { font-size: 250%; color:#313131; padding:0px 0px 20px 0px; font-weight:normal; text-transform:lowercase;}
h3 { font-size: 120%; color:#313131; font-weight:normal; padding:0px 0px 10px 0px;}

h3 a { color:#313131; text-decoration:none; }
h3 a:hover { text-decoration:none; font-weight:normal; }

#rightCol h3{ font-size:120%; color:#313131;}
h3 a { color:#313131; text-decoration:none; }
h3 a:hover { text-decoration:none; font-weight:bold;}

/********************************************************************/
/*                          Template tags                           */
/********************************************************************/

#content .pageOptions { float:left; width:640px;}
	#content .pageOptions li { display:inline; padding:0px 0px 0px 15px; text-transform:lowercase;}
	#content .pageOptions .fl { padding:0px 15px 0px 0px;}

#container { width:960px; text-align:left; margin-left:auto; margin-right:auto;}
	#header{ width:960px; height:142px; float:left; position:relative;}
	#header .logo{ float:left; display:inline; width:90px; margin:21px 0px 30px 0px;}
	#header #nav{ float:left; list-style:none; padding:68px 0 0 10px;}
	#header #nav li{ float:left; background:none; padding:0; display:inline;}
	#header #nav li a{ color:#313131; font-size:18px; background:url('/_images/bg/nav-divide.gif') no-repeat center right; padding:0 22px 0 22px; float:left; }
	#header #nav li a:hover{ color:#ed1c24; text-decoration:none;}
	#header #nav li a.selected{ color:#ed1c24;}
	#header #nav li a.last{ background:none;}
	
	#header fieldset { float:right; position:relative; width:250px; height:24px; margin:68px 0px 0px 0px; background:url('/_images/bg/search-bg.gif') no-repeat top left;}
	#header label{ display:none;}
	#header .text input { position:absolute; top:0px; width:195px; margin:5px 0px 0px 10px; color:#959595; border:none; background:none;}
	#header .formbutton { float:right;}
	
	#main{ width:960px; float:left;}
	#content{ width:640px; float:left;}
	
	
	#content .return { background:transparent url(/_images/bullets/return.gif) no-repeat scroll 0 0; padding:2px 0 2px 23px;}

	
	#footer{ width:960px; height:268px; float:left; background:url('/_images/bg/footer.jpg') no-repeat top left; position:relative;}
	#footer .footercontent{ position:absolute; bottom:0; width:960px; margin:15px 0 0 0;}
	#footer .copyright{float:left; width:200px;}
	
	#footer .links{ float:right; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
	#footer .links li.top{ background:url('/_images/bullets/top.gif') no-repeat center left; padding:0 0 0 17px;}
	#footer .links li.top a{ color:#5a5a5a; font-weight:normal;}
	#footer .links li.top a:hover{ text-decoration:none;}

div.sexy { float:left; width:250px; height:31px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; border:0; }
	div.sexy input { left:0px; top:0px; width:126px; padding:0px 3px 0px 8px; margin:5px 0px 0px 3px; color:#5b5b5b; vertical-align:middle; border:0;}
	div.sexy div.icon { top:0px; right:0px; width:31px; height:24px; border:0; cursor:pointer; background:url('/_images/general/trigger.gif') no-repeat 0 0 transparent;}
	div.sexy div.list-wrapper { left:7px; top:23px; bottom:auto; width:211px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#FFFFFF;}
	div.sexy div.list-wrapper-up { top:auto; bottom:21px;}
	div.sexy ul { list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:200px; color:#5b5b5b;}
	div.sexy li { padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; cursor:pointer; background:#FFFFFF;}
	div.sexy li.active { color:#ed1c24; background:#fff;}
	/*for IE*/
	div.sexy a, div.sexy a:visited, div.sexy a:active { display: block; width: 100%; height:20px; margin:0px 0px 0px 0px; text-decoration:none; color:#959595; cursor:pointer; }
	div.sexy input.empty { color:gray;}
	a.to-highlight:hover { background-color:rgb(223, 232, 246);}
	
	.quote { float:left; width:260px; padding:0 0 20px 0;}
		.quote blockquote { border-left:8px solid #EE2227; padding:6px 0 6px 10px; margin:0 0 10px 0;}
			.quote blockquote p { padding:0 0 10px 0; font-size:1.3em; line-height:1.5em;}
		.quote cite { font-style:normal; padding:0 0 0 18px; display:block; font-size:1em; line-height:1.2em;}
			.quote cite strong { display:block;}

/********************************************************************/
/*                          rightCol tags                           */
/********************************************************************/
	
#rightCol{ width:250px; float:right;}
	#rightCol h2{ float:left; width:250px; padding:0px 0px 15px 0px; text-transform:lowercase;}
	#rightCol .contentBox { float:left; width:250px; padding:0px 0px 10px 0px; margin:0px 0px 20px 0px; background:url('/_images/bg/dotted-horiz.gif') repeat-x bottom left;}
	#rightCol .contentBox.social ul{ float:left; width:250px;}
	#rightCol .contentBox.social ul li{ margin:0 0 10px 0; padding:8px 0 0 37px; height:22px;}
	#rightCol .contentBox.social ul li.twitter{ background:url(/_images/icons/twitter.jpg) no-repeat center left;}
	#rightCol .contentBox.social ul li.facebook{ background:url('/_images/icons/facebook.jpg') no-repeat center left;}
	#rightCol .contentBox.social ul li a{ font-size:15px; }
	
	#rightCol .contentBox.jobs ul{ float:left; width:250px;}
	#rightCol .contentBox.jobs ul li{ margin:0 0  10px 0; font-size:12px; line-height:1.5em; clear:both;}
	#rightCol .contentBox.jobs ul li a{ background:url('/_images/bullets/job-title.gif') no-repeat center left; padding:6px 0 0 22px; height:28px; float:left; }
	
	#rightCol .contentBox.ourFacts  { position:relative;}
		#rightCol .contentBox.ourFacts span { position:absolute; top:-7px; right:17px; width:60px; height:66px; background:url(/_images/pod-images/our-facts.gif) 0px 0px no-repeat;}	
	#rightCol .contentBox.ourFacts ul { float:left; width:250px; padding:0 0 5px 0;}
		#rightCol .contentBox.ourFacts ul li { font-size:1.1em; line-height:1.3em; padding:0 0 10px 20px; background:url(/_images/bullets/link-bullet.gif) 5px 6px no-repeat;}
	
	/*#rightCol .contentBox.intro { min-height:265px; height: auto !important; height: 265px;}*/
	#rightCol .contentBox img{ padding:0px 0px 15px 0px;}
	#rightCol .contentBox img.pod{ padding:0px 0px 5px 0px;}
	
	#rightCol .contentBox p.heading{ font-weight:bold; padding:0 0 5px 0;}
	#rightCol .contentBox a{ color:#5c5c5c;}
	#rightCol .contentBox a:hover{ color:#ed1c24; text-decoration:none;}
	
	#rightCol #signup { float:left; width:250px; margin:0px 0px 15px 0px; }
		#rightCol #signup p { padding:0px 0px 5px 0px; font-weight:bold;}
		#rightCol #signup fieldset { position:relative; background:url('/_images/bg/search-bg.gif') no-repeat top left;}
		#rightCol #signup label{ display:none;}
		#rightCol #signup .text input { position:absolute; top:0px; width:195px; margin:5px 0px 0px 6px; color:#959595; border:none; background:none;}
		#rightCol #signup .formbutton{ float:right;}

	#rightCol .contentBox .login { float:left; width:250px; height:auto; }
		#rightCol .contentBox .login label{ display:none;}
		#rightCol .contentBox .login input.textfield{ width:243px; height:19px; color:#959595; border:none; padding:5px 0px 0px 7px; margin:0px 0px 6px 0px; background:url('/_images/bg/rightcol-field.gif') no-repeat top left;}
		#rightCol .contentBox .login .text { width:240px; height:19px; padding:5px 0px 0px 10px; margin:0px 0px 6px 0px; background:url('/_images/bg/rightcol-field.gif') no-repeat top left;}
		#rightCol .contentBox .login .text input { width:230px; color:#959595; border:none; background:none;}
		#rightCol .contentBox .login .formbutton{ float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
	
	#rightCol .tweets.contentBox { width:175px; padding:0px 75px 0px 0px; background:url('/_images/bg/twitter.gif') no-repeat 175px -4px;}
	#rightCol .tweets.contentBox h2 { padding:0px 0px 10px 0px;}
	
	#twitter_div { float:left; width:250px;}
		#twitter_div ul { float:left; width:250px;}
			#twitter_div ul li { padding:0 0 10px 0;}
				#twitter_div ul li span { display:block; font-size:12px; padding:0 0 3px 0;}
				#twitter_div ul li a { font-size:12px; }
				
	#rightCol .insights.contentBox { background:none;}
	#rightCol .insights.contentBox ul, #rightCol .insights.contentBox li { float:left; width:250px;}
	#rightCol .insights.contentBox li { padding:0px 0px 30px 0px;}
	#rightCol .contentBox img { padding:0px 0px 5px 0px;}
	
#rightCol .contactDetailsPod, .contactDetailsPod p { font-size:17px; color:#313131;}
	.contactDetailsPod ul { float:left; width:250px; padding:0px 0px 10px 0px;}
	.contactDetailsPod p { padding:0 0 10px 5px;}
		.contactDetailsPod p span { display:block; padding:0 0 4px 0;}
		.contactDetailsPod li { padding:0 0 8px 36px; background-repeat:no-repeat; background-position:5px 1px;}
			.contactDetailsPod .telephone { background-image:url(/_images/bullets/telephone.gif);}
			.contactDetailsPod .fax { background-image:url(/_images/bullets/fax.gif); }
			.contactDetailsPod .email { background-image:url(/_images/bullets/email.gif); }
			
/********************************************************************/
/*                          Homepage tags                           */
/********************************************************************/

.homeTitle { display:none;}

/*       http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/        */
	#content #mainVid { float:left; width:640px; height:275px; margin:0px 0px 30px 0px; border:1px solid #ddd;}
	#content #introVid { float:left; width:640px; height:275px; margin:0px 0px 30px 0px; border:1px solid #ddd;}
	#content #outroVid { float:left; width:640px; height:275px; margin:0px 0px 30px 0px; border:1px solid #ddd;}
	#content #bannerImg { float:left; margin:0 0 30px 0; width:640px; height:275px; }
	#content #homepageCarousel { float:left; width:640px; height:160px; margin:0px 0px 30px 0px;}
		
	#content .boxgrid { float:left; position:relative; overflow:hidden; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#fff; background:none;}
		#content .boxgrid img, #content .boxgrid .boxcaption { position:absolute; top:0px; left:0px;}
		#content .boxgrid .boxcaption { padding:10px; margin:0px; background:#000; opacity:.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
		#content .boxgrid h3 { color:#ff3d44; font-size:16px; padding:2px 0px 8px 0px;}
		#content .boxgrid p { padding:0px 0px 5px 0px; font-size:11px; line-height:15px;}
		#content .boxgrid a {  color:#ff3d44; text-transform:lowercase; text-decoration:none; clear:both;}


	#content ul#mycarousel .boxgrid { display:inline; width:211px; height:159px; margin:0px 10px 0px 0px;}
		#content ul#mycarousel .boxgrid .boxcaption { width:191px; height:140px;}
		#content ul#mycarousel .boxgrid .cover { top:-160px;}
 
	#content ul#clientProjects .boxgrid { display:inline; width:145px; height:110px; margin:0px 0px 20px 20px;}
		#content ul#clientProjects .boxgrid.first { margin:0px 0px 20px 0px;}
		#content ul#clientProjects .boxgrid .boxcaption { width:125px; height:90px;}
		#content ul#clientProjects .boxgrid .cover { top:-110px;}
		#content ul#clientProjects .boxgrid h3 { padding:2px 0px 4px 0px;}
		#content ul#clientProjects .boxgrid h3 a { padding:0px 0px 0px 0px; font-size:14px; text-transform:none; background:none;}
		
		
/*		
		#content ul#contentGrid{ width:640px; list-style:none;}
		#content ul#contentGrid li{ display:inline; width:310px; height:110px; float:left; background:none; padding:0; margin:0;}
		#content ul#contentGrid li.first{ margin:0 0 20px 0; clear:both;}
		#content ul#contentGrid li img{ float:left;}
		#content ul#contentGrid li div.description{ width:145px; height:107px; padding:3px 10px 0 0; float:right; position:relative;}
		#content ul#contentGrid li div.description a.more{ float:left; width:145px; border-top:1px solid #dfdfdf; padding:7px 0 0 0;}
		#content ul#contentGrid li div.description a.more:hover{ text-decoration:none;}
		#content ul#contentGrid li div.description h3{ font-size:12px; color:#5b5b5b;}
		#content ul#contentGrid li div.description h3 a{ font-weight:normal; color:#5b5b5b;}
		#content ul#contentGrid li div.description h3 a:hover{ color:#ed1c24;}
*/	

#content ul#contentGrid { float:left; width:650px;}
	#content .image-grid:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }
	#content ul#contentGrid li { float:left; display:block; width:310px; height:130px; padding:0; margin:0; background:none;}
	#content ul#contentGrid li img { float:left;}
	#content ul#contentGrid li div { float:right; width:145px; padding:3px 10px 0px 0px;}
	#content ul#contentGrid li div a { float:left; width:145px; padding:0px 0px 28px 0px; color:#5b5b5b; font-weight:normal; font-size:12px; text-decoration:none; background:url('/_images/bg/read-more.gif') no-repeat bottom left;}
	#content ul#contentGrid li div a:hover { color:#ed1c24;}
	
#content .image-grid { margin:0; padding:0; width: 660px;}
#content .image-grid:after { display: block; height: 0; overflow: hidden;}
#content .image-grid li { float:left; width:165px; margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; color:#686f74; overflow:hidden; background:none; }
#content .image-grid li span { display:none}

.filterContent#content { width:660px; min-height:850px; height: auto !important; height: 850px;}

/********************************************************************/
/*                        Page number tags                          */
/********************************************************************/

#content ul.pageNumbers { float:left; width:100%;}
	#content ul.pageNumbers li { float:left; display:inline; padding:0px 0px 0px 0px; margin:0px 4px 0px 0px; border:1px solid #e1e1e1; text-align:center; background:none;}
	#content ul.pageNumbers a { display:block; width:22px; padding:4px 0px 4px 0px; text-decoration:none; font-weight:normal; background-color:#fff;}
	#content ul.pageNumbers a.selected , #content ul.pageNumbers a:hover { background:#f1f1f1;}

#content .pageOptions { float:left; width:100%;}
	#content .pageOptions li { display:inline; background:none;}
	#content .pageOptions li img { float:left;}
	#content .pageOptions .fl { padding:0px 15px 0px 0px;}
	#content .pageOptions .fr { padding:0px 0px 0px 15px;}

#content .bg { background-color:#f3f3f3;}
#content .moduleList li { float:left; width:640px;}
#content .moduleList li li { float:none; width:auto;}

#content .tags { float:left; width:640px; font-size:12px; padding:0px 0px 10px 0px;}
	#content .tags h3 { float:left; width:58px; color:#5b5b5b;  padding:0; font-size:14px; margin:0; }
	#content .tags ul { float:left; margin:0; padding:0;}
	#content .tags li { float:left; display:inline; padding:1px 3px 0px 6px; background:url('/_images/bullets/comma.gif') no-repeat 100% 90%; line-height:0; }
	#content .tags .last { background:none;}
	#content .tags li a { color:#5b5b5b; text-decoration:none;}
	#content .tags li a:hover { color:#ed1c24;}

#content #articles { float:left; width:640px;}
	#content #articles li { float:left; display:inline; width:640px; padding:15px 0px 15px 0px; margin:0px 0px 0px 0px; border-bottom:1px solid #dfdfdf; background:none;}
		#content #articles li li { width:auto; padding:0px 0px 0px 0px; border-bottom:none;}
		#content #articles li .tags li { padding:0px 3px 0px 6px; background:url('/_images/bullets/comma.gif') no-repeat 100% 90%;}
		#content #articles li .tags .last { background:none;}
		#content #articles li .fr { float:right;}
		#content #articles li h2 { padding:0px 0px 15px 0px;}
		#content #articles li h2 a{ color:#313131; display:block; font-weight:normal; padding:0px 0px 0px 0px;}
		#content #articles li h2 a:hover{ color:#ed1c24; text-decoration:none;}
		#content #articles li h2 a:focus{ text-decoration:none;}
		#content #articles li img { float:left; margin:0px 0px 15px 0px;}
		#content #articles .insight div { position:relative;}
		#content #articles .insight div span { position:absolute; top:0px; left:0px; width:638px; height:273px; border:1px solid #dfdfdf;}
		

		#content #articles li .pageOptions { padding:0px 0px 0px 0px;}
		#content #articles li .pageOptions li { display:inline; padding:0px 0px 0px 0px;}
		#content #articles li .pageOptions a { color:#ed1c24; font-size:16px; height:30px; }
		#content #articles li .pageOptions a:hover{ text-decoration:none;}
		
		#content #articles p.date{ font-weight:bold; padding:0 0 15px 1px;}

#content .projectLeft, #content .projectRight { float:left; width:290px; padding:0px 0px 20px 0px;}
#content .projectRight { float:right;}
#content .projectLeft h2, #content .projectRight h2 { font-size:16px; padding:7px 0px 7px 0px;}
#content .projectLeft .download, #content .projectRight .download { float:left; display:block; width:185px; padding:22px 105px 13px 0px; font-size:16px; text-decoration:none; background:url('/_images/bg/download-casestudy.gif') no-repeat 165px 0px;}
#content .projectLeft ul, #content .projectRight ul { padding:0px 0px 15px 0px;}
#content .projectLeft li, #content .projectRight li { padding:0px 0px 3px 10px;}


/********************************************************************/
/*                               Enquiries                          */
/********************************************************************/

.enquiriesHeading { padding-left:15px;}

.enquiryDetails { float:left; width:640px; position:relative; padding:0; height:196px;}
	#content .enquiryDetails ul { padding:0; float:left; width:140px; position:absolute; top:0px; left:15px; z-index:3;}
		#content .enquiryDetails ul li { padding:0 0 3px 0; background:none;}
			.enquiryDetails ul li a { font-size:17px; text-decoration:none; color:#313131; text-transform:lowercase;}	
				.enquiryDetails ul li a:hover, .enquiryDetails ul li a.selected {color:#EE2227;}
	
.sendUs { position:absolute; right:0px; bottom:-25px; z-index:3;}

.enquiryAnts, .fade { height:252px; width:495px; position:absolute; top:-55px; left:145px; background:url(/_images/contact/bkg.png) 0px 0px no-repeat; z-index:1;}

.fade { background:url(/_images/contact/fade.png) no-repeat 0 0; z-index:2; left:0; top:0;}

/********************************************************************/
/*                               Bubbles                            */
/********************************************************************/

.enquiryDetails .detailsBubble { position:absolute; top:0px; left:75px; background-repeat:no-repeat; background-position:0px 0px; text-indent:-1000px; width:187px; height:94px; display:none; z-index:10;}
	.enquiryDetails .detailsBubble a { text-decoration:none; position:absolute; top:39px; left:0px; width:187px;}
	.enquiryDetails #geDetail { background-image:url(/_images/contact/bubble/general-enquiries.gif); display:block;}	
	.enquiryDetails #ecDetail { background-image:url(/_images/contact/bubble/ecommerce.gif); left:60px;}	
	.enquiryDetails #omDetail { background-image:url(/_images/contact/bubble/online-marketing.gif)}	
	.enquiryDetails #smDetail { background-image:url(/_images/contact/bubble/social-media.gif);}	
	.enquiryDetails #vpDetail { background-image:url(/_images/contact/bubble/video.gif);}	
	.enquiryDetails #cDetail { background-image:url(/_images/contact/bubble/consultancy.gif); left:60px;}



/********************************************************************/
/*                               FLASH ELEMENTS                            */
/********************************************************************/
#redanttv{ display:inline; float:left; padding:0 0 0 37px; width:140px; height:239px; }
#workbanner{ width:638px; height:273px; float:left; margin:0 0 30px 0; border:1px solid #ddd;}
#insightbanner{ width:638px; height:273px; float:left; margin:0 0 30px 0; border:1px solid #ddd;}


/********************************************************************/
/*                              Contact Us                          */
/********************************************************************/

.contact { float:left; width:600px; margin:5px 0 0 0;}
.contact .field { clear:both; float:left; width:600px; padding:0px 0px 5px 0px;}
.contact .field.day{ display:none;}
.contact label { float:left; padding:4px 0 4px 0; font-size:12px;}
.contact .field input, .contact .field select { float:right; width:300px; border:1px solid #d7d7d7; color:#5b5b5b; }
.contact .text input{ padding:4px;}
.contact .field select{ width:300px;}
.contact input.formButton{ float:right; width:82px; height:33px;}
.contact .mandatory{ color:#ee2227; font-size:15px;}
.contact .alert{ float:left; padding:0 4px 0 0;}
.contact textarea{ float:right; border:1px solid #d7d7d7; width:300px; padding:4px; height:100px; color:#5b5b5b; margin:0 0 8px 0; }
.contact h2 { float:left; font-size:18px; padding:15px 0px 15px 0px;}

#content .contact div.sexy { float:right; width:310px; height:31px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; white-space:nowrap; border:0; background:url('/_images/bg/rightcol-field.gif') no-repeat top left;}
	#content .contact div.sexy input { left:0px; top:0px; width:100px; padding:0px 3px 0px 8px; margin:5px 0px 0px 3px; color:#5b5b5b; vertical-align:middle; border:0;}
	#content .contact div.sexy div.icon { top:0px; right:0px; width:31px; height:24px; border:0; cursor:pointer; background:url('/_images/general/trigger.gif') no-repeat 0 0 transparent;}
	#content .contact div.sexy div.list-wrapper { left:7px; top:23px; bottom:auto; width:186px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; background-color:#FFFFFF;}
	#content .contact div.sexy div.list-wrapper-up { top:auto; bottom:21px;}
	#content .contact div.sexy ul { list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; height:200px; color:#5b5b5b;}
	#content .contact div.sexy li { padding:0px 0px 0px 5px; margin:0px 0px 0px 0px; cursor:pointer; background:#FFFFFF; font-size:11px;}
	#content .contact div.sexy li.active { color:#ed1c24; background:#fff;}
	/*for IE*/
	#content .contact div.sexy a, #content .contact div.sexy a:visited, #content .contact div.sexy a:active { display: block; width: 100%; height:20px; margin:0px 0px 0px 0px; text-decoration:none; color:#959595; cursor:pointer; }
	#content .contact div.sexy input.empty { color:gray;}
	#content .contact a.to-highlight:hover { background-color:rgb(223, 232, 246);}

.custom-checkbox.field { position:relative; clear:none; float:left; width:290px; padding:0px 0px 6px 0px;}
	.custom-checkbox.field input { position:absolute; float:none; left:2px; top:0px; margin:0; z-index:0; width:2px; overflow:hidden;}
	.custom-checkbox.field label { font-size:11px; display:block; position:relative; z-index:1; cursor:pointer; float:none; width:202px; padding:5px 0px 5px 23px;}
	.custom-checkbox.field label { background: url('/_images/bg/filter-check.gif') no-repeat #fff;}
	.custom-checkbox.field label { background-position: -18px -18px;}
	.custom-checkbox.field label.hover, .custom-checkbox.field label.focus { background-position: -18px -73px;}
	.custom-checkbox.field label.checked { background-position: -18px -128px;}
	.custom-checkbox.field label.focus { outline: 1px dotted #ccc;}
	

	#rightCol .filter { float:left; width:250px;}
		#rightCol .filter .select label { position:absolute; margin-left:-9999px;}
		#rightCol .filter .formbutton { float:right;}
		#rightCol .filter .select { float:left; width:250px; margin:0px 0px 0px 0px; background:url('/_images/bg/rightcol-field.gif') no-repeat top left;}
		
		#rightCol .filter .checkboxField label {}
		#rightCol .filter fieldset{ float:left; margin:15px 0 0 0;}
/********************************************************************/
/*                              Jobs                                */
/********************************************************************/

#recruitment{ width:400px; height:95px; position:absolute; top:0px; right:0;}
#jobs{ width:640px; height:582px; background:url(/_images/bg/jobs.jpg) no-repeat top left; float:left; position:relative;}
#jobs h1{ float:left; margin:0px 0 0 5px; font-size:24px;}

#vacancies{ position:absolute; width:588px; top:50px; left:5px;}

#jobs #vacancies ul{ list-style:none; width:270px;}
#jobs #vacancies ul li{ width:270px; display:block; border-bottom:dashed 1px #d4d5d6; float:left; background:none; margin:0 0 15px 0; padding:0 0 5px 0;}
#jobs #vacancies ul li h2{ font-size:16px; padding:0 0 10px 0;}
#jobs #vacancies ul li p{ font-size:12px; float:left; padding:0 0 5px 0;}
#jobs #vacancies ul li a.moredetails{ float:right; background:url(/_images/bullets/link-bullet.gif) no-repeat 5px 7px; padding:0 0 0 15px; cursor:pointer; }

#jobs #vacancies ul li h2 a{ float:left; background:none; padding:0 0 10px 0;}
#jobs #vacancies ul li h2 a:hover{ background:none; border:none; text-decoration:none;}