
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 0;
	font: 76% arial, helvetica, sans-serif;
	color: #626469;
	background-color: #EDEEEB;
}
/* ------------ relative font sizes --------------- */
h1 {
	margin: 10px 0 20px 0;
	padding: 5px;
	font-size: 1.6em;
	background: url( ../images/dotted_line.gif ) repeat-x bottom left;
}
h2 {
	margin-top: 0;
	font-size: 1.6em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h2,h3,h4,h5,h6 {
	font-family: arial, 'trebuchet ms', sans-serif;
	/*color: #7E9CD4;*/
	color: #d50109;
}

h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
p {
	margin: 1em 0 0 0;
}
/* ------------ misc elements --------------------- */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}
a:link {
	color: #0053e6;
}
a:visited {
	color: #eaa015;
}
a:active, a:hover {
	color: #c30;
}
h1 a:link, h1:visited, 
h2 a:link, h2 a:visited, 
h3 a:link, h3 a:visited, 
h4 a:link, h4 a:visited, 
h5 a:link, h5 a:visited {
	/*color: #7E9CD4;*/
	color: #d50109;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
	text-decoration: underline;
}

label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 0.7em;
	margin-bottom: 0.2em;
}
input.button {
	margin-top: 1em;
}
input.txt, textarea {
	background:  #fafafa url( ../images/bg-form-field.gif ) repeat-y top right;
	border: 1px solid #D6D6D6;
}
span.required {
	color: Orange;
	font-size: .9em;
	font-weight: normal;
}
/* ============  MAIN PAGE BLOCKS ================= */
#pageOuterContainer {
	margin: 10px auto 0 auto;
	width: 760px;
	background: url( ../images/page-bg-tile.gif ) repeat-y top left;
}
#pageOuterContainer img {
	display: block;
}
#pageInnerContainer {
	margin: 0 9px 9px 9px;
	width: 742px;
}
#mainblockfull {
	width: 100%;
}
#mainblockfull .padding {
	padding: 0 21px;
}
#banner {
	background: url( ../images/banner-bg.gif ) repeat-x top left;
}

#underFooterContainer {
	margin: 10px auto 0 auto;
	width: 742px;
}

#footerbar {
	padding: 0.6em 0;
	margin-top: 0em;
	background: #eee;
	border-width: 0 0 1px 0;
	border-color: #000 #000 #bbb #000;
	border-style: solid;
}
#footerbarunder {
	font-size: 0.9em;
	/*color: #999;*/
	padding: 1em 0;
}

ul.box {
	padding: 0 0 0 0.7em;
	margin: 0 0 0 0.7em;
	list-style: outside url( '../images/list_bullet_arrow.gif' );
	font-size: 0.9em;
}


div.home-box {
	padding: 0;
	margin-bottom: 20px;
}
div.home-box div.img {
	float: left;
}
div.home-box div.img img {
	display: block;
	margin-right: 20px;
}
div.home-box div.txtLft, div.home-box div.txtRt {
	float: left;
}
div.home-box div.txtLft {
	width: 241px;
}
div.home-box div.txtRt {
	width: 221px;
}
div.home-box div.txtLft p {
	margin-right: 20px;
}
div.home-box div.txtLft p, div.home-box div.txtRt p {
	margin-top: 0;
}

div.cont-col-1-2 {
	width: 360px;
	float: left;
}
div.cont-col-2-2 {
	width: 340px;
	float: left;
}
div.cont-col-1-2 img, div.cont-col-2-2 img {
	display: block;
}
div.cont-col-1-2 p, div.cont-col-2-2 p {
	margin: 0;
}
div.cont-col-1-2 .box-spacer, div.cont-col-2-2 .box-spacer {
	margin-bottom: 20px;
}
div.cont-col-1-2 div.cont-box {
	margin-right: 20px;
}

/*2 col with right hand col as side bar (thinner col)*/
div.cont-col-1-2side {
	width: 500px;
	float: left;
	/*background: #0f0;*/
}
div.cont-col-2-2side {
	width: 200px;
	float: left;
	/*background: #00f;*/
}
div.cont-col-1-2side .box-spacer, div.cont-col-2-2side .box-spacer {
	margin: 0 0 20px 0;
	padding: 0;
}
div.cont-col-1-2side .box-spacer p, div.cont-col-2-2side .box-spacer p {
	margin: 0;
}
div.cont-col-1-2side .box-spacer {
	margin-right: 20px;
	padding-right: 20px;
	/*border-right: 1px solid #ccc;*/
	background: url( ../images/dotted_line-v.gif ) repeat-y top right;
}
div.cont-col-2-2side .box-spacer form {
	margin: 0;
}

div.cont-box {
	width: 338px;
	padding: 0;
	margin: 0;
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
	background: transparent url( ../images/box-2col-bg.gif ) repeat-x bottom left;
}
div.cont-box div.padding {
	background: transparent;
}
div.cont-box h2 {
	font-size: 1.1em;
	margin: 0;
}
div.cont-box h2 a {
	background: url( ../images/link_bullet_arrow.gif ) no-repeat 0 0.2em;
	padding-left: 15px;
	text-decoration: underline;
}
div.cont-box img {
	display: block;
	float: right;
	border: 1px solid #003;
	margin: 0 0 10px 10px;
}
div.cont-box p {
	margin: 0.5em 0 0 0;
}
div.cont-box ul {
	margin: 0.5em 0 0 15px;
	padding: 0;
}
div.footer-col-1-2 {
	float: left;
	width: 471px;
	color: #626469;
}
div.footer-col-2-2 {
	float: left;
	width: 271px;
	text-align: right;
}
div.footer-col-1-2 a, div.footer-col-2-2 a {
	color: #9D9FA2;
}

/* ============ nav bar content =================== */

#navcontainer
{
margin: 0;
padding: 0;
height: 30px;
border-width: 1px 1px 1px 0;
border-color: #fff #C6CACD #C6CACD #fff;
border-style: solid;
background: url( ../images/nav-bg.gif ) repeat-x center left;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
border-left: 1px solid #C6CACD;
border-bottom: 1px solid #C6CACD;
border-right: 1px solid #fff;
}
#navcontainer ul li#active {
border-bottom: none;
background: url( ../images/nav-active-bg.gif ) repeat-x top left;
}
/*#navcontainer ul li .navItem {

}*/

#navcontainer ul li a
{
background: transparent;
width: 78px;
height: 29px;
border-top: none;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: none;
padding: 0;
margin: 0;
color: #626469;
text-decoration: none;
display: block;
text-align: center;
text-transform: uppercase;
font: bold 0.8em/30px verdana, ,tahoma, arial, geneva, sans-serif;
}

#navcontainer ul li.home a {
	width: 79px;
}
#navcontainer ul li.products a {
	width: 111px;
}
#navcontainer ul li.case a {
	width: 129px;
}
#navcontainer ul li.enquiries a {
	width: 111px;
}
#navcontainer ul li.links a {
	width: 81px;
}


#navcontainer ul li a:hover
{
color: #000;
background: #FFBC3E;
}

#navcontainer a:active
{
background: #c60;
color: #fff;
}

#navcontainer li#active a
{
background: transparent;
border-bottom: 1px solid #fff;
border-top: 1px solid #E0E0E0;
color: Orange;
}





/* ============ misc content styles =============== */
h2.headerbar {
	border-width: 1px;
	border-style: solid;
	/*border-color: #6A8DCC;*/
	border-color: #d50109;
	padding: 5px;
	/*background: #7E9CD4;*/
	/*background: #e6efef;*/
	background: #d50109;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	font-size: 1.2em;
	margin: 20px 0;
}
div.hr {
	border-top: 1px solid #E2E2E2;
	margin: 2em 0;
}
div.hr hr {
  display: none;
}
div.hr2 {
	background: url( ../images/dotted_line.gif ) repeat-x top left;
	margin: 2em 0;
}
div.hr2 hr {
  display: none;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #acacac;
	margin: 0 0 1em 0;
}
div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}
div.button-bar {
	/*background: #7E9CD4;*/
	background: #d50109;
	padding: 5px;
}
div.trade-logos {
	margin: 20px 0 0 0;
	background: url( ../images/logo-strip-bg.gif ) repeat-y top right;
}
div.trade-logos img {
	float: left;
	margin-right: 10px;
}
/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #9D9FA2;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #f60;  
}
.sig {
	color: #9D9FA2;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 2em 0 0 0;
}

