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

body
{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;background-image:url(../images/header_back.jpg);background-repeat:repeat-x; color:#555555;}

p
{margin:12px 0;}
h2
{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#333333;}

h3
{font-family:Arial narrow, Helvetica, sans-serif; font-size:1.3em; color:#007bc4;font-weight:normal; margin:8px 0; padding-bottom:0px;}

h4
{font-family:Arial narrow, Helvetica, sans-serif;font-size:1.3em; color:#ec5596;font-weight:normal; margin:0;}

h5
{font-family:Arial narrow, Helvetica, sans-serif;font-size:1.2em; color:#ec5596;font-weight:normal; margin:0;}

h5 a
{color:#ec5596;font-weight:normal; margin:0;text-decoration:none;}

h5 a:hover
{color:#ec5596;font-weight:normal; margin:0;text-decoration:underline;}


h6
{font-family:Arial narrow, Helvetica, sans-serif;font-size:19px; color:#ec5596;font-weight:normal; margin:0; padding-bottom:14px;}

img
{border:none;}

.contentmain
{
width:1025px;
}

body li
{
	padding:2px 0 6px 0;
}
.header
{font-size:11px;color:#fff;padding-left:10px;padding-top:20px; position:relative; z-index: 1000;}

.header strong
{color:#005db2;}

.header a
{color:#fff;text-decoration:none;}

.header a:hover
{color:#005db2;}

.header span
{font-size:14px; padding-right:2px;}

.search
{float:right;padding-right:8px;}

.sanofi_top_wrap {height:44px;left: 662px;position:absolute;top:0;z-index: 1100; width: 164px;}
.sanofi_top {height:44px;width: 164px;}
	html>body .sanofi_top { background: url(../images/sanofi_logo.png) no-repeat;}
	.sanofi_top a {display: block;height:44px;left:0;position:absolute;top:0;width: 164px;z-index: 1100;}
	.sanofi_top img {display: block;width: 164px;height: 44px;position:absolute;z-index: 1100;left:0;top:0;}
		
.searchfield
{background-color:#e1e1e1; border:1px solid #fff;height:12px;width:110px;font-size:10px;color:#999;}

.sitewrap
{ background: url(../images/bg_sanofiLeft.jpg) no-repeat left top; width:1025px; padding-bottom:22px;}

.spacer
{position:absolute; z-index:444; top:0; left:654px;}
		
.usresidents
{color:#999;font-size:16px;font-weight:bold;padding-left:655px;padding-top:2px;color:#999;}

.utility
{float:left;}



/****************left column***************/

.leftcolumn
{width:215px; color:#666; font-size:12px; font-weight:bold;float:left;font-family:Arial bold;}

.navdivider
{text-align:right;}

.navitem
{text-align:right; background:url(../images/navitemback.gif) no-repeat right;font-family:Arial bold;}

.navitem_visited
{text-align:right; background:url(../images/navback_over.gif) no-repeat right; color:#005db2; padding:4px 16px 0 0; height:19px;}

.navitem_on
{text-align:right; color:#005db2; background:url(../images/navback_over.gif) no-repeat right;}

.navitem_on2
{text-align:right; background:url(../images/navitemback.gif) no-repeat right;}

.navitem a
{text-decoration:none; color:#666; padding:4px 16px 0 0; display:block; height:19px;}

.navitem_on a
{text-decoration:none; color:#005db2; padding:4px 16px 0 0; display:block; height:19px;}

.navitem_on2 a
{text-decoration:none; color:#333333; padding:4px 16px 0 0; display:block; height:19px;}

.navitem a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) no-repeat right; padding:4px 16px 0 0; height:19px;}

.navitem_on a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) no-repeat right; padding:4px 16px 0 0; height:19px;}

.navitem_on2 a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) no-repeat right; padding:4px 16px 0 0; height:19px;}

.subnavwrap
{margin:0px 0;font-family:Arial;}

.subnavitem
{text-align:right; background:url(../images/navitemback.gif) repeat-y right; font-weight:normal; font-size:11px;/*height:19px;*/font-family:Arial; padding: 0 0 1px;}

.subnavitem a
{text-decoration:none; color:#999; padding:3px 16px 3px 0; display:block; /*height:19px;*/font-family:Arial; line-height: 13px;}

.subnavitem a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) repeat-y right;/*height:19px;*/}

.subnavitem_on
{text-align:right; background:url(../images/navitemback.gif) repeat-y right;font-weight:normal; font-size:11px;/*height:19px;*/font-family:Arial;}

.subnavitem_on a
{color:#005db2; background:url(../images/navback_over.gif) repeat-y right; display:block; padding:3px 16px 3px 0;/*height:19px;*/text-decoration:none; font-family:Arial; line-height: 13px;}

.subnavitem_on a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) repeat-y right;}

.subnavitem_on2
{text-align:right; color:#333333; background:url(../images/navitemback.gif) repeat-y right;  font-size:11px;}

.subnavitem_on2 a
{text-decoration:none; color:#333333; padding:3px 16px 3px 0; display:block; line-height: 13px;}

.subnavitem_on2 a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) repeat-y right;}


.subnavbottompadding
{background:url(../images/navitemback.gif) no-repeat right; height:8px;}


.thirdnav
{background-image:url(../images/thirdtier_back.jpg); background-repeat:repeat-y; width:215px;}

.thirdnavitem
{text-align:right; background:url(../images/navitemback.gif) no-repeat right; font-weight:normal; font-size:11px;height:17px;}

.thirdnavitem a
{text-decoration:none; color:#999; padding:2px 16px 0 0; display:block; height:17px;}

.thirdnavitem a:hover
{color:#e54e96; background:url(../images/navback_hover.gif) no-repeat right; padding:2px 16px 0 0; height:17px;}

.thirdnavitem_on
{text-align:right; background:url(../images/navback_over.gif) no-repeat right; color:#005db2; padding:2px 16px 0 0; font-weight:bold; font-size:11px;text-decoration:none;height:17px;}

.thirdnavitem_on a
{text-decoration:none;color:#005db2;height:17px;}

.freenightinvite
{
background:url(../images/borderbottomfade.gif) no-repeat top right; padding-left:16px; text-align: right;
}
.freenightinvite a img { margin: 0 0 12px;}

.roosterPopupWrap
{border-right:1px solid #e9e9e9; height: 129px; overflow: hidden; padding-left: 16px;}
.roostercta { display: block;}
.roostercta:hover {margin-top: -129px;}

/****************home column***************/

.flashhead
{padding-top:105px;}

.flashselect
{padding-top:50px;}

.flashitemwrap
{
padding-top:16px;
}

.flashitemselect
{background:url(../images/flashitemselectback.gif) no-repeat; font-size:12px;}

.flashitemselect a
{text-decoration:none; color:#666; padding:4px 0 0 12px; display:block; height:19px;}

.flashitemselect a:hover
{color:#e54e96; background:url(../images/flashitemselectback_over.gif) no-repeat; padding:4px 0 0 12px; height:19px;}

.findtheone
{position:relative; top:25px;}


.homecontent
{float:left; padding-left:30px; width:780px; margin-bottom: 30px; margin-top:12px;}

.homeflashcontent
{width:285px;float:left;}

.homeflashwrap
{width:465px;float:left;}

.twotypes
{font-size:14px;color:#333;}

.twotypes span
{font-size:16px;color:#e54e96;font-weight:bold;}

/*************** isi and footer *****************/

.footer
{/*background-image:url(../images/footerback.jpg); background-repeat:repeat-x;*/ background:url(../images/isi_back.jpg) repeat-x; padding-left:18px; margin-top:26px; color:#b5b5b5; font-size:12px; padding:22px 32px 22px 0;}

.footer table
{padding-left:18px;}

.bottomlinks
{padding-left:18px;}

.isi
{font-size:.75em; margin-top:-30px; color:#555555;position:relative;z-index:999;}

.isipadding
{padding-left:18px;}

.footerlink 
{text-decoration:none; padding-right:32px; color:#666; font-size:11px;}
.footerlinkISI
{text-decoration:underline; padding-right:32px; color:#666; font-size:12px;}
.footerlinkISILast
{text-decoration:none; color:#666; font-size:12px;}
.isi p a
{color:#333333;}

.isi p
{width:948px;}

.pagedivide
{padding-top:5px;}


/*****************  good humored page  ***********************/


.goodhumoredcontent h1
{margin:0px;color:#005db2;font-weight:normal;width:430px;line-height:18px;font-size:22px;  /*controls height in IE 6*/}

.goodhumoredcontent
{float:left; margin-left:30px; width:750px; margin-top:12px;background-repeat:no-repeat;}


.johnSegment { background-image:url(../images/prescription-sleep-aid-user.jpg); }
.anitaSegment { background-image:url(../images/generic-ambien-user.jpg); }
.brianSegment { background-image:url(../images/otc-user.jpg); }
.dianeSegment { background-image:url(../images/taking-ambien-cr.jpg); }
.aliceSegment { background-image:url(../images/considering-sleeping-pills.jpg); }

.ambiendifferencewrap
{
clear: left;
float: left;
width:362px;
}

.breadcrumb
{font-size:12px; color:#999999; font-weight:bold; padding-top:14px;}

.breadcrumb a:visited
{
color:#999999;
text-decoration:none;
}
.breadcrumb a
{
color:#999999;
text-decoration:none;
}
.breadcrumbcurrentnode
{display:none;}
.minicarosel
{color:#999;float:right;font-size:11px;padding-right:22px;}


.printtable
{clear: left; font-size:11px; color:#ccc; margin-bottom:16px;}

.printtable a
{text-decoration:none; color:#ccc;}

.testimonial
{width:360px; font-size:.75em; color:#333; float: left;}

/*.portrayal
{position:absolute;left:700px;top:600px;font-size:0.75em;color:#333;width:320px;}*/
.portrayal { display: inline; float: right;font-size:0.75em;color:#333; margin: 465px 0 0;width:320px;}

.textswap
{background-image:url(../images/differencecontent_back.gif); background-repeat:repeat-y; padding:0 12px 10px 14px; font-size:.75em;}

.htmltopnav
{background-image:url(../images/differencecontent_back.gif); background-repeat:repeat-y; padding:16px 12px 10px 14px; font-size:.75em; /*display:none;*/}

.differencehtmlswap p
{margin:0; padding:6px 0; }



.differencetab
{width:120px;background-image:url(../images/differencetab.gif); background-repeat:repeat-x;float:left; height:58px; margin-right:1px;font-size:11px;color:#fff;font-weight:bold;}

.differencetab a
{color:#fff; text-decoration:none; display:block; height:50px; padding:8px 8px 0 10px;}

.differencetab a:hover
{display:block; height:50px; padding:8px 8px 0 10px;}

.differencetab_on
{width:120px;background-image:url(../images/differencetab_over.gif); background-repeat:repeat-x;float:left; height:58px; margin-right:1px;font-size:11px;color:#000;font-weight:bold;}

.differencetab_on a
{color:#000; text-decoration:none; display:block; height:50px; padding:8px 8px 0 10px;}

.differencetab_on a:hover
{display:block; height:50px; padding:8px 8px 0 10px;}

.differencetab_on a:active
{text-decoration:none; color:#fff;}

/*.differencetab_on a:visited
{text-decoration:none; color:#fff;}

.differencetab a:active, a:visited
{text-decoration:none; color:#fff;}*/

.landingPageAltTagSpacer
{width:350px;height:420px;position:absolute;margin-left:400px;margin-top:100px;}

/**************  innerpage content  ******************/

.asterisk
{color:#df4c81;}

.formquestion
{padding-top:22px; font-weight:bold;}


.innercontent
{float:left; padding-left:30px; width:750px; margin-top:12px; color:#333;}


.innercontent p
{
font-size:.75em;
color:#333333;
}
/*.innercontent p a
{
color:#005db2;
text-decoration:none;
}
.innercontent p a:hover
{
color:#005db2;
text-decoration:underline;
}*/
.innercontent li
{
font-size:.75em;
}

.innercontent h1
{float: left;margin:0 -320px 0 0;color:#005db2;font-weight:normal;width:430px;line-height:18px;font-size:22px; height:32px; /*controls height in IE 6*/}

.login
{width:229px;float:right; position:relative; right:13px; padding:16px 0 0 0;}

.loginbtn
{width:79px; height:40px; background-repeat:no-repeat; padding-left:0px;}

.loginback
{background-image:url(../images/loginback.jpg); background-repeat:repeat-y; height:100%; width:209px; font-size:12px; padding:8px 10px;}

.loginback input
{width:134px; height:22px; border:0px solid #fff;}

.loginback strong
{font-size:15px; font-weight:bold;
}

.registercontent
{
float:left;width:539px;
}

.registercontent li
{font-size:.75em; margin-top:0; margin-bottom:0; padding:0;}

.regform
{font-size:12px;}

.regform input
{width:225px;border:1px solid #bebebe;}

.regformquestions
{font-size:12px;color:#666;}

.nextpagelink
{font-family: Arial,Helvetica,sans-serif;font-size: 14px;color: #e54e96;font-weight:bold;text-decoration:none;}

.nextpagelink:hover
{font-family: Arial,Helvetica,sans-serif;font-size: 14px;color: #e54e96;font-weight:bold;text-decoration:none;text-decoration:underline;}
/************ Muscle Relaxation Tool ****************/

.blackarrowholder
{padding-left:6px;}

.muscleintro
{width:610px;}

.musclerelaxwrap{ font-size:12px; font-weight:bold; position:relative; padding-top:8px; z-index:5;}
/* remove all the bullets, borders and padding from the default list styling */

/*.musclerelaxwrap span {background-image:url(../images/topnavback_over.gif); background-repeat:repeat-x; height:19px; display:block;}*/

.musclerelaxwrap ul {padding:0; margin:0; list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.musclerelaxwrap li {position:relative; width:379px;}
.musclerelaxwrap li a{font-size:12px;}
/* style the links for the top level */
.musclerelaxwrap a {display:block; text-decoration:none; color:#e54e96; height:20px; margin-bottom:8px; padding:4px 0 0 16px;}

/* hide the sub levels and give them a positon absolute so that they don't affect the layout of the rest of the site */
.musclerelaxwrap ul ul {visibility:hidden; position:absolute; top:2px; left:379px; width:338px;}
.musclerelaxwrap ul ul li {margin:0; padding:0; width:338px; list-style-type:none;}

.musclerelaxwrap ul ul p {width:312px; padding:0 12px 0 14px; font-size:12px; margin:12px 0; position:relative; z-index:23423; font-weight:normal;}
.musclerelaxwrap ul ul p strong{font-size:15px; font-weight:bold;}

/* style the table so that it takes no part in the layout - required for IE to work */
.musclerelaxwrap table {position:absolute; top:0; left:0;}

/* style the second level links */
.musclerelaxwrap ul ul a {font-size:11px; color:#000; height:100%; padding:0; text-align:left;}

/* style the top level hover */
.musclerelaxwrap a:hover {background:url(../images/musclerelaxhover.jpg) repeat-y; color:#000;}
.musclerelaxwrap :hover > a {color:#000; background:url(../images/musclerelaxhover.jpg) repeat-y; }

.musclerelaxwrap ul ul :hover > a {color:#000; }
.musclerelaxwrap ul ul a:hover {color:#000; }

/* make the second level visible when hover on first level list OR link */
.musclerelaxwrap ul li:hover ul,
.musclerelaxwrap ul a:hover ul{visibility:visible; background-image:url(../images/relaxtips_back.jpg); background-repeat:no-repeat; background-color:#cecece; width:338px}

.podcastheader
{}

.podcastheader a
{margin-left:0px;}

.podcastcontent
{margin-top:0px; position:relative;bottom:10px;}

.printinfo_icon
{background-image:url(../images/printinfo_icon.gif);background-repeat:no-repeat;width:104px; height:42px; float:left; position:relative; left:26px;}

.listen_icon
{background-image:url(../images/listen_icon.gif);background-repeat:no-repeat;width:75px; height:42px;float:left; position:relative; left:8px;}

.podcast_icon
{background-image:url(../images/podcast_icon.gif);background-repeat:no-repeat; width:121px; height:42px;float:left; position:relative; left:14px;}

.printinfo_icon a
{display:block; width:104px; height:42px;}

.listen_icon a
{display:block; width:75px; height:42px;}
 
.podcast_icon a
{display:block; width:121px; height:42px;}

.printinfo_icon a:hover
{background-image:url(../images/printinfo_icon.gif);background-repeat:no-repeat;width:104px; height:42px; float:left;}

.listen_icon a:hover
{background-image:url(../images/listen_icon.gif);background-repeat:no-repeat;width:75px; height:42px;float:left;}

.podcast_icon a:hover
{background-image:url(../images/podcast_icon.gif);background-repeat:no-repeat; width:121px; height:42px;float:left;}

.searchBox
{background: url(../images/go_btn.gif) repeat;border-collapse: collapse;border-width:0;cursor:pointer;height:28px;width:16px;}

/***************** FAQ page *****************/

.FAQcontent
{margin-top:0px; padding:10px -20px 0 0;}

.FAQcontent p
{width:50px;margin-top:0px; padding:10px -20px 0 0;}

.FAQwrap{ font-size:12px; font-weight:bold; position:relative; padding-top:8px; z-index:5;}
/* remove all the bullets, borders and padding from the default list styling */

/*.FAQwrap span {background-image:url(../images/topnavback_over.gif); background-repeat:repeat-x; height:19px; display:block;}*/

.FAQwrap ul {padding:0; margin:0; list-style-type:none;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.FAQwrap li {position:relative; width:379px;}
.FAQwrap li a{font-size:12px;}
/* style the links for the top level */
.FAQwrap a {display:block; text-decoration:none; color:#e54e96; height:20px; margin-bottom:8px; padding:4px 16px 0 16px;}
.FAQwrap span a {display:block; text-decoration:none; color:#e54e96; margin-bottom:8px; padding:4px 16px 0 16px;}

/* hide the sub levels and give them a positon absolute so that they don't affect the layout of the rest of the site */
.FAQwrap ul ul {visibility:hidden; position:absolute; top:2px; left:379px; width:338px;}
.FAQwrap ul ul li {margin:0; padding:0; width:338px; list-style-type:none;}
.FAQwrap ul ul li p {margin:0; padding:0; width:315px; list-style-type:none;line-height: 14pt;}

.FAQwrap ul ul div {width:312px; padding:0 12px 0 14px; font-size:12px; margin:12px 0; position:relative; z-index:23423; font-weight:normal;}


.FAQwrap ul ul table {width:312px; padding:0 12px 0 14px; font-size:12px; margin:12px 0; position:relative; z-index:23423; font-weight:normal;}


.FAQwrap ul ul p {width:312px; padding:0 12px 0 14px; font-size:12px; margin:12px 0; position:relative; z-index:23423; font-weight:normal;}
.FAQwrap ul ul p strong{font-size:15px; font-weight:bold;}

/* style the table so that it takes no part in the layout - required for IE to work */
.FAQwrap table {position:absolute; top:0; left:0;}

/* style the second level links */
.FAQwrap ul ul a {font-size:11px; color:#000; height:100%; padding:0; text-align:left;}
.FAQwrap ul ul .standardlink {background:none;padding:0;display:inline;font-size:12px;text-decoration:underline;}


/* style the top level hover */
.FAQwrap a:hover {background:url(../images/musclerelaxhover.jpg) no-repeat; background-color:#d9d9d9; color:#000;}
.FAQwrap :hover > a {color:#000; background:url(../images/musclerelaxhover.jpg) no-repeat;background-color:#d9d9d9;}

.FAQwrap ul ul :hover > a {color:#000; }
.FAQwrap ul ul a:hover {color:#000; }

/* make the second level visible when hover on first level list OR link */
.FAQwrap ul li:hover ul,
.FAQwrap ul a:hover ul{visibility:visible; background-image:url(../images/relaxtips_back.jpg); background-repeat:no-repeat; background-color:#cecece; width:338px}

/*************  Glossary Page **************/


.glossary
{
background-image:url(../images/glossary_back.jpg); height:53px; background-repeat:repeat-x; width:100%; color:#fff; font-size:15px;font-weight:bold;
}

.glossary a
{
color:#fff;text-decoration:none;filter:alpha(opacity=60);-moz-opacity:0.60;	-khtml-opacity: 0.60;opacity: 0.60;float:left; 
}

.glossary a:hover
{
color:#fff;	filter:alpha(opacity=100);	-moz-opacity:1;	-khtml-opacity: 1;	opacity: 1;float:left; 
}

.glossary td
{padding-left:9px; vertical-align: top;}

.glossary .disabled
{opacity:0.2;}

.hidden
{
display:none; 	
}


/*********************************** Registration - Certificate pages ********************************/

.certificatePanel
{
	margin-left:30px;
	width:650px;
	page-break-after:always;
}
.certificatePanel ul
{
	list-style-position:outside; 
	margin-left:15px; 
	margin-top:0px;
	padding:0;	
}
.dottedLine
{
	margin-left:-62px;
	margin-bottom:20px;
}
.certificateCoupon
{
	position:absolute;
	top:0px;
	left:0px;
	font-size:smaller;
}
.certificateCoupon2
{
	position:absolute;
	top:0px;
	left:0px;
	font-size:smaller;
}
.couponTable
{
	margin:90px 0 15px 30px;
	font-size:12px;
}

.couponTable2
{
	color:#0051B7;
	font-weight:normal;
	font-size:12px;
	margin:0px 0 30px 30px;
	width:500px;
}
.ftoCertificate
{
	text-align:left;
	margin:15px 55px 0px 0px;
	float:left;
}
.ftoSubHeaders
{color:#0051B7;font-size:12px;}

.100Certificate
{text-align:left;margin:15px 50px 30px 0px;float:left;width:600px;}

.pnl100Offer
{text-align:left;margin:15px 55px 20px 0px;float:left;width:600px;}

/*********************************** Registration - Certificate pages ********************************/

/*********************************** glossary links style ********************************************/


.glossaryItem {
	color:#005db2;
	font-size:1em; 
	text-decoration:none;
}

a.glossaryItem  {
	color:#005db2; 
	font-size:1em; 
	text-decoration:none;
	
}

a.glossaryItem:hover {
	color:#005db2;	
	border-bottom: dotted 1px #005db2;
}

.glossaryLink {
	color:#005db2; 
	text-decoration:underline;
	font-weight:bold;	
}
 .innercontent p .globalLink
 {
	color:#e54e96;
	text-decoration:none;
}
 .innercontent p .globalLink:visited
 {
	color:#990066;
	text-decoration:none;
}
.innercontent p .globalLink:hover
{
	color:#e54e96;
	text-decoration:underline;
}
 .innercontent li .globalLink
 {
	color:#e54e96;
	text-decoration:none;
}
 .innercontent li .globalLink:hover
 {
	color:#e54e96;
	text-decoration:underline;
}
 
.glossaryCaptionFontClass {
	color: #ffffff;	
	font-family: Arial;
	font-size:13px;
	font-weight: bold;
	background-image:url(../images/glossarygrad.jpg);
	background-repeat:repeat-x;
	background-color:#c0c0c0;
	padding: 6px 5px 5px 83px;
	
}
.glossarymorelink
{font-family: Arial,Helvetica,sans-serif;font-size: 11px;color: #e54e96;font-weight:bold;text-decoration:none;}
 
.glossaryBodyFontClass {
	color: #000000;	
	font-weight: normal;
	font-size: 11px;
	background-image:url(../images/glossarygrad.jpg);
	background-repeat:repeat-x;
	background-color:#c0c0c0;
	padding: 5px 5px 5px 5px;
} 

.thumbWrapper{
	
	margin:20px 0;	
}

/*********************************** glossary style ********************************************/

.awarenessposition
{position:relative; bottom:30px;float:left;}

.awarenesswrap
{float:left; width:980px;}

.awarenessimg
{float:left;}

.awarenesscontent
{float:left;padding-left:20px;width:480px;line-height:20px;}

.awarenesscontent p
{color:#666;font-size:.8em;}

.awarenesscontent p strong
{font-size:1em;}

.awarenesscontent p span
{color:#e33b96;}

.PIlink 
{margin:0px 0 8px 10px;font-size:11px; }

.PIlink a
{color:#636363;}

.sevennights
{background-image:url(../images/7nightsfree_banner.jpg); background-repeat:repeat-x; width:390px; height:98px;}

.sevennights a
{width:390px; height:98px; text-decoration:none; display:block;}

.sevennights a:hover
{background-image:url(../images/7night-mouseOver.jpg); background-repeat:repeat-x;}

/*===  GAME LIGHTBOX STYLES ===*/
#sbox-overlay {
	position: absolute;
	background-color: #FFF;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #364d67;
	text-align: left;
	overflow: visible;
	/*padding: 10px;*/
	/* invalid values, but looks smoother! */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 23px;
	height: 23px;
	right: 4px;
	bottom: 4px;
	background: url(../images/popup/closebox.png) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close {
	background-image: url(../images/popup/closebox.gif);
}

.sbox-loading #sbox-content {
	background-image: url(../images/popup/spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	/*overflow: hidden;*/
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(../images/popup/bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(../images/popup/bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(../images/popup/bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(../images/popup/bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(../images/popup/bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(../images/popup/bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(../images/popup/bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(../images/popup/bg_nw.png) no-repeat;
}

/*=== OTC Landing Page Styles ===*/

.otcCallouts { background: url(../images/bg_otcCallouts.jpg) no-repeat left bottom; overflow: hidden; padding: 0 0 49px 0;}
	.otcCallouts  .cta {display: inline; float: left; margin: 0 10px 0 0;}	
.OTClandingcontent .otcalternate { font-size: 0.75em; height: 175px; overflow: auto; padding: 0 25px;}

html>body .learnaboutotc {background:url(../images/learnMoreAboutOTC.png) no-repeat;}
		
.learnaboutotc a {text-decoration:none;display:block;width:249px;height: 11px;}		

.OTC_landing
{background: url(../images/OTClanding_back.gif) repeat-x #eeeeee; width: 100%; margin-top:-50px; padding:0 0 0 30px;  width:770px; color:#333;}

.OTC_wrap
{float:left; width:800px;}

.OTC_landing p
{font-size:.75em;color:#333333;line-height:18px;}

.OTC_landing h2
{font-size:1.25em; font-weight:normal; font-family:Arial narrow, Arial; margin:18px 0 0 0; color:#007bc4;}

.OTC_landing a
{color:#ec5596;}

.quicklinkscontent
{width:485px; float:left;}

.quicklinkswrap
{width:240px; float:left; margin:50px 0 0 18px;}

.quicklinks_back
{background:#007bc4;color:#fff;padding:0 16px;font-size:.75em;}

.qlbullet
{background:url(../images/whitearrow.gif) no-repeat left 4px;padding-left:12px;margin-top:10px;font-size:11px;}
  
/*
html>body .quicklinks_top {background:url(../images/quicklinks_top.png) repeat-y; height:23px; }

html>body .quicklinks_bottom {background:url(../images/quicklinks_bottom.png) repeat-y; height:32px; }
*/

/*  sleep tools section  */

.captionhead
{color:#0079c1;font-size:16px; font-family:Arial narrow;}

.pinkcaption
{color:#ec5596;}

.sleeptoolwrap
{width:740px; padding-top:20px;}

.sleeptoolcontent
{width:330px; float:left;}

.sleeptoolcontent_2
{width:440px; float:left;}

.sleeptoolback
{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 16px;}

.sleepbtn { height: 24px;}
	.sleepbtn a {background-image: url(../images/bg_sleepbtns.gif); background-repeat: no-repeat; color: #EC5596; display: block; float: left; font-weight: bold; font-size: 14px; height: 24px; overflow: hidden; text-indent: -2000px;}
	.sleepbtn input {background-image: url(../images/bg_sleepbtns.gif); background-repeat: no-repeat; color: #EC5596; display: block; float: left; font-weight: bold; font-size: 14px; height: 24px; overflow: hidden; text-indent: -2000px;}
	
	.sleepbtn a.poll { background-position: 0 0; width: 99px;}
		.sleepbtn a.poll:hover {background-position: 0 -24px;}
	.sleepbtn a.quiz { background-position: -102px 0; width: 104px;}
		.sleepbtn a.quiz:hover {background-position: -102px -24px;}	
	.sleepbtn a.center { background-position: -211px 0; width: 137px;}
		.sleepbtn a.center:hover {background-position: -211px -24px;}		
	.sleepbtn a.diary { background-position: -351px 0; width: 134px;}
		.sleepbtn a.diary:hover {background-position: -351px -24px;}	
	.sleepbtn a.profile { background-position: -490px 0; width: 137px;}
		.sleepbtn a.profile:hover {background-position: -490px -24px;}	
	.sleepbtn a.tracker { background-position: -631px 0; width: 182px;}
		.sleepbtn a.tracker:hover {background-position: -631px -24px;}			  							
	.sleepbtn a.offer { background-position: -817px 0; width: 103px;}
		.sleepbtn a.offer:hover {background-position: -817px -24px;}
	.sleepbtn a.print { background-position: -923px 0; width: 114px;}
		.sleepbtn a.print:hover {background-position: -923px -24px;}		
	.sleepbtn input.offer { background-position: -817px 0; width: 103px;}
		.sleepbtn input.offer:hover {background-position: -817px -24px;}	
	.sleepbtn input.offer2 { background-position: -1040px 0; width: 104px;}
		.sleepbtn input.offer2:hover {background-position: -1040px -24px;}	
.sleeptoolflash
{float:right;}

.showresultsbtn
{text-align:center;}

.smtoolwrap
{padding-left:16px; float:left;width:236px;}

.sleeptoolback
{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 16px;}

.sleeptoolback table
{font-size:12px;}

.sleeptoolback p
{margin:8px 0 0 0; padding-bottom:8px; font-size:.68em; font-family:Arial;}

.sleeptool_med_wrap
{width:361px; float:left;}

.sleeptool_med_back
{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 16px;}

.trackerarrow
{background:url(../images/tracker_arrow.gif) no-repeat left 4px; font-size:11px; padding-left:12px;}

.trackercontent
{width:455px; float:left;}

.trackercontent li
{margin:0;padding:6px 0 0 0;}

.trackerdownload
{float:left; width:257px; padding-left:22px;}

.trackerback
{border-left:1px solid #ccc; border-right:1px solid #ccc; padding:0 19px;}

.trackerback p
{font-size:13px;}

.trackerback a
{color:#ec5596;}

/*  Save $100 promo  */

.plainbullet
{background:url(../images/plainbullet.gif) no-repeat left 5px; padding-left:12px;} 

.couponwrap {position: relative;}
	.couponwrap .couponimg { left: 0; position: absolute; top: 0;}
	.couponwrap .couponcontent { left: 0; position: absolute; top: 0;}
	
.sevennightsfree {width:439px; height:290px; font-size:11px; margin-top:10px;}	
	.sevennightsfree .couponcontent { height:290px; padding:0 30px 0 30px; width:479px;}

.sevennightsfree li
{margin-top:0; font-size:11px;}

.sevennightsfreetext
{float:left; width:360px; padding-top:142px;}


.sevennightsfreenumbers
{float:right; padding-top:142px;}



.save100coupon {width:539px; height:320px; font-size:11px; margin-top:10px;}
	.save100coupon .couponcontent { width: 484px; padding:0 25px 0 30px;}
	
.save100coupontext
{float:left; width:0px; padding-top:156px; color:#555;}

.save100couponnumbers
{float:right; padding-top:155px; padding-right:35px; color:#9b9b9b; font-size:11px;}

.save100coupon li
{margin-top:0; font-size:11px;}

.save100wrap
{width:476px;}

.save100back
{border-left:1px solid #cccccc; border-right:1px solid #ccc;padding-left:20px;}

.smallcaption
{font-size:.65em;}

.save100text
{font-size:.80em;}

.save100text a
{color:#555;}

.save100text div
{font-size:.80em;}

.sleeptoolback
{font-size:em; font-family:Verdana;}

.sleeptoolback p
{margin:0 0 6px 0;}

/*=== ROOSTER STAT BOX ===*/
#roosterStat { background: url(../images/bg_roosterStat_bottom.gif) left bottom repeat-x; color: #6a6a6a; display: inline; font-size: 11px; float: right; margin: 0 35px 0 0; position: relative;}
	#roosterStat .roosterStatIn {background: url(../images/bg_roosterStat_top.gif) left top repeat-x;}
	#roosterStat .ne, #roosterStat .se, #roosterStat .sw, #roosterStat .nw { background-image: url(../images/roosterStat_corners.gif); height: 9px; overflow: hidden; position: absolute; width: 9px;}
	#roosterStat .ne { background-position: -9px 0; top: 0; right: 0; display: none;}
	#roosterStat .se { background-position: -9px -9px; bottom: 0; right: 0; display: none;}
	#roosterStat .sw { background-position: 0 -9px; bottom: 0; left: 0;}
	#roosterStat .nw { background-position: 0 0; top: 0; left: 0;}
	
	#roosterStat .statOut { background: url(../images/bg_roosterStat_left.gif) left top repeat-y; overflow: visible; padding: 0 25px 0 0;}
	#roosterStat .statIn { margin: 0 -25px 0 0; padding: 10px 20px 10px 10px;}
	
	#roosterStat .roosterImg { height: 83px; position: absolute; right: -50px; top: -20px; width: 80px;}