/* verde 9BBB38 dark 7B952E */
/* giallo FFCC00 dark C8A000*/
/* rosso D4470F dark #BC4010 */
/* blu light #81AAC6, dark #4A7B9D */
/* viola scuro #8D3052 */
/* viola chiaro #BE577C */

/* ROUNDED */
.mainBox {
	
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	background-color: #BE577C;	
}

#headerBox {

	padding: 0px 10px 10px 10px;
	height: 100px;
	background-color: transparent;	
}

.logoBox {
	
	width: 385px;
	height: 100px;
	background-color: #8D3052;
	background-image: url(../../img/logoSmall.jpg);	
	float: left;
}

.availabilityBox {

	margin-left: 10px;
	width: 385px;
	height: 100px;
   padding: 0px;
   background-color: #8D3052;
   background-image: url(../../img/availabilityBgSmall.jpg);
	background-repeat: no-repeat;
	float: left;
	text-align: left;
}

/* ROUNDED */
.menuBox {
	
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 780px;
	background-color: #8D3052;	
}

#pageBox {
	
	margin-top: 20px;
	padding: 10px;
	height: 320px;
	background-color: transparent;
	vertical-align: middle;			
}

/* in #pageBox sin ROUNDED */
.subMenuBox {
	
	text-align: center;
	width: 155px;
	height: 320px;
	background-color: #FFFFFF;	
	float: left;
}

/* in #pageBox dx ROUNDED */
.contentsBox {
	
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	background: #8D3052;
	padding: 0px;
	float: left;
	width: 615px;
	height: 320px;		
}

#footerBox {
	
	text-align: center;	
	padding: 0px;
	margin-top: 10px;
	background: transparent;
	color: #8D3052;
	font-size: 0.8em;	
	font-family: "Arial", "Courier New";
	font-weight: bold;
	float: none;
}

.subMenuItemBox {
	
	text-align: center;
	width: 150px;
	height: 36px;
	background-color: transparent;
	background-image: url(../../img/menu/subitem.gif);	
	background-repeat: no-repeat;
	padding-top: 9px;
}

/* specials box */

.ecardBox {
	
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	background-color: transparent;
}

.sendecardBox {
	
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
	background-color: #BE577C;
	width: 100%;
}

/* jcarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-scope".
 */
.jcarousel-scope {
    position: relative;
    width: 345px;
    border: 1px solid #BE577C;
    padding: 5px 40px 5px 40px;
	 text-align: center;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;	 
}

.jcarousel-list li {
    float: left;
    list-style: none;
    width: 105px;
    height: 75px;
    margin-right: 5px;
	 margin-left: 5px;	 
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    position: absolute;
    top: 45px;
    right: 5px;
    cursor: pointer;
    border: 1px solid #BE577C;
    color: white;
    background-color: #BE577C;
    font-weight: bold;
}

.jcarousel-next-disabled {
    color: #8D3052;
	 background-color: #8D3052;
    cursor: default;
}

.jcarousel-prev {
    position: absolute;
    top: 45px;
    left: 5px;
    cursor: pointer;
    border: 1px solid #BE577C;
    color: white;
    background-color: #BE577C;
    font-weight: bold;
}

.jcarousel-prev-disabled {
    color: #8D3052;
	 background-color: #8D3052;
    cursor: default;
}