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

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

td{vertical-align: top; text-align: left;}

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;}
a img {border: none;}

.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;
    }    
  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 {
    padding:5px 5px 5px 0;
    height:60px;
    vertical-align:bottom;
    
    font-size:.6em;   
    /* border:1px solid yellow; width:180px;*/
    }
  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:185px;
    font-size:1em;
    }
  table#modeler65 span.errormsg {
    color:#C30;
    font-size:1em;   
    }    
  table#modeler65 td#middle_i {
    width:38px;
    padding-right:14px;
    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"
demo for 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(/img/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;
  }
  
.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("/img/i_red_arrow.gif");
  */
  line-height:120%;
  }
div.productfamily ul li {
  margin:2px 0 0 0;
  padding:0;
  font-size:.85em;
  }
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 and PDF library table styles.

Best practice suggests removing these types of
content tables site-wide and replacing them 
with semantic list elements.
-------------------------------- */
table.docs {
  padding:0;
  margin:0;
  border:none;
  width:100%;
  line-height:100%;
  border-collapse:collapse;
  }

table.docs td img {
  width:4px;
  height:7px;
  padding-right:2px;
  }
/* These table styles are used on the PDF
   library pages for document lists. */
table.docs td,table.docs td.toprow {
  margin:0;
  padding:2px 0 2px 6px;
  }
table.docs td.toprow {
  padding-left:0;
  }    
table.docs td.nexttoprow {
  padding:10px 0 3px 0;
  }  
table.docs td a {
  padding:0 0 0 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%;
  } 
/* 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#ssv_bullet {
  margin-left:4px;
  vertical-align:baseline;
  width:4px;
  height:7px;
  }
/* End styles for individual CS/SS pages. */
/* -----------------------------
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(/img/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;}

#articletext {font-size: 12px; font-weight: normal; color: #434343; text-align: left; padding: 0px 0 20px 0px;}

#products {color: #434343;}
#products span{font-size: 12px; font-weight: bold; color: #3C7190;  line-height: 135%;}
#products a{font-size: 12px; font-weight: bold; color: #3C7190; line-height: 135%;}
#products a:hover{text-decoration: underline; color: #8FBB63;}
#products li a{font-size: 12px; font-weight: normal; color: #3C7190; line-height: 135%;}
#products ul{padding: 0px 0 10px 0px;}
#products td{border-bottom: 1px solid #BFBFBF;}

#products_left {color: #434343;}
#products_left span{font-size: 10px; font-weight: bold; color: #3C7190;  line-height: 135%;}
#products_left a{font-size: 10px; font-weight: bold; color: #3C7190; line-height: 135%;}
#products_left a:hover{text-decoration: underline; color: #8FBB63;}
#products_left li a{font-size: 10px; font-weight: normal; color: #3C7190; line-height: 135%;}
#products_left ul{padding: 0px 0 10px 15px;}
#products_left td{border-bottom: 1px solid #BFBFBF;}

#products_list li{float: left;}
#products_list a{font-size: 10px; font-weight: bold; color: #FFF;}
#products_list a:hover{text-decoration: underline; color: #FFF;}
#products_list{padding: 0 0 0 15px;}

#product_info .high{background-color: #E1DFDF; font-size: 10px; font-weight: bold; color: #3C7190; padding: 2px 5px 2px 5px;}
#product_info a{text-decoration: none;}
#product_info li{background: url('/img/arrow.gif') 0 7px no-repeat; padding: 0 0 0 20px;}
#product_info ul{border-bottom: 1px solid #BFBFBF}

h1 {font-size: 14px; font-weight: bold; color: #70818B;  padding: 2px 0 7px 0px; margin: 0;}
h2 {font-size: 13px; font-weight: bold; color: #70818B;  padding: 2px 0 7px 0px; margin: 0;}

#products_all ul{padding: 0; margin: 0;}
#products_all li{padding: 0 0 2px 0; margin: 0;}
#products_all a{font-size: 12px; font-weight: bold; color: #3C7190;}
#products_all li a{font-size: 10px; font-weight: normal; color: #3C7190;}
#products_all td{border: none;}

#tech_list li{float: left;}
#tech_list a{font-size: 10px; font-weight: bold; color: #FFF;}
#tech_list a:hover{text-decoration: underline; color: #FFF;}
#tech_list{padding: 0 0 0 10px;}

#tech {color: #434343;}
#tech span{font-size: 10px; font-weight: bold; color: #3C7190;  line-height: 135%;}
#tech a{font-size: 10px; font-weight: bold; color: #3C7190; line-height: 135%;}
#tech a:hover{text-decoration: underline; color: #8FBB63;}
#tech li a{font-size: 10px; font-weight: normal; color: #3C7190; line-height: 135%;}
#tech ul{padding: 0px 0 10px 0px;}
#tech td{border-bottom: 1px solid #BFBFBF;}

#address {background-color: #FFF; height: 84px; border: 1px solid #CCCCCC; margin: 0 0px 0px 5px; overflow: hidden; zoom: 1; width: 185px;   font-size: 10px; font-family: Verdana; font-size: 9px;}
#address  div{background-color: #7D8496; padding: 0px 5px 0px 5px; color: #FFF;}
#address  span{padding: 0 10px 10px 5px; display: block;}
#address a{font-weight: normal; color: #3C7190;}
#address a:hover{text-decoration: underline; color: #8FBB63;}

#banner {background-color: #FFF; border: 1px solid #CCCCCC; margin: 0 0px 0px 5px; overflow: hidden; zoom: 1; font-family: Verdana; font-size: 9px;}
#banner  .title{background-color: #7D8496; padding: 0px 5px 0px 5px; color: #FFF;}
#banner  span{padding: 0 10px 10px 5px; display: block; font-size: 10px;}

#product_form {padding: 0 0 0 0px; margin: 0;}
#product_form input{border: 1px solid #CCC; height: 20px;}
#product_form select{font-size: 10px;}

#stories {color: #434343;}
#stories span{font-size: 12px; font-weight: bold; color: #3C7190;  line-height: 135%;}
#stories a{font-size: 12px; font-weight: normal; color: #3C7190; line-height: 135%;}
#stories a:hover{text-decoration: underline; color: #8FBB63;}
#stories li a{font-size: 12px; font-weight: normal; color: #3C7190; line-height: 135%;}
#stories ul{padding: 0px 0 10px 0px;}
#stories td{border-bottom: 1px solid #BFBFBF;}

#download {color: #434343;}
#download span{font-size: 12px; font-weight: bold; color: #3C7190;  line-height: 135%;}
#download a{font-size: 12px; font-weight: normal; color: #3C7190; line-height: 135%;}
#download a:hover{text-decoration: underline; color: #8FBB63;}
#download li a{font-size: 12px; font-weight: normal; color: #3C7190; line-height: 135%;}
#download ul{padding: 0px 0 10px 0px;}
#download td{border-bottom: 1px solid #BFBFBF;}

#kroshka {font-size: 10px; font-weight: bold; color: #434343;  line-height: 135%; padding: 0 0 0 4px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-color: #F4F4FE;}
#kroshka a{font-size: 10px; font-weight: normal; color: #000; line-height: 135%; text-decoration: none;}
#kroshka a:hover{text-decoration: underline; color: #8FBB63;}

.copyright{font-size: 9px; font-weight: bold; color: #434343;}

#articletext td{border: none;}