/* //////////////////////// */
/* Cart                     */
/* //////////////////////// */

.divCart {
  position:relative;
  float:left;
  width:254px;
  padding:8px;
  margin:0 0 0 10px;
  background-color:white;  
}

.divCartEmpty {
  position:relative;
  margin:20px 0;
}

.divCartHeader {
  position:relative;
  font-size:16px;
  font-weight:bold;
  width:190px;
}

.divCartItems {
  position:relative;
  width:254px;
  
}
.divCartItem{
  position:relative;
  width:254px;
  margin:10px 0;
}

.divCartItemName {
  position:relative;
  float:left;
  width:130px;
  padding-right:5px;
  margin-top:2px;
}

.divCartItemQty {
  position:relative;
  float:left;
  text-align:right;
  padding-right:5px;
  width:45px;
}

.divCartItemPrice {
  position:relative;
  float:left;
  width:40px;
  padding-right:5px;
  margin-top:2px;
}

.divCartItemDelete {
  position:relative;
  float:left;
  background-image:url('/document/Site/Cart/redx.png');
  width:16px;
  height:16px;
  cursor:pointer;
  margin:1px 0 0 5px;
}

.divCartDeliveryText {
  position:relative;
  float:left;
  padding-right:5px;
  width:30px;
}

.divCartDeliverySelect {
  position:relative;
  float:left;
  text-align:right;
  padding-right:5px;
  width:145px;
}

.divCartDeliveryPrice {
  position:relative;
  float:left;
  padding-right:5px;
  width:30px;
}

.divCartCheckout {
  position:relative;
  margin-top:15px;
}

/* //////////////////////// */
/* Product List             */
/* //////////////////////// */

.divProductList {
  position:relative;
  margin:0;
}


.divProductListLeft {
  position:relative;
  float:left;
  margin:0 0 0 0;
  width:320px;
  padding:10px;
  background-color:white;  
  
}

.divProductItem {
  position:relative;
  margin:0 0 20px 0;
}

.divProductImage {
  position:relative;
  float:left;
  margin:0 20px 0 0;
}

.divProductImage img {
  position:relative;
  float:left;
  width:50px; 
}

.divProductName {
  position:relative;
  float:left;
  width:200px;
  font-size:14px;
  font-weight:bold;
  margin:0 0 10px 0;
}

.divProductDescription {
  position:relative;
  float:left;
  width:320px;
  margin:0 0 10px 0;
}

.divProductPrice {
  position:relative;
  float:left;
  width:200px;
  margin:0 0 10px 0;
}

.divProductPurchase {
  position:relative;
  float:left;
  width:200px;
  margin:10px 0 10px 0;
}


/* //////////////////////// */
/* Product Menu             */
/* //////////////////////// */

#divProductListMenu {
  clear:both;
  position:relative;
  margin: 0 0 15px 0;
  padding: 0;
  background-color: #222222;
  margin-left: 0;
  height:40px;
  text-align: center;
}

#divProductListMenu ul{
  height:40px;
  list-style:none;
  margin:0;
  padding:0;
}

#divProductListMenu li{
  float:left;
  background-color:#222222;
  padding:0px 0px 0px 0;
  width:100px;
  text-align:center;
}

#divProductListMenu li a{
  color:#ffffff;
  display:block;
  font-weight:bold;
  line-height:40px;
  margin:0px;
  padding:0px 10px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  -moz-border-radius-topleft:3px;
  -webkit-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-topright:3px;
  border-top-right-radius:3px;
}

#divProductListMenu li.active a{
  color:white;
  display:block;
  background-color:#dddddd;
  background-image:none;
  font-weight:normal;
  line-height:40px;
  margin:0px;
  padding:0px 10px;
  text-align:center;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  -moz-border-radius-topleft:3px;
  -webkit-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-topright:3px;
  border-top-right-radius:3px;
}

#divProductListMenu li a:hover{
  background-color:#bbbbbb;
  background-image:none;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  -moz-border-radius-topleft:3px;
  -webkit-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-topright:3px;
  border-top-right-radius:3px;
}

#divProductListMenu ul li:hover a{
  background-color:#bbbbbb;
  background-image:none;
  text-decoration:none;
  font-weight:bold;
  font-size:12px;
  padding:0px 10px;
  -moz-border-radius-topleft:3px;
  -webkit-border-radius-topleft:3px;
  border-top-left-radius:3px;
  -moz-border-radius-topright:3px;
  -webkit-border-radius-topright:3px;
  border-top-right-radius:3px;
}

#divProductListMenu li ul{
  display:none;
  height:auto;
  padding:0px;
  margin:0px;
  position:absolute;
  width:125px;
  z-index:200;
}

#divProductListMenu li:hover ul{
  display:block;
}

#divProductListMenu ul li ul > li:first-child {
  -moz-border-radius-topright:3px;
  -webkit-border-radius-topright:3px;
  border-top-right-radius:3px;
}

#divProductListMenu ul li ul > li:last-child {
  -moz-border-radius-bottomright:3px;
  -webkit-border-radius-bottomright:3px;
  border-bottom-right-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-radius-bottomleft:3px;
  border-bottom-left-radius:3px;
}

#divProductListMenu li li {
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  width:160px;
  background-color:#bbbbbb;
}

#divProductListMenu li:hover li a{
  background:none;
}

#divProductListMenu li ul a{
  display:block;
  height:40px;
  font-weight:bold;
  font-size:12px;
  margin:0px;
  padding:0px 10px 0px 15px;
  text-align:left;
}

#divProductListMenu li ul a:hover, #divProductListMenu  li ul li:hover a{
  border:0px;
  color:#ffffff;
  text-decoration:none;
  text-align:left;
  background-color:gray;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}