@charset "utf-8";
/* CSS Document */

/* -------------- Main Colours ---------------- */
/* light grey 	#efefef */
/* medium grey 	#c2c2c2 */
/* dark grey 	#aaa */
/* light blue 	#18a6e6 */
/* medium blue 	#005fa4 */
/* dark blue 	#000d50  */
/* pink 		#dd137b */


/* -------------- GLOBAL STYLES ---------------- */
html {min-height:101%}
body {height:100%; background-image: url(/images/background_tile.gif);
background-color: #555; margin: 0px; padding: 0px; text-align: center; font: 0.68em sans-serif, Verdana, Arial, Helvetica; 
color: #555; width: 100%; letter-spacing: 0.00em;}

h1 {padding-left: 30px; font-size: 1.3em; margin: 5px 0 0.8em 0; padding-top: 0px; font-weight:bold;}
	
h2 {padding-left: 30px; font-size: 1.15em; font-weight:bold ; margin: 8px 0}
	
h3 {padding-left: 30px; font-size: 1em; color: #222; font-weight: bold;}

hr {border: 0px; border-top: 1px dashed #092467; margin: 5px 0 5px 0; height: 1px;} 	
form {padding-top: 0px; margin: 0px;}

ul {
	margin: 10px 0 10px 45px;
}
p {margin-bottom: 0em; margin-top: 10px;}

#resources_page p { margin:0; margin-bottom:0.9em; }
#resources_page h2 { height:1.75em; }

strong {color: black; font-weight:bold;}

#left_content {
	width: 430px;
}

img.no_border {
	border: 0px;
}


/* -------------- Alternate Text Styles ---------------- */

.grey_text {
	color: #aaa;
}

.date {
	color: #aaa;
	font-weight: normal;
}	

/* -------------- Errors and Notifications ----------------*/
.errors {
	margin-left: 25px;
}
	
/* -------------- LINKS ---------------- */

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
	
/* -------------- Clear Line ---------------- */
.clear_line {clear: both;}

/* -------------- Tables Styles ---------------- */
.table_noborder{border: 0px; margin: 0px;}
.table_noborder td{padding: 5px;}
.table_noborder td.label{ width:30%;}

.table_border{border: 0px;}

.row_alternate {
	background-color: #efefef!important;
}

th {
	background: url(/images/tile_table_header.gif) #2B8DD5 bottom repeat-x; 
	height: 18px; 
	color: white; 
	text-align: center; 
	padding: 0px 10px;
}


th a:link, th a:hover, th a:visited{
	color: white; 
}


td.label {
	text-align: right;
	vertical-align:top;
}


/*  Price Tables - With Highlight on mouseover */



.data_highlight{
	margin-left:30px;
	margin-bottom:10px;
	border-collapse: collapse;	
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;	
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;	 					
}

.data_highlight th{
	border: 1px solid white;				
}

table.data_highlight td{
	padding: 3px;
	border: 1px solid #aaa;
	text-align: center;	
	cursor:pointer;				
}

.data_highlight td:hover {
	background-color: #dd137b;
	color: white;
}

.data_highlight a:link, .data_highlight a:hover, .data_highlight a:visited {
	color: #555;
	text-decoration: none;
}

.data_highlight td:hover a:link, .data_highlight td:hover a:hover, .data_highlight td:hover a:visited {
	color: #AAA;
	text-decoration: none;
}

.data_nohover td:hover { background-color:#efefef; color:#FF7;}


/*  Standard Tables - With no Highlight on mouseover */

.data{
	margin: 10px 10px 10px 30px;
	border-collapse: collapse;	
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;	
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;	 					
}

.data th{
	border: 1px solid white;				
}

table.data td{
	padding: 3px;
	border: 1px solid #aaa;
	text-align: center;					
}	

/* -------------- Cells with no Highlighting ---------------- */

td.grey_column {
	background-color: #aaa;
	color: white;
	font-weight: bold;
	border: 1px solid white;
}


td.grey_column:hover{
	background-color: #aaa;
	cursor:default;
}


td.grey_no_highlight {
	background-color: #aaa;
	color: white;
	font-weight: bold;
	border: 1px solid white;
}


td.grey_no_highlight:hover{
	background-color: #aaa;
	cursor:default;
}	

td.white_no_highlight:hover{
	background-color: #fff;
	cursor:default;
}

/* -------------- TABS ---------------- */

div.tab_header {
	margin: 0 30px 0 30px;
	background-image: url(/images/tile_tab_header.gif);
	
}

div.tab_box {
	padding-top: 15px;
	margin: 0 30px 0 30px;
	border: 1px solid #aaa;
	border-top: 0px;
}
div.tab_box h2{
	margin: 5px 0 0 0;
}

div.tab_box_client_area {

	padding-top: 15px;
	margin: 0 30px 0 30px;
	border: 1px solid #aaa;
	border-top: 0px;
	background-color:#efefef;
}
div.tab_box_client_area h2{
	margin: 5px 0 0 0 ;
}

#header {
	height: 18px;
    margin-left: 30px;
	background-color: white;
}

#header ul {
	margin: 0px;
	padding: 0px 10px 0px;
	list-style: none;
}

#header li {
	float:left;
	background:url('/images/tab_left_both.gif') no-repeat left top;
	margin: 0px;
	padding:0px 0px 0px 3px;
}

#header li.selected {
	background-position:0% -150px;
	color: white;
}

#header a {
	display:block;
	background:url("/images/tab_right_both.gif") no-repeat right top;
	padding:2px 15px 2px 10px;
	text-decoration:none;
	font-weight:bold;
	color: #eee;
}

#header li.selected a {
	background-position:100% -150px;
	color: white;
}

#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
	color: white;
}

#header li:hover {
	background-position:0% -150px;
	color: white;
}
#header li:hover a {
	background-position:100% -150px;
	color: white;
}




/* -------------- Form and input box styles ---------------- */

form {margin: 0px; padding: 0px;}
fieldset {background-color: #efefef; border: 0px; margin: 10px 0px 10px 30px; padding: 0px;}
label {font-weight: bold;}

input[type="text"] /* To keep form fields consistent */
{
background: #FFF;
}
input {padding: 0px; border: 0px; font: 1em Geneva, sans-serif; 
color: #555; }

input.tablebtns {padding: 0px; border: 0px; font: 1em Geneva, sans-serif; 
color: #9E0530; background-color:#FFF; }
input.tableheadbtns {padding: 0px; border: 0px; font: 1em Geneva, sans-serif; 
color: #FFFFFF; background-color:#000033; background-image: url(/images/tile_table_header.gif); 
 }
input.highlight {
background-color:#CCC!important;
width:60px;
text-align:center;
color:#000;
}
input.highlight:focus {
background-color:#FFFF99!important;
}
textarea[type="text"] /* To keep form fields consistent */
{
background: #FFF !important;
}
textarea {padding: 0px; border: 0px; font: 1em Geneva, sans-serif; 
color: #555; }

select {padding: 0px; border: 0px; font: 1em Geneva, sans-serif; 
color: #555; }

.mandatory {color: #dd137b; font-size: 1.2em;}

.basket_price {
	background-color: white;
	padding: 2px;
	width: 70px;

}

.basket_data {
	background-color: white;
	padding: 2px;
	width: 100%;

}

/* -------------- CONTENT AREA ---------------- */

#wrapper {width: 760px; background-color: white; margin:0 auto; }
	 
#content {text-align: justify; margin-top: 0px;}
#content p{padding: 0px 30px 0px 30px;}

/* -------------- Pages ---------------- */



#page_image_right img{float: right; margin: 7px 0px 5px 70px; border: 0px;}

#page_image_right_no_marginleft {float: right; margin: 0px 0px 5px 5px; border: 0px;}



/* -------------- Button bar for back buttons ---------------- */
.back_button_bar {
	background-color: #aaa;
	text-align: left;
	color: #fff;
	padding: 3px;
	margin: 10px 30px;
}

.back_button_bar img {
	position: relative;
	top: 2px;
}



/* This is the 'Golden 3' box  */
.order_buttons 	{	background-color: #efefef;
					width: 220px;
					margin: 10px auto; 
					padding: 7px 5px 5px 5px;
					text-align: center;
					}


/* Standard Grey box  */

.grey_box {background-color: #efefef; padding: 5px;}

/* -------------- Design Page ---------------- */




/* -------------- Recommend to a Friend ---------------- */
#recommend_table {background-color: #efefef; margin: 0 0 20px 30px; width: 397px; padding: 5px; }
#recommend_table h2 {padding: 0px; margin: 0px;}
#recommend_table p {padding-left: 0px;}

.alert { color: #DD0000; }


/* -------------- Footer ---------------- */

#footer {text-align: center; margin-top: 5px;  padding-bottom: 5px; text-align: center; color: #FFF; height: 40px; background-color: #666; border-top: 4px solid #999;}

#footer p{margin: 0px; padding-top: 5px;}
#footer a:link {text-decoration: none;}
#footer a:hover {text-decoration: underline;}

#logo_bpif {float: left; border: 0px; margin-left: 13px; margin-top: 2px;}
#logo_dma {float: right; border: 0px; margin-right: 10px; margin-top: 2px;}
#logo_fsb {float: right; border: 0px; margin-right: 30px; margin-top: 2px;}


/* -------------- Top Bar ---------------- */

#top_bar			{width: 100%;}

#flash_banner		{	background-image: url(/images/topbar_background.jpg);
						background-repeat:no-repeat;
						background-position: 0px;
						background-color: white;
						padding: 5px 0 5px 0;
						height: 96px;
						text-align: left;
						}
						
#flash_banner a:link, #flash_banner a:hover, #flash_banner a:visited{
	display:block;
	height: 96px;
	width: 250px;
	text-decoration: none;
}

#login_button img	{	padding: 0px;
						border: 0px;
						height: 16px;
						float: right;
						margin-right: 30px; }
						
#home_button	{float: left; margin-left: 2px;}
						
#home_button img	{	margin-right: 0px;
						padding: 0px;
						border: 0px;
						height: 16px;
						margin-left: 5px; }

#navigation_bar
{
margin: 0px;
padding: 0px;
width: 100%; background-color: #aaa; height: 16px; text-align: center;}

#navigation_bar ul
{
list-style: none;
margin: 0 0 0 30px;
padding: 0px;
border: none;
}

#navigation_bar li
{
display: block;
margin: 0px;
padding: 0px;
float: left;
width: auto;
}

#navigation_list a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #aaa;
margin: 0px;
padding: 1px 10px;
border-left: 1px solid #fff;

border-right: 1px solid #777;
}

#sub_navigation_list a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background: #aaa;
margin: 0px;
padding: 1px 10px;
border-left: 1px solid #fff;

border-right: 1px solid #777;
}

#client_area_button a
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
background-color: #dd5413;
margin: 0px;
padding: 1px 10px;
border-left: 1px solid #fff;
border-right: 1px solid #777;
}


/****************************************************************/
/*  Order summaries 										    */

table.full_table {
	width: 450px;
	margin: auto;
	background-color: #FFF;
	border: 1px solid #666;
	border-collapse: collapse;
	font-size: 1.1em;
}

table.full_table th {
	background-color: #CCC;
	background-image: none;
	text-align: left;
	color: #666;
	border: 1px solid #666;
}

table.full_table td {
	text-align: left;
	color: #666;
	vertical-align: top;
	border: 1px solid #666;
	padding: 3px 0px;
}

table.full_table .narrow {
	width: 60px;
	text-align: center;
}

table.full_table td.label {
	text-align: right;
	padding: 3px;
	font-weight: bold;
}

table.full_table td.label {
        text-align: right;
        padding: 3px;
        font-weight: bold;
}

table.full_table td.price {
        color: #9e0530;
        font-weight: bold;
        text-align: center;
        padding: 3px;
}

table#small_box {
        background-color: #fff;
        width: 400px;
        margin: 10px auto;
}

table#small_box td {
        padding: 3px;
}

table.legendtable td {
height:24px;
}

table.legendtable label img {
padding-right:5px; vertical-align:bottom;
}


div#call_us {
	font-size: 2.5em;
	float:right;
	margin: 10px 30px 10px 10px;
	font-weight:bold;
	color: #fff;
	padding: 0px 10px;
}

.prop {
	float:right;
	width:1px;
	}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	}

.joblog {
	height:400px;
	}




/************************ HR FIX ****************************************/

div.hr {background: #fff url(/global/images/hr_dash.gif) no-repeat scroll center; height: 10px; overflow:hidden; margin:0 30px;}
div.hr hr {display: none}



/************************ SEO Links ****************************************/

#linksam {
	height:0; overflow:hidden;
}