@charset "utf-8";
/* listings & details styles */

/**************LISTINGS STYLES ************/
.list {
	float: left;
	list-style: none;
	padding: 5px 0 0;
	margin: 0;
	font-size: 11px;
	color: #333;
	width: 878px;
}
ul.list  {background: url(../images/list-top-bg-white.gif) no-repeat;padding-top: 8px; margin-top: 6px;}
.list li {float: left;background-color: #fff;width: 849px;padding: 6px 13px 6px 16px;border-bottom: 2px solid #ccc;}
/*.list .white {background-color: #fff;}
.list .first {background: #ddd url(../images/list-top-bg.gif) no-repeat;padding-top: 8px;}
*/
.list li.last {background: #fff url(../images/list-bottom-bg.gif) no-repeat 0 100%; margin-top: -2px;}

.list li div.thumbFrame 
{
   	width: 80px;
	height: 80px;
	overflow:hidden;
	position:relative;
	background-color: #60b2cd;
	border: 5px solid #60b2cd;
	margin:0;
	padding:0;
	float:left;
}
.list  .img {float: left; border:none;}
.list .white .img { border:none;}
.list .img img {float: left;}
.list .text {float: left;width: 385px;padding: 0 0 0 15px;}
.list h3 {margin: 0;font-size: 14px;color: #96ca2d;}
.list .white h3 {color: #96ca2d;}
.list  .text p {margin: 5px 0 0;font-size: 11px;line-height: 13px;color: #333;}
.list ul.infoBox {
	float: left;
	width: 250px;
	padding: 0 0 0 7px;
	list-style: none !important;
	margin: 0;
	font-size: 14px;
	line-height: 24px;
	color: #3998b8;
	font-weight: bold;
}
.list ul.infoBox li {padding: 0;width: 250px;background: none;border: none;}
.list ul.infoBox li .devProp { 
	width: 160px;
	height: 20px;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: #fff;
	background: url(../images/dev-prop-button.gif) no-repeat top center;
	margin: 3px 0 0 0;
	text-align: center;
}
.list ul.infoBox span {float: left;width: 101px;color: #8bc72c;}
.list a.btn {
	float: right;
	background: url(../images/view-details-button.gif) no-repeat bottom center;
	width: 91px;
	height: 93px;
	text-indent: -9999px;
	overflow: hidden;
}
.list a.btn:hover {
	background-position: top center;
}



/**************** DETAILS STYLES ******************/
.details .side {float: left;width: 528px;padding: 0 0 0 15px;}
.details .side h2 {margin: 0;font-size: 24px;color: #8bc72c;}
.details .side p {margin: 13px 0 0;font-size: 14px; color: #333;}
.details .side .infoBox {
	float: left;
	padding: 15px 0 0;
	margin: 0;
	list-style: none;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	color: #3998b8;
	width: 262px;
}
.details .side .infoBox li {float: left;width: 262px;}
.details .side .infoBox li span.featureTitle {float: left;width: 120px;color: #8bc72c;}
.details .side .sub-box2 {
	float: left;
	width: 527px;
	margin: 18px 0 0;
	background: #ddd url(../images/details-subbox2-top-bg.gif) no-repeat;
}
.details .side .sub-box2 .sub-box2-inner {
	float: left;
	width: 492px;
	padding: 8px 16px 10px 19px;
	background: url(../images/details-subbox2-bottom-bg.gif) no-repeat 0 100%;
}
.details .side .sub-box2 h3 {margin: 0;font-size: 18px;color: #3998b8;}
.details .side .sub-box2 ul {
	float: left;
	list-style: none;
	padding: 10px 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	color: #8bc72c;
}
.details .side .sub-box2 ul.second {padding: 10px 0 0 116px;}
.details .side .sub-box2 ul li {color: #8bc72c;text-decoration: none;}
.details .side .sub-box2 ul li.blue  {color: #3998b8;}
.details .side .sub-box2 p {margin: 13px 0 0;font-size: 11px;color: #555;line-height: 16px;}
.details .side .sub-box2 p.last {margin-bottom: 19px; }
.details .side .sub-box2 .btns {float: right;width: 105px;padding: 20px 0 0 10px;}
.details .side .sub-box2 .btns a.btn2, .details .side .sub-box2 .btns a.btn3 {
	float: left;
	background: url(../images/details-join-now.jpg) no-repeat bottom center;
	width: 104px;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
}
.details .side .sub-box2 .btns a.btn2:hover { background-position: top center; }
.details .side .sub-box2 .btns a.btn3 {margin: 16px 0 0;background: url(../images/details-log-in.jpg) no-repeat bottom center;}
.details .side .sub-box2 .btns a.btn3:hover { background-position: top center; }
.details .side .sub-box2 .enquiry-box {margin: 10px auto; }
.details .side .sub-box2 .enquiry-box textarea {
width: 470px;
height: 65px;
overflow:scroll;
color: #555;
font-size: 12px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
.details .side .sub-box2 .contact-owner-btn a.contact-btn {
	display: block;
	margin: 0 auto;
	background: url(../images/contact-owner-sprite.jpg) no-repeat bottom center;
	width: 177px;
	height: 31px;
	text-indent: -9999px;
	overflow: hidden;
}
.details .side .sub-box2 .contact-owner-btn a.contact-btn:hover { background-position: top center; }

.details .side2 {float: right;padding: 0 5px 0 0;width: 308px;}
.details .side2 a.btn {
	float: left;
	width: 256px;
	height: 29px;
	margin: 0 0 0 23px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/learn-area-button.jpg) no-repeat bottom center;
}
.details .side2 a.btn:hover { background-position: top center; }
.details .side2 .list-img {
	float: left;
	list-style: none;
	padding: 0;
	margin: 10px 0 0;
}
.details .side2 .list-img li {
	float: left;
	margin: 10px 8px 0 0;
	border: 5px solid #60b2cd;
	width: 136px;
	height: 100px;
	overflow:hidden;
}
.details .side2 .list-img li.green {border: 5px solid #8bc72c;}
.details .side2 .list-img li img {float: left;}
.details .side2 .sub-box {
	float: left;
	width: 299px;
	margin: 27px 0 0;
	background: #aae152 url(../images/details-subbox-top-bg.gif) no-repeat;
}
.details .side2 .sub-box .sub-box-inner {
	float: left;
	width: 266px;
	padding: 9px 13px 9px 20px;
	min-height: 141px;
	background: url(../images/details-subbox-bottom-bg.gif) no-repeat 0 100%;
}
* html .details .side2 .sub-box .sub-box-inner {height: 141px;}
.details .side2 .sub-box h2 {margin: 0;color: #3998b8;font-size: 18px;}
.details .side2 .sub-box p {
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 13px;
	color: #578c03;
}
.details .side2 .sub-box p a {
    color: #3998b8;
}
.details .side2 .sub-box p a:hover {
    color: #ffffff;
}
.details .side2 .sub-box ul {
    width: 125px;
	float: left;
	list-style: none;
	padding: 9px 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	color: #3998b8;
}
.details .side2 .sub-box ul li { }
.details .side2 .sub-box ul.second {padding: 9px 0 0 10px ;color: #578c03;}
.details .side2 .sub-box ul a {color: #3998b8;text-decoration: none;}
.details .side2 .sub-box ul a:hover {text-decoration: underline;}