@charset "utf-8";
/**** CSS Document ****/
/**** Version: September.2017 ****/


#modal {
    display:none;
	left: 0;
    width: 50%;
    margin: 0 25%;
    padding:15px;
    text-align:left;
    z-index:999999;
    opacity:0.95;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #333333;
	background-color: #FFFFFF;
} 

#modal h2 {
	background:url(../img/info.png) 0 50% no-repeat;
	margin:0px;
	padding:10px 0 10px 45px;
	font-size:20px;
}
#modal div.info {
	text-align:center;
	color:#8F8F8F;
	font-size: 0.94em;
}
#modal div.info a {color:#5A5A5A;}
#modal div.info a:hover {color:#036BB5;}

#modal .modal-header {
	padding: 9px 15px; 
	border:none;
}
#modal .modal-header h3 {
	margin: 20px 0 0 0;
	font-weight: 600;
}

#modal .close {
	background-image:url(../img/close.png);
	position:absolute;
	cursor:pointer;
	height:35px;
	width:35px;
    right: 5px;
    top: 5px;
}

.modal-footer {
	background-color: #E4E4E4;
	border:none;
    border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;
    box-shadow:none;
}

#carts .media {
    border-top: 1px dotted #D4D4D4;
    margin: 20px 0;
    padding: 20px 0 0 0;
}
#carts div.media:first-child {
    border-top:none;
	padding: 0;
}

#carts .media img.media-object {
	width:90px!important;
	display:block;
	margin:0 10px 0 0;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}

.del-cart {
    margin: 20px 2px 0 0;
    padding: 12px 20px;
}