@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; color:#333333; font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/bg-body.jpg) repeat;}
a{ outline:none;}
.wrapper{ width:100%; overflow:hidden;}
.overf{ overflow:hidden;}
.container{ margin:0 auto; width:1000px;}
.bt-header{
position:fixed;
z-index:999;
width:100%;
min-height:34px; 
border-bottom:2px solid #255fcd; 
background:#2a2371;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#292371), to(#2e2d75));
background: -webkit-linear-gradient(#292371, #2e2d75);
background: -moz-linear-gradient(#292371, #2e2d75);
background: -ms-linear-gradient(#292371, #2e2d75);
background: -o-linear-gradient(#292371, #2e2d75);
background: linear-gradient(#292371, #2e2d75);
-pie-background: linear-gradient(#292371, #2e2d75);
behavior: url(PIE.htc);
}
nav{ float:left; width:auto; display: inline-block;}
nav ul { margin:0; padding:0;}
nav ul li {
	border-left: 1px solid #514BA0;
    border-right: 1px solid #221D62;
    display: inline;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 9px 20px;
}
nav ul li:last-child{ border-right:0px;}
nav ul li a { text-decoration:none; font:bold 12px Arial, Helvetica, sans-serif; color:#ffffff; background:url(../images/nav-icon.jpg) no-repeat 0px 1px; padding:0 0 0 25px; margin:0; float:left;}
nav ul li:first-child a{ background-image:none; padding:0px;}
.login-box{ float:right; display:inline-block; min-width:125px; color:#004b7f; padding-top:2px;}
.login-box span{ float:left; color:#ffffff; padding:3px 0 0 0;}
a.login{ font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; background:url(../images/login-icon.jpg) no-repeat 0px 7px; padding:7px 0 3px 24px; margin:0 10px 0 0; float:left; }
a.login:hover{ text-decoration:underline;}
a.signup{ font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; padding:7px 0 0 0; margin:0 5px 0 10px; float:left; }
a.signup:hover{ text-decoration:underline;}


.logo{ width:208px; margin:180px auto 20px auto;}

#main-wrapper{ width:auto; margin-top:160px;}

.search-box{ width:800px; margin:0 auto 60px auto;}
.icon-gallery{ 
	height: 126px;
    margin: 0 auto 20px;
    width:825px;
}
.icon-gallery a {
    display: block;
    float: left;
    height: 100px;
    margin: 5px 4px;
    width:95px;
}
.icon-gallery a img{ 
width:78px; 
height:78px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
behavior:url(PIE.htc);
position:relative;
}
.icon-gallery a img:hover{ 
width:88px; 
height:88px;
behavior:url(PIE.htc);
position:relative;
}

.keywords{
padding:8px 5px;
margin:2px 10px;
float:left;
width:370px;
border:1px solid #c1c1c1;
font: normal 14px Arial, Helvetica, sans-serif; 
color:#9c9c9d; background: #FFFFFF;
-moz-box-shadow:inset 0px 0px 3px #929191;
-webkit-box-shadow:inset 0px 0px 3px #929191;
box-shadow:inset 0px 0px 3px #929191;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
behavior:url(PIE.htc);
position:relative;

}
.area{
padding:8px 5px;
margin:2px 10px;
float:left;
width:245px;
border:1px solid #c1c1c1;
font: normal 14px Arial, Helvetica, sans-serif; 
color:#9c9c9d; background: #FFFFFF;
-moz-box-shadow:inset 0px 0px 3px #929191;
-webkit-box-shadow:inset 0px 0px 3px #929191;
box-shadow:inset 0px 0px 3px #929191;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
behavior:url(PIE.htc);
position:relative;
}
.search{
cursor:pointer;
outline:none;
border: 2px solid #1d1958;
padding:4px 0;
text-align: center;
width:95px;
font:bold 16px Arial, Helvetica, sans-serif;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 1px 5px;
-moz-box-shadow: #666 0px 1px 5px;
box-shadow: #666 0px 1px 5px;
background: #292270;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#292270), to(#2e2e76));
background: -webkit-linear-gradient(#292270, #2e2e76);
background: -moz-linear-gradient(#292270, #2e2e76);
background: -ms-linear-gradient(#292270, #2e2e76);
background: -o-linear-gradient(#292270, #2e2e76);
background: linear-gradient(#292270, #2e2e76);
-pie-background: linear-gradient(#292270, #2e2e76);
behavior: url(PIE.htc);
}

.search:hover{
border: 2px solid #1d1958;
background: #2e2e76;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e2e76), to(#292370));
background: -webkit-linear-gradient(#2e2e76, #292370);
background: -moz-linear-gradient(#2e2e76, #292370);
background: -ms-linear-gradient(#2e2e76, #292370);
background: -o-linear-gradient(#2e2e76, #292370);
background: linear-gradient(#2e2e76, #292370);
-pie-background: linear-gradient(#2e2e76, #292370);
behavior: url(PIE.htc);
}


footer{ background:#ebeaea; min-height:40px; padding:3px 0 0 0; margin-top:10px; border-top:1px solid #dbdada; width:100%; float:left; }
.fotter-nav{ font:normal 12px Arial, Helvetica, sans-serif; color:#666666; text-align:center; margin-top: 10px;}
.fotter-nav a{ text-decoration:none; color:#666666; font-weight:normal; margin:5px 10px;}
.fotter-nav a:hover{ text-decoration:underline;}

#copyright{ color:#666666; font:normal 12px Arial, Helvetica, sans-serif; text-align:center;  margin-top:10px; float: right;}
#copyright a{

 color: #999999;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: underline;
	}
#copyright a:hover{ text-decoration:none; color:#999999;}
#copyright span{ float:left; color:#999999; padding:0px 0 0 0;}

/* ==================== Inner Page CSS ============================= */
.baner-panel{ 
margin-top:37px;
padding:14px 0;
float:left;
width:100%;
margin-bottom:20px;
background:#4a9cf4;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8dc1f8), to(#4a9cf4));
background: -webkit-linear-gradient(#8dc1f8, #4a9cf4);
background: -moz-linear-gradient(#8dc1f8, #4a9cf4);
background: -ms-linear-gradient(#8dc1f8, #4a9cf4);
background: -o-linear-gradient(#8dc1f8, #4a9cf4);
background: linear-gradient(#8dc1f8, #4a9cf4);
-pie-background: linear-gradient(#8dc1f8, #4a9cf4);
-moz-box-shadow: 0 0 6px #666666;
-webkit-box-shadow: 0 0 6px #666666;
box-shadow: 0 0 6px #666666;
position:fixed;
z-index:999;
behavior: url(PIE.htc);
}
.baner-panel .logo {
    margin: 0;
    width: 208px;
	float:left;
}
.baner-panel .search-box {
    float: right;
    margin: 20px 0 0;
    width: 785px;
}
.baner-panel .search{
cursor:pointer;
outline:none;
border: 2px solid #1d1958;
padding:4px 0;
text-align: center;
width:95px;
font:bold 16px Arial, Helvetica, sans-serif;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 1px 3px;
-moz-box-shadow: #666 0px 1px 3px;
box-shadow: #666 0px 1px 3px;
border: 2px solid #3288e4;
background: #2071c9;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4898ef), to(#2071c9));
background: -webkit-linear-gradient(#4898ef, #2071c9);
background: -moz-linear-gradient(#4898ef, #2071c9);
background: -ms-linear-gradient(#4898ef, #2071c9);
background: -o-linear-gradient(#4898ef, #2071c9);
background: linear-gradient(#4898ef, #2071c9);
-pie-background: linear-gradient(#4898ef, #2071c9);
behavior: url(PIE.htc);
}

.baner-panel .search:hover{
border: 2px solid #3288e4;
background: #4898ef;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2071c9), to(#4898ef));
background: -webkit-linear-gradient(#2071c9, #4898ef);
background: -moz-linear-gradient(#2071c9, #4898ef);
background: -ms-linear-gradient(#2071c9, #4898ef);
background: -o-linear-gradient(#2071c9, #4898ef);
background: linear-gradient(#2071c9, #4898ef);
-pie-background: linear-gradient(#2071c9, #4898ef);
behavior: url(PIE.htc);
}
.left-panel{ float:left; width:198px;}
.category{ float:left; clear:left; width:198px; margin-bottom:15px;}
.category h2{
border:1px solid #d3d4d7;
color:#2273cb;
font:bold 12px Arial, Helvetica, sans-serif;
margin:0;
padding:7px 8px;
background: #d2d2d2;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ebebeb), to(#d2d2d2));
background: -webkit-linear-gradient(#ebebeb, #d2d2d2);
background: -moz-linear-gradient(#ebebeb, #d2d2d2);
background: -ms-linear-gradient(#ebebeb, #d2d2d2);
background: -o-linear-gradient(#ebebeb, #d2d2d2);
background: linear-gradient(#ebebeb, #d2d2d2);
-pie-background: linear-gradient(#ebebeb, #d2d2d2);
-webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
.list-item{
	background:#f3f3f3;
	padding:10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	border:1px solid #d3d4d7;
	border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
}
.list-item ul { margin:0; padding:0;}
.list-item ul li { margin:0; padding:5px 0 5px 8px; list-style:none; background:url(../images/arrow.gif) no-repeat 0px 10px; border-bottom:1px dashed #d7d7d7;}
.list-item ul li:last-child{border-bottom:0px;}
.list-item ul li a{ margin:0; padding:0; text-decoration:none; color:#333333;}
.list-item ul li a:hover{ color:#999999;}
.add, .map{ padding:4px; border:1px solid #d7d7d7; float:left; display:block; clear:left; margin-bottom:15px}
.map{ height:266px;}
.map img{ height:264px; width:233px;}
.map-details img{ width:100% !important; height: 100% !important;}
.right-panel .category{ width:243px;}
.middle-panel {
    float: left;
    padding: 0 15px;
    width: 528px;
}
.middle-panel h1{
 color: #666666;
    font-size: 16px;
    margin: 0;
    padding: 5px 0 15px;
}
.result-details{
	background:#ffffff;
	padding:10px 10px 0px 10px;
	margin-bottom:26px;
	overflow:hidden;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow: 0 0 8px #b1b0b0;
	-webkit-box-shadow:0 0 8px #b1b0b0;
	box-shadow: 0 0 8px #b1b0b0;
	position:relative;
	behavior: url(PIE.htc);
}
.result-details .des{}
.result-details .des img{ float:left; width:70px; height:64px; border:3px solid #dedddd; margin:0 10px 10px 0;}
.result-details .des h2{
	margin:0;
	padding:0 0 8px 0;
	color:#333333;
	font-size:14px;
}
.result-details .des p{
	font:normal 14px Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0;
}
.result-details .des .details{float: left; width: 390px; position:relative;}
.result-details .des a.more{ float:right; text-decoration:underline; font:normal 11px Arial, Helvetica, sans-serif; color:#00c3ff; margin:10px 0 0 0; position:absolute;right:0; bottom:0;}
.result-details .des a.more:hover{ text-decoration:none;}

.result-details .des .contact{ border-left:1px solid #c7c7c7; padding-left:5px; float:right; width:105px;}
.result-details .des .contact a{ text-decoration:none; color:#3F76AC; font-size:12px; font-weight:bold;padding:2px 0 6px 20px; display: block;}
a.phone{ background:url(../images/icon-phone.gif) no-repeat 0px 0px; }
a.email{ background:url(../images/icon-email.gif) no-repeat 0px 0px; }
a.send{ background:url(../images/icon-sms.gif) no-repeat 0px 0px; }
a.web{ background:url(../images/icon-website.gif) no-repeat 0px 0px; }
.details-bottom{
	border-top: 1px solid #c7c7c7;
    float: left;
    padding:0;
    width: 100%;
}
a.map-dir{ background:url(../images/map-pointer.gif) no-repeat 0px 0px; margin: 5px 0 0; text-decoration:none; font:bold 14px Arial, Helvetica, sans-serif; color:#3f76ac; padding:6px 0 5px 25px; float:left;}
a.map-dir:hover{background:url(../images/map-pointer-active.gif) no-repeat 0px 0px;}
.details-bottom .social{ border-left:1px solid #c7c7c7; padding:7px 5px; float:right; width:100px;}
a.fb{ background:url(../images/fb.gif) no-repeat; width:23px; height:23px; display:block; float:left; margin:0 5px;}
a.fb:hover, a.fb.active{ background:url(../images/fb-active.gif) no-repeat;}

a.in{ background:url(../images/in.gif) no-repeat; width:23px; height:23px; display:block; float:left; margin:0 5px;}
a.in:hover, a.in.active{ background:url(../images/in-active.gif) no-repeat;}

a.tw{ background:url(../images/tw.gif) no-repeat; width:23px; height:23px; display:block; float:left; margin:0 5px;}
a.tw:hover, a.tw.active{ background:url(../images/tw-active.gif) no-repeat;}


.right-panel{ float:right; width:244px; margin-top:40px;}

/*---------------------------------------------------------- Popup Box CSS --------------------------------------- */

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 500px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
#show-details{
min-width: 320px;
max-width: 670px !important;
}
.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: #000000;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity:0.8;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #333333;
	background: #ffffff;
	position: relative;
	border-radius:4px;
	margin: 0 auto;
}
.md-content p{ line-height:18px;}
.md-content h3 {
	margin: 0;
	color:#fff;
	padding:14px 10px;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	background: #4a9cf4;
	border-radius:4px 4px 0 0;
}
.md-content h3 img{
	margin-right:8px;
	margin-bottom:-10px;
	width:32px;
	height:32px;
}
.md-content h2 {
    color: #3F76AC;
    display: block;
    float: left;
    font: bold 14px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    width: 80%;
}
.more-details{ border-bottom: 1px dashed #d5d5d5;}
.md-content > div {
	padding: 10px 5px;
	margin: 0;
	font-weight:normal;
	font-size:14px;
	overflow:hidden;
}
.md-content > div img{
	border: 3px solid #DEDDDD;
    float: left;
    height: 64px;
    margin: 0 10px 10px 0;
    width: 70px;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

/* Individual modal styles with animations/transitions */


/* Effect 3: Slide from the bottom */
.md-effect .md-content {
	-webkit-transform: translateY(20%);
	-moz-transform: translateY(20%);
	-ms-transform: translateY(20%);
	transform: translateY(20%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	position:relative;
}

.md-show.md-effect .md-content {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	padding-bottom:20px;
}
.popuo-form label{color: #333333;
    display: block;
    font-family:Arial, Helvetica, sans-serif;
    height: 1.3em;
	font-weight:bold;
    margin: 0;
    padding: 0 0 5px;
}
.popuo-form .input-text-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
	padding:8px 9px;
	width:96%;
    position: relative;
}
.popuo-form .input-text-input:focus {
    box-shadow: 0 0 2px 1px #CCCCCC;
}
.md-close {
    background-color: #F7F7F7;
    border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 5px #333333;
    color: #505050;
    cursor: pointer;
	border:0px;
    font-size: 10px;
	font-weight:bold;
    margin-top: 5px;
    padding:5px;
    text-align: center;
	position:absolute;
	right:10px;
	top:10px;
	z-index:999;
}
.input-group{
margin-bottom:15px;
width:100%;
float:left;
}
.button-submit {
   cursor:pointer;
outline:none;
border: 1px solid #1d1958;
padding:8px 0;
text-align: center;
width:95px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 1px 2px;
-moz-box-shadow: #666 0px 1px 2px;
box-shadow: #666 0px 1px 2px;
background: #292270;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#292270), to(#2e2e76));
background: -webkit-linear-gradient(#292270, #2e2e76);
background: -moz-linear-gradient(#292270, #2e2e76);
background: -ms-linear-gradient(#292270, #2e2e76);
background: -o-linear-gradient(#292270, #2e2e76);
background: linear-gradient(#292270, #2e2e76);
-pie-background: linear-gradient(#292270, #2e2e76);
behavior: url(PIE.htc);
}
.button-cancel {
    cursor:pointer;
outline:none;
border:1px solid #B8B8B8;
padding:8px 0;
text-align: center;
width:95px;
font:bold 14px Arial, Helvetica, sans-serif;
color:#333333;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: #666 0px 1px 2px;
-moz-box-shadow: #666 0px 1px 2px;
box-shadow: #666 0px 1px 2px;
background: #C8C8C8;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#C8C8C8), to(#B8B8B8));
background: -webkit-linear-gradient(#C8C8C8, #B8B8B8);
background: -moz-linear-gradient(#C8C8C8, #B8B8B8);
background: -ms-linear-gradient(#C8C8C8, #B8B8B8);
background: -o-linear-gradient(#C8C8C8, #B8B8B8);
background: linear-gradient(#C8C8C8, #B8B8B8);
-pie-background: linear-gradient(#C8C8C8, #B8B8B8);
behavior: url(PIE.htc);
}
.ui-tabs .ui-tabs-panel {
    overflow: hidden !important;
    padding: 0.5em !important;
}
.ui-widget-content {
    background: none !important;
    border: 0px !important;
}
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 0 !important;
}
.ui-widget-header {
    background: none repeat scroll 0 0 #2E2D75 !important;
    border: 0 none !important;
}
.ui-tabs .ui-tabs-nav li {
    margin: 5px 5px 0 !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl, .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{
border-radius: 0 !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
 color: #2273CB !important;
 font-weight:bold;
}
.lightbox-buttons .md-close{ position:static !important;}
.terms-of-use{ margin:10px 0; text-align:left; display:block;}
.terms-of-use a{ text-decoration:none; color: #3F76AC;}
.popuo-form .mobile{ width:72%; float:left; margin-right:10px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border-radius: 5px 5px 0 0 !important;
}
ul.bxslider{
	margin: 0;
    padding: 0;
}
ul.bxslider li{
width: 514px !important;
}
.bx-viewport{
width: 80% !important;
float: right;
height: 220px !important;
}

.bx-wrapper img {
    display: block;
    height:214px !important;
    width: 600px !important;
}
.slider{
margin-top:-40px;
}
.inline-list ul {
padding:0px;
margin:0px;
float: left;
}
.inline-list ul li{
padding:0px; 
margin:0px;
list-style: none;
display: inline;
}
/* 'star-rating' component */
.starRate {position:relative; margin:0 10px; overflow:hidden; zoom:1; float:right;}
.starRate ul {width:160px; margin:0; padding:0;}
.starRate li {display:inline; list-style:none;}
.starRate a, .starRate b {background:url(../images/star_rate.gif) left top repeat-x;}
.starRate a {float:right; margin:0 80px 0 -144px; width:80px; height:16px; background-position:left 16px; color:#000; text-decoration:none;}
.starRate a:hover {background-position:left -32px;}
.starRate b {position:absolute; z-index:-1; width:80px; height:16px; background-position:left -16px;}
.starRate div b {left:0px; bottom:0px; background-position:left top;}
.starRate a span {position:absolute; left:-300px;}
.starRate a:hover span {left:90px; width:100%;}