/* RESETS */
* {
  margin: 0;
  padding: 0;
}
img{
	border:0;
}
form{
	padding:0;
	margin:0;
}

/* Layout */
body {
	text-align: center; 
	min-width: 760px;
	background:#e8e8e8;

	
}
#wrapper {
  width: 960px;
  margin: 0 auto; 
  border-style:solid;
	border-color:#fff #fff;
	border-width:15px;
  text-align: left;
  background-color: #fff;
}
#leftcolumn { 
  width: 180px;
  float: left;
  padding:10px 10px 10px 0;
  margin:0 0 5px 0;
}
#header {
  height: 165px;
  background-color:#FFF;
  position:relative;
}
#topnav{
	height:25px;
	line-height:25px;
	padding-left:10px;
	padding-right:10px;
	background-color:#006699;
	color:#fff;
	margin:10px 0 10px 0;
}
#content { 
  width: 770px; 
  float: right; 
}
#mainContent { 
  width: 560px; 
  margin: 0 0 10px 0;
  padding:10px 10px 0 10px;
  float: left;
  min-height:500px;
}
#secondaryContent { 
  width: 172px;
  display: inline; /* Fixes IE double margin float bug */
  float: right;
  padding:10px 0 10px 10px;
  margin:0 0 5px 0;
} 
#footer { 
  clear: both;
  padding: 10px 5px 2px 5px;
  border-top:2px solid #006699;
  border-bottom:4px solid #006699;
  height:25px;
  margin-top:5px;
}
#breadcrumb{
	height:20px;
	line-height:16px;
	padding-left:10px;
}
#subject{
	height:25px;
	line-height:25px;
	margin:0 10px 0 10px;
	clear:both;
	border-top:1px solid #ccc;
}
/* FONTS */
body{
	font-family:arial,verdana,sans-serif;
	font-size:80%;
	color:#333;
}
a{
	color:#006699;
	text-decoration:none;
}
a:hover, a:active, a:focus{
	text-decoration:underline;
}
h1{
	font-size:18px;
	margin-bottom:8px;
	color:#33333;
}
h2{
	font-size:14px;
	color:#33333;
	margin-bottom:8px;
	
}
h3{
	font-size:14px;
	color:#33333;
	margin-bottom:8px;
	margin-bottom:8px;
}
h4{
	font-size:11px;
}
h5{
	font-size:11px;
}
h6{
	font-size:11px;
}
#logotext{
	font-size:15px;
	color:#666;
	font-style:italic;
}
a.smalltextsize{
	font-size:12px;
	text-decoration:underline;
}
a.mediumtextsize{
	font-size:14px;
	text-decoration:underline;
}
a.largetextsize{
	font-size:16px;
	text-decoration:underline;
}
#topnav ul li a{
	color:#fff;
	font-size:120%;
}
.navmenu li a{
	color:#333;
}

/* Header Components */
#logo{
	position:absolute;
	left:10px;
	top:20px;
	width:200px;
	height:80px;
}
#logoright{
	position:absolute;
	right:10px;
	top:10px;
	width:120px;
	height:80px;
}

/* Left Column Components */
.navmenu {
	width: 170px;
	list-style: none;
	padding:0 0 20px 0;
	border-bottom:1px solid #ccc;
	margin:0 0 15px 0;
}
.navmenu li{
	line-height:20px;
	background:url("../../images/tce/bluefullarrow.gif") left top no-repeat;
	padding:0 0 0 12px;
}
.navmenu li ul{
	list-style: none;
}
.microsites{
	width:170px;
	border:1px solid #006699;
	height:230px;
	text-align:center;
}

/* Right Column Components */
.box{
	width:170px;
	border-top:1px solid #006699;
	border-right:1px solid #006699;
	border-left:1px solid #006699;
	background:#fff;
}
.box_login_content{
	width:160px;
	text-align:center;
	padding:5px;
}
.box_content{
	width:160px;
	padding:5px;
}
.box_bottom{
	background:url('../../images/tce/login_box_bottom_mock.png') no-repeat bottom left;
	height:7px;
	line-height:1px;
	width:172px;
	margin:0 0 10px 0;
}
.box_login_content input{
	margin:3px 0 3px 0;
	padding-left:2px;
	padding-right:2px;
}

.box_login_content input[type=text], input[type=password] {
                width:95%;
}


.box h2{
	width:160px;
	line-height:20px;
	background:#006699;
	color:#fff;
	padding:5px;
	text-align:left;
}
.box_content ul{
	margin:0;
}
.box_content li{
	list-style:none;
	line-height:20px;
	background:url("../../images/tce/bluefullarrow.gif") left top no-repeat;
	padding:0 0 0 12px;
	text-align:left;
}

.joinbutton{
	height:35px;
	margin:5px 0 10px 0;
}
.section{
	border-bottom:1px solid #ccc;
	padding:5px;
	height:135px;
}
.section p{
	margin-bottom:5px;
}
.section .poll-left{
	width:70px;
	float:left;
}
.section .poll-right{
	width:70px;
	float:right;
	padding:5px 0 0 0;
}
.social{
	margin:15px 0 0 0;
	height:32px;
	clear:both;
}
.social a{
	display:inline;
	padding:0 10px 0 12px;
}

.image-link{
	margin:0 0 10px 0;
}

/* Main body Components */
.spacer-20{height:20px;}
.spacer-10{height:10px;}
.spacer-5{height:5px;}
ul{color:#000;margin-left:15px;}

ol{margin-left:18px;}
text.text{border:1px solid #ccc;}
textarea{font-family:arial,verdana,sans-serif;font-size:90%;color:#333;}
table.datatable{
	border:1px solid #ccc;
	border-collapse:collapse;
}
table.datatable td{
	border:1px solid #ccc;
	padding:5px;
}
.floatright{float:right;}
.floatleft{float:left;}
#mainContent p{ 
	padding-bottom:10px;
}
#mainContent .maincontentbox{
	border:5px solid #EEE;
	background:#EEE;
	width:540px;
	padding:7px;
	margin:0 0 10px 0;
	line-height:20px;
	position:relative;
}
#mainContent .maincontentbox_news{
	width:540px;
	padding:7px;
	margin:0 0 10px 0;
	position:relative;
}
#mainContent .maincontentbox img{
	float:left;
	padding:2px 15px 15px 0;
}
#mainContent .maincontentbox p{
	line-height:20px;
	padding:0;
}
#mainContent .maincontentbox .rss{
	position:absolute;
	top:8px;
	right:0px;
}
#mainContent .maincontentbox .news_month{
	line-height:20px;
	padding:3px 0 3px 5px;
	background:#ccc;
	color:#333;
	margin:0 0 10px 0;
}
#mainContent .maincontentbox_news .news_left{
	float:left;
	width:150px;
}

#mainContent .maincontentbox_news .news_left p{
	font-size: 11px;
	color:#666;
	width: 122px;
}

#mainContent .maincontentbox_news .news_right{
	float:right;
	width:390px;
}

#subject div.left{
	float:left;
	width:400px;
	font-size:130%;
	color:#333;
}
#subject div.right{
	float:right;
	width:400px;
	text-align:right;
	font-size:130%;
	color:#333;
}
p.morelink{
	text-align:right;
	padding:0;
	margin:0;
	clear:left;
}
.adverthomepage{
	width:520px;
	border:1px solid #006699;
	height:110px;
	text-align:center;
	padding:7px;
}
.img_left{
	float:left;
	padding:0 10px 10px 0;
}
.img_right{
	float:right;
	padding:0 10px 0 10px;
}
#tabs .promocode .promotext,#tabs .promocode img.promobutton{
	float:left;
	height:20px;
	padding:0;
	margin:5px 10px 0 0;
}
.search_content{
	width:172px;
	/*height:29px;*/
	background:url('../../images/tce/search_box_bg-mock.gif') no-repeat top left;
	padding:2px 0 0 5px;
	margin-bottom:10px;
}
.search_content p{
	margin:5px 5px 5px 0;
	text-align:right;
}
.search_content .search_content_text{
	width:130px;
	height:22px;
	line-height:22px;
	border:1px solid #fff;
	vertical-align:middle;
}
.search_content .search_content_button{
	vertical-align:middle;
}
.job_search{
	background:#eee;
	padding:10px;
	width:520px;
}
.job_search h2{
	padding-left:15px;
}
.job_search_row{
	background:url('../../images/tce/job_search_bg.gif') no-repeat left top;
	height:20px;
	margin:0 auto;
	margin-bottom:10px;
	width:481px;
	padding:15px;
}
.job_search_row select{
	float:right;
	margin-right:50px;
	border:1px solid #999;
	width:300px;
}
.job_search_row label{
	float:left;
	padding-left:20px;
	background:url('../../images/tce/job_search_bullet.gif') no-repeat left;
}
.search_table{
	width:500px;
	margin:0 auto;
}
.search_table tr{
	height:20px;
}
.search_table label{
	margin-left:10px;
}

/* Footer components */
.copyright{
	float:left;
	width:320px;
}
.footermenu{
	float:left;
	width:350px;
	text-align:center;
}
.footermenu ul{
	list-style-type:none;
}
.footermenu ul li{
	display:inline;
	padding:0 5px 0 5px;
}
Layout .unified{
	float:right;
	width:250px;
	text-align:right;
	color: #ffffff
} 
.inline_content img,.inline_content p{
	vertical-align:middle;
}

/* Forms */
.text{
	height:25px;
	line-height:22px;
	border:1px solid #ccc;
	color:#666;
}

/******************* SHOP *********************/
#logo_shop{
	width:300px;
	height:70px;
	float:left;
	margin:13px;
}
#leftcolumn .column_section{
	border-top:1px solid #ccc;
	padding-top:10px;
}
#leftcolumn .column_section p{
	padding-bottom:15px;
}
#leftcolumn .column_section p.price{
	text-align:right;
}
#topnav ul#topnav_basket{
	float:left;
	list-style-type:none;
	margin:0;
	padding:6px 0 0 7px;
	height:20px;
	width:500px;
}
#topnav ul#topnav_basket li{
	display:inline;
	padding:0 20px 0 0;
}
#topnav ul#basketmenu{
	float:right;
	list-style:none;
	text-align:right;
	width:300px;
}
#topnav ul#basketmenu li{
	display:inline;
	color:#fff;
	padding-right:5px;
}
#topnav ul#basketmenu li img{
	vertical-align:middle;
	padding-bottom:4px;
}
#topnav ul#basketmenu li a{
	padding-right:5px;
}

.maincontentbox .item_content{
	float:left;
	width:255px;
	border-right:1px solid #ccc;
	padding:0 5px 0 5px;
}

.maincontentbox .item_basket{
	position:absolute;
	width:120px;
	right:3px;
	bottom:3px;
	text-align:center;
}
#mainContent .maincontentbox .item_basket img{
	float:none;
}
#mainContent .maincontentbox .item_basket img{
	padding:5px 0 5px 0;
}
#mainContent .maincontentbox .item_basket p{
	padding:5px 0 5px 0;
}
.ad_space{
	border:1px solid #006699;
	background:#EFEFEF;
	text-align:center;
	height:150px;
	margin-bottom:10px;
}
#mainContent .maincontentbox ul{
	margin-left:15px;
	list-style-type:disc;
	color:#006699;
}
#mainContent .maincontentbox .jobs_left{
	float:left;
	width:300px;
}
#mainContent .maincontentbox .jobs_right{
	float:right;
	width:160px;
	background:#006699;
	color:#fff;
	padding:10px;
	border:3px solid #CCCCCC;
}
#mainContent .maincontentbox .jobs_right a{
	font-weight:bold;
	color:#fff;
}
.jobs_right h1{
	font-size:16px;
	color:#FFFFFF;
}

/*** BASKET ***/
#content #tabs {float:left;clear:left;width:750px;margin-top:20px;margin-bottom: 20px;}
#content #tabs ul {float:left;width:100%; z-index:5; position:relative;}
#content #tabs ul li {margin:0 2px 0 0;float:left;list-style-type:none;list-style-position:outside;height:40px; display:block; width:145px;}
#content #tabs ul li a {margin:0 0 0 0; padding:10px 0; text-align:center;display:block; border:1px solid #ccc; color:#8C8C8C;}
#content #tabs ul li a:hover {text-decoration:none; background-color:#FFF; color:#333;}
#content #tabs ul li a.rtsDisabled{color:#AFA2CA;}
#content #tabs ul li.ui-tabs-selected  a {border:1px solid #ccc; display:block;_width:100%; font-weight:bold; color:#000;background:url('../../images/tce/large_tab_arrow.gif') no-repeat left top;}
#content #tabs div.tab {clear:left;width:711px;background-color:#FFFFFF;padding:10px; z-index:1; position:relative;}
#content #tabs div.tab td {padding:2px;}
#content div.form {background-color:#F7EEF5;padding:15px;}
#tabs img{padding:5px;}
/* tabs */

/* tables */
#content #tabs .baskettable{ width:710px;}
#content #tabs table {border-collapse:collapse;}
#content #tabs table tr {line-height:25px;}
#content #tabs table th { border:1px solid #D1D1D1; background-color:#EDEDED;}
#content #tabs table td { border:1px solid #D1D1D1;}

#content #tabs .baskettable .smallcell{width:11%;}
#content #tabs .baskettable .nocellborder{border:none;}
#content #tabs .newcustomertable{ width:540px; border:1px solid #D1D1D1; margin-bottom:20px; margin-left:120px;}
#content #tabs .detailstableleft{ width:340px; float:left; border:1px solid #D1D1D1; margin-bottom:20px;}
#content #tabs .detailstableright{ width:340px; float:right; border:1px solid #D1D1D1; margin-bottom:20px;}
#content #tabs .detailstableleft .nocellborder, #content #tabs .detailstableright .nocellborder, #content #tabs .newcustomertable .nocellborder{
	border:none;
	border-right:1px solid #D1D1D1;  /* To make it show in Safari */
	padding-left:10px;
}
#content #tabs .detailstableleft .nocellbordertext, #content #tabs .detailstableright .nocellbordertext, #content #tabs .newcustomertable .nocellbordertext{
	border:none;
	padding-right:10px;
	text-align:right;
}
#content #tabs .deliveryoptions p{margin-bottom:10px;}
#content #tabs .deliveryoptions input{clear:left;float:left;}
#content #tabs .deliveryoptions label{float:left;margin-left:30px;}
input.quantityinput{width:30px; border:1px solid #ccc;}
#content #tabs input.text {
border:1px solid #CFCFCF;
height:24px;
line-height:24px;
margin:5px 0;

width:180px;
}
hr{border:none;border-top:1px solid #006699;height:1px;margin:10px 0 10px 0;clear:both;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.clearboth{clear:both;}
/* tables */

/*** Forms ***/
#mainContent .lpb_form{
	border:1px solid #ccc;
	background:#EFEFEF;
	margin:0 0 20px 0;
	padding:30px 10px 10px 10px;
}
#mainContent .lpb_form .form_row{
	margin:5px 0 5px 0;
}
#mainContent .lpb_form .form_row label{
	float:left;
	width:150px;
	text-align:right;
	padding-right:20px;
	line-height:22px;
}
#mainContent .lpb_form .form_row .searchtext{
	width:200px;
	border:1px solid #ccc;
	height:22px;
}
#mainContent .lpb_form .form_row select{
	width:95px;
	border:1px solid #ccc;
	height:22px;
}
.search_toolbar{
	height:20px;
	padding:10px;
}
.search_toolbar label{
	float:left;
	width:200px;
}
.search_toolbar select{
	float:right;
	width:100px;
	border:1px solid #ccc;
	height:22px;
}

/*** Job detail ***/
#mainContent .jobrow{
	width:500px;
	line-height:25px;
	clear:both;
}
#mainContent .jobrow .jobleft{
	float:left;
	width:120px;
	font-weight:bold;
}
#mainContent .jobrow .jobright{
	float:left;
	width:380px;
}
#mainContent .jobbutton{
	margin:10px 0;
}
/*** END Job detail ***/

/*** Magazine Archive ***/
.magholder, .magholder_details{
	float:left;
	width:90px;
	height:125px;
	margin:10px;
	text-align:center;
}
.magholder_details{
	width:125px;
	margin:10px 5px;
}
.magholder_details img{
	float:left;
}
.magtext{
	margin-left:4px;
	float:left;
	font-weight:bold;
	text-align:left;
}
.magholder_details span{
	font-size:10px;
}
.magholder_wide img{
	float:left;
}
.magholder_wide_detail{
	float:left;
	width:300px;
	margin-left:20px;
}
.news_row{
	float:left;
	width:96%;
	border-bottom:1px solid #ddd;
	margin-top:10px;
	
}
.news_title{
	float:left;
	width:380px;
	
}
.news_summary{
	float:left;	
	width:240px;
	margin-left:20px;
	
}

.news_date{
	float:left;	
	width:80px;
	margin-left:20px;
	
}

.news_category {
	float : left;
	width : 40px;
	text-align : right;
}

.pagination{
	margin:10px 0;
}
.pagination ul{
	text-align:center;
	margin-bottom:10px;
}
.pagination ul li{
	list-style-type:none;
	display:inline;
	padding:0 5px 0 5px;
}
.vacancy_results table{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
}
.vacancy_results table td{
	border:1px solid #ccc;
	padding:5px;
}
.con_search .search_row select, .con_search .search_row input{
	float:right;
	margin-right:120px;
	width:250px;
	height:22px;
	line-height:22px;
	border:1px solid #ccc;
}
.con_search .search_row label{
	float:left;
	width:180px;
}
.con_search .search_row{
	height:25px;
}
.con_results ul{
	margin:0;
}
.con_results ul li{
	list-style:none;
	line-height:20px;
	background:url("../../images/tce/bluefullarrow.gif") left top no-repeat;
	padding:0 0 0 12px;
}
.pagination_details_left{
	float:left;
	width:300px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.pagination_details_right{
	float:right;
	text-align:right;
	width:200px;
	height:20px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.navbar{
	width:100%;
	height:23px;
	background:#006699;
	text-align:center;
	padding:7px 0 0 0;
	margin-bottom:15px;
}
.navbar ul{
	margin:0;
}
.navbar ul li{
	display:inline;
	padding:0 20px 0 20px;
}
.navbar ul li a{
	color:#fff;
}
.BackToSearch {
    margin-top: 20px;
}

/************************************************************ Email alerts form ********************************************************************/

div.email_alerts_container {

	
	padding : 5px;
	margin : 0 0 10px 0;
}

div.email_alerts_container h1 {
	background-color : #e5e5e5;
	padding : 2px;
	margin-top : 20px;
	float : left;
	width : 99%;
}

div.email_alerts_container div.row {
	width : 95%;
	margin: 10px 0 0 0;
	float : left;
}

div.sectors-container {
	display : block;
	width : 99%;
	margin-top : 10px;	
	float : left;
}

div.email_alerts_container div.row div.sectorListbox {
	width : 45%;
	float : left;
	margin-left : 10px;
	
}



div.email_alerts_container div.footer_row {
	margin-top : 20px;
	text-align : right;
}

/************************************************************ Email alerts form ********************************************************************/

.error {
   color: red;
}

.imageleft {
    FLOAT: left; 
    MARGIN: 4px 18px 0px 0px;
}

.imageright {
    FLOAT: right; 
    MARGIN: 4px 0px 0px 18px;
}