/*
      Created by OOMPH! design
	  email: mail@oomphdesign.co.uk
	  last updaed: 3 Oct 08
	  
*/


optgroup {
font-weight: bold;
font-style:normal;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	background: #fff;
	color: #415968;
	}

.sidebar, .navigation, .sidebarflash {
   display: none;
   }
   
   
img {
	border: 0;
	}
	
#maincontent img {
	float: right;
	border: 0;
	margin: 0;
	}

.contentwrap-kline img {
	margin: 0 0 1em 0;
	border: 0;
	}
	
#sidebar img {
	border: 0;
	margin: 0;
	}
.headerimages {
margin-bottom: 1em;
}
	
.imgfloatright {
float: right;
margin: 5px 0 5px 5px;
padding: 0;
}
.imgaligntext {
margin-top: 35px;
}

.imgfloatleft {
margin: 5px 10px 3px 0;
float: left;
padding: 0;


}


/* PAGE STRUCTURE */

#wrap {
	margin: 0 auto;
	padding: 0; 
	width: 100%;
	background: #fff;
	}


.col-a { 
	float: left;
	margin: 0 22px .7em 0 ;
	width: 33%;

	}
.col-b { 
	float: left;
	margin: 0 22px .7em 0;
	width: 33%;

	}
.col-c { 
	float: right;
	margin-bottom: .7em;
	padding: 0;
	width: 240px;
	}
.col-bc { 
	float: left;
	margin-bottom: 1.3em;
	padding: 0;
	}
.col-ab { 
	float: left;
	margin: 0 22px .7em 0;
	padding: 0;
	width: 66%;

	}
.col-abc { 
	float: left;
	margin: 0 0 .7em 0;
	padding: 0;
	width: 99%;

	}

.contentwrap-kline { 
	margin: 0 0 .5em 0;
	padding: 0;
	width: 764px;
	float: left;
	background: url('../img/contentwrap-3col-bg.gif') repeat-y top left;
	}
.contentwrap { 
	margin: 0 0 .5em 0;
	padding: 0;
	width: 100%;
	float: left;
	}
	
	
#miniwrap {
	margin: 0 auto;
	padding: 0; 
	width: 860px;
	background: #fff;
	}
	
	.specholder {
	clear: both;
	}
	


/*Product overview pages*/
	
.collectionwrap-p1 {
background: #004169;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
.collectionwrap-p2 {
background: #005DA4;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
.collectionwrap-p3 {
background: #6DBFE7;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
.collectionwrap-p4 {
background: #323E49;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
.collectionwrap-p5 {
background: #5B6F7B;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
.collectionwrap-p6 {
background: #8E969D;
width: 764px;
overflow: hidden;
min-height: 180px;
margin-top: 1.5em;
clear: both;
	}
	
	
/* Tray pages */

.trayholder {
clear: both;
overflow: auto;
margin-top:1.2em;
}
.tray {
float: left;
margin: 5px 10px 0 0;
}
	
	
.collectiontext {
float:left;
width: 320px;

	}
	
.collectionimg {
	float: left;
	margin-right: 30px;
	}

.collectiontn {
	float: right;
	width:129px;
	background: #fff;
	min-height: 180px;
	margin-left:2px solid #fff;
	display: block;
	}
h5 {
color: #fff;
font-size: 120%;
margin: 15px 0;
font-weight: normal;
	}
	
	ul.collectionnav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 155px;
	font-size: 80%;
	float: left;
		}

	ul.collectionnav-b {
	padding: 0;
	margin: 0;
	list-style-type: none;
	width: 155px;
	font-size: 80%;
	float:right;
		}

ul.collectionnav li {
	padding: 0;
	margin: 0;
}

ul.collectionnav li a, ul.collectionnav-b li a {
	font-weight: normal;
	text-decoration: none;
	margin: 0;
	color: #fff;

	}
ul.collectionnav li a:hover, ul.collectionnav-b li a:hover {
	text-decoration: underline;
	}


.prod-pa


 dl.range
{
margin: 0;
padding: 0;
}

.range dt
{
margin: 1em 0 .5em 0;
padding: 0;
font-weight: bold;
}

.range dd
{
margin: 0 0 0 0;
padding: 0;
}


/*AllClear link formatting*/

.allclear {
margin-top: 2em;
width: 140px;
}
.allclear p {
font-size: 93%;
line-height: 120%;
} 

.aclink {
margin-top: 38px;
}
 
.aclink:hover{

background-position: bottom left;

}

/*Column formatting for homepage*/
.contentwrap-wide .col-a { 
	float: left;
	margin: 0 24px 0 0 ;
	width: 294px;

	}
.contentwrap-wide .col-b { 
	float: left;
	margin: 0 24px 0 0;
	width: 294px;

	}
.contentwrap-wide .col-c { 
	float: left;
	margin-bottom: 0;
	padding: 0;
	width: 294px;
	}
.contentwrap-wide { 
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%;
	float: left;
	}
.homeimage {
clear: both;
margin: 2em 0;
}

/* PRODUCT IMAGE SPACING */

.detail1, .detail2 {
	margin: 0 6px 0 0;
	padding: 0;
	border: 0;
	}
.detail3 {
	margin: 0;
	padding: 0;
	border: 0;
	}

.productmain {
	margin: 0 0 6px 0;
	padding: 0;
	border: 0;
	}


/* FOOTER */

#footer { 
	width:100%;
	height: 90px;
	overflow: hidden;
	clear: both;
	background: #fff url('../img/footer-grad-bg.jpg') repeat-x bottom center;
}

.footertext {
	padding: 10px;
	font-size: 75%;
	margin-top: 32px;
	line-height: 120%;
	width: 80%;
	float: left;
	}

.footerlogo {
	margin: 10px 0 10px 10px;
	float: right;
	width: 20%;
		}

/* LINKS */
a {
	text-decoration: underline;
	font-weight: normal;
	color: #a5a5a5;
	}
a:hover {
	color: #415968;
	text-decoration: underline;
	}
a:active {
	color: #a5a5a5;
	}
	
.rangelinks a {
	color: #0065A4;
	text-decoration: none;

	}


/* BREADCRUMB */

#breadcrumbnav {
	clear: both;
	margin: 1em 0;
	padding: 0;
color: #bdc5ca;

	font-size: 80%;
	}

#breadcrumbnav a {
	color: #bdc5ca;
	}
#breadcrumbnav  a:active {
	text-decoration: underline;
	font-weight: normal;
	}
#breadcrumbnav  a:hover {
	color: #415968;
	text-decoration: underline;
	}

/* TYPOGRAPHY */

p {
	margin: 0 0 .8em 0;
	font-weight: normal;
	line-height: 140%;
	}

h1 {
	font-size: 160%;
	line-height: 1.1em;
	color: #fff;
	margin: 0 0 0.8em 0;
	font-weight: normal;
	}

h2 { /* Main Page headings */
	font-size: 150%;
	line-height: 1.1em;
	color: #0065A4;
	margin: 0 0 0.6em 0;
	font-weight: normal;
	}

h3 { /*sub heads */
	font-size: 120%;
	margin: 0 0 6px 0;
	font-weight: bold;
	padding: 0;
	}

h4 { /*Stockists */
	margin: 1.2em 0 .5em 0;
	font-weight: bold;
	padding-bottom: .2em;
	border-bottom: 1px solid #415968;
	}

#sidebar p {
	margin: 0 10px 1em 0;
	font-weight: normal;
	font-size: 90%;
	}

.caption {
margin: 3px 0 8px 0;
font-size: 85%;
font-weight: normal;
}

.highlight {
color: #AA4A9B;
}

.tempnote {
color: #FF6633;
}
.stockistslink {
font-size: 70%;
}

/* PRODUCT PAGE FORMATTING (COLLECT OTHER BITS!!!!) */ 

.spec-caption {
margin: 3px 0 4px 0;
font-size: 85%;
font-weight: normal;
}

.price em {
font-size: 120%;
font-weight: bold;
font-style:normal;
}

#plans {
margin: 2em 0 2em 0;
padding: 0;
display: block;
}
.diagram {
padding: 0;
margin: 0 15px 1em 0;
float: left;
}
.plan-text {
padding: 0;
margin-top: 10px;
float: left;
width: 160px;
font-size: 80%;
}

#spec {
clear: both;
}
/* BULLET POINT FORMATTING */
.bullets ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.bullets li {
background-image: url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1em;
margin-bottom: 8px;
list-style-type: none;

}
.bullets {
margin: 0 0 2em 0;
padding: 0;
color: #000;
font-weight: bold;
color: #AA4A9B;

}

 

/* HEADER CONTENT */

.logo {
	width: 166px;
	float: left;
	margin: 0;
	}





/* tables */
.salesteam {
margin-bottom: 1.5em;
width: 100%;
}

.salesname {
width: 110px;

}
.salesnumber {
width: 100px;

}

.downloads {
margin-bottom: 1.5em;
width: 400px;
padding: 0;
}


.downloads table .product {
text-align: left;
}


.downloads tr {
padding: 2px 0;
margin: 0;
background: #fff;
}

/* Product tables */

.specification {
margin: 0 0 1em 0;
}


.specification table {
border-top: 1px solid #95A0A9;
position: relative;
width: 100%;
background: #fff;
line-height: 1em;
}
.specification table td {
margin: 0;
padding: 2px 0 2px 3px ;
text-align: left;
font-size: 78%;
}

.specification table .description {
text-align: left;
}

.specification table th {
font-size: 78%;
margin: 0;
padding: 10px 0 5px 3px ;
text-align: left;

}
.specification table caption {
margin: 0;
padding: 0;
text-align: left;
font-weight: normal;
}
.specification table .altrow {
background: #d8d9d9;
}

.specification table .altcol {
background: #d8d9d9;
}


.specification table .section td {
border-bottom: 1px solid #5B6F7B;
}
.specification table .colheader {
background: #415968;
color: #fff;

}
.specification p {
font-size: 78%;
margin-top: .6em;
line-height: 100%;
}

.admintables {
margin-bottom: 1.5em;
width: 100%;
text-align: left;
}

.admintables tr {
padding: 1px 3px;
margin: 0;
}

.admintables th {
font-weight: normal;
margin: 0;
padding: 2px 0 10px 0 ;
color: #5B6F7B;
}


/* NEWS */
.newspanel {
font-weight: normal;
margin: 1em 0;
padding-top: 10px;
border-top: #ddd solid 10px;
width: 145px;
}
.newspanel p {
margin: 0 0 .1 0;
line-height: 95%;
color: #aaa;
}
.newspanel h4 {
margin-bottom: .5em;
color: #000;
}
.newsdate {
color: #95A0A9;
}

.newslinks {
margin-top: 3em;
}

.newslinks p {
margin: 0 0 .3em 0;
}

.prcontact {
margin-top: 2em;
	padding-top: .4em;
	border-top: 1px solid #415968;
}

/* Contact form */
form {
margin: 0;
padding: 0;
}

.request {
padding: 15px;
margin-top: 1.5em;
border: 1px solid #95A0A9;
}

.stockistsearch {
margin: 1.5em 0 1.5em 0;
}

.request fieldset {
  margin: 0 0 1em 0;
  padding: 0;
  border: none;
  clear: both;
}
.request legend {
  padding: 0;
  margin: 10px 0;
  font-weight: bold;
}
/* Admin area forms */

.adminarea label {
	position: absolute;
	text-align:left;
	width: 130px;
	}
	
.adminarea input {
	margin-left: 140px;
	margin-bottom: 4px;
	}

.adminarea select { 
	margin-left: 140px;
	margin-bottom: 4px;
}
.adminarea select.newstype { 
	margin-left: 0;
	margin-bottom: 4px;
}

.adminarea input.box {
	margin-left: 0;
	margin-bottom: 4px;
	}


/*  */


.request label {
	position: absolute;
	text-align:left;
	width: 130px;
	}
.request input {
	margin-left: 160px;
	margin-bottom: 4px;
	width: 250px;
	}
.request input.postcode, .stockistsearch input.postcode {
	width: 100px;
	}
.request textarea {
	width: 410px;

	}
.request select {
	margin-left: 160px;
	margin-bottom: 5px;
	}
.request select.referer {
	margin-left: 0;
	margin-bottom: 5px;
	background: #fff;
	color: #415968;

	}
.request input.btn, .stockistsearch input.btn {
	margin-left: 0;
	width: auto;
	font-size: 90%;
	}
.request input.mailinglist {
	position: relative;
	text-align: left;
	width: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	}
	
	.smalltext {
	font-size: 85%;
	}
	
	
.request .alert {
font-size: 130%;
color: #AA4A9B;
}

.brochureselect {
float: left;
width: 130px;
margin: 20px 20px 0 0;
}

.brochuretext {
font-size: 100%;
font-weight: bold;
margin-bottom: .5em;
}
.brochuretext em {
font-weight: normal;
font-style: normal;
font-size: 85%;
margin: 0;
}