@charset "utf-8";
/*
|-----------::====================================================================::-----------|
|           :: Veet Catch and Shoot Barbara Promo Website                         ::           |
|           :: Common Website Style-sheet                                         ::           |
|           :: Version 1.0.0000.0000                                              ::           |
|-----------::====================================================================::-----------|
               DEFAULT ELEMENT STYLES
                 all: *
                 links: a
                 body: body
                 headings: h1, h2, h3
                 images: img
                 paragraphs: p
                 unordered lists: ul li
               SKELETAL UI ELEMENTS
                 Primary Page Area: wrap
                 Secondary Content Containers: body, footer, rCol
                 Tertiary Content Containers: body.home, rCol.home
               COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS
                 Contact Information: #ToHContacts
                 Corporate Brand: #ToHBrand, #ToHLogo
                 Free Consultation: #freeConsultation, #freeConsultation_H
                 Photo Gallery: ul#gallery, li, li a, li a img
                 Navigation Menu: ul#menu, li, li a, li.current, li.current a, li.menuBG, li.programIcon, li#DCT, li#RTB, li#SIG, li.programIcon a
                 Products & Affiliates Logos/Links: #productLinks, a
                 Tell-a-Friend: #tellAFriend, #tellAFriend_H
               PAGE-SPECIFIC ELEMENTS & STYLES
               + Sales Programs
                   Block Text: #SPHSP_BlockText
                     li, li#RTB, li#DCT, li#SIG, li a
               + About Us
                   Flash Animation: #SPHSP_Flash
                   Block Text: #SPHSP_BlockText
                     li
               REUSABLE STYLES
                 Color Styles: .color_DEFAULT, .color_Black, .color_LtGrey, .color_Pink, .color_Red
                 Font Sizes: .fontSize_Small

|-----------::====================================================================::-----------|
|           ::                               NOTES                                ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000
    1. [February 25, 2010]
        Web Form Elements Stylesheet: _includes/cmnFX/cmnFX.WebForms.css
        MooFX SlideShow Elements Stylesheet: _includes/mooFX/moo.fx.slideshow.css

|-----------::====================================================================::-----------|
|           ::                          REVISION HISTORY                          ::           |
|-----------::====================================================================::-----------|
  v1.0.000.000 :: February 25, 2010
    1. Initial published version of Cascading Style Sheet
*/





/* DEFAULT ELEMENT STYLES */
* { margin: 0px; padding: 0px; }
a { font-size: 9pt; font-weight: bold; color: #FF66CC; text-decoration: none; }
a:hover { text-decoration: underline; }
body {
	background: #FF66CC url("../images/bgBody.jpg") top no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #666666; line-height: 13pt;
}
h1, h3 { color: #FF66CC; font-weight: normal; }
h1 {
	margin: 20px 0px 30px 0px;
	font-size: 18pt; font-style: italic;
}
h2 {
	margin: 20px 0px 12px 0px;
	font-size: 13pt; font-weight: normal; color: #000000;
}
h3 {
	margin-bottom: 12px;
	font-size: 15pt; line-height: 20px;
}
img { border: none; }
p { margin-bottom: 12px; }
ul li { list-style: none; }





/* SKELETAL UI ELEMENTS */
#body {
	min-height: 854px; width: 706px; position: relative;
	margin: 2px 0px 0px 2px; padding: 10px 20px 0px 20px;
}
#body.full { width: 956px; }
#body.home { width: 456px; }
#body.home, #rCol.home {
	height: 420px; min-height: 420px; 
	margin: 436px 0px 0px 252px;
}
#footer {
	height: 40px;
	margin-top: 20px;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFFFFF; text-align: center; line-height: 14px;
}
#rCol {
	height: 864px; width: 246px; position: absolute; top: 36px; right: 4px;
	margin-top: 2px;
}
#wrap {
	width: 1000px; position: relative;
	margin: 0px auto 0px auto; padding: 2px 2px 55px 2px;
	background: #FFFFFF;
}





/* COMMON PAGE ELEMENTS, ELEMENT-SPECIFIC STYLES and SUB-ELEMENTS */
#_icubusID {
	height: 20px; width: 20px; position: absolute; top: 14px; right: 30px;
	background: url("../images/_icubusID.png") top left no-repeat;
	font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size: 6pt; font-weight: bold; color: #FFFFFF; text-align: center; text-decoration: none;
}
#footer { }
	#footer a { font-size: 8pt; color: #FFFFFF; }
#siteMenu { height: 34px; width: 1000px; }
	#siteMenu li { float: left; }
		#siteMenu li a {
			height: 29px; width: 121px; display: block; background: #000000;
			margin: 2px; padding-top: 1px;
			font-size: 9pt; font-style: italic; color: #FFFFFF; text-align: center; line-height: 28px;
		}
		#siteMenu li a:hover { color: #FF66CC; text-decoration: none; }
		#siteMenu li a#playGame {
			background: #00FF00;
			color: #000000;
		}
		#siteMenu li a#playGame:hover { color: #FFFFFF; }
		#siteMenu li a.smallFont { font-size: 8pt; line-height: 13px; }
#veetProducts {
	height: 217px; width: 222px;
	border: 2px solid #FF66CC; margin-top: 4px; padding: 155px 10px 0px 10px;
	background: 12px 12px no-repeat;
	font-size: 9pt; font-style: italic; line-height: 12pt;
}
#veetProducts.veetCreme { background-image: url("../images/veetCreme.jpg"); }
#veetProducts.veetWax { background-image: url("../images/veetWax.jpg"); }
#whoIsBarbara {
	height: 430px; width: 246px; position: absolute; top: 434px; left: 0px;
	background: #FF66CC url("../images/bgWhoIsBarbara0.jpg") top no-repeat;
}
#whoIsBarbara.home {
	/*top: 472px;*/ height: 205px; width: 247px; top: 695px; left: 4px;
	background-image: url("../images/bgWhoIsBarbara.jpg");
}
	#whoIsBarbara a {
		height: 35px; width: 233px; position: absolute; top: 75px; left: 7px;
		padding-top: 235px;
		font-size: 8pt; color: #FFFFFF; line-height: 9pt; text-align: right; font-weight: normal; font-style: italic;
	}
	#whoIsBarbara a:hover { text-decoration: underline; }
	#whoIsBarbara a.home {
		top: 0px;
		padding-top: 120px;
	}
	#whoIsBarbara ul {
		position: absolute; bottom: 5px; left: 25px;
		font-family: "Tahoma", Arial, Helvetica, sans-serif; color: #FFCCFF; font-size: 8pt;
	}
		#whoIsBarbara ul li { float: left; }
			#whoIsBarbara ul li a {
				position: relative; top: 0px; left: 0px;
				margin-right: 12px; padding-top: 0px;
			}
#whoIsBarbara_Dossier, #whoIsBarbara_DossierBG { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px; }
#whoIsBarbara_Dossier {
	height: 549px; width: 443px; position: absolute; top: 152px; left: 277px;
	background: url("../images/bgDossier.jpg") center no-repeat;
}
	#whoIsBarbara_Dossier ul { position: absolute; top: 425px; left: 50px; }
		#whoIsBarbara_Dossier ul li { float: left; }
			#whoIsBarbara_Dossier ul li a {
				position: relative; top: 0px; left: 0px;
				margin-right: 12px; padding-top: 0px;
			}
#whoIsBarbara_DossierBG { background: #000000; }
/*	background: #000000; -moz-opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: .50;*/





/* PAGE-SPECIFIC ELEMENTS & STYLES */
/* Site Map :: Links */
a.siteMap {
	display: block;
	margin-bottom: 15px;
	font-weight: normal; color: #666666;
}
a.siteMap.sub {
	margin-bottom: 2px;
	font-weight: normal;
}
a.siteMap.lastSub { margin-bottom: 15px; }
/* HomePage :: Flash Banner, Veet Logo, Veet Products, Weekly Pix, What's New, Barbara's Tweets */
#banner {
	height: 430px; width: 746px; position: absolute; top: 38px; left: 254px;
	background: url("../images/bgBanner.jpg") center no-repeat;
}
#tweetBox {
	height: 151px; width: 233px; position: absolute; top: 472px; left: 4px;
	border: 2px solid #FF66CC; padding: 65px 5px 0px 5px;
	background: url("../images/bgTweetBox.jpg") 0px 0px no-repeat;
	font-size: 8pt; font-style: italic; line-height: 11pt;
}
	#tweetBox li { margin-bottom: 5px; }
#logoVeet { position: absolute; top: 820px; right: -65px; }
#weekPix {
	height: 430px; width: 246px; position: absolute; top: 38px; left: 4px;
	background: url("../images/bgWeekPix.jpg") bottom left no-repeat;
}
	#weekPix #joinNow {
		height: 224px; width: 202px; position: absolute; top: 146px; left: 0px; z-index: 1000;
		padding: 60px 10px 0px 35px;
		background: #000000 url("../images/bgWeekPix.jpg") bottom left no-repeat; -moz-opacity: 0; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); opacity: 0;
		font-size: 11pt; font-style: italic; color: #FFFFFF; line-height: 13pt; text-decoration: none;
	}
	#weekPix #slideshow { height: 284px; width: 214px; position: relative; }
		#weekPix #slideshow #loading {
			height: 284px; width: 214px; position: absolute; top: 2px; left: 31px; display: block; visibility: hidden; z-index: 5;
			background: url("../images/AJAXLoaders/Wheel.gif") center no-repeat;
		}
		#weekPix #slideshow #menu { height: 284px; width: 31px; position: absolute; top: 3px; left: 0px; }
			#weekPix #slideshow #menu li {
				height: 17px; width: 25px; display: block; position: relative; z-index: 100;
				margin: 0px 0px 2px 3px; padding: 0px;
			}
				#weekPix #slideshow #menu li.background { }
				#weekPix #slideshow #menu li.current a { color: #8A2168; }
					#weekPix #slideshow #menu li a {
						height: 17px; width: 25px; display: block; z-index: 100;
						margin: 0px; padding: 0px;
						background: none;
						font-size: 18pt; text-align: center; color: #FFFFFF; text-decoration: none; line-height: 18px;
					}
					#weekPix #slideshow #menu li a:hover { color: #FF66CC; }
		#weekPix #slideshow #pictures { height: 284px; width: 214px; position: absolute; top: 0px; left: 33px; overflow: hidden; }
			#weekPix #slideshow #pictures li { height: 284px; width: 214px; position: absolute; top: 0px; display: block; }
					#weekPix #slideshow #pictures li a {
						height: 141px; width: 214px; display: block;
						margin-bottom: 2px;
						background: 0px 0px no-repeat;
					}
						#weekPix #slideshow #pictures li a img { height: 141px; width: 214px; display: block; }
#whatsNew { font-size: 9pt; line-height: 15pt; }
/*
	.photoSubmission .photoInfo {
		height: 28px; width: 209px; position: absolute; top: 113px; left: 2px;
		padding: 2px 0px 0px 5px;
		font-size: 9pt; font-style: italic; color: #FF66CC; line-height: 10pt;
	}
*/
	#whatsNew #photoTitle {
		height: 246px; width: 456px; position: relative; display: block;
		margin-bottom: 10px;
	}
		#whatsNew #photoTitle #articleTitle {
			width: 436px; position: absolute; bottom: 10px; left: 0px;
			padding: 2px 10px 2px 10px;
			font-size: 13pt; font-weight: bold; font-style: italic; color: #FF66CC; line-height: 20px;
		}
		#whatsNew #photoTitle #articleTitleBG {
			width: 436px; position: absolute; bottom: 10px; left: 0px;
			padding: 2px 10px 2px 10px;
			background: #000000; -moz-opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: .50;
			font-size: 13pt; font-weight: bold; font-style: italic; line-height: 20px;
		}
		#whatsNew #photoTitle img {
			height: 242px; width: 452px; display: block;
			border: 1px solid #CCCCCC; padding: 1px;
			background: 0px 0px no-repeat;
		}
/* Contest Mechanics & Prizes :: Draw Dates Table, Paging Links, List Styles */
#drawDates { }
	#drawDates tr td {
		padding: 1px 10px 1px 10px;
		font-size: 8pt; text-align: center;
	}
	#drawDates tr td.header { font-weight: bold; }
#pagingLinks {
	margin-top: 50px;
	color: #CCCCCC; text-align: right;
}
.contestMPR { margin-bottom: 30px; }
	.contestMPR li {
		margin: 0px 0px 12px 15px; padding-left: 3px;
		color: #FF66CC;
		list-style: outside decimal;
	}
		.contestMPR li ul { margin-top: 6px; }
			.contestMPR li ul li {
				margin: 0px;
				list-style: none;
			}
			.contestMPR li ul li.imageList {
				float: left;
				margin: 0px 20px 15px 20px;
				color: #666666; text-align: center;
			}
				.contestMPR li ul li.imageList img { display: block; }
.footnoteMPR {
	margin: 0px 0px 12px 0px; padding-left: 3px;
	font-size: 8pt;
}
/* Vote :: Photo Submissions Line-Up, Search */
.photoSubmission {
	height: 160px; width: 214px; position: relative; display: inline-block;
	margin: 0px 10px 30px 10px;
}
	.photoSubmission img {
		height: 141px; width: 214px; display: block;
		border: 1px solid #CCCCCC; padding: 1px;
	}
	.photoSubmission .photoInfo {
		height: 28px; width: 209px; position: absolute; top: 113px; left: 2px;
		padding: 2px 0px 0px 5px;
		font-size: 9pt; font-style: italic; color: #FF66CC; line-height: 10pt;
	}
	.photoSubmission .photoInfoBG {
		height: 30px; width: 214px; position: absolute; top: 113px; left: 2px;
		background: #000000; -moz-opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); opacity: .50;
	}
	.photoSubmission .vote {
		position: absolute; top: 148px; left: 6px;
		font-size: 8pt;
	}
	.photoSubmission .shareLinks {
		width: 216px;
		margin-top: 2px; padding-left: 2px;
		font-size: 8pt; font-style: italic; color: #CCCCCC; text-align: right; line-height: 15pt;
	}
		.photoSubmission .shareLinks img { height: 16px; width: 16px; }
h2.search { background: url("../images/icoSearch.jpg") 152px 0px no-repeat; }
#search {
	float: right;
	margin-top: -3px;
	background: url("../images/icoSearch.jpg") 125px 0px no-repeat;
	color: #000000; text-align: right;
}
	#search input {
		height: 19px; width: 234px;
		border: 1px solid #CCCCCC; margin-bottom: 4px;
		font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold;
	}
/* Winners :: Winning Photos */
.winningPhoto {
	height: 255px; width: 339px;
	margin: 0px 10px 20px 0px;
}
	.winningPhoto img {
		height: 205px; width: 335px;
		margin: 5px 0px 1px 0px;
	}
.consolationPhoto { margin: 0px 18px 20px 0px; }
/* Links :: Image Links */
#externalLinks { margin-top: 50px; }
	#externalLinks li {
		height: 64px; display: block;
		margin-bottom: 30px;
		font-size: 9pt; color: #666666;
	}
		#externalLinks li a {
			display: inline-block;
			margin-top: 15px;
			font-size: 11pt; font-weight: normal; font-style: italic;
		}
		#externalLinks li img {
			height: 64px; float: left;
			margin: 0px 25px 0px 15px;
		}
/* Updates :: Article Image */
.articleImage {
	height: 250px; width: 375px;
	border: 1px solid #CCCCCC; margin-bottom: 30px; padding: 1px;
}
#linkOuts {
	display: block;
	margin-top: 10px;
}
	#linkOuts li {
		display: inline-block;
		margin-right: 15px;
	}
		#linkOuts li img { height: 36px; width: 36px; }





/* REUSABLE STYLES */
.altStyle_TextHeavy { font-size: 12pt; line-height: 18pt; }
.color_DEFAULT { color: #666666; }
.color_Black { color: #000000; }
.color_LtGrey { color: #CCCCCC; }
.color_Pink { color: #FF66CC; }
.color_Red { color: #FF0000; }
.fontSize_Small { font-size: 8pt; }