/**********************
Doc2Form STYLES
**********************/


.Doc2Form{width:400px !important; margin:40px 0 0 -15px;}
.Doc2Form ul{list-style:none;}
.Doc2Form .required_li{display:none;}
.Doc2Form fieldset{border:none;}
.Doc2Form legend{display:none;}

.Doc2Form input, .Doc2Form textarea {
       width:250px;
       
}

.Doc2Form textarea {
    height:180px;
}

.Doc2Form li {
      margin-bottom:10px;
}
.Doc2Form label {
    color:#7282aa;
    text-transform:uppercase;
    font-weight:bold;
    float:left;
    display:block;

}

.textbox label, .textboxmultiple label {
    width:9em;
}

#Doc2Form_20_createSubscription {
    display:block;
    clear:left;
    padding:8px 0 0 0;
}
#Doc2Form_20_createSubscription input {
    width:auto;
    margin:0 6px;
}
#Doc2Form_20_createSubscription label {
    float:none;
    display:inline;
}


#content .Doc2Form table {
    width:auto;
    margin:5px 0 0 0;
    padding:0;
    clear:left;
    border:none;
    
}
.Doc2Form table input {
    float:left;
    margin:0 5px 0 0;
    width:1em;
}
#content .Doc2Form td {
   border:none;
    padding:4px;
    width:auto;
 
}
.Doc2Form .button {
    cursor:pointer;
    width:47px;
    height:19px;
    background:url(/userfiles/images/send_button.jpg);
    border:none;
    margin:10px 0 0 100px;
    float:right;
}

.newsletter .Doc2Form{margin:20px 0 0 70px;}
.fanclub .Doc2Form{margin:20px 0 0 70px;}

/********************
XSLT SEARCH STYLES
********************/
#xsltsearch{}
#xsltsearch h2{display:none;}
#xsltsearch #xsltsearch_summary{}
#xsltsearch .xsltsearch_result_title{font-size:150%;}
#xsltsearch .xsltsearch_result_description{margin:-10px 0 10px 0;}
#xsltsearch .#xsltsearch{}
#xsltsearch{}
#xsltsearch{}

/*********************
#sitemap{}
*********************/



/********************
News Items
********************/
.newsSection{background:#161616; margin:10px 20px; float:left; width:600px;}

.newsSection img{float:left; margin:8px 0 0 10px;}
.newsSection .newsText{float:left; width:100%; margin:10px 0 0 0px}
.newsSection h3 a{color:#adadad !important; text-transform:none !important; font-size:12px !important; margin:0; padding:0;}

.newsSection .newsDate{color:#7282aa !important; font-weight:bold; margin:0; padding:0;}

.newsSection .teaser{line-height:17px;}


.readmoreButton{float:right; width:77px !important; height:20px; background:url(/userfiles/images/readmore_button.jpg) no-repeat; display:block;}

/**********************************
Fan Club & Newsletter Signup Forms
/*********************************/
.fanclub{height:130px;}
.fanclub fieldset{border:none; width:400px; margin:20px auto 0 auto;}
.fanclub fieldset legend{display:none;}
.fanclub .required_li{display:none;}
.fanclub li{list-style:none;}

.fanclub .umbEditorTextField{float:right; margin:-20px 0 15px 0; height:22px; border:none; width:250px; padding:3px 0 0 2px;}
.fanclub label{color:#7282aa; text-transform:uppercase; font-weight:bold; float:left; text-align:right; display:block; height:25px; margin:-15px 0 10px 30px; width:65px;}
.fanclub .button{margin:-40px 0 20px 360px !important; position:relative}
.vsummary{margin:0 0 5px 70px;}

.newsletter{}
.newsletter .Doc2Form{}
.newsletter{}
.newsletter{}



/********************
Registration Form
*********************/
#registerForm {
    margin:20px 0 50px 60px;
    background:#161616;
    float:left;
    width:500px;
    padding:20px 10px 50px 20px;
    display:inline;
    
    
}

    #registerForm .fieldPanel{width:400px; float:left;}
    #registerForm .fieldPanel input{float:right; margin:0 0 15px 0; height:22px; border:none; width:200px; padding:3px 0 0 2px;}
    #registerForm .fieldPanel span{color:#7282aa; text-transform:uppercase; font-weight:bold; float:left; text-align:right; display:block; height:25px; margin:5px 0 10px 0; width:175px;}

    #registerForm .errorPanel{float:left; width:500px; padding:10px;}
    #registerForm .errorPanel span{display:block; margin:0 0 10px 0; }
    #registerForm .errorPanel ul{list-style:none;}
    
#registerForm .signUpButton {
        background:url(/userfiles/images/register_button.jpg);
        border:none;
        cursor:pointer;
        width:69px;
        height:19px;
        float:right;
        margin:20px 100px 0 0;
        display:inline;
        padding:0;
       
}
    
    
    
    
    #registerForm .requiredMessage{color:#adadad; font-weight:bold; margin:0 0 10px 75px;}


/********************
Login/Logout 
********************/
#umbMemberControlsLogin{width:320px; margin:30px auto;}
#umbMemberControlsLogin fieldset{border:none;}
#umbMemberControlsLogin .loginTextBox{height:20px; border:none; padding:3px 0 0 3px; width:190px; float:right;}
#umbMemberControlsLogin label{color:#7282aa; padding:5px 0 0 0; text-transform:uppercase; float:left; font-weight:bold; text-align:right; height:25px; width:100px;}

#umbMemberControlsLogin .umbMemberControlsButton{width:49px; height:19px; border:none; clear:both; background:url(/userfiles/images/login_button.jpg); cursor:pointer; float:right;}

#umbMemberControlsLogin .registerHereButton{width:91px; height:19px; float:right;}

.hider{display:none;}

.logoutButton {
    border:none;
    background:url(/userfiles/images/logout_button.jpg) no-repeat;
    color:#fff;
   position:absolute;
   right:8px;
   bottom:0;
  
    width:67px;
    height:17px;
    cursor:pointer;
}


.loginbox{height:234px;}
.loginbox .textBlock{height:182px;}

.loginErrors{margin:10px 0 0 200px;}


/* Catalog */
              
#content .catalogDetail table,
#content .catalogDetail td,
#content .catalogDisplay table,
#content .catalogDisplay td,
#content .checkoutBody table,
#content .checkoutBody td {
    width: auto;
    border: none;
    margin: 0;
    padding: 0;
}

#content .itemCartDisplay span.name,
#content .itemCartDisplay span.price,
#content .itemCartDisplay img.productImage, 
#content .itemCartDisplay span.description,
#content .itemCartDisplay div.productOptions,
#content .catalogDetail span.name,
#content .catalogDetail span.price,
#content .catalogDetail img.productImage, 
#content .catalogDetail span.description,
#content .catalogDetail div.productOptions {
    display: block;
}

img.productImage,
.productDetail,
span.name, 
.addProduct { float: left; }

.productDetail,
.addProduct { 
    margin-left: 10px; 
    width: 382px;
}



.productDetail .textbox{padding:2px; margin:10px 0 0;}
.productDetail .button{display:block; margin:10px 0 0; }

.productDetail #convert{display:block; margin:10px 0 0 0;}


.productDetail *{font-size:12px; }




img.productImage { width: 190px; }
span.name { width: 240px; }

.catalogDisplay,
.checkoutBody {
    /*background: #161616;*/
    /*width: 620px;*/
    margin: 0 20px;
    font-size: 15px;
}


#content .checkoutBody h3{margin:5px 5px; }
.checkoutBody .header{font-size:18px; margin:10px 5px 5px;}

.catalogDetail,
.itemCartDisplay,
.orderReceipt { 
    background: #292929;
    margin: 0 0 10px;
    padding: 9px;
    width: 582px;
    height: 1%;
}
.catalogDetail:after,
.itemCartDisplay:after {
    /* clearfix */
    content: "."; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden;
}

span.name,
span.price {
    font-size: 16px;
    color: #7382a9;
}

.itemCartDisplay span.name { 
    width: auto;
    float: none;
}
.itemCartDisplay span.name a{ 
	font-size:18px;
}
.itemCartDisplay span.price { 
    color: white; 
}
.itemCartDisplay span.price input.textbox {
    width: 20px;
    background: white;
    border-width: 0;
}
.description { margin: 10px 0; color: #adadad;}
.productOptions { color: #818181; }
.dollar { color: white; }

.cartSubtotal {
    /*float: right;*/
    text-align:right;
    font-size: 24px;
    color: #7382a9;
    border: solid 1px #7382a9;
    border-width: 1px 0;
    padding: 9px 20px;
    margin: 9px;
}

.cartCheckout {
    clear: both; 
}

a.checkout {
    display: block;
    width: 200px;
    margin: 0px 20px;
    padding: 5px 0;
}


/******
 * Forms
 */


div.field, div.fields {
    float: left;
    clear: left;
    margin: 2px 9px;
    padding: 3px 9px;
    width: 564px;
}

div.field .textbox{padding:4px; }

div.field p.help { clear: left; } 

div.fields ul { list-style: none; padding: 5px 0; }

div.fields li.field { 
    float: left; 
    clear: none; 
    margin-left: 0;
    margin-right: 4px;
}

div.field label {
    float: left;
    width: 200px;
}

div.field input {
    float: left;
    width: 200px;
}

div.field input.textbox {
    background: white;
    border: none;
}

div.field .validator {
    float: left;
    clear: left;
}

.orderShipAddress, .orderBillAddress, 
.orderShipOptions, .orderPayment,
.step1, .cartCheckout {
    float: left;
    clear: left;
    background: #292929;
    /*padding: 9px;*/
    width: 600px;
    margin: 0 0 10px;
}

#content .step1 h2, 
#content .orderShipAddress h2, 
#content .orderBillAddress h2,
#content .orderShipOptions h2, 
#content .orderPayment h2 {
    padding: 9px 9px 9px 50px;
    margin: 0;
    /*background: transparent none; */
    background-color: #161616;
    background-position: 9px 14px;
    font-size: 20px;
    line-height: 1.4;
}

#content .orderShipAddress h2 {
    margin: 0 0 20px;
}

#content .orderShipAddress h3, 
#content .orderBillAddress h3 {
    padding: 9px;
    background-color: #161616;
    margin: 0 0 20px;
}

/************
 * Receipt
 */

#content .orderReceipt h3 {
    padding: 0;
    margin: 20px 0 9px;
    font-size: 120%;
}

.orderReceiptBillAddress,
.orderReceiptShipAddress {
    margin: 20px 0;
}

#content table.receiptTable {
    width: 100%;
}

#content table.receiptTable td,
#content table.receiptTable th { 
    padding: 6px;
    text-align: left;
    line-height: 1.4;
}
#content table.receiptTable td { border-top: solid 1px #444; }
#content table.receiptTable td.subTotal,
#content table.receiptTable td.total { text-align: right; }

#content table.receiptTable td.subTotal,
#content table.receiptTable td.subTotalAmount { 
    padding: 9px 0;
    border: none; 
}

#content table.receiptTable td.totalAmount, 
#content table.receiptTable td.total {
    font-size: 150%;
    padding: 9px 0;
    border: solid 1px gray;
    border-width: 1px 0
}

#content table.receiptTable td.totalAmount, 
#content table.receiptTable td.subTotalAmount {
    padding: 9px;
}
#content table.receiptTable th {
    border-bottom: solid 1px gray;
}