@import url(Base.css);

#page {font-family: Arial, sans-serif;height:1%;overflow:hidden;position:relative}

a,
.colour-orange {color:#e45605}
.float-left {float:left}
.vert-top-space {margin-top:30px}
.vert-bottom-space {margin-bottom:30px}
h2 {border-bottom:solid 1px #fff;height:67px;position:relative;text-indent:-9999em}
h2.tour {background:url(/Common/Images/Masterclass/hdr-tour.jpg) no-repeat 0 0}
h2.tour a {height:67px;position:absolute;right:0;top:0;width:450px}
h2.hidden {background-image:none;background-color:#fff;}
h2.winner {height:108px;margin:0 0 25px;background:url(/Common/Images/Masterclass/hdr-winner.jpg) no-repeat 0 0}
h2.winner img {position:absolute;right:0;top:0}
p {color:#fff;font-size:1.2em;margin-bottom:1em}
p.larger {font-size:1.4em}

#flash-tour {background-color:#eee;height:531px;margin-bottom:1em}
#flash-tour p {color:#333;line-height:531px;margin:0;text-align:center}

#entry-intro {background:url(/Common/Images/Masterclass/bg-tetsuya-winner.jpg) no-repeat 0 0;padding:47px 0 0 40px;position:relative;width:904px}
#entry-intro p.replace {width:472px;height:228px;background: url(/Common/Images/Masterclass/copy-winner.jpg) 0 0 no-repeat;text-indent:-9999em;margin-bottom:160px;}
#entry-intro ol {margin:0 0 60px;}
#entry-intro ol li {list-style:outside decimal;font:normal 12px Arial, sans-serif;margin:0 0 15px 2.5em;}
#entry-intro h3#thanks {margin:0 0 23px;background: url(/Common/Images/Masterclass/hdr-thanks.gif) 0 0 no-repeat; height:70px;width:884px;text-indent:-9999em;}
#entry-intro.larger p {font-size:1.4em}

#entry-intro ul#links {float:left; /* clear fix */ background: url(/Common/Images/Masterclass/bg-products-divide.gif) bottom center no-repeat;margin:0 0 20px}
#entry-intro ul#links li {float:left;width:414px;padding:17px 0 0;}
#entry-intro ul#links li h4 { font: bold 12px Arial, sans-serif;min-height:34px;}
#entry-intro ul#links li h4, #entry-intro ul#links li img {margin:0 0 20px;}
#entry-intro ul#links li.first {width:442px;background: url(/Common/Images/Masterclass/bg-divide.gif) top right no-repeat;margin:0 31px 0 0}

#entry-intro #share-wrap {background-color:#fff; }
#entry-intro #share-wrap ul {}
#entry-intro #share-wrap h5 {font: bold 1.2em Arial, sans-serif;color:#db541d;margin:0 0 15px}
#entry-intro #link-tetsuya {display:block;float:left;height:55px;margin:26px 0 0 50px;width:102px;}

#terms {list-style:outside decimal}
#terms li {font-size:1.1em;margin-left:2em;overflow:visible}

.fields {color:#fff;height:auto;overflow:hidden}
.fields ul {font-size:1.1em;width:400px}
.fields li {height:1%;margin-bottom:0.75em;overflow:hidden}
.fields label {float:left;width:120px}
.fields input, .fields select, .fields textarea {background:#a2a2a2;border:solid 1px #fff;color:#fff;float:left;font-family:Arial, sans-serif;font-size:1em;padding:3px}
.fields input:focus, .fields select:focus, .fields textarea:focus {background:#333}
.fields input {width:250px}
.fields textarea {height:130px;width:270px}
.fields .dob select {margin-right:0.75em}
.fields .chk input {background:none;border:none;margin-right:10px;padding:0;width:auto}
.fields .chk label {width:360px}
.fields .img {background:none;border:0;clear:left;padding:0}
.fields .invalid {background:#854e4e}
.fields .fields-column {float:left;width:440px}
.fields-background {background:#000;height:1%;overflow:hidden;padding:30px 0 30px 30px}
.fields-terms {background-image:none;height:700px;overflow-y:scroll;padding-right:30px}
	#terms-lightbox .fields-terms {height:770px;}
.fields-terms #back {cursor:pointer;float:right}

#hdr-sharethis {float:left;margin-right:8px}

#share li {float:left}
#share a {background:url(/Common/Images/Masterclass/sprite-share.gif) no-repeat 0 0;float:left;height:16px;margin-right:8px;text-indent:-9999em;width:16px}
#share .twitter a {background-position:-16px 0}
#share .email a {background-position:-32px 0}

#share-wrap {background:#202020;float:left;height:50px;margin-bottom:30px;overflow:hidden;padding:15px;width:230px}
#share-wrap p {margin-bottom:1em}
#share-wrap.left-space {margin-left:440px}
	.ie6 #share-wrap.left-space {display:inline}

.form-share {display:none;height:280px;left:272px;position:absolute;top:20%;width:400px}
.form-share .close {color:#e45605;cursor:pointer;font-weight:bold;padding:10px;position:absolute;right:0;top:0}
	
#form-share {display:none;height:280px;left:272px;position:absolute;top:20%;width:400px}
#form-share #close {color:#e45605;cursor:pointer;font-weight:bold;padding:10px;position:absolute;right:0;top:0}
#form-share-bg {background:url(/Common/Images/Masterclass/bg-trans.png) repeat 0 0;display:none;height:100%;left:0;position:absolute;top:0;width:100%}
	.ie6 #form-share-bg {height:944px;width:944px}
	
#terms-lightbox {width:900px;height:1000px;top:22px;left:22px;}

.required-msg {color:#C06a6a;display:none;float:left;padding:5px 0 0 120px}
.chk .required-msg {padding:0}
.show-required-msg {display:inline}

.page-to-share {display:none}

a.logo-tetsuya {bottom:30px;color:#aaa;position:absolute;right:30px;text-align:right;text-decoration:none}

.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 */