hr { border: 1px solid #ccc;}
.social { text-align: right; }
.side-tools
{
  font-family: Helvetica,Arial,sans-serif;   
  float: left;
  width: 250px;
  background-color: #CCDDCC;  
  margin-top: 10px;
  margin-bottom: 10px;  
  padding: 20px;
  border: 1px dotted;
}

ul#accountManagent { margin-left: 0px; font-size: 14px; }
.side-tools ul    { list-style-type: none; margin-left: 10px; margin-top: 10px; }
.side-tools li    { margin-top: 10px; }
.side-tools a     { text-decoration:underline; color: #555; }
.side-tools a.disabled-link { color: #888; text-decoration: none; }
.side-tools-form  { padding-left: 30px; height: 180px; }
.side-tools-long  { padding-left: 30px; margin-top: 20px; height: 600px; }
.logout           { margin-top: 10px; padding-left: 20px; height: 100px; background-color: #CCDDCC;}
.side-tools-guide { padding: 20px; height: 230px; }
.side-tools-form label { display: block; float: left; width: 100px; }
.payment-giftcard-guide { height: 90px; margin-bottom: 20px; padding: 20px; width: 330px; }

.checkout-process-form { }

.form-view  
{
  font-family: Helvetica,Arial,sans-serif;     
  float: right;
  width: 650px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.form-view  fieldset
{
  padding: 10px;
  padding-top: 20px;
  margin-top: 20px; 
  font-weight: normal; 
  border: 0px;  
}

.form-view  fieldset legend 
{
  font-weight: bold;
  font-size: 12px;
}

.form-view  fieldset label 
{
  font-weight: normal;
}

.form-view label { display: block; float: left; width: 200px; }
.form-view input[type='text'], .form-view input[type='password']
{
  margin-bottom: 3px;
  border: 1px solid #ccc;
}
.form-action { clear: both; }
.form-message { color: Red; }
.err-message, .validation-message 
{
    margin-top: 10px;
    background-color: #FFBABA;
    background-image: url("/images/icon_error.png");
    background-repeat:no-repeat;
    background-position: 5px 5px;
    border: 1px dotted red;
    display: block;
    color: #D8000C;    
    min-height: 25px;
    opacity: 0.847471;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.validation-message ul 
{
  list-style-type: circle;
}

.ok-message 
{
    margin-top: 10px;
    background-color: #DFF2BF;
    background-image: url("/images/icon_ok.png");
    background-repeat:no-repeat;
    background-position: 10px 10px;
    border: 1px dotted #4F8A10;
    display: block;
    color: #4F8A10;    
    min-height: 25px;
    opacity: 0.847471;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.hidden-message 
{
  display: none;
}

.form-message-success { color: Green;}
.form-notification { color: black; font-family: Helvetica,Arial,sans-serif; }
.payment-giftcard-form {float: right; width: 550px;}
.payment-giftcard-guide {float: left; margin-top: 10px;}

.payment-giftcard-form label { width: 120px; font-weight: normal; }
.payment-method { clear: right; float: right; font-family: Helvetica,Arial,sans-serif; margin-right: 10px; width: 650px; }

.narrow-form label { width: 150px; }
.order-confirm { border: 1px solid #ccc; padding: 20px; width: 95%; float: left; }
.order-summary { float: right; text-align: left; margin-right: 0px; }

.payment-summary-block
{
  margin-top: 20px;
  float: left;
  width: 33%;  
  font-family: Helvetica,Arial,sans-serif;   
}
.payment-buttons { margin-top: 20px; margin-bottom: 20px; clear:right; text-align: right; font-size: 14px; }
.summary-title { text-transform: uppercase; font-size: 12px; font-weight: bold; }
.order-summary-title {margin-left: 80px;}

#summaryContent
{
  margin-left: 80px;
  margin-top: 10px;
  width: 185px;
  text-align: left;  
}
#summaryContent span
{
  display: block;
  float: left;
  width: 90px;
}

.red-star, .discounted-price { color: Red; }

#giftcardImage { float: left; }
#giftcardForm { float: right; width: 360px;}
#intro  { margin-top: 20px; }
.giftcard-purchase { color: Black; width: auto;}
.giftcard, .giftcard-message { width: 340px; padding: 20px; padding-right: 0px; background: #ccc; }
.giftcard label { font-weight: bold; width: 200px; font-size: 10pt;}
.giftcard input[type='text'], .giftcard select { width: 120px; text-align: center; background-color: white; border: 0px;} 
.giftcard-message input[type='text'], .giftcard-message textarea { margin-top: 5px; padding: 5px; width: 310px; background: white; border: 0px; }
.giftcard-message label { width: 50px; }
.giftcard-buttons { margin-top: 10px; margin-bottom: 10px; background-image: url('../images/giftcard_buttons_bg.png'); text-align: right; height: 67px; }
.giftcard-buttons input { margin: 12px; }
/**************************************/
/*SHOPPING BAG STYLES*/
/**************************************/
.shopping-bag       {width: 100%; border: 1px solid black; background: white;}
.shopping-bag tbody {text-align: center;vertical-align: middle;}
.shopping-bag th    
{
  height: 30px; 
  font-weight:bold; 
  text-align: center;
  vertical-align: middle;  
  border-top: 1px dotted;
  border-left: 1px dotted; 
  border-right: 1px dotted;
  background-color: #CCDDCC;
  color: #221D57;
}
.shopping-bag thead {height: 30px; font-weight:bold; text-align: center;vertical-align: middle;  border: 0px;}
.shopping-bag tr    {text-align: center;vertical-align: middle;  border: 0px;}
.shopping-bag td    
{
  padding: 10px; 
  text-align: center;
  vertical-align: middle;  
  border: 1px dotted;   
} 
.shopping-bag-subtotal { font-weight: bold; }
.shopping-bag-product { text-align: left !important; }
.shopping-bag-product-detail { float: left; margin: 10px;}
.freeitem-notification {font-family: Helvetica,Arial,sans-serif; margin-top: 10px;}
.freeitem-notification span {font-weight: bold; color: Black;}
.shoppingbag-product-detail { text-align: left !important; }
.shoppingbag-product-detail-block { float: left; margin-right: 10px; text-transform: uppercase; }

#content ul.payment-methods 
{
  margin-left: 0px;
  margin-top: 20px;
  list-style: none outside none;  
  overflow: hidden;
  padding: 0;  
}

ul.payment-methods li {
    float: left;
    padding: 0 11px 0 0;
}
.shoppingbag-inrow-button  
{   
    border: 1px dotted #555; 
    background-color: #888;
    margin: 10px 0 0 0px;
    margin-left: 10px;
    padding: 2px;
    width: 80px;  
}

.shoppingbag-inrow-button  a
{
    color: white;
    font-size: 10px;
}

#promotion-form  
{   
  background-color: White;
  /*border: 1px dotted #999999;*/
  color: #221D57;
  font-size: 12px;
  width: 460px;  
  margin-top: 10px;
}
#promotion-form h2 { margin: 0 0 5px;}
#cart-buttons { font-size: 14px; margin: 10px; margin-top: 20px;}

#shoppingBagTotal, #orderReviewTotal  
{  
  text-align: right; 
  font-family: Helvetica,Arial,sans-serif; 
  margin-top: 10px;
  margin-bottom: 10px;
}
.subTotalrow > div { float: right; margin-right: 10px; margin-top: 5px; color: #221D57;}
.subTotalrow > div > span.value { width: 80px; text-align: right; }
.subTotalrow > div > span.label { width: 100px; text-align: right; }
#orderReviewTotal  {margin-top: 10px;}
#shoppingBagSubTotal .subTotalrow { border-bottom: 1px dotted #999999; padding: 2px 5px 0px 0px; height: 30px; width: 500px;}
#orderReviewTotal .subTotalrow { border-bottom: 1px dotted #999999; height: 30px;}
#orderReviewTotal .subTotalrow span { display: block; float: right; width: 70px; margin-top: 5px;}
#shoppingBagTotal .subTotalrow span { display: block; float: right;}
#shoppingBagTotal .smalltext, #order-total .smalltext, #orderReviewTotal .smalltext { font-size:11px; font-style:italic; }
#shoppingBagTotal .smalltext a {color:#000; }
#shoppingBagTotal span, #orderReviewTotal span { }  
div#order-total { padding-top: 10px; border: 0px; margin: 10px; font-size: 16px; text-align: right;} 
div#order-total span.label, div#order-total span.value {} 
#appliedPromo 
{
  background-color: White;
  margin-top: 20px;  
  text-align: left; 
  font-family: Helvetica,Arial,sans-serif;    
}
#appliedPromo h3
{
  font-size: 14px;
}
#appliedPromo ul  
{
  font-family: Helvetica,Arial,sans-serif; 
  list-style-type: none;
  margin-left: 0px;
}

.address-block-title
{ 
  margin-bottom: 2px; 
  margin-top: 2px;
}
.address-block-content
{
  background-color: White; 
  padding: 10px; 
  border: 1px dotted #999;
}

#shipping-review 
{
  float: left;
  width: 400px;
}

#shipping-review > div.address-block-content ul 
{
  list-style-type: none; 
  margin: 0px;
}

.shopping-bag-promo { text-align: left;}

.order-total-review 
{
  background: #ccc;
  margin-top: 20px;
  text-align: right;
  padding: 10px;
}

#btnUpdateAll, #btnCheckout, #btnProceedPayment
{
  height: 40px;
  border-radius: 15px 15px 15px 15px;
}
#btnUsePromo, #btnApplyPromo, #btnUpdateAll, #btnCalculate
{
  background: #888;
}
/**************************************/
/*END OF SHOPPING BAG STYLES*/
/**************************************/