#standardHalfForm
{
    width: 360px;
}

#standardForm
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 500px;
    margin-right: 20px;
}
#standardForm h1, #standardHalfForm h1
{
    font-size: 16pt;
    margin-top: 5px;
}
#standardForm h2, #standardHalfForm h2
{
    font-size: 12pt;
    color: #333333;
}


#standardForm fieldset, #standardHalfForm fieldset
{
    border: 1px solid #CCCCCC;
    padding: 5px;
}
#standardForm legend, #standardHalfForm legend
{
    padding: 0 2px;
    font-size: 12pt;
    color: #808080;
    margin-bottom: 20px;
    border: none;
}
#standardForm label, #standardHalfForm label
{
    margin-left: 10px;
    width: 150px;
    float: left;
}

#standardForm .required, #standardHalfForm .required
{
    clear: both;
    color: #000000;
    width: 120px;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 9pt;
    min-height: 20px;
}
#standardForm .requiredWide, #standardHalfForm .requiredWide
{
    clear: both;
    color: #000000;
    width: 180px;
    vertical-align: middle;
    font-weight: bolder;
    font-size: 9pt;
    min-height: 20px;
}
#standardForm fieldset fieldset, #standardHalfForm fieldset fieldset
{
    display: block;
    border: none;
    clear: both;
    margin-top: 20px;
    font-size: 90%;
    width: 250px;
    padding: 0px;
}
#standardForm fieldset fieldset label, #standardHalfForm fieldset fieldset label
{
    float: none;
    margin-left: 10px;
    width: 150px;
}
#standardForm fieldset fieldset .checkboxSpan, #standardHalfForm fieldset fieldset .checkboxSpan
{
    font-size: 9pt;
    margin-left: 50px;
    display: block;
    text-align: left;
    clear: left;
}

#standardForm .optional, #standardHalfForm .optional
{
    clear: both;
    color: #808080;
    width: 120px;
    vertical-align: middle;
    min-height: 20px;
}

#standardForm .displayOnly, #standardHalfForm .displayOnly
{
    border: 1px solid #CCCCCC;
    color: #333333;
    text-align: left;
    min-width: 250px;
    font-size: 8pt;
    margin: 2px;
    min-height: 15px;
    padding: 2px;
}
.standardTextBox
{
    clear: both;
    margin: 0;
    padding: 0;
    width: 200px;
}
#standardForm .displayAndEdit, #standardHalfForm .displayAndEdit
{
    color: #666666;
    text-align: left;
    font-size: 8pt;
    min-width: 180px;
    min-height: 20px;
}
#standardForm .displayAndEditCheckbox, #standardHalfForm .displayAndEditCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 145px;
    margin-bottom: 20px;
    margin-top: -15px;
}
#standardForm .displayOnlyCheckbox, #standardHalfForm .displayOnlyCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 130px;
    margin-bottom: 20px;
    margin-top: -15px;
}
/**************************
CMS_MEMBERLOGINBOX
***************************/

#cms_login
{
    padding: 5px;
    width: 98%;
}

#cms_login h1
{
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;

}

#cms_login .loginMessage
{
    font-size: 120%;
}
#cms_login .registerBlock, #cms_login .loginBlock
{
    padding: 5px;
    min-height: 200px;
    width: 48%;
    float: left;
    margin-top:20px;
    position:relative;
}
#cms_login .registerBlock input, #cms_login .loginBlock input
{
    float:left;
}

#cms_login .registerBlock .bottomButton, #cms_login .loginBlock .bottomButton
{
    position:absolute;
    bottom:0;
    text-align:center;
}

#cms_login .registerBlock h2, #cms_login .loginBlock h2
{
    font-size: 160%;
    color: black;
    width: 300px;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: #C0C0C0;
    padding-bottom:3px;
}
#cms_login .registerBlock .memberBenefits
{
    margin-top: 10px;
}
#cms_login .registerBlock .registerButton
{
    margin-top: 10px;
    text-align: center;
    margin-left: 0 auto;
    margin-right: 0 auto;
}
#cms_login .registerBlock .memberBenefits, #cms_login .loginBlock .memberBenefits
{
    font-size:130%;
    color:Gray;
    margin-top:8px;
    margin-bottom:20px;
    }

#cms_login label
{
    margin-left: 10px;
    width: 150px;
    float: left;
}

#cms_login .required
{
    clear: both;
    color: #000000;
    width: 100px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt;
    min-height: 20px;
    text-align: right;
}
#cms_login .requiredWide
{
    clear: both;
    color: #000000;
    width: 180px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt;
    min-height: 20px;
}

#cms_login .optional
{
    clear: both;
    color: #808080;
    width: 100px;
    vertical-align: middle;
    min-height: 20px;
    font-size: 9pt;
    text-align:right;
}
#cms_login .optionalWide
{
    clear: both;
    color: #808080;
    width: 180px;
    vertical-align: middle;
    min-height: 20px;
}

#cms_login .displayOnly
{
    border: 1px solid #CCCCCC;
    color: #333333;
    text-align: left;
    min-width: 250px;
    font-size: 8pt;
    margin: 2px;
    min-height: 15px;
    padding: 2px;
}
#cms_login .displayAndEdit
{
    color: #666666;
    text-align: left;
    font-size: 8pt;
    min-width: 200px;
    min-height: 20px;
    z-index: 100;
}
#cms_login .displayAndEditBordered
{
    border: 1px dotted #666666;
    color: #666666;
    text-align: left;
    font-size: 8pt;
    min-width: 180px;
    min-height: 20px;
    z-index: 100;
    padding: 2px;
}

#cms_login .displayAndEditCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 145px;
    margin-bottom: 20px;
    margin-top: -15px;
}
#cms_login .displayOnlyCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 130px;
    margin-bottom: 20px;
    margin-top: -15px;
}

/* GENERAL */
.buttonDiv
{
    text-align: right;
    vertical-align: bottom;
    bottom: 0;
    right: 0;
    padding: 5px;
    height: 30px;
}
.failMessage
{
    background-image: url(                            "../../images/fail.png" );
    background-repeat: no-repeat;
    padding: 10px 0 0 50px;
    min-height: 50px;
    text-align: left;
    font-size: 11pt;
    color: #333333;
    margin: 5px;
}
.successMessage
{
    background-image: url(                             "../../images/tick.gif" );
    background-repeat: no-repeat;
    padding: 10px 0 0 50px;
    min-height: 50px;
    text-align: left;
    font-size: 11pt;
    color: #333333;
}

.warningMessage
{
    margin-top:10px;
    background-image: url(                             "../../images/warningButton.gif" );
    background-repeat: no-repeat;
    padding: 10px 0 0 50px;
    min-height: 50px;
    text-align: left;
    font-size: 11pt;
    color: #333333;
}
/* cms_createMemberBox */
#newMemberDetails
{
    padding:5px;
    width:400px;
    float:left;
}
#newMember 
{
    width:400px;
}
#newMember .validation
{
    float:left;
    width:300px;
    
}
#newMember .sendReminder
{
    text-decoration:underline;
    color:Blue;
}

#newMemberDetails fieldset
{
    border: 1px dotted #C0C0C0;
    margin-bottom:20px;
}
#newMemberDetails h2
{
    background-image: url(                              "../../images/heading-bg.gif" );
    background-repeat: repeat-x;
    height: 18px;
    padding-left: 5px;
    padding-top: 3px;
    margin-bottom: 5px;
    color:Black;
}

#newMemberDetails label
{
    margin-left: 10px;
    width: 150px;
    float: left;
}

#newMemberDetails .required
{
    background-position: right center;
    padding-right:15px;
    clear: both;
    color: #000000;
    width: 100px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt;
    min-height: 20px;
    text-align: right;
    background-image: url(                               "../../images/asterix.gif" );
    background-repeat: no-repeat;
}
#newMemberDetails .requiredWide
{
    clear: both;
    color: #000000;
    width: 180px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 9pt;
    min-height: 20px;
}

#newMemberDetails .optional
{
    clear: both;
    color: #808080;
    width: 100px;
    vertical-align: middle;
    min-height: 20px;
    padding-right:15px;
       font-size: 9pt;
    text-align: right;
}
#newMemberDetails .optionalWide
{
    clear: both;
    color: #808080;
    width: 180px;
    vertical-align: middle;
    min-height: 20px;
}

#newMemberDetails .displayOnly
{
    border: 1px solid #CCCCCC;
    color: #333333;
    text-align: left;
    min-width: 250px;
    font-size: 8pt;
    margin: 2px;
    min-height: 15px;
    padding: 2px;
}
#newMemberDetails .displayAndEdit
{
    color: #666666;
    text-align: left;
    font-size: 8pt;
    min-width: 200px;
    min-height: 20px;
    z-index: 100;
}
#newMemberDetails .displayAndEditBordered
{
    border: 1px dotted #666666;
    color: #666666;
    text-align: left;
    font-size: 8pt;
    min-width: 180px;
    min-height: 20px;
    z-index: 100;
    padding: 2px;
}

#newMemberDetails .displayAndEditCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 145px;
    margin-bottom: 20px;
    margin-top: -15px;
}
#newMemberDetails .displayOnlyCheckbox
{
    display: block;
    text-align: left;
    font-size: 8pt;
    min-width: 280px;
    margin-left: 130px;
    margin-bottom: 20px;
    margin-top: -15px;
}
#newMemberDetails .emailMessage
{
    clear:both;
}

/**************************
CMS_MEMBERACCOUNTBOX
***************************/
#myAccount
{
    padding: 5px;
}
#myAccountForm
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 250px;
    
    width: 98%;
}

#myAccountForm fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* padding in fieldset support spotty in IE */
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 5px 5px 5px 5px;
    min-height: 100px;
}
#myAccountForm .blue
{
    padding: 10px;
    margin: 5px 5px 5px 5px;
    min-height: 100px;
    background-color: #dbd8bd;
    border: none;
}

#myAccountForm fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 11pt;
    color: #333333;
    padding: 2px 5px 2px 5px;
    width: auto;
    float: left;
}

#myAccountForm label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 180px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
    color: #808080;
}

#myAccountForm fieldset label:first-letter
{
    /* use first-letter pseudo-class to underline accesskey, note that */ /*text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would  lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */
}

#myAccountForm input, form textarea
{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

#myAccountForm input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

#myAccountForm small
{
    display: block;
    margin: 10px 0 5px 10px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 100%;
    font-weight: normal;
    color: #666666;
}

#myAccountForm .required
{
    /*font-weight: bold;*/
}
#myAccountForm .listTitle
{
    clear: left;
    font-weight: bold;
    color: black;
    text-align: left;
}
#myAccountForm .list
{
    width: 170px;
    float: left;
}


#myAccountForm ul
{
    clear: both;
    list-style-type: none;
    margin: 0 0 0 0;
    color: #808080;
}
#myAccountForm li
{
    list-style-image: url(FM1/6/Images/general/bullet.gif);
    margin: 0 0 0 30px;
}

#myAccountForm .displayOnly
{
    border: 1px solid #CCCCCC;
    color: #666666;
    text-align: left;
    margin-left: 10px;
    min-height: 16px;
}
#myAccountForm .displayAndEdit
{
    color: #666666;
    text-align: left;
    min-height: 16px;
    font-size: 8pt;
    margin-top: -5px;
}
#myAccountForm br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#myAccount .halfPanel
{
    width: 240px;
    float: left;
}
#myAccount .loyaltyPoints
{
    text-align: center;
    margin-top: 20px;
}
#myAccount .totalPoints
{
    border: 1px solid #009900;
    font-size: 20pt;
    color: #006600;
    padding: 5px 5px 5px 5px;
    max-width: 100px;
}
#myAccount .loyaltyInfo
{
    font-size: 8pt;
    color: #808080;
    bottom: 0;
    text-align: center;
    margin-top: 15px;
}
#myAccount .memberVoucher
{
    border: 2px dashed #999966;
    min-height: 50px;
    width: 220px;
    margin-right: 5px;
    margin-top: 2px;
    background-image: url(images/voucherBG.png);
    background-repeat: repeat;
}
#myAccount .memberVoucherInnerBorder
{
    border: 2px double #666666;
    min-height: 50px;
}

#myAccount .memberVoucherTitle
{
    width: 100px;
    text-align: left;
    font-size: 10pt;
    color: #003399;
    padding: 2px;
    text-transform: capitalize;
    font-weight: bold;
}
#myAccount .memberVoucherCode
{
    text-align: center;
    font-size: 9pt;
    color: #000000;
    font-weight: bold;
}

/**********************
CMS_MANAGEADDRESSESBOX
***********************/

#addressForm
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 300px;
    width: 98%;
}

#addressForm fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* padding in fieldset support spotty in IE */
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0;
}
#addressForm .formInfo
{
    font-size: 10pt;
    color: #999999;
    margin: 5px 0 5px 0;
}

#addressForm .address
{
    border: 1px solid #CCCCCC;
    padding: 5px;
    width: 500px;
}
#addressForm ul
{
    clear: both;
    list-style-type: none;
    margin: 0 0 0 0;
    color: #808080;
}
#addressForm li
{
    list-style-image: url(FM1/6/Images/general/bullet.gif);
    margin: 0 0 0 0px;
    padding: -15px 0 0 0;
}



#addressForm fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 11pt;
    color: #333333;
    padding: 2px 5px 2px 5px;
    text-align: left;
}

#addressForm label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
    color: #808080;
}

#addressForm fieldset label:first-letter
{
    /* use first-letter pseudo-class to underline accesskey, note that */ /*text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would  lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */
}

#addressForm input, form textarea
{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of                               label aligns textarea better in IE */
}

#addressForm input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

textarea
{
    overflow: hidden;
}

#addressForm small
{
    display: block;
    margin: 0 0 5px 120px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
    color: #808080;
}

#addressForm .required
{
    /*font-weight: bold;*/
    clear: both;
    width: 100px;
    float: left;
    min-height: 16px;
    text-align: right;
    margin-right: 10px;
}
#addressForm .boldRequired
{
    /*font-weight: bold;*/
    clear: both;
    width: 100px;
    float: left;
    min-height: 16px;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    font-size: 110%;
}
#addressForm .subTitle
{
    font-size: 10pt;
    color: #333333;
    text-align: left;
    margin: 15px 0 15px 0;
}
#addressForm .addressActions
{
    float: right;
    font-size: 8pt;
    width: 150px;
}
#addressForm .addressActions ul li
{
    height:18px;
}
#addressForm .addressActions .modify, #addressForm .addressActions .remove, #addressForm .addressActions .new
{
    background-repeat: no-repeat;
    padding-left:25px;
    background-position: left center;
}
    
#addressForm .addressActions .modify
{    
    background-image: url(../images/edit.png);
}
#addressForm .addressActions .remove
{
    background-image: url(../images/remove.png);   
}
#addressForm .addressActions .new
{   
    background-image: url(../images/new.gif);  
}
#addressForm .addressInfo
{
    width: 350px;
    margin-top: 10px;
}
#addressForm .currentPaymentAddress
{
    font-size: 11pt;
    color: #669900;
    text-align: right;
    width: 100%;
}
#addressForm .currentDeliveryAddress
{
    font-size: 11pt;
    color: #996633;
    text-align: right;
}

#addressForm .displayOnly
{
    border: 1px solid #CCCCCC;
    color: #666666;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px;
    min-height: 16px;
}
#addressForm .displayAndEdit
{
    color: #666666;
    text-align: left;
    min-height: 16px;
    width: 150px;
}
#addressForm .boldDisplayAndEdit
{
    text-align: left;
    min-height: 16px;
    width: 150px;
    font-weight: bold;
    font-size: 150%;
    margin-top: 0px;
}
#addressForm .addressNickName
{
    color: #99CC00;
    text-align: left;
    min-height: 16px;
    width: 150px;
    font-weight: bold;
    font-size: 150%;
    margin-top: 0px;
}
#addressForm br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}    

/***********************
cms_CHECKOUTBOX
************************/
#checkout 
{
    padding:5px;

    
}

#checkout .shippingMethodDisplay
{
    
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
    
}
#checkoutForm
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 300px;
     width: 98%;
}

#checkoutForm fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* padding in fieldset support spotty in IE */
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0;
}
#checkoutForm .boxAlignRight
{
    float: right;
    margin-right: 0px;
    width: 48%;
}
#checkoutForm .boxAlignLeft
{
    float: Left;
    margin-right: 0px;
    width: 48%;
}


#checkoutForm fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 11pt;
    color: #333333;
    padding: 2px 5px 2px 5px;
    text-align: left;
}

#checkoutForm label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
    color: #808080;
}

#checkoutForm fieldset label:first-letter
{
    /* use first-letter pseudo-class to underline accesskey, note that */ /*text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would  lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */
}

#checkoutForm input, form textarea
{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of                               label aligns textarea better in IE */
}

#checkoutForm input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

textarea
{
    overflow: hidden;
}

#checkoutForm small
{
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}

#checkoutForm .required
{
    /*font-weight: bold;*/
    clear:left;
    font-size: 90%;
    width: 80px;
    float: left;
}
#checkoutForm .subTitle
{
    font-size: 10pt;
    color: #333333;
    text-align: left;
    margin: 15px 0 15px 0;
    width: 100%;
}
#checkoutForm .modifyButton
{
    float: right;
    width: 20px;
    margin-right: 40px;
    margin-top: 15px;
    font-size: 90%;
    color: #C0C0C0;
}


#checkoutForm .displayOnly
{
    float: left;
    border: 1px solid #CCCCCC;
    color: #666666;
    text-align: left;
    margin-left: 10px;
    min-height: 16px;
}
#checkoutForm .displayAndEdit
{
    color: #666666;
    text-align: left;
    min-height: 16px;
    font-size: 8pt;
    margin-top: -5px;
    width: 60px;
}
#checkoutForm .boldTxt
{
    font-size: 10pt;
    font-weight: bold;
}
#checkoutForm br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
/* EXTRA */
#checkoutMemberDetails, #checkoutShippingDetails, #checkoutPaymentDetails, .shippingMethodDisplay
{
    text-align: center;
    margin-top: 0;
    padding-top: 40px;
    margin-left: 10px;
    min-height:500px;
}
#checkoutMemberDetails .alignCenter, #checkoutShippingDetails .alignCenter, #checkoutPaymentDetails .alignCenter, .shippingMethodDisplay .alignCenter
{
    text-align:center;
}
#checkoutMemberDetails
{
    background: transparent url(../images/1of3.gif) no-repeat top center;
}
#checkoutShippingDetails, .shippingMethodDisplay
{
    background: transparent url(../images/2of3.gif) no-repeat top center;
}
#checkoutPaymentDetails
{
    background: transparent url(../images/3of3.gif) no-repeat top center;
}

.deliveryOptions
{
    width: 400px;
    text-align: left;
    margin-top: 20px;
}
.deliveryItemName
{
    width: 325px;
}
.deliveryItemAmount
{
    width: 80px;
}
.deliveryItemSelect
{
    width: 100px;
    margin: 0 0 0 10px;
}

#checkoutMemberDetails h2, #checkoutShippingDetails h2, .subsectionDescription, .shippingMethodDisplay h2 
{
    text-align: left;
    margin: 30px 0 0 20px;
    padding: 0;
    color:Black;
    font-size: 1.0em;
}



.subsectionDescription
{
    margin: 5px 0 5px 20px;
    font-size: 1.0em;
}

.secure
{
    float: right;
    width: 30px;
    padding: 5px 5px 0 0;
}

.dropdownpadding
{
    height: 25px;
    padding: 8px 0 0 10px;
}
/* checkout.aspx - checkout totals */
#checkoutTotals
{
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 400px;
    max-width: 500px;
    width: 560px;
}

#checkoutTotals fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* padding in fieldset support spotty in IE */
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 0;
}

#checkoutTotals fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 11pt;
    color: #333333;
    padding: 2px 5px 2px 5px;
}

#checkoutTotals .totalItem
{
    float: right;
    color: #006600;
    text-align: right;
    width: 100px;
}
#checkoutTotals .labelHeading
{
    text-align: left;
    font-size: 10pt;
    color: #666666;
    width: 100px;
}
#checkoutTotals .totalHeading
{
    font-size: 12pt;
    font-weight: bold;
}
#checkoutTotals .total
{
    margin: 10px 0 2px 0;
    padding: 2px 2px 2px 2px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #666666;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #666666;
    font-size: 12pt;
    font-weight: bold;
}

#checkoutTotals div
{
    text-align: left;
    width: inherit;
}

.checkoutTotalItems
{
    text-align: right;
    width: 200px;
}

#checkoutPaymentDetails .payPalInfo
{
    width:400px;
    font-size:120%;
}
/******************
SITEINFOBOX.ASCX
*******************/
#infoBox
{
    padding: 5px;
    margin-top: 100px;
}
#infoBox .security, #infoBox .manage, #infoBox .benefits
{
    border: 1px solid #666666;
    float: left;
    width: 31%;
    padding: 5px;
    height: 150px;
    margin-right: 5px;
}
#infoBox .security h2, #infoBox .manage h2, #infoBox .benefits h2
{
    color: #666666;
    padding-left: 20px;
    height: 20px;
    padding-top: 6px;
    background-color: #f3f3f3;
    width: 90%;
}
#infoBox .security h2
{
    background-image: url(../images/padlock-icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#infoBox .manage h2
{
    background-image: url(../images/manage-icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}
#infoBox .benefits h2
{
    background-image: url(../images/benefit-icon.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#infoBox .security ul, #infoBox .manage ul, #infoBox .benefits ul
{
    padding-left: 20px;
}
#infoBox .security ul li, #infoBox .manage ul li, #infoBox .benefits ul li
{
    list-style-type: circle;
}
/* CREATEMEMBER.aspx */
#createMember
{
    padding:5px;
    position: relative;
    min-height:500px;

}
#createMember .privacy
{
    clear:both;
    position: absolute;
    bottom: 0;
    font-size: 100%;
    color: Gray;
}
#createMember .memberBox
{
   
}
#orderDetails
{
}
.orderDetailsMessage
{

color:Red;

}
.previousOrders
{
    text-align: left;
    margin-left: 20px;
    margin-right: 20px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
}
.gv_header
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}
/** ORDER FORM **/
#orderForm
{
    /* set width in form, not fieldset (still takes up more room w/ fieldset width */
    margin: 0;
    padding: 2px 2px 2px 6px;
    min-width: 250px;
    max-width: 560px;
    width: 560px;
}

#orderForm fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */ /* padding in fieldset support spotty in IE */
    border: 1px solid #CCCCCC;
    padding: 10px;
    margin: 5px 5px 5px 5px;
    min-height: 80px;
}
#orderForm .blue
{
    padding: 10px;
    margin: 5px 5px 5px 5px;
    min-height: 100px;
    background-color: #CCCCFF;
    border: none;
}

#orderForm fieldset legend
{
    /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
    font-size: 11pt;
    color: #333333;
    padding: 2px 5px 2px 5px;
    width: auto;
    float: left;
}

#orderForm label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 90px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: left;
    color: #808080;
}

#orderForm fieldset label:first-letter
{
    /* use first-letter pseudo-class to underline accesskey, note that */ /*text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would  lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */
}

#orderForm input, form textarea
{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

#orderForm input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

#orderForm textarea
{
    overflow: hidden;
}

#orderForm small
{
    display: block;
    margin: 10px 0 5px 10px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 100%;
    font-weight: normal;
    color: #666666;
}

#orderForm .required
{
    clear: both;
    font-weight: bold;
    color: black;
}
#orderForm .listTitle
{
    clear: left;
    font-weight: bold;
    color: black;
    text-align: left;
}
#orderForm .list
{
    width: 170px;
    float: left;
}
#orderForm .displayOnly
{
    color: #666666;
    text-align: left;
    margin-left: 10px;
    min-height: 16px;
    width: auto;
    min-width: 100px;
}
#orderForm .displayOnlyBold
{
    color: #666666;
    text-align: left;
    margin-left: 10px;
    min-height: 16px;
    width: auto;
    min-width: 100px;
    font-weight:bold;
}
#orderForm .displayAndEdit
{
    color: #666666;
    text-align: left;
    min-height: 16px;
    font-size: 8pt;
    margin-top: -5px;
}
#orderForm br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


#orderForm ul
{
    clear: both;
    list-style-type: none;
    margin: 0 0 0 0;
    color: #808080;
}
#orderForm li
{
    list-style-image: url(FM1/6/Images/general/bullet.gif);
    margin: 0 0 0 30px;
}
#orderForm .formSubSection
{
    width: 250px;
    float: left;
    margin: 5px;
    padding: 2px;
}

#orderForm .orderProcessItem
{
    float: left;
    margin: 0 10px 0 0;
    width: 90px;
    padding: 5px;
    height: 100px;
}
#orderForm .orderProcessItemCurrent
{
    border: 3px dotted #33CC33;
    float: left;
    margin: 0 10px 0 0;
    width: 78px;
    padding: 5px;
    height: 100px;
}
#orderForm .arrow
{
    float: left;
    width: 30px;
    margin-top: 20px;
}
#orderForm .currentStatus
{
    font-weight: bold;
    color: Black;
}
/****************************
CATEGORYDISPLAY
******************************/

.categoryProducts
{
}
.categoryProducts h2, .itemsContainer h2
{
    color:Black;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
    padding-top:5px;
    padding-bottom:8px;
    font-size:100%;
    height:15px;
}
.categoryProducts .categoryProduct
{
    border: 6px solid #CCCCCC;
    width: 125px;
    height: 125px;
    overflow: hidden;
}
.categoryProducts .categoryProduct .categoryProductName a
{
color:Black;

}
.categoryProducts .categoryProductName
{
    overflow:hidden;
    height:14px;
    width:100px;
}