/* Add here all your CSS customizations */

.product_image { 
   border:1px solid #021a40;
   width: 254px; /* I took the width from your post and placed it in css */
   height: 187px;
   margin-bottom: 15px;
   margin-top: 15px;
}

.form_side_box
{
width:237px;
height: 464px;
padding:0px 0px 0px 0px;
border:0px;

}



.testimonial_pic
{
float:left;
margin:5px 20px 5px 5px;
border:1px solid #021a40;
}

section.testimonial-section {
	background-position: center 0;
	background-repeat: no-repeat;
	margin-bottom: 0px;
   	margin-top: 15px;
}


.feature_highlights {
	font-size: 2.5em;
	line-height: 10px;
	font-weight: bold;
	color: #779c06;
}

.clients_say {
	font-size: 2.5em;
	line-height: 20px;
	font-weight: bold;
	color: #779c06;
}

.app_slideshow_phone
{
background-image: url(../images/products/real_estate_mobile_app/mobile_phone_right_side.png);
width:237px;
height: 464px;
padding:0px 0px 0px 0px;
border:0px;

}

.app_slideshow {
	width: 198px;
	height: 296px;
	overflow: hidden;
	position: Relative;
	top:80px;
}

.center
{
	margin: 0 auto;
	display: block;
}

/* DETAILS FOR TEMPLATE PORTFOLIO PAGE */

#seriesdetails  {
	background-image: url(../../images/side_transparent_01.png);
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	position: relative;
	text-align: center;
	width: 255px;
}
#seriesdetails h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}
#seriesdetails .details {
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	color: #333;
	float: left;
	margin: 20px 11px 0 11px;
	padding: 0 20px;
	text-align: left;
	width: 255px;
}

#seriesdetails ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
}
#seriesdetails ul li {
	background-image: url(../images/check_small.png);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0;
	padding: 0 0 0 22px;
}
#seriesdetails ul li ul {
	padding: 3px 0 0 0;	
}
#seriesdetails ul li ul li {
	background-image: none;
	font-size: 12px;
	font-weight: normal;
	list-style: outside;
	list-style-type: square;
	margin: 0 0 0 14px;
	padding: 0px 0;
}
/* ==== Insurance Page ==*/
#seriesdetails-ins  {
	background-image: url(../../images/side_transparent_01.png);
	background-repeat: no-repeat;
	margin: 0 0 0 0px;
	position: relative;
	text-align: left;
	width: 1200px;
}
#seriesdetails-ins h3 {
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 0;	
}
#seriesdetails-ins .details {
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	color: #333;
	float: left;
	margin: 20px 11px 0 11px;
	padding: 0 20px;
	text-align: left;
	width: 255px;
}

#seriesdetails-ins ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
}
#seriesdetails-ins ul li {
	background-image: url(../images/check_small.png);
	background-repeat: no-repeat;
	font-size: 13px;
	font-weight: bold;
	margin: 6px 0;
	padding: 0 0 0 22px;
}
#seriesdetails-ins ul li ul {
	padding: 3px 0 0 0;	
}
#seriesdetails-ins ul li ul li {
	background-image: none;
	font-size: 12px;
	font-weight: normal;
	list-style: outside;
	list-style-type: square;
	margin: 0 0 0 14px;
	padding: 0px 0;
}


/* =============   DESIGN PREVIEW MODS  ================= */

.right
{
	text-align: right;
}

.h7
{
	font-size: 20px;
	color: #000000;
}

.design-page-preview
{
	margin: 0 0 20px 0;
	border: 1px solid #D0D0D0;
}

.design-checklist
{
	color: black;
}

.design-thumbnail-wrapper
{
	float: left;
	margin: 0 2px 5px 2px
}

.design-thumbnail-wrapper p
{
	margin: 0;
	padding: 0;
	color: black;
	font-weight: bold;
}

.design-thumbnail
{
	cursor: pointer;
}

.design-thumbnail-row
{
	margin-bottom: 10px;
}

#back-to-designs
{
	line-height: 34px;
	color: black;
	font-size: 22px;
	vertical-align: top;
	margin-left: 10px;
	
}

@media screen and (max-width: 1200px) and (min-width: 992px)
{
	#design-home-preview
	{
		width: 100%;
	}
	
	.logo
	{
		display: block !important;
	}
	
	.nav.nav-pills.nav-top
	{
		position: absolute !important;
		top: 0;
		right: 0;
	}
	
	header > div.container
	{
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 577px)
{
	#design-home-preview
	{
		width: 100%;
	}
}

/* =============   END DESIGN PREVIEW MODS  ================= */

/* =============   TEMPLATE HEAER PHOTOS    ================= */
#headerimages {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 980px;
}
#headerimages li {
	background-image: url(../../images/bg_shadow_headers.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 440px;
	margin: 0;
	position: relative;
	text-align: center;
	width: 980px;
}
#headerimages li img {
	border: 0;
	border-top: 1px solid #ACD3E2;
	margin: 7px 0 0 0;
	padding: 12px 0 0 0;
}
#headerimages li h3 {
	background-color: #FFF;
	color: #236a8e;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	left: 50%;
	margin: -10px 0 0 -24px;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 48px;
}