
@media all {
	/* GLOBAL STYLES */
	
	* { margin-top: 0; }
	body { background-color: #000000; }
	body, input, select, option { margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: #211e19; font-size: 11px; }


#gTopNav,#gFooter{display:none;}

	a:link, a:active, a:visited { color: #211e19; }
	a:hover { color: #211e19; }
	img { border: none; }
	td { vertical-align: top; }
	p { line-height: 1.4; }
	ul.list, ol.list { margin-left: 10px; padding-left: 10px; line-height: 1.4; }
	.arrow { background: url(/apps/nna/docroot/img/bluetooth/bt_btn_next.gif) no-repeat left 3px; padding-left: 8px; font-size: 10px; }
	.big { font-size: 12px; font-weight: bold; margin-bottom: 8px; }
	.clear { clear: both; }
	.tight { margin-bottom: 5px; }
	.right { text-align: right; }
	.paddingR { padding-right: 15px; }
	.paddingL { padding-left: 15px; }
	.borderR { border-right: solid 1px #cccccc; }
	.print { display: none; }
	.nofloat { float: none !important; }
	.rowOdd { background: #ededed; }
	.rowEven { background: #ffffff; }
	
	
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		/* I [Schricker] am not sure what purpose this line served, but it made clearfix fail in IE8 on the FAQ page, so I am making this impossible to match. Consider other fixes if this breaks anything else. */
		dis----play: inline-block;
	}
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	
	#disclaimer { display: none; position: absolute; z-index:1000; overflow:hidden; width: 580px; padding: 5px 10px 10px 10px; background:  #231f19; bottom: 30px; margin-left: 20px; }
	#disclaimer iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:3000px;/*must have for any big value*/ height:3000px;/*must have for any big value*/ }
	#disclaimerText { background: #e9e1dc; padding: 10px 10px 1px 10px; overflow-y:auto;max-height:250px ;_height:250px}
	.discClose { text-align: right; margin-bottom: 5px; }
	.discClose a:link, .discClose a:visited { color: #ffffff; text-decoration: none; }
	.printDisclaimer {display:none}
	
	#results .blueContent { padding-top: 10px; padding-right: 0; width: 626px; background-color: transparent; /* IE6 DUPLICATE CHARACTER FIX */ }
	#results .bluePaging { width: 120px; float: right; text-align: right; display: none; margin-right: 10px; }
    #results .blueSort { float: right; text-align: right; margin-right: 10px; }
	#results .bluePrev { margin-right: 5px; }
	#results .blueNext { margin-left: 5px; }
	#results .blueSelect { width: 40px; }
	#results #phoneResults { display: none; }
	#results #phoneMatrix, #results #phoneMatrixPrint { margin-bottom: 10px; }
	#results .blueCell { width: 130px; height: 140px; border: solid 1px #cccccc; margin: 0 4px 6px 0; padding: 10px 9px 5px 9px; text-align: center; float: left; background-color: transparent; /* IE6 DUPLICATE CHARACTER FIX */ text-decoration: none; overflow: hidden; }
	#results .blueCell img { height: 100px; width: 90px; margin-bottom: 13px; }
	#results a.blueCell:hover { border-color: #000000; }
}

@media screen {

	/* LAYOUT TEMPLATE */
	.blueWrap { margin: 0 auto; width: 964px; background: #ffffff url(/apps/nna/docroot/img/bluetooth/bt_main.gif) repeat-y left top; }
	.blueGlobal { width: 964px; height: 25px; }
	.blueHeader { width: 964px; height: 42px; position: relative; }
	.bluePrintButton { position: absolute; top: 12px; right: 31px; }
	.blueMain { width: 964px;  }
	.blueRegional { width: 230px; float: left; display: inline; /* IE6 DOUBLE-MARGIN FIX */ min-height: 443px; height: auto !important; height: 443px; }
    .blueLegend { font-size: 10px; width: auto; background-color: #FFFFFF; /* IE6 DOUBLE-MARGIN FIX */ height: auto !important; margin: 9px; padding: 3px;}
	
	.blueTabs { width: 721px; float: left; display: inline; /* IE6 DOUBLE-MARGIN FIX */ margin-bottom: 15px; padding: 10px 0 0 13px; border-bottom: solid 1px #cfc1b7; text-align: center; }
	.blueTabOn { position: relative; float: left; margin: 0 4px -1px 4px; background-color: #ffffff; }
	.blueTabOff { float: left; margin-bottom: -1px; }
	.blueContent { width: 672px; padding: 0 31px 10px 31px; float: left; display: inline; /* IE6 DOUBLE-MARGIN FIX */ position: relative; }
	.blueFooter { display:block;width: 931px; text-align: right; z-index:9}
	.bluePhoneCol { width: 180px; padding-right: 20px; }
	.bluePhoneImg { width: 140px; height: 100px; border: solid 1px #cccccc; padding: 20px 10px; text-align: center; margin-bottom: 10px; }
	.discTrigger, #disclaimer { margin-top: 11px; font-size: 10px; }
	
	/* REGIONAL NAV */
	.blueRegional ul { margin: 0; padding: 0; list-style: none; }
	.blueRegional li { display: block; padding: 8px 9px 9px 21px; border-bottom: solid 1px #cfc1b7; }
	.blueRegional li a:link, .blueRegional li a:active, .blueRegional li a:visited { text-transform: uppercase; font-weight: bold; text-decoration: none; }
    .blueLegend em { font-weight: bold; }
    .blueLegend ul { padding: 0; margin-left: 10px; list-style-type: none; }
    .blueLegend li { display: block; padding: 0; border: none; margin-top: 4px; }
    
	#home #homeLink, #find #findLink, #results #findLink, #phone #findLink, 
	#setup #findLink, #testing #findLink, #benefits #beneLink, #faq #faqsLink, #customer #custLink { background-color: #231f19; }
	#home #homeLink a:link, #home #homeLink a:active, #home #homeLink a:visited, 
	#find #findLink a:link, #find #findLink a:active, #find #findLink a:visited, 
	#results #findLink a:link, #results #findLink a:active, #results #findLink a:visited, 
	#phone #findLink a:link, #phone #findLink a:active, #phone #findLink a:visited, 
	#setup #findLink a:link, #setup #findLink a:active, #setup #findLink a:visited, 
	#testing #findLink a:link, #testing #findLink a:active, #testing #findLink a:visited, 
	#benefits #beneLink a:link, #benefits #beneLink a:active, #benefits #beneLink a:visited, 
	#faq #faqsLink a:link, #faq #faqsLink a:active, #faq #faqsLink a:visited, 
	#customer #custLink a:link, #customer #custLink a:active, #customer #custLink a:visited { color: #ffffff; }
	
	/* FOOTER NAV */
	.blueFooter ul { margin: 0; padding-bottom: 11px; list-style: none; }
	.blueFooter li { margin: 0; display: inline; color: #cccccc; }
	.blueFooter a:link, .blueFooter a:active, .blueFooter a:visited { color: #999999; text-decoration: none; }
	.blueFooter a:hover { color: #c71444; }
	
	/* FIND FORM */
	#findForm { margin: 0; padding: 17px 12px; background: #9c9189; color: #ffffff; position: relative; /* IE6 DISAPPERRING BACKGROUND FIX */ }
	#findForm select, #findForm input { display: block; margin-top: 9px; }
	#findForm div, #findForm input { margin-top: 17px; height: 1%; /* IE6 PEEKABOO FIX */ }
	#findForm input#submit { width: 65px; height: 18px !important; /* IE6 PEEKABOO FIX FIX */ }
	#findForm span { display: inline-block; /* IE6 PEEKABOO FIX */ }
	#findForm option { padding-right: 10px; }
	#findForm a:link, #findForm a:active, #findForm a:visited { font-size: 10px; color: #ffffff; }
	#findForm a:hover {  }
	#findForm #vehicle { width: 150px; }
	#findForm #year { width: 60px; }
	#findForm #equip { width: 170px; }
	#findForm #mfg { width: 150px; }
	#find #findBox, #results #findBox, #phone #findBox, #setup #findBox, #testing #findBox { background: #9c9189 url(/apps/nna/docroot/img/bluetooth/bt_findbox.gif) no-repeat left top; border-bottom: solid 1px #cfc1b7; position: relative; /* IE6 DISAPPERRING BACKGROUND FIX */ }
	#find #findForm, #results #findForm, #phone #findForm, #setup #findForm, #testing #findForm { background: url(/apps/nna/docroot/img/bluetooth/bt_findform.gif) no-repeat left bottom; padding: 17px 3px 17px 21px; }
	#home #findForm { padding: 12px 10px; }
	
	
	/* PAGE SPECIFIC */
	#home .blueContent { padding-top: 197px; background: url(/apps/nna/docroot/img/bluetooth/bt_home.jpg) no-repeat 31px 10px; }
	#home .blueContent td {width: 33%;}
	#home table { margin-bottom: 11px; }
	#benefits .blueContent { padding-top: 197px; background: url(/apps/nna/docroot/img/bluetooth/bt_benefits.jpg) no-repeat 31px 10px; }
	#customer .blueContent { padding-top: 197px; background: url(/apps/nna/docroot/img/bluetooth/bt_customer.jpg) no-repeat 31px 10px; }
	#faq .blueContent { padding-top: 11px; }
	#find .blueMain { background: url(/apps/nna/docroot/img/bluetooth/bt_find.jpg) no-repeat left bottom; }
	#find .blueContent { padding-top: 90px; padding-left: 10px; }
	#find .blueLanding {padding-left: 24px; background: url(/apps/nna/docroot/img/bluetooth/bt_arrow.gif) no-repeat left top;}
	#find .blueFooter { clear: both; }
	#phone .blueContent { padding-top: 24px; }
		/*removed some #phone parts because the #phone ID is now happening with script. */
	       .phoneFeatures { width: 75%; text-align: left; padding: 4px 10px; }
	       .phoneFeatureDetail div {display:none;}
	#phone .phoneFeatureDetail div {display:block;}
	#phone .phoneFeatureDetail { position: relative; }
	#phone .phoneFeatureDetail .phoneRoll { color:#FFFFFF; display: none; -moz-box-sizing:content-box; background-color: #000000; border: 10px solid #C0C0C0; left: 5px !important; padding: 5px; position: absolute; top: 16px !important; width:225px; z-index: 100; }
	#phone .phoneFeatureDetail:hover .phoneRoll { display: block; }
	#phone .phoneFeatureDetailHover  .phoneRoll { display: block !important; }
	       .phoneCompat { text-align: center; padding: 4px 10px; }
	#phone .phoneHead td { padding-bottom: 16px; }
	#testing .blueContent { padding-top: 11px; }
	#testing .blueTesting { margin-bottom: 15px; }
	#testing .blueTesting div.big { padding-top: 10px; margin-bottom: 2px;}
	#testing .blueTesting span { width: 160px; float: left; display: block; }
	#testing #disclaimer { bottom: -30px; }
	
	/* PHONE SETUP GUIDE */
	#phoneSetup h2 { font-size: 12px; font-weight: bold; margin-top: 10px; border-top: dashed 1px #cccccc; padding-top:8px; }
	#phoneSetup h3, #phoneSetup h4 { font-size: 11px; font-weight: bold; margin: 10px 0; }
	#phoneSetup .phoneNote { margin: 5px 0; }
	
	/* SPECIFICATIONS.CSS (ACCORDION) OVERRIDES */
	.gAccordionGroup	{width:650px;height:20px;overflow:hidden;margin-top:1px}
	.gAccordionGroup .gToggler	{background:url(/apps/nna/docroot/img/global/accordion.png) no-repeat;}
	.gToggler		{height:20px;padding-left:0px}
	.gToggler a		{background:no-repeat 5px 4px;font-size:11px;line-height:1.5em;font-weight:bold;padding-left:20px;display:block;height:20px;-moz-outline-style:none;}
	.gToggler a:link, .gToggler a:active, .gToggler a:visited, .gToggler a:hover {color: white; text-decoration:none;}
	.gToggler .gClosed{background-image:url(/apps/nna/docroot/img/global/btn-plus.gif);}
	.gToggler .gOpened{background-image:url(/apps/nna/docroot/img/global/btn-minus.gif);}
	.gAccordionGroup .gPanel	{color:#333;background:white;margin:0em 1.3em;padding:.5em 1em;font-size:11px}
	.gAccordionGroup .gPanel td	{font-size:11px}
	.gAccordionGroup .gPanel *	{color:#333;}
	.gAccordionGroup .gPanel p	{padding:.5em 0px;margin:0px;}
	.gAccordionGroup .gPanel .glArrow{line-height:1.7em}
	.gOpened .gIfOpened{color: #211e19;display:inline;}
	.gClosed .gIfClosed{color: #211e19;display:inline;}
	.gOpened .gIfClosed{display:none;}
	.gClosed .gIfOpened{display:none;}
	.gPanel .glArrow	{background-image:url(/apps/nna/docroot/img/global/link-angle-black.gif) !important}
	#dAccordionGroup {margin-bottom: 11px;}
#equip{visibilit---y:hidden}
	
	/* FROM GLOBAL.CSS */
#sgcss{
 position:fixed;
 _position:absolute;
 right:20px;
 bottom:19px;
 _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight - 20);
 }
#sgFrameLayer #showimage {
 z-index:100000;
 position:fixed;
 top:20px;
 _position:absolute;
 _top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + 20 : document.body.scrollTop + 20);
 display:none;
}
#sgFrameLayer div {
	-moz-box-sizing: border-box;
}
#popSwf           {background-color:#000000;}
#popSwf #olPlus   {position:absolute; height:1px; width:1px; top:-1px; left:-1px; display:none;}
#olPlus img{display:none;position:absolute;cursor:pointer !important;cursor:hand;}
#ol1{display:none;right:51px;bottom:34px;display:none;position:absolute;}
#ol2{display:none;right:47px;bottom:34px;display:none;position:absolute;;width:4px;height:17px}
#ol3{display:none;right:28px;bottom:34px;position:absolute;}
#ol4{display:none;right:0px;	bottom:19px;position:absolute;}

#results #phoneMatrix { display:block ; }
#results #phoneMatrixPrint { display:none ; }

}


@media print {
    .print { display: block !important;}
    .noprint { display: none !important; }
    .clear {clear: both}
    .big { font-size: 12px; font-weight: bold; margin-bottom: 8px; }
    .blueGlobal, .blueHeader, .blueRegional, .blueTabs, .blueFooter, #olPlus { display: none !important; }
    .blueWrap { width:704px; margin: 0; }
    .blueMain { width:704px; background: #FFFFFF none; }
    .blueContent { width:704px; padding: 0; float: none;}
    .blueContent img.print {width: auto; padding: 0; margin: 0; float:none;}
    #results .blueCell { width: 100px; height: auto; border: none; margin: 0; padding: 0 5px 0 0; text-align: left; float: left !important; display: inline-block; }
    #results .blueCell img { display: none; }
    .bluePhoneCol { width: 200px; padding: 10px 4px 0 0; border-right: solid 2px #cccccc; }
    .bluePhoneData { padding: 0 0 0 10px; }
    .bluePhoneImg { height: auto; width: auto; border: none; padding: 10px 0 0 0; text-align: left; margin: 0;}
    #results .blueBtm { padding-top: 500px; }
    #results .blueTop { display:none; }
    #setup .blueBtm { padding-top: 250px; }
    .head { margin-top: 8px; margin-bottom: 2px; }
    #disclaimer { display: block !important; background: none;backgroung-color:#fff;position: static; margin: 20px 0 0 0; padding: 0; width: 100%; }
    #disclaimer .print { display: block; }
    #disclaimer iframe { display: none; }
    #disclaimerText { background: #fff;  display: block;  padding:0}
    .discClose { display: none; }
    .gClose {display:none;}
    .printDisclaimer { display:block;width:704px;}
    #olPlus {display:none;}
    #printDisclaimerText {display:block;width:704px;}
    BODY {background-color:#fff;}       
    TABLE {width:704px;}
    .clearfix {}
    #results #phoneMatrix { display: none; }
    #results #phoneMatrixPrint { display: block; float:left; width:400px }
    #gizmoS {display:none;}
}
