/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* MAIN */
body {
  color: #6a7880;
  background-color: #fff;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 0.8em;
  text-align: center;
}
a {
  color: #6a7880;
  text-decoration: none;
}
a:hover { color: #adb6bb; }

/* COMMON */
.right { float: right; display: block; }
.tright { text-align: right; }

/* FIR */
#menu.bg-menu a {
  background-image: url(menu.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.bg-title {
  background-image: url(sub_title_list.gif);
  background-repeat: no-repeat;
}
.bg-menu div,
.bg-title span { display: none; }

/* GRID */
#wrap {
  width: 980px;
  text-align: left;
  margin: 0 auto 0;
}

.w1 { width: 140px; }
.w2 { width: 280px; }
.w3 { width: 420px; }

#parfum-set { height: 30px; clear: both; overflow: hidden; }
#parfum-set a {
  width: 140px !important;
  height: 15px;
  overflow: hidden;
  display: block;
  float: left;
  text-decoration: none;
  background: #111 url(parfum-set.gif) no-repeat;
}
#parfum-set a.active,
#parfum-set a:HOVER { height: 30px; }
#parfum-set a.black-angel { background-position: -140px 0; }
#parfum-set a.hot-leather { background-position: -280px 0; }
#parfum-set a.english-breakfast { background-position: -420px 0; }
#parfum-set a.around-midnight { background-position: -560px 0; }
#parfum-set a.sounds-visions { background-position: -700px 0; }
#parfum-set a.nameless { background-position: -840px 0; width: 130px; }

#logo div,
#logo h3 {
  width: 280px;
  float: right;
  clear: both;
  height: 23px;
  background-position: 0 -30px;
}
#logo h3 { font-size: 1.8em; font-weight: normal; }
#logo h3 a { width: 280px; height: 23px; text-decoration: none; display: block; }
#logo div {
  margin: 30px 0 5px 0;
  background-position: 0 -588px;
  height: 13px;
}
#logo div.com { background-position: 0 -601px; }
#logo a.lang {
  clear: both;
  display: block;
  height: 18px;
  width: 54px;
  float: right;
  background: url(language.gif) no-repeat;
  margin-top: -20px;
  font-size: 0;
}
#logo a.lang.com {
  background-position: 0 -18px;
}

.h1-sp { height: 38px; clear: both; }
#h1 { clear: both; }
#h1 h1 {
  clear: both;
  font-size: 2.2em;
  font-weight: normal;
  margin-left: 140px;
  text-transform: uppercase;
  height: 28px;
}
#h1 div { height: 13px; margin-left: 140px; margin-bottom: 42px; }

.h1-mark-buxton h1 { background-position: 0 -224px; }
.h1-mark-buxton h1.com { background-position: 0 -56px; }
.h1-mark-buxton div { background-position: 0 -679px; }
.h1-mark-buxton div.com { background-position: 0 -601px; }

.h1-color-code h1 { background-position: 0 -252px; }
.h1-color-code h1.com { background-position: 0 -84px; }
.h1-color-code div { background-position: 0 -692px; }
.h1-color-code div.com { background-position: 0 -614px; }

.h1-news h1 { background-position: 0 -280px; }
.h1-news h1.com { background-position: 0 -112px; }
.h1-news div { background-position: 0 -705px; }
.h1-news div.com { background-position: 0 -627px; }

.h1-where-buy h1 { background-position: 0 -308px; }
.h1-where-buy h1.com { background-position: 0 -140px; }
.h1-where-buy div { background-position: 0 -718px; }
.h1-where-buy div.com { background-position: 0 -640px; }

.h1-feedback h1 { background-position: 0 -336px; }
.h1-feedback h1.com { background-position: 0 -168px; }
.h1-feedback div { background-position: 0 -731px; }
.h1-feedback div.com { background-position: 0 -653px; }

.h1-order h1 { background-position: 0 -364px; }
.h1-order h1.com { background-position: 0 -196px; }
.h1-order div { background-position: 0 -744px; }
.h1-order div.com { background-position: 0 -666px; }

.h1-black-angel h1 { background-position: 0 -392px; }
.h1-black-angel div { background-position: 0 -757px; }

.h1-around-midnight h1 { background-position: 0 -420px; }
.h1-around-midnight div { background-position: 0 -770px; }

.h1-english-breakfast h1 { background-position: 0 -448px; }
.h1-english-breakfast div { background-position: 0 -783px; }

.h1-hot-leather h1 { background-position: 0 -476px; }
.h1-hot-leather div { background-position: 0 -796px; }

.h1-sounds-visions h1 { background-position: 0 -504px; }
.h1-sounds-visions div { background-position: 0 -809px; }

.h1-wood-absinth h1 { background-position: 0 -532px; }
.h1-wood-absinth div { background-position: 0 -822px; }

.h1-nameless h1 { background-position: 0 -560px; }
.h1-nameless div { background-position: 0 -835px; }

#body {
  height: 290px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.video { background-color: #000; }
a.video2,
.video a {
  color: #fff;
  display: block;
  height: 20px;
  padding: 10px 0 0 140px;
  font-size: 0.9em;
}
.video a { background: url(video.gif) no-repeat 118px 6px; }

.aroma-but {
  float: right;
  width: 110px;
  padding-top: 30px;
  padding-left: 30px;
}
  #body.order a,
  .aroma-but span,
  .aroma-but a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 10px 0 8px 20px;
    margin-bottom: 5px;
    background-color: #000;
  }
  .aroma-but a.order { margin-top: 78px; }
.aroma {
  color: #fff;
  float: right;
  width: 420px;
  padding-top: 30px;
}
.aroma h4 { font-weight: normal; font-size: 1.2em; margin-bottom: 10px; }
.aroma .personal { overflow: hidden; }
.aroma .personal p { line-height: 16px; padding-bottom: 8px; }
.aroma th { font-weight: normal; font-size: 1.1em; text-align: left; padding-bottom: 5px; white-space: nowrap; }
.aroma td { font-size: 0.9em; padding-right: 10px; line-height: 15px; width: 130px; }

.where-buy ul {
  width: 280px;
  overflow: hidden;
  float: left;
  padding-top: 30px;
  position: relative;
}
.where-buy ul.countries { width: 140px; }
.where-buy ul.addresses { width: 390px; }
.where-buy ul a:hover { color: #fff; }
.where-buy ul.countries li { padding-bottom: 5px; }
.where-buy ul.countries li.active a { background: url(triangle.gif) no-repeat 100% -58px; }
.where-buy ul.countries a,
.where-buy ul.cities a { padding-right: 20px; }
.where-buy ul.countries a { font-size: 1em; }
.where-buy ul.cities a    { font-size: 1em; }
.where-buy ul.cities li.active a { background: url(triangle.gif) no-repeat 100% -61px; }
.where-buy ul.addresses a { color: #fff; }
.where-buy ul.cities li,
.where-buy ul.addresses li { display: none; padding-bottom: 6px; }
.where-buy ul.addresses li { padding-left: 15px; background: url(triangle.gif) no-repeat 0 4px; }
.where-buy ul li.opened { display: block; }
.where-buy ul li.active a { color: #fff; }
#address {
  display: none;
  position: absolute;
  top: 30px;
  left: 530px;
  width: 310px;
  height: 200px;
  color: #6A7880;
  background-color: #fff;
  z-index: 999;
  overflow: hidden;
  padding: 0 0 30px 30px;
}
#address a {
  height: 30px;
  display: block;
  background: url(close.gif) no-repeat 285px;
}
#address h5 {
  color: #adb6bb;
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 3px;
}
#address p {
  color: #6A7880;
  font-size: 0.9em;
  line-height: 14px;
  margin-bottom: 8px;
  padding-right: 30px;
}
h5#address-shop {
  color: #6A7880;
  margin-bottom: 8px;
}

/* COLORS */
.wood-absinth      .ar-bg,
.wood-absinth      a.active,
.wood-absinth      a.ar-bg:HOVER { background-color: #257047; }
.black-angel       .ar-bg,
.black-angel       a.active,
.black-angel       a.ar-bg:HOVER { background-color: #02386c; }
.hot-leather       .ar-bg,
.hot-leather       a.active,
.hot-leather       a.ar-bg:HOVER { background-color: #aa5d6d; }
.english-breakfast .ar-bg,
.english-breakfast a.active,
.english-breakfast a.ar-bg:HOVER { background-color: #c77d50; }
.around-midnight   .ar-bg,
.around-midnight   a.active,
.around-midnight   a.ar-bg:HOVER { background-color: #721c5f; }
.sounds-visions    .ar-bg,
.sounds-visions    a.active,
.sounds-visions    a.ar-bg:HOVER { background-color: #776302; }
.nameless          .ar-bg,
.nameless          a.active,
.nameless          a.ar-bg:HOVER { background-color: #6f1610; }

.wood-absinth      .ar-c { color: #5bd19b; }
.black-angel       .ar-c { color: #5796db; }
.hot-leather       .ar-c { color: #f3c1b8; }
.english-breakfast .ar-c { color: #ffdcb3; }
.around-midnight   .ar-c { color: #df42aa; }
.sounds-visions    .ar-c { color: #e2ba11; }
.nameless          .ar-c { color: #f53d4a; }

.c01 { background-color: #920C0B; }
.c02 { background-color: #F97312; }
.c03 { background-color: #D8B010; }
.c04 { background-color: #C2CA29; }
.c05 { background-color: #06280F; }
.c06 { background-color: #52B889; }
.c07 { background-color: #184EA6; }
.c08 { background-color: #081B2C; }
.c09 { background-color: #C01A88; }
.c10 { background-color: #FA449B; }
.c11 { background-color: #F4C2BB; }
.c12 { background-color: #FCD7AA; }
.c13 { background-color: #412907; }
.c14 { background-color: #241704; }

/* BODY */
.black { color: #fff; background-color: #000; }
.gray { color: #fff; background-color: #AEB7BC; } /* #AEB7BC #BAC3C8 */
#body.gray { padding-left: 140px; }
.gray h2,
.gray h3,
.gray h4 { color: #6a7880; }

.news {
  height: 260px;
  padding: 30px 420px 0 0;
  background-repeat: no-repeat;
  background-position: 560px 0;
}
.news div { color: #6a7880; padding-bottom: 10px; font-size: 0.9em; }
.news h2 { font-size: 1.2em; font-weight: normal; padding-bottom: 5px; }
.order p,
.news p { line-height: 16px; padding-bottom: 10px; }

.mark-buxton { padding-right: 280px; }
.mark-buxton .auth {
  width: 120px;
  height: 240px;
  float: right;
  background: url(autograph.gif) no-repeat 0 100%;
  padding-left: 20px;
}
.mark-buxton a.to-blog {
  display: block;
  color: #fff;
  background-color: #6B7A81;
  padding: 5px 0 5px 20px;
  font-size: 0.9em;
}
.mark-buxton a.to-blog strong { font-size: 1.6em; font-weight: normal; display: block; padding-bottom: 3px; }

.contacts p { padding-bottom: 30px; }

#body.order {
  padding-top: 30px;
  height: 260px;
}
#body.order p { height: 20px; }
#body.feedback p { height: 70px; }
#body.order table.form { margin-top: 21px; }
#body.order td.ftd {
  text-align: right;
  width: 130px;
  padding: 2px 5px;
  vertical-align: middle;
}
#body.order td.ftd input { width: 120px; }
#body.order td.ftd textarea { width: 410px; height: 60px; }
#body.order .but { float: right; width: 110px; padding-top: 145px; }
#body.order .but a.gr { background-color: #6B7A81; }
#body.feedback td.ftd textarea { width: 270px; height: 70px; }

#body.order .checkbox { width: 140px; }
#body.order label { display: block; padding-left: 5px; font-size: 0.8em; }
#body.order .checkbox td { text-align: left; vertical-align: top; padding: 4px 0; }
#body.order .checkbox input { margin: 0; padding: 0; }
#body.order td.vtop { vertical-align: top; padding-top: 5px; }

#body.msg { background-color: #f2f3f7; padding: 140px 0 0 0; height: 150px; font-size: 1.2em; text-align: center; }

.color-code { background-color: #f2f3f7; }
.color-code p { padding: 30px 0 0 140px; line-height: 16px; height: 98px; overflow: hidden; }
#colors { margin-top: 80px; clear: both; text-align: center; }
#colors a {
  display: block;
  float: left;
  margin: 10px;
  width: 50px;
  height: 50px;
  text-decoration: none;
  font-size: 0.1em;
}
#colors a:hover {
  margin: 5px;
  width: 60px;
  height: 60px;
}
#colors a { _margin-left: 8px; }
#colors a:HOVER { _margin-left: 3px; }
#colors a.c01-ie6 { _margin-left: 12px; }
#colors a.c01-ie6:HOVER { _margin-left: 10px; _margin-right: 4px; }

/* MENU */
#sub-menu {
  height: 30px;
  width: 100%;
  overflow: hidden;
}
#sub-menu a {
  background: url(triangle.gif) no-repeat 0 -110px;
  padding: 8px 10px 5px;
  display: block;
  background-repeat: no-repeat;
}
#sub-menu .tright a { background-position: 100% -140px; }

#menu {
  padding-left: 130px;
}
#menu a {
  background: url(triangle.gif) no-repeat -3px -170px;
  display: block;
  font-size: 1.1em;
  width: 130px;
  text-decoration: none;
  float: left;
  padding: 20px 0 0 10px;
  height: 50px;
  overflow: hidden;
}
#menu a span { display: block; font-size: 0.8em; padding-top: 4px; line-height: 11px; }
#menu a.active,
#menu a.active span,
#menu a:HOVER,
#menu a:HOVER span { color: #adb6bb; background-position: -3px -266px; }
#menu a.wide { width: 180px; }

#menu a.m-mark-buxton:HOVER,
#menu a.m-active-mark-buxton:HOVER,
#menu a.m-active-mark-buxton        { background-position: 0 -80px; }
#menu a.m-mark-buxton-com           { background-position: 0 -150px; }
#menu a.m-mark-buxton-com:HOVER,
#menu a.m-active-mark-buxton-com:HOVER,
#menu a.m-active-mark-buxton-com    { background-position: 0 -230px; }

#menu a.m-color-code            { background-position: -140px 0; }
#menu a.m-color-code:HOVER,
#menu a.m-active-color-code:HOVER,
#menu a.m-active-color-code     { background-position: -140px -80px; }
#menu a.m-color-code-com        { background-position: -140px -150px; }
#menu a.m-color-code-com:HOVER,
#menu a.m-active-color-code-com:HOVER,
#menu a.m-active-color-code-com { background-position: -140px -230px; }

#menu a.m-news            { background-position: -280px 0; }
#menu a.m-news:HOVER,
#menu a.m-active-news:HOVER,
#menu a.m-active-news     { background-position: -280px -80px; }
#menu a.m-news-com        { background-position: -280px -150px; }
#menu a.m-news-com:HOVER,
#menu a.m-active-news-com:HOVER,
#menu a.m-active-news-com { background-position: -280px -230px; }

#menu a.m-where-buy            { background-position: -420px 0; }
#menu a.m-where-buy:HOVER,
#menu a.m-active-where-buy:HOVER,
#menu a.m-active-where-buy     { background-position: -420px -80px; }
#menu a.m-where-buy-com        { background-position: -420px -150px; }
#menu a.m-where-buy-com:HOVER,
#menu a.m-active-where-buy-com:HOVER,
#menu a.m-active-where-buy-com { background-position: -420px -230px; }

#menu a.m-feedback            { background-position: -560px 0; }
#menu a.m-feedback:HOVER,
#menu a.m-active-feedback:HOVER,
#menu a.m-active-feedback     { background-position: -560px -80px; }
#menu a.m-feedback-com        { background-position: -560px -150px; }
#menu a.m-feedback-com:HOVER,
#menu a.m-active-feedback-com:HOVER,
#menu a.m-active-feedback-com { background-position: -560px -230px; }


#footer { clear: both; padding-top: 30px; text-align: right; opacity: 0.5; }