* {
    margin: 0;
    padding: 0;
}

.center {
    text-align: center;
}

/* CSS Document.. if something is not clear or dosent make sense as tom */

/* here specify all generic settings, font for all elements, margin etc */

body {
    
    /*background-color: #7fb3c7;
     background-image: url('../images/BG.png');
     background-repeat: repeat-x;*/

    background: white;
    font-size: 11px;
    font-family: Verdana;    
    color: #4d4d4d;
}

#turnstyle_container
{
    background-image: url('../images/Tncc_BG.png');
    background-repeat: no-repeat;
    width: 1044px; /* total width of the form, that is important as you need to make sure that banner_left and form_main dosent exceed it 600px NOT 640. 40 is from padding so real size is 600! */
    height: 778px;

    margin: 0 auto;
    padding: 0px 0px; /* with padding simply looks better */

    zoom: 1;	/* ignore it.. its only to make IE6 behaving */
}

/* banner on the left details */

#turnstyle_container .promotion
{
    float: left;
    width: 480px; /* width of the banner part on the left */
    height:400px;
    padding-top:250px;
    /* Set the Promotion Image to be the background of this container */
}

#turnstyle_container .promotion h1
{
    visibility:hidden;
}

#turnstyle_container .promotion p
{
    text-align: center;
    margin-left:20px;
    margin-right:120px;
}

#turnstyle_container #form_container {    
    width: 270px; /* width of th main form part where all the fields live */
    float: right;
    margin-top: 8px;
    margin-right: 35px;
    padding:3px;
}

#prize_container {
    display: block;    
    padding-top: 400px;
    padding-left: 150px;
    float: left;
}

#prize_container p {
    margin: 20px;
}

#form_container #header_container {
    background-image: url("../images/Tncc_TopForm.png");
    background-repeat: no-repeat;
    height: 185px;
    padding: 10px 10px;
}

#header_container p.center {
    margin: 10px 0 0 0;
    font-weight: bold;
    text-align: center;
}

#form_container form {    
    background-image: url("../images/layer_big.png");
    padding: 5px 10px;
}

#form_container .terms {
    font-size: 0.8em;
    margin: 5px 0;
}

#form_container .terms input{
    margin: 5px 0;
    padding: 5px 0;
    float: left;
    width: 15%;
}

#form_container .terms label {
    
    display: inline;
    width: 75%;
    padding-right: 10%;
    float: right;
    vertical-align: middle;
}

/* look and feel of actual fields (input etc.) */

#form_container input, textarea, select
{
    padding: 1px 3px;

}

#form_container .inputfield
{
    border: 1px #bbb solid;
    background: #fff;
    width:95%;
}

#form_container select.date_picker
{
    width:60px;
}

#form_container input.checkbox
{
    width:30px;
}

#form_container input.radio
{
    width:30px;
}


#form_container .inputfield:focus, #form_container .inputfield:hover, #form_container .date_picker:focus, #form_container .date_picker:hover
{
    padding: 1px 3px;
    border: 1px #bbb solid;
    background: #eef;
}


/* h2 is used as separator in between rows */

#form_container h1
{
    font-size: 1.6em;
    margin: 10px;
    width:95%;
    text-align:center;
}



#form_container label
{
    width: 			95%;
    display: 		block;
    /*font-size: 		1.3em;*/
}

#form_container ul
{
    margin: 0;
    padding: 0;
}

#form_container ul li
{
    list-style-type: none;
    margin-bottom: 2px;
}

#form_container ul li.terms
{
    display:block;
}

/* each row contains two columns, width of both shouldnt exceed width of form_main */

#turnstyle_container .header
{
    margin-bottom: 0px;
    text-align: center;
}


#form_container input.submit_button {
    background-image: url("../images/Tncc_EnterNORMAL.png");
    background-repeat: no-repeat;
    border: none;
    text-transform: capitalize;
    outline: none;
    
    height: 16px;
    width: 90px;
    border: 0px solid #FFFFFF;

/*
    width: 90px;
    height: 16px;
    text-align:center;
    background-image: url('../images/Tncc_EnterNORMAL.png');
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    outline: none;
    padding-top: 16px;
    cursor: pointer;
    cursor: hand;
    overflow: hidden;
 */

}

#form_container input.submit_button:hover {
    background-image: url('../images/Tncc_EnterOVER.png');
    border: none;
    outline: none;
}


/* this are used internally to make layout actually work */

#turnstyle_container .clear_both
{
    clear: both;
}	
#turnstyle_container .clear_right
{
    clear: right;
}	



/* footer details, size of text etc. */


#turnstyle_container .footer_image
{
    text-align: center;
    margin: 30px 0;
}

.footer a {
    color: white;
}

.footer a:visited {
    color: white;
}

.footer p {
    padding-top: 1px;
    margin: 2px;
}

.footer
{
    margin-top: -80px;
    color: white;
    font-size: 0.9em;
    clear: both;
    text-align: center;
}
#turnstyle_container img
{
    border: 0;
    vertical-align:middle;
}


/* Thankyou, Terms and Privacy Text Formating */
#general_text {
    font-size: 1.2em;   
    min-height: 350px;
    margin-bottom:30px;
    padding:16px;
}




/* validation css */

.LV_validation_message {
    margin: 5px 0 0 0;
    display: block;
    /*font-size:1.2em;*/
}

.LV_valid {
    color:#00CC00;
}

.LV_invalid {
    color:#CC0000;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* *********** */
			

#form_container {

}

#form_container #other_container {
    /*background-color: #7fb3c7;*/
    background-color: #bcdff3;
    /*background-image: url('../images/layer_big.png');*/
    /*background-repeat: no-repeat;*/
    width: 250px;
    height: 300px;
    padding: 5px;
    
}

#form_container #other_container.scroller {
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#form_container #other_container h2 {
    font-size: 1.5em;
    margin: 20px 0 10px 0;
}

#form_container #other_container h3 {
    font-size: 1.3em;
    margin: 20px 0 10px 0;
}


#form_container #other_container p {
    margin: 10px 0;
}

#form_container #other_container li {
    color:  #4d4d4d;
    list-style-type: disc;
    margin-left: 30px;
}

#form_container #other_container div.address p {
    margin: 0px 0;
    padding: 0;
    font-weight: bold;
}

a {
    color: #4d4d4d;
}

a:visited {
    color: #4d4d4d;
}


#form_container #other_container .list-number li {
    list-style-type: decimal;
}

#form_container #other_container .list-a li {
    list-style-type: lower-alpha;
}

#form_container #other_container .list-i li {
    list-style-type: lower-roman;
}