/* CSS created by Walter Matyas www.theMMedia.com May-June 2008 */



body {font-family:"Trebuchet MS", Arial, sans-serif; font-size: 13px; color:#333333;   background:black url(images/bg_stripFine.jpg);    margin: 0; padding:0 ;    }

    
   
#header { background: black url(images/header.jpg) repeat; height:102px; border-bottom:3px #111111 solid}
#header img {border:none}

#horizontalBar	{height:3px; background-color:#333333} 

/*********** TOP MENU ***********/
#topMenu {font:bold 14px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase; background:#333333 url(images/menuBg.jpg) repeat-x top; text-align:left; height:26px}
#topMenu ul {list-style:none;  margin:0; padding:5px}
#topMenu li {display:inline; text-align:center }
#topMenu  a:link, #topMenu  a:visited {padding:5px 35px; background:#444444 url(images/menuButOff.jpg) center repeat-x; color:#CCC; text-decoration:none; }
#topMenu a:hover {color:#fedf64;  background:#111111 url(images/menuButOn.jpg) center repeat-x;}

#topMenu a#active:link, #topMenu a#active:visited {color:#fedf64;  padding:5px 35px; background:#666666 url(images/menuButactiveOff.jpg); text-decoration:none;}
#topMenu a#active:hover {color:#FF9; background-image:url(images/menuButactiveOn.jpg)}

/********** SUBMENUS *************/

div.submenu {width:200px; background:#220000 url(images/menuBgBlack.jpg) bottom center; filter:alpha(opacity=90); opacity:0.9}
div.submenu div {border-bottom:1px #444 solid; border-left:1px #000 solid; border-right:1px #000 solid;}
div.submenu div a {color:white; text-decoration:none; font:normal 12px Arial, Helvetica, sans-serif; display:block;  padding:7px 15px}
div.submenu div a:hover {background-color:#500; color:#fedf64}
div.submenu div.border {border-bottom:7px #500 solid}



/************* LEFT MENU ************/
	#menuLeft    {width: 220px; background:url(images/bg_stripFine.jpg) repeat; /*filter:alpha(opacity=85); opacity:0.85*/}
	#menuLeft ul {margin:0; padding:0; list-style:none; background:transparent url(images/header.jpg) -270px -100px }
	#menuLeft li {border-bottom:1px #333 solid }
	#menuLeft li a:link,	#menuLeft li a:visited  {display:block; padding:7px 5px 7px 12px;  text-decoration: none;	color: #202020;	font-weight: bold; background-color:#CCCCCC}
	#menuLeft li a:hover {background-color:#111111; color:#fedf64}
	#menuLeft li a:active {background-color:#550000; color:#FFFFFF; margin-left:1px}
	
	#menuLeft ul  ul {margin-left:10px} 
	#menuLeft ul  ul li {border-bottom:1px #444 solid; margin:0}
	#menuLeft ul ul a:link, #menuLeft ul ul a:visited {color:#DDDDDD; background-color:#666666; text-decoration:none}
	#menuLeft ul ul a:hover {background-color:#222222; color:#fedf64}
		
	#menuLeft ul ul li.activeLink {border-color:white; }
	#menuLeft ul ul li.activeLink a:link, 	#menuLeft ul ul li.activeLink a:visited { color:#fedf64; background:#550000 url(images/menuButactiveOff.jpg) center repeat-x;}
	#menuLeft ul ul li.activeLink a:hover {background:#660000 url(images/menuButactiveOn.jpg) repeat-x; color:#FFff99}

	#menuLeft div#ulSubmenu {visibility:hidden; height:auto}

/************* LAYOUT ELEMENTS ************/ 

#titleBar {background:#333333 url(images/header.jpg) -230px -130px repeat-x; color:white; min-height:110px;  border-bottom:2px #000 solid;  border-left:5px #000 solid; vertical-align:top; text-align:left}
#titleBar h1, #titleBar h2, #titleBar h3 {color:white; margin:0px}
#titleBar div#leftCell {float:left; border-right:5px black solid; width:120px; height:120px; background: black url(images/img_prod_small.png) no-repeat }
#titleBar div#leftCellabout {float:left; border-right:5px black solid; width:120px; height:120px; background: black url(images/img_building.jpg) no-repeat }
#titleBar #leftCellshowcase {float:left; border-right:5px black solid; width:120px; height:120px; background: black url(images/img_showcase.jpg) no-repeat }
#titleBar div#rightCell {margin-left:130px; padding:10px}
#titleBar div#rightCell p {margin-top:3px; line-height:13px}


td.dropShadowVertical {background: white url(images/bg_shadowVertical.jpg) repeat-y}

#content {margin:20px; text-align:left; vertical-align:top; text-align:left}

#content h1 {color:#000; font-size: 23px }
#content h2	{color:#CC3300; font-size: 20px}
#content h3	{color:#993300;  font-size: 18px}
#content A:link, #content  A:visited  {font-size: 12px;    font-weight: normal;    color: #4444CC; text-decoration: none; line-height: 16px}
#content A:hover {color: #222222;  text-decoration: underline}
#content hr {height:1px; size:1px; border:0; background-color:#BBB; color:#BBB}
#content img#zoom	{border:none !important}

#content ul#imageList01 {width:350px; font-size: 120%}
#content ul#imageList01 li {margin-bottom:10px; clear:right}
#content ul#imageList01 img {margin-top:3px; float:left }
#content ul#imageList01 a {float:right}

table#productChart {border-collapse:collapse; text-align:left}
table#productChart tr#topTable  {text-align:center !important; padding:10px;  background:#eaeaea url(images/bg_tableTop.jpg)}
table#productChart  td, th {border:1px #999999 solid; width:50%; padding:10px; vertical-align:top}
table#productChart  td img {border:1px black solid; margin:0px}
table#productChart  td a:link, table#productChart  td a:visited {font-size:inherit; color:#993300; text-decoration:none} 
table#productChart  td a:hover {color:#000}


table#borderlessTable { border-collapse:collapse}
table#borderlessTable td {border:none; font-size:95%; width:auto }
table#borderlessTable strong, em {font-size:120%}


/*table#productChart  td ul, h2, h3, p {text-align:left}*/

	div#box1 {border:1px #FFF solid; font-size:16px; color:#fff; background:url(images/bgBox1.jpg) center center; padding:20px; text-align:left}
	div#box2 {padding:0; margin:20px 0; text-align:center; font:10px italic Verdana, Arial, Helvetica, sans-serif !important; color:#333} 
	div#box2 img {border:none; margin:0}
	

	a.tophomepg:link, a.tophomepg:visited {	font-weight: normal;	color: #ffffff;	text-decoration: none;	}
	a.tophomepg:hover	{margin-left:1px}
	a.tophomepg:active	{color:#BBB}
	
	


/**************** HELPERS : CLEAR FLOAT ETC *************/

.clearFloat {height:0px; font-size:1px; line-height:0px; clear:both}

/*
    h1 {margin-bottom:0;	color: #ffffff;		font-size: 20px;	font-weight: normal;    }
	*/

    h1.title { color:#CCCCCC; font-size:24px}

    .h1 {

	color: #FFFFFF;

	font-size: 12px;

	font-weight: lighter;

	line-height: 10px;

}

    .subtitle {font:bold 12px Arial, Helvetica, sans-serif; color:#003366; text-transform:uppercase; letter-spacing:0px}
	.subtitleSmall {font:normal 12px; color:#003366}

    .homepg1 {	

	font-size: 24px;

	font-weight: bold;

	line-height: 18px;

	text-transform: uppercase;

	color: #ffffff;

	}



	.homepg2 {font-size: 14px; text-transform: uppercase;	color: #fff; letter-spacing:1px	}



	.homepg3 {

	font-size: 14px;

	font-weight: bold;

	line-height: 16px;

	text-transform: uppercase;

	color: #ffffff;

	}



    h2 {
	color: #000033;
	
	font-size: 16px;
	font-weight: bold;
	line-height: 13px;

    }

    .home {color:#900; font-weight:bold; text-transform:uppercase}

    .home1 {color: #000000;	font-size: 18px; font-weight:bold;	text-transform: uppercase;   }

    

    .home2 {

	color: #333333;

	font-size: 12px;

	padding-top: 4px;

	font-weight: bold;

	margin-bottom: 2px;

	text-transform: uppercase;

    }

	ul#list1, ul#list1 ul {margin:0; list-style:none}
	ul#list1 a:link { font-size: 12px;    font-weight: normal;    color: #800;   text-decoration: none; }
	ul#list1 a:visited { font-size: 12px;    font-weight: normal;    color: #A00;  text-decoration: none; }
	ul#list1 a:hover {color: #000; border-bottom:1px #666 solid}

    h3 {   color:#FF3300;
	    font-size: 14px;    font-weight: normal    }
		
		
/************* other ************/

.smallText {font: normal italic 11px Arial, Helvetica, sans-serif; color:#666666}
.smallText a {color:#335; text-decoration:none}

/********* style for external file ****************/

.b2iSmartWireDateCell { 
					/*background-image:url('http://www.ikona.ca/images/bluearrow.gif');*/
					background-repeat:no-repeat;
					background-position: left top;
					padding-left: 20px;
					width:80px;
					vertical-align:top;
					font-size: 12px
					}
					
					.b2iSmartWireHeadlineCell a:link, .b2iSmartWireHeadlineCell a:active, .b2iSmartWireHeadlineCell a:visited {
					font-weight: normal;
					color: #5566dd;
					text-decoration: none;
					font-size: 12px;
					}
					
					.b2iSmartWireHeadlineCell a:hover {
					font-weight: normal;
					color: #000000;
					text-decoration: underline;
					font-size: 12px;
					}
/********* END OF style for external file ****************/

/* Links 



	A.homepg:link, A.homepg:visited  {   font-size: 12px;    font-weight: normal;    color: #5555CC; text-decoration: none; line-height: 16px;  }
	A.homepg:hover {     color: #000000;  text-decoration: underline;  }

	*/

	a.topnav2, a.topnav2:visited, a.topnav2:link {

		color: #FF9900;

		text-decoration: none;

		

    	font-size: 11px;

	}

	

	a.topnav2:hover {

		color: #FF9900;

		

    	font-size: 11px;

 	    text-decoration: underline;

	}



    /************* Footer ***************/



    .footer {padding: 20px; text-align:center; border-top:1px #999 solid; font-size: 11px; color: #ffcc00; background-color:black}

   
    /*

    A.footer:link {

    font-size: 10px; 

    

    font-weight: normal; 

    color: #333333; 

    text-decoration: none;

    }

	

	A.footer:visited {

    font-size: 10px; 

    

    font-weight: normal;

    color: #666666; 

    text-decoration: none;

    }



	A.footer:hover {

    font-size: 10px; 

    

    font-weight: normal;

    color: #333333; 

    text-decoration: underline;

    }

    
 Case Study
    

    A.casestudy:link {

	font-size: 18px;

	

	font-weight: normal;

	color: #003366;

	line-height: 22px;

	text-decoration: underline;

    }



    A.casestudy:visited {

	font-size: 18px;

	

	font-weight: normal;

	color: #333366;

	line-height: 22px;

	text-decoration: underline;

    }



    A.casestudy:hover {

    font-size: 18px; 

     

    font-weight: normal; 

    color: #376e80; 

    line-height: 22px;

    text-decoration: underline;

    }*/
/***************** PRODUCTS PAGE MAIN TABLE *****************/
    
#products_table {border:none; width:auto; margin:20px; border-collapse:collapse}
#products_table	tr.tableTop {background:url(images/bg_tableTop.jpg) repeat-x}
#products_table .topLeft {border-left:1px #999999 solid; border-top:1px #999999 solid}
#products_table .topRight {border-left:1px #999999 solid; border-top:1px #999999 solid; border-right:1px #999999 solid}
#products_table h3  {color:#FF3300; font-size:16px; border-bottom:1px #FF9900 solid}
#products_table h2  {color:#000000; font-size:18px; line-height:20px}
#products_table h1 {color:#900; font-weight:bold; text-transform:uppercase}
#products_table td {text-align:left; vertical-align:top; font:normal 12px "Trebuchet MS", Arial, sans-serif;  padding:25px 10px}
#products_table td  img {border:1px #666 solid; margin-bottom: 15px}
#products_table	.imgCell {width:230px}
#products_table A:link, #products_table A:visited  {font-size: 12px;    font-weight: normal;    color: #5555CC; text-decoration: none; line-height: 16px}
#products_table	A:hover {color: #000000;  text-decoration: underline}
#products_table	.dividerCell {border-left:1px #999999 solid; width:2px; padding:0; margin:0}
#products_table	.topCell {border-bottom:1px #999999 solid; border-top:1px #999999 solid; height:3px; padding:0; margin:0}