﻿	/* background-color: #A1DEFF; */
	/* background-color: #E8EDFF; */
	/* background-color: #2D64B3; */
    /* background-color: #8DD9F0; */

/* ############### Common form styles ############### */
input[type=text]:focus, input[type=password]:focus, textarea:focus  {
    background-color: #ffffe1;
}
textarea:focus  {
    border-width: 1px; /* Border width */
}


input[type=submit]
{
    padding: 2px 7px 2px 7px;
}
input[type=text], input[type=password], textarea {
    padding: 3px;
    -moz-border-radius: 3px; /* for Firefox */
    -webkit-border-radius: 3px; /* for Safari */
}


/* ############### Forms ############### */
input, select, textarea, select {
    font:1em Arial, Helvetica, sans-serif;
}
 
.biglink
{ 
    font-size:16px;
	text-decoration:underline;
} 
 
textarea {
    width:100%;
}
 
label {
    cursor:pointer;
}
 
fieldset {
    border: solid 1px #E4E4E4;
}
legend {
    font-size:1.5em;
    color: #404040;
}


/* ############### Basic form no alignment ############### */

div.basicFormAlign, div.myProfile {
    border: none;
    display: block;
    float: left;
    width: 600px;
    background: #fbfbfb url("../../App_Themes/Whirlpool/Images/roundedBox600Bottom.gif" ) no-repeat left bottom;
    padding: 0px 0px 0px 0px;
    margin: 10px 20px 0px 20px;
}
fieldset.basicFormAlign, fieldset.myProfile {
    background: transparent url("../../App_Themes/Whirlpool/Images/roundedBox600Top.gif" ) no-repeat left top;
    width: 560px;
    border: none;
    padding: 15px 20px 15px 20px;
    margin: 0px 0px 0px 0px;
}

fieldset.basicFormAlign label {
    float: left; display:block;
    text-align:left;
    clear:left;
    line-height: 1.3em;
    width: 300px;
}

fieldset.basicFormAlign input[type=text]
{
    width: 550px;
    margin-right: 5px;
    display:block;
    float: left;
    line-height: 1.3em;
    padding: 3px;
}

fieldset.basicFormAlign select
{
    /* height: 16px; */
    margin-right: 5px;
    display:block;
    float: left;
    line-height: 1.3em;
    padding: 3px;
}
fieldset.basicFormAlign textarea
{
    width: 550px;
    height: 120px;
    margin: 0px;
    margin-right: 5px;
    display:block;
    float: left;
    line-height: 1.3em;
    padding: 3px;
}
fieldset.basicFormAlign input[type=submit]
{
    display:block;
    float: left;
    padding: 2px 5px 2px 5px;
}

/* ############### Basic form aligned left ############### */
fieldset.basicFormAlignLeft {
    border: none; margin:0px; padding: 0px;
}
fieldset.basicFormAlignLeft label {
    float: left; display:block;
    width: 150px; text-align:right;
    clear:left;
    margin-left: 5px;
    padding-top: 2px;
    height: 16px;
}
fieldset.basicFormAlignLeft input[type=text]
{
    width: 250px;
    margin-left: 5px;
    padding-top: 2px;
    display:block;
    float: left;
}

fieldset.basicFormAlignLeft select
{
    /* height: 16px; */
    margin-left: 5px;
    padding-top: 2px;
    display:block;
    float: left;
    
}
fieldset.basicFormAlignLeft textarea
{
    width: 250px;
    height: 100px;
    margin-left: 5px;
    padding-top: 2px;
    display:block;
    float: left;
}
fieldset.basicFormAlignLeft input[type=submit]
{
    margin-left: 5px;
    display:block;
    float: left;
    padding: 2px 5px 2px 5px;
}

/* ############### Rounded textboxes for login ############### */
fieldset.master-login .roundedTextBox
{
    background: transparent url("../../App_Themes/Whirlpool/Images/search-bg120px.gif") no-repeat left;
    background: transparent url("../../App_Themes/Whirlpool/Images/bg-textbox-120.gif") no-repeat left;
    float: right;    
    height: 20px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: 120px;
}

fieldset.master-login input[type=text].roundedTextBoxInput, fieldset.master-login input[type=password].roundedTextBoxInput
{
    background: none;
    border: 0px;
    width: 108px;
    height: 16px;
    margin-left: 4px;
    margin-right: 3px;
    margin-top: 2px;
    padding-top: 1px;
    font-size: 11px;
    float: left;
}
fieldset.master-login .roundedTextBox_btn
{
    background: transparent url("../../App_Themes/Whirlpool/Images/bg-textbox-submit.gif") no-repeat left;
    float: right;    
    height: 20px;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: 97px;
}

fieldset.master-login input[type=text].roundedTextBoxInput_btn, fieldset.master-login input[type=password].roundedTextBoxInput_btn
{
    background: none;
    border: 0px;
    width: 90px;
    height: 16px;
    margin-left: 5px;
    margin-top: 2px;
    padding-top: 1px;
    font-size: 11px;
    float: left;
}
* html .roundedTextBoxInput_btn
{
    margin-right: 25px;
}
fieldset.master-login .login-submit-button { 
    float: right;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
fieldset.master-login .master-note-requiredFieldValidator {
    color: Red;
    float:right;
    font-weight:bold;
    height: 20px;
    line-height: 20px;
    margin: 0px;
    padding: 2px 5px 0px 0px;
    width: 8px;
}

/* ############### Login form ############### */
fieldset.master-login
{
    border: none;
    float: right;
    margin: 5px 15px 0px 0px;
    width: 235px;
    text-align: right;
}

fieldset.master-login h1 {
    background: transparent url("../../App_Themes/Whirlpool/Images/icon-locked.gif" ) no-repeat left top; 
    padding: 5px 0px 6px 30px;
    margin: 0px 0px 4px 0px;
    line-height: 15px;
    text-align: left;
    color: #369ac5;
    letter-spacing: 0.07em;
    border-bottom: solid 1px #BBB;
}

fieldset.master-login label {
    float:right;
    height: 20px;
    line-height: 20px;
    margin: 0px 5px 0px 0px;
    text-align: right;
    color: #606873;
}

/* GLOBALLY RESETED
fieldset.master-login input[type=image] {
    margin: 0px;
    padding: 0px;
}
*/

.master-login-failure {
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: Red;
    width: 92%;
    text-align: center;
    padding: 0px 0px 10px 0px;
}



ul.login-links  {
    font-family: Verdana, Arial, Sans-Serif;
    float: right;
    margin: 0px 0px 2px 0px;
    padding: 0px 0px 3px 0px;
    text-align: right;
    border-bottom: solid 1px #bbbfc3;
    width: 100%;
}
ul.login-links li
{ 
    display: inline;
    list-style: none;
    background: transparent url( "../../App_Themes/Whirlpool/Images/separator-dot.gif" ) no-repeat left center;
    font-weight:normal;
}

ul.login-links li.noSeparator {
    background: none;
    padding: 0px 2px 0px 0px;
}
ul.login-links li a, ul.login-links li a:visited 
{
    font-size: 11px;
    color: #797c80;
    color: #55595e;
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 12px;
    text-decoration: none;
}
/*
ul.login-links li:first-child a
{
    font-size: 11px;
    color: #797c80;
    color: #55595e;
    padding: 0px 4px 0px 5px;
    background: none;
    text-decoration: none;
}
*/
ul.login-links li a:hover {
    color: #606873;
    text-decoration: underline;
    font-weight:normal;
}


ul.help-links  {
    font-family: Verdana, Arial, Sans-Serif;
    float: right;
}
ul.help-links li
{
    background: transparent url( "../../App_Themes/Whirlpool/Images/separator-dot.gif" ) no-repeat left center;
    color: #999999;
    display: inline;
    font-size: 10px;
    list-style: none;
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 12px;
}

ul.help-links li.noSeparator {
    background: none;
    padding: 0px 2px 0px 0px;
}

ul.help-links li a, ul.help-links li a:visited {
    color: #55595e;
    text-decoration: none;
}
ul.help-links li a:hover {
    color: #3e434a;
    text-decoration: underline;
    font-weight:normal;
}

/* ############### Logged in form ############### */

.master-loggedin {
    border: none;
    float: right;
    margin: 5px 15px 0px 0px;
    padding: 0px;
    text-align: right;
}
.master-cart {
    background: transparent url("../../App_Themes/Whirlpool/Images/box-cart.gif" ) no-repeat left top; 
    float:right;
    margin: 8px 0px 8px 0px;
    width: 158px;
}
.master-cart-bottom {
    float:right;
    background: transparent url("../../App_Themes/Whirlpool/Images/box-cart-bottom.gif" ) no-repeat left bottom; 
    width: 158px;
}
.master-cart h1 {
	vertical-align: top;
    float:left;
    background: transparent url("../../App_Themes/Whirlpool/Images/icon-cart.gif" ) no-repeat left 7px; 
    padding: 10px 0px 15px 45px;
    margin: 7px 0px 0px 20px;
    /* color: #369ac5; */
    letter-spacing: 0.07em;
}
.master-cart h1 a, .master-cart h1 a:visited {
    color: #369ac5;
    text-decoration: none;
}
.master-cart h1 a:hover {
    text-decoration: underline;
}
.itemsInCart {
	vertical-align: top;
    float:right;
    margin: 13px 15px 5px 4px;
    line-height: 40px;
    font-size: 14px;
}

ul.loggedin-links {
    font-family: Verdana, Arial, Sans-Serif;
    float: right;
}
ul.loggedin-links li {
    color: #444444;
    display: inline;
    font-size: 10px;
    list-style: none;
    margin: 0px 0px 0px 3px;
    padding: 0px 0px 0px 12px;
    background: transparent url("../../App_Themes/Whirlpool/Images/separator-dot.gif" ) no-repeat left center; 
}

ul.loggedin-links li.noSeparator {
    color: #444444;
    padding: 0px 1px 0px 0px;
    background: none;
}


ul.loggedin-links li a, ul.loggedin-links li a:visited  {
    color: #444444;
    text-decoration: underline;
}
ul.loggedin-links li a:hover
{
    color: #333333;
}

input.normal-button
{
	width:100px;
}