/* === set all margins and paddings to 0 for consistency === */
* {
	margin: 0;
	padding: 0;
} 
/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 1.5em auto;
	width: 774px;
	font: 76% arial, helvetica, sans-serif;
	color: #000;
	background: #edf6fa;	
}
/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	font-size: 1.6em; 
	background: #c9e3ee;
	padding: 12px 15px 13px 15px;
	border-bottom: 1px solid #666666;
	letter-spacing: 1px;
}
h3 {
	font-size: 1.6em;
}
h3.header {
	background: #BA212C;
	color: #fff;
	font-size: 1.1em;
	padding: 5px;
	border-right: 2px solid #fff;
	letter-spacing: 1px;
	margin: 0.5em 0 1em 0;
}
h4 {
	font-size: 1.3em;
	font-family: arial, helvetica, sans-serif;
	color: #D3006E;
	margin-top: 1em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h2,h3,h5,h6 {
	/*font-family: 'trebuchet ms', sans-serif;*/
	font-family: arial, helvetica, sans-serif;
	color: #505050;
}
/* ------------ line heights ---------------------- */
/*p, .newsbody, li {
	line-height: 1.6em;
}
ul.box li {
	line-height: 1.4em;
}*/
/* ------------ margins --------------------------- */
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 {
	font-weight: bold;
}
a:link, a:visited {
	color: #D3006E;
	text-decoration: none;
}
a:active, a:hover {
	color: #D3006E;
	text-decoration: underline;
	
}
label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 2px;
}
input.form, textarea.form {
	background: url(../images/bg_form.gif) repeat;
	width: 185px;
	border: 1px solid #de9499;
	padding: 1px;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #2B81A5;
	font-size: .9em;
}
/* ============  MAIN PAGE BLOCKS ================= */
div#banner {
	padding: 15px 0 0 0;
	margin: 0 auto;
	background: url(../images/bg_topbar.gif) no-repeat top;
}
div#header {
	width: 758px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(../images/bg_header.gif) no-repeat top left;
	text-align: right;
	border-bottom: 1px solid #000;
}
div#header img {
	margin: 22px 20px 8px 10px;
}
div#shadow {
	background: url(../images/bg_shadow.gif) repeat-y top;
}

div#pagebodycontent {
	background: url(../images/bg_pagebodycontent.gif) repeat-y top left;
	width: 758px;
	margin: 0 auto;
	padding: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #b43636;
}
div#navbar {
	width: 180px;
	float: left;
}
div#content {
	float: left;
	width: 576px;
	border-left: 2px solid #fff;
}
div#content-block {
	padding: 0 15px;
}
div#strapline {
	background: #c9e3ee url(../images/bg_strapline.gif) no-repeat top right;
	padding: 18px 15px 6px 20px;
	border-bottom: 1px solid #666666;
}
div#strapline p {
	margin: 0;
	width: 350px;
	font-size: 1.1em
}

div#footerbar {
	padding: 12px 20px 20px 20px;
	margin: 0 auto;
	background: url(../images/bg_bottombar.gif) no-repeat bottom;
	color: #bb242e;
	line-height: 1.5em;
}
div#footerbar a:link, div#footerbar a:visited {
	color: #bb242e;
	text-decoration: none;
}
div#footerbar a:active, div#footerbar a:hover {
	color: #bb242e;
	text-decoration: underline;
}


/* ============ nav bar content =================== */
div#navbar ul {
	list-style: none;
}
div#navbar ul li {
	border-bottom: 2px solid #fff;
	text-transform: uppercase;
	padding: 17px 15px;
}
div#navbar ul li.green {
	background: #00bf38 url(../images/nav_green.gif) repeat-x bottom;
}
div#navbar ul li.green a {
	background: url(../images/bullet_white_green.gif) no-repeat 0 1.55em;
}
div#navbar ul li.yellow {
	background: #f1d400 url(../images/nav_yellow.gif) repeat-x bottom;
}
div#navbar ul li.yellow a {
	background: url(../images/bullet_white_yellow.gif) no-repeat 0 1.55em;
}
div#navbar ul li.orange {
	background: #fd6700 url(../images/nav_orange.gif) repeat-x bottom;
}
div#navbar ul li.orange a {
	background: url(../images/bullet_white_orange.gif) no-repeat 0 1.55em;
}
div#navbar ul li.pink {
	background: #db0072 url(../images/nav_pink.gif) repeat-x bottom;
}
div#navbar ul li.pink a {
	background: url(../images/bullet_white_pink.gif) no-repeat 0 1.55em;
}

div#navbar ul li.purple {
	background: #ab21d4 url(../images/nav_purple.gif) repeat-x bottom;
}
div#navbar ul li.purple-sel {
	background: #ab21d4 url(../images/nav_purple.gif) repeat-x top;
}
div#navbar ul li.purple-sel {
	padding: 17px 0 0 0;
}
div#navbar ul li.purple-sel2 {
	font-style: italic;
	letter-spacing: 1px;
}
div#navbar ul li.purple a {
	background: url(../images/bullet_white_purple.gif) no-repeat 0 1.55em;	
}
div#navbar ul li.purple-sel a {
	background: url(../images/bullet_white_purple_sel.gif) no-repeat 1.0em 1.7em;
	margin: 0 0 0 0;
}
div#navbar ul li.purple-sel ul {
	margin-top: 15px;
}
div#navbar ul li.purple-sel li {
	background: #b977cd url(../images/nav_purple_sel.gif) repeat-x bottom;
	border-top: 2px solid #fff;
	border-bottom: 0;
	padding: 8px 0 8px 15px;
	margin-right: -1px;
}
div#navbar ul li.purple-sel li a {
	background: url(../images/bullet_white_purple.gif) no-repeat 0 1.55em;	
}

div#navbar ul li.blue {
	background: #009fe8 url(../images/nav_blue.gif) repeat-x bottom;
}
div#navbar ul li.blue a {
	background: url(../images/bullet_white_blue.gif) no-repeat 0 1.55em;
}
div#navbar ul a {
	font-weight: bold;
	text-decoration: none;
	padding: 16px 60px 16px 15px;
}
div#navbar ul a:link, div#navbar ul a:visited {
	color: #fff;
}
div#navbar ul a:active, div#navbar ul a:hover {
	color: #000;
}

/* ============ two column layout =============== */
div#two-columns {
	background: url(../images/bg_twocols.gif) repeat-y top right;
	width: 100%;
}
div#main-block {
	width: 367px;
	float: left;
}
div#side-block {
	width: 208px;
	float: left;
	margin-left: 1px;
}

div.section-box {
	margin: 20px;
	/*background: #fff;*/
	background: #7b7a7a;
	width: 325px;
	border-bottom: 1px solid #1d3676;
	border-right: 1px solid #1d3676;
}
div.section-thumb {
	background: #fff;
}
div.section-thumb img {
	border-color: #1d3676;
	border-width: 1px 0 1px 0;
	border-style: solid;
	/*margin-left: 2px;*/
	margin-top: 8px;
	display: block;
	float: right;
}
div.section-box h3 {
	background: #173172 url(../images/bg_h3_sectionbox.gif) repeat-x top;
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 6px 10px;
	margin: 0;
	border-top: 1px solid #1d3676;
	border-left: 1px solid #1d3676;
	/*border-right: 1px solid #1d3676;*/
	width: 304px;
}
div.section-box h3 a {
	font-weight: bold;
}
div.section-box h3 a:link, div.section-box h3 a:visited {
	color: #fff;
	text-decoration: none;
}
div.section-box h3 a:active, div.section-box h3 a:hover {
	color: #9bb4f1;
	text-decoration: none;
}
div.section-text {
	background: #e5e5e5;
	width: 248px;
	border-color: #1d3676;
	border-width: 0 1px 0 1px;
	border-style: solid;
}
div.section-text p {
	padding: 8px 10px 9px 10px;
	margin: 0;
	/*font-size: 0.9em*/
}

/* ============ news box styles =============== */
div#news-box h3 {
	background: #bf323c url(../images/bg_h3_newsbox.gif) repeat-x top;
	border-bottom: 1px solid #666666;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 8px 10px
}
div#news-box h3 a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
div#news-box h3 a:link, div#news-box h3 a:visited {
	color: #fff;
}
div#news-box h3 a:active, div#news-box h3 a:hover {
	color: #000;
}
div#news-box h4 {
	font-size: 1.1em;
}
div#news-box ul {
	list-style: none;
	margin: 0 10px;
}
div#news-box ul li {
	background: url(../images/bullet_document.gif) no-repeat 0 0.6em;
	padding: 0.4em 0 1em 15px;
}
div#news-box ul a:link, div#news-box ul a:visited {
	color: #2b81a5;
	text-decoration: none;
}
div#news-box ul a:active, div#news-box ul a:hover {
	color: #2b81a5; 
	text-decoration: underline;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #BB242E;
	margin: 0.8em 0; 
}
p.teaser {
	background: url(../images/line_dotted_red.gif) repeat-x bottom;
	margin: 0;
	padding: 0 0 1.4em 0;
}

/* ============ misc content styles =============== */
div.contact {
	width: 524px;
	background: #eff5fb;
	border: 1px solid #76a1d5;
	margin: 1em 0 0 0;
	padding: 3px 10px 6px 10px;
}
div.contact p {
	margin: 0;
	background: url(../images/icon_info.gif) no-repeat 0 0.3em;
	padding: 7px 0 5px 30px;
}

div.clear {
	height: 1px;
	clear: both;
}
h3.headerbar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #fff #ccc #ccc #ccc;
	padding: 0;
}
div.hr {
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
div.hr hr {
  display: none;
}

div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}

/* ============ product table =================== */
table.products {
	width: 546px;
	background: #ecf5f9;
	margin: 0 0 1.5em 0;
}
table.products td {
	vertical-align: top;
}
table.products tr th {
	border-right: 2px solid #fff;
	text-align: center;
	padding: 4px 6px;
	background: #C9E3EE;
}
table.products tr.small th {
	font-size: 0.8em;
}
table.products tr td {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 2px 6px;
}
table.products tr td.acid-black {
	background: #000 url(../images/productcolours/acid_black.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-green {
	background: #00ff00 url(../images/productcolours/acid_green.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-blue {
	background: #00ffff url(../images/productcolours/acid_blue.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-orange {
	background: #ff6600 url(../images/productcolours/acid_orange.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-brown {
	background: #993300 url(../images/productcolours/acid_brown.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-red {
	background: #ff0000 url(../images/productcolours/acid_red.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-violet {
	background: #800080 url(../images/productcolours/acid_violet.gif) repeat-x top;
	width: 35px;
}
table.products tr td.acid-yellow {
	background: #feff79 url(../images/productcolours/acid_yellow.gif) repeat-x top;
	width: 35px;
}
table.products tr td.basic-blue {
	background: #2c8bce url(../images/productcolours/basic_blue.gif) repeat-x top;
	width: 35px;
}
table.products tr td.basic-green {
	background: #008000 url(../images/productcolours/basic_green.gif) repeat-x top;
	width: 35px;
}

div#product-nav {
	width: 544px;
	margin: 1em 0;
}
div#product-nav ul {
	list-style: none;
	padding: 10px 0;
}
div#product-nav ul li {
	display: inline;
	background: url(../images/bullet_square_blue.gif) no-repeat 0 0.65em;
	padding: 4px 5px 0 12px;
}

table.product-sections {
	background: #C9E3EE;
	margin: 1em 0;
}
table.product-sections td {
	vertical-align: top;
}
table.product-sections tr td {
	border-right: 20px solid #fff;
	width: 168px;
}
table.product-sections h3 {
	color: #fff;
	background: #173172 url(../images/bg_h3_sectionbox.gif) repeat-x top;
	font-size: 1.1em;
	padding: 4px 8px 6px 8px;
	margin: 0;
}
table.product-sections h3 a {
	text-decoration: none;
}
table.product-sections h3 a:link, table.product-sections h3 a:visited {
	color: #fff;
}
table.product-sections h3 a:active, table.product-sections h3 a:hover {
	color: #C9E3EE;
}
table.product-sections p {
	margin: 8px;
}
table.product-sections img {
	display: block;
	border-width: 1px 0;
	border-color: #fff;
	border-style: solid;
}

table.sections {
	background: #fff;
	margin-top: 1em;
	text-align: center;
}
table.sections tr td {
	width: 132px;
	border-right: 6px solid #fff;
	border-bottom: 18px solid #fff;
}
table.sections p {
	margin: 0;
}

table.contact-details {
	width: 100%;
	margin: 1em 0 0 0;
}
table.contact-details h4 {
	margin: 0;
}
table.contact-details tr td {
	border-left: 1px solid #C9E3EE;
	padding-left: 15px;
}
table.contact-details td {
	vertical-align: top;
}
p.section-para {
	border-top: 1px solid #C9E3EE;
	padding-top: 15px;
	padding-bottom: 5px;
}

div.breadcrumb {
	width: 100%;
	background: #fff url(../images/bg_breadcrumb.gif) repeat-x bottom;
	border-bottom: 1px solid #D3006E;
}
div.breadcrumb ul {
	list-style: none;
	padding: 10px 0 10px 10px;
}
div.breadcrumb ul li {
	display: inline;
	background: url(../images/bullet_arrow_pink.gif) no-repeat 0 0.7em;
	padding: 4px 10px 0 8px;
	text-transform: capitalize;	
}

/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #73a9c9;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #f60;  
}
.sig {
	color: #73a9c9;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em 0 0 0;
}