/* Start of CMSMS style sheet 'MenaQ7 2009 - General' */
/* General CSS */


/* Setup default styles for common used tags  - begin */
body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #001534;
    background-color: #fff;
}

body, div, form {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 12px;
    padding: 0;
    line-height: 18px;
}

ul {

}

h1 {
    margin: 0 0 12px;
    padding: 0 0 4px;
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    /*border-bottom: 1px dotted #001e45;*/
    background: url(images/f/default/bg_h1.gif) repeat-x left bottom;
    color: #00397e;
}

h2 {
    margin: 10px 0;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    color: #01377d;
}

h3 {

}

h4 {

}

h5 {

}

sup {
    font-size: 9px;
}

img {
    border: none;
}

a {
    color: #888888;
    text-decoration: none;
}

a:hover {
    color: #61bc43;
}
/* Setup default styles for common used tags  - end */


/* Common used classes - begin */
.fl {
    float: left;
}
.fr {
    float: right;
}
.cl {
    clear: left;
}
.cr {
    clear: right;
}
.cb {
    clear: both;
}
.none {
    display: none;
}

.fixed {
    width: 960px;
    margin: 0 auto;
}

.red {
    color: #ac1313;
}

.b {
    font-weight: bold;
}
/* Common used classes - end */

/* Header - begin */
.header .fixed {
    width: 950px;
    padding: 0 10px 0 0;
}

.header .top {
    height: 88px;
}

/* Navigation icons - begin */
.top-nav {
    margin: 25px 0 0;
}

.top-nav a {
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    text-align: center;
    font-size: 9px;
}

.top-nav a img {
    margin: 0 auto 3px;
}

.top-nav a span {
    margin: 0 auto;
}
/* Navigation icons - end */

.header .logo {
    margin: 13px 0 0;
}

a#logo {
    display: inline-block;
    width: 218px;
    height: 62px;
    background: url(images/f/general/logo_menaq7.jpg) no-repeat 0 0;
}
a#logo span {
    display: none;
}

.header div.menu {
    background: url(images/f/general/bg_menu.jpg) repeat-x 0 0;
    height: 43px;
    /*border-bottom: 1px solid #9bb5cc;*/
}

.header .menu .fixed {
    height: 43px;
}

/* Top menu - begin */

.top-menu {
    height: 43px;
    margin: 0 0 0 10px;
    background: url(images/f/general/menu.jpg) no-repeat 0 0;
    overflow: hidden;
}

.top-menu ul {
    display: block;
    height: 17px;
    margin: 7px 0 0 5px;
    padding: 0;
    list-style: none;
}

.top-menu ul li {
    float: left;
    display: inline-block;
    height: 29px;
    margin: 0 0 0 8px;
    padding: 0;
}

.top-menu ul li.first {
    margin: 0;
}

.top-menu ul li a {
    display: block;
    height: 29px;
    color: #394b4f;
    /*background-color: #eee; /* remove */
    background-image: url(images/f/general/menu.jpg);
    background-repeat: no-repeat;
}

.top-menu ul li a span {
    display: none;
}

.top-menu ul li ul {
    display: none;
}

/* Top menu classes  - beign */
.top-menu ul li.k-vitamins-overview {
    width: 141px;
}
.top-menu ul li.k-vitamins-overview a {
    background-position: -5px -7px;
}
.top-menu ul li.k-vitamins-overview a.activeparent,
.top-menu ul li.k-vitamins-overview a:hover {
    background-position: -5px -50px;
}

.top-menu ul li.health-benefits {
    width: 116px;
}
.top-menu ul li.health-benefits a {
    background-position: -154px -7px;
}
.top-menu ul li.health-benefits a.activeparent,
.top-menu ul li.health-benefits a:hover {
    background-position: -154px -50px;
}

.top-menu ul li.about-menaq7 {
    width: 103px;
}
.top-menu ul li.about-menaq7 a {
    background-position: -278px -7px;
}
.top-menu ul li.about-menaq7 a.activeparent,
.top-menu ul li.about-menaq7 a:hover {
    background-position: -278px -50px;
}

.top-menu ul li.how-menaq7-works {
    width: 136px;
}
.top-menu ul li.how-menaq7-works a {
    background-position: -389px -7px;
}
.top-menu ul li.how-menaq7-works a.activeparent,
.top-menu ul li.how-menaq7-works a:hover {
    background-position: -389px -50px;
}

.top-menu ul li.media-room {
    width: 87px;
    margin: 0 0 0 7px;
}
.top-menu ul li.media-room a {
    background-position: -531px -7px;
}
.top-menu ul li.media-room a.activeparent,
.top-menu ul li.media-room a:hover {
    background-position: -531px -50px;
}

.top-menu ul li.buy-menaq7 {
    width: 86px;
}
.top-menu ul li.buy-menaq7 a {
    background-position: -627px -7px;
}
.top-menu ul li.buy-menaq7 a.activeparent,
.top-menu ul li.buy-menaq7 a:hover {
    background-position: -627px -50px;
}

.top-menu ul li.industry-professionals {
    width: 170px;
}
.top-menu ul li.industry-professionals a {
    background-position: -721px -7px;
}
.top-menu ul li.industry-professionals a.activeparent,
.top-menu ul li.industry-professionals a:hover {
    background-position: -721px -50px;
}
/* Top menu classes  - end */

/* Top menu - end */
/* Header menu - end */


.main .fixed {
    overflow: hidden;
    width: 940px;
    padding: 0 10px 0;
    /*background-color: #ccc; /* remove */
}


/* Small boxes - begin */
.small_boxes {
    /*background-color: #d5f; /* remove */
}

.small_boxes .small_box {
    display: inline-block;
    width: 221px;
    height: 83px;
    margin: 0;
    background: no-repeat 0 0;
}

.small_boxes #small_origin {
    background-image: url(images/f/general/small_origin.jpg);
}
.small_boxes #small_superiority {
    background-image: url(images/f/general/small_superiority.jpg);
}
.small_boxes #small_animations {
    background-image: url(images/f/general/small_animations.jpg);
}
.small_boxes #small_science {
    background-image: url(images/f/general/small_science.jpg);
}

.small_boxes .small_box .title span {
    display: none;
}
.small_boxes .small_box .text span {
    display: none;
}
.small_boxes .small_box .more span {
    display: none;
}
/* Small boxes - end */


/* Footer - begin */

.footer .fixed {
    width: 940px;
    height: 45px;
    margin: 0 auto;
    border-top: 1px solid #b2cace;
    font-size: 9px;
    color: #394b4f;
}

.bottom-menu {
    float: left;
}

.copy {
    float: right;
    padding: 4px 0 0 0;
}


/* Bottom menu - begin */

.bottom-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bottom-menu ul li {
    float: left;
    display: inline-block;
    margin: 0;
    padding: 4px 6px;
    border-left: 1px solid #b2cace;
}

.bottom-menu ul li.first {
    padding: 4px 6px 4px 0;
    border-left: none;
}

.bottom-menu ul li a {
    color: #394b4f;
}


/* Bottom menu - end */
/* Footer - end */



/* End of 'MenaQ7 2009 - General' */