@charset "utf-8";
/* CSS Document */
img { border:0; outline:0; }
a{outline:none;}
h2, h3, h4, h5, h6 { color:#0a67a8; margin:0; padding:0 0 6px 0; }
p { margin:0; padding:0 0 10px 0; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
h5 { font-size:18px; }
h6 { font-size:16px; }
.fL { float:left ;}
.fR { float:right ;}
.clear { clear:both; }
html { background: #8dcaea;	min-height: 100%; }
body { background:#FFF url(../images/body_bg.gif) center top repeat-x; color: #4f4f4f; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:normal;	margin: 0; padding: 0; }
#main {	background:url(../images/main_bg.gif) left top repeat-y; margin:0 auto; position:relative; width:979px; }
#left {	float:left;	width:276px; }
span.top_shadow { background:url(../images/top_shadow.gif) no-repeat; display:block; height:48px; left:-10px; position:absolute; top:0; width:296px; z-index:-1; }
span.bottom_shadow { background:url(../images/bottom_shadow.gif) no-repeat; display:block; height:5px; left:0px; position:absolute; bottom:-5px; width:276px; z-index:0; }
.logo{ background-color:#FFF; border-left:1px solid #cceeff; height:120px; overflow:hidden; padding:10px 14px 11px 17px; width:245px; }
.logo h1 { margin:0; padding:0; text-indent:-9999px; }
.logo h1 a{background:url(../images/logo.jpg) no-repeat; display:block; height:120px; width:245px; }
#menu{ background:#dbf0fb url(../images/menu_bg.gif) left top repeat-x; border-left:#cceeff 1px solid; padding:0 12px 25px 11px; width:252px; min-height:320px; height:auto !important; height:320px; }
#menu ul{ list-style:none; margin:0; padding:0; }
#menu ul li {height:32px; margin:0; padding:0; text-indent:-9999px; width:252px; }
#menu ul li a { background-image:url(../images/menu.gif); background-repeat:no-repeat; display:block; height:32px; width:252px; }
#menu ul li.home a {background-position:0 0; }
#menu ul li.our_team a {background-position:0 -32px; }
#menu ul li.services a {background-position:0 -64px; }
#menu ul li.medical_advice a {background-position:0 -96px; }
#menu ul li.promotions a {background-position:0 -128px; }
#menu ul li.events a {background-position:0 -160px; }
#menu ul li.skin_care_products a {background-position:0 -192px; }
#menu ul li.request_appoinment a {background-position:0 -224px; }
#menu ul li.registration_forms a {background-position:0 -256px; }
#menu ul li.contact_us a {background-position:0 -288px; }
#menu ul li.patient_left a {background-position:0 -320px; }
#menu ul li.new_patient_left a {background-position:0 -352px; }
#menu ul li.home a:hover, #menu ul li.home a.active {background-position:-252px 0; }
#menu ul li.our_team a:hover, #menu ul li.our_team a.active {background-position:-252px -32px; }
#menu ul li.services a:hover, #menu ul li.services a.active {background-position:-252px -64px; }
#menu ul li.medical_advice a:hover, #menu ul li.medical_advice a.active {background-position:-252px -96px; }
#menu ul li.promotions a:hover, #menu ul li.promotions a.active {background-position:-252px -128px; }
#menu ul li.events a:hover, #menu ul li.events a.active {background-position:-252px -160px; }
#menu ul li.skin_care_products a:hover, #menu ul li.skin_care_products a.active {background-position:-252px -192px; }
#menu ul li.request_appoinment a:hover, #menu ul li.request_appoinment a.active {background-position:-252px -224px; }
#menu ul li.registration_forms a:hover, #menu ul li.registration_forms a.active {background-position:-252px -256px; }
#menu ul li.contact_us a:hover, #menu ul li.contact_us a.active {background-position:-252px -288px; }
#menu ul li.patient_left a:hover, #menu ul li.patient_left a.active {background-position:-252px -320px; }
#menu ul li.new_patient_left a:hover, #menu ul li.new_patient_left a.active {background-position:-252px -352px; }
.contact { background:url(../images/contact.gif) no-repeat; color:#175b7b; font:bold 12px/16px Arial; height:305px; padding:20px 0 0 12px; width:264px; }
.con { color:#257093; font:bold 18px/24px Arial; }
.con span { color:#029ce2; }
.con span span { font-weight:normal !important; }
.con span a { color:#029ce2; }
.con span a:hover { color:#1d1d1d; }
#right { float:right; padding-top:52px; width:698px; }
.flash { border:1px solid #c5ebfe; padding:1px; height:274px; margin-bottom:1px; overflow:hidden; width:694px; }
span.facebook_top { background:url(../images/facebook_top_icon.gif) no-repeat; display:block; height:38px; position:absolute; right:3px; text-indent:-9999px; top:5px; width:27px; }
.page { background:url(../images/page_bg.gif) left top repeat-x; padding:10px 10px 15px 10px; }
.page p { line-height:20px; }
.box{background:#f9fcfe url(../images/box_bg.gif) 0 -141px repeat-x; border:1px solid #cee1e7; margin-top:10px; padding:10px; position:relative; width:307px; _width:308px; min-height:120px; height:auto !important; height:120px; }
.b_bg{background-image:url(../images/box_bg.gif); background-repeat:no-repeat; display:block; overflow:hidden; position:absolute;}
.b_top{height:135px; width:10px;}
.b_bot{height:5px; width:10px;}
.b_lt{background-position:0 0; left:-1px; top:-1px;}
.b_rt{background-position:-10px 0; right:-1px; top:-1px;}
.b_lb{background-position:0 -135px; left:-1px; bottom:-1px;;}
.b_rb{background-position:-10px -135px; right:-1px; bottom:-1px;}
.box p { padding:3px 7px; line-height:18px; }
span.click_here{ display:block; padding-top:5px; text-align:right; }
span.facebook_top a { background:url(../images/facebook_top_icon.gif) 0 0 no-repeat; display:block; height:26px; width:27px; }
span.facebook_top a:hover { background-position:0 -38px;}
#footer{ background:url(../images/footer_bg.gif) center top repeat-x; height:123px;	width:100%; }
.footer { background:url(../images/footer_logo.jpg) right 5px no-repeat; color:#074463; font:12px/24px Arial; height:108px; margin:0 auto; padding-top:15px; width:979px; }
ul.menu { list-style:none; margin:0; padding:0; }
ul.menu li { display:inline; margin:0; padding:0; }
ul.menu li.seperator { color:#508dac; letter-spacing:-1px;}
ul.menu li a { color:#074463; text-decoration:none; }
ul.menu li a:hover { color:#00a5fe; }
.block { display:block; }

span.patient { background:url(../images/patient_btn.png) no-repeat; display:block; float:left; height:32px; margin:2px 8px 0; text-indent:-9999px; width:119px; }
span.patient a { background:url(../images/patient_btn.png) 0 0 no-repeat; display:block; height:32px; width:119px; }
span.patient a:hover { background-position:0 -32px; }

span.patient_register { background:url(../images/new_user_btn.png) no-repeat; display:block; float:left; height:32px; margin:2px 0px 0; text-indent:-9999px; width:183px; }
span.patient_register a { background:url(../images/new_user_btn.png) 0 0 no-repeat; display:block; height:32px; width:183px; }
span.patient_register a:hover { background-position:0 -32px; }


span.facebook { background:url(../images/facebook_icon.gif) no-repeat; display:block; float:left;  height:38px; margin-top:11px; text-indent:-9999px; width:38px; }
span.facebook a { background:url(../images/facebook_icon.gif) 0 0 no-repeat; display:block; height:38px; width:38px; }
span.facebook a:hover { background-position: 0 -38px;}
span.signup { background:url(../images/sign_up.gif) no-repeat; display:block; float:left; height:42px; margin-left:30px; margin-top:10px; text-indent:-9999px; width:218px; }
span.signup a { background:url(../images/sign_up.gif) 0 0 no-repeat; display:block; height:37px; width:214px; }
span.signup a:hover { background-position:0 -42px; }


.book_an_appoinment { background:url(../images/bk_onlinebtn.png) no-repeat; position:absolute; display:block; right:260px; top:8px; float:left; height:26px; text-indent:-9999px; width:209px; }
.book_an_appoinment a { background:url(../images/bk_onlinebtn.png) 0 0 no-repeat;   display:block; height:26px; width:209px; }
.book_an_appoinment a:hover { background-position:0 -27px;   }

.haslayout {height:1%;}
/* Inner Page */
.inner_flash { border:1px solid #c5ebfe; padding:1px; height:126px; margin-bottom:1px; overflow:hidden; width:694px; }
.inner_page { background:url(../images/page_bg.gif) left top repeat-x; padding:5px; }
.border { border:#e2ebf0 1px solid; }
.title { background:url(../images/title_bg.gif) left top repeat-x; height:34px; line-height:34px; padding:0 0 0 5px; }
.row { background:url(../images/row_bg.gif) left bottom repeat-x; padding:15px 5px; }
.row_img { border:#d8e8f1 2px solid; display:block; float:left; height:122px; padding:1px; width:124px; }
.row_right { float:right; width:536px; }
.head { background:url(../images/head_bg.gif) left center no-repeat; color:#0f2f79; height:22px; line-height:22px; margin-bottom:5px; padding:0 0 0 5px; }
.row_right ul { margin:0 0 0 5px; padding:0; list-style:none;}
.row_right ul li { background:url(../images/li_img.gif) 0 10px no-repeat; float:left; font-weight:bold; margin:0; padding:5px 22px 5px 15px; }
.event_row1 { background-color:#f4fbff; padding:5px; }
.eventrow_img { background-color:#FFF; border:#d8e8f1 2px solid; display:block; float:left; height:122px; padding:1px; width:124px; }
.event_right { float:right; width:536px; }
.event_right h6 { color:#0090db; width:340px; padding-top:2px; }
.event_right p { font:12px/19px Arial; color:#1d1d1d; padding:0; }
.event_right p span { display:block; /*font-weight:bold;*/ padding:8px 0 2px 0; }
.blue{color:#004271;}
.event_date { background-color:#dfeaef; border:#d9e4e9 1px solid; color:#00005a; font:bold 12px/20px Arial; float: right; height:20px; padding:0 10px; text-align:center; }
.event_row2 { background-color:#edf8fd; padding:5px; }
.TITLES{color:#FFFFFF; font-weight:bold;}
.head_request { background:url(../images/head_bg.gif) left center no-repeat; color:#0f2f79; font-weight:bold; font-size:15px; height:22px; line-height:22px; margin-bottom:5px; padding:0 0 0 5px; }
#request a{ text-decoration:none; color:#1d1d1d;}
#request a:hover{color:#029ce2;}
.ta{width:550px; height:100px; padding:5px; background-color:#f8fcfe; border:#b4cad9 1px solid; margin:10px 0 0 0; }
.tb{width:180px; height:18px; padding:3px; background-color:#f8fcfe; border:#b4cad9 1px solid; margin:0; }
.ts{width:47px; padding:3px 2px; line-height:18px; background-color:#f8fcfe; border:#b4cad9 1px solid; margin:0; }
a{ text-decoration:none; color:#0a6591
;}
a:hover{color:#1e8dc3;}
.designed{
text-align:right;float:left; width:390px; margin-top:18px;
}
.designed a{
text-decoration:none;
color:#074463;
}
.designed a:hover{
text-decoration:none;
color:#029ce2;
}
.product_row1 { background-color:#f4fbff; padding:5px; }
.productrow_img { background-color:#FFF; border:#d8e8f1 2px solid; display:block; float:left;  padding:1px; width:100px; }
.product_right { float:right; width:555px; }
.product_right h6 { color:#0090db; padding-top:2px; }
.product_right p { font:12px/19px Arial; color:#1d1d1d; padding:0; }
.product_right p span { display:block; font-weight:bold; padding:8px 0 2px 0; }
.product_date { background-color:#dfeaef; border:#d9e4e9 1px solid; color:#00005a; font:bold 12px/20px Arial; float: left; height:20px; padding:0 10px; text-align:center; }
.product_row2 { background-color:#edf8fd; padding:5px; }

/*form css starts*/
table.form_default {border: 1px solid Black;}
table.form_default td.frm_label {font:10px Verdana; text-align:right; background-color:#f0f0f0;}
table.form_default td.frm_group_label {font:bold 10px Verdana; text-align:right; background-color:#f0f0f0;}
table.form_default td.frm_label span.required{color:red; font-weight:bold;}
table.form_default td.frm_field {font:10px Verdana; background-color:#f0f0f0;}
table.form_default td.frm_action {font:10px Verdana; background-color:#dddddd;text-align:center;}

table.form_default input.frm_field {font:10px Verdana; border: 1px solid #003163; width:100%;}
table.form_default input.frm_field_disabled {font:10px Verdana; border: 1px solid silver; width:100%; background-color:#eeeeee;}
table.form_default input.frm_action {font:10px Verdana; border: 1px solid #b26402; background-color:#ee9321; font-weight:bold;}

table.form_default select.frm_field {font:10px Verdana; border: 1px solid #003163; width:100%}
table.form_default textarea.frm_field {font:10px Verdana; border: 1px solid #003163; width:100%}

table.form_white {width:350px; border:0px;}
table.form_white td.frm_label { vertical-align:top; width:300px;}
table.form_white td.frm_label span.required{color:red; font-weight:bold;}
table.form_white td.frm_field {padding:3px 4px;}
table.form_white td.frm_action {font:10px Verdana; text-align:right;}

table.form_white input.frm_field {width:167px; height:16px; background:url(../images/textboxbg.jpg) repeat-x; border:1px solid #e7e7e7; padding:3px 4px; font-size:12px;}
table.form_white input.frm_field_disabled {font:10px Verdana; border: 1px solid silver; width:100%; background-color:#fff;}
table.form_white input.frm_action {font:12px Arial; border: 1px solid #b26402; background-color:#ee9321; font-weight:bold; text-align:center; color:#fff; height:20px; text-transform:uppercase; margin-right:4px; }

table.form_white select.frm_field {font:10px Verdana; border: 1px solid #165c18; width:100%}
table.form_white textarea.frm_field {width:167px; height:93px; background:url(../images/textboxbg3.jpg) repeat-x; border:1px solid #e7e7e7; padding:3px 4px; font-size:12px;}

/*form css end*/

/*animation alert css*/
#animationAlertBox-Box {
  padding-bottom: 24px;
 background: url('images/bg-box-bottom.png') bottom left no-repeat !important;
 background: url('images/bg-box-bottom.gif') bottom left no-repeat;
}

#animationAlertBox-InBox {
  padding-top: 15px;
  background: url('images/bg-box-top.png') top left no-repeat !important;	
  background: url('images/bg-box-top.gif') top left no-repeat;	
}

#animationAlertBox-BoxContent {
  background: url('images/bg-box-body.png') top left repeat-y !important;
  background: url('images/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#animationAlertBox-BoxContenedor {
  padding: 0px 0px 5px 0px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  position:relative;
}

#animationAlertBox-BoxContenedor h1{
position:absolute;
left:70px;
top:25px;
width:300px;}

#animationAlertBox-BoxContenedor h1,#animationAlertBox-BoxContenedor h2,#animationAlertBox-BoxContenedor h3,#animationAlertBox-BoxContenedor b,#animationAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:14px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#animationAlertBox-Buttons{
  text-align:right;
}

#animationAlertBox-Buttons input {
  margin: 10px 10px;
}

#animationAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#animationAlertBox-Box .BoxAlert {
  background: url('images/dialog-warning.png') 0 7px no-repeat;
}

#animationAlertBox-Box .BoxConfirm {
  background: url('images/dialog-help.png') top left no-repeat;
}

#animationAlertBox-Box .BoxPrompt {
  background: url('images/dialog-help.png') top left no-repeat;
}

#animationAlertBox-Box .BoxInfo {
  background: url('images/dialog-information.png') top left no-repeat;
}

#animationAlertBox-Box .BoxError {
  background: url('images/dialog-error.png') top left no-repeat;
}
/*animation alert ends*/