/*.samplingPageBg {background:url(../images/bg_site_sampling.jpg) no-repeat left 30px;}*/

.samplingPageBg {
background-image:url(../images/bg_site_sampling.jpg);
background-position:15px 0 !important;
height:auto !important;
}


.samplingPageBg #logohomelinkuk {left:15px;top:12px;}
.samplingPageBg .clear { height:0px; margin:0px; width:1px; overflow:hidden;}

.samplingPageBg .blockSamplingContainer { padding:100px 0 30px 223px; width:638px; position:relative; font-family:Georgia, "Times New Roman", Times, serif;}
.blockSamplingContainer .blockHeader { padding:6px 0 5px 15px;}
.blockSamplingContainer .blockHeader h1 { margin:0px; padding:0px; font-size:1.7em; font-weight:normal; color:#FFF;}

.defaultSample .blockHeader { background:#000;}
.superDrugSample .blockHeader { background:#e70c8e;}

.blockSamplingContainer .blockSampleContent {width:623px; padding:15px 0 0 15px; background:url(../images/bg_blocksamplecontent2.png) no-repeat left top; position:relative;}
.blockSampleContent .blockSampleTop { padding:0 0 20px 0;}
.blockSampleContent .blockSampleTop p { padding:0 150px 0 0; color:#000; font-size:1.2em;}

.blockSampleContent .newBlock { background:url(../images/img_pack_second_skin.png) no-repeat right top;}

.blockSampleContent .blockBottom { padding-top:40px; height:187px;}
.blockSampleContent .blockBottom p { color:#000; font-size:1.2em;}

.blockBottom .blockBotFacebook { padding-top:6px;}


.blockSampleContent .blockSampleForm { width:510px; padding-bottom:10px; }
.blockSampleContent .blockPackshot { position:absolute; top:0px; width:138px; height:315px; right:0px;}

.blockSampleForm .blockRow {width:510px; padding-bottom:9px;}

.blockRow .blockLabel1 { width:86px; float:left; padding-top:3px;} 
.blockRow .blockLabel2 { width:93px; float:left; padding:3px 0 0 27px;}
.blockRow .blockInput1 { width:138px; float:left;}
.blockRow .blockInput3 { width:20px; float:left;}
.blockRow .blockLabel3 { width:480px; float:left; padding:0 0 0 5px; *padding:3px 0 0 5px;}

.blockLabel1 label, .blockLabel2 label, .blockLabel3 label {font-size:1.2em; color:#000; }
.blockInput1 select { font-size:12px; color:#000; width:70px; border:solid 1px #55789a; font-family:Georgia, "Times New Roman", Times, serif;}
.blockInput1 input { font-size:1.2em; color:#000; border:solid 1px #55789a; background:#FFF; width:132px; padding:2px; font-family:Georgia, "Times New Roman", Times, serif;}
.blockInput1 .longSelect { width:138px; }
.blockInput1 .shortInput { width:70px;}

.blockSamplingContainer .blockSampleTerms { padding:0 0 25px 0;}
.blockSampleTerms a { text-decoration:underline; font-size:1em; color:#000;}

.blockSamplingContainer .blockSampleBottom { padding:0 12px 0 0; height:36px;}

.defaultSample .blockSampleBottom { background:#000;}
.superDrugSample .blockSampleBottom { background:#e70c8e;}

.blockSampleBottom .blockSampleSubmit {float:right; width:146px; padding-top:10px;}
.blockSampleSubmit input { display:block; width:146px; height:16px; border:none; margin:0px; padding:0px; cursor:pointer;  }
.blockSampleBottom .blockSuperdrugLogo { float:left; width:134px;}

.defaultSample .blockSampleSubmit input { background:url(../images/btn_sub_sample_default.gif) no-repeat left top;}
.superDrugSample .blockSampleSubmit input { background:url(../images/btn_sub_sample_superdrug.gif) no-repeat left top;}

.errorField { border:solid 1px #F00 !important;}
/*.errorLabel { color:#F00 !important; }*/
.errorLabel { color:#F00 !important; font-size:12px; font-weight:700;}

.samplingPageBg #footer {margin:0px -3px 0 0;}
#displayErrors {}
#displayErrors ul { list-style-type:none; margin:0px; padding:0 0 10px 0;}
#displayErrors ul li {margin:0px; padding:0 0 3px; color:#F00; font-size:1.2em; font-family:Georgia, "Times New Roman", Times, serif;}

.fixSampleHeight { height:217px;}
.fixSampleBottomHeight { height:16px;}

.terms {margin:0px; padding:20px; color:#000; background:#FFF; font-family:Arial, Helvetica, sans-serif; }
.terms .blockTerms { width:580px;}
.terms .blockTerms a { color:#000; text-decoration:underline;}

.blockTerms h1, .blockTerms h2, .blockTerms h3  { font-size:1.6em; padding-bottom:10px; padding-left:0px !important}
.blockTerms p { font-size:1.2em; padding-bottom:10px;}