/*------------------------------------------------------------------
[ZeroMed Stylesheet]

Assigned to:	David Tsang

/*------------------------------------------------------------------
[Table of contents]

1. Base
	2. Header
		2.1. Top Menu
	3. Homepage
		3.1. Left column
		3.2. Right column
		3.3. Sidebar
	4. Content page
	5. Footer
	6. Print
-------------------------------------------------------------------*/

/*--------------------1. Base--------------------*/
body {width: 922px; margin: 0 auto;background-color: #106fc6 !important;}
#Form1, #aspnetForm {width: 922px; margin: 0 auto; background: #fff !important;}
#MaintableForContent {padding: 20px;}

p, ul, li, span {font: 12px Verdana, Arial;}

a:link,
a:visited,
a:hover,
a:active {font: 12px Verdana, Arial !important; color: #000; text-decoration: underline !important;}

h1 {color: #004288; font: 24px Verdana, Arial;}
h2 {color: #004288; font: 18px Verdana, Arial;}
h3 {color: #000; font:  bold 12px Verdana, Arial; margin-bottom: 0;}

/*--------------------2. Header--------------------*/
table#banner td.bannerLogo {padding: 15px;}
table#banner td.bannerStatement h3 {font: bold 18px Verdana, Arial; color: #3333cc; margin-top: 22px;}
table#banner td.bannerStatement {text-align: right; padding-right: 10px; width: 100%;}

/*---2.1. TopMenu--*/

/* article to left of top menu */

#TableTopNavBar {height:33px;}
 
/* styles for level 1 */
#TableTopNavBar .CMLevel1,
#TableTopNavBar .CMLevel1Selected {text-decoration: none !important;}
#TableTopNavBar .CMLevel1 .text {padding:8px 12px 6px 12px !important; height:19px !important; color:#ffffff; background:url(/images/useruploadedimages/11/menu-sep.jpg) no-repeat top right;}
#TableTopNavBar .CMLevel1:hover .text,
#TableTopNavBar .CMLevel1:focus .text {padding:8px 12px 6px 12px !important; height:19px !important; color:#ffffff; background:url(/images/useruploadedimages/11/menu-sep.jpg) no-repeat top right;}
#TableTopNavBar .CMLevel1Selected .text {padding:8px 12px 6px 12px !important; height:19px !important; color:#ffffff; background:url(/images/useruploadedimages/11/menu-sep.jpg) no-repeat top right;}

#TableTopNavBar .last .CMLevel1 .text {background:none;}
#TableTopNavBar .last .CMLevel1:hover .text {background:none;}
#TableTopNavBar .last .CMLevel1:focus .text {background:none;}
#TableTopNavBar .last .CMLevel1Selected .text {background:none;}

#TableTopNavBar .CMLevel2,
#TableTopNavBar .CMLevel2Selected {height:30px; border-bottom:1px solid #fff; text-decoration: none !important;}
#TableTopNavBar .CMLevel2 .text {font-size:12px !important; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#fff; text-decoration: none !important;}
#TableTopNavBar .CMLevel2:hover .text,
#TableTopNavBar .CMLevel2:focus .text {font-size:12px !important; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#fff;}
#TableTopNavBar .CMLevel2Selected .text {font-size:12px !important; padding:8px 12px 6px 12px !important; width:146px; height:16px !important; color:#fff;}


.top-login {color:#FFFFFF; font-family:verdana; font-size:11px; height:18px; left:180px; padding:7px; position:absolute; text-align:left; top:1px; width:300px;}
.top-login a {font:normal 11px Verdana!important; color:#fff!important; margin-left:5px; text-decoration:underline!important;}
.top-login a:link {font:normal 11px Verdana!important;color:#fff!important;}
.top-login a:visited {font:normal 11px Verdana!important;color:#fff!important;}
.top-login a:hover {text-decoration:none!important;}
.top-login a:active {font:normal 11px Verdana!important;color:#fff!important;}
.top-login a:focus{font:normal 11px Verdana!important;color:#fff!important;}


/*--------------------3. Homepage--------------------*/

/* Boxes */
table.articleBox {width: 200px; height: 130px; float: left; margin: 20px 20px 0 0;}
table.articleBox td.articleHeading h2 {font: bold 12px Verdana, Arial; color: #fff; margin: 0;}
table.articleBox td.articleHeading {height: 10px; padding: 5px;}
table.articleBox td.articleContent {vertical-align: top;}
table.articleBox ul {margin: 5px; padding: 0;}
table.articleBox li {list-style: none;}

table#healthMedical {background: #9900cc;}
table#healthMedical td.articleContent {background: #ccccff; height: 100%;}

table#workplaceGeneral {background: #000099;}
table#workplaceGeneral td.articleContent {background: #ccecff; height: 100%;}

table#houseHold {background: #008000;}
table#houseHold td.articleContent {background: #99ff99; height: 100%;}

table#pandemicPreparedness {background: #ff0000;}
table#pandemicPreparedness td.articleContent {background: #ffccff; height: 100%;}

div.slide {float: left; margin: 10px;}

/*--------------------4. Content Page--------------------*/

/* Category Page */
table.contentProduct {font: 14px Verdana, Arial; width: 100%;}
table.contentProduct h2 {font: bold 14px Verdana, Arial; color: #000;}
table.contentProduct img {margin: 5px 20px;}

/* Product List Page */
table.productList {font: 14px Verdana, Arial; width: 100%; border-bottom: 1px #339966 solid;}
table.productList td {padding-bottom: 10px;}
table.productList h2 {font: bold 14px Verdana, Arial; color: #000;}
table.productList img {margin: 5px 15px 5px 0;}
table.productList td.msds {width: 120px; vertical-align: bottom;}
span.msdsInfo {margin-right: 5px;}

/* Project Page */

table.productImage {float: left; width: 300px;}

table.productInformation {float: left; width: 560px;}

span.productCode {font-size: 15px !important;}

/* Image Float */

table.landingImage {float: left; margin: 0 10px 10px 0;}

/* SlideShow */

div#slideshow {position:relative; height:235px; float: left;}
div#slideshow a {position:absolute; top:0; left:0; z-index:8; opacity:0.0; border: none; float: left;}
div#slideshow a.active {z-index:10; opacity:1.0; border: none;}
div#slideshow a.last-active {z-index:9;  border: none;}
div#slideshow a img {border: none;}

/* Welcome Container */

table.welcomeHome {float: left; margin-left: 310px; width: 565px; height: 320px;}
table.welcomeHome td {vertical-align: top;}

/* Sub Top Menu */

table#topSubmenu {background: #106fc6; width: 100%;}
table#topSubmenu td {text-align: right; padding: 10px 10px 10px 0; color: #fff;}
table#topSubmenu a,
table#topSubmenu a:link,
table#topSubmenu a:visited,
table#topSubmenu a:hover,
table#topSubmenu a:active {color: #fff; font-size: 11px !important;}

/* Latest News */


table#homeNews
{
	width: 100%;
	height: auto;
	background: #fff
	background-repeat:no-repeat;
	background-position:top;
	padding: 10px 0;
}
table#homeNews td
{
	vertical-align:top;
	padding-top:18px;
	padding-left:16px;
}
table#homeNews h3
{
	font-size:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#365c81;
}
table#homeNews ul
{
  padding:0;
  margin:0px 0 5px 20px;
}
table#homeNews li
{
  padding-left: 5px;
  margin-bottom:5px;
}

.RadEContentBordered {background-color: #fff !important;}

/* Accessibility */

.footerAccessible {width:0px; height:0px; margin:0px 0px 0px -5000px;}
.footerAccessible h2 {font:bold 0px Verdana, Arial, sans-serif;color:#000000; padding:0px 0px 0px 0px; margin:0px; width:0px; height:0px;}

/*--------------------5. Footer--------------------*/

#footer {margin: 15px;}
#footer a, #footer p#Elcom {color: #666; font-size: 10px !important;}