/* CSS Document */



@import url(forms.css);
@import "/././hostcmsfiles/jquery/notice/notice.css";


html {

height:100%;

}



body {

padding:0;

margin:0;

min-height:100%;

height:100%;

font:12px Tahoma, Arial, Helvetica, sans-serif;

color:#000000;

background:#f9f9f9 url(/images/mebella/left-bg.gif) repeat-y top left;

min-width:998px;

//width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "100%");

}



a {

color:#333333;

text-decoration:underline;

}



a:hover {

color:#cc3366;

text-decoration:none;

}



p {

padding:5px 0;

margin:0;

}



form, input, select, textarea {

padding:0;

margin:0;

}



table {

border:none;

}



img {

border:none;

}



h1, h2, h3, h4, h5, h6 {

padding:0;

margin:0 0 10px 0;

font-weight:normal;

}



h1 {

font-size:22px;

}



h2 {

font-size:20px;

}



h3 {

font-size:18px;

}



h4 {

font-size:16px;

}



.clear {

clear:both;

}



.container {

position:relative;

min-height:100%;

height:auto !important;

height:100%;

background:url(/images/mebella/right-bg.gif) repeat-y top right;

min-width:998px;

//width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "100%");

}



.top {

position:absolute;

top:0;

left:0;

width:100%;

height:130px;

background:#FFFFFF url(/images/mebella/top.gif) repeat-x bottom left;

min-width:998px;

//width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "100%");

}



.header {

position:relative;

height:120px;

width:100%-318px;

padding:10px 48px 0 270px;

background:url(/images/mebella/top-left.gif) no-repeat bottom left;

}



.tr {

position:absolute;

top:128px;

left:-9px;

height:2px;

width:9px;

margin-left:100%;

background:url(/images/mebella/top-right.gif) no-repeat top left;

}



.top-flash {

height:60px;

width:680px;

margin:0 auto;

}



.logo {

position:absolute;

top:7px;

left:18px;

height:65px;

width:222px;

}



.hm {

position:absolute;

top:85px;

left:-90px;

margin-left:100%;

height:35px;

width:82px;

}



.slogan {

position:absolute;

top:75px;

left:18px;

height:20px;

width:240px;

font-weight:bold;

text-transform:uppercase;

}



.phone {

position:absolute;

top:100px;

left:18px;

height:20px;

width:222px;

font-size:14px;

font-weight:bold;

color:#da1958;

text-align:center;

}



.top-menu {

position:absolute;

top:93px;

left:270px;

width:720px;

height:45px;

text-transform:uppercase;

font-weight:bold;

}



.top-menu a {

display:block;

height:15px;

padding:0 0 0 15px;

margin-right:15px;

color:#333333;

text-decoration:none;

background:url(/images/mebella/tml.gif) no-repeat top left;

}



.top-menu a:hover {

color:#cc3366;

text-decoration:none;

background-position:0 -33px;

}



.top-menu span {

display:block;

height:15px;

padding:0 0 0 15px;

margin-right:15px;

color:#cc3366;

background:url(/images/mebella/tml.gif) no-repeat bottom left;

}



.wrapper {

float:right;

width:100%;

margin-left:-255px;

}



.right {

margin-left:255px;

padding:145px 22px 0 23px;

}



.right h1 {

color:#cc3366;

font-size:16px;

font-weight:bold;

margin-bottom:15px;

text-align:left;

}



.right h2 {

color:#cc3366;

font-size:14px;

font-weight:bold;

margin-bottom:15px;

}



.right h3 {

color:#cc3366;

font-size:12px;

font-weight:bold;

margin-bottom:15px;

}



.right h1 span {

font-size:11px;

font-weight:normal;

color:#000000;

}



.mb {

padding:10px 0;

}



.item {

padding-bottom:20px;

}



.item h3 {

font-size:12px;

font-weight:bold;

background:#eaeaea;

padding:1px 2px;

width:100%-4px;

margin-bottom:5px;

}



.item h3 span {

font-size:11px;

font-weight:normal;

}



.item h3 a {

color:#000000;

text-decoration:none;

}



.item h3 a:hover {

color:#333333;

text-decoration:none;

}



.ii {

float:left;

margin:0 10px 0 0;

}



.left {

float:left;

width:221px;

padding:145px 14px 0 20px;

font-size:11px;

}



.bt {

background:url(/images/mebella/bt.gif) no-repeat top left;

padding:0 0 0 12px;

color:#0677b3;

font-size:13px;

}



.menu {

padding:0 0 13px 12px;

}



.menu ul {

padding:0 0 0 0;

margin:0 0 0 0;

}



.menu ul li {

padding:0 0 2px 0;

margin:0 0 0 0;

list-style:none;

}



.menu ul li ul {

padding:0 0 0 0;

margin:2px 0 -2px 12px;

}



.menu .active a {

color:#cc3366;

text-decoration:none;

}



.menu .active a:hover {

color:#cc3366;

text-decoration:none;

}



.block {

padding:0 0 15px 12px;

}



.extra {

clear:both;

height:102px;

}



.bottom {

position:relative;

margin-top:-92px;

height:92px;

width:100%;

min-width:998px;

//width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 998? "998px": "100%");

background:#FFFFFF url(/images/mebella/bottom.gif) repeat-x top left;

}



.footer {

width:100%;

height:92px;

font-size:11px;

}



.footer-wrapper {

float:left;

width:100%;

margin-left:-350px;

}



.counters {

margin-left:350px;

padding: 12px 0 0 7px;

background:url(/images/mebella/bottom-left.gif) no-repeat top left;

}



.copy {

float:right;

width:343px;

background:url(/images/mebella/bottom-right.gif) no-repeat top right;

text-align:right;

padding:14px 7px 0 0;

}



.niz{

text-align:left;

color:#737373;

}



.niz a{ 

color:#737373;

text-decoration:none;

}



.grs {

width:100%;

margin-bottom:7px;

}



.grs td {

vertical-align:top;

width:30%;

padding-bottom:7px;

}



.grs td.gf {

vertical-align:top;

width:5%;

}



.irs {

width:100%;

}



.irs td {

vertical-align:top;

}



.ish {

width:30%;

background:#f5f5f5;

border-top:7px solid #f1f1f1;

}



.ishp {

padding:15px 10px;

text-align:center;

}



.ishpf {

width:100%-20px;

padding:0 10px;

text-align:center;

background:#f5f5f5;

border-top:7px solid #f1f1f1;

}



.isht {

font-weight:bold;

padding-bottom:10px;

}



.ishb {

padding-top:10px;

font-size:11px;

}



.ispr {

width:5%;

}



.ishl {

height:25px;

}



.price {

color:#cc3366;

font-size:16px;

font-weight:bold;

padding-top:5px;

}



.shop_cart_table {

width:100%;

border:solid #CCCCCC;

border-width:1px 1px 0 0;

margin-bottom:10px;

}



.shop_cart_table td {

width:auto;

padding:3px 7px;

border:solid #CCCCCC;

border-width:0 0 1px 1px;

}



.shop_cart_table_title td {

font-weight:bold;

text-align:center;

padding:7px 0;

}

/*

.button {

cursor:pointer;

font:12px Tahoma, Arial, Helvetica, sans-serif;

color:#000000;

padding:1px 2px;

}

*/



.shop_item_navi {position: relative; overflow: hidden; width:685px;margin:0 auto; padding:0; list-style: none;}

  .shop_item_navi li {overflow: hidden;}

  .shop_item_navi li.center {position: absolute; top:0; left:290px;}

  .shop_item_navi li.back {float:left;}

  .shop_item_navi li.next {float:right;}



.pages, pages a{font-size:16px;}



.art {padding:0 0 13px 12px; }

  .art  a {font-size:13px; color:#0677B3;}



.top-menu a.dis, .top-menu span.dis {font-size:14px; height:17px;color:#CC3366; display: block; padding: 0 0 1px 17x; background:url(/images/mebella/tml.gif) no-repeat left 1px;}

.top-menu a.dis:hover {background-position:0 -32px;}

.top-menu span.dis {background-position:0 -32px;}







.itemVote {overflow: hidden;  margin: 0 40px 60px 0; float:left;}

  .itemVote .image img {border:1px solid #737373; padding:1px; margin: 0 0 5px;}



  .itemVote .buttons .up{ overflow: hidden; padding:3px 4px 3px 3px;  height:16px; text-align:right; background-color:#86B02B; color:#FFFFFF;line-height: 16px; font-weight: bold;}

    .itemVote .buttons .up a {display:block; height:16px; line-height: 16px;  color:#fff;text-decoration:none; }





  .itemVote .buttons .txt{overflow: hidden; padding:3px 4px 0px 3px; height:16px; text-align:right; line-height: 16px; font-weight: bold;}

  .itemVote .buttons .txt2{overflow: hidden; padding:0px 4px 0px 3px; height:16px; text-align:left; line-height: 16px; font-size:10px;}

  

  .itemVote .buttons .down{overflow: hidden; padding:3px 4px 3px 3px; height:16px; text-align:right; background-color:#CC3366; color:#FFFFFF;line-height: 16px; font-weight: bold;}

    .itemVote .buttons .down a{display:block; height:16px; line-height: 16px;  color:#fff;text-decoration:none; }



  .itemVote .up img, .itemVote .down img {padding:0;}