/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 25/09/2008																						*/

/* GiroVend																																						*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height: 100%;
	min-width: 950px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	color: #424242;
}

#header {
	position: relative;
	margin: 0px 0px 14px 0px;
	height: auto;
	width: 950px;
	left: 0px;
	float: left;
	background-color: #fff;
	z-index: 1000;
}

#main_container {
	margin: 0 auto;
	position: relative;
	width: 950px;
	height: auto;
	padding-bottom:20px;
}

#main_content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 950px;
	height: auto;
	margin: 0px 0px 0px 0px;
	float: left;
	z-index: 1;
}

#left_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 214px;
	height: auto;
	float: left;
	margin-right: 17px;
	z-index:100;
}

#right_column {
	position: relative;
	top: 0px;
	left: 0px;
	width: 719px;
	height: auto;
	float: left;
	z-index:10;
}

#left_nav {
	position: relative;
	left: 0px;
	width: 214px;
	height: auto;
	float: left;
/*	padding: 7px 0px 7px 0px;*/
}

/* ---------------------------------------------------------------------------------- */
/* Header layout properties																														*/
/* ---------------------------------------------------------------------------------- */

#mast_head {
	position: relative;
	width: 950px;
	height: 98px;
	background-image: url(../images/general/masthead_back.gif); background-repeat: repeat-x;
	float: left;
}

#top_nav {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 28px;
	width: 950px;
	left: 0px;
	float: left;
	padding: 0px;
	text-align: left;
	z-index: 1000;
}

#logo {
	position: relative;
	top: 0px;
	margin: 16px 0px 0px 16px;
	width: 112px;
	height: 63px;
	left: 0px;
	float: left;
}

#logo_text {
	position: relative;
	top: 0px;
	margin: 63px 0px 0px 0px;
	width: 605px;
	height: 20px;
	left: 0px;
	float: left;
	text-align: center;
}

#search_text {
	position: relative;
	top: 65px;
	margin:0px 0px 0px 0px;
	width: 47px;
	height: 16px;
	left: 10px;
	float: left;
}

#search_field {
	position: relative;
	top: 63px;
	margin:0px 0px 0px 0px;
	width: 132px;
	height: 16px;
	left: 5px;
	float: left;
}

#search_button {
	position: relative;
	top: 63px;
	margin:0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	left: 10px;
	float: left;
}

#bread_crumb {
	position: relative;
	margin: 0px 0px 0px 0px;
	height: 25px;
	width: 719px;
	left: 0px;
	float: left;
	padding: 0px;
	text-align: left;
}

/* ---------------------------------------------------------------------------------- */
/* Body layout properties																															*/
/* ---------------------------------------------------------------------------------- */

.top_right_box {
	position: relative;
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 235px;
	height: 266px;
	float: left;
	background-image: url(../images/homepage/top_right_box_back.gif); background-repeat: no-repeat;
}

.top_box {
	position: relative;
	padding: 5px 10px 0px 10px;
	margin: 11px 0px 10px 11px;
	left: 0px;
	width: 213px;
	height: 92px;
	float: left;
	background-image: url(../images/homepage/top_box_back.gif); background-repeat: no-repeat;
}

.bottom_box {
	position: relative;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 0px 11px;
	left: 0px;
	width: 213px;
	height: 117px;
	float: left;
	background-image: url(../images/homepage/bottom_box_back.gif); background-repeat: no-repeat;
}

.sector_box {
	position: relative;
	padding: 1px 10px 0px 10px;
	margin: 0px 0px 0px 11px;
	left: 0px;
	width: 213px;
	height: 25px;
	float: left;
	background-image: url(../images/homepage/sector_box_back.gif); background-repeat: no-repeat;
}

.quote_box {
	position: relative;
	padding: 8px 10px 0px 35px;
	left: 0px;
	width: 190px;
	height: 107px;
	float: left;
	background-image: url(../images/homepage/quote_box.gif); background-repeat: no-repeat;
	z-index: 1;
}

.goverment_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/goverment_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 7px 0px;
}

.manufacturing_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/manufacturing_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 7px 0px;
}

.education_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/education_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 7px 0px;
}

.leisure_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/leisure_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 7px 0px;
}

.retail_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/retail_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.business_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/business_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.finance_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/finance_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

.your_business_box_back {
	position: relative;
	padding: 80px 10px 0px 10px;
	left: 0px;
	width: 150px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/your_business_box_back.jpg); background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

#tab_on_back {
	position: relative;
	padding: 3px 0px 0px 0px;
	left: 0px;
	width: 112px;
	height: 21px;
	float: left;
	text-align: center;
	background-image: url(../images/homepage/tab_on.gif); background-repeat: no-repeat;
	margin-right: 2px;
}

#tab_off_back {
	position: relative;
	padding: 3px 0px 0px 0px;
	left: 0px;
	width: 112px;
	height: 21px;
	float: left;
	text-align: center;
	background-image: url(../images/homepage/tab_off.gif); background-repeat: no-repeat;
}

#tab_box_back {
	position: relative;
	padding: 10px 0px 0px 10px;
	left: 0px;
	width: 217px;
	height: auto;
	float: left;
	background-image: url(../images/homepage/tab_box_back_left.gif); background-repeat: no-repeat;
}

.width_14 { width: 14px; }
.spacer_7 { width: 7px; }

input.search {
	display: block;
	float: left;
	width: 127px;
	height: 16px;
	background-image:url(../images/navigation/search_back.gif);
	background-repeat: no-repeat;
	border: 0px;
	padding: 3px 0px 0px 5px;
	font-size: 11px;
}

.bread_crumb_header_box {
	position: relative;
	padding: 4px 0px 0px 10px;
	left: 0px;
	width: 204px;
	height: 21px;
	float: left;
	background-image: url(../images/general/boxes/box_header_214.gif); background-repeat: no-repeat;
}

.left_menu_top {
	position: relative;
	padding: 4px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 204px;
	height: 20px;
	float: left;
	background-image: url(../images/left_nav/left_nav_top.gif); background-repeat: no-repeat;
}

.left_menu_back {
	position: relative;
	padding: 8px 0px 8px 0px;
	left: 0px;
	width: 214px;
	height: 100%;
	float: left;
	background-image: url(../images/general/boxes/box_back_grad_214.gif); background-repeat: repeat-y;
}

.left_menu_bottom {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 0px;
	width: 214px;
	height: 10px;
	float: left;
	background-image: url(../images/general/boxes/box_bottom_left_214.gif); background-repeat: no-repeat;
}

.sector_menu_left_back {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	left: 0px;
	width: 214px;
	height: 34px;
	float: left;
	background-image: url(../images/left_nav/sector_menu_left_back.gif); background-repeat: no-repeat;
}

.search_top_box {
	position: relative;
	padding: 10px 0px 0px 10px;
	left: 0px;
	width: 478px;
	height: 29px;
	float: left;
	background-image: url(../images/general/boxes/search_top_box.gif); background-repeat: repeat-y;
}

.search_bottom_box {
	position: relative;
	padding: 5px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
	left: 0px;
	width: 478px;
	height: 23px;
	float: left;
	background-image: url(../images/general/boxes/search_bottom_box.gif); background-repeat: no-repeat;
}

.contact_box_back {
	position: relative;
	padding: 5px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	left: 0px;
	top: 0px;
	width: 214px;
	height: 299px;
	float: left;
	background-image: url(../images/general/boxes/contact_box_back.jpg); background-repeat: no-repeat;
	z-index: 10;
}

.padding_left_5 { padding-left: 5px; }
.padding_right_5 { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }

.height_5 { height: 5px; }

/* ---------------------------------------------------------------------------------- */
/* Other style / layout properties																										*/
/* ---------------------------------------------------------------------------------- */

img { border:none }

label {
	width: 4em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block;
}

.clear { clear:both; height:0; }

.sitemap_ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.sitemap_ul li {
	padding: 1px 0 3px 18px;
	background: url(../images/general/site_map_arrow.gif) no-repeat 0 5px;
}

.square_list {
	margin: 0px 0px 10px 25px;
	padding: 0px 0 0px 0;
	list-style: square;
}

.square_list li {
	padding: 0px 0 3px 0px;
}

.left_nav_ul {
	margin: 5px 0px 10px 25px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.left_nav_ul li {
	padding: 3px 0 3px 0px;
}

.list_ul {
	margin: 5px 0px 10px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.list_ul li {
	padding: 3px 0 3px 0px;
}

.sitemap_line { margin-top: 5px; margin-bottom: 5px; margin-right: 16px; border-top: solid 2px #436976; }

.menuon2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

.menuon2 li {
	padding: 3px 0 3px 0px;
}

#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
/*background-image: url(images/arrow.gif);*/
background: url(../images/general/site_map_arrow.gif) no-repeat 0 5px;
background-repeat: no-repeat;
background-position: 0 .5em;
}

/* ---------------------------------------------------------------------------------- */
/* Form properties																																		*/
/* ---------------------------------------------------------------------------------- */

form { margin: 0px; }
.form_ddl_hear_about { width: 304px; }
.field300 { width: 300px; font-size: 11px; }

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

#footer {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: auto;
	width: 950px;
	left: 0px;
	float: left;
	padding: 5px 0px 0px 0px;
}

#footer_spacer {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: 16px;
	width: 950px;
	left: 0px;
	float: left;
	padding: 5px 0px 0px 0px;
}

.footer_text {
	position: relative;
	margin: 0px 0px 2px 0px;
	height: 15px;
	width: 710px;
	float: left;
	padding: 0px;
	text-align: left;
}

#footer_images {
	position: relative;
	margin: 0px 0px 10px 0px;
	height: auto;
	width: 240px;
	left: 0px;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

.footer_images_spacing { margin-left: 10px; vertical-align:top; }

#webnetism {
	position: relative;
	margin: 0px 0px 5px 0px;
	height: 15px;
	width: 150px;
	left: 0px;
	float: left;
	padding: 0px 0px 0px 0px;
}