/*  Nascom etalage.css  All Rights Reserved. *****************
Title: etalage.css for Drupal projects
Purpose: Etalage custom development
Status: Valid CSS 2.1 , lets keep it this way
Author: Mark Creeten
Version: 1.0 Ultimate final
/************************************************************/
#etalage {background: url(../images/etalage.bkg.png) repeat-x 0 0;height: 450px;overflow: hidden;margin-bottom: 20px;position: relative; }
#etalage .clear-block{position:relative; z-index:500;}
.etalage-wrap{height:400px;overflow:visible }
#block-feature_etalage-etalage_display{ position:relative}
.etalage-wrapper {height: 400px; width: 960px;margin-left: 50%; overflow:visible}
.etalage-wrapper-inner {width: 960px; margin-left: -480px; overflow: visible; height: 100%; }
* html .etalage-wrapper {height: 360px;}
.hide-etalage{display:none;}
.show-etalage{display:block;}
#net_links {position:relative;height: 50px;background: #cfe7a0 url(../images/brand-nav-bkg.gif) repeat-x 0 0;overflow: hidden;z-index:200}
.net-links-wrapper {width: 705px;margin: 0 auto;}
.i18n-en .net-links-wrapper {width: 800px;margin: 0 auto;}
.net-links-wrapper li, .net-links-wrapper li span, .net-links-wrapper li a {display: block;float: left;}
#net_links a:link, #net_links a:visited {font-size: 1.3em;font-family:'Effra', Arial;color: #000;  padding-left: 17px; line-height: 2.3em; text-transform: lowercase; }
#net_links a:link span, #net_links a:visited span {padding-right: 17px;height: 30px;padding-top: 20px;}
#net_links a.netlink:link span, #net_links a.netlink:visited span {padding-top: 8px;}
#net_links a:hover,#net_links a:active, /*#net_links a:focus,*/ #net_links .active a:link, #net_links .active a:visited {background: url(../images/etalage-nav-left.gif) no-repeat 0 0;  }
#net_links a:hover span,#net_links a:active span, #net_links span a:focus, #net_links .active a:link span, #net_links .active a:visited span {background: url(../images/etalage-nav-right.gif)
 no-repeat top right;padding-right: 17px;height: 33px;cursor: pointer;}
#net_links a { text-decoration: none; }
/* overlay ***********************************************************/
.etalage-overlay {position: absolute;top: 0;left: 0;z-index: 1; width: 100%;}
#overlay-close {position: absolute;top: 0;left: 0;z-index: 1;height: 400px;background: url(../images/trans-overlay.png) repeat-x 0 0;text-indent: -9000px;}
#close {display: block;height: 12px;width: 11px;background: url(../images/close.png) no-repeat 0 0;position: absolute;top: 0;right: 0;text-indent: -9000px;}
#etalage-overlay-item {position: relative;z-index: 2;margin-top:10px;background: url(../images/ajax-loader.gif) no-repeat 50% 50%; }
#etalage-overlay-item .field-title {text-align: center;}
#etalage-overlay-item .field-title h2 {font-family:'EffraHeavy', Arial;font-size: 1.8em;color: #fff;text-transform: uppercase; margin-bottom: 0; padding-top:7px;}
.featured-item {text-align: center;padding: 5px;background-color: #000;  position: relative;}
.brand-1 .featured-item, .three-featured-items .featured-item {padding: 10px;}
.etalatage-sub-link.featured-item {font-size: 75%;}
.featured-item .video-icon, .featured-item .audio-icon { background: url(../images/play.png) center center no-repeat; _background: url(../images/playie.png) center center no-repeat; display: block; height: 100%;
	_height:145px; width: 100%; left:0;top:0 }
.etalage .etalage-logo a:hover{background-color:transparent;}
.featured_logo .etalage-logo{background-color:transparent;}/*hover effect on etalage links ***************************************/
.etalage-item-details {height: 30px;padding: 3px 8px;position: absolute;z-index: 2;width: auto;background-color: #444; color: #fff; font-size: 11px;}
.etalage .etalage-item-details a:link, .etalage .etalage-item-details a:visited {display: block;line-height: 30px;font-size: 1.2em;color: #fff; }
.etalage-item-details a img {float: right;}
.etalage .etalage-item-details a:hover, .etalage .etalage-item-details a:active, .etalage .etalage-item-details a:focus {background-color: transparent;text-decoration: underline;}
/* Column configurations */
.etalage-all {width:960px;margin: 0 auto;  position: relative; }
.etalage-col-1 {width:200px;position: absolute;left:-200px;top: 0;}
.etalage-col-2 {width: 240px;}
.etalage-col-3 {width: 150px;}
.etalage-col-4 {width: 310px;}
.etalage-col-5 {width: 240px;}
.etalage-col-6 {width: 240px;position: absolute;right: -240px;top:0;}
.etalage-left-5{padding-left:5px;word-wrap: break-word;}
.etalage-left-10{padding-left:10px;word-wrap: break-word;}
.etalage-left-15{padding-left:15px;word-wrap: break-word;}
.etalage-left-20{padding-left:20px;word-wrap: break-word;}
.etalage-left-25{padding-left:25px;word-wrap: break-word;}
.etalage-left-30{padding-left:30px;word-wrap: break-word;}

/* Title class */
.etalage-title-15,
.etalage-title-20 {font-size:23px;line-height:23px}
.etalage-title-25 {font-size:18px;line-height:18px}
.etalage-title-30 {font-size:16px;line-height:16px}
.etalage-title-35 {font-size:13px;line-height:13px}
.etalage-title-400 {font-size:11px;line-height:13px}

.etalage-right-5{padding-right:5px;word-wrap: break-word;}
.etalage-right-10{padding-right:10px;word-wrap: break-word;}
.etalage-right-15{padding-right:15px;word-wrap: break-word;}
.etalage-right-20{padding-right:20px;word-wrap: break-word;}
.etalage-right-25{padding-right:25px;word-wrap: break-word;}
.etalage-right-30{padding-right:30px;word-wrap: break-word;}

.etalage-tb-1 {padding-top:10px;padding-bottom:15px;}
.etalage-tb-2 {padding-top:20px;padding-bottom:10px;}
.etalage-tb-3 {padding-top:5px;padding-bottom:18px;}
.etalage-tb-4 {padding-top:15px;padding-bottom:8px;}
.etalage-tb-5 {padding-top:5px;padding-bottom:10px;}
.etalage-tb-6 {padding-top:18px;padding-bottom:2px;}

/* Global links tyles ***********************************/
a.title{padding: 8px;}
.etalage a:link, .etalage a:visited { display: block; color:#000; color:#555\9; -moz-opacity:0.62;-khtml-opacity: 0.62;opacity: 0.62;font-family:Arial;  line-height: 1.1; }
.etalage .etalage-item-details a, .etalage .etalage-logo a, .etalage .featured-item a{-moz-opacity:1;-khtml-opacity:1;opacity: 1;}
.featured-item a:link, .featured-item a:visited, .featured-item a:active, .featured-item a:focus {text-align: left;color: #fff !important;font-family:'EffraHeavy', Arial;text-transform: uppercase;font-size: 17px;line-height:16px; background-color: transparent !important;}
.etalage a:hover, .etalage a:active, .etalage a:focus, .etalage .hoveraction a {text-decoration: none;color: #000; color:#777\9;background-color: #e6d618; }
.featured-item .video-icon:hover,
.featured-item .audio-icon:hover,
.featured-item .video-icon:active,
.featured-item .audio-icon:active,
.featured-item .video-icon:focus,
.featured-item .audio-icon:focus,
.featured-item.hoveraction .video-icon,
.featured-item.hoveraction .audio-icon
  {background-color: transparent; color: #000;}

 /* Caps type *******************************************/
 #etalage .small-caps {font-variant: small-caps;}
 #etalage .uppercase {text-transform: uppercase;}
 
 
 
 
 
 /* Etalage Slideshow ************************************************/
.etalage-wrapper-slideshow #slider{width:650px;height:400px;overflow:hidden;float:left;background-color: #9fc836;}
.etalage-wrapper-slideshow #slider .slideshow-etalage-item{padding:10px;}
.etalage-wrapper-slideshow #slider-navigation{width:298px;height:400px;float:left;}
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item{width:278px;height:60px;padding:10px;color:#000;font-size: 1.3em;font-family:'Effra', Arial;text-transform: uppercase;font-weight: bold;}
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item:hover,
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item.current {background-color:#9fc836;background-image: url('../images/bg-slideshow-nav-item.jpg');background-repeat: no-repeat;background-position: left;color:#fff;}
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item .thumb{margin-right:10px;float:left;}
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item .brand{margin-right:10px;margin-top:15px;float:left;width:106px;height:59px;text-align:center;}
.etalage-wrapper-slideshow #slider-navigation .etalage-nav-item .content {}

.field-audio-player, .field-video-player {text-align:center;}