body {
	margin: 0;
	padding: 0;
	font-size: 76%;
	font-family: arial, helvetica, sans-serif;
	background-color: #7f7a7a;
	color: #424242;
}
#page-bg {
	width: 965px;
	margin: 15px auto;
	border-width: 1px;
	border-color: #6e6a6a;
	border-style: solid;
	background-color: #fff;
	clear: both;
	padding: 0px;
}
#page-bg-inner {
	width: 943px;
	margin: 11px;
	/*background-color: #f7f7f7;*/
	
}

/* -------- default html element styles ------------------------------ */
p.centre {
	text-align:center;
}
p.highlight-large {
	font-size:1.2em;
}
h1, h2, h3, h4 {
	color: #57b1ce;
}
h1 {
	font-size:1.7em;
	border-bottom:1px solid #57b1ce;
	padding-bottom:0.1em;
}
h2 {
	font-size:1.5em;
}
h3 {
	font-size:1.2em;
}
h4 {
	font-size:1em;
}
img {
	border: none;
}
#banner {
	position: relative;
	background-image: url( ../images/bg-banner.gif );
	background-repeat: no-repeat;
	background-position: right;
	background-color: #fff;
}
#banner img {
	display: block;
}
.the-first {
	margin-top:0;
}
/*#banner IMG.header-flags {
	display:block;
	float:left;
}*/
/* -------- page content containers ---------------------------------- */

#page-cont { /* displays the blue side bar background tile */
	margin: 15px 0 0;
	background-color: #fff;
	background-image: url( ../images/side-col-bg.gif );
	background-repeat: repeat-y;
	background-position: left;
}
#page-cont-inner { /* need this simply to place the blue side col bottom piece */
	margin: 15px 0 0;
	background-color: transparent;
	background-image: url( ../images/side-col-bottom.gif );
	background-repeat: no-repeat;
	background-position: bottom left;
}
.two-col-left {
	float: left;
	width: 378px; /* this col has spacing included in it's width */
}
.two-col-left .cPadd {
	padding-right: 15px;
}
.two-col-right {
	float: left;
	width: 363px;
}
#page-cont img {
	display: block;
}
#below-page {
	width: 967px;
	margin: 15px auto;
}
.boxHighlight {
	border:1px solid #ccc;
}
.boxHighlight h4 {
	margin: 0.5em 0 0 0.5em;
}
.boxHighlight p {
	margin-left:0.5em;
}
/* -------- content columns ------------------------------------------ */

#side-bar-left {
	float: left;
	width: 171px;
	/*background-color: #f00;*/
}
#main-col-side {
	float: left;
	width: 772px;
	/*background-color: #0f0;*/
}

#main-col-side .cPadd {
	margin-left: 15px;
	/*width: 757px;*/
}
/* -------- left column content -------------------------------------- */

#side-bar-left h2 {
	margin: 0 0 0 10px;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
	color: #006f93;
}
.clearAll {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	display: hidden;
	height: 0;
}
/* -------- home content --------------------------------------------- */

.home-col-left {
	float: left;
	width: 427px;
}
.home-col-right {
	float: left;
	width: 330px;
}
.home-col-left-padd {
	padding: 0 15px 0 0;
	margin: 0;
}
.prod-box-left {
	float: left;
	width: 170px;
	/*background-color: #ddd;*/
}
.prod-box-right {
	float: left;
	width: 160px;
	/*background-color: #ccc;*/
}
.prod-box-left-padd {
	padding: 0 10px 0 0;
	margin: 0;
}
.prod-box {
	width: 160px;
	margin-bottom:10px;
}
.prod-box h2 {
	color: #424242;
	margin: 0.3em 0;
	font-size: 1.2em;
}
.prod-box h2 {
	font-size: 1.1em;
}

.prod-box h2 a:link, .prod-box h2 a:hover, .prod-box h2 a:visited{
	text-decoration:none;
	color:#000000;
}
.prod-box p {
	font-size: 0.9em;
	margin: 0;
}
.prod-box img {
	display: block;
}
.prod-box-body {
	/*width: 158px;*/
	border-width: 0 1px;
	border-style: solid;
	border-color: #cec6c6;
	background: url( ../images/prodbox-bg.png ) repeat-x bottom;
	padding: 1px 10px; /* prevent heading and paragraph margins collapsing to this div */
}
.prod-box-bottom-1, .prod-box-bottom-2, .prod-box-bottom-3, .prod-box-bottom-4, .prod-box-bottom-5, .prod-box-bottom-6 {
	position: relative; /* setup the reference point to position .more-info element */
}
.more-info a {
	position: absolute;
	top: 2px;
	right: 15px;
	font-size: 1em;
}
.more-info a:link, .more-info a:visited {
	color: #fff;
	text-decoration: none;
}
.more-info a:hover, .more-info a:active  {
	color: aqua;
	text-decoration: underline;
}
.boxHome {
	margin:1em 0 0.5em 0;
	padding: 0 0.5em 0 0.5em;
	border: 1px solid #cec6c6;
}
.boxHome h2 {
	font-size: 1.5em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.boxHome h3 {
	margin-top: 0;
}
.boxHome a:link, .boxHome a:active, .boxHome a:hover, .boxHome a:visited {
	text-decoration: none;
	color: #3f7e9d;
}
.boxHome img {
	float: left;
	margin-right: 0.5em;
}
.boxHome p {
	margin: -1em 0 0.5em 0;
}
/* -------- misc content --------------------------------------------- */
ul.pdf {
	list-style: none;
	margin: 0 2px;
	padding: 0;
}
ul.pdf li {
	margin: 0;
	padding: 0.5em 22px;
	background:url(images/icon-pdf.gif) no-repeat 0 0.4em;
}
.hr {
	line-height:1px;
	width:757px;
	background: #bbbbbb;
	margin-top:5px;
}
p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #acacac;
	margin: 0 0 1em 0;
}
/*section content*/
div.sectionContent {
	width:757px;
	border-width: 0 0 1px;
	border-color: #bbb;
	border-style: solid;
	margin-bottom: 10px;
	padding: 10px 0;
}
div.sectionContent h4 {
	margin-bottom: 0;
	font-size: 1.1em;
}
.VideoQuestion {
	float:left;
	margin-bottom:10px;
}
.VideoQuestion p {
	margin: 1.5em 0 1em 0;
}
#eventListLeft {
	float:left;
}
#eventListRight {
	float:right;
	margin-right:60px;
}
.BuyOnline {
	float:left;
	margin:0 1em 0 0;
}
/* ------------ site map lists -------------------------- */

ul.siteMapL1, ul.L2, ul.L3 {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
ul.siteMapL1 li {
	list-style: none;
	list-style-image: none;
	background-color: #f5f5f5;
	background-image: url( ../images/bullet-round-corner-square-l1.gif );
	background-repeat: no-repeat;
	background-position: 10px 0.8em;
	margin:1em 0;
	padding: 0.5em 0 0.5em 22px;
	border: 1px solid #e3e3e3;
}
ul.siteMapL1 ul li {
	background-color: transparent;
	margin: 0;
	/*padding: 0;*/
	border-width: 0;
}
ul.L2, ul.L3 {
	margin-left: 0.5em;
	padding-left: 0;
}
ul.L2 li, ul.L3 li {
	padding: 0.3em 0 0.3em 12px;
	background-position: 0 0.6em;
}
ul.L2 li {
	background-image: url( ../images/bullet-round-corner-square-l2.gif );
}
ul.L3 li {
	background-image: url( ../images/bullet-round-corner-square-l3.gif );
}
/*end of site map list*/
ul li { /* set default bulleted list style */
	list-style-image: url(../images/bullet-1.gif);
}
#flags {
	float:left;
	margin-right:5px;
}
/*contact page columns*/
#contactLeftCol {
	float:left;
	width:400px;
}
#contactRightCol {
	float:right;
	width:350px;
}
/*enquiries form*/
label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin-top: 1em;
	margin-bottom: 2px;
}
input.button {
	float:left;
	
}
input.box, textarea.box {
	border: 1px solid #93a3b4;
	width: 350px;
	padding: 2px 1px;
	background-color: #e6f3f7;
}
span.required {
	color: #57b1ce;
	font-size: .9em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}
/*product page image*/
.productPageImg {
	float:left;
}
.imgLarge {
	margin-bottom:10px;
}
h4.headerBar {
	background-color: #bbbbbb;
	padding: 0.3em;
	color: #fff;
	font-size: 1.2em;
	clear: both;
}
/*p.infoHeader {
	background: url(../images/bg-info-header.gif) no-repeat left;
	padding: 0.6em 0 0.6em 35px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0px;
}*/
p.infoHeader {
	color:#007ec4;
	font-size:1.2em;
	margin-top:0;
	background: url( ../images/button-info.gif ) no-repeat -0.03em 0.01em;
	padding: 1px 5px 5px 26px;
}
.imgProductRight {
	float:right;
}
/*==============Expandable div form====================*/
.layer1 {
  margin: 0 0 1em 0;
  padding: 0;
} 
.heading {
  margin: 1px;
  cursor: pointer;
  position: relative;
}
.content {
  width: 560px;
  padding: 5px 10px;
  background-color:#fff;
  border:1px solid #93a3b4;
}
.content p { 
  margin: 0 0 0 0; 
}
/*#google_translate_element {
	width:300px;
}*/
.translation-box {
	background-color:#CCC;
	border:1px solid #09F;
}
/*request form columns*/
#requestLeftCol {
	float:left;
	width:270px;
	margin-bottom:0.5em;
}
#requestRightCol {
	float:right;
	width:270px;
	margin-bottom:0.5em;
}
/*request form*/
.content .box {
	width:270px;
}
.content img {
	margin:1em 0 0 0;
}
/*==============End of Expandable div form====================*/
/*Google translation box*/
.goog-te-gadget-simple {
	width:165px;
}
.goog-te-gadget-simple .goog-te-menu-value span {
	margin-left:2px;
}
.goog-te-gadget img {
	float:left;
	margin-right:0;
}
.translate-box {
	height:44px;
	border:1px solid #cec6c6;
	background-color:#e8e5e5;
	padding:0.5em;
}
.translate-box h2 {
	font-size:1.1em;
	color:#1486db;
	margin:0 0 0.3em 0;
}
.flags img {
	float:right;
	margin:0 0 0 8px;
}
/* ============ signature =============================== */

#sig {
	color: #bcc9ca;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 3em 0 0 0;
	
}
#sig a:link, #sig a:visited, #sig a:active	{	
	text-decoration: underline;	
	color: #a7b7b1;	
}
#sig a:hover	{ 
	text-decoration: underline; 
	color: #ffd700;  
}
#sig #btdn {
	float: left;
}
#webcraftby {
	font-weight: bold;
	font-style: italic;
}
/* ============ Footer =============================== */
#footer {
	float:right;
	color:#a3a0a0;
	margin-left:0em;
	text-align: right;
}
#belowContact {
	/*float:left;*/
	color:#a3a0a0;
}
#belowContact a:link, #belowContact a:hover, #belowContact a:visited {
	color:#a3a0a0;
}
