html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}  


html,body	{height: 100%;}
body		{background: #252427 url(../images/interface/chrome/bg.jpg) 0 0 repeat-x fixed;}
#wrapper	{min-height: 100%; width: 950px;  margin: 0 auto; background: #888b8d url(../images/interface/chrome/contentbg.gif) 0 0 repeat-y;}
#main		{padding: 0 0 0 216px; width: 729px;}
#sidebar	{position:fixed; width: 211px; top:0; padding: 0 0 0 5px; height: 100%; background: url(../images/interface/chrome/brushedmetalbg.jpg) 100% 0 repeat-y;}
#nav		{margin-top: 111px;}
#content	{padding: 36px 19px 25px 39px; font-family: arial, sans-serif; font-size: 12px; line-height: 18px; color:#363636;}
#logo		{position:fixed; padding: 0 0 0 5px; top:0;}
#logo.eal	{background: url(../images/interface/chrome/logo_legacy.png) 110px 100% no-repeat;}
#logo a		{display:block; text-indent:-9999px; width: 211px; height: 111px; background: url(../images/interface/chrome/logo.png) 0 0 no-repeat;}

/* Navigation */

/* Generics*/
#nav		{background:#abadae; padding-bottom: 1px; width: 211px;}
#nav li		{width: 211px;}
#nav li a	{display:block; height: 36px;  width: 198px; font-family: helvetica, arial, sans-serif; text-decoration:none;}
#nav li a.products	{background-position: 0 0;}
#nav li a.products:hover	{background-position: -211px 0;}
#nav li.open a.products	{background-position: -422px 0;}
#nav li a.cables	{background-position: 0 -36px;}
#nav li a.cables:hover	{background-position: -211px -36px;}
#nav li.open a.cables	{background-position: -422px -36px;}
#nav li a.mods 		{background-position: 0 -72px;}
#nav li a.mods:hover 		{background-position: -211px -72px;}
#nav li.open a.mods 		{background-position: -422px -72px;}
#nav li a.about-empirical-audio	{background-position: 0 -108px;}
#nav li a.about-empirical-audio:hover	{background-position: -211px -108px;}
#nav li.open a.about-empirical-audio	{background-position: -422px -108px;}
#nav li a.news-and-reviews		{background-position: 0 -144px;}
#nav li a.news-and-reviews:hover		{background-position: -211px -144px;}
#nav li.open a.news-and-reviews		{background-position: -422px -144px;}
#nav li a.shopping-cart			{background-position: 0 -180px;}
#nav li a.shopping-cart:hover			{background-position: -211px -180px;}
#nav li.open a.shopping-cart			{background-position: -422px -180px;}
#nav li a.contact-empirical-audio	{background-position: 0 -216px}
#nav li a.contact-empirical-audio:hover	{background-position: -211px -216px}
#nav li a.computer-audio-info 		{background-position: 0 -252px;}
#nav li a.computer-audio-info:hover 		{background-position: -211px -252px;}
#nav li.open a.computer-audio-info 		{background-position: -422px -252px;}

/* Top Level*/
#nav li				{background: url(../images/interface/chrome/navbg.gif) 0 0 repeat-x; border-top: 1px solid #abadae; float:left; clear:left;}
#nav li a			{color:#2e114c; padding: 0 0 0 13px; font-size:0; line-height:0;background: url(../images/interface/buttons/nav.png) 0 0 no-repeat; text-indent:-9999px;}
#nav li.open,
#nav li.selected	{background-position: 0 -70px !important;}
#nav li.open a,
#nav li.selected a	{}
#nav li ul			{position:absolute; margin-top:-9999px;}
#nav li.open ul	{position:relative; margin-top:0;}



/* Second Level*/
#nav li.open li		{background:#ebebed; border-top-color:#cecfd1;}
#nav li.open li a	{text-indent:0; text-transform:none; color:#3b3e4b; min-height: 16px; padding: 7px 0 0 13px; height:auto; line-height: 11px; font-size: 11px; font-weight:normal; background: #ebebed;}
#nav li.open li a:hover	{color:#3b3e4b; background:#cecfd1;}
#nav li.open li.selected a	{background:#cecfd1; font-weight:bold;}

#sidebar div.contact	{clear:both; float:left; width: 189px; background:#CCC; border: 1px solid #aaa; margin: 5px; padding: 5px; font-size: 11px; font-family:arial, sans-serif; line-height: 15px;}
#sidebar div.contact a{color: #310062; text-decoration:none;}
#sidebar div.contact a:hover{text-decoration:underline;}
/* Admin Nav*/

#admin #nav li a	{text-indent:0; background:none; color:#000; font-size: 13px; line-height: 15px; font-weight:bold; padding: 9px 0 0 7px; height: 27px;}



/* Content Styles*/
/* Headers*/
#main h2.masthead		{display:block; padding: 70px 25px 0 0; line-height: 30px; width: 704px; height: 41px; letter-spacing: 0.05em; font-family: helvetica, arial, sans-serif; font-weight:normal; font-size:21px; color:#FFF; text-align:right; background: url(../images/interface/chrome/headerbg.jpg) 0 0 no-repeat;}
#content h3				{font-size: 18px; font-weight:bold; line-height: 18px; color:#006; margin-bottom: 4px;}
#content h3 .totop		{font-size: 12px; font-weight:normal; }
#content h4.download 	{margin: 12px 0; padding: 22px 0 0 0;}
#content .download img {float:left; margin: -22px 6px 6px 0; border: 1px solid #CCC;}
#content .download a 	{text-decoration:none !important;}
#content p				{padding-right: 40px; margin-bottom: 9px;}
#content a				{color: #310062; text-decoration:none;}
#content p a			{text-decoration:underline;}
#content a:hover		{text-decoration:underline;}

#content div.dottedhr	{clear:both; margin: 25px 0; height: 2px; background: url(../images/interface/chrome/hr_dotted.gif) 0 0 repeat-x;}
#content div.hr			{clear:both; margin: 15px 0; height: 1px; background: #b5b6ba;}

#content p.imgleft		{margin:0;}
#content p.imgleft img	{border: 1px solid #757575; float:left; clear:left; margin: 0 20px 25px 0;}
#content p.imgright img	{float:right; margin: 5px 0 25px 20px; clear:right; border: 1px solid #757575;}
#content a:hover img	{border-color:#006 !important;}
#content p.button		{height: 28px;}
#content p.button a		{display:block; height: 28px; text-indent:-9999px; background-position: 0 0; background-repeat:no-repeat; float:left;}
#content p.button a:hover	{background-position: 0 -28px;}
#content p.cite			{color:#666;}

#content ol,
#content ul				{margin-bottom: 9px; padding-left: 24px;}
#content ol li			{list-style: decimal;}
#content ol.alpha li {list-style:lower-alpha;}
#content ul li			{list-style:disc;}
#content sub			{vertical-align: baseline;font-size: 0.9em;position: relative;bottom: -0.4em;}
#content sup			{vertical-align: baseline;font-size: 0.9em;position: relative;top: -0.4em;}
a.learnmore				{width: 137px; background-image: url(../images/interface/buttons/learnmore.gif);}
#home p.button a		{width: 137px; background-image: url(../images/interface/buttons/hp_learnmore.gif);}

#content blockquote {padding: 20px 50px 10px 50px; margin: 25px 0; background: #fbfbfb url(../images/interface/chrome/openquote.png) 0 0 no-repeat;}
#content blockquote p	{font-size: 14px;  font-weight:bold;}
#content blockquote p cite{font-size: 12px; color:#666; font-weight:normal;}

#content table			{width: 100%; margin:  20px 0;}
#content table td,
#content table th		{border-top: 1px solid #b5b6ba; border-right: 1px solid #b5b6ba; text-align:left; padding: 2px 2px 2px 5px;}
#content table			{border-left: 1px solid #b5b6ba; border-bottom: 1px solid #b5b6ba;}

#content .indent180right {padding-right: 180px;}
#content .indent180right .indent {width: 180px; float:right; margin-right: -180px;}
#content .indent180right .indent p {padding: 0 0 0 20px; font-size: 11px; font-weight:bold;}
/* Menu List*/
#content ul.menu {margin-bottom: 20px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; clear:both; padding: 2px;background:#E0E0E0;}
#content ul.menu li	{/*list-style:none; float:left;*/ padding: 0 10px 0 5px; display:inline; list-style:none;}
#content ul.menu li.last a	{margin-left: 20px;}
/* Two Col Layout*/
#content .leftcol		{width: 300px; float:left; border-right: 1px solid #b5b6ba; padding: 10px 20px 10px 0;}
#content .rightcol		{width: 320px; float:left; border-left: 1px solid #b5b6ba; padding: 10px 0 10px 20px;  margin-left: -1px;}
#content .leftcol h3,
#content .rightcol h3	{margin-bottom: 20px;}
#content .leftcol h4,
#content .rightcol h4	{margin-top: 15px;}
#content .nb			{width: 240px; border:none;}


/* Product Detail */
#product		{padding: 10px 0 0 0; margin: 0 0 -10px 10px; width: 709px; border-bottom: 1px solid #FFF; overflow:hidden;}
#gallery		{width: 509px; height: 416px; border-right: 1px solid #dadada; float:left; clear:left; background:#FFF;}
#image			{border-left: 1px solid #FFF; position:absolute; height: 381px; width: 508px; overflow:hidden;}
#image 		{position:absolute;}
#gallery ul		{top:0; position:absolute; display:block; padding: 8px 0 8px 8px;  background: url(../images/interface/chrome/gallerytabsbg.png) 0 0; background:#edeeef; border: 1px solid #dadada; margin: 365px 0 0 11px; z-index:9000;}
#gallery ul li	{display:block; float:left;  margin-right: 8px; height: 33px; overflow:hidden;}
#gallery ul li img	{border: 1px solid #dadada;}
#gallery ul li a.activeSlide img{border-color:#888;}
#gallery ul li a:hover img	{border-color: #006;}

#configure		{position:absolute; margin-left: 510px; width: 199px;  background:#fafafa; height: 416px; float:left; font-family: arial, sans-serif; font-size: 11px;}
#configure form	{padding: 10px;}
#configure #totalprice	{padding-bottom: 10px; clear:left;}
#configure div.hr	{clear:left; height: 1px; margin: 10px 0; background: url(../images/interface/chrome/hr_dotted.gif) 0 0 repeat-x;}
#product h2		{display:block; padding: 12px 0 0 12px; height: 23px; font-size: 11px; text-transform:uppercase; font-family:helvetica, sans-serif; color:#FFF; background: url(../images/interface/chrome/navbg.gif) 0 -70px repeat-x;}
#product h2 span	{font-weight:lighter;}

#configure h3.alert {color:#c00;}
#configure p	{font-size: 11px; color:#3f424d; line-height: 19px;}
#configure p.baseprice	{font-weight:bold;}
#configure div.options 		{width: 189px; max-height: 200px; overflow:auto; overflow-x:hidden; overflow-y:auto; display:none; line-height: 15px; font-size: 1px;}
#configure div.options input	{float:left; clear:left; font-size: 11px; margin: 0 7px 4px 0 !important; border:none; padding:0 !important; width: 15px;}
#configure div.options label	{float:left; width: 145px; display:block;  margin: 0 0 7px 0; min-height: 15px; font-size: 11px;}
#configure div.options label.info span.desc	{border-bottom: 1px dashed #483485; cursor:pointer;}
#configure div.options label span.p0	{position:absolute; top:0; margin-top:-9999px;}
#configure select			{width: 174px; border: 1px solid #d1d1d1; padding:0; }
#configure #quantity		{border: 1px solid #d1d1d1; padding: 1px; font-size: 11px; width: 30px;}
#configure h3#totalprice	{font-size: 15px;}
#configure #addtocart		{display:block; margin:0; border:none; padding:0; width: 136px; height: 28px; text-indent:-9999px; background: url(../images/interface/buttons/addtocart.gif) 0 0 no-repeat;}
#configure #addtocart:hover	{background-position: 0 -28px; cursor:pointer;}




/* Homepage */
#home #wrapper	{background: #252427 url(../images/interface/chrome/hp_contentbg.gif) 0 0 repeat-y;}
#home #content	{padding:10px 10px 25px 10px}
#home #intro	{padding: 57px 0 0 32px; width: 675px; height: 345px; background: #080808 url(../images/copy/homepage/leadimage.jpg) 0 0 no-repeat;}
#home #intro h1	{color:#d5d5d5; font-family:helvetica, arial, sans-serif; font-size: 18px; font-weight:normal;}
#home #intro p	{margin: 17px 0 0 0; color:#acacac; width: 310px;}
#home #pathways {display:block; padding: 8px; background:#161617; clear:both; background:#000;}
#home #pathways li {display:block; float:left; width: 229px; height: 221px; overflow:hidden; background: #d7d7d7 url(../images/interface/chrome/pathwaybg.gif) 0 100% repeat-x;}
#home #pathways li a {color:#3b3e4b; text-decoration:none;}
#home #pathways li img	{float:left; clear:both;}
#home #pathways li:hover h2 a{color: #310062;}
#home #pathways li h2		{display:block; clear:both; line-height: 24px; font-size: 13px;}
#home #pathways li h2 a		{display:block; height: 20px; padding: 4px 12px 0 12px;}
#home #pathways li p		{display:block;  line-height: 17px; margin:0; padding:0;}
#home #pathways li p a		{display:block;padding: 2px 12px 0 12px; height: 70px;}
#home #pathways li.middle	{border-right: 2px solid #161617; border-left: 2px solid #161617; width: 230px;}
#home #pathways li div		{display:block; height: 221px; position:absolute; width: 229px;}
#home #pathways li.middle div	{width: 230px;}
#home #pathways li div.overlay	{background:#000; -moz-opacity:.40;opacity:.40;}
#home #pathways li:hover div.overlay{display:none;}
#home p.footer	{clear:both; margin-top: 10px; padding: 15px 5px; border-top: 1px solid #373639; color:#4d4c4e; font-size: 10px; line-height: 16px;}

/* Empirical Audio Legacy*/
#home #intro.eal {height: 270px; width:709px; padding:0; background: #000 url(../images/copy/mods/intro.png) 50% 0 no-repeat;}
#home #pathways .eal {}
/* Coming Soon*/
#comingsoon			{background: #d6d6d6 url(../images/holding/bg.jpg) 0 0 repeat-x;}
#comingsoon #wrapper	{background:none; width: 250px; margin: 0 auto; padding: 180px 0 100px 0; background: url(../images/holding/logo.png) 0 103px no-repeat;}
#comingsoon #wrapper p{font-family:verdana, arial, sans-serif; font-size: 12px; line-height: 17px; margin-bottom: 12px;}
#comingsoon #wrapper p a	{color:#2F005E;}



/* Shopping Cart */
#content table.cart		{width: 100%;}
#content table.cart th,
#content table.cart td 	{padding: 3px 10px; text-align:left;}
#content table.cart td	{border-top: 1px solid #CCC;}
#content table.cart th.price,
#content table.cart td.price,
#content table.cart tr.foot td	{text-align:right; padding: 3px 20px 3px 0;}
#content #errormessage.hidden	{display:none; position:absolute; margin-top:-9999px;}


/* Configuraiton Tables*/
#content table.config					{clear:both; width: 100%;}
#content table.config tbody th {text-align:right;}
#content table.config tbody td {text-align:center;}

/* Submit buttons*/
/*#content form.checkout p.submit	{float:right; padding-right:5px;}*/


#content form p.submit input	{display:block; width: 137px; height: 28px; background: url() 0 0 no-repeat; border:none; padding:0; margin:0; text-indent:-9999px;}
#content form p.submit input:hover	{background-position: 0 -28px; cursor:pointer;}
#content form p.submit img			{margin: 6px 12px 0 0; visibility:hidden; float:right;}
#content form p.disabled input {background-position: 0 -56px !important; cursor:default !important;}
#content form p.disabled img {visibility:visible;}
#content .checkout p.submit {line-height: 28px;}
#content form p.submit input.checkout	{background-image: url(../images/interface/buttons/checkout.png); float:left; margin-right: 12px;}
#content form p.submit input.review		{background-image: url(../images/interface/buttons/review_order.png);}

#content form p.submit input.purchase	{background-image: url(../images/interface/buttons/purchase_order.png);}
#content form p.submit input.complete	{background-image: url(../images/interface/buttons/complete_order.png);}

/* Checkout Process */
#checkout h4	{padding-left: 93px; margin-bottom: 25px;}
#checkout p		{display:block; float:left; clear:left; margin:0; padding: 0 0 10px 0; width: 290px;}
#purchase label,
#checkout label	{display:block; float:left; width: 95px; text-align:right; padding: 0 3px 0 0;}
#checkout p.double label.error,
#purchase label.error	{display:none !important;}

#checkout label span	{color:#c00;}
#checkout label.error {color:#c00; width:auto; float:none; text-align:left; padding-left: 101px;}
#purchase input,
#checkout input	{display:block; width: 170px; font-size: 12px;}
#checkout input	{float:left;}
#checkout select	{width: 176px; font-size: 12px;}
#purchase select#expirydatemonth,
#purchase select#expirydateyear	{width:auto;}
#purchase input.error,
#checkout input.error	{border-color:#c00;}
#checkout p.double			{padding-bottom: 7px; height: 50px; }
#checkout p.double input	{margin-bottom: 3px;}
#checkout p.double input.second {margin-left: 98px;}
#checkout p.selectcheck 	{padding: 0 0 0 93px; height: 23px; overflow:hidden; }
#checkout p.selectcheck label	{display:inline; float:none;}
#checkout p.selectcheck input	{margin:0; padding:0; display:inline; margin-right:3px; width:auto;}
#checkout p.radios					{padding: 0 0 0 98px;}
#checkout p.radios input		{display:block; float:left; clear:left; width:auto !important;}
#checkout p.radios label		{display:block; float:left; width: 170px; text-align:left;}

#purchase p.radio label	{display:inline;float:none;width:auto;}
#purchase p.radio input	{float:left; width:auto; margin-right: 3px;}

#checkout #payment			{width: 300px; float:left;}
#checkout p.submit	{width: 276px; padding-top: 10px; }

#checkout p.submit input	{float:right;}

pre	{position:absolute; padding: 10px; background:#FFF; z-index:9999;}

#checkout #billingdetails {width: 300px; margin-bottom: 25px; float:left; padding: 10px 25px 10px 0; margin-right: 25px; border-right: 1px solid #D8D8D8; overflow:hidden;}
#checkout #shippingdetails	{width: 300px; float:left; padding: 10px 0; overflow:hidden;}
#checkout #shippingdetails h4 {margin-bottom: 2px;}
#shippingwrap						{position:absolute;}

#purchase p.submit	{float:right; padding-right: 50px;/* margin-top: -25px;*/}
#purchase p.submit input	{float:right;}

#purchase p.pp			{float:none; padding-top: 20px;}
#purchase p.pp input			{float:none;}
#purchase div.longMessage		{font-weight:bold; font-size: 13px; border: 1px solid #c00; padding: 5px; margin: 10px 0;}



/* Admin*/
#content table.products			{margin: 30px 0 0 0; border: 1px solid #CCC; width: 100%;}


dl dt		{font-weight:bold; width: 75px; float:left; clear:left; text-align:right; padding-right: 4px;}
dl dd		{float:left; width: 200px;}

#content table.products th		{text-align:left;}
#content table.products tr td	{border-top: 1px solid #CCC; padding: 5px 20px;}

/*#content table.products td:hover	{background:#EAEA9D;}*/
#content table.products tr.config td {padding-left: 40px;}
#content table.products tr.option td {padding: 1px 0 1px 60px; border-top:none;}



#content table.products a.addconfig	{white-space:nowrap; float:right; font-size: 10px; font-weight:bold;}
#content table.products tr.form td{background:#CCC;}
#content form.adminedit	{margin-top:20px;}
#content form.adminedit p,
#content table.products tr.form td p	{clear:both; padding-bottom: 5px;}
#content form.adminedit label,
#content table.products tr.form td label	{float:left; width: 120px; padding-right: 5px; text-align:right; }
#content table.products tr.form form	{padding-top: 5px;}
#content table.products form.addconfiguration	{display:none;}
#content form.addproduct			{ height: 100%;}

/*  Slim Box */
#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../images/interface/chrome/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../images/interface/chrome/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../images/interface/chrome/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../images/interface/chrome/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}




#footerprint	{position:absolute; margin-top:-9999px;}

#main					{z-index: 3000;}
#pathways img			{z-index: 3100;}
#pathways div.overlay	{z-index: 3200;}
#sidebar				{z-index: 4000;}
#logo					{z-index: 5000;}
#nav:after, 
#configure div.options p:after,
#checkout:after,
#configure p.options:after,
#product:after,
#home #pathways:after,
#content:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {height: 1%;}
#vacationmessage {display:none; position:absolute; z-index:100000; color:#FFF; background: url(../images/interface/chrome/overlaybg.png); font-family:arial, sans-serif; font-size: 11px; line-height: 14px; padding: 10px 10px 10px 10px; width: 709px; margin-left: 216px;}
#home #vacationmessage {margin: 10px 0 0 226px; width:687px; background: url(../images/interface/chrome/overlaywhitebg.png); color:#000;}
#hidemessage {display:block; height: 28px; text-indent:-9999px; margin-top: 4px;  float:right; width:117px; background: url(../images/interface/buttons/hidemessage.png) 0 0 no-repeat;}
#hidemessage:hover {background-position: 0 -28px;}