body
{
    font-family:arial, sans-serif;
    text-align: center;
}


img {
    border:none;
}


.home
{
    background-color: #51C8E8;
    background-image:url(/images/index/bg.png);
    background-repeat:repeat;
}


body.comics
{
    background-image:url(/images/index/comic_bg.png);
    background-repeat:repeat;
}


.mainContent
{
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height:725px;
}


.spacer20
{
    height:20px;
}


.spacer120
{
    height:120px;
}


.spacer70
{
    height:70px;
}


.info
{
    background-image: url(/images/index/info.png);
    background-repeat: no-repeat;
    background-position:top center;
    margin-left: auto;
    margin-right: auto;
    width: 650px;
    height:534px;
    top:0px;
    position:relative;
    text-align: left;
}


img.logo
{
    padding-left:25px;
    padding-top:24px;
}


div.imgcoverscontainer{
    padding-left:60px;
    padding-top:24px;
}


div.mailto
{
    padding-left:25px;
    padding-top:43px;
}


img.mailto
{
    border:none;
    pointer:hand;
    pointer:cursor;
}


div#textContainer
{
    text-align:center;
    width:635px;
    margin-left: auto;
    margin-right: auto;
}


div#textContainer a:link {
    color: #666666;
    text-decoration: none;
}


div#textContainer a:hover {
    color: #000000;
    text-decoration: none;
}


div.middle
{
    background-color:#b3dfcc;
    width:600px;
    padding-left:15px;
    padding-right:15px;
    padding-top:5px;
    font-size:8.5pt;
    font-family:arial, sans-seri;
    line-height:12pt;
    text-align: justify;
    color:#444444;
    height:125px;
}


div#eng, div#forasEng{
    display:none;
}



.languageLinks{
    font-size:10pt;
    font-family:arial;
    font-weight:bold;
    color:#58595B;
    pointer:cursor;
    pointer:hand;
}


.languageLinks a:link{
    color:#58595B;
    text-decoration: none;
}


.current a:link{
    color:#231F20;
    text-decoration: none;
}


.languageLinks a:visited{
    color:#58595B;
    text-decoration: none;
}


.current a:visited{
    color:#231F20;
    text-decoration: none;
}


.copyright{
    position:absolute;
    left:5px;
    bottom:8px;
    font-size:7pt;
    font-family:arial;
}


p.bold{
    font-weight:bold;
}

div.forasText{
    position:absolute;
    bottom:4px;
    right:70px;
    width:80px;
    font-size:7pt;
    font-family:arial, sans-seri;
    line-height:12pt;
    text-align: right;
    color:#58595B;info
    font-weight:bold;
    padding-right:5px;
}


div.langText{
    position:absolute;
    left:20px;
    bottom:30px;
}


div.main
{
    background-color:#FFFFFF;
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    text-align: justify;
}


div.comicContainer
{
    background-color:#e5f5fc;
    margin-bottom:10px;
}


div.heading
{
    font-weight:bold;
    font-size:1.2em;
    color:#333333;
}


div.comicDesc
{
    font-size:small;
    margin-bottom:10px;
}

div.comicText a
{
    color:#333333;
}


div.comicList
{
    float:left;
    width:560px;
} 


div.pricesContainer
{
    font-family:arial,sans-seri;
    width:224px;
    float:left;
    margin-left:20px;
    margin-right:20px;
}


div.prices
{
    background-color:#89d1f0;
    margin-bottom:20px;
}


div.pricesTitle
{
    text-align:center;
    font-weight:bold;
    margin-bottom:10px;
    padding-top:10px;
}


div.comicThumb
{
    float:left;
    margin:10px 10px 10px 10px;
}


div#cartContainer
{
  float:right;
  width:200px;
  height:630px;
  text-align:center;
  background-color:#B3DFCC;
  font-weight:bold;
}

div.notifications div
{
    margin-bottom:5px;
}

div.notifications
{
    background-color:#FFFFFF;
    margin:5px 5px 5px 5px;
    padding:10px 10px 10px 10px;
    color:#ef4035;
    font-size:small;
    text-align:left;
    display:block;
}

div.notificationsContainer
{
    border:#EF4035 solid 1px;
    margin-top:10px;
    float:left;
}

div.cartTitle
{
    padding-top:10px;
}


div.cartItemList
{
  height:500px;
  overflow:auto;
  font-weight:normal;
} 


div.cartSubLeft
{
  float:left;
  text-align:left;
  width:60%;
  padding-left:10px;
}

.cartRemoveButton
{
  width:200px;
}

div.cartSubRight
{
  float:right;
  text-align:right;
  padding-right:10px;
}

div.cartTotalPrice
{
  font-size:12px;
}

div.productViewFull
{
  width:600px;
}

div.cartEntry
{
  float:none;
  padding-top:10px;
  padding-bottom:10px;
  font-size:10px;
}

input.addCartButton
{
    position:relative;
    top:7px;
}

div.comicText
{
    margin-top:10px;
    margin-bottom:10px;
    margin-right:10px;
}

table.comics
{
    width: 580px;
    background-color: #fafafa;
    border: 1px #000000 solid;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
}

form.comics
{
    width: 580px;
    background-color: #fafafa;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    text-align:right;
}


td.contactDept
{
    background-color: #99CCCC;
    border: 1px #000000 solid;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
    color: #404040;
}


td.comic
{
    border-bottom: 1px #6699CC dotted;
    text-align: left;
    font-family: Verdana, sans-serif, Arial;
    font-weight: normal;
    font-size: .7em;
    color: #404040;
    background-color: #fafafa;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 0px;
}


td.heading
{
    vertical-align:top;
}


td.total
{
    text-align: right;
    padding-right:10px;
}


img.header
{
    padding-bottom:10px;
}

div.shop
{
    padding:10px 10px 10px 10px;
    max-width:180px;
    font-size:small;
    float:left;
}

div.province
{
    color:#00ccff;
    clear:both;
    text-decoration:underline;
    font-weight:bold;
    padding-top:30px;
    padding-bottom:10px;
    padding-left:10px;
}

div.county
{
    color:#00ccff;
    clear:both;
    font-weight:bold;
    padding-top:10px;
    padding-left:10px;
    font-size:14px;
}


table.shopsTable
{
    margin-left:auto;
    margin-right:auto;
    border:#89D1F0 solid 1px;
    margin-top:40px;
}

table.shopsTable tr
{
    height:140px;
    border-bottom:#89D1F0 solid 1px;
}

table.shopsTable tr td
{
    width:240px;
    vertical-align:top;
    text-align:left;
} 

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

div.shopsHeading
{
    padding-top:15px;
    padding-left:10px;
    font-style:italic;
}

div#shopsList
{
    background-color:#E5F5FC;
}

span.highlight
{
    color:#00ccff;
    font-weight:bold;
}

div#shopsList a
{
        font-weight:bold;
}

div#shopsList a:link
{
        color: #00ccff;
}
div#shopsList a:visited
{ 
        color: #00FFff;
}
div#shopsList a:hover
    {
        color: #0099cc;
    }