/* CSS Document */

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                         GENERICI: |
                                                                                   |
--------------------------------------------------------------------------------- */


html, body{
	background: #fff url(../images/background.gif) no-repeat center top;
	margin: 0px;
	padding: 0px;
	font-family: arial;
	line-height: 14px;
	text-decoration: none;
	color: #000;
	font-size: 10px;
	height: 100%;
}

textarea {
	font-family: arial;
	line-height: 14px;
	text-decoration: none;
	color: #333;
	font-size: 10px;
}

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #333; }

ol, ul {
	list-style: disc;
	margin-left: 15px;
}

.textGrey { color: #333; }

.textRed { color: #cc0000; }

.textBigger { font-size: 12px; }

.textCenter { text-align: center; }

.bold { font-weight: bold; }

.alignDx { text-align: right; }

.rightCorner {
	position: absolute;
	bottom: -5px;
	right: 15px;
}

.error {
	margin-left: 10px;
}

.inputText {
	font-family: arial;
	font-size: 10px;
	border: 1px solid #ccc;
	background: #efefef;
	color: #555;
	padding: 2px;
}

.inputText:focus {
	color: #000;
	border: 1px solid #baaaaa;
	background: #fff;
}

.inputFieldBackSx{
	width: 8px;
	height: 33px;
	background: url(../images/inputFieldBackSx.png) no-repeat center top;
	float:left;
}

.inputFieldBackDx{
	width: 8px;
	height: 33px;
	background: url(../images/inputFieldBackDx.png) no-repeat center center;
	float:left;
}



/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           LAYOUT: |
                                                                                   |
--------------------------------------------------------------------------------- */


#container {
	width: 946px;
	position:absolute;
	left:50%;
	margin-left: -473px;
}

#header {
	width: 946px;
	height: 48px;
	margin-left: 15px;
}

#colonnaSx {
	width: 691px;
	float: left;
	margin: 0 0 0 -6px;
}

#colonnaDx {
	width: 220px;
	float: left;
	margin: 5px 0 0 20px;
}

#footer {
	margin-left: 15px;
	width: 946px;
	height: 44px;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           HEADER: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*hack4fixPng - bg-img is by default resized to fit the container: workaround for repeat-x&y*/
#headerInt {
	width: 914px;
	height: 44px;
	background-image: url(../images/backHeader.png);
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#flashHeaderLogoOff {
	position: relative; 
	z-index: 10;
	padding: 4px 0 0 18px;
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#flashHeaderLogoOn {
	position: relative; 
	z-index: 10;
	padding: 4px 0 0 18px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           FOOTER: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*hack4fixPng - bg-img is by default resized to fit the container: workaround for repeat-x&y*/
#footerInt {
	width: 914px;
	height: 48px;
	background: url(../images/backFooter.png) no-repeat;
	padding-right: 24px;
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
.footerLinks {
	position: relative; 
	z-index: 10;
	color: #999;
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#footerContent {
	position: relative; 
	z-index: 10;
	width: 880px;
	float: left;
	padding: 15px 0 0 15px;
}

.footerContentDx {
	width: 130px;
	float: left;
	padding: 11px 0 0 40px;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                        SLIDESHOW: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#slideshow{
	position: relative; 
	z-index: 10;
	width: 653px;
	height: 379px;
}

#flashSlideshow{
	width: 653px;
	height: 379px;
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#slideShowCollezioni{
	position: relative; 
	z-index: 10;
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSY{
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSYJ{
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSYJunior{
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSYBebi{
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSYTest{
	width: 653px;
	height: 591px;
}

#flashSlideshowCollezioniSYBeams{
	width: 653px;
	height: 591px;
}


/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#slideshowVideo{
	position: relative; 
	z-index: 10;
	width: 653px;
	height: 403px;
}

#flashVideo{
	width: 691px;
	height: 403px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                               SLIDESHOW SHOWCASE: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#slideShowCollezioni{
	position: relative; 
	z-index: 10;
	width: 653px;
	height: 591px;
}

#flashSlideshowShowcase{
	width: 653px;
	height: 545px;
}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#flashSlideshowShowcaseA {
	z-index: 10;
	margin: 0px 0 0 24px;
	padding: 2px 4px 0 12px;
	width: 651px;
	height: 44px;
	background: transparent url(../images/backContentSxTop.png) repeat-y 0 top;
}
#flashSlideshowShowcaseAInt {
	position: relative;
	z-index: 10;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                  CLICCA IL CUORE: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#cliccailcuore{
	position: relative; 
	z-index: 10;
	width: 691px;
	height: 505px;
}

#flashCliccailcuore{
	width: 691px;
	height: 505px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                       COLLECTION: |
                                                                                   |
--------------------------------------------------------------------------------- */


#collection {
	margin: 0px 0 0 24px;
	padding: 2px 4px 0 10px;
	width: 653px;
	height: 1%; /*ie holly hack*/
	background: transparent url(../images/backContentSxTop.png) repeat-y 0 top;

}

/*hack4fixPng - position and z-index: prevent the fixPng bug for click and href*/
#collezioniFlash {
	position: relative;
	z-index: 10;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                         SHOWCASE: |
                                                                                   |
--------------------------------------------------------------------------------- */


#showcase {
	width: 653px;
	margin: 0 0 0 24px;
	padding: 4px 4px 0 10px;
	height: 1%; /*ie holly hack*/
	background: transparent url(../images/backContentSxTop.png) repeat-y 0 top;
}

#showcaseSx {
	position: relative; 
	z-index: 10;

	width: 327px;
	height: 200px;
	float: left;
}

#showcaseDx {
	position: relative; 
	z-index: 10;

	width: 48%;
	float: left;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                        COMMUNITY: |
                                                                                   |
--------------------------------------------------------------------------------- */


#community {
	width: 653px;
	margin: 0 0 0 24px;
	padding: 4px 4px 0 10px;
	height: 1%; /*ie holly hack*/
	background: transparent url(../images/backContentSxTop.png) repeat-y 0 top;

}

#communitySx {
	position: relative; 
	z-index: 10;

	width: 50%;
	float: left;
}

#communityDx {
	position: relative; 
	z-index: 10;

	width: 48%;
	float: left;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                COLONNASX CLOSING: |
                                                                                   |
--------------------------------------------------------------------------------- */


#colonnaSxClosing{
	width: 653px;
	height: 22px;
	margin: 0 0 0 24px;
	padding: 4px 4px 0 10px;
	background: transparent url(../images/backContentSxBottom.png) no-repeat 0 top;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                           SEARCH: |
                                                                                   |
--------------------------------------------------------------------------------- */


#search{
	margin-top: 34px;
	margin-bottom: 10px;
}

#searchInput{
	float:left;
	width: 172px;
	height: 34px;
	background: transparent url(../images/inputFieldBack.png) repeat-x center center;
}

.searchInput{
	float:left;
	width: 172px;
	margin-top: 8px;
}

#flags{
	margin-left: 169px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                             NEWS: |
                                                                                   |
--------------------------------------------------------------------------------- */


#news{
	margin-bottom: 35px;
}

.newsSingle{
	position: relative;
}

.newsSingleInternal
{
	position: relative;
	width: 370px;
	height: 15px;
}

.alignDxLinksNews{
	position: absolute;
	right: 8px;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                       NEWSLETTER: |
                                                                                   |
--------------------------------------------------------------------------------- */


#newsletter{ margin-bottom: 10px; }

.divNewsletter{
	float:left;
	width: 172px;
	height: 34px;
	background: transparent url(../images/inputFieldBack.png) repeat-x center center;
}

.alignDxLinksIscrivimi{ margin-left: 165px; }

.newsletterInput{
	width: 172px;
	margin-top: 8px;
}

#subscribe {
	background: #fff url(../images/newsletterBackground.gif) no-repeat right bottom;
}

.buttonIscrivimi{
	margin-left: 307px;
}

.iscrivimiButt {
	margin-left: 325px;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                            ECARD: |
                                                                                   |
--------------------------------------------------------------------------------- */


/*----------------------------------------------------------------------- column */


#ecard{
	margin-bottom: 15px;
}

.alignDxLinksEcard{
	margin-left: 116px;
}


/*----------------------------------------------------------------------- content */

#ecardSlideshow{
	width: 695px;
	height: 1%;
	background: transparent url(../images/backgroundTop3.png) no-repeat 0 top;
	margin: 0 0 0 7px;
}

#ecardSlideshowInt{
	position: relative; 
	z-index: 10;
	width: 645px;
	margin-left: 33px;
	padding-top: 28px;
}

#ecardModal{
	width: 600px;
}

.ecardInput{
	width: 172px;
	margin-top: 8px;
}

.ecardMessageInput{
	width: 359px;
	margin-top: 8px;
}

.inviaButtEcard {
	margin-left: 500px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                            VIDEO: |
                                                                                   |
--------------------------------------------------------------------------------- */


.alignDxLinksVideo{
	margin-left: 94px;
}


/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                            TOP3:  |
                                                                                   |
--------------------------------------------------------------------------------- */


#top10{
	margin-top: 20px;
}

#top3Int{
	width: 700px;
	background: transparent url(../images/backgroundTop3.png) no-repeat 0 top;
	height: 1%;
	margin: 0 0 0 7px;
}

#top3Content{
	position: relative; 
	z-index: 10;

	width: 645px;
	padding-left: 35px;
	background: transparent url(../images/top3/ott_testata1.jpg) no-repeat 30px 30px;
}

#top3Content1{
	padding-top: 100px;
	padding-left: 0px;
}

#top3Content2{
	padding-top: 100px;
}

#top3Content2Agosto{
	padding-top: 100px;
	padding-left: 0px;
	background: transparent url(../images/top3/ott_testata2.jpg) no-repeat 0px 20px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                         CONTACTS: |
                                                                                   |
--------------------------------------------------------------------------------- */

#contacts {
	background: #fff url(../images/contactsBackground.gif) no-repeat right bottom;	
}

.contactsInput{
	width: 172px;
	margin-top: 8px;
}

.contactsMessageInput{
	display: block;
	float: left;
}

.inviaButt {
	margin-left: 335px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                   AREA RISERVATA: |
                                                                                   |
--------------------------------------------------------------------------------- */

.buttonEntra
{
	margin: 0 0 0 150px;
}

/* ---------------------------------------------------------------------------------
                                                                                   |
                                                                   PUNTI VENDITA:  |
                                                                                   |
--------------------------------------------------------------------------------- */

#puntiVendita
{
	width: 900px;
	background: #fff url(../images/backModalPuntiVendita.gif) repeat-y center top fixed;
}

.linkSingle
{
	position: relative;
}

.alignDxLinks
{
	position: absolute;
	right: 0px;
}

#list
{
	width: 890px;
}