/*  
Theme Name: Unisom
Theme URI: 
Description: 
Version: 
Author: 
Author URI: 
License:
License URI: 
*/

/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; }

/* General Structure */

body {
	background: #FFF;
	text-align: center;
	font-family: "museo-sans", Helvetica, Arial, 'Sans Serif';
	font-weight: 500;
	font-size: 15px;
	color: #666666;
}
	
	a { color: #0763a1; text-decoration: none; }
	a:hover { color: #333; }
	
	.button {
		line-height: 28px;
		text-transform: uppercase;
		padding: 2px 16px 0 16px;
		display: inline-block;
		font-family: "museo";
		font-weight: 700;
		letter-spacing: 2.4px;
		font-size: 14px;
		border: 1px solid #0763a1;
		color: #0763a1;
	}
	.button:hover {
		color: #FFF;
		background: #0763a1;
	}
	
	.clearfix { display: block; clear: both; }
	
	.container {
		display: block;
		margin: auto;
		text-align: left;
		width: 982px;
		position: relative;
	}
	
	.mobile-only { display: none; }
	
	
	/* Sanofi Bar */
	
	#sanofi-bar {
		height: 37px;
	}
		#sanofi-bar a {
			margin: 0 20px 0 0;
			display: block;
			float: right;
		}
			#sanofi-bar a img { display: block; }
			
	
	/* Where to Buy */
	
	#where-to-buy-bar {
		height: 66px;
		background: #e5e7eb;
		display: none;
	}
		#where-to-buy-bar a {
			float: left;
			display: block;
			margin: 9px 42px 0 10px;
		}
		#where-to-buy-bar a.additional-link {
			display: block;
			line-height: 49px;
			font-size: 13px;
			color: #3974bc;
			padding: 0 0 0 20px;
			margin-right: 0px;
			margin-left: 0px;
			float: right;
			background: url(./images/additional-link-icon.png) no-repeat left center;
		}
	
	
	/* Site Header */
	
	#site-top {
		border-top: 3px solid #e5e7eb;
		position: relative;
		z-index: 100;
	}
	
	#site-header {
		background: url(./images/site-header-cutout.png) no-repeat center bottom #004280;
	}
		#site-header .container {
			text-align: center;
			overflow: hidden;
			height: 152px;
			background: url(./images/site-header.jpg) no-repeat center top;
		}
			#site-header .logo {
				display: block;
				margin: 45px auto 0 auto;
			}
				#site-header .logo img { margin: 0 0 0 13px; }
			#site-header .header-links {
				position: absolute;
				top: 0px;
				left: 8px;
			}
				#site-header .header-links a { display: block; float: left; }
					#site-header .header-links a img { display: block; }
			#site-header .us-only {
				display: block;
				position: absolute;
				top: 10px;
				right: 20px;
				font-size: 9px;
				color: #cdcdcd;
				font-family: "Open Sans";
				font-weight: normal;
			}
	
	
	/* Site Nav */
	
	#site-nav {
		height: 45px;
		font-family: "museo";
		background: url(./images/site-nav-cutout.png) no-repeat center bottom #45aacf;
	}
		#site-nav .container {
			padding: 0 6px;
		}
		#site-nav ul {
			margin: 0 -6px;
			position: relative;
		}
		#site-nav ul li {
			float: left;
			display: block;
			position: relative;
			border-right: 1px solid #a0d4e7;
		}
		#site-nav ul li.nav-questions { border: none; }
			#site-nav ul li a {
				line-height: 45px;
				padding: 0 34px 0 48px;
				float: left;
				display: block;
				color: #FFF;
				font-size: 16px;
				font-family: 700;
			}
			#site-nav ul li.nav-has-dropdown a {
				background-image: url(./images/site-nav-list-icon.png);
				background-repeat: no-repeat;
				background-position: 34px top;
			}
			#site-nav ul li.nav-products a { padding-left: 68px; padding-right: 36px; background-position: 48px top; }
			#site-nav ul li.nav-products a:hover, 
			#site-nav ul li.nav-products a.active { background-position: 48px -45px; }
			#site-nav ul li.nav-why a { padding-left: 60px; padding-right: 40px; background-position: 34px top; }
			#site-nav ul li.nav-why a:hover, 
			#site-nav ul li.nav-why a.active { background-position: 34px -45px; }
			#site-nav ul li.nav-101 a { padding-left: 60px; padding-right: 40px; background-position: 34px top; }
			#site-nav ul li.nav-101 a:hover, 
			#site-nav ul li.nav-101 a.active { background-position: 34px -45px; }
			#site-nav ul li.nav-better a { padding-left: 60px; padding-right: 40px; background-position: 36px top; }
			#site-nav ul li.nav-better a:hover, 
			#site-nav ul li.nav-better a.active { background-position: 36px -45px; }
			#site-nav ul li.nav-questions a { text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding-left: 31px; padding-right: 40px; padding-left: 0px; padding-right: 10px; }
			#site-nav ul li a:hover, 
			#site-nav ul li a.active {
				background-color: #e5e7eb;
				color: #004280;
			}
			#site-nav ul li.nav-products a:hover, 
			#site-nav ul li.nav-products a.active {
				background-image: url(./images/site-nav-list-icon-products.png);
				background-position: left -45px;
			}
			#site-nav ul li.nav-questions a:hover {
				background-image: url(./images/site-nav-questions.png);
				background-repeat: no-repeat;
				background-position: right top;
			}
			#site-nav ul li ul {
				position: absolute;
				top: 45px;
				width: 379px;
				background: #e5e7eb;
				left: 0px;
				margin: 0px;
				box-shadow: 0 3px 3px rgba(0,0,0,0.4);
				border-bottom: 3px solid #004280;
				display: none;
			}
				#site-nav ul li ul li {
					border: none;
					float: none;
					margin: 0px;
					border-top: 1px solid #b7c6d6;
				}
					#site-nav ul li.nav-has-dropdown ul li a {
						float: none;
						padding: 0 0 0 58px;
						font-size: 16px;
						color: #004280;
						font-weight: 700;
						line-height: 44px;
						background: url(./images/site-nav-moon-icon.png) no-repeat 37px top;
					}
					#site-nav ul li.nav-has-dropdown ul li a:hover {
						color: #FFF;
						background-color: #004280;
						background-position: 37px -44px;
					}
			#site-nav ul li.nav-products ul {
				left: 37px;
				width: 758px;
				border: none;
				padding: 0 0 0 3px;
			}
				#site-nav ul li.nav-products ul li {
					float: left;
					display: block;
					width: 130px;
					text-align: center;
					padding: 0 11px 7px 10px;
					border: none;
					background: url(./images/nav-products-divider.jpg) no-repeat right top;
				}
				#site-nav ul li.nav-products ul li.nav-product-pm-pain { background: none; }
				#site-nav ul li.nav-products ul li a {
					display: block;
					padding: 126px 0 0 0;
					text-align: center;
					font-size: 12px;
					color: #004280;
					line-height: 19px;
					background-position: left top!important;
				}
				#site-nav ul li.nav-products ul li.nav-product-liquid a { background-image: url(./images/nav-product-liquid.jpg); }
				#site-nav ul li.nav-products ul li.nav-product-sleeptabs a { background-image: url(./images/nav-product-sleeptabs.jpg); }
				#site-nav ul li.nav-products ul li.nav-product-sleepgels a { background-image: url(./images/nav-product-sleepgels.jpg); }
				#site-nav ul li.nav-products ul li.nav-product-quickmelts a { background-image: url(./images/nav-product-quickmelts.jpg); }
				#site-nav ul li.nav-products ul li.nav-product-pm-pain a { background-image: url(./images/nav-product-pm-pain.jpg); }
				#site-nav ul li.nav-products ul li a:hover {
					background-color: #004280;
					background-position: left top!important;
					color: #e5e7eb;
				}
	
	
	/* Home Slider */
	
	#home-slider {
		height: 484px;
		overflow: hidden;
		clear: both;
		position: relative;
	}
		#home-slider ul.slides-nav {
			position: absolute;
			bottom: 32px;
			left: 50%;
			margin: 0 0 0 254px;
		}
			#home-slider ul.slides-nav li {
				display: block;
				width: 14px;
				height: 14px;
				background: url(./images/slide-nav.png) no-repeat;
				cursor: pointer;
				margin: 0 13px 0 0;
				float: left;
			}
			#home-slider ul.slides-nav li.active {
				background: url(./images/slide-nav-active.png) no-repeat;
			}
		#home-slider ul.slides {
			display: block;
			position: relative;
		}
			#home-slider ul.slides li {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 484px;
				display: none;
			}
				#home-slider ul.slides li .slide-image {
					display: block;
					text-align: center;
					width: 300%;
					margin: 0 -100% 0 -100%;
				}
					#home-slider ul.slides li .slide-image img {
						margin: auto;
						display: block;
						max-height: 100%;
						height: 100%;
					}
				#home-slider ul.slides li .slide-text {
					position: absolute;
					top: 144px;
					left: 50%;
					margin: 0 0 0 138px;
					width: 350px;
				}
					#home-slider ul.slides li .slide-text .slide-heading {
						height: 100px;
					}
						#home-slider ul.slides li .slide-text .slide-heading h2 {
							font-size: 50px;
							line-height: 48px;
							font-weight: 300;
							margin: 0px;
							font-family: "museo";
						}
						#home-slider ul.slides li .slide-text .slide-heading h3 {
							font-size: 40px;
							line-height: 38px;
							font-weight: 300;
							margin: 0px;
							font-family: "museo";
						}
						#home-slider ul.slides li .slide-text .slide-heading sup { font-size: 0.3em; top: -1em; }
					#home-slider ul.slides li .slide-text p {
						font-size: 16px;
						line-height: 26px;
						text-align: center;
						color: #FFF;
						padding: 20px 10px 0 10px;
						margin: 0 0 15px 0;
					}
					#home-slider ul.slides li .slide-text .button { color: #FFF; border-color: #FFF; }
	
	
	/* Home Content */
	
	#home-content {
		background: url(./images/home-content-back.jpg);
		padding: 30px 0;
	}
		#home-content .container {
			background: #e5e7eb;
			overflow: hidden;
		}
			#home-content .home-content-image {
				float: right;
				margin: 36px 51px 45px 0;
			}
			#home-content .text {
				float: left;
				width: 440px;
				padding: 63px 0 45px 59px;
			}
				#home-content .text h2 {
					font-size: 50px;
					font-family: "museo";
					color: #45aacf;
					font-weight: 300;
					margin: 0 0 3px 0;
					line-height: 50px;
				}
				#home-content .text h3 {
					font-size: 40px;
					font-family: "museo";
					color: #45aacf;
					font-weight: 300;
					margin: 0 0 10px 0;
					line-height: 40px;
				}
				#home-content .text p {
					line-height: 26px;
					margin: 0 0 18px 0;
				}
				#home-content .text .button {
					border: 1px solid #45aacf;
					color: #45aacf;
				}
				#home-content .text .button:hover { background: #45aacf; color: #FFF; }
	
	
	/* Video Section */
	
	#video-section {
		background: url(./images/video-section.jpg) no-repeat center center #001f59;
		height: 505px;
	}
		#video-section .container { text-align: center; overflow: hidden; }
		#video-section iframe {
			display: block;
			width: 700px;
			height: 394px;
			margin: 45px auto 0 auto;
			border: 10px solid #FFF;
		}
		
	
	/* Page */
	
	#page-title {
		border-top: 1px solid #d8d8d8;
		border-bottom: 1px solid #d8d8d8;
		background: #f6f6f6;
		margin: 23px 0 0 0;
	}
		#page-title h1 {
			font-size: 44px;
			line-height: 60px;
			font-family: "Museo";
			color: #0763a1;
			font-weight: 300;
			padding: 22px 0 20px 0;
		}
			#page-title h1 sup { font-size: 0.4em; top: -0.8em; vertical-align: top; }
	
	#page-meta {
		border-bottom: 1px solid #d8d8d8;
		margin: 0 0 40px 0;
	}
		#page-meta p {
			line-height: 43px;
			height: 43px;
			color: #086c90;
			font-size: 14px;
			font-weight: 26px;
		}
			#page-meta p span, 
			#page-meta p a {
				line-height: 43px;
				display: block;
				float: left;
			}
			#page-meta p span.divider {
				background: url(./images/breadcrumb-arrow.png) no-repeat center center;
				width: 30px;
				height: 43px;
			}
			#page-meta p a { text-decoration: underline; }
	
	
	/* Main */
	
	#main { padding: 0 0 25px 0; }
	
		.content-left {
			width: 535px;
			float: left;
		}
		
		#main h1, 
		#main h2 {
			font-size: 30px;
			line-height: 34px;
			color: #666666;
			font-family: "Museo";
			margin: 0 0 10px 0;
		}
		#main h3 {
			font-size: 20px;
			line-height: 30px;
			color: #666666;
			font-family: "Museo";
			margin: 0 0 15px 0;
		}
		#main h4 {
			font-size: 18px;
			font-weight: 700;
			line-height: 22px;
			color: #0763a1;
			font-family: "Museo";
			margin: 0 0 15px 0;
			padding: 8px 0 0 0;
		}
		#main h5 {
			font-size: 15px;
			font-weight: 700;
			line-height: 26px;
			color: #0763a1;
			font-family: "museo-sans";
			margin: 0px;
		}
		#main p {
			line-height: 26px;
			margin: 0 0 26px 0;
			margin: 0 0 16px 0;
		}
			#main p a { text-decoration: underline; font-weight: 700; }
		#main ul {
			border-left: 1px solid #d8d8d8;
			margin: 0 0 40px 23px;
			padding: 0 0 0 5px;
		}
			#main ul li {
				background: url(./images/bullet-tick.png) no-repeat 18px 0px;
				padding: 0 0 10px 48px;
				font-size: 16px;
				line-height: 24px;
			}
			#main ul li:last-child { margin-bottom: -10px; padding-bottom: 0px; }
		#main p img { max-width: 100%; height: auto; }
		
		.alignleft {
			float: left;
			display: block;
			margin: 0 20px 20px 0;
		}
		
		.alignright {
			float: right;
			display: block;
			margin: 0 0 20px 20px;
		}
		
		.aligncenter {
			float: none;
			display: block;
			margin: 0 auto 20px auto;
		}
	
		.tooltip-link {
			display: inline-block;
			background: #086c90;
			width: 11px;
			height: 11px;
			text-align: center;
			line-height: 11px;
			font-size: 8px;
			color: #FFF;
			margin: 0 0 0 2px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			text-decoration: none!important;
			position: relative;
			vertical-align: middle;
			top: -0.2em;
		}
		.tooltip-link:hover {
			background: #000;
			color: #FFF;
		}
		
		.cols { padding: 10px 0 0 4px; margin: 0 0 44px 0; }
			.cols .col {
				float: left;
				border-left: 1px solid #d8d8d8;
				padding: 0 0 0 15px;
				width: 450px;
			}
			.cols .col-no-border { border: none; padding: 0px; }
				#main .cols .col ul { border: none; margin-left: 0px; padding: 0px; }
			.cols .col-right {
				float: right;
			}
				#main .cols .col h5 { margin-top: -8px; }
				#main .cols .col p { margin: -5px 0; }
				
		.hr {
			display: block;
			height: 1px;
			background: #d8d8d8;
		}
		.space { display: block; height: 40px; clear: both; }
		
		.advantage-image {
			background: url(./images/advantage-back.jpg) repeat-x left bottom;
			text-align: center;
			margin: auto;
			border-top: 1px solid #d8d8d8;
			border-bottom: 1px solid #d8d8d8;
		}
			#main .advantage-image p { margin: 0px; }
			.advantage-image img { margin: auto; display: block; }
		
		/* Products */
		
		.product-items { 
			margin: 0 -24px 0 -24px;
		}
			.product-item {
				float: left;
				width: 293px;
				margin: 0 24px 42px 24px;
				border: 1px solid #d8d8d8;
				position: relative;
				padding: 0 0 20px 0;
			}
			.product-item-4, 
			.product-item-7, 
			.product-item-10 { clear: left; }
				.product-item .label {
					background: #b81f3b;
					display: block;
					position: absolute;
					top: -1px;
					left: -1px;
					text-align: center;
					width: 70px;
					line-height: 32px;
					color: #FFF;
					font-style: italic;
					font-weight: 700;
					font-size: 18px;
					border-radius: 0 0 20px 0;
					-moz-border-radius: 0 0 20px 0;
					-webkit-border-radius: 0 0 20px 0;
				}
				.product-item img {
					display: block;
				}
				#main .product-item h2 {
					background: url(./images/product-item-title.png) no-repeat;
					width: 311px;
					padding: 2px 0 0 0;
					height: 52px;
					margin: -2px 0 12px -10px;
					text-align: center;
					color: #FFF;
					line-height: 52px;
					font-weight: 300;
					font-size: 24px;
				}
				#main .product-item p {
					margin: 0 0 20px 0;
					padding: 0 20px 0 25px;
				}
				#main .product-item .button {
					margin: 0 25px;
					width: auto;
					text-align: center;
					float: none;
					display: block;
					color: #015b8f;
					border-color: #015b8f;
				}
				#main .product-item .button:hover {
					background-color: #015b8f;
					color: #FFF;
				}
		
		/* Product */
		
		.product-content { padding: 0 0 35px 0; }
			.product-image {
				float: right;
			}
		
		.product-features {
			border-top: 1px solid #d8d8d8;
			border-bottom: 1px solid #d8d8d8;
			height: 130px;
			margin: 0 0 45px 0;
			overflow: hidden;
		}
			#main .product-features ul {
				margin: 0 -20px 0 0;
				border: none;
				padding: 0px;
			}
				#main .product-features li {
					padding: 0px;
					background: none;
					float: left;
					display: table;
					width: 290px;
					height: 130px;
					margin: 0 20px;
					vertical-align: middle;
				}
					#main .product-features li img {
						display: table-cell;
						margin: 0 15px 0 0;
						width: 85px;
					}
					#main .product-features li span {
						display: table-cell;
						font-size: 18px;
						line-height: 20px;
						font-family: "Museo";
						font-weight: 500;
						width: 190px;
						vertical-align: middle;
					}
					
		.product-tabs {
			padding: 0 0 30px 0;
		}
			.product-tabs .tab-buttons {
				height: 45px;
				border-radius: 10px 10px 0 0;
				-moz-border-radius: 10px 10px 0 0;
				-webkit-border-radius: 10px 10px 0 0;
				overflow: hidden;
			}
				.product-tabs .tab-buttons a {
					float: left;
					display: block;
					width: 50%;
					background: url(./images/product-tab.png) no-repeat 30px center #086c90;
					line-height: 45px;
					font-size: 16px;
					font-weight: 700;
					font-family: "Museo";
					color: #FFF;
					padding: 0 0 0 62px;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					color: rgba(255,255,255,0.5);
				}
				.product-tabs .tab-buttons a.active {
					color: #FFF;
					background: url(./images/product-tab-active.png) no-repeat 30px center #45aacf;
				}
			.product-tabs .tab-panes {
				background: #e7f4f8;
				padding: 30px;
			}
				#main .product-tabs .tab-pane { display: none; }
				#main .product-tabs .tab-pane-active { display: block; }
				#main .product-tabs .tab-panes h3 {
					color: #086c90;
					margin: 0 0 12px 0;
				}
				#main .product-tabs .tab-panes h4 {
					color: #086c90;
					margin: 0 0 5px 0;
				}
				#main .product-tabs .tab-panes p, 
				#main .product-tabs .tab-panes ul {
					font-size: 14px;
					line-height: 22px;
					color: #086c90;
					margin: 0 0 0 0;
					border: none;
					padding: 0px;
				}
				#main .product-tabs .tab-panes ul { margin-bottom: 20px; }
				#main .product-tabs .tab-panes ul li {
					background: url(./images/bullet.png) no-repeat 8px 8px;
					padding: 0 0 0 18px;
					font-size: 14px;
					line-height: 22px;
				}
				.product-tabs .tab-panes .left {
					float: left;
					width: 440px;
				}
				.product-tabs .tab-panes .right {
					float: right;
					width: 440px;
				}
				.product-tabs .tab-panes .line {
					display: block;
					height: 1px;
					background: #086c90;
					margin: 10px 0 15px 0;
				}
				.active-ingredient {
					clear: both;
				}
					.active-ingredient .active-ingredient-left {
						float: left;
						width: 50%;
						text-align: left;
					}
					.active-ingredient .active-ingredient-right {
						float: right;
						width: 50%;
						text-align: right;
					}
					.active-ingredient p {
						background: url(./images/ingredient-dots.png) repeat-x 7px bottom;
					}
					.active-ingredient .active-ingredient-left p { background-position: right bottom; }
					.active-ingredient .active-ingredient-right p { background-position: left bottom; }
						.active-ingredient p span { background: #e7f4f8; }
		
		#product-ctas {
			padding: 40px 0;
			background: #45aacf;
			overflow: hidden;
		}
			#product-ctas a {
				float: left;
				width: 300px;
				border: 1px solid #FFF;
				border-radius: 40px 0 0 0;
				-moz-border-radius: 40px 0 0 0;
				-webkit-border-radius: 40px 0 0 0;
				position: relative;
				padding: 30px 80px 0 50px;
				height: 196px;
				background: rgba(255,255,255,0.22);
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				margin: 0 41px 0 0;
				color: #FFF;
			}
			#product-ctas a.middle {
				padding-left: 30px;
				background: #FFF;
				color: #086c90;
			}
			#product-ctas a.right { margin: 0px; }
				#product-ctas a span.icon {
					position: absolute;
					top: 0px;
					right: 0px;
					width: 53px;
					height: 53px;
					background: #FFF;
					border-radius: 0 0 0 50px;
					-moz-border-radius: 0 0 0 50px;
					-webkit-border-radius: 0 0 0 50px;
					background-repeat: no-repeat;
				}
				#product-ctas a span.icon-moon {
					background: url(./images/product-cta-moon.png) no-repeat #FFF;
				}
				#product-ctas a span.icon-dollar {
					background: url(./images/product-cta-dollar.png) no-repeat #FFF;
				}
				#product-ctas a h4 {
					font-size: 26px;
					line-height: 30px;
					font-family: "Museo";
					margin: 0 0 15px 0;
				}
				#product-ctas a p {
					font-size: 14px;
					line-height: 18px;
					padding: 0 20px 0 0;
					display: block;
					font-weight: 300;
					margin: -10px 0 15px 0;
				}
				#product-ctas a img {
					position: absolute;
					bottom: -23px;
					right: -40px;
					display: block;
				}
				#product-ctas a .button {
					color: #FFF;
					border-color: #FFF;
					width: 196px;
					text-align: center;
					padding: 2px 0 0 0;
				}
				#product-ctas a:hover .button {
					color: #086c90;
					background: #FFF;
				}
				#product-ctas a.middle .button {
					color: #086c90;
					width: 170px;
					border-color: #086c90;
				}
				#product-ctas a.middle:hover .button {
					color: #FFF;
					background-color: #086c90;
				}
	
		/* Why */
		
		.why-items { margin-top: -30px; }
		.why-item {
			border-bottom: 1px solid #d8d8d8;
			padding: 20px 220px 25px 35px;
			position: relative;
			background: url(./images/why-moon.png) no-repeat left 25px;
		}
			#main .why-item h2 {
				font-size: 30px;
				line-height: 35px;
				line-height: normal;
				font-weight: 300;
				margin: 0px;
			}
			#main .why-item p {
				font-size: 20px;
				margin: 0px;
				line-height: 25px;
			}
			#main .why-item .button {
				position: absolute;
				top: 36px;
				right: 0px;
				width: 180px;
				color: #015b8f;
				border-color: #015b8f;
				padding: 2px 0 0 0;
				line-height: 30px;
				font-size: 14px;
				text-align: center;
				text-decoration: none;
			}
			#main .why-item .button:hover {
				color: #FFF;
				background: #015b8f;
			}
			
		/* Test Your Sleep */
		
		.test-your-sleep-wrapper {
			border-top: 1px solid #d8d8d8;
			border-bottom: 1px solid #d8d8d8;
			margin-top: 40px;
		}
		.test-your-sleep-wrapper .container { text-align: center; }
			.test-your-sleep {
				margin: auto;
				width: 450px;
				position: relative;
				padding: 35px 155px 85px 155px;
			}
				#main .test-your-sleep .slides {
					position: relative;
					overflow: hidden;
				}
				#main .test-your-sleep .slides ul {
					width: 30000px;
					display: block;
					position: relative;
					left: 0px;
					top: 0px;
					padding: 0px;
					margin: 0px;
					border: none;
				}
					#main .test-your-sleep .slides ul li {
						float: left;
						width: 450px;
						text-align: center;
						background: none;
						padding: 0px;
						margin: 0px;
						background: none;
					}
						#main .test-your-sleep .slides ul li img { 
							display: block;
							margin: 0 auto 20px auto;
						}
						#main .test-your-sleep .slides ul li p {
							font-size: 25px;
							line-height: 35px;
						}
						#main .test-your-sleep .slides ul li .buttons {
							
						}
							#main .test-your-sleep .slides ul li .buttons .button, 
							#main .test-your-sleep .slides ul li.results .button {
								width: 160px;
								padding: 2px 0 0 0;
								text-align: center;
								font-weight: 500;
								margin: 0 15px;
								border-color: #0763a1;
								color: #0763a1;
							}
							#main .test-your-sleep .slides ul li .buttons .button-yes:hover,
							#main .test-your-sleep .slides ul li .buttons .button-yes.active, 
							#main .test-your-sleep .slides ul li.results .button-yes {
								background-color: #0763a1;
								color: #FFF;
							}
							#main .test-your-sleep .slides ul li .buttons .button-no:hover, 
							#main .test-your-sleep .slides ul li .buttons .button-no.active, 
							#main .test-your-sleep .slides ul li.results .button-no {
								border-color: #b81f3b;
								background-color: #b81f3b;
								color: #FFF;
							}
					#main .test-your-sleep .slides ul li.results {
						
					}
						#main .test-your-sleep .slides ul li.results h3 {
							font-size: 25px;
							font-family: "museo-sans";
							margin: 0 0 20px 0;
							text-transform: uppercase;
							color: #0763a1;
							padding: 45px 0 0 0;
						}
						#main .test-your-sleep .slides ul li.results .result { margin-bottom: 20px; }
						#main .test-your-sleep .slides ul li.results .result p { font-weight: 500; }
						#main .test-your-sleep .slides ul li.results p span { color: #0763a1; }
							
				#main .test-your-sleep .arrow {
					width: 63px;
					height: 100px;
					position: absolute;
					left: 0px;
					top: 50%;
					margin: -70px 0 0 0;
					background: url(./images/test-arrow-left.png) no-repeat;
				}
				#main .test-your-sleep .arrow-right {
					left: auto;
					right: 0px;
					background: url(./images/test-arrow-right.png) no-repeat;
				}
				
				#main .test-your-sleep .slides-nav {
					padding: 0px;
					margin: 0 0 0 -260px;
					left: 50%;
					border: none;
					position: absolute;
					bottom: 38px;
					width: 520px;
					text-align: center;
				}
					#main .test-your-sleep .slides-nav li {
						display: inline-block;
						width: 20px;
						height: 20px;
						margin: 0 16px;
						padding: 0px;
						background: url(./images/test-nav.png) no-repeat;
					}
					#main .test-your-sleep .slides-nav li.no { background-position: left -30px; }
					#main .test-your-sleep .slides-nav li.yes { background-position: left -60px; }
					
			.disclaimer {
				margin: 40px 0 15px 0;
				border-left: 1px solid #d8d8d8;
				padding: 0 0 0 12px;
			}
				#main .disclaimer h4 {
					font-size: 14px;
					line-height: 14px;
					padding: 4px 0 0 0;
					margin: 0 0 4px 0;
					font-family: "museo-sans";
				}
				#main .disclaimer p, 
				#main .disclaimer small {
					display: block;
					font-size: 12px;
					line-height: 22px;
				}
					#main .disclaimer p a, 
					#main .disclaimer small a { text-decoration: underline;  color: #666666; font-weight: normal; }
			sup {
				font-size: 0.6em;
				vertical-align: baseline;
				position: relative;
				top: -0.4em;
			}
	
		/* Myths */
		
		.myth-items {
			border-top: 1px solid #d8d8d8;
			margin-top: 30px;
		}
			.myth-item {
				border-bottom: 1px solid #d8d8d8;
				position: relative;
				text-align: center;
			}
			.myth-item .container {
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				padding: 17px 380px 17px 20px;
			}
				#main .myth-item h3 {
					font-size: 25px;
					line-height: 35px;
					margin: 0px;
					position: relative;
					font-family: "museo-sans";
					font-weight: 300;
					padding: 0 0 0 25px;
				}
					#main .myth-item h3 .number {
						position: absolute;
						top: 0px;
						left: 0px;
						line-height: 35px;
					}
					#main .myth-item h3 sup { font-size: 0.4em; top: -1em; }
				#main .myth-item p {
					line-height: 24px;
					font-size: 15px;
					margin: 0 -30px 0 0;
					display: none;
				}
					#main .myth-item p span { font-weight: 700; text-transform: uppercase; }
					#main .myth-item p .myth { color: #b81f3b; }
					#main .myth-item p .truth { color: #0763a1; }
					
					#main .myth-item p span { 
						font-weight: 700;
						text-transform: uppercase;
						display: inline-block;
						color: #FFF!important;
						padding: 0 10px;
					}
					#main .myth-item p .myth { background-color: #b81f3b; }
					#main .myth-item p .truth { background-color: #0763a1; }
				#main .myth-item .buttons {
					position: absolute;
					top: 20px;
					right: 20px;
					width: 350px;
				}
					#main .myth-item .buttons .button {
						float: left;
						width: 160px;
						text-align: center;
						padding: 2px 0 0 0;
					}
					#main .myth-item .buttons .button-myth {
						border-color: #b81f3b;
						color: #b81f3b;
					}
					#main .myth-item .buttons .button-myth:hover { background: #b81f3b; color: #FFF; }
					#main .myth-item .buttons .button-truth {
						border-color: #0763a1;
						color: #0763a1;
						float: right;
					}
					#main .myth-item .buttons .button-truth:hover { background: #0763a1; color: #FFF; }
	
		/* Common Questions */
		
		.common-questions-tabs {
			overflow: hidden;
			margin: 0 -40px 30px 0;
			padding: 3px 0 0 0;
		}
			.common-questions-tabs a {
				float: left;
				width: 306px;
				margin: 0 32px 0 0;
				text-align: center;
				border: 1px solid #0763a1;
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				font-size: 18px;
				line-height: 20px;
				font-weight: 500;
				padding: 10px 65px 9px 65px;
			}
			.common-questions-tabs a.active, 
			.common-questions-tabs a:hover {
				background: #0763a1;
				color: #FFF;
			}
		.common-questions-tabpane { padding-left: 0px; display: none; }
		.common-questions-tabpane-1 { display: block; }
			.common-questions-tabpane .col-right { width: 475px; }
				#main .common-questions-tabpane .col p { margin: 0 0 30px 0; }
		
		/* Where to Buy */
		
		#main .buy-section { 
			padding: 20px 0 0 0;
			margin: 0 0 35px 0;
			width: 800px;
		}
			#main .buy-section h3 {
				font-size: 18px;
				line-height: normal;
				padding: 0px;
				margin: 0 0 2px 0;
				color: #0763a1;
				font-family: "museo-sans";
				font-weight: 700;
			}
			#main .buy-section h4 {
				font-size: 14px;
				padding: 0px;
				margin: 0px;
				font-family: "museo-sans";
				color: #666666;
				line-height: normal;
				font-weight: 500;
				margin: 0 0 15px 0;
			}
			#main .buy-section .logos {
				border-top: 1px solid #d8d8d8;
			}
				#main .buy-section .logos a {
					display: table-cell;
					width: 133px;
					text-align: center;
					vertical-align: middle;
					height: 60px;
				}
				#main .buy-section .logos .section-clear-third { display: none; }
				#main .buy-section .logos .section-clear {
					display: block;
					height: 1px;
					background: #d8d8d8;
					clear: both;
				}
	
	/* Bottom Widgets */
	
	#bottom-widgets {
		background: #052144;
		overflow: hidden;
	}
		#bottom-widgets aside {
			float: left;
			width: 274px;
			margin: 0 84px 0 0;
			padding: 52px 0 8px 0;
		}
			#bottom-widgets aside h4 {
				font-size: 24px;
				padding: 0 0 4px 0;
				font-family: "museo-sans";
				color: #FFF;
				font-weight: 300;
				border-bottom: 1px solid #364b65;
			}
			#bottom-widgets aside.widget-products ul li {
				display: block;
				border-bottom: 1px solid #364b65;
			}
				#bottom-widgets aside.widget-products ul li a {
					display: block;
					line-height: 69px;
					font-size: 18px;
					color: #c8e0fe;
					font-family: "Open Sans";
					padding: 0 0 0 75px;
					position: relative;
				}
				#bottom-widgets aside.widget-products ul li a:hover { color: #FFF; }
					#bottom-widgets aside.widget-products ul li a img {
						position: absolute;
						top: 0px;
						left: 0px;
					}
			#bottom-widgets aside.widget-menus ul { padding: 16px 0 0 0; margin: 0 0 20px 0; overflow: hidden; }
			#bottom-widgets aside.widget-menus ul li {
				margin: 0 0 17px 0;
			}
				#bottom-widgets aside.widget-menus ul li a {
					background: url(./images/widget-menus-link.png) no-repeat left center;
					padding: 0 0 0 20px;
					font-size: 14px;
					color: #c8e0fe;
					line-height: 14px;
				}
				#bottom-widgets aside.widget-menus ul li a:hover { color: #FFF; }
		#bottom-widgets aside.widget-right {
			margin: 0 -35px 0 0;
			float: right;
			width: 290px;
		}
			#bottom-widgets aside.widget-right img {
				display: block;
				margin: 0 0 10px 0;
			}
			#bottom-widgets aside.widget-right h5 {
				font-size: 16px;
				line-height: 24px;
				font-family: "Open Sans";
				font-style: italic;
				font-weight: 600;
				color: #c8e0fe;
				margin: 0 0 10px 0;
			}
			#bottom-widgets aside.widget-right p {
				line-height: 22px;
				font-size: 14px;
				font-family: "Open Sans";
				color: #f4f5f6;
				margin: 0 20px 14px 0;
			}
			#bottom-widgets aside.widget-right .button {
				color: #FFF;
				border-color: #FFF;
			}
			#bottom-widgets aside.widget-right .button:hover {
				background: #FFF;
				color: #052144;
			}
			#bottom-widgets aside.widget-right footer {
				padding: 50px 0 0 0;
				font-size: 11px;
			}
				#bottom-widgets aside.widget-right footer a { color: #bfc1c3; }
				#bottom-widgets aside.widget-right footer a:hover { color: #FFF; }
				#bottom-widgets aside.widget-right footer nav {
					font-weight: bold;
					overflow: hidden;
					margin: 0 0 5px 0;
				}
					#bottom-widgets aside.widget-right footer nav ul {
						margin: 0 0 0 -31px;
					}
					#bottom-widgets aside.widget-right footer nav li {
						display: inline-block;
						padding: 0 0 0 15px;
						margin: 0 0 0 15px;
						border-left: 1px solid #bfc1c3;
					}
						#bottom-widgets aside.widget-right footer nav li a { text-decoration: underline; }
				#bottom-widgets aside.widget-right footer p {
					line-height: 20px;
					font-size: 11px;
					color: #bfc1c3;
					margin: 0px;
				}
	
	
	/* Site Footer */
	
	#site-footer {
		background: url(./images/site-footer.jpg) no-repeat center top #011630;
		padding: 27px 0 26px 0;
	}
		#site-footer .container { text-align: center; }
		#site-footer a {
			display: block;
			margin: auto;
			width: 68px;
			height: 36px;
			background: url(./images/chattem-logo.png) no-repeat left top;
			text-indent: -9999px;
		}
			#site-footer a:hover {
				background-position: left -50px;
			}
			
	
	/* Leaving Popup */
	
	.leaving-back {
		background: #000;
		background: rgba(0,0,0,0.36);
		position: fixed;
		display: none;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 1000;
	}
	.leaving-window {
		position: fixed;
		display: none;
		top: 50%;
		left: 50%;
		width: 854px;
		height: 480px;
		background: #004280;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding: 60px 60px 0 70px;
		border: 10px solid #FFF;
		box-shadow: 0 0 15px rgba(0,0,0,0.75);
		z-index: 1001;
		margin: -240px 0 0 -427px;
		text-align: left;
	}
		.leaving-window .close {
			position: absolute;
			width: 30px;
			height: 30px;
			background: url(./images/close.png) no-repeat;
			top: -25px;
			right: -25px;
		}
		.leaving-window h5 {
			font-size: 34px;
			font-weight: 300;
			font-family: "museo";
			margin: 0 0 10px 0;
			color: #FFF;
		}
		.leaving-window p {
			font-size: 16px;
			line-height: 26px;
			font-weight: 500;
			margin: 0 0 22px 0;
			color: #FFF;
		}
		.leaving-window .buttons {
			overflow: hidden;
			margin: 0 0 20px 0;
			text-align: center;
		}
			.leaving-window .buttons a {
				display: inline-block;
				width: 228px;
				border: 1px solid #FFF;
				line-height: 40px;
				font-size: 14px;
				color: #eaedef;
				font-weight: 700;
				margin: 0 2px;
			}
			.leaving-window .buttons a:hover {
				background: #FFF;
				color: #004280;
			}
	
	
@media screen and (max-width: 1000px) {
	
	.container { width: 740px; }
	
	.button { line-height: 21px; padding: 1px 14px 0 14px; font-size: 11px; }
	
	#where-to-buy-bar a { margin: 9px 20px 0 10px; }
	#where-to-buy-bar a.logo-5 { display: none; }
	
	#sanofi-bar a { margin: 0px; }
	#site-header { background-image: url(./images/tablet-site-header-cutout.png); }
	#site-header .container { height: 130px; }
		#site-header .us-only { right: 0px; }
		#site-header .logo { margin-top: 34px; }
		#site-header .logo img { height: 62px; }

	#site-nav { background-image: url(./images/tablet-site-nav-cutout.png); }
		#site-nav ul li.nav-products a { padding-left: 42px; padding-right: 14px; background-position: 24px top; }
		#site-nav ul li.nav-why a { padding-left: 32px; padding-right: 14px; background-position: 12px top; }
		#site-nav ul li.nav-why a:hover, 
		#site-nav ul li.nav-why a.active { background-position: 12px -45px; }
		#site-nav ul li.nav-101 a { padding-left: 32px; padding-right: 14px; background-position: 12px top; }
		#site-nav ul li.nav-101 a:hover, 
		#site-nav ul li.nav-101 a.active { background-position: 12px -45px; }
		#site-nav ul li.nav-better a { padding-left: 32px; padding-right: 14px; background-position: 12px top; }
		#site-nav ul li.nav-better a:hover,
		#site-nav ul li.nav-better a.active { background-position: 12px -45px; }
		#site-nav ul li.nav-questions a { padding-left: 16px; padding-right: 26px; padding-left: 0px; padding-right: 10px; }
			#site-nav ul li.nav-products a:hover, 
			#site-nav ul li.nav-products a.active {
				background-image: url(./images/tablet-site-nav-list-icon-products.png);
				background-position: left -45px;
			}
		#site-nav ul li.nav-has-dropdown ul { width: 320px; }
			#site-nav ul li.nav-has-dropdown ul li a,
			#site-nav ul li.nav-has-dropdown ul li a:hover { background-position: 17px top; padding-left: 38px; }
			#site-nav ul li.nav-has-dropdown ul li a:hover { background-position: 17px -45px; }
		
		#site-nav ul li.nav-products ul { left: 27px; width: 686px; padding: 0px; }
			#site-nav ul li.nav-products ul li {
				width: 115px;
				padding-right: 12px;
				background-image: url(./images/tablet-nav-products-divider.jpg);
			}
				#site-nav ul li.nav-products ul li a {
					background-size: 115px auto;
					font-size: 11px;
					padding-top: 111px;
					line-height: 18px;
				}
				#site-nav ul li.nav-products ul li a,
				#site-nav ul li.nav-products ul li a:hover { background-position: left top; padding-left: 0px; }
				
	#home-slider {
		height: 362px;
	}
		#home-slider ul.slides li { height: 362px; }
		#home-slider ul.slides li .slide-image img { height: 362px; }
			#home-slider ul.slides li .slide-text {
				margin: 0 0 0 102px;
				width: 260px;
				top: 110px;
			}
				#home-slider ul.slides li .slide-text .slide-heading { height: 75px; }
					#home-slider ul.slides li .slide-text .slide-heading h2 {
						font-size: 37px;
						line-height: 34px;
					}
					#home-slider ul.slides li .slide-text .slide-heading h3 {
						font-size: 30px;
						line-height: 26px;
					}
				#home-slider ul.slides li .slide-text p {
					padding: 14px 5px 0 5px;
					font-size: 12px;
					line-height: 20px;
					margin: 0 0 8px 0;
				}
		#home-slider ul.slides-nav { margin-left: 158px; bottom: 20px; }
			#home-slider ul.slides-nav li { margin-right: 20px; }
	
	#home-content { padding: 20px 0; }
	#home-content .home-content-image { width: 300px; margin-right: 25px; margin-top: 27px; margin-bottom: 30px; }
	#home-content .text { padding: 50px 0 0 23px; width: 345px; }
		#home-content .text h2 { font-size: 37px; line-height: 37px; }
		#home-content .text h3 { font-size: 30px; line-height: 30px; }
		#home-content .text p { font-size: 13px; line-height: 20px; }
		
	#video-section { height: 420px; background-size: auto 420px; }
		#video-section iframe { width: 580px; height: 327px; margin-top: 35px; }
		
	#page-title h1 { font-size: 40px; line-height: 50px; font-weight: 300; }
	#page-meta { margin-bottom: 35px; }
	
	#main h1, 
	#main h2 {
		font-size: 26px;
		line-height: 30px;
		margin: 0 0 0 0;
	}
	#main h2 { margin: 0 0 10px 0; }
	.content-left { width: 390px; }
	.product-image { width: 340px; margin-top: 38px!important; }
	body.page-id-28 .product-image { margin-top: -60px!important; }
	
	#main .product-features li { width: 240px; margin: 0; }
	#main .product-features li img { width: 72px; height: 110px; margin-top: 10px; margin-bottom: 10px; }
	
	#main .buy-section { width: 600px; }
	#main .buy-section .logos a { width: 200px; }
	#main .buy-section .logos .section-clear { display: none; }
	#main .buy-section .logos .section-clear-third {
		display: block;
		height: 1px;
		background: #d8d8d8;
		clear: both;
		display: block;
	}
	
	#product-ctas { padding: 25px 0; }
	#product-ctas a {
		width: 230px;
		margin-right: 25px;
		padding: 22px 40px 0 40px;
		height: 150px;
	}
	#product-ctas a.middle { width: 210px; margin-right: 45px; padding-left: 20px; }
		#product-ctas a h4 { font-size: 20px; line-height: 23px; margin: 0 0 10px 0; }
		#product-ctas a .button { width: 100%; line-height: 23px; }
		#product-ctas a.middle .button { width: 130px; }
		#product-ctas a span.icon {
			width: 42px;
			height: 42px;
			background-size: 42px 42px;
		}
		#product-ctas a p { font-size: 11px; line-height: 14px; margin-top: -5px; margin-bottom: 10px; }
		#product-ctas a img { width: 130px; right: -40px; }
		
	.product-items { margin: 0 0 0 16px; }
		.product-item { margin-right: 42px; }
		.product-item-4, 
		.product-item-7, 
		.product-item-10 { clear: none; }
		.product-item-3, 
		.product-item-5, 
		.product-item-7, 
		.product-item-9 { clear: left; }
			.product-item .button { line-height: 30px; font-size: 14px; }
			
	#main .myth-item h3 { font-size: 20px; line-height: 30px; }
		#main .myth-item h3 .number { line-height: 30px; }
		#main .myth-item p { margin-right: -320px; }
		
	.common-questions-tabs a { width: 225px; padding: 10px 20px; }
	.cols .col, 
	#main .product-tabs .tab-panes .left, 
	#main .product-tabs .tab-panes .right {
		float: none;
		width: auto;
	}
	.cols .col-right { padding-top: 35px; }
	
	#bottom-widgets { }
		#bottom-widgets aside {
			width: 220px;
			margin: 0 46px 0 0;
		}
		#bottom-widgets aside.widget-menus { margin: 0px; }
			#bottom-widgets aside.widget-products ul li a { font-size: 15px; }
			#bottom-widgets aside.widget-menus ul li a { font-size: 13px; }
		#bottom-widgets aside.widget-right {
			margin: 0px;
			width: 220px;
			float: right;
		}
			#bottom-widgets aside.widget-right img { max-width: 100%; }
			#bottom-widgets aside.widget-right h5 { font-size: 14px; line-height: 22px; }
			#bottom-widgets aside.widget-right p { font-size: 13px; line-height: 22px; margin-right: 0px; }
			#bottom-widgets aside.widget-right footer { margin-right: -10px; }
			#bottom-widgets aside.widget-right footer nav ul { margin-left: -11px; }
			#bottom-widgets aside.widget-right footer nav li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
	
	.leaving-window {
		width: 600px; 
		margin-left: -300px;
		padding: 30px;
	}
		.leaving-window h5 { font-size: 30px; }
		.leaving-window p { line-height: 22px; font-size: 15px; }
			.leaving-window .buttons a { width: 40%; padding-left: 0px; padding-right: 0px; }

}	
	
	
@media screen and (max-width: 740px) {

	.mobile-only { display: block; }
	#mobile-nav, .toggle-nav { display: none; }
	
	#sanofi-bar a img { height: 30px; padding-top: 7px; }
	
	#where-to-buy-bar a { margin-right: 10px; }
	#where-to-buy-bar a.logo-4, 
	#where-to-buy-bar a.logo-5 { display: none; }
	
	.container { width: 538px; }
	
	#site-header { background-image: none; }
		#site-header .container {
			height: 102px;
			background-size: auto 100%;
			width: 100%;
		}
			#site-header .us-only { right: 10px; }
			#site-header .header-links a img { height: 34px; }
			#site-header .logo { margin-top: 28px; }
			#site-header .logo img { height: 52px; margin: 0px; }
	
	#site-nav {
		background-image: none;
		height: 30px;
	}
		#site-nav .container { width: 568px; padding: 0px; }
		#site-nav ul li a {
			line-height: 30px;
			font-size: 12px;
		}
		#site-nav ul li.nav-questions a { padding: 0 11px; padding: 0px; }
		#site-nav ul li.nav-has-dropdown a {
			padding: 0 12px 0 31px;
			background: url(./images/mobile-site-nav-list-icon.png) no-repeat 10px top;
		}
		#site-nav li.nav-has-dropdown > a:hover {
			background: url(./images/mobile-site-nav-list-icon.png) no-repeat 10px bottom #e5e7eb;
		}
		#site-nav li.nav-has-dropdown > a.active {
			background: url(./images/mobile-site-nav-list-icon.png) no-repeat 10px bottom #e5e7eb!important;
		}
		#site-nav ul li.nav-questions a:hover { background-image: none;}
			#site-nav ul li.nav-has-dropdown ul { top: 30px; width: 240px; }
				#site-nav ul li.nav-has-dropdown ul li a { font-size: 12px; }
			#site-nav ul li.nav-products ul {
				width: 568px;
				left: 0px;
			}
				#site-nav ul li.nav-products ul li { width: 91px; }
				#site-nav ul li.nav-products ul li.nav-product-sleepgels,
				#site-nav ul li.nav-products ul li.nav-product-quickmelts, 
				#site-nav ul li.nav-products ul li.nav-product-pm-pain { padding-left: 11px; }
					#site-nav ul li.nav-products ul li a {
						background-size: 91px auto;
						padding-top: 88px;
						font-size: 9px;
					}
			
	#home-slider { height: 280px; }
		#home-slider ul.slides { margin-left: -20px; }
		#home-slider ul.slides li { height: 280px; }
		#home-slider ul.slides li .slide-image img { height: 280px; }
			#home-slider ul.slides li .slide-text {
				top: 80px;
				width: 220px;
				margin-left: 65px;
			}
				#home-slider ul.slides li .slide-text .slide-heading { height: 60px; }
					#home-slider ul.slides li .slide-text .slide-heading h3 {
						font-size: 24px;
						line-height: 20px;
					}
					#home-slider ul.slides li .slide-text .slide-heading h2 {
						font-size: 30px;
						line-height: 26px;
					}
				#home-slider ul.slides li .slide-text p {
					padding: 10px 10px 0 10px;
					font-size: 9px;
					margin: 0 0 5px 0;
					line-height: 16px;
				}
		#home-slider ul.slides-nav { margin-left: 102px; bottom: 18px; }
			#home-slider ul.slides-nav li, 
			#home-slider ul.slides-nav li.active {
				width: 12px;
				height: 12px;
				background-size: 12px 12px;
				margin-right: 14px;
			}
	
	#mobile-home-slider { display: none; }
		
	#home-content .home-content-image {
		width: 220px;
		margin: 28px 23px 32px 0;
	}
	#home-content .text {
		width: 250px;
		padding: 36px 0 30px 20px;
	}
		#home-content .text h2 {
			font-size: 30px;
			line-height: 30px;
		}
		#home-content .text h3 {
			font-size: 24px;
			line-height: 24px;
		}
		#home-content .text p {
			font-size: 11px;
			line-height: 16px;
			margin: 0 0 10px 0;
		}
		#home-content .text .button { padding: 0 6px; }
	
	#video-section { height: 320px; background-size: auto 100%; }
		#video-section iframe {
			width: 440px;
			height: 248px;
			margin-top: 25px;
		}
		
	#page-title { margin-top: 15px; margin-bottom: 35px; }
	#page-title h1 { font-size: 34px; line-height: 40px; }
	#page-meta { margin-bottom: 35px; display: none; }
	
	.product-content { padding: 0px; }
	.product-content .container { text-align: center; }
	.product-image { float: none; max-width: 100%; margin: 0 auto 20px auto!important; }
	body.page-id-28 .product-image { margin-top: 0px!important; }
	.content-left {
		text-align: left;
		width: auto;
		float: none;
	}
	
	.product-features { height: 92px; margin-bottom: 13px; }
	#main .product-features li { height: 92px; width: 170px; margin: 0 5px; }
		#main .product-features li img { width: 60px; height: 92px; margin: 0 10px 0 0; }
		#main .product-features li span { font-size: 14px; line-height: 16px; }
		
	.product-tabs { padding: 0 0 20px 0; }
		.product-tabs .tab-panes { padding: 18px 14px; }
		.product-tabs .tab-panes .left, 
		.product-tabs .tab-panes .right { float: none; width: auto; }
		
	.product-items { margin: -18px -20px 0 -10px; }
		.product-item {
			margin: 0 20px 18px 20px;
			width: 240px;
			padding-bottom: 15px;
		}
			.product-item .label { line-height: 26px; font-size: 14.5px; width: 60px; }
			.product-item img { width: 100%; }
			.product-item .button { line-height: 30px; font-size: 14px; }
			#main .product-item h2 {
				width: 254px;
				background-size: 100% auto;
				height: 46px;
				line-height: 42px;
				font-size: 20px;
				margin-left: -7px;
				margin-bottom: 5px;
			}
			#main .product-item p {
				font-size: 13px;
				line-height: 21px;
				padding: 0 20px 0 22px;
				margin: 0 0 17px 0;
			}
			#main .product-item .button {
				line-height: 24px;
				font-size: 11.5px;
				margin: 0 20px 0 22px;
			}
	
	#main .buy-section { width: 400px; }
	#main .buy-section .logos a { width: 133px; }

	#product-ctas { padding: 17px 0; }
	#product-ctas a, 
	#product-ctas a.middle {
		width: 166px;
		height: 110px;
		margin-right: 20px;
		padding: 15px 35px 0 30px;
		border-radius: 20px 0 0 0;
		-moz-border-radius: 20px 0 0 0;
		-webkit-border-radius: 20px 0 0 0;
	}
	#product-ctas a.middle { padding-left: 17px; }
		#product-ctas a h4 {
			font-size: 15px;
			line-height: 17px;
			margin: 0 0 8px 0;
		}
		#product-ctas a.middle h4 { margin: 0px; }
		#product-ctas a p {
			font-size: 9px;
			padding: 0px;
			line-height: 12px;
			margin: 0 0 8px 0;
		}
		#product-ctas a .button {
			line-height: 16px;
			font-size: 8px;
		}
		#product-ctas a.middle .button { width: 100px; }
		#product-ctas a span.icon { width: 30px; height: 30px; background-size: 30px 30px; }
		#product-ctas a img { width: 90px; right: -22px; bottom: -10px; }
		
	.why-item { padding-right: 0px; }
		#main .why-item h2 { font-size: 26px; line-height: 30px; }
		#main .why-item p { margin: 0 0 10px 0; font-size: 18px; line-height: 22px; }
		#main .why-item .button { 
			position: static;
			clear: both;
		}
	
	.myth-item .container { padding: 20px; }
	#main .myth-item .buttons {
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		padding: 10px 0 0 0;
		overflow: hidden;
	}
		#main .myth-item .buttons a {
			float: left!important;
			margin: 0 20px 0 0;
		}
		#main .myth-item p { margin-right: -30px; }
		
	.common-questions-tabs a {
		width: 158px;
		padding: 10px 5px;
		font-size: 15px;
		line-height: 18px;
	}
	
	.test-your-sleep { padding-left: 0px; padding-right: 0px; }
	#main .test-your-sleep .arrow { left: 0px; top: 55px; margin-top: 0px; }
	#main .test-your-sleep .arrow-right { left: auto; right: 0px; }
	#main .test-your-sleep .slides-nav { margin-left: -200px; width: 400px; }
	#main .test-your-sleep .slides-nav li { margin: 0 10px; }
	#main .test-your-sleep .slides ul li .buttons .button,
	#main .test-your-sleep .slides ul li.results .button { width: 100px; }
	
	#bottom-widgets { padding-bottom: 30px; }
		#bottom-widgets aside.widget-products { padding-left: 20px; }
		#bottom-widgets aside.widget-menus { display: none; }
		#bottom-widgets aside.widget-right { padding-right: 20px; }
	
	.leaving-window {
		width: 500px; 
		margin-left: -250px;
		padding: 20px 20px 1px 20px;
		height: auto;
	}
		.leaving-window h5 { font-size: 24px; }
		.leaving-window p { line-height: 22px; font-size: 14px; margin: 0 0 20px 0; }
			.leaving-window .buttons a { width: 48%; padding-left: 0px; padding-right: 0px; }

	
}
	
	
@media screen and (max-width: 567px) {
	
	.container {
		width: 290px;
	}
	
	#sanofi-bar { height: 30px; }
	#sanofi-bar .container { width: 100%; }
		#sanofi-bar a img { padding: 0 6px 0 0; }
		#sanofi-bar .toggle-nav {
			display: block;
			float: left;
			line-height: 28px;
			font-size: 14px;
			font-family: "Museo";
			color: #004280;
			font-weight: 700;
			padding: 2px 0 0 32px;
			background: url(./images/toggle-nav.png) no-repeat left center;
		}
	
	#site-header, 
	#site-header .container { height: 90px; }
	#site-header .us-only {
		width: 74px;
		font-size: 8px;
		text-align: center;
		top: 4px;
		right: 15px;
	}
		#site-header .header-links { display: none; }
		#site-header .logo img { height: 40px; }
		
	#site-nav { display: none; }
	#site-nav li.nav-questions { float: left; }
	
	#mobile-nav {
		width: 234px;
		position: fixed;
		background: #45aacf;
		height: 100%;
		z-index: 1000;
		display: block;
		text-align: left;
		overflow: auto;
		left: -234px;
		-webkit-overflow-scrolling: touch;
	}
		#mobile-nav li {
			display: block;
		}
			#mobile-nav li a {
				display: block;
				border-bottom: 1px solid #a2d5e7;
				padding: 10px 0 10px 14px;
				font-size: 18px;
				font-weight: 700;
				font-family: "Museo";
				line-height: 29px;
				color: #FFF;
			}
			#mobile-nav li.nav-has-dropdown a {
				background: url(./images/mobile-nav-arrow.png) no-repeat right center;
			}
			#mobile-nav li.nav-has-dropdown a.active {
				background: url(./images/mobile-nav-arrow-active.png) no-repeat right center #3b91b0;
			}
			#mobile-nav li ul {
				display: none;
			}
				#mobile-nav li.nav-has-dropdown ul li a {
					padding: 10px 10px 10px 44px;
					font-size: 16px;
					background: url(./images/mobile-nav-moon.png) no-repeat left 19px #3b91b0;
				}
				
	body.nav-active #wrapper {
		z-index: 1001;
		width: 320px;
		left: 0px;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		position: fixed;
		top: 0px;
		overflow: auto;
		height: 100%;
	}
	
	#home-slider { display: none; }
	#mobile-home-slider {
		height: 380px;
		display: block;
		margin: auto;
		overflow: hidden;
		width: 320px;
	}
		#mobile-home-slider ul.slides {
			position: relative;
			width: 1600px;
		}
			#mobile-home-slider ul.slides li {
				display: block;
				width: 320px;
				height: 380px;
				position: relative;
				float: left;
			}
				#mobile-home-slider li img {
					display: block;
				}
				#mobile-home-slider li .slide-heading {
					position: absolute;
					top: 15px;
					width: 100%;
					left: 0px;
				}
					#mobile-home-slider li .slide-heading h3 {
						font-size: 22px;
						line-height: 20px;
						font-family: "Museo";
						font-weight: 300;
					}
					#mobile-home-slider li .slide-heading h2 {
						font-size: 32px;
						line-height: 28px;
						font-family: "Museo";
						font-weight: 300;
					}
				#mobile-home-slider li .slide-text {
					position: absolute;
					height: 100px;
					bottom: 0px;
					left: 0px;
					width: 100%;
				}
					#mobile-home-slider li .slide-text p {
						font-size: 13px;
						line-height: 18px;
						color: #FFF;
						padding: 0 20px;
						margin: 0 0 8px 0;
					}
					#mobile-home-slider li .slide-text .button {
						color: #FFF;
						border-color: #FFF;
					}
	
	#home-content .home-content-image {
		width: 224px;
		float: none;
		margin: 27px 0 14px 34px;
	}
	#home-content .text {
		padding: 0 24px 24px 24px;
	}
		#home-content .text h2 { font-size: 32px; line-height: 32px; }
		#home-content .text h3 { font-size: 22px; line-height: 22px; }
		#home-content .text p { font-size: 13px; line-height: 18px; }
		.button { line-height: 24px; }
		
	#video-section {
		height: 209px;
		background: url(./images/mobile-video-section.jpg) no-repeat center top;
	}
		#video-section iframe {
			border: 4px solid #FFF;
			width: 282px;
			margin-top: 14px;
			height: 170px;
		}
	
	#main .product-features { height: auto; }
	#main .product-features ul { margin-right: 0px; }
	#main .product-features li {
		float: none;
		width: auto;
		margin: 0px;
		height: 76px;
		padding: 0 0 0 15px;
	}
		#main .product-features li img { width: 50px; height: 76px; margin: 0 10px 0 0; }
		
	.product-tabs .tab-buttons {
		border-radius: 0px;
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		height: 64px;
	}
	.product-tabs .tab-buttons a { width: 60%; padding-top: 14px; }
	.product-tabs .tab-buttons a, 
	.product-tabs .tab-buttons a.active {
		background-position: 12px center;
		background-size: 20px auto;
		font-size: 14px;
		line-height: 19px;
		height: 64px;
		vertical-align: middle;
		padding-left: 38px;
	}
	.product-tabs .tab-buttons .tab-button-b { padding-top: 24px; width: 40%; }
	#main .product-tabs .tab-panes h3 { font-size: 18px; line-height: 22px; }
	#main .product-tabs .tab-panes h4 { font-size: 16px; line-height: 20px; }
	
	.active-ingredient { display: none!important; }
	.active-ingredient-mobile { display: block!important; }
	
	#product-ctas { display: none; }
	
	.product-items { margin: -18px -20px 0 5px; }
	
	#main .why-item h2 { font-size: 22px; line-height: 26px; }
	#main .why-item p { font-size: 16px; line-height: 22px; }
	
	.myth-item .container { padding: 20px 0; }
	#main .myth-item .buttons .button { width: 120px; }
	#main .myth-item p { margin: 0px; }
		
	.common-questions-tabs { margin: 0 0 20px 0; }
	.common-questions-tabs a {
		width: auto;
		float: none;
		margin: 0 0 10px 0;
		display: block;
		padding: 10px 10px;
		font-size: 15px;
		line-height: 18px;
	}
	
	.test-your-sleep { padding-left: 0px; padding-right: 0px; width: 280px; padding-bottom: 140px; }
		#main .test-your-sleep .slides ul li { width: 280px; }
	#main .test-your-sleep .arrow { left: 50%; top: auto; bottom: 20px; margin-top: 0px; margin-left: -60px; width: 40px; height: 65px; background-size: 40px auto; }
	#main .test-your-sleep .arrow-right { left: 50%; right: auto; margin-left: 10px; }
	#main .test-your-sleep .slides-nav { margin-left: -140px; width: 280px; bottom: 110px; }
	#main .test-your-sleep .slides-nav li { margin: 0 4px; }
	#main .test-your-sleep .slides ul li .buttons .button,
	#main .test-your-sleep .slides ul li.results .button { width: 100px; }
	#main .test-your-sleep .slides ul li p { font-size: 20px; line-height: 25px; }
	
	#main .buy-section { width: 280px; }
	#main .buy-section .logos a { width: 93px; }
	#main .buy-section .logos a img { max-width: 80%; }
	
	#bottom-widgets { padding-bottom: 24px; }
	#bottom-widgets aside.widget-products { display: none; }
	#bottom-widgets aside.widget-right {
		width: auto;
		float: none;
		padding: 30px 0 0 3px;
	}
		#bottom-widgets aside.widget-right img { height: 30px; }
		#bottom-widgets aside.widget-right h5 { width: 210px; font-size: 13px; line-height: 18px; }
		#bottom-widgets aside.widget-right p { line-height: 18px; }
	#bottom-widgets aside.widget-right footer { padding: 35px 0 0 0; }
	
	.leaving-window {
		width: 260px; 
		margin-left: -135px;
	}
		.leaving-window h5 { font-size: 18px; }
		.leaving-window p { line-height: 16px; font-size: 13px; margin: 0 0 10px 0; }
			.leaving-window .buttons { margin: 0px; }
			.leaving-window .buttons a { width: auto; float: none; display: block; margin: 0 0 10px 0;
				font-size: 13px;
				line-height: 30px;
				height: 30px;
			}
			
	#main .drugfacts .active-ingredient { position: relative; }
	#main .drugfacts .active-ingredient-left h4 span { font-size: 12px!important; }
	#main .drugfacts .active-ingredient-left, 
	#main .drugfacts .active-ingredient-right { float: none; clear: both; width: auto; }
		#main .drugfacts .active-ingredient-right h4 {
			position: absolute;
			top: 0px;
			right: 0px;
		}
	
}
	
	
.drugfacts {
	font-family: Helvetica, Arial, sans-serif;
}
#main .drugfacts h4 {
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
}
	/*#main .drugfacts h4 span {
		position: absolute;
		bottom: 0px;
		right: 0px;
		color: #086c90!important;
	}*/