/**********************************************************
*    IncludeMe Tools
*    IncludeMe-cart-rows-style V3.0.0
*    Copyright 2023, Hyssop Production
*    https://www.hyssop.com/
**********************************************************/

/*IMcart CSS rows layout style--------------------------------------------------------------------------------------*/
#cart {
    /*width: 500px;*/
    margin: 0 auto;
color: #000;
background-color: #fff;
/*border:1px solid #ddd;*/
    max-width: 700px;
}

#cart form {
margin:5px;
padding-bottom:5px;
    width: 100%;
    /*max-width: 900px;*/
    margin: 0 auto;
}

#cart form.prod {
}

#cart form.cart {
}

#cart fieldset {
    /*width: 50%;*/
}

#cart legend.cart-legend, #cart legend.prod-legend {
color:#00f;
font-size:large;
}

#cart div.comment, #cart div.heading {
clear:both;
float:left;
color:#00f;
margin-top:20px;
width:100%;
}

#cart .heading-image {
margin:0;
}

#cart div.row-even, #cart div.row-odd {
clear:both;
width:100%;
overflow:auto;
background-color:#ddd;
padding:2px 0;
}

#cart div.row-odd {
background-color:#eee;
}

#cart div.row-even div, #cart div.row-odd div, #cart div.heading div {
float:left;
position:relative;
margin:0px 5px;
}

#cart div.row-even img, #cart div.row-odd img {
float:right;
margin:5px 0;
}

#cart div.heading div {
font-weight:bold;
}

#cart div div.checkbox {
width:50px;
margin:2px 0 1px;
text-align:center;
}

#cart div div.cart-text-box, #cart div div.cart-text-box_d {
/*left:-110px;*/
/*width:50px;*/
text-align:center;
white-space:nowrap;
    width: 10%;
}

#cart div div.cart-text-box input {
width:50px;
text-align:center;
}

#cart div div.cart-text-box_d input {
width:41px;
text-align:left;
}

#cart div div.partno {
left:25px;
width:100px;
}

#cart div div.partno-textbox {
/*left:85px;*/
/*width:100px;*/
    width: 10%;
}

#cart div div.item {
/*width:545px;*/
    width: 50%;
}

#cart div div.cost {
/*width:70px;*/
text-align:right;
    width: 10%;
}

#cart div div.cost .cust-set-cost {
font-size:10px;
line-height:22px;
}

#cart div.data, #cart div.data-2 {
float:left;
/*width:690px;*/
margin:5px 0px;
padding:5px;
border:1px dashed #aaa;
background-color:#f7f7f7;
font-weight:bold;
text-align:right;
    width: calc(100% - 10px);
}

#cart div.data div.item-col {
    clear: both;
float:left;
/*width:480px;*/
text-align:left;
padding:0px 5px;
    width: 55%;
}

#cart div.data div.cost-col {
float:left;
width:60px;
padding:0px 5px;
}

#cart div.data div.cart-header {
background-color:#eee;
border-top:1px solid #aaa;
border-bottom:1px solid #aaa;
}

#cart div.data div.last {
border-top:2px solid #aaa;
}

#cart div.data-2 div.data-display {
font-size:small;
margin:5px 0px;
padding:0px;
/*width:690px;*/
    width: 100%;
}

#cart div.data-2 {
text-align:left;
font-weight:normal;
}

#cart div.data-2 div.data-display {
overflow:auto;
}

#cart div.data-2 div.data-display textarea.spec-inst {
/*width:686px;*/
height:80px;
    width: 100%;
}

#cart div.buttons {
float:left;
/*width:720px;*/
margin:5px 0px;
    width: 100%;
}

#cart .button {
border-left:2px solid #eee;
border-top:2px solid #eee;
border-right:2px solid #aaa;
border-bottom:2px solid #aaa;
background-color:#ddd;
text-decoration:none;
color:#000;
font-size:16px;
display:inline-block;
height:32px;
line-height:24px;
padding:0px 4px;
}

#cart .button:active {
border-left:2px solid #aaa;
border-top:2px solid #aaa;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
}

#cart .button:hover {
background-color:#eee;
}

#cart .button-edit {
position:relative;
left:642px;
padding:0px 8px;
height:18px;
line-height:18px;
margin-bottom:-22px;
}

#cart .button-cancel {
position:relative;
/*top:-42px;*/
/*left:633px;*/
padding:0px 8px;
height:28px;
line-height:28px;
margin-bottom:-32px;
}

#cart div.terms {
float:right;
width:200px;
height:300px;
overflow:auto;
background-color:#eee;
padding:5px;
border:1px solid #ddd;
border-right:none;
font-size:x-small;
}

#cart div.terms-heading {
float:right;
width:210px;
text-align:center;
padding-bottom:5px;
text-decoration:underline;
font-weight:bold;
}

#cart a.remove-link {
text-decoration:none;
background-color:transparent;
}

#cart a.remove-link {
font-size:x-small;
}

#cart a.remove-link:hover {
text-decoration:underline;
}

a.cart-link {
text-decoration:none;
}

/*cart-icon declarations must be placed in main CSS file if icon is used globally
div.cart-icon {
text-align:right;
}

div.cart-icon a.cart-icon-text {
text-decoration:none;
background-color:transparent;
font-size:x-small;
color:#737478;
}

div.cart-icon a.cart-icon-img {
position:relative;
top:6px;
text-decoration:none;
background-color:transparent;
}

div.cart-icon a img {
margin:0;
}
*/