.modal-dialog .modal-body {
	padding: 10px;
}
form.infocont [type="text"], form.infocont [type="number"], form.infocont [type="password"], form.infocont [type="email"], form.infocont [type="tel"], form.infocont [type="search"], form.infocont textarea, form.infocont select {
	border-style: solid;
	border-width: 1px;
	border-color: #dadada;
}

.autocomplete-suggestion {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #d9d9d9;
	color: #31383e;
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
.autocomplete-suggestion:hover {
	cursor: pointer;
}
.autocomplete-suggestions {
	background: #fff none repeat scroll 0 0;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	max-height: 1000px !important;
	border-bottom: 1px solid #d9d9d9;
}
.autocomplete-no-suggestion {
	padding-left: 10px;
}
/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript,
 if it's not present, don't show loader */
.no-js #loader {
	display: none;
}
.js #loader {
	display: block;
	position: absolute;
	left: 100px;
	top: 0;
}
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/preloader.gif) center no-repeat #fff;
}

.corners input[type="text"], .corners input[type="password"], .corners input[type="email"], .corners textarea, #modalLogin input[type="text"], #modalLogin input[type="password"], #modalLogin input[type="email"], #registerme input[type="text"], #registerme input[type="password"], #registerme input[type="email"], #registerme textarea, #forgotme input[type="text"], #forgotme input[type="password"], #forgotme input[type="email"], #forgotme textarea {
	border-color: #d9d9d9 !important;
	border-image: none !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: unset !important;
}

#canvas p, main {
	line-height: 1.7em
}

table tr td, table tr th {
	padding-left: 10px;
}

.product-image-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	z-index: 9999;
	display: none;
}

.product-image-overlay .product-image-overlay-close {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #eee;
	line-height: 35px;
	font-size: 20px;
	color: #eee;
	text-align: center;
	cursor: pointer;
}

.product-image-overlay img {
	width: auto;
	max-width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

main img {
	cursor: pointer;
}
.easyPaginateNav {
	margin-top: 30px;
}
.easyPaginateNav a {
	padding: 3px 6px;
	text-decoration: none !important;
	border: 1px solid #cccccc;
	border-radius: 3px;
	margin: 3px;
}
.easyPaginateNav a.current {
	font-weight: bold;
	text-decoration: underline;
}

.mm-menu.mm-current {
	display:block !important;
}

input.mood1, input.mood2, input.mood3 {
        width: 140px;
    height: 140px;
    left:75px;
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
}

input.mood1 + label:before, input.mood2 + label:before, input.mood3 + label:before {
	content: "";
    display: inline-block;
    width: 150px;
    height: 150px;
    /* position: absolute; */
    left: 15px;
    top: 5px;
    background: url(../images/mood1.jpg) no-repeat center; 
    /*-webkit-filter: grayscale(100%);  
    filter: grayscale(100%);*/
    /* border: red solid 1px; */
    cursor: pointer;
    border: 2px solid #ffffff;
}

input.mood2 + label:before {
	background: url(../images/mood2.jpg) no-repeat center; 
}

input.mood3 + label:before {
	background: url(../images/mood3.jpg) no-repeat center; 
}


input.mood1:hover + label:before, input.mood2:hover + label:before, input.mood3:hover + label:before {
    content: "";
    border: 2px solid greenyellow;
    padding: 20px;
    border-radius: 10%;
    width: 150px;
    height: 150px; 
}


input.mood1:checked + label:before, input.mood2:checked + label:before, input.mood3:checked + label:before {
    content: "";
    border: 2px solid blue;
    padding: 20px;
    border-radius: 10%;
    width: 150px;
    height: 150px; 
}

.color-blue {
	color: #51b1b7 !important;
}

.textarea_cmessage{
	border:2px solid #686868 !important;
}