/* General
-------------------------------------------------------------------------- */
body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-align: center; /* For IE5 */
}
form {
	margin: 0;
}

p { padding: 0 0 15px 0; margin: 0; }
p.first { padding: 15px 0 15px 0; }
p.error { color: #CB0008; font-weight: bold; }

p.quoteOrigin { text-align:right; font-style:italic; font-weight:bold; }

p.quote { font-style:italic; font-family: Verdana, Arial, Helvetica, sans-serif; line-height:16px; }

p.footer {
	margin: 0; padding: 15px 0 0 0;
}

.faded_text {
	color: #CCCCCC;
}

h1 {
	width: auto;
	/* background-color: #5a6469; */
	background-color: #68676c;
	margin: 0; padding: 0;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 20px;
	border-left: 3px solid #FFF;
	background-position:top right; background-repeat: no-repeat; 
}

h1.home_old { background-image:url(../images/headings/bg_01.gif); }
h1.about_us_old { background-image:url(../images/headings/bg_02.gif); }
h1.what_we_do_old { background-image:url(../images/headings/bg_03.gif); }
h1.benefits_old { background-image:url(../images/headings/bg_04.gif); }
h1.outsourcing_old { background-image:url(../images/headings/bg_05.gif); }
h1.case_studies_old { background-image:url(../images/headings/bg_06.gif); }
h1.what_our_clients_say_old { background-image:url(../images/headings/bg_07.gif); }
h1.online_quote_old { background-image:url(../images/headings/bg_08.gif); }
h1.job_tracking_old { background-image:url(../images/headings/bg_09.gif); }
h1.sending_data_old { background-image:url(../images/headings/bg_10.gif); }
h1.meet_the_team_old { background-image:url(../images/headings/bg_11.gif); }
h1.contact_us_old { background-image:url(../images/headings/bg_01.gif); }

h1.green { background-color: #2D9D09; }
h1.yellow { background-color: #E6DB30; }
h1.orange { background-color: #ED9A1F; }
h1.client_area { background-color: #CB0008; }
h1.grey { background-color:#5a6469; }

h2 {
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px 0;
	color: #0098CB;
}
h2.line {
	border-bottom: 1px solid #CCC;
	padding: 0 0 15px 0;
}
a { color: #0098CB; text-decoration: underline; }

a.add {
	background-image: url(../images/icon_add.gif); background-position: 0 3px; background-repeat: no-repeat;
	padding: 0 0 0 15px;
}

img.bpif { margin-top:10px; }
img.iso { margin-top:10px; }

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

/* Page Structure
-------------------------------------------------------------------------- */
#wrapper {
	width: 760px;
	margin: 0px auto;
	text-align: left; /* For IE5 */
}
#main {
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-y;
	padding: 0 16px;
}

table#structure { width: 728px; border-collapse: collapse; }

table#structure .menu, table#structure .news {
	width: 140px;
	vertical-align: top;
	text-align: right;
}

table#structure .news { width: 140px; }

table#structure .header { height: 47px; width: auto; }

table#structure .main {
	width: auto;
	padding: 20px 20px 20px 23px;
	vertical-align: top;
}
/* ------------------------------------------------------------------------ */

/* Basic Form 01
-------------------------------------------------------------------------- */
form.basic_01 { margin: 0 0 15px 0; }
form.basic_01 input.text {
	width: 150px;
	height: 16px;
	border: 1px solid #999999;
	font-size: 11px;
	color: #666666;
	padding: 1px 0 0 1px;
}
form.basic_01 input.button { margin: 15px 5px 0 0; }
form.basic_01 table { border-collapse: collapse; }
form.basic_01 table th { padding: 0 10px 0 0 }
form.basic_01 table th, form.basic_01 table td { text-align: left; }
/* ----------------------------------------------------------------------- */


/* Header Components
-------------------------------------------------------------------------- */
#header {
	width: auto;
	/* height: 128px; */
	height: 140px;
	background-image: url(../images/bg_header.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
img.avenue_logo {
	/* margin: 10px 0 0 16px; */
	margin: 10px 0 0 48px;
	float: left;
}
form.main_login {
	margin: 0 0 20px 0;
	padding: 97px 16px 0 0;
	float: right;
	color: #555555;
	font-size: 100%;
}
form.main_login span {
	vertical-align: middle;
	height: 18px;
}
form.main_login input.box {
	height: 16px;
	border: 1px solid #999999;
	margin: 0 10px 0 5px;
	font-size: 11px;
	color: #666666;
	padding: 1px 0 0 1px;
	vertical-align: middle;
}
form.main_login input.button {
	vertical-align: middle;
	border-style: none;
}
div.login_status {
	padding: 22px 16px 0 0;
	height: 18px;
	text-align: right;
}
div.login_status a:link, div.login_status a:visited { text-decoration: none; }
div.login_status a:hover, div.login_status a:active { text-decoration: underline; }
div.login_status strong {
	color: #0098CB;
	font-weight: bold;
}
/* ----------------------------------------------------------------------- */


/* Menu
-------------------------------------------------------------------------------- */
#menu {
	text-align: left;
	width: 140px;
	height: 167px;
	padding: 0;
	float: left;
}
#menu ul.menu {
	display: none;
}

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


/* Menu Colours
-------------------------------------------------------------------------------- */
#menu ul.menu li.blue_01 a:hover, #menu ul.menu li.blue_01 a:active, #menu ul.menu li.blue_01 a.hl { background-color: #0098CB; }
#menu ul.menu li.blue_02 a:hover, #menu ul.menu li.blue_02 a:active, #menu ul.menu li.blue_02 a.hl { background-color: #0F00CB; }
#menu ul.menu li.green a:hover, #menu ul.menu li.green a:active, #menu ul.menu li.green a.hl { background-color: #2D9D09; }
#menu ul.menu li.yellow a:hover, #menu ul.menu li.yellow a:active, #menu ul.menu li.yellow a.hl { background-color: #E6DB30; }
#menu ul.menu li.orange a:hover, #menu ul.menu li.orange a:active, #menu ul.menu li.orange a.hl { background-color: #ED9A1F; }
#menu ul.menu li.red a:hover, #menu ul.menu li.red a:active, #menu ul.menu li.red a.hl { background-color: #CB0008; }
#menu ul.menu li.purple a:hover, #menu ul.menu li.purple a:active, #menu ul.menu li.purple a.hl { background-color: #7500CB; }
/* ----------------------------------------------------------------------------- */

#content { border-bottom: 1px solid #CCC; font-size: 11px; }
#content.no_line { border-bottom: none; }

ul.section_links {
	font-size: 11px;
	margin: 15px 0 0 0; padding: 0;
	list-style: none;
}

ul.section_links_inset {
	font-size: 11px;
	margin: 0px 0 0 0; padding: 0;
	list-style: none;
}

ul.section_links li { display: inline; background-repeat: no-repeat; }
ul.section_links a {
	background-image: url(../images/bullet_link.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	float: left; /* For IE5 */
	margin-right: 15px;
}

ul.section_links_inset li { display: inline; background-repeat: no-repeat; }
ul.section_links_inset a {
	background-image: url(../images/bullet_link.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 15px;
	float: left; /* For IE5 */
	margin-right: 15px;
}
/* Footer
-------------------------------------------------------------------------------- */
#footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: right;
	padding: 16px;
	color: #999999;
	font-size: 90%;
}

#footer a {
  color: #999999;
}

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


/* News Col
-------------------------------------------------------------------------------- */
img.side {
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
}
#news {
	font-size: 11px;
	text-align: left;
	float: right;
	width: 140px;
	padding-bottom: 20px;
	padding-top: 3px; background-color:#68676c;
}
#news h2 {
	color:#E6DB30; font-size: 1.1em;
	padding: 0px 0px 2px 0px;
	margin: 0px 6px 2px 6px;
	border-bottom: 1px solid #999999;
}
#news h3 {
	font-size:10px; color:#ffffff;
	margin:0px; padding: 2px 2px 2px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#news p { margin:0px 0px 4px 2px; padding:0px; color:#ffffff;}

.news_item {
	/* background-color:#D3D3D3; */
	width:132px;
	margin:2px 4px 4px 4px; padding-bottom:2px;
	border-bottom: 1px solid #999999;
}

html>body .news_item { width:130px; }

.news_item p.date span {
	font-size: 9px;
	margin:0px; padding:0px;
}
.news_item p.date a {
	display:block; clear:both;
	font-size: 0.9091em;
	text-decoration: underline;
	color: #ffffff;
	float: right;
	background-image: url(../images/arrow_01.gif);
	background-repeat: no-repeat;
	background-position: 28px 4px;
	padding:0px 8px 0px 0px;
	margin:0px 2px 0px 0px;
}
/* ----------------------------------------------------------------------------- */


/* list 01
-------------------------------------------------------------------------------- */
ul.list_01 { margin: 0; padding: 0; list-style: none; }
ul.list_01 li { margin: 0 0 15px 0; }
ul.list_01 li .header { color: #0098CB; font-weight: bold; }
/* ----------------------------------------------------------------------------- */


/* Job Listing / Customer Listing Table
-------------------------------------------------------------------------------- */
table.job_listing, table.cust_listing {
	font-size: 100%;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 15px 0;
}
table.job_listing th, table.cust_listing th { padding: 0 0 5px 0; }
table.job_listing td, table.job_listing th, table.cust_listing td, table.cust_listing th { vertical-align: top; text-align: left; padding: 3px 2px; }
table.job_listing td, table.cust_listing td { border-top: 1px solid #CCC; }
table.job_listing tr:hover td, table.cust_listing tr:hover td { background-color: #E6F5FA; }
table.job_listing a, table.cust_listing a {
	background-image: url(../images/bullet_link.gif); background-position: 0 3px; background-repeat: no-repeat;
	float: left; /* For Win IE 5 */
	padding: 0 0 0 15px;
}

table.cust_listing th.cust_id {
	width: 15%;
}
table.cust_listing th.company {
	width: auto;
}
table.cust_listing th.links {
	width: 18%;
	text-align: right;
}
table.cust_listing {
border-bottom: 1px solid #CCC;
}

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

/* Record Navigation
-------------------------------------------------------------------------------- */
div.rec_nav {
	background-color: #EEE;
	border: 1px solid #CCC;
	padding: 3px 5px; margin: 0 0 15px 0;
	text-align: right;
}

div.rec_nav a { color: #0098CB; }

div.rec_nav a:link, div.rec_nav a:visited { text-decoration: none; }
div.rec_nav a:hover, div.rec_nav a:active { text-decoration: underline; }

div.rec_status {
	float: left;
}

div.rec_links a.first, div.rec_links span.first { background-position: 0 3px; background-repeat: no-repeat; padding: 0 5px 0 13px; }
div.rec_links a.prev, div.rec_links span.prev { background-position: 0 3px; background-repeat: no-repeat; padding: 0 5px 0 13px; }
div.rec_links a.next, div.rec_links span.next { background-position: right; background-repeat: no-repeat; padding: 0 13px 0 0; }
div.rec_links a.last, div.rec_links span.last { background-position: right; background-repeat: no-repeat; padding: 0 13px 0 5px; }

div.rec_links a.first { background-image: url(../images/rec_nav_first.gif); }
div.rec_links a.prev { background-image: url(../images/rec_nav_prev.gif); }
div.rec_links a.next { background-image: url(../images/rec_nav_next.gif); }
div.rec_links a.last { background-image: url(../images/rec_nav_last.gif); }

div.rec_links span { color: #CCC; }

div.rec_links span.first { background-image: url(../images/rec_nav_first_faded.gif); }
div.rec_links span.prev { background-image: url(../images/rec_nav_prev_faded.gif);  }
div.rec_links span.next { background-image: url(../images/rec_nav_next_faded.gif);  }
div.rec_links span.last { background-image: url(../images/rec_nav_last_faded.gif);  }

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


/* Job Details Table
-------------------------------------------------------------------------------- */
table.job_details, table.job_details_full {
	font-size: 100%;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}
table.job_details th, table.job_details_full th {
	text-align: left;
	width: 115px;
}
table.job_details th, table.job_details td, table.job_details_full th, table.job_details_full td {
	vertical-align: top;
	border-top: 1px solid #CCC;
}
table.job_details td, table.job_details_full td {
	padding: 2px 3px;
	border-right: 1px solid #CCC;
}
table.job_details th, table.job_details_full th {
	padding: 2px 3px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table.job_details_full {
	border-bottom: 1px solid #CCC;
	margin-bottom: 10px;
}
/* ----------------------------------------------------------------------------- */


/* Error list
-------------------------------------------------------------------------------- */
ul.errors {
	color: #CB0008;
	margin: 0 0 15px 0;
	padding: 0 0 0 15px;
}
/* ----------------------------------------------------------------------------- */




table.edit_content_01 {
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}
table.edit_content_01 th {
	padding: 2px 10px 0 0;
	width: 26%;
	vertical-align: top;
}
table.edit_content_01 td {
	width: auto;
	padding: 0 5px 5px 0;
}
table.edit_content_01 td.text_only {
	padding: 2px 10px 5px 0;
}
table.edit_content_01 input, table.edit_content_01 textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	width: 290px;
	border: 1px solid #CCC;
	padding: 2px 3px;
}
table.edit_content_01 textarea {
	height: 100px;
}
table.edit_content_01 input.cb {
	width: auto; margin: 3px 0 0 0;
	padding: 0;
	border: none;
}
table.edit_content_01 textarea.address {
	height: 50px;
}
div.form_buttons {
	text-align: right;
	border-top: 1px solid #CCC;
	padding: 15px 0 0 0;
}
div.form_buttons input {
	font-size: 11px; font-weight: bold; color: #0098CB;
	margin: 0 0 0 5px; padding: 1px 2px;
	background-color: #EEE;
	border: 1px solid #CCC;
}
div.form_buttons input.back {
	background-image: url(../images/rec_nav_prev.gif); background-repeat: no-repeat; background-position: 3px 4px;
	padding: 1px 2px 1px 13px;
}

div#letter_nav {
	font-size: 100%;
	margin: 0 0 15px 0;
	text-align: center;
}
div#letter_nav span {
	margin: 0 1px 0 1px;
	width: 20px;
}

ul.list_02 {
	margin: 0 0 15px 0; padding: 0;
	list-style: none;
}
ul.list_02 li {
	background-image: url(/images/bullet_01.gif); background-repeat: no-repeat; background-position: 2px 5px;
	padding: 0 0 5px 10px;
}

/******************************************************************************
* NORMAL LIST
******************************************************************************/
ul.normal { margin-top:0px; list-style-type:square; }

ul.normal li { margin-bottom:5px; }

ul.normal_emb { margin-top:3px; }

ul.normal_emb li { font-weight:normal; list-style-type:disc; }

/******************************************************************************
* ORDERED LIST
******************************************************************************/
ol { margin-top:0px; }

ol li { margin-bottom:5px; }

/******************************************************************************
* CASE STUDIES
******************************************************************************/
div.csSummary { border-bottom: 1px solid #CCC; margin-top:10px;}
div.csSummaryLast { margin-top:10px;}

/******************************************************************************
* HOME IMAGE
******************************************************************************/
img.homeImg {
	margin-top:30px;
}

/******************************************************************************
* MEET THE TEAM
******************************************************************************/
.teamMember { float:left; border-bottom: 1px solid #CCC; margin-top:20px; }
.teamMemberLast { border-bottom:none; }

.teamMember img { float:left; clear:none; }

.teamMember .details { float:right; width:310px; height:85px; }

.teamMember h2.name {  margin-top:55px; margin-bottom:0px; }

.teamMember p.profile { float:left; clear:none; margin-top:10px; }

.teamMember p.position { margin-bottom:0px; margin-top:0px; padding:0px; font-weight:bold; }

/******************************************************************************
 * CONTACT US
  *****************************************************************************/
form#contactus { margin-top:0px; margin-bottom:20px;}

form#contactus div.formElement { display:block; clear:both; margin-top:10px; margin-left:0px; padding-bottom:10px; }

form#contactus div.formElement label.forInput { display:block; float:left; width:75px; font-size:11px; color:#666666; }

form#contactus div.formElement label.forTextArea { display:block; font-size:11px; color:#666666; padding-bottom:5px; padding-top:10px; }

form#contactus div.formElement label.forTextAreaInset {
	display:block; float:left; width:75px; font-size:11px; color:#666666;
}

form#contactus div#left { float:left; }

form#contactus div#right { float:left; }

span.star { color:#C02D2C; }

form#contactus p { margin-left:0px; margin-top:20px; }

form#contactus p.comment { margin:0px 0px 0px 78px; padding:0px; }

form#contactus input { font-size:11px; color:#666666; margin-top:-5px; }

form#contactus input.blur { background-color:#ffffff; }

form#contactus input.focus { background-color:#FBFBF9; }

form#contactus textarea { width:300px; font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif;}
form#contactus textarea.blur {
	width:300px; font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}
form#contactus textarea.focus {
	width:300px; font-size:11px; color:#666666; font-family: Arial, Helvetica, sans-serif;
	background-color:#FBFBF9;
}

form#contactus textarea.inset { width:239px; margin-top:-5px; }
form#contactus textarea.insetBlur {
	width:239px; margin-top:-5px;
	background-color:#ffffff;
}
form#contactus textarea.insetFocus {
	width:239px; margin-top:-5px;
	background-color:#FBFBF9;
}

h2.contactHeading { font-size:1.2em; margin:10px 0px 10px 0px; }

div#layout01 div#main p.contactDetails { margin-top:0px; }

div.split { width:540px; }

div.split div.left { float:left; width:240px; padding-left:30px; }

div.split div.right { float:right; width:240px; padding-left:30px; text-align:left; }

img.map_thumb { margin-left:10px; border:none;}

p.requiredFieldsInfo {
	display:block; width:430px; font-size:11px;
	text-align:right; margin:0px 0px 0px 0px;
}

/* Customer Area
------------------------------------------------------------------------------*/
ul#customer_area_menu {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 40px;
}
ul#customer_area_menu li span {
	display: none;
}

ul#customer_area_menu li {
	float: left;
	padding-right: 10px;
	display: block;
}

ul#customer_area_menu li a {
	display: block;
	width: 109px;
	height: 26px;
	
	background-repeat: no-repeat;
}

ul#customer_area_menu li.current_jobs a { background-image: url('/images/cust_menu_current_jobs.png'); }
ul#customer_area_menu li.online_quote a { background-image: url('/images/cust_menu_online_quote.png'); }
ul#customer_area_menu li.upload_artwork a { background-image: url('/images/cust_menu_upload_artwork.png'); }

ul#customer_area_menu li a:link, ul#customer_area_menu li a:visited {
	background-position: 0 0;
}
ul#customer_area_menu li.active a,
ul#customer_area_menu li a:hover, ul#customer_area_menu li a:active {
	background-position: 0 -26px !important;
}

div#content.customer_area h2 {
	color: #e50d78;
	font-size: 14px;
}

div#content.customer_area h3 {
	color: #e50d78;
	font-size: 13px;
}

div#content.customer_area h3 strong {
	color: #000;
}


div#content.customer_area table {
	font-size: 12px;
}

div#content.customer_area table th {
	width: 130px;
}

div#content.customer_area div.section_wrapper {
	border-top: 1px solid #e5e5e5;
	padding: 10px 0 10px 0;
}

div#content.customer_area a.bt_upload_artwork {
	display: block;
	width: 109px;
	height: 26px;
	background-image: url('/images/bt_upload_artwork.png');
}

div#content.customer_area a.bt_upload_artwork span {
	display: none;
}


form.standard {
	padding: 0 0 0 0;
	width: 400px;
}

form.standard.center {
	margin: 0 auto 0 auto;
}

form.standard input.title {
	width: 37px;
	margin-right: 2px;
}

form.standard table {
	border-collapse: collapse;
}	

form.standard table th,
form.standard  table td {
	vertical-align: bottom;
}

form.standard table tr, form.standard div.input {
	background-position: bottom;
	background-repeat: repeat-x;
	background-image: url(../images/hz_dashed_line.png);
}

form.standard input.name {
	width: 119px;
}

form.standard input.price, form.standard input.rooms {
	width: 143px;
}

form.standard label {
	font-weight: bold;
	display: block;
	width: 120px !important	;
	padding: 5px 15px 5px 0;
	color: #4c4c4d;
}

form.standard table label {
	padding: 5px 9px 5px 0 !important;
}

form.standard div {
	width: 400px;
}

form.standard div.input label {
	padding: 5px 19px 5px 0;
}

form.standard div input,
form.standard div textarea,
form.standard div select {
	width: 255px;
}

form.standard div.buttons input {
	width: auto;
	margin: 0 0 0 178px;
}

form.standard div.button_row {
	height: 26px;
	width: 400px;
}

form.standard div.button_row input,
form.standard div.button_row a {
	float: right;
}

form.standard input.graphic_button {
	width: 109px;
	height: 26px;
}

form.standard div textarea {
	height: 100px;
}

input.checkbox {
	width: auto !important;
}

label.checkbox {
	font-weight: normal !important;
}

form.standard table,
form.standard div {
	clear: both;
}

form.standard table th, form.standard table td {
	padding: 0px 0 10px 4px;
}

form.standard div {
	padding: 10px 4px 10px 4px;
}

form.standard div label {
	display: block;
	float: left;
	font-size: 12px;
}

form.standard label.aux {
	color: #999;
	font-weight: normal;
	width: auto !important;
}

form.standard fieldset {
	margin: 20px 0 0 0;
	clear: both;
}

form.standard legend {
	font-size: 140%;
	font-weight: bold;
	color: #0b6a37;
	padding: 0;
	margin: 10px 0 0 0;
}

form.standard ul.checkboxes {
	width: 310px;
	padding-bottom: 8px;
	float: left;
}

form.standard ul.checkboxes li {
	width: 155px;
	padding: 0 0px 0 0;
	float: left;
	background-image: none;
	display: block;
	height: 25px;
}

form.standard ul.checkboxes.single_col li {
	width: 310px;
	clear: both;
}

form.standard ul.checkboxes li label {
	font-size: 100%;
	width: auto !important;
}

form.standard p.total {
	font-weight: bold;
	padding: 10px 0 10px 0;
	font-size: 18px;
	color: #e50d78;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

form.standard p.total span#display_price {
	color: #666 !important;
	float: right;
}

div.special_offers {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-top: -10px;
}

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


p.main_telephone_number {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 15px 0 20px 0;
	color: #666;

}

p.main_telephone_number strong {
	color: #e20076;
	font-size: 14px;
	display: block;
}