/*=========================================

The Trade Group
copyright (c) 2007 The Trade Group
http://tradegroup.com

========================================*/


/* =IMPORTS
----------------------------------------*/
@import "headers.css";
@import "home.css";
@import "navigation.css";
@import "showroom.css";
@import "metalli.css";

/* =GLOBALS
----------------------------------------*/
* { margin: 0; padding: 0; }
html, body { width: 100%; height: 100%; }
body { background: #000; font: 9pt Arial, Helvetica, sans-serif; color: #333; }

a { color: #09F; }
a:hover { color: #000; text-decoration: none; cursor: pointer; }
a img { border: 0; }


/* =MASTHEAD
----------------------------------------*/
div.masthead { width: 850px; padding: 0 55px; height: 100px; position: relative; margin: 0 auto; background: url("../images/masthead_bg.jpg") 0 100% no-repeat; z-index: 1; }

div.masthead h1 { position: relative; top: 35px; float: right; width: 90px; height: 40px; background: url(../images/ttg_logo.gif) 0 0 no-repeat; margin-right: 30px; }
div.masthead h1 a { display: block; width: 76px; height: 32px; }
div.masthead h1 span { display: none; }

div.masthead p { position: relative; top: 31px; font-size: 11pt; font-weight: 100; float: left; width: 80%; z-index: 1; margin: 0; }
div.masthead p a { color: #FFF; text-decoration: none; }
div.masthead p a:hover { color: #FFF; text-decoration: underline; }


/* =CONTENT
----------------------------------------*/
div.content_wide { position: relative; width: 100%; margin: 1px 0; background: url(../images/ie6/content_wbg.gif) 0 0; }
div.content { position: relative; width: 850px; padding: 30px 55px; margin: 0 auto; background: url(../images/ie6/content_bg.jpg) 50% 0 repeat-y; }

div.artboard_white { position: relative; float: left; width: 864px; left: -4px; background: url(../images/artboard_tile_white.jpg) 0 0 repeat-y; }
div.artboard_white_foot { clear: both; position: relative; width: 864px; height: 55px; left: -4px; background: url(../images/artboard_foot_white.jpg) 0 0 no-repeat; }

div.col1,
div.col2,
div.col_wide { position: relative; float: left; width: 290px; padding: 10px 0; }
div.col1,
div.col_wide { left: 34px; }
div.col_wide { width: 600px; }

div.col2 { left: 64px; }
div.col1 p,
div.col2 p,
div.col_wide p { line-height: 1.5em; color: #666; }
div.col1 table tr td,
div.col2 table tr td { padding-bottom: 10px }

div.col_wide ul li,
div.col1 ul li,
div.col2 ul li { list-style-type: none; color: #666; line-height: 1.5em; }

.content_full { width: 100%; float: left; margin-left: 7px; margin-top: 20px; }
.content_full h3, .content_full p { margin-left: 28px; }

.content_full2 { width: 800px; float: left; padding: 40px; }

.pdf_list { display: block; margin-top: 45px; }
.pdf_list li { display: block; margin-left: 10px; }
.pdf_list li a { background: url(../images/pdf.gif) left no-repeat; display: block; padding-left: 15px; }

.size_wrapper { width: 100px; float: left; margin-right: 50px; }
.size_wrapper ul { list-style-position: outside; }
.size_wrapper ul li { font-size: 12px; }

/* =RIGHT BAR
----------------------------------------*/
div.artboard_white div.col3 { position: relative; float: right; margin-top: 1.5em; right: 34px; width: 130px; padding: 21px; background: url(../images/artboard_rb_white.gif) 0 100% no-repeat; }
div.artboard_white div.col3 ul { margin: 0; list-style: none; }
div.artboard_white div.col3 li { font-size: 7.5pt; font-weight: bold; }
div.artboard_white div.col3 li a { color: #999; text-decoration: none; }
div.artboard_white div.col3 li a:hover { color: #333; text-decoration: underline; }
div.artboard_white div.col3 li a.active { color: #333; text-decoration: none; background: url(../images/arrow_over.gif) right no-repeat; }
div.artboard_white div.col3 li a.active:hover { color: #333; font-weight: bolder; }
div.artboard_white div.col3 hr { margin: 1em 0; height: 0px; border: 0; border-top: 1px solid #ccc; line-height: normal; }
div.artboard_white div.col3 h3 { display: block; padding: 21px; margin: -21px; background: url(../images/artboard_rb_white.gif) 0 0 no-repeat; font-size: 10pt; color: #666; }
div.artboard_white div.col3 h2 { display: block; padding-top: 10px; margin: 0; font-size: 10pt; color: #666;}

ul.links { margin: 0; list-style: none; }
ul.links li { font-size: 7.5pt; font-weight: bold; }
ul.links li a { color: #999; text-decoration: none; background: url(../images/arrow.gif) right no-repeat; padding-right: 15px; width: 115px; display: block; }
ul.links li a:hover { color: #333; text-decoration: underline; background: url(../images/arrow_over.gif) right no-repeat; padding-right: 15px; }




/* =FOOTER
----------------------------------------*/
div.footer { width: 850px; padding: 0 55px; height: 100px; margin: 0 auto; background: url(../images/footer_bg.jpg) 0 0 no-repeat; z-index: 1; }

div.footer div.search { position: relative; top: 24px; float: left; width: 50%; font-size: 7.5pt; }
div.footer div.search input { font-size: 7.5pt; border: 0; color: #FFF; padding: 1px; margin-right: 1em; background: #333; border: 1px solid #666; }

div.footer div.copyright { position: relative; top: 24px; float: right; width: 50%; }
div.footer div.copyright ul { float: right; position: relative; }
div.footer div.copyright ul li { display: block; float: left; font-size: 7.5pt; color: #808080; margin-left: .5em; }

div.footer a { color: #808080; text-decoration: none; }
div.footer a:hover { color: #CCC; text-decoration: underline; }


/* =BLOCK LEVEL
----------------------------------------*/
h1 { position: relative; left: 34px; font-size: 13pt; margin: 0 0 .5em 0; }
h4 {font-size: 10pt; margin: 0 0 .5em 0;}
h5 { font-size: 8pt; margin: .5em 0 .2em 0; }
h3, h6, p { margin: 0 0 1em 0; }
h3 { font-weight: 900; font-size: 13pt; }

/* =MISC CLASSES
----------------------------------------*/
.clear { clear: both; }
.zindexLow { z-index: 1; }
.zindexLow ul li { color: #999; text-decoration: none; }
.zindexMedium { z-index: 2; }
.zindexHigh { z-index: 3; }
.blue { color: #006BFF;  }
.right { float: right; margin-left: 10px; margin-bottom: 10px; }
.left { float: left; margin-right: 10px; margin-bottom: 10px; }
.left_sml { float: left; margin-right: 5px; margin-bottom: 5px; }
.indent { margin-left: 125px; }
.indent_sml { margin-left: 75px; }

.list { margin: 0 0 2em 2em; list-style-type: disc !important; }
.list li { list-style-type: disc !important; list-style-position: outside; }

.alphabet { font-size: 18px; font-weight: bold; border-bottom: #0099FF 1px solid; }

.col1_locations { position: relative; float: left; width: 290px; padding: 10px 0; }
.col1_locations p { line-height: normal; }

.col2_exhibits { position: relative; float: left; width: 290px; padding: 10px 0; left: 55px; }

span.hide { display: none; }

.ftp_link a p { margin-top: -30px; margin-left: 60px; color: #0099FF; text-decoration: none; }
.ftp_link a:hover p { text-decoration: underline; }

div.content_full .sitemap { margin-left: 30px; }
div.content_full .sitemap li { display: inline; margin-right: .25em; }
div.content_full .sitemap li ul { margin-bottom: 1.5em; }
div.content_full .sitemap li ul li { font-size: 80%; }


/* =EXHIBIT CLASSES
----------------------------------------*/
div.small_exhib_container { float: left; position: relative; left: -3px; width: 600px; }
div.small_exhib { width: 213px; height: 122px; float: left; margin-left: 2px; margin-bottom: 35px;}
div.exhibitDiscription { width: 365px; padding: 0 10px; }
div.small_exhib a { display: block; width: 213px; height: 122px; }
div.small_exhib_1 { background: url(../images/exhibits/small_rentals_1.png) 0 0 no-repeat; }
div.small_exhib_2 { float: right; background: url(../images/exhibits/small_bysize_2.png) 0 0 no-repeat; }
div.small_exhib_3 { background: url(../images/exhibits/small_bytype_3.png) 0 0 no-repeat; }
div.small_exhib_4 { float: right; background: url(../images/exhibits/small_addons_4.png) 0 0 no-repeat; }

.exhibPar { width: 490px; float: left; padding-right: 10px; }
.exhibImg { width: 100px;  height: 100px; float: right; background-color: #f2f2f2; }
.block { margin-left: 2em; border-bottom: 1px solid; width: 580px; }
.blockExhibPar { width: 470px; float: left; padding-right: 10px; }
.col_wide,
.exhibPar,
.block ul li { list-style-type: georgian; list-style-position: inside;}

.exhibit_rental a { width: 290px; height: 200px; background: url(../images/exhibits/exhibit_rentals.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_rental a:hover { width: 290px; height: 200px; background: url(../images/exhibits/exhibit_rentals_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_rental a span { display: none; }
.exhibit_rental a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.exhibit_custom a { width: 290px; height: 200px; background: url(../images/exhibits/custom.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_custom a:hover { width: 290px; height: 200px; background: url(../images/exhibits/custom_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_custom a span { display: none; }
.exhibit_custom a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.exhibit_banner a { width: 290px; height: 200px; background: url(../images/exhibits/banner.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_banner a:hover { width: 290px; height: 200px; background: url(../images/exhibits/banner_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_banner a span { display: none; }
.exhibit_banner a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 70px; }

.exhibit_modular a { width: 290px; height: 200px; background: url(../images/exhibits/modular.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_modular a:hover { width: 290px; height: 200px; background: url(../images/exhibits/modular_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_modular a span { display: none; }
.exhibit_modular a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.exhibit_popups a { width: 290px; height: 200px; background: url(../images/exhibits/popups.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_popups a:hover { width: 290px; height: 200px; background: url(../images/exhibits/popups_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_popups a span { display: none; }
.exhibit_popups a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.exhibit_accessories a { width: 290px; height: 200px; background: url(../images/exhibits/accessories.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.exhibit_accessories a:hover { width: 290px; height: 200px; background: url(../images/exhibits/accessories_hov.jpg) top left no-repeat; float: left; display: block; }
.exhibit_accessories a span { display: none; }
.exhibit_accessories a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.modular_metalli a { width: 600px; height: 200px; background: url(../images/exhibits/metalli.jpg) top left no-repeat; float: left; display: block; }
.modular_metalli a:hover { width: 600px; height: 200px; background: url(../images/exhibits/metalli_hov.jpg) top left no-repeat; float: left; display: block; }
.modular_metalli a span { display: none; }
.modular_metalli a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 100px; }

.modular_strut a { width: 290px; height: 200px; background: url(../images/exhibits/struttura.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.modular_strut a:hover { width: 290px; height: 200px; background: url(../images/exhibits/struttura_hov.jpg) top left no-repeat; float: left; display: block; }
.modular_strut a span { display: none; }
.modular_strut a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 70px; }

.modular_truss a { width: 290px; height: 200px; background: url(../images/exhibits/truss.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.modular_truss a:hover { width: 290px; height: 200px; background: url(../images/exhibits/truss_hov.jpg) top left no-repeat; float: left; display: block; }
.modular_truss a span { display: none; }
.modular_truss a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 70px; }

.modular_panel a { width: 290px; height: 200px; background: url(../images/exhibits/panel_system.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.modular_panel a:hover { width: 290px; height: 200px; background: url(../images/exhibits/panel_system_hov.jpg) top left no-repeat; float: left; display: block; }
.modular_panel a span { display: none; }
.modular_panel a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 70px; }

.modular_tension a { width: 290px; height: 200px; background: url(../images/exhibits/tension_fabric.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.modular_tension a:hover { width: 290px; height: 200px; background: url(../images/exhibits/tension_fabric_hov.jpg) top left no-repeat; float: left; display: block; }
.modular_tension a span { display: none; }
.modular_tension a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 50px; }

.rental_corp a { width: 290px; height: 200px; background: url(../images/exhibits/corporate.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.rental_corp a:hover { width: 290px; height: 200px; background: url(../images/exhibits/corporate_hov.jpg) top left no-repeat; float: left; display: block; }
.rental_corp a span { display: none; }
.rental_corp a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 60px; }

.rental_program a { width: 290px; height: 200px; background: url(../images/exhibits/program.jpg) top left no-repeat; float: left; display: block; margin-bottom: 15px; }
.rental_program a:hover { width: 290px; height: 200px; background: url(../images/exhibits/program_hov.jpg) top left no-repeat; float: left; display: block; }
.rental_program a span { display: none; }
.rental_program a:hover span { display: block; color: #FFF; padding: 20px; margin-top: 70px; }



/* =METALLI PAGE / GALLERY
----------------------------------------*/
.productsWrapper { width: 850px; height: 495px; position: relative; top: 0; }

.productsWrapper .MetalliDefault { width: 850px; height: 495px; position: absolute; top: 0; background: Blue; }
.productsWrapper .argento { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/argento.jpg); }
.productsWrapper .compatto { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/compatto.jpg); }
.productsWrapper .ferro { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/ferro.jpg); }
.productsWrapper .hybrid { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/hybrid.jpg); }
.productsWrapper .nichelio { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/nichelio.jpg); }
.productsWrapper .oro { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/oro.jpg); }
.productsWrapper .ottone { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/ottone.jpg); }
.productsWrapper .platino { width: 850px; height: 495px; position: absolute; top: 0; background: #FFF url(../images/exhibits/platino.jpg); }

/*
.metalli_info { width: 290px; height: 200px; margin: 20px 0 0 20px; }
.metalli_info h3 { font-size: 14px; font-weight: bold; color: #666; }
.metalli_info p { font-size: 11px; color: #333; }

.buttons { float: left; margin: 200px 0 0 40px; }
.buttons ul { float: left; display: block; }
.buttons ul li { float: left; display: block; margin-left: 10px; }

.btn_view_more a { width: 153px; height: 26px; background: url(../images/exhibits/btn_view_more.jpg); display: block; }
.btn_view_more a:hover { width: 153px; height: 26px; background: url(../images/exhibits/btn_view_more_on.jpg); display: block; }

.btn_pdf_brochure a { width: 163px; height: 26px; background: url(../images/exhibits/btn_pdf_brochure.jpg); display: block; }
.btn_pdf_brochure a:hover { width: 163px; height: 26px; background: url(../images/exhibits/btn_pdf_brochure_on.jpg); display: block; }
*/