article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}blockquote,q{quotes:none;}body{line-height:1;}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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline;}table{border-collapse:collapse;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after{content:'';}
/* font: italic small-caps 900 12px arial */
/* top - right - bottom - left*/
/* http://code.google.com/p/curved-corner/ */

html {
 background: url(http://www.shoppinginbeijing.com/ny/images/siteImages/css/bg_stripes.png) top left repeat-x;
 background-color: #952727;
}

body {
 font: 0.9em 'Istok Web', Helvetica, Verdana, sans-serif;
 font-weight: 400;
 line-height: 150%;
 color: #000000;
 width: 960px;
 margin: 0 auto;
 position: relative;
}

h1, h2, h3, h4 {
 color: #262626;
 font-family: 'Myriad Pro', sans-serif;
 font-weight: bold;
 padding: 0.7em 0 0.4em 0;
}

img { border: 1px solid #c6c6c6; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

a       { color: #9e2323; }
a:hover { color: #d91f1f; }

p + p {
 padding-top: 1em;
}

em {
 font-style: italic;
}


input, textarea {
 font-family: 'Istok Web', Helvetica, Verdana, sans-serif;
}

article > h1:first-child, aside > h1:first-child, aside > section:first-child > h1,
section > h1:first-child {
 padding-top: 0;
}

/*                        --------  HEADER --------                           */
header {  }

header #skipToContent { display: none; }

header a#logoLink     { display: block; width: 600px; margin: 70px auto 40px auto; }
header a#logoLink img { border: none; }

#langMenu ul                { float: right; list-style: none; margin-bottom: 3px; }
#langMenu ul li             { display: inline; }
#langMenu ul .langlink span { display: none; }

.langlink      {
 display: block;
 background: url(http://www.shoppinginbeijing.com/images/icons/flagSprite.png) no-repeat top left;
 height: 11px;
 width: 16px;
 float: right;
 margin-left: 2px;
}
.langlink.de                            { background-position: 0px -0px; }
.langlink.de:hover, .langlink.de.active { background-position: 0px -15px; }
.langlink.en                            { background-position: 0px -30px; }
.langlink.en:hover, .langlink.en.active { background-position: 0px -45px; }
.langlink.sv                            { background-position: 0px -60px; }
.langlink.sv:hover, .langlink.sv.active { background-position: 0px -75px; }
.langlink.tr                            { background-position: 0px -90px; }
.langlink.tr:hover, .langlink.tr.active { background-position: 0px -105px; }

header nav {
 clear: both;
 height: auto;
 min-height: 55px;
 overflow: visible;
 background: url(http://www.shoppinginbeijing.com/ny/images/siteImages/css/bg_mainMenu.gif) top left;
}

nav {
 font-size: 0px;
 position: relative;
 z-index: 100;
}

nav ul.mainMenu {
 list-style: none;
 list-style-position: outside;
}
nav ul.mainMenu li {
 display: block;
 position: relative;
}
nav ul.mainMenu li a {
 color: #b81f1e;
 text-decoration: none;
}
nav > ul.mainMenu > li > a {
 display: block;
 font-size: 17px;
 float: left;
 font-family: 'Cabin', sans-serif;
/*font-family: 'Open Sans', sans-serif;
*/
 line-height: 55px;
 padding: 0 45px;
 border-left: 1px solid #ffffff;
 border-right: 1px solid #c0c0c0;
}
nav.sv > ul.mainMenu > li > a {
 padding: 0 51px;
}
nav.de > ul.mainMenu > li > a {
 padding: 0 52px;
}
nav.tr > ul.mainMenu > li > a {
 padding: 0 50px;
}
nav > ul.mainMenu > li:last-child a {
 border-right: none;
}
nav ul.mainMenu li:first-child a {
 border-left: none;
}
nav ul.mainMenu li a:hover, nav ul.mainMenu li a:focus, #marketsLink:hover > a, #productsLink:hover > a {
 background-color: #efefef;
 background-color: rgba(255,255,255,0.7);
}
nav ul.mainMenu li.chosen > a {
 background-color: #ffffff;
}


nav #marketsMenu  { display: none; }
nav #productsMenu { display: none; }


nav ul.dropMenu {
 position: absolute;
 top: 55px;
 width: 960px;
 background: url(http://www.shoppinginbeijing.com/ny/images/siteImages/css/bg_mainMenu.gif) top left repeat;
 box-shadow: 0px 3px 10px #888;
 box-shadow: 0px 3px 10px rgba(0,0,0,0.4);
 overflow: hidden;
}
nav ul.dropMenu li {
 overflow: hidden;
 float: left;
 border-bottom: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
nav ul.dropMenu li a {
 border-width: 0;
 height: 54px;
 width: 191px;
 display: block;
 background: url(http://shoppinginbeijing.com/images/allMarkets.jpg) top right no-repeat;
 font-size: 13px;
 padding: 0px;
 margin: 0px;
 vertical-align: middle;
}
nav ul.dropMenu li a {
 background-color: #e8e8e8;
 background-color: rgba(120,120,120,0.1);
}
nav ul.dropMenu li a:hover {
 background-color: #ffffff;
}
nav ul.dropMenu li.chosen > a {
 color: #303030;
}
nav ul.dropMenu a span {
 padding-left: 3px;
 line-height: 1.1em;
 width: 87px;
 display: table-cell;
}
nav ul.dropMenu img {
 border: none;
 float: right;
 width: 50%;
}

.dropMenu .rating {
 display: none;
}
/*  Genereras av admin/generateSprite  */
nav ul.dropMenu li a.HongQiao { background-position: right -0px; }
nav ul.dropMenu li a.markets { background-position: right -70px; }
nav ul.dropMenu li a.Silk_market { background-position: right -140px; }
nav ul.dropMenu li a.clothing { background-position: right -210px; }
nav ul.dropMenu li a.chineseart { background-position: right -280px; }
nav ul.dropMenu li a.electronics { background-position: right -350px; }
nav ul.dropMenu li a.glasses { background-position: right -420px; }
nav ul.dropMenu li a.Glasses_city { background-position: right -490px; }
nav ul.dropMenu li a.Bainaohui { background-position: right -560px; }
nav ul.dropMenu li a.Zhongguancun { background-position: right -630px; }
nav ul.dropMenu li a.Wonderful_electronic { background-position: right -700px; }
nav ul.dropMenu li a.Yandai_xiejie { background-position: right -770px; }
nav ul.dropMenu li a.Sunny_gold { background-position: right -840px; }
nav ul.dropMenu li a.Tea_street { background-position: right -910px; }
nav ul.dropMenu li a.Wangfujing { background-position: right -980px; }
nav ul.dropMenu li a.Wudaokou { background-position: right -1050px; }
nav ul.dropMenu li a.Xidan { background-position: right -1120px; }
nav ul.dropMenu li a.Yashow { background-position: right -1190px; }
nav ul.dropMenu li a.tea { background-position: right -1260px; }
nav ul.dropMenu li a.pearls { background-position: right -1330px; }
nav ul.dropMenu li a.tailors { background-position: right -1400px; }
nav ul.dropMenu li a.Houhai { background-position: right -1470px; }
nav ul.dropMenu li a.Panjiayuan { background-position: right -1540px; }
nav ul.dropMenu li a.lanterns { background-position: right -1610px; }
nav ul.dropMenu li a.Musical_street { background-position: right -1680px; }



/*                        --------  SIDAN  --------                           */


#mainBox {
 clear: both;
 position: relative;
 z-index: 1;
 background-color: #ffffff;
 overflow: hidden;
}
.pageContent {
 width: 500px;
 float: left;
 padding: 0 35px;
 margin-bottom: 35px;
}
.sidebar {
 width: 330px;
 overflow: hidden;
 padding: 0px 35px 0px 25px;
}

.postcard {
 width: 500px;
 height: 250px;
}


/*                        ------    Index    ------                           */

#threeMarkets {
 overflow: auto;
}
#threeMarkets.horizontal         { margin: 20px auto; padding: 13px 10px 10px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); width: 910px; }
#threeMarkets.vertical .market   { width: 99%; padding: 0 0 30px 0; margin: 0; }
#threeMarkets.horizontal .market { width: 283px; padding: 0 10px 7px 10px; float: left; }
#threeMarkets .market h3 {
 padding: 0;
 font-weight: normal;
 font-style: italic;
}
#threeMarkets .market h4 {
 font-size: 16px;
 font-weight: normal;
 padding: 0 0 3px 0;
}
#threeMarkets.vertical .market h3   { font-size: 20px; }
#threeMarkets.horizontal .market h3 { font-size: 15px; }
#threeMarkets .market img.marketImg {
 width: 100%;
 margin-bottom: 5px;
 position: relative;
 z-index: 1;
}
#threeMarkets .market .rating {
 height: 38px;
 padding: 2px;
 margin-left: 1px;
 margin-top: -54px;
 background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 55%, rgba(255,255,255,0.51) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(55%,rgba(255,255,255,0.9)), color-stop(77%,rgba(255,255,255,0.51)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.51) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.51) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.51) 77%,rgba(255,255,255,0) 100%); /* IE10+ */
 background: linear-gradient(left,  rgba(255,255,255,0.9) 55%,rgba(255,255,255,0.51) 77%,rgba(255,255,255,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
 position: relative;
 z-index: 2;
}
#threeMarkets .market a {
 display: block;
 color: #000000;
 text-decoration: none;
}

#marketListing {
}
#marketListing article {
 margin-bottom: 15px;
}
#marketListing h2 a {
 color: #262626;
}
#marketListing.indexPage h2 a {
 font-size: 1.5em;
}
#marketListing.indexPage article:first-child h2 {
 padding-top: 0;
}
#marketListing .market a {
 color: #000000;
 display: block;
 text-decoration: none;
 -webkit-transition: color 0.2s ease-in-out;
 -moz-transition: color 0.2s ease-in-out;
}
#marketListing a:hover, #marketListing a:focus {
 color: #851717;
}
#marketListing p {
 width: 100%;
}

/*                        ------   Sidebar   ------                           */
.sidebar > h2:first-child {
 padding-top: 0px;
}
.sidebar h1 {
 font-size: 1.8em;
}
.sidebar h2 {
 font-size: 1.6em;
}
.sidebar .prodctLinks a {
 font-size: 1.1em;
 display: block;
 float: left;
 padding: 0 5px;
 margin-right: 10px;
 color: #000000;
 text-decoration: none;
 -webkit-transition: color 0.2s ease-in-out;
 -webkit-transition-property: color, background-color;
 -moz-transition: color 0.2s ease-in-out;
 -moz-transition-property: color, background-color;
}
.sidebar .prodctLinks a:hover, .sidebar .prodctLinks a:focus, .sidebar .prodctLinks a.chosen {
 background-color: #e24b4b;
 color: #ffffff;
}


/*                        ------   Market   ------                            */
.market article {

}
.market article.pageContent img {
 margin-bottom: 15px;
}
.market article.pageContent footer {
 margin-top: 2em;
 width: 50%;
 border-top: 1px solid #a0a0a0;
 font-size: 0.9em;
}
#comments {
 float: left;
 width: 490px;
}

#comments .paging a        { text-decoration: none; }
#comments .paging a.chosen { font-weight: bold; }
#comments .pagingNr        { padding: 0 5px; }

#comments .oneComment {
 margin: 15px 0 25px 0;
}
#comments .oneComment header {
 background-color: #E5E5E5;
 font-size: 0.8em;
 padding: 0 4px;
 width: 100%;
 margin-bottom: 5px;
}
#comments .oneComment header .date {
 padding-top: 3px;
 float: right;
}
#comments .oneComment header .name {
 font-size: 1.2em;
}
#comments .oneComment p {
 padding: 0 5px;
}
#comments .oneAnswer {
 padding: 0 0 0 10px;
 margin: 10px 0 10px 10px;
 border-left: 10px solid #E5E5E5;
}
#comments .oneAnswer header {
 background-color: #E5E5E5;
}
#comments .oneComment footer {
 padding-top: 5px;
 overflow: hidden;
}
#comments .oneComment footer a, #comments .oneComment footer span {
  opacity:0.3;
  -webkit-transition:opacity 0.4s linear;
}
#comments .oneComment:hover footer a, .market #comments .oneComment footer a:focus, #comments .oneComment:hover footer span {
  opacity:1;
}
#comments .oneComment footer a, #comments .oneComment footer span              { border: 1px solid #c0c0c0; display: block; width: auto; float: left; color: #B4241B; text-decoration: none; -webkit-border-radius:3px; -moz-border-radius:3px; padding: 0px 4px; height: 25px; margin-right: 10px; line-height: 26px; }
#comments .oneComment footer a:hover                                             { border-color: #e24b4b; }
#comments .oneComment footer a img, #comments .oneComment footer span img      { border: none; display: inline; padding: 0; }
#comments .oneComment footer a.vote img, #comments .oneComment footer span img { margin: 3px 0 -2px 2px; }
#comments .oneComment footer a.reply img                                         { margin: 4px 3px -4px 0; }

#comments .new_comment              { width: 96%; margin: 3% 2%; font-size: 1.1em; position: relative; }
#comments .new_comment form         { background-color: #efefef; padding: 2% 0 3% 3%; overflow: hidden; }
#comments .new_comment input        { display: block; font-size: 1.1em; margin-bottom: 20px; }
#comments .new_comment input:focus  { background-color: #FFFEE0; }
#comments .new_comment textarea     { display: block; font-size: 1.1em; width: 95%; margin-bottom: 20px; }
#comments .new_comment textarea:focus { background-color: #FFFEE0; }
#comments .new_comment .submitBtn   { float: right; margin-right: 4% }
#comments .new_comment .counter     { display: inline; margin-bottom: 0; }
#comments .new_comment .name        { width: 45%; float: left; }
#comments .new_comment .email       { width: 45%; float: right; }
#comments .new_comment .email .input{ width: 90%; }
#comments .new_comment .name .input { width: 90%; }
#comments .new_comment .counter     { width: 2em; padding-left: 0.2em; background-color: transparent; border: none; }
#comments .new_comment .submitBox   { overflow: hidden; height: 32px; }
#comments .new_comment #waitAnim.send { float: right; margin: 0; }


.market aside.sidebar  {
 overflow: hidden;
 margin-bottom: 50px;
}
.market aside.sidebar h1 {
 width: 100%;
}
.market  aside.sidebar h2 {
 margin-top: 12px;
 margin-bottom: 3px;
 background-color: #E24B4B;
 padding: 0px 3px;
 padding-top: 1px;
 font-size: 1.1em;
 font-weight: normal;
 color: #ffffff;
}

#openingHoursSection, #taxiSection {
 width: 49%;
 padding-right: 1%;
 float: left;
}
#taxiSection {
 min-height: 110px;
}


#addressSection, #coordSection {
 width: 49%;
 float: right;
 padding: 0 0 1% 0;
}
.market aside.sidebar #taxiSection select {
 width: 155px;
}
#mapSection, #subwaySection {
 clear: both;
}


.market aside.sidebar #addressSection p + p {
 padding: 0;
}


/*                  ------    JQuery related    ------                        */

#waitAnim {
 margin: 20px auto;
 width: 32px;
 height: 32px;
 background: url("http://www.shoppinginbeijing.com/images/borders_bullets/ajaxLoadAnimation.gif") top left no-repeat;
}
#waitAnimSmall {
 margin: 5px auto;
 width: 16px;
 height: 16px;
 background: url("http://www.shoppinginbeijing.com/images/borders_bullets/ajaxLoadAnimationSmall.gif") top left no-repeat;
}

/*                        ------   Rating   ------                            */

div.rater {
 width: 230px;
 overflow: hidden;
 float: right;
}
div.rater > div {
 width: 115px;
 float: left;
 font-size: 0.80em;
 overflow: visible;
}
div.rater div div {
 height: 16px;
 width: 115px;
 background: url(http://www.shoppinginbeijing.com/images/star_img/stars.png)
 bottom left no-repeat;
 overflow: hidden;
}
div.rater div div.R1Vote { background-position: 0px -336px; }
div.rater div div.R2Vote { background-position: 0px -352px; }
div.rater div div.R3Vote { background-position: 0px -368px; }
div.rater div div.R4Vote { background-position: 0px -384px; }
div.rater div div.R5Vote { background-position: 0px -400px; }
div.rater div div.REmp   { background-position: 0px -416px; }
div.rater div .tackBox {
 width: 115px;
 z-index: 1;
 position: relative;
 background: url(http://www.shoppinginbeijing.com/images/star_img/stars_alphafade.png)
  top left no-repeat;
}

div.rater div img.currentStars { width: 88px; }
div.rater div img.R000 { margin-top: 0px; }
div.rater div img.R025 { margin-top: -16px; }
div.rater div img.R050 { margin-top: -32px; }
div.rater div img.R075 { margin-top: -48px; }
div.rater div img.R100 { margin-top: -64px; }
div.rater div img.R125 { margin-top: -80px; }
div.rater div img.R150 { margin-top: -96px; }
div.rater div img.R175 { margin-top: -112px; }
div.rater div img.R200 { margin-top: -128px; }
div.rater div img.R225 { margin-top: -144px; }
div.rater div img.R250 { margin-top: -160px; }
div.rater div img.R275 { margin-top: -176px; }
div.rater div img.R300 { margin-top: -192px; }
div.rater div img.R325 { margin-top: -208px; }
div.rater div img.R350 { margin-top: -224px; }
div.rater div img.R375 { margin-top: -240px; }
div.rater div img.R400 { margin-top: -256px; }
div.rater div img.R425 { margin-top: -272px; }
div.rater div img.R450 { margin-top: -288px; }
div.rater div img.R475 { margin-top: -304px; }
div.rater div img.R500 { margin-top: -320px; }
div.rater div img.REmp   { margin-top: -416px; }
div.rater div img.closeBtn {
 width: 13px;
 height: 13px;
 display: inline;
 cursor: pointer;
}

/* Används t.ex. både till product-sidorna och till drop down menu */
span.bigStar {
 display: block;
 height: 16px;
 width: 88px;
 overflow: hidden;
 position: relative;
}
span.bigStar img         { position: absolute; width: 88px; height: 551px; border: none; }
span.bigStar img.rate000 { top: 0px; left: 0px; }
span.bigStar img.rate025 { top: -16px; left: 0px; }
span.bigStar img.rate050 { top: -32px; left: 0px; }
span.bigStar img.rate075 { top: -48px; left: 0px; }
span.bigStar img.rate100 { top: -64px; left: 0px; }
span.bigStar img.rate125 { top: -80px; left: 0px; }
span.bigStar img.rate150 { top: -96px; left: 0px; }
span.bigStar img.rate175 { top: -112px; left: 0px; }
span.bigStar img.rate200 { top: -128px; left: 0px; }
span.bigStar img.rate225 { top: -144px; left: 0px; }
span.bigStar img.rate250 { top: -160px; left: 0px; }
span.bigStar img.rate275 { top: -176px; left: 0px; }
span.bigStar img.rate300 { top: -192px; left: 0px; }
span.bigStar img.rate325 { top: -208px; left: 0px; }
span.bigStar img.rate350 { top: -224px; left: 0px; }
span.bigStar img.rate375 { top: -240px; left: 0px; }
span.bigStar img.rate400 { top: -256px; left: 0px; }
span.bigStar img.rate425 { top: -272px; left: 0px; }
span.bigStar img.rate450 { top: -288px; left: 0px; }
span.bigStar img.rate475 { top: -304px; left: 0px; }
span.bigStar img.rate500 { top: -320px; left: 0px; }

/* Används t.ex. både till product-sidorna och till drop down menu */
span.smallStar {
 display: block;
 height: 12px;
 width: 66px;
 overflow: hidden;
 position: relative;
}
span.smallStar img         { position: absolute; width: 66px; height: 413px; }
span.smallStar img.rate000 { top: 0px; left: 0px; }
span.smallStar img.rate025 { top: -12px; left: 0px; }
span.smallStar img.rate050 { top: -24px; left: 0px; }
span.smallStar img.rate075 { top: -36px; left: 0px; }
span.smallStar img.rate100 { top: -48px; left: 0px; }
span.smallStar img.rate125 { top: -60px; left: 0px; }
span.smallStar img.rate150 { top: -72px; left: 0px; }
span.smallStar img.rate175 { top: -84px; left: 0px; }
span.smallStar img.rate200 { top: -96px; left: 0px; }
span.smallStar img.rate225 { top: -108px; left: 0px; }
span.smallStar img.rate250 { top: -120px; left: 0px; }
span.smallStar img.rate275 { top: -132px; left: 0px; }
span.smallStar img.rate300 { top: -144px; left: 0px; }
span.smallStar img.rate325 { top: -156px; left: 0px; }
span.smallStar img.rate350 { top: -168px; left: 0px; }
span.smallStar img.rate375 { top: -180px; left: 0px; }
span.smallStar img.rate400 { top: -192px; left: 0px; }
span.smallStar img.rate425 { top: -204px; left: 0px; }
span.smallStar img.rate450 { top: -216px; left: 0px; }
span.smallStar img.rate475 { top: -228px; left: 0px; }
span.smallStar img.rate500 { top: -240px; left: 0px; }


@media screen and (max-width: 480px)  {
  body {
    width: 100%;
   }
  h1 { font-size: 1.7em; }
  h2 { font-size: 1.4em; }
  h3 { font-size: 1.2em; }

  header a#logoLink img { width: 100%; height: auto; }
  header a#logoLink     { width: 100%; margin: 20px 0; }

  .pageContent, #comments {
   width: 94%;
   padding: 10px 3%;
   margin: 0;
  }
  .pageContent img.postcard {
   width: 100%;
  }
  .pageContent img {
   max-width: 100%;
  }
  .sidebar, .market aside.sidebar {
   width: 94%;
   padding: 5px 3%;
   margin: 0;
  }
  .postcard {
   width: 90%;
   height: auto;
  }

   header nav {
    border-top: 1px solid #ccc;
    overflow: auto;
    min-height: 0;
   }



   nav ul.mainMenu li:first-child {
    display: none;
   }
   nav ul.mainMenu li:nth-child(4), nav ul.mainMenu li:nth-child(5) {
    display: none;
   }
   nav ul.mainMenu li a {
    color: #b81f1e;
    display: block;
    font-size: 14px;
    line-height: 27px;
    padding: 0 10px;
   }
   nav.sv ul.mainMenu li a {
    padding: 0 52px;
   }


   #comments .new_comment .name, #comments .new_comment .email   { width: 100%; float: none; }

  #slider {
   display: none;
  }
  #threeMarkets.horizontal         { display: none; }
}




.sidebar iframe {
 margin-left: 15px;
 margin-bottom: 40px;
}