/* Core Styles */

body {
	margin:0 0 0 0;
	text-align:left;
	min-width: 1020px;
	font-family: Akzidenz Grotesk, Arial, sans-serif;
	background-color: #FFF;
	font-size: 12px;
	color: #333;
}

hr, .mainContent hr.clear  {
	display:block;
	clear:both;
	visibility:hidden;
	height: 0;
	width:100%;
	margin:0px;
	padding:0px;
}

h1 {
	margin: 0px;
	padding: 0px;
	min-height:0;
	text-indent:-9000px;
	text-decoration:none;
}

h1 a{
	height:100%;
	min-height:46px;
	display:block;
	overflow:hidden;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: -3px -1px;
}
h2 {
	margin: 0px;
	padding: 0px;
	/* text-indent:-9000px; */
	/* display: none; */
	overflow:hidden;
}

.navigation h2{
    text-indent:-9000px;
	display: none;
}

.navigation, .navBlock{
    margin: 0 0 20px 0;
}

h3 {
	font-weight: normal;
	font-size: 12px;
}
	

h4 {
	font-weight: bold;
	font-size: 14px;
	color: #FF8635;
	padding-top: 8px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
}
h5 {
	font-size: 18px;
	font-weight: bold;
	color: #ee8131;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 12px;
}



img { 

	border:none;
}

a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #F60;
	text-decoration: none;

}
a:active {
	color: #333;
	text-decoration: none;

}

.fright{
	float: right;
}

.fleft{
	float: left;
}

.wrapper {
	width: 1000px;
	background-image: url(../img/headerBG.gif);
	background-repeat: repeat-x;
	padding-top: 30px;
	padding-left: 20px;
	background-position: 0px 0px;

}
.leftCol {
	float: left;
	width: 250px;
	margin-right: 30px;
}
.rightCol {
	float: left;
	width: 720px;
}
.home-flash {
	width: 720px;
	height: 470px;
	background: #bfbfbf;
}
.logoBar {
	background-image: url(../img/dividerBG.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 75px;
	margin-bottom: 16px;
}
.clientBar {
	height: 75px;
	margin-bottom: 16px;
	background-image: url(../img/dividerBG.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

	.clientBar .loginLink {
		float: right;
		margin: 30px 0 0 0;
	}
.clientLinks {
	text-align: right;
	float: right;
	position: relative;
	top: 25px;
}

.home-news {
	background: #e5e5e5 url(../img/home-bg.gif) top left repeat-x;
	padding: 0 0 15px 12px;
	margin-bottom: 40px;
}

	.home-news .right{
		float: right;
		width: 353px;
	}
	
	.home-news .left{
		float: left;
		width: 353px;
	}

ul.tabs {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;

}

ul.tabs li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	border-bottom: 1px solid #B9B9B9;
}

ul.tabs a {
	height: 20px;
    padding: 5px 0 0 0;
	display: block;
	width: 250px;
	text-decoration: none;
	
}

ul.tabs li a.here {
	background: url(../img/arrow.gif) no-repeat 230px center;
	color: #FF6600;
}


	ul.tabs li.withsub a.here:hover, ul.tabs li.withsub:hover a.here, ul.tabs li.withsub.hover a.here{
		background: none;
		background-image: none;
		color: #333333;
	}
	
	ul.tabs li.withsub a:hover {
		color: #333333;
		background: none;
	}
		ul.tabs li.withsub:hover,
        ul.tabs li.withsub.hover{
			background: #B6B6B8;
			color: #333333;
		}
		
		ul.tabs li.withsub.here:hover,
        ul.tabs li.withsub.here.hover{
			color: #333333;
			background: #B6B6B8;
			background-image: none;
		}
		
		ul.tabs li.withsub ul {
			position: absolute;
			display: none;
			margin: 0;
			padding: 0 20px 0 5px;
			min-width: 100px;
		}
		
		ul.tabs li.withsub:hover ul,
        ul.tabs li.withsub.hover ul{
			position: absolute;
			display: block;
			margin-top: -26px;
			left: 270px;
			background: #B6B6B8;
			color: #ffffff;
		}
		
		ul.tabs li ul li {
			border-bottom: none;
			margin: 0;
			padding: 0;
		}
		
			ul.tabs li ul li a {
				width: auto;
			}
			
			ul.tabs li.withsub ul li a:hover {
				color: #FFFFFF;
			}



.searches {
	padding-bottom: 25px;
}

.searches p {
	padding-top: 0px;
	padding-bottom: 5px;
}

.miniFormInput {
    padding: 0;
    margin: 0;
    margin-left: 5px;
    width: 198px;
	height: 16px;
	font-family: Akzidenz Grotesk, Arial, sans-serif;
	font-size: 12px;
	background: none; 
	border: none;
	color: #666;
}

.googleInput,
.newsletterInput {
    margin:0;
    padding:0;
	border: 1px solid #B5B5B5;
	padding-left: 20px;	
	background-repeat: no-repeat;
	background-position: 2px center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    height: 20px;
    position:relative;
 }


.newsletterInput {
	background-image: url(../img/mailicon.gif);
}

.googleInput {
    background-image: url(../img/searchIcon.gif);
}

.arrowButton {
    width: 20px;
	height: 24px;
    position:absolute;
    right: 3px;
    top: 0;
    display:block;
	border: 0;
	outline: none;
	background-image: url(../img/arrow-btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-color: #FFF;
	text-indent: -9000px;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
    cursor:pointer;
}

    form.newsletter .options{
        display: block;
        text-align: right;
    }

        form.newsletter .options input{
            display: inline-block;
            vertical-align: text-bottom;
            margin-bottom: 2px;
        }

        form.newsletter .options label{
            color: #EE8131;
        }

.form1 {
	margin: 0;
	padding: 0;
}

.form2 {
	margin: 0;
	padding: 0;
}

.navBlock {
	background-image: url(../img/dividerBG.gif);
	background-repeat: repeat-x;
	background-position: top;
}

ul.tabs li.login{
    display:block;
    padding: 5px 0 0 0;
    border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
    height: 20px;
    width: 250px;
}

ul.tabs li.login a{
    padding: 0;
    float:none;
    height:auto;
    width:auto;
    display:inline;
    border:none;
}


.userinfo {
	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	display:block;
	width: 250px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
}

.sub-tabs a.here {
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: 230px center;
	color: #F60;
}
.news-item {
	float: left;
	width: 335px;
	margin-right: 18px;
}

.news-item p {
	margin: 0px;
	padding: 0px;
}
.news-item p a {
	text-decoration: underline;
}

.news-item-right {
	float: right;
	width: 335px;
	margin-right: 18px;
}
.news-item-right p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.news-item-right p a {
	text-decoration: underline;
}
.venue {
	color: #FF7C25;
	font-weight: bold;
}

.login-box .success,
.login-box .error{
	margin: 15px 0 0 0;
}

.login-box {
	width: 420px;
	float: left;
}
.login-box h5 em {
	text-decoration: none;
	font-style: normal;
	color: #EE8131;
}
.login-box h5 {
	color: #6f6e73;
	font-size: 34px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

.right-nav {
	float: right;
	width: 200px;
	margin-top: 70px;
}

.right-nav-extra {
	float: right;
	width: 200px;
	margin-top: 30px;
	background-image: url(../img/dividerBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	clear: right;
}

.login-box span {
	color: #EE8131;
}

.right-tabs  {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;

}

.right-tabs  li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	height: 49px;
}

.right-tabs a {
	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	display:block;
	width: 200px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
}
.login-box form {
	margin-top: 20px;
}

.inpReq{
    border:1px solid #FFB348;
}

.loginInput {
	font-family: Akzidenz Grotesk, Arial, sans-serif;
	width: 400px;
	border: 1px solid #b6b6b8;
	color: #333;
	font-size: 24px;
	background-image: none;
	background-color: #e9e9e9;
	padding: 10px;
	margin-bottom: 18px;
}
.loginButton {
	width: 129px;
	height: 33px;
	border: 0;
	outline: none;
	background-image: url(../img/login-btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	/* text-indent: -9000px; */
	overflow:hidden;
	margin: 0px;
	padding: 0px;
    cursor:pointer;
}

.send-reminderButton {
	width: 239px;
	height: 33px;
	border: 0;
	outline: none;
	background-image: url(../img/send-reminder-btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	/* text-indent: -9000px; */
	overflow:hidden;
	margin: 0px;
	padding: 0px;
    cursor:pointer;
}

.subscribeButton {
	width: 189px;
	height: 33px;
	border: 0;
	outline: none;
	background-image: url(../img/subscribe-btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
    cursor:pointer;
}

.unsubscribeButton {
	width: 220px;
	height: 33px;
	border: 0;
	outline: none;
	background-image: url(../img/unsubscribe-btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: #FFF;
	overflow:hidden;
	margin: 0px;
	padding: 0px;
    cursor:pointer;
} 

.loginButtonContainer {
	float: left;
	width: 145px;
}

.subscribeButtonContainer {
	float: left;
	width: 205px;
}

.unsubscribeButtonContainer {
	float: left;
	width: 236px;
}

a.forgotPass em{
	font-weight: bold;
	color: #FF7010;
	font-style: normal;
}

/*
 * 
 * PRODUCT PAGE - IT SUPPLY
 * 
 */

.offers-box {
	width: 500px;
	float: left;
	margin-bottom: 40px;
}
.offers-box h5 em {
	text-decoration: none;
	font-style: normal;
	color: #EE8131;
}
.offers-box h5 {
	color: #6f6e73;
	font-size: 34px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
.product-offer {
	border-bottom: 1px solid #B9B9B9;
	padding: 15px 0 0 0;
}

.product-offer img {
	float: left;
}

.mainContent .product-offer hr {
	margin: 0;
	height: 0px;
	border: 0px;
}

.mainContent .product-offer h3 {
	color: #333333;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
}

.product-offer .productInfo {
	float: right;
	width: 210px;
}

.bookmarks {
	float: left;
	overflow: hidden;
	height: 0px !important;
	height /**/:25px; /* for IE5/Win only */
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 20px;
	display:block;
	width: 180px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B9B9;
	background-image: url(../img/bookmark.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
.address {
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	display:block;
	width: 200px;
	text-decoration: none;
}

/*
 * -------------------
 * CLIENT SEARCH
 * -------------------
 */
.searchOrder{
	height: 25px;
	border-bottom: 1px solid #BAB9C1;
	padding: 0 0 10px 0;
}

.compLeft .searchOrder form .segment,
.compLeft .searchOrder form span,
.compLeft .searchOrder form .segment .label,
.compLeft .searchOrder form .segment .input,
.compLeft .searchOrder form .segment .input input{
	float: left;
	width: auto;
}

.compLeft .searchOrder span{
	margin: 0 5px 0 0;
	padding-top: 2px;
}

.compLeft .searchOrder .segment{
	margin: 0 10px 0 0;
	height: 20px;
}

.compLeft .searchOrder .segment .label{
	height: 18px;
    padding: 2px 6px 0px 6px;
}

	.compLeft .searchOrder .segment .label label {
		font-weight: bold;
	}

.clientListing {
	padding: 15px 0;
	border-bottom: 1px solid #BAB9C1;
}

.clientListing.last{
    border-bottom:none;
}

.mainContent .clientListing h3{
	font-size: 18px;
	color: #333333;
}

	.mainContent .clientListing h3 a{
		font-size: 18px;
		color: #333333;
	}
	
	.mainContent .clientListing h3 a:hover{
		text-decoration:underline;
	}

.clientListing dl hr {
	margin: 5px 0;
}

.clientListing dl dt {
	font-weight: normal;
	margin: 0 5px 0 0;
}

.clientListing dl dd {
	margin: 0;
}

.clientListing dl dt, .clientListing dl dd{
	float: left;
	font-size: 12px;
}

.clientListing ul {
	margin: 5px 0 0 0;
	padding: 0;
}

	.clientListing ul li {
		display: inline;
	}

.clientListing p{
	margin-top: 5px;
}

	.clientListing p a {
		font-weight: bold;
	}

/*
* Padgination
*/

.pagination ul,
.pagination li{
    list-style-type: none;
    float:left;
    
}

.pagination ul{
    margin: 0;
    padding: 0;
}

.pagination li{
    padding: 0 4px;
}

.pagination li span.currPage{
    color: #EE8131;
    font-weight: bold;
}

.pagLabel,
a.next,
a.prev{
    display:inline-table;
    float: left;
}

.pagLabel{
    padding: 0 4px 0 0;
}

a.next{
    padding: 0 0 0 4px;
    text-decoration:underline;
}

a.prev{
    padding: 0 4px;
    text-decoration:underline;
}


/*
 * ------------------------
 * CLIENT DETAIL
 * ------------------------
 */


.compLeft.clientdetail {
	margin-top: 10px;
}

h2.client{
	text-transform: none;
	color: #7A7A7E;
	font-size: 34px;
}

h3.client {
		color: #7A7A7E;
		font-size: 34px;
		font-weight: bold;
		margin: 15px 0;
}

.client-logo {
	padding-bottom: 15px;
}
.contact-info {
	float: left;
	font-size: 16px;
	width: 390px;
	padding: 0 10px 0 0;
}
.contact-photo {
	float: right;
	width: 100px;
}
.client-contact {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 500px;
}

hr.divider {
	height: 1px;
	width: 100%;
	visibility: visible;
	color: #B9B9B9;
	background: #B9B9B9;
	border: none;
}


.client-section {
	background-image: url(../img/dividerBG.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 15px;
	margin-bottom: 30px;
}
.client-section p {
	margin: 0px;
	padding: 0px;
	font: normal normal normal 12px/130%  Arial, helvetica, sans-serif;
}

.client-section p a {
	font-weight: bold;
	text-decoration: underline;
}

.client-jobs {
	margin-bottom: 40px;
}

.client-jobs h3 a{
    text-decoration: none;
    color: #7A7A7E;
}

	.client-jobs p{
		font: normal normal normal 12px/130%  Arial, helvetica, sans-serif;
	}
	
	.client-jobs dl {
		margin: 0;
	}
	
		.client-jobs dl dt {
			color: #FF8635;
			font: normal normal normal 14px/130%  Arial, helvetica, sans-serif;
			margin: 0 3px 0 0;
		}
		
		.client-jobs dl dd{
			margin: 0 0 5px 0;
			font: normal normal normal 14px/130%  Arial, helvetica, sans-serif;
		}

/*
 * -----------------------------------------------
 * CLIENT FORMS STYLING
 * -----------------------------------------------
 */

.mainContent .formDownload{
	margin: 0 0 15px 0;
}

.mainContent .formDownload h3 {
	background: url(/x/img/form-icon.gif) top left no-repeat;
	padding: 0 0 0 25px;
	height: 25px;
}
	.mainContent .formDownload h3 a{
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.mainContent .formDownload h3 a:hover{
		text-decoration: underline;
	}
	
.mainContent .formDownload p{
	margin: 0 0 5px 0;
}



/*------------------------------------------
 * pages styling
 * 
 -------------------------------------------*/

h2 {
	font: normal normal bold 33px/130%  Arial, helvetica, sans-serif;
	text-transform: uppercase;
	color:#EE8131;
}
	
	h2 span {
		color: #6E6E72;
	}

.intro p {
	color: #EE8131;
	font: normal normal normal 17px/140%  Arial, helvetica, sans-serif;
	margin-top: 0;
}

.mainContent {
	margin: 20px 0 0 0;
}

.mainContent.clientarea {
	margin: 0;
}

.mainContent hr {
	margin: 10px 0;
}

.mainContent p {
	color: #333333;
	font: normal normal normal 12px/140%  Arial, helvetica, sans-serif;
	margin: 0 0 15px 0;
}

.mainContent p.centre {
	text-align: center;
} 

	.mainContent p img {
		padding: 0 10px 5px 0;
	}
	
	.mainContent p img.logo {
		padding: 10px 10px 15px 0;
	}

.mainContent h3 {
	color: #EE8131;
	font: normal normal normal 18px/140%  Arial, helvetica, sans-serif;
	padding: 0;
	margin: 0 0 5px 0;
}

	.mainContent h3 a {
		color: #EE8131;
		text-decoration: none;
	}

.mainContent a {
	text-decoration: underline;
}

.compRight ul.additional {
	border-bottom: 1px solid #BAB9C1;
	padding: 0;
	margin: 0 0 30px 0;
	font: normal normal normal 13px/140%  Arial, helvetica, sans-serif;
}

	.compRight ul.additional h3 {
		text-transform: uppercase;
		color: #EE8131;
		margin: 0 0 3px 0;
		padding: 0;
		font: normal normal bold 13px/140%  Arial, helvetica, sans-serif;
	}

	.compRight ul.additional li {
		list-style-type: none;
		border-top: 1px solid #BAB9C1;
		padding: 4px 0;
		color: #333333;
	}
	
	.compRight ul.additional li a.here {
		color: #EE8131;
	}

.compRight ul.actions {
	border-bottom: 1px solid #BAB9C1;
	background: url(../img/dividerBG.gif) top right repeat-x;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	font: normal normal normal 13px/140%  Arial, helvetica, sans-serif;
}

	.compRight ul.actions h3 {
		text-transform: uppercase;
		color: #EE8131;
		margin: 0 0 3px 0;
		padding: 0;
		font: normal normal bold 13px/140%  Arial, helvetica, sans-serif;
	}

	.compRight ul.actions li {
		list-style-type: none;
		border-top: 1px solid #BAB9C1;
		padding: 4px 0;
		color: #333333;
	}


.compRight ul.actions li.feed{
}

    .compRight ul.actions li.feed img{
        width: 18px;
        height: 18px;
        margin-bottom: -4px;
    }
	
/*------------
 * 
 * Generic form rules for forms in compLeft area.
 * 
 -----------*/	
 
 .compLeft form {
 	margin-top: 10px;
 }
 
 .compLeft form .segment {
 	padding: 5px 0;
	display: block;
	width: 470px;
 }
 
 .compLeft form .segment .label{
 	float: left;
	width: 120px; 
	margin: 0 10px 0 0;
	text-align: left;
 }
 
.compLeft form .segment .input {
	float: left;
	text-align: left;
	width: 325px;
}

.compLeft form .segment .input input {
		width: 325px;
	}
	
.compLeft form .segment .input input.checkbox {
	width: 15px;
}
	
.compLeft form .segment .input textarea {
	width: 325px;
}

.compLeft form .segment .input.submit {
	float: right;
	margin-right: 5px;
}

	.compLeft form .segment .input.submit input {
		width: 100px;
		float: right;
	}

.compLeft form p.address {
	font-size: 16px;
	float: none;
}

.compLeft form p.phoneNumbers {
	font-size: 20px;
}

.segment .footnote{
    color: #999999;
    /* font-size: 11px !important; */
}
.segment .footnote span{
    color: #999999;
}

.fncFieldsetRepeater a.addBut{
    color: #EE8131;
    float: right;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 15px;
    margin-top: -10px;
}

.dense .segment{
    padding: 0 !important;;
}

    .dense .segment .input input,
    .dense .segment .label label{
        margin: 0 !important;
    }



/*----------------------
 * 
 * New Universal styles for page content
 * 
 *-------------------*/

.compLeft {
	float: left;
	width: 500px;
	margin: 30px 0 30px 0;
}

.compRight {
	float: left;
	width: 200px;
	margin: 30px 0 0 20px;
}

	.compRight .additional a{
		display: block;
	}

.mainContent dl {
	margin: 0;
}

.ccLink{
	height: 35px;
	width: 100px;
	display: block;
	float: right;
	margin-top: -35px;
	z-index: 100px;
	position: relative;
}
	
	.ccLink span {
		display: none;
	}
/*-------------------
 * CLIENT AREA 
 * ----------------------*/

.segment.search{
	background: url(/x/img/static/clientarea/large-search-bg.jpg) no-repeat top;
	height: 56px;
	width: 420px;
	padding: 8px 0 0 0;
}

	.segment.search input.text{
		margin: 10px 15px 0 50px;
		height: 22px;
		width: 310px;
		border: 0;
		float: left;
		font: normal normal normal 22px/normal  Arial, helvetica, sans-serif;
		color: #333333;
	}

	.segment.search input.submit {
		margin: 10px 0 0 0;
		float: left;
		border: 0;
	}

a#editprofile {
	display: block;
	height: 33px;
	width: 344px;
	background: url(/x/img/static/clientarea/edit-profile-button-344x66.gif) no-repeat top left;
	margin-bottom: 40px;
}

	a#editprofile span {
		display: none;
	}
	
a#editprofile:hover {
	background-position: bottom left;
}

a#downloadpack {
	display: block;
	height: 33px;
	width: 272px;
	background: url(/x/img/static/clientarea/download-now-button-272x66.gif) no-repeat top left;
	margin-bottom: 40px;
}

	a#downloadpack span {
		display: none;
	}
	
a#downloadpack:hover {
	background-position: bottom left;
}

a#viewnow {
	display: block;
	height: 33px;
	width: 174px;
	background: url(/x/img/static/clientarea/view-now-button-174x66.gif) no-repeat top left;
	margin-bottom: 40px;
}

	a#viewnow span {
		display: none;
	}
	
a#viewnow:hover {
	background-position: bottom left;
}

.mediaThumb {
	text-align: center;
	float: left;
	margin: 0 10px 0 0;
}

.mediaThumb a {
	text-decoration: none;
}

.item ul, .previousItems ul {
	padding: 0;
	margin: 0;
}

.item ul li, .previousItems ul li {
	padding: 3px 0;;
	margin: 0;
	list-style: none;
}

.previousItems {
	border-top: 1px solid #BAB9C1;
	padding: 10px 0 0 0;
}
	
	.previousItems ul li h4 {
		border: none;
	}
	
	.previousItems ul li p {
		padding: 0;
		margin: 0;
	}


/* Events */
.event{
    width: 720px;
}

.event .ev-left{
    width: 100px;
    float: left;
}

.event .ev-right{
    width: 380px;
    float: left;
    padding: 0 0 0 10px;
}

.event h3, .event h3 a{
    font-family:Arial,Helvetica,sans-serif;
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 24px;
    font-weight:bold;
    color: #999999;
	text-decoration: none;
}

.event .cnt{
}

.event .ev-left img{
    width: 100px;
}

.event .meta{
}

.event .meta p{
	font-size: 13px;
	line-height: 17px;
}

.event .meta span{
	font-weight: bold;
}

.event .meta .date{
}
.event .meta .venu span{
	color: #ED7924;
}

.event .meta p{
	margin: 0 0 0 0;
}

.event .body p{
	font-size: 12px;
	line-height: 16px;
}

	.event .body p a{
		text-decoration: underline;
	}

p.center {
	text-align: center;
}

a.plain {
	text-decoration: none;
}

.divider{
    margin: 15px 0 15px 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    display:block;
    clear:both;
}

/*
<div class="event-content">
<div class="evc-left">
<p><img src="/x/img/conference-huddersfield-3.jpg" alt="" width="140" height="144" /><br />
<br />
<img src="/x/img/meeting-rooms-huddersfield-2.jpg" alt="" width="140" height="93" /><br />
<br />
<br />
</div>
<div class="evc-right">
*/

.event-content p{
    font-size: 12px;
}

.evc-left{
    width: 140px;
    float: left;
    
}

.evc-right{
    width: 350px;
    float: left;
    padding: 0 0 0 10px;
}

.ev-right .icalDownload{
    position: relative;
}

.ev-right .icalDownload{
    position: relative;
}

.ev-right .icalDownload a{
    color: #ED7924;
}
    
    .ev-right .icalDownload a.imgLink{
        padding: 0 10px 0 0;
    }
    
    .ev-right .icalDownload a.txtLink{
        position: absolute;
        top: 0.2em;
        left: 28px;
    }
    
    .ev-right .icalDownload a.imgLink img{
        width: 18px;
        height: 18px;
        border: none;
        text-decoration: none;
    }

table.recommendafriend{
	border: 1px solid #CCCCCC;
	text-align: left;
	width: 365px;
	margin-bottom: 5px;
	}
	
	table.recommendafriend th{
	border-bottom: 1px solid #CCCCCC;
	font: normal normal normal 13px/12px Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 4px 10px 4px 5px;
	}
	
	table.recommendafriend td{
	font: normal normal normal 13px/12px Arial, Helvetica, sans-serif;
	color: #ED7924;
	padding: 3px 10px 3px 5px;
	border-bottom: none;
	}
	
	table.recommendafriend tr{
		border-bottom: none;
	}
	
	p.tablesub {
		font-size: 80%;
		}

/*
 * 
 * -----------------
 * JOBS TABLE
 * -----------------
 * 
 */

.compLeft.jobs {
	width: 700px;
}
 
table.jobs{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 11px;
	line-height: 18px;
	border-top: 1px solid #D2D2D2;
	border-bottom: 1px solid #D2D2D2;
}
	
	
	table.jobs th,
	table.jobs td{
		margin: 0;
		padding: 0;
		text-align: left;
		vertical-align: top;
		padding: 7px 0 7px 0;
		border: none;
		color:#666666;
	}
	
	table.jobs th.cname {
		border-bottom: none;
	}
	
	table.jobs tr.topborder{
		border-top: 1px solid #D2D2D2;
		border-bottom: none;
	}

    table.jobs tr.mediacentre th.cname{
		color: #FF8635;
	}
	
	table.jobs th {
		font: normal normal bold 13px/100% Arial, Helvetica, sans-serif;
		color: #666666;
		border-bottom: 1px solid #D2D2D2;
	}
	
	table.jobs th h4{
		border-bottom: 1px solid #D2D2D2;
	}
	
	table.jobs th.jobsalary{
		width: 150px;
	}
	
	table.jobs th.jobdate{
		width: 110px;	
	}
	
	table.jobs td a{
		color: #666666;	
		text-decoration: underline;
	}
	
	table.jobs td a:hover{
		text-decoration: underline;
		color: #FF8635;
	}
	
.orange{
	color: #F07A34;
}

/*
 * 
 * FOOTER
 */

.footer {
	padding: 20px 0 30px 0;
	width: 100%;
	background: url(../img/dividerBG.gif) top left repeat-x;
	text-align: right;
}
 
 .footer span {
 	margin: 0 5px 0 0;
	color: #999999;
 }
 
 .footer a.makeLogo img{
 	margin-bottom:-4px;

 }

 /*-------------------------------------------------------------------
## MESSAGE DISPLAY STYLES START HERE */

fieldset .segment p.error {
	width: 710px;
	margin: 5px 0 0 0;
	padding: 5px 5px 5px 5px;
	background-color: #ff9900;
}

fieldset h5{
    margin-bottom: 20px;
}

div.error p a, p.error p a {
	color:#ff0000;
}

.success, .error {
	margin: 0 0 5px 0;
	padding: 2px;
}

.success {
	background-color: #FFFFFF;
	color: #ffffff;
    border: 1px dashed #FF8635;
    color: #333333;
}

.error {
	background-color: #ff9900;
	color: #ffffff;
}

	.error ul {
	    margin: 0 0 10px 0;
	    padding: 0;
	    background-color: #ff9900;
	    color: #ffffff;
	}

	.success ul, .error ul, p.error,  p.success {
		margin: 0;
		padding: 5px 5px 5px 5px;
        list-style-type: none;
	}
       
		.success ul li, .error ul li, p.error, p.success {
			font-size: 14px;
            list-style-type: none;
		}

/*-------------------------------------------------------------------*/


/* clientforms - 470px */
.clientform fieldset .segment p{
	width: auto;
	padding-left: 0;
}

.clientform fieldset .segment p.error{
	width: 490px;
	margin: 0 0 10px 0;
	color: #FFFFFF;
}
/* error */

.clientform fieldset h4{
	font-size: 18px;
	font-weight: normal;
	border: none;
}

.clientform fieldset h5{
	clear:both;
}

.clientform fieldset p,
.clientform fieldset .segment label,
.clientform fieldset .segment input,
.clientform fieldset .segment p{
	font-size: 12px;
}

.clientform fieldset .segment .label{
	 width: 170px;
	 padding: 0 10px 0 0;
	 margin: 0;
}



.clientform fieldset .segment .label label{
	padding: 0;
}

.clientform fieldset .segment .input{
	width: 270px;
	padding: 0;
}

.clientform fieldset .segment .input input{
	width: 270px;
}

.clientform fieldset h5{
	font-size: 12px;
}

	.clientform fieldset .segment{
		border: none;
	}
	
	
.clientform fieldset .segment.confirm{
}

.clientform fieldset .segment.confirm .label{
	width: 420px;
}

.clientform fieldset .segment.confirm .label label{
	width: 410px;
}

.clientform fieldset .segment.confirm .input{
	width: auto;
}

.clientform fieldset .segment .input input.cbx{
	width: auto;
}

/*-------------------------------------------------------------------
## CLIENT SEARCH PAGES */

.clientProducts h3,
.clientServices h3{
    font-size: 12px;
}




/*-------------------------------------------------------------------
## DEBUG STYLES START HERE */

.blockDebug {
    clear:both;
	color: #B4C4EF;
	width: 952px;
	margin: 10px;
	border: 1px dashed #999999;
	padding: 5px;
	background-color: #333333;
	text-align: left;
	font-size: 13px;
}

.blockDebug {
	margin-top: 15px;
}

.blockDebug li strong {
	font-size: 12px;
}

.blockDebug pre {
	color: #FF7B2C;
	font-size: 11px;
}


#mailchimp_error,
#mailchimp_success {
	color:#fff;
	background:#ff0000;
	height:32px;
	font-size:125%;
	font-weight:bold;
	padding:20px 0px 0px 20px;
	width:700px;
}

	#mailchimp_success {
		background:#00B233;
	}
