/*
#################################
FRONT END STYLES
#################################
*/
.product-container{
	width: 100%; 
	max-width: 1000px; 
	padding: 0 20px; 
	margin: 0 auto;
}

#product_list{
	padding: 0;
	margin: 0;
}
#product_list li{
	padding: 40px 80px;
	margin: 0;
}

#product_list li .title{
	font-size: 16px;
	text-align: left;
	margin-top: 15px;
}


/*
#################################
TESTIMONIAL ARCHIVE STYLES
#################################
*/

#product_archive_list{
	padding: 0;
	margin: 0 auto;
	width: 80%;
}
#product_archive_list li{
	padding: 40px;
	margin: 0 auto 20px auto;
	background-color: #ededed;
	border-radius: 6px;
}

#product_archive_list li .title{
	text-align: left;
	margin-top: 15px;
	font-style: italic;
	font-weight: bold;
}
#product_archive_list li .title a{
	text-decoration: none;
}

.test-quotes{
	font-size: 30px;
	line-height: 0;
}

.product_page_numbers{
	text-align: center !important;
}




/*
#################################
TESTIMONIAL SUBMIT STYLES
#################################
*/

.product-submit-link{
	margin:0 auto; 
	display:table; 
	background-color:#ccc; 
	padding:10px 20px; 
	text-decoration:none;
	border:0;
	transition: 0.3s all ease-out;
}
.product-submit-link:hover{
	background-color:#F8F4BF;
	text-decoration:none;
}

.product-container .product_msg{
	width: 80%;
	margin: 0 auto;
	padding: 0 20px;
}

.product-container .form_error_box{
	width: 80%;
	color:red;
	margin: 0 auto 20px auto !important;
	padding: 0 20px;
}

.product-container input[type="text"], .product-container textarea{
	width: 80%;
}
	
.product-container em{
	font-weight: normal;
}


/*
#################################
ADMIN STYLES
#################################
*/
#imageListContainer li{
	list-style: none;
	margin:10px; 
	float:left;
	width:150px;
	height:150px;
	text-align:center;
	background-color:white;
	border:1px solid #ccc;
}
#imageListContainer li img{
	max-width:150px;
	max-height:120px;
}
.remove{
	color:red; 
	cursor:pointer;
}

#customFormBox{
	text-align: left;
}

#customFormBox input[type="text"]{
	width: 85%;
	font-size: 16px;
	padding: 3px 6px;
	height: 35px
}
#customFormBox textarea{
	width: 85%;
	font-size: 16px;
	padding: 3px 6px;
	height: 100px;
}
#customFormBox .customBox{
	margin-bottom: 15px;
}

#customFormBox .customTitle{
	font-weight: bold;
}