/* Major Containers */

.headcont {
	position: absolute;
	float: left;
	top: 0px;
	left: 48px;
	/*	background-image: url(../global/trans50.png); */
	width: 540px;
	z-index:10;
	height: 52px;
}

.rightcont {
	position:relative;
	float: right;
	margin: 0px 15px 45px 0;
	width: 315px;
/*	background-image: url(../global/trans50.png);#F5F5F6 */
	background-color: #FFFFFF;
	z-index:7;
	height: 580px;
}
.bottomcont {
	position: relative;
	clear: both;
	margin-left: 15px;
}
.leftcont {
    top: 511px;
    position: relative;
    padding-left: 30px;
	width: 600px;
}


.vergenceapp {
	position:relative;
	top: 0px;
	left: 0px;
	width: 615px;
	height: 500px;
	z-index:0;
}


/* Content Containers */

.linkcont {
	position:relative;
	margin-top: 500px;
	width:280px;
	float:left;
	clear:left;
	z-index:9;
}
.rtbox, .rt3choose, .colorBox  {
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom: 5px;
}
.rt3choose, .lt3choose {
	/* border-top: 1px thin #999; */
	cursor:pointer;
	z-index: 888;
	margin-top: 10px;
}
.rt3body, .lt3body {
	height: auto;
	clear:left;
	padding: 15px;	
}
.rt3b {

}
.headcont {
	padding:10px;
}
.btitem {
	position:relative;
	width: 444px;
	margin:15px;
	
	border-top: 1px solid #999;
	height: 160px;
	float: left;
}
.optionBox {
	
	position: relative; clear: left; height: auto;
}
.colorcont {
	width: 105px;
	height: 60px;
	margin-right: 10px;
	float:left;
	cursor:pointer;
}
.buycont {
	width: 88px;
	height: 60px;
	margin-right: 10px;
	float:left;
	cursor:pointer;
}
.buyline {
	margin-bottom: 1px;
}
.buyline p {
	margin-bottom: 4px;
}
.colorswatch {
	width: auto;
	height: 28px;
	float: left;
}
.colorname {
	clear:both;
}


/* Vergence CSS */

#babyImage {
	position:absolute;
	z-index: 2;
}
.vergenceapp #content {
	padding: 120px 0 0 58px;
	position: relative;
}
.vmiLoadingMsg {
	position:absolute;
	top:0px;
	left:250px;
}

/* Non-Vergence CSS */
#nonvergence {
	float: left;
	width: 550px;
	height: 380px;
	overflow: hidden;
}
#main_product_image {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}


/* Formatting */
p {
	clear: both;
}
h1, h2 {
	width: auto;
}

h3, h4, h5 {
	width: auto;
	padding-top: 3px;
	padding-bottom: 5px;
}
.rtbox h5 {
	border-top: 1px solid #999;
}
.leftcont h5 {

}
.rt3choose h5 {
	width: 70px;
	text-align: center;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 5px;
	
	float: left;
}
.btpic {
	border: none;
	float: left;

}
.bttext {
	position:absolute;
	top: 12px;
	left: 235px;
	width: 180px;
	height: 135px;
	padding: 0px;
}
.bttext p {
	font-size: 8pt;
}
.colorname p {
	text-align:center;
	border:none;
}
.rightcont ul {
	margin-left: 11px;
	padding-left: 11px;
}
.rt3b p, .rt3b li, .rtbox li {
	font-size: 8pt;
	position:relative;
	margin: 4px 0 0 -4px;
}
.rt3b .magglass {
	position: absolute;
	top: 0px;
	left: -40px;
	display: block;
	visibility:visible;
	z-index: 999;
	cursor: pointer;
}
.rt3b li .magglass {
	left: -48px;
	margin-top: 1px;
	z-index: 999;
}
.buydesc {
	float:left; position:relative; bottom: 2px; left: 2px; width: 150px; padding-left: 3px;
}
h5 img { margin-bottom: -6px; }
a h6, a h5 { color: #018749 }

#product_carousel_container {
	margin: -30px 0 20px 0;
}

.colorbutton {
	position: relative;
	width: 90px;
}
.color_primary {
	position: absolute;
	top: 0;
	left: 0;
	text-align: left;
	z-index: 3;
}
.color_secondary {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	z-index: 2;
}

	
/* ---- Carousel Image Rotator  ---- */
	.jcarousel-container{position:relative;}
	.jcarousel-clip{margin:0 auto;overflow:hidden;padding:0;position:relative;text-align:center;z-index:2;}
	.jcarousel-list{left:0;margin:0;overflow:hidden;padding:0;position:relative;top:0;z-index:1;}
	.jcarousel-list li,.jcarousel-item{float:left;height:120px;list-style:none; }
	.jcarousel-list li img { z-index:9;}
	/* 	The buttons are added dynamically by jCarousel before * the list 
		(inside the described above) and have the classnames "jcarousel-next" and "jcarousel-prev".
	  .jcarousel-next {
		z-index: 3;
		display: none;
	}  */
	.jcarousel-prev{display:none;z-index:3;}

/* ---- Product carousel ---- */
	.carousel-skin-product{background:#fff none repeat scroll 0 0;margin:0 auto;z-index:0;}
	#product_carousel_container .jcarousel-container-horizontal{border:solid #fff;border-width:10px 0;width:580px;}
	#product_carousel_container .jcarousel-clip-horizontal{background:#fff none repeat scroll 0 0;height:60px;padding-left:5px;width:540px;}
	#product_carousel_container .jcarousel-item{background-color:#fff;float:left;height:60px;list-style:none;margin-right:10px;width:90px;}
	#product_carousel_container .jcarousel-next-horizontal{background:#fff url(/static/ob_i/smallarrow_2060_link.png) no-repeat top left;cursor:pointer;height:60px;position:absolute;right:0;top:0;width:20px;z-index:3;}
	#product_carousel_container .jcarousel-prev-horizontal{background:#fff url(/static/ob_i/smallarrow_2060_link.png) no-repeat bottom left;cursor:pointer;height:60px;left:0;position:absolute;top:0;width:20px;z-index:3;}
	#product_carousel_container .jcarousel-next-horizontal:hover{background:#fff url(/static/ob_i/smallarrow_2060_link.png) no-repeat top right;}
	#product_carousel_container .jcarousel-prev-horizontal:hover{background:#fff url(/static/ob_i/smallarrow_2060_link.png) no-repeat bottom right;}