a {color: #333399; text-decoration:underline;}
a:hover {background-color: #C70014; text-decoration:none;}
img {border:0; border-width:0}
p.info {padding:0px 20px 0px 20px}
* {margin: 0; padding: 0;}
body {font-family:Georgia, Verdana, Serif; font-size:1em; line-height:1.2; background-color:#0075C6; }
html, body, #container {min-height:100%; margin:0 auto; padding:0; text-align:center;}
body > #container {height:auto; min-height:100%} /* used to include min-height:100% for footer position */

#container {position:relative; width:772px; background:url(/edatcat/cad/container-background.jpg) repeat-y;}
#header {position:relative; height:80px; background:url(/edatcat/cad/container.jpg) 0 0 no-repeat; z-index:10;}
#content {position:relative; width:750px; text-align:left; margin:0 auto; padding-bottom:230px; padding-top:30px;}
#footer {position:relative; width:772px; height:130px; margin:auto; clear:both; z-index:10; margin-top:-130px; background:url(/edatcat/cad/container.jpg) 0 -40px no-repeat;}

#nav{height:65px;width:750px;margin:0px auto;padding-top:15px;}
#navLogo{float:left;width:277px;height:49px;margin:5px 0px 0px 15px;}
#navAcctSearch{float:right;width:250px;height:63px;padding-right:10px;}
#navAcct{float:right;width:250px;height:33px;}
#navAcct ul{list-style:none;float:right;margin:10px 0;padding:0px;}
#navAcct ul li{float:left;width:auto;padding:0 6px;border-right:1px solid #999;height:16px;display:block;}
#navAcct ul li a{color:#999;text-decoration:none;font-size:9px;line-height:16px;}
#navAcct .topNavShoppingCart {border-right:none;padding-right:30px;background-image:url(/edatcat/cad/shoppingcart.gif);background-repeat:no-repeat;background-position:top right;}
#navAcct .topNavShoppingCart a {color:#C70014;}
#navSearch{clear:both;width:238px;float:right;}
#navSearch .searchInputContainer{width:150px;float:left;}
#navSearch .searchInputContainer input{font-size:9px;height:12px;line-height:11px;vertical-align:middle;margin-top:3px;}
#navSearch .searchButtonContainer{float:right;margin-top:3px;}


/*****  MENU  *****/
#myslidemenu {position:absolute; top:0px; width:753px; margin:auto; z-index:500;}
.slidemenu {font: bold 12px Georgia; width: 100%; z-index:500;}
.slidemenu ul {margin: 0; padding: 0; text-align: left; list-style-type: none; z-index:500;}
.slidemenu ul li {position: relative; display: inline; float: left; z-index:500;}
.slidemenu ul li a {display: block; background: #000000; /*formerly 383838*/color: white; padding: 4px 10px; border-right: 1px solid #778; text-decoration: none; z-index:500;}

.slidemenu ul li a.frames{width:82px;}
.slidemenu ul li a.components{width:106px;}
.slidemenu ul li a.accessories{width:106px;}
.slidemenu ul li a.clothing{width:82px;}
.slidemenu ul li a.track, .slidemenu ul li a.cross {width:45px;}
.slidemenu ul li a.clearance {width:80px;}

* html .slidemenu ul li a{display: inline-block; z-index:500;} /*IE6 hack to get sub menu links to behave correctly*/ 
* html .slidemenu {height: 1%; z-index:500;} /*Holly Hack for IE7 and below*/
.slidemenu ul li a:link, .slidemenu ul li a:visited{color:white; z-index:500;}
.slidemenu ul li a:hover, .slidemenu ul li ul li a:hover{background:#C7C7C7; color:#005EA1; z-index:500;}  /*tab link background, sub menus hover state*/ 
.slidemenu ul li ul{position:absolute; left:0; display:block; visibility:hidden; z-index:500;} /*1st sub level menu*/
.slidemenu ul li ul li{display:list-item; float:none; z-index:500;} /*Sub level menu list items (undo style from Top level List Items)*/
.slidemenu ul li ul li ul{top: 0; z-index:500;} /*All subsequent sub menu levels vertical offset after 1st level sub menu */
.slidemenu ul li ul li a{font-weight:normal; z-index:500; width:110px; /*width of sub menus*/ padding:3px; border-top:1px solid gray; border-bottom:1px solid gray;}
.downarrowclass, .rightarrowclass {position:absolute; top:6px; right:7px;}


/*****  MAINPAGE  *****/
#bg {width:740px; height:454px; display:block; text-align:center; margin:auto; padding-top: 0px; padding-bottom: 0px;}
#slideshow {width:666px; display:block; text-align:center; margin:auto; padding-top: 12px; padding-bottom: 20px;}

#clear {clear:both; margin:0px; padding:0px; height:0px; width:0px; overflow:hidden;}

.teaserBar {display:block; position:absolute; top:495px; left:0px; width:704px; height:87px; margin:0px; padding:0px; overflow:hidden;}
.teaserBar li {clear:both; position:absolute; display:block; margin:0; padding:0; top:0px; width:167px; height:87px;}

.teaser4 a {background: url(/edatcat/cad/teaser.jpg) 0 -609px;}
.teaser8 a {background: url(/edatcat/cad/teaser.jpg) 0 -348px;}
.teaser7 a {background: url(/edatcat/cad/teaser.jpg) 0 -174px;}
.teaser2 a {background: url(/edatcat/cad/teaser.jpg) 0 -261px;}
.teaser3 a {background: url(/edatcat/cad/teaser.jpg) 0 -87px;}
.teaser1 a {background: url(/edatcat/cad/teaser.jpg) 0 0;}
.teaser6 a {background: url(/edatcat/cad/teaser.jpg) 0 -522px;}
.teaser5 a {background: url(/edatcat/cad/teaser.jpg) 0 -435px;}
.teaser4 a:hover {background-position: -167px -609px;}
.teaser8 a:hover {background-position: -167px -348px;}
.teaser7 a:hover {background-position: -167px -174px;}
.teaser2 a:hover {background-position: -167px -261px;}
.teaser3 a:hover {background-position: -167px -87px;}
.teaser1 a:hover {background-position: -167px 0px;}
.teaser6 a:hover {background-position: -167px -522px;}
.teaser5 a:hover {background-position: -167px -435px;}

.teaserBar a {width:167px; height:87px; display:block;}
.teaserBar .teaser1 {left:0px;   left:auto;}
.teaserBar .teaser2 {left:176px; left:auto;}
.teaserBar .teaser3 {left:352px; left:auto;}
.teaserBar .teaser4 {left:528px; left:auto;}

#teaserbarNavLeft, #teaserbarNavRight {position:absolute; top:495px; width:15px; height:87px; background-color:#C7C7C7;}
#teaserbarNavLeft  {left: 0px;}
#teaserbarNavRight {right: 0px;}
#teaserbarNavLeft a		   {background: url(/edatcat/cad/teaser-arrows.gif) 0 0;}
#teaserbarNavLeft a:hover  {background-position: -15px 0;}
#teaserbarNavRight a	   {background: url(/edatcat/cad/teaser-arrows.gif) -30px 0;}
#teaserbarNavRight a:hover {background-position: -45px 0;}

.teaserBar {display:none; top:0px; left:0px; overflow:visible;}
#teaserBarWrapper {display:block; height: 87px; left:28px; margin:0px; overflow:hidden; padding:0px; position:absolute; top:495px; width:704px;}
.teaserNav {width:100%;  height:100%;  display:block;  background-color:transparent;}


/*****  LISTROW PAGE  *****/
table#listrow {border:0; padding:0; vertical-align:top; font-size:12px;}
td#listrowImg {width:15%; vertical-align:top;}
td#listrowImg img{width:110px; height:110px;}
td#listrowItem {width:55%; vertical-align:top; padding-left: 10px;}
td#listrowStatus {width:15%; color:#999; vertical-align:top;}
td#listrowPrice {width:15%; font-weight: bold; vertical-align:top;}
a.listrowItemTitle {font-size:1.3em; font-weight:bold;}
a.listrowItemTitle:link, a.listrowItemTitle:active, a.listrowItemTitle:visited {color:#3251a1; text-decoration:none}
a.listrowItemTitle:hover {color:#3251a1; text-decoration:underline}
h1 {font-family: Georgia; font-size: 24px; font-weight:bold; padding-left:24px;}
p.resultStatus {font-family:Georgia; font-size: 12px; color:#999; padding-left:24px;}

/* tables */
table.tablesorter {background-color: #999; margin:0px 0pt 15px; width: 750px; text-align: left;}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {background-color: #d9eaf4; border: 1px solid #FFF; padding: 4px;}
table.tablesorter thead tr .header {background-image: url(/edatcat/cad/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table.tablesorter tbody td {color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top;}
table.tablesorter tbody tr.odd td {background-color:#F0F0F6;}
table.tablesorter thead tr .headerSortUp {background-image: url(/edatcat/cad/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(/edatcat/cad/desc.gif);}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #8dbdd8;}


/*****  DETAIL PAGE *****/
#leftcontent {position: absolute; left:0px; top:65px; width:200px; border:0px solid green;}
#centercontent {margin-left: 200px; margin-right:136px; top:65px; border:0px solid blue;}
html>body #centercontent {margin-left: 200px; margin-right:136px;}
#rightcontent {position: absolute; right:0px; top:65px; width:135px; background-color:#C7C7C7; border:0px solid red;}
h2 {font-family: Georgia; font-size: 16px; font-weight:bold; padding:10px;}
div.caveat {font-size:.7em; color:#999;}

table#geometry {text-align: center; margin-bottom: 3px;}
table#geometry th {padding-right: 5px;padding-left: 5px;}
table#geometry tr.even td {background-color: #d9eaf4;}


/*****  IMAGES *****/
#imageboxontainer {vertical-align:top; width:200px; margin-left:0px;}
ul.imagebox {list-style: none; margin: 0; padding: 0; position:relative;}
div.tabs span {width:30px; height:30px; display:block; position:absolute; top:0; left:0; background:url(/edatcat/cad/zoom.gif) no-repeat;}
ul.imagebox li {display: inline; margin-top:5px; padding-right:1px;}
ul.imagebox li a {text-decoration: none;}
ul.imagebox li a.selected, ul.imagebox li a:hover {padding-top: 0px;}
ul.imagebox li a:focus {outline: 0;}
div.tabs > div {padding: 1px;}


/*****  UI TABS  *****/
@media projection, screen { .ui-tabs-hide {display: none;} }
@media print { .ui-tabs-nav {display: none;} }
.ui-tabs-nav, .ui-tabs-panel {font-family: Georgia; font-size: 12px; width:390px;}
.ui-tabs-panel {height:300px; overflow:auto;}
.ui-tabs-nav {list-style: none; margin: 0; padding: 0 0 0 3px;}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block; clear: both; content: " ";}
.ui-tabs-nav li {float: left; margin: 0 0 0 1px; min-width: 84px; /* be nice to Opera */}
.ui-tabs-nav a, .ui-tabs-nav a span {display: block; padding: 0 10px; background: url(/edatcat/cad/tab.png) no-repeat;}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0; color: #27537a; font-weight: bold; line-height: 1.2; text-align: center;
    text-decoration: none; white-space: nowrap; /* required in IE 6 */ outline: 0; /* prevent dotted border in Firefox */}
.ui-tabs-nav .ui-tabs-selected a {position: relative; top: 1px; z-index: 2; margin-top: 0; color: #000;}
.ui-tabs-nav a span {
    width: 64px; /* IE6 treats width as min-width */
    min-width: 64px; height: 18px; /* IE6 treats height as min-height */
    min-height: 18px; padding-top: 6px; padding-right: 0;}
*>.ui-tabs-nav a span { /* hide from IE6 */ width: auto; height: auto;}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;}
/*.ui-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}*/ /* <-- this only validates in CSS 3*/
.ui-tabs-panel {border-top: 1px solid #97a5b0; padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */}
.ui-tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;}
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */ display: inline-block;}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE6 will ignore complete rule (because of the unknown + combinator) */
    display: inline-block;}

/*****  LYTEBOX  *****/
#lbOverlay {position:fixed; top:0; left:0; z-index:99998; width:100%; height:500px;}
#lbOverlay.grey {background-color:#000000;}
#lbMain {position:absolute; left:0; width:100%; z-index:99999; text-align:center; line-height:0;}
#lbMain a img  {border:none;}
#lbOuterContainer {position:relative; background-color:#fff; width:200px; height:200px; margin:0 auto;}
#lbOuterContainer.grey {border:3px solid #888888;}
#lbDetailsContainer {font:10px Verdana, Helvetica, sans-serif; background-color:#fff; width:100%; line-height:1.4em; overflow:auto; margin:0 auto;}
#lbDetailsContainer.grey {border:3px solid #888888; border-top:none;}
#lbImageContainer, #lbIframeContainer {padding:10px;}
#lbLoading {position:absolute; top:45%; left:0%; height:32px; width:100%; text-align:center; line-height:0; background:url(/edatcat/cad/loading.gif) center no-repeat;}
#lbHoverNav {position:absolute; top:0; left:0; height:100%; width:100%;z-index: 10;}
#lbImageContainer>#lbHoverNav {left:0;}
#lbHoverNav a {outline:none;}
#lbPrev {width:49%; height:100%; background:transparent url(/edatcat/cad/blank.gif) no-repeat; display:block; left:0; float:left;}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background:url(/edatcat/cad/prev_grey.gif) left 15% no-repeat;}
#lbNext {width:49%; height:100%; background:transparent url(/edatcat/cad/blank.gif) no-repeat; display:block; right:0; float:right;}
#lbNext.grey:hover, #lbNext.grey:visited:hover {background:url(/edatcat/cad/next_grey.gif) right 15% no-repeat;}
#lbPrev2, #lbNext2 {text-decoration:none; font-weight:bold;}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color:#333333;}
#lbPrev2_Off, #lbNext2_Off {font-weight:bold;}
#lbPrev2_Off.grey, #lbNext2_Off.grey {color:#CCCCCC;}
#lbDetailsData {padding:0 10px;}
#lbDetailsData.grey {color:#333333;}
#lbDetails {width:60%; float:left; text-align:left;}
#lbCaption {display:block; font-weight:bold;}
#lbNumberDisplay {float:left; display:block; padding-bottom:1.0em;}
#lbNavDisplay {float:left; display:block; padding-bottom:1.0em;}
#lbClose {width:64px; height:28px; float:right; margin-bottom:1px;}
#lbClose.grey {background:url(/edatcat/cad/close_grey.png) no-repeat;}


/*****  CONTACT US  *****/
#holder {height:420px;width:550px;margin:0 auto;position:relative;}
#map {height:400px;width:100%;margin:0 auto;position:relative;}
#form {height:20px; width:370px; background-color:#ccc; margin:0 auto; position:relative;}
#dirs {height:200px;width:550px;margin:0 auto;}


/*****  FOOTER  *****/
#footerContent{width:568px; margin:auto; padding-top:10px;}
.footerColumn{width:140px; float:left; height:100px;}
.footerColumn ul{margin:0; padding:0; list-style:none;}
.footerColumn ul li{font-size:.7em; margin-bottom:4px; text-align:left;}
.footerColumn ul li span.footerHeader{text-transform:uppercase; color:#999;}
.footerColumn ul li a{text-decoration:none; color:#333;}
.footerLegal{clear:both; margin-bottom:0px; text-align:center; font-size:.7em; color:#999;}
#footerCol1, #footerCol2, #footerCol3, #footerCol4 {padding-left:13px; width:127px;}
#footerCol2,#footerCol3, #footerCol4 {border-left:1px solid #999; height:65px;}