/*####################### THE SHOPPING CART #######################*/
.shopping_cart_holder{ 
	position: absolute;
    right:0;
    left:0;
    z-index:999999;
	display:none;
    margin:0 auto;
    /*margin:0 auto;*/    
	/*margin-top: 30px;*/
	padding: 5px;
	/*width: 500px;*/
    max-width: 600px;
    max-width: 600px;
   /* border:1px solid #dedede;*/
	border-radius: 4px;
	background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	color: #000;
}
.shopping_cart_holder ul.cart-products-loaded{margin: 0;padding: 0;list-style: none;}
/* Close viewing shopping cart */
.shopping_cart_holder .close_shopping_cart_holder{
    float: right;
    padding: 2px;
    border:1px solid #000;
    background-color: #fff;
    color: #000;
    font-size: 15px;
}
.shopping_cart_holder .close_shopping_cart_holder:hover{border:collapse;background-color: #000;color: #fff;}
#shopping_cart_output ul.cart-products-loaded li{margin-bottom: 1px;padding: 5px;background: #888;}
.shopping_cart_holder .remove_item_from_cart{
    float: right;
    margin-left: 30px;
    padding: 0 10px;
    border: 0px solid #dedede;
    border-radius: 30px;
    color: #000;
    text-decoration: none;
    font-size: 16px;
}
.shopping_cart_holder .remove_item_from_cart:hover{font-weight:500;}
.shopping_cart_holder .cart-products-total{
padding: 5px 0px 0px 5px;
text-align: right;
font-weight: bold;
width: 180px;
}
.shopping_cart_holder h3{margin: 0;padding: 0px 0px 5px 0px;}

/* Checkout button */
.shopping_cart_holder .checkoutButton{
    display:inline-block;
	border-radius: 30px;
    background-color: #0465c8;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;

}
/* Checkout button hover */
.shopping_cart_holder .checkoutButton:hover{
    background-color:#3897f9;

}
.itemInCardRow{border-top: 0px solid #ddd;border-bottom: 1px solid #ddd;}
.quantity_change{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #eee none repeat scroll 0 0;
    text-align: center;
    line-height: 20px;
}


/* cart in button */
.box-bottom .cartinButton{
	display:inline-block;
	background-color:#3693ef;
	color:#fdfae9;
	font-size:16px;
	font-weight:400;
	height:45px;
	line-height:45px;
	border-radius:30px;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:3;
	width: 90%;
}
/* cart in button hover */
.box-bottom .cartinButton:hover{
	background-color:#78bafb;
	
}

/* no products button */
.box-bottom .PnoButton{
	display:inline-block;
	background-color:#3693ef;
	color:#fdfae9;
	font-size:14px;
	font-weight:400;
	height:45px;
	line-height:45px;
	border-radius:30px;
	text-align:center;
	position:relative;
	overflow:hidden;
	z-index:3;
	width: 90%;

}
/* no products button hover */
.box-bottom .PnoButton:hover{
	background-color:#78bafb;
	
}

/* Register button */
.shipping-address-fields .checkoutButton{
    display:inline-block;
	border-radius: 30px;
    background-color: #e675fd;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;

}
/* Register button hover */
.shipping-address-fields .checkoutButton:hover{
    background-color:#fd9e39;

}

/* cart in button style2 */
.box-cart.style2 .cartinButton2 {
    display: inline-block;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background-color: #3693ef;
    border-radius: 30px;
    width: 220px;
    font-size: 16px;
    font-weight: 400;
}

.box-cart.style2 .cartinButton2:hover {
    background-color: #f5a874;
}


/*####################### //// THE SHOPPING HOLDER #######################*/


/*#######################  DISPLAY ITEMS  #######################*/

ul.list_of_items {
    margin:0 auto;
	padding: 0;
	max-width: 980px;
    max-width:auto;
	color: #777;  
	list-style: none;
	text-align: center;
}
ul.list_of_items li{
	display: inline-block;
	margin: 5px;
	border: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.item_title_holder{text-align:center;}
/* Display item name when on hover of item image */
ul.list_of_items li .item_disp_title{
    position: absolute;
    top: 1%;
    padding: 8px;
    width: 100px;
 border-bottom: 1px solid #fafafa;
}

.item_disp_title{
    z-index:9999;
    display:none;    
    width:auto;
    width: 150px;    
    border:1px solid;
    background-color: #181818;
    color:#fff;
    text-align:center;
    text-decoration: none;
    opacity: 0.50;
}

ul.list_of_items li .item_disp_values{padding: 2px;border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA;text-align: center;}
ul.list_of_items li .item_disp_values div{margin-bottom:5px;}
ul.list_of_items li .item_disp_values button{
	padding: 2px;
    width:198px;
	border: none;
    background:#00509d;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);    
    font-size:18px;
}
ul.list_of_items li .item_disp_values button:hover{
    background:#07618d;
    color:#fefefe;
    text-shadow: 0 3px 0 rgba(1, 2, 1, 0.3);
}

.item_disp_image{margin:0 auto;width:80%;vertical-align:middle;cursor:pointer;}
.item_disp_img_holder{margin:0 auto;text-align:center;}

/* Display item after clicking on it*/
#item_display{
 position:fixed;    
    top: 20%;
    left: 48%;    
    z-index:99999;
    margin-left: -10em;
    width:auto;
    height:auto;
}
.item_display_img{
     z-index: 9998;
    border: 2px solid #f4f4f4;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    transform: scale(1);
}
.item_display_img:hover{
     z-index: 9998;
     border: 2px solid #f4f4f4;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    transform: scale(1.2);
}
.close_image{
    position:absolute;
    z-index:9999999;    
    display:block;
    float: right;
    margin: 10px;
    padding: 0 10px;    
    border: 1px solid #000;
    color: red;
    text-decoration: none;
    font-weight: 500;
    font-size:16px;
}
.close_image:hover{color:red;font-weight:500;cursor: pointer;}
/*#######################  //// DISPLAY ITEMS  #######################*/

/*####################### DISPLAY INFO ABOUT UPDATED CART(in the middle of the page) #######################*/
#cart_update_info { 
    position:fixed;    
    top: 50%;
    left: 50%;    
    z-index:1000000;
    margin-left: -8em;
    width:10em;
    height:auto;
}
#new_item_added{
    position:fixed;
    margin:0 auto;
    padding:2px;
    max-width: 250px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #f3f3f3;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.32);
    color: #972bc4;
    text-align:center;
    text-decoration: none;
/*    font-family: Arial;*/
    font-size: 15px;
}
/*####################### DISPLAY INFO ABOUT UPDATED CART(in the middle of the page) #######################*/