/* 
LEGEND
- links & img
- titles
- text_wrapper & span.text
- categories
- sections
- rounded corners 
- controls (previous & next)
- lists
- lists - submenus
- tables
- forms
- forms - submit
*/
/* links & img */
/* ----------------------------------------------- */
.gallery a {text-decoration: none;}
.gallery a:hover {text-decoration: underline;}
.gallery div div.controls_styled a {color: #bc0000;}
.gallery div div.controls_styled a strong {font-weight: normal;}
.gallery div div.controls_styled a.on strong {font-weight: bold;}
.gallery div.manufacturers table a {color: #000; padding: 2px 0px; display: block; font-size: .95em;}    
.gallery .controls_styled a img {
    padding: 4px 8px; 
    background: #fff url(/images/css/bg-controls-styled.jpg) 8px repeat-x;}
.gallery div.promo_area img.manufacturer_logo {margin-top: -10px;}
.gallery div .section_gallery a img {border: 1px solid #e6e6e6; margin: 0px 5px; }
.gallery div .section_gallery a span.link {width: 130px; display: block; margin: 0px auto; font-size: .95em;}    
.gallery div .section_gallery a:hover img, .gallery div .section_gallery a.current img  {border: 1px solid #696969;}
     
/* breadcrumb */
/* ----------------------------------------------- */
div.breadcrumb {font-size: .9em; margin: 0px 5px 5px 2px; color: #363636; }
    
div.breadcrumb a {
    color: #363636; 
    padding-left: 10px; margin-right: 10px; 
    border-left: 1px solid #363636;}
    
div.breadcrumb a.crumb_start {border-left: 0px solid #363636; }            
/* titles */
/* ----------------------------------------------- */
.gallery div.promo_area h2 {
    color: #bc0000; font-size: 1.7em;
    margin: 0px 0px 12px;}
    
.index div.promo_area h2 {margin-bottom: 0px;}    
    
.gallery div.categories h3 {
    background: #e6e6e6 url(/images/css/bg-h3.jpg) repeat-x;
    margin: 0px -12px 20px; padding: 5px 12px 5px;
    position: relative; z-index: 2; 
    font-size: 1.05em;}
    
.gallery div.manufacturers h3 {margin-bottom: 12px;}        
.gallery div.categories h4 {
    margin: 10px 0px 5px; font-size: 1em; position: relative;}    
    
.gallery div.categories h4 a {
    color: #bc0000; }    
/* .all */
/* ----------------------------------------------- */
.gallery span.all, .gallery a.all {    
    right: 0px; color: #fff; margin-top: 1px;
    position: absolute; font-weight: normal;
    padding-right: 11px; font-size: .85em;}
.gallery h4 a.all {
    background: transparent url(/images/css/icon_viewLarge.gif) no-repeat;
    padding-left: 24px; padding-top: 3px; height: 20px; margin-top: -3px; font-size: 1em;}
    
 
/* text_wrapper span */
/* ----------------------------------------------- */  
   
.gallery div span.picture, .gallery div span.title {
    margin-right: 10px; float: left; font-size: .95em;
    display: table; max-width: 200px; width:auto !important;  width: 200px;
    text-align: center; } 
    
.gallery div.promo_area span.picture {max-width: 314px; width:auto !important;  width: 314px;}   
.ie6 .gallery div span.picture {width: auto;}
 .gallery div.intro_text span.picture {float: right;} 
/* span.text */
/* ----------------------------------------------- */         
 
.gallery div span.text {display: block; float: right; } 
.gallery div.intro_text span.text {width: 375px; float: left;}
/* promo_area */
/* ----------------------------------------------- */
.gallery div.promo_area  {
    background: transparent url(/images/css/bg-promo_area.jpg) no-repeat;
    margin-left: -19px; margin-top: 8px;
    padding: 20px 10px 20px 30px;}
/* categories */
/* ----------------------------------------------- */
.gallery div.categories  {
    margin-bottom: 12px;
    clear: both; 
    border: 1px solid #dadada;
    padding: 0px 12px 10px;
    position: relative; 
    background: transparent url(/images/css/bg-border-categories.gif) bottom repeat-x;} 
 
.ie .gallery div.categories {width: 630px;}       
.gallery div.manufacturers {margin-top: 20px;}
    
/* bottom_section */
.gallery div.bottom_section span.adbottom {
    float: right;  display: block;
    width: 300px; height: 300px;
    padding-left: 20px; background: #f4f4f4;}
    
.gallery div.bottom_section span.OAS_ad {
    float: left; display: block;
    width: 250px; height: 300px; background: #f4f4f4;}      
    
.gallery div.categories_thanks {color: #232323;}    
    
/* sections */
/* ----------------------------------------------- */
.gallery div.categories div.section {
    background: #fff url(/images/css/bg-border-categories.gif) bottom repeat-x;
    border-top: 1px solid #dadada;
    margin: 0px -12px; padding: 12px;
    width: 100%;  position: relative;}    
 
    
.gallery div.section_gallery_large {text-align: center; margin: 20px 0px;}    
.gallery div.section_gallery {
    background: #e6e6e6; 
    text-align: center; padding: 12px 0px 12px 5px; margin-bottom: 20px;}    
       
/* controls - Previous & Next style content */
/* ----------------------------------------------- */
.gallery div.controls {
    padding: 10px 1px 3px;  
    text-align: center; 
    position: relative; 
    clear: both; font-size: .95em;}
    
.gallery div.gallery_results div.controls {margin-top: 10px;}     
.gallery div div.controls_styled {
    z-index: 2; color: #363636;
    border-top: 1px solid #dadada;
    margin: 0px -12px -16px; 
    height: 24px; width: 650px;
    background: #fff url(/images/css/bg-controls-styled.jpg) repeat-x;}
.ie .gallery div div.controls_styled {width: 652px; }
.gallery div.gallery_type div.controls_styled { margin-bottom: 0px; margin-top: -3px; bottom: -3px;}
.gallery div.controls a {padding: 3px 6px; margin: 0px 1px;}  
 
.gallery div.controls a.next{position: absolute; right: 5px; top: 10px; padding: 0px;}
.gallery div.controls a.previous {position: absolute; left: 5px; padding: 0px;}  
.ie .gallery div.controls_styled a.next{top: auto;}
.ie6 .gallery div.border_wrapper div.controls a.previous {
    left: auto; right: 510px; width: 140px;}
/* table */
.gallery div.manufacturers table {
    width: 100%;}    
.gallery div.manufacturers table td {width: 20%;}