@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #FFFFFF;
	font-size: 14px;
	color: #333333;
	font-family: Arial, sans-serif;
	-webkit-user-select: none;
	user-select: none;
}
* {
	border: 0;
	outline: 0;
}
#bapagewrap {
	position: relative;
	width: 610px;
	margin: 28px auto 28px auto;
}
#baheader {
	width: 678px;
	height: 93px;
	margin-bottom: 4px;
	background: url("../images/header.gif") no-repeat 0 0;
}
#bacontent {
	position: relative;
	float: left;
	width: 522px;
}
#banav {
	overflow: hidden;
	margin-bottom: 4px;
}
.bathumb {
	float: left;
	width: 80px;
	height: 80px;
	margin-right: 4px;
	background-color: #000000;
	cursor: pointer;
}
.bathumb div {
	width: 80px;
	height: 80px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
	background-image: url("../images/thumbs.jpg");
	background-repeat: no-repeat;
}
.dobahover .bathumb div:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.bathumb.bathumbon div, .dobahover .bathumb.bathumbon div {
	opacity: 1;
	filter: alpha(opacity=100);
}
#bathumb1 div {
	background-position: 0 0;
}
.bashowfrown #bathumb1 div {
	background-position: -80px 0;
}
#bathumb2 div {
	background-position: 0 -80px;
}
.bashowfrown #bathumb2 div {
	background-position: -80px -80px;
}
#bathumb3 div {
	background-position: 0 -160px;
}
.bashowfrown #bathumb3 div {
	background-position: -80px -160px;
}
#bathumb4 div {
	background-position: 0 -240px;
}
.bashowfrown #bathumb4 div {
	background-position: -80px -240px;
}
#bathumb5 div {
	background-position: 0 -320px;
}
.bashowfrown #bathumb5 div {
	background-position: -80px -320px;
}
#balinks {
	float: left;
	width: 102px;
}
.balink {
	width: 102px;
	height: 24px;
	cursor: pointer;
	background-color: #b12f6a;
	background-image: url("../images/nav.png");
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
}
.dobahover .balink:hover {
	background-color: #941d4c;
}
#balinkcrow {
	margin-bottom: 4px;
	background-position: 0 0;
}
.bashowcrow #balinkcrow {
	background-color: #710827;
}
#balinkfrown {
	margin-bottom: 4px;
	background-position: 0 -24px;
}
.bashowfrown #balinkfrown {
	background-color: #710827;
}
#balink180 {
	background-position: 0 -48px;
}
.bashow180 #balink180 {
	background-color: #710827;
}
#baphotos {
	overflow: hidden;
	position: relative;
	width: 522px;
	height: 233px;
}
#babefore {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 260px; /* defaults to middle, also set for 180 */
	height: 100%;
	border-right: 2px solid #C2C2C2;
}
.bashowcrow #babefore {
	width: 200px; /* crows is defaulted to the left */
}
#baafter {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%; /* this always stays full width */
	height: 100%;
}
.bashow180 #baafter {
	left: 262px;
}
.baimgwrap {
	position: absolute;
	width: 522px;
	height: 233px; /* keep fullsize so image stay proportional */
}
.bashow180 .baimgwrap {
	width: 260px;
}
#baphotos img {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}
.batext {
	position: absolute;
	bottom: 0;
	width: 250px;
	height: 28px;
	background-image: url("../images/before-after.png");
	background-repeat; no-repeat;
}
#babefore .batext {
	left: 0;
	background-position: top left;
}
#baafter .batext {
	right: 0;
	background-position: top right;
}
.bashow180 #baafter .batext {
	right: 262px;
}
#bacontrols {
	position: relative;
	width: 522px;
	height: 27px;
	background: #c2c2c2;
}
#bacontrols * {
	position: absolute;
	top: 0;
}
#babar {
	left: 15px;
	width: 425px;
	height: 27px;
	background: url("../images/slider_bar_off.gif") no-repeat -15px 0;
}
#babaron {
	left: 0;
	width: 0;
	height: 27px;
	background: url("../images/slider_bar_on.gif") no-repeat -15px 0;
}
.bashowcrow #babaron {
	width: 180px;
}
.bashowfrown #babaron {
	width: 240px;
}
.baslider {
	left: 232px; /* start in the middle of the photos */
	width: 23px;
	height: 23px;
	padding: 2px;
	background: url("../images/slider_control.png") no-repeat center center;
	cursor: pointer;
}
.bashowcrow .baslider {
	left: 172px; /* start to the left for crows fee */
}
.baslidersnap {
	left: 0; /* start to the left for 180 */
}
#bazoomout {
	right: 58px;
	width: 24px;
	height: 27px;
	background: url("../images/zoom_out.gif") no-repeat 0 0;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}
#bazoomtext {
	right: 25px;
	width: 33px;
	height: 27px;
	background: url("../images/zoom_copy.gif") no-repeat 0 0;
}
#bazoomin {
	right: 0;
	width: 25px;
	height: 27px;
	background: url("../images/zoom_in.gif") no-repeat 0 0;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
}
.bazoomdisabled {
	opacity: 0.4;
	filter: alpha(opacity=40);
	pointer-events: none;
}
#badirections {
	width: 522px;
	height: 23px;
	background: url("../images/slider_text.gif") no-repeat 0 0;
}
.bashow180 #badirections {
	background: url("../images/slider_text_180.gif") no-repeat 0 0;
}
#barightside {
	float: right;
	padding: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #986cb1;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 11px;
}
#baisi {
	clear: both;
	font-size: 11px;
	color: #363636;
}
ul {
	margin: 0;
	padding: 0 0 0 16px;
}
li {
	margin: 0;
	padding: 0 0 14px 0;
}
#references {
	margin-bottom: 20px;
	font-size: 9px;
	color: #000000;
}
#allerganlogo {
	float: left;
	width: 118px;
	height: 29px;
	margin: 0 28px 40px 0;
	background: url("../images/logo_allergan.gif") no-repeat 0 0;
}
#copyright {
	font-size: 9px;
}
#copyright a {
	color: #363636;
}
#baloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}
/* modifiers */
sup, sub {
	line-height: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 70%;
	position: relative;
	margin-left: 1px;
	top: 1px;
}
@-moz-document url-prefix() { 
	sup {
		font-size: 60%;
	}
}
.highlight, a {
	color: #753b97;
}
.nowrap {
	white-space: nowrap;
}
.bacrow, .bafrown, .ba180 {
	display: none;
}
.bashowcrow .bacrow {
	display: block;
}
.bashowfrown .bafrown {
	display: block;
}
.bashow180 .ba180 {
	display: block;
}