@charset "utf-8";
/* CSS Document */

body {
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 background:url("/themes/bny/images/BNY_BG.jpg") top center no-repeat #2c95a8;
 font-family: Arial, Helvetica, sans-serif;
 text-align:center;
 font-size:12px;
}
.required,
.validation{
	color:#F00;
	width:170px;
	float:right;
	text-align:left;}

#wrapper { 
 margin: 0 auto;
 width: 889px;
 background: #ffffff;
}

#header {
 margin: 0 auto;
 color: #333;
 width: 889px;
 float: left;
 height: 113px;
 text-align:left;
}

#navigation {
 margin: 0 auto;
 float: left;
 width: 889px;
 height: 37px;
 color: #333;
 text-align:left;
 background:url("/themes/bny/images/nav_bg.jpg") top left no-repeat;
}

 #navigation.loggedIn {
 
 background:url("/themes/bny/images/nav_bgLoggedIn.jpg") top left no-repeat;
}

#regForm{
	width:340px;
	float:left;
	margin-right:25px;
	margin-left:25px;}
	#loginForm{
	width:340px;
	float:left;
	margin-right:25px;
	margin-left:25px;}

#home-hero { 
 float: left;
 color: #333;
 height: 350px;
 width: 889px;
 display: inline;
}

#clearfooter { 
 width: 889px;
 height: 28px;
 clear: both;
 background:#2c95a8;
}

#footer { 
 width: 889px;
 clear: both;
 font-size:10px;
 color: #ffffff;
 background:#2c95a8;
}

#footer P{ 
 
 color: #ffffff;
}

#footleft { 
 width: 296px;
 float: left;
 text-align: center;
 color:#FFF;
 background:#2c95a8;
}

#footright { 
 width: 296px;
 float: left;
 color:#FFF;
 text-align: center;
 background:#2c95a8;
}

#footcenter { 
 float: left;
 width: 297px;
 display: inline;
 color:#FFF;
 text-align: center;
 background:#2c95a8;
}

#gloabalfooter { 
 width: 889px;
 clear: both;
 text-align: center;
 color: #ffffff;
 font-size:10px;
 background:#2c95a8;
}

#gloabalfooter a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#gloabalfooter a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#gloabalfooter a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#gloabalfooter a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/* Our Treatments */

#treat_content { 
 float: left;
 color: #333;
 width: 704px;
 display: inline;
 background-color:#FFFFFF;
}

#treat_leftcolumn { 
 color: #333;
 width: 185px;
 float: left;
 text-align:left;
}

#treat_leftcolumn ul{ 
 margin: 0;
 padding: 0;
}

#treat_leftcolumn li{ 
 color: #2c95a8;
 list-style:none;
 margin:0 0px 0 10px; 
 padding: 3px;
}

#treat_hero { 
 color: #333;
 width: 704px;
 float: left;
}
special_treat_hero{
	 color: #333;
 width: 704px;
 float: left;}

#product_hero { 
 color: #333;
 width: 704px;
 height: 400px;
 float: left;
}
#product_hero img { 
 float:left;
}

#treat_detail { 
 color: #333;
 width: 704px;
 height: 400px;
 float: left;
 text-align:left;
}

#treat_detail_image { 
 float: left;
 color: #666666;
 width: 352px;
 height: 400px;
 display: inline;
 background-color:#FFFFFF;
}

#treat_detail_desc { 
 width: 352px;
 height: 400px;
 float: left;
 background-color:#FFFFFF;
}

#treat_detail_desc p {
font-size:11px;
line-height:160%;
color:#666666;
padding-right:20px;
}

#treat_detail_desc h2 {
color:#2c95a8;
font-size:22px;
padding-right:20px;
}

#treat_detail_desc h3 {
color:#2c95a8;
font-size:18px;
padding-right:20px;
}



#cross_sell { 
 color: #333;
 width: 704px;
 height: 55px;
 float: left;
 background: #FFFFFF;
 text-align: center;
}

#cross_sell p { 
 color: #2c8398;
 font-size:14px;
 font-weight: Bold;
}

#service_box { 
 color: #333;
 width: 176px;
 height: 210px;
 float: left;
 background: #FFFFFF;
 text-align: center;
}

#service_box p { 
 color: #666666;
 font-size:10px;
}

/* Homepage JS Scroller */

div.scroller { 
/* modify width and height of scrolling section if necessary	*/		
height: 350px;
width: 889px;
overflow: hidden;
}
	
div.scroller div.section {
/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
height: 350px;
width: 889px;
overflow:hidden;
float:left;	
}

div.scroller div.content {
width: 10000px;
}

#controls {
 margin: 0 auto;
 width: 889px;
 float: left;
 text-align:center;
}

/*--- Navigation ---*/

#nav li, #nav ul
	{
	padding:0px;
	margin:0px;
	display:inline;
	}
/* Our Treatments */
#navhome, #navhome a:link, #navhome a:visited
	{
	width:57px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navhome a:hover, .navhomecurrent a
	{
	width:57px;
	height:37px;
	float:left;
	display:block;
	}


/* Our Treatments */
#navtreatments, #navtreatments a:link, #navtreatments a:visited
	{
	width:114px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navtreatments a:hover, .navtreatmentscurrent a
	{
	width:114px;
	height:37px;
	float:left;
	display:block;
	}

/* Specials */
#navspecials, #navspecials a:link, #navspecials a:visited
	{
	width:74px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navspecials a:hover, .navspecialscurrent a
	{
	width:74px;
	height:37px;
	float:left;
	display:block;
	}

/* Whats New */
#navwhatsnew, #navwhatsnew a:link, #navwhatsnew a:visited
	{
	width:87px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navwhatsnew a:hover, .navwhatsnewcurrent a
	{
	width:87px;
	height:37px;
	float:left;
	display:block;
	}
	
/* Shop Online */
#navshop, #navshop a:link, #navshop a:visited
	{
	width:73px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navshop a:hover, .navshopcurrent a
	{
	width:73px;
	height:37px;
	float:left;
	display:block;
	}
	
/* Shop Online */
#navshop2, #navshop2 a, #navshop2 a:link, #navshop2 a:visited
	{
	width:102px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navshop2 a:hover, .navshop2current a
	{
	width:102px;
	height:37px;
	float:left;
	display:block;
	}	
	
/* Sign In */
#navlogin, #navlogin a:link, #navlogin a:visited
	{
	width:111px;
	height:37px;
	float:left;
	padding:0px;
	margin:0px;
	display:block;
	}	
	
#navlogin a:hover, .navlogincurrent a
	{
	width:111px;
	height:37px;
	float:left;
	display:block;
	}

	
/* Text Styles */

p {
font-size:11px;
line-height:140%;
color:#2c95a8;
}

h2 {
color:#2c95a8;
font-size:18px;
margin-bottom:-5px;
text-align:left;
}

h3 {
color:#2c95a8;
font-size:15px;
margin-bottom:-5px;
}
.ContactInfo{padding-right:10px;
	padding-left:10px;
	text-align:left;
	}
	.ContactInfo Table, .ContactInfoLeft Table, .ContactInfoRight Table{
		font-size:11px
	}
	.ContactInfoLeft{
	padding-right:20px;
	padding-left:20px;
	text-align:left;
	width:300px;
	display:block;
	min-height:105px;
	float:left;
	}
	.ContactInfoRight{
	padding-right:34px;
	padding-left:5px;
	min-height:105px;
	text-align:left;
	width:300px;
	display:block;
	float:right;
	}
.productInfoLeft{
	padding-right:25px;
	padding-left:25px;
	text-align:left;
	width:300px;
	display:block;
	min-height:105px;
	float:left;
	}
	.productInfo{
	padding-right:25px;
	padding-left:25px;
	text-align:left;
	}
	.productInfoRight{
	padding-right:25px;
	padding-left:25px;
	min-height:105px;
	text-align:left;
	width:300px;
	display:block;
	float:right;
	}
	.productInfoRightSmall{
	padding-right:25px;
	padding-left:25px;
	min-height:65px;
	text-align:left;
	width:300px;
	display:block;
	float:right;
	}
	.productInfoLeftSmall{
	padding-right:25px;
	padding-left:25px;
	text-align:left;
	width:300px;
	display:block;
	min-height:65px;
	float:left;
	}
	
	.productInfo h2{
	text-align:left;
	}
	.price{
		font-weight:bold;}
.navItem{width: 169px;
display:block;
padding:3px;
padding-left:13px;
padding-top: 5px;
border-bottom: #95cad3 1px solid;
background:url(/themes/bny/images/navBullet.gif) left top no-repeat;
font-size:13px;
color: #2c95a8;}

.navItem a, .navItem a:hover, .navItem a:visited{color: #2c95a8; text-decoration:none; }
.navItem:hover{background:url(/themes/bny/images/BNY-MenuBGOver.jpg) repeat-y right top;}
div .current{background:url(/themes/bny/images/BNY-MenuBGOver.jpg) repeat-y right top;}
	.clear{
		clear:both;}
	#contactForm{
		width:700px;
		display:block;
		text-align:left;
		padding-left:20px;}
		#Name{
			width:300px;
			float:Left;
			padding:10px;
			
			font-weight:normal;
			color:#000;
			text-align:right;
		}
		#Email{
			width:300px;
			float:Left;
			padding:10px;
			
		font-weight:normal;
			color:#000;
			text-align:right;
		}
		#Phone{
			width:300px;
			float:Left;
			padding:10px;
			
			font-weight:normal;
			color:#000;
			text-align:right;
			
		}
		#Comments{
			width:310px;
			float:right;
			padding-right:35px;
			padding-left:10px;
			padding-top:10px;
			
			font-weight:normal;
			color:#000;
			text-align:right;
			}
			.middleColumn {
 	background:#FFF;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									margin-bottom:10px;
}
		#contactForm LABEL{
			float:left;
			display:inline-block;
			width:74px;
}
		#contactForm INPUT{
			
		width:200px;
		float:right;}
		#Comments .middleColumn {
 	background:#FFF;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									margin-bottom:10px;
}
		#contactForm TEXTAREA{
			
			
			padding: 3px;
			height: 145px;
		width:215px;
		float:right;}
		#contactForm FieldSet{
		border:0px;
		width:100%;
		margin:0px;
		padding:0px;}
		#Form_ContactForm_action_SendContactForm{
			width:100px;
			margin-right:37px;
			margin-top:10px;}
			#sentMsg{
				margin:15px;}
				#frontContent {
					padding:10px;
					background:#23889d;
	}
	#frontContent p{
	line-height:18px;
	color:#FFF;
	text-align:left;
	}
	a, a:visited {
		text-decoration:none;
		color:#2C95A8;
		
	}
	a:hover{
		text-decoration:underline;
	}
	
	#frontContent a{
		color:#FFF;}
	#frontContent h2{
	
	color:#FFF;
	text-align:left;
	}
	.productGroupDisplay{
		width:150px;
		height:130px;
		padding:5px;
		float:left;
		}
		.productGroupDisplay IMG{
		border: 0px;}
	
	.productDisplay{
		width:150px;
		height:190px;
		padding:5px;
		float:left;
		}
		.productDisplay IMG{
		border: 0px;}
		.productDisplay .descBox{
			width:150px;
		height:35px;
		font-size:11px;}
		.productDisplay .priceBox{
			vertical-align:bottom;}
			#ShoppingCart{
				font-size:11px;
				padding-top:1px;
				width:190px;
				float:right;
				}
				#ShoppingCart H3{
					padding-left:5px;
					margin-bottom:5px;
				}
				#ShoppingCart img{
				border:0px;
				}
				#ShoppingCart UL LI{
					padding-top:0px;
					margin-left:3px;
					}
					.cartItemBG{background: transparent url(../images/cartOrderBG.png) no-repeat top;
					width:183px;
					height:95px;}
					#ShoppingCart UL{
						padding:0px;
						text-align:left;
					margin-top:44px;
					list-style:none;
					z-index:100;
					position:absolute;
					width:190px;}
				#actionLine{
					border-top:1px dotted #000;
					margin-top:15px;
					padding-top:15px;
					border-bottom:1px dotted #000;
					margin-bottom:15px;
					padding-bottom:15px;
					}
					#addtoCartBox{
						font-size:12px;
						font-weight:bold;
						float:right;
						margin-top:-10px;
						}
						#otherProducts h3{
							margin-bottom:10px;
							margin-top:-10px;
							background:url(../images/headerBG.jpg) no-repeat center;
								height:27px;
								width:500px;
								text-align:center;
								padding-top:10px;
								}
							
							#otherProducts{
								width: 500px;
								float:left;
							margin-top:10px;}
							
							
							#noItems{
								width:190px;
								padding-top:45px;
								height:65px;
								background:url(../images/ShoppingCartEmpty.png) top no-repeat;
								text-align:center;
								}
								#yesItems{
								width:190px;
								z-index:0;
								position:absolute;
								height:65px;
								background:url(../images/ShoppingCartFull.png) top no-repeat;
								
								}
								.ladyBG{background:url(../images/BNY-Corner-image-2-10.jpg) top right no-repeat;
							}
								#Checkout form  .middleColumn {
									background:#FFF;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;}
									#Checkout form  #Email {
									text-align:center;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									color:#000;
									font-size:12px;
									margin-bottom:10px;}
									#Checkout form  Select{
										width:155px;}
										
										#OrderForm_OrderForm_action_useDifferentShippingAddress{
											width:269px;
											height:38px;
											background:url(../images/alternativeShippingAddress.jpg) top no-repeat;
											border:0px;
											margin-left:15px;}
											#OrderForm_OrderForm_action_processOrder{
											width:411px;
										
											height:37px;
											background:url(../images/processPayment.png) top no-repeat;
											border:0px;}
											#OrderForm_OrderForm_action_d{
												display:none;}
											fieldset{
												border:0px;}
												
							#regForm form  .middleColumn {
									background:#FFF;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									margin-bottom:10px;}
									#regForm form  #Email {
									text-align:center;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									color:#000;
									font-size:12px;
									margin-bottom:10px;}
									#regForm form  Select{
										width:155px;}
#regForm form label.left {
		float: left;
		width: 125px;
		font-weight:normal;
		text-align:right;
	}
	#loginForm form label.left {
		float: left;
		width: 125px;
		font-weight:normal;
		text-align:right;
	}
	#loginForm form input.text {
		width: 145px;
		}
		#loginForm form div {
		margin-bottom:10px;
		}
		#ReadTermsAndConditions{
			width:250px;
			float:right;
			margin-right:25px;}					
			#regForm h3,
			#loginForm h3{
		color: #2C95A8;
		font-size: 1.4em;
		padding-bottom: 5px;
		font-weight: normal;
		font-family: Tahoma, Verdana, sans-serif;
		margin: 20px 0;
		border-bottom: 1px solid #ccc;
	}
	
	#treat_content_login{
	float: left;
 color: #333;
 width: 869px;
 display: inline;
 background-color:#FFFFFF;
 padding:10px;}
 #treat_content_legal{
	 float: left;
	 text-align:left;
 color: #333;
 width: 859px;
 display: inline;
 background-color:#FFFFFF;
 padding:15px;}
 
 #orderoverview{
	 clear:both;}
	
			 #MemberLoginForm_LoginForm{
				 width: 310px;
				 margin:10px auto;}
		 #MemberLoginForm_LoginForm  .middleColumn {
									background:#FFF;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									margin-bottom:10px;}
									#MemberLoginForm_LoginForm  #Email {
									text-align:center;
									margin:0px;
									float:none;
									padding:0px;
									width:auto;
									color:#000;
									font-size:12px;
									margin-bottom:10px;}
									
#MemberLoginForm_LoginForm label.left {
		float: left;
		width: 125px;
		font-weight:normal;
		text-align:right;
	}
	#MemberLoginForm_LoginForm input {
		
		width: 145px;
		
	}
	#productDescBottom{
		width:480px;
		clear:both;
		height:53px;}
		#priceBoxed{
			width:300px;
			float:right;
			text-align:left;
			}
			#dermalogica{
				width:175px;
				margin-top:-85px;
				height:140px;
				position:absolute;}
				#dermalogica img{
				border:0px;}