/*contains CSS used for shopping trolley in all sites. Colours etc can be tweaked in individual sites later */
.site-back-color{background-color:#8e0;}
div#centre{max-width:1100px;}
td, td.totalsleft, td.totalsright{border: 1px none #0c0;}

/************** these define the curvy corners *****************/
.ltTopCurve{ 
  -moz-border-radius:15px 0 0 0;
  -webkit-border-top-left-radius: 15px;
  -khtml-border-radius:15px 0 0 0;
  bord.site-back-color{background-color:#8e0;}
er-top-left-radius: 15px;
}
.rtTopCurve{ 
  -moz-border-radius:0 15px 0 0;
  -webkit-border-top-right-radius: 15px;
  -khtml-border-radius:0 15px 0 0;
  border-top-right-radius: 15px;
}
.ltBotCurve{ 
  -moz-border-radius:0 0 0 15px;
  -webkit-border-bottom-left-radius: 15px;
  -khtml-border-radius:0 0 0 15px;
  border-radius:0 0 0 15px;
  border-top-width: 1px; border-top-style: solid;
}
.rtBotCurve{ 
  -moz-border-radius:0 0 15px 0;
  -webkit-border-bottom-right-radius: 15px;
  -khtml-border-radius:0 0 15px 0;
  border-radius:0 0 15px 0;
  border-top-width: 1px; border-top-style: solid;
}


/************** This is the CSS for the products table itself *****************/
table.trolley{width: 100%; border-collapse: collapse; text-align: right;}
col#total, col#price{width:100px;}
col#qty{width:150px;}
th {font-size: 1.2em; color:#fff;}
th, td {padding:5px 8px 5px 8px;}
tr.items td{border-bottom-style: solid;}
.item{text-align:left;}
td.totalsleft{border-left-style: solid; border-right-style: dotted;}
td.totalsright{border-right-style: solid;}
td.total{font-weight: bold;}
td.vat{border-left-style: solid; border-right-style: solid; font-size: 0.8em;}
td input.quantity{vertical-align:top;}
td img, td input.image{vertical-align:baseline;}
td img{height:30px; border:none;}


/************** This is the CSS for delivery selection box *****************/
#deliverybox{position:relative; top: -125px;}
#deliverybox {border:2px solid #f50; background: #fff; width:250px; padding:0px; font-size:0.8em;margin-top:0px;margin-left:100px; z-index:3000;}
#deliverybox h1 {color: #fff;font-size:1.4em;text-align:left; width:240px; background:#f50; padding:5px; margin-top:0px;}
#deliverybox h2 {color: #fff;font-size:1.1em;text-align:left; width:240px; background:#f50; padding:5px; font-style:normal;}
#deliverybox p {margin:5px;}
#deliverybox p.arealink a {color:#f50;}
#deliverybox ul {text-align:left;list-style-type:none; margin:0px; padding:0px;}
#deliverybox ul li a {display:block; width:220px; background:#fff;color:#f50; border:2px solid #f50; margin:10px; padding:3px; font-size:1.2em;}
#deliverybox ul li a:hover {display:block; background: #f50; color:#fff;}
#deliveryselect {font-size:1.4em; color: #f11;}

/************** This is the CSS for the 'proceed' button *****************/
#COCheckoutButton {width:100%; height:50px; text-align:right;}


/************** These should be changed to suit each particular site***************/
.site-back-color{background-color:#fc0;}
td, td.totalsleft, td.totalsright {border-color:#fc0;}