div#page-wrapper
{
width               : 100%;
height              : inherit;
display             : block;
overflow            : hidden;
margin              : 0px;
padding             : 0px;
background-color    : #FFF;
}

#page-wrapper div.left-image
{
width               : 15%;
height              : 100%;
display             : block;
float               : left;
background          : #FFF url(../images/success/smile_gallery.jpg) top center no-repeat; 
}

#page-wrapper div.success-stories-wrapper
{
width               : 85%;
height              : 100%;
display             : block;
float               : left;
background-color    : #FFF;
}

#page-wrapper div.success-stories-wrapper div.intro
{
height				: 165px;
padding             : 20px 0 10px 0;
overflow			:  hidden;

}

#page-wrapper div.success-stories-wrapper div.intro div.left, #page-wrapper div.success-stories-wrapper div.intro div.right
{
float				:left;
width				: 45%;
padding				: 0 2%;
}

#page-wrapper div.success-stories-wrapper div.intro h2
{
height                  : 0px;
padding-top             : 25px;
overflow                : hidden;
color                   : #FF6600;
font-size               : 140%;
font-weight             : normal;
line-height             : 25px;
margin                  : 0px 0px 20px 0px;

}

#page-wrapper div.success-stories-wrapper div.intro h3
{
color                   : #333;
font-size               : 75%;
font-weight             : normal;
line-height             : 16px;
margin                  : 0px 0px 10px 0px;

}

#page-wrapper div.success-stories-wrapper div.intro p
{
color                   : #333;
font-size               : 75%;
font-weight             : normal;
line-height             : 16px;
margin                  : 0px 0px 10px 0px;
}

#page-wrapper div.success-stories-wrapper div.intro p a 
{
color					: #FF6600;
}

#page-wrapper div.success-stories-wrapper div.three-columns
{
background-color        : #FF6600;
width                   : 100%;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.women
{
background-color        : #FF6600;
width                   : 48%;
display                 : block;
float                   : left;
overflow                : hidden;
padding                 : 10px 2% 10px 0px;
height              : 340px;
}

* html #page-wrapper div.success-stories-wrapper div.three-columns div.women
{
width                   : 47%;
}

#page-wrapper div.success-stories-wrapper div.three-columns p
{
width                   : 279px;
float                   : right;
margin                  : 0px 0px 14px 0px;
color                   : #FFF;
font-size               : 75%;
line-height             : 16px;
}

#page-wrapper div.success-stories-wrapper div.three-columns p.header
{
font-weight             : bold;
font-size               : 100%;
height                  : 0px;
padding-top             : 18px;
overflow                : hidden;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.men p
{
float                   : left;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.teeth-whitening p
{
float                   : left;
width                   : 186px;
}


#page-wrapper div.success-stories-wrapper div.three-columns ul.faces
{
list-style-type         : none;
margin                  : 0px 0px 0px 0px;
padding                 : 0px;
display                 : block;
width                   : 279px;
overflow                : hidden;
float                   : right;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.men ul.faces
{
margin                  : 0px 0px 0px 0px;
float                   : left;
clear					: left;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.teeth-whitening ul.faces
{
width                   : 186px;
margin                  : 0px 0px 0px 0px;
float                   : left;
}

#page-wrapper div.success-stories-wrapper div.three-columns ul.faces li
{
display                 : block;
float                   : left;
margin                  : 0px 4px 8px 4px;
}

* html #page-wrapper div.success-stories-wrapper div.three-columns ul.faces li
{
margin                  : 0px 3px 8px 3px;
}

#page-wrapper div.success-stories-wrapper div.three-columns ul.faces img
{
display                 : block;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.men
{
background-color        : #FF7F00;
width                   : 48%;
display                 : block;
float                   : left;
overflow                : hidden;
padding                 : 10px 0px 10px 2%;
min-height              : 340px;
}

* html #page-wrapper div.success-stories-wrapper div.three-columns div.men
{
width                   : 47%;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.teeth-whitening
{
background-color        : #FF9343;
width                   : 21%;
display                 : block;
float                   : left;
overflow                : hidden;
padding                 : 10px 0px 10px 3%;
min-height              : 340px;
}

/* Pagination */

#page-wrapper div.success-stories-wrapper div.three-columns ul.pagination
{
list-style-type         : none;
margin                  : 0px 0px 0px 0px;
padding                 : 0px;
display                 : block;
width                   : 254px;
overflow                : hidden;
float                   : right;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.men ul.pagination
{
list-style-type         : none;
margin                  : 0px 0px 0px 20px;
float                   : left;
}


#page-wrapper div.success-stories-wrapper div.three-columns ul.pagination li
{
float                   : right;
display                 : block;
color                   : #FFF;
font-size               : 75%;
margin                  : 0px 2px 0px 2px;
}

#page-wrapper div.success-stories-wrapper div.three-columns ul.pagination li a
{
display                 : block;
color                   : #FFF;
text-decoration         : none;
}

#page-wrapper div.success-stories-wrapper div.three-columns ul.pagination li a.previous
{
background              : url(../images/generic/previous.gif) 0px 2px no-repeat;
height                  : 0px;
padding-top             : 13px;
width                   : 6px;
display                 : block;
overflow                : hidden;
}

#page-wrapper div.success-stories-wrapper div.three-columns ul.pagination li a.next
{
background              : url(../images/generic/next.gif) 0px 2px no-repeat;
height                  : 0px;
padding-top             : 13px;
width                   : 6px;
display                 : block;
overflow                : hidden;
}



/*carousel */

#page-wrapper div.three-columns div.hasCarousel
{
	width:279px;
	height:300px;
	float:left;
	clear:left;
}

#page-wrapper div.three-columns div#women-carousel
{
	float:right;
	clear:right;	
}

#page-wrapper div.three-columns div.hasCarousel ul.faces
{
	position:absolute;
}

#page-wrapper div.three-columns div.hasCarousel ul.pagination
{
	
}

#page-wrapper div.three-columns div.hasCarousel div.page-right
{
	float:right;
	margin-top:280px;
	padding-left:200px;
}

#page-wrapper div.three-columns div.hasCarousel div.page-right ul.pagination
{
	float:none;
	width:36px;
}

#page-wrapper div.three-columns div.hasCarousel div.page-right ul.pagination li a.selected
{
	font-weight:bold;
}

#page-wrapper div.success-stories-wrapper div.three-columns div.hasCarousel div.page-right ul.pagination li
{
	float:left;
}