body						{margin:0; padding:0;}

body	{background-color:#fff; background-repeat:no-repeat; background-position:top left; font-family: Verdana, Arial, Helvetica, sans-serif; color:#000;}

img		{border:none; padding:0; margin:0;}

a		{text-decoration:none; color:#999; font-weight:bold; outline:none;}

a:hover {text-decoration:underline;}

h1, h2, h3, h4, h5, h6, p{ margin:0; padding-bottom:10px;}

h1	{font-size:153%; font-style:normal; font-weight:lighter;}

h2	{font-size:90%; clear:both;}

h3	{font-size:85%;}

h4	{font-size:80%;}

h5	{font-size:75%;}

h6	{font-size:70%;}

.error	{color:#c30;}

#pageContainer				{width:775px; margin:15px 0px 0px 0px; padding:0;}

#pageHeader					{width:775px; margin:0px; padding:0; float:left;}

#pageHeaderContainer		{width:775px; margin:0px; padding:0; float:left;}

#pageHeaderContainerInner	{width:775px; margin:0px; padding:0; float:left;}

#pageHeaderSupplement		{width:120px; margin-left:30px; display:inline; float:left; background-image:url(../images/egg.jpg); width: 180px;height: 87px; margin: -15px 0 0 0; z-index:25}

#pageHeaderSupplement h1	{margin:0px; padding:0px;}

#pageHeaderSupplement h1 span	{position:absolute; top:-1000px;}

#pageHeaderSupplement h1 a	{width:120px; height:98px; display:block; background-position:top left; background-repeat:no-repeat;}

body.Home #pageHeaderSupplement h1 a, body.GettingHoldofCondoms #pageHeaderSupplement h1 a, body.CondomBroke #pageHeaderSupplement h1 a { width: 180px;height: 87px; margin: -20px 0 0 -30px;}

/* ===== new background image with javascript rotate on refresh (spongy, eggy and peachy files) =====*/

body {background-position:180px 0;}

//#pageBodyMiddle {padding-top: 140px;}

#globalSectionNav ul li a.selected, body.GettingHoldofCondoms #globalSectionNav ul li a.selected, body.CondomBroke #globalSectionNav ul li a.selected {color:#5497CB; text-decoration:none;}

#globalSectionNav li ul li a.selected{font-weight:bold;}

#SupplementaryGlobalServiceNav{float:left; width:130px;}

#pageHeaderOther			{width:150px; float:right; margin:0px; padding:0;}

#siteLogo					{width:150px; float:right; padding-top:10px;}

#pageHeaderRight			{width:150px; float:right;}

#pageHeaderMiddle			{width:150px; float:left; clear:both;}

#pageBodyThreeColumn				{width:745px; margin-left:30px; display:inline; margin-top:30px; float:left; clear:both;}

#pageBodyThreeColumn #pageBodyMiddle {width:425px; float:left;}

#rotateBig {width:425px; height: 260px; background: #f5a}

#pageBodyOneColumn					{width:745px; margin-left:30px; margin-top:30px; float:left; display:inline; clear:both;}

#pageBodyOneColumn #pageBodyMiddle	{width:745px; float:left; }


#pageBodyLeft		{width:120px; margin-right:30px; float:left; margin-top: -50px}

#pageBodyRight		{width:130px; margin-left:30px; float:left; display:inline; font-size:70%; line-height:1.18;}

#pageBodyRight #comp {width:130px; height: 194px;}

#pageFooter			{width:575px; float:left; margin:30px 0px 0px 180px; padding-bottom:20px; display:inline; clear:both;}

#pageFooter #globalFooterNav {width:575px; clear:both; float:left; border-bottom:solid #5497CB;}

.right	{float:right;}

#globalSectionNav ul			{margin:0px; padding:0px; list-style-type:none;}

#globalSectionNav ul li			{margin:0px; padding:5px 0px 5px 0px; font-size:70%; font-weight:bold; border-top:solid 1px #A9CBE5; color:#999; line-height:127%;}

#globalSectionNav ul li.first	{border:0px; padding-top:0px;}

#globalSectionNav ul li a		{color:#999;}

#globalSectionNav ul li ul		{border-top:solid 1px #A9CBE5; margin-top:5px; padding-top:8px;}

#globalSectionNav ul li ul li	{border:0px; font-size:100%; font-weight:normal; padding-top:0px;}

#globalSectionNav ul li ul li a	{font-weight:normal}

#globalSectionNav ul li ul li.first {border:0px; padding-top:5px;}



#SupplementaryGlobalServiceNav ul {position:relative; list-style-type:none; margin:0 0 0 0; padding:0;}

#SupplementaryGlobalServiceNav ul li { margin:0; padding:0; font-size:90%; font-weight:bold; width:130px; float:left; clear:both; }

#SupplementaryGlobalServiceNav ul li a {padding-left:20px; padding-bottom:10px; float:left; width:auto; clear:both; background-repeat:no-repeat; background-position:top left;}

#SupplementaryGlobalServiceNav ul li a.print {background-image:url(../images/printicon.gif);}

#SupplementaryGlobalServiceNav ul li a.email {background-image:url(../images/emailicon.gif);}
#SupplementaryGlobalServiceNav ul li a.go {background:url(../images/bullet_go.png) no-repeat 0 -2px;color:#5497CB;padding-bottom:20px;}

#pageBodyRight h1, #pageBodyRight h2, #pageBodyRight h3, #pageBodyRight h4, #pageBodyRight h5, #pageBodyRight h6 {font-size:100%;}

.listFeatures		{font-size:80%; line-height:1.23;}

.listFeatures .Footnotes{font-size:70%; font-style:italic}

.listFeatures table	{font-size:100%; line-height:1.23;}

.listFeatures h4	{font-size:100%;}

.listFeatures ul	{ margin:0 0 0 15px; padding:0;}

.listFeatures ul li{ margin:0; padding:0 0 8px 0;}

.listFeatures p{clear:both;}

.listFeatures h1{position:relative; top:210px;}


#pageHeaderRight select {float:left; font-size:81%; font-family:verdana, arial, helvetica, sans-serif; font-size:70%; color:#000; clear:both; width:150px; background-color:transparent; border:solid 1px #7F9DB9;}

#pageHeaderRight option {background-color:#fff;}


.homePageRotate					{width:415px; padding:0px 0px 10px 0px; float:left; clear:both;}

.homePageRotate .DisplayImageLinks{float:left; margin-right:8px; display:inline;}

.homePageRotate .image1			{width:130px; float:left; margin-right:12px;}

.homePageRotate .image2			{width:130px; float:left; margin-right:12px;}

.homePageRotate .image3			{width:130px; float:left;}

.homePageRotate span			{font-size:81%; font-weight:bold; display:block; width:130px; float:left; clear:both;}

.homePageRotate a:hover	span	{text-decoration:underline; cursor:pointer;}

.homePageRotate img				{margin:0px 0px 10px 0px;}
 
.panel{float:left; margin-top:20px;}
.panel h6 a {background-image:url(../images/pdf.gif); background-position:top left; display:block; background-repeat:no-repeat; padding-left:18px; width:112px; padding-bottom:3px; float:left;}
.promoDetails{float:left; margin-top:8px}

.promotionalBanner {padding:0px; margin:0px;}

.listFeatures h4 {margin:0px; padding:0px;}

.listfeatures ul.arrows {margin:0px; padding:0px; display:none;}

.listfeatures ul.arrows li {margin:0px; padding:0px;}


#pageFooter #globalFooterNav a {font-size:62%; font-weight:bold; color:#999; display:block; float:left; padding:0px 0px 3px 0px; margin:0px;}

#pageFooter #globalFooterNav .right {font-size:62%; color:#999; padding:0px 0px 3px 0px; margin:0px; width:auto;}

#pageFooter #globalFooterNav .left {width:500px; float:left;}

#pageFooter #globalFooterNav img {float:left; margin-left:3px; margin-right:3px; display:inline;}

#pageFooter .info_std { float: left; width: 99px; clear: both; margin: 10px 0; }

.Tips{float:left; width:98%; border:1px solid #A9CBE5; margin:8px 0 10px 0; padding:3px; }

.Tips span{font-weight:bold; text-transform:uppercase}

.SectionImage{float:left; margin-bottom:27px; margin-right:10px}



#ChapsLinks .DisplayImageLinks{float:left; width:428px; margin-right:5px; display:inline; margin-bottom:15px;}

#ChapsLinks{position:relative; margin-top:18px;}



.FieldWrapper{float:left; width:420px; margin-bottom:15px;}

.FieldWrapper label{font-weight:bold; font-size:85%}

.FieldWrapper span{color:#999; font-weight:bold; font-size:85%;}

.FieldWrapper .Required{color:#C60821; font-weight:normal}

#NameField, #EmailField, #TitleField, #AddressField{margin-top:5px; display:block; border:1px solid #7F9DB9; font-size:95%}

#AddressField{width:415px;}

#NameField, #EmailField{width:415px; height:15px;}

#TitleField{width:100px;}

.FieldWrapper #AgeConsent{position:relative; top:3px;}

#buttons input {background-color:#C60821; float:right; border:0px; font-family:verdana, arial, helvetica, sans-serif; font-size:90%; font-weight:bold; color:#fff; padding:2px 4px 2px 4px; width:auto;}

.ThankyouMsg{font-size:110%;}

.largerHeadings h2 { font-size: 110%; margin-top: 20px; }
.largerHeadings h3 { font-size: 100%; }

.review { float: left; clear: both; width: 100%; margin: 40px 0 0 0 !important; padding: 0; list-style-type: none; font-size: 90%; font-weight:bold;}
#pageBodyMiddle .review { font-size: 75%; line-height: 1.9; }
#pageBodyMiddle .listFeatures .review { font-size: 90%; line-height: 1.23; }
