/* main.css
---------------------------*/
html, body {
    height:100%;
}
body {
    background:#fff;
    font:62.5%/140% Arial, sans-serif;
}
#container {
    min-height:100%;
    margin:0 auto 20px;
    position: relative;
    width:960px;
}
#footer {
	background: #af006e;
	height: 90px;
}
#footer h3 {
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.3;
	padding: 15px 10px;
}
#footer h3 a {
    color:#fff;
    text-decoration:none;
}
#footer h3 a:hover {
    text-decoration:underline;
}
#foot_copy {
	clear: both;
	padding-top: 10px;
	text-align: right;
}
#site-credits {
    color:#fff;
	padding: 10px 20px;
}
#header {
    height:12em;
    overflow: hidden;
    position:relative;
}
#site-info {
    background:url(../images/logo.png) no-repeat;
    height:0;
    left:0;
    padding-top:73px;
    position:absolute;
    overflow:hidden;
    top:33px;
    width:189px;
}
object#site-info {
    height:100px;
    left:-19px; /* for some reason, the flash logo doesn't line up properly so this is to offset it a bit */
    overflow:visible;
    padding:0;
    top:7px;
    width:217px;
}
#site-info a {
    background:url(../images/logo.png) no-repeat;
    display:block;
    height:0;
    left:0;
    padding-top:73px;
    position:absolute;
    overflow:hidden;
    top:0;
    width:189px;
}
#header-nav {
    margin:10px 0 0 240px;
}
#header-nav li {
    display:inline;
}
#header-customer {
    background: #b0ad91;
    bottom: -10px;
    color:#af006e;
    height: 35px;
    left: 790px;
    padding: 5px 10px 5px 20px;
    position:absolute;
    text-align: left;
    width: 110px;
}
.home #header-customer { left: 560px; }
.customer #header-customer {
	left: 510px;
	width: 160px;
}
#header-customer .images {
    bottom:0;
    position:absolute;
    right:0;
}
#header-customer * { color:#fff; }
#header-customer h2 {
    font-size: 12px;
    font-weight:bold;
}
#header-customer a {
    font-size: 12px;
}
#header-customer li {
    display: inline;
    padding: 0 5px;
}
#header-customer ul > li:first-child {
    border-right:1px solid #ccc;
    padding-left:0;
}
#header-customer ul > li:last-child {
    border-left:1px solid #ccc;
    padding-right:0;
}
#content {
    font-size:1.2em;
    position:relative;
}
#sidebar {
    left:0;
    position:absolute;
    top: 12em;
}
#side_promo { display: none; }
.js #side_promo {
    display:block;
	height: 244px;
	width: 220px;
}
#side_news {
	background: #af006e;
	color: #fff;
	margin: -35px 0 20px 10px;
}
#side_news a { color:#fff; }
#main-content { width: 700px; }
.home #main-content { width: 460px; }
#content_top {
	background: #b0ad91;
	margin: 5px 0 10px;
   /* margin-left:200px;*/
}
blockquote {
	background: url(../images/quotes.png) no-repeat -26px 0;
	padding: 5px 50px 5px 50px;
}
blockquote .cite {
	color:#b0ad91;
	background: url(../images/quotes.png) no-repeat 370px 0;
	display: block;
	height: 26px;
	width: 400px;
}
#signup {
    margin:10px;
}
#signup h3 {
    color:#990066;
    font-size:200%;
    line-height:1.2;
    margin-bottom:5px;
}
#signup h3 a:link, #signup h3 a:visited, #signup h3 a:active {
    color:#990066;
    text-decoration:none;
}
#signup h3 a:hover {
    text-decoration:underline;
}
#signup p {
    line-height:1.5;
}
#main-content h2, #main-content h3 {
    color:#790653;
    font-family: "Century Gothic", Arial, Sans-Serif;
    font-size:200%;
    line-height:1.2;
}
#main-content #content_top h2 {
	color: #fff;
	padding: 10px;
}
#main-content h3 {
    margin:10px 0;
}
#main-content p {
    line-height:1.5;
    margin:10px 0;
}
#main-content a:link, #main-content a:visited, #main-content a:hover, #main-content a:active {
    color:#990066;
}
#main-content a:active {
    outline:#990066 dotted 1px;
}
#main-content strong {
    font-weight:bold;
}
/* =Forms
----------------------------*/
#search, #searchAgain {
    background:#999966;
    color:#fff;
    margin:10px 0;
    padding:14px 10px;
}
#search label {
    font-size: 15px;
    font-weight: bold;
}
#search .text {
    border:1px solid #999966;
    width:138px;
}
#main-content #searchAgain .text {
    width:565px;
}
#search .text:focus {
    border-color:#990066;
}
#search .submit {
    position:relative;
    top:6px;
}
#main-content fieldset {
    margin:10px 0;
}
#main-content fieldset.save {
    margin-left:150px;
}
#main-content fieldset.save div {
    margin:0;
}
#main-content fieldset h3 {
    margin-top:0;
}
#main-content fieldset h3 span {
    font-size:16px;
}
#main-content fieldset div {
    margin:10px 0;
}
#main-content fieldset div.checkbox {
    margin-left:147px;
}
#main-content label {
    float:left;
    width:150px;
}
#main-content h2 label {
    float:none;
}
#main-content .checkbox label, #main-content .radios label {
    float:none;
}
#main-content .radios strong {
    float:left;
    font-weight:normal;
    width:150px;
}
.options {
    margin-left:150px;
}
.options li {
    padding:0 0 5px;
}
#main-content .text, #main-content textarea {
    border:1px solid #999;
}
#main-content .text {
    width:20em;
}
#main-content textarea {
    width:30em;
    height:10em;
}
input.postcode {
    border:1px solid #999;
    width:6em;
}
#page-content ul {
    list-style:disc;
    margin:10px 20px;
}
#page-content li {
    padding:5px 0;
}
.validation-summary-errors {
    color:#ff0000;
}
span.validation-summary-errors {
    display:block;
    margin:10px 0;
}
ul.validation-summary-errors {
    display:block;
    list-style:disc;
    margin:10px 20px;
}
ul.validation-summary-errors li {
    padding:5px 0;
}
.field-validation-error {
    color:#ff0000;
}
input.input-validation-error {
    background-color: #ffeeee;
}
#main-content #basket_login fieldset.save {    
    margin:0;
}
.feedback {
    background:#fffbcc;
    border:1px solid #990066;
    margin:10px 0;
    padding:10px;
}
span.feedback {
    display:block;
}
ul.feedback {
    list-style:disc;
    padding-left:25px;
}
#main-content > span.feedback {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}
#main-content > span.feedback + ul.feedback {
    border-top:none;
    margin-top:0;
}
ul.feedback li {
    padding:5px 0;
}
#current_user {
    margin:10px 0;
}
#current_user span {
    float:left;
    width:150px;
}
/* =Links
----------------------------*/
#nav-menu {
    margin:0 0 10px;
}
#nav-menu a {
    color:#fff;
    display:block;
    font-size: 15px;
    font-weight:bold;
    padding:10px;
    text-decoration:none;
}
#nav-menu a:hover {
    text-decoration:underline;
}
#sub_menu { margin: 20px 0; }
#sub_menu li { background: #b0ad91; }
#sub_menu a:link { color: #fff; }
#product-catalogue a {
    background:#990066;
}
#external-links ul, 
#external-links li {
    margin: 10px auto;
	overflow: hidden;
	width: 150px;
}
#external-links li {
    margin:10px 0;
}
#external-links a {
    display:block;
    height:0;
    overflow:hidden;
    width:150px;
}
#sgs a {
    background:url(../images/PC-ISO9001-2000-UKAS.jpg) no-repeat;
    padding-top:89px;
}
#socgen a {
    background:url(../images/sgmlogo.jpg) no-repeat;
    padding-top:25px;
}
#bsi a {
    background:url(../images/bsilogo.jpg) no-repeat;
    padding-top:31px;
}
#bshi a {
    background:url(../images/bshi_250.jpg) no-repeat;
    padding-top:58px;
}
#downloads ul, #links ul {
    margin:10px 15px;
}
#downloads li, #links li {
    margin:10px 0;
}
a[rel="external"], a[rel="external"][href$=".pdf"] {
    background:url(../images/ext_link.gif) no-repeat 0 50%;
    display:inline-block;
    padding-left:20px;    
}
#foot_copy a[rel="external"] {
    background:none;
    color:#000;
    display:inline;
    padding:0;
}
a[href$=".pdf"] {
    
    display:inline-block;
    line-height:17px;
    padding-left:0px;
}
.continue {
    margin:10px 0;
}
.continue a {
    background:#999966;
    border:1px solid #333;
    display:inline-block;
    padding:5px;
    text-decoration:none;
}
.continue a:hover {
    border-color:#990066;
    text-decoration:underline;
}
#main-content .continue a {
    color:#fff;
}
#main-content #sub_menu a {
    color:#fff;
    display:block;
}
/* =Products
------------------------------------*/
#main-content .products h3 {
    background:#790653;
    color:#fff;
    font-size:1em;
    font-weight:bold;
    padding:5px 10px;
}
#main-content .products h3 a {
    color:#fff;
    display:block;
    text-decoration:none;
}
.products li {
    margin:10px 0;
    padding-bottom:2px;    
}
.products ol {
    margin:10px 10px 10px;
    
}
#description {
    margin:10px 0;
}
#nav-products {
    margin-top:5px;
    overflow:hidden;
}
#nav-products li {
    float:left;
    margin-right:5px;
}
#nav-products a {
    background:#990066;
    display:block;
    font-weight:bold;
    padding:7px 15px;
    position:relative;
}
#nav-products a:hover, #nav-products li.selected a {
    background:#999966;
}
#main-content #nav-products a {
    color:#fff;
    text-decoration:none;
}
/* =Tables
------------------------------------*/
.catalogue, .basket {
    border:1px solid #000;
    border-collapse:collapse;
    margin:10px 0;
    table-layout:fixed;
    width:700px;
}
.catalogue th, .catalogue td, .basket th, .basket td, #totals th, #totals td {
    border:1px solid #000;
    padding:5px;
}
.catalogue th, .basket th, #totals th {
    background:#999966;
    color:#fff;
    font-weight:bold;
}
.catalogue td {
    vertical-align:top;
}
.basket td.quantity label {
    position:absolute;
    top:-9999px;
}
.basket td.quantity input {
    width:2em;
}
table .size, table .action, table .quantity, table .total {
    text-align:center;
}
table .price {
    text-align:right;
}
#article table th, #article table td {
    padding:5px;
}
#article th {
    font-weight:bold;
}
#page-content td {
    vertical-align:top;
}
#page-content table.personnel td {
    padding-right:5px;
}
#totals {
    height:2.5em;
    position:relative;
}
#totals table {
    position:absolute;
    right:0;
    top:0;
    width:211px;
}
/* =News
--------------------------------------*/
#latestNews h3 {
	background: #b0ad91;
	color:#fff;
	font-size: 20px;
    margin-top:0;
    padding: 10px;
}
#latestNews li, #articles li {
    background: #c0378d;
    margin: 10px;
    padding: 10px;
}
#latestNews #newsletter_signup {
	background: #700448;
}
#latestNews #newsletter_signup h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0;
}
#latestNews a {
    font-size:150%;
    line-height:1.2;
    text-decoration:none;
    
}
#latestNews a:hover {
    text-decoration:underline;
}
#latestNews #newsletter_signup a {
    font-size:100%;
}

#main-content #articles a {
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
}

#enquiries { margin: 0 0 15px; }

/* =Self-clearing floats
--------------------------------------*/
.group:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .group { height: 1%; }

.group { display: inline-block; }

/* Hide from IE Mac \*/
.group { display: block; }
/* End hide from IE Mac */

/* =sticky footer
--------------------------------------*/
html, body, #container { height: 100%; }

body > #container { height: auto; min-height: 100%; }

#content {
    min-height:505px; /* to stop the footer sitting on top of #sidebar */ 
    padding-bottom: 100px; /* must be same height as the footer + the bit extra added below :-) */
}

#foot_wrap {
	clear: both;
	margin-top: -100px; /* negative value of footer height + a bit extra :-) */
	padding-top: 20px;
	position: relative;
} 

/* =rounded corners
--------------------------------------*/
.rounded,
.rounded_pink {
	display: block;
	overflow: hidden;
	position: relative;
}

span.corner {
	height: 10px;
	position: absolute;
	width: 10px;
	z-index: 666;
}

	span.corner { background-image: url(../images/corners.png); }
		
	span.corner.pink { background-image: url(../images/corners_pink.png); }
		
	.tl {
		background-position: bottom right;
		left: -1px;
		top: -1px;
	}
	
	.tr {
		background-position: bottom left;
		right: -1px;
		top: -1px;
	}
	
		.IE6 .tr {
			right: -1px;
		}
	
	.bl {
		background-position: top right;
		left: -1px;
		bottom: -1px;
	}
	
	.br {
		background-position: top left;
		right: -1px;
		bottom: -1px;
	}
	
		.IE6 .br {
			right: -1px;
		}
	
/* =Misc
---------------------------------------------------------*/
#customerInfo dt, #deliveryInfo dt {
    font-weight:bold;
    margin:5px 0 2px;
}
#searchResults li {
    border-top:1px dotted #999966;
    padding:10px 0;
}
#searchResults p {
    margin:5px 0;
}
#basket_summary {
    background:url(../images/basket.png) no-repeat;
    font-size:1.2em;
    font-weight:bold;
    line-height:23px;
    padding-left:30px;
    position:absolute;
    right:0;
    top:5px;
    width:188px;
    z-index:100;
}
#basket_summary a {
    color:#999966;
    text-decoration:none;
}
#basket_summary a:hover {
    text-decoration:underline;
}
.continue {
    min-height:228px;
    position:relative;
}
#main-content #continue_shopping {
    min-height:2em;
    text-align:right;
}
#container #main-content div.empty {
    text-align:left;
}
#basket_login {
    width:350px;
}
#no_account {
    position:absolute;
    right:0;
    top:0;
    text-align:right;
    width:300px;
}
#main-content #no_account h3 {
    /* for some reason we need this to line up the headings #wtf? */
    margin-top:0;
}
#order_history {
    margin:10px 0;
}
#order_history li {
    border-top:1px dotted #999966;
    padding:10px 0;
}
#order_history table.basket {
    margin-top:0;
}
#order_history caption {
    font-weight:bold;
    margin-bottom:5px;
}

/* -- list styles -- */
#terms ol, #terms ol ol { list-style-type: decimal; }

.no_bullets {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
}

.flush_left,
.flush_left li {
	margin-left: 0;
	padding-left: 0;
}
#main-content .inline_list {
    margin-top:1px;
    margin-bottom:12px;
}
#main-content .inline_list li {
    background:none;
	float: left;
	margin-right: 10px;
	width: auto;
}
#main-content .inline_list li a {
    background:#B0AD91;
	padding: 5px 10px 7px;
	position:relative;
	text-decoration:none;
}
#main-content .inline_list li.selected a,
#main-content .inline_list li a:hover {
    background:#990066;
}
#page-content #staff {
    list-style:none;
    margin:10px 0;
}
#staff .vcard {
    float:left;
    height:9.5em;
    padding-left:95px;
    position:relative;
    width:225px;
}
#staff .photo {
    left:0;
    position:absolute;
    top:0;
}
#staff .fn {
    font-weight:bold;
}
.vcard div {
    margin-bottom:2px;
}
.photo img {
    border:1px solid #999966;
    display:block;
}

.naked, 
.naked li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.decimal { list-style-type: decimal; }
.lower-alpha { list-style-type: lower-alpha; }
.lower-roman { list-style-type: lower-roman; }
.HomeNewsWithpdf
{
	background-image:none;
}