@charset "utf-8";
body  {
    font: normal 11pt Arial, Verdana, Times, serif;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #000000;
    scrollbar-base-color: #6d0808;
    scrollbar-arrow-color: #f6cf55;
    scrollbar-3dlight-color: #390000;
    scrollbar-darkshadow-color: #390000;
    scrollbar-face-color: #6d0808;
    scrollbar-highlight-color: #ac2727;
    scrollbar-shadow-color: #540101;
    scrollbar-track-color: #e5c688;
}
h1, h2, h3, h4, h5, h6, p, div, ul, li, a, dt, ol, strong, em, form, input, textarea, table, th, td, tr, pre, dl {
    margin:0;
    padding:0;
}
img { border:0 none; }

#container {
    position:absolute;
    top:0;
    left:0;
    width: 740px;
    max-width: 740px;
    height: 550px;
    max-height: 550px;
    background: #fff2df url(../img/container.jpg) no-repeat;
    text-align: left;
}
.twoColFixLtHdr #header {
    position: relative;
    height: 75px;
}
.twoColFixLtHdr #header h1 {
    margin: 0;
    padding: 10px 0;
}
#sidebar1 {
    float: left;
    width: 145px;
    height: 276px;
    padding: 13px 1px 11px 19px;
}
#search {
    width: 137px;
    height: 22px;
    margin-bottom: 10px;
}
#search .type {
    display:block;
    float:left;
    width: 108px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #c4ad89;
    background-color: #fefae9;
    color: #b6ac94;
    font-size: 11px;
    padding-left:2px;
}
#search .send {
    display:block;
    float:left;
    width: 24px;
    height: 22px;
    border: 0 none;
    background: transparent url(../img/searchSend.png) no-repeat;
}
#mainContent {
    float: left;
    margin: 13px 0 0 0;
    display: inline;
    width: 575px;
    height: 417px;
    font-size:13px;
    overflow: hidden;
}
#mainContent h1 {
    width: 524px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    color: #fef5e7;
    padding-left: 20px;
    background:transparent url(../img/mainContentHeader.png) no-repeat;
    overflow: hidden;
}
#mainContent .dynContent {
    width: 557px;
    height: 378px;
    overflow-y: auto;
    padding-left: 10px;
    background:transparent url(../img/dynContent.png) repeat-y;
}
#mainContent .dynContentSmall {
    width: 544px;
    height: 378px;
    overflow: hidden;
    padding-left: 2px;
    background:transparent url(../img/dynContent.png) repeat-y;
}
#mainContent .endContent {
    width: 547px;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    background:transparent url(../img/endContent.png) no-repeat;
}
#wideMainContent {
    width:572px;
    height:430px;
    position:relative;
    margin:0;
    font-size:13px;
    float:left;
    overflow:hidden;
}
#wideMainContent .endContent {
    display:none;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#header #specialDays {
    left:240px;
    top:30px;
    position:absolute;
}


#header .heading {
    /*text-transform: uppercase;*/
    font-weight: bold;
    font-family: Tahoma, Verdana, sans-serif;
    color: #52100e;
    padding-left: 15px;
}
.boxSigns {
    position: absolute;
    width: 223px;
    height: 30px;
    left: 356px;
    font-size: 11px;
    font-weight:bold;
    padding-top: 35px;
}
.boxCoins {
    position:absolute;
    width: 233px;
    height: 30px;
    left: 334px;
    font-size: 13px;
    font-weight:bold;
    padding-top: 5px;
}
#header .values {
    line-height: 12px;
    padding:2px 0 0 30px;
    max-width:172px;
    color: #8e5e02;
    font-size: 12px;
    font-weight:normal;
}
#header .coinsValue {color:#6e0404; font-size:13px;font-weight:bold; padding-left:3px;}
#header .marksValue {color:#6e0404; font-size:12px;font-weight:bold; padding-left:3px;}

#header .marksDesc, .coinsDesc {font-size:11px; font-weight:bold;}
#header a.purchaseButton, #header a.purchaseButtonHappyHour{
    background: transparent url(../img/purchaseButton.png) no-repeat;
    width: 130px;
    height: 52px;
    line-height: 16px;
    margin-top: -14px;
    margin-left: 237px;
    display: block;
    text-decoration: none;
    vertical-align: center;
    color: #fce6a4;
    text-align:center;
    vertical-align: bottom;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
}

#header a.purchaseButtonHappyHour{background: transparent url(../img/purchaseButtonHappyHour.png) no-repeat;}
#header a.purchaseButton:hover {background:transparent url(../img/purchaseButtonHover.png) no-repeat;}
#header a.purchaseButtonHappyHour:hover {background:transparent url(../img/purchaseButtonHappyHourHover.png) no-repeat;}

#breadcrumb {
    /*width: 720px;*/
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    list-style: none;
    padding-left: 20px;
    overflow:hidden;
}
#breadcrumb li {float:left; line-height:24px; color:#996600; padding-right: 7px;}
#breadcrumb .last {font-weight:bold; color: #730709;}
#breadcrumb li a {text-decoration:none; color:#996600;}
#discountLong {
    display: inline;
    float:left;
    height: 16px;
    background-color:#000;
    border:1px solid #fff;
    color:#fff;
    padding: 3px 9px 3px 9px;
    margin-right: 0px;
    font-size:12px;
    font-weight:bold;
    z-index: 8;
    line-height: 17px;
}

#arrowRight{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #000;
    margin-left: -2px;
    margin-top: 6px;
    z-index: 11;
}

#arrowBorderRight{
    position: absolute;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid #fff;
    margin-left: 0px;
    margin-top: 5px;
    z-index: 10;
}

#arrowUp{
    position: absolute;
    width: 0;
    height: 0;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #000;
    border-left: 12px solid transparent;
    margin-top: -11px;
    margin-left: -67px;
    z-index: 11;
}

#arrowBorderUp{
    position: absolute;
    width: 0;
    height: 0;
    border-right: 13px solid transparent;
    border-bottom: 13px solid #fff;
    border-left: 13px solid transparent;
    margin-top: -13px;
    margin-left: -68px;
    z-index: 10;
}

#arrowDiv{
    float: right;
    z-index: 11;
    margin-right: 9px;
    width: 1px;
    height: 1px;
}

#breadcrumbInfoText
{
    display: none;
    position: relative;
    float: right;
    margin-right: 5px;
}

#mainMenu {
    list-style: none;
    width: 136px;
    font-size: 11px;
    font-family:Arial, Tahoma, sans-serif
}
#mainMenu li {
    line-height: 23px;
    padding-bottom: 5px;
}
#mainMenu li a {
    display: block;
    width: 115px;
    line-height: 19px;
    padding: 2px 2px 2px 19px;
    text-decoration: none;
    color: #fef5e7;
    background: transparent url(../img/mainMenuButton.png) no-repeat;
}
#mainMenu li a:hover {
    background: transparent url(../img/mainMenuButtonHover.png) no-repeat;
    color: #fff;
}
.item {
    background: transparent url(../img/itemBackground.png) no-repeat;
    width: 522px;
    height: 90px;
    color: #222;
    margin-top: 10px;
}
.itemsurprise {
    background: transparent url(../img/itemBackgroundSurprise.png) no-repeat;
    width: 522px;
    height: 90px;
    color: #222;
    margin-top: 10px;
}
.hint {
    background: transparent url(../img/hintBackground.png) no-repeat;
    width: 522px;
    height: 129px;
    color: #222;
    margin-top: 10px;
    margin-right: 5px;
}
.hint_textonly {
    width: 522px;
    height: 100px;
    color: #222;
    margin-top: 10px;
}
#credits {
    padding: 10px;
}
#credits table {
    border-collapse: collapse;
}
#credits table td {
    vertical-align: top;
    padding: 10px;
}
.creditswhat {
    color: #6C0404;
    font-size: 12px;
    font-weight: bold;
}
.creditswho {
    font-size: 12px;
}
.thanks {
    color: #6C0404;
    font-size: 12px;
    font-weight: bold;
}
#confirmBox {background: transparent url(../img/itemBackgroundSurprise.png) no-repeat;}
.line {
    font-size:1px;
    display:inline-block;
    width:281px;
    height:1px;
    overflow:hidden;
    line-height:1px;
    background-color:#eebe67;
    padding-left: 10px;
}
.itemDesc {float: left; display: inline; width:382px; height:78px; margin:10px 0 0 10px;}
.confirmDesc {width: 500px;}
.messageDesc {width: 500px; height: 100px;}
.thumbnailBgSmall {
    background:transparent url(../img/thumbnailBgSmall.png) no-repeat;
    width: 69px;
    height: 69px;
    float: left;
    padding: 3px;
    position: relative;
    }
.itemDesc img {display:inline; border: 0 none;}
.itemDesc p {
    float:left;
    width:293px;
    color:#222;
    font-weight:normal;
    font-size:12px;
    overflow:hidden;
    padding-left: 10px;
    overflow-y:auto;
    max-height:76px;
}
.confirmDesc p, messageDesc p {width: 393px}
.messageDesc p {width: 400px; height: 95px; padding: 20px 0 0 0;}
.hint_textonly .messageDesc { height:auto; }
.hint_textonly .messageDesc p { width:500px; padding-top:0; }
.itemDesc p span {font-size:12px;font-weight:bold;color:#6c0404;}
.purchaseOptionsWrapper {
    float: left;
    width: 129px;
    height: 75px;
    margin-top: 10px;
}
.itemDesc p .errorTitle, .itemDesc p .confirmTitle {font-size: 14px;}
.itemDesc p .confirmTitle {color: #579409;}
.itemDesc p .confirmLink {
    background: transparent url(../img/confirmButton.png) no-repeat;
    display: block;
    font-weight: 700;
    line-height: 23px;
    padding-left: 32px;
    margin-top: 12px;
    color: #fef5e7;
    width: 142px;
    height: 23px;
    text-decoration: none;
}
.itemDesc p .confirmLink:hover {
    color: #fff;
    background: transparent url(../img/confirmButtonHover.png) no-repeat;
}
.itemDesc a {
    text-decoration: none;
}
a.purchaseInfo, a.addToCard , a.useDragonMark{
    width:119px;
    height:20px;
    display:block;
    float:left;
    margin-top:7px;
    color:white;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    padding-top:5px;
}
a.purchaseInfo {background: transparent url(../img/purchaseInfo.png) no-repeat;}
a.addToCard {background: transparent url(../img/addToCard.png) no-repeat;display:inline;margin-left:11px;}
a.useDragonMark {background: transparent url(../img/useDragonMark.png) no-repeat;display:inline;margin-left:11px;}
a.purchaseInfo:hover {background: transparent url(../img/purchaseInfoHover.png) no-repeat;}
a.addToCard:hover {background: transparent url(../img/addToCardHover.png) no-repeat;}
a.useDragonMark:hover {background: transparent url(../img/useDragonMarkHover.png) no-repeat;}
a.addToCardBlank {
    width:54px;
    height:25px;
    float:left;
    margin-top:7px;
    background:transparent url(../img/addToCardBlank.png) no-repeat;
    display:inline;
    margin-left:11px;
    cursor:wait;
}
a.addToCardBlank:hover {
    background:transparent url(../img/addToCardBlank.png) no-repeat;
    cursor:wait;
}
a.useDragonMarkBlank {
    width:54px;
    height:25px;
    float:left;
    margin-top:7px;
    background:transparent url(../img/useDragonMarkBlank.png) no-repeat;
    display:inline;
    margin-left:11px;
    cursor:wait;
}
a.useDragonMarkBlank:hover {
    background:transparent url(../img/useDragonMarkBlank.png) no-repeat;
    cursor:wait;
}
.itemPrice {
    width: 115px;
    height: 33px;
    line-height: 33px;
    padding: 1px 1px 1px 3px;
    background: transparent url(../img/itemPrice.png) no-repeat;
}
.oldPrice {font: 10px Arial,Verdana,serif;text-decoration: line-through;}
#oldPriceAmount {text-decoration: line-through;}
.price {font: bold 14px Arial,Verdana,serif;color: #8d0000;}
.priceValue {font-size:10px; color:#222;width:135px;}
.ItemColLeft {
    width: 163px;
    height: 306px;
    max-height: 306px;
    float:left;
    margin-top: 10px;
}
.thumbnailBig {
    width: 132px;
    height:132px;
    background: transparent url(../img/thumbnailBig.png) no-repeat;
    padding: 11px;
}
.thumbnailBig img {width:132px;height:132px;border:0 none;}
.itemDescExt {
    float:left;
    width: 360px;
    overflow: hidden;
    margin-top: 10px;
}
.itemDescExt a {
    color:black;
}
.itemDescExt h2 {
    width: 349px;
    height: 30px;
    line-height: 30px;
    background: transparent url(../img/itemDescExt.png) no-repeat;
    font-size:12px;
    font-weight: bold;
    color: #6c0404;
    padding-left: 11px;
}
.itemDesc p span.discountShort, .itemDescExt h2 span.discountShort {
    color:#e00;
    font-weight:bold;
    float:right;
    padding:0 20px 0 0;
}
.itemDescExt h3, .itemDescExt .chooseItemDescExt {
    background: transparent url(../itemDescExt.png) no-repeat;
    height: 33px;
    line-height: 33px;
    font-size:16px;
    font-weight: bold;
    color: #6c0404;
    padding-left: 11px;
    margin-top: 10px;
    width: 349px;
}
.itemDescExt .chooseItemDescExt {
    background: transparent url(../img/itemDescExtBig.png) no-repeat;
    height: 60px;
}
.itemDescExt .chooseItemDescExt .priceSelect {float:left;}
.itemDescExt .chooseItemDescExt .priceSelect select, .buy .priceSelect select {
    background-color:#EFE5D1;
    font-size:10pt;
    margin-top:5px;
    width:140px;
}
* html .itemDescExt .chooseItemDescExt .priceSelect select {margin-top:10px;}
.itemDescExt h3 span {float: left;}
.itemDescExt h3 a, .itemDescExt .chooseItemDescExt a, .buy a {
    display:inline;
    width: 114px;
    height:25px;
    line-height: 25px;
    margin: 4px 5px 0 0;
    padding-left: 37px;
    background: transparent url(../img/itemDescExtBuy.png) no-repeat;
    color:#fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    float: right;
}
.itemDescExt .chooseItemDescExt a {margin-top:30px;}
.packageDesc h3 a {margin-top:5px;}
.itemDescExt h3 a.assignMarks, .itemDescExt .chooseItemDescExt  a.assignMarks, .buy a.assignMarks {background: transparent url(../img/itemDescExtAssignMarks.png) no-repeat;}
.itemDescExt h3 a.blank {
    display:inline;
    width:114px;
    height:25px;
    line-height:25px;
    margin:4px 5px 0 0;
    padding-left:37px;
    background:transparent url(../img/itemDescExtBuyBlank.png) no-repeat;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    float:right;
    cursor:wait;
    margin-top:5px;
}
.itemDescExt h3 a.blank:hover {
    background:transparent url(../img/itemDescExtBuyBlank.png) no-repeat;
    cursor:wait;
}
.itemDescExt .chooseItemDescExt a.blank, .buy a.blank {
    display:inline;
    width:114px;
    height:25px;
    line-height:25px;
    margin:4px 5px 0 0;
    padding-left:37px;
    background:transparent url(../img/itemDescExtBuyBlank.png) no-repeat;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    float:right;
    cursor:wait;
    margin-top:30px;
}
.itemDescExt .chooseItemDescExt a.blank:hover, .buy a.blank:hover {
    background:transparent url(../img/itemDescExtBuyBlank.png) no-repeat;
    cursor:wait;
}
.itemDescExt h3 a.assignMarksBlank {
    display:inline;
    width:114px;
    height:25px;
    line-height:25px;
    margin:4px 5px 0 0;
    padding-left:37px;
    background:transparent url(../img/itemDescExtAssignMarksBlank.png) no-repeat;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    float:right;
    cursor:wait;
    margin-top:5px;
}
.itemDescExt h3 a.assignMarksBlank:hover {
    background:transparent url(../img/itemDescExtAssignMarksBlank.png) no-repeat;
    cursor:wait;
}
.itemDescExt .chooseItemDescExt  a.assignMarksBlank {
    display:inline;
    width:114px;
    height:25px;
    line-height:25px;
    margin:4px 5px 0 0;
    padding-left:37px;
    background:transparent url(../img/itemDescExtAssignMarksBlank.png) no-repeat;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    float:right;
    cursor:wait;
    margin-top:30px;
}
.itemDescExt .chooseItemDescExt  a.assignMarksBlank:hover {
    background:transparent url(../img/itemDescExtAssignMarksBlank.png) no-repeat;
    cursor:wait;
}
.shoppingCardContent {
    width: 349px;
    padding: 7px 0 0 11px;
    line-height: 13px;
    background: transparent url(../img/shoppingCardContent.png) repeat-y;
    color: #222;
    font-size: 12px;
}
.mainInfo {
    width:344px;
    height:auto;
    min-height: 152px !important;
    height:auto;
    padding:5px 5px 0 11px;
    background:transparent url(../img/mainInfo.png) repeat-y;
    color: #222;
    font-size: 12px;
}
.shoppingCardEnd {
    width:360px;
    height: 10px;
    line-height: 10px;
    background: transparent url(../img/shoppingCardEnd.png) no-repeat;
}
.mainInfo ul {
    width: 350px;
    list-style: none;
    font-size: 11px;
    font-weight: bold;
    padding-top: 10px;
}
.mainInfo ul li {
    line-height:14px;
    padding-left: 15px;
    background:transparent url(../img/mainInfoBullet.png) no-repeat left;
    }
.itemNote {margin-top:7px;}
.endItemDesc {
    background: transparent url(../img/endItemDesc.png) no-repeat;
    width: 360px;
    height: 11px;
    line-height: 11px;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clearfloat {font-size:1px;clear:both; height:0;}

/* captcha */
.captcha {
    width:522px;
}

.captcha h2 {
    margin:10px 0;
}

.captcha h3 {
    color:red;
    margin:14px 0 2px
}
.captcha form {
    text-align:center;
}

.captcha input {
    margin:10px auto;
    display:block;
    padding:0 10px;
}

.captcha #answer {
    height:20px;
    margin:0;
    padding:0;
    display:inline;
    width:194px;
}

#captchaContainer {
    margin:10px 0 0 0;
}

#captchaImageContainer {
    position:relative;
    width:255px !important;
    margin:20px auto;
}

#captchaImageContainer img {
    border:1px solid #B28A45;
    margin:0;
    color:black;
}

#reloadCaptcha {
    position:absolute;
    right:0;
    top:0;
    padding:0 1px 2px 2px;
    background-color:#eee;
    cursor:pointer;
    border-radius:0 0 0 6px;
    -moz-border-radius:0 0 0 6px;
    -webkit-border-radius:0 0 0 6px;
}

.userdataDiv
{
    float: right;
    font-size: 14px;
    margin-top: 2px;
    height: 22px;
    width: 22px;
}

#container a.userdataIcon
{
    display: block;
     float: right;
    background: transparent url(../img/userdataIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    margin-top: -1px;
    margin-right: 5px;
}

#container a.userdataIcon:hover
{
    background: transparent url(../img/userdataIconHover.png) no-repeat;
}

#container a.userdataInfoIcon
{
    display: block;
     float: right;
    background: transparent url(../img/userdataInfoIcon.png) no-repeat;
    width: 22px;
    height: 22px;
    margin-top: -1px;
    margin-right: 5px;
}

#container a.userdataInfoIcon:hover
{
    background: transparent url(../img/userdataInfoIconHover.png) no-repeat;
}

/* end captcha*/

/* Special highlighting for parts of loca keys */
em.highlighted {
    font-weight:bold !important;
    color:red !important;
    font-style:normal !important;
}

.helpSmallHeading {
    display:block;
    float:right;
    width:20px;
    height:20px;
    margin:2px 10px 0 0;
    background:url(../img/helpSmallIcon.png) no-repeat;
}

.helpSmallTopic {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 0 0 10px;
    background:url(../img/helpSmallIcon.png) no-repeat;
    vertical-align:bottom;
}

.helpSmallIcon {
    vertical-align: middle;
    position: absolute;
    width: 15px;
}
.helpSmallIcon img {
    width: 15px;
    height: 15px;
}
.groupItem {
    width:525px;
    margin:10px 0 15px;
}

.groupItem h2 {
    color:white;
    cursor:pointer;
    font-size:14px;
    height:19px;
    padding:7px 0 0 30px;
}

.groupItem.opened {
    background:url(../img/groupItemOpened.png) no-repeat;
}

.groupItem.closed {
    background:url(../img/groupItemClosed.png) no-repeat;
}

.groupItem a {
    text-decoration:none;
    color:#7B1300;
}

.groupItem ul {
    list-style-type:none;
    background:url(../img/dynContent.png) repeat-y transparent;
}

.groupItem.opened ul {
    display:block;
}

.groupItem.closed ul {
    display:none;
}

.groupItem ul li {
    padding:10px;
}

.groupItem ul li ul {
    list-style-type:disc;
    background:none;
    margin-left:30px;
}

.groupItem ul li ul li {
    padding:0 0 4px 0;
}

.groupItem ul li h3 {
    margin:7px 0 5px;
    color:#7b1300;
}

.groupItem ul li p {
    margin:0 0 4px;
}

.groupItem .groupItemEnd {
    height:13px;
    background:transparent url(../img/endContent.png) no-repeat;
}

/* item detail 2.0 */

    body #fancybox-outer {
        padding: 5px 5px 0;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    
    #fancybox-outer.fancybox-outer-wheel {
		padding: 0px 0px 0;
        -webkit-border-radius: 0px;
        border-radius: 0px;
    }

    #fancybox-content .dynContent {
        height: auto;
        padding: 0 8px;
    }

    /* content styles */

        #fancybox-content h1 {
            width: 520px;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
            color: #fef5e7;
            padding-left: 20px;
            margin-bottom: 10px;
            background:transparent url(../img/fancyboxContentHeader.png) no-repeat;
            overflow: hidden;
        }

        #fancybox-content .dynContent h2 {
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 0.8em;
            padding-bottom: 0.4em;
            color: #6C0404;
            border-bottom: 1px solid #e29000;
            overflow: hidden;
            white-space: nowrap;
        }

        #fancybox-content .dynContent p {
            color: #222;
            font-size: 12px;
        }

    /* boxes */

        .box {
            background: #fffef7;
            border: 1px solid #fcf5db;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            padding: 10px;
            margin-bottom: 10px;
            overflow: hidden;
        }

            .boxLeft {
                float: left;
                margin-right: 10px;
            }

            .boxRight {
                float: right;
                margin-left: 10px;
            }
            
            .priceSelect {
            	float: left;
            }

            .box li a {
                font-size: 12px;
                text-decoration: underline;
                color: #6C0404;
            }

            .box li {
                font-size: 12px;
            }

            .detail .visual {
                background-image: none;
                width: 119px;
                height: 119px;
                position: relative;
            }

            .visual img {
                width: 119px;
                height: 119px;
            }
       	
       		.invisible {
       			display: none;
       		}
    /* description and scrollpane */

        .desc {
            height: 119px;
        }
        
        .descOnlyItem {
        	height: 165px;
        }
		
        .scrollpane { height: 90px; }
        .scrollpaneOnlyItem { height: 140px; }

            .scrollpane .jspDrag {  background-color: #36250b; }

            .scrollpane .jspTrack {
                background-color: #5a4421;
                border-left: 1px solid #222;
                border-right: 1px solid #222;
                margin: 0 1px;
            }

            .scrollpane .jspVerticalBar {
                width: 20px;
                background: none;
            }

            .scrollpane .jspVerticalBar .jspArrow {
                height: 20px;
                width: 20px;
                background-image: url(../img/scrollPaneArrow.png);
                background-repeat: no-repeat;
            }

            .scrollpane .jspVerticalBar .jspArrowUp { background-position: 0 0; }
            .scrollpane .jspVerticalBar .jspArrowDown { background-position: 0 -60px; }
            .scrollpane .jspVerticalBar .jspArrowUp:hover { background-position: 0 -20px; }
            .scrollpane .jspVerticalBar .jspArrowDown:hover { background-position: 0 -40px; }

    /* buy */

        .buy {
            border: 1px solid #eda82a;
            width: 150px;
            height: 115px;
            overflow: visible;
            padding-left: 20px;
            padding-top: 20px;
        }
        
        .onlyItem {
        	width: 340px;
            height: 80px;
        }

            .buy a {
                margin-top: 5px !important;
                margin-bottom: 3px !important;
            }

            .sprice, .sprice-discount {
                color: #6C0404;
            }

            .sprice, .sprice-discount {
                font-weight: bold;
                line-height: 33px;
                font-size: 16px;
                font-weight: bold;
            }

            .buyInfo {
                overflow: hidden;
                font-size: 10px;
                width: 100%;
                height: 2.5em;
            }

    /* sold out - countdown */

        .detailBadge {
            position: relative;
            height: 0;
            line-height: 0;
        }

        .detailBadgeInner {
            position: absolute;
            top: -10px;
            right: -20px;
        }

        .soldout, .countdown {
            float:left;
            width:110px;
            border:none;
            color:#FEF6AA;
            font-size:13px;
            text-align: center;
            width: 110px;
            margin:0 15px 0 0;
            padding:0 0 2px 0px;
            height:25px;
            line-height: 31px;
            background:url('../img/soldout.png') 0px 1px no-repeat;
        }

        .countdown {
            right: -5px;
            text-align: left;
            font-size:18px;
            margin:0 -9px 0 0;
            padding:0 0 2px 12px;
            background:url('../img/countdown.png') 0px 1px no-repeat;
        }

        .timer {
            float:left;
            width:24px;
            height:24px;
            margin:1px 0 0;
            background:url('../img/timer.png') top left no-repeat;
        }

    /* hints */

        #fancybox-content .hint {
            margin: 15px 0 10px 0;
            padding: 0 8px;
            clear: both;
            color:#222;
            font-size:12px;
            overflow:hidden;
            width: auto;
            overflow-y:auto;
            max-height:120px;
        }

                .hintTitle {
                        font-weight:bold;
                        color:#6c0404;
                }

                .hintVisual {
                        height: 120px;
                        float: left;
                        margin-right: 8px;
                }

    /* variants */

        .variants {
            height: 125px;
        }

            .variants .ui-selected {
                background-image: url(../img/variantsSelected.png);
            }

            .variants .ui-selected, .variants .ui-selected a {
                color: #bb6400;
            }

            #fancybox-content .thumbnailBgSmall {
                height: 79px;
                width: 63px;
                margin-right: 4px;
                overflow: hidden;
            }

            li.thumbnailBgSmall, li.thumbnailBgSmall * {
                text-align:  center;
            }

            li.thumbnailBgSmall img {
                display: inline-block;
            }

            li.thumbnailBgSmall img.bigPreloaded {
                display:none;
            }

    /* carousel for variants */

        .carousel {
            position: relative;
            padding-left: 11px;
        }

            .carouselHolder .prev, .carouselHolder .next {
                display: none;
            }

            .carousel .prev, .carousel .next {
                display: block;
                position: absolute;
                top: 0;
                left: -10px;
                border: none;
                border-style: none;
                background: transparent url(../img/carouselArrows.png);
                width: 20px;
                height: 69px;
                z-index: 99;
                cursor: pointer;
            }

            .carousel .next {
                left: auto;
                right: -10px;
                background-position: -80px 0;
            }

            .carousel .prev:hover { background-position: -20px 0; }
            .carousel .next:hover { background-position: -60px 0; }
            .carousel .prev.disabled { background-position: -40px 0; }
            .carousel .next.disabled { background-position: -100px 0; }

            .carousel .jCarouselLite {
                float: left;
                position: relative;
                visibility: hidden;
                left: -5000px;
            }

            .clear { clear: both; }

    /* suggestions */

        .suggestions {
            width: 100%;
        }

/* main landing page */
.landing {
    position:relative;
}

#wideMainContent .landing {
    position:relative;
    background:url(../img/wideMainContent.jpg) no-repeat;
    width:572px;
    height:430px;
    display:block;
    padding-left:3px;
    padding-top:7px;
}

#wideMainContent .landing h1 {
    float:left;
    display:block;
    background:url(../img/wideMainContentHeader.png) no-repeat transparent;
    width:385px;
    height:24px;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    margin-top:14px;
    margin-bottom:4px;
    margin-left:5px;
    padding-left:8px;
    line-height:23px;
}
.landing a.buyDR, .landing a.buyDR:hover {
    display:block;
    position:absolute;
    top:330px;
    left:409px;
    width:138px;
    height:76px;
    padding:10px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

.landing a.buyDR {
    background:url(../img/buyDR.jpg) no-repeat;
}

.landing a.buyDR:hover {
    background:url(../img/buyDRHover.jpg) no-repeat;
}

.landing .promotedItem {
    float:left;
    position:relative;
    display:block;
    width:180px;
    height:82px;
    background:url(../img/promotedItem.png) no-repeat transparent;
    margin-top:3px;
}

.landing .promotedItem h4 {
    position:absolute;
    top:8px;
    left:80px;
    display:block;
    width:104px;
    height:25px;
    border:0 none;
    color:#7B1300;
    font-size:11px;
    font-weight:bold;
    line-height:11px;
    letter-spacing:-0.05em;
}

.landing .promotedItem .promotedItemImg img {
    position:absolute;
    top:11px;
    left:6px;
    border: 0 none;
    display:block;
    width:63px;
    height:63px;
}

.landing .promotedItem div, .landing .promotedItem p {
    width:96px;
}

.landing .promotedItem div.promotedItemBtns {
    position:absolute;
    bottom:10px;
    right:8px;
    width:96px;
}

.landing .promotedItem div a.buy, .landing .promotedItem div a.detail {
    margin:0 2px;
}

.landing .promotedItem.withDescription {
    float:left;
    position:relative;
    display:block;
    background:url(../img/promotedItemDescription.png) no-repeat transparent;
    margin-top:3px;
    width:377px;
    height:82px; 
}

.landing .promotedItem.withDescription h4 {
    position:absolute;
    top:8px;
    left:80px;
    display:block;
    width:190px;
    height:14px;
    font-size:11px;
    font-weight:bold;
    color:#7B1300;
    border:0 none;
    line-height:12px;
}

.landing .promotedItem.withDescription .promotedItemImg img {
    position:absolute;
    top:11px;
    left:6px;
    border: 0 none;
    display:block;
    width:63px;
    height:63px;
}

.landing p.promotedItemDescr {
    position:absolute;
    top:20px;
    left:80px;
    display:block;
    width:180px;
    height: 46px;
    overflow:auto;
}

.landing .promotedItem.withDescription .promotedItemBtns {
    position:absolute;
    bottom:10px;
    right:8px;
    width:100px;
}

.landing .promotedItem p.promotedItemDescr {
    clear:none;
    float:left;
    width:180px;
    text-align:left;
    overflow:auto;
}

.landing p.discountOldPricePromoted {
    position:absolute;
    top:27px;
    right:8px;
    width:48px;
}

.landing .promotedItem div.discountPercentPromoted {
    left:6px;
    top:6px;
}

.landing .promotedItem div.divdiscount {
    width:96px;
}

.landing .promotedItem p.pdiscount {
    padding: 3px 0;
}

.landing .divdiscount a.buy, .landing .divdiscount a.detail, .landing .divdiscount a.detail-discount, .landing .divdiscount a.buy-discount {
    margin:0 2px;
}

.landing .promotedItem div.promotedItemBtns-discount{
    position:absolute;
    bottom:10px;
    right:8px;
    width:100px;
}

.landing div.discountPercentCirclePromoted {
    width:32px;
}

.landing .ad {
    clear:both;
    display:block;
    position:absolute;
    left:409px;
    top:13px;
    width: 138px;
    height:290px;
    background:url(../img/landingAd.jpg) no-repeat;
    padding:10px;
    text-align:center;
}

.landing .ad h2 {
    margin:10px 0;
}

.landing .ad p {
    margin:10px 0;
}

.landing .cashback {
    background:url(../img/landingAdCashback.jpg) no-repeat;
}

.landing .cashback h2, .landing .cashback p {
    margin:0;
    color:white;
}

.multipleItemIcon {
    background:url(../img/multipleItemIcon.png) no-repeat;
    bottom: 9px;
    height: 14px;
    position: absolute;
    right: 9px;
    width: 14px;
    z-index: 100;
}
