/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #4b4d4a;
	color: #4b4d4a;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

p {
	margin : 1em 0 0 0;
	padding: 0;
}

a {
	color: #4b4d4a;
	text-decoration: underline;
}

a:hover {
	color: #9c9c9d;
	text-decoration: none;
}

img {
	border: none;
}

h1 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-weight: normal;
}

h2 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1.3em;
	font-weight: normal;
}

h3 {
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

label, .label {
	font-weight: bold;
}

table {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0;
	border-collapse: collapse;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 1px 0;
}

table thead tr {
	margin: 0;
	padding: 0;
}

table thead tr th {
	padding: 0 20px 5px 0;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
}

table tbody tr {
	margin: 0;
	padding: 0;
	border-color: #ffffff;
	border-style: solid;
	border-width: 1px 0 0 0;
}

table tbody tr td {
	margin: 0;
	padding: 0 20px 5px 0;
	vertical-align: top;
	text-align: left;
}

table tbody tr td.view {
	padding: 0 0 5px 0;
}

.home-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-grey.gif') repeat-x top left;
}

.about-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-turquoise.gif') repeat-x top left;
}

.contact-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-turquoise.gif') repeat-x top left;
}

.news-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-turquoise.gif') repeat-x top left;
}

.products-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-red.gif') repeat-x top left;
}

.services-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-blue.gif') repeat-x top left;
}

.sectors-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-green.gif') repeat-x top left;
}

.admin-container {
	background: #4b4d4a url('/assets/images/backgrounds/stripe-grey.gif') repeat-x top left;
}

.body-container {
	width: 100%;
	overflow: hidden;
	background-position: 0 8.5em;
}

.content-container {
	width: 820px;
	margin: 10px auto 0 auto;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}

.back-to-top {
	position: absolute;
	left: 180px;
	width: 18px;
	height: 88px;
	overflow: hidden;
	z-index: 2;
}

.header {
	width: 820px;
	overflow: hidden;
	font-size: 0.8em;
}

.header .logo {
	float: left;
	width: 198px;
	min-height: 102px;
	margin: 0 0 -9000px 0;
	padding: 0 0 9000px 0;
	overflow: hidden;
	background: transparent url('/assets/images/header/logo.png') no-repeat top left;
	text-indent: -9000px;
}

.header .logo a {
	display: block;
	height: 102px;
}

.header .header-content {
	float: left;
	width: 622px;
}

.header .header-content .head-menu {
	width: 622px;
	height: 45px;
	overflow: hidden;
	background: #4b4d4a url('/assets/images/backgrounds/head-menu-bg.gif') no-repeat bottom left;
	font-size: 0.8em;
}

.header .header-content .head-menu ul {
	float: right;
	overflow: hidden;
	background: #ffffff;
	margin: 0 10px 0 0;
	padding: 1px 2px;
}

.header .header-content .head-menu ul li {
	float: left;
	padding: 2px 10px;
	border-color: #000000;
	border-style: solid;
	border-width: 0 0 0 1px;
}

.header .header-content .head-menu ul li a {
	color: #17729a;
	text-decoration: none;
	font-weight: bold;
}

.header .header-content .head-menu ul li a:hover {
	color: #55d2f7;
}

.header .header-content .head-menu ul li.first {
	border: none;
}

.header .header-content ul.top-menu {
	clear: both;
	width: 622px;
	overflow: hidden;
	background: transparent url('/assets/images/backgrounds/content-bg-right.png') repeat-y top left;
}

.header .header-content ul.top-menu li {
	float: left;
	width: 146px;
	margin: 0 0 0 10px;
}

.header .header-content ul.top-menu li.home {
	width: 144px;
	margin: 0;
	background: #9c9c9d url('/assets/images/header/home-icon.gif') no-repeat top right;
}

.header .header-content ul.top-menu li.products {
	background: #ff0000;
}

.header .header-content ul.top-menu li.services {
	background: #17729a;
}

.header .header-content ul.top-menu li.sectors {
	background: #abcc3d;
}

.header .header-content ul.top-menu li a {
	display: block;
	padding: 1px 4px;
	color: #ffffff;
	text-decoration: none;
}

.header .header-content  h1 {
	width: 622px;
	margin: 0;
	padding: 2px 0 0 0;
	overflow: hidden;
	background: transparent url('/assets/images/backgrounds/content-bg-right.png') repeat-y top left;
	font-size: 2em;
	font-weight: lighter;
}

.header .header-content .home-title {
	color: #ff0000;
}

.header .header-content .about-title {
	color: #81a2a3;
}

.header .header-content .contact-title {
	color: #81a2a3;
}

.header .header-content .news-title {
	color: #81a2a3;
}

.header .header-content .products-title {
	color: #ff0000;
}

.header .header-content .services-title {
	color: #17729a;
}

.header .header-content .sectors-title {
	color: #abcc3d;
}

.header .header-content ul.breadcrumb {
	clear: both;
	width: 622px;
	padding: 5px 0 0 0;
	overflow: hidden;
	list-style: square;
	background: transparent url('/assets/images/backgrounds/content-bg-right.png') repeat-y top left;
	font-size: 0.85em;
}

.header .header-content ul.breadcrumb li {
	float: left;
	margin: 0 0 0 2em;
	padding: 0 0 0 0.5em;
	font-weight: bold;
}

.header .header-content ul.breadcrumb li.title {
	margin: 0;
	padding: 0;
	font-weight: normal;
	list-style: none;
}

.main-content {
	width: 820px;
	overflow: hidden;
}

.left-col {
	float: left;
	width: 198px;
	margin: 0 0 -9000px 0;
	padding: 0 0 9000px 0;
	overflow: hidden;
	font-size: 0.8em;
	background: transparent url('/assets/images/backgrounds/content-bg-left.png') repeat-y top left;
}

ul.main-menu {
	width: 168px;
	margin: 10px 0 0 20px;
}

ul.main-menu li {
	float: left;
	width: 168px;
	margin: 1px 0 0 0;
	background: #81a2a3;
}

ul.main-menu li.title {
	width: 148px;
	padding: 1px 5px 1px 15px;
}

ul.main-menu li a {
	display: block;
	padding: 1px 5px 1px 15px;
	color: #ffffff;
	text-decoration: none;
}

ul.main-menu li.products {
	margin: 10px 0 0 0;
	background: #ff0000;
}

ul.main-menu li.services {
	background: #17729a;
}

ul.main-menu li.sectors {
	background: #abcc3d;
}

ul.main-menu li.selected {
	background: #9c9c9d;
}

ul.main-menu li ul {
	
}

.accordion_toggle {
	display: block;
}

.accordion_content {
	overflow: hidden;
}

ul.main-menu li ul li {
	margin: 0;
	background: #ffffff;
	color: #4b4d4a;
}

ul.main-menu li ul li a {
	color: #4b4d4a;
}

ul.main-menu li ul li:hover {
	background: #efefef;
}

ul.main-menu li a.accordion_toggle {
	background: transparent url('/assets/images/arrows/white_arrow.png') no-repeat center left;
	background-position: 5px 5px;
}

ul.main-menu li a.accordion_toggle_active {
	background: transparent url('/assets/images/arrows/white_arrow_down.png') no-repeat center left;
	background-position: 5px 5px;
}

ul.products-menu li {
	background: #ff0000;
	color: #ffffff;
}

ul.products-menu li ul li a {
	background: transparent url('/assets/images/arrows/red_arrow.gif') no-repeat center left;
	background-position: 5px 5px;
}

ul.services-menu li ul li a {
	background: transparent url('/assets/images/arrows/blue_arrow.gif') no-repeat center left;
	background-position: 5px 5px;
}

ul.sectors-menu li ul li a {
	background: transparent url('/assets/images/arrows/green_arrow.gif') no-repeat center left;
	background-position: 5px 5px;
}

ul.services-menu li {
	background: #17729a;
	color: #ffffff;
}

ul.sectors-menu li {
	background: #abcc3d;
	color: #ffffff;
}

.content {
	float: left;
	width: 602px;
	min-height: 400px;
	margin: 0 0 -9000px 0;
	padding: 0 20px 9000px 0;
	overflow: hidden;
	font-size: 0.8em;
	background: transparent url('/assets/images/backgrounds/content-bg-right.png') repeat-y top left;
}

ul.footer-links {
	width: 820px;
	margin: 0 auto;
	padding: 30px 0 0 0;
	background: transparent url('/assets/images/footer/footer-bg.gif') no-repeat top left;
	overflow: hidden;
	font-size: 0.7em;
	font-weight: bold;
}

ul.footer-links li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 0 0 0 1px;
}

ul.footer-links li a {
	color: #ffffff;
}

ul.footer-links li.home {
	margin: 0;
	border: none;
}

p.footer-text {
	width: 800px;
	margin: 2em auto 0 auto;
	padding: 0 0 2em 0;
	color: #ffffff;
	font-size: 0.7em;
}

.content ul {
	list-style: disc;
	margin: 1em 0 0 0;
}

.content ul li {
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
}

.content .content-images {
	float: right;
	margin: 0 0 20px 20px;
	text-align: right;
}

.content .content-images h2 {
	font-size: 1em;
	font-weight: bold;
}

.content .content-images img {
	margin: 1em 0 0 0;
}

.content .content-images h3 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}

/**
* Home
*/

.home-image {
	float: left;
	width: 344px;
	height: 223px;
	margin: 10px 0 0 0;
}

.home-block {
	float: left;
	width: 238px;
	height: 203px;
	margin: 10px 0 0 0;
	padding: 10px;
	color: #ffffff;
	background: #ff0000;
	font-size: 1.6em;
}

.images-block {
	float: left;
	width: 612px;
	margin: 10px 0 0 0;
	overflow: hidden;
}

.images-block img {
	float: left;
	margin: 0 8px 0 0;
}

.content-block {
	float: left;
	width: 582px;
	margin: 10px 0 0 0;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	background: #ddddd5;
}

.rounded {
	background: #ddddd5 url('/assets/images/home/rounded-corner.gif') no-repeat top right;
}

.intro {
	width: 314px;
	margin: 10px 0 -9000px 0;
	padding: 0 10px 9010px 10px;
}

.latest-news {
	width: 238px;
	margin: 10px 0 -9000px 10px;
	padding: 0 10px 9010px 10px;
}

.latest-news-list {
	margin: 1em 0 0 0;
}

h2.content-title {
	float: left;
	width: 582px;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	overflow: hidden;
	background: #ddddd5 url('/assets/images/titles/content-title-bg.gif') no-repeat bottom right;
}

.birthday {
	float: left;
	margin: 10px 0 0 20px;
}

.logos {
	float: left;
	width: 168px;
	margin: 20px 0 0 20px;
}

.logos-bottom {
	position: absolute;
	width: 168px;
	bottom: 0;
	left: 30px;
}

/**
* Pagination
*/

ul.pagination {
	float: left;
	width: 602px;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.pagination li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	border-color: #4b4d4a;
	border-style: solid;
	border-width: 0 0 0 1px;
	font-weight: bold;
}

ul.pagination li.prev {
	margin: 0;
	padding: 0;
	border: none;
}

ul.pagination li.next, ul.pagination li.first {
	padding: 0;
	border: none;
}

ul.pagination li.disabled {
	font-weight: normal;
	filter: alpha(opacity=25);
	-moz-opacity: .25;
	opacity: .25;
}

/**
* Newsletter signup
*/

.signup {
	float: left;
	width: 168px;
	height: 10em;
	margin: 20px 0 0 20px;
	overflow: hidden;
	position: relative;
}

.signup h2 {
	font-size: 1em;
	color: #17729a;
	font-weight: bold;
}

.signup a {
	font-weight: normal;
}

.signup a:hover {
	color: #888888;
	background: #ffffff;
}

.signup .signup-text {
	width: 168px;
}

.signup .signup-form {
	width: 168px;
}

.signup .signup-form label {
	float: left;
	width: 70px;
	margin: 5px 10px 0 0;
}

.signup .signup-form input {
	float: right;
	width: 80px;
	margin: 5px 0 0 0;
}

.signup .signup-form .button {
	clear: both;
}

/**
* Products
*/

ul.product-links {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.product-links li {
	float: left;
	width: 148px;
	height: 70px;
	margin: 0 1px 0 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9000px;
}

ul.product-links li.hoses {
	width: 152px;
	background: transparent url('/assets/images/products/hoses-link.jpg') no-repeat top left;
}

ul.product-links li.industrial {
	width: 151px;
	background: transparent url('/assets/images/products/industrial-link.jpg') no-repeat top left;
}

ul.product-links li.mobile {
	background: transparent url('/assets/images/products/mobile-link.jpg') no-repeat top left;
}

ul.product-links li.parkers {
	margin: 0;
	background: transparent url('/assets/images/products/parkers-link.jpg') no-repeat top left;
}

.organisation {
	float: left;
	width: 612px;
	overflow: hidden;
}

.organisation .text {
	float: left;
	width: 372px;
	margin: 0 10px -9000px 0;
	padding: 0 10px 9010px 10px;
	overflow: hidden;
	background: #ddddd5;
}

.organisation .logo {
	float: left;
	width: 210px;
	margin: 1em 0 0 0;
	overflow: hidden;
}

/**
* Sectors
*/

ul.sectors-links {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.sectors-links li {
	float: left;
	width: 100px;
	height: 114px;
	margin: 0 1px 0 0;
	padding: 0;
	overflow: hidden;
	text-indent: -9000px;
}

ul.sectors-links li.marine {
	background: transparent url('/assets/images/sectors/marine-link.jpg') no-repeat top left;
}

ul.sectors-links li.aerospace {
	background: transparent url('/assets/images/sectors/aerospace-link.jpg') no-repeat top left;
}

ul.sectors-links li.manufacturing {
	background: transparent url('/assets/images/sectors/manufacturing-link.jpg') no-repeat top left;
}

ul.sectors-links li.agricultural {
	background: transparent url('/assets/images/sectors/agricultural-link.jpg') no-repeat top left;
}

ul.sectors-links li.materials {
	width: 99px;
	background: transparent url('/assets/images/sectors/materials-link.jpg') no-repeat top left;
}

ul.sectors-links li.rail-trucking {
	width: 98px;
	margin: 0;
	background: transparent url('/assets/images/sectors/rail-trucking-link.jpg') no-repeat top left;
}

/**
* Admin
*/

.form-row {
	float: left;
	width: 602px;
	margin: 10px 0 0 0;
}

.form-row input, .form-row textarea, .form-row select {
	width: 300px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.form-row textarea {
	height: 200px;
}

.form-row .button, .form-row .checkbox, .form-row .radio, .form-row .select {
	width: auto;
}

.form-row .time {
	float: left;
	margin: 0 0.2em 0 0;
}

ul.messages {
	width: 582px;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	background: #ff0000;
	color: #ffffff;
}

ul.messages li {
	padding: 0.5em 0 0 1em;
}

table.admin-table {
	width: 600px;
	margin: 10px 0 0 1px;
}

table.admin-table tr {
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

table.admin-table thead tr th {
	padding: 2px 5px;
	background: #cccccc;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

table.admin-table thead tr th.product {
	width: 250px;
}

table.admin-table thead tr th.section {
	width: 150px;
}

table.admin-table thead tr th.image {
	width: 30px;
}

table.admin-table thead tr th.actions {
	width: 170px;
}

table.admin-table tbody tr.odd {
	background: #efefef;
}

table.admin-table tbody tr.even {
	background: #ffffff;
}

table.admin-table tbody tr td {
	padding: 2px 5px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

table.admin-table tbody tr td a {
	font-weight: bold;
}