﻿* {
	margin: 0;
	padding: 0;
}
img {
	border:0;
}
body {
    font-family: Arial,Verdana,Sans-Serif;
	background-color:#25427a;
	margin: 0;
	padding: 0;
}
p , dt , dd , li {
    font-size: .8em;
    color: #000000;
    margin: 0 0 10px 0;
}
a {
	color: #385da6;
}
h1 {
	margin: 0 0 2px 0;
	font-size: 2em;
	color: #385da6;
	border-bottom: #000000 1px solid;
	padding: 0 0 2px 0;
}
h1.imghead {
	margin: 0 0 5px 0;
	font-size: 2em;
	color: #385da6;
	border-bottom: 0;
	padding: 0;
}
h2 {
    margin:5px 0;
	font-size: 1.1em;
    color:#385da6;
}
h3 {
	margin:5px 0;
    font-size: .8em;
    font-weight: bold;
    color:#385da6;
}
.blue {
	color: #385da6;
}

table {
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 10px 0 10px 0;
}
	th {
		text-align: left;
		padding: 2px 4px;
		background: #385da6;
		color: #FFFFFF;
		vertical-align: top;
	}
	th p {
		margin: 0;
		color: #FFFFFF;
	}
	td {
		border: #999999 1px solid;
		padding: 2px 4px;
		margin: 0;
		vertical-align: top;
	}
	td p {
		margin: 0;
	}
	
#rollercoatguidelines {
	border: 0;
	border-spacing: 2px;
	border-collapse: separate;
	margin: 10px 0 10px 0;
}
	#rollercoatguidelines td {
		font-size: .8em;
	}
	
dt {
	font-weight: bold;
	margin: 0;
}
dd {
	margin: 0 0 4px 0;
}

#right ul {
    margin: 0 0 10px 20px;
	list-style-image:url(/layout/asterisk.gif);
	list-style-position: outside;
}
	#right ul li {
		margin: 0;
		padding: 0 0 0 2px;
    	font-size: .8em;
	}
#right ol {
    margin: 0 0 10px 30px;
}
	#right ol li {
   	 	margin: 0 0 4px 0;
    	font-size: .8em;
	}
	#right li li {
		font-size: 1em;
	}	
	
#shadow {
    background: transparent url('/layout/shadow.gif') repeat-y;
    width: 948px;
    margin: 0 auto;
    padding: 0;
}

#wrap {
    width:934px;
    margin:0 auto;
    padding: 0;
	background-color:#ffffff;
    /*border-left:2px solid #000;
    border-right:2px solid #000;*/
	background-color:#ffffff;
}
#head {
    background:url(/layout/head-bg.jpg) repeat-x;
	height:186px;
	margin-bottom:30px;
}
#head span 
{
    float:right;
    text-align: right;
    /*margin-top:80px;*/
    margin-top: 52px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#head span img
{
    border: #AAAAAA 1px solid;
    background: #FFFFFF;
    padding: 1px;
}
#head span strong
{
    font-size:22px;
    font-weight:bold;
    color:#fff;
}
#content {
    margin:0 0px;
}
#foot {
    margin: 15px 0 0 0;
	height:120px;
    background-color: #3668b1;
}
#left {
    float:left;
    width:260px;
    padding: 0 0 0 30px;
    margin: 0;
}
#right {
    float:right;
    width:600px;
    padding: 0 30px 0 0;
    margin: 0;
}
.left-box {
	margin: 0;
	padding: 0;
}
.right-box {}

.img-box {
	width:600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.img-box img {
		margin: 0;
	}
	.col1 {
		float:left;
		width:288px;
	}
	.col2 {
		float:right;
		width:288px;
	}
	.img-box .center{
		margin: 0 auto;
		float:none;
		width:288px;
	}
	.img-box h3 {
		width:288px;
		margin: 0;
		padding: 0;
	}
	.img-box p {
		width:288px;
		text-align:justify;
	}
	
.three-img-box {
	width: 600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.three-img-box img {
		margin: 0;
	}
	.three-img-box .col {
		float:left;
		width: 190px;
		margin: 0 15px 0 0;
		padding: 0;
	}
	.three-img-box .lastcol {
		float:left;
		width: 190px;
		margin: 0;
		padding: 0;
	}
	.three-img-box h3 {
		width: 190px;
		margin: 0;
		padding: 0;
	}
	.three-img-box p {
		width: 190px;
		text-align:justify;
	}	
	
.boxnav {
	width:600px;
	padding:0px 0px;
	margin: 10px 0 10px 0;
}
	.boxnav h2 {
		width:288px;
		margin: 0;
		padding: 0;
	}
	.boxnav h2 a{
		text-decoration: none;
		color: #385da6;
	}
	.boxnav img {
		margin: 0 5px 0 0;
		width: 150px;
		height: 98px;
		float: left;
		border: #999999 1px solid;
	}
	.boxnav div.description {
		width:128px;
		float: right;
		margin: 0;
		padding: 0;
	}
	.boxnav div.description p{
		font-size: .7em;
	}
	.col1 {
		float:left;
		width:288px;
	}
	.col2 {
		float:right;
		width:288px;
	}
	
	
#enquiryform{
	margin: 0;
	padding: 0;
}

	#enquiryform .formrow{
		clear: left;
		margin: 0;
		padding: 0 0 5px 0;
	}
	#enquiryform .formrow label {
		width: 100px;
		display: block;
		float: left;
		text-align: left;
		padding: 3px 0 0 0;
		font-size: .8em;
	}
	#enquiryform .formrow input {
		width: 200px;
		background: #FFFFFF;
		border: #BCBCBC 1px solid;
		padding: 2px;
	}
	#enquiryform .formrow fieldset {
		margin: 0;
		padding: 0;
		border: 0;
		/*border: #BCBCBC 1px solid;
		background: #FFFFFF;
		width: 480px;
		padding: 10px;
		margin: 5px 0 5px 0;*/
	}
	#enquiryform .formrow textarea {
		width: 300px;
		height: 100px;
		background: #FFFFFF;
		border: #BCBCBC 1px solid;
		padding: 2px;
	}

	#enquiryform .checkboxrow{
		clear: left;
		margin: 0;
		padding: 0 0 0 0;
	}
	#enquiryform .checkboxrow label {
		padding: 0 0 0 0;
		font-size: .8em;
	}
	#enquiryform .submit {
		margin: 5px 0 5px 100px;
		border: #BCBCBC 1px solid;
		width: 200px;
	}	
	
.swatch {
	border: #999999 1px solid;
	width: 110px;
	padding: 5px;
	margin: 0 10px 10px 0;
	float: left;
}
	.swatch img {
		width: 110px;
		margin: 0;
	}
	.swatch p {
		margin: 0;
		padding: 0;
	}
	
#nav {
    background:transparent;
    list-style: none;
	margin-left:30px;
}
#nav li {
    float: left;
	height:32px;
	width:121px;
	margin-top:3px;
	margin-right:5px;
	background: url(/layout/grey-button2.jpg) no-repeat;
}
#nav li:hover,li#on {
	background: url(/layout/grey-button1.jpg) no-repeat;
}
#nav li a {
	padding:7px;
	display:block;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#28498A;
}
#nav li a:focus {
	text-decoration:none;
}
#side-nav {
	list-style:none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}
#side-nav li {
	height:52px;
	width:240px;
	padding: 0;
	margin: 0 0 3px 0;
	background:url(/layout/blue-button1.jpg) no-repeat;
}
#side-nav li:hover,li#blue-on {
	background:url(/layout/blue-button2.jpg) no-repeat;
}
#side-nav li strong {
	font-size:14px;
	font-weight:bold;
	color: #ffffff;
}
#side-nav li img {
	width: 10px;
	height: 12px;
	margin: 0 5px 0 0;
}
#side-nav li a {
	padding: 10px 30px;
	display:block;
	text-decoration:none;
	font-size:12px;
	color: #ffffff;
}
#side-nav li a:visited {
	text-decoration:none;
}

.clr {
	clear: both;
	line-height: 0;
	margin: 0;
	padding: 0;
}

#foot-text {
    float:right;
    width:300px;
    margin-top:30px;
    margin-right:30px;
    text-align:right;
    color:#ffffff;
}

.product_box {
	background:url('right_column_bg.gif') 0px 0px repeat-x;
	background-color:#3E74C6;
	display:block;
	color:white;
	margin:10px 0 0px 0;
}

	.product_box h4{
		color:white;
		margin:0px;
		font-size:1.4em;
	}

	.product_box p{
		color:white;
	}

	.product_box strong {
		color: white;
		font-size:1.4em;
	}

	.price strong{
		font-size:1.8em;
	}

	.product_box p{
		margin:5px 0px 5px 0px;
	}
	.product_box img{
	float:right;
	margin:0 10px 0px 0;
	float:left;
	}

	.product_box p.price{
		margin:0px;
		display:block;
		font-weight: bold;
		font-size:1em;
	}

	div.product_box_top{
		background:url('photo_box_top.gif') top left no-repeat;
		height:15px;
		display:block;
	}

	div.product_box_bottom{
		background:url('product_box_bottom.gif') bottom left no-repeat;
		height:15px;
		display:block;
		margin:0px 0 10px 0;
	}

	div.product_box_content{
		padding:0px 10px 0 10px;
	}
a.proof_of_performance{
background:url('proof_of_performance.jpg') center 5px no-repeat;
display:block;
width:100px;
border:1px solid #25427A;
float:right;
text-align:center;
font-size:.7em;
margin:0px 0 10px 10px;
padding:105px 5px 5px 5px;
text-decoration: none;
}
a.proof_of_performance:hover{
text-decoration: underline;
border:1px solid gray;
}