/* pro/css/bose_pro.css */
body { 
  font-family: verdana, arial, helvetica, sans-serif; 
  font-weight:normal;
 /* font-size:62.5%; */  /* Implement post conversion */
  color:#000;
  margin:0;
  padding:0;
  text-align:center;
  background:#FFF;
  background-image:url(/images/pro/body_gradient_800.jpg);
  background-repeat:repeat-x;
  background-attachment:fixed;
  }

/*---------------------------
These styles have been transcribed and
adapted from the original of style sheets.
----------------------------*/

a:link.bluehoverlink {color:#3C7190; background:inherit; text-decoration:none;}
a:visited.bluehoverlink {color:#3C7190; background:inherit; text-decoration:none;}
a:hover.bluehoverlink {color:#8FBB63; background:inherit; text-decoration:underline;}
a:active.bluehoverlink {color:#3C7190; background:inherit; text-decoration:none;}
.greenhead {
   font-size:12px; 
   font-family: verdana, arial, helvetica, sans-serif; 
   font-weight:bold; 
   color:#B4D631; 
   text-decoration:none;
}

.defaulthead {
  font-size:12px;
  }
.redlargehead, h1.new_largehead, .reddefaulthead, div.newproduct h2 {
  margin:0;
  padding:0;
  background:inherit;
  line-height: 110%;
  font-weight:normal;
  color: #70818B;  /* One look updates. */   
  }
.redlargehead, h1.new_largehead {
  /* font-size: 1.6em; */  /* Implement post conversion */
  font-size: 18px;
  }
.reddefaulthead, div.newproduct h2 {
  /* font-size: 1.4em; */  /* Implement post conversion */
  font-size: 14px;
  font-weight:bold;
  }
 /* Superscripting for most H1, H2s and legacy P tags */ 
.redlargehead sup, .reddefaulthead sup {
  font-weight:bold;
  font-size:70%;
  text-decoration:none;
  /* vertical-align:text-middle; */
  }  
/*  End superscripting styles. */    
.default .reddefaulthead {
  margin-top:1.2em;
  }
.default {
  line-height:140%;
  }	
.redxsmallhead {
  /* caption: Red X-Small Heading; */ /* This was throwing errors in the error console. */
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #525C62;  /* One look updates. */	
  }
/* ------------------------- */

/* 
Added h2 and adjacent sibling styles
for document pages where there 
are many document links listed
under an h2 headline. The adjacent
sibling selector h2 + p could be
used except that it does not work 
in quirks mode in IE.
*/ 	

/* ------------------------- */
 
.adjacentsib {
  margin-top:4px;
  }    
.erromsg {
  color:#CC3333;
  background:#fefeee;
  }
  
/* ----------------------------------------- */
/* Styles for Modeler 6.5 registration form. */
/* ----------------------------------------- */

  form#modeler65_register {
    margin:20px 0 10px 10px;
    padding:10px 0;
    border-top:1px solid #8FBB63;
    border-bottom:1px solid #8FBB63;        
    }
  table#modeler65 {
    width:470px;
    }  
  form#modeler65_register .alert, table#modeler65 .alert {
    color:#C30;
    background:inherit;      
    }
  form#modeler65_register .star, table#modeler65 .star {
    width:8px;
    line-height:120%;
    }    
  table#modeler65td.dblhi, table#modeler65 td.sglhi, table#modeler65 select,   table#modeler65 input {
    font-family: verdana, arial, sans-serif;
    color:#525C62;
    }
  table#modeler65 td.dblhi, table#modeler65 td.sglhi,  table#modeler65 td.middle_i {
    padding:5px 0;
    height:60px;
    vertical-align:bottom;
    font-size:.8em;   
    width:210px;
    }
  table#modeler65 td.sglhi {
    height:40px;
    }  
  table#modeler65 label,  table#modeler65 .alert {
    display:block;
    float:left;
    padding:2px 0;
    }  
  table#modeler65 select,   table#modeler65 input {
    padding:0;
    margin:0;
    width:190px;
    font-size:1em;
    }
  table#modeler65 label, table#modeler65 span.errormsg {
    width:180px;
    line-height:120%;
    }    
  table#modeler65 span.errormsg {
    color:#C30;
    font-size:1em;   
    }    
  table#modeler65 td.middle_i {
    width:38px;
    padding:0 12px 5px 0;
    text-align:left;
    }
  input#NewsletterSignUp {
    display:inline;
    margin:0;
    padding:0;
    width:15px;
    }   
/* --------------------------------------------- */
/* End styles for Modeler 6.5 registration form. */
/* --------------------------------------------- */

/* ------------------------- */
/* 
This h2 style is used to push the heading
away from the content above and below it
only on the Freespace new_index page.
*/  
div.newproduct h2 {
  font-size:1.2em;
  margin:30px auto 5px auto;  
  }  
div.newproduct p {
  margin:0;
  color:#525C62;
  background:inherit;
  }
  
/* ------------------------
Link styles for "one look"
learn_more links.
--------------------------- */    
div.newproduct a.learn_more, div.default a.learn_more {
  font-size:85%;
  font-style:italic;
  color:#3C7190;
  background:inherit;
  } 

div.newproduct a.learn_more:link, div.default a.learn_more:link {color:#3C7190;   background:inherit;}
div.newproduct a.learn_more:visited, div.default a.learn_more:visited {color:#3C7190;   background:inherit;}
div.newproduct a.learn_more:hover, div.default a.learn_more:hover {color:#8FBB63;   background:inherit;}
div.newproduct a.learn_more:active, div.default a.learn_more:active {color:#8FBB63;   background:#CCC;}  

div.newproduct img {
  border:none;
  }  
/*---------------------------
End of the styles for the 
new_index page for the new 
freespace products. 
----------------------------*/  

/*---------------------------
CONTENT TEXT STYLES
----------------------------*/
.redtxt {
	color: #F8B336;  /* Orange bullet for left navs.*/
	}
.bulletrt {   /* Orange bullets placed on the right side of links */
  display:inline-block;
  width:4px;
  height:7px;
  margin-left:4px;
  }	
/* Newsletter styles */	
/*
These styles have been migrated from the 
indivdual newsletter pages to this stylesheet. 
DAC 2/22/2007
*/
#newsletters { 
	list-style-type: none; 
	margin:0; 
	padding:0; 
	}
#newsletters li {
	padding-bottom:12px;
	}
#newsletters li a {
	padding-left:10px;
	background: 0 5px url(/images/pro/i_red_arrow.gif) no-repeat;
	}
/* End newsletter styles. */

/*--------------------------------------------------
Paragraph styles to bring "list paragraphs" closer 
together for visual connection. After converting
all the "list paragraphs" to "docs tables" or ULs 
these styles can be removed. 8-28-07 DAC
---------------------------------------------------- */
.p_margins p.redlargehead {
    margin-bottom:0;
    }  
.p_margins p.lists {
    margin-top:0;
    }
.italics {
  font-style:italic;
  } 
/*
Expansion card table styles.
Used on the ESP-88 accessories page. 
*/
#expansioncards td {
    vertical-align:top;
    }
#expansioncards td.head {
    padding-top:20px;
    vertical-align:bottom;
    }
#expansioncards td p{
    margin:0 0 10px 0;
    padding:0;
    } 
#expansioncards td p a {
    font-size:1em;
    font-style:italic;
    }        
/* End expansion card table styles */      

/*
Accessory image style - for borders. 
Used on the DS16S/SE, DS100F, DS100SE 
and DXA2120 accessories pages.
*/
.accessory {
  border:1px solid #DFE0E5;
  }

/* --------------------------------------
Begin list styles for Folding FAQ lists.
DAC 7/3/07
-------------------------------------- */  
ol, ul {
  line-height:140%;
  }
sup {
  line-height:50%;
  font-size:85%;
  font-size:1.1em;
  text-decoration:none;
  vertical-align:text-top;
  }
/* .inline is used to change the font size for inline
superscripts. See the /pro/products/index.jsp page. */
.inline {
  font-size:1.1em;
  }  
/* .uline is used in some FAQ's to underline inline text. */
.uline {
  color:inherit;
  background:inherit;
  text-decoration:underline;
  }
a.mainQuestion {
padding-right:5px;
/*
  border:1px solid red;
*/  
  }
li.totop, a.totop {
  margin:0 0 5px 0;
  padding:0;
  font-style:italic;
  font-size:80%;  
  text-decoration:underline;
  color:#3C7190; /* One look style demo. blue */
  background:inherit;
  } 
a.totop:link, li.totop a:link, ol#ques li a:link {color:#3C7190; text-decoration:underline; background:inherit;}
ol#ques li a:visited {color:#000; text-decoration:underline; background:inherit;}
a.totop:visited, li.totop a:visited {color:#3C7190; text-decoration:underline; background:inherit;}
a.totop:hover, li.totop a:hover, ol#ques li a:hover {color:#8FBB63; text-decoration:underline; background:inherit;}
a.totop:active, li.totop a:active, ol#ques li a:active {color:#8FBB63; text-decoration:underline; background:#FFF0D6;}

ol#faq a:link, ol#faq a.mainQuestion:link  {color:#3C7190; text-decoration:underline; background:inherit;}
ol#faq a:visited, ol#faq a.mainQuestion:visited {color:#3C7190; text-decoration:underline; background:inherit;}
ol#faq a:hover, ol#faq a.mainQuestion:hover {color:#8FBB63; text-decoration:underline; background:inherit;}
ol#faq a:active, ol#faq a.mainQuestion:active {color:#3C7190; text-decoration:underline; background:inherit;}

ol#ques li, ol#faqlist li, ol#faq li, ol#faq2 li, ol#faq li ul li, ol#faq2 li ul li {
  line-height:145%;
  }
ol#faq, ol#faq2 {
  margin:0;
  padding:0 0 0 32px;
  width:450px;
  }  
ol#faq ul, ol#faq2 ul {
  margin-top:4px;
  list-style:none;
  }
ol#faq li {
  margin:0 0 6px 0;
  }
ol#faq li ul li, ol#faq2 li ul li {	
  margin:5px auto;
  color:#666;
  background:inherit;    
  }
ol#faq li ul.sublist li {
  list-style:disc;
  }
ol#faq li ul.sublist li.nobullet, ol#faq2 li ul.sublist li.nobullet {
  list-style:none;
  }
ol#faq2 li ul li.totop {
  margin:0 0 20px 0;
  padding:0;
  font-style:italic;
  font-size:80%;  
  text-decoration:underline;
  color:#3C7190; /* One look style demo. blue */
  background:inherit;
  list-style:none;
  }
  
#expand_hide {
  margin:10px 0;
  padding:0;
  text-align:left;
  }
  
#expand_hideplus {
  margin:10px 0;
  padding:0;
  text-align:left;
  }
  
.answer, .hideanswer, .hideitem {
  display:none;
  }
  
.showitem_b {
  display:block;  
  }
  
.showitem {
  margin:0;
  font-family:verdana, sans-serif;
  font-weight:400;
  font-size:1em;
  color:#BBBBBB;
  display:inline;
  }

.showitem img, .hideitem img {
  border:none;
  }
  
a:link.showitem  {color:#BBBBBB; text-decoration:underline; background:inherit;}
a:visited.showitem {color:#BBBBBB; text-decoration:underline; background:inherit;}
a:hover.showitem {color:#8FBB63; text-decoration:underline; background:#fbf7ef;}
a:active.showitem {color:#8FBB63; text-decoration:underline; background:#fbf7ef;}

.showanswer {
  display:block;
  margin:20px 0;
  padding:0;
  /*
  border:1px solid red;
  */
  }
.showanswer li{
  padding-top:14px;
  /*
  border:1px solid blue;
  */
  }
ol#faq li ol.orderedsublist li {
  margin:0;
  padding:7px 0 0 0;
  } 
ul.sublist {
  margin-left:20px;
  padding-left:20px;
  }
ul.sublist li{
  margin:0;
  padding:0;
  list-style:disc;
  /*
  border:1px solid green;
  */
  }
ol#faq ul#expcrds, ol#faq ul#features, ol#faq2 ul#expcrdsNS, ol#faq2 ul#featuresNS {
  padding-left:40px;
  }  
ol#faq ul#expcrds li, ol#faq ul#features li, ol#faq2 ul#expcrdsNS li, ol#faq2 ul#featuresNS li {
  color:#3C7190;
  list-style:disc;
  background:inherit; 
  } 
ol#faq li ul#expcrds li ul.sublistnoindent li, ol#faq li ul#features li ul.sublistnoindent li, ol#faq2 li ul#expcrdsNS li ul.sublistnoindent li, ol#faq2 li ul#featuresNS li ul.sublistnoindent li {
  color:#666;
  background:inherit;
  list-style:none;
  padding:0;
  margin:0;
  } 
ol#faq li ul#expcrds li ul.sublistnoindent, ol#faq ul#features li ul.sublistnoindent, ol#faq2 li ul#expcrdsNS li ul.sublistnoindent, ol#faq2 ul#featuresNS li ul.sublistnoindent {
  margin-left:0;
  padding-left:0;
  }
/* -------------------------------
Begin styles for modeler tip illustrations.
List items (li) immediately following an
image of the tip_illustration class should
have display set to inline for consistent
text wrapping.
---------------------------------- */ 
ol#faq img.tip_illustration {
  display:block; 
  float:left;
  margin:10px 10px 0 0;
  }
span.tip_text {
  display:inline;
  } 
/* --------------------------------------
End styles for modeler tip illustrations.
-------------------------------------- */  

/* -------------------------------
Pointer arrow styles for FAQs.
---------------------------------- */  
ol#faq img {
/*   display:inline-block; */
  padding:0 0 1px 0;
  border:none;
  text-decoration:none;
  }
/* -------------------------------
End pointer arrow styles.
---------------------------------- */ 
/* --------------------------------------
End list styles for FAQ pages.
-------------------------------------- */  
/* -------------------------------
Begin table styles for faq pages.
---------------------------------- */   
.faqtables tr th, .faqtables tr td {
  text-align:center;
  font-size:1.2em;
  } 
.faqtables tr th, .faqtables tr td {      	
  padding:1px 10px;
  }
.faqtables tr th {
  font-size:1.2em;  
  }  
/* -------------------------------
End table styles for faq pages.
---------------------------------- */  

/* -------------------------------
4/13/07 DAC Jira PVA 6579.
To repair conflicts with site catalyst
script - these styles are for the floating 
tooltips on the global offices index page.
---------------------------------- */ 
div#tooltip {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  padding:2px;
  width:80px;
  text-align:center;
  color:#525C62;
  background:#FFF;
  border:1px solid #525C62;
  display:none;
  }
/* End site catalyst fix */

/* ----------------------------- 
Styles for the lists on the main products
page, the three product families pages and
the Downloads PDF Library Products index 
page. (Freespace, Panaray, Panaray LT)
-------------------------------- */  
div.productfamily {
  float:left;
  margin-bottom:20px;
  display:inline;
  width:285px;  
  }
div.productfamily p {
  margin:10px 0 0 5px;
  padding:0;
  }
div.productfamily ul {
  padding:0;
  margin:0 0 5px 5px;
  list-style:none;
  /*
  list-style-image:url("/images/pro/i_red_arrow.gif");
  */
  line-height:120%;
  }
div.productfamily ul li {
  margin:0;
  padding:0;
  height:14px;
  /* font-size:.85em; */  /* Implement post conversion */
  font-size:10px;
  }
div.productfamily img img.left_link_bullet {   /* Image style for the orange bullet on discontinued product asset links. */
  margin-right:4px;
  vertical-align:baseline;
  width:4px;
  height:7px;
  border:none;
  }
/* ----------------------------- 
End the styles for the lists on the main 
products page and product families pages. 
-------------------------------- */

/* -----------------------------
Main product page (.prod) and 
PDF library table (.docs) styles.
-------------------------------- */
table.docs, table.prods {
  padding:0;
  margin:0;
  border:none;
  width:100%;
  line-height:1.2em;
  border-collapse:collapse;
  }
table.docs td img, table.prods td img{
  width:4px;
  height:7px;
  }
table.docs td.toprow, table.docs td {
  margin:0;
  padding:3px 0;
  }
table.docs td {
  padding:2px 0 2px 6px;
  }
table.docs td.nexttoprow {
  padding:10px 0 3px 0;
  }  
table.docs td a, table.prods td a {
  padding-left:2px;
  }
table.docs td img.doclistimg {
  display:block;
  float:left;
  text-align:left;
  margin-top:11px;
  }
table.docs td span.doclist {
  display:block;
  float:left;
  padding:3px 0 5px 2px;
  width:400px;
  line-height:150%;
  }
table.prods {   /* Used on the main product and product line index pages */
  width:270px;
  float:left;
  display:inline;
  margin:12px 0 0 10px;
  }
table.prods td {
  padding-top:4px;
  }
table.prods td span a {
  padding:0;
  }
table.prods td.toprow {
  padding:0 0 8px 0;
  }    
table.prods caption {
  font-size:12px;
  font-weight:bold;
  text-align:left;
  line-height:125%;
  }
/* Styles used on main products page. */  
table.prods td img.prodlistimg, table.prods td span.prodlist {
  display:block;
  float:left;
  margin:0;
  padding:0;
  text-align:left;
  line-height:120%;  
  }
table.prods td img.prodlistimg {
  margin:3px 2px 0 0;
  }
table.prods td span.prodlist {
  font-size:10px;
  }
/* End of styles used on main products page. */    
/* End of PDF library table styles. */ 
/* -----------------------------
Case Story styles used on 
CS/SS venues and products pages.
-------------------------------- */
/* Styles for CS/SS listing pages. */
div#ss_lists {
  float:left;
  margin:0;
  padding:0 0 20px 10px;
  }
ul.ss_venues, ul.ss_prods {
  float:left;
  list-style:none;
  margin:0;
  padding:0;
  }
ul.ss_venues li, ul.ss_prods li {
  margin:0;
  padding:0 0 2px 2px;
  }
ul.ss_venues li img, ul.ss_prods li img {
  display:inline-block;
  margin:0 2px 1px 0;
  }   
div#ss_lists p img {
  display:inline-block;
  margin:0 0 1px 3px;
  }  
/* End styles for SS lising pages. */
/* Styles for individual SS pages. */
img#ssv {
  height:148px;
  width:167px;
  margin:5px 5px 0 10px;
  float:left;
  display:inline; /* For ie floated object margin doubling bug. */
  }
#ssv_default {
  float:right;
  width:375px;
  margin:0 5px 0 0;
  display:inline; /* For ie floated object margin doubling bug. */	
  }
#ssp_default {
  padding-left:10px;
  }  
img.cs_bullet {  /* Bullet style for case stories index page */
  margin-left:4px;
  vertical-align:baseline;
  width:4px;
  height:7px;
  }
/* End styles for individual CS/SS pages. */
/* Begin HoW landing page styles. */
.how .site {
  clear: both;
  border-bottom: 1px dotted #dddddd; 
  padding: 1.5ex 0.5em;
  overflow: auto;
  height: 100%;
  font-size: smaller;
  line-height: 100%;
  }
.how .site:last-child {
  border-bottom: none;
  }
.how .site .links {
  float: right;
  vertical-align: top;
  }
.how .site img.location {
  height: 80px;
  width: 80px;
  float: left;
  margin: auto 0.5em;
  }
.how .site img {
  vertical-align: middle;
  }
.how .site .text {
  width: 300px;
  margin-top: 1ex;
  display: inline-block;
  }
.how .site .text p {
  margin-top: 1ex;
  }
/* End HoW landing page styles */
/* -----------------------------
End Case Story styles.
-------------------------------- */
/* *********************************************** */  
/* Begin table free footer styles.                 */
/* /includes/pro/global_pro_footer_a.jsp           */
/* *********************************************** */
.footerblk {
  margin:0;
  padding:15px 0;
  text-align:center;
  background-image:url(/images/pro/horizontal_footer_gradient.jpg); 
  background-repeat:repeat-y;
  border-top:3px solid #A9CC27;
  width:762px;
  }
.footerblk p#procopyright {
  /* font-size:1em; *//* Implement post conversion */
  font-size:9px;
  font-weight:bold;
  color:#434343;
  background:inherit;
  }
.footerblk ul#footernav, .footerblk p#procopyright {
  margin:0;
  padding:0;
  }
.footerblk ul#footernav li {
  font-family: verdana, sans-serif;
  /* font-size:1em; *//* Implement post conversion */
  font-size:9px;
  margin:0;
  padding:0;
  list-style:none;
  display:inline;
  }
.footerblk ul#footernav li a:link {color:#000; background:inherit; text-decoration:none;}
.footerblk ul#footernav li a:visited {color:#000; background:inherit; text-decoration:none;}
.footerblk ul#footernav li a:hover {color:#8FBB63; background:inherit; text-decoration:underline;}
.footerblk ul#footernav li a:active {color:#000; background:inherit; text-decoration:none;}