/*
title:		BOSS Orange website style
created:	01.05.2009
modified:	05.05.2009
*/

/*================ [ general styles ] ================ */

/* base reset */html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td
{
    margin: 0;
    padding: 0;
}
html, body
{
    height: 100%;
    width: 100%;
}

.clearme
{
    clear: both;
}

body
{
    font-family: Arial, sans-serif;
    color: #333;
    font-size: 62.5%; /* reset so 1em is 10px */
}

h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
}

/*================ [ main layout ] ================ */

form#aspnetForm
{
    height: 100%;
}

div#flashContent
{
    width: 100%;
    height: 100%;
}

div#pos-bump
{
    visibility: hidden;
    width: 100%;
    height: 50%;
    margin-top: -330px;
    float: left;
}

div#container
{
    width: 967px;
    height: 620px;
    clear: both;
    position: relative;
    top: -330px; /* IE4ever Hack: Hide from IE4 **/
    position: static; /** end hack */
    margin: 0 auto;
}

/* Hide from IE5mac \*//*/
	div#pos-bump {
		display: none;
	}
	html, body {
		height: auto;
	}
/* end hack */

div#overflowBG
{
    width: 967px;
    height: 501px;
    margin: 0 auto;
}

div.genericInfo
{
    position: absolute;
    top: 110px;
    left: 600px;
    height: 380px;
    overflow: auto;
    z-index: 999;
    width: 350px;
}

div.genericInfo h1, div.genericInfo h2
{
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 4px;
}

/*================ [ content ] ================ */

div#content
{
    width: 960px;
    margin: 0 auto;
    height: 501px;
    position: relative;
    font-size: 1.2em;
    color: #d65b0b;
}

ul#nav
{
    position: absolute;
    top: 501px;
    left: 0;
    width: 960px;
    text-align: center;
    padding-top: 8px;
    z-index: 99999;
}
ul#nav li
{
    display: inline;
    list-style: none;
    background: #FFF url(../images/navLinkBG.gif) no-repeat;
    /* AccDev:
    background-position: 0 3px;
    padding: 0 16px 0 16px; */
    background-position: 0 4px;
    padding: 0 10px 0 10px;
}
ul#nav li.firstNav
{
    background: #FFF;
    padding: 0 16px 0 0;
    /*AccDev padding: 0 16px 0 0; */
}

ul#nav li a
{
    color: #d3a084;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
}
ul#nav li a:hover
{
    color: #f97e1e;
}
ul#nav li a.selected
{
    color: #f97e1e;
}

/*================ [ home ] ================ */

div.homeOverflow
{
    background: #FFF url(../images/homeOverflow.jpg) top center no-repeat;
}
div.home
{
    background: #FFF url(../images/homeBG.jpg) top center no-repeat;
}

img#homeKey
{
    position: absolute;
    top: 37px;
    left: 10px;
}
img#homeBottle
{
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 999;
}

img#homeIMG1
{
    position: absolute;
    left: 81px;
    top: 68px;
    display: none;
}
img#homeIMG2
{
    position: absolute;
    left: 472px;
    top: 32px;
    display: none;
}
img#homeIMG3
{
    position: absolute;
    right: 188px;
    bottom: 0px;
    display: none;
}


/* AccDev: ================ [ home_us ] ================ */

div#happinessFacebookButton_US
{
	position:absolute;
	left:330px;
	top:370px;
}

p#happinessFacebookLink
{
	position:absolute;
	left:356px;
	top:377px;
	color:#8D6436;	
}

img#homeBG_US
{
	position:absolute;
	left:-3px;
}

p#happinessContent
{
	position:absolute;
	left:335px;
	top:200px;
	width:290px;
	font-size:0.87em;
	color:#8D5A24;
}

p#happinessCaption
{
	position:absolute;
	left:686px;
	top:35px;
	width:285px;
	font-size:1.4em;
	color:#A74162;
}

p#happinessModel
{
	position:absolute;
	left:735px;
	top:55px;
	font-size:1.2em;
	font-style:italic;
	color:#8D5A24;
}

div#happinessHomeContent_US h1
{
	position:absolute;
	left:335px;
	top:130px;
	width:285px;
	font-size:1.9em;
	color:#A7412E;
}

div#happinessFacebookButton_US a
{
	text-decoration:none;
	color:#8D6436;
	background-image: url('../images/happinessButton.png');
	padding: 8px 36px;
	font-size:11px;
	display: inline-block;
}



/*================ [ advertising ] ================ */

div.advertisingOverflow
{
    background: #FFF url(../images/advertisingOverflow.jpg) top center no-repeat;
}
div.advertising
{
    background: #FFF url(../images/advertising_genericBG.jpg) top center no-repeat;
}
/*div.advertisingHome { background: #FFF url(../images/advertising_genericBG.jpg) top center no-repeat; }*/
div.blankBG
{
    background: url(../images/advertisingBGblank.jpg) top center no-repeat;
    height: 494px;
}

img#advertGeneric
{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
img.faded
{
    display: none;
}

div.posterOverflow
{
    background: #FFF url(../images/advertisingPosterOverflow.jpg) top center no-repeat;
}
div.poster
{
    background: #FFF url(../images/advertisingOverflowContent.jpg) top center no-repeat;
}

img#advertisingPoster
{
    position: absolute;
    top: 0;
    left: 0;
}

div#printInfo
{
    position: absolute;
    top: 240px;
    left: 630px;
}

div#printInfo a
{
    text-decoration: none;
    color: #d65b0b;
    background: url('../images/linkArrow.gif') no-repeat 0% 50%;
    padding: 0px 0px 0px 15px;
    display: inline-block;
    margin: 0px 0px 0px 2px;
}


ul#adLinks
{
    margin: 20px 20px 20px 0;
}
ul#adLinks
{
    list-style: none;
}
ul#adLinks li a
{
    list-style: none;
    padding: 0;
    margin: 0px;
    font-size:1.5em;
    background-image:none;
    -khtml-opacity:.30;
    -moz-opacity:.30;
    -ms-filter:”alpha(opacity=30)”;
    filter:alpha(opacity=30);
    opacity:.30; 
}
ul#adLinks li a.selected,ul#adLinks li a:hover
{
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:”alpha(opacity=100)”;
    filter:alpha(opacity=100);
    opacity:1; 
}
div#embedVideo
{   
    position: absolute;
    top: 60px;
    left: 80px;
}

ul#vidFormats
{
    position: absolute;
    bottom: 90px;
    left: 120px;
    width: 400px;
}
ul#vidFormats li
{
    list-style: none;
    float: left;
    margin: 0px 10px 0px 0px;
}
ul#vidFormats li a
{
    color: #d65b0b;
}

div.advertising a
{
    color: #d65b0b;
    text-decoration: none;
}

div.advertInfo
{
    width: 210px;
    position: absolute;
    z-index: 9999;
}

div#advertIntro
{
    top: 200px;
    left: 690px;
    width: 210px;
    position: absolute;
    z-index: 9999;
}
div#advertIntro h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 2px;
}


div#advertCom
{
    top: 346px;
    left: 64px;
}
img#adImgCommercial
{
    position: absolute;
    top: 66px;
    left: 74px;
    z-index: 1;
}
div#advertScenes
{
    top: 95px;
    left: 726px;
}
img#adImgScenes
{
    position: absolute;
    top: 31px;
    left: 417px;
    z-index: 0;
}
div#advertCamp
{
    top: 420px;
    left: 245px;
}
img#adImgCampaign
{
    position: absolute;
    bottom: 2px;
    left: 278px;
}

div.advertInfo h1, div.advertInfo h2
{
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 2px;
}
div.advertInfo h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 4px;
}

div#printInfo a#backAdverts { margin-top: 20px; }

/*================ [ range ] ================ */

div.rangeOverflow
{
    background: #FFF url('../images/rangeOverflow.jpg') top center no-repeat;
}
div.range
{
    background: #FFF url('../images/rangeBG.jpg') top center no-repeat;
}

img#bottleFlacon
{
    position: absolute;
    bottom: 0px;
    left: 194px;
}
img#rangeImg
{
    position: absolute;
    bottom: 0;
    left: 145px;
}

ul#submenuNav
{
    margin: 40px 0px 16px 0px;
    list-style: none;
    font-size: 24px;
}

ul#submenuNav a
{
    text-decoration: none;
    color: #d65b0b;
    -khtml-opacity:.30;
    -moz-opacity:.30;
    -ms-filter:”alpha(opacity=30)”;
    filter:alpha(opacity=30);
    opacity:.30; 
}
ul#submenuNav a.selected,ul#submenuNav a:hover
{
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:”alpha(opacity=100)”;
    filter:alpha(opacity=100);
    opacity:1;
}
ul#productRange
{
    margin: 16px 0px 0px 0px;
    list-style: none;
}

ul#productRange li
{
    margin: 0px 0px 10px 0px;
    list-style: none;
}


/*================ [ scent ] ================ */

div.scentOverflow
{
    background: #FFF url('../images/scentOverflow.jpg') top center no-repeat;
}
div.scent
{
    background: #FFF url('../images/scentBG.jpg') top center no-repeat;
}

img#scentBottleGeneric
{
    position: absolute;
    left: 374px;
    bottom: 0;
}

img#notes
{
    position: absolute;
    left: 130px;
    bottom: 0;
    z-index: 0;
}

img.notes
{
    position: absolute;
    left: 146px;
    bottom: 0;
    z-index: 0;
    display: none;
}

img.top
{
    z-index: 2;
}
img.heart
{
    z-index: 1;
}
img.base
{
    z-index: 0;
}

dl#scent, dl#scentNoJs
{
    margin: 54px 0px 0px 130px;
}
dl#scent dt, dl#scentNoJs dt
{
    margin: 5px 0px 5px 0px;
}
dl#scent dt h2,dl#scentNoJs dt h2
{
    font-size:1em;
    font-weight:normal;
}
dl#scent dt a, dl#scentNoJs dt a
{
    color: #d65b0b;
    text-decoration: none;
    font-size: 1.5em;
    -khtml-opacity:.3;
    -moz-opacity:.3;
    -ms-filter:”alpha(opacity=30)”;
    filter:alpha(opacity=30);
    opacity:.3;
}
dl#scentNoJs dt a.selected, dl#scentNoJs dt a:hover,  dl#scent dt a:hover
{
    -khtml-opacity:1;
    -moz-opacity:1;
    -ms-filter:”alpha(opacity=100)”;
    filter:alpha(opacity=100);
    opacity:1;
}

dd
{
    font-size: 1em;
    margin: 10px 0px 10px 0px;
}



/*================ [ music ] ================ */

div.musicOverflow
{
    background: #FFF url(../images/musicOverflow.jpg) top center no-repeat;
}
div.music
{
    background: #FFF url(../images/musicBG.jpg) top center no-repeat;
}

div#beatlesInfo
{
    margin: 128px 0px 0px 20px;
}

img#musicImg
{
    background: url('../images/musicKey.jpg') no-repeat;
    position: absolute;
    left: 0px;
    top: 77px;
}


/*================ [ sampling form ] ================ */

div#content.sample {
	background: #FFF url('../images/rangeBG.jpg') top center no-repeat;
}

div#samplingForm
{
    width: 820px;/*AccDev: width: 800px;*/
    
    height: 490px;
    margin: 0 auto;
    padding: 10px 0px 0px 0px;
    overflow: auto;
}

div#samplingForm h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}

div#samplingForm .validator
{
    font-family: Tahoma;
    color: Red;
    text-align: left;
    position: absolute;
    width: 280px;
    font-size: 0.9em;
    top: 320px;
    left: 550px;
}

img#flaconBottleSampling
{
    position: absolute;
    top: 193px;
    right: 0px;
}
div#samplingForm p
{
    margin: 10px 0px 8px 0px;
    font-size: 0.9em;
}
div#samplingForm input#ctl00_main_sampleAlternateContent_submit
{
    border: 0px;
    background-image: url('../images/form_Arrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 20px;
    background-color: transparent;
    color: #d65b0b;
    text-align: left;
}
div#samplingForm input#ctl00_main_sampleAlternateContent_back
{
    border: 0px;
    background-image: url('../images/linkArrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 20px;
    background-color: transparent;
    color: #d65b0b;
    text-align: left;
}
div#samplingForm div.formRow label
{
    float: left;
    text-align: right;
    width: 125px;
    margin: 0px 20px 0px 0px;
    color: #706F6F;
}
div#samplingForm div.formRow span
{
    display: inline-block;
    text-indent: -555555px;
    float: left;
}
div#samplingForm div.formRow input, div#samplingForm div.formRow select
{
    width: 165px;
    display: block;
    float: left;
    border: 1px solid #d65b0c;
}

div#samplingForm div.formRow div#dateofbirth 
{
	float: right;
}
div#samplingForm div.formRow input.error, div#samplingForm div.formRow select.error
{
    display: block;
    float: left;
    border: 2px solid Red;
    width: 163px;
}
div#samplingForm div.formRow select.auto
{
    width: auto;
    float: left;
    margin-right:7px;
}
div#samplingForm div.fullColumn span.error label
{
    color: Red;
    font-weight: bold;
}

div#samplingForm div.formRow
{
    display: block;
    clear: both;
    padding: 0px 0px 16px 0px;
    margin: 10px 0px 10px 0px;
}

div#samplingForm div.fullColumn
{
    clear: both;
    display: block;
    padding: 15px 30px;
}
div#samplingForm div.fullColumn div.formRow
{
    margin: 10px 0px 10px 0px;
    display: block;
    float: none;
}
div#samplingForm div.fullColumn label
{
    color: #706f6f;
    display: block;
    margin: 0px 0px 10px 0px;
    width: 350px;
}
div#samplingForm div.fullColumn input
{
    float: left;
    margin: 0px 10px 0px 0px;
}
div#samplingForm div.fullColumn span#ctl00_main_sampleAlternateContent_valTerms
{
    position: absolute;
    visibility: hidden;
}

div#samplingForm div.formRow span#ctl00_main_sampleAlternateContent_rblGenderSelect
{
    position: relative;
    text-indent: 0px;
    margin: 0px 0px 0px 10px;
    float: left;
}
div#samplingForm div.formRow span#ctl00_main_sampleAlternateContent_rblGenderSelect label
{
    width: auto;
    float: none;
    margin: 0px;
}
div#samplingForm div.formRow span#ctl00_main_sampleAlternateContent_rblGenderSelect input
{
    width: auto;
    float: none;
    display: inline;
    margin: 0px 5px 0px 5px;
}

div#samplingForm div.fullColumn input#ctl00_main_sampleAlternateContent_chkTerms
{
	margin-bottom: 20px;	
}

div#samplingForm div.colLeft
{
    float: left;
    width: 320px;
    margin: 0px 10px 0px 0px;
}
div#samplingForm div.colRight
{
    float: left;
    width: 320px;
}

div#samplingForm div.rightAlign
{
    float: right;
    width: 135px;
}

div#samplingForm div.rightAlign a
{
	border: 0px;
    background-image: url('../images/form_Arrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 30px;
    background-color: transparent;
    color: #d65b0b!important;
    text-decoration: none!important;
    text-align: left;
}

div#samplingForm div.leftAlign
{
    float:left;
    width: 135px;
    margin: 0px 10px 0px 0px;
}

div#uptoDate
{
    padding-top: 0px;
    font-size: 0.9em;
}

/*================ Prize Draw ================ */

div#content.prize {
	background: #FFF url('../images/prizeBG.jpg') top center no-repeat;
}

div#prizeDrawForm
{
    width: 500px;
    height: 490px;
    margin: 0 0 0 30px;
    padding: 10px 0px 0px 0px;
    overflow: auto;
}
div#divTermsPopup
{
    width: 500px;
    height: 490px;
    margin: 0 0 0 30px;
    padding: 10px 0px 0px 0px;
    overflow: auto;
}
div#prizeDrawForm h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin: 0px 0px 2px 0px;
}
div#prizeDrawForm .validator
{
    font-family: Tahoma;
    color: Red;
    margin: -100px 0 5px 515px;
    text-align: left;
    position: absolute;
    width: 300px;
    font-size: 0.9em;
}

img#flaconBottleprizeDraw
{
    position: absolute;
    bottom: 50px;
    right: 0px;
}
div#prizeDrawForm p
{
    margin: 10px 0px 8px 0px;
    font-size: 0.9em;
}
div#divTermsPopup p
{
    margin: 10px 0px 8px 0px;
    font-size: 0.9em;
    color: #706F6F;
}
div#prizeDrawForm input#ctl00_main_PrizeDrawAlternateContent_submit
{
    border: 0px;
    background-image: url('../images/form_Arrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 20px;
    background-color: transparent;
    color: #d65b0b;
    text-align: left;
}

div#divTermsPopup a#ctl00_main_PrizeDrawAlternateContent_A1
{
    border: 0px;
    background-image: url('../images/linkArrow.gif');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    padding-left: 20px;
    background-color: transparent;
    color: #d65b0b;
    text-align: left;
    text-decoration: none;
}

div#prizeDrawForm div.formRow label
{
    float: left;
    text-align: right;
    width: 90px;
    margin: 0px 0px 0px 0px;
    color: #706F6F;
    font-size: 0.8em;
}
div#prizeDrawForm div.formRow span
{
    display: inline-block;
    text-indent: -555555px;
    float: left;
}
div#prizeDrawForm div.formRow input, div#prizeDrawForm div.formRow select
{
    width: 140px;
    display: block;
    float: right;
    border: 1px solid #d65b0c;
}
div#prizeDrawForm div.formRow input.error, div#prizeDrawForm div.formRow select.error
{
    display: block;
    float: right;
    border: 2px solid Red;
}
div#prizeDrawForm div.formRow select.auto
{
    width: auto;
    float: left;
}
div#prizeDrawForm div.fullColumn span.error label
{
    color: Red;
    font-weight: bold;
}

div#prizeDrawForm div.formRow
{
    display: block;
    clear: both;
    padding: 0px 0px 16px 0px;
    margin: 10px 0px 10px 0px;
}

div#prizeDrawForm div.fullColumn
{
    clear: both;
    display: block;
    padding: 0px;
    font-size: 0.9em;
    width: 460px;
}
div#prizeDrawForm div.fullColumn a
{
    color: #d65b0b;
}
div#prizeDrawForm div.rightAlign
{
    float:right;
    width: 270px;
}
div#prizeDrawForm div.leftAlign
{
    float:left;
    width: 270px;
    margin: 0px 10px 0px 0px;
}
div#prizeDrawForm div.fullColumn div.formRow
{
    margin: 10px 0px 10px 0px;
    display: block;
    float: none;
}
div#prizeDrawForm div.fullColumn label
{
    color: #706f6f;
    display: block;
    margin: 0px 0px 10px 0px;
}
div#prizeDrawForm div.fullColumn input
{
    float: left;
    margin: 0px 10px 0px 0px;
}

div#prizeDrawForm div.colLeft
{
    float: left;
    width: 240px;
    margin: 0px 10px 20px 0px;
}
div#prizeDrawForm div.colRight
{
    float: left;
    width: 250px;
}
div#prizeDrawForm div.doubleColumn
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 500px;
}
div#prizeDrawForm div.singleRow
{
    float: left;
    margin: 0px 0px 0px 0px;
    width: 350px;
}
div#prizeDrawForm div.textAreaRow label
{
    float: left;
    text-align: right;
    width: 90px;
    margin: 0px 0px 0px 0px;
    color: #706F6F;
    font-size: 0.8em;
}
div#prizeDrawForm div.textAreaRow textarea
{
    width: 400px;
    height: 50px;
    display: block;
    float: right;
    border: 1px solid #d65b0c;
}
div#prizeDrawForm div.textAreaRow
{
    display: block;
    clear: both;
    padding: 0px 0px 16px 0px;
    margin: 10px 0px 10px 0px;
}
div#prizeDrawForm div.textAreaRow textarea.error
{
    display: block;
    float: right;
    border: 2px solid Red;
}
div#prizeDrawForm div.textAreaRow span
{
    display: inline-block;
    text-indent: -555555px;
    float: left;
}
div#prizeDrawForm div.fullColumn span
{
    float: left;
    width: auto;
}
div#divTermsPopup
{
    width: 550px;
}
div.thankyou 
{   
    padding-top: 120px!important;
}

/*================ [ sitemap ] ================ */

div#siteMap h1
{
    font-size: 1.5em;
    font-weight: normal;
    margin: 0px 0px 16px 0px;
}


div#siteMap
{
    width: 600px;
    height: 550px;
    margin: 0 auto;
    padding: 50px 0px 0px 0px;
    overflow: auto;
}

ul.siteMap
{
    font-weight: bold;
    list-style: none;
    padding: 0px 0px 0px 30px;
}
ul.siteMap a
{
    color: #d65b0b;
    text-decoration: none;
}
ul.siteMap a:hover
{
    color: #d65b0b;
    text-decoration: underline;
}
ul.siteMap ul
{
    padding: 0px 0px 0px 20px;
}
ul.siteMap li
{
    margin: 10px 0px 10px 0px;
}
ul.siteMap ul li
{
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    list-style: none;
}
ul.siteMap ul li a
{
    text-decoration: none;
    margin: 10px 0px 10px 0px;
}

/*================ [ header ] ================ */

div#header
{
    width: 940px;
    height: 50px;
    background: #FFF;
    margin: 0 auto;
    padding: 0 10px;
    font-size: 1.1em;
}

span#logo
{
    float: right;
    margin-top: 8px;
}
span#logo, span#logo a
{
    height: 35px;
    width: 92px;
}
span#logo span
{
    margin-left: -5000px;
}
span#logo a
{
    background: url(../images/logo.gif) no-repeat left top;
    display: block;
    overflow: hidden;
}

div#header a#returnToFrag
{
    color: #d3a084;
    text-decoration: none;
    border-left: 1px solid #fdd8bb;
    padding-left: 10px;
    margin-top: 30px;
    float: left;
}

/*================ [ footer ] ================ */

div#footer
{
    width: 960px;
    background: #FFF url(../images/footerBG.jpg) top center no-repeat;
    height: 20px;
    margin: 34px auto 0 auto;
    font-size: 1.1em;
    padding-top: 12px;
}

div#footer ul
{
    margin-left: 40px;
    float: left;
    display: inline;
    color: #d3a084;
    width: 730px;
}

div#footer ul li
{
    display: inline;
    margin-right: 20px;
    list-style: none;
}

div#footer ul li a
{
    color: #d3a084;
    text-decoration: none;
}
div#footer ul li a:hover
{
    text-decoration: underline;
}

div#footer
{
    /* 	float: right; 	margin-right: 40px; 	display: inline;*/
}
/*
div#footer select#ctl00_alternateFooter_sampleAlternateFooter_ddlLangChange
{
    color: #d3a084;
    font-size: 0.9em;
    border: none;
    width: 140px;
}
*/

div#footer select /*#ctl00_alternateFooter_PrizeDrawAlternateFooter_ddlLangChange */
{
    color: #d3a084;
    font-size: 0.9em;
    border: none;
    width: 140px;
}

div#footer input
{
    border:0px;background:#fff;
    background-color:transparent;
    background-image:url(../images/form_Arrow.gif);
    background-position:0 50%;
    background-repeat:no-repeat;
    border:0 none;
    color:#D65B0B;
    text-align:left;
    width:10px;
    cursor:pointer;
}

/*================ [ myPassions ] ================ */

div#previewPane
{
    width: 960px;
    height: 501px;  
}

div#questionBlock
{
    position: relative;
    width: 734px;
    height: 314px;
    margin: auto;
    top: 163px;
    line-height: 1.6em;
}

div#questionBlock-active
{
    position: relative;
    width: 734px;
    height: 124px;
    margin: auto;
    top: 349px;
}

div#questionBlock-start {
    position: relative;
   
}

div#qbTop
{
    width: 734px;
    height: 92px;
    margin: 0px;
    padding: 0px;
}

div#questionBlock-start div#qbTop
{
    display: none;
}
div.top0 {
   
}
div.top1 {
    background: url(/resources/images/mypassions/qblock_top1.png) top left no-repeat;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_top1.png'),sizingMethod=’scale’;
}
div.top2 {
    background: url(/resources/images/mypassions/qblock_top2.png) top left no-repeat;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_top2.png'),sizingMethod=’scale’;
}
div.top3 {
    background: url(/resources/images/mypassions/qblock_top3.png) top left no-repeat;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_top3.png'),sizingMethod=’scale’;
}
div.top4 {
    background: url(/resources/images/mypassions/qblock_top4.png) top left no-repeat;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_top4.png'),sizingMethod=’scale’;
}
div.top5 {
    background: url(/resources/images/mypassions/qblock_top5.png) top left no-repeat;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_top5.png'),sizingMethod=’scale’;
}

li#qbStep1
{
    display: block;
    position: absolute;
    width: 50px;
    top: 25px;
    left: 40px;
    text-align: center;
}
li#qbStep2
{
    display: block;
    position: absolute;
    width: 50px;
    top: 35px;
    left: 190px;
    text-align: center;
}
li#qbStep3
{
    display: block;
    position: absolute;
    width: 50px;
    top: 30px;
    left: 330px;
    text-align: center;
}
li#qbStep4
{
    display: block;
    position: absolute;
    width: 50px;
    top: 30px;
    left: 460px;
    text-align: center;
}
li#qbStep5
{
    display: none;
    visibility: hidden;
    position: absolute;
    width: 50px;
    top: 30px;
    left: 600px;
    text-align: center;
}
li#qbStep6
{
    display: block;
    position: absolute;
    width: 50px;
    top: 30px;
    left: 600px;
    text-align: center;
}

div#qbBottom
{
    background: url('/resources/images/mypassions/qblock_bottom.png') no-repeat;
    width: 734px;
    height: 219px;
    margin: 0px;
    padding: 0px;
    
    /* target ie6 and fix PNGs */
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/mypassions/qblock_bottom.png'),sizingMethod=’scale’;
}

div#questions
{
    width: 680px;
    margin: 0 auto;
    color: #b38350;
    
}

div#questionBlock-start div#questions {
    width: 280px;
    margin: 0;
    position: absolute; top: 98px; left: 408px;
}

div#questionBlock-start div#questions h1 {
    color: #d65b0b;
    font-size: 1.7em;
    font-weight: normal;
    margin-bottom: 8px;
}

div#questionBlock-start div#questions p {
    margin-bottom: 8px;
}
div#questionBlock-start div#questions p.splashBody {
    color: #e39157;
    font-size: 1.1em;
}
div#questionBlock-start div#questions p.splashBody2 {
    color: #caa16f;
}



div#questionWrap {
    position: relative; z-index: 55555;
}

div#questions label
{
    color: #b38350;
}

div#questions .aQuestion
{
    margin-bottom: 10px;
}
div#questions .aQuestion-active
{
    margin-bottom: 0px;
}

div#qbBottom-active
{
    background: url('/resources/images/mypassions/qblock_bottom.png') no-repeat;
    width: 734px;
    height: 32px;
    margin: 0px;
    padding: 0px;
}

ol#qbSteps li
{
    list-style-type: none;
    display: inline;
    cursor: default;
    color: #d9cabc;
}

ol#qbSteps li.active
{
    font-weight: bold;
    color: #82583b;
}

div#stepSwitch
{
    padding-top: 10px;
}

div#stepSwitch-active
{
    padding-top: 0px;
}

input.stepButton
{
    font-size: 1em;
    padding:3px;
    padding-left:6px;
    padding-right:6px;
    border:solid 1px #b38350;
    background-color:white;
    color: #d65b0b;
}

.errorMessage {
    display:block;
    font-size:1.2em;
    font-weight:bold;
    margin-bottom:5px;
}

h1#qStrap {
    width: 680px;
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
    font-weight: normal;
    position: absolute; top: -200px;
     color: #d65b0b;
     line-height: 1em;
}

span#answerQs {
    display: block;
    width: 680px;
    margin: 0 auto;
    text-align: center;
    font-size: 1em;
    font-weight: normal;
    position: absolute; top: -170px;
    color: #d65b0b;
}

p.aQuestion { font-size: 1.2em; }

div.backPrev {
    text-align: right;
    position: absolute; bottom: 15px; right: 20px;
}

div#questionBlock-start div.backPrev {
    text-align: left;
    position: relative;
    bottom: -10px;
    padding-left: 20px;
}



div.answerCont {
    display: inline-block;
    padding: 10px 10px 10px 0;
    font-size: 0.9em;
    width: auto;
    float: left;
    position: relative; z-index: 555555;
}

div.lastStepQ {
    font-size: 0.9em;
    padding: 0 0 2px 0;
    position: relative; z-index: 555555;
}

div#passionSTF {
    width: 380px;
    float: left;
    padding-left: 20px;
    position: relative; z-index: 999999;
}

div#passionSTF h3 { margin-bottom: 10px; }

div#passionSTF label { font-size: 0.9em; line-height: 1em; padding-bottom: 2px;}
div.stfRow label { display: block; }

div#downloadWall {
    width: 190px;
    float: left;
    background: url('/resources/images/mypassions/downloadBG.png') no-repeat;
    padding-left: 70px;
    background-position: 0 10px;
    /* target ie6 and fix PNGs */
	_background: none;
	position: relative; z-index: 999999;
}

div#downloadWall h3 { margin-bottom: 10px; }

div#yourDetails {
    width: 180px;
    float: left;
}
div#friendDetails {
    width: 200px;
    float: right;
}

div.stfRow { clear: both; margin-bottom: 5px; }
div.stfTermsRow, div.stfSubmitRow { clear: both; padding: 5px 0;  }
div.stfTermsRow { margin-top: -10px; }

div.stfRow input { border: 1px solid #cba376; width: 150px; padding: 2px; color: #b38455; font-size: 0.9em; }

span.stfError { font-size: 0.9em; display: block; line-height: 1em; padding-bottom: 2px; }
span#ctl00_main_myPassionsAlternateContent_stfValidator7 { display: inline; }

div#downloadWall ul {
    margin-bottom: 10px;
}
div#downloadWall ul li {
    list-style: none;
}

div#downloadWall ul a, div#downloadWall a#dlInstructions {
    color: #d8bea3;
    text-decoration: none;
}

div#downloadWall ul a:hover, div#downloadWall a#dlInstructions:hover {
    color: #b38455;
}

div#downloadWall a {
    color: #B38350;
    text-decoration: none;
}
div#downloadWall a:hover {
    text-decoration: underline;
}

div#downloadWall h3#newJ { margin-top: 20px; }

/*================ [ how to download wallpaper ] ================ */

div#instructionsContainer {
    width: 960px;
    margin: 0 auto 0 auto;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #333;
    padding-top: 10px;
}

span#dlLogo
{
    float: right;
    margin-top: 8px;
    height: 35px;
    width: 92px;
    text-indent: -99999em;
    background: url(../images/logo.gif) no-repeat left top;
    display: block;
    overflow: hidden;
}

div#instructionsContainer h1 {
    font-size: 1.6em;
    padding: 20px 0;
    color: #D65B0B;
}

div#instructionsContainer h2 {
    margin-bottom: 5px;
    color: #D65B0B;
}

div#instructionsContainer ol {
    margin-bottom: 20px;
    padding-left: 26px;
}

/* ======================== it terms popup ============== */

div.showItDisc {
    position: absolute; top: 120px; left: 100px;
    background: #fff4d6;
    width: 700px;
    padding: 30px;
    border: 2px solid #D65B0B;
    z-index: 999999999;
}

div.showItDisc input {
    position: absolute; bottom: 40px; left: 230px;
}

div.itDisc-hidden {
    display: none;
}

div#samplingForm div.fullColumn div.showItDisc label {
    width: 700px;
}

div#samplingForm a#closeIT { position: absolute; bottom: 30px; right: 30px; color: #D65B0B; }

/* ======================== fr terms popup ============== */

div.showFrDisc {
    position: absolute; top: 120px; left: 100px;
    background: #fff4d6;
    width: 700px;
    padding: 30px;
    border: 2px solid #D65B0B;
    z-index: 999999999;
}

div.showFrDisc input {
    position: absolute; bottom: 40px; left: 230px;
}

div.frDisc-hidden {
    display: none;
}

div#samplingForm div.fullColumn div.showFrDisc label {
    width: 700px;
}

div#samplingForm a#closeFR { position: absolute; bottom: 30px; right: 30px; color: #D65B0B; }