@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SKINPLICITY MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sp_main.css
	Date:			Jul 30, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#5991ce url(../images/bg_body.jpg) 0 0 repeat-x;
		font:normal 12px Arial, Helvetica, sans-serif;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		margin:0 auto;
		width:960px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Disabled Javascript
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noscript {
		padding:10px 0;
		background:red;
		font-weight:bold;
		color:yellow;
		text-align:center;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#404error Page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#404error {
		
	}
		#404error .page-head-alt {
			width:849px;
			background:transparent url(../images/bg_searchTitle.png) no-repeat scroll right 10px;
			margin:0 0 0 1px; padding:12px 0 15px 100px;			
		}
			#404error .page-head-alt h3 {
				padding:0 0 0 13px;
				font:bold 20px Tahoma,Arial, Helvetica, sans-serif;
				color:#fff;
			}
		#404error dl {
			padding:0 0 0 100px;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		margin:5px 0 0 0;
	}
	#header h1 {
		margin:0 0 5px 0;
		width:282px; height:70px;
		float:left;
	}
		#header h1 a {
			width:282px; height:70px;
			display:block;
			background:url(../images/h1_skinplicity.png) 0 0 no-repeat;
		}
	#header .loginBox {
		margin:15px 5px 0 0;
		font:normal 11px Tahoma, Arial, Helvetica, sans-serif;
		color:#fff;
		float:right;
	}
	#header .loginBox a {
		color:#fff;
	}
		#header .loginBox a:hover {
			text-decoration:underline;
		}
	#header .searchBox {
		margin:15px 5px 0 0;
		width:265px; height:22px;
		background:url(../images/bg_search.png) 0 0 no-repeat;
		float:right;
		clear:right;
	}
		#header .searchBox .search {
			width:202px;
			float:left;
		}
			#header .searchBox .search input {
				padding:3px 0 0 3px;
				height:19px; width:199px;
				background:none;
				border:0;
			}
		#header .searchBox .submit {
			width:60px;
			float:right;
		}
	#header #navigation { 
		width:960px; height:42px;
		background:url(../images/bg_nav.png) 0 0 no-repeat;
		clear:both;
	}
	#header #navigation ul#navLinks {
		margin:2px 0 0 0;
		width:720px;
		float:left;
	}
		#header #navigation ul#navLinks li {  
			height:34px;
			float:left;
		} 
			 #header #navigation ul#navLinks li a {  
			 	height:34px;
				background:url(../images/nav_Sprites.png) 0 0 no-repeat;
				display:block; 
			 }
			 #header #navigation ul#navLinks li.home {
			 	width:97px;
			 }
			 	#header #navigation ul#navLinks li.home a {
					width:97px;
					background-position: 0 0;
				}
					#header #navigation ul#navLinks li.home a:hover, #header #navigation ul#navLinks li.home .active {
						background-position: 0 -34px;
					}
			#header #navigation ul#navLinks li.regimens {
				width:122px;
			}
				#header #navigation ul#navLinks li.regimens a {
					width:122px;
					background-position: -97px 0;
				}
					#header #navigation ul#navLinks li.regimens a:hover, #header #navigation ul#navLinks li.regimens .active {
						background-position: -97px -34px;
					}
			#header #navigation ul#navLinks li.products {
				width:126px;
			}
				#header #navigation ul#navLinks li.products a {
					width:126px;
					background-position: -219px 0;
				}
					#header #navigation ul#navLinks li.products a:hover, #header #navigation ul#navLinks li.products .active {
						background-position: -219px -34px;
					}
			#header #navigation ul#navLinks li.doctors {
				width:140px;
			}
				#header #navigation ul#navLinks li.doctors a {
					width:140px;
					background-position: -345px 0;
				}
					#header #navigation ul#navLinks li.doctors a:hover, #header #navigation ul#navLinks li.doctors .active {
						background-position: -345px -34px;
					}
			#header #navigation ul#navLinks li.concept {
				width:148px;
			}
				#header #navigation ul#navLinks li.concept a {
					width:148px;
					background-position: -485px 0;
				}
					#header #navigation ul#navLinks li.concept a:hover, #header #navigation ul#navLinks li.concept .active {
						background-position: -485px -34px;
					}
	/* Shopping Cart */		     
	#header #navigation ul#shoppingBag {
		margin:2px 0 0 0;
		width:157px;
		float:right;
	}  
		#header #navigation ul#shoppingBag li.bag {  
			position: relative; /*--Declare X and Y axis base for sub navigation--*/  
		} 
			#header #navigation ul#shoppingBag li.bag a#cart { 
				padding:10px 0 0 127px;
				width:30px; height:24px;
				background:url(../images/nav_Sprites.png) -803px 0 no-repeat;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#1c5e93;
				display:inline-block; 
				overflow:hidden;
			} 
				#header #navigation ul#shoppingBag li.bag a#cart:hover, #header #navigation ul#shoppingBag li.bag a#cart.active  {
					background-position:-803px -34px;
					color:#fff;
				} 
			#header #navigation ul#shoppingBag li.bag ul.cart {  
				margin: 0; padding: 0;  
				width: 186px;
				position: absolute; /*--Important - Keeps cart from affecting main navigation flow--*/
				z-index:10200000; /*	do not delete this line. check products page	*/
				right: 0; top: 34px;  
				background:url(../images/bg_cart.png) 0 0 repeat-y; 
				display:none;
		 	}  
				#header #navigation ul#shoppingBag li.bag ul.cart li{  
					margin: 0;
					color:#fff;
					clear: both;
		 		} 
					#header #navigation ul#shoppingBag li.bag ul.cart li .item {
						margin:0 0 0 6px;
						width:150px;
						display:inline;
						float:left;
					}
					#header #navigation ul#shoppingBag li.bag ul.cart li .qty {
						width:24px;
						text-align:center;
						float:left;
					}
					#header #navigation ul#shoppingBag li.bag ul.cart li.title {
						padding:10px 0 0 0;
						background:url(../images/bg_cartCorner.png) 0 0 no-repeat;
						font:bold 12px Tahoma,Geneva,Kalimati,sans-serif;
					}
						#header #navigation ul#shoppingBag li.bag ul.cart li.title .item, #header #navigation ul li ul.cart li.title .qty {
							border-bottom:1px solid #fff;
							padding:0 0 1px 0;
						}
					#header #navigation ul#shoppingBag li.bag ul.cart li.product {
						padding:10px 0 0 0;
					} 
						#header #navigation ul#shoppingBag li.bag ul.cart li.product .item a {
							font:normal 12px Tahoma,Geneva,Kalimati,sans-serif;
							color:#fff;
							display:block;
						}
							#header #navigation ul#shoppingBag li.bag ul.cart li.product .item a:hover {
								text-decoration:underline;
							}
						#header #navigation ul#shoppingBag li.bag ul.cart li.product em {
							font-style:italic;
						}
					#header #navigation ul#shoppingBag li.bag ul.cart li.total {
						padding:10px 0 3px 0;
					}
						#header #navigation ul#shoppingBag li.bag ul.cart li.total .cost, #header #navigation ul#shoppingBag li.bag ul.cart li.total .btn {
							padding:10px 0 8px 0;
							border-top:1px solid #fff;
						}
						#header #navigation ul#shoppingBag li.bag ul.cart li.total .cost {
							margin:0 0 0 6px;
							width:110px;
							display:inline;
							float:left;
						}
							#header #navigation ul#shoppingBag li.bag ul.cart li.total .cost em {
								font-style:italic;
							}
						#header #navigation ul#shoppingBag li.bag ul.cart li.total .btn {
							width:64px;
							float:left;
						}
							#header #navigation ul#shoppingBag li.bag ul.cart li.total .btn a {
								width:64px; height:22px;
								display:block;
								background:url(../images/btn_viewBag.png) 0 0 no-repeat;
							}
					#header #navigation ul#shoppingBag li.bag ul.cart li.bottom {
						height:5px;
						background:url(../images/bg_cartBottom.png) 0 bottom no-repeat;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	.ratings Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ratings {
		margin:8px 0 0 0;
		font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
		color:#898989;
		line-height:18px;
		float:left;
	}
		.ratings a {
			color:#1E4A7F;
		}
		.rating-box {
			width:90px; height:18px;
			margin:0 7px 0 0;
			background:url(../images/rating_blank.png) 0 0 no-repeat;
			position:relative;
			float:left;
		}
			.rating {
				height:18px;
				background:url(../images/rating_full.png) 0 0 no-repeat;
				position:absolute;
			}
	table.ratings-list {
		margin:0 0 10px 0;
	}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	.messages Style
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.messages {
		padding:9px 20px 0 0;
	}
		.messages .success-msg, .messages .error, .messages .warning, .messages .notice, .messages .error-msg {
			margin:0;
			font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
			color:#fff;
			display:inline-block;
			line-height:19px;
			float:right;
		}
			.messages .success-msg ul {
			
			}
				.messages .success-msg ul li {
					margin:0 0 5px 0; padding:0 0 0 9px;
					background:url(../images/bg_left_notification_yes2.png) 0 0 no-repeat;
				}
					.messages .success-msg ul li .icon {
						width:15px; height:15px;
						margin:2px 3px 0 0;
						background:url(../images/icon_yes.png) 0 0 no-repeat;
						display:inline-block;
						float:left;
					}
					.messages .success-msg ul li .right {
						width:9px; height:19px;
						padding:0; margin:0;
						background:url(../images/bg_right_notification_yes.png) 0 0 no-repeat;
						display:inline-block;
					}
		
		
			.messages .error ul, .messages .error-msg ul, .messages .warning ul, .messages .notice ul {
			
			}
				.messages .error ul li, .messages .error-msg ul li, .messages .warning ul li, .messages .notice ul li {
					margin:0 0 5px 0; padding:0 0 0 9px;
					background:url(../images/bg_left_notification_no2.png) 0 0 no-repeat;
				}
					.messages .error ul li .icon, .messages .error-msg ul li .icon, .messages .warning ul li .icon, .messages .notice ul li .icon {
						width:15px; height:15px;
						margin:2px 3px 0 0;
						background:url(../images/icon_no.png) 0 0 no-repeat;
						display:inline-block;
						float:left;
					}
					.messages .error ul li .right, .messages .error-msg ul li .right, .messages .warning ul li .right, .messages .notice ul li .right {
						width:9px; height:19px;
						padding:0; margin:0;
						background:url(../images/bg_right_notification_no.png) 0 0 no-repeat;
						display:inline-block;
					}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Content Space Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
	
	}
	
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Products Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#products {
		padding:0 0 0 20px;
	}
		ul#products li {
			width:207px; height:126px;
			margin:15px 15px 0 0; padding:10px;
			background:url(../images/bg_product.png) 0 0 no-repeat;
			float:left;
			display:inline;
		}
			ul#products li.single {
				background:url(../images/bg_product_single.png) 0 0 no-repeat;
			}
			ul#products li.package {
				background:url(../images/bg_product_package.png) 0 0 no-repeat;
			}
			ul#products li .image {
				float:left;
			}
			ul#products li .productInfo {
				width:111px;
				padding:15px 0 0 10px;
				font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
				float:left;
			}
				ul#products li .productInfo h3 {
					padding:0 0 7px 0;
				}
					ul#products li .productInfo h3 a {
						color:#1e4a7f;
					}
				ul#products li .productInfo .price {
					font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
					color:#898989;
				}
				ul#products li .productInfo .out-of-stock {
					color:#ff8484;
				}
				ul#products li .productInfo .price_label {
					color:#898989;
				}
				ul#products li .productInfo a.btn_add {
					width:80px; height:20px;
					margin:15px 0 0 0; padding:0 0 0 10px;
					font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
					background:url(../images/btn_90w.png) 0 -20px no-repeat;
					color:#fff;
					display:block;
					line-height:20px;
					letter-spacing:-1px;
				}
					ul#products li .productInfo a.btn_add:hover {
						background-position:0 -20px;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:0 0 85px 0;
		font:normal 11px Tahoma,Geneva,Kalimati,sans-serif;
		color:#fff;
	}
		#footer a {
			font-size:10px;
			color:#fff;
		}
			#footer a:hover {
				text-decoration:none;
			}
		#footer ul.left {
			width:500px;
			padding:12px 0 0 5px;
			float:left;
		}
		
		.social {
			
		}
		
		#footer ul.right {
			width:400px;
			padding:12px 5px 0 0;
			float:right;
		}
			#footer ul.left li {
				padding:0 2px 0 0;
				float:left;
			}
			
			#footer ul.left li img {
				width:16px;
				height:16px;
				border:0px;
				padding:0px 6px 0 0;
				vertical-align:middle;
			}
				#footer ul.left li.copyright {
					margin:5px 0 0 0;
					width:500px;
					color:#fff;
				}
			#footer ul.right li {
				padding:0 0 0 2px;
				float:right;
			}
				#footer ul.right.bottom {
					margin:5px 0 0 0;
					padding:0 5px 0 0;
				}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#pager Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#pager {
		width:732px;
		margin:10px 0 0 0;
		font:normal 14px Tahoma,Geneva,Kalimati,sans-serif;
		color:#1e4a7f;
		line-height:19px;
		display:inline-block;
	}
		#pager ol {
			float:right;
		}
			#pager ol li {
				margin:0 0 10px 6px;
				float:left;
			}