﻿/* File Index 

 - General Form Styles 
 - Registration
 - Forgot Password
 - Account Change
 - Account Update
*/


/* ****************** General Form Styles ********************** */

ol.form,
ul.form {
	list-style-type: none;
	margin: 5px 0 0 0; 
	padding: 0;
}
ol.form li, 
ul.form li 	{ 
	clear: both; 
	margin-bottom: 0.5em; 
}
ol.form li.submit, 
ul.form li.submit
ol.form li.buttonzone, 
ul.form li.buttonzone,
ol.form li.buttons { 
	clear: both; 
	margin: 1em 0; 
}
ol.form li.submit_short,
ol.form li.buttons_short,
ol.form li.buttonzone_short,
ul.form li.submit_short,
ul.form li.buttons_short,
ul.form li.buttonzone_short { 
	margin-left: 75px;
}	
fieldset {
	width: auto;
	margin: 0;
	padding: 0;
	border: 0; /* remove the border, I dare ya! */
	font-size:1em;
}
fieldset p {
	font-size:11px;
	}
fieldset legend {  }  /* note: legend is impossible to style consistently cross-browser. */

fieldset.radiocheck ol li
{
    margin-top: 0.5em; 
}
    fieldset.radiocheck input
    {
        float: left;
        margin: 3px 0 0 0;
        width: auto;
    }
    fieldset.radiocheck label
    {
        float: left;
        text-align: right;
    }
fieldset label {
	float: left;
	width: 140px;
	vertical-align: top;
	text-align: right;
	margin-right: 1em;
	font-size:11px;
}
fieldset ol li, fieldset ul li, fieldset ul li span, fieldset ol li span {
	font-size:11px;
	}
label.inline {
	width: auto;
	display: inline !important;
	margin-right: 2em;
}
label.inline h3 {
	width: auto;
	display: inline !important;
}
span label {
	font-size:1.2em; /* for .net labels */
	}

fieldset label.short {
	width: 75px;
	vertical-align: top;
}
fieldset label.block { /* stacked label/input */
	float: none;
	display: block;
	width: auto;
	margin: 0 0 0.2em 0;
}
fieldset span.label { /* when only a span tag will do... */
	float: left;
	width: 140px;
}
fieldset input, 
fieldset select {
	vertical-align: top;
}
fieldset.date select { 
	margin-right: 1em; 
}
fieldset td {
	font-size:11px;
	}

fieldset li.form_copy p {
	margin-left:150px;
	font-size:1em;
	}


fieldset .submit,
fieldset .buttons,
fieldset .buttonzone { 
	margin-left: 140px;
}
fieldset .submit_short,
fieldset .buttons_short,
fieldset .buttonzone_short { 
	margin-left: 75px;
}

span.formnote {
	padding-left:10px;
	font-size:1.0em;
	}

span.formnote_newline {
	margin-left:154px;
	font-size:1.0em;
	}

span.required {
	color: #950001;	
}

.error {
	background: #FFFCDF none repeat scroll 0% 50%;
	border: 1px solid #FF0000;
	display: block;
	font-size: 1.1em;
	margin: 15px 0pt;
	padding: 5px 15px;
	width: auto;	
}

.error p {margin-bottom: 3px;}

.error li {font-weight: 600;}

/* ****************** Registration ********************** */


div#registration fieldset#form_register li.columnB {
	float: left; 
	width: 341px;  
	margin-left: 43px;
}

div#registration fieldset#form_register li.columnB label {
	float: none; 
	display: inline;
	padding-left:5px;
}

div#registration fieldset#form_register li.columnB table {margin: 0pt 0pt 0pt 13px;}

div#registration fieldset#form_register li.columnB ol li {	
}

fieldset#form_register .submit { /* For other pages too like accountupdate.aspx */
	clear:both;
	float: left;
	margin:10px 0 0 0;
}

fieldset#form_register li { /* clear: none; */}

fieldset#form_register li input {
    width:150px;
    }

fieldset#form_register li.columnA {
	float: left;
    width: 436px;
}

/* ****************** Forgot Password ********************** */

div#forgotPassword label {width: auto;}

/* ****************** Account Change ********************** */

fieldset#form_change li.specialOffers label {float: none;}

fieldset#form_change li.submit {margin-left: 0;}

/* ****************** Account Update ********************** */

li.updateAccountOptions label {float: none;}
div#accountUpdate fieldset#form_register label{width:150px;}

ol.register_textboxes
{  float: left;
    width: 436px;
}

ol.register_radiocheck
{   clear: none;
    float: left; 
    width: 341px;
}


div#accountUpdate {    
    }    
    div#accountUpdate h3 {
        margin-top:10px;
        }
    
    div#accountUpdate fieldset{
    }
        div#accountUpdate fieldset p {
            margin-right:0px;
            }   
        div#accountUpdate fieldset p.form_copy {
            margin-left:160px;
            margin-right:0px;
            color:#000;
            }
        div#accountUpdate fieldset label {
            width:150px;
            }
        
        div.register_primary {
            width:420px;
            float:left;
            display:inline;
            margin:0;
            padding:0;
            }
        div.register_secondary {
            width:400px;
            float:left;
            display:inline;
            margin:0 0 0 20px;
            padding:0;
            }
        
        
        div#accountUpdate fieldset ol.register_textboxes {
            width:auto;
            margin-bottom:20px;
            }
 
        
        div#accountUpdate ol.register_radiocheck {
            margin:0px 0 10px 90px;
            width:250px;
            }
            div#accountUpdate div#format_pref {
                margin:10px 0 0 0;
                }
                div#accountUpdate div#format_pref a {
                    padding-left:10px;
                    }
                    
        div#accountUpdate fieldset.checkboxlist table {
            margin-bottom:10px;
            }
        div#accountUpdate fieldset.checkboxlist table td {
            width:200px;
            padding:0 0 5px 0;
            }
        
        
        /* registration style updates for prefs */
        div#registration div.register_secondary {
            margin-left:40px;
            }
        div#registration div#accountUpdate {
            float:left;
            clear:none;
            width:300px;
            }
            div#registration div#accountUpdate ol.register_radiocheck {
                margin-left:30px;
                }
            div#registration div#accountUpdate label.promo_label {
                width:112px;
                }
            div#registration div#accountUpdate fieldset p.form_copy {
                margin-left:125px;
                color:#777;
                }


/* ****************** Send to a friend ********************** */

fieldset#fst_sendtoafriend {}
	fieldset#fst_sendtoafriend ol.form {}
	fieldset#fst_sendtoafriend ol.form li input.text {width:200px;}
	fieldset#fst_sendtoafriend ol.form li.send input{margin-left:292px;}
	fieldset#fst_sendtoafriend textarea.txa {width: 200px;}



/* ****************** Gift Vouchers ********************** */



fieldset#form_giftvouchers {}
    
    fieldset#form_giftvouchers h2, fieldset#form_giftvouchers h3 {
        margin-bottom:10px;
        }
    fieldset#form_giftvouchers label { 
        float:none;
        padding-left:5px;
        margin-bottom:10px;
        }
    fieldset#form_giftvouchers input { 
        margin-top:0px;
        margin-bottom:10px;
        width:15px;
        height:15px;
        }
    
    fieldset#form_giftvouchers input.textbox {
        width:auto;
        height:auto;
        }
    fieldset#form_giftvouchers input.textbox_short {
        width:75px;
        height:auto;
        }
    
    fieldset#form_giftvouchers div.left_col_choice {
        float:left;
        display:block;
        width:40%;
        margin-right:20px;
        }
   
   fieldset#form_giftvouchers div.left_col_choice {
        float:left;
        display:block;
        width:40%;
        }
    
     div.one_col fieldset#form_giftvouchers p {
        margin:0;
        font-size:1.1em;
        }
    fieldset#form_giftvouchers span.errorlabel {
        font-size:1.1em;
        color:#FF0000;
        }
        
    div#SendToMeEmail {
        display:block;
        }
        
        div#SendToMeEmail p.form_intro {
            font-size:1.2em;
            margin:0;
            }

        
    div#SendToRecipientEmail {
        display:block;
        }
    div#SendToRecipientEmail {
        }
    
    
    fieldset#form_giftvouchers fieldset.add_message label { 
        float:left;
        font-size:1.2em;
        line-height:1.6em;
        }
    
    fieldset#form_giftvouchers fieldset.buttonzone {
        margin-top:10px;
        }
        fieldset#form_giftvouchers fieldset.buttonzone input {
            width:auto;
            height:auto;
            }
        
    fieldset.add_message {
        }
        fieldset.add_message h3 {
            margin-bottom:15px;
            }
    div.container_main_inner div.col_primary fieldset#form_giftvouchers div.textareanote {
        margin-left:155px;
        margin-top:10px;
        }
        div.container_main_inner div.col_primar div.textareanote p {
            font-size:.9em;
            }

/* ****************** Checkout ********************** */

fieldset.delivery_choices {
    float:left;
    width:400px;
    margin-right:40px;
    }
    fieldset.delivery_choices input {
        float:left;
        }
    fieldset.delivery_choices ol.form {
        float:left;
        }
    fieldset.delivery_choices ol.form li {
        float:left;
        margin-bottom:1em;
        }
    fieldset.delivery_choices label {
        float:left;
        text-align:left;
        padding-left:5px;
        width:auto;
        }
    div.foreign_error {
        border:1px solid #F8292A;
        padding:5px;
        margin:10px;
        }
        div.one_col div.foreign_error p {
            margin-right:0px;
            }

fieldset.new_address {
    float:left;
    width:400px;
    }
    fieldset.new_address span input {
        float:left;
        }
    fieldset.new_address span label {
        float:left;
        text-align:left;
        padding-left:5px;
        width:auto;
        font-size:1em;
        }
