/* 
    Document   : main
    Created on : 2009.11.24., 14:27:18
    Author     : borbasi
    Description: meditop webpage css
*/

@import url(reset.css);

root
{ 
  display: block;
}

body
{
  padding: 0;
  margin: 0;
  font-family: "Verdana";
}

a
{
  color: #64b5b6;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}

a:hover
{
  color: #00276c;
}

a img
{
  border: 0px;
}

h1
{
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  color: #c5e1ec;
  margin-bottom: 10px;
  font-family: "Verdana";
}

h2
{
  font-size: 14px;
  color: #00276c;
  font-weight: bold;
  margin-bottom: 10px;
}

h3
{
  font-size: 12px;
  color: #00276c;
  font-weight: bold;
}

h3:before
{
  color: #c5e1ec;
  content: ">> ";
}

span.h3
{
  font-size: 12px;
  color: #00276c;
  font-weight: bold;
}

#top
{
  background: url(../images/top.jpg) repeat-x;
  width: 100%;
  height: 114px;
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  z-index: -1;
}

#menu
{
  text-align: center;
  margin-top: 14px;
  margin-bottom: 20px;
}

#menu a
{
  color: #004386;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  margin-right: 20px;
  font-family: "Verdana";
  font-weight: normal;
}

#menu a:hover
{
  padding-bottom: 2px;
  border-bottom: 2px solid #fff;
}

.hover
{
  padding-bottom: 2px;
  border-bottom: 2px solid #fff;
}

#menu a:active
{
  padding-bottom: 2px;
  border-bottom: 2px solid #c1dde1;
}

.header_bottom div.submenu
{
  font-size: 12px;
  text-transform: uppercase;
  color: #003375;
  padding-left: 210px;
}

.header_bottom div.submenu a
{
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  margin-right: 10px;
  font-weight: bold;
  font-family: "Verdana";
}

.header_bottom div.submenu a:hover
{
  text-decoration: none;
  text-transform: uppercase;
  color: #003375;
}

.header_bottom div.submenu a:active
{
  text-decoration: none;
  text-transform: uppercase;
  color: #003375;
  font-weight: bold;
}

#topmenu
{
  color: #6c88b8;
  text-align: center;
  font-size: 10px;
  width: 278px;
  height: 20px;
  padding-top: 2px;
  top: 0px;
  right: 0px;
}

#topmenu a
{
  color: #6c88b8;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 10px;
  margin-right: 3px;
  font-weight: normal;
}

#topmenu a:hover
{
  color: #bfdbe7;
}

.header_top
{
  background: url(../images/header_top.jpg) repeat-x;
  height: 30px;
}

.header_mid
{
  background: url(../images/header_mid.jpg) repeat-x;
  height: 30px;
}

.header_bottom
{
  background: url(../images/header_end.png) repeat-x;
  height: 84px;
  vertical-align: top;
}

.header
{
  background: url(../images/header.png);
  height: 114px;
}

#container
{
  background: url(../images/gradient_bg.jpg) repeat-x;
  position: absolute;
  width: 100%;
  height: 1000px;
  z-index: -1;
  margin: 0 auto;
  margin-top: 114px;
  padding: 0;
  left: 0px;
}

.shadow_left
{
  background: url(../images/shadow_left.png) repeat-y;
  /*behavior: url(/css/iepngfix.htc);*/
  width: 25px;
}

#left
{
  /*width: 200px;*/
  margin: 0;
  padding: 0;
  background: #fff;
}

#center
{
  /*width: 464px;*/
  margin: 0;
  padding-top: 46px;
  padding-left: 10px;
  padding-right: 35px;
  font-size: 12px;
}

.hr
{
  width: 100%;
  border-bottom: 1px dotted #c1dde1;
  margin: 5px 0 5px 0;
}

#center p
{
  font-size: 12px;
  text-align: justify;
}

.date
{
  padding-left: 24px;
  color: #00276c;
  font-size: 12px;
}

#right
{
  /*width: 279px;*/
  margin: 0;
  padding: 0;
  background: #fff;
}

.shadow_right
{
  background: url(../images/shadow_right.png) repeat-y;
  /*behavior: url(/css/iepngfix.htc);*/
  width: 25px;
}

#left_menu
{
  border-top: 1px dotted #003263;
  border-bottom: 1px dotted #003263;
  color: #003263;
  font-size: 12px;
  width: 140px;
  margin-left: 30px;
  margin-bottom: 5px;
  padding: 5px 0 5px 0;
}

#left_menu a.product
{
  color: #c1dde1;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  font-family: "Verdana";
}

#left_menu a.product:hover
{
  color: #8dcce1;
}

#rx
{
  color: #003263;
  font-size: 12px;
  width: 140px;
  margin-left: 30px;
}

#rx a
{
  color: #003263;
  font-size: 12px !important;
  font-weight: normal;
}

#rx a.product
{
  color: #c1dde1;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 20px !important;
  font-weight: bold;
  font-family: "Verdana";
}

#rx a.product:hover
{
  color: #8dcce1;
}

.left_menu_header
{
  color: #003263;
  font-size: 12px;
  font-weight: normal;
}

#reg_box
{
  width: 278px;
  height: 100%;
}
/*
#reg_box a
{
  color: #003263;
  font-size: 12px;
  text-decoration: none;
}
*/
.footer
{
  background: url(../images/footer_bg.jpg) no-repeat center;
  height: 75px;
  border-top: 1px solid #c1dde1;
  /*padding-left: 200px;*/
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
}

.footer a
{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.bottom
{
  height: 30px;
  padding-left: 25px;
  color: #70a4d3;
  font-size: 12px;
}

.bottom a
{
  color: #70a4d3;
  text-decoration: none;
  font-size: 12px;
}

.bottom a:hover
{
  color: #235094;
}

input.button
{
  background: url(../images/button_bg.jpg);
  border: none;
  width: 191px;
  height: 32px;
  color: #000;
  font-size: 12px;
  font-family: "Verdana";
  text-transform: uppercase;
  color: #58595b;
  cursor: pointer;
}

input.text, #signin_username, #signin_password
{
  border: 1px solid #c1dde1;
  font-size: 12px;
  font-family: "Verdana";
  color: #58595b;
}

input.ckeckbox
{
  border: 1px solid #c1dde1;
  background: #fff;
}

textarea.textarea
{
  border: 1px solid #c1dde1;
  font-size: 12px;
  font-family: "Verdana";
  color: #58595b;
}

table tr td.input_label
{
  font-family: "Verdana";
  font-size: 12px;
  color: #000;
  height: 25px;
}

.jcarousel-skin-meditop .jcarousel-container {
  background: url(../images/carousel_bg.jpg) no-repeat center;
}

#news_picture
{
  display: none;
}

#news_image
{
  border: 1px solid #c8e5ec;
  max-width: 350px;
  width: expression(this.width > 350 ? 350 : true);
}

.med_image
{
  max-width: 190px;
  width: expression(this.width > 190 ? 190 : true);
  margin-bottom: 10px;
}

.slide
{
  max-width: 279px;
  max-height: 419px;
  width: expression(this.width > 279 ? 279 : true);
  height: expression(this.height > 419 ? 419 : true);
}

a.medication
{
  font-size: 14px;
  color: #00276c;
  font-weight: bold;
  margin-bottom: 10px;
}

div.error
{
  color: #f00;
}

#login label, #logged_in p
{
  font-size: 12px;
  color: #58595b;
}

ul.error_list
{
  font-size: 12px;
  color: #f00;
}

#login
{
  text-align: left;
  margin-left: 44px;
  display: none;
}

#logged_in
{
  text-align: center;
  display: none;
}

#caution
{
  margin-left: 60px;
  margin-top: 20px;
  width: 740px;
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
}