/* CSS Document */

html { height:100%; background:url("../images/bg_page.png") repeat-x scroll 0 0 #F7F7F7; }
body { height:100%; font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#333333; margin:0px}

#main
{
	background:url("../images/bg_pagetop.jpg") no-repeat 50% 0; 
}
 
.masthead {height:71px; background:url("../images/bg_masthead.jpg") no-repeat 0 0; border-bottom:2px solid #fff; }

  #utilitynav         		     li { display:inline; list-style:none; }
  #utilitynav         		      a { color:#333; font-size:10px; font-weight:bold; text-transform:uppercase;  }
  #globallinks {position:absolute;margin:-60px 0px 0px 20px;}
  #globallinks      		 select { height:19px; width:300px; padding:1px 2px 2px; font-size:10px; color:#999; }
  #globallinks         		      a {  }
  #globallinks         		  a img { height:30px; width:28px;background:url("../images/btn_search.gif") no-repeat 0 0;  }
  #globallinks			a:hover img { background-position:-28px 0; }
  /* hide text of image buttons */
  
  /* ========== Chart */
  #chart					   		{ border: 1px solid #CCCCCC; }
  #chartheader					 td { background-image:url("/images/header_bg.gif"); background-repeat:repeat; font-weight:bold; padding:6px; color:#000000; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #CCCCCC; } 
  #chartrow						 td { padding:6px; background-color:#FFFFFF; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCCCCC; } 
  #chartrowalt					 td	{ padding:6px; background-color:#F0F0F0; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #CCCCCC; }


 #footer               		    { margin-top:40px; padding-bottom:10px; background:#fff; }
  #footerlinks          		    { height:86px; padding:10px 0 10px 10px; }
  #footerlinks        		      a { color:#666666; font-size:11px; font-weight:bold; text-transform:uppercase;  }
  #footerlinks         		     ul { display:block; width:774px; padding:0 0 6px 0; margin:0; border-bottom:2px solid #cc0000; top:148px; }
  #footerlinks        		     li { display:inline;  }
  #footerlinks         		    img { float:right; margin-top:-87px; margin-right:10px; top:10px; }
  #seo                     		    { color:#ccc; font-size:10px; line-height:10px; margin:-30px 20px 20px 20px; text-align:center; }
  #copyright              		    { color:#999; font-size:10px; text-align:center; }

  #bodycontainerhome          		{  background:url("../images/bg_content.png") repeat-x 0 0 #fff; 
                              		    padding:0px 16px 16px 16px; min-height:200px;  
                              		}

  #sep   	  		  				{ margin:20px 0 20px 0; border-bottom:1px dotted; border-color:#ADADAD; }
.TheSide td {padding:0px 0px 5px 0px}

.RedLink, .RedLink a, .RedLink a:active, .RedLink a:link
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:none;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}
.RedLink a:hover
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline; 
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}

.BlackLink, .BlackLink a, .BlackLink a:active, .BlackLink a:link
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:Black;
	text-decoration:none;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}
.BlackLink a:hover
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}

.RedLinkN, .RedLinkN a, .RedLinkN a:active, .RedLinkN a:link
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:none;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}
.RedLinkN a:hover
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}

.BlackLinkN, .BlackLinkN a, .BlackLinkN a:active, .BlackLinkN a:link
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:Black;
	text-decoration:none;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}
.BlackLinkN a:hover
{
	font-weight:bold; font-style:normal;
	font-size:12px; font-family: Arial, Helvetica, sans-serif;
	color:#cc0000;
	text-decoration:underline;
	background:url("../images/icon_navbullet.gif") no-repeat 0 4px; padding-left:13px;
}

a img {border:none;}


hr {
	border: none 0;
	border-top: 1px solid #e0e0e0;

	height: 1px;
} 

h1 {
	font-weight:bold; font-style:italic; margin-bottom:0.5em; color:#000;font-size:24px;
}
h1 img {display:none;}


h2 {
	font-weight:bold; font-style:italic; margin-bottom:0.5em; color:#000;font-size:14px;
}

h3 {
	font-size:14px; font-weight:normal; font-style:italic; margin-bottom:0.5em; color:#000;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size: 18px;
	color:#b40000;
}

h5 {
	font-family:VArial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	color:#d2191f;
}

td,p,div,span,a
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
	color: #4d4d4d;
}

a
{
    color:#434343;
    text-decoration:none;
}

a:hover
{
    color:#b91015;
    text-decoration:none; 
}

a.red
{
    color:#b91015; font-size:10px;
     text-decoration:none; 
}
a.links
{
    color:#3e3e3e; font-size:10px;
	text-align:center;
}

a.links:hover
{
    color:#a3a3a3;font-size:10px;
	text-decoration:underline; 
}


.grey{color:#929292;  text-decoration:none; font-size:10px;}

.BreadCrumb  { margin:0 0 16px 0; font-size:10px; font-weight:bold;}





#BodyDiv
{
	position: relative;
	z-index: 0;	
	left: -5px;
}

#flash {
	width: 992px;
	position: relative;
	z-index: 0;	
	margin-left: -8px;
/*	border:2px ridge;*/	
}

#content {
	width: 992px;
	position: relative;
	z-index: 0;	
	margin-left: -8px;
/*	border:2px ridge;*/	
}







.contentLeft {
	background-image:url(../images/ui/left.png);
	background-repeat:repeat-y;
}

.contentRight {
	background-image:url(../images/ui/right.png);
	background-repeat:repeat-y;
}

.contentTop {
	background-image:url(../images/ui/top.png);
	background-repeat:repeat-x;
}

.contentBottom {
	background-image:url(../images/ui/bottom.png);
	background-repeat:repeat-x;
}


/* 
################################################################
################################################################
*/

.boxInnerTopLeft
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/top_left.png');
    width:33px;
    height:33px; 

}
.boxInnerTopLeft[class]
{
    background-image:url(../images/ui/content/top_left.png);
    width:33px;
    height:33px; 
    background-repeat:no-repeat;
}

.boxInnerTop
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/top_middle.png');
    height:33px; 
	background-repeat: repeat-x;


}
.boxInnerTop[class]
{
    background-image:url(../images/ui/content/top_middle.png);
    height:33px; 
	background-repeat: repeat-x;
}

.boxInnerTopRight
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/top_right.png');
    width:33px;
    height:33px; 
    background-repeat:no-repeat;
}
.boxInnerTopRight[class]
{
    background-image:url(../images/ui/content/top_right.png);
    width:33px;
    height:33px; 
    background-repeat:no-repeat;
}

.boxInnerLeft
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/left.png');
    width:33px;
	background-repeat: repeat-y;	

}
.boxInnerLeft[class]
{
    background-image:url(../images/ui/content/left.png);
    width:33px;
	background-repeat: repeat-y;	
}

.boxInnerRight
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/right.png');
    width:33px;
    background-repeat:repeat-y;
}
.boxInnerRight[class]
{
    background-image:url(../images/ui/content/right.png);
    width:33px;
    background-repeat:repeat-y;
}

.boxInnerBottomLeft
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/bottom_left.png');
    width:33px;
    height:33px;
}
.boxInnerBottomLeft[class]
{
    background-image:url(../images/ui/content/bottom_left.png);
    width:33px;
    height:33px;
}
.boxInnerBottom
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/bottom_middle.png');
    height:33px; 
    background-repeat:repeat-x;
}
.boxInnerBottom[class]
{
    background-image:url(../images/ui/content/bottom_middle.png);
    height:33px; 
    background-repeat:repeat-x;
}
.boxInnerBottomRight
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/ui/content/bottom_right.png');
    width:33px;
    height:33px; 
    background-repeat:no-repeat;
}
.boxInnerBottomRight[class]
{
    background-image:url(../images/ui/content/bottom_right.png);
    width:33px;
    height:33px; 
    background-repeat:no-repeat;

}

.boxInnerTile
{
    background-color:#FFFFFF;
}
.boxInnerTile[class]
{
    background-color:#FFFFFF;
}

.TableRow1
{
    background-color:#FFFFFF;
}
.TableRow2
{
    background-color:#dedede;
}
.TableHeader
{
    background-color:#aaaaaa;
}
.Button
{
    background-color:#aaaaaa;
}
.errMsg {margin-left:-40px;position:absolute ;color:#ffffff}
.form {color:#ffffff;}
.formLabel
{
    color:#ffffff;
}
.FormField
{
    font-family:Verdana;
    font-size:11px;
    color:#897763;
}
.FormFieldHover
{
    font-family:Verdana;
    font-size:11px;
    color:#dadada;
    background-color:#8a1122;
}
.imageCell
{
    
    cursor:pointer;
    
    background-image:url(../images/product-cell-bg.jpg);

    width:316px;
    height:325px;
    background-repeat:no-repeat;
}
.imageCellHover
{
    
    cursor:pointer;
    opacity: 1; filter: alpha(opacity=100);
    background-image:url(../images/product-cell-bg-on.jpg);
    background-color:Transparent;
    width:316px;
    height:325px;
    background-repeat:no-repeat;
}

.finderDD{
 background-color:#ffffff;
 border: 1px solid #cccccc;
 line-height:15px;
}

ul, li {
	list-style-image:url(../images/Bullets/bullet-grey.png);
}
ul.yellow, li.yellow {
	list-style-image:url(../images/Bullets/bullet-yellow.png);
}
ul.blue, li.blue {
	list-style-image:url(../images/Bullets/bullet-blue.png);
}
ul.orange, li.orange {
	list-style-image:url(../images/Bullets/bullet-orange.png);
}
ul.green, li.green {
	list-style-image:url(../images/Bullets/bullet-green.png);
}

.finderDDL1 {
 background-color:#dddddd;
}

.finderDDL2 {
 background-color:#ffffff;
}

.productBoxLeft {
	 background-image:url(../images/ui/products/product_left.png);
	 background-repeat:repeat-y;
}

.productBoxRight {
	 background-image:url(../images/ui/products/product_right.png);
	 background-repeat:repeat-y;
}

.productBoxBottom {
	 background-image:url(../images/ui/products/product_bottom.jpg);
	 background-repeat:repeat-x;
}




  .formLabel
    {
        background-color:#eaeaea;
        color:#9a9a9a;
        font-weight:bold;
        font-size:11px;
        font-family:Verdana;
        
    }
    .formLabelRight
    {
        background-color:#ffffff;
    }
    
    .TableBorder
    {
     border:1px solid #ededed;
    }
.ProductRange
{
    background-color:#ffffff;
    border:1px solid #cdcdcd;
}

.ProductTitle
{
	color:#333333;
	font-size:11px;
}

.ProductCode {
	color:#999999;
	font-size:11px;
}

.ProductCodeLink:link, .ProductCodeLink:visited {
	font-size:11px;
}

.ProductCodeLink:hover, .ProductCodeLink:active {
	font-size:11px;
}



/* ========== productz */
  #productz            		        { z-index:90; margin:0; }
  #productz           	   	    div { float:left; list-style:none; margin:0px; }
  #productz             		  a { display:inline-block; }
  
  #productzitem        		    	{ height:410px; position:relative; top:164px; width:382px; border:solid; border-width:2px; border-color:#CACACA; margin:0; }
  #productzitem        			div { list-style-type:disc; margin:0px; }
  #productzitem        		  	  a { display:inline-block; }
  
  #productz0_item        		{ list-style-type:disc;z-index:400; height:370px; width:385px; position:absolute; margin-top:-370px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz0_item        	  a { display:inline-block; }						  
																				  
  #productz1_item        		{ list-style-type:disc;z-index:400; height:370px; width:650px; position:absolute; margin-top:-370px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz1_item        	  a { display:inline-block; }						  
																				  
  #productz2_item        		{ list-style-type:disc;z-index:400; height:370px; width:477px; position:absolute; margin-top:-370px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz2_item        	  a { display:inline-block; }						  
																				  
  #productz3_item        		{ list-style-type:disc;z-index:400; height:370px; width:385px; position:absolute; margin-top:-370px; margin-left:518px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz3_item        	  a { display:inline-block; }						  
																				  
  #productz4_item        		{ list-style-type:disc;z-index:400; height:370px; width:650px; position:absolute; margin-top:-370px; margin-left:253px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz4_item        	  a { display:inline-block; }
		   
  #productz5_item        		{ list-style-type:disc;z-index:400; height:370px; width:385px; position:absolute; margin-top:-370px; margin-left:518px; border:solid; border-width:2px; border-color:#CACACA; background-color:#FFFFFF; }
  #productz5_item        	  a { display:inline-block; }

  #productzitemsidetitle 		    { padding-top:184px; margin:0; float:left; }
  #productzitemsidetitle 		div { float:none; width:75px; padding:20px 20px 0px 20px; margin:0px; text-align:right; font-size:14px; font-weight:bold; font-style:italic; color:#666666; }
  
  #productzitemsidetitle2 		    { padding-top:150px; margin:0; float:left; }
  #productzitemsidetitle2 		div { float:none; width:75px; padding:20px 20px 0px 20px; margin:0px; text-align:right; font-size:14px; font-weight:bold; font-style:italic; color:#666666; }
  
  #productzitemsep       		    { padding-top:20px; margin:0; float:left; }
  #productzitemsep   	  		div { height:370px; border-left:1px dotted; border-color:#ADADAD; }
  
  #productzitemsephome      		{ padding-top:20px; margin:0; float:left; }
  #productzitemsephome   	  	div { float:left; height:296px; border-left:1px dotted; border-color:#ADADAD; }
  
  #productziteminner    	  	    { width:230px; padding:20px 18px 0px 18px; margin:0; float:left; }
  #productziteminner    		  a { font-size:14px; font-weight:bold; font-style:italic; }
  #productziteminner 		a:hover { text-decoration:none; }
  
  #productziteminner2    	  	    { width:430px; padding:20px 18px 0px 18px; margin:0; float:left; }
  #productziteminner2    		  a { font-size:14px; font-weight:bold; font-style:italic; }
  #productziteminner2 		a:hover { text-decoration:none; }
  
  #productziteminnerarrow    	  	{ height:30px; margin:0; padding-top:0px; }
  
  #productziteminnermax    	  		{ height:30px; margin:0; float:left; }
  #productziteminnermax    		  a { color:#D81E05;}
  
  #productziteminnerlithium    	  	{ height:30px; margin:0; float:left; }
  #productziteminnerlithium    	  a { color:#0066CC;}
  #productziteminnerlithium    span { color:#0066CC; font-size:11px; font-style:italic; }
  
  #productziteminneradvanced    	{ height:30px; margin:0; float:left; }
  #productziteminneradvanced      a { color:#F9C90D;}
  #productziteminneradvanced   span { color:#F9C90D; font-size:11px; font-style:italic; }
  
  #productziteminnerrechargeable    { height:30px; margin:0; float:left; }
  #productziteminnerrechargeable  a { color:#008231;}
  #productziteminnerrechargeable span { color:#008231; font-size:11px; font-style:italic; }
			
  #productziteminnerhearingaid    	{ height:40px; margin:0; float:left; }
  #productziteminnerhearingaid    a { color:#cc0000;}
  #productziteminnerhearingaid span { color:#cc0000; font-size:11px; font-style:italic; }
  
  #productziteminnerspecialty    	{ height:30px; margin:0; float:left; }
  #productziteminnerspecialty     a { color:#cc0000;}
  #productziteminnerspecialty  span { color:#cc0000; font-size:11px; font-style:italic; }
  
  #productziteminnerlighting    	{ height:30px; margin:0; float:left; }
  #productziteminnerlighting      a { color:#FF9D20;}
  #productziteminnerlighting   span { color:#FF9D20; font-size:11px; font-style:italic; }
  
  #productziteminnerheader    	  	{ height:30px; margin:0; }
  

  #productziteminnerpic    	  	    { background-repeat:no-repeat; background-position:center; float:left; background-position:left;padding:0 0 0 0; height:140px; width:226px; margin:0; }
  #productziteminnerpic         div { height:140px; width:226px; margin:0px;vertical-align:top }

  #productziteminnericon    	  	{ height:50px; width:226px; margin:0;}
  #productziteminnericon        div { padding:0 10px 0 0; float:left; margin:0px; }

  
  #productziteminnerfeatures    	{ float:left; margin:0;}
  #productziteminnerfeatures     ul { list-style-type:disc; font-size:11px; color:#333333;}
  #productziteminnerfeatures     li { width:185px;list-style-type:disc; color:#333333;}
  


