html {font-size: 100%;}

body {
    font-family: tahoma, arial, verdana, lucida, sans-serif;
    font-size: 0.7em;
    padding: 0px;
    margin: 0px;
    text-align: center;
    color: #333333;
    background: #0C8ECC url('/images/body-bg.gif') center top repeat;
}


table {font-size: 1em;}

form {margin: 0px;}

input, textarea {
    border: 2px solid #D1D1D1;
    background: #E9E9E9 url('/images/input-bg.png') left top repeat-x;
    font-family: tahoma, arial, lucida, sans-serif;
}

a {
    text-decoration: underline;
    color: #0B84BA;
}

a:hover {text-decoration: none;}

a img {border: 0px;}

ul {text-align: left;}

ul li a{text-decoration: none;}

ul li a:hover{text-decoration: underline;}

fieldset {border: 0px; clear: left; float: left;}

p {color: #333333;}

h1 {
    margin: 0px; 
    padding: 0px;
    float: left;
}

h1 a {
    background-color: transparent; 
    display: block; 
    position: absolute;
    width: 204px;
    top: 17px;
    left: 39px;
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

h1 span {
    width: 204px;
    height: 73px;
    background: url('/images/logo-biopath.jpg') left top no-repeat;
    cursor: pointer; 
    display: block; 
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0px;
}

h2 {
    margin: 0px;
    font-size: 1.3em;
    color: #AEAEAE;
    text-align: left;
    padding: 3px 0px 2px 10px;
    background: #FFFFFF;
}

h3 {
    font-size: 1em;
}

h4 {
    font-size: 1em;
    color: #666666;
}
#master {
    width: 941px;
    margin: 0px auto 0px auto;
    background: #FFFFFF url('/images/head-left-bg.jpg') 3px top no-repeat;
    position: relative;
}

#hCart {
    width: 207px;
    height: 201px;
    display: inline;
    margin: 0px 3px 0px 0px;
    float: right;
    background: #FFFFFF url('/images/head-right-bg.jpg') left top no-repeat;
}

#search {
    position: absolute;
    top: 130px;
    left: 170px;
    text-align: left;
    width: 190px;
    z-index: 10;
}

#search input {
    width: 150px;
    float: left;
    font-size: 15px;
    padding-top: 2px;
    margin: 0px
}

#search input.btn {
    width: 25px;
    height: 25px;
    border: 0px;
    height: auto;
    margin-left: 3px;
    padding: 0px;
}

#topMenu {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px 10px 0px 0px;
    list-style-type: none;
}

#topMenu li {float: left;}
#topMenu li a {
    float: left;
    color: #FFFFFF;
    font-weight: bold;
    margin: 10px 20px 0px 0px;
    height: 2em;
}

#topMenu li#sitemap a {padding-left: 25px; background: url('/images/ico-sitemap.gif') left 2px no-repeat;}
#topMenu li#write a {padding-left: 22px; background: url('/images/ico-write.gif') left 2px no-repeat;}

#hCart table {
    text-align: left;
    float: right;
    display: inline;
    margin: 98px 20px 0px 0px;
}

#hCart table strong {
    color: #0B84BA;
    font-size: 1.1em;
    float: left;
    padding-top: 5px;
}

#mainMenu {
    margin: 0px 3px 13px 0px;
    padding: 0px;
    list-style-type: none;
    width: 935px;
    display: inline;
    height: 33px;
    clear: both;
    float: right;
    background: #FFFFFF url('/images/main-menu-bg.png') left top repeat-x;
}

#mainMenu li {
    float: left;
    height: 33px;
    display: block;
    position: relative;
    border: 0px solid red;
    background: url('/images/main-menu-sep-left.png') left top no-repeat;
}

#mainMenu li a span {
    width: 2px;
    float: left;
    height: 33px;
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    _right: -1px;
    background: url('/images/main-menu-sep.png') left top no-repeat;
}

#mainMenu li a {
    float: left;
    color: #000000;
    font-weight: bold;
    line-height: 33px;
    padding: 0px 10px;
}

#mainMenu li a:hover, #mainMenu li.active a, #mainMenu li:hover {
   color: #FFFFFF;
   background: url('/images/main-menu-over.png') left top repeat-x;
   position: relative;
   z-index: 10;
   text-decoration: none;
}

#mainMenu li a:hover span {display: none;}

#mainMenu li ul {
    display: none;
}

#mainMenu li:hover ul{
    margin: 0px;
    padding: 0px;
    z-index: 20;
	  display: block;
    width: 220px;
    height: auto;
    position: absolute;
    top: 33px;
    left: 0px;
    background: #00A2D7 url('/images/main-menu-sub.png') left top repeat-y;
}

#mainMenu li:hover ul li {
    background: none;
    width: 220px;
    height: 2.3em;
    display: block;
}

#mainMenu li:hover ul li a {
    background: none;
    width: 210px;
    _width: 220px;
    height: 2.3em;
    line-height: 2.3em;
    color: #FFFFFF;
    padding: 0px 0px 0px 10px;
    text-align: left;
}

#mainMenu li ul li a:hover {
    background: #00A2D7;
    text-decoration: none;
}

#main {
    width: 100%;
    background: url('/images/left-bg.png') 3px top repeat-y;
}

#left {
    float: left;
    width: 238px;
    margin-left: 3px;
    display: inline;
}

#left #loginBox {
    width: 100%;
    padding: 10px 0px 15px 0px;
    position: relative;
    background: #E8E8E8 url('/images/left-bg.png') left top repeat-y;
}

#left #loginBox #l1 {position: absolute; top: 0px; left: 0px;}
#left #loginBox #l2 {position: absolute; bottom: 0px; left: 0px;}

#left #loginBox p {
    margin: 0px 0px 0px 10px;
    text-align: left;
}

#loginBox table {
   width: 220px;
   margin: 0px auto 10px auto;
   text-align: left;
}

#loginBox table label {
    color: #666666;
    font-size: 1.1em;
}

#loginBox table input {width: 86px;}

#loginBox ul {
   margin: -10px 0px 0px 10px;
   padding: 0px;
   list-style-type: none;
}

#loginBox ul li a {
    color: #2C93C1;
    font-weight: bold;
}

.sideMenu {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
    background: #E8E8E8 url('/images/left-bg.png') left top repeat-y;
}

.sideMenu.hMenu {
    width: 330px;
    background: #E8E8E8 url('/images/left-home-bg.png') left top repeat-y;
}

.sideMenu li a {
    display: block;
    height: 40px;
    color: #666666;
    background: url('/images/side-menu-it.gif') left top repeat-x;
}

.sideMenu li a span {
    display: block;
    padding: 3px 0px 0px 10px;
}

.sideMenu li a strong {
    display: block;
    color: #333333;
    font-size: 15px;
    margin-top: 3px;
    line-height: 15px;
}

.sideMenu li a:hover, .sideMenu li.active a {
    color: #FFFFFF;
    text-decoration: none;
    background: #0E7CB3 url('/images/side-menu-ito.png') left top repeat-x;
}

.sideMenu li a:hover strong, .sideMenu li.active a strong {color: #FFFFFF;}


.sideMenu li.sub {
    height: 25px;
}

.sideMenu li.sub a {
    height: 25px;
    line-height: 25px;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    color: #000000;
}

.sideMenu li.sub a span strong {font-size: 1em;}

#right {
    width: 670px;
    float: right;
    display: inline;
    margin-right: 13px;
    text-align: left;
}

#right #path {
    text-align: left;
    margin: 3px 0px 3px 0px;
}

#right p {line-height: 1.5em;}

#right #hLeft {
    width: 330px;
    float: left;
    margin-top: 10px;
}

#right #hRight {
    width: 330px;
    float: right;
    margin: 10px 0px 0px 0px;
    background: url('/images/h-right-bg.png') left 35px repeat-x;
}

#right #hRight img.imgs {
    border: 2px solid #FFFFFF;
    float: right;
    margin: 10px;
}

#right #hRight p {
    margin: 0px 0px 5px 13px;
}

#right #hLeft h2, #right #hRight h2 {
    margin-bottom: 5px;
    background: #22457F url('/images/h2-blue-home-bg.png') left top repeat-y;
}

#right h2 {
    width: 100%;
    height: 30px;
    background: #22457F url('/images/h2-blue-bg.png') left top repeat-y;
    padding: 0px;
    margin: 0px;
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: normal;
    position: relative;
}

#right h2 strong {
    margin: 0px 5px 0px 12px;
    line-height: 30px;
    font-size: 1.4em;
}

#right h2 img {
    position: absolute;
    top: 0px;
    right: 0px;
}

#right .pr a {text-decoration: none;}
#right .pr a:hover {text-decoration: underline;}

#right .pr {
    width: 220px;
    height: 266px;
    float: left;
    margin: 5px 5px 0px 0px;
    position: relative;
    background: #CCCCCC url('/images/product-bg.png') left top no-repeat;
}

#right .pr img {
    border: 2px solid #FFFFFF;
    margin: 10px 10px 3px 10px;
    padding: 0px;
}

#right .pr h3 {
    margin: 0px 0px 0px 10px;
    color: #0B84BA;
    font-size: 1.2em;
}

#right .pr p { margin: 5px 10px; line-height: 1.2em;}

#right .pr table {
    margin: 0px 10px;
    width: 200px;
    height: 30px;
    position: absolute;
    bottom: 5px;
    left: 0px;
}

#right .pr table img {margin: 0px;}

#list {
    clear: both;
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px;
    height: 20px;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    background: #22457F url('/images/h2-blue-bg.png') left top repeat-y;
}

#list li {
    display: inline;
    height: 20px;
    line-height: 20px;
    color: #FFFFFF;
}

#list li a {
    color: #FFFFFF;
    padding: 0px 3px 0px 3px;
    margin: 0px 2px 0px 2px;
}

#list li a.active {
    background: #000000;
}

#detailP {
    width: 670px;
    padding-top: 10px;
}

#detailP p {line-height: 1.2em;}

#detailP #imgs {
    float: left;
    width: 200px;
    height: auto;
    text-align: left;
}

#imgs img {margin: 0px 10px 10px 0px;}

#detailR {
   float: right;
   width: 460px;
   padding-bottom: 20px;
}

#detailR p {font-size: 1em; margin-top: 0px;}

#detailR .price {
    color: #333333;
    margin-top: 0px;
    width: 150px;
    float: left;
    font-weight: bold;
    text-align: left;
}

#detailR .price strong {
    color: #0B84BA;
    font-size: 1.3em;
}

#detailR table {width: 460px; text-align: center;}
#detailR table td p.left {text-align: left;}
#detailR form input {text-align: center;}
#detailR form table td span {font-size: 0.8em; color: #333333;}

#recount {
    border: 0px; 
    float: right; 
    margin-right: 16px;
    width: auto;
}

.cart {
     width: 650px;
     margin: 0px auto 0px auto;
     text-align: center;
}

 .cart .price {
    font-weight: bold;
    font-size: 1.2em;
}

.cart th {
    text-align: center;
    height: 2em;
    font-size: 0.9em;
    border-bottom: 4px solid #FFFFFF;
}

.cart td.left, .cart th.left {text-align: left;}
.cart td.blue {color: #0B84BA; font-weight: bold; font-size: 0.9em;}
.cart td.img img {width: 70px; height: 70px;}
.cart td.smaller {font-size: 0.8em;}
.cart td.price {font-size: 1em;}
.cart td input.newQuant {width: 30px; text-align: center;}
.cart tr.separ td {border-bottom: 2px solid #FFFFFF;}

#btnCart {
    float: right;
    margin: 20px 118px 10px 0px;
    border: 0px;
}

.bgBlue {
    background: #F5F5FE;
    padding: 10px;
}

.bgBlue p {margin: 0px;}

.reg {
   width: 570px;
}

.reg textarea {width: 460px; height: 80px;}
.reg select {width: 150px;}

#lostPass {margin: 10px auto 0px auto;}
#lostPass input {width: auto;}

.faq p {margin: 0px 0px 20px 0px;}
.faq h3 {margin: 10px 0px 5px 0px;}


#footer {
    clear: both;
    width: 100%;
    height: 62px;
    text-align: right;
    background: url('/images/footer-bg.jpg') 3px top no-repeat;
}

#footer p {
    padding-top: 42px;
    margin: -10px 90px 0px 0px;
    display: inline;
    color: #FFFFFF;
    width: 420px;
    float: right;
}

#footer p a {color: #FFFFFF;}

#footer p.partners {
    color: #FFFFFF;
    width: 330px;
    float: left;
    padding-left: 10px; 
    text-align: left;
    margin-top: 0px;
       
}

.message {
    width: 100%;
    margin: 22px 0px 0px 0px;
    padding: 10px 0px;
    background: #FF0000;
    color: #FFFFFF;
    list-style-type: none;
}

.ok {background: #006600;}

.message li {margin-left: 10px; font-weight: bold;}

.menuIn {
    list-style-type: none;
    margin: 10px 0px;
    padding: 0px;
}

.menuIn li {float: left;}
.menuIn li {float: left; font-weight: bold; line-height: 1.8em; padding: 0px 3px 0px 3px;}

#cert {
    text-align: center; 
    margin: 0px 0px 0px 0px;
}

#cert img {margin: 5px 10px;}

.cleaner {clear: both;}
.right {text-align: right;}
.bold {font-weight: bold;}
.grey {color: #666666;}
.red {color: #FF0000;}
.imgRight {float: right;}