/*

---------------------------------------------

	Colours

---------------------------------------------





---------------------------------------------

	/ Colours

---------------------------------------------

*/



/*

---------------------------------------------

	Cross browser fixes

---------------------------------------------

*/



* {

	margin: 0;

	padding: 0;

}



h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {

	margin: 1em 0;

}



li, dd {

	margin-left: 5%;

}



fieldset {

	padding: 0.5em;

}



img {

	display: block;

	border: 0;

}



table {

	font-size: 1em;

}



option {

	padding-right: 0.3em;

}

.no-border{

	border-color: #E7E7E7;

}



/*

---------------------------------------------

	/ Cross browser fixes

---------------------------------------------

*/



/*

---------------------------------------------

	Useful classes

---------------------------------------------

*/



.clear {

	clear: both;

	margin: 0;

	padding: 0;

}



.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix { display: inline-block; }

/* Hide from IE Mac \*/

.clearfix { display: block; }

/* End hide from IE Mac */



/*

---------------------------------------------

	/ Useful classes

---------------------------------------------

*/



/*

---------------------------------------------

	Page structure

---------------------------------------------

*/



body {

	background:#939393 url(../images/bggrad.jpg) top repeat-x;



	color: #333;

	font-size: 0.8em;

	font-family: Arial, Verdana, sans-serif;

	text-align: center;

}



#skiplinks {

	padding: 0 10px;

	position: relative;

	overflow: hidden;

	text-align: right;

	font-size:0.7em;



}



#skiplinks a {

	display: block;

	color: #939393;

}



#skiplinks a:focus, #skiplinks a:hover, #skiplinks a:active {

	color: #999;

}



#wrapper {

	width: 900px;

	margin: 0.75em auto ;

	text-align: left;

	padding: 0;

}



#header{

	width: 880px;

	min-height:211px;

	background:url(../images/header.jpg) top left no-repeat;

	margin:0 10px;

	border-bottom:7px solid #003399;



}

#header img{

	float:left;

}



#navigationprimary{

	width:720px;

	margin:180px 0 0 0;

	padding:0;

	float:right;

	background:#FFCD04 url(../images/nav-top.jpg) top repeat-x;

}





#navigationprimary ul {

	text-transform:uppercase;

	font-size:0.8em;

	font-weight:bold;

	float: left;

	margin: 0;

	padding: 1em 0 0.9em 0;

	list-style-type: none;

}





#navigationprimary ul li {	

	float: left;

	margin: 0;

	padding: 0;

	list-style-type: none;



}

#navigationprimary ul a{

	margin: 0;

	padding: 0.1em 0.5em;

	color: #000;

	text-decoration: none;



}



#navigationprimary ul ul {

	margin:4px 0;

	border-top: 1px solid #FFCD04;

	border-left: 1px solid #FFCD04;

	border-right: 1px solid #FFCD04;

	border-bottom: 1px solid #FFCD04;

	background-color:#F9FB6B;

}

#navigationprimary ul ul li{

	width:20em;

}



#navigationprimary ul ul a {

	padding: 0.2em 0.5em 0.2em 1.6em;

	border:0;

	color:#000;

}

#navigationprimary ul ul a:hover{

	padding: 0.2em 0.5em 0.2em 1.6em;

	border:0;

	color:#000;

}







#navigationprimary ul a:hover, #navigationprimary ul a:focus {

	color: #fff;

}



#content-bg{

	background:#fff url(../images/page_bg.jpg) top repeat-y;

	



}

#content{

	border-top:7px solid #fff;

	margin:0em 0.7em ;

	padding:0;

}

#content-top{

	background:#6B7A95 url(../images/content_top.jpg) top repeat-x;

	color:#fff;

	text-align:right;

	padding:1em 2em;

}

#content-top h2{

	color:#fff;

	font-size:1.3em;



}



#content-secondary{

	float:left;

	width:210px;

	min-height:425px;

	margin:20px 20px;

	padding:0;

	border-right:1px dotted #333;

}

#content-primary{

	float:right;

	width:820px;

	margin:20px 20px;

	padding:0;

}











#footer {

	background:url(../images/page_bot.jpg) top no-repeat;

	clear: both;

	padding: 3em;



	font-size:0.8em;

	text-align:center;

	color: #333;

}



#footer a {

	color: #333;

	text-decoration:underline;

}



#footer a:hover, #footer a:focus {

	color: #ccc;

	text-decoration:none;

}



.img-left{

float:left;

margin-right: 10px;}





.img-right{

float:right;

margin-left: 10px;}



.img-list{

margin-bottom: 30px;}



#images{

margin:10px auto;

}

#images img{

display:inline;

}

#images .middle{

margin: 0 1.5em;

}









/*

---------------------------------------------

	/ Page structure

---------------------------------------------

*/



/*

---------------------------------------------

	Typography

---------------------------------------------

*/



h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	color:#427CB6;





}







h1 {

	text-transform:uppercase;

	font-size: 1.2em;

	margin:10px 0;

	color:#427CB6;

	text-decoration:underline;

}



h2 {

	font-size: 1.2em;

	margin-bottom:0;



}



h3 {

	font-size: 1.4em;

	color:#427CB6;

	text-decoration:underline;

}



h4 {

	font-size: 1.3em;

}



h5 {

	font-size: 1.2em;

}



h6 {

	font-size: 1.1em;

}



 a{

	color:#0063AC;

	text-decoration:none;

}

 a:hover{

	color:#0063AC;

	text-decoration:underline;

}











/*

---------------------------------------------

	/ Typography

---------------------------------------------

*/



/*

---------------------------------------------

	Content

---------------------------------------------

*/







dt {

	margin: 2em 0 0 0;

	font-weight: bold;

}



dd {

	margin: 0.5em 0 0 0;

}



embed {

	margin-bottom: 1em;

}













/*

---------------------------------------------

	/ Content

---------------------------------------------

*/



/*

---------------------------------------------

	Forms

---------------------------------------------

*/



#content-top form {

	width:210px;

	float:left;

	text-align:left;

	background:url(../images/form_bg.jpg) top no-repeat;

	color:#000;

	padding:0 5px 10px 5px;

	margin:0;



}



label {



	display: block;

	float: left;

	clear: left;

	width: 180px;

	margin: 5px 0;



}











input[type=text], textarea {



	width: 200px;

	margin: 5px 0;

}



/*

---------------------------------------------

	/ Forms

---------------------------------------------

*/



/*

---------------------------------------------

	Pages

---------------------------------------------

*/













/*

---------------------------------------------

	/ Pages

---------------------------------------------

*/



/*

---------------------------------------------

	Pages

---------------------------------------------

*/













/*

---------------------------------------------

	/ Pages

---------------------------------------------

*/

.products td {

	padding: 10px;

	border-bottom: 2px solid #fff;

}