* {
    margin: 0;
    padding: 0;
}
body {
    background: url(../images/bg.jpg) #fff repeat-x 0 0;
    font-family: "trebuchet ms",tahoma,arial,helvetica,sans-serif;
    font-size: 90%;
    color: #000;

}
img{
    max-width: 100%;
}

a.button-tap {
    color: #fff !important;
    background-color: #337ab7;
    border-color: #2e6da4;
    display: inline-block;
    padding: 3px 10px; 
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    text-decoration: none !important;
    margin-bottom: 12px;
}

a.button-tap:hover {
    text-decoration: none !important;
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

#headermain h1 {
    color: #111;
    font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
    font-size: 28px;
    margin-top: 0;
    padding: 5px 0 8px;
    text-align: left;
    float: left;
}
#headermain h1 a:link {text-decoration: none; color: #444}
#headermain h1 a:visited {text-decoration: none; color: #444}
#headermain h1 a:hover {text-decoration: none; color: #111}
#headermain h1 a:active {text-decoration: none; color: #444}

#headermain {
    margin: 0 auto 20px;
    padding: 0;
    max-width: 100%;
    background: url(../images/header-main.jpg) top center;
    min-height: 50px;
}
#content {
    padding: 0 20px 15px 20px;
    background: #fff;
    border: 1px solid #dedede;
    padding-top: 20px;
    padding-bottom: 30px;
}
#content::after {
    clear: both;
    content: '';
    display: block;
}
#content .header-banner img {
    text-align: center;
}
#content .social-media ul {
    list-style-type: none;
    padding-bottom: 20px;
}
#content .social-media ul li
{
    display: inline;
    margin-left: 8px;
    text-align: right;
}
#content .social-media img {
    border: 0px;
    float:left;
    padding: 0 5px;
}
#content .business-details {
    width: 100%;
    max-width: 100%;
    float: left;
}

#content  #googlemap {
    margin-bottom: .8em;
}

#content .business-details .business-image {
    float: left;
    width: 200px;
    max-width: 100%;
    border: 1px solid #ECECEC;
    margin: 0 20px 10px 0; padding: 7px 7px 7px 7px;
}

#content .business-details .rating-box {
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    margin-left: 20px;
}

#content .business-details .business-info {
    float: left;
    max-width: 100%;
    width: 400px;
}

#content .business-details h3 {
    font-family: "trebuchet ms",tahoma,arial,helvetica,sans-serif;
    font-size: 20px;
    text-align: left;
    margin-top:0;
}
#content .business-details a:link {
    text-decoration: none;
    color: #2B46A1;
}
#content .business-details a:hover {
    text-decoration: underline;
    color: #2B46A1;
}
#content .business-details a:visited {
    text-decoration: none;
    color: #2B46A1;
}
#content .business-details2 {
    width: 710px;
    max-height: 100%;
    float: left;
    max-width: 100%;
}
#content .rating-box-single {
    display: inline-block;
}
#content .business-details2 h3 {
    font-family: "trebuchet ms",tahoma,arial,helvetica,sans-serif;
    font-size: 1.5em;
    text-align: left;
}
#content .business-details2 a:link {
    text-decoration: none;
    color: #2B46A1;
}
#content .business-details2 a:hover {
    text-decoration: underline;
    color: #2B46A1;
}
#content .business-details2 a:visited {
    text-decoration: none;
    color: #2B46A1;
}
.wrapper {
    width:750px;
    max-width: 95%;
    margin: 0 auto; 
    background-size: 100% auto;
}
.mainpage .wrapper {
    width: 980px;
}
#footer {
    margin: 0px;
    width: 750px;
    max-width: 100%;
    clear: both;
}
#footerinfo {
    width: 750px;
    max-width: 95%;
    margin: 0 auto;
    text-align: left;
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 3em;
}
#footerinfo p {
    padding-bottom: 40px;
    display: inline;
    color: #333;
}

#footerinfo em {
    text-align: right;
    padding-right: 1em;
    float: right;
    color: #666;
    font-size: 9px;
}
h1 {
    font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
    font-size: 36px;
    color: #cc0000;
    text-align: center;
    margin-bottom: .5em;
    font-weight: normal;
}

h2 {
    color:#333333;
    font-family: georgia,"times new roman",serif;
    font-size:1.8em;
    font-style:italic;
    font-weight:normal;
    margin-bottom:1em;
    margin-top:0.5em;
    text-align:center;
}

h3 {
    font-family: "trebuchet ms",tahoma,arial,helvetica,sans-serif;
    font-size: 1.5em;
    text-align: center;
    margin-bottom: .5em;
}
h4 {
    font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
    font-size: 1.2em;
    font-style: italic;
    margin-bottom: .5em;
}
h5 {
    font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
    font-size: 1.5em;
    margin: 20px 0 5px 0;
    color: #2B46A1;
}

p {
    line-height: 130%;
    margin-bottom: .8em;
    text-align: left;
}

p.outro {
    color:#666666;
    font-size:0.9em;
    margin-bottom:0;
    padding:30px 100px 0;
    text-align:center;
}

#leftcolumn {
    width: 420px;
    float: left;
    margin: -100px 30px 0 0;
    padding-left: 25px;
    text-align: center;
}
#leftcolumn p {
    padding-top: 10px;
    text-align: left;
}
#rightcolumn {
    width: 250px;
    float: left;
    margin: 45px 0 0 0;
    padding-right: 25px;
}
#rightcolumn p {
    font-size: 10px;
    color: #666;
    text-align: center;
    margin: -3px 0 0 0;
}
#tweetbutton {
    margin-top: 10px;
}
.underline {
    color:#3646A8;
    text-decoration: underline;
}
.underline2 {
    font-size: 20px;
    font-weight:bold;
    color:#3646A8;
    text-decoration: none;
}

/*Start Contact Form Styling */

#contactform {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    border: 0px solid #e1e1e1;
    text-align: left;
}

#contactform2 {
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    border: 0px solid #e1e1e1;
    text-align: left;
}

#contactform2 form{
    margin-left: 20px;
}

#contactform2 .text{
    margin-left: 20px;
}

#contactform input[type=text] , #contactform input[type=password]{
    width: 100% !important;
    max-width: 270px ;
}

input[type=text] , textarea , input[type=password]{
    width: 100% !important;
    max-width: 300px ;
}

label {
    color: #333;
    font-weight: bold;
    display: inline-block;
    font-size: 90%;
    width: 150px;
    line-height: 25px;
    vertical-align: top;
}
input,textarea,select {
    border: 1px solid #bbb;
    background-color: #f8f8f8;
    padding: 5px;
    margin-bottom: 10px;

}

input {
    height: 28px;
}
#security_code {
    vertical-align: middle;
}
#security_image {
    vertical-align: middle;
    margin: 0 40px 0 0;
}
#submit {
    width: 100px;
    height: 30px;
    float: right;
    margin: 5px 15px 0 0;
}
input:focus,textarea:focus,select:focus {
    background-color: #FFF;
}
.warning {
    background-color: #feb1b1; color: #820101; padding:2px; margin: 20px; border: 1px solid #fe9090;
}
fieldset {
    border: 0px solid #ccc;
    background-color: white;
    padding: 10px 30px 10px 30px;
    margin: 20px auto 0 auto;
}
h1.contact {
    font-family: "trebuchet ms", georgia, "times new roman";
    font-size: 24px;
    color: #2b45a2;
    text-align: left;
    margin: 0;
    padding: 5px;
    /***background-color:#F9F9F9;***/
    border-bottom: 1px solid #ccc;
}
.email_complete {
    float: left;
    padding: 10px 20px 10px 10px;
}
/*End Contact Form Styling */

/* Container to right of slideshow */

.quickinfo {
    width: 180px;
    height: 250px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    border: 1px solid #253D54;
    color: #333;
    padding: 10px;
    float: left;
    text-align: left;
}
.quickinfo h3 {
    font-size: 18px;
    text-align: center;
    color: #253d54;
}
.quickinfo p{
    font-size: .9em;
    text-align: left;
    color: #333;
}


/* End container                   */

/* JQuery Slideshow Styles */

.gallery
{
    margin: 0 10px 20px 0;
    float: left;
    width: 480px;
    border: 1px solid #253d54;
    position: relative;
    overflow: hidden;
    max-width: 100%;
}
.image_container{position: absolute; z-index: 1;}
.image_container img {
    display: block;
    position: relative; 
    float: left;
    margin-right: 10px;
}			
a.next{position: absolute; z-index: 2; left: 422px; top: 120px; text-indent: -9999px; overflow: hidden; background: url(../images/sprite_home.png) -16px -16px no-repeat; width: 61px; height: 42px; display: block;}
a.prev{position: absolute; z-index: 2; left: -3px; top: 120px; text-indent: -9999px; overflow: hidden; background: url(../images/sprite_home.png) -78px -16px no-repeat; width: 61px; height: 42px; display: block;}
a.next:hover{background-position: -16px -59px;}
a.prev:hover{background-position: -78px -59px;}

/* End JQuery Slideshow */

.video_container {
    margin: 0 10px 10px 8px;
    float: left;
    max-width: 480px;
    height: 270px;
    border: 1px solid #253d54;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.video_container iframe {
    width: 100%;
    height: 270px;
}

.details-title h3 {
    text-align: left;
    color: #2B46A1;
    font-family: "trebuchet ms", tahoma, arial, helvetica, sans-serif;
    font-size: 1.5em;

}
.clear {
    clear: both;
}

/* Start random content css */
.random {
    visibility: hidden;
}
/* End random content css */

ul#advertise {
    margin-left: 30px;
}
ul#advertise li {
    padding-bottom: 10px;
}
#coupon {
    height: auto;
    padding: 25px;
    border: 2px dashed #cc0000;
    background: #eee;
    text-align: center;
    display: block;
}
#coupon img {
    float: left;
    width: 100px;
    padding: 0 10px 10px 0;
}
#coupon h2 {
    margin: 0 auto;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
}
p.coupon-text {
    font-size: 16px;
    font-style: normal;
    text-align: center;
    padding-bottom: 10px;
    clear: both;
}
p.expires {
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
    padding-bottom: 10px;
    clear: both;
}
p.biz-address {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    text-align: center;
}
em.print a {
    padding-top: 2px;
    font-style: normal;
    float: right;
}

/* Start TabMenu css */

#tabmenu {
    color: #333;
    border-bottom: 1px solid #CCCCCC;
    margin: 12px 0px 0px 0px;
    padding: 0px;
    z-index: 1;
    padding-left: 15px }

#tabmenu li {
    display: inline;
    overflow: hidden;
    list-style-type: none; }

#tabmenu a, a.active {
    color: #333;
    background: #F4F4F4;
    font: bold 1em "Trebuchet MS", Arial, sans-serif;
    border: 1px solid #CCCCCC;
    padding: 2px 15px 0px 15px;
    margin: 0;
    text-decoration: none; }

#tabmenu a.active {
    background: #fff;
    border-bottom: 1px solid #fff; color: #2b45a2; }

#tabmenu a:hover {
    color: #2b45a2; }

#tabmenu a.active:hover {
    color: #2b45a2; }


/* End TabMenu css */		

.table {
    color: #666;
    font-size: 90%;
    border: 1px solid #F4F4F4; 
}

.borderRight {
    border-right: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; 
}

.borderBottom {
    color: #666;
    font-size: 80%;
    border: 1px solid #F4F4F4; 
}

.table2 {
    color: #666;
    font-size: 90%;
}

.inputBox {
    color: #666;
    font-size: 12px;
    border: 1px solid #ccc;
    width:300px; height:16px;
}

#contactRightSection { width:240px; float:right; margin-top:-350px; font-size:12px; }	

.kevinImg {
    border: 1px solid #ECECEC;
    padding: 7px 7px 7px 7px;
}	

.list ul { margin:0 0 20px 6px; }
.list ul li { list-style-type:none; padding:0px 0px 5px 13px; margin:0px 0 5px 0px; background:url('../images/bullet.gif') no-repeat ;  }

a.contactLink { text-decoration:none; color:#2B46A1; font-size:90%; font-weight:bold; }
a.contactLink:hover { text-decoration:none; color:#333; }

.kevinImg2 {
    border: 1px solid #ECECEC;
    padding: 7px 7px 7px 7px; margin-right:20px; float:left;
}

a.signOutLink { text-decoration:none; color:#333; font-size:90%; font-weight:bold; float:right; margin:17px 0 0 0; }
a.signOutLink:hover { text-decoration:none; color:#2B46A1; }

a.footerLink { text-decoration:none; color:#333; font-size:11px; }
a.footerLink:hover { text-decoration:none; color:#2B46A1; }

a.footerLinkActive { text-decoration:none; color:#2B46A1; font-size:11px; font-weight:bold; }
a.footerLinkActive:hover { text-decoration:none; color:#2B46A1; }

/* New Style added by Kevin */
a.HomepageLink { text-decoration:none; color:#333; font-size:90%; font-weight:bold; float:right; margin:17px 20px 0 0; }
a.HomepageLink:hover { text-decoration:none; color:#2B46A1; }
/* End New Style by Kevin */


/* Featured Listing */

.featured-3{
    width: 33.3%;
}

.featured-2{
    width: 50%;
}

.featured-1{
    width: 100%;
}


.business-featured-details {
    text-align: center;
    padding: 18px 15px;
    border: 1px solid #dedede;
    box-sizing: border-box;
    margin-bottom: 25px;
    display: table-cell;
}

.business-featured-details p {
    text-align: center;
}
.featured-container {
    background-color: #f9f9f9;
    border: 1px solid #efefef;
    padding: 20px 0;
    margin-bottom: 25px;
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-spacing: 20px 0;
}
.featured-container .business-featured-details:nth-child(3n+3){
    margin-right: 0;
} 


.install#headermain {
    background: none;
}

.install#headermain h1 {
    padding: 0;
}
#googlemap>iframe{
    width: 100%;
}

@media(max-width:968px){
    #content .business-details .rating-box {
        margin-left: 0;
    }
}


/* Responsive Style */
@media(max-width:820px){


    .business-featured-details {
        width: 100%;
        max-width: 400px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .featured-container .business-featured-details:nth-child(3n+3){
        margin-right: auto;
    } 

    .gallery {
        display: block;
        float: none;
        margin: 0 auto 40px;
    }

    .video_container{
        display: block;
        float: none;
        margin: 0 auto 40px;

    }

    .quickinfo {
        float: none;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
            width: 93%; /*New Updated by Saiful*/
    }


}
@media only screen and (max-width:500px){

    #content .business-details .business-image {
        float: none;
        margin: 0 auto 10px;
        display: block;
    }


    .business-details.random {
        margin-bottom: 50px;
    }
    #coupon {
        padding: 1px;

    }
    .video_container{
        position: relative;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%; /* This will give you a 16 x 9 sized ratio */
    }
    .video_container > iframe {
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #content .business-details .business-image {
        float: none;
        width: 97%;
        padding: 1%;
    }

}
/* End Responsive Style */