/* CSS Document  
stuart@northcolour.com
*/

/* take position:relative off the element or containing element holding the png*/


/* Index 
	CSS reset
	General Css
	Page elements
	Footer
	Styles
	Form Styling
	
*/

/* Css Reset */
/*-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
/* NorthColour General Css*/
/*-----------------------------------------------*/

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
}
body {
	font: 0.9em Arial, "Helvetica", sans-serif;
	padding: 0;
	color: #152a67;
	background: #d2d4e1 url(/img/livery/body_bg.jpg) no-repeat top center fixed;
	margin: 0 auto;
	line-height:1.125em; /* 16×1.125=18 */
}
a:link {
	color: #6c2086;
	text-decoration:underline;
}
a:visited {
	color: #6c2086;
		text-decoration:underline;

}
a:hover{
	text-decoration:underline;
}
a img {
	border: none;
}
h1 {
	font-size: 2em;
	margin: 0 0 0 0;
	padding: 0.25em 0;
	color:#6c2086;
}
h2 {
	font-size: 1.5em;
	margin: 0 0 0 0;
	padding: 0.25em 0;
		color:#6c2086;

}
h3 {
	font-size: 1.33em;
	margin: 0 0 0 0;
	padding: 0.125em 0;
		color:#6c2086;

}
h4 {
	font-size: 1.1em;
	padding: 0.5em 0 0;
		color:#6c2086;

}
h5 {
	font-size: 1em;
	padding: 0.5em 0 0;
		color:#6c2086;

}
h6 {
	font-size: 0.85em;
	padding: 0.5em 0 0;
		color:#6c2086;

}
p {
	padding: 0.33em 0 0.5em 0;
	line-height:1.5em;
		font-size:0.9em;
}
ul, ol {
	padding: 00 0;
	padding-left: 2.5em;
	list-style:disc;
	line-height:1.35em;
}
li {
	padding:0.5em 0;
	
}
dt {
	padding: 0.5em 0 0;
}
dd {
	padding: 0.25em 0 0.5em 2.5em;
}
pre, code, tt {
	font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
	padding: 1em 0;
}
code, tt {
	border-bottom: 1px solid #fff;
	padding: 0 1px;
}
address {
	font-style:normal;
	padding:0;
	margin:0;
}
/* Page Elements
/*-----------------------------------------------*/



#wrap {
	width:840px;
	margin:0 auto;
	text-align:left;
	padding:0;
	background:transparent url(/img/livery/content_bg.png) repeat-y top left;
}
#header {
	margin:0;
	padding:0;
	height:110px;
	width:840px;
	display:block;
	background:#ccc url(/img/livery/logo_bg.jpg) no-repeat top left;
}
#header h1, #header h2 {
	display:none;
}
#logogfx{
	float:right;
}
#menu {
position:relative;
	z-index:10;
	width:800px;
	margin:0 20px 0 20px;
	background:#ccc url(/img/livery/menu_bg.jpg) no-repeat top left;
	height:86px;
}
#bigshow {
position:relative;
z-index:9;
	width:800px;
	margin:0 20px 0 20px;
	height:255px;
	clear:left;
	background:#ccc url(/img/livery/big_pic_bg.jpg) no-repeat top left;
}
#bigshow .slideimg{
	margin:3px 23px 0 23px;
}
h2.breads {
	font-size: 1.0em;
	color:#FFF;
	display:block;
	margin:0 20px 0 20px;
	padding:0 45px 0 50px;
	width:705px;
	background:transparent url(/img/livery/bread_bg.jpg) repeat-y top left;
	clear:both;
	line-height:33px;
}
h2.breads a:link, h2.breads a:visited {
	color:#FFF;
	text-decoration:none;
}
h2.breads a:hover, h2.breads a:active {
	text-decoration:underline;
}
h2.breads span {
	display:none;
}

#body_content {
	margin:0 20px 0 20px;
	padding:0 20px 20px 20px;
	width:760px;
	background:transparent url(/img/livery/body_content_bg.jpg) repeat-y top left;
	clear:both;
}
#content {
	width:456px; /* 2/3 of 760 minus the padding*/
	margin:0;
	padding:30px 0 0 30px;
	clear:both;
	float:left;
		

}
#content li{
	font-size:0.9em;
}
#content_wide{
	width:700px; /* 2/3 of 760 minus the padding*/
	margin:0;
	padding:30px 30px 0 30px;
	clear:both;
	float:left;
	

}
#sidebar {
	float:right;
	width:264px;
	margin:30px 0 0 10px;
}
#sidebar h2, #featured h2{
	font-size: 0.9em;
	height:30px;
	line-height:13px;
	background:transparent url(/img/livery/bg_latest.jpg) repeat-x top left;
	color:#6c2086;
	padding:8px 20px 5px 10px;
	margin:0 30px 0 0;
	text-decoration:none;
	font-weight:bold;
}
#featured h2{
height:17px;
margin:20px 20px 0 0;
	

}
#featlist {
	width:435px;
	height: 152px;
	padding: 0;
	margin: 0;
	
}

.showcase{
position:relative;
display:block;
width:435px;
color:#FFF;
float:left;
margin:0 10px 20px 0;
}
.showcase img{position:absolute;top:0px;left:0px;z-index:10;background:transparent url(/img/livery/trans.png) top left repeat;}
.showcase a .trans {position:relative;padding:73px 0 0 0;z-index:50;}
.showcase a .trans div{padding:10px;background:transparent url(/img/livery/trans.png) top left repeat;}
.showcase a:hover .trans div{background:#6c2086;}
.showcase p{
	padding:0;
	margin:0;
	line-height:1em;
}
.showcase h4{color:#FFF;font-size:0.7em; padding:0 0 5px 0; margin:0;font-weight:bold;}
.showcase p{color:#FFF;font-size:0.7em; padding:0; margin:0;}

#featnav{

margin:0 0 0 30px;
padding:0;
}

#featnav a { border: 1px solid #ccc; background: #d0afe1; text-decoration: none; margin: 0 5px; padding: 3px 5px;  }
#featnav a.activeSlide { background: #6c2086;color:#fff; }
#featnav a:focus { outline: none; }

.content_feat{
	margin:0 20px 10px 10px;


}
.content_feat p{
	font-size:0.9em;
	line-height:1.2em;
}
.content_feat h3{
	font-size:0.9em;
		font-weight:bold;

}
.content_feat label.short{
	padding:0;
	margin:0;
	dislay:block;
}
.content_feat input{
	width:140px;
}
#contactform {
	float:right;
	width:400px;
}
#contactaddress {
	float:left;
	width:200px;
}
#navbar {
	padding:30px 0 0 20px;
	text-align:left;
	float:left;
}
#nav {
	text-align:left;
	margin:0 0 0 20px;
}
#nav, #nav ul { /* all lists */

	padding: 0;
	margin: 0;
	list-style: none;
	z-index:999;
}
#nav li { /* all li's */
	position: relative;
	list-style-type:none;
	float: left;
	display:inline;
	padding:0;
	margin:0;
	height:40px;
	width:95px;
}
#nav a {
	font-weight:bold;
	color : #fff;
	text-transform:uppercase;
	text-decoration : none;
	font-size:0.7em;
	height:40px;
	width:93px;
	padding:0 0 0 2px; /* to center text including the 2px bevel on the left*/
	background:transparent url(/img/livery/menu_bevel.jpg)  no-repeat center left;
	display:block;
	text-align:center;	
	
	  display: table;
	  text-align: center;
	  *display: block;
	  *position: relative;
}
#nav a span{
 display: table-cell;
 text-align: center;
  vertical-align: middle;
    line-height:1.2em;

  *display: block;
  *position: absolute;
  *text-align: center;
  *left: 0px;
  *width: 100%;
  *cursor: pointer;
  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2);
}

#nav a:hover{
	background:transparent url(/img/livery/nav_over.jpg)  no-repeat top left;
}



#nav li ul {
	position: absolute;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
position: absolute;
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

  	#nav li ul li {
		height:31px;
		line-height:31px;
		
	}
	#nav li ul li a{ /* second tier link styling */
		text-transform:none;
		height:31px;
		color:#521567;
		background:#fff url(/img/livery/2ndtierbg.jpg)  repeat-x top left;
	}
	#nav li ul li a:hover{
		color:#FFF;
	}

#nav li ul ul {
	margin: -31px 0 0 95px;
}


#nav li a.curractive, #nav li a.curractivepar {
background:transparent url(/img/livery/nav_on.jpg) repeat-x top left;
color:#fff;

}
a.curractive {
background:transparent url(/img/livery/nav_on.jpg) repeat-x top left;
color:#fff;
}
a:link.backlink, a:visited.backlink, a:active.backlink{
	font-size: 0.8em;
	height:20px;
	line-height:13px;
	background:transparent url(/img/livery/backlink.jpg) no-repeat top left;
	color:#FFF;
	padding:3px 20px 5px 20px;
	text-decoration:none;
	float:left;
	
}
.paginglinks{
	float:right;
	margin:0 10px 0 0;
}
.paginglinks {
	font-size:0.9em;
	color:#bba4c3;
	font-weight:bold;

}
.paginglinks a{
	color:#6c2086;
	text-decoration:none;

}
.paginglinks a.pagingnavlink{
	margin:0 20px 0 20px;
}
#categorygrid{
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}
#categorygrid li{
	margin:0 27px 10px 0;
	padding:0;
	list-style-type:none;
	width:315px;
	float:left;
}
#categorygrid li p{
	font-size:0.8em;
	font-style:italic;
	margin:0;
	padding:0;

}
#categorygrid li a{
	color:#6c2086;
	text-decoration:none;
}




#productgrid{
clear:both;
	margin:0;
	padding:0;
	list-style:none;
}
#productgrid li{
	margin:0 23px 0 0;
	padding:0;
	list-style-type:none;
	width:150px;
	height:200px;
	float:left;
}
#productgrid li h3{
	font-size:0.8em;
		padding:10px 0 10px 0;
		font-weight:bold;

}
#productgrid li a{
	color:#6c2086;
	text-decoration:none;
}
#productgrid li a.gridimg{
width:157px;
height:157px;
border:3px solid #6c2086;
text-align:center;
display:block;

}
#productgrid li img{
	margin:0;
	padding:0;

}
.prod_title{
	color:#6c2086;
	clear:both;
	float:left;
}
.prod_image{
	float:right;
		margin:0 30px 0 0;
		padding:0;
	border:3px solid #6c2086;
}
.prod_desc{
clear:left;
	margin:0 60px 0 0;
}

#map{

	float:right;
	margin:40px 30px 0 0;
}


#newsticker {
	width: 215px;
	padding:0 0 0 0px;
	height:15px;
	overflow : auto;
	margin:5px 0 0 5px;
	float:left;
}
#newsticker h2 {
	display:none;
}
#newsticker p {
	font-weight:bold;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	display:block;
}
#newsticker a {
	display:block;
}
#newsticker a:hover {
	text-decoration:underline;
}
a.pdflink{
	background:transparent url(/img/livery/pdf.jpg) no-repeat right;
	padding:0 20px 0 0;
	

}
.clearboth{
	margin:100px 0 0 0;
	clear:both;
}
.hideme{
	display:none;
}
/* Footer
-----------------------------------
*/
#footer {
	font-size:0.7em;
	margin:0 20px 0 20px;
	padding:33px 20px 0 44px;
	width:735px;
	height:80px;
	background:transparent url(/img/livery/footer_bg.jpg) repeat-y top left;
	clear:both;
	color:#6c2086;
	font-weight:bold;
}
#footer .iso {
	width:30px;
	height:32px;
	margin:0 20px 0 0;
	padding:0;
	float:right;
}
#footer address {
	line-height:1.5em;
	padding:10px 0 0 0;
	width:683px;
	float:left;
}
#footer .copy {
	padding:0;
	margin:0;
	float:right;
	width:300px;
	text-align:right;
	line-height:1.5em;
}
#footer strong {
	color:#E8007E;
}
#stdlinks {
	clear:both;
	float:left;
	background:transparent;
	color:#ccc;
	padding:20px 0px 10px 0;
	width:715px;
}
#stdlinks h3 {
	display:none;
}
#stdlinks ul {
	float:left;
	width:400px;
}
#stdlinks ul, #stdlinks li {
	list-style:none;
	display:inline;
	margin:0;
	padding:0 10px 0 0;
	line-height:1.5em;
}
#stdlinks a {
	text-decoration:none;
	color:#cfd1de;
	padding:0 10px 0 0px;
	margin:0;
	line-height:1.5em;
}
#stdlinks a:hover {
	text-decoration:underline;
}
#stdlinks p {
	text-decoration:none;
	color:#cfd1de;
	margin:0;
	padding:0;
	line-height:1.5em;
}
/* Styles
------------------------------
*/
.error {
	color:#FF0000;
	background:#FFCC99;
	border:1px solid #FF0000;
}
.success {
	color:#009900;
	background:#CCFFCC;
	padding:15px;
	border:1px solid #009900;
}
.required {
	background:#FFCC99;
	border:1px solid #FF0000;
}
.clearboth {
	margin:0px;
	padding:0px;
	font-size:1%;
	line-height:0%;
	clear:both;
}
/* Form Styling
---------------------------------------*/
form {
	margin:0;
	padding:0px;
}
input, textarea, select {
	background: #FDFDFD;
	border: 1px solid #7F9DB9;
	margin:0 0 0 0;
	padding:0;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}
input:focus, textarea:focus, select:focus {
	border:1px solid #000;
}
input, textarea {
}
input, textarea {
}
checkbox {
	width:20px;
}
label {
	color:#6c2086;
	display:block;
	width:180px;
	padding:0 10px 0 0px;
	margin:0 0 0 0;
	
}
label.short {
	display:block;
	width:80px;
	padding:0 10px 0 15px;
	margin:0 0 0 0;
	float:left;
}
label.autowidth {
	width:auto;
	padding:0;
}
#signup {
	padding:0px;
}
#submit, .submit {
	margin:5px 0 0 95px;
	width:auto;
}