
.pulldown1, .pulldown2 { }
.firstpulldown1, .firstpulldown2 { background-color: #2d5eff;}
table.firstpulldown2 { }
table.header2margins { margin-top: 15px;  }
table.pulldown2 { width: 85%; }
td.header1leftbuffer { width: 15%;  }
td.header1rightbuffer { width: 10px;  }
td.header2leftbuffer { width: 10%;  }
td.header2rightbuffer { width: 10%;  }

hr.header{ border: 0; background-color: #989898; height: 1px; }
.

/*    -----------------------------------------------------------------    */

span.column { font-size: 150%;  }

/*    ------------------------megamenu-----------------------------------------    */
.megamenu{
position: absolute;
display: none;
left: 0;
top: 0;
background: #f2f2f2;
border: 1px solid #black;
border-width: 5px 3px;
padding: 10px;
font: normal 14px Roboto;
z-index: 1000;
color: #eaeaea;
}

.megamenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
z-index: 1000;
}

.megamenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.megamenu .column ul li{
padding-bottom: 5px;
}

.megamenu .column h3{
padding-left: 15px;
//background: #e0e0e0;
font: bold 14px Roboto;
margin: 0 0 5px 0;
}

.megamenu .column ul li a{
text-decoration: none;
font-weight: normal;
color: #000;
}

.megamenu .column ul li a:hover{
color: #2d5c99;
}


/*    ------------------------topmenu-----------------------------------------    */

.topmenu {
position: absolute;
display: none;
left: 0;
top: 0;
background: #f2f2f2;
border: 1px solid #000;
border-width: 5px 3px;
padding: 5px;
font: normal 12px 'Roboto';
z-index: 1000;
color: #000;
}

.topmenu .column{
float: left;
width: 180px; /*width of each menu column*/
margin-right: 5px;
z-index: 1000;
}

.topmenu .column ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.topmenu .column ul li{
padding-bottom: 5px;
}

.topmenu .column h3{
padding-left: 15px;
// background: #e0e0e0;
font: bold 12px 'Roboto';
margin: 0 0 5px 0;
}

.topmenu .column ul li a{
text-decoration: none;
font-weight: normal;
color: #000;
}

.topmenu .column ul li a:hover{
color: #2d5c99;
}

/*    ------------------------------table and links-----------------------------------    */

td.firstpulldown { width: 10px; color: #ffffff; font-weight: bold; }
td.pulldown { width: 10px; color: #000; font-weight: bold; }
td.divider { width: 1px; background-color: #25b1d4;  height: 25px; margin: 0px 10px;}

div.firstdropdown, div.firstdropdownright { padding: 0px 5px; color: #eaeaea; text-transform: capitalize; font-weight: bold; font-size: 8px; font-family: 'Roboto', sans-serif;}
a.firstdropdown:link { color: #eaeaea; font-size: larger; text-decoration: none;}
a.firstdropdown:visited { color: #eaeaea; font-size: larger; text-decoration: none;}
a.firstdropdown:active { color: #eaeaea; font-size: larger; text-decoration: none;}
a.firstdropdown:hover { background: #2ac4ea; background-size: cover; color: black; font-size: larger; text-decoration: none; }

td.firstdropdowncenter{ font: normal 11px Roboto; font-size: 11px; font-weight: 600;  }
a.firstdropdowncenter:link { color: #fff; text-decoration: none;}
a.firstdropdowncenter:visited { color: #fff; text-decoration: none;}
a.firstdropdowncenter:active { color: #fff; text-decoration: none;}
a.firstdropdowncenter:hover { background: #2ac4ea; background-size: cover; color: black; text-decoration: none; }

/*    -----------------------------------------------------------------    */

div.seconddropdown, div.seconddropdownright { text-transform: capitalize; font-weight: bold; font-size: 16px; font-family: 'Roboto', sans-serif;}
a.seconddropdown:link { color: #000; text-decoration: none;}
a.seconddropdown:visited { color: #000; text-decoration: none;}
a.seconddropdown:active { color: #000; text-decoration: none;}
a.seconddropdown:hover { background: #fff; background-size: cover; color: #2d5eff; text-decoration: none; }

table.thirddropdown  { border: 1px solid #ccc;  }
div.thirddropdown  { padding-top: 5px  }

/*    ------------------------------icons-----------------------------------    */

div.icon-arrowdown , span.icon-arrowdown {
width: 15px;
height: 40px;
border: none;
background: url('http://multilingualbooks.com/imgbin/icon-arrowdown.png') repeat-x;
}

.icon-twitter {
width: 25px;
height: 25px;
border: none;
background: url('http://multilingualbooks.com/imgbin/icon-twitter-white.png') repeat-x;
}
.icon-twitter:hover {
width: 25px;
height: 25px;
border: none;
cursor: hand; 
cursor: pointer;
background: url('http://multilingualbooks.com/imgbin/icon-twitter-black.png') repeat-x;
}

.icon-facebook {
width: 25px;
height: 25px;
border: none;
background: url('http://multilingualbooks.com/imgbin/icon-facebook-white.png') repeat-x;
}
.icon-facebook:hover {
width: 25px;
height: 25px;
border: none;
cursor: hand; 
cursor: pointer;
background: url('http://multilingualbooks.com/imgbin/icon-facebook-black.png') repeat-x;
}

.icon-googleplus {
width: 25px;
height: 25px;
border: none;
background: url('http://multilingualbooks.com/imgbin/icon-googleplus-white.png') repeat-x;
}
.icon-googleplus:hover {
width: 25px;
height: 25px;
border: none;
cursor: hand; 
cursor: pointer;
background: url('http://multilingualbooks.com/imgbin/icon-googleplus-black.png') repeat-x;
}

.icon-youtube {
width: 25px;
height: 25px;
border: none;
background: url('http://multilingualbooks.com/imgbin/icon-youtube-white.png') repeat-x;
}
.icon-youtube:hover {
width: 25px;
height: 25px;
border: none;
cursor: hand; 
cursor: pointer;
background: url('http://multilingualbooks.com/imgbin/icon-youtube-black.png') repeat-x;
}

.icon-cart {
width: 26px;
height: 20px;
border: none;
background: url('http://multilingualbooks.com/imgbin/cart2.gif') repeat-x;
}
.icon-cart:hover {
width: 20px;
height: 17px;
border: none;
cursor: hand; 
cursor: pointer;
background: url('http://multilingualbooks.com/imgbin/cart2.gif') repeat-x;
}

