html, body	{
	height: 100%;
}

body	{
	background-color:#c5c5c5;
	margin: 0px;
	background-position: center;
	background-repeat: repeat-y;
	background-color: #a0a0a0;
}

	
p	{
	font-family: Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	font-size: 75%;
	margin: 6px 0px 8px 0px;
	line-height: 140%;
  	}
	
	.text_blue	{
		color: #133e6b;}
	
a	{
	font-size: 100%;
	color: #124b86;
	text-decoration: none;}
	
a:hover	{
	color: #124b86;
	text-decoration: underline;}
	
H1	{
	font-size: 105%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #124b86;
	line-height: 140%;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-weight: 900;}
	
H2	{
	font-size: 90%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #124b86;
	margin: 14px 0px 8px 0px;
	line-height: 140%;
	font-weight: bold;
	}
	
H3	{
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
	color: #124b86;
	margin: 20px 0px 6px 0px;
	line-height: 140%;
	font-weight: bold;
	}
	
UL	{
	font-family: Arial, Helvetica, sans-serif;
	color: #eeeeee;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	}
	
LI {
	padding: 0px;
	margin: 0px;
	line-height: 140%;
	}
	
HR	{
	size: 10px;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 1px solid #aaaaaa;
	height: 1px;
	margin: 10px 0px 6px 0px;}

	
/* main structural elements -------------------------------------------- */
	
#main_container {
	width: 973px;
	text-align: left;
	padding-bottom: 20px;
	padding: 0px;
	position: absolute;
	background-image:url(images/skye-direct-main-background.gif);
	top: 0px;
	left: 50%;
	margin-left: -487px;}
	
#header_right	{
	position: absolute;
	margin: 10px 0px 0px 228px;
	width: 476px;
	text-align: right;}
	
#page_container_menu_site_level	{
	margin: 2px 0px 0px 17px;
	padding: 0px;
	height: 24px;
	background-image:url(images/skye_direct_menu_background.gif);
	width: 943px;}

#main_structure_page_content_container {
	margin: 0px;
	padding: 16px 0px 0px 0px;
	background-color:#595552;
	border-bottom: 1px solid #bebdbc;
	clear: both;}
	
	#blanking	{
		width: 950px;
		height: 180px;
		position: absolute;
		background-color: #FFFFFF;
		z-index: 3;
		margin: 2px 0px 0px 13px;}
	
	#banner_home	{
		background-image: url(images/banner_images/homepage.jpg);
		margin: 0px 0px 0px 17px;
		width: 933px;
		height: 172px;
		border: 3px solid #364554;
		clear: both;}
		
		#quotation	{
			background-image: url(images/home_page_items/challenge_skye.gif);
			width: 240px;
			height: 80px;
			margin: 14px 0px 0px 720px;
			position: absolute;}
			
			#quotation:hover	{
				background-image: url(images/home_page_items/challenge_skye_hover.gif);
				cursor: hand;
				cursor: pointer;}
		
		#banner_text_right	{
			float: left;
			margin-top: 83px;
			position: absolute;
			text-align: right;
			z-index: 2;
			width: 914px;}
			
			#banner_text_right	h2{
				font-size: 140%;
				line-height: 130%;
				font-weight: 400;
				letter-spacing: 200%;
				color: #FFFFFF;}
		
		#banner_shadow_right	{
			background-image: url(images/banner_images/right_shadow.gif);
			float: right;
			position: absolute;
			margin: -3px 0px 0px 936px;
			z-index: 2;
			width: 4px;
			height: 178px;}
		
		#banner_shadow_bottom	{
			background-image: url(images/banner_images/bottom_shadow.gif);
			width: 942px;
			margin: 0px 0px 0px 17px;
			height: 4px;}
			
		#banner_home_1,#banner_home_2,#banner_home_3,#banner_home_4	{
			width: 933px;
			height: 172px;
			border: 3px solid #364554;
			margin: -178px 0px 0px 17px;
			clear: both;}
			
			#banner_home_1	{
				background-image: url(images/banner_images/stationery_supplies.jpg);}
				
			#banner_home_2	{
				background-image: url(images/banner_images/printer_consumables.jpg);}
				
			#banner_home_3	{
				background-image: url(images/banner_images/office_furniture.jpg);}
				
			#banner_home_4	{
				background-image: url(images/banner_images/IT_hardware.jpg);}
	
	#service_selection_boxes	{
		margin: 4px 0px 0px 16px;
		height: 80px;}	
		
		#stationery_direct	{
			width: 186px;
			height: 80px;
			margin-right: 4px;
			background-image:url(images/banner_images/stationery_direct.png);
			display: inline;
			float: left;}	
			
			#stationery_direct:hover	{
				background-image:url(images/banner_images/stationery_direct_hover.png);
				cursor: hand;
				cursor: pointer;}	
			
		#consumables_direct	{
			width: 185px;
			height: 80px;
			margin-right: 5px;
			background-image:url(images/banner_images/consumables_direct.png);
			display: inline;
			float: left;}	
			
			#consumables_direct:hover	{
				background-image:url(images/banner_images/consumables_direct_hover.png);
				cursor: hand;
				cursor: pointer;}	
			
		#furniture_direct	{
			width: 185px;
			height: 80px;
			margin-right: 5px;
			background-image:url(images/banner_images/furniture_direct.png);
			display: inline;
			float: left;}	
			
			#furniture_direct:hover	{
				background-image:url(images/banner_images/furniture_direct_hover.png);
				cursor: hand;
				cursor: pointer;}	
			
		#hardware_direct	{
			width: 185px;
			height: 80px;
			margin-right: 5px;
			background-image:url(images/banner_images/hardware_direct.png);
			display: inline;
			float: left;}	
			
			#hardware_direct:hover	{
				background-image:url(images/banner_images/hardware_direct_hover.png);
				cursor: hand;
				cursor: pointer;}	
			
		#request_brochure	{
			width: 185px;
			height: 80px;
			background-image:url(images/banner_images/request_brochure.png);
			display: inline;
			float: left;}	
			
			#request_brochure:hover	{
				background-image:url(images/banner_images/request_brochure_hover.png);
				cursor: hand;
				cursor: pointer;}	
				
#main_page_content	{
	padding: 6px 0px 0px 16px;}
		
	#main_page_content_text	{
		width: 564px;
		padding: 10px 0px 30px 10px;
		display: inline;
		float: left;}
		
	#main_page_content_text_wide	{
		width: 643px;
		padding: 10px 58px 30px 10px;
		display: inline;
		float: left;}
		
		#main_page_content_text_wide	img{
			margin: 10px 0px 20px 20px;
			border: 2px solid #394551;
			float: right;}
	
	#main_page_content_text_home	{
		width: 454px;
		height: 148px;
		background-image: url(images/home_page_items/main_text_background.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 4px 0px 0px 20px;
		display: inline;
		float: left;}
		
		#content_text_container	{
			width: 423px;
			height: 124px;
			overflow: auto;
			padding: 0px 20px 10px 0px;}
			
		#content_text_container	p{
			font-size: 70%;
			line-height: 120%;}
		
	#USP_area	{
		width: 237px;
		height: 148px;
		margin: 0px 1px 0px -1px;
		background-image: url(images/banner_images/dedicated_account_manager.png);
		background-repeat: no-repeat;
		background-position: 2px 0px;
		display: inline;
		float: left;}
		
		#USP_area:hover	{
			cursor: hand;
			cursor: pointer;}
			
	#shop_online	{
		width: 237px;
		height: 148px;
		background-image: url(images/banner_images/shop_online.png);
		background-repeat: no-repeat;
		background-position: top left;
		display: inline;
		float: left;}
		
		#shop_online:hover	{
			background-image: url(images/banner_images/shop_online_hover.png);
			cursor: hand;
			cursor: pointer;}
			
	#middle_column_logos	{
		width: 80px;
		margin: 20px 28px 30px 28px;
		display: inline;
		float: left;
		text-align: center;}
		
		#middle_column_logos	img{
			margin-bottom: 10px;}
			
	#right_column	{
		width: 237px;
		display: inline;
		float: left;
		margin: 0px 0px 6px 0px;}
	
		
#footer_container {
	padding: 1px 0px 48px 0px;
	text-align: center;
	margin:0 auto;
	clear: both;
	background-image:url(images/skye-direct-footer-background.gif);
	}
		
	#footer_container	P {
		padding: 4px 0px 0px 0px;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin: 0px;
		color: #acb7c7;	
		font-size: 65%;
		text-decoration: none;
	}
	
	#footer_container	a {
		color: #b6c0cf;	
		text-decoration: none;
	}
	
	#footer_container	a:hover {
		text-decoration: underline;
	}


/* image elements -------------------------------------------- */
.skye_logo	{
	margin: 16px 0px 11px 17px;}
	
.challenge_skye	{
	position: absolute;
	margin: 16px 0px 0px 720px;
	background-image:url(images/home_page_items/challenge_skye.gif);}
	
	.challenge_skye:hover	{
		background-image:url(images/home_page_items/challenge_skye_hover.gif);
		cursor: hand; cursor: pointer;}
		
.contact_number	{
	position: absolute;
	margin: 64px 0px 0px 443px;}
	
/*form  items -------------------------------------- */
.inputbox240  {
	font-family: Arial, Helvetica, sans-serif;
	width : 240px; 
	border: 1px solid #7a7a7a;
	padding :3px;
	font-size : 11px;
	margin-top: 6px;
	color: #505050;
	background-color : #e9eff5;}
	
.inputbox170  {
	font-family: Arial, Helvetica, sans-serif;
	width : 170px; 
	border: 1px solid #7a7a7a;
	padding :3px;
	font-size : 11px;
	margin-top: 6px;
	color: #505050;
	background-color : #e9eff5;}
	
.inputbox150  {
	font-family: Arial, Helvetica, sans-serif;
	width : 150px; 
	border: 1px solid #7a7a7a;
	padding :3px;
	font-size : 11px;
	margin: 0px 0px 0px 5px;
	color: #505050;
	background-color : #e9eff5;}
	
input.btn{
   color:#FFFFFF;
   margin: 6px 0px 0px 0px;
   font-size:11px;
   line-height: 14px;
   font-weight:regular;
   background-color:#0163aa;
   border:1px solid #142645;
   padding: 3px 3px 3px 16px;
   background-image: url(images/form_button_background.gif);
   background-repeat:no-repeat;}

input.btnhov{
   background-image: url(images/form_button_background_hover.gif);
   cursor: hand;
   cursor: pointer;}

/*text items --------------------------------------------------- */
#main_structure_page_content_container p.text_news_date	{
	font-weight: 900;
	color: #6f9acc;	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#main_structure_page_content_container p.text_news_link	{
	font-weight: 400;
	padding-top: 0px;
	margin-top: 0px;
}
	
	
.text_blue	{
	color: #104ba0;
}

.image_left_align_whiteborder	{
	float: left;
	margin: 0px 20px 20px 0px;
	border: 1px solid #FFFFFF;}

.image_left_align	{
	float: left;
	margin: 0px 20px 20px 0px;}
	
.image_right_align	{
	float: right;
	margin: 0px 0px 20px 20px;}
	

.image_white_bord{
	margin:5px 0px 0 0;
	border:1px solid #FFFFFF;
	text-align: center;

}