/****************************************************************/
/* Style Sheet:	page.css					*/
/*								*/
/* Description: Default style for the whole site. Includes the	*/
/*		'header' and 'footer' sections common to all	*/
/*		pages.  Also includes an additional elements	*/
/*		that are present in more than one page.		*/
/****************************************************************/

html
{
	width			: 100%;
	height			: 100%;
}

body 
{
	width			: 100%;
	height			: 100%;
	
	background-color	: #a0a0a0;
	/*background-image	: url('../images/backdrop.gif');
	background-attachment	: fixed;*/
	
	margin			: 0px;
	padding			: 0px;
}

#overlay-back {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 100%;
    height     : 100%;
    background : #000;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    z-index    : 5;
    display    : none;
}

#overlay {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
	text-align: center;
	vertical-align: middle;
} 

#overlay-search {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
	text-align: center;
	vertical-align: middle;
} 

#overlay-eu_label {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
	text-align: center;
	vertical-align: middle;
} 

#overlay-image {
    position : absolute;
    top      : 0;
    left     : 0;
    width    : 100%;
    height   : 100%;
    z-index  : 10;
    display  : none;
	text-align: center;
	vertical-align: middle;
}

a.tblHead:link
{
	text-decoration		: none;
	color			: #ffffff;
}

a.tblHead:visited
{
	text-decoration		: none;
	color			: #ffffff;
}

a.tblHead:hover
{
	text-decoration		: none;
	color			: #ffc000;
}

a.headerEnq:link
{
	text-decoration		: none;
	color			: #ffffff;
}

a.headerEnq:visited
{
	text-decoration		: none;
	color			: #ffffff;
}

a.headerEnq:hover
{
	text-decoration		: none;
	color			: #ffc000;
}

a:link
{
	text-decoration		: none;
	color			: #ffffff;
}
	
a:hover
{
	text-decoration 	: none;
	color 			: #ffc000;
}
	
a:visited
{
	text-decoration		: none;
	color 			: #ffffff;
}
	
a:hover 
{
	text-decoration 	: none;
	color 			: #ffc000;
}


a.col_header:link
{
	text-decoration		: none;
	color			: #000080;
}
	
a.col_header:hover
{
	text-decoration 	: underline;
	color 			: #000080;
}
	
a.col_header:visited
{
	text-decoration		: none;
	color 			: #000080;
}
	
a.col_header:hover 
{
	text-decoration 	: underline;
	color 			: #000080;
}


a.line_action:link
{
	font-weight		: bold;
	text-decoration		: none;
	color			: #000080;
}
	
a.line_action:hover
{
	font-weight		: bold;
	text-decoration 	: underline;
	color 			: #000080;
}
	
a.line_action:visited
{
	font-weight		: bold;
	text-decoration		: none;
	color 			: #000080;
}
	
a.line_action:hover 
{
	font-weight		: bold;
	text-decoration 	: underline;
	color 			: #000080;
}


form
{
	
	display		: inline;
}

select
{
	font-size	: 11px;
	color		: #000080;
	font-weight	: bold;
}


select.combos
{
	width		: 180px;
}


td
{
	font-family 	: Arial;
	font-size 	: 11px;
	
	color		: #000080;
}

/*th
{
	height			: 40px; 
	
	background-image	: url('../images/border.gif'); 
	
	font-family 		: arial;
	font-size		: 11px;
	font-weight		: bold;
	color			: #000080;
	
	border-color		: #000080;
	border-width		: 1px 0px 1px 0px;  
	border-style		: solid; 
	
	vertical-align		: middle; 
	
	padding			: 0px 5px 0px 5px;
}*/


/*  Row Colours  */

tr.light_row
{
	background-color: #ffffff;	 
}

tr.dark_row
{
	background-color: #ffffc0;
}


/*  Required Label  */

th.required_left
{
	text-align	: left; 
	
	padding-right	: 5px;
}

th.required_right
{
	text-align	: right; 
	
	padding-right	: 5px;
}

table.container
{
	width		: 100%; 
	
	text-align	: center;
	
	padding		: 0px;
	margin		: 0px;
}


/*  Cushions  */

td.cushioning
{
	width		: 50%;
}

td.cushioned
{
	text-align	: left;
}


/*  Adverts  */

table.adverts
{
	width		: 100%; 
	
	background-image: url('../images/adverts.gif');
	
 	text-align	: center; 
 	
 	padding		: 5px;
}

td.adverts
{
	width		: 33%;
	
	text-align	: center;
}

img.adverts
{
	border-width	: 0px;
}

table.entire_window
{
	width		: 100%;
	height		: 100%;
	
	text-align	: center;
}

td.entire_page
{
	width		: 1000px; 
	
	text-align	: center; 
	vertical-align	: middle;
}

table.entire_content
{
	width		: 100%;
	
	margin		: 20px 0px 20px 0px;
	
	background-color: #ffffff;
}

table.main_content
{
	width		: 100%; 
	height		: 250px; 
	
	/*background-image: url('../images/content.gif');*/
	
	text-align	: center;  
	
	/*padding		: 30px 2px 30px 2px;*/
	padding : 0px;
}

td.main_content
{
	width		: 100%;
	
	text-align	: center;
}


div.label
{
	width		: 110px; 
	height		: 18px; 
	
	background-color: #0000ff; 
	
	font-size	: 11px;
	font-weight	: bold; 
	
	color		: #ffffff;
	text-align	: center; 
	vertical-align	: middle;
		
	line-height	: 18px; 
	
	border-width	: 1px; 
	border-color	: #ffffff; 
	border-style	: solid; 
	
	margin		: 5px; 
	padding		: 0px 5px 0px 5px;
}


div.vat_notice
{
	width		: 110px; 
	height		: 18px; 
	
	background-color: #ffffff; 
	
	font-size	: 11px;
	font-weight	: bold; 
	
	color		: #c00000;
	text-align	: center; 
	vertical-align	: middle;
		
	line-height	: 18px; 
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid; 
	
	margin		: 5px; 
	padding		: 0px 5px 0px 5px;
}


div.address
{
	width		: 300px; 
	height		: 18px; 
	background-image: url('../images/button.gif'); 
	
	background-color: #ffffc0; 
	
	font-size	: 11px;
	font-weight	: bold; 
	color		: #000080;
	text-align	: center; 
	vertical-align	: middle;
	
	line-height	: 18px; 
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid; 
	
	margin		: 5px; 
	padding		: 0px 5px 0px 5px;
}


/*div.nav_button
{
	width		: 110px; 
	height		: 18px; 
	
	background-image: url('../images/button.gif'); 
	
	font-size	: 11px;
	font-weight	: bold; 
	color		: <?php echo $_GET['font_colour']; ?>;
	text-align	: left; 
	vertical-align	: middle;
		
	line-height	: 18px; 
	
	border-width	: 1px; 
	border-color	: <?php echo $_GET['font_colour']; ?>; 
	border-style	: solid; 
	
	margin		: 5px;
	
	padding		: 0px 5px 0px 5px;
}*/


img.nav_button
{
	width		: 120px; 
	height		: 18px;
	
	margin		: 5px; 
}


div.nav_button
{
	background-color : #ffffff;
	
	width		: 110px; 
	height		: 18px;
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid;
	
	font-size	: 11px;
	font-weight	: bold; 
	color		: #000080;
	text-align	: left; 
	vertical-align	: middle;
	
	line-height	: 18px;
	
	margin		: 5px;
	padding		: 0px 5px 0px 5px;
}


div.option_button
{
	background-color : #ffffff;
	
	width		: 110px; 
	height		: 18px;
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid;
	
	font-size	: 11px;
	font-weight	: bold; 
	color		: #000080;
	text-align	: center; 
	vertical-align	: middle;
	
	line-height	: 18px;
	
	margin		: 5px;
	padding		: 0px 5px 0px 5px;	
}


input.footer_button
{
	background-color : #ffffff;
	
	width		: 110px; 
	height		: 18px;
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid;
	
	font-size	: 11px;
	font-weight	: bold; 
	color		: #000080;
	text-align	: center; 
	vertical-align	: middle;
	
	margin		: 5px;
	padding		: 0px 5px 0px 5px;	
}


input
{
	font-size	: 11px; 
	color		: #000080;
	
	border-color	: #000080; 
	border-width	: 1px; 
	border-style	: solid; 
}

input.checkbox
{
	border-width	: 0px;
}

label
{
	font-weight	: bold;
}


label.fitted
{
	color		: #c00000;
}


/*  Header  */

table.entire_header
{
	width		: 750px;
}

td.header_top
{
	height		: 25px; 
	
	background-image: url('../images/header_top.jpg');
}

td.header_middle
{
	width		: 750px;
	height		: 125px; 
	
	background-image: url('../images/header_middle.jpg');
}

td.header_bottom
{
	height		: 20px; 
	
	background-image: url('../images/header_bottom.jpg');
}

td.strapline
{
	width		: 250px;
	height		: 18px; 
	
	background-image: url('../images//content.gif');

	text-align	: center;	
}

table.strapline
{
	width		: 746px; 
	height		: 18px;
	
	background-image: url('../images/button.gif');
	
	font-weight	: bold;
	
	border-color	: #000080;
	border-width	: 1px 0px 1px 0px;
	border-style	: solid;

	margin			: 0px 2px 0px 2px;
}

td.strapline_cell
{
	height		: 100%;

	text-align	: center;
}

td.header_nav
{
	width		: 130px; 
	
	text-align	: center;
	
	margin-left	: 20px;
}

td.header_title
{
	width		: 100%;

	text-align	: center; 
	
	font-weight	: bold;
	font-style	: italic;
	font-size	: 36px;
}

td.header_options
{
	width		: 130px; 
	
	text-align	: center; 
	
	/*padding-right	: 25px;*/
}


/*  Footer  */

td.footer_top
{
	height		: 20px; 
	
	background-image: url('../images/footer_top.jpg');
}

td.footer_middle
{
	width		: 100%; 
	height		: 18px; 
	
	background-image: url('../images/footer_middle.jpg');
}

td.footer_bottom
{
	width		: 100%; 
	height		: 25px; 
	
	background-image: url('../images/footer_bottom.jpg');
}


/*  Buttons  */

td.footer_left_button
{
	text-align	: left; 
	
	padding-left	: 25px;
}

td.footer_middle_button
{
	text-align	: center;
}

td.footer_right_button
{
	text-align	: right; 
	padding-right	: 25px;
}

table.footer_buttons
{
	width		: 100%;
}

div.small_button
{
	width		: 50px; 
	height		: 18px; 
	
	border-width	: 1px; 
	border-color	: #000080; 
	border-style	: solid;
	
	color		: #000080; 
	font-weight	: bold; 
	text-align	: center;
	
	line-height	: 18px;

	margin		: 2px; 
	padding		: 0px;
}

input.option_button
{
	width		: 120px; 
	height		: 20px; 
	
	background-image: url('../images/button.gif'); 
	
	color		: #000080; 
	font-weight	: bold; 
	text-align	: center; 
	
	margin-top	: 5px;
	padding		: 0px 5px 0px 5px;
}

input.add_remove_button
{
	width		: 60px; 
	height		: 18px;
	
	background-image: url('../images/button.gif'); 
	
	color		: #000080; 
	font-weight	: bold; 
	text-align	: center; 
	
	margin		: 2px; 
	padding		: 0px;
}


table.page_title
{
	width		: 100%; 
	
	text-align	: left; 
	font-size	: 20px; 
	
	padding		: 0px 5px 5px 5px;
}


/*  Messages  */

table.message
{
	width		: 500px; 
	
	margin		: 10px 0px 30px 0px;
}


td.info_message
{
	width		: 100%; 
	
	background-color: #ffffc0; 
	
	border-color	: #000080;
	border-width	: 1px;  
	border-style	: dotted; 
	
	font-weight	: bold; 
	text-align	: left; 
	color		: #000080;
	
	padding		: 5px;
}


div.info_message
{
	width		: 0px;
	background-color: #ffffc0; 
	
	border-color	: #000080;
	border-width	: 1px;  
	border-style	: dotted; 
	
	font-weight	: bold; 
	text-align	: left; 
	color		: #000080;
	
	padding		: 5px;
}


td.error_message
{
	width		: 100%; 
		
	background-color: #ffc0c0; 

	border-color	: #c00000;
	border-width	: 1px;  
	border-style	: dotted; 

	font-weight	: bold; 
	text-align	: left; 
	color		: #c00000;
	
	padding		: 5px;
}


img.filler
{
	width			: 750px; 
	height			: 1px;
}


img.header_filler
{
	width			: 25px;
	height			: 1px;
}


img.filler_message
{
	width			: 123px;
	height			: 1px;
}