/* ---------------------------------------------------------------------------------- */
/* 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;
}

.left_details {
	position: relative;
	left: 0px;
	width: 214px;
	height: auto;
	float: left;
	margin-top: 10px;
}

/* ---------------------------------------------------------------------------------- */
/* 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: 0px 0px 0px 20px;
	padding-top: 18px;
	width: 112px;
	height: 63px;
	left: 0px;
	float: left;
}

#logo_text {
	position: relative;
	margin: 58px 0px 0px 9px;
	width: 601px;
	height: 20px;
	left: 0px;
	float: left;
}

#user_login {
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	width: 138px;
	height: 28px;
	left: 30px;
	float: left;
	background-image: url(../images/navigation/login_tab.gif); background-repeat: repeat-x;
	text-align: center;
}

#username {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 276px;
	height: 18px;
	left: 0px;
	float: left;
}

.login_back {
	width: 312px;
	height: 128px;
	padding: 0;
	background-image: url(../images/general/login_back.gif); background-repeat: repeat-x;
}

.forgot_password_back {
	width: 340px;
	height: 90px;
	padding: 0;
	background-image: url(../images/general/forgot_password_back.gif); background-repeat: repeat-x;
}

.remember_me { padding:5px 0px 0px 0px; }

#search_field {
	position: relative;
	margin: 26px 0px 0px 0px;
	width: 198px;
	height: 20px;
	float: left;
}

#search_field_login {
	position: relative;
	margin: 64px 0px 0px 0px;
	width: 198px;
	height: 20px;
	float: left;
}

#search_text {
	position: relative;
	margin:0px 0px 0px 0px;
	width: 180px;
	height: 16px;
	float: left;
}

#search_button {
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 18px;
	height: 18px;
	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;
}

.top_box_contact {
	position: relative;
	padding: 5px 10px 0px 10px;
	margin: 11px 0px 10px 11px;
	left: 0px;
	width: 213px;
	height: 210px;
	float: left;
	background-image: url(../images/homepage/top_box_contact_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;
}

.right_box_spacer { height: 10px; }


.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;
}

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

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

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

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

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

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

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

.link_box_8 {
	position: relative;
	padding: 80px 7px 0px 7px;
	width: 156px;
	height: 20px;
	float: left;
	background-image: url(../images/homepage/link_box_8.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.input_box {
	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;
}

input.input_box_login {
	width: 175px;
	height: 16px;
	border: solid 1px #ccc;
	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: auto;
	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: 0px 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;
}

.search_tab {
	position: relative;
	padding: 4px 0px 0px 5px;
	width: 115px;
	height: 20px;
	float: left;
	background-image: url(../images/general/boxes/search_tab.gif); background-repeat: no-repeat;
	background-color: #CCCCCC;
}

.tab_margin { margin-right: 2px; }

.search_title {
	position: relative;
	padding: 2px 0px 0px 5px;
	width: 483px;
	height: 20px;
	float: left;
	background-color: #688590;
}

.search_resource_top {
	position: relative;
	width: 488px;
	height: 25px;
	float: left;
	background-image: url(../images/general/boxes/search_resource_top.gif); background-repeat: no-repeat;
	background-color: #CCCCCC;
}

.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; }
.margin_bottom_10 { margin-bottom: 10px; }
.contact_height { height: 3px; }
.contact_spacer { height: 10px; }
.height_5 { height: 5px; }
.height_6 { height: 6px; }
.height_14 { height: 14px; }

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

img { border:none }

label {
	width: auto;
	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; }
.grey_line { margin-top: 0px; margin-bottom: 10px; border-top: solid 1px #d1d1d1; }
.grey_line_no_padding { border-top: solid 1px #d1d1d1; }

.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: 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; }
.form_ddl { width: 304px; }
.field300 { width: 300px; font-size: 11px; }
.field_contact { width: 120px; padding: 0px 0px 3px 0px; height: 12px; font-size: 11px; }
.field_contact_enquiry { width: 120px; height: 36px; font-size: 11px; font-family: arial, verdana, sans-serif; }
/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

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

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

#footer_info_container {
	position: relative;
	margin: 0px;
	height: auto;
	width: 500px;
	float: left;
	padding: 0px;
	text-align: left;
}

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

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

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

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

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