* {
    padding: 0; margin: 0;
}
a:link, a:visited {
    text-decoration: none;
}
body {
    background: #eee; text-align: center; font-family: arial; overflow: scroll    
}
h1, h2, h3, h4 {
    color: #042d31
}
img {
    border: none
}
.clearfix {
    clear: both; height: 0px; overflow: hidden
}
.hr {
    margin: 20px 0 30px 10px;
    height: 1px;
    background-color: gray;
    overflow: hidden
}
#content {
   margin-right: 2px; padding: 10px 30px 0; min-height: 513px; height:auto !important; height: 513px; background: url(../img/content_bg.png) left top repeat-x; text-align: left
}
#content a:link, #content a:visited {
    color: #033;
    text-decoration: none
}
#content a:hover {
    color: #066;
    text-decoration: underline
}
#flags {
    margin-right: 15px; text-align: right
}
#flags img {
    width: 26px; height: 18px
}
#footer {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 9pt;
    color: #333;
}
#footer a:link, #footer a:visited {
    color: #333;
    text-decoration: none
}
#footer a:hover {
    color: #999;
    text-decoration: underline
}
#main {
   background: #fff url(../img/main_bg.png) left top repeat-y
}
#mainBottom {
    height: 29px; background: url(../img/main_bottom.png) left top no-repeat
}
#mainTop {
    height: 21px; background: url(../img/main_top.png) left top no-repeat
}

/*********** Top Menu & Quick Menu *************/

.quickMenuButton {
    display: block; float: right; height: 30px; margin: 8px 0 0 5px; background-image: url(http://www.drzvulunov.com/assets/images/quickButtons.jpg); background-repeat: no-repeat
}
.topMenuButton {
    display: block;
    float: left;
    width: 116px;
    height: 21px;
    margin: 14px 0;
    padding: 3px 0 0;
    background: transparent url(http://www.drzvulunov.com/assets/images/menuButton.jpg) 0 0 no-repeat;
    font-weight: bold;
    font-size: 9pt
}
.topMenuButton:link, .topMenuButton:visited {
    color: #fff
}
.topMenuButton:hover {
    color: #fc6; background-position: 0 -24px
}
.topSubMenuButton, .topSubSubMenuButton {
     display: block; height: 32px; margin: 0; padding: 0 10px; background: #066; line-height: 2.5em; font-weight: bold; font-size: 9pt; color: #fff
}
.topSubMenuButton:link, .topSubMenuButton:visited, .topSubSubMenuButton:link, .topSubSubMenuButton:visited {
    color: #fff
}
.topSubMenuButton:hover, .topSubSubMenuButton:hover {
     background-color: #388; color: #fc6
}
#container {
    width: 840px; margin: 40px auto 20px
}

/***************** quick menu sprites ***************************/
#quickHome { width: 28px; background-position: -115px -30px }
#quickHome:hover { background-position: -115px 0 }
#quickLinks { width: 29px; background-position: -86px -30px }
#quickLinks:hover { width: 29px; background-position: -86px 0 }
#quickMail { width: 30px; background-position: -28px -30px }
#quickMail:hover { width: 30px; background-position: -28px 0 }
#quickMap { width: 28px; background-position: left -30px }
#quickMap:hover { width: 28px; background-position: left 0 }
#quickSearch { width: 29px; background-position: -58px -30px }
#quickSearch:hover { width: 29px; background-position: -58px 0 }

#topMenu {
    height: 49px; padding-bottom: 10px; background: #eee url(../img/topMenu_bg.jpg) left top repeat-x
}
#mainMenu, #quickMenu {
    position: relative; list-style: none
}
.mainMenu-li {
    position: relative; display: block; float: left; width: 126px; height: 47px
}
#mainMenu li:hover .mainSubMenu {
    top: 42px
}
.mainSubMenu {
   position: absolute; top: -900px; left: 0; width: 142px
}
.mainSubSubMenu {
   position: absolute; top: -900px; left: 181px; width: 126px
}
#mainMenu li ul li {
    width: 180px; height: 32px; border: 1px solid #033
}
#quickMenu li {
    display: inline
}
#topMenuLeft {
    float: left; width: 12px; height: 49px; background: transparent url(../img/topMenu_left.jpg) left top no-repeat
}
#topMenuRight {
    float: right; width: 12px; height: 49px; background: transparent url(../img/topMenu_right.jpg) right top no-repeat
}

/************** Search Bar *******************/

#searchBar {
    width: 840px; background: url(../img/searchBar_bg.png) left top repeat-y; text-align: left; direction: ltr
}
#searchBar fieldset {
    display: inline; padding-right: 20px; border: none
}
#searchBar label {
    text-align: left; font-family: arial; font-size: 11pt
}
#searchBar #query {
    width: 250px; font-family: arial; font-size: 11pt
}
#searchBarBottom {
    height: 21px; background: url(http://www.drzvulunov.com/assets/images/searchBarBorders.jpg) left -21px no-repeat
}
#searchBarContent {
    padding: 0 20px 0
}
#searchBarContainer {
    display: none; margin: 0 auto 10px; width: 840px
}
#searchBarTop {
    height: 21px; background: url(http://www.drzvulunov.com/assets/images/searchBarBorders.jpg) left top no-repeat
}

/************** Index Page *******************/

#box {
    padding-bottom: 10px;
    width: 298px;
    background: url(../img/textbox_bg.png) left top repeat-y;
    color: #444;
    direction: ltr
}
#box p {
    display: none;
    padding: 0 5px 0 18px;
    text-align: left;
}
#boxBottom {
    width: 298px;
    height: 14px;
    background: url(../img/textbox_bottom.png) left top no-repeat
}
#boxContainer {
    float: right;
    padding-top: 10px
}
#boxTop {
    width: 298px;
    height: 11px;
    background: url(../img/textbox_top.png) left top no-repeat;
    overflow: hidden
}
#girlImage {
    display: none;
    height: 362px;
    background: url(http://www.drzvulunov.com/assets/images/girl_home.jpg) left bottom no-repeat;
}
#imgPreloader {
    display: none
}
#indexHeader {
    display: none;
    float: left;
    text-align: left;
    font-size: 26pt;
    letter-spacing: 2px;
}
#indexSubHeader {
    display: none;
    float: left;
    text-align: left
}
#loader {
    float: none;
    width: 100px;
    margin: 200px 340px 0 330px
}
#slogan {
    display: none;
    float: right;
    width: 330px;
    height: 80px;
    margin-top: 30px;
    background: transparent url(../img/sloganEn.PNG) left top no-repeat
}

/************** About Page *******************/

#cvHeader, #unionsHeader {
    clear: both;
    float: left;
    margin-bottom: 20px
}
#aboutText {
    padding: 20px 0 20px 0;
    width: 500px;
    text-align: justify
}
ul.CV {
    float: left;
    margin-left: 10px;
    line-height: 1.8em;
    list-style: none;
    text-align: left
}
#kupot img {
    width: 40px;
    height: 30px
}
#kupot td {
    height: 45px;
    padding-right: 15px
}
#publications {
    padding: 0 0 20px 0;
    zoom: 1
}

/************** Clinics Page *******************/

table.clinics {
    float: left;
    margin-bottom: 60px
}
table.clinics td, table.clinics th {
    padding: 5px 40px 5px 0;
    text-align: left
}
table.clinics th {
    border-bottom: 2px groove #000
}
#clinicsHr {
    clear: both;
    margin: 0 10px 30px 0
}
.phoneCol {
    padding-right: 0;
    text-align: right
}
#kfarsaba img {
    width: 770px;
    height: 575px
}
#location div {
    display: none
}
#telaviv img {
    width: 770px;
    height: 580px
}

/************** Services Page *******************/

table.services {
    float: left;
    margin-bottom: 20px
}
table.services td, table.services th {
    padding: 5px 40px 5px 0;
    text-align: left
}
table.services th {
    border-bottom: 2px groove #000
}
.parWithPics {
    width: 450px
}
.pics {
    display: none;
    float: right
}
#dermlite {
    width: 106px;
    height: 86px;
    margin: 0 0 0 15px
}
#dermscope2 {
    width: 73px;
    height: 71px
}
#digelm {
    width: 82px;
    height: 114px;
}
#digeml2 {
    width: 144px;
    height: 107px
}
#digiDermInfo {
    display: none
}
#digiDermInfo h4 {
     margin: 25px 0 5px 0
}
#digiDermInfo p {
    padding: 5px 0 5px 0
}

/************** Info Page *******************/

.infoHeader {
    margin: 25px 0 5px 0
}
p.infoParagraph {
    padding: 5px 0 5px 0
}
ul.infoList {
    list-style: none
}
ul.infoList li {
    line-height: 1.5em
}
.indented {
   padding-left: 15pt;
   padding-right: 50pt;
}
.indentedSub {
   padding-left: 30pt;
   padding-right: 50pt;
}
#pedodermList {
    list-style-position: inside
}
#whatIsPedsDerm {
    display: none
}
#ViralWarts {
    display: none
}
#molluscum {
    display: none
}
#papilloma {
    display: none
}
#Cetaphil {
    display: none
}
#AD {
    display: none
}
#Acne {
    display: none
}
#Climato {
    display: none
}
#cantharidin {
    display: none
}
#HeadLiceTreatment {
    display: none
}
/************** Links Page *******************/

h3.linksHeader {
    margin-bottom: 15px
}
#linksHr {
    margin: 20px 0 0 10px
}

/************** Links Page *******************/

h2.contactHeader {
    margin-bottom: 10px
}
fieldset.contactFieldset {
    padding: 0 0 15px 0;
    border: none
}
label.contactLabel {
    display: block;
    float: left;
    width: 100px;
    font-weight: bold
}
table.contactTable {
    border-collapse: collapse
}
.contact_label {
    font-weight: bold
}
.hide {
    display: none; margin: 0; padding: 0
}
.phone {
    direction: ltr
}
.textInput {
    float: left;
    width: 420px
}
.smallInput {
    width: 200px
}
#contactDetails td {
    padding: 5px 0 5px 40px;
    text-align: left;
}
#contactHr {
    margin: 20px 0 0 10px
}
#formInstructions {
    margin-bottom: 15px
}
#subjectInput {
    width: 420px
}
#submitButton {
    margin-right: 100px
}

/************** Sitemap Page *******************/

h2.sitemapHeader {
    margin-bottom: 15px
}
#sitemapRoot {
    margin: 0 30px 0 0; padding-bottom: 20px
}
#sitemapRoot li {
    margin-bottom: 10px
}
#sitemapRoot li ul {
    margin: 0 30px 0 20px;
    list-style: none
}