/*
	General Stylesheet for layout and typography

	Site: Casaterra.it
	Initial Build: 04.2009
	Author: Francesco Prosperi - | blank |	 www.loveblank.com
*/

/* -------------------------------------------------------------------- RESET */


body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#fff;
	background:url(../img/stripe11.png) fixed;
}

*:focus {
	outline:none;
}

/* -------------------------------------------------------------------- MAIN & GLOBAL*/

div#main {
	width:800px;
	height:auto;
	margin:0 auto;
}

div#langSel {
	height:40px;
	width:100%;
	text-align:right;
	color:#000000;
}

img.boldTitle {
	margin:28px 0 6px 0px;
	float:left;
}

img.boldTitleProd {
	margin:28px 0 6px 0px;
	float:left;
	cursor:pointer;
}

div.dottedLine {
	height:2px;
	width:100%;
	clear:both;
	background:url(../img/dot.gif) repeat-x;
}

div.dottedLineNews {
	height:2px;
	width:100%;
	clear:both;
	margin-bottom:16px;
	background:url(../img/dot.gif) repeat-x;
}

div.dottedLineRetail {
	height:2px;
	width:646px;
	float:left;
	margin-bottom:16px;
	background:url(../img/dot.gif) repeat-x;
}

div#footer {
	color:#999;
	letter-spacing:3px;
	font-size:9px;
	text-align:center;
	font-weight:bold;
	padding:5px 0 10px 0;
}

	div#footer a:link, div#footer a:visited {
		color:#999;
		text-decoration:none;
	}

	div#footer a:hover, div#footer a:active {
		color:#000;
		text-decoration:none;
	}

img.loader {
	float:left;
	margin:28px 0 0 5px;
	display:none;
}

/* -------------------------------------------------------------------- TOP & NEWS */

div#top {
	margin-top:32px;
}

div#logo {
	position:relative;
	width:800px;
	height:205px;
	background:url(../img/head_new.png) no-repeat;
}

div#ml {
	position:relative;
	float:right;
	top:67px;
	right:15px;
	width:200px;
	text-align:right;
}

	div#ml input {
		border:0;
		height:14px;
		background:#000;
		width:140px;
		font-size:12px;
		color:#fff;
		padding:0 1px;
		margin:0 2px 0 0;
		vertical-align:top;
	}

	div#ml input.v {
		background:url(../img/submit.gif) no-repeat center #000;
		width:14px;
		height:14px;
		border:0;
		margin:0;
		cursor:pointer;
	}

	div#ml input.v-off {
		background:url(../img/submit-off.gif) no-repeat center #a1a1a2;
		width:14px;
		height:14px;
		border:0;
		margin:0;
		cursor:default;
	}
		
	div#sendStatus {
		margin-top:2px;
		position:relative;
		float:right;
		width:200px;
		color:#555;
		font-size:10px;
		text-align:right;
		line-height:10px;
	}

div#top_body {
	background:#96bf0d;
	height:271px;
	width:770px;
	padding:0 15px;
}

div#boxTop {
	background:#FFF;
	width:100%;
	height:168px;
	margin:18px 0;
	border:1px solid #fff;
	overflow:hidden;
	position:relative;
}

div#boxTopInside {
	position:absolute;
}

img.topImg {
	border:0;
	vertical-align:top;
}

div#news {
	margin-top:2px;
}

div#news_body {
	background:#0a3333;
	height:405px;
	width:760px;
	padding:0 20px;
}

	div#news span.typeface-js {
		font-family:HelveticaNeue, Arial, sans-serif;
		font-size:20px;
		display:block;
		margin-top:6px;
		width:735px;
	}

	
	div#news a.weblink:link, div#news a.weblink:visited {
/*		background-image:url(../img/link_icon.gif);
		background-position:0 5px; */
	}

	div#news a.pdf:link, div#news a.pdf:visited {
		background-image:url(../img/pdf_icon.gif);
		background-position:0 4px;
	}
	
	div#news a:link, div#news a:visited {
		display:block;
		float:left;
		color:#fff;
		text-decoration:none;
		background-repeat:no-repeat;
		width:735px;
	}
		
	div#news a:hover, div#news a:active {
		background-color:#001f20;
	}

/* -------------------------------------------------------------------- PANNELLI GLOBALI */

div.panel {
	position:relative;
	margin-top:2px;
}

div.over {
	position:absolute;
	left:0;
	z-index:1;
}

div.under {
	position:relative;
	margin-left:190px;
	height:692px;
	width:600px;
	z-index:0;
}

div.underBody {
	height:672px;
	padding:0 25px;
	width:550px;
}

div.panelLeft {
	float:left;
	height:708px;
	width:676px;
	overflow:hidden;
}

div.panel_inside {
	padding:0px 10px 10px 20px;
}

div.panelRight {
	float:left;
	height:708px;
	width:124px;
}

	div.backToTop {
		height:74px;
		position:relative;
		vertical-align:bottom;
	}

	div.backToTopRetail {
		height:74px;
		position:absolute;
		vertical-align:bottom;
		background-color:#CBBB9D;
		width:124px;
		right:2px;
		top:2px;
	}

		div.backToTop img, div.backToTopRetail img {
			border:0;
			margin-top:59px;
		}

	div.panelRight div.stonda {
		height:483px;
	}

div.selector {
	list-style:none;
	margin:20px 0 0 0;
	padding:0;
	font-family:HelveticaNeue, Arial, sans-serif;
	font-size:30px;
	letter-spacing:-1px;
}

	div.selector span {
		display:block;
		width:100%;
		padding:0px 0 1px 0;
		margin-bottom:1px;
		line-height:24px;
		height:24px;
	}

div.imgBox {
	background:#FFF;
	margin-top:58px;
	float:right;
	width:355px;
	height:556px;
	overflow:hidden;
	position:relative;
	border:1px solid #fff;
}

div.boxPanel {
	top:0;
	position:absolute;
	text-align:center;
}
	
/* -------------------------------------------------------------------- PANNELLI SINGOLI */

div#tessuti_body {
	background:#e41770;
	height:688px;
	width:100%;
}

div#underTessuti_body {
	background:#8e0e46;
}

	div#tessuti span:hover {
		cursor:pointer;
		background-color:#8e0e46;
	}
	
	div#tessuti span.textover {
		background-color:#ac1254;
	}

div#cucina_body {
	background:#786854;
	height:688px;
	width:100%;
}

div#underCucina_body {
	background:#544238;
}

	div#cucina span:hover {
		cursor:pointer;
		background-color:#544238;
	}
	
	div#cucina span.textover {
		background-color:#635147;
	}


div#garden_body {
	background:#a2c309;
	height:688px;
	width:100%;
}

div#underGarden_body {
	background:#638225;
}

	div#garden span:hover {
		cursor:pointer;
		background-color:#638225;
	}

	div#garden span.textover {
		background-color:#7ea232;
	}
	
div#decor_body {
	background:#66b8dc;
	height:688px;
	width:100%;
}

div#underDecor_body {
	background:#0e71b4;
}

	div#decor span:hover {
		cursor:pointer;
		background-color:#0e71b4;
	}

	div#decor span.textover {
		background-color:#378cc6;
	}

div#retail_body {
	background:#cbbb9d;
	height:710px;
	width:780px;
	padding:0 0 0 20px;
}

div#retail_body a {
	color:#000;
	text-decoration:none;
}

	div#retail_body span.typeface-js {
		font-family:HelveticaNeue, Arial, sans-serif;
		font-size:12px;
		color:#000;
		float:left;
	}

div#slideshow {
	border:1px solid #fff;
	margin-bottom:7px;
    width: 760px;
    height: 506px;
    overflow: hidden;
    position: relative;
	clear:both;
}

#slideshow img {
	position: absolute;
	left: 0px;
	top: 0px;
	width:760px;
	height:506px;
	border:0;
}

img.mapPic {
	border:1px solid #000;
	float:right;
}

/* -------------------------------------------------------------------- MENU */

ul#menu {
	list-style:none;
	margin:0;
	padding:0;
	height:41px;
}

	ul#menu li {
		display:block;
		float:left;
		width:105px;
		margin-right:2px;
		height:41px;
	}
	
	ul#menu li.menuRight {
		float:right;
		margin:0;
	}
	
		ul#menu li span.button {
			display:block;
			height:38px;
			width:105px;
			text-align:center;
			cursor:pointer;
		}
		
			ul#menu li span#tessutiBtn {
				background:url(../img/tit_1.gif) bottom center no-repeat #e3126f;		
			}
			
			ul#menu li span#cucinaBtn {
				background:url(../img/tit_2.gif) bottom center no-repeat #786855
			}

			ul#menu li span#gardenBtn {
				background:url(../img/tit_3.gif) bottom center no-repeat #97bf0e;
			}

			ul#menu li span#decorBtn {
				background:url(../img/tit_4.gif) bottom center no-repeat #66b8dc;
			}

			ul#menu li span#retailsBtn {
				background:url(../img/tit_5.gif) bottom center no-repeat #cbbb9d;
			}

			ul#menu li span#eshopBtn {
				background:url(../img/tit_6.gif) bottom center no-repeat #e0081c;
			}
						
		ul#menu li img.bottom {
			vertical-align:top;
			height:3px;
			width:105px;
		}