body
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 12px;
    padding: 0px;
    background: #D0EBF4;
}
.socialbutton
{
    height: 30px;
    width: 30px;
}
.playerDiv
{
    float: left;
    width: auto;
    height: auto;
}
.playerContent
{
    float: left;
    width: 40%;
    height: auto;
}
.bodybg
{
  background-color: #D0EBF4;
  width: 980px;
  margin: auto;
  box-shadow: 0px 1px 10px 1px;
}

.tdbgcolor
{
    background-color: #FFDF95;
}
.tdbg
{
    background-color: #FFB200;
}

td
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
}
.text
{
    font-family: inherit;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.6;
}
.textlink
{
    color: Purple;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: underline;
}

a.textlink:Hover
{
    color: #645A22;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: underline;
}

.background
{
    background-image: url(header_1.jpg);
    background-repeat: no-repeat;
    background-color: #0771bb;
    height: 75px;
    border: 0px solid #0771bb;
    border-radius: 0 0 0 0;
}

.backgroundleft
{
    background-image: url(headerrt_1.jpg);
}

.backgroundright
{
    background-image: url(headerrt_1.jpg);
    background-repeat: no-repeat;
}

.backgroundcopyright
{
    background-image: url(copyrtbg_1.gif);
}

.backgrounbottom
{
    background-image: url(headerleft_1.jpg);
    width: 165;
    height: 11;
}

.backgrounleftnavtop
{
    background-image: url(leftnavtop_1.jpg);
    width: 152;
    height: 34;
}

.backgrounbottom1
{
    background-image: url(rtbotcorner_1.jpg);
    width: 29;
    height: 22;
}

.subtitle
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #F9FE80;
    float: right;
}

.newmenulinks
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    background-color: #FFDF95;
    text-decoration: none;
    border-right: 2px solid #ffffff;
    text-align: center;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.newmenulinksMouseOver
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #D42727;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    border-right: 2px solid #ffffff;
    text-align: center;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.title
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 14pt;
    color: #FFFFFF;
    float: right;
}
.col.mar-LEFT0
{
    margin-left: 0px !important;
}
.col.mar0
{
    margin: 0px !important;
}
.MainMenu
{
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    background-color: #FFB200;
    line-height: 20px;
    border-right: 2px solid #ffffff;
    text-align: center;
}

.MainMenuMouseOver
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #D42727;
    border-right: 2px solid #ffffff;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    background-image: url(mouseup.gif);
}

.SubMenu
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: #FFEBBF;
    background-color: #669999;
    cursor: hand;
    line-height: 20px;
    text-decoration: none;
    font-size: 11px;
    text-align: center;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    width: 120px;
}


.SubMenuMouseOver
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #FCE187;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    cursor: hand;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    width: 120px;
    line-height: 20px;
}


.featureheader
{
    font-family: Verdana, Arial, Helvetica;
    font-size: 11pt;
    font-weight: bold;
    color: #FFFFEC;
    line-height: 10px;
}
.featurecontent
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 9pt;
    color: #000000;
}



.copyright
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #FFFFFF;
    float: right;
    padding-right: 20px;
}
.paraheader1
{
    font-family: Verdana,Arial, Helvetica;
    font-size: 19pt;
    font-weight: bold;
    color: #012D77;
}
.tablecontent
{
    border-left: 1px solid #5C9E9A;
    border-bottom: 1px solid #5C9E9A;
    border-right: 1px solid #5C9E9A;
    border-top: 1px solid #5C9E9A;
}
.text_message
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    color: red;
}

.copyrtlink
{
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 8pt;
    text-decoration: underline;
}
a.copyrtlink:Hover
{
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 8pt;
    text-decoration: underline;
}

.privacylink
{
    color: #FFFFFF;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: underline;
}
a.privacylink:Hover
{
    color: #000000;
    font-family: Verdana,Arial,sans-serif;
    font-weight: normal;
    font-size: 9pt;
    text-decoration: underline;
}

.welcomeform
{
    color: #FFFFEC;
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: none;
}
a.welcomeform:Hover
{
    color: #FFFFEC;
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    font-size: 8pt;
    text-decoration: underline;
}

/* Main table bg background color*/
.maintablebgcolor1
{
    background-color: #FFFFFF;
}

/* Feature table header bg background color*/
.feattablebgcolor
{
    background-color: #5C9E9A;
    padding: 5px;
    width: 100%;
}


/* Feature Content table bg background color*/
td.featconttablebgcolor
{
    background-color: #CDE1E0;
}

/* Copyrt table bg background color*/
.copyrttablebgcolor
{
    background-color: #649CC2;
    border: 1px solid #649CC2;
    border-radius: 0 0 0 0;
}

.VLSubheading
{
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    color: Green;
    font-size: 17px;
}
.VLTitle
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #001462;
}
.blacklink
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    text-decoration: underline;
    color: Purple;
}

.blacklink:hover
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    text-decoration: underline;
    color: #645A22;
}

a.ResetBtn
{
    background: rgba(241,241,241,1);
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(100%, rgba(211,211,211,1)));
    background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
    background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
    background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(211,211,211,1) 100%);
    background:  #E5B95D;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d3d3d3', GradientType=0 );
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    font-weight: bold;
    width: 61px;
    height: 23px;
    cursor: hand;
    float: left;
    color: #000;
    text-decoration: none;
    padding: 3px;
    text-align: center;
}

.SendBtn
{
    width: 60px;
    height: 23px;
    cursor: hand;
    background: rgba(235,202,132,1);
    background: -moz-linear-gradient(top, rgba(235,202,132,1) 0%, rgba(227,181,82,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,202,132,1)), color-stop(100%, rgba(227,181,82,1)));
    background: -webkit-linear-gradient(top, rgba(235,202,132,1) 0%, rgba(227,181,82,1) 100%);
    background: -o-linear-gradient(top, rgba(235,202,132,1) 0%, rgba(227,181,82,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,202,132,1) 0%, rgba(227,181,82,1) 100%);
    background: linear-gradient(to bottom, rgba(235,202,132,1) 0%, rgba(227,181,82,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebca84', endColorstr='#e3b552', GradientType=0 );
    border: 1px solid #cea445;
    border-radius: 15px;
    font-weight: bold;
    float: left;
}
.mar-left5
{
    margin-left: 5px;
}
.SubscribeBtn
{
    background-image: url(subscribe.gif);
    width: 85;
    height: 20;
    border: 0;
    cursor: hand;
}

.UnsubscribeBtn
{
    background-image: url(Unsubscribe.gif);
    width: 103;
    height: 20;
    border: 0;
    cursor: hand;
}

.subhead
{
    font-family: Verdana,Arial,sans-serif;
    font-weight: bold;
    color: Green;
    font-size: 17px;
}

.imglogo
{
    height: 64px;
    width: 119px;
}

.textbox1, .select1
{
    width: 273px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 2px;
}

.textbox2
{
    width: 227px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 2px;
}

.seperator
{
    color: #FFFFFF;
}
/*----------------------*/
.editortext
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    color: #2D4B60;
}

.editor_link
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    color: #2D4B60;
    font-weight: normal;
}

a.editor_link:Hover
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 10pt;
    color: Purple;
    font-weight: normal;
}


.editor_text
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    color: #207FA6;
}

.editor_heading
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #8B4513;
}


.editor_subheader
{
    font-family: Verdana,Arial, Helvetica;
    font-size: 15px;
    font-weight: bold;
    color: #0147B8;
}

.editor_paraheader
{
    font-family: Verdana,Arial, Helvetica;
    font-size: 16px;
    font-weight: bold;
    color: #012D77;
}

.btnAppointment
{
    background-image: url(schedule.gif);
    width: 191;
    height: 20;
    border: 0;
    cursor: hand;
    cursor: pointer;
}

.SendEmailBtn
{
    background-image: url(send_email.gif);
    width: 88;
    height: 19;
    border: 0;
    cursor: hand;
}
.3DeyeBtn
{
    background-image: url(appointment.jpg);
}

/*DHTML Window CSS Starts*/
.dhtmlwindow
{
    position: absolute;
    border: 2px solid black;
    visibility: hidden;
    background-color: white;
}

.drag-handle
{
    /*CSS for Drag Handle*/
    padding: 1px;
    text-indent: 3px;
    font: bold 14px Arial;
    background-color: #4D6EA5;
    color: white;
    cursor: move;
    overflow: hidden;
    width: auto;
    filter: progid:DXImageTransform.Microsoft.alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.drag-handle .drag-controls
{
    /*CSS for controls (min, close etc) within Drag Handle*/
    position: absolute;
    right: 1px;
    top: 2px;
    cursor: hand;
    cursor: pointer;
}

* html .drag-handle
{
    /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
    width: 100%;
}


.drag-contentarea
{
    /*CSS for Content Display Area div*/
    border-top: 1px solid brown;
    background-color: white;
    color: black;
    height: 150px;
    padding: 2px;
    overflow: auto;
}

.drag-statusarea
{
    /*CSS for Status Bar div (includes resizearea)*/
    border-top: 1px solid gray;
    background-color: #F8F8F8;
    height: 13px; /*height of resize image*/
}


.drag-resizearea
{
    /*CSS for Resize Area itself*/
    float: right;
    width: 13px; /*width of resize image*/
    height: 13px; /*height of resize image*/
    cursor: nw-resize;
    font-size: 0;
}

#pnlleft
{
    border: 0px solid #cde1e0;
    border-radius: 30px;
    display: table;
    width: 100%;
}
.pnlleft
{
    width: 16% !important;
	padding-left: 5px;
}
.pnlPageContent
{
    width: 82% !important;
}
/*DHTML Window CSS Ends*/
/* Grid System Starts here*/
/*  SECTIONS  */
.section
{
    clear: both;
    padding: 0px;
    margin: 0px;
}

/*  COLUMN SETUP  */
.col
{
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}
.col:first-child
{
    margin-left: 0;
}

/*  GROUPING  */
.group:before, .group:after
{
    content: "";
    display: table;
}
.group:after
{
    clear: both;
}
.group
{
    zoom: 0; /* For IE 6/7 */
}
/*  GRID OF TWELVE  */
.span_12_of_12
{
    width: 100%;
}

.span_11_of_12
{
    width: 91.53%;
}
.span_10_of_12
{
    width: 83.06%;
}

.span_9_of_12
{
    width: 73.6%;
}

.span_8_of_12
{
    width: 66.13%;
}

.span_7_of_12
{
    width: 57.66%;
}

.span_6_of_12
{
    width: 49.2%;
}

.span_5_of_12
{
    width: 40.73%;
}

.span_4_of_12
{
    width: 32.26%;
}

.span_3_of_12
{
    width: 23.8%;
}

.span_2_of_12
{
    width: 15.33%;
}

.span_1_of_12
{
    width: 6.866%;
}
.bodycontain
{
    border: 1px solid red;
}
.pnlleft ul
{
    list-style: none;
    margin: 23px 0px;
    padding: 0px;
}
.boxleft
{
    background: #cde1e0;
    border: 0px;
    border-radius: 30px;
    display: flex;
}
#ImgListTable
{
    padding-left: 10px;
}
.order-content
{
    border: 0px;
    border-radius: 0 0 0 3px;
}
ul.products
{
    margin: 0px;
    padding: 0px;
}
.products li
{
    display: inline-block;
    float: left;
    width: 50%;
    height: 195px;
}
img
{
    max-width: 100%;
    height: auto;
}
table
{
    width: 100% important;
}
.textcenter
{
    text-align: center;
}
.welcome-form
{
    display: none;
}
.pnlleft ul#divImgListTable{ margin-left:10px; margin-top:-12px; padding-top:0px;}
ul#divImgListTable li{  float:left; padding-top:3px; padding-bottom:3px;}
ul#divImgListTable li:last-child{ margin-bottom:10px;}
@media (max-width: 768px)
{
    body
    {
        padding: 0px;
    }
    .bodybg
    {
        width: 100%;
    }
    .pnlPageContent
    {
        width: 97% !important;
    }

    ul#divImgListTable{}
    ul#divImgListTable li:first-child{ margin-left:10px;}
ul#divImgListTable li{  float:left;  padding-left:3px; padding-right:3px;}
    }
 @media (max-width: 480px)
 {
      body
    {
        padding: 0px;
    }
    .bodybg
    {
        width: 100%;
    }
    .pnlPageContent
    {
        width: 97% !important;
    }
     }
@media only screen and (max-width: 480px)
{
    .pnlleft
    {
        width: 24% !important;
    }
    .pnlPageContent
    {
        width: 74% !important;
    }
	.pnlleft ul#divImgListTable{ margin-left:10px; margin-top:5px; padding-top:0px; text-align:center;}
ul#divImgListTable li{  float:none; padding-top:3px; padding-bottom:3px; display:list-item;}
ul#divImgListTable li:last-child{ margin-bottom:10px;}

}
@media only screen and (max-width: 480px)
{
    .col
    {
        margin: 1% 0 1% 0%;
    }

    .pnlPageContent, .pnlleft, .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .bodycontain .span_3_of_12, .bodycontain .span_9_of_12
    {
        width: 100% !important;
    }
}

/* Grid Ststem Ends here*/

@media only screen and (max-width: 780px)
{
    .background
    {
        background-image: url(header_1.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }
    .background .span_9_of_12
    {
        width: 74.6% !important;
    }
    .background .span_3_of_12
    {
        width: 23.8% !important;
    }
    .bodycontain
    {
        display: table;
    }
    .subtitle
    {
        font-size: 9pt;
    }
    .title
    {
        font-size: 11pt;
    }
    img
    {
        max-width: 100%;
    }

    #ImgListTable
    {
        width: auto !important;
        margin: auto;
    }

    .pnlleft
    {
        background: #fff;
  margin: 0px;
  margin-top: 10px;
  width: 100% !important;
  padding-bottom: 3px;
  padding-left: 0;
    }
    .boxleft
    {
        border-radius: 30px;
    }
    .copyrttablebgcolor
    {
        border-radius: 0 0 30px 30px;
    }
    #pnlPageContent
    {
        padding: 5px;
    }

    .products li
    {
        width: 100%;
    }
    
    .welcome-form
    {
        display: block;
    }
	 .dispnonemb{ display:none;}
}
@media only screen and (max-width: 480px)
{
    .background
    {
        background-image: url(header_11.jpg);
        background-repeat: no-repeat;
        background-position: left;
    }
    .background .span_9_of_12
    {
        width: 74.6% !important;
    }
    .background .span_3_of_12
    {
        width: 23.8% !important;
    }
    .bodycontain
    {
        display: table;
    }
    .subtitle
    {
        font-size: 6pt;
    }
    .title
    {
        font-size: 11pt;
    }
    img
    {
        max-width: 100%;
    }
    .disp480
    {
        display: none;
    }
    #ImgListTable
    {
        width: 100%;
        margin: auto;
    }

    .pnlleft
    {
        background: #D0EBF4;
        margin: 0px;
        display:block;
    }
    .dispnonemb{ display:none;}
    .boxleft
    {
        border-radius: 0px;
    }
    .copyrttablebgcolor
    {
        border-radius: 0 0 30px 30px;
    }
    #pnlPageContent
    {
        padding: 5px;
    }

    .products li
    {
        width: 100%;
    }
}

@media only screen and (max-width: 480px)
{
    .subtitle
    {
        font-size: 6pt;
    }
    .title
    {
        font-size: 7pt;
    }
    .order-content
    {
        padding: 5px;
    }
    #ImgListTable td
    {
        text-align: center;
    }
    .background
    {
        background-image: url(header_11.jpg);
    }
    
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1)
{
    .disp480
    {
        display: block !important;
    }
    .ipad .col.span_1_of_12
    {
        width: 10%;
    }
    .ipad .col.span_11_of_12
    {
        width: 87%;
    }

}
@media only screen and (max-width: 550px)
{
    .background
    {
        position: fixed;
        width:100%;
    } 
    .pnlPageContent{ margin-top:75px;}  
    ul#divImgListTable li{ display:block;}
}