@media print{
/*start print media tag above*/
/* ========================================================================================
VPWSYSUK: Print Media 
Version:1.0
Author: Lisa Kennedy - TwentyFourTen
Last Updated: 23 July 2008
=========================================================================================== */


/* STANDARD FORMATTING 
=========================================================================================== */

*{
	font-family:Arial,Helvetica,Verdana,sans-serif;
}

body{
	font-size:80%;
	color:#646464;
}

a,a:visited{
	color:#528dc5;
	text-decoration:none;
}

a:hover{
	color:#eba601;
	text-decoration:underline;
}

/*** used for clearing a div with no gap ***/
.clear{
	float:none;
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

/*** used for clearing a div with a gap ***/
.clearheight{
	float:none;
	clear:both;
}


/*used to relevant HTML when not wanted but still accessible*/
.hide{
  position:absolute;
  top:-1000%;
  left:-1000%;
  height:0px;
  width:0px;
  line-height:0px;
}

/*** CONTAINER ***/
div#container{
	text-align:left;
}


/* HEADER (LOGO + SEARCH) 
=========================================================================================== */
div#header{
}
	/*VPW SYS UK logo*/
	div#header img{
		float:left;
	}
	
	/*search form and contents within*/
	div#header form{
		float:right;
		text-align:right;
		margin:25px 0px 0px 0px;
	}
		/*call us on*/
		div#header form em{
			font-size:160%;
			color:#eba601;
			font-style:italic;
		}
		
		/*call us phone no.*/
		div#header form span{
			font-size:160%;
			color:#326eab;
		}
		
		/*search input field*/
		div#header form input.search-field{
			display:none;
		}
		
		/*search GO button*/
		div#header form input.go{
			display:none;
		}


/* MAIN NAVIGATION
=========================================================================================== */
div#main-navigation{
	display:none;
}

/* HOMEPAGE
=========================================================================================== */

/*flash file*/
object#flash{
	display:none;
}

/*welcome message*/
div#home-intro{
	color:#FFFFFF;
	background:#316da9;
	margin-top:30px;
	padding:25px 20px 10px 20px;
}
		/*hide h1 img*/
		div#home-intro h1 img{
			display:none;
		}
		/*show h1 text*/
		div#home-intro h1 span.hide{
			position:relative;
			display:block;
			top:0px;
			left:0px;
			height:auto;
			width:auto;
			color:#FFFFFF;
			line-height:auto;
			margin-bottom:20px;
		}
	
	/*intro text*/
	div#home-intro p{
		line-height:160%;
		margin:0px;
	}

/*contains 3 promo DIVS 
Featured Products (fp)
Support and Login (sl)
Latest News (ln) */
div.home-container{
	border-top:1px solid #edecec;
	padding:3px 0px 20px 0px;
}

/*orange tabbed h2 used for promo areas on homepage*/
h2.home-promo-title{
	position:relative;
	float:left;
	display:block;
	color:#FFFFFF;
	background:#eba601;
	border:1px solid #cfcece;
	margin:0px 0px -1px 0px;
	padding:6px 18px;	
}
	
	/*h2 top left corner*/
	h2.home-promo-title img.tl{
		display:none;
	}
	/*h2 top right corner*/
	h2.home-promo-title img.tr{
		display:none;
	}

/*FEATURED PRODUCTS promo*/
div.home-fp-promo{
	border-bottom:1px solid #edecec;
	margin-bottom:20px;
}
	/*bottom left curve*/
	div.home-fp-promo img.bl{
		display:none;
	}
	/*bottom right curve*/
	div.home-fp-promo img.br{
		display:none;
	}
	
	/*FEATURED PRODUCTS MAIN CONTENT AREA*/
	div.home-fp-promo-content{
		border:1px solid #edecec;
		border-bottom:none;
		padding:18px 14px 5px 14px;
	}
		
		/*change main link colour for content*/
		div.home-fp-promo-content a{
			color:#eba601;
		}
		
		/*list of featured products*/
		div.home-fp-promo-content ul{
			list-style:none;
			margin:0px;
			padding:0px;
		}
			/*list of featured products individual item*/
			div.home-fp-promo-content ul li{
				min-height:52px;
				list-style:none;
				margin-bottom:15px;
			}
				
/*SUPPORT AND LOG IN promo*/
div.home-sl-promo{
	margin-bottom:20px;
}
	/*bottom left curve*/
	div.home-sl-promo img.bl{
		display:none;
	}
	
	/*SUPPORT AND LOG IN MAIN CONTENT AREA*/
	div.home-sl-promo-content{
		background:#edecec;
		border:1px solid #edecec;
		border-bottom:none;
		padding:18px 14px 5px 14px;
	}		
		/*find out more link*/
		a.findoutmore{
			float:none;
			clear:both;
			display:block;
			margin-bottom:15px;
		}
		
		/*align 2 images within support and log in content area*/
		div.home-sl-promo-content img{
			position:relative;
			margin:-5px -14px 5px -14px;
		}
				
/*LATEST NEWS promo*/
div.home-ln-promo{
}
	/*bottom left curve*/
	div.home-ln-promo img.bl{
		display:none;
	}	
	
	/*LATEST NEWS MAIN CONTENT AREA*/
	div.home-ln-promo-content{
		background:#fff7e5;
		border-top:1px solid #edecec;
		padding:18px 14px;
	}
		/*adjust latest news h3 colour*/
		div.home-ln-promo-content h3{
			color:#eba601;
		}
		
		/*white bar surrounding "more / job info" link*/
		div.home-ln-promo-content span{
			color:#FFFFFF;
			margin:0px 3px;
		}


/* LANDING PAGES (FIRST PAGE TO BE HIT WHEN IN EACH MAIN NAVIGATION AREA)
=========================================================================================== */
div#lh-column{
	margin:30px 0px 0px 0px;
	padding-bottom:20px;
}

	/*LANDING INTRO*/
	div#landing-intro{
		color:#FFFFFF;
		background:#316da9;
		margin:0px 4px 30px 0px;
		padding:20px 30px 15px 30px;
	}
		/*landing intro h1*/
		div#landing-intro h1{
			color:#FFFFFF;
		}
		
		/*landing intro text*/
		div#landing-intro p{
			line-height:180%;
			margin:0px;
			padding:0px;
		}
	
	/*image appearing next to intro div*/
	img.intropic{
		display:none;
	}
	
/*PRODUCTS AND SERVICES*/

	ul.categories{
		float:left;
		display:block;
		width:45%;
		list-style:none;
		margin:0px 10px 20px 0px;
		padding:0px;
	}
		
		ul.categories li{
			list-style:none;
			margin:0px 0px 8px 0px;
			padding:0px;
		}
			ul.categories li h2{
				border-width:1px 0px;
				border-style:solid;
				border-color:#ffb80f;
				margin-bottom:18px;
				padding:7px 0px;
			}
				ul.categories li h2 img{
					position:relative;
					float:right;
					margin:-13px -3px -7px 8px;
				}
				
				/*amend h2 if link is required*/
				ul.categories li h2 a{
					color:#3672ae;
					background:none;
					padding-left:0px;
				}
					
			ul.categories li a{
				background:url(/images/icon_bluearrow.gif) 5px center no-repeat;
				padding-left:20px;
			}

/*THE COMPANY*/

	div.about-us{
		float:left;
		display:block;
		width:45%;
		list-style:none;
		margin:0px 10px 20px 0px;
		padding:0px;
	}
		
			div.about-us h2{
				border-width:1px 0px;
				border-style:solid;
				border-color:#ffb80f;
				margin-bottom:18px;
				padding:7px 0px;
			}	


/* SUB PAGES (VISITED PAGES FROM LANDING PAGES OR SUB NAV)
=========================================================================================== */
div#lh-column-subpage{
	margin:30px 0px 0px 0px;
	padding-bottom:20px;
}
	/*adjust h1 appearing on subpages*/
	div#lh-column-subpage h1{
		padding-bottom:2px;
		border-bottom:1px solid #fae8bd;
		margin-bottom:25px;
	}
	
	/*QUOTE TEXT*/
	blockquote.quote{
		float:right;
		width:183px;
		font-weight:bold;
		line-height:150%;
		background:#f9f9f9;
		border:1px solid #ebeaea;
		margin:5px 0px 15px 15px;
		padding:20px;
	}
		/*TOP LEFT SPEECH MARK*/
		blockquote.quote img.tl{
			float:left;
			margin:-5px 15px 5px 0px;
		}
		
		/*BOTTOM RIGHT SPEECH MARK*/
		blockquote.quote img.br{
			float:right;
			margin:-15px 0px 0px 15px;
		}
	
	/*float an image left*/
	img.fltleft{
		float:left;
		margin:5px 10px 10px 0px;
		border:1px solid #c0bfbf;
	}
	/*float an image right*/
	img.fltright{
		float:right;
		margin:5px 0px 10px 10px;
		border:1px solid #c0bfbf;
	}


/* WEB HOSTING TABLE */

table.prices{
	margin:40px 0px;
}
	/*THEAD table heading*/
	table.prices thead th{
		font-weight:bold;
		text-align:center;
		background:#FFFFFF !important;
		border-bottom:12px solid #fff7e7;
		border-right:1px solid #666666;
		vertical-align:top;
		padding:10px 5px;
	}
		/*alt colour for some THEAD headings*/
		table.prices thead th.alt{
			border-bottom:12px solid #f7f7f7 !important;
		}
		
		/*remove border for one THEAD TH and also sets width*/
		table.prices thead th.none{
			width:160px;
			border-bottom:none;
		}
	
	/*TBODY table headings*/
	table.prices tbody th{
		text-align:right;
		font-weight:bold;
		vertical-align:top;
		border-bottom:1px solid #666666;
		padding:8px 8px 8px 0px;
	}
		/*alter colour for some TBODY headings*/
		table.prices tbody th.title{
			color:#eba601;
			text-align:left;
			padding-top:30px;
		}
			/*appended to first TITLE class to move gap up*/
			table.prices tbody th.title.first{
				padding-top:15px;
			}
	
	/*TBODY table cells*/
	table.prices tbody td{
		text-align:center;
		background:#fff7e7;
		vertical-align:top;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
		padding:8px;
	}
		/*for alternate TD colour cells, (not used on COL TAG as SAFARI does not support*/
		table.prices tbody td.alt{
			background:#f7f7f7 !important;
		}
	
	table.prices tbody a{
		text-decoration:underline;
	}
			

/* RIGHT HAND COLUMN (FOR SUB NAV AND PROMOS)
=========================================================================================== */
div#rh-column{
	display:none;
}	
		
/* FOOTER
=========================================================================================== */
div#footer{
	float:none;
	clear:both;
	font-size:85%;
	border-top:1px solid #edecec;
}
	div#footer p{
		margin:10px 17px;
	}
	
	/*adjust footer link colour*/
	div#footer a{
		color:#4a85bd;
	}

/* STANDARD FORMATTING
=========================================================================================== */
h1{
	font-size:180%;
	color:#4b86bf;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;
}

h2{
	font-size:100%;
	color:#3672ae;
	font-weight:bold;
	margin:0px 0px 8px 0px;
	padding:0px;
}
	h2 a{
		color:#3672ae !important;
	}

h3{
	font-size:100%;
	font-weight:bold;
	color:#3672ae;
	margin:0px 0px 3px 0px;
	padding:0px;
}
	h3 a{
		color:#3672ae !important;
	}

p{
	margin-top:2px;
	line-height:150%;
}

form{
	font-size:100%;
	margin:0px;
	padding:0px;
}

table{
	font-size:100%;
}

/*end print media, end tag below*/
}