@charset "utf-8";
/* 

Main Stylesheet
Dr. Susan Nathiel
All rights reserved

*/

/*------------------------------------------ Universal -----*/

body { background: #e7e7e7; }

	/*---------------- Sitewide Classes ----------------*/
	
	.clear { clear: both; }
	.padding-top-20 { padding-top: 20px; }
	.color { color: #1c6266; }
	.left { float: left; margin-right: 30px;  }
	.left30 { float: left; margin-right: 30px; width: 30%; }
	.left30 p { margin-top: 15px; }
	.left65last { float: left; width: 65%; }
	.top-arrow { display: none; }
	.center { text-align: center; }
	
/*--------------------------------------------- Mobile -----*/
/* Hide Mobile-only Elements */

#mobile-menu { display: none; }
#content h4 { display: none; }

/*------------------------------------------ Container -----*/

#container { margin: 28px auto; width: 1000px; }

/*--------------------------------------------- Header -----*/

#header { padding: 40px 0 0 30px; width: 970px; height: 85px; background-color: #34b1b7; border-bottom: 1px #42b9c0 solid; /* Height adjusted to fit image, original dimensions 954x115 */ }

#logo { width: 236px; height: 55px; background: url('../imgs/headerlogo.png') no-repeat; }
#logo .logo-link { position: relative; top: -8px; left: 0; font-size: 60px; letter-spacing: 15px; }
#logo .logo-link span { display: block; visibility: hidden; }
	
	/*---------------- Navigation ----------------*/
	
	#navigation { height: 55px; background-color: #30a2a9; border-top: 1px #2d959c solid; }
	
	#navigation a { color: #FFF; text-decoration: none; }
	#navigation a:hover { color: #cfe4e5; }

	#navigation ul { padding: 18px 0 0 30px; font: 16px Arial, Helvetica, sans-serif; }
	#navigation ul li { padding: 0 25px 0 0; display: inline; }
	
	#navigation ul li a.active { padding-bottom: 5px; border-bottom: 2px #28898e solid; }

/*-------------------------------------------- Content -----*/

	/*------------------- Tabs -------------------*/
	
	#tabs { margin-top: 5px; }
	
	ul#tabs-nav { margin-bottom: 7px; }
	ul#tabs-nav li { display: inline; }
	ul#tabs-nav li a { margin-right: 15px; padding: 10px 30px 11px 10px; background: url('../imgs/icon-greyarrow-right-tabs.png') no-repeat 96% 50%; text-decoration: none; color: #8b8b8b; 
		border-top: 1px #bcbcbc solid; 
		border-bottom: 0px; 
		border-left: 1px #bcbcbc solid; 
		border-right: 1px #bcbcbc solid; 
	}
	
		/* jQuery Plugin Classes */
		.ui-state-active { padding-bottom: 20px; background: url('../imgs/icon-arrow-tabs.png') no-repeat 47% 105%; }
		.ui-state-active a { margin-right: 15px; padding: 10px!important; background: #28898e!important; color: #FFF!important; border: 1px #28898e solid!important; }
	
	.tabs-container { background-color: #f2f2f2; 
		border-top: 2px #28898e solid; 
		border-bottom: 1px #28898e solid; 
		border-left: 1px #28898e solid; 
		border-right: 1px #28898e solid; 
	}

	.tab-content { padding: 20px; }
	
	/*-------------- Modal Windows ---------------*/
	
	.modalDialog { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0,0,0,0.8); opacity: 0; pointer-events: none;
		/* Transitions */
		-webkit-transition: opacity 200ms ease-in;
		-moz-transition: opacity 200ms ease-in;
		-ms-transition: opacity 200ms ease-in;
		-o-transition: opacity 200ms ease-in;
		transition: opacity 200ms ease-in;
	}
	.modalDialog:target { opacity: 1; pointer-events: auto; }
	.modalDialog > div { width: 40%; position: relative; margin: 50px auto; padding: 30px; background: #FFF; }
	
	.modalClose { margin: 0px auto; width: 100px; }

#content { padding: 30px; background-color: #FFF; font: 14px Arial, Helvetica, sans-serif; color: #494949; line-height: 24px; }
#content p { margin-bottom: 15px; }
#content a { color: #31a3aa; }

#content h1 { padding: 0 0 15px 0; font: 16px Georgia, "Times New Roman", Times, serif; color: #1c6266; font-weight: 700; line-height: 26px; }
#content h2 { padding-bottom: 30px; font: 18px Georgia, "Times New Roman", Times, serif; color: #1c6266; font-weight: 700; line-height: 26px; }
#content h3 { padding-bottom: 10px; font: 18px Georgia, "Times New Roman", Times, serif; color: #1c6266; font-weight: 700; line-height: 26px; }

#content img.cover { padding: 5px; border: 2px #34b1b7 solid; }

#content ul.list { margin-bottom: 10px; }
#content ul.list li { margin-bottom: 10px; background: url('../imgs/list-bullet.png') left 8px no-repeat; padding-left: 20px; }

#content ul.retailers { margin: 10px 0px 30px 0px; }
#content ul.retailers li { display: inline; margin-right: 20px; }

#content .pull-quote { float: right; clear: right; margin-left: 20px; width: 300px; font: 20px Georgia, "Times New Roman", Times, serif; color: #1c6266; font-style: italic; line-height: 28px; }

.main-text { float: left; width: 70%; margin-right: 35px; }

.main-image { float: left; margin-top: 5px; padding: 5px; width: 233px; height: 288px; border: 1px #cdcdcd solid; }
.main-image-caption { margin-top: 15px; font: 11px Arial, Helvetica, sans-serif; color: #838383; font-style: italic; text-align: center; }

/*--------------------------------------------- Footer -----*/

#footer { background: url('../imgs/footershadow.png') no-repeat top center; font: 12px Arial, Helvetica, sans-serif; color: #838383; }
#footer .footer-content { padding-top: 20px; }
#footer a { color: #31a3aa; }
#footer p { padding: 15px 0 0 0; text-align: center; }