/* ******************************* GROUP LIST ********************************** */


#groupList {
display: block;
width: 100%
margin-bottom: 1em;
}


div.listItem {
float: left;
padding: 5px 12px;
margin: 0 18px 18px 0;
border: 1px solid #e4e4e4;
width: 345px;
min-height: 180px;
}


div.no0 {
margin-right: 0;
}


div.listItemImg { /* common for group and product lists */
float: right;
height: 180px;
overflow: hidden;


/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:0.5;
}


div.listItem:hover {
border-color: #999;
cursor: pointer;
}


div.listItem:hover div.listItemImg {
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}


div.productLink {
position: relative;
bottom: -20px;
left: 200px;
}




fieldset { /* Common for the group list, product list and product page */
padding: 5px;
margin: 1em 0 1em 0;
text-align: center;
}




/* ******************************* PRODUCT LIST ********************************** */


#productList {
display: block;
width: 100%
margin-bottom: 1em;
}


#productList div.listItem {
float: left;
padding: 5px 12px;
margin: 0 10px 18px 0;
border: 1px solid #e4e4e4;
width: 220px;
min-height: 180px;
}


#productList div.no0 {
margin-right: 0;
}


#productList div.listItem:hover {
border-color: #999;
cursor: pointer
}


#productList div.listItemImg {
height: 150px;
overflow: hidden;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:0.5;
}


#productList div.listItem:hover div.listItemImg {
cursor: pointer;
/* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}






/* ********************************************* PRODUCT PAGE ************************************* */


#productDetails div.productLeft {
float: left;
display: block;
width: 282px;
margin-right: 10px;
}


#productDetails div.productRight {
float: right;
display: block;
width: 470px;
}
#productDetails div.productRight table.techSpecs td.header {display:none;}

#productDetails table.techSpec {
width: 100%;
border: 1px solid #e4e4e4;
}
table.techSpec tr.header {
font-weight: bold;
background:#e4e4e4;
}


table.techSpec tr.item:hover {
background:#efefef;
cursor: pointer;
}
table.techSpec tr.item:hover td span{
color: #fff;
background: #000;
}
table.techSpec td {
padding: 2px;
border-top: 1px solid #e4e4e4;
}
img.productImg {
border: 0;
}
div.productImg {
border: 1px solid #e4e4e4;
margin-bottom: 12px;
}


div.enlarge {
text-align: right;
height: 0;
position: relative;
top: -25px;
}


div.enlarge img{
/*
border-top: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
*/
text-align: right;
}


img.techImg {
max-width: 464px;
max-height: 220px;
}


/* RELATED */
div.relatedProductList {
float: left;
margin-right: 9px;
margin-bottom: 9px;
padding: 0px;
padding: 5px;
width: 133px;
height: 155px;
border: 1px solid #e4e4e4;
}


div.no0 {
margin-right: 0;
}
div.relatedProductList:hover {
border-color: #000080;
}


div.relatedProductImg {
height: 105px;
overflow: hidden;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:0.5;


margin: 5px 0 5px 0;
}


div.relatedProductImg:hover {
cursor: pointer;
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;


}


/* ********************************** SHOPPING CART ********************************* */




/* *********** basket in left hand menu */


fieldset.basket {
margin: 30px 5px 5px 5px; 
height: 90px;
}


fieldset.show185 {
display: none;
}


fieldset.basket legend{
color: #000; 
font-weight: bold; 
padding: 0 5px 0 0;
}


h2.step {
border-bottom: 2px solid #00357b; 
margin-top: 1em;
margin-bottom: 1em;
}
h2.step span {
color: #999;
font-size: 1em;
font-weight: ;
width: 100%;
}


#basket table.basket, #basket table.basketNav {
width: 100%;
white-space:nowrap;
}


#basket table.basketNav {
border-top: 2px solid #00357b;
margin-top: 1em;
margin-bottom: 1em;
}


#basket table tr.header{
font-weight: bold;
background: #e4e4e4;
}




#basket table td{
padding: 2px;
border-bottom: 1px solid #e4e4e4;
}


/* Basket contents *********************************** */


#basket table .product {


}


#basket table .quantity {
text-align: center;
}


#basket table .amend {
text-align: center;
}


#basket table .price {
text-align: right;
}


#basket table .weight {
text-align: right;
}


#basket table .volume {
text-align: right;
}


#basket table .fee {
text-align: right;
}


#basket table .total {
text-align: right;
font-weight: bold;
}
/* Basket navigation *********************************** */


#basket table .previous {
width: 20%;
}


#basket table .empty {
width: 20%;
text-align: center;
}


#basket table .accept {
width: 45%;
text-align: center;
}


#basket table .accept { /* toggles on/off showing of acceptance text in step 4 */
visibility: hidden;
}


#basket table .show4 {
visibility: visible;
}




#basket table .next {
width: 15%;
text-align: right;
}




#basket table.basketNav td {
height: 32px;
}


#basket table.basketNav a {
border: 1px solid #000;
color: #fff;
font-weight: bold;
text-decoration: none;
line-height: 28px;
}


#basket table.basketNav a span.button{
background: #00357b;
padding: 3px 10px;
border: 1px solid #999;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
}


#basket table.basketNav a span.button:hover{
background: #cc0000;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}




#basket form table input.eComInput{
width: 225px;
}


textarea.eComTextarea{
width: 227px;
}


/* Receipts ****************************** */


table #billing, table #delivery, table #orderinfo {
border-bottom: 0;
}


table #billing .header, table #delivery .header, table #orderinfo .header {
width: 100px;
}


table #billing .item, table #delivery .item, table #orderinfo .item {
width: 70%;
}