body 	{
	background-color:#F3F7DA;
	background-image:url("period-pain-relief/background.gif");
	background-position: top left;
	background-repeat:no-repeat;
	
	margin: 0;
	padding: 0;
	border: 0;
	}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 	

/* NON-MENU LINKS */

a:link, a:visited, a:active	{ color: #0B610B; text-decoration:  underline; font: 0.90em arial, helvetica, sans-serif;  list-style-type: none; }

a:hover				{ color: #FE97FC; text-decoration: underline; }


/* THIS LINE CONTROLS THE FONT SIZE ON ALL PAGES */

body		{ color: #125E30; font: 1.2em arial, helvetica, sans-serif; font-weight: normal; line-height: 1.3em; }

h1		{ color: #125E30; font: 1.2em arial, sans-serif; }

h2	{ color: #125E30; font: 1.15em arial, sans-serif; }

h3		{ color: #125E30; font: 1.12em arial, sans-serif; }

h4		{ color: #84871B; font: 1.0em arial, sans-serif; }

.bottomlinks	{ color: #B8B21E; }

.hilite		{ color: #FE97FC; }


/* PAGE WIDTHS HEIGHTS */

.pageheight	{ min-height: 680px; }

.pagewidth	{ width: 100%; }

.pagediv	{
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		}

#splitdiv	{
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		text-align: center;
		padding: 0px;
		}

#contentdiv	{
		max-width: 1000px;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: auto;
		margin-right: auto;
		}




/* ALIGNMENT */

table, tr, td	{ border-collapse: collapse; border-spacing: 0; margin: 0; padding: 0; border: 0; }

.td-right 	{ text-align: right; }

.td-left 	{ text-align: left; }

.td-center	{ text-align: center; }

.td-middle	{ vertical-align: middle; }

.td-top		{ vertical-align: top; }

.center-div	{ margin-left: auto; margin-right: auto; }

.right-div	{ margin-left: auto; margin-right: 0; }

.left-div	{ margin-left: 0; margin-right: auto; }

.floatclear 	{ height: 0px; clear: both; font-size: 1px; line-height: 0px; padding: 0px; margin: 0px; }




/* HEADER */

.header		{
		background-color:#D6E1A3;
		width: 100%;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		border-top: #848F41 0px solid;
		border-bottom: #848F41 0px solid;
		}

/* RESPONSIVE LOGO IMAGE - SEE MEDIA QUERIES AT BOTTOM */

.logoimage	{ width: 142px; height: 60px; display: block; margin: 0px 0px 0px 0px; }

.socialicons	{ padding: 0px 2px 0px 1px; }

.socialtable 	{ margin: 0px 6px 0px auto; }




/* FOOTER */

.footerdiv	{
		color: #FE97FC;
		font: 0.75em arial, sans-serif;
		text-align: center;
		padding: 0px 0px 8px 0px;
		border: #999999 0px solid;
		border-width: 0px 0px 0px 0px;
		}

.footericon	{ margin: 0px 0px 6px 0px; }




/* BORDERS AND BARS */

.page-splits	{
		font-size: 0.1em;
		line-height: 1px;
		border: #FE97FC 1px solid;
		height: 3px;
		margin: 3px 0px 3px 0px;
		}




/* IMAGES */

img 		{ border: 0; }

.img-borders	{ border: #897FA8 1px solid; margin-right: 4px; margin-bottom: 4px; }

.iborders	{ border: #666666 1px solid; padding: 0px; margin: 3px; }

.imagetext	{ color: #C0C0C0; font: 0.7em arial, sans-serif; }

.imagefloat	{ float:left; margin-right: 8px; margin-bottom: 3px; }




/* GALLERY AND GALLERY VIEWER */

#gallery-return {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 100;
		background-color: #89CD54;
  	/* CORNER ROUNDING */
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		-khtml-border-radius: 4px;
		border-radius: 4px;
		}

.Galborder	 	{ border: #60657C 1px solid; margin: 2px; }

a:hover .Galborder 	{ border: #848F41 2px solid; margin: 1px; }

.viewer-border		{ border: #60657C 2px solid; }

#viewer-content		{
			border: #60657C 1px solid;
			width: 94%;
			max-width: 1000px;
			position: relative;
			margin-top: 15px;
			}

.viewer-image		{ width: 100%; height: auto; display: block; }




/* LIST CODE */

ul.list 		{ margin-top: 0px; margin-bottom: 0px; font-size: 0.9em;}
ul.list li 		{ color: #F8E0E6; }
ul.list li span 	{ color: #F6CEE3; }


/* PAYPAL */

#paypal-div		{
			background-color: #FCBCD7;
			color:#992762;
			width: 150px;
			font-size: 0.9em;
			text-align: center;
			border:#FE97FC 1px solid;
			}

.paypal-form		{
			background-color: #84AF56;
			color:#992762;
			width: 110px;
			font-size: 0.9em;
			margin: 2px 0px 2px 0px;
			border:#FE97FC 1px solid;
			}

.paypal-submit		{
			background-color:#FCBCD7;
			color:#992762;
			font-size: 0.9em;
			width: 110px;
			cursor: pointer;
			padding: 5px 0px 5px 0px;
			margin: 6px 0px 5px 0px;
			border:#992762 1px solid;
			}




/* MENU CODE */

.menutable		{ background-color: #84AF56; }

#menudiv		{
			padding: 0px 2px 0px 2px;
			margin: 0px 0px 8px 0px;
			background-color: #84AF56;
			border-top: #FE97FC 1px solid;
			border-middle: #FE97FC 1px solid;
			border-bottom: #FE97FC 1px solid;
			}

#menunav, #menunav ul 	{
			width: 100%;
			list-style: none;
			padding: 0px;
			margin: 0px;
			}

/* MENU PADDING, FONT FACE & COLOR */

#menunav a 		{
			color: #125E30;
			font: 13px arial, sans-serif;
			font-weight: bold;
			text-decoration: none;
			text-align: center;
			padding: 0px 0px 0px 0px;
			width: 105px;
			display: block;
			cursor: pointer;
			}

/* MENU BACKROUND, BORDER & MARGINS - IMAGE BELOW ADDS GRADIENT */

#menunav li 		{
			background-color: #84AF56;


			display: inline-block;
    			*display:inline;/* For IE*/
    			*zoom:1;
			padding: 0px;
			border-left: #F6CEE3 0px solid;
			border-right: #F6CEE3 0px solid;
			}

/* MENU HOVER FONT COLOR */

#menunav li a:hover 
			{
			color: #FE97FC;
			text-decoration: none;
			cursor: pointer;
			}

/* MENU HOVER BACKGROUND AND BORDER */

#menunav li:hover 
			{
			background-color: #B9D173;
			background-image: none;
			border-left:#FE97FC 1px solid;
			border-right:#FE97FC 1px solid;
			}

/* CURRENT PAGE MENU HIGHLIGHT BACKGROUND */

#menunav li.current 	{
			background-color:#F6CEE3;
			background-image: none;
			border-left: #FE97FC 1x solid;
			border-right: #FE97FC 1x solid;
			}




/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
                      CLASSES HERE CAN ALSO BE FOUND IN THE style.css
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{


.title		{ font-size: 1.1em; }

.logoimage	{ width: 142px; height: auto; margin: 10px 0px 10px 0px; }

.home-images	{ width: 50px; height: auto; }

.hidemobile	{ display: none; }   /* UNUSED AT THIS TIME */




	}
/***************
END Media Queries
***************/