/*

CSS: tray.css
Primary use: Explode, explore, gallery
Depends on: Nothing
Extended by: explode.css, explore.css, gallery.css

Contents:
1.0 Tray
  1.1 Structure
  1.2 Sections
  1.3 Selected
  
Notes:
Use image folder image/tray
*/

/*****************************************************************
1.0 Tray
*****************************************************************/
/* 1.1 Structure */
#tY-nav{ background:url('../image/tray/tY-nav-bk.png') 0 bottom repeat-x;/*IE6*/ clear:both; float:left; position:relative; width:976px; }
.tY-nav-dropshadow{ background:url('../image/tray/btn-nav-top.png') 0 0 repeat-x;/*IE6*/ left:0; height:52px; position:absolute; top:-52px; width:976px; }
#tY-nav h2{ color:#f7931e; font-size:1em; height:10px; left:0; position:absolute; text-align:center; width:976px; z-index:100; }
#tY-nav h2 .ic{ background:url('../image/ic-button-link-white.gif') 0 4px no-repeat; cursor:pointer; display:inline;/*IE6&7*/ height:10px; padding-left:6px; position:relative; top:-15px; }

/* 1.2 Sections */
#tY-sections{ background:url('../image/tray/tY-bk-rp.gif') 0 bottom repeat; margin:0; overflow:hidden; padding:0 17px; position:relative; width:942px; }
.tY-section{ background-position:0 0; background-repeat:no-repeat; float:left; min-height:73px;/*IE6*/ overflow:hidden; position:relative; width:135px; }
#tY-sections .first{ border-left:1px solid #121212; }
.tY-section h3{ height:73px; margin:0; position:relative; text-transform:uppercase; width:100%; }
.tY-section h3 a{ display:block; height:100%; width:100%; }
.tY-section h3 a,
.tY-section h3 a:link,
.tY-section h3 a:visited{ color:#8f8f8f; }
.tY-section h3 a:hover,
.tY-section h3 a:active{ color:#f7931e; }
.tY-section h3 .wrapper{ border-bottom:1px solid #8f8f8f; display:block; margin:0 5px; padding:5px 0 3px; }
.tY-section h3 a:hover .wrapper{ border-color:#f7931e; }
.tY-section h3 a .notice{ display:block; padding:5px 3px 0; text-align:center; }

#tY-explode{ background-image:url('../image/tray/tY-explode.jpg'); }
#tY-explore{ background-image:url('../image/tray/tY-explore.jpg'); }
#tY-configure{ background-image:url('../image/tray/tY-configure.jpg'); }
#tY-infotainment{ background-image:url('../image/tray/tY-infotainment.jpg'); }
#tY-perfomance{ background-image:url('../image/tray/tY-performance.jpg'); }
#tY-register{ background-image:url('../image/tray/tY-register.jpg'); min-height:45px;/*IE6*/ padding-top:28px; text-align:center; width:261px; }
#tY-register a{ text-transform:uppercase; }
#tY-register a:link,
#tY-register a:visited{ color:#f7931e; }
#tY-register a:hover,
#tY-register a:active{ color:#fff; }
#tY-register a .wrapper{ color:#8f8f8f; }
#tY-register a:hover .wrapper,
#tY-register a:active .wrapper{ color:#fff; }

/* 1.3 Selected */
#tY-sections .selected{ background-image:none; border-right:1px solid #121212; width:409px; }
#tY-sections .selected h3{ color:#f7931e; height:auto; margin-bottom:0.2em; }
#tY-sections .selected h3 span{ border-color:#f7931e; }
#tY-sections .selected h4{ color:#666; float:left; margin:0 10px;/*IE6*/ width:100px; }
#tY-sections .tY-filters{ line-height:1.3; overflow:hidden; width:270px; }
#tY-sections .tY-filters li{ float:left; display:block; width:135px; }
#tY-sections .tY-filters li a{ background:url('../image/tray/tY-ic-arrow.png') 0 -13px no-repeat;/*IE6*/ display:block; padding-left:8px; }
#tY-sections .tY-filters li.selected{ border:0; }
#tY-sections .tY-filters li.selected a{ color:#f7931e; }
#tY-sections .tY-filters li a:hover,
#tY-sections .tY-filters li.selected a{ background-position:0 3px; }