/*
Chloe CSS
UTL uk for Chloe 
Author:Derrick Langrish

inputs are 194 by 23

Top of form 150px Down
left:96px 150px 

main box width 692px 
height:351 
*/
body{margin:0;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}
img {border:0;}
#mainContent {clear:both;width:1024px;height:768px; margin:0px auto 0 auto;position:relative;overflow:hidden;}
#mainContent #topNavigation{width:868px;height:52px;margin:0px auto 0 auto;position:relative;padding-top:43px}
#mainContent #content{width:868px;height:597px;margin:300px auto 0 auto;border-left: 1px solid #D6D6D6;border-right : 1px solid #D6D6D6;border-bottom : 1px solid #D6D6D6;border-top: 1px solid #D6D6D6;margin-top:0px;}
#mainContent #content #form {width:692px;height:351px;top:100px;left:96px;position:relative;margin:0;padding:0}
#mainContent #content #form .leftbox{top:0px;left:0px;position:absolute;width:342px;height:310px;}/*background-color:green;*/
#mainContent #content #form .passwordRemindForm{background-image:url(../images/account_password_header.jpg );width:158px;height:20px;color:red;background-repeat:no-repeat;}
#mainContent #content #form .leftbox .formOneTitle{background-image:url(../images/register_01_text_head.jpg );width:285px;height:19px;color:red;}
#mainContent #content #form .leftbox .formProfileUpdate{background-image:url(../images/account_profile_header.jpg );width:146px;height:20px;color:red;background-repeat:no-repeat;padding-bottom:10px}
#mainContent #content #form .leftbox .formOneText{background-image:url(../images/register_text_body.jpg); width:285px;height:68px;margin-top:10px}
#mainContent #content #form .leftbox .formSamplesTitle{background-image:url(../images/sample_01_text_head.jpg);width:322px;height:15px;color:red;}
#mainContent #content #form .leftbox .formSamplesText{background-image:url(../images/sample_text_body.jpg); width:322px;height:120px;margin-top:10px}
#mainContent #content #form .leftbox .formTwoSamplesTitle{background-image:url(../images/sample_02_text_head.jpg );  width:322px;height:15px;color:red;}
#mainContent #content #form .leftbox .formTwoTitle{background-image:url(../images/register_02_text_head.jpg );background-repeat: no-repeat;  width:322px;height:15px;color:red;}
#mainContent #content #form .leftbox .terms{ margin-top:15px;margin-bottom:15px}
#mainContent #content #form .leftbox .competitionTitle{background-image:url(../images/competition_text_head.jpg );  width:322px;height:20px;color:red;margin-bottom:10px}
#mainContent #content #form .leftbox .competitionText{background:url(../images/competition_text_body_01.jpg ) no-repeat;  width:322px;height:51px;color:red;}
#mainContent #content #form .leftbox .competitionImage{background-image:url(../images/competition_image.jpg );  width:322px;height:180px;color:red;padding:40px 0 0 0}
#mainContent #content #form .leftbox .competitionEntered{background-image:url(../images/chloe-range.jpg );  width:322px;height:180px;color:red;padding:40px 0 0 0}

/* chloe winner form css */
#mainContent #content #winnerform .leftbox{top:0px;left:0px;position:absolute;width:342px;height:350px;}
#mainContent #content #winnerform {width:692px;height:351px;top:50px;left:96px;position:relative;margin:0;padding:0}
#mainContent #content #winnerform .rightbox{top:80px;left:386px;position:absolute;width:355px;height:310px;}
a.winner-previous { position:absolute;display:block; width:150px; height:22px; left:215px; top:5px; background-image:url(../images/winners_nav_previous.jpg);background-repeat:no-repeat; }
a.winner-previous:hover { background-image:url(../images/winners_nav_previous_over.jpg);}
a.winner-chloenews { position:absolute;display:block; width:120px; height:22px; left:387px; top:5px; background-image:url(../images/winners_nav_backtonews.jpg);background-repeat:no-repeat; }
a.winner-chloenews:hover { background-image:url(../images/winners_nav_backtonews_over.jpg);}
.winner-marker-padding { position:absolute;display:block; width:100px; height:22px; left:320px; top:5px; padding:0px 20px 0px 0px; }
.winner-marker-padding2 { position:absolute;display:block; width:100px; height:22px; right:270px; top:5px; padding:0px 20px 0px 0px; }
.competition-marker-padding { position:absolute;display:block; width:100px; height:22px; left:330px; top:5px; padding:0px 20px 0px 0px; }
.competition-marker-padding2 { position:absolute;display:block; width:100px; height:22px; right:270px; top:5px; padding:0px 20px 0px 0px; }
.winner-next {cursor:default;position:absolute;display:block; width:100px; height:22px; right:220px; top:5px; background-image:url(../images/winners_nav_next_grey.jpg);background-repeat:no-repeat; }
#backtomembers{ display: block;height:13px;width:162px; background-image:url(../images/members_page_link.gif);background-repeat:no-repeat; }
#backtomembers:hover{ width:162px; background-image:url(../images/members_page_link_over.gif);background-repeat:no-repeat; }
#backtomembers span
{
  display: none;
}



#forgotten-thankyou-text{margin:0 50px;}
#competition-thankyou-text {margin:0 150px;}
#mainContent #content #form .rightbox{top:0px;left:366px;position:absolute;width:355px;height:310px;}
#mainContent #content #form .rightbox .formheader{height:9px;}
#mainContent #content #form .rightbox .formheader .firstname_head{width:76px;height:9px;background-image:url(../images/form_firstname.jpg);}
#mainContent #content #form .rightbox .formheader .title_head{width:74px;height:9px;background-image:url(../images/form_title);}
#mainContent #content #form .rightbox .formnormal{height:30px;}
#mainContent #content #form .rightbox .competitionTextOne{background:url(../images/competition_text_body_02.jpg ) no-repeat;  width:308px;height:52px;color:red;}
#mainContent #content #form .rightbox .competitionTextTwo{  display:block;width:308px;height:73px; background:url(../images/competition_question.jpg) no-repeat; margin-top:15px; margin-bottom:15px; }
#mainContent #content #form .rightbox .competitionTextTwo span{ display:none; }
#mainContent #content #form .rightbox .formTwoOptout{background-image:url(../images/form_text_optout.jpg); width:294px;height:72px;margin-top:10px}
#mainContent #footer{width:868px;height:100px;margin:7px auto 0 auto;position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}/* background-color:red; */
#mainContent #content #form .centredForm{margin:0px auto 0 auto; padding-left:20px;}
#mainContent #content #form .centredForm .titleLoginForm{background-image:url(../images/login.jpg); width:154px;height:15px;}
#mainContent #content #form .centredForm .loginForm{margin-top:5px; margin-left:15px;}
#mainContent #content #form .centredForm .passwordReminderForm{margin:10px auto 0 150px;}
#mainContent #content #form .centredForm .passwordReminderTitle{ background-repeat:no-repeat;background-repeat:no-repeat;background-image:url(../images/lost_mem_num_head.jpg); width:328px;height:18px; margin-left:70px;}
#mainContent #content #form .centredForm .passwordReminderText{ background-repeat:no-repeat;background-repeat:no-repeat;background-image:url(../images/forgottenpassword_text.jpg); width:418px;height:29px;margin-top:20px; margin-left:70px;}
#mainContent #content #form .centredForm #input-form-table {  margin-left:10px; }
#mainContent #content #form .centredForm #input-form-table td {height: 28px; padding-bottom:2px; }
#mainContent #content #form .centredForm #input-form-table label { font-size:70%; padding:15px;}
#mainContent #content #form .centredForm #input-form-table .title-column {width:84px; }
#mainContent #content #form .centredForm #input-form-table .input-column {width:250px; }
#mainContent #content #form .rightboxThanks{top:0px;left:266px;position:absolute;width:355px;height:310px;}

input {border:1px solid #CCC;  height: 20px;}
select {border:1px solid #CCC;  height: 20px; }
select:focus, input:focus {border:2px solid #FFCC99; height: 20px; }
input.submit {border:none; margin-top:5px; width:76px; height:9px;}
.submitImage {border:none; margin-top:5px; width:72px; height:11px;}
input.reminderSubmit{ border:none;width:135px; height:11px;}
.button-grouping input { height: 13px; border:none;}

#mainContent #content #thankyou{height:142px;width:289px;top:180px;left:287px;position:relative;background-image:url(../images/register_thanksText.jpg);}
#mainContent #content #blackline{top:267px;height:25px;background-color:black;width:auto;position:relative;}
#mainContent #content #blackline #stockists{height:25px;width:289px;left:287px;background-image:url(../images/register_stockistText.jpg);position:relative;}

#mainContent #content #form .rightbox #input-form-table { width:290px; margin-left:0px; }
#mainContent #content #form .rightbox #input-form-table td {height: 28px; padding-bottom:2px; }
#mainContent #content #form .rightbox #input-form-table .title-column {width:84px; }
#mainContent #content #form .rightbox #input-form-table .input-column {width:200px; }
.form-error {border:2px solid #CBB9AD;}

#mainContent #content #form .rightbox #more-details-input-form-table { width: 408px; margin-left:0px}
#mainContent #content #form .rightbox #more-details-input-form-table td {padding-bottom:5px; height:31px; }
#mainContent #content #form .rightbox #more-details-input-form-table .col1 { width: 84px; padding-right:5px; }
#mainContent #content #form .rightbox #more-details-input-form-table .col2 { width: 274px; }
 
#mainContent #content #form .rightbox #more-details-input-form-table-p2 { width: 358px; margin-left:10px}
#mainContent #content #form .rightbox #more-details-input-form-table-p2 td {padding-bottom:5px;}
#mainContent #content #form .rightbox #more-details-input-form-table-p2 .col1 { width:134px; } 
#mainContent #content #form .rightbox #more-details-input-form-table-p2 .col2 { width: 220px; }
#mainContent #content #form .rightbox input#send-button { border:none; margin-left:100px; margin-top: 20px; width:39px; height:9px; }
#mainContent #content #form .rightbox .button-grouping { margin-left:20px;}

#mainContent #register-bar {height:15px; background-color:#000; margin-top:116px; text-align:center; padding:5px 0px 7px 0px; position:absolute; width:868px; }
.marker-padding {padding:0px 20px 0px 20px; }


#mainContent #footer #copyright {float:right;}
#mainContent #footer #disclaimer {float:left; padding-right: 10px;}
#mainContent #footer a{color:#000;}
#mainContent #footer a:hover{color:#7F3000;}
#mainContent #footer #disclaimer-hover {float:left; padding-right: 10px;}

/* terms and condition page */
#terms-content {clear:both; width:585px; position:relative;}
#terms-content #logo { padding-left:40px; margin-bottom:20px;}
#terms-content #content {padding-left:25px;}
#terms-content #content #terms-title{padding-left:15px;}
#terms-content ol{line-height:1.8}
#terms-content ol li{padding-bottom:15px;}
#terms-content #footer {background-color: #000; color:#fff; padding:10px 0 10px 40px;}
#terms-content #footer a {color:#fff; }
.separator { padding: 0 10px 0 10px; }
/* error message */
#loginerror {position:absolute;color:red;margin-left:-50px;margin-top:20px;top:10px;width:800px;}
.loginurl {color:#7F3000;}
#errordiv {padding-left:20px;padding-top:50px}