/* global  -------------------------------------------------------------------------*/

body{font:12px Arial, sans-serif;color:#0A57A4;line-height:1.3em;height:100%;}

html {height:100%}


#supersize img, #supersize a{height:100%;width:100%;display:none;}
#supersize .activeslide, #supersize .activeslide img{display:inline;}

div#bg {width:100%;height:100%;position:fixed}

* {margin:0;padding:0;}
p {padding: 0px 0 10px 0;}
img {border:0;}
a {text-decoration:underline;color:#0A57A4}
a:hover {text-decoration:none}
* :focus { outline: 0; }

h1 {font-size:24px;font-weight:normal;padding: 0px 0 30px 0px;color:#0A57A4}
h2 {font-size:12px;font-weight:bold;padding: 0px 0 10px 0;color:#0A57A4}
h3 {font-size:14px;font-weight:normal;padding: 0px 0px 10px 0;color:#019272}
h4 {font-size:12px;font-weight:bold;padding: 0px 0 0px 0;color:#0A57A4}
h6 {font-size:10px;padding:0 0 30px 0;font-weight:normal}
h7 {font-size:12px;font-weight:normal;padding: 0px 0px 10px 0;color:#0A57A4;display:block}
h8 {font-size:14px;font-weight:normal;padding: 0px 0 0px 0;color:#0A57A4}

div#content li {margin-left: 15px;} 
div#content ul {padding: 0px 0 15px 0}
div#content a {}

/* structure  -------------------------------------------------------------------------*/

div#container{margin:0px auto;width:940px;top: 0px;left: 50%;margin-left:-480px;position:absolute;min-height:100%;}

div#header{background:transparent url(../img/map.gif) no-repeat right 20px;overflow:auto}

div#logo{float:left}
.logoReplace{margin: 25px 15px 0px 0;display:block;width:120px;height:190px;text-indent:-9009px;background:transparent url(../img/logo.png) no-repeat 0 0;outline:none}


div#content {background:#fff;width:585px;margin:0 0 0px 0;right:5%;position:absolute;min-height:100%;}
div#contentTxt {padding:35px 30px 30px 30px;}
div#shortTxt {width:480px}

.headImg {margin:0 0 35px 0}

div#secondCol{width:150px;float:left;margin:25px 15px 0 0}
div#tel {color:#fff;margin:35px 0 0 5px}

/* main menu  -------------------------------------------------------------------------*/

ul#menu {list-style-type:none}
ul#menu li a {color:#fff;font-size:14px;padding:2px 0 2px 5px;display:block;border-bottom: 1px dashed #fff;text-decoration:none}
ul#menu li a:hover {background:#0A57A4;text-decoration:none}
.current{background:#019272}


/* footer  -------------------------------------------------------------------------*/
div#footer{position:fixed;bottom:0%;color:#fff;font-size:10px;padding:0 0 40px 5px;}
div#footer a {text-decoration:none;color:#fff}


/* side menu  -------------------------------------------------------------------------*/

ul#sideMenu {position:absolute;right:2%;list-style-type:none;margin:30px 0 0 0}
ul#sideMenu li{}
ul#sideMenu li a {}

/* sub menu  -------------------------------------------------------------------------*/

ul#subMenu {list-style-type:none}
ul#subMenu li a {color:#fff;font-size:14px;padding:2px 0 2px 15px;display:block;border-bottom: 1px dashed #fff}
ul#subMenu li a:hover {background:#0A57A4;text-decoration:none}

/* featured home page  -------------------------------------------------------------------------*/

.featured {float:left;margin:0 15px 10px 0px;width: 165px;background:#0A57A4;color:#fff;}
.featured dd {padding:5px;font-size:14px}
.featured dd a {color:#fff;text-decoration:none}
.featLast {margin: 0 0 30px 0}



/* news items  -------------------------------------------------------------------------*/

.newsItem {overflow:auto;clear:both;width:100%;border:1px dashed #0A57A4;margin:0 0 20px 0}
.newsItem dd {float:left;width:400px;padding:10px 0 10px 0 }
.newsItem dt {float:left;width:120px}
.newsItem dd a {text-decoration:none}
.newsItem dd a:visited {text-decoration:none}
.newsItem  img {padding:10px}

/* clients  -------------------------------------------------------------------------*/

.client {float:left;width:140px;text-align:center;margin:40px 0 0 0;}
.client img {margin: auto 0;vertical-align:middle}

/* products  -------------------------------------------------------------------------*/

.product {padding:10px 0px 10px 0;border-bottom:1px dashed #0A57A4;overflow:hidden}

.expand a:link,.expand a:visited {display:block;border-width:1px;background-image:url(../img/arrow_down.gif);background-repeat:no-repeat;background-position:0% 3px;outline:none;padding:0 0 0 30px;text-decoration:none}
.expand.arrow-up a:link, .expand.arrow-up a:visited {background-image:url(../img/arrow_up.gif);background-repeat:no-repeat;background-position:0% 3px;padding:0 0 0 30px;text-decoration:none}

.collapse  {padding:10px 0 0 0px}
.productImg {float:left;width:95px}
.productInfo {float:left;width:420px;padding:0px 0 0px 10px}


.productLink  {margin:10px 0 10px 0;display:block;width:87px;padding:2px 5px 2px 5px;border:1px dotted #0A57A4;text-decoration:none}

div#backBtn {width:100%;overflow:hidden}
.back {margin:10px 0 10px 0;display:block;padding:2px 5px 2px 5px;border:1px dotted #0A57A4;text-decoration:none;float:right;}

.subProducts {color:#019272;margin:0 0 2px 0;width:100%}
.subProducts td {}
.subTitle {padding:4px 5px 0 0;}
.price {padding: 4px 5px 0 0}
.price2 {padding: 3px 5px 0 0}
.paypal  {border:1px dotted #019272;color:#019272;background-color:#fff;padding:1px 5px 1px 5px;font:12px Arial, sans-serif;cursor:pointer;}
.cheque  {border:1px dotted #019272;color:#019272;background-color:#fff;padding:2px 5px 2px 5px;font:12px Arial, sans-serif;text-decoration:none;display:block;}

div#productDetails {border-bottom:1px dashed #0A57A4;padding:0 0 20px 0;margin:0 0 10px 0}

.samples {margin:10px 0 10px 0;}
.samples a {text-decoration:none;color:#019272} 
.samples  img {padding:0 0 10px 0} 
.samples  td {padding:0 15px 20px 0px;width:165px;}
.pdfLink  {margin:10px 0 10px 0;display:block;width:77px;padding:2px 5px 2px 5px;border:1px dotted #019272;text-decoration:none}

div#videoHolder {border-top:1px dashed #0A57A4;overflow:auto;padding:10px 0 0 0}

/* team page   -------------------------------------------------------------------------*/

div#teamTxt {padding:35px 0px 30px 15px;}

.teamMem a {text-decoration:none;color:#019272} 
.teamMem  img {padding:0 0 10px 0} 
.teamMem  td {padding:0 0 20px 12px;width:165px;}

/* contact  -------------------------------------------------------------------------*/

form#directions  input.text {border:2px solid #e3e3e3;padding:5px;width:200px;background:#fff}
form#directions  input.text:focus {border:2px solid #0A57A4;padding:5px;width:200px;background:#fff}
form#directions  input.btn {color:#fff;background:#0A57A4;border-width:0px;padding:5px;font:12px Arial} 


/* contact form  -------------------------------------------------------------------------*/
dl.contactForm {width: 100%;padding: 0;margin:20px 0 60px 0;overflow:auto}
.contactForm dt {width: 150px;float: left;margin: 0 0 0 0;padding: 5px .5em 15px 0em;color:#0A57A4;font-weight:bold}
.contactForm dd {float: left;width: 200px;margin: 0 0 0 0;padding: 0em .5em 15px .5em;}
.contactForm dd input.text {border:2px solid #e3e3e3;padding:3px;width:170px;background:#fff}
.contactForm dd input.text:focus {border:2px solid #0A57A4}
.contactForm dd textarea {border:1px solid #fff;padding:5px;background:#E6E6E6}
.contactForm dd textarea:focus {border:1px solid #0A57A4}
.contactForm input.btn {color:#fff;background:#0A57A4;border-width:0px;padding:5px;font:12px Arial}
.errors {color:#e04646;margin:10px 0 0 0}


#proFeat {margin:0 0 0 30px}
.profeatures {float:left;margin:0 15px 50px 0px;width: 165px;background:#0A57A4;color:#fff;}
.profeatures dd {padding:5px;font-size:14px}
.profeatures dd a {color:#fff;text-decoration:none}
.profeatures dd.proText {background:#fff;color:#0A57A4}