body 
{
	background-color: Black;
	font-family: Arial;
	font-size: 12px;
}
/* Base Page Structures */
.pagelayoutholder
{
	left: -3px;
}

#TopBanner
{
	left: -3px;
}

#shadedContentPlaceHolder
{
	background-image: url('../../../images/LayoutImages/background/shadedfooting.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 300px;
}

/* legal */
#legalInfo
{
	width: 925px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	display: block;
}

.Legaltext {
	color: #787878;
	text-decoration:none;
	font-size: 0.8em;
	font-family: Arial;
	font-weight: normal;
	background-color:Transparent;
	
}

.Legaltext a:link, .Legaltext a:active, .Legaltext a:visited
{
	color:#787878;
	text-decoration: underline;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
}

.Legaltext a:hover
{
	color:#9A9A9A;
	text-decoration: underline;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
	text-decoration: underline;
}

/* News ticker */

/* legal */
.Newstext
{
	color:#FFFFFF;
	text-decoration: None;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	cursor: default;
}

a.Newstext, a.Newstext:link, a.Newstext:visited, a.Newstext:active
{
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
	cursor: pointer;
}

a.Newstext:hover
{
	color:#FFFFFF;
	text-decoration: underline;
	font-size: 14px;
	font-family: Arial;
	font-weight: normal;
	cursor: pointer;
}

/*-------------------------------*/



/* Language box */

.CorpNavButton {
	color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:White ;
	
}


/* top navigation */

.CorpNavButton {
	color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;
	
}

a.CorpNavButton {
    color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;

}
a.CorpNavButton:link {
 color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;
}
a.CorpNavButton:visited {
 color:#8A8A8A;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;
}
a.CorpNavButton:hover {
 color:#AEAEAE;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;
text-decoration: underline;

}
a.CorpNavButton:active {
 color:#AEAEAE;
	text-decoration:none;
	font-size:14px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
	width:45px;
	height:20px;
	background-color:Black;


}


/* ---- end top navigation ---------- */
.CorpNavFooterButton {
	color: #909090;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
}

/* ---------- footer -------------------- */
.CorpNavFooterDropDownbox {
	color:#666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: normal;
	background-color:white;
	border:solid 1px Black;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
}

a.CorpNavFooterButton, a.CorpNavFooterButton:link, a.CorpNavFooterButton:visited, a.CorpNavFooterButton:active 
{
    color: #DDD;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal;
}

a.CorpNavFooterButton:hover
{
	color: #FFF;
	text-decoration: underline;
	font-size: 11px;
	font-family: Arial, Verdana,  Helvetica, sans-serif;
	font-weight: normal
}

/* --------------------------------------*/

.ProdNavButton {
	color:#CCCCCC;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
	
}

.Footertextst {
	color:#CCCCCC;
	text-decoration:none;
	font-size:10px;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
	
}

.FeaturprojectorHeader {
	color:White;
	text-decoration:none;
	font-size:32px;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
	
}

.Featurprojectorintro {
	color:#6C6C6C;
	text-decoration:none;
	font-size:24px;
	font-family: Arial;
	font-weight: bold;
	background-color:Transparent;
	
}

.BusinessEdIntroText
{
    color:White;
	text-decoration:none;
	font-size:21px;
	font-family: Arial;
	font-weight: bold;
}

.HomeEntertainmentText
{
    color:Black;
	text-decoration:none;
	font-size:21px;
	font-family: Arial;
	font-weight: bold;
}


.BusinessEdNavButton {
	color:White;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
}

overallpanel 
{
	position:absolute; width: 300px; height: 27px; z-index: 2; top: 15px; border:solid 1px Red; right: 27px;
}


#easyscroll{
	background:#000000;
	margin:1em 0;
	border:1px solid #535253;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnav, #easyscrollnav li{
		height:28px;
		line-height:28px;
		margin:0;	
		padding:0;
		}	
	#easyscrollnav{
		margin:1em 0;	
		}			
	#easyscrollnav li{
		list-style:none;
		float:left;
		background:#eee;
		margin-right:10px;		
		padding:0 10px;
		color:#333;
		cursor:pointer;
		}					
	#easyscrollnav li.over{
		color:#999;
		text-decoration:underline;
		}							

	/* // easyscroll navigation buttons */	

/* // end easyscroll */


div.Gallery a {
color:#FFFFFF ;
background: #000000; 
text-decoration:none; 
font-size:11px; 
line-height:20px; 
font-family: Arial;
padding: 1px 1px 1px 2px;
border:1px solid #FFFFFF;
width:20px;
height:20px;
padding:2px 2px 2px 2px;
text-align:center; 
}

div.Gallery a:link {
color: #FFFFFF; 
background: #000000;
text-decoration:none; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}

div.Gallery a:active { 
color: #FFFFFF;
background: #000000; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}

div.Gallery a:visited {
color: #FFFFFF; 
background: #000000; 
text-decoration:none;
width:20px;
height:20px; 
text-align:center;
padding:2px 2px 2px 2px;
}

div.Gallery a:hover {
color: #FFFFFF;
background: #000000; 
text-decoration:none; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}

Gallery a {
color:#FFFFFF ;
background: #000000; 
text-decoration:none; 
font-size:11px; 
line-height:20px; 
font-family: Arial;
padding: 1px 1px 1px 2px;
border:1px solid #FFFFFF;
width:20px;
height:20px;
padding:2px 2px 2px 2px;
text-align:center; 
}

.Gallery a:link {
color: #FFFFFF; 
background: #000000;
text-decoration:none; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}

.Gallery a:active { 
color: #FFFFFF;
background: #000000; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}

.Gallery a:visited {
color: #FFFFFF; 
background: #000000; 
text-decoration:none;
width:20px;
height:20px; 
text-align:center;
padding:2px 2px 2px 2px;
}

.Gallery a:hover {
color: #FFFFFF;
background: #000000; 
text-decoration:none; 
width:20px;
height:20px;
text-align:center;
padding:2px 2px 2px 2px;
}


/* Fonts */

.normalarial {
	color:#666666;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
 	font-weight: normal;
 	
}

.normalarial a { 
color: #666666;
font-size:12px;
font-family: Arial;
font-weight: normal;
text-decoration:underline; 
}

.normalarial a:link { 
color: #666666;
font-size:12px;
font-family: Arial;
font-weight: normal;
text-decoration:underline; 
  
}

.normalarial a:active { 
color: #666666;
font-size:12px;
font-family: Arial;
font-weight: normal;
text-decoration:underline;    
}

.normalarial a:visited {
color: #666666; 
font-size:12px;
font-family: Arial;
font-weight: normal;
text-decoration:underline;   
}

.normalarial a:hover {
color: #666666;
font-size:12px;
font-family: Arial;
font-weight: normal;  
text-decoration:underline;
}

.smallarial {
	color:#666666;
	text-decoration:none;
	font-size:9px;
	font-family: Arial;
 	font-weight: normal;
 	 
}

.boldarial {
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
	
}

.boldarialbig {
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	
}

.boldarialwhite {
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

.titlewhite {
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

.boldlargearialLargeLeft {
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left ;
}


.boldlargearial {
	color:#666666;
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	font-weight: bold;
}

.boldlargearialCenter {
	color:#666666;
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	font-weight: bold;
	
}

.titleboldblueindex {
	color:#3F528D;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
}

.titleboldbluemed {
	color:#3F528D;
	text-decoration:none;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:left ;
}

.titleboldblue {
	color:#3F528D;
	text-decoration:none;
	font-size:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.titlelightgrey {
	color:#000;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

.titledarkgrey {
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

.titleblack {
	color:#666666;
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	font-weight: Bold;
}

.titlewhite {
	color:#000;
	text-decoration:none;
	font-size:13px;
	font-family: Arial;
	font-weight: Bold;
}


.linkscoolgreycellbk {
	background-image: url(/images/navbarbg.gif);
	background-repeat: repeat-x;
	height:20px
}

.bkground {
	background-color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333366;
}

/* Link attributes */

.gray  	{ font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:normal }
.gray A	        { font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:normal }
.gray A:active	{ font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:normal }
.gray A:visited { font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:normal }
.gray A:hover	{ font-family:Arial; color:#999999; text-decoration:underline; font-size:11px; font-weight:normal }

.boldgray   	{ font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }
.boldgray  A	        { font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:bold }
.boldgray  A:active	{ font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:bold }
.boldgray  A:visited { font-family:Arial; color:#666666; text-decoration:underline; font-size:11px; font-weight:bold }
.boldgray  A:hover	{ font-family:Arial; color:#999999; text-decoration:underline; font-size:11px; font-weight:bold }

.boldgraybig   	{ font-family:Arial; color:#666666; text-decoration:none; font-size:12px; font-weight:bold }
.boldgraybig  A	        { font-family:Arial; color:#666666; text-decoration:underline; font-size:12px; font-weight:bold }
.boldgraybig  A:active	{ font-family:Arial; color:#666666; text-decoration:underline; font-size:12px; font-weight:bold }
.boldgraybig  A:visited { font-family:Arial; color:#666666; text-decoration:underline; font-size:12px; font-weight:bold }
.boldgraybig  A:hover	{ font-family:Arial; color:#999999; text-decoration:underline; font-size:12px; font-weight:bold }

.linkscoolgrey  	        { font-weight: normal; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgrey A	        { font-weight: normal; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none  }
.linkscoolgrey A:active	{ font-weight: normal; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgrey A:visited  	{ font-weight: normal; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgrey A:hover	{ font-weight: normal; font-size: 11px; color: #dddddd; font-family: Arial; text-decoration: none  }


.linkscoolgreybold  	        { font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A	        { font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:active	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:visited  	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:hover	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }

/*.linkscoolgreybold  	        { font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A	        { font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:active	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:visited  	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }
.linkscoolgreybold A:hover	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none } */


.linkscoolgreysmall  { font-weight: normal; font-size: 10px; color: #999999; font-family: Arial; text-decoration: none }
.linkscoolgreysmall A { font-weight: normal; font-size: 10px; color: #999999; font-family: Arial; text-decoration: none }
.linkscoolgreysmall A:active { font-weight: normal; font-size: 10px; color: #999999; font-family: Arial; text-decoration: none }
.linkscoolgreysmall A:visited { font-weight: normal; font-size: 10px; color: #999999; font-family: Arial; text-decoration: none }

.linksmediumgrey  	        { font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }
.linksmediumgrey   A	        { font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }
.linksmediumgrey   A:active	{ font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }
.linksmediumgrey   A:visited  	{ font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }
.linksmediumgrey   A:hover	{ font-family:Arial; color:#666666; text-decoration:none; font-size:11px; font-weight:bold }


.linksnodecor 	        { font-family:Arial; color:#9B9B9B; text-decoration:none; font-size:11px; font-weight:bold }
.linksnodecor   A	        { font-family:Arial; color:#9B9B9B; text-decoration:none; font-size:11px; font-weight:bold }
.linksnodecor    A:active	{ font-family:Arial; color:#9B9B9B; text-decoration:none; font-size:11px; font-weight:bold }
.linksnodecor    A:visited  	{ font-family:Arial; color:#9B9B9B; text-decoration:none; font-size:11px; font-weight:bold }
.linksnodecor    A:hover	{ font-family:Arial; color:#9B9B9B; text-decoration:none; font-size:11px; font-weight:bold }

.linksdarkergrey  	        { font-weight: normal; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergrey A	        { font-weight: normal; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergrey A:active	{ font-weight: normal; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergrey A:visited  	{ font-weight: normal; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergrey A:hover	{ font-weight: normal; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }

.linksdarkergreysmall  { font-weight: normal; font-size: 10px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreysmall A { font-weight: normal; font-size: 10px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreysmall A:active { font-weight: normal; font-size: 10px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreysmall A:visited { font-weight: normal; font-size: 10px; color: #666666; font-family: Arial; text-decoration: none }




.linksdarkergreybold  	        { font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreybold A	        { font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreybold A:active	{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreybold A:visited  	{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreybold A:hover	{ font-weight: bold; font-size: 11px; color: #ffffff; font-family: Arial; text-decoration: none }

.linksdarkergreyboldul  	        { font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreyboldul A	        { font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: none }
.linksdarkergreyboldul A:active	{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: underline }
.linksdarkergreyboldul A:visited  	{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: underline }
.linksdarkergreyboldul A:hover	{ font-weight: bold; font-size: 11px; color: #666666; font-family: Arial; text-decoration: underline }


.productdetailsbtn a {
color:#666666 ;
background: #FFFFFF; 
text-decoration:none; 
font-size:11px; 
line-height:15px; 
font-family: Arial;
padding: 1px 2px 1px 2px;
border:1px solid #FFFFFF;
width:78px;
height:21px; 
}

.divbtn 
{
color:#666666 ;
background: #FFFFFF; 
text-decoration:none; 
font-size:11px; 
line-height:15px; 
font-family: Arial;
border:1px solid #666666;
width:78px;
height:21px; 	
}

.divbtn a {
color:#666666 ;
background: #FFFFFF; 
text-decoration:none; 
font-size:11px; 
line-height:15px; 
font-family: Arial;

}

.divbtn a:link {
color: #666666; 
background: #FFFFFF;
text-decoration:none; 

}

.divbtn a:active { 
color: #666666;
background: #666666; 

}

.divbtn a:visited {
color: #666; 
background: #FFF; 
text-decoration:none;
 
}

.divbtn a:hover {
color: #666;
background: #FFF; 
text-decoration:none; 

}

/*
div.productdetails a {
color:#666 ;
background: #FFF; 
text-decoration:none; 
font-size:11px; 
line-height:15px; 
font-family: Arial;
padding: 1px 2px 1px 2px;
border:1px solid #FFFFFF;
width:78px;
height:21px; 
}

div.productdetails a:link {
color: #666; 
background: #FFF;
text-decoration:none; 
width:78px;
height:21px; 
}

div.productdetails a:active { 
color: #666;
background: #FFF; 
width:78px;
height:21px; 
}

div.productdetails a:visited {
color: #666; 
background: #FFF; 
text-decoration:none;
width:78px;
height:21px;  
}

div.productdetails a:hover {
color: #666;
background: #FFF; 
text-decoration:none; 
width:78px;
height:21px; 
}*/

/***************************************************************************************************/
/******************************************** PAGE TOOLS *******************************************/
/***************************************************************************************************/
.PageTools
{
	width: 400px;
	max-width: 400px;
	display: block;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	color: #525252;
	float: right;
	font-size: 1.0em;
	line-height: 24px;
}

.PageTools ul
{
	padding: 0px;
	margin: 5px 5px 5px 0px;
}

.PageTools ul, .PageTools li
{
	list-style: none;
}

.PageTools li
{
	float: right;
}

.PageTools a:link, .PageTools a:active, .PageTools a:visited, .PageTools a:link
{
	color: #808285;
	text-decoration: none;
	padding: 2px;
}

.PageTools a:hover
{
	color: #666;
	text-decoration: underline;
}

/***************************************************************************************************/
/********************************************* BULLETS *********************************************/
/***************************************************************************************************/
.ultramobileList, .mobileList, .desktopinstallList, .ultrashortthrowList, .highresolutionList, .widescreenList, .installList, .picoList, .homeentertainmentList, .themesceneList, .businessList, .genericList
{
	list-style: none;
	text-align: left;
	padding: 0px 18px 0px 18px;
	color: #666;
	margin: 0px;
}

.ultramobileList li
{
	list-style-image: url("../../images/bullets/ultramobile.png");
	margin: auto auto 4px auto;
}

.mobileList li
{
	list-style-image: url("../../images/bullets/mobile.png");
	margin: auto auto 4px auto;
}

.desktopinstallList li
{
	list-style-image: url("../../images/bullets/desktopinstall.png");
	margin: auto auto 4px auto;
}

.ultrashortthrowList li
{
	list-style-image: url("../../images/bullets/ultrashortthrow.png");
	margin: auto auto 4px auto;
}

.highresolutionList li
{
	list-style-image: url("../../images/bullets/highresolution.png");
	margin: auto auto 4px auto;
}

.widescreenList li
{
	list-style-image: url("../../images/bullets/widescreen.png");
	margin: auto auto 4px auto;
}

.installList li
{
	list-style-image: url("../../images/bullets/installation.png");
	margin: auto auto 4px auto;
}

.picoList li
{
	list-style-image: url("../../images/bullets/home.png");
	margin: auto auto 4px auto;
}

.homeentertainmentList li
{
	list-style-image: url("../../images/bullets/home.png");
	margin: auto auto 4px auto;
}

.themesceneList li
{
	list-style-image: url("../../images/bullets/themescene.png");
	margin: auto auto 4px auto;
}

.businessList li
{
	list-style-image: url("../../images/bullets/home.png");
	margin: auto auto 4px auto;
}

.genericList li
{
	list-style-image: url("../../images/bullets/generic.png");
	margin: auto auto 4px auto;
}

/***************************************************************************************************/

table.productdetails
{
	float: left;
	margin-right: 3px;
}

.productDetailsArea 
{
	 border: 1px solid #66666;	
	 height: 40px;
	 text-align: right;
	 background-image: url("../../images/LayoutImages/AllProjectorsOrdered/allorderedshading.png");
}

.CategoryTextArea
{
	padding: 5px 30px 10px 30px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}

/* Grey Button */
a.productdetailsRounded:link, a.productdetailsRounded:visited
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 80px;
	color:#FFF;
	display:inline-block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	cursor: pointer;
}
a.productdetailsRounded span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 80px;
	display:inline-block;
	height:20px;
	margin-right:4px; /* Space for the closing image - should allow the image to fit AND be the same as 'padding-left' below */
	padding-left:4px; /* How far from the left the text is from the button edge */
}
a.productdetailsRounded:hover
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 40px;
	display:inline-block;
	color:#FFF;
	cursor: pointer;
}
a.productdetailsRounded span:hover
{
	background:url(/images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 40px;
	display:inline-block;
	color:#FFF;
	cursor: pointer;
}

.strapline 
{
color:#666 ;
background: #FFF; 
text-decoration:none; 
font-size:12px; 
font-weight:bold; 
font-family: Arial;	
}
/*
.productdetails  {
color:#666 ;
background: #FFF; 
text-decoration:none; 
font-size:12px; 
font-weight:bold;
font-family: Arial;
border:1px solid #66666;
padding: 2px 2px 2px 2px;


}

.productdetails a {
color:#666 ;
background: #FFF; 
text-decoration:none; 
font-size:12px; 
font-weight:bold;
font-family: Arial;
border:1px solid #666666;
padding: 2px 2px 2px 2px;

}

.productdetails a:link {
color: #666; 
background: #FFF;
font-size:12px;
font-weight:bold; 
text-decoration:none; 
border:1px solid #666666;
padding: 2px 2px 2px 2px;
}

.productdetails a:active { 
color: #666;
background: #FFF; 
font-size:12px; 
font-weight:bold;
border:1px solid #666666;
padding: 2px 2px 2px 2px;
}

.productdetails a:visited {
color: #666; 
background: #FFF; 
font-size:12px;
font-weight:bold; 
text-decoration:none;
border:1px solid #666666;
padding: 2px 2px 2px 2px; 
}

.productdetails a:hover {
color: #999999;
background: #FFF; 
text-decoration:none; 
font-size:12px; 
font-weight:bold;
border:1px solid #666666;
padding: 2px 2px 2px 2px; 
}*/

.productslistcategory 
{
	padding: 0px 20px 0px 20px;
	left: 50px;
}

.productslistcategoryNthRow
{
	padding: 20px 20px 0px 20px; /* top right bottom left */
	left: 50px;	
}

/* Error Messages */

.errorsml {
	color:#ff0000;
	text-decoration:none;
	font-size:10px;
	font-family: Arial;
}

.errormed {
	color:#ff0000;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
}


.errormedbold {
	color:#ff0000;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}
.errorlge {
	color:#ff0000;
	text-decoration:none;
	font-size:17px;
	font-family: Arial;
	font-weight: bold;
}



/* Cell Colourings */
.cellbg-March07
{
    background-color: #9C9FB4;
	font-size:11px;
    font-family: Arial;
	font-weight: bold;
    color: #ffffff;
}

.cellbg-white
{
    /*background-color: #ffffff*/
    background-image: url('images/LayoutImages/bkstripe.jpg');
    background-repeat:repeat-x;
    font-size:11px;
    font-family: Arial;
	font-weight: bold;
    color:White;
}

.cellbg-lightgrey
{
    /*background-color: #e9eae6*/
    background-image: url('images/LayoutImages/bkstripe.jpg');
    background-repeat:repeat-x;
    font-size:11px;
    font-family: Arial;
	font-weight: bold;
    color:White;
    
}

.cellbg-reallylightgrey
{
    
    background-image: url('images/LayoutImages/bkstripe.jpg');
    background-repeat:repeat-x;
    font-size:11px;
    font-family: Arial;
	font-weight: bold;
    color:White;
}

/* make more like dgrid */
.cell-borderlines
{
	background-color: #D4D0C8
}
.cell-headerdarkblue

{
	background-color: #B0C4DE
}

.cell-pink

{
	background-color: Pink;
}

.cell-headerlightblue

{
	background-color: #E0FFFF
}

.cell-headerlightbluetwo

{
	background-color: #E1F0FF
}

.cell-alternate
{
	background-color: #E9EAE6
}

.cellbg-header
{
	background-color: #DDDDDD
}

.cellbg-items
{
	background-color: #E9EAE6
}


/* ------------------------*/

.cellbg-mgrey
{
    background-color: #252838
}

.cellbg-medgrey
{
    background-color: #cccccc
}

.cellbg-bluets
{
    background-color: #a5b4c7
}

.cellbg-white
{
    background-color: #FFF
}





/* Form Attributes */

.formfield
{
  FONT: 11px Arial;
    color: #666666;
    border-top:1px solid;
    border-bottom:1px solid;
    border-left: 1px solid;
    border-right:1px solid;
}

.formbuttongrey
{
	

	BORDER-TOP: #d8dbe3 2px solid;
	BORDER-BOTTOM: #5a5f67 2px solid;
	BORDER-RIGHT: #5a5f67 2px solid;
	BORDER-LEFT: #d8dbe3 2px solid;
	color:#000000;
	background:#acb4c4;
	font-family: Arial; 
	font-size: 10; 
	font-weight: bold; 
	
	
}


.formbuttongrey1
{
	color:#000000;
	background:#cccccc;
	font-family: Arial; 
	font-size: 10; 
	font-weight: bold; 
}


/* Grey Table Outline */


.border-grey
{
    BORDER-RIGHT: #CCCCCC 1px solid;
    BORDER-TOP: #CCCCCC 1px solid;
    BORDER-LEFT: #CCCCCC 1px solid;
    BORDER-BOTTOM: #CCCCCC 1px solid
}



.border-lightblue
{
    BORDER-RIGHT: #D5DDE3 1px solid;
    BORDER-TOP: #D5DDE3 1px solid;
    BORDER-LEFT: #D5DDE3 1px solid;
    BORDER-BOTTOM: #D5DDE3 1px solid
}



.tdback {
	background-image: url(dotlinevertical.gif);
	background-repeat: repeat-y;
} 

.TableMain {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; BORDER-LEFT: #dddddd 1px solid; COLOR: #666666; PADDING-TOP: 10px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: Tahoma
}

.TableSub {
	BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; BORDER-LEFT: #dddddd 1px solid; COLOR: #666666; PADDING-TOP: 3px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: Tahoma
}




table.nt td a{BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid;
padding: 2px 5px;display: block;background-color: #F4F4F4;} 
table.nt td a:link, table.nt td a:visited {BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid;
padding: 2px 5px;background-color: #F4F4F4;} 
table.nt td a:hover, table.nt td a:active {BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid;
padding: 2px 5px;background-color: #666666; color: #ffffff; text-decoration: none;} 

/*table.nt td a:hover, table.nt td a:active {background-image: url('/li/left-gradient-hover.gif'); color: #FFFFFF; text-decoration: none;} */
/* Test Formats */

.background {opacity: .50; filter: alpha(opacity=75);}


/**Styling information specific to individual content pages**/

/* Accordion */
.accordionHeader
{
	
	color: #FFFFFF;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight: bold;
	padding: 1px;
	margin-top: 1px;
	cursor: pointer;
	background-position: left;
	text-align:left;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
	font-size: 11px;
	font-weight:bold;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
	font-size: 11px;
	font-weight:bold;
}

.accordionHeaderSelected
{
    color: white;
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	font-weight:bold;
    padding: 1px;
    margin-top: 1px;
    cursor: pointer;
    text-align:left;
    text-decoration: underline;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: underline;
	font-size: 11px;
	font-weight:bold;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
	font-size: 11px;
	font-weight:bold;
}

.accordionContent
{
    background-color: #FFFFFF;
    border-top: none;
    padding: 2px;
    padding-top: 1px;
    padding-bottom:1px;
    text-align:left;
    padding-left:6px;
 
}

.autocomplete_textbox
{
    height:11px;
    width : 150px;	
    text-transform: uppercase; 
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : White;
	color:#666666;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
    text-transform: uppercase;
    font-size:11px;
	font-family: Arial;
	
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	text-transform: uppercase;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
	text-transform: uppercase;
}



.detailbutton a {
color: #ffffff; 
background: #ffffff; 
text-decoration:none; 
font-size:11px; 
line-height:15px; 
font-family: Arial;
padding: 1px 2px;
border:1px solid #dddddd; 
}

.detailbutton a:link {
color: #666666; 
background: #ffffff;
text-decoration:none; 
}

.detailbutton a:active { 
color: #666666;
background: #ffffff; 
}

.detailbutton a:visited {
color: #666666; 
background: #ffffff; 
text-decoration:none; 
}

.detailbutton a:hover {
color: #ffffff;
background: #666666; 
text-decoration:none; 
}

.categoriestitle 
{
	color:#666666;
	text-decoration:none;
	font-size:16px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;	
}

.categoriesttext
{
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
	text-align:left;	
}

.categoriesttextpadding
{
color:#666666;
text-decoration:none;
font-size:14px;
font-family: Arial;
font-weight: bold;
text-align:left;	
}

.INSTALLATION {
	color:#FFC20E;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	
}

.ULTRAMOBILE {
	color:#E81C39;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	
}

.WIDESCREEN {
	color:#339949;
	text-decoration:none;
	font-size:10px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	
}

.PUBLICSECTOR {
	color:#95268F;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	
	
}

.MOBILE {
	color:#0071AD;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;

}

.DESKTOPINSTALL {
	color:#00AEEF;

	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}

.HOMECINEMA {
	color:#174A7C;

	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}

.HOMEENTERTAINMENT {
	color:#174A7C;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}

.GAMETIME {
	color:#174A7C;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}

.MOVIETIME {
	color:#174A7C;
	font-size:14px;
	font-family: Arial;
	font-weight: bold;
	text-align:left;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right top;
}

/* projector indexpage */

.GroupTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-indent: 5px;
	text-align: left;
	float:left;
	position: relative;
	top: 0px;
	width: 160px;
}
 
.StrapLine {	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	position: relative;
	float:left;
	top: 0px;
	width: 490px;
}

.ControlButton {
	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	position: relative;
	float:right;
    top: 0px;
    width: 133px;
    }
    
.ImageProjector {
	
	text-align: left;
	position: relative;
    float:left;
    left: 20px;
    top: 0px;
    width: 150px;
	}
	
.contentText {
	
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	position: relative;
    float:left; 
    width: 650px;
    top: 0px;
    left: 10px;
	}

.Bannerstyle {
	
	text-align: left;
	position: relative;
    left: 0px;
    float:left; 
    width: 800px;
    top: 0px;
	}

.pic 
{
	float:right;
	margin: 2 2 2 2;
	padding:  2 2 2 2;
	height:22px;
	width: 420px;
	 top: 0px;
	}

.Header
{
 float:left; 
 width: 730px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #000000;
 
 position: relative;	
}

.Imagesizer
{
 left:20px;	
}

.HeaderImage
{
position: relative; width: 800px; height: 55px;top: 0px; z-index: 2; margin-right: 0px;	
}

.ContentsUpper 
{
position: relative; width: 800px; height: 100px;top: -20px; z-index: 3; margin-right: 0px;	
}

.para1ContentsUpper
{
	float:left;
	 width:800px;
	margin:margin: 5 5 5 5; 
	padding:4; top: -10px;
	color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
 	font-weight: bold;
}

.para1Contentslower
{
    float:left;width:800px;
     margin:6;
    padding:4;
    color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
 	font-weight: bold;
}

.para1ContentslowerBox1
{
    float:left;
    color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
 	font-weight: bold;
 	width: 300px;
 	top: 0px;
 	position: relative;
 	
}

.para1ContentslowerBox2
{
    position: relative;
    margin:2;
    padding:0;
 	top: 10px;
 	width:300px;
 	
 	
}
.ContentPanel
{
	float:left; width: 800px;text-align: center;

}

.tablepos
{
  float:left;width:800px;
  font-size:11px;
  font-family : Arial;
  font-weight: bold;
  text-align:left;
   padding:4;	
    /* margin:6;
    padding:4;
    color:#666666;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
 	font-weight: bold;	
    position  : relative;
 width: 800px; 
  height: 100px; 
  z-index: 1;
  left: 0px;
   top: 0px;*/
	
}

.HeaderUltramobile
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #DC273A;
 
 position: relative;	
}

.HeaderWideScreen
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #44A74B;
 
 position: relative;	
}

.HeaderPublicSector
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #5E2E89;
 
 position: relative;	
}

.HeaderMobile
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #254086;
 
 position: relative;	
}

.HeaderDesktopinstall
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #28A4DB;
 
 position: relative;	
}

.Headerinstall
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #FFC20E;
 
 position: relative;	
}

.HeaderUltramobile
{
 float:left; 
 width: 800px;
 padding: 1px;
 margin: 2px;
 border: 1px solid #DC273A;
 
 position: relative;	
}

/* Anything to do with the filtering system for projectors/screens is below: */
.searchTitle
{
	font-weight: bold;
	text-align: center;
}

.allOrderedOpBtn
{
	font-size: 11px;
	text-decoration: none;
	background-color: #EEE;
	border: solid 1px #CCC;
	color: #333;
	display: block;
	text-align: center;
	padding: 2px;
}

.allOrderedOpSelectedBtn
{
	font-size: 11px;
	text-decoration: none;
	background-color: #666;
	border: solid 1px #BBB;
	color: #FFF;
	display: block;
	text-align: center;
	padding: 2px;
	cursor: default;
	font-weight: bold;
}

.allOrderedDisabledBtn
{
	font-size: 11px;
	text-decoration: none;
	background-color: #EFEFEF;
	border: solid 1px #DDD;
	color: #999;
	display: block;
	text-align: center;
	padding: 2px;
	cursor: default;
}

.allOrderedTbl
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

.allOrderedTbl tr
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-width: 0px;
}

.allOrderedTbl td
{
	border-width: 0px;
	border-collapse: collapse;
	margin: 0px;
	padding: 1px;
}

.allOrderedSubTbl
{
	font-size: smaller;
}

.searchTitleRightBorderCell
{
	font-weight: bold;
	text-align: center;
	border-right: solid 1px #CCC;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 6px;
}

.allOrderedRightBorderCell
{
	border-right: solid 1px #CCC;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 6px;
}

.searchOptions
{
	padding: 10px 5px 10px 5px;
}

.roundedBox {
 margin:0px auto;
 min-width:20em;
 padding-top: 10px;
}

.roundedBox hr
{
	border: none;
	color: #FFF; 
	background-color: #FFF; 
	border: 1px solid #CCC; 
	border-style: none none solid;
}

.roundedBox .roundedBoxHeader .roundedBoxContainer,
.roundedBox .roundedBoxFooter .roundedBoxContainer {
 font-size:1px; /* ensure minimum height */
 height:14px;
}

.roundedBox .roundedBoxFooter .roundedBoxContainer {
 height:26px;
}

#roundedBoxCentralTitle
{
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	top: -8px;
}

#roundedBoxLeftTitle
{
	font-size: 14px;
	font-weight: bold;
	width: 600px;
	text-align: left;
	display: block;
	position: relative;
	top: -8px;
	left: 20px;
}

#roundedBoxCentralTitle #background, #roundedBoxLeftTitle #background
{
	background-color: #FFF;
	padding: 0px 20px 0px 20px;
}

.roundedBoxNote
{
	font-size: 10px;
	line-height: 14px;
	vertical-align: middle;
	padding: 0px 0px 0px 20px;
}

.roundedBox .roundedBoxHeader {
 background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_top_left.jpg) no-repeat 0px 0px;
}

.roundedBox .roundedBoxHeader .roundedBoxContainer {
 background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_top_right.jpg) no-repeat right 0px;
}

.roundedBox .roundedBoxBody 
{
	margin-left: 1px;
 background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_mid_left.jpg) repeat-y -1px 0px;
}

.roundedBox .roundedBoxBody .roundedBoxContainer 
{
	background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_mid_right.jpg) repeat-y right 0px;
}

.roundedBox .roundedBoxBody .roundedBoxContainer .s 
{
	margin:0px 8px 0px 4px;
	background:#FFF repeat-x 0px 0px;
	/*padding:1em;*/
}

.roundedBox .roundedBoxFooter {
 background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_bottom_left.jpg) no-repeat 0px 0px;
 height: 26px;
}

.roundedBox .roundedBoxFooter .roundedBoxContainer {
 background:transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_bottom_right.jpg) no-repeat right 0px;
 height: 39px;
}

.roundedBox .roundedBoxBody .roundedBoxContainer .midBottomImg
{
	background: transparent url(../../images/LayoutImages/AllProjectorsOrdered/roundedBox_mid_left.jpg) repeat-y 0px 0px;
}

/* Sliding doors technique for buttons */

.allOrderedBtns
{
	font-size: 11px;
	font-weight: bold;
}

.allOrderedBtns a:link, .tab a:visited
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 80px;
	color:#FFF;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	cursor: pointer;
}
.allOrderedBtns a span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 80px;
	display:block;
	height:20px;
	margin-right:4px; /* Space for the closing image - should allow the image to fit AND be the same as 'padding-left' below */
	padding-left:4px; /* How far from the left the text is from the button edge */
}
.allOrderedBtns a:hover
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 40px;
	display:block;
	color:#FFF;
	cursor: pointer;
}
.allOrderedBtns a:hover span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 40px;
	display:block;
}

/* ACTIVE ELEMENTS */
.activeBtn a:link, .activeBtn a:visited, .activeBtn a:hover
{
	color:#333;
	font-weight: bold;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right -20px no-repeat;
}
.activeBtn a span, .activeBtn a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left -20px no-repeat;
}
/* INACTIVE ELEMENTS */
.inactive a:link, .inactive a:visited, .inactive a:hover
{
	color:#A5A5A5;
	font-weight: normal;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right -60px no-repeat;
	cursor: default
}
.inactive a span, .inactive a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left -60px no-repeat;
	cursor: default
}

/* Darker version of above sliding doors buttons */
.allOrderedDarkerBtns
{
	font-size: 11px;
	font-weight: bold;
}

.allOrderedDarkerBtns a:link, .tab a:visited
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) right 80px;
	color:#FFF;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	cursor: pointer;
}
.allOrderedDarkerBtns a span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) left 80px;
	display:block;
	height:20px;
	margin-right:4px; /* Space for the closing image - should allow the image to fit AND be the same as 'padding-left' below */
	padding-left:4px; /* How far from the left the text is from the button edge */
}
.allOrderedDarkerBtns a:hover
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) right 40px;
	display:block;
	color:#FFF;
	cursor: pointer;
}
.allOrderedDarkerBtns a:hover span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) left 40px;
	display:block;
}

/* ACTIVE ELEMENTS */
.activeDarkerBtn a:link, .activeDarkerBtn a:visited, .activeDarkerBtn a:hover
{
	color:#333;
	font-weight: bold;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) right -20px no-repeat;
}
.activeDarkerBtn a span, .activeDarkerBtn a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) left -20px no-repeat;
}
/* INACTIVE ELEMENTS */
.inactiveDarker a:link, .inactiveDarker a:visited, .inactiveDarker a:hover
{
	color:#A5A5A5;
	font-weight: normal;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) right -60px no-repeat;
	cursor: default
}
.inactiveDarker a span, .inactiveDarker a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesDarker.png) left -60px no-repeat;
	cursor: default
}

/* Red version of above sliding doors button images */
.allOrderedRedBtns
{
	font-size: 11px;
	font-weight: bold;
}

.allOrderedRedBtns a:link, .tab a:visited
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right 80px;
	color:#FFF;
	display:block;
	height:20px;
	line-height:20px;
	text-decoration:none;
	cursor: pointer;
}
.allOrderedRedBtns a span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left 80px;
	display:block;
	height:20px;
	margin-right:4px; /* Space for the closing image - should allow the image to fit AND be the same as 'padding-left' below */
	padding-left:4px; /* How far from the left the text is from the button edge */
}
.allOrderedRedBtns a:hover
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right 40px;
	display:block;
	color:#FFF;
	cursor: pointer;
}
.allOrderedRedBtns a:hover span
{
	background:url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left 40px;
	display:block;
}

/* ACTIVE ELEMENTS */
.activeRedBtn a:link, .activeRedBtn a:visited, .activeRedBtn a:hover
{
	color:#333;
	font-weight: bold;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right -20px no-repeat;
}
.activeRedBtn a span, .activeRedBtn a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left -20px no-repeat;
}
/* INACTIVE ELEMENTS */
.inactiveRed a:link, .inactiveRed a:visited, .inactiveRed a:hover
{
	color:#A5A5A5;
	font-weight: normal;
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right -60px no-repeat;
	cursor: default
}
.inactiveRed a span, .inactiveRed a:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left -60px no-repeat;
	cursor: default
}

/* end projeector indexpage */

/* Survey */
.SurveyHeader {
	color:#ff0000;
	text-decoration:none;
	font-size:11px;
	font-family: Arial;
	font-weight: bold;
}

/* Optoma tab styles */


/* xp theme */                                                                                               


.OptoTab__tab_default .OptoTab__tab_header {white-space:nowrap;}
.OptoTab__tab_default .OptoTab__tab_outer {display:-moz-inline-box;display:inline-block}
.OptoTab__tab_default .OptoTab__tab_inner {display:-moz-inline-box;display:inline-block}
.OptoTab__tab_default .OptoTab__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background-image::url('/images/tab-line.gif') repeat-x bottom; margin:0 0 0 0; padding:0 0 0 0;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_outer {padding-right:4px;background-image:url('/images/tab-right.gif') no-repeat right;height:21px;margin:0 0 0 0; padding:0 0 0 0;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_inner {padding-left:3px;background-image:url('i/mages/tab-left.gif') no-repeat;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_tab {height:13px;padding:4px;margin:0;background:url('/images/tab.gif') repeat-x;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_hover .OptoTab__tab_outer {background-image:url('/images/tab-hover-right.gif') no-repeat right;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_hover .OptoTab__tab_inner {background-image:url('/images/tab-hover-left.gif') no-repeat;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_hover .OptoTab__tab_tab {background-image:url('/images/tab-hover.gif') repeat-x;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_active .OptoTab__tab_outer {background-image:url('/images/tab-active-right.gif') no-repeat right;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_active .OptoTab__tab_inner {background-image:url('/images/tab-active-left.gif') no-repeat;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_active .OptoTab__tab_tab {background-image:url('/images/tab-active.gif') repeat-x;}
.OptoTab__tab_xp_Questionnaire .OptoTab__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #585858;border-top:0;padding:0px;background-color:#000000;}

/* scrolling */
.OptoTab__scroll_horiz {overflow:scroll;}
.OptoTab__scroll_vert {overflow:scroll;}
.OptoTab__scroll_both {overflow:scroll}
.OptoTab__scroll_auto {overflow:auto}


/* ajax__tab_red-theme theme (images/red.jpg) */
.ajax__tab_red-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    font-weight:bold;
    border-bottom:solid 1px #FF0814;
}
.ajax__tab_red-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url('/images/red.jpg') #585858 repeat-x;
    margin:0px 1px 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #585858;
    border-bottom-width:0px;
}
.ajax__tab_red-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:1px 1px;    
    margin-right:0.01em;
}
.ajax__tab_red-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url('/images/red.jpg') #585858 repeat-x left -1300px;
}
.ajax__tab_red-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#ffffff;
}
.ajax__tab_red-theme .ajax__tab_active .ajax__tab_outer
{
    background:url('/images/red.jpg') #a50000 repeat-x left -1400px;
}
.ajax__tab_red-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:1px 1px;
    background-color:#000000;    
    border:solid 1px #585858;
    border-top-width:0px;
}




.tabsubheading
{
background-image: url('images/LayoutImages/BusEducation/subheadings/detailsSubheader.jpg');background-repeat:no-repeat;	
}



/* category tab stripes */

.Smdesktopinstall 
{
	
	
	background-color:#28A4DB;
	 

	
}

.SmHighresolution 
{
	/*background-image: url('/images/categoriessm/DESKTOPINSTALLsm.jpg');*/
	background-color:#EA5E00 ;
}

.SmInstallation 
{
	background-image: url('images/categoriessm/DESKTOPINSTALLsm.jpg');
	/*background-color:#FFC20E;*/
}

.SmMobile 
{
	/*background-image: url('images/categoriessm/DESKTOPINSTALLsm.jpg');*/
	background-color:#254086;
}

.SmEducation 
{
	
	background-color:#5E2E89;
}

.SmUltramobile
{
	background-color:#DC273A;
}

.SmSmVeryshortthrow
{
	background-color:#44A74B;
}

.SmWidescreen
{
	
	background-color:#DC273A;
}


.ViewButton 
{
	height:18px;
	width: 60px;
	border :solid 1px black;
	background-color:#DADADA;
	font-weight: bold;
}


/* easyscroll */

#easyscroll{
	background:#eee;
	margin:1em 0;
	/* add additional styling */
	}	

	/* easyscroll navigation buttons */	

	#easyscrollnav, #easyscrollnav li{
		height:28px;
		line-height:28px;
		margin:0;	
		padding:0;
		}	
	#easyscrollnav{
		margin:1em 0;	
		}			
	#easyscrollnav li{
		list-style:none;
		float:left;
		background:#eee;
		margin-right:10px;		
		padding:0 10px;
		color:#333;
		cursor:pointer;
		}					
	#easyscrollnav li.over{
		color:#999;
		text-decoration:underline;
		}							

.tablecolor 
{
background-color:#333333;
	
}

.projectorsall
{
	 position:absolute; 
	 width: 925px;
	  height: 570px;
	   z-index: 1; 
	   top: 40px; 
	   background-image: url('images/LayoutImages/allprojectors.jpg'); 
	   background-repeat:no-repeat; 
	   left: 0px;
	   margin-right: auto;
	   margin-left: auto;
}

	/* // easyscroll navigation buttons */	

/* // end easyscroll */

.backLink, .backLink:visited
{
	color: #AAA;
	text-decoration: none;
	float: left;
	padding: 2px;
	font-size: small;
	height: 20px;
}

.backLink:hover
{
	color: #000;
}

/******************** .unbulletedList Styles ********************/
.unbulletedList
{
	list-style: none;
	margin: 0px;
}

.unbulletedList li
{
	margin: 0px 0px 5px 0px;
}

/******************** Generic Product Styles ********************/
/*
	These styles apply across the product ranges
*/
.reviewAward
{
	width: 100%;
	border: solid 1px #CCC;
	margin: 0 0 10px 0;
	border-collapse: collapse; /* removes the thickening of td borders when placed next to each other */
}

.reviewAward td
{
	padding: 5px;
	border: solid 1px #CCC;
}

.reviewAward .raTitle
{
	font-weight: bold;
	font-size: 1.1em;
}

.reviewAward .raText
{
	margin: 5px;
	text-align: justify;
	font-style: italic;
}

.reviewAward .raText a
{
	margin: 5px;
	text-align: justify;
	font-style: normal;
}

.reviewAward .raText a:link, .reviewAward .raText a:visited
{
	color: #666;
	font-weight: bold;
}

.reviewAward .raLogo
{
	max-width: 140px;
	width: expression(this.width > 140 ? "140px" : true); /* Uses IE's "expression" param to resize as IE does not abide by max-width rule */
}

.galleryImage
{
	max-width: 100px;
	width: expression(this.width > 100 ? "100px" : true); /* Uses IE's "expression" param to resize as IE does not abide by max-width rule */
	max-height: 100px;
	height: expression(this.height > 100 ? "100px" : true);
}

/* 
	Browser Scroll bar fix
		Fixes the vertical scroll bar so that it always shows up and so the site doesn't shift 
		left/right when changing from a long page to a short page of content.
*/
HTML  
{
	min-height: 100.05%; 
	overflow: -moz-scrollbars-vertical; /* Gecko */
	overflow-y: scroll; /* Chromium */
}


/******************* BUTTONS ********************/

/* plainButton - a button that is sized by the user/parent containers */
.plainButton
{
	border: 1px solid #CCC;
	padding: 6px;
	background-color: #EEE;
	display: block;
	text-align: center;
	text-decoration: none;
	margin-left: 10px;
}

.plainButton a, .plainButton a:active, .plainButton a:visited
{
	text-decoration: none;
}

.plainButton:hover
{
	border: 1px solid #AAA;
	background-color: #DDD;
	text-decoration: none;
}

/* plainButtonDynamic - like plainButton but size depends on text/contents */
.plainButtonDynamic
{
	text-decoration: none;
}

.plainButtonDynamic:link, .plainButtonDynamic:active, .plainButtonDynamic:visited
{
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 6px;
	background-color: #EEE;
	text-align: center;
	color: #666;
}

.plainButtonDynamic:hover
{
	border: 1px solid #AAA;
	background-color: #DDD;
}

/******************** General Styles (reusable CSS) ********************/
/* Grey Button */
a.newButton:link, a.newButton:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 80px;
	color: #FFF;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 4px; /* How far from the right the text is from the button edge */
}
a.newButton span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 80px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
}
a.newButton:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}
a.newButton:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}

/* Red Button */
a.newButtonRed:link, a.newButtonRed:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right 80px;
	color: #FFF;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 4px; /* How far from the right the text is from the button edge */
}
a.newButtonRed span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left 80px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
}
a.newButtonRed:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}
a.newButtonRed:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}

hr.dotted /* A horizontal rule that's compatible with Trident (IE), Gecko and WebKit browsers */
{
	color: #FFF; 
	background-color: #FFF; 
	border: 1px dotted #333; 
	border-style: none none dotted;
}

.collapserPanel
{
	background: url('../../images/LayoutImages/Collapser/greycollapser.png');
	width: 700px;
	height: 26px;
	padding: 0 5px 0 5px;
	cursor: pointer;
	margin-top: 10px;
}

/* Connections Tables */
#ConnectionsArea
{
	margin: 10px 0 10px 0;
}

#ConnectionsArea h3
{
	margin: 25px 0 15px 0;	
}

#ConnectionsArea h4
{
	font-size: 1.2em;	
	color: #333;
	margin: 10px 0 4px 0;
}

.ConnectionsTable
{
	border: solid 1px #CCC;
	width: 100%;
	border-collapse: collapse;
	vertical-align: top;
}

.ConnectionsTable td
{
	vertical-align: top;
	text-align: center;
}

.ConnectionsTable thead
{
	font-weight: bold;
	color: #666;
	text-align: center;
	height: 30px;
}

.ConnectionsTable thead td
{
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-top: solid 1px #CCC;
}

.ConnectionsTable tbody td
{
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 0 0 10px 0;
}

.ConnectionsTable .dropdowncell
{
	width: 150px;	
}

.ConnectionDropdown
{
	width: 140px;
	font-size: 0.8em;
}

.ConnectionsTable .whychoosevideo
{
	cursor: pointer;
}

.ConnectionsTable .cableTable td
{
	border: none;
	width: 150px;
}

#specTerms
{
	font-size: 0.8em;
	color: #999;
	text-align: justify;
	margin-top: 30px;
}

/* Simple Modal jQuery */
#simplemodal-overlay 
{
	background-color:#000;
}

#simplemodal-container 
{
	background-color:#333; 
	border:8px solid #444; 
	padding:12px;
	color: #FFF;
}

#simplemodal-container a, #simplemodal-container a:link, #simplemodal-container a:visited
{
	color: #FFF;
	font-weight: bold;	
}

#simplemodal-container a:hover
{
	color: #999;
}

/* Google Maps */
.googlemarker
{
	max-height: 400px;
	width: 340px;
	padding: 10px;
}

.googlemarker h1
{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

.googlemarker .contact
{
	float: left;
	max-width: 250px;
}

.googlemarker .image
{
	float: right;
	max-width: 80px;
	margin: 0 0 10px 10px;
}

.googlemarker .info
{
	max-height: 200px;
	width: 340px;
	overflow: auto;
	overflow-x: hidden;
}