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;
}

#prodstrapline
{
	font-size: 14px;
	margin-top: 10px;
	font-weight: bold;
}

/* Corporate Header/Navigation */
#corporateheader
{
	background-image: url("../../../images/navbar.png");
	background-position: 0 0;
	height: 52px;
	width: 925px;
	margin: 0 auto 10px auto;
	z-index: 999;
}

#corporateheader #container
{
	/*overflow: hidden;*/
	width: 765px;
	position: relative;
	left: 160px;
}

#corporateheader #search
{
	float: right;
	left: 160px;
	top: 15px;
	width: 160px;
}

#corporateheader #buttons
{
	float: left;
	width: 600px;
	height: 52px;
	left: 150px;
}

#corporateheader #search #verticalcentred
{
	margin: 14px 0 16px 0;
}

#corporateheader #search #searchbox
{
	background-image: url("../../../images/navbar.png");
	background-position: -602px 67px;
	width: 120px;
	height: 24px;
	float: left;
	margin: auto 8px auto auto;
}

#corporateheader #search input
{
	background: none;
	border: none;
	font-size: 14px;
	color: #000;
	padding: 4px 10px 0 10px;
	width: 100px;
}

#corporateheader #search a
{
	background-image: url("../../../images/navbar.png");
	width: 22px;
	height: 22px;
	background-position: -602px 42px;
	text-indent: -1999px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: 15px;
	left: 733px;
	z-index: 10;
}

#corporateheader #search a:link
{
	text-indent: -1999px;
	overflow: hidden;
}

#corporateheader #buttons ul
{
	margin: 0;
	padding: 0;
}

#corporateheader #buttons ul.primary li
{
	display: inline;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
}

#corporateheader #buttons ul.primary li a
{
	float: left;
	font-size: 1.1em;
	font-weight: bold;
}

#corporateheader #buttons #last
{
	/*padding-right: 2px;
    background: url("../../../images/navbar.png") -301px -294px;
    height: 52px;
    padding-bottom: 40px;
    line-height: 14px;*/
}

#corporateheader #buttons ul.primary li a:link, #corporateheader #buttons ul.primary li a:visited
{
	background: url("../../../images/navbar.png") 0 -174px;
	color: #D6D6D6;
	display: inline-block;
	height: 52px;
	line-height: 55px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 12px; /* How far from the right the text is from the button edge */
	outline: 0;
	text-shadow: 0 2px 1px #000000;
}
#corporateheader #buttons ul.primary li a span
{
	background: url("../../../images/navbar.png") 0 -174px;
	display: inline-block;
	height: 20px;
	padding-left: 14px; /* How far from the left the text is from the button edge */
}
#corporateheader #buttons ul.primary li a:hover
{
	background: url("../../../images/navbar.png") -301px -174px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	text-shadow: 0 2px 1px #222;
}
#corporateheader #buttons ul.primary li a:hover span
{
	background: url("../../../images/navbar.png") -301px -174px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}

#optologo
{
	position: absolute; width: 132px; height: 52px;
	margin: 0 0 0 8px;
}

#corpheaderplaintitle h1
{
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-indent:-9999px; 
	position: absolute;
}

#corporateheader #buttons ul.subnav
{
    background: #363636;
    position: absolute;
    top: 50px;
    visibility: visible;
    display: none;
    width: 200px;
    border: solid 1px #bbb;
    border-top: solid 1px #999;
}

#corporateheader #buttons ul.subnav li
{
    width: 200px;
}

#corporateheader #buttons ul.subnav li a:link, #corporateheader #buttons ul.subnav li a:visited
{
    background: url("../../../images/dropdownnavbg.png") 0 0;
    background-repeat: repeat-x;
    height: 32px;
    line-height: 32px;
    width: 190px;
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0;
}

#corporateheader #buttons ul.subnav li a:hover
{
    background: url("../../../images/dropdownnavbg.png") 0 -32px;
    background-repeat: repeat-x;
    height: 32px;
    line-height: 32px;
    width: 190px;
    text-align: left;
    padding: 0 0 0 10px;
    margin: 0;
}

/* Homepage */
#homepage
{
    width: 925px;
    display: block;
    clear: both;
    margin: 0 auto 0 auto;
}

.opto-default #slider {
    margin:0 auto 0 auto;
    width:925px; /* Make sure your images are the same size */
    height:400px; /* Make sure your images are the same size */
}

.opto-default #slider a
{
    display: block;
}

.opto-default .nivoSlider {
	position:relative;
	background:#fff url(../../../images/frontpage/slider/loading.gif) no-repeat 50% 50%;
}
.opto-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.opto-default .nivoSlider a {
	border:0;
	display:block;
}

.opto-default .nivo-controlNav {
    background-position:center; 
    position:absolute;
    top:345px;
    height: 33px;
    width:200px;
    text-align:center;
    left: 50%;
    margin-left: -100px;
    z-index:210;
    opacity:0.5;
}
.opto-default:hover .nivo-controlNav {
    opacity:1.0;
}
.opto-default .nivo-controlNav a {
	display:inline-block !important;
	width:25px;
	height:27px;
	background:url(../../../images/frontpage/slider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0;
	background-position: 0 0;
	bottom: 8px;
	z-index: 220;
	margin-top: 14px;
}
.opto-default .nivo-controlNav a.active {
	background-position:0 -41px;
}

.opto-default .nivo-directionNav a {
	display:block;
	width:66px;
	height:66px;
	background:url(../../../images/frontpage/slider/sliderarrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	z-index: 230;
}
.opto-default a.nivo-nextNav {
	background-position:-66px 0;
	right:20px;
    top:167px;
}
.opto-default a.nivo-nextNav:hover {
	background-position:-66px -67px;
}
.opto-default a.nivo-prevNav {
	left:20px;
    top:167px;
}
.opto-default a.nivo-prevNav:hover {
	background-position:0 -67px;
}

.opto-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.opto-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.opto-default .nivo-caption a:hover {
    color:#fff;
}

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Front page news ticker */

#newsticker
{
    background-image: url("../../../images/frontpage/newstickerbg.png");
    width: 905px;
    height: 34px;
    display: block;
    overflow: hidden;
    padding: 0 10px 0 10px;
    margin: 20px 0 0 0;
}

#newsticker #title
{
    float: left;
    width: 120px;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0.6em;
    color: #999;
    cursor: default;
}

#newsticker #content
{
    float: right;
    width: 785px;
}

#newsticker a:link , #newsticker a:visited
{
    color: #FFF;
    font-weight: bold;
    /*display: none; UNHIDE FOR NEW TICKER!!!! 31/10/2011*/
    text-decoration: none;
    margin-top: 0.6em;
    font-size: 1.2em;
}

#newsticker a:hover
{
    color: #CCC;
}

#newsticker a:link.smallnews , #newsticker a:visited.smallnews, #newsticker a:hover.smallnews
{
    font-size: 0.9em;
    margin-top: 0.3em;
    border-bottom: none;
}

#newsticker a:link.first  
{
    display: block;
}

/* Front buttons */
#featurebuttons
{
    width: 925px;
    height: 150px;
    background-image: url("../../../images/frontpage/featurebuttonsbg.png");
    margin: 20px 0 0 0;
}

#featurebuttons a
{
    float: left;
    display: block;
    height: 150px;
    width: 220px;
}

#featurebuttons .fbmargin
{
    margin: 0 15px 0 0;
    padding: 0;
}

/* 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, .shortthrowList, .highresolutionList, 
.widescreenList, .installList, .picoList, .homeentertainmentList, .themesceneList, .businessList, .genericList, 
.professionalList
{
	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;
}

.shortthrowList 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;
}

.professionalList li
{
	list-style-image: url("../../images/bullets/professional.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;
}

.PROFESSIONAL {
	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 */
	white-space: nowrap;
}
.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 */
	font-weight: normal;
}
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 */
	color: #FFF;
	font-weight: normal;
}
a.newButton:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
}
a.newButton:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	color: #FFF;
	font-weight: normal;
}


a.newButtonactive:link, a.newButtonactive:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right -20px;
	color: #333333;
	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 */
	font-weight: normal;
}
a.newButtonactive span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left -20px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
	color: #333333;
	font-weight: normal;
}

a.newButtonactive:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right -20px;
	display: inline-block;
	color: #333333;
	cursor: pointer;
	font-weight: normal;
}
a.newButtonactive:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left -20px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	color: #333333;
	font-weight: normal;
}

a.newButtoninactive:link, a.newButtoninactive:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) right -60px;
	color: #A5A5A5;
	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 */
	font-weight: normal;
}
a.newButtoninactive span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates.png) left -60px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
	color: #A5A5A5;
	font-weight: normal;
}

/* 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 */
	font-weight: normal;
}
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 */
	color: #FFF;
	font-weight: normal;
}
a.newButtonRed:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) right 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
}
a.newButtonRed:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesRed.png) left 40px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
	font-weight: normal;
}

/* Green Button */
a.newButtonGreen:link, a.newButtonGreen:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesGreen.png) right 80px;
	color: #2F400F;
	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.newButtonGreen span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesGreen.png) left 80px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
	color: #2F400F;
	font-weight: normal;
}

a.newButtonGreen:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesGreen.png) right 40px;
	display: inline-block;
	color: #4D6918;
	cursor: pointer;
}

a.newButtonGreen:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesGreen.png) left 40px;
	display: inline-block;
	cursor: pointer;
	color: #2F400F;
	font-weight: normal;
}

/* New Button with PNG transparency */
a.newButtonTrans 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonRight.png') no-repeat right 0; 
    display: block;
    float: left;
    height: 23px;
    margin-right: 5px;
    padding-right: 5px;
    text-decoration: none;
    color: #FFF;
    text-shadow: #444 0px 1px 0px;
    font-weight: bold;
}

a.newButtonTrans span 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonLeft.png') no-repeat left 0; 
    display: block;
    line-height: 23px;
    padding: 0;
    padding-left: 5px;
} 

a.newButtonTrans:hover 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonRight.png') no-repeat right -23px; 
    display: block;
    float: left;
    height: 23px;
    margin-right: 5px;
    padding-right: 5px;
    text-decoration: none;
    color: #FFF;
    text-shadow: #444 0px 1px 0px;
    font-weight: bold;
}

a.newButtonTrans:hover span 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonLeft.png') no-repeat left -23px; 
    display: block;
    line-height: 23px;
    padding: 0;
    padding-left: 5px;
}

a.newButtonTrans.active 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonRight.png') no-repeat right -46px; 
    display: block;
    float: left;
    height: 23px;
    margin-right: 5px;
    padding-right: 5px;
    text-decoration: none;
    color: #FFF;
    text-shadow: #444 0px 1px 0px;
    font-weight: bold;
}

a.newButtonTrans.active span 
{
    background: transparent url('../../images/LayoutImages/AllProjectorsOrdered/newButtonLeft.png') no-repeat left -46px; 
    display: block;
    line-height: 23px;
    padding: 0;
    padding-left: 5px;
} 


/* 3D Purple Button (with purple background) */
a.threedButtonBGPurple:link, a.threedButtonBGPurple:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates3Dpurpleback.png) right 80px;
	color: #4A3278;
	font-weight: bold;
	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.threedButtonBGPurple span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates3Dpurpleback.png) left 80px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
}

a.threedButtonBGPurple:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates3Dpurpleback.png) right 40px;
	display: inline-block;
	color: #231739;
	font-weight: bold;
	cursor: pointer;
}

a.threedButtonBGPurple:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStates3Dpurpleback.png) left 40px;
	display: inline-block;
	color: #231739;
	font-weight: bold;
	cursor: pointer;
}

/* Modal Large Button */
a.modallgbtn:link, a.modallgbtn:visited
{
	background: url(../../images/modallargebutton.png) right 0;
	color: #4A3278;
	font-weight: bold;
	font-size: 1.2em;
	display: inline-block;
	height: 32px;
	line-height: 32px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 4px; /* How far from the right the text is from the button edge */
}

a.modallgbtn span
{
	background: url(../../images/modallargebutton.png) left 0;
	display: inline-block;
	height: 32px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
}

a.modallgbtn:hover
{
	background: url(../../images/modallargebutton.png) right 32px;
	display: inline-block;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

a.modallgbtn:hover span
{
	background: url(../../images/modallargebutton.png) left 32px;
	display: inline-block;
	color: #FFF;
	font-weight: bold;
	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;
}

#newsletter
{
	width: 1000px;
	height: 1416px;
	background-color: #FFF;
	border: none;
	font-size: 12pt;
	font-family: Arial;
	color: #666;
	margin: 0 0 10px 0;
	padding: 0;
}

#newsletter #header
{
	display: block;
}

#newsletter #topContainer
{
	overflow: hidden;
	clear: both;
	margin: 20px 2px 30px 20px;
}

#newsletter #title
{
	font-size: 2.6em;
	font-weight: bold;
	float: left;
	width: 500px;
	margin-top: 10px;
}

#newsletter #PublicationDate
{
	float: right;
	width: 300px;
	text-align: right;
	font-weight: bold;
	font-size: 0.8em;
}

#newsletter #container
{
	margin: 0 20px 0 20px;
}

#newsletter .section
{
	margin-top: 40px;
}

#newsletter .section h1
{
	font-size: 1.6em;
}

#newsletter .section p
{
	text-align: justify;
}

#newsletter .section img
{
	padding: 0 0 10px 10px;
}

#newsletter #techtips
{
	border: solid 1px #CCC;
	padding: 10px;
	clear: both;
	display: block;
	overflow: auto;
	min-height: 160px;
}

#newsletter #techtips h1
{
	font-size: 1.8em;
	padding: 0;
	margin: 0 0 20px 0;
}

#newsletter .section .techtipimage
{
	padding: 0 10px 0 0;
}

#newsletter #footer
{
	font-size: 0.7em;
}

/* Dealer Locator */

.wrapper

{
    height:auto;
    width:900px;
    border:black 1px solid;
    margin:0px auto;
    display: block;
    border:hidden;   
}

.leftcol 
{
    height:auto;
    width:390px;
    padding:5px;
    border:black 1px solid;
    overflow: hidden;
    display: block;
    float:left;
    border:hidden;  
    padding: 5px;   
}

.rightcol 
{
    height:auto;
    width:auto;
    padding:5px;
    border:black 1px solid;
    overflow: hidden;
    display: block;
    border:hidden;
    
}

.googlemaps
{
    height:auto;
    width:auto;
    border:blue 1px solid;
    margin:10px; 
}

.clear  
{
    clear: both; 
}

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

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

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

span.hyperlink
{
    color:Red;
    text-decoration:Underline;
    
}

.errorarial 
{
    color:Red;
	text-decoration:none;
	font-size:12px;
	font-family: Arial;
 	
}


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

.italicarial 
{
	color:#666666;
	text-decoration:none;
	font-size:14px;
	font-family: Arial;
	font-style:italic;
	
}

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


/* Blue Button */
a.newButtonBlue:link, a.newButtonBlue:visited
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesBlue.png) right 80px;
	color: #FFFFFF;
	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.newButtonBlue span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesBlue.png) left 80px;
	display: inline-block;
	height: 20px;
	padding-left: 4px; /* How far from the left the text is from the button edge */
}
a.newButtonBlue:hover
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesBlue.png) right 40px;
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
}
a.newButtonBlue:hover span
{
	background: url(../../images/LayoutImages/AllProjectorsOrdered/buttonStatesBlue.png) left 40px;
	display: inline-block;
	color: #FFFFFF;
	cursor: pointer;
} 

.markerimgbox
{
    height:80px;
    width:30px;
    float:left;
    border:black 1px solid;
    border:hidden;
      
}

.moreinfoheader
{
    height:70px;
    width:400px;
    border:black 1px solid;
    border:hidden;
}

.dealerbox
{
    height:auto;
    width:180px;
    float:left;
    border:black 1px solid;
    padding-left:5px;
    overflow:hidden;
    border:hidden;
}

.distancebox
{
    height:auto;
    width:auto;
    border:black 1px solid;
    float:left;
    border:hidden;
    
    
}

.dealermoreinfo 
{
    height:auto;
    width:325px;
    border-bottom: #eeeeee 2px solid; 
    float:left;
    padding:5px;
    padding-top:10px;
    margin-bottom:10px;
    padding-bottom:20px;
    border:black 1px solid;
    border:hidden;
    
}

.infobox
{
    background-color:Blue;
}

.dealercheckbox 
{
    height:auto;
    width:auto;
    padding:5px;
    margin-bottom:30px;
    border:black 1px solid;
    border:hidden;
}

.standardbox 
{
    height:auto;
    width:auto;
    padding:5px;
    border:black 1px solid;
    
    
}


.dealerheader
{
    height:20px;
    width:360px;
    float:left;
    padding:5px;
    border:black 1px solid;
    
    
}

/* Copies the style of simplemodal to other divs (does NOT style the simplemodal in any way!) */
.simplemodalstyle
{
	background-color: #333;
	border: solid 8px #444;
	padding: 10px;
	position: fixed;
	top: 5%;
}

#thirdpartyscroll
{
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
}

#thirdpartytable
{
	background-color: #484848;
	font-size: 0.9em;
	width: 100%;
	border: solid 1px #333;
	border-collapse: collapse;
	border-spacing: 1px;
}

#thirdpartytable tr
{
	vertical-align: middle;	
}

#thirdpartytable .tprow
{
	width: 60px;
	text-align: center;
}

#thirdpartytable th
{
	font-weight: bold;
	text-align: center;
}

#thirdpartytable td
{
	font-weight: normal;
}

#thirdpartytable th, #thirdpartytable td
{
	border: solid 1px #333;
	padding: 2px;
}

/* jquery.tinyscrollbar */

#scrollbar1 { width: 500px; clear: both; margin: 20px 0 10px; }
#scrollbar1 .viewport { width: 480px; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #585858; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background-color: #3F3F3F; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }

.infowindowimage
{
    height:30px;
    width:30px;
    float:left;
    margin-right:10px;
    /*background: url('../../Uploads/testlogosmall.jpg');*/
}

.infowindowtext
{
    height:auto;
    width:auto;
    float:left;
}

/* This to be used inside simplemodal popup */
.popupinfomessage
{
	border: solid 3px #00CCCC;
	background-color: #ECFFFF;
	color: #008888;
	font-weight: bold;
	padding: 5px;
	margin: 5px;
	text-align: left;
	font-size: 12px;
}

/******************************************************** 
Professional Line
********************************************************/

.loginBlock
{
	width: 290px;
	margin: 0 auto 0 auto;
	display: block;
	margin-bottom: 40px;
}

.loginBlock #loginText
{
	font-size: 2em;
	font-weight: bold;
	color: #CCC;
	margin-bottom: 15px;
	margin-top: 20px;
}

.loginfields .loginrow
{
	padding: 3px 0 10px 0;
}

.loginfields .loginrow.label
{
	padding: 0px;
	font-size: 0.9em;
	font-weight: bold;
}

#loginbutton
{
	margin-top: 10px;
	text-align: right;
}

.largeTextbox
{
	background-image: url("../../images/FieldButtonSprites.png");
	background-position: -1px -1px;
	font-size: 1.1em;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	color: #888;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

.largeTextbox:focus
{
	background-image: url("../../images/FieldButtonSprites.png");
	background-position: -1px -35px;
	font-size: 1.1em;
	background-repeat: repeat-x;
	border: 1px solid #CCC;
	color: #555;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

.largeTextboxRed, .largeTextboxRed:focus
{
    background-image: url("../../images/FieldButtonSprites.png");
	background-position: -1px -67px;
	font-size: 1.1em;
	background-repeat: repeat-x;
	border: 1px solid #990000;
	color: #990000;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

.largeTextboxGreen, .largeTextboxGreen:focus
{
    background-image: url("../../images/FieldButtonSprites.png");
	background-position: -1px -99px;
	font-size: 1.1em;
	background-repeat: repeat-x;
	border: 1px solid #7A9641;
	color: #495632;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

/******************** Message Boxes ********************/
.msgErr
{
	background-color: #F7CCCD;
	border: solid 1px #CC0000;
	padding: 8px;
	color: #950000;
	display: block;
	margin: 5px;
}

.msgSuccess
{
	background-color: #E1F0C6;
	border: solid 1px #ACD560;
	padding: 8px;
	color: #56741F;
	display: block;
	margin: 5px;
}

.msgInfo
{
	background-color: #D9F2FD;
	border: solid 1px #23B9F1;
	padding: 8px;
	color: #0B80AC;
	display: block;
	margin: 5px;
}

.centeredWarning
{
	text-align: center;
	font-weight: bold;
	color: #DA2127;
	margin: 10px;
}

.darkmodallink, .darkmodallink a:visited, .darkmodallink a:active, .darkmodallink a:hover, .darkmodallink a
{
    color: #FFF !important;
}

/* Clean Modal */

.cleanmodal
{
	display: none;
	color: #333;
}

.cleanmodal .titlebar
{
	background-image: url("../../../images/modaltitlebar.png");
	background-repeat: repeat-x;
	height: 32px;
	line-height: 32px;
	font-size: 1.2em;
	color: #666;
	font-weight: bold;
	padding: 0 5px 0 5px;
	text-shadow: 0 1px 1px #FFF;
}

.cleanmodal .popupcontent
{
	padding: 5px;
}

.cleanmodal .textbox
{
	background-image: url("../../images/cleanmodaltextbox.png");
	background-position: 0 0;
	font-size: 1em;
	background-repeat: repeat-x;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4; 
	border-top: none;
	border-left: none;
	color: #888;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

.cleanmodal .textbox:focus
{
	background-image: url("../../images/cleanmodaltextbox.png");
	background-position: 0 -28px;
	font-size: 1em;
	background-repeat: repeat-x;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4; 
	border-top: none;
	border-left: none;
	color: #555;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

.cleanmodal .modalchoice
{
    text-align: right;
    padding: 5px 10px 5px 10px;
}

.cleanmodal .watermarktextbox
{
    background-image: url("../../images/cleanmodaltextbox.png");
	background-position: 0 0;
	font-size: 1em;
	background-repeat: repeat-x;
	border-bottom: solid 1px #C4C4C4;
	border-right: solid 1px #C4C4C4; 
	border-top: none;
	border-left: none;
	color: #999;
	margin-bottom: 8px;
	margin-right: 4px;
	padding: 6px;
	width: 270px;
}

/* LEGAL - for use when showing text from the Resources.Legal file on a page and for attribution to third parties */
.legal
{
	font-size: 0.8em; 
	padding: 5px 0 5px 0; 
	color: #666;
}

/* Standard Table */
table.std
{
	
}

table.std td
{
	text-align: inherit;
	vertical-align: top;
}

/* PR */
.prcontact
{
	/*padding: 20px 10px 20px 10px; 
	width: 200px;	*/
}

.prcontactname
{
	font-size: 1.2em; 
	font-weight: bold; 
	margin: 0 0 5px 0;
	padding: 40px 10px 0 10px;
}

.prcontactregion
{
	margin-bottom: 2px;
	padding: 3px 10px 3px 10px;
	vertical-align: top;
	font-style: italic;
}

.prcontacttel
{
	margin-bottom: 10px;
	padding: 3px 10px 0 10px;
}

.prcontactbutton
{
	padding: 10px 10px 0 10px;
}

/* Dealer Map v2 */
#dmpopup
{
    width: 825px;
    height: 550px;
}

/* warrantyregistration.aspx */
#warrantyreg
{
    margin: 0 auto 20px auto;
    width: 900px;
}

#warrantyreg .box
{
    width: 900px;
    background: #F7F7F7;
    border: solid 1px #CCC;
    margin: 0 0 20px 0;
}

#warrantyreg .box .title
{
	background-image: url("../../images/warrantyregistration/warregboxtitle.png");
	background-repeat: repeat-x;
	height: 32px;
	width: 890px;
	font-size: 1.2em;
	color: #FFF;
	font-weight: bold;
	line-height: 32px;
	padding: 0 5px 0 5px;
	text-shadow: 0 1px 1px #000000;
}

#warrantyreg .box .content
{
    padding: 5px;
    font-size: 1.1em;
}

.warrantyvalidmodels
{
    padding: 5px;
}

/* Large (From Admin) Buttons */
/**/
a.pastelbuttongrey
{
	font-size: 1em;
	font-weight: bold;
	font: Arial;
}

a.pastelbuttongrey:link, a.pastelbuttongrey:visited
{
	background: url(../../images/FieldButtonSprites.png) right -233px;
	color: #4D4D4D;
	text-shadow: #EAEAEA 0px 1px 0px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 12px; /* How far from the right the text is from the button edge */
}
a.pastelbuttongrey span
{
	background: url(../../images/FieldButtonSprites.png) left -233px;
	display: inline-block;
	height: 28px;
	padding-left: 12px; /* How far from the left the text is from the button edge */
	color: #4D4D4D;
	text-shadow: #EAEAEA 0px 1px 0px;
}
a.pastelbuttongrey:hover
{
	background: url(../../images/FieldButtonSprites.png) right -261px;
	display: inline-block;
	cursor: pointer;
}
a.pastelbuttongrey:hover span
{
	background: url(../../images/FieldButtonSprites.png) left -261px;
	display: inline-block;
	color: #4D4D4D;
	text-shadow: #EAEAEA 0px 1px 0px;
	cursor: pointer;
}
a.pastelbuttongrey:active
{
	background: url(../../images/FieldButtonSprites.png) right -289px;
	display: inline-block;
	cursor: pointer;
}
a.pastelbuttongrey:active span
{
	background: url(../../images/FieldButtonSprites.png) left -289px;
	display: inline-block;
	color: #4D4D4D;
	text-shadow: #EAEAEA 0px 1px 0px;
	cursor: pointer;
}
/**/
a.pastelbuttongreen
{
	font-size: 1em;
	font-weight: bold;
	font: Arial;
}

a.pastelbuttongreen:link, a.pastelbuttongreen:visited
{
	background: url(../../images/FieldButtonSprites.png) right -149px;
	color: #456C3C;
	text-shadow: #E4F0D0 0px 1px 0px;
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
	cursor: pointer;
	padding-right: 12px; /* How far from the right the text is from the button edge */
}
a.pastelbuttongreen span
{
	background: url(../../images/FieldButtonSprites.png) left -149px;
	display: inline-block;
	height: 28px;
	padding-left: 12px; /* How far from the left the text is from the button edge */
	color: #456C3C;
	text-shadow: #E4F0D0 0px 1px 0px;
}
a.pastelbuttongreen:hover
{
	background: url(../../images/FieldButtonSprites.png) right -177px;
	display: inline-block;
	cursor: pointer;
}
a.pastelbuttongreen:hover span
{
	background: url(../../images/FieldButtonSprites.png) left -177px;
	display: inline-block;
	color: #456C3C;
	text-shadow: #DCEBC2 0px 1px 0px;
	cursor: pointer;
}
a.pastelbuttongreen:active
{
	background: url(../../images/FieldButtonSprites.png) right -205px;
	display: inline-block;
	cursor: pointer;
}
a.pastelbuttongreen:active span
{
	background: url(../../images/FieldButtonSprites.png) left -205px;
	display: inline-block;
	color: #527223;
	text-shadow: #F3F9EC 0px 1px 0px;
	cursor: pointer;
}

a.pastelbuttongreenlarge, a.pastelbuttongreenlarge:link, a.pastelbuttongreenlarge:visited {
    background: transparent url('../../images/biggreenbutton_right.png') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: bold 16px Arial;
    height: 32px;
    margin-right: 6px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
    text-shadow: #145100 0px 1px 0px;
}

a.pastelbuttongreenlarge span, a.pastelbuttongreenlarge:link span, a.pastelbuttongreenlarge:visited span {
    background: transparent url('../../images/biggreenbutton_left.png') no-repeat;
    display: block;
    line-height: 22px;
    padding: 5px 0 5px 20px;
    text-shadow: #145100 0px 1px 0px;
    text-decoration: none;
}

a.pastelbuttongreenlarge:hover
{
    background-position: right -32px;
    color: #FFF;
    outline: none;
}

a.pastelbuttongreenlarge:hover span
{
    background-position: left -32px;
    /*padding: 6px 0 4px 20px;  push text down 1px */
}

a.pastelbuttongreenlarge:active
{
    background-position: right -64px;
    color: #FFF;
    outline: none;
}

a.pastelbuttongreenlarge:active span
{
    background-position: left -64px;
    padding: 6px 0 4px 20px; /* push text down 1px */
}

.watermark
{
	color: #999;
}

/* Clean Table (themed smooth steel grey) */
table.cleantable
{
    border: solid 1px #CCC;
    border-spacing: 0;
    border-collapse: collapse;
}

table.cleantable th
{
    background-image: url(../../images/cleanbox_top.jpg);
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
    text-align: left;
    padding: 0 0 0 5px;
    color: #333;
    text-shadow: #FFF 0px 1px 0px;
}

table.cleantable td
{
    padding: 3px 5px 3px 5px;
    color: #333;
}

table.cleantable a:link, table.cleantable a:visited
{
    color: #237DA9;
}

table.cleantable a:hover
{
    color: #718A9F;
}

ul.unbulletedgenericlist, ol.unbulletedgenericlist
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.unbulletedgenericlist li, ol.unbulletedgenericlist li
{
    padding: 0 0 5px 0;
}

/* Defines banner floating titles where dynamic titles are overlaid on banner images */
div#bannerFloatTitle
{
    position: relative;
    top: -149px;
    left: 40px;
    font-family: Arial;
    font-weight: bold;
    font-size: 28px;
    color: #FFF;
}

/* Sign Up */
#signupright
{
    float: right; 
    position: relative; 
    left: 5px; 
    background-color: #EBEBEB; 
    height: 600px; 
    width: 280px; 
    border-left: solid 1px #CCC; 
    padding: 0 10px 0 10px;
    font-size: 1.2em;
}

#signupright h3
{
    text-shadow: #FFF 0px 1px 0px;
}

#signupright ul
{
    padding: 0 15px 0 15px;
}

#signupright li
{
    padding: 10px 0 10px 0;
}

.consumerstripedtable
{
    border-collapse:collapse;
}

.consumerstripedtable td, .consumerstripedtable th 
{
    border:1px solid #98989A;
    padding:3px 7px 2px 7px;
    vertical-align: top;
}

.consumerstripedtable th 
{
    font-size:1.1em;
    text-align:left;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#7F8082;
    color:#ffffff;
}

.consumerstripedtable tr.alt td 
{
    color:#000000;
    background-color:#EAEAEA;
}

.consumerstripedtable td
{
    color: #000;
    background-color: #F4F4F4;
}

/* EH7500 CSS */

.LensTable
{
    border-collapse:collapse;
}

.LensTable td, .LensTable th 
{
    border:1px solid #808285;
    vertical-align: top;
}

.LensTable th 
{
    font-size:1.1em;
    text-align:center;
    background-color:#ffffff;
}

.LensTable tr.alt td 
{
    background-color:#EFF0F0;
}

.LensTable td
{
    background-color: #ffffff;
}

#lamprelayBox
{
    position: relative; 
    float: left; 
    width: 330px; 
    margin-top: 10px; 
    height: 149px; 
    background-repeat: no-repeat;
}

#lamprelayBox .LeftContent
{   
    width: 100px; 
    text-align: center; 
    font-weight: bold; 
    font-size: 11px; 
    float:left; 
    position: relative; 
    top: 10px; 
    left:10px;
}

#lamprelayBox .RightContent
{
    width: 100px; 
    text-align: center; 
    font-weight: bold; 
    font-size: 11px;
    float:left; 
    position: relative; 
    top: 10px; 
    left:120px;
}