/*####################### NAVIGATION BAR #######################*/

/* NavBar Menu  + some bootstrap changes*/

.navbar { margin:0;}

.label,.glyphicon { margin-right:5px; }            

.navbar-default .navbar-toggle .icon-bar {background-color: #777; font-weight: bold;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;} 

.shareCont{margin-top:20px;}

#navBarName{font-size:30psx;}

li{}

.navbar-brand {float:none;padding: 0;}

.navbar-header{margin:5px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a {

    

}

/*####################### //// NAVIGATION BAR  #######################*/





/*####################### CAROUSEL SLIDER #######################*/

/* Hide carousel/slider when screen with smaller than 480px */

@media screen and (max-width: 480px) {#myCarousel{display:none;}}

#myCarousel{margin-bottom:20px;}

.carousel-inner > .item > img,.carousel-inner > .item > a > img {margin: auto;width: 100%;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {

    display: block;

    max-width: 77%;

    height: auto;

}

.carousel-inner{margin:0 auto;max-width:980px; }

/*Left Carousel Slider */

.carousel-control.left  {background:none;}

/* Right Carousel Slider */

.carousel-control.right {right: 0;left: auto;background:none;}

/*####################### //// CAROUSEL SLIDER #######################*/





/*####################### SHOPPING CART INFO BAR(The one that display total items in the cart) #######################*/ 

.shopping_cart_info_holder{margin-bottom:20px; text-align: center;}

.shopping_cart_info{

float: right;

background-color: #fd360a;

border-radius: 100%;

width: 18px;

font-size:12px;

height: 18px;

color:#fff !important;

margin-top: -40px;

margin-right: -15px;

z-index: 1500;

border: 0px solid #000;

}

.shopping_cart_info:hover{text-decoration: none;}

.ShpooingWText{float: right;

color: #ff2e00;

font-size: 13px;

margin-top: -43px;

margin-right: -9px;

z-index: 1500;

text-align: center;
font-weight:bold;
border: 0px solid #000;}

/*####################### //// SHOPPING CART INFO BAR #######################*/





/*####################### 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;

    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: 1px solid #dedede;

    border-radius: 30px;

    color: red;

    text-decoration: none;

    font-size: 20px;*/

}

.shopping_cart_holder .remove_item_from_cart:hover{/*font-weight:600;*/}

.shopping_cart_holder .cart-products-total{padding: 5px 0px 0px 5px;text-align: right;font-weight: bold;}

.shopping_cart_holder h3{margin: 0;padding:0px;}



/* Checkout button */

.shopping_cart_holder .checkoutButton{

    border-radius: 0;

    background-color: #ff5500;

    color: #fff;

    text-decoration: none;

    font-weight: 500;

    font-size: 15px;

}

/* Checkout button hover */

.shopping_cart_holder .checkoutButton:hover{font-weight: 700;}

.itemInCardRow{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

.quantity_change{

    display: inline-block;

	color:#393939;

    width: 20px;

    height: 20px;

    border-radius: 100%;

    background: #eee none repeat scroll 0 0;

    text-align: center;

    line-height: 17px;

	font-size:17px;

	text-decoration:none;

	font-weight: bold;

font-family: calibri;

	border: 1px solid #dbe2e9;

}

.quantity_change:Hover{

  

    background: #FE980F none repeat scroll 0 0;

	color:#fff;



}

.quantity{width:50px;color:#393939;font-size:15px;margin-left:5px;margin-right:5px;}

/*####################### //// 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{

    display:none;    

}



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 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: #0654ba;

    text-align:center;

    text-decoration: none;

/*    font-family: Arial;*/

    font-size: 20px;

}

/*####################### DISPLAY INFO ABOUT UPDATED CART(in the middle of the page) #######################*/