﻿body {
    margin: 0px;
    padding: 0px;
    /*border-top: 2px solid #0076bc;*/
    font-family: arial;
    font-size: 12px;
    color: #656565;
}

    body#bg {
        background: url(../images/homebg.jpg) top center no-repeat;
    }

a {
    text-decoration: none;
}

ul, li, span, p, h1, h2, h3, form, div {
    margin: 0px;
    padding: 0px;
}

    div.clr {
        clear: both;
    }

    div.abttext {
        float: left;
        margin-right: 15px;
        font-family: "Myriad Pro", Calibri;
        color: #4d4d4d;
        width: 145px;
        font-size: 11px;
        font-family: arial;
        color: #343434;
    }

    /*org icons begins*/
    div.fixsocial {
        position: fixed;
        right: 0px;
        top: 25%;
        z-index: 9999;
    }

        div.fixsocial a {
            color: #fff;
            font-family: "Myriad Pro", Calibri;
            font-size: 15px;
            line-height: 29px;
        }

#inner {
    height: 29px;
    width: 145px;
    background-color: #7f1e00;
    float: right;
    margin-right: -120px;
}

#arrow {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

#hover_area1 {
    margin-top: 3px;
}

#inner1 {
    height: 29px;
    width: 100px;
    background-color: #e30282;
    float: right;
    margin-right: -150px;
    top: 30px;
}

#arrow1 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 32px;
    right: 0;
    margin-bottom: 5px;
}

#hover_area2 {
    margin-top: 3px;
}

#inner2 {
    height: 29px;
    width: 150px;
    background-color: #d92231;
    float: right;
    margin-right: -130px;
    top: 100px;
}

#arrow2 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 64px;
    right: 0;
}

#hover_area3 {
    margin-top: 3px;
}

#inner3 {
    height: 29px;
    width: 200px;
    background-color: #8601ae;
    float: right;
    margin-right: -180px;
    top: 100px;
}

#arrow3 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 96px;
    right: 0;
}

#hover_area4 {
    margin-top: 3px;
}

#inner4 {
    height: 29px;
    width: 155px;
    background-color: #06559b;
    float: right;
    margin-right: -150px;
    top: 30px;
}

#arrow4 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 128px;
    right: 0;
}

#hover_area6 {
    margin-top: 3px;
}

#inner6 {
    height: 29px;
    width: 100px;
    background-color: #cf8701;
    float: right;
    margin-right: -100px;
    top: 30px;
}

#arrow6 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 160px;
    right: 0;
}

#hover_area7 {
    margin-top: 3px;
}

#inner7 {
    height: 29px;
    width: 180px;
    background-color: #aa6489;
    float: right;
    margin-right: -150px;
    top: 30px;
}

#arrow7 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 192px;
    right: 0;
}

#hover_area8 {
    margin-top: 3px;
}

#inner8 {
    height: 29px;
    width: 150px;
    background-color: #959300;
    float: right;
    margin-right: -150px;
    top: 30px;
}

#arrow8 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 224px;
    right: 0;
}

#hover_area9 {
    margin-top: 3px;
}

#inner9 {
    height: 29px;
    width: 180px;
    background-color: #007c26;
    float: right;
    margin-right: -150px;
    top: 30px;
}

#arrow9 {
    height: 29px;
    width: 29px;
    float: right;
    cursor: pointer;
    position: absolute;
    top: 256px;
    right: 0;
}


/*org icons end*/

/*Header Begins*/

#main-container {
    width: 100%;
    min-height: 112px;
}

    #main-container #header {
        width: 1000px;
        margin: auto;
    }

#topbar {
    float: right;
    width: 570px;
}

#topright {
    text-align: center;
    width: 439px;
    height: 27px;
    line-height: 27px;
    float: right;
    position: relative;
    bottom: 0px;
}

#main-container #header a.homec {
    float: left;
    background: url(../images/home.png) top center no-repeat;
    padding: 5px 8px;
    font-family: "Myriad Pro", calibri;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    bottom: 1px;
}

#main-container #header a.support {
    float: left;
    background: url(../images/supp.png) top center no-repeat;
    padding: 5px 8px;
    font-family: "Myriad Pro", calibri;
    font-size: 14px;
    color: #fff;
    text-align: center;
    position: relative;
    bottom: 1px;
    margin-left: 5px;
}

#menucont {
    float: left;
    clear: both;
    background: url(../images/menu-border.png) bottom left repeat-x;
    width: 1000px;
    margin-top: 15px;
    position: relative;
    z-index: 9;
}

    #menucont #menuright {
        float: right;
        width: 730px;
        position: relative;
        z-index: 9999;
        padding:36px 10px;
    }


div.serachbar {
    float: right;
    margin-top: 0px;
}

div.searchbox {
    background: url(../images/search-box.png) top left no-repeat;
    width: 191px;
    height: 30px;
    float: left;
    margin-right: 10px;
}

div.serachbar input {
    border: none;
    color: #535353;
    float: left;
    font-size: 11px;
    height: 18px;
    line-height: 14px;
    margin-left: 5px;
    width: 152px;
    margin-top: 5px;
}

div.serachbar #btn-submit {
    background: url("../images/search.jpg") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    height: 24px;
    margin-left: 5px;
    margin-top: 2px;
    width: 22px;
}


div.social {
    float: left;
    margin-top: 2px;
}

div.menubar {
    float: left;
    /*margin-top: 22px;*/
    clear: both;
}

#nav {
    float: right;
    margin: 0;
    padding: 0;
}

    #nav li {
        list-style: none;
        position: relative;
    }

        #nav li a, #nav li {
            float: left;
        }

            #nav li a {
                text-decoration: none;
                color: #333;
                font-family: "Myriad Pro", Calibri;
                font-size: 16px;
                color: #2e2e2e;
                padding: 8px 7px 8px 7px;
            }

                #nav li a:hover {
                    background: #fefefe;
                }

                #nav li.active {
                    background: #fefefe;
                }


.hasChildren {
    position: absolute;width: 0px;
    height: 0px;
    background: none;
    right: 0;
    bottom: 0;
}

#nav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    width: 542px;
    padding: 15px 10px 10px 10px;
    background: url(../images/menuulbg.jpg) top left repeat-x;
    box-shadow: 0px 4px 8px #ccc;
}

    #nav li ul li {
        _display: inline;
        float: left;
        width: 180px;
        margin-right: 10px;
        margin-bottom: 5px;
        padding-top: 3px;
        box-shadow: none !important;
    }

        #nav li ul li a {
            background: url(http://www.srlworld.com/images/libd.jpg) bottom left repeat-x;
            padding-left: 10px;
            font-family: arial;
            font-size: 12px;
            padding: 0px 10px 5px 10px;
            margin-left: 0px;
            display: block;
            text-transform: none;
            color: #6e6e6e;
        }


/*Header Ends*/

/*Slide begin*/

#home-banner {
    width: 100%;
    text-align: center;
    margin-top: 0px;
    float: left;
}

#content_inner {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

.slides1_wrap {
    position: relative;
    width: 1000px;
}

.auto_controls {
position: absolute;
bottom: 15px;
display: none;
}

.auto_controls a {
font-size: 16px;
color: #a3a3a3;
outline: 0;
padding: 2px;
}

a.homemore1 {
    float: right;
    text-decoration: none;
    color: #0076bc;
    font-family: "Myriad Pro", Calibri;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

#slides1 .content1 {
    float: right;
    width: 350px;
    margin-top: 150px;
    text-align: left;
}

.slides1_wrap .prev {
position: absolute;
display: none;
left: -6px;
top: 100px;
outline: 0;
}

.slides1_wrap .next {
position: absolute;
right: 90px;
top: 100px;
outline: 0;
display: none;
}

.bx_pager {
position: absolute;
bottom: 15px;
right: 0;
}

.bx_pager a {
float: left;
background: url(../images/bg_pager.png) no-repeat 0 -21px;
width: 14px;
height: 17px;
color: #fff;
font-size: 0px;
margin-right: -5px;
padding: 4px 0 0 7px;
}

.bx_pager a:hover, .bx_pager a.active {
background-position: 0 0;
text-decoration: none;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#slides1 li {
    list-style: none;
    width: 1000px;
    float: left;
    list-style: none;
    position:relative;
    /*margin-right: 70px;*/
}

.animation-pane{
    position: absolute;
    /* font-family: 'Oswald', sans-serif; */
    /* font-family: 'Dosis', sans-serif; */
    font-family: 'Poiret One', Arial;
    font-size: 4em;
    width: 346px;
    text-align: right;
    
    color: black;
    right: 7px;
    top: 132px;
}

    #slides1 li > img {
        width: 650px;
        height: 411px;
    }
/*Slide end*/

/* Body part begins*/

#container {
width: 100%;
background: url(../images/homecontentbg.jpg) top center no-repeat;
min-height: 295px;
float: left;
}

#incontainer {
width: 1000px;
margin: auto;
padding-top: 20px;
}

div.homemarkee {
float: left;
margin: 0px 0px 10px;
font-family: arial;
font-size: 12px;
font-weight: bold;
border-bottom: 1px dashed #656565;
padding-bottom: 10px;
color: #0076bc;
width: 100%;
}

:host {
display: inline-block;
width: -webkit-fill-available;
overflow: hidden;
text-align: initial;
white-space: nowrap;
}

#left-container {
float: left;
width: 1000px;
}

#left-container h2.hometitle {
font-family: 'Poiret One', Arial;
font-size: 21px;
font-weight: normal;
color: #3eb056;
margin-bottom: 10px;
}

.seo1 {
color: #656565;
font-family: arial;
font-size: 12px;
font-weight: normal;
text-align: justify;
line-height: 18px;
margin-bottom: 10px;
}

.seo2 {
display: inline;
}

#left-container h1 {
font-family: 'Poiret One', Arial;
font-size: 21px;
font-weight: normal;
color: #3eb056;
margin-bottom: 10px;
}

.seo1 h1 {
color: #656565 !important;
display: inline;
font-family: arial !important;
font-size: 12px !important;
font-weight: normal;
padding-left: 0px;
}

.seo3 {
display: inline;
}

#left-container p {
text-align: justify;
line-height: 18px;
color: #656565;
}

a.readmore {
float: right;
font-size: 11px;
color: #0076bc;
font-weight: bold;
text-decoration: none;
margin-top: 4px;
cursor:pointer;
}

#box-2 {
margin-top: 16px;
/*float: left;*/
padding-left:56px;
}
#content_inner,
#content_inner *,
#content_inner *:before,
#content_inner *:after,
.slides1_wrap,
.slides1_wrap *,
.slides1_wrap *:before,
.slides1_wrap *:after,
.bxslider_container,
.bxslider_container *,
.bxslider_container *:before,
.bxslider_container *:after,
#box-2,
#box-2 *,
#box-2 *:before,
#box-2 *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

a.srl2 {
background: url(../images/box2.png) top left no-repeat;
width: 186px;
height: 207px;
margin-right: 10px;
float: left;
padding: 15px;
text-align: center;
text-decoration: none;
}

a.srl1 {
background: url(../images/box1.png) top left no-repeat;
width: 186px;
height: 207px;
margin-right: 10px;
float: left;
padding: 15px;
text-align: center;
text-decoration: none;
}

a.srl3 {
background: url(../images/box3.png) top left no-repeat;
width: 186px;
height: 207px;
margin-right: 10px;
float: left;
padding: 15px;
text-align: center;
text-decoration: none;
}

a.srl4 {
background: url(../images/box4.png) top left no-repeat;
width: 186px;
height: 202px;
margin-right: 10px;
float: left;
padding: 15px;
text-align: center;
text-decoration: none;
}

#box-2 p {
text-align: center;
line-height: 16px;
font-size: 11px;
}
#left-container p {
text-align: justify;
line-height: 18px;
color: #656565;
}

#box-2 h2 {
font-family: 'Poiret One', Arial;
margin-bottom: 3px;
font-weight: bolder;
margin-top: 172px;
}
a.srl2 h2 {
font-family: 'Poiret One', Arial;
color: #8f8f8f;
font-size: inherit;
margin-bottom: 3px;
text-decoration: none;
font-weight: normal;
margin-top: 125px;
}


a.srl1 h2 {
font-family: 'Poiret One', Arial;
color: #8f8f8f;
font-size: inherit;
margin-bottom: 3px;
text-decoration: none;
font-weight: normal;
margin-top: 125px;
}

a.srl3 h2 {
font-family: 'Poiret One', Arial;
color: #8f8f8f;
font-size: inherit;
margin-bottom: 3px;
text-decoration: none;
font-weight: normal;
margin-top: 125px;
}

a.srl4 h2 {
font-family: 'Poiret One', Arial;
color: #8f8f8f;
font-size: inherit;
margin-bottom: 3px;
text-decoration: none;
font-weight: normal;
margin-top: 125px;
}

#box-3 {
background: url(../images/blue-green-box.jpg) top left no-repeat;
width: 673px;
height: 153px;
float: left;
margin-bottom: 15px;
}

#box-3 .month {
width: 328px;
padding: 0px;
float: left;
}

#box-3 .health {
margin: 0px;
float: right;
margin-right: 8px;
}


#right-container {
float: right;
width: 300px;
}

div.video {
margin-bottom: 10px;
float: left;
margin-top: 10px;
}

.promo {
margin-bottom: 8px;
margin-left: 4px;
float: left;
}

a.logr {
background: url("../images/logreport.jpg") no-repeat scroll left top transparent;
width: 148px;
height: 35px;
float: left;
}

div.latest-news {
list-style: none;
}

div.latest-news {
float: left;
}

div.latest-news {
background: url(../images/news-bg.png) top left no-repeat;
width: 273px;
height: 82px;
float: left;
padding: 15px;
margin-bottom: 5px;
}

#right-container h2.whatnew {
font-family: 'Poiret One', Arial;
font-size: 21px;
font-weight: normal;
color: #3eb056;
margin-bottom: 10px;
}

div.latest-news a {
color: #656565;
text-decoration: none;
background: url(../images/li.png) top left no-repeat;
padding-left: 15px;
margin-bottom: 0px;
float: left;
}

div.newsletter {
background: url(../images/nesletterbg.png) top left no-repeat;
width: 273px;
height: 52px;
float: left;
padding: 10px 15px;
color: #585858;
}


div.newsletter h2 {
background: url(../images/news-icon.png) center left no-repeat;
padding-left: 30px;
margin-bottom: 3px;
font-family: 'Poiret One', Arial;
color: #c14930;
font-size: 17px;
font-weight: normal;
}
/* Body part ends*/

/*Footer begins*/

div#footerout {
background: url(../images/footbg.jpg) top left repeat-x;
width: 100%;
float: left;
height: 89px;
border-bottom: 2px solid #0076bc;
}

div#footer {
width: 1000px;
margin: auto;
}

div#footer #links {
float: left;
width: 1000px;
margin: 15px 0px 5px;
}

div#footer {
width: 1000px;
margin: auto;
}

div#footer #links ul {
text-align: center;
}

div#footer #links ul li.bdrnone {
border: none;
}
div#footer #links ul li {
list-style: none;
display: inline-block;
margin-bottom: 12px;
border-left: 1px solid #8b8b8b;
padding-left: 5px;
padding-right: 9px;
line-height: 8px;
}

div#footer #links ul li a {
color: #8b8b8b;
text-decoration: none;
margin-left: 5px;
font-size: 11px;
}

div#footer .copy {
color: #8b8b8b;
float: left;
font-size: 11px;
margin-left: 0px;
/*width: 350px;*/
}

/*Footer end*/


/*Consumer begins*/

#inside-banner {
width: 100%;
text-align: center;
margin-top: 0px;
float: left;
background: #fbfaf8;
}

#incontainer {
width: 1000px;
margin: auto;
padding-top: 20px;
}

div#breadcrumb {
float: left;
clear: both;
width: 100%;
margin: 15px 0px;
font-size: 12px;
border-bottom: 1px dashed #d2d2d2;
padding-bottom: 10px;
}

div#breadcrumb a {
text-decoration: none;
color: #303030;
font-size: 12px;
}

span.current {
color: #3DB7E4;
font-weight: bold;
}

#leftbarfull {
float: left;
width: 1000px;
margin-bottom: 15px;
}

span.green {
color: #2ea948;
}

span.first {
font-size:36px;
}

#leftbarfull h1 {
font-family: 'Poiret One', Arial;
font-size: 21px;
font-weight: bolder;
color: #3eb056;
margin-bottom: 10px;
}

#leftbarfull p {
text-align: justify;
line-height: 17px;
color: #656565;
margin-bottom: 10px;
}

#leftbarfull p.content {
text-align: justify;
line-height: 25px;
font-size:15px;
color: #656565;
margin-bottom: 10px;
}


a.patien4 {
background: url("../images/push4.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #ff9393;
}

a.patien4:hover {
background: url("../images/push4-hover.png") no-repeat scroll left top;
color: #fff;
}
/*
a.patien4 span {
width: 145px;
float: right;
margin-right: 15px;
margin-top: 10px;
text-decoration: none;
}
a.patien4 span h2 {
font-weight: normal;
font-family: "Myriad Pro", Calibri;
font-size: 17px;
}

*/
a[class^='patien'] span h2 {
font-weight: normal;
font-family: "Myriad Pro", Calibri;
font-size: 17px;
}

a[class^='patien'] span {
width: 145px;
float: right;
margin-right: 15px;
margin-top: 10px;
text-decoration: none;
}



a.patien3 {
background: url("../images/push3.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #49c7ee;
}

a.patien3:hover {
background: url("../images/push3-hover.png") no-repeat scroll left top;
color: #fff;
}

a.patien7 {
background: url("../images/push7.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #6681b9;
}

a.patien7:hover {
background: url("../images/push7-hover.png") no-repeat scroll left top;
color: #fff;
}

a.patien1 {
background: url("../images/push1.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #8da128;
}

a.patien1:hover {
background: url("../images/push1hover.png") no-repeat scroll left top;
color: #fff;
}

a.patien5 {
background: url("../images/push5.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #44a174;
}

a.patien5:hover {
background: url("../images/push5-hover.png") no-repeat scroll left top;
color: #fff;
}

a.patien11 {
background: url("../images/push11.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #bc9cc6;
}

a.patien11:hover {
background: url("../images/push11-hover.png") no-repeat scroll left top;
color: #fff;
}

a.patien9 {
background: url("../images/push9.png") no-repeat scroll left top;
width: 232px;
height: 97px;
float: left;
margin: 0px 17px 10px 0px;
color: #b17c81;
}

a.patien9:hover {
background: url("../images/push9-hover.png") no-repeat scroll left top;
color: #fff;
}

div.customerno {
float: left;
background: url("../images/coustomerno.jpg") no-repeat scroll top left;
padding-left: 250px;
font-family: "Myriad Pro", Calibri;
font-size: 16px;
line-height: 22px;
margin-top: 10px;
}

/*Consumer Ends*/

.table-inner-border
{
	
	border-collapse: collapse;
	width:100%;

}

.table-inner-border td, table th {
    border: 1px solid #D9D9D9;
}
.table-inner-border tr:first-child td {
    border-top: 0;
}
.table-inner-border tr:last-child td {
    border-bottom: 0;
}
.table-inner-border tr td:first-child,
.table-inner-border tr th:first-child {
    border-left: 0;
}
.table-inner-border tr td:last-child,
.table-inner-border tr th:last-child {
    border-right: 0;
}

p.lead {
  font-size: 17px !important;
  line-height: 26px;
}




.modal .modal-body {
    max-height: 520px;
    overflow-y: auto;
}

.info-sec
{
	display:none;
	height:300px;
	background-color:Red;	
}

#box-2 > a
{
	cursor:pointer;	
}