

H4{
font-size: 12px;
margin: 2px 0px 2px 5px;
padding: 0px}

H4.empty, H4.cart-info{
color: #e04020;
font-size: 18px;
font-weight: bold;
text-align: center;
margin: 0px;
padding: 100px 0px 10px 0px}

H4.cart-info{
text-align: left;
margin: 0px 0px 15px 0px;
padding: 0px 0px 5px 0px;
border-bottom: solid 1px #f0dfb2}

P.cart-info{
margin: 0px;
padding: 0px 200px 20px 0px}

P.item-counter{
font-weight: bold;
text-align: right;
width: 300px;
position: absolute; left: 50%; top: 63px;
margin: 0px 0px 0px 30px;
padding: 0px}

P.product-description{
margin: 2px 0px 2px 5px;
padding: 0px}

P.empty{
text-align: center;
padding: 0px 200px 135px 200px}

P.login-message, P.login-message-error{
display: none;
font-weight: bold;
margin: 0px;
padding: 0px;
position: absolute; left: 23px; top: 16px;}

P.login-message{
color: #e04020;
display: block}



/************************* Cart****************/
#cart{
width: 668px;
position: relative; left: 50%;
margin: 0px 0px 0px -332px;
padding: 61px 0px 0px 0px}

#empty, #not-empty{
display: none}

INPUT.order-now{
width: 104px;
height: 21px;
position: absolute; left: 564px; top: 95px;
cursor: pointer;
border: none;
margin: 0px;
padding: 0px;
background: url(../graphics/order-now-button.jpg)}

INPUT.order-throbber{
visibility: hidden;
width: 64px;
height: 21px;
position: absolute; left: 584px; top: 138px;
cursor: text;
border: none;
margin: 0px;
padding: 0px;
background: url(../graphics/throbber-2.gif) no-repeat center}

IMG.thumb{
width: 140px;
height: 140px;
float: left;
margin: 15px 20px 0px 0px;
border: solid 1px #f0dfb2}

.cart-table-outer{
width: 505px;
float: left;
padding: 15px 0px 30px 0px}

.cart-table{
padding: 3px 0px 3px 0px;
border: dotted 1px #c5b794;
border-left: none;
border-right: none}

.cart-table IMG{
width: 49px;
height: 93px;
float: right;
margin: 40px 24px 0px 0px;
cursor: pointer}

TABLE.product-description{
width: 432px}

TR, TD{
padding: 0px}

TD.product-description-left{
width: 150px}
/************************* End: Cart ****************/



/************************* Login ****************/
#cart-login-bg, #cart-login{
display: none;
width: 240px;
height: 213px;
position: absolute; left: 240px; top: 35px;
background: url(../graphics/cart-login.png)}

#cart-login{
display: none;
background: transparent;}

INPUT.username, INPUT.password{
font-family: arial, sans-serif;
font-size: 12px;
width: 118px;
border: solid 1px #b1a587;
background: #fffff8}

INPUT.username{
position: absolute; left: 95px; top: 51px}

INPUT.password{
position: absolute; left: 95px; top: 83px}

INPUT.remember{
width: 16px;
height: 16px;
margin: 0px;
padding: 0px;
position: absolute; left: 125px; top: 126px}

IMG.help{
position: absolute; left: 150px; top: 127px;
cursor: pointer}

INPUT.login-button{
width: 82px;
height: 21px;
border: none;
cursor: pointer;
position: absolute; left: 23px; top: 168px;
background: url(../graphics/login-button.jpg)}

INPUT.throbber{
visibility: hidden;
position: absolute; left: 110px; top: 158px;
width: 82px;
height: 21px;
border: none;
cursor: text;
background: url(../graphics/throbber-2.gif) no-repeat center}
/************************* End: Login ****************/


