/*Take this out later - currently in POS system - make POS like website*/
#CartView table {
 width: 70%;
}

#CartItemsTable {
    border-collapse: collapse;
}

#CartItemsTable .img-wrapper img{
    margin-left: 20px !important;
    width: 80px;
}

#CartItemsTable td {
    vertical-align:top;
    border: none;
    padding: 10px 0;
    border-bottom: 2px solid #808080;
}

#CartItemsTable th {  
    border: none;
    border-bottom: 2px solid #808080;
    background-color: transparent;
    color:black;
    font-weight:bold;
    font-size: .85em;

}

#CartItemsTable tr{  
    border: none;
}


#CartItemsTable ul {
    margin: 4px 0;
    padding: 0;
    list-style-type: none;
}

#CartItemsTable li {
    display: inline;
}

#CartItemsTable a {
    font-weight: bold !important;
}

#CartItemsTable tr:hover {
    background-color: inherit;
    color: inherit;
    cursor: inherit;
}

#CartItemsTable tr:hover:nth-child(2n) {
    background-color: #dfe2df;
}

#CartItemsTable .PersonalizationNoteStaticBox, .CartNoteSection .PersonalizationNoteStaticBox {
    border: 1px solid #808080;   
    margin-top: 2px; 
    padding: 4px 8px;
}

#CartItemsTable .PersonalizationNoteStaticBox:hover, .CartNoteSection .PersonalizationNoteStaticBox  {
    cursor: pointer;
    border: 2px solid #f47c20;    
    padding: 3px 7px; 
}

    #CartItemsTable .PersonalizationNoteFlexField {
      margin: 0px 0 2px;      
      width:100%;
    }


/*---------------------------------------------
    Totals Area
    */
.FirstTotalsTableCol {
    width: auto;
    border: none;
    background-color: inherit !important;
    text-align:left;
    padding-left: 60px;
}

#CartTotalsTable {
    border-collapse: collapse;
}

#CartTotalsTable tr:nth-child(2n) 
{
background-color: inherit;
}

#CartTotalsTable th {
    text-align: right;
    width: 80px;
    padding-right: 10px;   
    border: none;
    border-top: 2px solid #fff;
}


#CartTotalsTable .CartTotalsTextTh {
    text-align: right;
    width: 94px;
    padding-right: 14px;
}

#CartTotalsTable .AmountCol {
    text-align: right;   
    padding-right: 22px;
}



#CartTotalsTable .CartTotalsRightSpace {
    border: none;
    background-color: inherit !important;   
    padding-right: 20px;
    width: 20px;
}



#CartAccordion .ui-accordion-content {
padding: 1em;
}

/*#CartTotalsTable .AmountCol {
    padding-right: 10px;
}*/

.SecondTotalsTableCol, .SecondTotalsTableCol :hover {
    background-color: #777777;
    text-align: right;
    font-weight: bold;
}

#CartTotalsTable tr:hover {
background-color:transparent;
}

.cart-qty-text-box {
text-align: center;
}

/* --------------------------------------------------------------------------
    Shipping and Payment Section
       */

.UserBillingAndPymentView #myForm {
}

.UserBillingAndPymentView .divider {
    background-color: #777777 !important;
    padding: 4px 10px !important;
    margin-bottom: 2px !important;
    margin-top: 0px !important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.UserBillingAndPymentView .ShippingFormOutsideWrapper{
    -webkit-border-radius: .2em;
    -moz-border-radius: .2em;
    -o-border-radius: .2em;
    -ms-border-radius: .2em;
    border-radius: .2em;
    border-color: #544c46;
    border-width: 1px;
    border-style:solid;
    padding: 0 0 6px;       
    width: 83%;
    margin-left: auto;
    margin-right: auto;
    float: none;
}



#BillingAndShippingPartialView .ui-input-text, #BillingAndShippingPartialView .ui-selectmenu-button  {
    margin: 5px 6px 5px 0;
   flex-grow:1;
}

#BillingAndShippingPartialView .inputRow {
    padding-top:0px;
    max-width:95%;
   
}


  /*   Individual box formatting   */
#ShippingState-button {
    width: 25% !important; 
    margin-right: 4px;
    min-width: 130px;
}

#myForm .zipcodewrapper {
    flex-grow: 0;
    width: 130px;
}

#myForm .citywrapper {
    flex-grow: 6;
}

#CCExpirationMonth-menu {
    min-width: 125px;
}



#myForm .ShippingFormOutsideWrapper label {
    width: 111px;
    text-align:right;
}


#CartBillingAndShippingWrapper .inputRow label {
    /*width:155px;*/
}

 /*   Error Text  */
#BillingAndShippingPartialView .ui-field-contain {
    margin:0;
}

.UserBillingAndPymentView .validation-summary-errors ul {
    margin: 10px 40px;
}

.UserBillingAndPymentView .validation-summary-errors li {
    font-weight: normal;
    display: inline-block;
    padding-left:40px;
    text-align: left;
    width: 50%;
}

    .UserBillingAndPymentView .validation-summary-errors li:nth-child(odd) {
        clear: left;
    }

    .UserBillingAndPymentView .validation-summary-errors li:nth-child(n+7) {
        display: none;
    }


.ShippingRestrictionsText {
    font-size: smaller;
    line-height: 110%;
}

.ErrorRestrictionsText {
   margin: 0 27px;
}

#OrderSummary li{
font-size: .85em;
}

/*#OrderCompleteView li{
font-size: 1em;
margin-top: 8px;
}*/

#FinalOrderView .cart-qty-text-box:disabled {
    color: black;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-border-shadow: none;
    box-shadow: none;
}

#OrderCompleteView #FinalOrderView  {
    border: 1px solid #aaaaaa;
    border-top: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}

#OrderCompleteView #UserAddressInformation  {
    border: 1px solid #aaaaaa;
    border-bottom: none;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}


/*
    Learn more areas
-----------------------------------------*/

#CartAccordion .LearnMore-Wrapper {
    margin-left: 10px;
    text-align: left;
}

    #CartAccordion .LearnMore-Wrapper ul {
        text-align: left;
    }


    #CartAccordion .LearnMore-Wrapper li {
        display: inline;
        margin-right: 20px;
    }


    /*
    Admin - Edit Cart page 
-----------------------------------------*/

#CartNoteWrapper #CartNote {
    background: none repeat scroll 0% 0% red;
}