/** Classes for splash page layout and non-smart-controlled main image **/

.boutiqueContent {
	float: right;  
	width: 565px;
	padding-top: 44px;
	border-right: 0px;
	background: url(../../../boutique/clarisonic/0421/splash_logo.gif) no-repeat right top;
}

.boutiqueContentIn {
	float: right; 
	margin: 0px;
}

/* Please use the following guidlines for width and height:
"static" image - width: 168px; height: 310px; 
"MainImageSnippet" - width: 246px; height: 252px;  */
.boutiqueAbout { 
	float: left;  
	width: 168px;
	height: 310px;
	margin-top: 66px;
	text-align: center;
	background: url(../../../boutique/clarisonic/0421/left_bg.gif) no-repeat left top;	
}

/* Please use the following guidlines for width and height:
"static" image - width: 347px; _width: 349px; height: 393px; _height: 395px;
"MainImageSnippet" - width: 347px; _width: 349px; height: 393px; _height: 395px;   */
.boutiqueMain { 
  	float: left; 
   	width: 347px;
	_width: 349px;
	height: 393px;
	_height: 395px;
	border: 1px solid #00b0d0;
}

/* The width and height will change depending on if you are using a "static" image or the MainImageSnippet */
.boutiqueDecor { 
	float: left;  
	width: 23px;
	background: url(../../../boutique/clarisonic/0421/right_bg.jpg) no-repeat right top;	
}

.boutiqueDecor img { /* Definition for the trans_pixel.gif */
	width: 23px; 
	height: 395px;
}

.boutiquePromo { 
	clear: both;
	margin-bottom: 56px;
	_margin-bottom: 44px;
	padding-left: 25px;
	width: 565px;
}

.boutiquePromo img { 
	margin-top: 18px;
}

.abouttxt {
	color: #ffffff; 
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	line-height: 13px;
	padding: 32px 10px 0px 20px; /* padding varies for each boutique */
}

.aboutlink {
	a.color: #ffffff; 
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	padding: 0px 10px 0px 20px;	
}  

.aboutlink A:link {color: #ffffff;}
.aboutlink A:visited {color: #ffffff;}
.aboutlink A:active {color: #ffffff;}