body {
    margin: 0 auto;
	height: 100%;
	width: 960px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	overflow: visible;
}

p  {
	font-size: 11px;
	line-height: 19px;
	color: #989898;
}

p.alert {
    color: #db4444;
    font-weight: bold;
}

p sup {
    font-size: 9px;
}

#leftNav h3 sup {
    font-size: 9px;
}

input.alert {
    border: 1px solid #db4444;
}

span.alert {
    font-size: 9px;
}

a {
    color: #ff7615;
    text-decoration: none; 
}

span.blue {
    color: #00acd0;
}

span.pink {
    color: #ff9aaf;
}

a.fbLink {
    color: #989898;
    padding: 6px 0 20px 34px;
    background: url(/images/fb-link.gif) no-repeat left top;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    color: #a9a9a9;
    text-transform: uppercase;
}

h3.prices {
    padding-left: 11px;
    font-size: 30px;
    font-weight: normal;
    text-transform: none;
    color: #f47820;
    background: transparent url(/images/dollar_sign.gif) no-repeat left top;
}

p.orangeText {
    color: #f47820;
}

.whyDontYou {
    margin-top: 50px;
}

.orange {
    color: #ff7615;
}

img {
	border: none;
}

img.right {
    float: right;
    padding-left: 70px;
}

img.left { 
    float: left;
}

img.pad {
    padding: 30px 0;
}

.clear { 
	clear: both;
}

h3.noMargin {
    margin-bottom: 0px;
}

#content { 
	height: 100%; 
	position: absolute;
}

#splash { 
    width: 1024px;
    background: transparent url('/images/splash.jpg') no-repeat top left;
	height: 972px;
}

#splash .girl {
    width: 1024px;
    height: 972px;
}


#main {
	width: 960px;
}

#main-wide {
	width: 1041px;
}
#main-wide-about {
    width: 1280px;
}
#main-breast-cancer {
    width: 975px;
    background: url(/images/kim_cattrall.jpg) no-repeat top left;
}
#main-wide-home {
    width: 1044px;
    position: relative;
}
#main-wide-home #leftNav {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 20;
}

#main-wide-home .homePage {
    position: absolute;
    left: 20px;
    top: 0px;
    z-index: 1;
}


#main-wide .about-joe {
    background-color: #000;
}

#leftNav {
	float: left;
	width: 198px;
	margin: 0;
}

#leftNav img.joeLogo {
    padding-bottom: 10px;
}

#splash #leftNav { 
    margin: 0 15px 0 0;
}  
#splash #leftNav .joeLogo {
    padding-bottom: 110px;
}
.rightContent {
    float: left;
    width: 747px;
    background: transparent;
}

#leftNav h2 {
	font-size: 27px;
	line-height: 31px;
	color: #c275d6; 
	text-transform:uppercase;
	margin-top: 0px;
}



a:active {
    color: #90d042;
}

#leftNav .whyDontYou h2 {
	font-size: 53px;
	line-height: 49px;
	color: #ff7615;
	margin-bottom: 10px;
}

#leftNav .whyDontYou span.red {
	color: #ff2216;
}

#leftNav .joeNav {
    width: 156px;
    background-color: #ff6283;
}

#leftNav h3 {
    font-size: 10px;
}

#leftNav h3 sup {
    font-size: 6px;
}

#leftNav .navLevelOne h3 a:hover {
    color: #9d0042;
}
#leftNav .navLevelTwo h3 a:hover {
    color: #fff;
}
#leftNav .navLowerLinks h3 a:hover {
    color: #9d0042;
}
#leftNav .navLevelOne h3 {
    margin: 15px 10px;
    *margin: 14px 10px;
}
#leftNav .navLowerLinks {
    padding-bottom: 15px;
}
#leftNav .navLowerLinks h3 {
    text-transform: lowercase;
    margin: 5px 10px;
    padding: 5px 0;
    border-top: 1px solid #f64e7e;
}
#leftNav .navLowerLinks h3.last {
    border-bottom: 1px solid #f64e7e;
}
#leftNav .navLevelOne a, #leftNav .navLowerLinks a {
    color: #fff;
}
#leftNav .navLevelTwo h3 {
    margin: 2px 20px;
    padding: 5px;
    background-color: #fb5074;
}
#leftNav .navLevelTwo a {
    color: #9d0042;
}

#leftNav .navLevelOne a.activeLink {
    color: #9d0042;
}
#leftNav .navLevelTwo a.activeLink {
    color: #fff;
}
#leftNav .navLevelOne h3.activeLink {
    padding-left: 10px;
    background: url(/images/nav-arrow.gif) no-repeat left top;
}

#aboutJoeFreshSub {
    margin-bottom: 15px;
}

#splash #leftNav h2 {
    margin: 0px;
}


a#open, a#close {
    cursor: pointer;
}
    
.btnEnter {
	padding: 0 0 45px 0;	
}

.homePage {
    float: left;
    width: 843px;
    height: 1700px;
}

#homeFlash { 
	float: left;
	width: 1024px;
}

#footer {
    float: left;
    margin-right: 50px;
	width: 198px;
	padding-bottom: 50px;
}

#footer-home {
	width: 198px;
	position: absolute; 
	top: 1317px;
	z-index: 20;
}

#footer a, #footer-home a {
    color: #989898;
    text-decoration: none;
}    
#footer a:hover, #footer-home a:hover { 
    color: #ff7615;
}

#footer ul.footerLinks, #footer-home ul.footerLinks { 
	padding-left: 10px;
	margin-bottom: 10px;
	*margin-left: 7px;
	
}

#footer ul.footerLinks li, #footer-home ul.footerLinks li {
	font-size: 11px; 
	line-height: 22px;
	color: #9d9d9d;
	border-bottom: 1px solid #e1e1e1;
	list-style-image:url(../images/arrow.gif);
}

.header {
    text-align: right;
    margin: 48px 0 60px 0;
    font-size: 40px;
    color: #ff7615;
    text-transform: uppercase;
} 

.header sup {
    font-size: 14px;
}


/* About Joe Fresh */

.aboutJoeFresh {
    background: url(../images/bg-about_joe_fresh.jpg) no-repeat left top;
    width: 906px;
    height: 100%;
    float: left;
    min-height: 873px;
    margin-bottom: 30px;
}

.aboutJoeFresh h2.header {
    margin-right: 188px;
}

.aboutJoeFresh p, .aboutJoeFresh h3 {
    width: 452px;
    vertical-align: bottom;
}

.aboutJoeFresh h3 {
    color: #ff7615;
}

/* Gift Cards */
.giftCards {
    width: 762px;
    height: 100%;
    float: left;
}

/* Our Stores */
.ourStores {
    width: 762px;
    height: 100%;
    float: left;
}

.ourStoresCol1 {
    float: left;
    margin: 40px 30px 30px 0;
    width: 366px;
}

.ourStoresCol2 {
    float: left;
    margin: 40px 0 30px 0;
    width: 366px;
}
/* Bath and Beauty */

.bathBeauty {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

.bathBeautyHeader img {
    float: left;
}
.bathBeautyHeader h2 {
    float: left;
    width: 457px;
    margin-bottom: 30px;
}
.bathBeautyHeader .subHead {
    margin-top: 0px;
    text-align: right;
    font-size: 23px;
    line-height: 31px;
    color: #8f8f8f;
    float: right;
    width: 280px;
}

.bathBeauty .bbCol1, .bathBeauty .bbCol2 {
    margin-top: 25px;
    width: 376px;
    float: left;
}

.bathBeauty .bbCol1 .bbProduct {
    float: left;
    width: 375px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    height: 260px;
}

.bathBeauty .bbCol1 .bbProduct .new {
	display: block;
}

.bathBeauty .bbCol2 .bbProduct {
    float: left;
    width: 375px;
    border-top: 1px solid #e5e5e5;
    height: 260px;
}
.bathBeauty .bbCol1 .bbProduct div, .bathBeauty .bbCol2 .bbProduct div {
    float: left;
    height: 150px;
}

.bathBeauty .bbCol1 .bbProduct img.productImg {
    float: left;
    padding: 15px 10px 65px 0;
}

.bathBeauty .bbCol2 .bbProduct img.productImg {
    float: left;
    padding: 15px 10px 65px 30px;
}

.bathBeauty .bbCol1 .bbProduct img.button, .bathBeauty .bbCol2 .bbProduct img.button {
    padding: 0 0 25px 0 ;
    float: left;
}

.bathBeauty .bbCol1 .bbProduct h3, .bathBeauty .bbCol2 .bbProduct h3 { 
    float: left;
    margin-top: 15px;
    margin-bottom: 10px;
    width: 185px;
}
.bathBeauty .bbCol1 .bbProduct h3 sup, .bathBeauty .bbCol2 .bbProduct h3 sup {
    font-size: 6px;
}

.bathBeauty .bbCol1 .bbProduct p,.bathBeauty .bbCol2 .bbProduct p {
    float: left;
    width: 185px;
    margin-top: 0px;
}
.bathBeauty .bbCol1 .bbProduct p sup, .bathBeauty .bbCol2 .bbProduct p sup {
    font-size: 6px;
}

/* Accessories */
    
.accessories {
    width: 762px;
    height: 100%;
    float: left;
}    

.accoessoriesCol1 {
    float: left;
    margin: 40px 30px 30px 0;
    width: 366px;
}

/* Brushes */

.brushes {
    width: 762px;
    min-height: 606px;
    *height: 606px;
    float: left;
    background: transparent url(/images/bath_beauty/bg-brushes.jpg) no-repeat left top;
}

.brushes h3, .brushes p {
    width: 265px;
}

/* Bath */

.bath {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
} 

.bath .subHead {
    margin-top: 0px;
    margin-bottom: 30px;
    text-align: right;
    font-size: 15px;
    line-height: 22px;
    color: #8f8f8f;
    float: right;
    width: 471px;
}

.bathProduct {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
} 

.bathProduct.last {
    border-bottom: none;
}

.bathProduct img {
    float: left;
    padding: 0 25px 35px 0;
}
.bathProduct img.catImage {
    padding-left: 122px;
}

.bathProduct .description {
    float: left;
    width: 155px;
    margin-top: 30px;
}

.bathProduct .description h3 {
    margin-top: 0px;
}

.bathProduct .description .ruler {
    margin-bottom: 30px;
    height: 1px;
    width: 155px;
    border-bottom: 1px solid #ebebeb;
    clear: both;
}

.bathProduct .description img.noPad {
    padding: 0;
}

/* Color swatches */

.highlight_long {
	display: none;
	position: absolute;
	width:80px;
	height: 90px;
	top:16px;
	left:-29px;
	padding: 2px;
	background: #fff url(/images/highlight_bg_long.gif) no-repeat;
	z-index: 2;
}

.highlight_short {
	display: none;
	position: absolute;
	width:70px;
	height: 81px;
	top:16px;
	left:-29px;
	background: #fff url(/images/highlight_bg_short.gif) no-repeat;
	z-index: 2;
}

.colour, .active {
	position: relative;
	float: left;
	height: 12px;
	width: 12px;
	margin: 4px 10px 4px 0;
	cursor: pointer;
}

.active {
	z-index: 1;
}

.highlight_short p, .highlight_long  p {
	text-align: center;
	margin-right: 5px;
	margin-top: 7px;
	
}

.highlight_long p {
	line-height: 1.3em;
}

.highlight_short .h_colour, .highlight_long .h_colour {
	position: relative;
	top: 10px;
	left: -2px;
	width: 66px;
	height: 47px;
}

.highlight_long .h_colour {
	width: 76px;
}

.highlight_short .h_colour {
	margin: 2px 0 0 4px;
}

.highlight_long .h_colour {
	margin: 0px 0 0 2px;
}

.colour .stripe, .h_colour .stripe, .active .stripe {
	float: left;
	height: 100%;
}

.colour .three, .h_colour .three, .active .three {
	width: 33.3%;
}

.colour .two, .h_colour .two, .active .two {
	width: 50%;
}

.clear_border {
	border: 1px solid #000;
	width: 10px;
	height: 10px;
}

/* Eyes, Lips and Face */

.eyes, .lips, .face {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
} 

.eyes .product, .lips .product, .face .product {
    float: left;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    width: 762px;
}

.eyes .product.last, .lips .product.last, .face .product.last {
    border: none;
    margin-bottom: 0px;
}

.eyes .product .shot, .lips .product .shot, .face .product .shot {
    float: left;
    width: 202px;
    margin-bottom: 30px;
    margin-right: 55px;
    text-align: center;
}

.eyes .product .palette, .lips .product .palette, .face .product .palette {
    float: left;
    width: 155px;
    margin: 50px 55px 0 0;
}

.eyes .product .palette .swatch, .lips .product .palette .swatch, .face .product .palette .swatch {
    float: left;
    width: 155px;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.eyes .product .palette .swatch h3, .lips .product .palette .swatch h3, .face .product .palette .swatch h3 {
    text-transform: lowercase;
    margin: 10px 0;
    font-size: 12px;
}

.eyes .product .desc, .lips .product .desc, .face .product .desc {
    float: left;
    margin: 50px 0 0 0;
    padding-bottom: 30px;
    width: 260px;
}

.eyes .product .desc h3, .lips .product .desc h3, .face .product .desc h3 {
    margin-top: 0px;
}
 
/* Look Book */
.lookBook {
    width: 765px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
} 

/* Nails */
.nails {
    width: 800px;
    height: 100%;
    float: left;
    margin: 48px 0 30px 0;
} 

 /* Mix + Match */
.mixAndMatch {
    width: 765px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}  

.mixAndMatch h2.header {
    margin-bottom: 0px;
}   

.mixAndMatch p.subHead {
    float: right;
    font-size: 15px;
    line-height: 22px;
    text-align: right;
    width: 405px;
    margin-bottom: 0px;
} 
 
  /* Fun Stuff */
  
.funStuff {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

.funStuff h2.header {
    margin-bottom: 0px;
}   

.funStuff p.subHead {
    float: right;
    font-size: 15px;
    line-height: 22px;
    text-align: right;
    width: 405px;
    margin-bottom: 0px;
}

.funStuff .funStuffItem1 {
    float: left;
    margin-top: 45px;
    width: 379px;
    height: 240px;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.funStuff .funStuffItem2 {
    float: left;
    margin-top: 45px;
    width: 380px;
    height: 240px;
    border-bottom: 1px solid #e5e5e5;
}

.funStuff .funStuffItem3 {
    float: left;
    width: 379px;
    height: 240px;
    border-right: 1px solid #e5e5e5;
}

.funStuff .funStuffItem4 {
    float: left;
    width: 380px;
    height: 240px;
}

.funStuff .funStuffItem1 img.FS, .funStuff .funStuffItem2 img.FS, .funStuff .funStuffItem3 img.FS, .funStuff .funStuffItem4 img.FS {
    float: left;
}

.funStuff .funStuffItem1 img.btn, .funStuff .funStuffItem2 img.btn, .funStuff .funStuffItem3 img.btn, .funStuff .funStuffItem4 img.btn {
    float: left;
}

.funStuff .funStuffItem1 .desc, .funStuff .funStuffItem2 .desc, .funStuff .funStuffItem3 .desc, .funStuff .funStuffItem4 .desc {
    float: left;
    width: 170px;
    height: 180px;
} 

/* Downloads */

.downloads {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

.downloads .FFWidget {
    float: left;
    width: 252px;
    margin-bottom: 250px;
}

.downloads .FFWidget .desc {
    float: left; 
    width: 215px;
}

.downloads .FFWidget .desc h3 {
    margin-top: 35px;
}

.downloads .FFWidget .desc p.requirements {
    font-size: 10px;
}

.downloads .FFWidget .desc ul.requirements {
    font-size: 10px;
    margin-bottom: 30px;
    color: #989898;
    padding-left: 14px;
}

.downloads .SSApp {
    float: left;
    width: 508px;
    border-bottom: 1px solid #e5e5e5; 
    border-left: 1px solid #e5e5e5;
}

.downloads .SSApp img.SSAppImg {
    float: left;
    padding: 35px 15px 28px 0;
}

.downloads .SSApp h3 {
    float: left;
    margin-top: 40px;
    margin-bottom: 0px;
    width: 225px;
}

.downloads .SSApp p {
    float: left; 
    width: 225px;
    margin: 11px 0;   
}

.downloads .SSApp img.btn {
    float: left;
    padding-bottom: 28px;
}

.downloads .WDYScreensaver {
    float: left;
    width: 508px;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

.downloads .WDYScreensaver img.WDYScreensaverImg {
    float: left;
    padding: 53px 15px 57px 0;
}

.downloads .WDYScreensaver h3 {
    float: left;
    width: 225px;
    margin-top: 25px;
    margin-bottom: 0px;
}

.downloads .WDYScreensaver p {
    float: left;
    width: 225px;
    margin: 11px 0;
}

.downloads .WDYScreensaver ul {
    float: left;
    width: 200px;
    padding-left: 14px;
    *margin-top: 15px;
    color: #989898; 
    margin-top: 0px;
}

.downloads .WDYScreensaver img.btnPC {
    float: left;
    *padding-top: 11px;
    padding-right: 10px;
    padding-bottom: 28px;
}

.downloads .WDYScreensaver img.btnMac {
    float: left;
    *padding-top: 11px;
    padding-bottom: 28px;
}

.downloads .onTheAir {
    float: left;
    width: 508px;
    border-left: 1px solid #e5e5e5;
}

.downloads .onTheAir img.onTheAirImg {
    float: left;
    padding: 25px 15px 28px 0;
}

.downloads .onTheAir h3 {
    float: left;
    width: 225px;
    margin-top: 25px;
    margin-bottom: 0px;
}

.downloads .onTheAir p {
    float: left;
    width: 225px;
    margin: 11px 0;
}

#airInstaller {
    margin-bottom: 50px;
}


/* Contests */
.contests {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
    position: relative;
}

.contests h2.header {
    margin-bottom: 0px;
}

.contests p.subHead {
    float: right;
    margin-bottom: 40px;
    width: 481px;
    font-size: 15px;
    line-height: 22px;
}

h4.largePercent {
   font-size: 65px;
   margin: 67px 0 0 0;
   color:#ff7615;
   float: right;
}

h4.largePercentSign {
    margin: 70px 45px 0 0;
    color:#ff7615;
    font-size: 35px;
    float: right;
}

.contests .todaysDare {
    float: left;
    margin-bottom: 40px;
    width: 762px;
    background-color: #faf5f0;
}

.contests .todaysDare .dare {
    float: left;
    height: 189px;
    width: 225px;
}

.contests .todaysDare .dare h2 {
    margin: 62px 0 15px 0;
    font-size: 22px;
    color: #ff7615;
    text-transform: uppercase;
}

.contests .todaysDare .dare p {
    font-size: 14px;
    margin-top: 0px;
    width: 210px;
}

.contests .todaysDare .dareOptions-en {
    float: left;
    position: relative;
    width: 255px;
    height: 189px;
    background: url(/en/images/contests/bg-dare_options.gif) no-repeat left top;
}

.contests .todaysDare .dareOptions-fr {
    float: left;
    position: relative;
    width: 255px;
    height: 189px;
    background: url(/fr/images/contests/bg-dare_options.gif) no-repeat left top;
}

.contests .todaysDare .dareOptions-en span.didIt, .contests .todaysDare .dareOptions-fr span.didIt {
    position: absolute;
    top: 52px;
    left: 35px;
}

.contests .todaysDare .dareOptions-en span.willDoIt, .contests .todaysDare .dareOptions-fr span.willDoIt {
    position: absolute;
    top: 89px;
    left: 35px;
}
.contests .todaysDare .dareOptions-en span.wouldntDare, .contests .todaysDare .dareOptions-fr span.wouldntDare {
    position: absolute;
    top: 123px;
    left: 35px;
}

.contests .todaysDare .whoDidWhat {
    float: left;
    position: relative;
    width: 225px;
    height: 189px;
}
.contests .todaysDare .whoDidWhat p {
    width: 210px;
}

.contests .todaysDare .whoDidWhat .willPercent, .contests .todaysDare .whoDidWhat .wouldntDareParecent {
    float: left;
    margin-bottom: 8px;
    background-color: #00acd0;
    height: 23px;
    width: 40px;
}

.contests .todaysDare .whoDidWhat .wouldntDareParecent {
    background-color: #ff7592;
}

.contests .todaysDare .whoDidWhat .willPercent h4, .contests .todaysDare .whoDidWhat .wouldntDareParecent h4 {
    float: right;
    font-size: 11px;
    color: #fff;
    margin: 7px 2px 0 0;
}

.contests .todaysDare .whoDidWhat h3.dareText {
    float: left;
    font-size: 11px;
    margin: 7px 0 0 6px;
    text-transform: uppercase;
}

.contests .todaysDare .dareOptions-en input.didIt {
    position: absolute;
    top: 53px;
    left: 36px;
}
.contests .todaysDare .dareOptions-en input.willDoIt {
    position: absolute;
    top: 88px;
    left: 36px;
}
.contests .todaysDare .dareOptions-en input.wouldntDare {
    position: absolute;
    top: 123px;
    left: 36px;
}
    
.contests .previousDares {
    float: left;
    margin-bottom: 40px;
    width: 762px;
}

.contests .previousDares .yesterday, .contests .previousDares .twoDaysAgo, .contests .previousDares .threeDaysAgo {
    float: left;
    width: 254px;
}


.contests .previousDares .yesterday h4, .contests .previousDares .twoDaysAgo h4, .contests .previousDares .threeDaysAgo h4 {
    float: left;
    font-size: 51px;
    color: #ff7615;
    margin: 0px;
}

.contests .previousDares .twoDaysAgo h4 {
    color: #ff5176;
}
.contests .previousDares .threeDaysAgo h4 {
    color: #00acd0;
}

.contests .previousDares .yesterday h4.percent, .contests .previousDares .twoDaysAgo h4.percent, .contests .previousDares .threeDaysAgo h4.percent {
    float: left;
    font-size: 30px;
}
.contests .previousDares .yesterday h3, .contests .previousDares .twoDaysAgo h3, .contests .previousDares .threeDaysAgo h3 {
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 0 13px;
    text-transform: none;
}

.contests .previousDares .yesterday p, .contests .previousDares .twoDaysAgo p, .contests .previousDares .threeDaysAgo p {
    font-size: 13px;
    clear: both;
    width: 215px;
}

.contests .previousDares .yesterday .willPercent, .contests .previousDares .twoDaysAgo .willPercent, .contests .previousDares .threeDaysAgo .willPercent {
    float: left;
    margin-bottom: 8px;
    background-color: #00acd0;
    height: 23px;
    width: 40px;
}

.contests .previousDares .twoDaysAgo .willPercent {
    background-color: #ff7615;
}

.contests .previousDares .threeDaysAgo .willPercent {
    background-color: #ff7592;
}

.contests .previousDares .yesterday .wouldntDareParecent, .contests .previousDares .twoDaysAgo .wouldntDareParecent, .contests .previousDares .threeDaysAgo .wouldntDareParecent {
    float: left;
    background-color: #ff7592;
    height: 23px;
    width: 40px;
}

.contests .previousDares .twoDaysAgo .wouldntDareParecent  {
    background-color: #00acd0;
}

.contests .previousDares .threeDaysAgo .wouldntDareParecent  {
    background-color: #ff7615;
}
    
.contests .previousDares .yesterday .willPercent h4, .contests .previousDares .yesterday .wouldntDareParecent h4, .contests .previousDares .twoDaysAgo .willPercent h4, .contests .previousDares .twoDaysAgo .wouldntDareParecent h4, .contests .previousDares .threeDaysAgo .willPercent h4, .contests .previousDares .threeDaysAgo .wouldntDareParecent h4 {
    float: right;
    font-size: 11px;
    color: #fff;
    margin: 7px 2px 0 0;
}

.contests .previousDares .yesterday h3.dareText, .contests .previousDares .twoDaysAgo h3.dareText, .contests .previousDares .threeDaysAgo h3.dareText {
    float: left;
    font-size: 11px;
    margin: 7px 0 0 6px;
    text-transform: uppercase;
}

.capsule {
    height: 140px;
}

.submitDare {
    width: 762px;
    float: left;
}

.submitDare .submitText {
    float: left;
    margin-right: 47px;
    width: 212px;
}

.submitDare .submitText h2 {
    margin-top: 0px;
    font-size: 16px;
    color: #ff7615;
    text-transform: uppercase;
}

.submitDare .submitBox {
    float: left;
    width: 238px;
    margin-right: 15px;
}

.submitDare input {
    float: left;
    margin-bottom: 2px;
    padding: 5px;
    height: 83px;
    width: 228px;
    border: 1px solid #e5e5e5;
    color: #989898;
    
}


.submitDare label {
    width: 228px;
    font-size: 9px;
    color: #c1c1c1;
    clear: both;
}

lable.charCount {
    font-size: 9px;
    color: #c1c1c1;
}

.submitDare .submitBtn {
    float: left;
    width: 228px;
}

.submitDare .submitBtn a.contestDetails {
    font-size: 12px;
    color: #ff7615;
    text-decoration: underline;
}

.backBtn {
    position: absolute;
    top: 100px;
    left: 0px;
}

.contests .todaysDare .submitYourOwnDare {
    float: left;
    width: 420px;
}

.contests .todaysDare .submitYourOwnDare h2 {
    margin-top: 50px;
    margin-bottom: 0px;
    font-size: 22px;
    color: #ff7615;
    text-transform: uppercase;
}

.contests .todaysDare .submitYourOwnDare p {
   font-size: 12px;
   line-height: 26px;
   color: #a89b8f; 
}

p.required {
    margin: 0px;
    font-size: 9px;
}

span.asterisk {
    color: #ff6283;
}

table.formTbl td.tdLeft {
    padding-right: 15px;
}

table.formTbl td {
    padding-bottom: 15px;
}

table.formTbl label {
    color: #989898;
    font-size: 11px;
    text-transform: uppercase;
}

table.formTbl label.charCount {
    font-size: 9px;
    text-transform: none;
}

input {
    margin-top: 3px;
    padding: 5px;
    color: #989898;
    font-size: 14px;
    border: 1px solid #e5e5e5;
}

input.whatsYour {
    width: 340px;
    height: 87px;
}

label.firstName {
    float: left;
    width: 180px;
}
label.lastName {
    float: left;
}

input.name1 {
    float: left;
    width: 160px;
    margin-right: 10px;
}
input.name2 {
    float: left;
    width: 160px;
}

input.emailAddress {
    width: 340px;
}

img.captcha {
    float: left;
    padding-right: 10px;
}

input.captcha {
    float: left;
    width: 190px;
}

img.formSubmit {
    float: right;
    padding-top: 10px;
}

.contests .thank_you {
    float: left;
    margin-top: 50px;
    width: 762px;
}

.contests .thank_you.bgEn {
    background: url(/en/images/contests/bg-thank_you.gif) no-repeat left top;
}

.contests .thank_you.bgFr {
    background: url(/fr/images/contests/bg-thank_you.gif) no-repeat left top;
}

.contests .thank_you h2 {
    margin-top: 0px;
    font-size: 22px;
    color: #ff7615;
    width: 400px;
    text-transform: uppercase;
}

.contests .thank_you p {
    font-size: 11px;
    line-height: 22px;
    width: 400px;
}

.contests .submitAnother {
    float: left;
    margin-top: 15px;
    width: 394px;
    height: 100px;
    position: relative;
}

.contests .submitAnother.bgEn {
    background: url(/en/images/contests/bg-feeling_audacious.gif) no-repeat left top;
}
.contests .submitAnother.bgFr {
    background: url(/fr/images/contests/bg-feeling_audacious.gif) no-repeat left top;
}

.contests .submitAnother img.submitAnotherBtn {
    position: absolute;
    left: 148px;
    top: 27px;
}

/* Press Room */

.pressRoom {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

.pressRoom h2 {
    margin-bottom: 0px;
}

.pressRoom p.subHead {
    float: right;
    margin-bottom: 0px;
    text-align: right;  
    font-size: 15px;
    line-height: 22px;
    width: 565px;
}

.pressRoom .pressCategories, .pressRoom .register {
    float: left;
    margin-top: 50px;
    width: 762px;
}

.pressRoom .register label {
    float: left;
    padding-top: 7px;
    font-size: 14px;
    color: #989898;
    width: 155px;
}

.pressRoom .register input {
    width: 283px;
}

.pressRoom .register .loginFrm {
    float: left;
    width: 762px;
    margin: 30px 0 20px 0;
}

.pressRoom .register .category {
    float: left;
    width: 172px;
    margin-top: 10px;
    margin-right: 24px;
    text-align: center;
}

.pressRoom .register .category .desc p {
    width: 172px;
}

.pressRoom .register .category h3 {
    color: #ff7615;
}

.pressRoom .register .registerFrm {
    float: left;
    width: 762px;
    margin: 30px 0 20px 0;
}

.pressRoom .register .registerFrm label {
    float: left;
    padding-top: 7px;
    font-size: 14px;
    color: #989898;
    width: 250px;
}
.pressRoom .register .registerFrm input {
    float: left;
    width: 200px;
    margin-right: 36px;
}

.pressRoom .register .registerFrm input.pcOne {
    width: 50px;
    margin-right: 15px;
}

.pressRoom .register .registerFrm input.pcTwo {
    width: 50px;
    margin-right: 110px;
}

.pressRoom .register .registerFrm input.pnOne {
    width: 30px;
    margin-right: 15px;
}

.pressRoom .register .registerFrm input.pnTwo {
    width: 30px;
    margin-right: 15px;
}

.pressRoom .register .registerFrm input.pnThree {
    width: 88px;
    margin-right: 15px;
}

.pressRoom .register .registerFrm select {
    float: left;
    width: 215px;
    margin-right: 36px;
    padding: 5px;
    margin-top: 3px;
}

.pressRoom .register .loginBtns {
    float: left;
    width: 762px;
    margin: 0 0 10px 155px;
}

.pressRoom .register img.check {
    float: left;
    padding-bottom: 40px;
}

.pressRoom .register h3.confirmed {
    margin-top: 0px;
}

.pressRoom .register .loginBtns img.btnClear {
    margin-right: 111px;
}

.pressRoom .pressCategories .pressRoom .register p {
    font-size: 13px;
    line-height: 20px;
    width: 440px;
}

.pressRoom .pressCategories .category {
    float: left;
    width: 172px;
    margin-right: 24px;
    text-align: center;
}

.pressRoom .pressCategories .category .desc {
    height: 75px;
}

.pressRoom .pressCategories .category.last {
     margin-right: 0;
}

.pressRoom .bio {
    float: left;
    margin-top: 50px;
    width: 762px;
}

.pressRoom .thumb {
    float: left;
    width: 250px;
}

.pressRoom .bio img.bioImg {
    float: left; 
    margin-right: 50px;
    border: 1px solid #f0f0f0;
}

.pressRoom .bio .bioText {
    float: left;
    width: 470px;
}

.pressRoom .bio .bioText h3 {
    float: left;
    width: 470px;
    margin-top: 0px;
}

.pressRoom .bio .bioText p {
    float: left;
    width: 470px;
    font-size: 13px;
    line-height: 23px;
}

.pressRoom .bio .bioText p.downloadBio {
    margin: 0;
}

.pressRoom .inTheNews {
    float: left;
    width: 762px;
    margin-top: 30px;
}

.pressRoom table { 
    border: none;
    font-size: 13px;
    color: #989898;
}

.pressRoom table tr { 
    border-bottom: 1px solid #d7d7d7;
}

.pressRoom table td {
    padding: 10px 60px 10px 0;
}

.pressRoom table th.tab a {
    color: #989898;
}

.pressRoom table th {
    text-align: left;
    padding: 10px 60px 10px 5px;
    background: url(/images/press_room/tab.gif) no-repeat left top;
    font-size: 12px;
    font-weight: normal;
}

.pressRoom table th a {
    text-decoration: underline;
}

label.kwSearch {
    font-size: 18px;
    color: #777777;
    padding-right: 10px;
}

.pressRoom table th.tab.active_tab {
    text-align: left;
    padding: 10px 0 10px 10px;
    background: url(/images/press_room/tab-active.gif) no-repeat left top;
}

.pressRoom table th.tab.active_tab a {
    color: #ff7615;
}

.pressRoom fieldset {
    border: none;
    position: relative;
}

.bioTable {
margin-top: 30px;
}

.bioTable table tr {
    border: none;
}


.bioTable table th {
    background: none;
}

.pressRoom table th.last {
    background: none;
}

a.pdf {
    padding-left: 30px;
    padding-bottom: 10px;
    text-decoration: underline;
    background: url(/images/icon-pdf.gif) no-repeat left top;
}

/* FAQ */
.faq {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

p.question {
    float: left;
    font-size: 13px;
    line-height: 17px;
}

.faq p {
    float: left;
    width: 620px;
}

.faq img.btnQuestion {
    float: left;
}

.faq img.rightQ {
    padding-left: 0px;
    position: absolute;
    top: 0px;
    left: 731px;
}

.faq .faqItem {
   width: 762px;
   float: left;
   margin-bottom: 50px;
   position: relative;
}

.faq a {
    cursor: pointer;
}

.faq .faqItem .answer {
    float: left;
    width: 620px;
}

/* Contact Us */

.contactUs {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}
.contactUs h2.header {
    margin-bottom: 0px;
}
.contactUs p.subHead {
    float: right;
    margin-bottom: 0px;
    text-align: right;  
    font-size: 15px;
    line-height: 22px;
    width: 565px;
}

/* Terms of Use */

.termsOfUse {
    float: left;
    margin: 30px 15px;
    width: 762px;
} 

.termsOfUse h2 {
    margin-top: 0px;
    margin-bottom: 15px;
    font-size: 30px;
    color: #ff7615;
    text-transform: uppercase;
}

.termsOfUse ul li {
    color: #989898;
    line-height: 19px;
    font-size: 11px;
}

.submitBox textarea, .contests textarea {
    color: #989898;
    font-size: 11px;
    padding: 5px;
    font-family: Verdana, Arial, Sans-Serif;
    width: 225px;
    height: 90px;
    border: 1px solid #ededed;
}

/* Newsletter Signup */

.newsletterSignup {
    float: left;
    margin: 30px 0;
    width: 762px;
}

.newsletterSignup .signupContent {
    margin: 30px 50px 0 50px;
}

.newsletterSignup .signupContent p {
    margin-top: 0px;
    margin-bottom: 35px;
    font-size: 18px;
    line-height: 25px;
}

.newsletterSignup .signupContent label {
    font-size: 11px; 
    font-family: Verdana, Arial, Sans-Serif;
    color: #989898;
    float: left;
    width: 220px;
    margin-right: 20px;
}

.newsletterSignup .signupContent input {
    width: 210px;
    float: left;
    margin-right: 20px;
}

.newsletterSignup .signupContent input.short {
    width: 110px;
    float: left;
}

.newsletterSignup .signupContent label.example {
    padding-top: 9px;
    width: 100px;
}

.newsletterSignup .signupContent input.lang {
    width: 0px;
    margin-right: 10px;
}

.newsletterSignup .signupContent label.lang {
    width: 50px; 
    margin-right: 10px;
    padding-top: 2px;
}

.newsletterSignup .signupContent label.langFr {
    width: 50px; 
    margin-right: 70px;
    padding-top: 2px;
}

/* image detail lightbox */

.imageDetailThickbox{
	padding:20px;
	position: relative;
}
.imageDetailThickbox .details{
	width:318px;
	position: absolute;
	bottom:20px;
	right:20px;
	text-align: right;
}
.imageDetailThickbox .details .button{
	padding-top: 10px;
}
.imageDetailThickbox .productName{
	margin-bottom: 8px;
}

#closeButton {
    position: absolute;
}
.imageDetailThickbox #closeButton{
	top:20px;
	right:20px;
}
.sortTable_pag .buttons {
float:right;
text-align:right;
width:500px;
}
.sortTable_pag .button {
margin-left:10px;
margin-top:0 !important;
border: none;
}

.voteForStyle {
    width: 762px;
    float: left;
    margin-bottom: 30px;
    
}
.voteForStyle p.subHead {
    float: right;
    margin-bottom: 0px;
    text-align: right;  
    font-size: 15px;
    line-height: 22px;
    width: 565px;
}
.voteForStyle h2.header {
    margin-bottom: 0px;
}
#vote_for_style_flash {
    margin: 30px 0 0 0;
    padding: 0;
    float: left;
}

.toutCol2 input {
    border: none;
}

input#ctl00_ContentPlaceHolder1_NotificationOptIn {
    width: 0px;
}

p.subHead sup {
    font-size: 8px;
}

p sup { 
font-size: 6px;
}

.aboutJoeFresh h3 sup {
font-size: 6px;
}

#lookBookFlash {
    outline: none;
}

#nailsFlash {
    outline: none;
}

#mix_match_flash {
    outline: none;
}

.noFlash img {
    float: left;
    padding-right: 15px;
}

.noFlash div {
    float: left;
    width: 200px;
}

.noFlash div p {
    font-size: 12px;
    margin-bottom: 30px;
}

.noFlash { 
    margin: 150px 0 0 50px;
}

#homeFlash .noFlash {
    margin: 300px;
}

/* Careers */
.careerOverview {
    width: 762px;
    height: 100%;
    float: left;
    margin-bottom: 30px;
}

.careerOverviewCol1 {
    float: left;
    margin: 40px 30px 30px 0;
    width: 366px;
}

.careerOverviewCol2 {
    float: left;
    margin: 40px 0 30px 0;
    width: 366px;
}

.careerOverview ul {
    font-size: 11px;
    padding-left: 13px;
    color: #989898;   
}
.careerOverview ul li {
    line-height: 19px;
}

.careerOverview .ruler, .pressRoom .ruler {
    margin-bottom: 30px;
    height: 1px;
    width: 762;
    border-bottom: 1px solid #ebebeb;
    clear: both;
}

.careerOverview .careerBtn {
    padding-top: 10px;
}

.careerOverview .position {
    border-top: 1px solid #d7d7d7;
    padding: 10px 0;
    position: relative;
}

.careerOverview .position a {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

.careerOverview .position p, .careerOverview .position li {
    width: 570px;
} 

.careerOverview .last {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 30px;
}

.careerOverview .position .expand {
    position: absolute;
    right: 0px;
    top: 11px;
}

h2.jobPosition {
    font-size: 20px;
    text-transform: uppercase;
    color: #ff7615;
    margin-bottom: 25px;
}

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

ul.jobDetails {
    font-size: 11px;
    padding-left: 13px;
    color: #989898;   
}
ul.jobDetails li {
    line-height: 19px;
}

select {
    font-size: 14px;
    padding: 2px;
    color: #989898;
}

/* Fashion Week */

.fashionWeek {
    float: left;
    position: relative;
    margin-top: 30px;
    width: 771px;
}
.onTheAirPage {
    float: left;
    position: relative;
    margin-top: 30px;
    width: 801px;
}

#fwVideo {
    float: left;
    margin-right: 10px;
    width: 541px;
    height: 335px;
}

.fwSidebar {
    float: left;
    width: 216px;
    height: 331px;
    background: url(/images/fun_stuff/bg-fw_sidebar.gif) no-repeat left top;
    
}

.fwTwitter {
    float: left;
}

.fwSidebar h2, .fwSidebar p {
    width: 181px;
    margin: 0 15px;
} 

.fwSidebar h2 {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 18px;
    color: #ff7615;
}

.fwSidebar p {
    font-weight: bold;
    margin-top: 7px; 
    margin-bottom: 7px;
    margin-bottom: 10px;
    line-height: 18px;
}

.fwSidebar .whiteLine {
    margin: 0px 15px;
    height: 1px;
    width: 181px;
    background-color:#fff;
}

.fwSidebar a {
    text-decoration: underline;
}

.fwSidebar img {
    margin-left: 15px;
}

.fashionWeekLive {
    float: left;
    position: relative;
    margin-top: 30px;
    width: 771px;
}

.joeOnTwitter {
    float: left;
	width: 220px;
	height: 329px;
	background: url(/en/images/bg-joe_on_twitter.gif) no-repeat left top;
	position: relative;
}
	
.joeOnTwitter .tweets {
	width: 218px;
	height: 272px;
	margin: 56px 1px 1px 1px;
	overflow: auto;
	position: absolute;
	font-size: 10px;
	line-height: 17px;
}

.tweets p {
	margin: 0;
	padding: 12px 23px 0 23px;
}

.tweets .odd {
	background-color: #fcf8fd;
	color: #c275d6; 
}

.tweets .even {
	background-color: #fff;
	color: #979797; 
}
.tweets .odd p {
    color: #c275d6;
}

p.twitTime, .tweets .odd p.twitTime {
	margin: 0;
	padding: 12px 23px;
	color: #19c3e7;
	font-style: italic;
}

.otaSidebar {
    float: left;
    width: 220px;
}

.getTheSong {
    float: left;
    width: 220px;
    background-color: #ff7615;
    padding: 15px;
    margin-bottom: 10px;
}

.findJoe {
    float: left;
    width: 220px;
    background-color: #ca89db;
    padding: 15px;
    margin-bottom: 10px;
}

.getTheSong h2, .findJoe h2 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0px;
}

.getTheSong h3 {
    font-size: 11px;
    font-weight: normal;
    color: #fff;
    text-transform: none;
}


.findJoe h3 {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    line-height: 16px;
}

.findJoe cufon {
    padding-bottom: 5px;
}

span.lighter {
    color: #ffac84;
}

.getTheSong img, .findJoe img {
    padding-top: 10px;
}

/*Fashion Week signup */
.contactUs .signupContent {
    margin: 30px 0 0 0;
    float: left;
}

.contactUs .signupContent p {
    margin-top: 0px;
    margin-bottom: 35px;
    line-height: 25px;
}

.contactUs .signupContent label {
    font-size: 11px; 
    font-family: Verdana, Arial, Sans-Serif;
    color: #989898;
    float: left;
    width: 220px;
    margin-right: 20px;
}

.contactUs .signupContent input {
    width: 210px;
    float: left;
    margin-right: 20px;
}

.contactUs .signupContent input.short {
    width: 110px;
    float: left;
}

.contactUs .signupContent label.example {
    padding-top: 9px;
    width: 100px;
}

.contactUs .signupContent input.lang {
    width: 0px;
    margin-right: 10px;
}

.contactUs .signupContent label.lang {
    width: 50px; 
    margin-right: 10px;
    padding-top: 2px;
}

.contactUs .signupContent label.langFr {
    width: 50px; 
    margin-right: 70px;
    padding-top: 2px;
}
.viewSignupThankyou {
    margin-top: 30px;
    float: left;
}
.bandwidthSelector {
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

h3 a.bandwidth:hover {
    color: #ff7615;
}

/* Get the Look */
.getTheLook {
    float: left;
    width: 810px;
    margin-bottom: 30px;
}
#getTheLookFlash {
    float: left;
    width: 810px;
}

/* Breast Cancer page */
.fightCancer {
    width: 777px;
    float: left;
    margin-bottom: 100px;    
} 

.fightCancer h2.header {
    width: 355px;
    float: right;
}

.rethink {
    width: 340px;
    float: right;
    text-align: left;
}

.rethink h3 {
    margin: 25px 0 0 0;
    color: #c275d6;
}

.tShirt {
    width: 310px;
    float: right;
    text-align: left;
    margin-top: 50px;
}

.tShirt h3 {
    margin: 0px 0 15px 0; 
}

.wineNailPolish {
    float: right;
    text-align: left;
    margin-top: 35px;
    width: 257px;
    height: 149px;
    background: url(/images/bg-wine_nail_polish.jpg) no-repeat left top;
}

.wineNailPolish h3 {
    margin: 60px 0 15px 90px;
}

.wineNailPolish img {
    padding-left: 90px;
}

.winningStyle {
    float: right;
    text-align: left;
    margin-top: 50px;
    width: 257px;
}

.winningStyle h3 {
    margin: 0;
    color: #c275d6;
}

/* Summer redesign left nav colour changes */
#leftNav .joeNav {
    background-color: #ca89db;
}

#leftNav .navLevelTwo h3 {
    background-color: #c275d6;
}

#leftNav .navLevelTwo a, #leftNav .navLevelOne a.activeLink, #leftNav .navLevelOne h3 a:hover, #leftNav .navLowerLinks h3 a:hover {
    color: #690883;
}

#leftNav .navLevelTwo a.activeLink, #leftNav .navLevelTwo h3 a:hover {
    color: #ffffff;
}
#leftNav .navLowerLinks h3 {
    border-top: 1px solid #c275d6;
}
#leftNav .navLowerLinks h3.last {
    border-bottom: 1px solid #c275d6;
}

/* Summer tout colour changes */

#touts .tout1 h2 { 
    color: #d3db15; 
}
#touts .tout2 h2 {
    color: #d07ee5;
}

span.green {
    color: #ccd916;
}
span.purple {
    color: #c275d6;
}