/**
 * ==========================================================================
 * Copyright 2008 (c) Fluid Lino
 * ----
 * Author: Graham Weldon
 * Project: Woolube Lanolin Products
 * ==========================================================================
 */

/**
 * Color Reference
 * ==========================================================================
 * #D1D3D4 - Background
 * #005DAA - Heading
 * #6A8AC4 - Heading (Actual)
 * #ACACAC - Navigation Background
 * #002D62 - Body Container Background
 * #8CE33F - Links
 */

/**
 * Global Items
 * --------------------------------------------------------------------------
 */
* {
	margin: 0;
	padding: 0;
	border: 0;
	/* font-family: Arial, Helvetica, sans-serif; */
	font-family: Verdana, Geneva, sans-serif;
	/* font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; */
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	line-height: 10.5pt;
	color: white;
	font-size: 8pt;
}

body {
	background: #D1D3D4 url('../img/background.png') top left repeat-x;
}

table {
	border-collapse: collapse;
}

td	{
	vertical-align: top;
}

p {
	margin-top: 14px;
}

a {
	text-decoration: none;
}

img.heading {
	margin-top: 16px;
	margin-bottom: 0;
}
img.innerHeading {
	margin-bottom: 10px;
}

#body800 {
	margin: 10px auto 10px auto;
	background-color: white;
	width: 800px;
	border: solid white 2px;
	position: relative;
}

/**
 * Headings
 * --------------------------------------------------------------------------
 */
h1 {
	/*display: none;*/
	font-size: 10.5pt;
	font-weight: normal;
	margin-left: 2px;
	margin-top: 2px;
}
h2 {
	font-size: 9.5pt;
	font-weight: normal;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 10px;
}

div label,
.error-message {
	display: none;
}

/**
 * Header
 * --------------------------------------------------------------------------
 */
#header {
	height: 160px;
	vertical-align: bottom;
}
#header img {
	padding-top: 30px;
	padding-left: 10px;
}
#header #tagline {
	padding-left: 184px;
}

/**
 * Navigation
 * --------------------------------------------------------------------------
 */
#navigationBackground {
	height: 30px;
	background: none;
	background-color: #ACACAC;
}
#navigation {
	position: absolute;
	top: 160px;
}
#navigation ul li span {
	display: none;
}
#navigation ul,
#navigation ul li {
	height: 30px;
}
#navigation ul li {
	list-style: none;
	float: left;
	background-position: 0 -60px;
}

#navigation ul li.home {
	background-image: url('../img/navigation_01.png');
	width: 70px;
}
#navigation ul li.products {
	background-image: url('../img/navigation_02.png');
	width: 74px;
}
#navigation ul li.commonUses {
	background-image: url('../img/navigation_03.png');
	width: 104px;
}
#navigation ul li.testimonials {
	background-image: url('../img/navigation_04.png');
	width: 93px;
}
#navigation ul li.documentation {
	background-image: url('../img/navigation_05.png');
	width: 103px;
}
#navigation ul li.onlineStore {
	background-image: url('../img/navigation_06.png');
	width: 92px;
}
#navigation ul li.video {
	background-image: url('../img/navigation_08.png');
	width: 63px;
}
#navigation ul li.contact {
	background-image: url('../img/navigation_07.png');
	width: 71px;
}
#navigation ul:hover li.active {
	background-position: 0 -60px;
}
#navigation ul li.active {
	background-position: 0 0;
}
#navigation ul li:hover,
#navigation ul li.active:hover,
#navigation ul:hover li:hover,
#navigation ul:hover li.active:hover {
	background-position: 0 -30px;
}

#navigation ul li a {
	height: 30px;
	display: block;
}

#navigation ul li ul {
	display: none;
	height: auto;
	background-color: #0079C1;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
	width: 120px;
}
#navigation ul li ul li {
	width: 120px;
	height: 15px;
	border-bottom: solid #4096CC 1px;
}
#navigation ul li ul li.first {
	border-top: solid #4096CC 1px;
}
#navigation ul li ul li a {
	font-size: 7.5pt;
	padding-left: 7px;
}
#navigation ul li ul:hover li.subActive {
	background-color: #0079C1;
}
#navigation ul li ul li:hover,
#navigation ul li ul:hover li.subActive:hover,
#navigation ul li ul li.subActive {
	background-color: #002D62;
}
#navigation ul li:hover ul {
	position: absolute;
	display: block;
}
#navigation ul li ul li a {
	height: 15px;
}

/**
 * Body Container
 * --------------------------------------------------------------------------
 */
#bodyContainer {
	margin: 10px auto auto 15px;
	width: 628px;
	background-color: #002D62;
}
#bodyContainer .corner {
	background: #002D62 url('../img/circleTopLeft.png') top left no-repeat;
	width: 8px;
	height: 8px;
}
#bodyContainer .topLeft {
	float: left;
}
#bodyContainer .content {
	width: 425px;
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}
#contentFooter {
	margin-left: 15px;
	background-color: white;
}

.australia {
	margin-top: 18px;
	margin-left: 18px;
}

/**
 * Footer
 * --------------------------------------------------------------------------
 */
#footer,
#footer a {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto 10px 15px;
	color: #7F7E73;
	font-size: 7.5pt;
}
#footer a:hover {
	color: #13B5EA;
}

/**
 * Bulb
 * --------------------------------------------------------------------------
 */
#body800 #bulb,
#body800 #bulbOverlay {
	position: absolute;
	right: 0px;
	overflow: hidden;
	height: 592px;
	top: 0px;
}
/**
 * Unordered Lists
 * --------------------------------------------------------------------------
 */
.content ul li {
	list-style: disc;
	margin-left: 13px;
}
.content ul {
	margin-top: 3px;
	margin-bottom: 3px;
}
.content ul li,
.content a {
	color: #8CE33F;
}
.content ul li a:hover,
.content a:hover {
	color: #13B5EA;
}

/**
 * Products
 * --------------------------------------------------------------------------
 */
#productTable {
	margin-top: 18px;
}
#productTable .productCell {
	padding-right: 5px;
}
.product {
	vertical-align: top;
}
.productImage {
	background-position: 0 0;
	width: 105px;
	height: 106px;
	background-repeat: no-repeat;
}
.productImage a {
	display: block;
	height: 100%;
}
.productImage:hover {
	background-position: 0 -106px;
}
#productTable .lubricants {
	background-image: url('../img/products/buttons/lubricants.png');
}
#productTable .concrete {
	background-image: url('../img/products/buttons/concrete-products.png');
}
#productTable .lanoReleaseConcrete {
	background-image: url('../img/products/buttons/lano-release-concrete.png');
}
#productTable .ezicut {
	background-image: url('../img/products/buttons/ezicut-cutting-fluid.png');
}
#productTable .accessories {
	background-image: url('../img/products/buttons/accessories.png');
}
#productTable .woolubeGrease {
	background-image: url('../img/products/buttons/woolube-grease.png');
}
#productTable .ozsprayIndustrial {
	background-image: url('../img/products/buttons/ozspray-industry-grade.png');
}
#productTable .ozsprayIndustrialExtra {
	background-image: url('../img/products/buttons/ozspray-industry-extra-grade.png');
}
#productTable .extendaGun {
	background-image: url('../img/products/buttons/extenda-gun.png');
}
#productTable .jerryTrigger {
	background-image: url('../img/products/buttons/jerry-trigger.png');
}
#productTable .lanolinGrease {
	background-image: url('../img/products/buttons/lanolin-grease.png');
}
#productTable .lanolinSpray {
	background-image: url('../img/products/buttons/lanolin-spray.png');
}

#productTable .details,
.docShortList {
	vertical-align: top;
	padding-top: 10px;
	border-bottom: solid #305580 1px;
}
#productTable .details table,
#productTable .details td {
	width: 94px;
}
#productTable .details td,
.docShortList td {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: solid #305580 1px;
	width: 112px;
}
.docShortList td {
	width: 180px;
}
#productTable .details td {
	font-size: 7.5pt;
}
#productTable .details .sub {
	font-size: 6.5pt;
}
#productTable .details a,
.docShortList a {
	font-size: 6.5pt;
	color: #8CE33F;
}
.docShortList a {
	font-size: 8pt;
}
#productTable .tabPadding {
	width: 6px;
}
#productTable a:hover,
.docShortList a:hover {
	color: #13B5EA;
}

/**
 * Content Panel
 * --------------------------------------------------------------------------
 */
.contentPanel {
	margin-top: 18px;
	margin-bottom: 18px;
	width: 398px;
}
.contentPanel .body {
	background: transparent url('../img/panel01middle.png') top left repeat-y;
	padding: 2px 10px 0 12px;
}
.contentPanel .body p {
	margin-top: 10px;
}
.contentPanel .body p.first,
p.first {
	margin-top: 0;
}
.contentPanel .body ul {
	margin-top: 5px;
}
.contentPanel .body ul li {
	list-style: disc;
	margin-left: 13px;
	color: white;
}

/**
 * Inner Panel
 * --------------------------------------------------------------------------
 */
.innerPanel {
	width: 166px;
	margin-left: 18px;
}
.innerPanel .body {
	background: transparent url('../img/panel02middle.png') top left repeat-y;
	padding: 0 10px 0 10px;
}

/**
 * Mini Product Size Panel
 * --------------------------------------------------------------------------
 */
.productSize {
	width: 100%;
	margin-top: 8px;
}
.productSize.first {
	margin-top: 0;
}
.productSize .title {
	border-bottom: solid #8096B1 1px;
}
.productSize td {
	padding: 2px 0 2px 0;
}
.productSize td,
.productSize div {
	font-size: 7pt;
}

.productSize .thumb {
	/*background: transparent url('../img/products/productSizeBackground.png') 0 3px no-repeat;*/
	width: 70px;
}
.productSize .thumb .large {
	display: none;
	position: absolute;
	left: 341px;
}
.productSize .thumb:hover .large {
	display: inline;
}
.productSize .thumb:hover .small {
	/* display: none; */
}
.productSize .price {
	color: #6A8BC6;
}
.productSize .addToCart {
	background: transparent url('../img/cart.png') 50px 3px no-repeat;
	color: #D6DE23;
}
.productSize .code {
	font-size: 6pt;
}

/**
 * Forms
 * --------------------------------------------------------------------------
 */
.formTable th {
	font-weight: normal;
	text-align: left;
	padding-right: 10px;
	vertical-align: top;
	white-space: nowrap;
}
.formTable input,
.formTable textarea {
	width: 150px;
	background-color: #B3B3B3;
	color: #222222;
	padding: 1px 4px 3px 4px;
}
.formTable td,
.formTable th {
	padding-bottom: 3px;
}

.sendButton {
	float: right;
}
.formTable .error {
	padding-left: 5px;
}
.formTable th.error {
	padding-left: 0;
	color: #8CE33F;
}
.mandatoryText {
	font-size: 7.5pt;
	color: #6A8AC4;
}

/**
 * Contact Details Table
 * --------------------------------------------------------------------------
 */
.contactTable {
	margin-top: 1px;
	margin-left: 5px;
	width: 180px;
	border: solid #264870 1px;
}
.contactTable th,
.contactTable td {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.contactTable td.first,
.contactTable th.first {
	padding-top: 5px;
}
.contactTable td.last,
.contactTable th.last {
	padding-bottom: 5px;
}
.contactTable.distributor-table  {
	width: 100%;
}
.contactTable.distributor-table th.heading  {
	width: 50px;
}
.contactTable.distributor-table td.last,
.contactTable.distributor-table th.last  {
	padding-bottom: 20px;
}
.contactTable th {
	font-weight: normal;
	color: #6A8AC4;
}

.contactTable.noBorder {
	border: none;
	margin-left: 0;
}
.contactTable.noBorder th,
.contactTable.noBorder td {
	padding-left: 0;
}

/**
 * Large Tables
 * --------------------------------------------------------------------------
 */
.documentation {
	width: 397px;
}
.documentation th {
	background-color: #005DAA;
	height: 23px;
	text-align: left;
	font-weight: normal;
	color: white;
	font-size: 9pt;
	padding-bottom: 1px;
}
.documentation td,
.documentation td a {
	color: #333333;
	height: 18px;
	padding-top: 1px;
	padding-bottom: 1px;
}
.documentation th.left,
.documentation th.right {
	width: 10px;
	vertical-align: top;
}
.documentation th.right {
	text-align: right;
}
.documentation th.title {
	width: 250px;
}
.documentation th.application {
	width: 250px;
}
.documentation th.size {
	width: 70px;
}
.documentation tr {
	background-color: #CCCCCC;
}
.documentation tr.altrow {
	background-color: #B3B3B3;
}
.documentation tr:hover {
	background-color: #13B5EA;
	cursor: pointer;
	cursor: hand;
}
.documentation tr:hover td,
.documentation tr:hover td a,
.documentation tr td:hover a,
.documentation tr td a:hover {
	color: white;
}
.documentation th.second {
	background-color: #002D62;
	color: white;
	height: 18px;
	padding-top: 2px;
	font-size: 8pt;
}
.documentation td a {
	display: block;
	height: 16px;
}
.documentation .prefCol1 {
	width: 70px;
}
.documentation .prefCol2 {
	width: 60px;
}

.static tr:hover {
	cursor: default;
}


.content ol.paragraphList {
	margin-left: 20px;
}

ul.white li, .white {
	color: white;
}
.blue {
	color: #6A8AC4;
}
.center {
	text-align: center;
}

table.testimonials {
	border-top: solid #305580 1px;
}
table.testimonials td {
	padding-right: 30px;
	border-bottom: solid #305580 1px;
	padding-top: 1px;
	padding-bottom: 2px;
}

table.distributors {
	border-top: solid #305580 1px;
}
table.distributors td {
	width: 200px;
	padding-right: 30px;
	border-bottom: solid #305580 1px;
	padding-top: 1px;
	padding-bottom: 2px;
}

/**
 * Distributors
 * --------------------------------------------------------------------------
 */
#distributorLogos {
	margin-top: 5px;
	margin-bottom: 20px;
}
.molytechLogo {
	display: inline;
	vertical-align: middle;
	margin-right: 10px;
}
.biasBoatingLogo {
	display: inline;
	vertical-align: middle;
}