/* shop layout -------------------------------------------- */



A.firstbreadcrumb, A.breadcrumb, A.lastbreadcrumb {
  padding-left: 20px;
  background:url(/media/smallicons/bullet_go.png) top left no-repeat;
  padding-right: 10px;
}

A.firstbreadcrumb {
  background:url(/media/smallicons/house.png) top left no-repeat;
}

A.lastbreadcrumb {
  font-weight: bold;
}


IMG.picture_large {
  border: 0px solid #ddd;
  background-color: white;
  padding: 5px;
  float: right;
}


IMG.picture_small {
  border: 0px solid #ddd;
  padding: 0;
  vertical-align: bottom;
}




DIV.shopdetails DIV.description{
  width: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
}


DIV.subdetails {
  height: 120px;
  width: 450px;
  margin-bottom: 20px;
  position: relative;
}

DIV.subdetails INPUT.amountfield {

}

A.addtocart_labelled {
  background: url(/media/smallicons/basket_add.png) 130px 1px no-repeat;
  width: 150px;
  height: 20px;
  display: block;
  float: right;
  border: 1px outset #CCC;
}

A.addtocart_labelled:hover {
  background-color: #DEE;
}

A.addtocart_labelled DIV {
  margin-left: 5px;
  line-height: 20px;
}

DIV.subdetails DIV.text {
  width: 340px;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  padding: 5px 0px ;
  float: right;

}

DIV.subdetails LABEL {
  line-height: 25px;
}

DIV.subdetails DIV.field  {
  height: 25px;
  line-height: 25px;
}

DIV.subdetails DIV.image {
  width: 100px; height: 100px;
  float: left;
}


INPUT.amountfield {
  width: 30px;
  border: 1px inset #CCC;
  height: 20px;
  padding: 0;
  text-align: center;
  margin-top: 6px;
}

INPUT.amountfield:focus {
  background-color: #f1f1f1;
}



TABLE.cart {
   border-collapse: collapse;
   width: 100%;
   margin-top: 30px;
   clear: both;
} 


TABLE.cart TD  {
   height: 16px;
   line-height: 16px;
}

TABLE.cart TR TH {
  text-align: left;
}

TABLE.cart TR.header TH {
  border-bottom: 1px solid #CCC;
  font-family: ott_title !important;
  text-transform: uppercase;
  font-weight: normal;
  nofont-size: 9px;
}

TABLE.cart TR TD.price, TABLE.cart TR TH.price {
  text-align: right;
}

TABLE.cart TR TD.center, TABLE.cart TR TH.center {
  text-align: center;
}

TABLE.cart INPUT.cartamount {
  width: 30px;
  border: 1px inset #CCC;
  height: 20px;
  padding: 0;
  text-align: center;
}

TR.total TD {
  font-weight: 600;
  border-top: 1px solid #CCC;
  border-bottom: 2px solid #CCC;
}

DIV.methods, DIV.orderinfo, DIV.orderhistory {
  margin-top: 25px;
  border: 1px solid #CCC;
  padding: 8px;
  min-height: 6rem;
  float: left;
  width: 160px;
  clear: none;
}

DIV.methods H3, DIV.orderinfo H3, DIV.orderhistory H3 {
  clear: none;
}

DIV.orderinfo {
  width: 320px;
  min-height: 150px;
}

DIV.orderhistory {
  width: 720px;
  height: auto !important;
}

DIV.shopseparator {
  width: 20px; 
  height: 10px;
  float: left;
}

DIV.rightfloat {
  float: right;
}

DIV.actionrequired {
  background-color: lightblue;
  border: 1px solid red;
}

DIV.methods H3 , DIV.address H3, DIV.orderinfo H3, DIV.orderhistory H3, DIV.address H3 {
  font-size: 1rem;
  position: relative;
}

DIV.methods A.editbutton , DIV.address A.editbutton {
  float: right;  
  position: relative;
  top: -23px;
  left: 8px;
}

A.editbutton IMG {
  border: 0;
}

A.ccstarter {
  border: 1px outset #CCC;
  text-align: center;
  margin: 5px 10px;
  padding: 2px;
  display: block;
  background-color: #FFFFCC;
}

A.ccstarter IMG {
  border: 0;
}

A.ccstarter:hover {
  background-color: #FFFF55;
}

DIV.address {
  margin-top: 25px;
  border: 1px solid #CCC;
  padding: 8px;
  min-height: 6rem;
  float: right;
  width: 300px;
}

/* DIV.address H3 {
  font-size: 1em;
  position: relative;
  margin-top: -22px;
  margin-left: -7px;
}
*/

DIV.address A {
  text-decoration: underline;
}


UL.methodchooser {
  margin: 0;
  padding: 0;
  list-style: outside url(/defaultlayout/media/arrowbullet.png);
}
UL.methodchooser LI {
   margin: 0; padding: 0; 
   margin-left: 20px;
   padding-left: 3px;
}



UL.methodchooser  LI.active {
  font-weight: bold;
}

ul.methodchooser span.description {
  display: block;
  font-size: 0.8em;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
}

DIV.message {
  padding: 25px;
  margin: 20px 140px;
  padding-left: 45px;
  border: 1px outset #5FF;
  text-align: center;
}


SPAN.unavailable {
  color: darkred;
}

label.tos {
   width: auto !important;
   font-size: 1em !important;
   color: black !important;
}