/*
 *	a copy of style.css for the popart.. because it is not in the root
 *	use as a global.css 
 */


* { padding: 0; margin: 0;}
html { overflow: -moz-scrollbars-vertical !important; }

body, td, p, li, div{
	font-family: arial;
	font-size: 11px;
	color: #252525;
}

body {
	background-image:url(../images/bg_page.gif);
}


iframe {
	width:1px;
	height:1px;
	border:none;
}
/*
p {
	margin-top:10px;
	margin-bottom:10px;
}
*/
p {
	margin:5px 2px;
}

a img {
	border:none;
}
img {
	border:none;
}

ul {
	margin-top:10px;
	margin-bottom:10px;
}

li {
	margin-left:23px;
	list-style-type:square;
}

a {
	font-family: arial;
	font-size: 11px;
	color : #CB1408;
	text-decoration: none;
}

a:hover {
	font-family: arial;
	font-size: 11px;
	color : #CB1408;
	text-decoration: underline;
}

.underline {
	text-decoration: underline;
}

.main{
	font-family: arial;
	font-size: 11px;
	color: #252525;
	font-weight:normal;
}

.outer {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background-image:url(../images/bg_left.gif);
	background-repeat:no-repeat;
}

.container {
	width:960px;
	margin-left:20px;
	margin-right:20px;
	background-color:#ffffff;
	background-image:url(../images/bg_container.gif);
	background-repeat:no-repeat;
}

.mainnav {
	position:relative;
/*	padding-left:348px;  */
	padding-left:346px;
	padding-top:68px;
	padding-bottom:30px;
	height:40px;
}

#follow{
	 float:right; 
	 margin-right:42px; 
	 padding-bottom:10px; 
	 z-index:10;
}

.mainnav a {
	font-size : 12px;
	color : #03549F;
	text-decoration: none;
	font-weight:bold;
}

.mainnav a:hover {
	font-size : 12px;
	color : #CB1408;
	text-decoration: none;
	font-weight:bold;
}

.mainnav a:focus{
	outline:none;
}
.mainnav ul a.current {
	color:#CB1408;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
.mainnav ul {
/*	width:610px; */
	position:relative;
	top:-10px;
	left:-4px; 
	list-style:none;
	display:block;
	float:left;
}
.mainnav ul li{
	margin:0px 0px;
/*	padding:0px 4px; */
	padding:0px 3px; 
	list-style-type:none;
	display:block;
	float:left;
	text-align:center;
}
.mainnav ul li.divider {
	color:#BEBEBE;
	font-size:12px; 
}

/*
.dividerMainnav {
	font-size: 11px;
	margin:0 12px 0 12px;
	color: #BEBEBE;
}
*/

.subnav {
/*	margin-left:347px; */
	margin-left:345px;
	height:50px;
}

.subnavOn {
	color : #CB1408;
}

.subnav a {
	font-size : 12px;
	color : #999999;
	text-decoration: none;
}

.subnav a:hover {
	font-size : 12px;
	color : #CB1408;
	text-decoration: none;
}

.dividerSubnav {
	font-size: 12px;
	margin:0 10px 0 10px;
	color: #BEBEBE;
}

.homeLink {
	position:absolute;
	width:210px;
	height:102px;
	left:40px;
	top:10px;
}

.contentHome {
	margin-left:10px;
	padding:15px 15px 0 15px;
	width:908px;
	border:1px solid #c2c2c2;
	border-bottom:none;
	background-color:#deddde;
}

.content {
	margin-left:10px;
	padding:15px 15px 10px 15px;
	width:908px;
	border:1px solid #f1c2bf;
	border-bottom:none;
	background-color:#e6e6e6;
	
	border
	
}

.swirls {
	background-image:url(../images/bg_swirls.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.swirlsLower {
	background-image:url(../images/bg_swirls_lower.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.contentVideos {
	margin-left:10px;
	padding:0;
	width:938px;
	border:1px solid #f1c2bf;
	border-bottom:none;
	background-color:#e6e6e6;
}

.contentContactus {
	margin-left:10px;
	padding:15px 15px 0 15px;
	width:908px;
	border:1px solid #f1c2bf;
	border-bottom:none;
	background-color:#e6e6e6;
	background-image:url(../images/bg_swirls.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

.contentBottom {
	position:relative;
	z-index:1;
	width:960px;
}

.sexyFact {
	position:absolute;
	width:303px;
	height:72px;
	left:370px;
	top:8px;
	padding:6px 130px 0 130px;
	background-image:url(../images/bg_sexyfact.gif);
	background-repeat:no-repeat;
	font-size : 10px;
	line-height:11px;
}

.whiteBig {
	font-size : 14px;
	color : #ffffff;
}

.headerSf {
	font-size : 11px;
	font-weight:bold;
	color : #E62518;
	margin-bottom:4px;
}

.headerCondom {
	font-size : 18px;
	font-weight:bold;
	color : #585858;
	margin-bottom:10px;
}

.headerGray {
	font-size : 18px;
	font-weight:bold;
	color : #585858;
}

.headerDark {
	font-size : 18px;
	font-weight:bold;
	color : #393939;
}

.headerRedSmall {
	font-size : 10px;
	font-weight:bold;
	color : #CB1408;
}

.headerPage {
	margin-bottom:8px;
}

.subheader {
	color:#CE281D;
	font-size: 14px;
	margin-bottom:6px;
}

.subheader a{
	color:#CE281D;
	font-size: 14px;
	text-decoration: none;
}

.subheader a:hover{
	color:#CE281D;
	font-size: 14px;
	text-decoration: none;
}
.bottom_header_box {
	border:1px solid black;
	background-color:black;
}
.bottom_header_box h1 {
	width:380px;
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding:15px 10px 0px 10px;
}
.footer {
	padding:10px 0 15px 12px;
	background-color:#000000;
	font-size : 10px;
	color : #808080;
	text-decoration: none;
}

.footer a {
	font-size : 10px;
	color : #808080;
	text-decoration: none;
}

.footer a:hover {
	font-size : 10px;
	color : #808080;
	text-decoration: underline;
}

.dividerFooter {
	font-size: 10px;
	margin:0 6px 0 6px;
	color: #7d6137;
}
.headerSection {
	text-align:right;
	padding-top:10px; 	
	margin-right:30px;
	height:18px;
	position:relative;
	top:-6px;
	z-index:100;	
}
.headerSection .header_text {
	color: #C90C00;
	font-size:18px;
	font-weight:normal;  
/*	font-family:Impact, arial, Courier New; */
	font-family:arial, Courier New;
	line-height:35px;
}
.blockImg {
	display:block;
}

.retailersBox {
	float:left;
	margin-right:10px;
	width:205px;
	height:144px;
	padding: 8px 2px 7px 2px;
	text-align:center;
	background-image:url(../images/bg_retailers_box.gif);
	background-repeat:no-repeat;
	color:#03549F;
	font-size: 11px;
	font-weight:bold;
}

.retailersBox a {
	color:#CD1B10;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
}

.retailersBox a:hover {
	color:#CD1B10;
	font-size: 11px;
	font-weight:normal;
	text-decoration: underline;
}

.retailersLogo {
	text-align:center;
	height:90px;
	margin:7px 0 4px 0;
}

.clearFloats {
	clear:both;
}

.condomImg {
	padding:3px;
}

.condomCol1 {
	float:left;
	border:1px solid #ffffff;
	margin-right:20px;
	width:290px;
	height:232px;
	overflow:auto;
	text-align:center;
	background-color:#ebebeb;
}

.condomCol2 {
	float:left;
	margin-right:20px;
	width:294px;
	text-align:center;
}

.pleasureCol1 {
	float:left;
	border:1px solid #ffffff;
	margin-right:20px;
	width:290px;
	height:232px;
	overflow:auto;
	text-align:center;
	background-color:#efefef;
}

.condomCol3 {
	float:left;
	width:276px;
}

.bodyCol1 {
	float:left;
	margin-right:30px;
/*	padding-left:20px; */
	padding-left:12px;
	width:528px;
}

.bodyCol2 {
	float:left;
}

.freesampleCol1 {
	float:left;
	margin-right:10px;
	width:424px;
}

.freesampleCol2 {
	float:left;
	width:444px;
}

.freeposterCol1 {
	float:left;
	margin-right:20px;
	width:453px;
}

.freeposterCol2 {
	float:left;
	width:405px;
}

.freesampleForm {
	font-size:10px;
}

.defaultInput {
	height:18px;
	font-size:10px;
}

.sampleInput {
	display:block;
	width:190px;
	height:18px;
	margin-bottom:15px;
	font-size:10px;
}

.floatInput {
	float:left;
	text-align:center;
	width:55px;
}

.submitInput {
	text-align:center;
	width:64px;
	height:16px;
	background-color:#EE3024;
	font-size:10px;
	color:#ffffff;
	border: 1px outset #ffffff;
	font-weight:bold;
}

.hwTab {
	float:left;
/*	margin-right:10px; */
	margin-right:5px;
	padding:20px 19px 0 19px;
	width:181px;
/*	height:187px; */
	height:207px;
	
	background-image:url(../images/bg_hw_box.gif);
	background-repeat:no-repeat;
}
.hwTab .header {
	background-image: url(../images/health/hwtabs_bg.gif);
	background-repeat:no-repeat;
	width:181px;
	height:31px;
	padding:0px 0px;
	text-align:center;	
}
.hwTab .header a {
	color:white;
	font-size:11px; 
	font-weight:bold;
	line-height:22px;
}
.hwTab .header a:hover{
	text-decoration:none;
}
.hwTab .guillemets {
	margin-left:3px;
	color:black;
	font-size:22px;
	font-weight:bold;	
	position:relative;
	top:2px;
	left:0px;
}
.hwTabInner {
/*border:3px solid red; */
	width:161px;
	position:relative;
	top:6px;
	left:10px;
}
.hwTabInner ul {
	margin-bottom:0;
}

.hwTabInner ul li{
	margin-left:16px;
}

.hwTabImg {
	display:block;
}

.headerShaded {
	width:866px;
	height:85px;
	padding: 18px;
	background-image:url(../images/bg_header.gif);
	background-repeat:no-repeat;
}
.floatedHeader {
	float:left;
	width:676px;
	color:#CE281D;
	font-size: 14px;
	font-weight:bold;
}
.floatedHeader h1{
	font-size: 14px;
	font-weight:bold;
}
.headerShaded2 {
	display:block;
	float:left;
	height:25px;	
	padding:10px 10px;
}	
.headerShaded2 .floatedHeader{
	font-weight:bold;
}

.floatedSublinks {
	float:left;
	width:190px;
}

.floatedSublinks ul li{
	color:#CE281D;
	font-size: 11px;
	list-style-type:square;
}

.floatedSublinks ul li a{
	color:#252525;
	font-size: 11px;
	text-decoration:underline;
}

.floatedSublinks ul li a:hover{
	color:#CE281D;
	font-size: 11px;
	text-decoration:underline;
}

.halfCol {
	width:506px;
	margin-left:25px;
	margin-top:-20px;
}

.bodyDefault {
	width:506px;
	margin-left:10px;
	margin-top:20px;
}

.resourcesTable {
}
.resourcesTable tr td {
	padding:5px 5px 5px 10px;
	background-color:#D8D8D8;
	font-size: 11px;
	color:#03549F;
	font-weight:bold;
}

.resourcesTable tr td.col_1{
	width: 420px;
}
.resourcesTable tr td.col_2{
	width: 180px;
}
.resourcesTable tr td a {
	color:#CE281D;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}
.resourcesTable tr td a:hover {
	color:#CE281D;
	font-size: 11px;
	font-weight:normal;
	text-decoration:underline;
}

.faqBox {
	background-image:url(../images/bg_faq_box.gif);
	width:584px;
	margin-top:10px;
	margin-bottom:16px;
}

.faqBox ol {
	margin:8px 8px 8px 15px;
}

.faqBox ol li {
	list-style-type:decimal;
}

.faqBox ol li a{
	font-size: 11px;
	color:#03549F;
	font-weight:bold;
	text-decoration:none;
}

.faqBox ol li a:hover{
	font-size: 11px;
	color:#03549F;
	font-weight:bold;
	text-decoration:underline;
}

.faqQuestion{
	font-size: 11px;
	color:#03549F;
	font-weight:bold;
	margin-bottom:2px;
}

.faqAnswer{
	padding-bottom:18px;
}

.backToTop{
	font-size: 11px;
	color:#03549F;
	font-weight:normal;
	padding-top:8px;
	padding-bottom:12px;
}

.photoGal {
	margin-top:24px;
	width:436px;
	height:301px;
	background-image:url(../images/bg_photogal.jpg);
	background-repeat:no-repeat;
}

.wallpaper {
	width:416px;
	height:382px;
	background-image:url(../images/bg_wallpaper.jpg);
	background-repeat:no-repeat;
}

.wallpaperInner {
	width:416px;
	height:347px;
	overflow:auto;
}

.posterThumb {
	float:left;
	width:102px;
	height:174px;
	margin-right:4px;
	margin-bottom:5px;
	padding:6px 1px 1px 6px;
	background-image:url(../images/bg_poster_thumb.gif);
	background-repeat:no-repeat;
}

.marginBottom{
	margin-bottom:12px;
}

.marginBottom6{
	margin-bottom:6px;
}
.eventBox {
	background-image:url(../images/bg_events_box.gif);
	background-repeat:no-repeat;
	width:208px;
	height:182px;
	padding:12px 36px 12px 36px;
	margin-bottom:16px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
.eventBox img {
	border: 1px solid #BABEB8;
	display:block;
	margin-top:6px;
}


.headline {
border:1px solid red;
font-size:12px;
}

.headline {
	display:none;
}

.page_copy{
	display:none;
}


.hp_header {
/*border:1px solid red; */
	color:#CE281D;
	font-size: 14px;
	font-weight:bold;
	display:block;
	float:left;
	position:relative;
	top:20px;
	left:40px;
}

#lifestyles_video_player {
	display:block;
	float:left;
	position:relative;
	top:-10px;
	left:-15px;
}
.flash p {
	padding:10px 20px;
	font-size:13px;
}

.specificclick {
/*width=0 height=0 border=0 */
	width:0px;
	height:0px;
	border:none;
}




/* the form */
.form_box { display:block; float:right; width:450px; font-size:13px; color:#252525; } 
.form_box .red { color:red;}
	.form_box p{ font-size:12px; }
	.form_row { margin:5px 0px;display:block;float:left; width:100%; }
	.form_box .half_col { width:200px; }
	.form_box .half_col_left { width:200px;float:left; }
	.form_box .half_col_right { width:200px;float:right }	
	.form_box label { display:block; float:left; font-size:12px; width:100%; line-height:20px; }
	.form_box input.text_field { border:1px solid #999; width:190px; font-size:12px; padding:2px 0px; }
	.form_box select.drop_down_list { border:1px solid #999; width:190px; font-size:12px; }
	.form_box input.checkbox { margin-right:5px; border:none;	vertical-align: middle;}
	.form_box .radio_choice { display:block; float:left; width:50px; text-align:center; margin:0px 5px; }
	.form_box label.error { color:red; font-weight:bold; margin:2px 0px; }
	.form_box .form_button { background-color:#EE3024;border:1px outset #FFFFFF; color:#FFFFFF; font-size:10px; font-weight:bold; height:25px;text-align:center; width:64px; }
	.form_box  #subscribe_type { float:left;width:100%; }



/*-------------EVENTS------------*/

.event-item {
	overflow:auto;
	padding:10px 0px 5px 0px;
}

.event-item .callout {
	float:left;
	display:block;
	
}

.event-item .blurb {
	float:left;
	display:block;
	padding:0 10px;
	width:500px;
	
}

.event-item p {
	font-size:12px;
}

.event-item  h3 {
	color:#EE3024; 
	font-weight:bold; 
	padding:8px 0px 5px 0px;
}

#gallery {
    background-image: url("../images/events/bg_gallery.png");
	height:384px;
	width:437px;
	}
	
	.prev {
		background:url("../images/events/ad_scroll_back.png") no-repeat scroll 0 22px transparent;
		border:medium none;
		cursor:pointer;
		float:left;
		height:50px;
		margin-left:6px;
		margin-top:10px;
		width:15px;
		}
     .next{
		background:url("../images/events/ad_scroll_forward.png") no-repeat scroll 0 22px transparent;
		border:medium none;
		float:left;
		height:50px;
		margin-left:8px;
		margin-top:10px;
		width:15px;
		}
	.mid{
		text-align:center;
		}	
	.mid img{
		margin-top:22px;
	}
	.jCarouselLite {
		visibility: visible; 
		margin-top:20px; 
		margin-left:2px;
		overflow: hidden; 
		position: relative; 
		z-index: 2; 
		left: 0px; 
		width: 410px; 
		float:left;
		}
		
	.jCarouselLite ul{
	margin: 0pt; 
	padding: 0pt; 
	position: relative; 
	list-style-type: none; 
	z-index: 1; 
	width: 2890px; 
	left: 0px; 
	}
	
	.jCarouselLite ul li{
		overflow: hidden; 
		float: left; 
		margin-left:5px; 
		width: 72px; 
		height: 56px;
		}
		
	.jCarouselLite ul li img{
		border: 3px solid #CCC;
			}
	.jCarouselLite ul li img:hover, .jCarouselLite ul li img:active{
		border: 3px solid #ca7829;
		}