/*
 * This CSS for example 2 overwrites the default Boutique CSS for customization
 * See /css/boutique.css for the original, complete, commented CSS
 */

#carousel{
	display: none;
}

/* The frames */
#carousel .boutique-frame{
	background: #fff;
	border: 1px solid;
	border-color: #eaeaea #ccc #ccc #eaeaea;
}

/* Headers of all frames */
#carousel .boutique-frame-title{
	margin: 0 0 0px;
	font-family: sans-serif;
	line-height: 1;
	font-weight: normal;
	color: #222;
}

/* Description text of all frames */
#carousel .boutique-frame-text{
	font-family: sans-serif;
	margin: 0;
	color: #444;
	background: transparent;
}

/* The most frontal item */
#carousel .front .boutique-frame-image{
	margin: 0px;
}
#carousel .front .boutique-frame-title{
	font-size: 30px;
}
#carousel .front .boutique-frame-text{
	font-size: 15px;
}

/* The further back items */
#carousel .behind .boutique-frame-image{
	margin: 0px;
}
#carousel .behind .boutique-frame-title{
	font-size: 26px;
}
#carousel .behind .boutique-frame-text{
	font-size: 10px;
}

/* The furthest back items */
#carousel .back .boutique-frame-image{
	margin: 0px;
}
#carousel .back .boutique-frame-title{
	font-size: 12px;
}
#carousel .back .boutique-frame-text{
	font-size: 7px;
}

#prev, #next{ position:absolute; top:175px; cursor:pointer }
#prev{ left:-20px }
#next{ right:-20px }

#prev2, #next2{ position:absolute; top:125px; cursor:pointer }
#prev2{ left:-20px }
#next2{ right:-20px }