/********** BEGIN HTML ELEMENT STYLES **************/
body
{
	background:none transparent;
	background-color:White;	
	height: 100%;
	text-align:center;  
	margin: 0 auto;
	font-size: 10px;
	font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

html
{
	height: 100%;
}

iframe
{
	background: border: 0px none;
}

a
{
	border: 0px none;
}

img
{
	border: 0px none;
}

hr 
{ 
	height:0px; border-bottom: 1px solid #c0c0c0; 
	border-top: 0px solid ; 
	border-left: 0px solid ; 
	border-right: 0px solid ;
}

input
{
	border: 1px solid #D7D7D7;	
}

table

{
	border:0px none ;
	cellspacing:0 ;
	cellpadding:0 ;	
	padding: 0
}

ul  
{
	list-style-image: url('/images/img_bullet1.gif');
	margin-left: 0;
	padding: 15;
	margin-top: -10px;
}

li
{
	margin-left: 0;
	padding: 0;
	margin-top: 0px;
	list-style-type: none;
	position: relative;
	color: #333; 
	font-size: 11px; 

}


h1
 {
	color: #333;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px
	}


h2
{
	color: #000; 
	font-size: 14px; 
	font-weight: bold;
}
/********** END HTML ELEMENT STYLES **************/


.homeFeatureBorder
{ 
	background-color: #fff; 
	border-right: 2px solid #ccc; 
	border-left: 2px solid #ccc; 
}
	
.homeControlTD1
{ 
	background-color: #fbfbfb; 
	padding-top: 10px; 
	padding-right: 10px; 
	padding-left: 10px; 
	border-right: 1px solid #999; 
	border-left: 1px solid #999; 
}

.homeControlTD2
{ 
	background-color: #fbfbfb; 
	padding-top: 10px; 
	padding-right: 10px; 
	padding-left: 10px; 
}
	
.txtGrey, .txtGreyBold 
{
	color: #333;
	font-size: 12px
}
.txtGreyBold
{ 
	font-weight: bold;
}
	
	
.txtRequired, .txtRequiredBold
{
	color: #933;
	font-size: 12px
}

.txtRequiredBold
{
	font-weight: bold
}




.txtCredits
{ 
	color: #999; 
	font-size: 9px; 
}


/******* MENU SYSTEM STYLES ************/
td div 
{
/* this causes the div after menu-TD's header 
	to create a positioning context; contained elements
	have their own coordinate system based at 0,0 / top left
	or was it bottom left.
*/
	position:relative;
}

.menuActuator
{
	margin:0 0;
	z-index: 1000;    
}



.viewerBorder
{
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
	
.popOverWindow
{
	top:0;
	left:0;
	position:absolute;
	margin:0 auto;
	text-align: center; 
	width:100%;
	display: none;
	z-index: 100000;
}

.popTopBg
{
	background-image: url('/images/img_pop_top_bg.gif');
}

.popTitle
{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.borderBlack
{
	border: solid 1px #000;
}

#popOverIframe
{
	background-color:transparent ;	
}

#popOverWindowMask
{
	top:0;
	left:0;
	z-index: 100000;
	position:absolute;
	margin:0 auto;
	text-align: center; 
	width:100%;
	height: 100%;
	display: none;
	opacity: .4;
	moz-opacity: .4;
	filter: alpha(opacity=40);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:#333333 ;

	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	/*background-image: url("maskBG.png") !important; // For browsers Moz, Opera, etc.*/	
}

/******* New Styles 11/07/05 ************/
.headTitle {
	color: #333;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px
	}

.headText {
	color: #333;
	font-size: 12px;
	line-height: 14px
	}
.tabBg {
	background-image: url('/images/img_tab_bg.gif')
	}


/******* New Styles 11/08/05 ************/

.accNavHeadBg {
	font-size: 12px;
	background-color: #dbf4fd;
	padding-bottom: 5px;
	border-right: 1px solid #878787;
	border-bottom: 1px solid #878787;
	border-left: 1px solid #878787
	}

.accNavBg {
	/*background-color: #fff;*/
	padding: 1px;
	border-right: 1px solid #878787;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #878787
	}

.accNavBgAt {
	background-color: #e1e1e1;
	padding: 1px;
	border: solid 1px #878787
	}

.awardBg {
	text-align: center;
	padding: 10px;
	border-right: 2px dotted #ccc;
	width: 90px;
	}

.prodBannerBg {
	text-align: center;
	padding: 10px;
	border-right: 2px dotted #ccc;
	}

.tabText, .tabTextBold {
	color: #333;
	font-size: 12px;
	line-height: 12px;
	}

.tabTextBold {
	font-weight: bold;
	}
	
.tabPrice {
	color: #09c;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	}

.tabList  {
	list-style-image: url('/images/img_bullet1.gif');
	}




.imgBorderThumbnail {
	margin: 0 8px 0 0;
	padding: 4px;
	/*border: dotted 2px #999*/
	border:none;
	}

.faqTextQ, .faqTextA {
	color: #333;
	font-size: 12px;
	line-height: 14px
	}

.faqTextA 
{
	color: #930;
}
	
	
.footerTD1 
{
	padding: 0 5px;
	border-right: 1px dotted #999;
}

.footerTD2
{
	padding: 0 5px; 
}

.tabDetailAt
{
	color: #FFFFFF; 
	background-color: black
	/*background-image:url('/images/img_tab_arrow_black.gif')*/
}
a.tabDetailAt
{
	color:#fff;
}

.tabDetailOff
{
	
}
.contentBoxTD {
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	border-right: 1px solid #999;
	border-left: 1px solid #999
	}

.butBlueBg
{
	padding-left: 5px;
	padding-right: 5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background-image: url('/images/but_blue_bg.gif')
}

.requiredTop
{ 
	background-color: #FFFFCC; 
	border-top: 1px solid #FFCC00;
}
		
.requiredBot
{ 
	background-color: #FFFFCC; 
	border-bottom: 1px solid #FFCC00; 
}

.requiredLeft
{ 
	background-color: #FFFFCC; 
	border-left: 1px solid #FFCC00; 
}

.requiredRight
{ 
	background-color: #FFFFCC; 
	border-right: 1px solid #FFCC00; 
}

.inputRequired
 {
	background-color: #fcffed;
	border: solid 1px #efceb8
	}
.subMenuFlyout
{
	left: 1;
}


    .imgPlusBG
{
    background-image: url(/images/img_list_open.gif);

    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}
    .imgMinusBG
{
    background: url(/images/img_list_close.gif);
    background-repeat: no-repeat;
    background-position: left center;
    text-decoration: none;
}

/* This hides the print only elements on page scalled into the PopOver and InfoViewer iframes  */
.printElementDisplay
{
	display: none;
}   

.printElementHide
{
	display: block;
}   



/**********************************************************************************************
 *BEGIN  productlists.css
 **********************************************************************************************/


/*******BEGIN SEGMENT/SUBSEGMENT SUB NAVS ************/
.snavEducationBg,.snavBusinessBg,.snavEntertainmentBg,.snavDefaultBg
{
	padding-right: 7px;
	padding-left: 7px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999
}
.sNavSegment
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999
}

.snavEducationBg 
{
	background-image: url(/images/img_snav_education_bg.gif);
}

.snavBusinessBg 
{
	background-image: url(/images/img_snav_business_bg.gif);
}

.snavEntertainmentBg
{
	background-image: url(/images/img_snav_entertainment_bg.gif);
}

.snavDefaultBg 
{
	background-image: url(/images/img_snav_default_bg.gif);
}
/*******END SEGMENT/SUBSEGMENT SUB NAVS ************/

.prodListUL {
	margin-left: 0;
	padding: 15;
	margin-top: -10px;
	}
	
.prodListLI {
	margin-left: 0;
	padding: 0;
	margin-top: 0px;
	list-style-type: none;
	position: relative;
	color: #333; 
	font-size: 11px; 
	font-weight: normal; 
	}

.colProjectorList
{
	font-size: 12px;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc; 
}
tr.RightColRow { padding-bottom:8px; }

.listIMGFloatLeft
{ 
	float: left;
}

.listIMGFloatNone
{ 
	float: none;
}
				
.listTitle,.listTitleLarge
{
	color: #000;
	font-size: 14px;
	font-weight: bold
}

.listTitleLarge 
{
	font-size: 18px;

}

.listPrice,.listPriceLarge
{ 
	color: #09c;
	font-size: 14px; 
	font-weight: bold; 
}
.listPriceLarge {
	font-size: 18px;
	}

.listTagline
{ 
	color: #333; 
	font-size: 11px; 
	font-weight: bold;
	line-height:-0.4em;
	
}

.listText
{ 
	color: #333; 
	font-size: 11px; 
	font-weight: normal; 
}
		
.listNew
{ 
	color: #c00; 
	font-size: 10px; 
	font-weight: bold; 
}
		
.listNewBg
{ 
	font-weight: bold; 
	background-color: #ebebeb; 
}
	
.listRebate
{ 
	color: #000; 
	font-size: 10px; 
	font-weight: normal;
}
		
.listPriceReduced
{ 
	color: #c00; 
	font-size: 10px; 
	font-weight: normal; 
}

.colTitle
{ 
	color: #666; 
	font-size: 14px; 
	font-weight: bold; 
}

.colBannerTitle
{ 
	color: #666; 
	font-size: 12px; 
	font-weight: bold; 
	line-height: 14px; 
	padding-bottom: 30px; 
}
		
.colBannerBorder
{ 
	padding-right: 5px; 
	padding-left: 5px; 
	border-right: 1px solid #999; 
	border-left: 1px solid #999;
}
	
.prodCompareButtons
{
	display: none;
}

.prodDetailsButtons
{
	display: block;
}

.prodLinkBorder
{
	padding-left: 10px;
	border-left: 1px solid #999;
}

.prodPrice,.prodPriceSmall
{
	color: #09c;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}

.prodPriceSmall
{
	font-size: 12px;
	line-height: 12px;
}

.prodTagline
{
	color: #666;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}

.prodText
{
	color: #666;
	font-size: 12px;
	line-height: 12px;
}
/**********************************************************************************************
 *END  productlists.css
 **********************************************************************************************/




/**********************************************************************************************
 *BEGIN  links.css
 **********************************************************************************************/
.flyoutMenuLink
{
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 7px;	
	display: block;
	width: 114px;
	color: #669900; 
	font-size: 12px;
	text-decoration: none;
	display:block;
	line-height: 14px;	
}
.flyoutMenuLink:link { } 
.flyoutMenuLink:visited { } 
.flyoutMenuLink:active { }
.flyoutMenuLink:hover
{
	text-decoration: underline 
}

a, .linkGreen, .linkGreenBold
{
	color: #669900; 
	font-size: 12px;
	text-decoration: none;
	line-height: 14px;
}

.linkGreenBold 
{
	font-weight: bold;
}

a, .linkGreen:link, .linkGreenBold:link { } 
a, .linkGreen:visited,.linkGreenBold:visited { } 
a, .linkGreen:active,.linkGreenBold:active { }

a, .linkGreen:hover,.linkGreenBold:hover
{
	text-decoration: underline 
}

.linkBlack
{
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	display: block
}
	
.linkBlack:link      { } 
.linkBlack:visited   { } 
.linkBlack:active    { }

.linkBlack:hover
{
	text-decoration: underline;
} 

.linkClose 
{
	color: #000;
	font-size: 11px;
	font-weight: bold;
	line-height: 11px;
	text-decoration: none;
	display: block;
}
	
.linkClose:link { } 
.linkClose:visited { } 
.linkClose:active { }

.linkClose:hover
{
	text-decoration: underline;
} 



.linkFooter
{
	color: #666; 
	font-size: 8pt;  
	line-height: 12pt; 
	text-decoration: none;
}
	
.linkFooter:link { } 
.linkFooter:visited { } 
.linkFooter:active { }

.linkFooter:hover
{ 
	text-decoration: underline;
}


.linkNavAccessory
 {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	line-height: 13px;
	text-decoration: none;
	display: block
	}

	
.linkNavAccessory:link      { } 
.linkNavAccessory:visited   { } 
.linkNavAccessory:active    { }

.linkNavAccessory:hover
{
	text-decoration: underline;
} 

.tabDetail,.tabDetailAt,.tabDetailOff
{
	color: #666;  font-size: 11px;  

	padding-right: 8px; 
	padding-left: 8px; 

	text-align:center;
	display:block;
	height: 100%;
	line-height:30px;
	text-decoration: none;
	vertical-align:baseline;
}
.tabDetail:link, .tabDetailAt:link,.tabDetailOff { } 
.tabDetail:visited,.tabDetailAt:visited,.tabDetailOff:visited { } 
.tabDetail:active,.tabDetailAt:active,.tabDetailOff:active{ }
.tabDetail:hover,.tabDetailAt:hover,.tabDetailOff:hover
{
	text-decoration: underline 
}


/**********************************************************************************************
 *END  links.css
 **********************************************************************************************/

/**********************************************************************************************
 *BEGIN  entertainment.css
 **********************************************************************************************/
.entertainmentCol1Head
{
	font-size: 12px;
	background-image: url(/images/img_entertainment_col1_top.gif);
	padding-top: 5px;
	padding-bottom: 5px;
}

.entertainmentCol2Head
{
	font-size: 12px;
	background-image: url(/images/img_entertainment_col2_top.gif);
	padding-top: 5px;
	padding-bottom: 5px;
}
/**********************************************************************************************
 *END  entertainment.css
 **********************************************************************************************/


/**********************************************************************************************
 *BEGIN  mainnav.css
 **********************************************************************************************/
.mainContainer
{
	text-align:center;  margin: 0 auto;  width: 780px; position: relative;
}

.mainNavLeft
{
	background: url(/images/nav_table_bg1.gif);
}

.mainNavRight
{
	background-image: url(/images/nav_table_bg2.gif);
}

.lightBorderTop
{
	border-top:solid 1px #ccc;
}

.subMenuFlyoutItemCat
{ 

	font-size: 12px;
	color: #333;
}

td.mainNavSubMenuItem,.subMenuFlyoutItem,.mainNavSubMenuFooter 
{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

/* Sub menu item style for TD element of each item */
.mainNavSubMenuItem
{
	height: 30px;
	padding-left:7px;
	border-bottom:solid 1px #ccc; 
	background-color: White;
	background-image:url('/images/nav_table_bg2.gif');
}


.blankBGOnMouseOver
{
    background-image:none;
}


menu
{
	z-index: 100000;
}
/*  Link styles for flyout menu links */
a.mainNavSubMenuItemLink, a.mainNavSubMenuItemLinkAt
{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display:block;
	height: 30px;
	line-height: 30px;	
	
}

a.mainNavSubMenuItemLink:link{}
a.mainNavSubMenuItemLink:visited {}
a.mainNavSubMenuItemLink:active {}

a.mainNavSubMenuItemLink:hover
{
	text-decoration:underline;
}

a.mainNavSubMenuItemLinkAt:hover {}

a.mainNavSubMenuItemLinkAt
{
	font-weight: bold;
}

.subMenuFlyoutItem 
{
	background-color:White;
	
	height: 16px;
	line-height: 16px;
	border-bottom:solid 1px #cccccc;
}

/* Style for bottom descriptive text area or each flyout menu */
.mainNavSubMenuFooter 
{
	padding-left:12px;
	font-size: 11px;
	padding-bottom: 10px;
	padding-right:12px;
	padding-top:10px;
	background-color: #FFFFFF;
}

.mainNavSubMenuFooterImage
{
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
}

/* Styles for main nav Link buttons */
.mainNavBusiness,.mainNavEntertainment,.mainNavEducation,.mainNavStore
{ 
	color: #000; 
	font-size: 12px;  
	border-top: 1px solid #ccc; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #666; 
	padding-left: 10px;
	padding-right: 10px;
	text-align:center;
	display:block;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}

.mainNavBusinessOver
{ 
	background: #F7C767;
}

.mainNavEntertainmentOver
{
	background: #DCF87A;	
}
	
.mainNavEducationOver
{ 
	background: #FFFF99;	
}



a.mainNav2, a.mainNavallproducts
{
	color: #666;  font-size: 10px;  
	line-height: 10px; 
	padding-right: 8px; 
	padding-left: 8px; 
	border-top: 1px solid #ccc; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #666;
	text-align:center;
	display:block;
	height: 33px;
	line-height: 33px;
	text-decoration: none;
}

.mainNav2Over,.mainNavStoreOver
{
	color: #333; 
	background: #D7D7D7;
}
/**********************************************************************************************
 *END  mainnav.css
 **********************************************************************************************/




/**********************************************************************************************
 *BEGIN  segments.css
 **********************************************************************************************/

/*****BEGIN SEGMENT/SUBSEGMENT PRODUCT CATEGORIES****/

.businessMobileHead,.businessMeetingHead,.businessInstallationHead,.entertainmentCol1Head,.entertainmentCol2Head
{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.businessMobileHead
{
	background-image: url(/images/img_business_col1_top.gif);
}

.businessMeetingHead
{
	background-image: url(/images/img_business_col2_top.gif);
}
		
.businessInstallationHead
{
	background-image: url(/images/img_business_col3_top.gif);
}

.entertainmentCol1Head
{
	background-image: url(/images/img_entertainment_col1_top.gif);
}

.entertainmentCol2Head
{
	background-image: url(/images/img_entertainment_col2_top.gif);
}

.supportTitle
{
	color:black;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*****END SEGMENT/SUBSEGMENT PRODUCT CATEGORIES****/

/**********************************************************************************************
 *END  segments.css
 **********************************************************************************************/



/**********************************************************************************************
 *BEGIN  compare.css
 **********************************************************************************************/
table.compareResults
 {
	background-color: white;
	border-top: 1px solid #808080;
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	border-left: 1px solid gray;
	border-collapse: collapse;
	border-spacing: 0px 0px
	}


table.compareResults th
{
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.compareResults td
 {
	font-size: 12px;
	background-color: white;
	padding: 5px;
	border-right: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	-moz-border-radius: 0px 0px 0px 0px
	}
 
	
table.compareLinkTable
{
	border-width: 1px;
	border-spacing: 0px 0px;
	border-style: solid solid solid solid;
	border-color: white;
	border-collapse: collapse;
	background-color: white;
}

table.compareLinkTable th
{
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: white;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.compareLinkTable td
{
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: inset inset inset inset;
	border-color: white;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-size: 12px; 	
} 
	
.compareText
{ 
	color: #000; 
	font-size: 11px; 
	font-weight: bold; 
}

.compareText2
{
	color: #000;
	font-size: 12px;
	font-weight: normal;
}

.compareTop
{ 
	background-color: #e3f6fe; 
	border-top: 1px solid #999;
}
		
.compareBot
{ 
	background-color: #e3f6fe; 
	border-bottom: 1px solid #999; 
}
		
.compareLeft
{ 
	background-color: #e3f6fe; 
	border-left: 1px solid #999; 
}

.compareRight
{ 
	background-color: #e3f6fe; 
	border-right: 1px solid #999; 
}

.compareButBg
{
	background-image: url(/images/but_compare_bg.gif)
}



/**********************************************************************************************
 *END  compare.css
 **********************************************************************************************/

.menu_coverer
{

display: none;

}

.dottedLine
{
	height:0px; border-bottom: 2px dotted #666666; 
	border-top: 0px solid ; 
	border-left: 0px solid ; 
	border-right: 0px solid ;
} 


.linkWhiteBold
{
	color: #FFFFFF; 
	font-size: 14px;
	text-decoration: none;
	line-height: 14px;
	font-weight: bold;
}

.linkWhiteBold:link { } 
.linkWhiteBold:visited { } 
.linkWhiteBold:active { }

.linkWhiteBold:hover
{
	text-decoration: underline;
}

.tablePopout
{
	border-right: groove;
	border-top: groove;
	border-left: groove;
	border-bottom: groove;
	background-color: gainsboro;
}

.tableHidden
{
	background-color: white;
}