﻿html {
 overflow-y: scroll !important;
}
body 
{
    padding: 0px; 
    margin: 0px; 
    border-style:none;
	background-position: top ;
	background-repeat:repeat-y; 
	scrollbar-face-color: #ffffff;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: #969696;
    scrollbar-3dlight-color: transparent;
    scrollbar-arrow-color:  #969696;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-width:10px;
}
body.videoBody
{
    padding: 0px; 
    margin: 0px; 
    Background: transparent;
}
td.onSite
{
	border :1px solid black;
	filter:alpha(opacity=35);
	opacity: .35;
    font-weight:bold;
	border :1px solid black;
	cursor:pointer;

}
td.offSite
{   
    font-weight:bold;
	border :1px solid black;
	cursor:default;
}
td.onProduct
{
	filter:alpha(opacity=35);
	opacity: .35;
    font-weight:bold;
	cursor:default;

}
td.offProduct
{   
    font-weight:bold;
	cursor:pointer;
}
td.onProduct1
{
	filter:alpha(opacity=35);
	opacity: .35;
    font-weight:bold;
	cursor:pointer;

}
td.offProduct1
{   
    font-weight:bold;
	cursor:default;
}
td.on
{
	cursor:pointer;
}
td.off
{   
	cursor:default;
}

/* hold div contains both scrolling content area and links in this example */
div#hold	{ 
	position:relative; overflow:hidden;
	width:760px; height:168px; z-index:100; 
	}
div#wn	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:760px; height:168px; 
	clip:rect(0px, 760px, 160px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading { visibility:visible; z-index:1 }
div#linksLyr { position:absolute; left:210px; top:0; z-index:3 }
table#imgTbl { width:720px }
table#imgTbl td { width:180px; height:160px; vertical-align:middle; text-align:center }

/* hold div contains both scrolling content area and links in this example */
div#hold1	{ 
	position:relative; overflow:hidden;
	width:175px; height:296px; z-index:100; 
	}
div#wn1	{ 
	position:absolute; 
	left:0px; top:0px; 
	width:175px; height:276px; 
	clip:rect(0px, 77px, 57px, 0px); 
	overflow:hidden;	
	z-index:1; 
	}
div.content1 { 
	position:absolute; visibility:hidden; 
	left:0px; top:0px; 
	z-index:2; 
	}
  
div#loading1 { visibility:visible; z-index:1 }
div#linksLyr1 { position:absolute; left:20px; top:0; z-index:3 }
table#imgTbl1 { width:77px }
table#imgTbl1 td { width:77px; height:57px; vertical-align:middle; text-align:center }


/* Styles for demo, not necessary for scrolling layers */  
body, td { font: 12px verdana, arial, helvetica, sans-serif }
h1 { font-size:1.3em }	


div#btnLeft { position:absolute; left:0; top:10; z-index:3 }  

div#btnLeft a
{
 
     text-decoration:none;
      
 }	

div#btnRight { position:absolute; right:0; top:10; z-index:2 }
div#btnRight a
{
 
     text-decoration:none;
      
}

div#btnLeft1 { position:absolute; left:0; top:10; z-index:3 }  

div#btnLeft1 a
{
 
     text-decoration:none;
      
 }	

div#btnRight1 { position:absolute; right:0; top:10; z-index:2 }
div#btnRight1 a
{
 
     text-decoration:none;
      
}
span 
{
     font-size : 12px;
     font-family: arial;
     font-weight:bold;
     color :#b2b4b6  
}
span.title
{
     font-size : 13px;
     font-family: arial;
     font-weight:bolder;
     color :#969696  
}
table.topTable
{
    width:100%;
    background-image: url(images/imageBackground.gif);
	background-position: right top ;
	background-repeat:no-repeat; 
} 

a
{
     font-size : 14px;
     font-family: arial;
     font-weight:bolder;
     color :#696969;
     text-decoration:none;
      
 }	
a:hover 
{
     font-size : 14px;
     font-family: arial;
     font-weight:bolder;
     color :#696969;
     text-decoration:underline;
}


#footer a
{
     font-size : 11px;
     font-family: arial;
     font-weight:bolder;
     color :#696969;
     text-decoration:none;
      
 }	
#footer a:hover 
{
     font-size : 11px;
     font-family: arial;
     font-weight:bolder;
     color :#696969;
     text-decoration:underline;
}

div.scroll1
{
    height:500px;
    width:136px;
    overflow:auto; 
}
div.scroll2
{
    height:260px;
    width:340px;
    overflow:auto; 
}
td.onClip
{ 
	filter:alpha(opacity=35);
	opacity: .35;
	cursor:pointer;
	
}

td.offClip
{
   
	cursor:default;
	
}

td.onClip1
{ 

	cursor:pointer;
	
}

td.offClip1
{
   
	cursor:default;
	
}

#mainContent 
{ 
    min-height:300px;
    height:auto!important;
    height:300px; 
} 
