/*//////////////////////////////////////////////////////////////
// Elastoplast CSS Doc /////////////////////////////////////////
//////////////////////////////////////////////////////////////*/

/* Global Styles > Begin */
html, body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8f647c;
}
#wrapper{}
#header{
	width:100%;
	height:176px;
	position:relative; 
	background: url(../img/header-bkgd.gif) repeat-x top left;
}
#main{width:100%; height:548px; position:relative;}
#mainHow{width:100%; height:607px; position:relative;}
#mainBeauty{width:100%; height:1050px; position:relative;}
#mainBeautyAlt{width:100%; height:1130px; position:relative;}
#mainBlogs{width:100%; height:940px; position:relative;}
#mainCompetition{width:100%; height:1450px; position:relative;}
#subHeading{width:968px; height:140px; background:url(../img/subheading-bkgd.jpg) no-repeat;}
#subHeadingHow{width:968px; height:159px; background:url(../img/subheading-bkgd.jpg) repeat-y;}
#subHeadingBeauty{width:968px; height:80px; background:url(../img/subheading-bkgd.jpg) repeat-y;}
#subHeadingText{width:545px; height:60px; float:left; margin:20px 0 0 28px;}
#fsSubHeader{width:103px; height:104px; float:left; margin:20px 15px 0 0;}
#winSubHeader{width:102px; height:104px; float:left; margin:20px 0 0 0;}
#footer{
 	width:100%;
	height:292px; 
	position:relative; 
	background: url(../img/footer-bkgd.jpg) repeat-x top left;
	margin:0 0 85px 0;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{display inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 
img {border:0px; margin:0px; padding:0px;}
h1 {font-size:14px; font-weight:bold; margin:5px 0 5px 0;}
/* Global Styles > End */
.pink{color:#ffcce5; font-size:12px;}

/* Global Header Styles > Begin */
#headerHolder{width:968px; height:176px; margin-left:auto; margin-right:auto;}
#headerLeft{width:682px; height:120px; margin:4px 0 0 0; float:left;}
#elastoplastLogo{width:69px; height:22px; float:left; margin:0 364px 30px 0;}
/*#glamourHeader{width:91px; height:52px; float:left; margin:12px 0 0 0;} */
#headerText{width:482px; height:50px; float:left; margin:0 0 0 20px;}
#fsHeader{width:101px; height:104px; float:left; margin:20px 14px 0 0;}
#winHeader{width:102px; height:104px; float:left; margin:20px 0 0 0;}
#shareBlock{width:200px; height:27px; float:right; padding:12px 0 0 0;}
#shareTxt{width:50px; height:16px; float:left;}
#shareLogo{width:16px; height:16px; float:left; margin:0 5px 0 0;}
/* Global Header Styles > End */

/* Global Footer Styles > Begin */
#footerHolder{width:968px; height:292px; margin-left:auto; margin-right:auto;}
#footerInner{width:915px; height:292px; margin-left:auto; margin-right:auto;} 
#footerHeadBlock{width:915px; height:24px; background-color:#c02270; margin:0 0 13px 0;}
#footerBlock{width:303px; height:142px; margin:0 3px 22px 0; float:left;}
#footerBlockAlt{width:303px; height:142px; margin:0 0 22px 0; float:left;} 
#fsFooter{width:52px; height:55px; float:right;}
#footerNav{width:915px; height:33px; border-top:solid 1px #ccccc7; margin:5px 0 0 0; float:left;}
#footerLinks{width:808px; height:25px; float:left; font-size:11px; padding:7px 0 0 0;}
#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited {color:#8f647c; text-decoration:none;}
#footerLinks a:hover {color:#c02270; text-decoration:none; font-weight:normal;}
#footerLogo{width:65px; height:23px; padding:9px 0 0 0; float:left;}
/* Global Footer Styles > End */

/* Global Nav & Styles */
#mainNav{
	width:950px;
	height:39px;
	float:left;
	margin:13px 0 0 0;
	padding:0 0 0 18px;
	background-color:#c02270;
	font-size:15px;
	color:#ffffff;
}
#mainNav a:link, #mainNav a:active, #mainNav a:visited {color:#ffcce5; text-decoration:none;}
#mainNav a:hover {color:#ffffff; text-decoration:none;}
#navHome, #navWhat, #navHow, #navBeauty, #navTips, #navBlogs {height:30px;text-align:center; display:block; float:left; background:url(../img/nav-marker.gif) no-repeat;}
#navDivider {width:5px; text-align:center; float:left; margin:9px 0 0 0;}
#navHome a, #navWhat a, #navHow a, #navBeauty a, #navTips a, #navBlogs a {height:21px; padding:9px 0 0 0;}
#navHome a{width:50px;}
#navHome a:hover{background-position:18px -30px;}
#navWhat a{width:199px;}
#navWhat a:hover{background-position:90px -30px;}
#navHow a{width:85px;}
#navHow a:hover{background-position:35px -30px;}
#navBeauty a{width:125px;}
#navBeauty a:hover{background-position:55px -30px;}
#navTips a{width:69px;}
#navTips a:hover{background-position:102px -30px;}
#navBlogs a{width:46px;}
#navBlogs a:hover{background-position:13px -30px;}

/* Setting current main nav section - match body id="" with a href id */
body#home a#navHome {background-position:18px -30px; color:#ffffff;}
body#what a#navWhat {background-position:90px -30px; color:#ffffff;}
body#how a#navHow {background-position:35px -30px; color:#ffffff;}
body#beauty a#navBeauty {background-position:55px -30px; color:#ffffff;}
body#tips a#navTips {background-position:102px -30px; color:#ffffff;}
body#blogs a#navBlogs {background-position:13px -30px; color:#ffffff;}

/* Global Nav & Styles > End */


/* Home Page Styles > Begin */
#mainHolder{width:968px; margin-left:auto; margin-right:auto;}

#mainLeft{width:570px; float:left;}
#leftHomeBlock{width:570px; height:177px; margin:0 0 2px 0; background:url(../img/left-home-block-bkgd.jpg) no-repeat;}
#leftHomeBlockImg{width:171px; height:177px; float:left;}
#leftHomeBlockBody{width:399px; height:177px; float:left;}
#leftHomeBlockBodyHeadline{width:399px; height:29px; margin:31px 0 0 0;}
#leftHomeBlockBodyTxt{width:399px; height:80px;}
#leftHomeBlockBodyTxt p{width:350px; margin:15px 0 0 19px; font-size:12px; line-height:18px;}
#leftHomeBlockBodyArrow{width:5px; height:11px; margin:0 0 0 383px;}
#leftHomeBlock a:link, a:active, a:visited {color:#8f647c; text-decoration:underline;}
#leftHomeBlock a:hover {color:#c02270; text-decoration:underline; font-weight:normal;}

#mainRight{width:380px; float:left; margin:0 0 0 18px; float:left;}
#rightHomeBlockBodyHeadline{width:380px; height:29px; margin:31px 0 0 0;}
#rightHomeBlockBodyTxt{width:350px; height:55px;}
#rightHomeBlockBodyTxt p{width:350px; margin:15px 0 0 5px; font-size:12px; line-height:18px;}
#rightHomeBlockBodyLogos {width:343px; height:97px; margin:0 0 0 7px;}
#rightHomeBlockSubmitTips{width:380px; height:271px;}
#rightHomeBlockDivider{width:380px; height:38px; padding-top:14px;}
#rightHomeBlockTipsHeader{width:380px; height:60px;}
#rightHomeBlockSubmit{width:345px; height:179px; padding:30px 10px 10px 3px;}
/* Home Page Styles > End */

/* What is Styles > Begin */
#leftWhatImage{width:572px; float:left;}
#leftWhatText{width:396px; float:left;}
#leftWhatTextHeading{width:332px; height:22px; margin:30px 0 0 12px;}
#leftWhatTextBody{width:396px; height:356px;}
#leftWhatTextBullets{width:379px; height:94px; margin:28px 0 0 0;}
#leftWhatTextBody p{width:350px; margin:32px 0 0 15px; font-size:12px; line-height:18px;}
/* What is Styles > End */

/* How to Styles > Begin */
#videoHolder{width:964px; height:422px; padding:0 0 0 2px;}
/* How to Styles > End */

/* Beauty Clips Styles > Begin */
#videoHolderBeauty{width:968px; height:417px;}
#videoHolderBeautyAlt{width:968px; height:570px;}
#videoMainText{width:915px; height:86px; margin:0 0 10px 26px; border-bottom:solid 1px #c02270;}
#videoMainText p{margin:0px;}
#videoMainDivider{width:915px; height:20px; margin:0 0 0 26px; border-bottom:solid 1px #c02270;}
#beautyBoxesHolder{width:918px; height:344px; margin:19px 0 0 26px;}
#beautyClipBox{width:303px; height:344px; float:left; margin:0 3px 0 0;}
#beautyClipBoxImage{width:303px; height:132px;}
#beautyClipBoxText{width:303px; height:212px;}
#beautyClipBoxText p{width:260px; margin:0px; font-size:12px; line-height:18px;}
#beautyClipBoxText a:link, a:active, a:visited {color:#8f647c; text-decoration:underline;}
#beautyClipBoxText a:hover {color:#c02270; text-decoration:underline; font-weight:normal;}
#videoDownloads{width:968px; height:20px; text-align:center;}
#videoDownloads a:link, a:active, a:visited {color:#8f647c; text-decoration:underline;}
#videoDownloads a:hover {color:#c02270; text-decoration:underline; font-weight:normal;}
/* Beauty Clips > End */

/* Blog Styles > Begin */
#mainBlogsHolder{width:920px; padding:0 0 0 25px;}
#blogHolder{width:303px; height:382px; margin:0 3px 5px 0; float:left;}
#blogLogo{width:301px; height:130px; margin:0 0 3px 0; border:solid #c02270 1px;}
#blogTextHolder{width:301px; height:247px; border:solid #e5e5e5 1px;}
#blogText{width:281px; height:210px; padding:0 10px 0 10px; font-size:12px;}
#blogText h1{margin:10px 0 10px 0; padding:0px;}
#blogText a:link, a:active, a:visited {color:#8f647c; text-decoration:underline;}
#blogText a:hover {color:#c02270; text-decoration:underline; font-weight:normal;}
#blogText li {margin:0 0 5px 0; padding:0px; list-style:none;}
#blogBanner{ width:915px;height:117px; background:url(../img/beauty-blog-banner.jpg) 0 10px no-repeat; clear:both; margin:0 auto 40px; padding-top:10px; position:relative; }
#blogFooter{width:85px; height:20px; margin:0 0 0 216px; background-color:#e5e5e5; text-align:center; padding:7px 0 0 0; font-size:12px;}
#blogBanner #blogFooter{ position:absolute; margin:0; bottom:1px; right:1px; }
#blogFooter a:link, a:active, a:visited {color:#c02270; text-decoration:underline;}
#blogFooter a:hover {color:#333333; text-decoration:underline; font-weight:normal;}
/* Blog Styles  > End */

/* Competition Styles > Begin */
#leftCompImage{width:588px; float:left;}
#leftCompSubmitText{width:508px; float:left; padding-left:30px;}
#leftCompText{width:380px; float:left;}
#leftCompTextHeading{width:380px; height:52px; margin:30px 0 0 0;}
#leftCompTextImage{width:380px; height:161px; margin:30px 0 30px 0;}
#leftCompTextBody{width:380px; height:390px;}
#leftCompTextBody p{width:350px; margin:0 0 10px 0; font-size:12px; line-height:18px;}
#leftCompText a:link, a:active, a:visited {color:#8f647c; text-decoration:underline;}
#leftCompText a:hover {color:#c02270; text-decoration:underline; font-weight:normal;}
#leftCompDivider{width:380px; height:9px; margin:0 0 0 0; float:left;}
/* Competition Styles > End */

/* Competition Form */
fieldset {width:374px; float:left; border:none; margin:23px 0 0 0; padding:0 0 0 6px;}
fieldset div.fi-optionA {width:189px; height:30px; float:left;}
fieldset div.fi-optionB {width:185px; height:30px; float:left;}
fieldset div.fi-optionC {width:374px; height:30px; float:left;}
fieldset div.fi-optionD {width:85px; height:30px; float:left;}
fieldset div.fi-optionE {width:289px; height:30px; float:left;}
fieldset div.fi-optionF {width:374px; height:150px; float:left;}
fieldset div.charCheck {width:374px; height:50px; float:left;}
fieldset div.fi-optionG {width:374px; height:30px; margin:20px 0 0 0; float:left;}
div.fi-optionSubmit {width:79px; margin:15px 0 0 277px; float:left;}

fieldset input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;    
	color:#8f647c;    
	border:1px solid #c02270;
	height:20px;
	padding:0 0 0 5px;
}
fieldset textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../img/textarea-bkgd.gif) no-repeat;
	overflow:auto;
	border:0px;
	color:#8f647c;
	padding:5px 30px 5px 5px;
}
fieldset select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8f647c;    
}
#compCheck {
	height:10px;
}
/* Competition Form > End */
#homeMain{ height:570px; position:relative; width:100%; }
#homeWrapper{ width:944px; margin:0 auto; }
#homeLeft{ width:636px; height:402px; float:left; }
#homeRight{ width:304px; height:402px; float:left; }

#homeBanner{
	background:url(../img/bg-home-box-grad.jpg) no-repeat;
	width:589px;
	height:123px;
	padding:28px 0 0 28px;
	margin:68px 0 0 0;
	position:relative;
}

#headerHomeInvisibleProtection{
	background:url(../img/home-heading-invisible-protection.gif) no-repeat;
	text-indent:-9999px;
	width:383px;
	height:28px;
}
#headerHomeTopTips{
	background:url(../img/home-header-top-tips.jpg) no-repeat;
	text-indent:-9999px;
	width:305px;
	height:32px;
	margin-top:18px;
	padding:0;
}
#homeTips{ margin:0; padding:0; }
#homeTips li{
	background:url(../img/bg-tips.jpg) no-repeat;
	width:298px;
	height:150px;
	margin:0 0 8px 5px;
	padding:0;
	list-style-type:none;
	position:relative;
}
#homeTips li .tip{
	color:#8f647c;
	font-size:12px;
	line-height:18px;
	font-family:Georgia, Times, serif;
	padding:22px 17px 0 15px;
}
#homeTips li .submittedBy{
	color:#c02270;
	position:absolute;
	left:15px;
	bottom:0;
	font-size:12px;
	line-height:12px;
	font-family:Georgia, Times, serif;
}
#leftHomeBlockBodyArrow2{
	position:absolute;
	right:10px;
	bottom:10px;
}

.jcarousel-skin-ie7 .jcarousel-container {
}

.jcarousel-skin-ie7 .jcarousel-container-horizontal {
    width: 916px;
	margin:0 auto;
}

.jcarousel-skin-ie7 .jcarousel-clip-horizontal {
    width:  916px;
    height: 475px;
	margin:15px auto 10px;
}

.jcarousel-skin-ie7 .jcarousel-item {
    width:  916px;
    height: 475px;
}
.jcarousel-skin-ie7 .jcarousel-item li{
	background:url(../img/bg-tips.jpg) no-repeat;
	width:298px;
	height:150px;
	margin:0 0 8px 5px;
	padding:0;
	list-style-type:none;
	position:relative;
	float:left;
}
.jcarousel-skin-ie7 .jcarousel-item li .tip{
	color:#8f647c;
	font-size:12px;
	line-height:18px;
	font-family:Georgia, Times, serif;
	padding:22px 17px 0 15px;
}
.jcarousel-skin-ie7 .jcarousel-item li .submittedBy{
	color:#c02270;
	position:absolute;
	left:15px;
	bottom:10px;
	font-size:12px;
	line-height:12px;
	font-family:Georgia, Times, serif;
}

.jcarousel-skin-ie7 .jcarousel-item:hover {
}

.jcarousel-skin-ie7 .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 7px;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

.jcarousel-skin-ie7 .jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-skin-ie7 .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-ie7 .jcarousel-next-horizontal {
    position: absolute;
    top: 225px;
    right: -36px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: transparent url(img/button-tips-right.jpg) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-ie7 .jcarousel-prev-horizontal {
    position: absolute;
    top: 225px;
    left: -36px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background: transparent url(img/button-tips-left.jpg) no-repeat 0 0;
}

.jcarousel-skin-ie7 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.gif);
}

.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-ie7 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
