/*

Theme Name: Skin Health Solutions

Theme URI: http://www.yourpracticeonline.net

Description: This theme is completely compatible with WordPress 4.0

Author URI: http://www.yourpracticeonline.net

Version: 1.0

*/

/* ------------------------------ Fonts CSS ------------------------------ */

@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'robotolight';
    src: url('/fonts/roboto-light-webfont.eot');
    src: url('/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-light-webfont.woff') format('woff'),
         url('/fonts/roboto-light-webfont.ttf') format('truetype'),
         url('/fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('/fonts/roboto-regular-webfont.eot');
    src: url('/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-regular-webfont.woff') format('woff'),
         url('/fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'MargotRegular';
    src: url('/fonts/MargotRegular.eot');
    src: url('/fonts/MargotRegular.eot') format('embedded-opentype'),
         url('/fonts/MargotRegular.woff2') format('woff2'),
         url('/fonts/MargotRegular.woff') format('woff'),
         url('/fonts/MargotRegular.ttf') format('truetype'),
         url('/fonts/MargotRegular.svg#MargotRegular') format('svg');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('/fonts/RobotoMedium.eot');
    src: url('/fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('/fonts/RobotoMedium.woff2') format('woff2'),
         url('/fonts/RobotoMedium.woff') format('woff'),
         url('/fonts/RobotoMedium.ttf') format('truetype'),
         url('/fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'robotobold';
    src: url('/fonts/roboto-bold-webfont.eot');
    src: url('/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/roboto-bold-webfont.woff') format('woff'),
         url('/fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoThin';
    src: url('/fonts/RobotoThin.eot');
    src: url('/fonts/RobotoThin.eot') format('embedded-opentype'),
         url('/fonts/RobotoThin.woff2') format('woff2'),
         url('/fonts/RobotoThin.woff') format('woff'),
         url('/fonts/RobotoThin.ttf') format('truetype'),
         url('/fonts/RobotoThin.svg#RobotoThin') format('svg');
}
@font-face {
    font-family: 'open_sanslight';
    src: url('/fonts/opensans-light-webfont.eot');
    src: url('/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opensans-light-webfont.woff') format('woff'),
         url('/fonts/opensans-light-webfont.ttf') format('truetype'),
         url('/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------------------------ Global CSS ------------------------------ */
#toTop {
  width: 100px;
  background: #3CC2C5;
  text-align: center;
  position: fixed;
  bottom: 84px;
  right: 0px;
  cursor: pointer;
  display: none;
  color: #ffffff;
  font-family: verdana;
  font-size: 12px;
  padding: 5px;
  z-index: 10;
  border-radius: 5px 0 0 5px;
}
#toTop:hover {
  background: #3CC2C5;
}


#dc_jqaccordion_widget-2-item{font: bold 14px Arial, sans-serif; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
#dc_jqaccordion_widget-2-item ul, #dc_jqaccordion_widget-2-item ul li {margin: 0; padding: 0; border: none; list-style: none;}
#dc_jqaccordion_widget-2-item ul a {padding: 10px 10px 10px 50px; background: #ececec; text-decoration:none; display: block; color: #333; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 1px 1px 1px #fff;}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent, #dc_jqaccordion_widget-2-item ul a.dcjq-parent:hover {background: #D7D4D4 url(/images/bg_grey.png) repeat-x 0 -1px;}
#dc_jqaccordion_widget-2-item ul a .dcjq-icon {position: absolute; top: 50%; left: 14px; width: 34px; margin-top: -17px; height: 34px; background: url(/images/arrow_grey_right.png) no-repeat 0 center;}
#dc_jqaccordion_widget-2-item ul a.dcjq-parent.active .dcjq-icon {background: url(/images/arrow_grey_down.png) no-repeat 0 center;}
#dc_jqaccordion_widget-2-item ul a:hover {background: #fff; color: #990000;}


body, h1, h2, h3, h4, h5, p, ul, ol, li {

padding: 0px;

margin: 0px;

}

textarea {

font-size: 12px;

}

h1 {

font-size: 24px;

}

h2 {

font-size: 22px;

}

h3 {

font-size: 20px;

}

h4 {

font-size: 19px;

}

ul li {

list-style-type: none;

}

a {

outline: none;

text-decoration: none;

}

p {

font-family: Verdana, Geneva, sans-serif;

font-size: 12px;

}

img {

border: none;

max-width: 100%;

vertical-align: middle;

}

.clear {

clear: both;

}

/*** common styles ***/

header, #menu-wrapper, #interactivity-wrapper, #services-wrapper, #cosmetic-wrapper, #container-wrapper, #skin-health-wrapper, #contact-wrapper, footer, #interactivity-wrapper-s, section {

width: 100%;

float: left;

}

.header, .menu, .interactivity, .services, .cosmetic-wrapper, .container, .skin-health-solutions, .contact, .footer, .section {

max-width: 960px;

float: none;

margin: 0 auto;

}

/*** header styles starts here ***/

header {

border-bottom: 1px solid #ebebeb;

}

.header-left {
  float: left;
  width: 25%;
}

.header-right {

float: right;

width: 340px;

}

.call-us a {

float: right;

color: #413e3b;

padding: 0 0 6px 0;

font: normal 26px 'robotolight';

margin: 40px 0 0 0;

}

.appointment {

width: 100%;

float: right;

}

.header-smo {

width: 45%;

float: left;

}

.header-smo li {

float: left;

text-indent: -99999px;

margin: 0 1px;

}

.header-smo li a {

width: 26px;

height: 24px;

display: block;

margin: 0 0 0 3px;

}

.header-smo .linkedin a {

background: url(/images/sprite.png) -39px -48px no-repeat;

}

.header-smo .twitter a {

background: url(/images/sprite.png) -76px -48px no-repeat;

}

.header-smo .gp a {

background: url(/images/sprite.png) -115px -48px no-repeat;

}

.header-smo .fb a {

background: url(/images/sprite.png) -153px -48px no-repeat;

}

.header-smo .yt a {

background: url(/images/sprite.png) -185px -48px no-repeat;

}

.header-smo .linkedin a:hover {

background: url(/images/sprite.png) -39px -14px no-repeat;

}

.header-smo .twitter a:hover {

background: url(/images/sprite.png) -76px -14px no-repeat;

}

.header-smo .gp a:hover {

background: url(/images/sprite.png) -115px -14px no-repeat;

}

.header-smo .fb a:hover {

background: url(/images/sprite.png) -153px -14px no-repeat;

}

.header-smo .yt a:hover {

background: url(/images/sprite.png) -185px -14px no-repeat;

}

.book-app {

float: right;

font: normal 15px 'robotoregular';

border: 1px solid #6a757c;

border-radius: 3px;

}

.book-app a {

color: #ffffff;

display: block;

padding: 6px 16px;

background: #616d74;

}

.book-app a:hover {

background: #aad044;

}

/*** header ends starts here ***/



/*** menu styles starts here ***/

#menu-wrapper {

height: 46px;

}

#access {

float: left;

position: relative;

z-index: 101;

}

#access li {

float: left;

display: inline;

position: relative;

}

#access a {

float: left;

padding: 12px 60px 12px 60px;

font: normal 15px 'open_sanslight';

color: #4d5a62;

background: url(/images/menu-divider.jpg) right center no-repeat;

display: block;

}

#access li:first-child a {

float: left;

}

#access li:last-child a {

float: right;

background: none;

}

#access ul li {

float: left;

}

#access a:hover, #access ul li:hover > a, #access li a:hover, #access li a.active, #access li a.selected, #access > li:hover > a, #access li.current-menu-item > a, #access > li.current_page_ancestor > a {

color: #aad044;

}

#access ul ul {

display: none;

float: left;

margin: 0;

position: absolute;

left: -9px;

z-index: 100;

top: 39px;

opacity: 0.95;

padding: 8px;

}

#access ul ul ul {

left: 96%;

top: -8px;

}

#access ul ul.sub-menu a {

font: normal 13px 'open_sanslight';

color: #ffffff;

z-index: 999;

width: 175px;

text-transform: capitalize;

border-bottom: 1px dotted #8f979c;

opacity: 1.0;

padding: 5px 5px 5px 28px;

background: url(/images/sprite.png) -21px -473px no-repeat #4d5a62;

}

#access ul ul.sub-menu a:hover, #access ul ul.sub-menu li:hover > a {

color: #aad044;

background: url(/images/sprite.png) -16px -517px no-repeat #4d5a62;

}

#access ul ul ul.sub-menu a {

width: 203px;

display: block;

opacity: 1.0;

}

#access ul li:hover > ul {

display: block;

}

.mobile_menu {

display: none;

float: left;

width: 100%;

}

.mobile_menu a {

color: #4d5a62;

padding: 10px 0 10px 0;

position: relative;

font: bold 20px 'open_sanslight';

display: block;

text-align: center;

}

.slidingDiv {

clear: both;

width: 100%;

margin: 0 auto 15px;

display: none;

}

.slidingDiv aside {

width: 100%;

margin: 0;

min-height: 0;

}

.slidingDiv li a {

letter-spacing: 0.5px;

padding: 10px 10px 10px 20px;

font: normal 17px Calibri;

}

/*** menu ends starts here ***/



/*** banner styles starts here ***/

#interactivity-wrapper, #interactivity-wrapper-s {

background: url(/images/banner-bg.jpg) 0px 0px repeat-x;

overflow: hidden;

position: relative;

}

#interactivity-wrapper .interactivity {

height: 400px;

}

#interactivity-wrapper-s .interactivity {

height: 220px;

}

#interactivity-wrapper #callbacks1_s0 {

background: url(/images/banner-face-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s1 {

background: url(/images/banner-body-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s2 {

background: url(/images/banner-brest-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s3 {

background: url(/images/banner-skin-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper .banner-text {

padding: 123px 0 0 70px;

}

#interactivity-wrapper-s .banner-text {

padding: 63px 0 0 99px;

}

#interactivity-wrapper .banner-text h2, #interactivity-wrapper-s .banner-text h2 {

font: normal 48px 'RobotoThin';

color: #010101;

}

#interactivity-wrapper .banner-text p, #interactivity-wrapper-s .banner-text p {

font: normal 30px 'MargotRegular';

color: #e96e0f;

}

.Intra-L, .Intra-R {

position: absolute;

width: 486px;

height: 100%;

padding: 0px;

}

.Intra-L {

margin: 0px 0px 0px -486px;

}

.Intra-R {

margin: 0px 0px 0px 960px;

}

#interactivity-wrapper #callbacks1_s0 .Intra-L, #interactivity-wrapper #callbacks1_s1 .Intra-L, #interactivity-wrapper #callbacks1_s2 .Intra-L, #interactivity-wrapper #callbacks1_s3 .Intra-L {

background:url(/images/banner-intra-l.jpg) right 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s0 .Intra-R {

background: url(/images/banner-face-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s1 .Intra-R {

background: url(/images/banner-body-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s2 .Intra-R {

background: url(/images/banner-brest-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper #callbacks1_s3 .Intra-R {

background: url(/images/banner-skin-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s0 {

background: url(/images/inner-banner-face-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s1 {

background: url(/images/inner-banner-body-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s2 {

background: url(/images/inner-banner-brest-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s3 {

background: url(/images/inner-banner-skin-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s0 .Intra-L, #interactivity-wrapper-s #callbacks1_s1 .Intra-L, #interactivity-wrapper-s #callbacks1_s2 .Intra-L, #interactivity-wrapper-s #callbacks1_s3 .Intra-L {

background:url(/images/inner-banner-left-img.jpg) right 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s0 .Intra-R {

background: url(/images/inner-banner-face-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s1 .Intra-R {

background: url(/images/inner-banner-body-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s2 .Intra-R {

background: url(/images/inner-banner-brest-right-img.jpg) 0px 0px no-repeat;

}

#interactivity-wrapper-s #callbacks1_s3 .Intra-R {

background: url(/images/inner-banner-skin-right-img.jpg) 0px 0px no-repeat;

}

/*** slider styles starts here ***/

#slider1 {

position: relative;

/*max-width: 941px;

min-width: 320px;*/

margin: 0px auto;

height: 100%;

}

#slider1 li {

height: 100%;

width: 100%;

margin: 0px auto;

float: none !important;

}

#slider3-pager {

list-style: none;

width: 2000px;

padding-bottom: 18px;

}

.page-section {

float: left;

width: 100%;

z-index: 5;

position: absolute;

bottom: 0;

}

.page-section #slider1-pager {

margin: 0 auto;

max-width: 920px;

}

.page-section #slider1-pager li {

float: left;

text-align: center;

padding-right: 0px;

margin-right: 0px;

list-style-type: none;

}

.page-section #slider1-pager li a {

text-decoration: none;

font-size: 36px;

color: #0A2240;

}

.page-section #slider1-pager li.callbacks_here a {

color: #B94746;

}

/* slider 2 css */

#slider2 {

position: relative;

list-style: none;

/*width: 100%;*/

padding: 0;

margin: 0;

}

.callbacks_nav:active {

opacity: 1.0;

}

.callbacks_nav {

position: absolute;

/* -webkit-tap-highlight-color: rgba(0,0,0,0); */

bottom: 3%;

right: 5%;

opacity: 0.7;

z-index: 5;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

width: 15px;

}

.callbacks_nav.next {

right: 0;

bottom: 3%;

}

.callbacks2_nav:active {

opacity: 1.0;

}

.callbacks2_nav {

position: absolute;

/* -webkit-tap-highlight-color: rgba(0,0,0,0); */

bottom: 3%;

right: 5%;

opacity: 0.7;

z-index: 3;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

width: 12px;

margin-top: 0px;

}

.callbacks2_nav.next {

right: 0%;

background-position: right top;

}

.rslides {

position: relative;

list-style: none;

/*overflow: hidden;*/

width: 100%;

padding: 0;

margin: 0;

}

.rslides li {

-webkit-backface-visibility: hidden;

position: absolute;

display: none;

width: 100%;

left: 0;

top: 0;

}

.rslides li:first-child {

position: relative;

display: block;

float: left;

}

.rslides img {

display: block;

height: auto;

float: left;

width: auto;

border: 0;

}

.callbacks_nav:active {

opacity: 1.0;

}

.callbacks_nav {

position: absolute;

/* -webkit-tap-highlight-color: rgba(0,0,0,0); */

opacity: 0.7;

z-index: 5;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

width: 100px;

height: 103px;

top: 31%;

}

.callbacks_nav.next {

right: 0;

}

.callbacks2_nav:active {

opacity: 1.0;

}

.callbacks2_nav {

position: absolute;

/* -webkit-tap-highlight-color: rgba(0,0,0,0); */

bottom: 3%;

right: 5%;

opacity: 0.7;

z-index: 3;

text-indent: -9999px;

overflow: hidden;

text-decoration: none;

width: 25px;

margin-top: 0px;

}

.callbacks2_nav.next {

right: 0%;

background-position: right top;

}

.callbacks_nav.prev {

background: url(/images/banner-left-arrow.png) 0px 0px no-repeat;

left: 106px;

}

.callbacks_nav.next {

background: url(/images/banner-right-arrow.png) 0px 0px no-repeat;

right: 65px;

}

.page-section {

float: left;

width: 100%;

z-index: 5;

position: absolute;

bottom: 0;

}

.page-section #slider2-pager {

margin: 0 auto;

max-width: 920px;

}

.page-section #slider2-pager li {

float: left;

text-align: center;

padding-right: 0px;

margin-right: 0px;

list-style-type: none;

}

.page-section #slider2-pager li a {

text-decoration: none;

font-size: 36px;

color: #0A2240;

}

.page-section #slider2-pager li.callbacks_here a {

color: #B94746;

}

#slider3 {

position: relative;

list-style: none;

overflow: hidden;

width: 100%;

padding: 0;

margin: 0;

}

/*** banner ends starts here ***/



/*** services styles starts here ***/

#services-wrapper {

background: url(/images/services-bg.jpg) 0px 0px repeat;

padding: 30px 0 50px 0;

}

.services ul li {

float: left;

text-transform: uppercase;

font: normal 16px 'MargotRegular';

width: 33%;

height: 120px;

text-align: center;

border-right: 1px solid #3ad1d5;

}

.services ul li a {

color: #ffffff;

padding: 100px 0 0 0;

display: block;

}

.services ul li a:hover {

color: #0c5a5c;

}

.services ul li.mole a {

background: url(/images/mole-skin-cancer-screening.png) center 0px no-repeat;

}

.services ul li.injectable a {

background: url(/images/injectable-cosmetics.png) center 0px no-repeat;

}

.services ul li.skin-care a {

background: url(/images/skin-care-treatments.png) center 0px no-repeat;

}

.services ul li.cosmetic-tattoo a {

background: url(/images/cosmetic-tattooing-h.png) center 0px no-repeat;

}

.services ul li.mole a:hover {

background: url(/images/mole-skin-cancer-screening-hover.png) center 0px no-repeat;

}

.services ul li.injectable a:hover {

background: url(/images/injectable-cosmetics-hover.png) center 0px no-repeat;

}

.services ul li.skin-care a:hover {

background: url(/images/skin-care-treatments-hover.png) center 0px no-repeat;

}

.services ul li.cosmetic-tattoo a:hover {

background: url(/images/cosmetic-tattooing-h-on.png) center 0px no-repeat;

}

.services ul li.cosmetic-tattoo, .services ul li.skin-care {

border-right: none;

}

/*** services ends starts here ***/

.video-container {
  text-align: center;
}

/*** cosmetic wrapper styles starts here ***/

.cosmetic-wrapper {

text-align: center;

}

.cosmetic-wrapper h2 {

font: normal 30px/20px 'MargotRegular';

color: #aad044;

padding: 45px 0 16px 0;

}

.cosmetic-wrapper p {

color: #000000;

font: normal 14px 'robotoregular';

padding: 0 0 45px 0;

}



.welcome-solution {

  float: left;

    width: 100%;	

}



/*.welcome-video {

	float:left; 

	margin-top:20px;

}*/

/*** cosmetic wrapper ends starts here ***/



#youtube-wrapper {

/*background: url(/images/youtube-video-bg.jpg) center 0px no-repeat;

background-size: 100% 100%;

clear:both;*/



background: url(/images/video-bg.jpg) center 0px repeat-x;

clear:both;

}







/*** container styles starts here ***/

#container-wrapper {

background: url(/images/container-bg.jpg) center 0px no-repeat #f2f2f2;

background-size: 100% 100%;

}

.container-left, .skin-health-solutions-left, .contact-left {

float: left;

width: 515px;

}

.container-right, .skin-health-solutions-right, .contact-right {

float: right;

width: 380px;

}

.container-right {

padding: 50px 0 0 63px;

}

.container-right h4 {

background: url(/images/bottom-bg.png) 0px bottom no-repeat;

font: normal 20px 'RobotoMedium';

color: #ffffff;

padding: 0 0 6px 0;

text-transform: uppercase;

}

.container-right h2 {

font: normal 40px 'MargotRegular';

color: #000000;

padding: 12px 0 7px 0;

}

.container-right p {

font: normal 15px 'robotolight';

margin: 0 0 23px 0;

}

.container-right .read-more a {

border: 1px solid #000000;

color: #000000;

font: 15px "RobotoMedium";

padding: 3px 15px;

float: left;

margin: 10px 0px 0px 0px;

}

/*** container ends starts here ***/



/*** skin health solutions styles starts here ***/

#skin-health-wrapper {

background: url(/images/skin-health-bg.jpg) center 0px no-repeat #B1CDE5;

padding: 0 0 25px 0;

}

.skin-health-solutions-left h2, .skin-health-solutions-right h2 {

font: normal 24px 'RobotoMedium';

color: #273208;

text-transform: uppercase;

padding: 10px 0px 10px 0px;

}

.skin-health-solutions-left img {

float: left;

margin: 0 15px 0 0;

}

.skin-health-solutions-left ul {

width: 273px;

float: left;

}

.skin-health-solutions-left ul li {

border-bottom: 1px dotted #88a9bc;

float: left;

width: 100%;

padding: 5px 0 4px 0;

font: normal 17px 'robotoregular';

}

.skin-health-solutions-left ul li:last-child {

border-bottom: none;

}

.skin-health-solutions-left ul li a {

color: #273208;

}

.skin-health-solutions-left ul li a:hover {

color: #f57f24;

}

.date {

background: url(/images/sprite.png) -13px -114px no-repeat;

width: 59px;

float: left;

font: normal 15px/18px 'robotobold';

height: 65px;

text-align: center;

padding: 3px 0 0 0;

color: #fff;

}

.date a {

color: #ffffff;

}

.news {

float: left;

width: 258px;

margin: 0 0 0 20px;

}

.news h4 {

font: normal 18px 'robotoregular';

color: #273208;

padding: 0 0 10px 0;

}

.news p {

font: normal 15px 'robotolight';

color: #273208;

padding: 0 0 7px 0;

}

.news a {

color: #1a979a;

font: normal 15px 'robotoregular';

}

/*** skin health solutions ends starts here ***/



/*** contact styles starts here ***/

#contact-wrapper {

background: url(/images/contact-bg.jpg) center 0px no-repeat #727D83;

padding: 35px 0;

}

#contact-wrapper .callbacks_nav {

width: 33px;

height: 36px;

top: 33%;

}

#contact-wrapper .callbacks_nav.prev {

background: url(/images/sprite.png) -25px -302px no-repeat;

left: 0px;

}

#contact-wrapper .callbacks_nav.next {

background: url(/images/sprite.png) -27px -370px no-repeat;

right: 0px;

}

#contact-wrapper h2 {

font: normal 24px 'MargotRegular';

color: #ffffff;

text-transform: uppercase;

padding: 0 0 5px 0;

}

.contact-left {

position: relative;

}

.contact-img {

float: left;

margin: 0 0 0 75px;

}

.contact-text {

float: left;

padding: 0 0 0 31px;

}

.contact-text p {

font: normal 15px 'robotolight';

color: #ffffff;

padding: 0 0 7px 0;

}

.contact-text span {

font: normal 15px 'robotolight';

color: #010101;

}

.contact-text span a {

text-decoration: underline;

color: #010101;

}

.footer-smo li {

float: left;

text-indent: -99999px;

margin: 0 1px;

}

.footer-smo li a {

width: 66px;

height: 62px;

display: block;

}

.footer-smo .linkedin a {

background: url(/images/sprite.png) -21px -194px no-repeat;

}

.footer-smo .twitter a {

background: url(/images/sprite.png) -82px -194px no-repeat;

}

.footer-smo .gp a {

background: url(/images/sprite.png) -145px -194px no-repeat;

}

.footer-smo .fb a {

background: url(/images/sprite.png) -206px -194px no-repeat;

}

.footer-smo .yt a {

background: url(/images/sprite.png) -271px -194px no-repeat;

}
.footer-smo .linkedin a:hover {

background: url(/images/sprite.png) -7px -589px no-repeat;

}

.footer-smo .twitter a:hover {

background: url(/images/sprite.png) -68px -589px no-repeat;

}

.footer-smo .gp a:hover {

background: url(/images/sprite.png) -131px -589px no-repeat;

}

.footer-smo .fb a:hover {

background: url(/images/sprite.png) -192px -589px no-repeat;

}

.footer-smo .yt a:hover {

background: url(/images/sprite.png) -256px -589px no-repeat;

}

.contact-right p {

padding: 0 0 5px 17px;

font: normal 15px 'robotolight';

color: #ffffff;

}

.contact-right p a {

color: #ffffff;

}

.contact-right h4 {

color: #ffffff;

font: 17px "robotolight";

padding: 0 0 10px 16px;

}

.contact-right .news-letter-form input {

background: none repeat scroll 0 0 #e5e9eb;

border: 0 none;

height: 20px;

padding: 5px;

width: 129px;

}

.contact-right .news-letter-form input[type="email"] {

border: none;

padding: 0 0 0 7px;

width: 182px;

border-top-left-radius: 3px;

border-bottom-left-radius: 3px;

}

.contact-right .news-letter-form input[type="submit"] {

background: none repeat scroll 0 0 #414f57;

border: medium none;

border-bottom-right-radius: 3px;

border-top-right-radius: 3px;

color: #b5b8ba;

cursor: pointer;

font: 16px "robotoregular";

height: 32px;

margin: -36px 0 0 157px;

width: 100px;

}

/*** contact ends starts here ***/

/*** footer styles starts here ***/

footer {

background: #4d5a62;

padding: 28px 0 38px 0;

}

.footer-left {

float: left;

font: normal 14px 'robotolight';

color: #b3b7ba;

}

.footer-left p {

padding: 0 0 5px 0;

}

.footer-left a {

color: #b3b7ba;

}

.footer-right {

float: right;

}

/*** footer ends starts here ***/

/*** section styles here ***/

section {

padding: 0 0 20px 0;

}

/*** article styles starts here ***/

/*** article styles ends here ***/

article {

float: left;

width: 662px;

}

.breadcrumb {

font: bold 12px Verdana, Geneva, sans-serif;

color: #5a5a5a;

padding: 10px 0 30px 10px;

}

.breadcrumb a {

font: normal 12px Verdana, Geneva, sans-serif;

color: #5a5a5a;

text-decoration: underline;

}

.hr {

border-bottom: 1px dotted #688aa5;

height: 10px;

}

.widget-title {

display: none;

}

.inner-contact {

width: 98%;

float: left;

border: 1px solid #3ec1c3;

}

.textMain .inner-contact h3 {

background: #3ec1c3;

color: #ffffff;

font: bold 15px Verdana, Geneva, sans-serif;

padding: 5px 0 5px 10px;

margin: 0;

}

.textMain .inner-contact h3 a {

color: #ffffff;

text-decoration: none;

}

.textMain .inner-contact p {

padding: 0 0 0 10px;

}

.contact-iframe iframe {

width: 98%;

height: 400px;

border: 1px solid #3ec1c3;

margin: 10px 0 0 0;

}

.textMain .images-list li {

float: left;

padding: 0;

width: 30%;

margin: 5px 10px;

}

.textMain .inner-services-list li {

float: left;

text-align: center;

width: 33%;

padding: 10px 0px;

margin:10px 0px;

}

.textMain .inner-services-list li span {

display:block;

}

.textMain .feedback-div ul li, .textMain .images-list li, .textMain .contact-online-div ul li, .textMain .inner-services-list li {

background: none;

}

/*----- textMain Starts -----*/

.textMain {

font: normal 12px/18px Verdana, Geneva, sans-serif;

color: #4d5a62;

padding: 10px 10px 30px 10px;

text-align: justify;

}

.textMain p {

margin: 8px 0 12px 0;

}

.textMain a {

color: #4d5a62;

text-decoration: underline;

}

.textMain a:hover {

color: #aad044;

}

.textMain ul {

padding: 0px;

margin: 10px 0px;

}

.textMain ol {

padding: 0px;

margin: 10px 0px 0px 30px;

}

.textMain ul li {

background: url(/images/list-icon1.png) no-repeat 2px 5px;

padding: 5px 0px 5px 30px;

list-style: none;

}

.textMain ol li {

padding: 5px 0px 5px 0px;

list-style: decimal;

}

.textMain ul ul, .textMain ol ol {

margin: 0px;

padding: 5px 0px 5px 20px;

}

.textMain ul ul li {

background: none;

padding: 5px 0px;

list-style: circle;

}

.textMain ol ol li {

padding: 5px 0px;

list-style-type: lower-alpha;

}

.textMain ul ul ul li {

list-style: square;

}

.textMain ol ol ol li {

list-style: lower-roman;

}

.textMain li p {

margin: 5px 0px;

}

/*----- textMain Heading Starts -----*/

.ypocmstitle {

font: normal 24px/20px Verdana, Geneva, sans-serif;

color: #4d5a62;

margin: 0px 0px 18px 0px;

padding: 0 0 8px 0;

text-align: left;

border-bottom: 1px dashed #4d5a62;

}

.textMain h2 {

font: normal 22px Verdana, Geneva, sans-serif;

color: #073f6c;

text-align: left;

}

.textMain h2 a {

color: #b76100;

}

.textMain h2 a:hover {

text-decoration: underline;

}

.textMain h3 {

font: normal 17px Verdana, Geneva, sans-serif;

color: #3ac0c3;

text-align: left;

margin: 18px 0 0 0;

}

.textMain h3 a {

color: #d77200;

}

.textMain h3 a:hover {

text-decoration: underline;

}

.textMain h4 {

font: normal 15px Verdana, Geneva, sans-serif;

color: #073f6c;

text-align: left;

}

.textMain h4 a {

color: #eda600;

}

.textMain h4 a:hover {

text-decoration: underline;

}

.textMainBold {

font: bold 13px Verdana, Geneva, sans-serif;

color: #4d5a62;

text-align: left;

}

.textMainBold a {

color: #005087;

}

.textMainBold a:hover {

text-decoration: underline;

}

.PDFtext {

font: normal 10px Verdana, Arial, Helvetica, sans-serif;

color: #999999;

}

/*** form styles ***/

.mandatory-text, .feedback-div ul li label span, .contact-online-div ul li label span {

color: #f57f24;

}

.feedback-div, .contact-online-div {

width: 98%;

float: left;

border: 1px solid #3ec1c3;

margin: 0 0 15px 0;

}

.feedback-div ul li {

width: 100%;

float: left;

margin: 5px 0;

}

.feedback-div ul li label {

width: 38%;

float: left;

text-align: right;

font: bold 11px Verdana, Geneva, sans-serif;

margin: 0 10px 0 0px;

color: #616d74;

}

.feedback-div ul li input[type="text"], .feedback-div ul li input[type="email"], .feedback-div ul li textarea, .feedback-div ul li select, .online-personal ul li input[type="text"], .online-contact-details ul li input[type="text"], .online-contact-details ul li input[type="email"], .online-comments textarea {

width: 190px;

border: 1px solid #3ec1c3;

}

.feedback-div ul li.full-list-buttons, .contact-online-div ul li.full-list-buttons {

width: 53%;

float: right;

}

.feedback-div ul li.full-list-buttons input[type="submit"], .feedback-div ul li.full-list-buttons input[type="reset"], .contact-online-div ul li.full-list-buttons input[type="submit"], .contact-online-div ul li.full-list-buttons input[type="reset"] {

background: #3ec1c3;

color: #ffffff;

cursor: pointer;

border: none;

padding: 5px 15px;

font-weight: bold;

}

.wpcf7-captchac {

width: 150px;

height: auto;

}

.textMain .contact-online-div h3 {

background: #3ec1c3;

font: bold 15px Verdana, Geneva, sans-serif;

color: #ffffff;

padding: 5px 0 5px 10px;

margin: 0;

}

.online-personal ul li {

float: left;

width: 31%;

padding: 0 9px 10px 5px;

}

.online-contact-details ul li {

width: 43%;

float: left;

}

.online-contact-details ul li.full-list {

width: 94%;

float: left;

}

.online-personal ul li label, .online-contact-details ul li label {

width: 100%;

float: left;

font: bold 11px Verdana, Geneva, sans-serif;

margin: 0 0px 2px 0px;

color: #616d74;

}

.online-comments textarea {

width: 85%;

margin: 0 0 0 10px;

}

.contact-online-div .online-comments label span, .contact-online-div .online-contact-details ul li.full-list label span {

color: #616d74;

font-weight: bold;

}

/** Tell A friend Styles **/

#tell-friend {

width: 100%;

bottom: 2%;

visibility: hidden;

position: fixed;

z-index: 999999;

}

#tell-friend .form-container {

border: 2px solid #3ec1c3;

background: #ffffff;

font: normal 12px/16px Verdana, Geneva, sans-serif;

color: #333333;

position: relative;

top: 10%;

margin: 0px auto;

display: block;

}

.form-container {

background: #EFEAF0;

border: 2px solid #3ec1c3 !important;

height: auto;

margin: 15px auto;

padding: 0 0 20px 0;

width: 370px;

}

#tell-friend .form-container h2 {

color: #3ec1c3;

font: 26px/26px sans-serif;

padding: 10px 0 0 10px;

}

#tell-friend .form-container .close {

background: url(/images/amazon-style-close-button-md.png) 0 0;

padding: 0px;

position: absolute;

right: 0px;

}

#tell-friend .form-container a {

float: right;

margin: -30px 5px 0 0;

width: 6%;

}

#tell-friend .form-container a {

float: right;

}

.form-container .button-style input[type='reset'], .form-container .button-style input[type='submit'] {

background: #3ec1c3;

color: #fff;

padding: 6px 8px;

border: none;

cursor: pointer;

font-weight: bold;

}

#tell-friend .form-container a:hover {

color: #ff6600;

}

.friend-form input[type="text"], .friend-form input[type="email"], .friend-form textarea {

border: 1px solid #3ec1c3;

margin: 6px 8%;

padding: 4px 4px;

text-decoration: none;

vertical-align: middle;

width: 81%;

}

#tell-friend .wpcf7-captcha-captcha {

height: auto;

width: 160px;

margin: 0 0 0 85px;

}

.wpcf7-captcha-captcha-177, .wpcf7-captchac {

width: 200px;

height: 60px;

}

.friend-form .your-message textarea {

height: 80px;

padding: 0px 4px !important;

}

.button-style {

margin: auto 23%;

width: 52%;

float: none;

}

#tell-friend .form-container .close {

background: url(/images/amazon-style-close-button-md.png) 0 0;

background-size: 100%;

padding: 0px;

right: -3px;

top: 32px;

height: 29px;

width: 29px;

}

div.wpcf7 .watermark {

color: #2b2b2b !important;

font: normal 12px Verdana, Geneva, sans-serif;

}

/*** aside styles starts here ***/

aside {

float: right;

width: 240px;

}

.aside-services {

background: url(/images/aside-services-bg.png) 0px 0px repeat-x;

width: 94%;

padding: 0px 7px 0px 10px;

margin: 10px 0 10px 0;

}

.aside-services li {

font: normal 14px 'MargotRegular';

text-transform: uppercase;

border-bottom: 1px solid #53c8cb;

}

.aside-services li a {

color: #ffffff;

padding: 12px 0 12px 30px;

display: block;

background: url(/images/sprite.png) -30px -419px no-repeat;

}

.aside-services li a:hover {

color: #0c5a5c;

background: url(/images/aside-services-hover-icon.png) 0px 14px no-repeat;

}

.aside-services li.skin-care {

border-bottom: none;

}

.aside-cosmetic {

background: #f1efef;

width: 100%;

}

.aside-cosmetic h2 {

color: #aad044;

font: normal 22px/24px 'MargotRegular';

padding: 6px 0 6px 10px;

}

.aside-offers {

background: url(/images/aside-special-offer-bg.jpg) 0px 0px no-repeat;

float: left;

width: 100%;

padding: 0 0 18px 0;

}

.aside-offers h4 {

background: url(/images/aside-special-offers-bottom-bg.png) center bottom no-repeat;

color: #ffffff;

font: normal 16px 'RobotoMedium';

text-transform: uppercase;

padding: 11px 0 7px 10px;

}

.aside-offers h2 {

font: normal 24px/28px 'MargotRegular';

color: #000000;

padding: 7px 0 7px 10px;

}

.aside-offers p {

font: normal 15px 'robotolight';

margin: 0 0 10px 10px;

}

.aside-offers .read-more a {

border: 1px solid #000000;

color: #000000;

float: left;

font: 15px "RobotoMedium";

margin: 5px 0 0 10px;

padding: 2px 15px;

}

.aside-skin-health {

background: url(/images/aside-skin-health-bg.jpg) 0px 0px no-repeat, url(/images/aside-skin-blank-bg.jpg) 0px bottom no-repeat;

width: 94%;

float: left;

padding: 17px 7px 15px 10px;

margin: 10px 0 10px 0;

}

.aside-skin-health h2 {

font: normal 17px/22px 'MargotRegular';

color: #273208;

text-transform: uppercase;

padding: 0 0 10px 0;

}

.aside-skin-health ul li {

font: normal 14px/27px 'robotoregular';

border-bottom: 1px dotted #84a8ba;

}

.aside-skin-health ul li:last-child {

border-bottom: none;

}

.aside-skin-health ul li a {

color: #273208;

display: block;

}

.aside-skin-health ul li a:hover {

color: #f57f24;

}

.aside-news {

font: normal 17px 'MargotRegular';

text-transform: uppercase;

background: url(/images/aside-news-bg.jpg) 0px 0px no-repeat;

float: left;

width: 100%;

margin: 0 0 40px 0;

}

.aside-news a {

color: #273208;

display: block;

padding: 13px 0 7px 10px;

}

#doccontainer {

width: 100%;

}

.docrow {

margin: 5px auto;

position: relative;

width: 100%;

}

.docleft, .docright {

border: 2px solid #39c0c3;

border-bottom-left-radius: 20px;

border-top-right-radius: 20px;

clear: both;

min-height: 105px;

padding: 10px;

position: relative;

}

.docmiddle {

height: 10px;

}

.docleft img, .docright img {

border: 2px solid #39c0c3;

float: left;

margin-right: 15px;

}

.spcl-text p {

color: #000;

font: 17px/19px "robotoregular";

margin: 0px 0 8px 0px;

padding: 0;

}

.spcl-text ul {

margin: 2px 0px 0px 0px;

padding: 0px;

}

.spcl-text ul li {

color: #000;

font: 12px/16px "robotoregular";

list-style: outside none disc;

margin: 2px 0 7px 5px;

padding: 0;

}
.header-middle {
  float: left;
  margin: 30px 0;
  text-align: center;
  width: 36%;
}

.textMain .headshot {
  float: right;
  margin-top: 0;
  margin-left: 15px;
}
.headshot img {
  padding: 5px;
  border: 2px solid #ccc;
}
.doc-bio {
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.doc-bio div {
  display: inline-block;
  vertical-align: middle;
}
#youtube-wrapper {
  background: url(/images/video-bg.jpg) center 0 repeat-x;
  clear: both;
  padding-top: 20px;
}
.doc-bio div:nth-child(2n) {
  width: 70%;
}

/*** aside styles ends here ***/

/*** RWD ***/

@media screen and (max-width:1024px) {

.callbacks_nav.prev {

left: 0px !important;

}

.callbacks_nav.next {

right: 0px !important;

}

.callbacks_nav {

width: 58px !important;

}

}



@media screen and (max-width:951px) {
.header-right {
  float: left;
  width: 32%;
}
.appointment {
  float: right;
  width: auto;
}
.call-us a {
  color: #413e3b;
  float: right;
  font: 26px "robotolight";
  margin: 10px 0;
  padding: 0 0 6px;
}
.header-smo {
  clear: both;
  float: none;
  position: relative;
  top: -7px;
  width: auto;
}
.header-smo li {
  margin: 0 8px;
}
.book-app {
  clear: both;
  float: none;
  width: 177px;
}
.callbacks_nav.prev {

left: 0px;

}

.callbacks_nav.next {

right: 0px;

}

.container-left, .skin-health-solutions-left, .contact-left {

width: 50%;

}

.container-right, .skin-health-solutions-right, .contact-right {

width: 41%;

}

.footer-left {

padding: 0 0 0 10px;

}

.footer-right, .header-right {

padding: 0 10px 0 0;

}

.container-right h4 {

background: url("/images/bottom-bg.png") no-repeat -40px bottom;

}

.contact-text {

width: 41%;

}

.contact-img {

width: 37%;

margin: 0 0 0 63px;

}

article {

width: 70%;

}

aside {

margin: 0 10px 0 0;

}

#access a {

padding: 12px 31px;

}

#access li:first-child a {

padding: 12px 29px 12px 10px;

}

#contact-wrapper {

background-size: 100% 100%;

}

.online-personal ul li {

width: 42%;

}

.textMain ul.online-xray-referal li.full-list {

padding: 5px 0;

}

.welcome-solution {

  float: left;

  width: 90%;	

 margin:0px 0px 0px 15px;

}



.welcome-video {

	float:right; 

	margin-top:50px ;

	width:45%;

	margin-right:10px;

}

}



@media screen and (max-width:815px) {

.skin-health-solutions-left ul {

width: 63%;

}

.news {

width: 76%;

}

.contact-img {

margin: 0 0 0 40px;

}

.services ul li {

width: 33%;

}

.container-right {

padding: 20px 0 0

}

.container-right, .skin-health-solutions-right, .contact-right {

width: 45%;

}

#skin-health-wrapper {

background-size: 100% 100%;

}

.container-left, .skin-health-solutions-left, .contact-left {

width: 53%;

}

.skin-health-solutions-left ul {

width: 61%;

}

article {

width: 66%;

}

.online-personal ul li {

width: 45%;

}

#access a {

padding: 12px 45px;

}

.online-contact-details ul li {

width: 43%;

}

.welcome-solution {

  float: left;

    width: 90%;	

margin-left:15px;	

}



/*.welcome-video {

	float:right; 

	margin-top:50px ;

	width:45%;

	margin-right:10px;

}*/

}



@media screen and (max-width:709px) {

.date {

width: 56px;

}

.news {

width: 75%;

}

.skin-health-solutions-left ul {

width: 59%;

}

.contact-text {

padding: 0 0 0 11px;

}

article {

width: 60%;

}

#access a {

padding: 12px 38px;

}

.welcome-solution {

  float: left;

    width: 100%;	

}



.welcome-video {

	float:left; 

	margin:20px ;

}

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}

 

.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

}



@media screen and (max-width:640px) {
.video-container iframe{
	width:100% !important;
}
.header-left {
  clear: both;
  float: none;
  text-align: center;
  width: auto;
}
.header-middle {
  float: none;
  margin: 5px 0;
  text-align: center;
  width: auto;
}
.header-right {
  float: none;
  margin: 0 auto;
  width: 185px;
  clear: both;
}
.services ul li {

width: 29%;

margin: 0 10px;

}

.container-right h2 {

font: normal 30px/28px "MargotRegular";

}

.skin-health-solutions-left ul {

width: 54%;

}

.news {

width: 72%;

}

#contact-wrapper {

background-size: 100% 100%;

}

.contact-text {

width: 46%;

}

.feedback-div ul li label {

text-align: left;

width: 90%

}

.feedback-div ul li.full-list-buttons, .contact-online-div ul li.full-list-buttons {

width: 86%;

float: left;

}

#access a {

padding: 12px;

}

#access li:last-child a {

padding: 12px 0 12px 18px;

}

#access li:first-child a {

padding: 12px 18px 12px 10px;

}

.online-personal ul li {

width: 48%;

}

.online-contact-details ul li.full-list {

padding: 0;

}

.textMain .inner-services-list li {

float:none;

width:100%;

}

.welcome-solution {

  float: left;

  width: 95%;	

}



/*.welcome-video {

	float:left; 

	margin:20px ;

	 width: 90%;		

}*/

}



@media screen and (max-width:586px) {

#container-wrapper, #skin-health-wrapper, #contact-wrapper {

background: none;

}

.container-left {

width: 100%;

background: #f2f2f2;

text-align: center;

}

#container-wrapper .container-right {

width: 96%;

background: url("/images/container-bg.jpg") no-repeat right 0px;

padding: 10px 0 20px 20px;

float: left;

}

.skin-health-solutions-left {

background: url(/images/skin-health-bg.jpg) 0px 0px no-repeat;

width: 96%;

padding: 0 0 2px 20px;

}

.skin-health-solutions-right {

background: url(/images/skin-health-bg.jpg) right 0px no-repeat;

width: 96%;

padding: 0 0 10px 20px;

float: left;

}

#skin-health-wrapper, #contact-wrapper {

padding: 0;

}

.contact-left {

background: url(/images/contact-bg.jpg) 0px 0px no-repeat;

width: 96%;

padding: 35px 0 10px 20px;

background-size: 100% 100%;

}

.contact-right {

background: url(/images/contact-bg.jpg) right 0px no-repeat;

width: 96%;

padding: 28px 0 10px 20px;

float: left;

}

.footer-left {

width: 70%;

}

.header-left {

float: none;

margin: 0 auto;

width: 50%;

}

/*.header-right {

float: none;

width: 75%;

margin: 0 auto;

}*/

.call-us a {

margin: 10px 0 0 0;

}

article {

width: 100%;

}

aside {

float: none;

margin: 0 auto;

clear: both;

}

#access {

display: none;

}

.mobile_menu {

display: block;

}

#menu-wrapper {

height: auto;

}

.online-personal ul li {

width: 46%;

}

.online-contact-details ul li {

padding: 0 15px 10px;

}

.welcome-solution {

  float: left;

  width: 90%;	

}



/*.welcome-video {

	float:left; 

	margin:20px ;

		 width: 90%;	

}*/

}



@media screen and (max-width:360px) {

.contact-right, .skin-health-solutions-left, .contact-left, .skin-health-solutions-right, #container-wrapper .container-right {

width: 94%;

}
.contact-right{
	padding: 7px 0 10px 20px !important;
}
.services ul li {

width: 43%;

margin: 10px;

}

#services-wrapper {

background-size: auto 100%;

}

.cosmetic-wrapper h2 {

font-size: 24px;

}

.footer-left {

width: 95%;

}

.footer-right {

float: none;

margin: 0 auto;

width: 30%;

}

/*.header-right {

width: 91%;

}*/

#tell-friend .form-container {

width: 305px;

}

#interactivity-wrapper .banner-text, #interactivity-wrapper-s .banner-text {

display: none;

}

.online-personal ul li {

width: 48%;

}

.welcome-solution {

  float: left;

    width: 90%;	

}



/*.welcome-video {

	float:left; 

	margin:20px ;

		 width: 90%;	

}*/

}



@media screen and (max-width:320px) {

.header-smo {

top:0px !important;

float: none;

margin: 0 auto;

}

.book-app, .call-us {

float: none;

margin: 0 auto;

clear: both;

width: 100% !important;

}

.services ul li {

width: 43%;

}

.skin-health-solutions-left ul li {

font-size: 15px;

}

.skin-health-solutions-left {

width: 100%;

padding: 0 0 10px 0;

}

.skin-health-solutions-left ul {

width: 54%;

}

.contact-left {

width: 100%;

padding: 35px 0 10px 0px;

}



.welcome-solution {

  float: left;

  width: 90%;	

}



/*.welcome-video {

	float:left; 

	margin:20px ;

	 width: 90%;	

}*/

}