html {
	overflow: scroll;
	height: 100%;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #002f5d url(../images/bg.jpg) top left repeat-x;
}

/* KKI COLOURS */
/* 
	blue 100%	#002f5d; 
	blue 75%	#406385;
	blue 50%	#8097ae;
	blue 45% 	#8cb2cd;
	blue 35%	#a6b6c6;
	blue 15%	#e6eaee;
	grey 		#848589;
	dark orange #ab650d;
*/

.blue_100 { color: #002f5d; }
.blue_75 { color: #406385; }
.blue_50 { color: #8097ae; }
.blue_45 { color: #8cb2cd; }
.blue_35 { color: #a6b6c6; }
.grey { color: #848589; }
.white { color: #fff; }
.blue_bright { color: #0092cf; }
.dark_orange { color: #ab650d; }

.blue_100 a, a.blue_100 { color: #002f5d; }
.blue_75 a, a.blue_75 { color: #406385; }
.grey a, a.grey { color: #848589; }
.white a, a.white { color: #fff; }

.bold { font-weight: bold; }

.uppercase { text-transform: uppercase; }

a { text-decoration: none; color: #848589; }
a:hover { text-decoration: underline; }

input, textarea {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 12px !important;
	color: #848589;
}

address {
	font-style: normal !important;
}

.bullet_list {
	list-style: disc inside;
}

.helvetica_heavy {
	font-size: 38px; 
	line-height: 0.9em;
	text-transform: uppercase;
}

.helvetica_heavy.gold { color: #c5960c ; }

#container {
	margin: 0 auto;
	width: 960px;
	background-color: #fff;
}

.notice_message, .error_message {
	background-color: green; 
	padding: 6px;
	margin-bottom: 15px
}	
.error_message {
	background-color: red; 
}

/* HEADER */

#header {
	border-top: #002f5d 6px solid;
	position: relative;
	top: 0; left: 0;
	width: 100%;
}

#kentintrol_logo .h2 {
	float: left;
	margin: 24px 0 0 18px;
	position: relative;
	top: 0; left: 0;	
}

#kentintrol_logo .h2 span {
	display: block;
	background: url(../images/kentintrol-logo.png) top left no-repeat;
	position: absolute;
	top: 0; left: 0;
	height: 27px;
	width: 144px;
}

ul.grey_arrow {
	float: right;
	margin-top: 6px;
}

ul.grey_arrow li {
	float: left;
	background: url(../images/grey-arrow.png) left no-repeat;
	padding: 0 10px;
}

#header .form_elements {
	clear: right;
	float: right;
	margin-top: 10px;
}

#header .form_elements form, #header .form_elements fieldset {
	float: left;
}

#header .form_elements label {
	float: left;
	background: url(../images/blue-arrow.png) left no-repeat;
	padding: 2px 10px 0 10px;
}

#header .form_elements #login_form, #header .form_elements #search_form {
	float: left;
	background: url(../images/login-form-bg.png) top left no-repeat;
	height: 19px;
	width: 180px;
}

#header .form_elements #search_form {
	width: 93px;
}

#header .form_elements input.field {
	float: left;
	background-color: transparent;
	border: 0;
	width: 80px;
	margin: 1px 0 0 8px;
}

#header .form_elements .submit_button {
	float: left;
	background: url(../images/header-submit-button.png) top left no-repeat;
	height: 19px;
	width: 17px;
	border: 0;
	padding: 0;
	margin: 0 4px 0 0;
	cursor: pointer;
}

#header .form_elements #logout_button {
	float: left;
	margin: 3px 20px 0 0;
	background: url(../images/blue-arrow.jpg) left no-repeat;
	text-indent: 10px;
}

#constant_nav {
	clear: right;
	float: right;
	margin-top: 10px;
	z-index: 20000;
}

#constant_nav li.main {
	float: left;
	background: url(../images/nav-border.png) bottom right no-repeat;
	padding-bottom: 5px;
}

#constant_nav li {
	position: relative;
	top: 0; left: 0;
}

#constant_nav a {
	color: #002f5d;
	border-bottom: #a6b6c6 5px solid;
	padding: 0 5px 0 4px;
}

#constant_nav a:hover, #constant_nav a.selected, #constant_nav li:hover a.normal {
	text-decoration: none;
	border-bottom: #002f5d 5px solid;
}

/* drop down bits */

#constant_nav.fallback li:hover #step1, 
#constant_nav.fallback li #step1 .list1:hover .drop_down,
#constant_nav.fallback li #step1 .list2:hover .drop_down,
#constant_nav.fallback li #step1 .list4:hover .drop_down,
#constant_nav.fallback li:hover #step2, 
#constant_nav.fallback li #step2 .list2:hover .drop_down,
#constant_nav.fallback li #step2 .list3:hover .drop_down.middle_step,
#constant_nav.fallback li #step2 .list3 .drop_down .list3a:hover .drop_down,
#constant_nav.fallback li #step2 .list4:hover .drop_down,
#constant_nav.fallback li #step2 .list6:hover .drop_down.middle_step,
#constant_nav.fallback li #step2 .list6 .drop_down .list6a:hover .drop_down,
#constant_nav.fallback li #step2 .list7:hover .drop_down,
#constant_nav.fallback li #step2 .list8:hover .drop_down,
#constant_nav.fallback li:hover #step4,
#constant_nav.fallback li #step4 .list2:hover .drop_down,
#constant_nav.fallback li #step4 .list4:hover .drop_down,
#constant_nav.fallback li:hover #step5,
#constant_nav.fallback li:hover #step6,
#constant_nav.fallback li #step6 .list1:hover .drop_down,
#constant_nav.fallback li:hover #step8 {
	display: block;
}

#constant_nav .drop_down {
	background: url(../images/drop-menu-bg-100.png) top left repeat;
	display: none; 
	position: absolute;
	top: 19px; left: 0;
	padding: 4px 0 4px 0;
	width: 130px;
	z-index: 1000000 !important;
}

#constant_nav .drop_down .drop_down {
	background: url(../images/drop-menu-bg-85.png) top left repeat;
}

#constant_nav .drop_down .drop_down .drop_down {
	background: url(../images/drop-menu-bg-70.png) top left repeat;
}

#constant_nav .drop_down li {
	color: #fff;
	border-bottom: none;
}

#constant_nav .drop_down a {
	display: block;
	padding: 3px 5px 0 6px;
	color: #fff;
	border-bottom: none;
}

#constant_nav .drop_down a:hover {
	text-decoration: underline;
}

#constant_nav .drop_down .step {
	position: absolute;
	top: -4px; left: 130px;
	display: none; 
}

#constant_nav .drop_down .step.left {
	left: -130px;
}


/* FOOTER */

#footer {
	clear: both;
}

#footer #copy_bar {
	background-color: #002f5d;
	color: #fff;
	padding: 3px 15px;
}

#footer #copy_bar span {
	float: left;
}

#footer #copy_bar a {
	float: right;
}

#footer #bottom {
	font-weight: bold;
	padding: 15px 10px 10px 15px;
	margin-bottom: 15px;
}

#footer #bottom a {
	color: #002f5d;
}

#footer #bottom .contact_info {
	margin-bottom: 15px;
}

#footer #bottom .logos li {
	float: left;
	padding-right: 10px;
}

#footer #bottom #koso_logo h2 {
	float: right;
	position: relative;
	top: 0; left: 0;
	height: 22px;
	width: 87px;
}

#footer #bottom #koso_logo h2 span {
	display: block;
	background: url(../images/koso-logo.png) top left no-repeat;
	position: absolute;
	top: 0; left: 0;
	height: 22px;
	width: 87px;
}

/* RE-USABLE ELEMENTS */

.double_arrow {
	position: relative;
	top: 0; left: 0;
	padding-right: 18px;
	color: #fff;
}
.double_arrow .arrow {
	position: absolute;
	top: 4px; right: 0;
	display: block;
	width: 11px;
	height: 6px;
	background: url(../images/white-double-arrows.png) right no-repeat;
}

.circle_arrow {
	position: relative;
	top: 0; left: 0;
	display: block;
	color: #fff;
	cursor: pointer;
	width: 45px;
	height: 17px;
	line-height: 18px;
	text-align: right;
	text-decoration: none;
	padding-right: 22px;
}
.circle_arrow .arrow {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	height: 17px;
	width: 17px;
	background: url(../images/circle-arrow.png) top left no-repeat;
}

.circle_arrow.blue_50 {
	color: #8097ae;
}
.circle_arrow.blue_50 .arrow {
	background: url(../images/circle-arrow-blue50.png) top left no-repeat;
}

.circle_arrow.blue_75 {
	color: #406385;;
}
.circle_arrow.blue_75 .arrow {
	background: url(../images/circle-arrow-blue75.png) top left no-repeat;
}

.circle_arrow.blue_100 {
	color: #002f5d;
}
.circle_arrow.blue_100 .arrow {
	background: url(../images/circle-arrow-blue100.png) top left no-repeat;
}

.circle_arrow.orange {
	color: #ab650d;
}
.circle_arrow.orange .arrow {
	background: url(../images/circle-arrow-orange-dark.png) top left no-repeat;
}

.indent {
	padding: 8px;
}

.left_col {
	float: left; width: 177px
}

.right_col {
	float: right; width: 752px;
	font-weight: bold;
}

.inner_left_col, .inner_right_col {
	width: 369px
}
.inner_left_col {
	float: left; 
}
.inner_right_col {
	float: right; 
}

.bottom_border {
	margin-bottom: 15px;
	border-bottom: #fff 1px solid;
}
.bottom_border div {
	border-bottom: none;
}

.header_title {
	color: #002f5d;
	padding: 5px 0 8px 0;
	border-bottom: #002f5d 1px solid;
	margin-bottom: 8px;
}
.header_title.white {
	color: #fff;
	border-bottom: #fff 1px solid;
}

.p_wrapper {
	margin-top: -1.2em;
}
.p_wrapper p {
	margin-top: 1.2em;
}

.p_wrapper.fixed {
	margin-top: -15px;
}
.p_wrapper.fixed p {
	margin-top: 15px;
}

.image_replace {
	display: block;
	position: relative;
	top: 0; left: 0;
	text-indent: -99999px;	
}

.page_title {
	margin-top: 12px;
}

.no_bottom_border, .no_bottom_border * {
	border-bottom: none !important;
}

/* BREADCRUMBS */
#breadcrumbs {
	font-weight: bold;
	padding: 2px 8px;
	margin-bottom: 8px;
	z-index: 20 !important;
}

#breadcrumbs li {
	float: left;
	padding-right: 8px;
}

#breadcrumbs a {
	background: none;
}

/* breadcrumbs nav */

/* solid blue */
#breadcrumbs.solid_blue {
	background-color: #e6eaee;
	color: #002f5d;
}
#breadcrumbs.solid_blue a {
	color: #002f5d;
}

/* solid grey */
#breadcrumbs.solid_grey {
	background-color: #525050;
	color: #fff;
}
#breadcrumbs.solid_grey a {
	color: #fff;
}

/* tranparent blue */
#breadcrumbs.trans_blue {
	background: url(../images/trans-blue-bg.png) top left repeat;
	color: #fff;
}
#breadcrumbs.trans_blue a {
	color: #fff;
}

/* tranparent grey */
#breadcrumbs.trans_grey {
	background: url(../images/trans-grey-bg.png) top left repeat;
	color: #fff;
}
#breadcrumbs.trans_grey a {
	color: #fff;
}


/* SIDE NAVIGATION */
.side_nav li {
	padding-bottom: 2px;
}

.side_nav a {
	text-transform: uppercase;
	display: block;
	height: 20px;
	line-height: 21px;
	text-indent: 8px;
	font-weight: bold;
	color: #fff;
	cursor: pointer !important;
}

.side_nav a.double {
	height: 28px;
	text-indent: 0;
	line-height: 1em;
	padding: 5px 16px 0 8px;
}

.side_nav a:hover, .side_nav a.selected {
	text-decoration: none;
}

/* color of side nav */

/* solid blue */
.side_nav.solid_blue a {
	background: url(../images/solid-blue-nav-button.png) top left no-repeat;
}
.side_nav.solid_blue a.double {
	background: url(../images/solid-blue-nav-button-double.png) top left no-repeat;
}
.side_nav.solid_blue a:hover, .side_nav.solid_blue a.selected {
	background: url(../images/solid-blue-nav-button-selected.png) top left no-repeat;
}
.side_nav.solid_blue a.double:hover, .side_nav.solid_blue a.double.selected {
	background: url(../images/solid-blue-nav-button-selected-double.png) top left no-repeat;
}


.side_nav.solid_blue .level_two a {
	background: url(../images/sb-l2-nav-button.png) top left no-repeat;
}
.side_nav.solid_blue .level_two a.double {
	background: url(../images/sb-l2-nav-button-double.png) top left no-repeat;
}
.side_nav.solid_blue .level_two a:hover, .side_nav.solid_blue .level_two a.selected {
	background: url(../images/solid-blue-nav-button-selected.png) top left no-repeat;
}
.side_nav.solid_blue .level_two a.double:hover, .side_nav.solid_blue .level_two a.double.selected {
	background: url(../images/solid-blue-nav-button-selected-double.png) top left no-repeat;
}


.side_nav.solid_blue .sub_side_nav a {
	background: url(../images/solid-blue-sub-nav-button.png) top left no-repeat;
	border-bottom: #002f5d 1px dotted;
	color: #002f5d;
}
.side_nav.solid_blue .sub_side_nav a.double {
	background: url(../images/solid-blue-sub-nav-button-double.png) top left no-repeat;
}
.side_nav.solid_blue .sub_side_nav a:hover, .side_nav.solid_blue .sub_side_nav a.selected {
	background: url(../images/solid-blue-sub-nav-button-selected.png) top left no-repeat;
}
.side_nav.solid_blue .sub_side_nav a.double:hover, .side_nav.solid_blue .sub_side_nav a.double.selected {
	background: url(../images/solid-blue-sub-nav-button-selected-double.png) top left no-repeat;
}


/* solid grey */
.side_nav.solid_grey a {
	background: url(../images/solid-grey-nav-button.png) top left no-repeat;
}
.side_nav.solid_grey a:hover, .side_nav.solid_grey a.selected {
	background: url(../images/solid-grey-nav-button-selected.png) top left no-repeat;
}

/* tranparent blue */
.side_nav.trans_blue a {
	background: url(../images/trans-blue-nav-button.png) top left no-repeat;
}
.side_nav.trans_blue a:hover, .side_nav.trans_blue a.selected {
	background: url(../images/trans-blue-nav-button-selected.png) top left no-repeat;
}

.side_nav.trans_blue .sub_side_nav a {
	background: url(../images/trans-blue-sub-nav-button.png) top left no-repeat;
	border-bottom: #fff 1px dotted;
}
.side_nav.trans_blue .sub_side_nav a:hover, .side_nav.trans_blue .sub_side_nav a.selected {
	background: url(../images/trans-blue-sub-nav-button-selected.png) top left no-repeat;
}

/* tranparent grey */
.side_nav.trans_grey a {
	background: url(../images/trans-grey-nav-button.png) top left no-repeat;
}
.side_nav.trans_grey a.double {
	background: url(../images/trans-grey-nav-button-double.png) top left no-repeat;
}
.side_nav.trans_grey a:hover, .side_nav.trans_grey a.selected {
	background: url(../images/trans-grey-nav-button-selected.png) top left no-repeat;
}
.side_nav.trans_grey a.double:hover, .side_nav.trans_grey a.double.selected {
	background: url(../images/trans-grey-nav-button-selected-double.png) top left no-repeat;
}
.side_nav.trans_grey .sub_side_nav a {
	background: url(../images/trans-grey-sub-nav-button.png) top left no-repeat;
	border-bottom: #fff 1px dotted;
}

/* inverse tranparent grey */
.side_nav.inverse_trans_grey a {
	background: url(../images/inverse-trans-grey-nav-button.png) top left no-repeat;
}
.side_nav.inverse_trans_grey a.double {
	background: url(../images/inverse-trans-grey-nav-button-double.png) top left no-repeat;
}
.side_nav.inverse_trans_grey a:hover, .side_nav.inverse_trans_grey a.selected {
	background: url(../images/inverse-trans-grey-nav-button-selected.png) top left no-repeat;
}
.side_nav.inverse_trans_grey a.double:hover, .side_nav.inverse_trans_grey a.double.selected {
	background: url(../images/inverse-trans-grey-nav-button-selected-double.png) top left no-repeat;
}


.left_col select {
	width: 100%;
	margin-top: 5px;
}

.hidden {
	display: none;
}

.two_thirds {
	width: 75%;
}

.clear {
	display: block;
	clear: both;
}

/* BIG SLIDER */
.bigSlider .holder {
	border-bottom: #002f5d 1px solid;
	overflow: hidden
}

.bigSlider a.main {
	display: block;
	position: relative;
	top: 0; left: 0;
	padding: 17px 0 14px;
}

.bigSlider a.main:hover {
	text-decoration: none;
}

.bigSlider a.main .helvetica_heavy {
	width: 300px;
}

.bigSlider a.main .circle_arrow {
	position: absolute;
	top: 68px;
	left: 315px;
}

.bigSlider a.main .bg_image {
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	top: 0; right: 0
}

.bigSlider .view {
	padding-bottom: 6px;
	position: relative;
	top: 0; left: 0;
}

.bigSlider .close_button {
	clear: both;
	padding: 0 0 6px 680px;
}



.bottom_link {
	margin: 18px 0 25px 0;
}

.medium_text {
	font-size: 20px;
	line-height: 1.1em; 
}


/* GENERAL ENQUIRY FORM */
#general_enquiry_form {
	padding: 12px 0 35px 0;
}

#general_enquiry_form .error_message, #general_enquiry_form .notice_message {
	width: 525px;
	padding: 8px 20px 6px 20px;
	color: #fff;
	margin-top: -12px;
}

#general_enquiry_form form {
	background-color: #002f5d;
	width: 525px;
	padding: 8px 20px 6px 20px;
	position: relative;
	top: 0; right: 0;
}

#general_enquiry_form p {
	margin: 10px 0;
}

#general_enquiry_form .input {
	float: left;
	background-color: #fff;
	padding: 4px 6px;
	width: 247px;
	margin: 0 6px 6px 0;
}

#general_enquiry_form .input.no_right_margin {
	margin-right: 0;
}

#general_enquiry_form .input input, #general_enquiry_form .textbox textarea {
	background-color: #fff !important;
	border: none !important;
	width: 100%;
	font-size: 0.9em !important;
	height: 1.2em;
	font-weight: bold;
}

#general_enquiry_form .textbox {
	clear: both;
	background-color: #fff;
	padding: 6px 5px;
	width: 514px;
}

#general_enquiry_form .textbox textarea {
	height: 4em;
}

#general_enquiry_form .mailing_list {
	float: left;
	padding-top: 4px;
}

#general_enquiry_form .mailing_list label {
	color: #fff;
	font-size: 0.9em !important;
}

#general_enquiry_form .submit_button {
	background-color: transparent !important;
	border: none !important;
	cursor: pointer;
	font-weight: bold;
	font-size: 0.9em !important;
	color: #fff !important;
	float: right;
	text-align: right;
	margin-top: 8px;
}

/* END GENERAL ENQUIRY FORM */



/* BLUE SUBMIT BUTTON WITH GRADIENT */
.blue_grad_submit_button {
	color: #002f5d;
}

.blue_grad_submit_button a {
	color: #000;
	background: url(../images/blue-grad-button-1.jpg) top left no-repeat;
	display: block;
	height: 18px;
	width: auto;
	color: #fff;
	line-height: 18px;
	text-align: center;
	width: 42px;
}


/* SITE FEATURES */

.site_feature {
	display: block;
	width: 177px;
	height: 101px;
	color: #fff;
	margin-top: 6px;
	overflow: hidden;
	margin-bottom: 8px;
	background-color: #002f5d;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.site_feature:hover {
	text-decoration: none;
}

.site_feature:hover .medium_text {
	text-decoration: underline;
}

.site_feature span {
	display: block;
	clear: left;
	float: left;
	margin: 3px 8px 0 8px;
	line-height: 1em;
}

.site_feature .medium_text {
	margin-top: 12px;
	font-weight: bold;
}

.site_feature.awards .medium_text, .site_feature.sizing_software .medium_text, .site_feature.product_family_tree .medium_text { 
	font-size: 17px;
	margin-top: 8px;
}

.site_feature.ticket_system .medium_text {
	font-size: 18px;
	margin-top: 7px;
}

.site_feature.awards .medium_text, .site_feature.sizing_software .medium_text {
	margin-top: 12px;
	margin-bottom: 3px;
}

.site_feature.environment .medium_text {
	margin-top: 10px;
}

.site_feature.the_group { background-image: url(../images/site-features/the-group.jpg); }
.site_feature.koso_family { background-image: url(../images/site-features/koso-family.jpg); }
.site_feature.contact { background-image: url(../images/site-features/contact.jpg); }
.site_feature.awards { background-image: url(../images/site-features/awards.jpg); }
.site_feature.projects { background-image: url(../images/site-features/projects.jpg); }
.site_feature.company_overview { background-image: url(../images/site-features/company-overview.jpg); }
.site_feature.industry_sectors { background-image: url(../images/site-features/industry-sectors.jpg); }
.site_feature.product_enquiry { background-image: url(../images/site-features/product-enquiry.jpg); }
.site_feature.sizing_software { background-image: url(../images/site-features/sizing-software.jpg); }
.site_feature.product_family_tree { background-image: url(../images/site-features/product-family-tree.jpg); }
.site_feature.forums { background-image: url(../images/site-features/forums.jpg); }
.site_feature.careers { background-image: url(../images/site-features/careers.jpg); }
.site_feature.environment { background-image: url(../images/site-features/environment.jpg); }
.site_feature.ethics { background-image: url(../images/site-features/ethics.jpg); }
.site_feature.ticket_system { background-image: url(../images/site-features/ticket-system.jpg); }

/* END SITE FEATURES */