@charset "UTF-8";
 

/*--MAIN------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----- this is very important be careful when tweeking this!!! make sure that the body is set relative to the zeroed out wildcard* from here all content can be set relative to the body. Plus then you can absolute position items that will not scale or change in size in relation to there relatively positioned parent-very important... ------*/
*{ margin:0; padding:0; }
body {color:#000000; font: 75%/1.6em "Verdana, Helvetica, Arial", sans-serif; min-width: 900px; width: 920px; margin:0 auto;  position:relative;}
#content { text-align:left; width: 920px; float: left; }

ul li img {vertical-align: middle;color:#000000}
ul  {list-style:none;  }
li.bullet, ul.bullet {margin:0 0 1.2em 1.5em; list-style:circle; }
li.circle, ul.circle {margin:0 0 1.2em 1.5em; list-style:disc; }
li.dwnbullet, ul.dwnbullet { margin:0 0 1.2em 1.5em; list-style:url(/images-new/icons/download-bullet.jpg) outside; }


h1 {font-size:150%;}	
h2 {font-size:131%;}	
h3 {font-size:116%;}	
h4 {font-size:100%;}
h1, h2, h3, h4{padding:0; margin:0; color: #146fc1; font-weight:bold;}
h1 img, h2 img, h3 img, h4 img {vertical-align: middle; border:none;}

a { color:#0066FF; text-decoration:underline;  } 
a:hover {color:#000000;}  
a:visited {color:#666666;}
a:visited:hover {color:#444444;} 
a.none {text-decoration:none;}

td a img { border:none; }
img, a img { border:none; }

/*--endMAIN----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/








/*--NAVIGATION-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#nav_wrapper { background: url(/images-new/nav/nav-image.jpg) no-repeat; height:175px; position:relative; z-index:2; width: 920px; }

/*---------- This is the invisible menu inside the #nav_wrapper -it creates a hot spot over the acoustica logo on every page ----------*/
#menu a { height: 89px; width: 220px; border:none; text-decoration: none; left:12px; top: 5px; position:absolute; } 
#menu a i { visibility: hidden;} 
#menu a:hover {text-decoration: none;}

/*---------- Navprint-hidden until printed ----------*/
#nav_wrapper div#nav-print { display:none; } 

/*---------- This is the invisible menu inside the #nav_wrapper -it creates a hot spot over the acoustica logo on every page ----------*/
#menu a { height: 89px; width: 220px; border:none; text-decoration: none; left:12px; top: 5px; position:absolute; } 
#menu a i { visibility: hidden;} 
#menu a:hover {text-decoration: none;}


#nav { position:absolute; left: 50px; top: 98px; }
#nav li { float:left; }
#nav li ul li {float:none; }
#nav, #nav ul, #nav li ul { padding: 0;margin: 0;list-style:none; }
#nav li a, #nav a { display:block; text-decoration: none; }
#nav li a:hover { text-decoration: none;} 
#nav li a i  { visibility:hidden; } 
#nav li ul { position:absolute; left:-999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; margin-top:-3px; }
#nav li ul.hide { border:3px solid #DDDDDD; border-top:none; }

/*MAIN NAV IMAGE REPLACE*/
#nav #solutions a  { background: url(/images-new/nav/menu/static/solutions.jpg) no-repeat; width:105px;  height:68px;}
#nav #products a { background: url(/images-new/nav/menu/static/products.jpg) no-repeat; width:108px;  height:68px;}
#nav #download a  { background: url(/images-new/nav/menu/static/download.jpg) no-repeat; width:110px;  height:68px;}
#nav #store a { background: url(/images-new/nav/menu/static/store.jpg) no-repeat; width:83px;  height:68px;}
#nav #support a { background: url(/images-new/nav/menu/static/support.jpg) no-repeat; width:104px;  height:68px;}
#nav #company a { background: url(/images-new/nav/menu/static/company.jpg) no-repeat; width:95px;  height:68px;}
#nav #solutions a:hover  { background: url(/images-new/nav/menu/hover/solutions.jpg) no-repeat; width:105px;  height:68px; }
#nav #products a:hover  { background: url(/images-new/nav/menu/hover/products.jpg) no-repeat; width:108px;  height:68px; }
#nav #download a:hover  { background: url(/images-new/nav/menu/hover/download.jpg) no-repeat; width:110px;  height:68px; }
#nav #store a:hover  { background: url(/images-new/nav/menu/hover/store.jpg) no-repeat; width:83px;  height:68px; }
#nav #support a:hover  { background: url(/images-new/nav/menu/hover/support.jpg) no-repeat; width:104px;  height:68px;}
#nav #company a:hover  { background: url(/images-new/nav/menu/hover/company.jpg) no-repeat; width:95px;  height:68px; }

/*SET THE WIDTH OF THE INDIVIDUAL DROP LISTS RELATIVE TO THEIR PARENT LI*/
#nav li#solutions .hide li a {width:175px; }
#nav li#solutions .hide li a:hover {width:175px;}
#nav li#products .hide li a {width:160px; }
#nav li#products .hide li a:hover {width:160px; }
#nav li#download .hide li a {width:130px;}
#nav li#download .hide li a:hover {width:130px;}
#nav li#store .hide li a {width:150px;}
#nav li#store .hide li a:hover {width:150px;}
#nav li#support .hide li a {width:130px;}
#nav li#support .hide li a:hover {width:130px;}
#nav li#company .hide li a {width:145px;}
#nav li#company .hide li a:hover {width:145px;}

/*---------- Style the nested drop lists also give the size for each nested drop lists. ----------*/
#nav #solutions .hide a, #nav #products .hide a, #nav #download .hide a, #nav #store .hide a, #nav #support .hide a, #nav #company .hide a 
{ color:#146fc1; background:#FFF; padding:5px 0 5px 10px;  font-size:12px; height:18px }
/*---------- Drop lists :hover ----------*/
#nav #solutions .hide a:hover, #nav #products .hide a:hover, #nav #download .hide a:hover, #nav #store .hide a:hover, #nav #support .hide a:hover, 
#nav #company .hide a:hover { color:#FFF; background:#146fc1;  font-size:12px; height:18px }
#nav .line {border-top:1px solid #DDDDDD;}


/*div#CART----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#user-menu { text-align:right; color:#FFFFFF; padding-right: 20px; width: 675px; z-index: 4; position: relative; top: 70px; left: 200px; height: 25px; font-size:12px; }
div#user-menu ul#user-menu-list  { text-align:right; }
div#user-menu ul#user-menu-list li { float:right; list-style:none; padding:0 5px;}
div#user-menu ul#user-menu-list li a {color:#FFFFFF; letter-spacing:.03em; text-decoration:none; }
div#user-menu ul#user-menu-list li a:hover { color:#FFFFFF; text-decoration:underline; }
li#globalnav-cart a.icon-replace { background:url(/images-new/nav/cart/shop-icon.gif) no-repeat left center; display: block; width:80px; height:20px; }
li#globalnav-cart a.icon-replace:hover { background:url(/images-new/nav/cart/shop-icon.gif) no-repeat left center; display: block; width:80px; height:20px; }
/*div#CART---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*div#SEARCH----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#search { position: relative; float: right;  height: 50px; }
div#search table td form input#search-input { width:175px; height:20px; border:1px solid #DDDDDD; border-top:2px solid #999999; border-left:2px solid #999999;}
div#search table td form input#search-submit {height:25px;}
/*enddiv#SEARCH----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- Cookie trail, has a slight negative margin to pull it up.----------*/
#cookie_trail { width: 825px; font-size: 12px;  background:#FCFCFC; height:40px;} 
#cookie_trail a {color: #ABABAB; text-decoration: none;} 
#cookie_trail p a span {color: #477FC9; text-decoration: underline; font-size:120%; font-weight:bold;}
#cookie_trail p em {color: #CCCCCC; padding-left:20px;}
#cookie_trail p em.hidden {visibility:hidden;}
/*--endNAVIGATION--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






/*--GLOBALWRAPPER + SUBNAV-----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------This is the content wrapper. The wrapper is floated left to accomodate all of the stetching content it contains. Width is set on the floated wrapper so that it fills the appropriate space.  The position is set to relative in order to set any of it's children to relative.----------*/
#wrapper { width: 920px; float: left; position:relative; left:-2px; top: -20px; }

/*----------This styles the inside of the wrapper, the wrapperHeader contains the top image, the wrapperMiddle contains the repeating y axis image and wrapperBottom has the bottom closing image.
The wrapperMiddle is floated left and a width set. By setting a width that matches the body, the individual floated div will still occupy the normal document flow.
The div has been floated to accomodate the expanding wrapperMiddle's content. The wrapperBottom needs to clear the float above it, so it has a clear:both set to bring it back into the normal document flow. There is a slight 1-3 pixel gap I can fix it with a negative bottom margin in Mozilla but in IE 6 and 7 it doesn't work?? wrapperBottom is set to position relative so that it's child div.subnav can be absolutly positioned inside it.----------*/
div #wrapperHeader {  width:920px;  position:relative; }
#wrapperMiddle { background: url(/images-new/backrounds/wrapper/middle.jpg) repeat-y -10px 0; float: left; width: 100%; }
#wrapperBottom { background: url(/images-new/backrounds/wrapper/bottom.jpg) repeat-y -10px -1px; height:158px; padding:0 5%; clear:both; position:relative;}

/*----------This is the div.subnav nested in the wrapperBottom it has been absolutly positioned inside. ----------*/
#wrapperBottom div.subnav { width:652px;  position:absolute; top:50px; left:30%;  font-size:12px; }
#wrapperBottom div.subnav span { padding:0 10px; color: #CCC;}
/*--endGLOBALWRAPPER-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/*--2COL-TEMPLATE---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------\\NESTED-2colfixed// Both columns have been floated left and widths set to a percentage, so if the parent element is resized they will accomodate the change. ----------*/
#wrapperMiddle div#colLeft { float: left; position: relative; margin-right: 10px; width: 50%; }
#wrapperMiddle div#colRight { float: left; position: relative; width: 44%; }

/*----------This ensures that any div in the div#colRight will have an em based bottom margin (this will allow the divs to expand without overlapping the content the follows it in the document flow. ----------*/
#wrapperMiddle div#colRight div { margin-bottom:2em; }
/*--end2COL-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--1COL-TEMPLATE---------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------\\NESTED-2colfixed// Both columns have been floated left and widths set to a percentage, so if the parent element is resized they will accomodate the change. ----------*/
#wrapperMiddle div#colOne { margin:0 0 0 42px; position:relative; width: 90%; }
#wrapperMiddle div#colOne td p { margin: 55px 10px; }
/*--end1COL-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/







/*GLOBAL CLASSES------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Give various paddings*/
#wrapperMiddle .padRight, #wrapperMiddle div#colLeft .padRight, #wrapperMiddle div#colRight .padRight {padding-right:2em;}
#wrapperMiddle .padLeftRight, #wrapperMiddle div#colLeft .padLeftRight, #wrapperMiddle div#colRight .padLeftRight {padding:0;}

/*Reset various paddings*/
#wrapperMiddle .nopadLeft, #wrapperMiddle div#colLeft .nopadLeft, #wrapperMiddle div#colRight .nopadLeft, #wrapperMiddle div#colOne .nopadLeft {padding-left:0;}
#wrapperMiddle .nopadRight, #wrapperMiddle div#colLeft .nopadRight, #wrapperMiddle div#colRight .nopadRight {padding-right:0;}
#wrapperMiddle .nopadLeftRight, #wrapperMiddle div#colLeft .nopadLeftRight, #wrapperMiddle div#colRight .nopadLeftRight {padding:0;}

/*Give various margins*/
#wrapperMiddle .marTop, #wrapperMiddle div#colLeft .marTop, #wrapperMiddle div#colRight .marTop  {margin-top:2em;}
#wrapperMiddle .marBottom, #wrapperMiddle div#colLeft .marBottom, #wrapperMiddle div#colRight .marBottom  {margin-bottom:2em;}
#wrapperMiddle .marLeft, #wrapperMiddle div#colLeft .marLeft, #wrapperMiddle div#colRight .marLeft {margin-left: 2em;}

/*Reset various margins*/
#wrapperMiddle .nomarTop, #wrapperMiddle div#colLeft .nomarTop, #wrapperMiddle div#colRight .nomarTop, #wrapperMiddle div#colOne .nomarTop { margin-top: -2em;}
#wrapperMiddle .nomarLeft, #wrapperMiddle div#colLeft .nomarLeft, #wrapperMiddle div#colRight .nomarLeft {margin-left:-2em;}

/*Set various floats*/
#wrapperMiddle .float, #wrapperMiddle div#colBoth .float, #wrapperMiddle div#colRight .float {  float:left}
#wrapperMiddle .floatRight, #wrapperMiddle div#colLeft .floatRight, #wrapperMiddle div#colRight .floatRight {float:right;}
#wrapperMiddle .floatNone {}

/*Clear various floats*/
#wrapperMiddle .clear, #wrapperMiddle div#colLeft .clear, #wrapperMiddle div#colRight .clear, #nav .clear {clear:left;}
#wrapperMiddle .clearRight, #wrapperMiddle div#colLeft .clearRight, #wrapperMiddle div#colRight .clearRight {clear:right;}
#wrapperMiddle .clearBoth, #wrapperMiddle div#colBoth .clearBoth, #wrapperMiddle div#colRight .clearBoth {clear:both;}

/*Set bold*/
#wrapperMiddle .bold, #wrapperMiddle div#colLeft .bold, #wrapperMiddle div#colRight .bold, #nav .bold, #wrapperMiddle #colOne .bold {font-weight:bold; color:#000000;}

/*Remove bold*/
#wrapperMiddle .nobold, #wrapperMiddle div#colLeft .nobold, #wrapperMiddle div#colRight .nobold {font-weight:normal;}

/*Remove list style*/
#wrapperMiddle .none, #wrapperMiddle div#colLeft .none, #wrapperMiddle div#colRight .none {list-style:none;}

/*Give border*/
#wrapperMiddle .border, #wrapperMiddle div#colLeft .border, #wrapperMiddle div#colRight .border { border:1px solid #CCCCCC; margin:0; padding:10px; }

/*Remove border*/
#wrapperMiddle .noBorder, #wrapperMiddle div#colLeft .noBorder, #wrapperMiddle div#colRight .noBorder { border:none; }

/*Give colorbackground*/
#wrapperMiddle .background, #wrapperMiddle div#colLeft .background, #wrapperMiddle div#colRight .background { background:#FFFFE0; }

/*Remove colorbackground*/
#wrapperMiddle .nobackground, #wrapperMiddle div#colLeft .nobackground, #wrapperMiddle div#colRight .nobackground {background:none; }

/*Give greybackground*/
#wrapperMiddle .greyback, #wrapperMiddle div#colLeft .greyback, #wrapperMiddle div#colRight .greyback { background:#E8E8E8; }

/*Remove greybackground*/
#wrapperMiddle .nogreyback, #wrapperMiddle div#colLeft .nogreyback, #wrapperMiddle div#colRight .nogreyback {background:none; }


/*Give Color*/
#wrapperMiddle .orange, #wrapperMiddle div#colLeft .orange, #wrapperMiddle div#colRight .orange {color:#FF9900;}
#wrapperMiddle .blue, #wrapperMiddle div#colLeft .blue, #wrapperMiddle div#colRight .blue {color:#0066FF;}


/*endGLOBAL GLOBAL CLASSES------------------------------------------------------------------------------------------------------------------------------------------*/






/*Button Styles-------------------------------------------------*/
/*smlPurchase buttons no animation----------------------------------------------*/
a.buyButton {display:block; background:url(/images-new/buttons/smlPurchase/buy.gif) no-repeat left top; width:100px; height:45px; text-decoration:none;}
a.buyButton:hover { background-position: -103px 0; }
a.buyButton:active { background-position: 0 0; }
a.buyButton i {visibility:hidden;}

a.dwnButton {display:block; background:url(/images-new/buttons/smlPurchase/download.gif) no-repeat left top; width:145px; height:45px;text-decoration:none;}
a.dwnButton:hover { background-position: -150px 0;}
a.dwnButton:active { background-position: 0 0;}
a.dwnButton i {visibility:hidden;}

/*lrgPurchase buttons with animation----------------------------------------------*/
a.dwnLrgAni {display:block; background:url(/images-new/buttons/lrgPurchase/animated/dwnlrgAni.gif) left top  no-repeat; width:216px; height:72px;text-decoration:none;}
a.dwnLrgAni:hover {background-position: -230px 0;}
a.dwnLrgAni:active {background-position: 0 0;}
a.dwnLrgAni i { visibility:hidden; }

/*buypage (box version and download version)*/
a.buyDwn {background:url(/images-new/buttons/lrgPurchase/buypage/buydwn-static.gif) left top no-repeat; display:block; width:280px; height:80px;text-decoration:none; }
a.buyDwn:hover { background-position: -304px 0; }
a.buyDwn:active { background-position: 0 0; }
a.buyDwn i { visibility:hidden;}

a.buyBox { background:url(/images-new/buttons/lrgPurchase/buypage/buybox-static.gif) left top no-repeat; display:block; width:280px; height:80px; text-decoration:none;}
a.buyBox:hover { background-position: -308px 0;  }
a.buyBox:active { background-position: 0 0; }
a.buyBox i {visibility:hidden;}

/*reqSupport*/
a.reqSupport { background:url(/images-new/support/product/requestSupport.gif) left top no-repeat; width:155px; height:50px; display:block; text-decoration:none; }
a.reqSupport i {visibility:hidden; }

/*genSupport*/
a.genSupport { background:url(/images-new/buttons/support/general-support/generalSupport.jpg) left top no-repeat; width:155px; height:50px; display:block; text-decoration:none; }
a.genSupport i { visibility:hidden; }

/*Inquiries*/
a.inquiries { background:url(/images-new/buttons/support/inquiries.jpg) left top no-repeat; display:block; width:120px; height:55px; text-decoration:none; }
a.inquiries:hover { background-position: -122px 0; }
a.inquiries:active { background-position: 0 0; }
a.inquiries i {visibility:hidden;}


/*submit small*/
button.submitsml { background:url(/images-new/buttons/general/submit/subsmlBut.jpg) left top no-repeat; display:block; width:85px; height:50px; text-decoration:none; border:0;}
button.submitsml:hover { background-position: -94px 0;  cursor: pointer;  }
button.submitsml:active { background-position: 0 0;  }
button.submitsml i {visibility:hidden;}


/*upgrade small*/
button.upgrade { background:url(/images-new/buttons/general/upgrade/upgrade.jpg) left top no-repeat; display:block; width:105px; height:70px; text-decoration:none; border:0;}
button.upgrade:hover { background-position: -129px 0;  cursor: pointer;  }
button.upgrade:active { background-position: 0 0;  }
button.upgrade i {visibility:hidden;}


/*upgrade small*/
button.print { background:url(/images-new/buttons/general/print/print.jpg) left top no-repeat; display:block; width:105px; height:70px; text-decoration:none; border:0;}
button.print:hover { background-position: -129px 0;  cursor: pointer;  }
button.print:active { background-position: 0 0;  }
button.print i {visibility:hidden;}


/*look-up small*/
button.look-up { background:url(/images-new/buttons/general/look-up/look-up.jpg) left top no-repeat; display:block; width:105px; height:70px; text-decoration:none; border:0;}
button.look-up:hover { background-position: -129px 0;  cursor: pointer;  }
button.look-up:active { background-position: 0 0;  }
button.look-up i {visibility:hidden;}

/*subscribe*/
button.subscribe { background:url(/images-new/buttons/general/subscribe/subscribe.jpg) -126px top no-repeat; display:block; width:120px; height:70px; text-decoration:none; border:0;}
button.subscribe:active { background-position: -126px 0;  cursor: pointer;  }
button.subscribe:hover { background-position: 0 0; cursor: pointer; }
button.subscribe i {visibility:hidden;}



/*endButton Styles-------------------------------------------------*/