@charset "UTF-8";
/* CSS Document - Universeal Sealants 2008. Design & Build by Catalyst Design & Marketing (www.catalystdm.co.uk) Colours: Neutral: #292b25 Orange: #d55f25 Purple: #6e599c Cherry: #d02a59 */

*, html {margin:0;
padding:0;}

body, html {width:100%;
height: 100%;}

body {margin:0;
padding:0;
background: #050608 url(images/deluxebkdrop.jpg) repeat-x 0 0;
color: #fff;
font-size: 86%;
font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
text-align:center;
height:100%;}

#overwrap {width:974px;
color:#292b25;
margin: 0 auto 0 auto;
padding:0;
background: #fff url(images/frame.gif) no-repeat 0 0;
min-height:100%;}

#wrapper {width: 964px;
height:100%;
padding: 0;
margin: 0 auto 0 auto;
text-align: left;
color:#292b25;
background-color: #fff;}

*html #overwrap
{height: 100%;}

#simple {text-align:center;
margin:0 auto 0 auto;
display:block;
width:auto;}

#header {text-align:left;
height:150px;
margin:0;
padding:0;
background: #fff url(images/header2009.gif) repeat-x 0 0;}



/* decommisioned 

#navigation {z-index: 10;
height:50px;
line-height:50px;
text-align:left;
margin:0;
padding:0;
color:#292b25;
font-size: .9em;
background: #ccc url(images/navbar.gif) repeat-x 0 0;
border-bottom: 1px solid #333333;}

---*/

#footer {width: 974px;
clear: both;
	padding: 0;
	margin:0 auto 0 auto;
	margin-top:-40px;
	height:40px;
	text-align: right;
	color:#292b25;
	background: #fff url(images/fframe.gif) no-repeat 0 0;}
	
	#footer p {padding: 0 20px 0 20px;
	font-size: .8em;
	margin:0;
	line-height:40px;}
	
#main {margin: 0;
padding: 40px 20px 20px 20px;}

.rcol {float:right;
margin: 0 20px 20px;
padding:0;}

.rcol2 {float:right;
margin: 0 0 20px 20px;
width: 200px;
padding:0;}

.rcol3 {float:right;
margin: 0;
width: 500px;
padding:0;}

.clearup {height: 30px;
clear:both !important;}

.subscribe {float:right;
width:450px;
text-align:right;
margin: 0;
padding: 1em 1em 0 0;}


/* navigation starts - decommissioned

#navigation ul {display: inline;
list-style-type:none;
padding:0;
margin:0;
border-bottom: 1px solid #333333;}

#navigation li {float:left;
width:auto;
height: 50px;
margin:0;
text-align:left;
line-height: 50px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

#navigation a:link, #navigation a:visited {display:block;
padding: 0 12px 0 18px;
width: auto;
height: 50px;
line-height: 50px;
text-decoration:none;
color: #292b25;
font-weight:normal;
background: #ccc url(images/navbar.gif) repeat-x 0 0;}

#navigation a:hover, #navigation a:active {
padding: 0 12px 0 18px;
width: auto;
height: 50px;
line-height: 50px;
background: #d55f25 url(images/navbar_over.gif) repeat-x 0 0;
color:#FFFFFF;
border-bottom:none;}

a#wow:link, a#wow:visited {background: #d55f25 url(images/navbar_over.gif) repeat-x 0 0;}

a#wow:hover, a#wow:active {background: #ccc url(images/navbar.gif) repeat-x 0 0;}

#navigation li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	z-index: 20;
	height: 50px;
line-height: 50px;}

#navigation li:hover ul {
	left: auto;
	width: 170px;
	background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
	z-index: 20;
	height: 50px;
line-height: 50px;
border-bottom: 1px solid #333333;}

#navigation li:hover ul, #navigation li.sfhover ul {
	left: auto;
	width: 170px;
	background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
	border-bottom: 1px solid #333333;
	z-index: 20;
	height: 25px;
line-height: 25px;
border-bottom: 1px solid #333333;}
	
#navigation li:hover ul li {width: 170px;
padding: 0;
	z-index: 20;
	background-image:none;
	height: 25px;
line-height: 25px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

#navigation li:hover ul li, #navigation li.sfhover ul li {width: 170px;
padding: 0;
	z-index: 20;
	background-image:none;
	height: 25px;
line-height: 25px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}
	
#navigation li:hover ul li a, #navigation li.sfhover ul li a {width: 170px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
color: #292b25;
height: 25px;
line-height: 25px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

#navigation li:hover ul li a:hover, #navigation li.sfhover ul li a:hover {width: 170px;
background: #d55f25 url(images/subnavbar_over.gif) repeat-x 0 0;
color: #ffffff;
height: 25px;
line-height: 25px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

/* sub sub nav *

#navigation li ul li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	z-index: 20;
	height: 50px;
line-height: 50px;}

#navigation li:hover ul li ul {
	left: 170px;
	width: 170px;
	background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
	z-index: 20;
	height: 50px;
line-height: 50px;
border-bottom: 1px solid #333333;}

#navigation li:hover ul li ul, #navigation li.sfhover ul li ul {
	left: auto;
	width: 170px;
	background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
	border-bottom: 1px solid #333333;
	z-index: 20;
	height: 25px;
line-height: 25px;
border-bottom: 1px solid #333333;}
	
#navigation li:hover ul li ul li {width: 170px;
padding: 0;
	z-index: 20;
	background-image:none;
	height: 25px;
line-height: 25px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

#navigation li:hover ul li ul li, #navigation li.sfhover ul li ul li {width: 170px;
padding: 0;
	z-index: 20;
	background-image:none;
	height: 25px;
line-height: 25px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
border-left: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}
	
#navigation li:hover ul li ul li a, #navigation li.sfhover ul li ul li a {width: 170px;
background: #ccc url(images/subnavbar.gif) repeat-x 0 0;
color: #292b25;
height: 25px;
line-height: 25px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}

#navigation li:hover ul li ul li a:hover, #navigation li.sfhover ul li ul li a:hover {width: 170px;
background: #d55f25 url(images/subnavbar_over.gif) repeat-x 0 0;
color: #ffffff;
height: 25px;
line-height: 25px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;}


/* navigation ends */


.wo {color:#FFFFFF;}

.corp1 {color: #d55f25;}

.corp2 {color: #6e599c;}

h2 {color: #d55f25;
font-weight:normal;
font-size: 2.4em;
margin-bottom: 10px;}

h3 {color: #d55f25;
font-weight:normal;
font-size: 1.65em;
line-height: 1em;
margin-bottom: 30px;}

h4 {font-size: 1.2em;}

h5 {font-size: 1em;}

h6 {font-size: 0.9em;}

p {margin: 0 0 15px 0;}

p {font-size: .9em;}

cite {font-size: .9em;
color: #d55f25;}

p {margin: 0 0 15px 0;}

a:link, a:visited {color:#d55f25;
text-decoration:none;
font-weight:bold;}

a:hover, a:active {color:#333;
font-weight:bold;}

img, img a {border:none;}

.tight {margin-bottom: 0;}

.hheight {margin-bottom: 7.5px;}

.longdrop {margin-bottom: 40px;}

.extralongdrop {margin-bottom: 75px;}

.floatright {float:right !important;}

.floatleft {float:left !important;
margin: 5px 5px 0 0;}

.fl {float:left;}

#main ul {font-size: 0.9em;
margin: 0 0 15px 10px;
list-style-type:square;}

#main li {margin: 0 0 7.5px 5px;}

table#enquiry {border: 1px solid #292b25;
margin: 1em 0 2em 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

#enquiry td {padding: 10px 5px 5px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border-collapse:collapse;}

table#eorder {border: 1px solid #999;
margin: 1em 0 2em 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

#eorder td {padding: 5px 10px 0px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border: 1px solid #999;}

td.productsplit {padding: 5px 0 2px 5px;
text-align: left;
color:#fff;
font-weight:bold;
font-size: .9em;
background-color: #d55f25;
vertical-align:middle}

table#products {border: 1px solid #ccc;
margin: 10px 20px 20px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

#products td {padding: 5px 5px 5px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border: 1px solid #ccc;
border-collapse:collapse;}

table.downloads {margin: 10px 0 20px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;
width: 400px}

.downloads td {padding: 5px 5px 5px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border-collapse:collapse;}

table.policies {margin: 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;
width: 500px}

.policies td {padding: 5px 5px 5px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border-collapse:collapse;
border: 1px solid #CCC;}

th.downloadtitle {padding: 5px 5px 5px 5px;
text-align: left;
color:#000;
background-color: #CACACA;}

.downloadtitle p {margin:0;}

table.subtle {margin: 10px 20px 20px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

.subtle td {padding: 5px 5px 5px 5px;
text-align: left;
vertical-align:top;
margin: 0;
border-collapse:collapse;}

table.usage {margin: 0 auto 20px auto;
padding:0;
width:100%;
text-align:center;}

.usage td {width:90%;
background-color:#292b25;
color: #fff;
text-align:left;
padding:5px;
margin-bottom:10px;
font-weight: bold;
border: 1px solid #333333;
border-width: 1px 1px 4px 1px;}

table.featurebox {float:right;
margin: 0;
padding:0;
width:250px;
text-align:center;
border-collapse:collapse;}

.featurebox td {background-color:#292b25;
color: #fff;
text-align:left;
padding:5px;
border: 1px solid #666;
font-size: .8em;}

table.simplerange {margin: 10px 0 50px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

.simplerange td {vertical-align:top;
padding: 5px 30px 5px 5px;
text-align:left;
width: 150px;
border: 1px solid #666;}

.simplerange li {margin-bottom:10px !important;}

table.invis {margin: 10px 0 50px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

.invis td {vertical-align:top;
padding: 5px 30px 5px 5px;
text-align:left;
min-width:100px;}

td.title {background-color:#292b25;
color: #fff;
text-align:left;
padding:5px !important;
border: 1px solid #666;
font-size: 1em;}

table.stockists {margin: 10px 0 50px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;
width: 100%;}

.stockists td {vertical-align:top;
padding: 5px 30px 5px 5px;
text-align:left;
min-width:250px;}

.stockists li {margin-bottom:20px !important;}

.worldflags td {vertical-align:top;
padding: 0;
text-align:center;}

table.media {margin: 10px 0 50px 0;
border-collapse:collapse;
padding:0;
background-color:#FFFFFF;
color: #292b25;}

.media td {padding: 2px;
text-align:left;
vertical-align:top;
border:none;}

td.spacer {width: 50px !important;
height: 20px;
padding:0;}

div.mediaplayer {z-index: 0;}

table.subscribe  {margin: 10px 0 0 0;
border:none;
border-collapse:collapse;
padding: 0;}

.subscribe td {vertical-align:middle;
text-align:right;
padding: 2px 0 0 5px;}

.subscribe p {margin:0;}

.subscribe h5 {margin-bottom: 0;}


/* image replacement */

div#orderfr {float:right;
margin: 0 0 20px 20px;
width: 200px;
height:175px;
text-align:center;
line-height: 75px;
color: #fff;}

div#eorderfr {float:right;
margin: 0 0 20px 20px;
width: 200px;
height:175px;
text-align:center;
line-height: 75px;
color: #fff;}

a#orderfr:link, a#orderfr:visited {display:block;
width: 200px;
height:175px;
background:#fff url(images/orderonline.gif) no-repeat top left;
color: #000;}

a#orderfr:hover, a#orderfr:active {display:block;
width: 200px;
height:175px;
background:#d55f25 url(images/orderonline_over.gif) no-repeat top left;
color: #fff;}

#orderfr span {display:none;}

a#eorderfr:link, a#eorderfr:visited {display:block;
width: 200px;
height:175px;
background:#fff url(images/orderemail.gif) no-repeat top left;
color: #000;}

a#eorderfr:hover, a#eorderfr:active {display:block;
width: 200px;
height:175px;
background:#d55f25 url(images/orderemail_over.gif) no-repeat top left;
color: #fff;}

#eorderfr span {display:none;}


/* End image replacement */