/*------------------------------ global -------------------------------------------*/

html {
	height: 					100%;
	overflow: 					hidden;
}

body {
	color: 						#cccccc;
	background-color: 			white;
	font-family: 				Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;
	text-align: 				center;
	font-size: 					10px;
	height: 					100%;
	background-color:                       #9D9F9E;
}

a {
	color: 						white;
	text-decoration: 			none;
}

a:hover {
	color: 						white;
	text-decoration: 			underline;
}

.clear{
	clear:						left;
}

#maxContainer{
	text-align:					left;
}

img {
    -ms-interpolation-mode: 	bicubic;
}

input, textarea, select{
	border:						1px solid #abafaf;
}

label{
    display:block;
    float:left;
    width:100px;
}

select{
    width:                                      150px;
}

h1{
    font-weight:                                bold;
    font-size:					1.4em;
}

h2{
    font-size:					1.2em;
    font-weight:                                normal;
    margin-bottom:                              5px;
}

/*------------------------------ fine global -------------------------------------------*/

/*----------------------------- home flash background -------------------------------*/

#flashUnder {
	left: 						0px;
	top: 						0px;
	width:						100%;
	height:						100%;
}
#flashUnder img, #supersize a{
	height:						100%;
	width:						100%;
	display:					none;
}

/*----------------------------- fine home flash background -------------------------------*/

/*----------------------------- html background -------------------------------*/

#supersize {
	left: 						0px;
	top: 						0px;
	width:						100%;
	height:						100%;
}
#supersize img, #supersize a{
	height:						100%;
	width:						100%;
	display:					none;
	cursor: 					default;
}
#supersize .activeslide, #supersize .activeslide img{
	display:					inline;
        position:                                       absolute;
        right:                                          0px;     
        bottom:                                         0px;
}

/*----------------------------- fine html background -------------------------------*/

/*------------------------------ header -------------------------------------------*/

#header{
	position:					absolute;
	top:						0px;
	left:						50%;
    margin-left:				-500px;
	z-index:					10;
	width:						1000px;
	height:						90px;
	background-color:			#707b7c;
}

#logo{
	float:						left;
	width:						250px;
	margin:						15px;
}

#menu{
	float:						left;
	font-family: 				Tahoma, Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:					1em;
	font-weight:				normal;
	margin-top:					5px;
	text-align:					right;
	width:						700px;
}

#menu #selectLanguage .notsel{
	color:						#fff;
	cursor:						pointer;
}

#menu .menuList ul{
	margin-top:					18px;
}

#menu .menuList ul li{
	float:						left;
	text-align:					right;
	margin:						5px 0px 0px 30px;
}

#menu .menuList ul li a{
	color:						#abafaf;
	font-size:					1.4em;
}

#menu .menuList ul li a:hover, #menu .menuList ul li a.sel{
	color:						#fff;
	text-decoration:			none;
}

/*------------------------------ fine header -------------------------------------------*/

/*------------------------------ home page -------------------------------------------*/

#bottomHome{
	position:					absolute;
	bottom:						0px;
	left:						50%;
	margin-left:				-500px;
	z-index:					8;
	width:						1000px;
	height:						30px;
	background-color:			#707b7c;
	text-align:					left;
	visibility:					hidden;
}

#bottomHome #news{
	height:						33px;
	background-color: 			#808a8b;
}

#bottomHome #news .newsBlock{
	float:						left;
	width:						100%;
	margin-left:				5px;
	border:						none;
}

#bottomHome #news .newsBlock img{
	float:						left;
        margin-top:5px;
}

#bottomHome #news .newsBlock .newsContent{
	width:						100%;
	/*margin:						10px 0px 0px 120px;*/
        padding:0px;
}

#bottomHome #news .newsBlock .newsContent a:hovered{
	text-decoration:			underline;
}

#bottomHome #news .newsBlock .newsContent h2 a{
	font-size:					1.0em;
	color:						#fff;
        float:                                          left;
        
        
}

#bottomHome #news .newsBlock .newsContent p{
	font-size:					1.2em;
	color:						#fff;
	margin:                                         10px 0px 0px 10px;
}


#bottomHome #footer{
	font-family: 				Tahoma, Helvetica, sans-serif;	
}

#bottomHome #footer a{
	color:						#ccc;
}

#bottomHome #footer #footerLeft{
	float:						left;
	width:						680px;
	margin:						5px 0px 0px 20px;
}

#bottomHome #footer #footerRight{
	float:						left;
	width:						280px;
	margin:						5px 0px 0px 0px;
	text-align: 				right;
}

/*------------------------------ fine home page -------------------------------------------*/

/*------------------------------ prodotti -------------------------------------------*/

.collectionButton{
	/*position:					absolute;
	display:					block;
	top:						0px;
	left:						0px;
	background-image:			url('../img/transparent.gif');
	cursor:						pointer;
	width:						33.3%;
	height:						100%;
	z-index:					6;*/
	float:						left;
	width:						24.8%;
	height:						100px;
	margin:						1px;
	background-color:			#707b7c;
	text-align:					left;
	overflow:					hidden;
	cursor:						pointer;
}

/*.collectionButton a{
	font-family: 				Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:					1.4em;
	line-height:				1.4em;
	color:						#abafaf;
	margin-left:				10px;
}*/

.collectionButton:hover{
	color:						#fff;
	text-decoration:			none;
	background-color:			#545454;
}

.collectionButton h1{
	font-family: 				Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:					3em;
	font-weight:				normal;
	text-align:					right;
	margin:						10px;
	color:						#fff;
}

.collectionButton .collectionContent{
	text-align:					left;
	margin:						20px 10px 0px 20px;
	display:					none;
}

.collectionButton .description{
	font-size:					0.8em;
	line-height:				1.2em;
}
.collectionButton .description p{
	font-size:					11px !important;
}

.collectionButton .collectionContent a{
	font-size:					1.2em;
	line-height:				1.4em;
}

#productBox{
	position:					absolute;
	top:						51%;
	left:						0;
	margin-top:					-130px;
	z-index:					12;
	width:						200px;
	height:						310px;
	background-color:			#707b7c;
	text-align:					right;
	padding:					10px 0px 0px 0px;
}

#productBox h1{
	font-family: 				Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:					3em;
	font-weight:				normal;
	color:						#fff;
        padding-right:                           10px;
}

#catalogueForm h1{
	font-family: 				Helvetica, Verdana, Geneva, Arial, sans-serif;
	font-size:					3em;
	font-weight:				normal;
	color:						#fff;
        padding:                                10px 0px 0px 10px;
}

#productBox h2{
	font-size:					1.2em;
	font-weight:				bold;
	font-family: 				Tahoma, Helvetica, sans-serif;
	margin-bottom:				5px;
        padding-right:                           10px;
}

#productBox p{
	font-size:					1.2em;
	font-weight:				normal;
	font-family: 				Tahoma, Helvetica, sans-serif;
        padding-right:                           10px;
}

#productBox p.designer{
	font-size:					1.2em;
	font-weight:				normal;
	font-family: 				Tahoma, Helvetica, sans-serif;
	margin:						35px 0px;
}

#productDetail{
	position:					absolute;
	top:						51%;
	left:						200px;
	margin-top:					-130px;
	width:						1600px;
	height:						305px;
	background-color:			#707b7c;
	z-index:					11;
	padding:					15px 50px 0px 50px;
}

#photoGallery{
	position:					absolute;
	top:						51%;
	left:						200px;
	margin-top:					-130px;
	width:						1600px;
	height:						305px;
	z-index:					11;
	padding:					15px 50px 0px 0px;
}

.galleryImages{

	height:						305px;
	background-color:			#707b7c;
	z-index:					11;
        padding:					15px 10px 0px 50px;
}

/*.galleryImages{
	position:					absolute;
	top:						51%;
	left:						200px;
	margin-top:					-130px;
	
	height:						305px;
	background-color:			#707b7c;
	z-index:					11;
	padding:					15px 10px 0px 50px;
}*/

#catalogueForm{
	position:					absolute;
	top:						51%;
	left:						50%;
	margin-top:					-130px;
        margin-left:					-250px;
	width:						598px;
	height:						318px;
	background-color:                               #707b7c;
	z-index:					12;
	padding:					0px;
        border:1px solid #fff;
}

#productDetail p{
	font-size:					1.3em;
	font-weight:				normal;
	text-align:					left;
	/*font-family: 				Tahoma, Helvetica, sans-serif;*/
}

#productBox .prevNext{
    position:                                   absolute;
    top:                                        290px;
    left:                                       0px;
}

/*------------------------------ fine prodotti -------------------------------------------*/

/*------------------------------ pagine statiche ---------------------------------------*/

#staticContent{
	position:					absolute;
	top:						90px;
	left:						50%;
    margin-left:				-500px;
	z-index:					10;
	width:						1000px;
	background-color:			#545454;
}

#staticContent.productsHome{
	background-color:			transparent;
	top:						50%;
	margin-top:					-178px;
    margin-left:				-500px;
    width:						1000px;
}

#staticContent p{
	font-family: 				Arial, Helvetica, sans-serif;
	line-height:				1.2em;
	font-size:					1.4em;
	font-weight:				normal;
	text-align:					left;
	padding:					20px;
}

#staticContent p b{
	color:						#fff;
	font-weight:				normal;
}

div.pager{
    text-align:					center;
    background-color:			#707B7C;
    padding:					10px 20px 10px 0px;
}

div.pager a{
    font-family: 				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					1.2em;
	font-weight:				bold;
	color:						#fff;
}

ul.pager li{
	display:					inline;
	margin:						3px;
}

ul.pager li a{
	font-family: 				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					1.2em;
	font-weight:				bold;
	color:						#575D5D;
}

ul.pager li a.sel{
	font-weight:				bold;
	color:						#fff;
}




table#contacts{
	float:						left;
	width:						600px;
	margin:						60px 20px 60px 60px;
	text-align:					left;
	font-family: 				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					1.2em;
	line-height:				1.6em;
}

/*table#contacts td{
	height:						26px;
	width:						20%;
	padding-left:				5%;
}*/

.submit{
	background-color:			#707b7c;
	color:						#abafaf;
}

.submit:hover{
	background-color:			#707b7c;
	color:						#fff;
}

#staticContent p.address{
	font-family: 				Tahoma, Arial, Helvetica, sans-serif;
	text-align:					left;
	font-size:					1.2em;
	line-height:				1.6em;
	margin-top:					40px;
}




/*------------------------------ fine pagine statiche ---------------------------------------*/

/*------------------------------ news ---------------------------------------*/

.newsBlock {
	border-bottom:				1px solid #707b7c;
}

.newsBlock .newsImage{
	float:						left;
	width:						140px;
}

.newsBlock .newsContent{
	float:						left;
	position:					relative;
	width:						820px;
	font-size: 					0.9em;
}

.newsBlock .newsContent p{
	font-size: 					1em;
}

.newsBlock .newsContent h2{
	margin:						20px 0px 0px 20px;
	font-size: 					1.4em;
	font-weight: 				bold;
	color:						#fff;
}

.newsBlock .newsContent h3{
	margin:						10px 0px 0px 20px;
	font-size: 					1.2em;
	font-weight: 				bold;
	color:						#3d363e;
}

/*------------------------------ fine news ---------------------------------------*/

/*----------------------------- scroll pane ------------------------------------------------*/

.jScrollPaneContainer {
	position: 					relative;
	overflow: 					hidden;
	height: 					420px; 
	width: 						1000px;
	z-index: 					20;
}

.jScrollPaneTrack {
	position: 					absolute;
	cursor: 					pointer;
	right: 						0;
	top: 						0;
	height: 					100%;
	background: 				#363535;
}
.jScrollPaneDrag {
	position: 					absolute;
	background: 				#242322;
	cursor: 					pointer;
	overflow: 					hidden;
	width: 						20px; 
	height: 					25px; 
	top: 						0px;
	background-image: 			url(../img/scrollBar.gif);
	background-repeat: 			no-repeat;
	background-position: 		48%;
}
.jScrollPaneDragTop {
	position: 					absolute;
	top: 						0;
	left: 						0;
	overflow: 					hidden;
}
.jScrollPaneDragBottom {
	position: 					absolute;
	bottom: 					0;
	left: 						0;
	overflow: 					hidden;
}
a.jScrollArrowUp {
	display: 					block;
	position: 					absolute;
	z-index: 					1;
	top: 						0;
	right: 						0;
	text-indent: 				-2000px;
	overflow: 					hidden;
	/*background-color: 			#666;*/
	height: 					9px;
}
a.jScrollArrowUp:hover {
	/*background-color: 			#f60;*/
}

a.jScrollArrowDown {
	display: 					block;
	position: 					absolute;
	z-index: 					1;
	bottom: 					0;
	right: 						0;
	text-indent: 				-2000px;
	overflow: 					hidden;
	/*background-color: 			#666;*/
	height: 					9px;
}
a.jScrollArrowDown:hover {
	/*background-color: 			#f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: 			#f00;*/
}


/*----------------------------- fine scroll pane ------------------------------------------------*/



/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


#siteMap{
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.4em;
    font-weight:normal;
    line-height:1.8em;
    padding:20px;
    text-align:left;
}
#siteMap li{
    background-color:#646464;
    margin:1px 0px ;
    padding-left:20px;
}
#siteMap ul{
    margin-left:20px;
}