/* CSS Document */

body { margin: 0; padding: 0; width: 100%; font-family:Arial, Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 16px; color: #CCCCCC; }
img { border: 0; }
h1 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 16px; margin: 0; padding: 0; font-weight:bold; }
h2 { font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 10px 0 10px 0; font-weight:bold; }
h3 { margin: 0; padding: 5px 0 5px 0; }
h4 { margin: 0; padding: 5px 0 5px 0; font-size: 11px; font-weight:bold; }
#adminBar { background: url('/images/admin/bg.gif'); width: 100%; text-align:right; height: 44px; }$
#adminBar img { margin-top: 2px; margin-right:0; margin-left:0; }
/* General style */
#mainContainer { width: 906px; margin: 0 auto; }
#container_bg { width: 906px; background: url('/images/noleggi/bg_content.png') top center repeat-y; float: left; }
#container { width: 871px; margin: 0 0 0 17px; float: left; }
#header { width: 821px; padding: 0 25px 25px 25px; float: left; border-bottom: 0 !important; }
#header .normalTable { width: 100%; margin: 0; padding: 0; }
#header .normalTable td { margin: 0; padding: 0; }
#header #logo { width: 492px; }
#header #languages { width: 329px; margin-top: 35px; }
#header #languages ul { margin: 0; padding: 0; list-style: none; }
#header #languages ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#header #search { width: 159px; float: right; }
#header #search .searchBox { background: url('/images/noleggi/search_bg.gif') top left no-repeat; width: 136px; height: 18px; border: 0; padding: 4px 0 2px 5px; float: left; }
#header #search .searchButton { float: left; }
#headerImage { width: 100%; float: left; height: 230px; }

#content { width: 841px; padding-left: 30px; margin-top: 10px; float: left; }
#contentHome { width: 871px; float: left; min-height: 400px; background: url('/images/noleggi/loaderPage.gif') no-repeat middle center; }
#contentHome #compass { width: 386px; float: left; margin: 0; padding: 0; margin: 0 0 10px 30px; text-transform:capitalize; }
#col01_large { width: 100%; float: left; }
#col01_large #text { padding-top: 30px; }
#textLarge { padding-top: 30px; padding-left: 30px; padding-bottom: 30px; }
#submenu2 { width: 100px; float: left; padding: 25px 20px 20px 20px;  height: 491px; }
#submenu2 ul { width: 100%; margin: 32px 0 0 0; padding: 0; list-style: none; }
#submenu2 li { margin: 0; padding: 0; width: 100%; list-style: none; }
#text2 { width: 680px; float: left; padding: 40px 20px 20px 30px; border-left: 1px solid #414141; height: 486px; overflow:auto; }
#text2 .productList { width: 100% !important; }

#footer { width: 841px; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; border-top: 1px dotted #CCC; float: left; background: url('/images/noleggi/bg_footer.gif') no-repeat; }
#footer ul.col01 h2 { color: #009055; font-size: 14px; font-weight: lighter; }
#footer ul.col02 h2 { color: #009055; font-size: 14px; font-weight: lighter; }
#footer ul.col03 h2 { color: #009055; font-size: 14px; font-weight: lighter; }
#footer ul { width: 250px; margin: 0; padding: 0; margin-right: 10px; float: left; list-style: none; }
#footer li { width: 100%; margin: 0; padding: 0; list-style: none; float: left; clear:both; }
#footer a { color: #FFF !important; }

#container_bottom { height: 43px; width: 906px; margin: 0 auto; background: url('/images/noleggi/bg_content_bottom.png') top center no-repeat; float: left; }


#submenu { width: 100px; float: left; padding: 25px 20px 20px 20px;  height: 491px; background:url('/images/noleggi/bg_text.png'); }
#submenu ul { width: 100%; margin: 32px 0 0 0; padding: 0; list-style: none; }
#submenu li { margin: 0; padding: 0; width: 100%; list-style: none; }
#submenu .sublink, #submenu2 .sublink { padding: 0;margin: 0 0 0 10px !important; list-style: none; }
#text { width: 295px; float: left; padding: 40px 20px 20px 30px; border-left: 1px solid #414141; height: 486px; background:url('/images/noleggi/bg_text.png'); overflow: auto; }

/* Products style */
.productList { width: 708px; float: left; margin: 0; padding: 0; list-style: none; }
.productList li { width: 190px; height: 180px; float: left; margin: 0 10px 20px 0; padding: 0 10px 0 10px; text-align:center; border-left: 5px solid #666; border-right: 1px dotted #666; }

.productList li img { width: 190px; height: 160px; float: left; }
.productList li a { text-decoration: none !important; float: left; color:#b5b5b5 !important; }
.productList li a:hover { text-decoration: none !important; float: left; color:#b5b5b5 !important; }
.productList .image { height: 165px; float: left; width: 100%; }
.productList .desc { color:#1f1f1f; text-align: left; float: left; height: 15px; text-decoration: none !important; }

.menuProductLeft { text-transform:capitalize; margin: 0 0 0 30px; padding: 0; float: left; list-style: none; width: 120px; }
.menuProductLeft ul { margin: 0; padding: 0; float: left; list-style: none; width: 100%; }
.menuProductLeft li { margin: 0; padding: 0; width: 100%;list-style: none; float: left; border-right: 3px solid #FFF; }
.menuProductLeft li a { color:#FFF !Important; text-decoration: none; }
.menuProductLeft li a:hover { color:#FFF !Important; text-decoration: none; }

#noleggi_eventi .menuProductLeft li:hover { border-right: 3px solid #2bbb73; }
#noleggi_industria .menuProductLeft li:hover { border-right: 3px solid #3d69ac; }
#noleggi_maneggi .menuProductLeft li:hover { border-right: 3px solid #cf9525; }
#noleggi_accessori .menuProductLeft li:hover { border-right: 3px solid #fc8c37; }

.prodDetailImg { width: 370px; padding: 0; }
.prodDetailImg img { width: 369px; }
.prodContent { width: 816px; padding: 0 30px 0 30px; float: left; padding-top: 20px; }
.prodContent ul { float: left; width: 100%; padding-left: 13px; margin: 0 0 12px 0; }
.prodContent li { list-style-image: url('/images/dot.gif'); }
.prodContent h1 { padding-bottom: 10px; }
.prodContent .col01 { width: 426px; float: left; padding-right: 20px; }
.prodContent .col02 { width: 370px; float: left; margin-top: -40px; }
.prodContent .pdfDownload { margin-top: 10px; }
.prodContent .pdfDownload, .prodContent .infoContact { width: 100%; clear:both; float: left; margin-bottom: 6px; }
.prodContent .otherProd { width: 100%; clear:both; float: left; margin-top: 20px; }
.prodContent .pdfDownload img, .prodContent .infoContact img { margin-bottom: -2px; }
.prodContent .otherProd h2 { padding-bottom: 10px; padding-top: 0; }
.prodContent .otherProd ul { width: 100%; float: left; margin: 0; padding: 0; list-style: none; }
.prodContent .otherProd ul li {width: 100%; float: left; margin: 0; padding: 0 0 6px 0;  list-style: none; }
.prodContent #prodMiniImages { width: 360px; float: left; background: #333; height: 60px; margin: 3px 0 0 0; padding: 0; padding-left: 9px; }
.prodContent #prodMiniImages li { padding: 0 6px 0 0; margin: 0; float: left; list-style: none; opacity:0.5;filter:alpha(opacity=50); }
.prodContent #prodMiniImages li:hover { opacity:0.99;filter:alpha(opacity=99); }
.prodDetailImg #prodMiniImages img { margin: 5px 0 0 0; float: left; }
.productTable,.productTableFirst { width: 100%; }
.productTable td { text-align: center; }
.productTableFirst { border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCC; }
.productTableFirst td { text-align: left; padding: 0 10px 0 0; margin: 0; width: 128px; }
.productTableFirst .last { text-align: left; padding: 0; margin: 0; width: 152px; }
/* */
.prodContent .productTableFirst ul { float: left; width: 100%; padding-left: 13px; margin: 0; }
.prodContent .productTableFirst li { list-style-image: url('/images/dot.gif'); }

/* Tende-online style */
#noleggi { background: #000 url('/images/noleggi/bg_wave.gif') top center no-repeat !important; }
#noleggi h1, #noleggi h2 { color: #006633; }
#noleggi a { color: #b5b5b5; }
#noleggi a:hover { color: #b5b5b5; text-decoration: none; }
#noleggi .list { width: 100%; margin: 0; padding: 0; border: 0; }
#noleggi .list td { margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; padding: 10px 0; min-height: 128px; }
#noleggi .list .first { width: 100%; padding-left: 30px; }
#noleggi .list .title01 { color: #026635; }
#noleggi .list .title02 { color: #01329b; }
#noleggi .list .title03 { color: #6c451e; }
#noleggi .list .title04 { color: #cc6602; }
#noleggi .list .text01 a, #noleggi .list .text02 a, #noleggi .list .text03 a, #noleggi .list .text04 a { text-decoration: none !important; color: #1f1f1f; }
#noleggi .list .text01 a:hover { color: #026635; text-decoration: none; }
#noleggi .list .text02 a:hover { color: #01329b; text-decoration: none; }
#noleggi .list .text03 a:hover { color: #6c451e; text-decoration: none; }
#noleggi .list .text04 a:hover { color: #cc6602; text-decoration: none; }
#noleggi #menu { width: 100%; float: left; }
#noleggi #menu ul { width: 100%; margin: 0; padding: 0; list-style: none; float: left; background: url('/images/noleggi/menu_bg.gif') repeat-x; float: left; }
#noleggi #menu ul li.first a { padding-left: 30px; }
#noleggi #menu ul li { margin: 0; padding: 0; list-style: none; display:inline; height: 39px; float: left; }
#noleggi #menu ul li a { font-family:Arial, Helvetica, sans-serif; font-size: 14px; color:#FFF; text-decoration: none; padding: 8px 10px 5px 10px; border-right: 1px solid #666666; display: block; margin-top: 5px; display: block; }
#noleggi #menu ul li:hover { background: url('/images/noleggi/menu_bg_sel.gif') repeat-x; }
/* sub menu drop down */
#noleggi #menu ul li ul { width: 150px; margin: 0; padding: 0; list-style: none; float: left; background: url('/images/bg_submenu.png') top left; position: absolute; display: none; margin-top: 5px; z-index: 7777; }
#noleggi #menu ul li ul li { width: 150px; margin: 0; padding: 5px 0 5px 0; list-style: none; float: left; clear: both; background: url('/images/bg_submenu.png') top left; border-bottom: 1px solid #CCC; height: 20px; }
#noleggi #menu ul li:hover ul { display: block; }
#noleggi #menu ul li:hover ul, li.over ul { display: block; }
#noleggi #menu ul li ul li a { font-size: 11px; padding: 2px 0 1px 10px; display: block; display: block; color:#666; text-decoration: none; border-right: 0; margin: 0; }
#noleggi #menu ul li ul li a:hover { text-decoration: none; color: #1f1f1f; }
#noleggi #menu ul li ul li:hover { background: url('/images/noleggi/menu_bg.gif') repeat-x; color: #1f1f1f; }

/*slideshow */
#intro { width: 100%; text-align: center; display:none; position:absolute; top: 0; left: 0; z-index: 2; }
#introBox { background: url('/images/loaderBg.png') no-repeat; padding: 20px 15px; width: 210px; color:#666; margin: 0 auto; margin-top: 25%; min-height: 80px; }
#contentImage { width: 871px; float: left; height: 546px; background: url('/images/loader.gif') no-repeat middle center; }
/* BG Trick */
#bg1.bg,#bg2.bg,#bg3.bg,#bg4.bg,#bg5.bg,#bg6.bg,#bg7.bg,#bg8.bg,#bg9.bg,#bg10.bg,#bg11.bg,#bg12.bg { position: absolute; z-index: 0; }
/* bottomImageNav */
#bottomImageNav { width: 871px; margin-top: -57px; float: left; }
#bottomImageNavContainer { position:absolute; z-index: 1; }
#bottomImageNavContainer .left_arrow { width: 22px; float: left; }
#bottomImageNavContainer .contentImageNav { width: 826px; float: left; background-color:#000; filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }
#bottomImageNavContainer .contentImageNav ul { width: 826px; float: left; display: inline; margin: 0; padding: 0; }
#bottomImageNavContainer .contentImageNav li { text-transform: uppercase; margin: 0; display: inline; float: left; padding: 5px 10px 5px 10px; }
#bottomImageNavContainer .contentImageNav li.unsel img {border: 5px solid transparent; }
#bottomImageNavContainer .contentImageNav li.sel img { border: 5px solid #FFF; }
/*hover trick */
#bottomImageNavContainer .contentImageNav li:hover img { border: 5px solid #FFF; }
#bottomImageNavContainer .right_arrow { width: 23px; float: left; }

/* Form */
fieldset { width: 45%; float: left; margin-right: 2%; border: 1px solid #333; color: #333; }
label { color: #FFF !important; }
#col01_large input, #col01_large textarea, #col01_large select { border: 1px solid #333; background-color: #4F4F4F; color:#FFF; width: 95%; }
#col01_large .submit { width: 100px !important; }

/* Gallery */
/* admin gallery form */
#adminCategoryAdd { width: 100%; float: left; border: 1px solid #333; background-color:#666; }
#adminCategoryAdd input, #adminCategoryAdd select { background-color:#FFF; color:#000; }
#adminCategoryAdd .adminInput { width: 300px; }
#adminPhotoAdd { width: 100%; float: left; border: 1px solid #333; background-color:#666; }
#adminPhotoAdd input, #adminPhotoAdd select { background-color:#FFF; color:#000; }
#adminPhotoAdd .adminInput { width: 300px; }

/* gallery list */
.galleryList { margin: 0; padding: 0; width: 100%; float: left; list-style:none; }
.galleryList li { margin: 0; padding: 0; width: 100px; float: left; list-style:none; text-align:center; height: 140px; }
.galleryList li img { border: 5px solid #FFFFFF; clear: both; height: 80px !important; float: left; }
.galleryList li img:hover { border: 5px solid #CCCCCC; }
.galleryList li a { width: 100%; clear: both; text-align:center; }
.galleryTextList { margin: 0 !important; }

/* tables */
#aaa thead th, #aaa tfoot th, #aaa tfoot td {
background-color: #333;
font-size:0.8em;
}
#aaa th {
text-align:left;
text-transform:uppercase;
}
#aaa th, #aaa td {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
padding:0.6em;
vertical-align:4px;
}
#aaa tbody tr:hover td, #aaa tbody tr:hover th {
background-color: #666;
}
#aaa tr.odd td, #aaa tr.odd th {
background-color:#000;
}
#aaa tbody th, #aaa td {
background-color:#000;
}
#aaa tbody th {
background:transparent url(http://www.clacksweb.org.uk/images/bullet_vacancy.gif) no-repeat scroll 6px 0.8em;
padding-left:24px;
}
#aaa th {
text-align:center;
text-transform:uppercase;
}
#aaa th, #aaa td {
border-bottom:1px solid #666666;
border-top:1px solid #666666;
padding:0.6em;
vertical-align:4px;
}
#underFooter { display: none; width: 100%; float: left; }