﻿/*	Reset
-------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a{outline: none;}


/*	Reusable Utility Classes 
(These classes are used when adding to a stylesheet would be overkill)
-------------------------------------------------------------------*/
.hide{display: none !important;}
.block{display: block !important;}
.left{float: left; margin-right: 1.7em !important; margin-bottom: 1.7em !important;}
.right{float: right; margin-left: 1.7em !important; margin-bottom: 1.7em !important;}
.clear{clear: both !important;}
.clear-left{clear: left !important;}
.clear-right{clear: right !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.text-center{text-align: center !important;}
.top{vertical-align: top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align: bottom !important;}
.zero-margin{margin: 0 !important;}
.zero-padding{padding: 0 !important;}
.no-border{border: none !important;}
.nowrap{white-space: nowrap !important;}
.margin-bottom{margin-bottom: 1.7em !important;}
.uppercase{text-transform: uppercase !important;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

/* ===================================================================================
   Forms
   ===================================================================================*/
.forminput, .product-form-input, .product-form-select, .selsort, .selprod { font-size:.9em; margin: 0; padding: 0; /*height:1.8em;*/}

/* ===================================================================================
   Custom
   ===================================================================================*/
body 
{
    background-color: #202020;
  /*  background-image: url('/_repository/_gui/2010/bg_2650x1900.gif');*/
   /* background-image:url('/_repository/_gui/2010/Bg2650x1900.jpg');*/
    background-repeat: no-repeat;
    background-position: 50% 0;
    color: #fff;
    margin: 0;
}

.fnf
{
   background: url('/_repository/_gui/2010/image_404.jpg') no-repeat scroll 50% 50%; 
   height: 380px!important;
   position: relative;
}
.fnfar
{
   background: url('/_repository/_gui/2010/image_AR.jpg') no-repeat scroll 50% 50%; 
   height: 380px!important;
   position: relative;
}
.fnf p { position: absolute; color: #fff; right: 100px; bottom: 70px;}
.fnf p a {color: #fff; text-decoration:underline;}
.fnf p a:hover {color: #d70000; text-decoration:underline;}
.err
{
   background: url('/_repository/_gui/2010/image_505.jpg') no-repeat scroll 50% 50%; 
   height: 380px!important;
}
.nobg {background-image: none;background: #000;}
.show {display: block;}
.readmore {height: 20px;}
a:active, a:focus {outline: none;}
:-moz-any-link:focus {outline: none;}
a, a:visited, a:active { color: #fff; text-decoration: none}
a:hover {color: #d70000;}
/*** font directive ***/
@font-face {
	font-family: 'QuicksandBold';
	src: url('/_repository/_fonts/2010/quicksandbold.eot');
	src: local('Quicksand Bold'), local('QuicksandBold-Regular'), url('/_repository/_fonts/2010/quicksandbold.ttf') format('truetype'), url('/_repository/_fonts/2010/quicksandbold.svg#QuicksandBold-Regular') format('svg');
}
@font-face {
	font-family: 'TradeGothic';
	src: url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.eot');
	src: local('TradeGothic LT BdCondTwenty'), local('TradeGothicLT-BoldCondTwenty'), url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.ttf') format('truetype'), url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.svg#TradeGothicLT-BoldCondTwenty') format('svg');
}
@font-face {
	font-family: 'QuicksandLight';
	src: url('/_repository/_fonts/2010/quicksandlight.eot');
	src: local('Quicksand Light'), url('/_repository/_fonts/2010/quicksandlight.ttf') format('truetype'), url('/_repository/_fonts/2010/quicksandlight.svg#webfont') format('svg');
}
@font-face {
	font-family: 'trade_gothic_lt_bold_condensed';
	src: url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.eot');
	src: local('TradeGothic LT BdCondTwenty'), local('TradeGothicLT-BoldCondTwenty'), url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.ttf') format('truetype'), url('/_repository/_fonts/2010/tradegothic_lt_boldcondtwenty.svg#TradeGothicLT-BoldCondTwenty') format('svg');
}
hr{margin-bottom: 5px;}

body h1.title {font: 11px normal sans-serif;}

/* ===================================================================================
   Container
   ===================================================================================*/
.bg { background-color: #202020; min-height: 570px!important;}
.homeselect { background-color: #1b1b1b;}
.homelogo {text-align: center; padding-top: 20px;}
.hometitle {font-family: QuicksandBold,Helvetica,Verdana,sans-serif; font-size: 16px; text-transform:uppercase;text-align:center; padding: 14px 0 8px 0; color:#FFFFFF;}

/* ===================================================================================
   Heading
   ===================================================================================*/
.heading { height: 70px!important;}

/* ===================================================================================
   Global-navigation
   ===================================================================================*/
#shopcart { padding-left:1.8em; background:transparent url('/_repository/_gui/2010/cart.gif')  no-repeat scroll 0 40%;}
#shopcart:hover { background: url('/_repository/_gui/2010/cart_hover.gif') no-repeat scroll 0 40%;}
.navglobal
{
   min-height: 30px!important;   
}
#nav-global {
   float: right;
   margin-top: -6px;
   font-size: 10px;
   background-color: #272727;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   position: relative;
}
#nav-global ul  
{
   float:left;
   padding: 14px 6px 8px 6px;
}
#nav-global li {
	float: left;
	padding: 0 9px;
	margin-bottom:0;
	line-height:1.3;
}
#nav-global li.last {
   padding: 0 9px 0 9px;
}

/* ===================================================================================
   Navigation
   ===================================================================================*/
ul.navmnu 
{
   margin: 7px 0 0 10px;
   padding: 0;
   list-style: none;
   position: relative;
   clear: right;
   float: left;
   /*font-family: "QuicksandBold",Arial,Helvetica,sans-serif;*/
   z-index: 60;
   /* post cufon*/
   font: bold 10px arial,sans-serif;
}
ul.navmnu li
{
    float: left;
    text-transform: uppercase; 
    min-width: 150px!important;
    margin: 0 5px 0 0;
    padding: 0;
}
ul.navmnu li a
{
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 6px 5px;
    color:#fff;
    cursor:pointer;
    background: transparent url('/_repository/_gui/2010/bg_globalNav.png') no-repeat top right; _background: #333; 
}
ul.navmnu li a:hover, ul.navmnu li a.select 
{
    color: #fff;
    background-position: bottom right;
}

ul.navmnu li ul.sbmenu 
{
    list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	margin: -10px 0 0 0; padding: 3px 0;
	display: none;
	float: left;
	z-index: 60;
	font-family: Arial,Helvetica,Sans-Serif;
	background:transparent url('/_repository/_gui/2010/bg_dropdown.png');
	_background: #fff;
}
ul.navmnu li ul.sbmenu li{
	margin: 0 3px; padding: 0;
	clear: both;
	text-transform: none;
}
html ul.navmnu li ul.sbmenu li a, html ul.navmnu li ul.sbmenu li a:visited
{
    display: block;
    text-decoration: none;
    text-align: left;
    padding: 11px 0 11px 40px;
    color: #fff; 
    /*font-size: 11px;*/
    background:transparent url('/_repository/_gui/2010/bg_dropdown_item.png') repeat-x top left; 
    _background: #000; 
    width: auto; 
    /* post cufon */
    /*padding: 0 32px 0 40px;*/
    font: bold 10px/34px arial,sans-serif;
}
html ul.navmnu li ul.sbmenu li a:hover, html ul.navmnu li ul.sbmenu li a.select 
{
    color: #fff;
    background-position:bottom left;
}

/* ===================================================================================
   Body
   ===================================================================================*/
.body
{
    min-height: 470px!important;
}

/* ===================================================================================
   Footer
   ===================================================================================*/

.country
{
    margin-left: 10px;
    margin-top: 15px; 
}
/* class 2011 - bigbang
.country
{
    margin-left: 5px;
    margin-top: 6px; 
}
*/
.over 
{
    position: relative;
}

/* ===================================================================================
   Country-selector
   ===================================================================================*/

.countryselector
{
   font-size: 11px;
   background-color: #2e2e2e;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   padding: 4px 15px 4px 6px;
   text-transform: uppercase;
   white-space: nowrap;
   background-image: url(/_repository/_gui/2010/country-arrow-vertical.gif);
   background-repeat: no-repeat;
   background-position: right center;
   z-index:21;
}
.countryselector:hover
{
  color: #d70000;
  background-image: url(/_repository/_gui/2010/country-arrow-vertical_over.gif); 
  background-position: right center;   
}

/* class 2011 - bigbang
.countryselector
{
   font-size: 11px;
   -webkit-border-radius: none;
   -moz-border-radius: none;
   padding: 4px 15px 4px 0;
   text-transform: uppercase;
   white-space: nowrap;
   background-image: url(/_repository/_gui/2010/country-arrow-vertical.gif);
   background-repeat: no-repeat;
   background-position: right center;
   z-index:21;
}
.countryselector:hover
{
  color: #d70000;
  background-image: url(/_repository/_gui/2010/country-arrow-vertical_over.gif); 
  background-position: right center;   
}
*/
.home #world
{	
	clear:both;
	float:left;
	width:604px;
	height:360px;
	position: relative;
	margin: 10px 0 0 158px;
    background-color: #2e2e2e;
    border: 2px solid #3b3b3b;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
}
.over #world
{	
	clear:both;
	float:left;
	position:absolute;
	width:630px;
	height:400px;/*350 - 310*/
	margin-top:-435px; /*-385  -345*/
	margin-left: 10px;
	z-index:20;
    background-color: #2e2e2e;
    border: 2px solid #3b3b3b;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
    display:none;
}

#world ul
{
	float: left;
    margin: 0;
    padding: 0;
	margin-top:10px;
	list-style-position: outside;
    list-style: none;
    height: 330px;
    line-height: 1.2em;
}
#world, #world .America,#world .Africa,#world .Europe,#world .Asia
{
    width:125px;
    border-right:1px dotted #3b3b3b;
    height:380px;
    }
    
#world .Oceania{width:120px;}

#world ul li
{
	margin: 0 0 0 4px;
	padding-left:12px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size:11px;
    font-style:normal;
	text-align:left;
	text-transform: uppercase;
}
#world ul li.continent
{
	color:#fff;
	font-size:14px;
	margin-bottom:5px;
	font-family: "QuicksandBold", Helvetica, Arial, Sans-Serif;
}
#world ul li a, #world ul li a:visited
{
	color:#767676;
	text-decoration: none;
	text-transform: uppercase;
}
#world ul li a:hover
{
	color:#ccc;
}
#world ul li.select
{
    background-image:url('/_repository/_gui/2010/country-select.gif');
    background-repeat:no-repeat;
    background-position: left 4px;
}
#world ul li.International.select
{
    background-position: left 9px;
}
#world ul li.select a
{
    color: #ccc;
}
.International
{
	margin: 0;
	position: absolute;
	bottom: 9px;
	border-top: 1px dotted #3b3b3b;
	padding: 6px 5px 0 26px;
	width: 95px;
}

/* ===================================================================================
   Footer-container
   ===================================================================================*/

.footer
{
    background: url(/_repository/_gui/2010/bg-footer.jpg) no-repeat;
    height: 70px;
    margin-top: 5px;
}

/* class 2011 - bigbang
.footer
{
    background: none;
    border-top: 2px solid #515151;
    height: 32px;
    margin-top: 20px;
}
*/
.footer a img
{
    /*height:17px;*/
    padding-top:0px;
}
.footer a
{
    /*height:17px;*/
    padding-top:0px;
}
.navfooter
{
    float: right;
    margin: 0 0 3px 0;
}
.navfooter ul
{
   margin: 8px 0px 0 0;
   padding: 0;
   list-style: none;
   position: relative;
   float: right;
   margin-right: 11px;
}
.navfooter ul li
{
    clear: right;
    float: left;
    text-transform: uppercase;
    font-size: 10px;
}
.navfooter ul li a
{
    display: block;
    text-decoration: none;
    color: #fff;
    margin-left: 7px;
    margin-top: 8px;
    padding-left: 7px;
    border-left: 1px solid #fff;
}
.navfooter ul li a.icon
{
    display: block;
    padding: 0;
    margin-top: 0;
    padding-left: 0px;
    border-left: none;
}
.navfooter ul li a:hover, .navfooter ul li a.select 
{
    color: #d70000;
}
.navfooter ul li span
{
  
  /*margin-right: 7px;*/
}
/*.copyright div {padding: 4px 0 0 0; margin: 0;}*/

.copyright div
{
    border-top: 2px solid #515151;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    margin: 2px 10px 0 10px;
    padding: 4px 0px 0 0px;
    height: 18px;
    overflow: hidden;
}


/* class 2011 - bigbang
#readmore { z-index:2; text-align: center; margin: 8px 0 0 0;}
.copyright div
{
    border-top: medium none;
    float: none;
    font-size: 0.75em;
    height: 20px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    color:#ffffff;
    text-align: center;
    text-transform: uppercase;
}
*/
.copyhome div
{
    text-align: center;
    text-transform: uppercase;
    font-size: .8em;
    margin: 6px 10px 0 10px;
    height: 18px; /* 20px */
    overflow: hidden;
}
.copyhome div p, .copyright div p
{
    border-top: none;
    text-align: justify;
    text-transform: none;
    font-size: 1.1em;
    padding: 2px 10px 10px 10px;
    margin: 0;
}

.copyhome h2
{
    text-align: left;
    text-transform: none;
    font-size: 1.1em;
    font-weight:bold;
    margin: 6px 10px 0 10px;
    overflow: hidden;
    color:#FFFFFF;
}

.copyright div h1
{
    text-align: left;
    text-transform: none;
    font-size: 1.1em;
    font-weight:bold;
    background-color:#202020;
    color:#FFFFFF;
    padding: 10px 0 0 10px;
}
.copyright div h2
{
    text-align: left;
    text-transform: none;
    font-size: 1.1em;
    font-weight:bold;
    background-color:#202020;
    color:#FFFFFF;
    padding: 10px 0 0 10px;
}
.copyright a, .copyhome a { color: #fff;}
.copyright a:hover, .copyhome a:hover { color: #d70000;}

/* Elements */
/* ===================================================================================
   Feature-container
   ===================================================================================*/
#featureContainer{overflow:hidden;}

/* ===================================================================================
   News-container
   ===================================================================================*/
.newsContainer 
{
    width: 450px;
    margin:0;
    padding-top: 12px;
}
.newsContainer ul
{
   padding: 0;
   margin: 0;
   list-style: none;
   position: relative;
   width: 450px;   
}

.newsContainer ul li
{
    margin: 0 0 10px 0;
    clear: both;
    float: left;
    padding: 10px;
    width: 440px;
    height: 160px!important;
    overflow: hidden;
    background: url(/_repository/_gui/2010/bg_news.jpg) no-repeat 0 0;
    /*cursor: pointer;*/  
}
/*.newsContainer ul li:hover
{
    background-image: url(/_repository/_gui/2010/Bg_NewsHome_over.jpg); 
}*/
.newsContainer a
{
    float: left;
    color: #fff;
    display: inline;
}
.newsContainer a:hover
{
    color: #d70000;   
}
.newsContainer ul li img
{
    border: 1px solid #5a5a5a;
    float: left;
    margin-right: 10px;
}
.newsContainer ul li span.date
{
    float:left;
    font-size: 90%;
    padding-bottom: 4px;
}
.newsContainer ul li span.share
{
    float:right;
    font-size: 90%;
    /*padding-bottom: 4px;*/
    padding-bottom: 6px;
}
.newsContainer ul li span.shareNews
{
    float:right;
    width:270px;   
    font-size: 90%;
    /*padding-bottom: 4px;*/
    padding-bottom: 6px;
}
.newsContainer ul li p
{
    float: left;
    position: relative;
    display: block;
    width: 260px;
    height: 160px;
    overflow: hidden;
}
.newsContainer ul li span.title
{
    clear:both;
    float:left;
    /*font-family: "QuicksandBold",Helvetica,Arial,Sans-Serif;*/
    padding-top: 8px;
    border-top: 1px dotted #4a4a4a;
    /*font-size: 17px;*/
    color: #fff;
    white-space: nowrap;
    width:250px;   
    overflow: hidden;
    text-transform: uppercase;
    /* post cufon */
    font-size: 16px;
}
.newsContainer ul li span.content
{
    clear:both;
    float:left;
    padding-top: 5px;
}
.newsContainer ul li span.link
{
    float:right;
    position: absolute;
    margin:0;
    margin-right: 10px;
    right:0;
    /*bottom: 0;*/
    bottom: 27px;
    padding: 0 3px 0 0;
    background: #fff;
    /*background: url(/_repository/_gui/2010/violators/btn_news.gif) no-repeat 0 30%;*/
    color: #2b2b2b;
    text-transform: uppercase;
    overflow: hidden;
    font-family: "TradeGothic", Helvetica, Arial, Sans-Serif;
    font-size: 11px;
}
.newsContainer ul li span.link a
{
    padding: 1px 12px 2px 4px;
    color: #2b2b2b;
    background: transparent url(/_repository/_gui/2010/news_arrow.gif) no-repeat scroll 100% 50%;    
}
.newsContainer ul li span.link a:hover
{
    color: #d70000; 
    background-image: url(/_repository/_gui/2010/news_arrow_over.gif);    
}
/*
.newsContainer ul li span.link span
{
    padding: 0;
    margin: 0;
    float: left;
    padding: 0 0 0 6px;
    display: none; 
}
.newsContainer ul li span.link img
{
    position: relative;
    border: 0;
    margin: 0;
    padding: 4px 4px 6px 4px;
}
*/
/* ===================================================================================
   Banner-container
   ===================================================================================*/
.bannerContainer
{
    float: right;
    width: 450px;
    margin: 0;
    padding: 12px 0 0 0;
}
.bannerContainer ul
{
   float:right;
   padding: 0;
   margin:0;
   list-style: none;
   position: relative;
   width: 450px;    
}
.bannerContainer ul li
{
   clear:both;
   float:left;
   padding: 0;
   margin: 0 0 10px 0;
   width: 450px;
   height: 180px!important;
   overflow: hidden;   
}
.bannerContainer ul li p, .bannerContainer ul li div
{
   clear: both;
   float: left;
   position: relative;
   padding: 0;
   margin: 0;
   height: 180px!important;
   overflow: hidden;   
}
.bannerContainer ul li p span, .bannerContainer ul li div span
{
   clear: both;
   position: absolute;
   left: 10px;
   bottom: 10px;
   
   background: transparent url(/_repository/_gui/2010/violators/badge.png) no-repeat scroll 0 40%;
   /*font-size: 17px;
   font-family: "QuicksandBold",Helvetica,Arial,Sans-Serif;*/
   padding: 4px 10px 10px 10px;
   text-transform: uppercase;
   cursor: pointer;
   /*post cufon*/
   font-size: 16px;
   font-family: Arial,sans-serif;
}
.bannerContainer ul li a, .bannerContainer ul li a:hover
{
   color: #fff;
   display: block;
}

/* ===================================================================================
   Science-container
   ===================================================================================*/
.scienceLeftLine
{
    float: left;
    width: 450px;
    height: 1px;
    border-top: 2px solid #2e2e2e;
    margin: 5px 5px 5px 0;
    padding: 0;
}
.scienceRightLine
{
    float: right;
    width: 450px;
    height: 1px;
    border-top: 2px solid #2e2e2e;
    margin: 5px 0px 5px 0;
    padding: 0;
}
.cntBanner
{
    clear: both;
    padding: 12px 0 0 0;
}
.cntBanner ul
{
   clear:both;
   float:left;
   padding: 0;
   list-style: none;
   position: relative;  
}
.cntBanner ul li
{
   float:left;
   padding: 0;
   margin: 0 18px 10px 0;
   width: 450px;
   height: 180px!important;
   overflow: hidden;   
}
.cntBanner .last
{
    margin-right: 0;
}
.cntBanner ul li p
{
   clear: both;
   float: left;
   position: relative;
   padding: 0;
   margin: 0;
   height: 180px!important;
   overflow: hidden;   
}
.cntBanner ul li p span
{
   clear: both;
   position: absolute;
   left: 10px;
   bottom: 10px;
   background: transparent url(/_repository/_gui/2010/violators/badge.png) no-repeat scroll 0 40%;
   /*font-size: 17px;
   font-family: "QuicksandBold",Helvetica,Arial,Sans-Serif;*/
   padding: 4px 10px 10px 10px;
   text-transform: uppercase;
   cursor: pointer;
   font-size: 16px;
   font-family: Arial,sans-serif;
}
.cntBanner ul li a, #sciBanner ul li a:hover
{
   color: #fff;
   display: block;
}
/* ===================================================================================
   Product gateway/detail
   ===================================================================================*/
/* ===================================================================================
   Search-bar
   ===================================================================================*/
#nav_search_tabs
{ clear:both; float: right; padding: 0; list-style: none; position: relative;}
#nav_search ul									
{margin: 20px 0 0 0; padding: 0; border-bottom: 1px solid #c0c0c0; float:right; max-width: 920px!important; }
#nav_search ul li								
{bottom: 0px; cursor:pointer; bottom:0; float:right; margin:4px 10px 0px; position:relative; }
#nav_search ul li a								
{padding: 5px 22px 2px 10px; }
#nav_search ul li a.select					
{border: 1px solid #c0c0c0; border-bottom: none; position: relative;}
#nav_search ul li a.select span				
{width: 100%; height: 6px; position: absolute; left: 0; bottom: -3px;background-color: #202020;}
#nav_search ul li a.select					
{/*background-color: #f3f3f3;#fdf53a;*/}
#nav_search form div select				
{background: #f3f3f3;/*#fdf53a;*/}

#nav_search										
{margin: 10px 0 0 0; width: 920px; margin: 0;zoom:1; float:right; overflow:hidden; }
#nav_search label {}

#search_simple .product_family label,#search_simple .product_material label			
{display: none;}
#nav_search div	fieldset div					
{float: left;}
#search_controls								
{float: right; clear: both;}
#search_controls legend							
{display: none;}

#nav_search ul li a								
{font-family: TradeGothic,Helvetica,Verdana,sans-serif; font-size: 12px; text-transform: uppercase; color: #c0c0c0;
 background:transparent url(/_repository/_gui/default/arrow_rb10.png) no-repeat scroll 92% 55%;}
/** html #nav_Search ul li a {font-family: TradeGothic,Helvetica,Verdana,sans-serif;}*/
#nav_search ul li a.select {color:#d70000; background: transparent url(/_repository/_gui/default/arrow_db10.png) no-repeat scroll 92% 55%;}
#nav_search ul li a:hover {color:#d70000;}
#nav_search 
{font-size: 1em;color:#000; font-weight:normal;}

.pre-gateway { margin:2px 0 0 0;}
.pre-gateway SELECT { padding: 0px; margin-top: 2px;}
.pre-gateway-button { margin:0; padding:0; float:right; cursor:pointer;}
/*.pre-gateway-button DIV UL { margin:0; padding:0;}*/
#by { margin: 5px 0 0 0;}
#by, .pre-gateway { float:right;}
#adv {float:inherit; }
.isrch {cursor:pointer;}
/*#bycode .pre-gateway-button { margin-top:3px;}*/

/* ===================================================================================
   Find-button
   ===================================================================================*/
#bycode { color: #c0c0c0; font-size: .9em; margin: 0; padding:0; display:block;}
#bycode .pre-gateway { margin: 9px 0 0 0; }
#bycode .pre-gateway-button
{
    margin: 9px 0 0 7px;
    padding: 0;
    font-family: TradeGothic, Helvetica, Verdana, Sans-Serif;
    font-size: 12px; 
    height: 1.5em; 
}
#bycode input, #bycode input:focus
{
    border: 1px solid #666;
    background-color: #353535;
    color: #c0c0c0;
    margin: 0; padding: 0;
    height: 1.5em;
    font-size: 1em;
}
#bycode .pre-gateway-button a
{
    padding: 0 20px 0 10px;
    display: block;
    background: #666 url(/_repository/_gui/default/btn-find_arrow6x7.png) no-repeat scroll 85% 50%;
    color: #c0c0c0;
}
#bycode .pre-gateway-button a:hover
{
    color: #c0c0c0;
    background-color: #d70000;
}

/* ===================================================================================
   Order-by storenoteice
   ===================================================================================*/
.orderby { margin-top: 15px; margin-bottom: 10px; }
.storenotice { font-family: Helvetica, Verdana, Sans-Serif; font-size: .9em; text-align: right; color: #c0c0c0;}

/* ===================================================================================
   Breadcrumb
   ===================================================================================*/
.breadcrumb {height: auto;}
.breadcrumb h3 { margin:font-size: 1em; color: #c0c0c0; margin: 0 0 10px 0;}

/* ===================================================================================
   Pager
   ===================================================================================*/
.pager {text-align: center; margin: 0; padding: 10px; cursor: pointer; font-family: Verdana, Helvetica, sans-serif; font-size: .9em;}
.pager .active {color: #d70000;}


/* ===================================================================================
   Search-bar select and checkbox
   ===================================================================================*/
.selsort {
	border:1px solid #666;
	background-color: #353535;
	color: #c0c0c0;
}
.selprod {
	border:1px solid #666;  
	background-color: #353535;
	color: #c0c0c0;
	margin:0 5px;
	padding:1px;
}

.selprod:focus {
    border-color: #666 !important;
}
.checklens { padding:0 10px 0 10px; color: #c0c0c0; font-size: .9em;}
.checknew { padding:0 10px 0 0; color: #c0c0c0; font-size: .9em;}

/* ===================================================================================
   Gateway grid
   ===================================================================================*/
.product_listing { position:relative; list-style-type:none !important; margin:0; padding:0; width:937px; display:block;}
.product_listing a:hover .product_price { color:#ccc; }
.product_listing li { float:left; width: 170px; height: 150px!important; margin:0 16px 20px 0; padding:0; background: #353535;}
.product_listing li a {border:1px solid #454545; height: 140px!important; display:block; padding:4px; margin:0; position:relative; color:#ccc;}
.product_listing li a.selected {cursor: default;}
.product_listing li a:hover, .product_listing li a.selected { border-color:#d70000; color: #ccc; }
.product_listing li a img { width:158px; height:98px; background-color:#fff; border:1px solid #454545; display:block; }
.product_listing li a .product_info { color:#ccc; display:block; font-size:10px; font-weight: bold; line-height:1.1;
	width: 160px; margin:0; overflow:hidden; padding:4px 2px; text-transform:uppercase;
}
.violators { position:absolute; width:150px; height:15%; top:0; left:0; padding: 6px 8px 0 8px; z-index:10; color:#D70000;
	font-family:TradeGothic,Helvetica,Verdana,"sans-serif"; font-size:1em; text-transform:uppercase;
}
.violators .status { width: 60%; height: 100%; float:left; text-align:left; }
.violators .status span { font-size:11px;}
.violators .hilight { width: 38%; height: 100%; float: right; }
.violators .hilight img {float:right; margin-top:3px;}
/*.violators span.hilight { float:right; width:38%; height:100%; text-align:right; overflow:hidden; text-align:right; }
.violators span.hilight.polarized {width:18px; height:15px; 
	background:transparent url(/images/css/icons/product/product_detail/polarized.png?1247125666) no-repeat scroll 100% 0;
}*/
/* ===================================================================================
   No-result
   ===================================================================================*/
.noResult {
    text-align:center; font-family:TradeGothic, Helvetica, Arial, "sans-serif";
	font-size: 16px;padding-top: 130px;text-transform: uppercase !important;
}
/* ===================================================================================
   Grid-loader
   ===================================================================================*/
#loading_container  
{
    background: #1b1b1b url(/_repository/_gui/default/loading/ajax-loader.gif) no-repeat scroll center 10%;
	position:absolute; width:920px; min-height: 150px; height:auto; 
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 100;
}
/* ===================================================================================
   Product-detail
   ===================================================================================*/
/* ===================================================================================
   Back-button
   ===================================================================================*/
.back-button
{
    font-family: TradeGothic, Helvetica, Verdana, Sans-Serif;
    font-size: 12px;  
    text-transform: uppercase;
    overflow: hidden;
    max-width: 455px!important;
}
.back-button a
{
    padding: 2px 5px 2px 18px;
    background: #666 url(/_repository/_gui/default/btn-back_arrow6x7.png) no-repeat scroll 5px 50%;
    color: #c0c0c0;
}
.back-button a:hover {color: #c0c0c0; background-color: #d70000;}
/* ===================================================================================
   Detail-image
   ===================================================================================*/
.detail-image-container
{
    float: left;
    margin: 0;
    padding: 0;
    width: 540px!important;
    height: 380px!important;
    background: #fff;
    position: relative;
}
.detail-image-container .new-badge
{
    position: relative; float:left; margin:7px 0 0 10px; width: 250px; overflow:hidden; padding: 0;
    font-family: TradeGothic, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 22px; color: #d70000;
    height: 25px!important;
}
.detail-image-container .feature-badge
{
    position: relative; float:right; margin:7px 10px 0 0; width: 250px; overflow:hidden; padding: 0;
    font-family: TradeGothic, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 20px; color: #d70000;
    height: 25px!important;
    text-align: right; 
}
.detail-image-container .product-image { height: 300px!important; clear:both; position: relative; margin:0; padding: 0 0 10px 20px;}

.detail-image-container .controll-button
{
    float: right;
    margin: 0 10px 0 0;
    min-width: 80px!important;
    height: 25px!important;
    background: #fff url(/_repository/_gui/2010/bg-zoom-button.jpg) no-repeat scroll right bottom;
    text-align: center;
    font-family: TradeGothic, Helvetica, Verdana, Sans-Serif;
    font-size: 1.1 em;
    border-left: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
    text-transform: uppercase;
}
.detail-image-container .controll-button a
{
    color: #1b1b1b; display: block;
    padding: 3px 5px 2px 3px;
}
.detail-image-container .controll-button a img
{
    vertical-align: middle;
    margin-right: 3px;
}
.detail-image-container .controll-button a:hover
{
    color: #d70000;
}
/* ===================================================================================
   Detail-data
   ===================================================================================*/
.detail-data-container
{
    float: left; margin: 0; padding: 10px;
    background: #373735;
    width: 360px!important;
    height: 360px!important;
    position: relative;  
    font-family: Verdana, Helvetica, Sans-Serif; 
    font-size: 11px;
}
.detail-data-container h1
{
    color: #fff;
    /*font-family: TradeGothic, Helvetica, Arial, Verdana, Sans-Serif;*/
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 24px; 
    line-height: 30px;
    /*margin-bottom: 10px;*/
}
.detail-data-container .color-code-title {color: #898989; text-transform: uppercase;}
.detail-data-container .color-code {}

.detail-data-container p.color-selector
{
    margin: 20px 0 0 0;
    padding: 0 0 20px 0;
    color: #fff;
    border-bottom: 1px solid #666;   
}
.detail-data-container p.color-selector select {
	border:1px solid #666;
	background-color: #353535;
	color: #c0c0c0;
	margin: 0 0 0 5px;
}
.detail-data-container p.store-locator-tool
{
    position: absolute;
    top: 150px;
    left: 0;
    margin: 0 10px;
    width: 340px!important;
    padding: 10px 10px 0 0px;
    color: #fff;
    line-height: 1.8em;
    min-height: 100px!important;
    /*background: transparent url(/_repository/_gui/2010/bg-store-locator-tool.jpg) no-repeat scroll 50% 0;*/   
}
.detail-data-container p.store-locator-tool span.tool-search 
{
    padding: 10px; 
}
.detail-data-container p.store-locator-tool input, .detail-data-container p.store-locator-tool input:focus {
	margin: 0;
	border: 1px solid #666;
    background-color: #353535;
    color: #c0c0c0;
    padding: 2px 2px 0 2px;
    height: 1.4em;
    font-size: 1em;
    width: 90px;
}
.detail-data-container p.store-locator-tool span.button 
{
    color: #fff;
    font-family: TradeGothic, Helvetica, Arial, Verdana, Sans-Serif;
    font-size: 13px; 
    text-transform: uppercase;
    /*padding: 3px 0;*/
}
.detail-data-container p.store-locator-tool span.button a
{
    padding: 2px 18px 2px 10px;
    background: #666 url(/_repository/_gui/default/btn-find_arrow6x7.png) no-repeat scroll 85% 50%;
    color: #c0c0c0;  
}
.detail-data-container p.store-locator-tool span.button a:hover
{
    background-color: #d70000;
}
span.button{cursor:pointer;}

#product-optical-details-data div.color
{ color:#898989; font-size:12px; margin-bottom: 10px; width: 100%; float: left;}
#product-optical-details-data div.color span{margin-top:8px; position:relative; float:left;}
#product-optical-details-data select
{ width: 310px; float: right; background-color: #373735; color: #808080; }
/*#product-optical-details-data label
{ font-weight:normal; }*/

/* ===================================================================================
   Carrousel
   ===================================================================================*/
.car-container 
{
    margin-top: 20px;
    margin-bottom: 10px;
}
.car-previous-arrow
{
    float: left; position: relative;
    margin: 0; padding: 0;
    width: 20px!important;
    height: 130px!important;
    cursor: pointer;
}

.carosel
{
    float: left; position: relative; margin:0; padding:0;
    width: 880px;
    height: 130px!important; 
    overflow: hidden; 
}
.carosel ul
{
    position:relative; list-style-type:none !important; margin:0; padding:0; display:block;
}
.carosel li {float:left; width: 170px!important; height: 130px!important; margin:0 6px 0 0; padding:0; background: #353535; position: relative;}
.carosel li a {border:1px solid #454545; height: 120px!important; display:block; padding:4px; margin:0; position:relative; color:#ccc;}
.carosel li a.selected {cursor: default;}
.carosel li a:hover, .carosel li a.selected { border-color:#d70000; color: #ccc; }
.carosel li a img { width:158px; height:98px; background-color:#fff; border:1px solid #454545; display:block; }

.carosel li span.style-code
{
    position: absolute;
    left: 6px;
    bottom: 5px;
    width: 80px;
    font-family:TradeGothic,Helvetica,Verdana,"sans-serif"; font-size:1em; text-transform:uppercase;
}
.carosel li span.sku-code
{
    position: absolute;
    right: 6px;
    bottom: 5px;
    text-align: right;
    width: 70px;
    font-family:TradeGothic,Helvetica,Verdana,"sans-serif"; font-size:1em; text-transform:uppercase;
}
.carosel li span.sku-new
{
    position: absolute;
    top: 6px;
    left: 10px;
    width: 70px;
    font-family:TradeGothic,Helvetica,Verdana,"sans-serif"; font-size:0.9em; text-transform:uppercase;
    color: #d70000;
}
.carosel li span.sku-feature
{
    color: #d70000;
    position: absolute;
    top: 6px;
    right: 10px;
    width: 70px;
    text-align: right;
    font-family:TradeGothic,Helvetica,Verdana,"sans-serif"; font-size:1em; text-transform:uppercase;
}

.car-next-arrow
{
    float: left; position: relative;
    margin: 0; padding: 0;
    width: 20px!important;
    height: 130px!important; 
    cursor: pointer; 
    text-align:center;
}

.car-previous-arrow img, .car-next-arrow img
{
	position:relative;
	top: 40%;
}


/* ===================================================================================
   Product-description
   ===================================================================================*/
.product-description { border: 1px solid #313131; background: #373735; margin: 10px 0 10px 0;}
.product-description h2
{
    font-family: TradeGothic, Helvetica, Verdana, Sans-Serif;
    font-size: 18px;
    padding: 10px 10px 0 10px;   
    color: #fff;
}
.product-description p
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 1.5em;
    color: #666; 
    padding: 3px 10px 10px 10px;  
}

/* ===================================================================================
   zoom-360
   ===================================================================================*/
#product-details-zoom-wrap, #three-d 
{
    width:780px;height:530px!important; z-index:100;position:absolute;top:100px; left: 0; display:none; padding:0; margin:0; background: #fff;
    font-family: TradeGothic, Helvetica, Verdana, Sans-Serif; font-size: 1.2em; text-align:right; cursor:pointer;
}
#product-details-over-close{width:300px;float:right;}
#product-details-over-close, #three-close 
{   
    color: #000; text-transform: uppercase;
    background: #fff url(/_repository/_gui/2010/close-zoom.gif) no-repeat scroll 99% 50%;
    padding: 12px 30px 10px 10px;
}
#product-details-over-close:hover, #three-close:hover {color: #d70000; cursor: pointer;}
#product-details-zoom-img { width:760px!important; height:430px!important; padding: 10px; overflow: hidden;}
#three-flash {width:688px!important; height:480px!important; padding: 0 36px 0 36px; overflow: hidden; background: transparent url(/_repository/_gui/default/loading/ajax-loader.gif) no-repeat scroll center center;}
#zoom-info, #three-info { background: #ccc; cursor: text; color: #1b1b1b; padding: 5px 10px; font-size: 1.3em; text-align: left; }
#zoom-info .color-code-title, #three-intro .color-code-title { font-size: 1.1em; color: #666;}
#zoom-info .color-code { font-size: 1.1em;}
#zoom-feature { float:left; font-size:30px; color:#D70000;text-transform:uppercase;text-align:left; width:320px;position:relative;top:0;left:0;padding: 5px 30px 10px 10px;}
.loading {background: transparent url(/_repository/_gui/default/loading/ajax-loader.gif) no-repeat scroll center center;}
/*** transparent 360 - zoom bg ***/
.overDetail{ display: none; position:fixed; top:0; left:0; width:100%; height:100%!important; background-color:#1b1b1b;z-index:90;	filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

/* ===================================================================================
   Site-map
   ===================================================================================*/
.sitemapTitle{margin:10px 0 0 0; padding:0; color:#d70000; font-family:QuicksandLight,Helvetica,Verdana,sans-serif; font-size:48px; line-height:1em;text-transform:uppercase;}
.sitemapBody {font-family: Arial,Verdana,Helvetica,sans-serif; color:#fff;}
.sitemapBody p{margin: 2px 0; padding: 5px 10px; font-family:QuicksandBold,Verdana,Helvetica,sans-serif; font-size:1.3em; color:#d70000;background:#151517;border-top:1px solid #232323;text-transform:uppercase;font-style:italic;}
.sitemapBody div {margin: 2px 0 0 0; padding: 5px 10px 0 10px; font-family:QuicksandBold,Verdana,Helvetica,sans-serif; font-size:1.1em; background:#151517;border-top:1px solid #232323;}
.sitemapBody div div {margin:0; padding:0;border:none;}
.sitemapBody div span {display:block; padding: 5px 0 2px 0; color:#757575; text-transform:uppercase;font-size:1.2em;font-family:QuicksandBold,Verdana,Helvetica,sans-serif;}
.sitemapBody div ul {position:relative; list-style-type:none !important; margin:0 0 10px 0; padding:0; display:block;text-transform:uppercase;}
.sitemapBody div ul li {float:left; margin:0; padding:0 0 5px 0; width:11%;position: relative; color:#fff;font-size: 1em;}
.sitemapBody div ul.alt li {float:left; margin:0; width:33%; padding:0 0 5px 0; position: relative; color:#757577;text-transform:uppercase;font-family:QuicksandBold,Verdana,Helvetica,sans-serif;}
.sitemapBody div ul a {display:block;}
.sitemapBody div ul.alt a, .sitemapBody div span a {color:#757577;}
.sitemapBody div ul.alt a:hover, .sitemapBody div span a:hover {color:#d70000;}

/* ===================================================================================
   Store locator
   ===================================================================================*/
.storelocatorBody {font-family: Verdana, Arial,Helvetica,sans-serif; color:#fff; font-size: 10px; border-top: 1px solid #232323;background: #151517; margin: 0 0 5px 0;}
p.storeCopy {font-size: 11px; font-style:italic; padding: 8px; background: #151517; margin: 5px 0 5px 0;}
.tops {padding: 10px 0;}
.maps {padding: 10px;}
.storelocatorBody .label {font-weight:bold; text-align:left; margin: 3px 0 3px 0; padding: 0 0 0 8px;}
.storelocatorBody .data {margin: 3px 0 3px 0;}
.storelocatorBody input.field 
{
    margin: 0;
	border: 1px solid #666;
    background-color: #353535;
    color: #c0c0c0;
    padding: 2px 2px 0 2px;
    height: 1.5em;
    font-size: 1em;
    min-width: 90px;
    width: 90px;
    font-size:11px;
}
.storelocatorBody .bttSubmit
{
    border: none;
    padding: 4px;
    text-align: center;
    color: #fff;
    background: #333333;
    font-family: TradeGothic,Arial,Helvetica,sans-serif;
    font-size: 12px;
    min-width: 60px;
    width: 60px;
    cursor: pointer;
    text-transform:uppercase;
}
.storelocatorBody .bttSubmit:hover, #search-new:hover;
{
    background: #d70000;
}
#search-new
{
    border: none;
    padding: 4px;
    text-align: center;
    color: #fff;
    background: #333333;
    font-family: TradeGothic,Arial,Helvetica,sans-serif;
    font-size: 12px;
    min-width: 60px;
    width: 60px;
    cursor: pointer;
    text-transform:uppercase;
    display:block;
}


/*.storelocatorBody 
{
    font-family: Verdana, Arial,Helvetica,sans-serif;
    color:#fff;
    font-size: 10px;
    border-top: 1px solid #232323;
    background: #151517;
    margin: 0 0 5px 0;    
    }
.storelocatorBodyRight
{
    font-family: Verdana, Arial,Helvetica,sans-serif;
    color:#fff;
    font-size: 10px;
    border-top: 1px solid #232323;
    background: #151517;
    width:342px; 
    margin-left:10px;
    text-align:center; 
    padding: 5px 5px 10px 5px;
    }
.storelocatorBodyRight .resellersbody 
{
    text-align:left;
    padding-left:5px;
    height:131px;
    }       
p.storeCopy {font-size: 11px; font-style:italic; padding: 8px; background: #151517; margin: 5px 0 5px 0;}
.tops {padding: 10px 5px; height:153px; padding:5px 0px 5px 10px !important;}
.maps {padding: 10px;}
.storelocatorBody .label {font-weight:bold; text-align:left; margin: 3px 0 3px 0; /*padding: 0 0 0 8px;}
.storelocatorBody .data {margin: 3px 0 3px 0; width:200px;}
ul.dealers {margin-top:5px; font-size:11px; width:100%;}
ul.dealers li {padding:5px 0 5px 5px; width:308px; margin-top:5px;}
ul.dealers li a {}
ul.dealers li.grey {background-color:#1f1f21;}
ul.dealers li.black { background-color:#1a1a1c;}
.resellersbody .jspContainer .jspVerticalBar
{
    background: none repeat scroll 0 0 red;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 4px !important;
    width: 7px; 
    }
.resellersbody .jspContainer .jspVerticalBar .jspTrack .jspDrag
{
    background: url("/_repository/_resources/_johnny_marr/images/VerticalSliderHandle.png") no-repeat scroll left top red !important;
    cursor: pointer;    
    left: 0;
    position: relative;
    top: 0;    
    }    
.storelocatorBody input.field 
{
    margin: 0;
	border: 1px solid #666;
    background-color: #353535;
    color: #c0c0c0;
    padding: 2px 2px 0 2px;
    height: 1.5em;
    font-size: 1em;
    min-width: 90px;
    width: 90px;
    font-size:11px;
}
.storelocatorBody .bttSubmit
{
    border: none;
    padding: 4px;
    text-align: center;
    color: #fff;
    background: #333333;
    font-family: TradeGothic,Arial,Helvetica,sans-serif;
    font-size: 12px;
    min-width: 60px;
    width: 60px;
    cursor: pointer;
    text-transform:uppercase;
}
.storelocatorBody .bttSubmit:hover, #search-new:hover;
{
    background: #d70000;
}
#search-new
{
    border: none;
    padding: 4px;
    text-align: center;
    color: #fff;
    background: #333333;
    font-family: TradeGothic,Arial,Helvetica,sans-serif;
    font-size: 12px;
    min-width: 60px;
    width: 60px;
    cursor: pointer;
    text-transform:uppercase;
    display:block;
}*/
.store-prev { float:left; display:none; margin:10px 0 0 250px; font-size: 11px; cursor:default;}
.store-next { float:left; display:none; margin:10px 0; font-size: 11px; cursor:pointer; }
.map {display: none;}
#yourmapdiv { width: 714px; height:320px; border:0; display:block; color: #000;}
#yourmapdiv div.vm_scale {left: 10px; background: transparent;}

#yourhtmldiv { height:820px; border:0; margin: 0; display:block; color: #fff; padding: 0 10px;}
#screen{ position:relative; height:680px; font-size: 12px; display:block;}
#sections{ overflow:hidden; clear:left; height:730px; }
	#sections ul{ /*width:3000px;*/ margin:0; }
		#sections li{ height:730px; margin:0; }
			#sections a{ color:#777; font-weight:bolder; text-decoration:none; }
#navigation{ float:left; margin:10px 0; font-size:11px; }
	#navigation ul { float:left; margin:0; }
	#navigation ul a:hover { color:#d70000; }
		#navigation li { float:left; margin:0; }
			#navigation a { color:#fff; text-decoration:none; }
			#navigation span.last{ color: #000; }
#store-total { margin:10px 0 10px 0; }
	#store-total span { text-transform: uppercase; }
.store { clear:both; height:73px; margin:0; background: transparent; }
.store-wrap { height:68px; background: n10; }
.store-name { text-transform: uppercase; }
.store-adress { font-size: 11px; }
.store-phone { font-size: 11px; }
#store-none { padding: 8px; font-size: 11px; display:none; background-color: #151517; margin-top:5px; width:718px;}
.centered {text-align: center;}
.store-nomichelin ul li { padding-left:8px; background:url(/_repository/_gui/2010/Arrow_Store.png) no-repeat 0 5px; float:left; width: 230px;height:155px; margin: 5px 0px 10px 5px;}
.store-nomichelin .navigation { text-align:center;} 
.store-nomichelin .navigation span.active{ color:#d70000; }

/*===================================================================================
  Tech
===================================================================================*/
.mediaContent {height:470px;margin-bottom:0;margin-top: 0;}
.techLeft {min-height:310px;background:#0c0c0c url(/_repository/_static/_images/_events/tech/Bg_contentText.jpg) no-repeat 0 0; margin-bottom: 5px;}
.techLeft h3{color:red;font-size:34px;margin: 10px; text-transform:uppercase; font-family: QuicksandLight, Helvetica, Arial, Verdana, Sans-Serif;}
.techLeft p{min-height:200px; margin:5px 10px 5px 10px; font-size:12px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.techLeft img{float:right; display:inline; position:relative; bottom:5px; right:10px;}

.navEvents {margin:8px 0 8px 0;}
.navEvents ul {padding:0; }
.navEvents ul li {float:left; list-style: none; display: block; height:30px; margin-right:5px;text-transform:uppercase;font-size:10px; font-family: "QuicksandLight", Helvetica, Arial, Verdana, Sans-Serif; background:#141414 url(/_repository/_static/_images/_events/tech/image_menu.gif) bottom right no-repeat; _background: #000;}
.navEvents ul li:hover {background:#333333 url(/_repository/_static/_images/_events/tech/image_menu.png) bottom right no-repeat;_background: #333; text-decoration:none;}
.navEvents ul li a { height: 10px; margin: 4px 10px 2px 10px; position: relative; bottom: -6px; display: block; white-space:nowrap; }
.navEvents ul li a.active {color:#d70000;}
.navEvents ul li a:focus {text-decoration:none;}
.techRight {min-height:310px;}
#targetTab {margin-top:26px;}

/*===================================================================================
  FLIP OUT
===================================================================================*/
.flipout .techLeft p{min-height:200px; margin:5px 10px 5px 10px; font-size:14px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.homeflipout .navEvents ul li a.active {color:#ffffff;}
.homeflipout #flashcontent { display: none; }
.flipOutMediaContent{margin-bottom:0;margin-top: 0;}
 .ytVideo{height:554px;}
/* ===================================================================================
   Ultra
   ===================================================================================*/
.ultraLeft{ margin-top:-40px; min-height: 350px!important; margin-bottom: 5px;}
.ultraLeft p {font-size:14px; line-height:25px;}

/* ===================================================================================
  Polarized tour
   ===================================================================================*/
.month{color:Red;}
.listitem{text-align:left;margin-bottom:4px;}
.listitem .last{margin-bottom:14px;}
.listitem img{float: left; bottom: -5px; left: -4px;}
.polarizedLeft{ min-height: 440px!important;}

/*===================================================================================
  Shopping Events
===================================================================================*/
.shoppingContent {margin: 5px 0 5px 0;}
.shoppingContent h3{color:red;font-size:36px; padding: 15px 0 10px 15px; text-transform:uppercase; font-family: "QuicksandLight", Helvetica, Arial, Verdana, Sans-Serif;}
.shoppingRight {min-height:400px; position:relative;    background:#0c0c0c url(/_repository/_static/_images/_events/shopping-events/Bg_Txt.jpg) no-repeat 0 0;}

.shoppingRight p { padding:50px 5px 15px 5px; font-size:12px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.shoppingRight span.share{ float:right;    margin:15px 5px 5px 5px;}
.shoppingRight p.locationTitle {font-size:14px;color:#d70000; margin:0px 0 0 10px; padding:20px 5px 5px 5px;}
.shoppingRight p.location {color:White; margin:0px 0 0 10px; padding:0 5px 2px 5px;}
/*.shoppingRight p.location.space{margin-bottom:54px;}*/
.shoppingRight p.notes {float:right; bottom:0px; position:absolute; line-height:15px; font-size:9px;color:#3a3a3a;margin:0; padding:10px 5px 10px 10px;}
.shoppingEvents { background:#0c0c0c url(/_repository/_static/_images/_events/shopping-events/Bg_News.jpg) no-repeat 0 0;min-height:400px;}
.shoppingEvents ul {padding:0;}
.shoppingEvents ul li { background:#0c0c0c url(/_repository/_static/_images/_events/shopping-events/Bg_TabNews.gif) repeat-x 0 0;min-width:530px;float:left;list-style: none;display: inline; height:33px; margin:1px 5px 2px 10px;  font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.shoppingEvents ul li:hover {text-decoration:none;}
.shoppingEvents ul li a {font-size:13px; height:30px; padding:5px 5px 2px; position:relative; bottom:-8px;}
.shoppingEvents ul li a.active {color:#d70000;}
.shoppingEvents ul li a:focus {text-decoration:none;}

/*===================================================================================
  VIRTUAL MIRROR
===================================================================================*/
.virtualMirrorContent { margin: 8px 0 5px 0;}
.virtualLeft {height:310px;background:#0c0c0c url(/_repository/_static/_images/_events/tech/Bg_contentText.jpg) no-repeat 0 0; margin-bottom: 5px;}
.virtualLeft h3{color:red;font-size:34px;margin: 10px; text-transform:uppercase; font-family: QuicksandLight, Helvetica, Arial, Verdana, Sans-Serif;}
.virtualLeft p{min-height:220px; margin:5px 10px 5px 10px; font-size:14px; line-height:25px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.virtualLeft img{float:right; display:inline; position:relative; bottom:5px; right:10px;}
.virtualRight {height:310px; background-color:#333333;font-family: QuicksandLight, Helvetica, Arial, Verdana, Sans-Serif; }
.virtualRight p{ color:#797979;font-size:9px; text-align: justify;line-height: 1em;  margin:5px 10px 5px 10px; font-family: Arial, Verdana,Helvetica, Sans-Serif;}

.disclaimer{font-size: 11px; background: #2c2c2c; border: 1px solid #797979; margin:10px; padding: 0 6px;height: 160px; overflow-y: scroll; color: #fff;text-transform: uppercase; font-family: Arial, Verdana,Helvetica, Sans-Serif;}

.disclaimerBtns {margin:10px 0 10px 140px;}
.disclaimerBtns ul {padding:0;text-align: center;}
.disclaimerBtns ul li {float:left;list-style: none;display: inline; height:30px; margin-top:6px; margin-right:5px;text-transform:uppercase;font-size:10px; font-family: Arial, Helvetica, Verdana, Sans-Serif; background:#141414 url(/_repository/_static/_images/_events/tech/image_menu.gif) bottom right no-repeat; _background: #000;}
.disclaimerBtns ul li:hover {background:#474747 url(/_repository/_static/_images/_events/tech/image_menu.png) bottom right no-repeat;_background: #333; text-decoration:none;}
.disclaimerBtns ul li a { height:30px; padding:5px 10px 2px; position:relative; bottom:-8px;}
.disclaimerBtns ul li a.active {color:#d70000;}
.disclaimerBtns ul li a:focus {text-decoration:none;}

/* ===================================================================================
   NEVERHIDE RAREFINDS
 =================================================================================== */
 
.rareFindsButtons{width:222px;float:left;margin:20px 10px 0 0;position:relative;}
.rareFindsButtons ul {padding:0;}
.rareFindsButtons ul li { background:#0c0c0c url(/_repository/_pages/_cutwater/images/rare-finds/Bg_Bottoni_1x55.gif) repeat-x 0 0;width:80px;float:left;list-style: none;display: inline; margin:1px 10px 10px 10px; padding:15px 81px 15px 81px;  font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.rareFindsButtons ul li span.link{ float:left; padding: 0 3px 0 0;  background: #fff;  color: #2b2b2b;  text-transform: uppercase;font-family: "TradeGothic", Helvetica, Arial, Sans-Serif;font-size: 14px;}
.rareFindsButtons ul li span.link a{padding: 1px 12px 2px 4px; background: transparent url(/_repository/_gui/2010/news_arrow.gif) no-repeat scroll 100% 50%;}
.rareFindsButtons ul li span.link a:hover{color: #d70000;background-image: url(/_repository/_gui/2010/news_arrow_over.gif);}
.rareFindsButtons ul li span.link.playdemo a{color:#2b2b2b;}

.rareFindsButtons ul li span.link.startnow{background:#009900; color:#ffffff;}
.rareFindsButtons ul li span.link.startnow a{ background: transparent url(/_repository/_pages/_cutwater/images/rare-finds/arrow_bianca.png) no-repeat scroll 100% 50%;}
.rareFindsButtons ul li span.link.startnow a:hover{color: #d70000;background-image: url(/_repository/_pages/_cutwater/images/rare-finds//arrow_red.png);}

.bigImg{ clear: both;float: left; position: relative; padding: 0;margin: 10px 0 0 0;height: 380px!important;overflow: hidden;}
.bigImg p.rareRight{padding-left:5px;}
.bigImg  p{float: left;position: relative; padding: 0; margin: 0;height: 380px!important;overflow: hidden;   }
.bigImg  p span{position: absolute;left: 10px; bottom: 20px;  background: transparent url(/_repository/_gui/2010/violators/badge.png) no-repeat scroll 0 40%;padding: 4px 10px 10px 10px;text-transform: uppercase;cursor: pointer;font-size: 16px;font-family: Arial,sans-serif;}
.bannerContainer  a, .bannerContainer  a:hover{color: #fff;display: block;}
.rareFindsLogo{display:inline; float:right;  margin:14px 10px 0px 0px;  position:relative; 	}	
.rareFindsArchive {margin-top:12px;background:#0c0c0c url(/_repository/_pages/_cutwater/images/rare-finds/Bg_Content.jpg) no-repeat right 0;}
.rareFindsArchive h3{color:#d70000;font-size:25px;margin: 10px; text-transform:uppercase; font-family: QuicksandLight, Helvetica, Arial, Verdana, Sans-Serif;}
.rareFindsArchive p { margin:5px 10px 0px 10px; font-size:14px; line-height:25px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.bgContent{min-height:370px;}
.thumbMark {background:#CCCCCC;width:136px;height:136px;margin-bottom:10px;}

.bannerContainer ul li.rareFindsArchive p { margin:5px 10px 0px 10px; font-size:14px; line-height:25px; text-align: justify;line-height: 22px; font-family: Helvetica, Arial, Verdana, Sans-Serif;}
.archive{height:330px;background:#0c0c0c url(/_repository/_pages/_cutwater/images/rare-finds/Bg_Gallery.gif) repeat-x right -5px; }
.archive .leftCol{width:450px;}
.archive .ytThumbs {width:450px;height:280px;overflow: hidden;margin:12px 10px;position:relative;  }
.archive .ytSlider {width:450px;height:7px;background:black;position:relative;}

 #plugin_dfusion {z-index: 20;} 
 #plugin_dfusion p {width: 626px; height: 470px!important; padding-top: 40%; font: normal 12px/20px  Arial,sans-serif, Helvetica; color: #ffffff;}

 #noticeContainer {z-index: 30; background: #383838; color: #fff; font: normal 14px/20px TradeGothic, Arial,sans-serif,  Helvetica; margin: 10px 0; text-transform: uppercase; display: none;}
 #noticeContainer H3 {margin:0; padding:10px 10px 0 10px; color:#fff;font-size: 16px; text-align: center;}
 #noticeContainer DIV.copy {padding: 6px 0 6px 10px; margin: 0; text-align: center;}
 #noticeContainer DIV.button {padding: 6px 0 0 0; text-align:center;cursor:pointer;}
 #noticeContainer DIV.button img {margin-top: 3px;}
 
 .adDownload {font-weight: normal; font-style:italic;}
 .adDownload a {color: #d70000; display:inline;}
 

/* ===================================================================================
   CARROUSEL
   =================================================================================== */
.emptyLi { display:none; } 

/* ===================================================================================
   ADD-THIS TOOLBOX
   =================================================================================== */

.at15t_twitter{margin-right:4px;}
div.atclear{*clear:right !important;} /*only for IE7*/
#at15s_head{color:Black;}
#at15ptc {font-weight:bold;}
.plusone
{
    float:right;
    margin-top:8px;
    position: relative;
    right: 20px;
    top: -40px;
    margin-bottom:-30px;
    }
    
#___plusone_0, #___plusone_1, #___plusone_2 {margin-right:4px !important;}

.addthis_button_custom
{
    background:#0c0c0c url(/_repository/_resources/_images/icons/addthis_custom.png) repeat-x right -5px; 
    }

