/* @override 
	http://test.pwp/theme/default/css/style.css
	http://pwp/theme/default/css/style.css
*/

body, .bodybgdiv {
	background: #555555 url(../img/body-background.png) repeat-x;
}
#container {
	background: url(../img/container-bg.png) repeat-y;
	padding: 0 10px;
}

#content {
	clear: both;
	padding: 2em 192px 0;
}

/* @group Typography */

a {
	color: #000099;
}
a:hover {
	color: #000099;
	text-decoration: none;
}
#content h1 {
	font-size: 2em;
	margin: 0.5em 0 1em;
}
#content p {
	font-size: 1.33em;
	text-align:justify;
	width:645px;
}

/* @end */

/* @group Header */

#header {

}

/*
	TODO: Improve the display of the top left information when the font-size is scaled
*/

#site-header {
	float: left;
	padding-left: 30px;
	height: 90px;
}
#header-name {
	float: left;
	font-weight: bold;
	font-size: 3em;
}
#job-title {
	color: #888;
	font-size: 0.5em;
	font-weight: normal;
	margin-left: 0.15em;
}
#company-name {
	clear: left;
	float: left;
}
#top-logo {
	float: right;
    padding: 1.2em 24px 0 0;
}
#header h2 {
	margin: 0;
}

/* @end */

/* @group Header Photos */

#header-photo {
	float: left;
	width: 950px;
	height: 230px;
	position: relative;
}
#header-photo img {
	display: none;
}
#header-photo img#header-photo-0 {
	display: block;
}
#header-shadow {
	width: 100%;
	height: 230px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/header-shadow.png) repeat-x;
}
#ft-prev-header-photo, #ft-next-header-photo {
	width: 50px;
	height: 128px;
	position: absolute;
	top: 25% !important;
	background: url(../img/header-arrows.png) no-repeat 0 0;
	text-indent:-9999px;
	z-index: 1001;
	display: none;
}
#ft-prev-header-photo {
	left: 28px !important;
}
#ft-next-header-photo {
	right: 22px !important;
	background-position: -50px 0;
}
#ft-prev-header-photo:hover {
	background-position: 0 -128px;
}
#ft-next-header-photo:hover {
	background-position: -50px -128px;
}
#ft-title-header-photo {
	display: none;
	visibility: hidden;
}

/* @end */

/* @group Top Menu */
#top-menu {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
#top-menu table {
	width: 950px;
	margin: 0 auto;
}
#top-menu tr {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
}
#top-menu td {
	margin: 0;
	padding: 0;
	display: table-cell;
	width: 14.2%;
	border-right: 2px solid #fff;
}
#top-menu td.last {
	border-right: none;
}
#top-menu td a {
	color: #000;
	display: block;
	text-decoration: none;
	font-size: 1.33em;
	padding: 10px 0;
	white-space: nowrap;
	text-align: center;
	background: #aaaaaa url(../img/top-button-overlay.png) repeat-x;
}
#top-menu td a.current,
#top-menu td a.current:hover,
#top-menu td a.current:active {
	color: #ffffff;
	font-weight: bold;
	cursor: default;
}
#top-menu td a:hover {
	background-color: #444444;
	color: #fff;
}
#top-menu td a:active {
	background-color: #000000;
	color: #fff;
}
/* @end */

/* @group Homepage */

#home #content {
	padding: 2em 34px 0;
}

#home #content .person_photo img {
	float: right;
	margin-left: 64px;
	box-shadow:0px 0px 45px #444;
}


#home #content img {
	box-shadow:0px 0px 45px #444;
}

/* @end */

/* @group Bottom Buttons */

#bottom-buttons {
	clear: both;
	list-style-type: none;
	padding: 0 0 0 30px;
	float: left;
	margin: 32px 0;
}
#bottom-buttons li {
	float: left;
	width: 277px;
	height: 83px;
	margin-right: 26px;
	margin-bottom: 12px;
	position: relative;
	text-align: center;
}
#bottom-buttons li a {
	text-decoration: none;
	display: block;
	width: 271px;
	height: 83px;
	padding-left: 4px;
	background: #fff url(../img/bottom-button.png) no-repeat 0 0;
	cursor: pointer;
}
#bottom-buttons li a:hover {
	background-position: 0 -83px;
}
#bottom-buttons li a:active {
	position: relative;
	top: 2px;
	left: 2px;
}
#bottom-buttons li a span.top {
	color: #fff;
	position: absolute;
	width: 271px;
	height: 30px;
	top: 0;
	left: 4px;
	margin: 0 auto;
	background: #343434 url(../img/bottom-button-cap.png) no-repeat 0 0;
	font-weight: bold;
	font-size: 1.16em;
	line-height: 2;
}
#bottom-buttons li a span.bottom {
	position: absolute;
	width: 271px;
	height: 40px;
	top: 30px;
	left: 4px;
	color: #333;
	font-weight: bold;
	font-size: 1.5em;
	padding-top: 6px;
}
#bottom-buttons li a:hover span.top {
	background-position: 0 -30px;	
}

/* @end */

/* @group Media Gallery */

#media-gallery {
	clear: both;
	background: #e8e8e8 url(../img/media-overlay.png) repeat-x;
	padding: 36px 24px 24px;
	height: 424px;
	position: relative;
}
#media-gallery #primary-media-item {
	float: left;
	margin-left: 20px;
	margin-right: 70px;
	width: 670px;
	height: 402px;
}
#media-gallery #primary-media-item.only {
	margin-left: 115px;
}
#media-gallery #thumbs a {
	display: block;
}
#media-gallery #thumbs div {
	width: 120px;
	height: 90px;
	position: relative;
	float: left;
	margin-bottom: 14px;
}
#media-gallery #thumbs span.play {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 42px;
	top: 27px;
	background: url(../img/play-button.png) no-repeat 0 0;
}
#media-gallery #thumbs a:hover span.play {
	background-position: -36px 0;
}
#hqthumb {
	position: absolute;
	left: 0;
	top: 0;
}


/* @end */

/* @group Footer */
#footer-shadow {
	height: 26px;
	width: 100%;
	background: transparent url(../img/footer-shadow.png) repeat-x;
	position: relative;
	top: -26px;
	float: left;
}

#footer {
	padding: 10px 30px 10px;
	height: auto;
	color: #666;
	clear: both;
	background:none repeat scroll 0 0 #FFFFFF;
}
#footer #affiliate-button {
	float: left;
	width: 88px;
	margin-right: 24px;
	position: relative;
	left: 0;
	top: -6px;
}
#footer #bottom-links {
	float: left;
}
#footer #copyright {
	float: right;
	text-align: right;
	margin-bottom: 24px;
}
#footer a {
	font-weight: bold;
	color: #666;
}
#footer a:hover {
	color: #666;
	text-decoration: none;
}
#footer-links {
	border-top: 1px solid #ddd;
	padding-top: 12px;
	padding-bottom: 12px;
	clear: both;
	color: #999;
	text-align: center;
}
#footer-links a {
	color: #999;
}
#footer-links a:hover {
	color: #999;
}

/* @end */

/* @group Forms */

#form-position {
	padding:0px;
	/*text-align: center;*/
}
#form-position .error {
	padding: 0 0 0.5em;
}
#form-position #flashMessage {
	padding: 0.8em;
}

#form-position .error-message {
	margin-left: 10em;
}

#form-position label {
	/*width: 16em;*/
	width: 8em;
	float: left;
	clear: both;
	line-height: 3.5;
	text-align: right;
	padding-right: 2em;
}
#form-position input[type=submit] {
	margin-top: 1em;
	position: relative;
	left: 40%;
}
#contact-us #form-position input[type=submit] {
	left: 21%;
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}
img#captcha {
	position: relative;
	left: 8px;
}

/* @end */

/* @group Mortgage Calculator */

#mortgage-calculator #content {
	padding-left: 182px;
	padding-right: 192px;
	padding-bottom: 3em;
}
#mortgage-calculator h1, #mortgage-calculator p {
	margin-left: 10px;
}
#mlcalcWidgetHolder {
/*	padding-left: 140px !important; */
}

/* @end */

/* @group Reports */

#report-download {
	background: url(../img/pdf.gif) top left no-repeat;
	display: block;
	padding-left: 70px;
	padding-top: 12px;
	height: 40px;
	width: auto;
	position: relative;
	left: -8px;
	top: 0;
}

/* @end */

/* @group Framing */

body.frame-top {
	background: #fff;
}

body.frame-top .container {
	width: auto;
	padding: 0 !important;
	background: transparent !important;
}

body.frame-top #header {
	width: 950px;
	margin: 0 auto;
	position: relative;
	right: 7px;
	top: 0;
}
body.frame-top #top-menu {
	background: #aaaaaa url(../img/top-button-overlay.png) repeat-x;
}
body.frame-top #top-menu ul {
	width: 950px !important;
	margin: 0 auto;
	display: table;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	position: relative;
	right: 7px;
	top: 0;
	/*display: block;*/
}
body.frame-top #top-menu li {
	/*width: 20% !important;*/
}

/* @end */

#company-name a { color:#FFF !important; }

.person_photo img { box-shadow:0 3px 30px #7A8199; border-radius:5px 5px 5px 5px; }

/* New Offer Css*/
.popup_slide {
    background: url("../img/offer/gray_bg.png") repeat-x #bec7ce;
    border: 6px solid #5C5A5A;
    float: left;
    left: -5px;
    margin: 0;
    position: fixed;
    top: 270px;
    width: 472px;
	min-height:146px;
    z-index: 1000;
    }
	
.left_p_sec{
	float:left;
	margin:0 0 0 0px;
	width:438px;
	}	
	

.facebook_connect {
    float: right;
    margin: 10px 21px 0 0;
    }	
	

.rpic {
    float: left;
    margin: 13px 0 0 13px;
    width: 128px;
    }
	

.saeco {
    color: #353430;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 13px;
    width: 280px;
    }
	


.or {
    background: url("../img/offer/orbg.png") no-repeat scroll center center transparent;
    float: left;
    margin: 8px 0 2px 48px;
    text-align: center;
    width: 210px;
    }
	

.or span {
    background: none repeat scroll 0 0 #CCD5DA;
    font-weight: bold;
    }
	

.search-bar {
    background: url("../img/offer/search-field.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 32px;
    margin: 3px 16px 0 0;
    padding: 5px;
    width: 243px;
    }

.frmfield1{
width:160px; border:0!important; background-color:#fff; margin:0px!important;  font-family:Arial,sans-serif; font-size:12px; color:#000; font-weight:100;text-decoration:none; padding:4px;}

.search-icon {
    float: right;
    margin: -5px 0 0;
    }		
	

.wallet_btn {
    float: left;
    margin: 0 0 10px 36px;
    }
	

.sicon {
    border-left:0;
    float: right;
    margin: 0;
	width:30px;
    padding: 0;
    }
	
.sicon li {
    float: right;
    height: 26px;
    list-style: none outside none;
    margin: 1px 1px 2px;
    padding: 0;
    }
	

.sicon li .close {
    background: url("../img/offer/c1.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .close:hover {
    background: url("../img/offer/c1.png") no-repeat scroll 0 -28px transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .twitter {
    background: url("../img/offer/twitter.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .twitter:hover {
    background: url("../img/offer/twitter.png") no-repeat scroll 0 -28px transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .facebook {
    background: url("../img/offer/facebook.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .facebook:hover {
    background: url("../img/offer/facebook.png") no-repeat scroll 0 -28px transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .qua {
    background: url("../img/offer/qua.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .qua:hover {
    background: url("../img/offer/qua.png") no-repeat scroll 0 -28px transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .npad {
    background: url("../img/offer/n.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
	
.sicon li .npad:hover {
    background: url("../img/offer/n.png") no-repeat scroll 0 -28px transparent;
    float: left;
    height: 28px;
    width: 30px;
    }
.name_field {
    border: 1px solid;
    border-radius: 4px 4px 4px 4px;
    float: left;
    margin: 5px 0 0 13px !important;
    padding: 4px;
	font-size:12px;
    width: 58%;
    }
	
.submit_btn{
	float:left;
	margin:4px 0 0 13px;
	}		
/* @end */