﻿@charset "utf-8";
/* CSS Document */

.headings
{
    font-size:24px;
    margin-bottom:5px;
    margin-left:9px;
    font-weight:bold;
}

.mode1, .mode2
{
    width:658px;
    height:325px;
    overflow: hidden;
    margin-bottom:10px;
    margin-left:10px;
    font-weight:bold;
    font-size:12px;
    background: #E1E1E1;
}

.teachesRow
{
    width:auto;
    padding:5px;
    background:#FF0000;
    color:#FFF;
    text-align: left;
    padding-left:7px;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
    /*border-radius:5px 5px 0 0;*/
}

.cDetails
{
    background:#FFF;
    padding:12px 10px 0 10px;
    height: 100%;
}

.contentName
{
    color:#1296e0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.cDetailsLeft
{
    float:left;
}

.contentType, .contentAge
{
    color:#707070;
    display:inline-block;
    width:190px;
}

.cDetailsRight
{
    float:right;
    padding-top:5px;
}

.mkPrice,.slPrice
{
    font-size:18px;
    color:#1296e0;
    display: inline-block;
}

.mkPrice
{
    font-size:14px;
    text-decoration: line-through;
    margin-right:8px;
}

.mode1 .slPrice,.mode2 .slPrice
{
    margin-right:15px;
}


.oldPrice,.newPrice
{
    font-size:18px;
    color:#1296e0;
    display: inline-block;
}

.oldPrice
{
    font-size:14px;
    text-decoration: line-through;
    margin-right:8px;
}

.newPrice
{
    margin-right:15px;
}

.mode1 .disabled
{
    float:right;
}

.mode1 .cartBtn .text,.mode2 .cartBtn .text
{
    color:#FFF;
    width:80px;
    height:20px;
    display:table-cell;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.mode2
{
    height:378px;
}

.itemLarge_c
{
    width:240px;
    height:378px;
    margin-right:8px;
    overflow:hidden;
}

.mode2 .cDetails
{
    padding:5px;
}

.mode2 .itemLarge_c .oldPrice, .mode2 .itemLarge_c .newPrice
{
    margin-top:10px;
}

 .mode2 .itemLarge_c .cartBtn
{
    margin-top: 32px;
    display:block;
    margin-left:145px;
}

 .mode2 .itemLarge_c .disabled
{
    margin-top: 32px;
    margin-left:145px;
}

.itemSml, .itemSmlR
{
    width:200px;
    height:185px;
    margin-bottom: 8px;
    margin-right: 10px;
    overflow: hidden;
    float:left;
}

.itemSmlR
{
    margin-right:0px;
}


 .itemSml .cartBtn, #itemTray .itemSmlR .cartBtn
{
    margin-top:3px;
    margin-left:108px;
}

 .itemSml .disabled, #itemTray .itemSmlR .disabled
{
    margin-top:3px;
    margin-left:108px;
}
.mode1 .headImg, .mode2 .cImg {
    cursor:pointer;
}

.mode1 .purchased,.mode1 .freeCartBtn {
    float:right;
}

 .mode2 .purchased{
    margin-left:108px;
    margin-top:4px;
}

 .mode2 .freeCartBtn {
    margin-left:119px;
}

 .mode2 .itemLarge_c .purchased {
    margin-left:145px;
    margin-top:33px;
}
 .mode2 .itemLarge_c .freeCartBtn {
    margin-left:157px;
    margin-top:30px;
}

.mode1 .purchased {
    margin-top:0px;
}
.itemSml .cImg, .itemSmlR .cImg {
    width:200px;
    height:76px;
    background-color:#fff;
}

.mode1 .contentName {
    width:400px;
}
.mode2 .contentName {
    width:190px;

}

.mode2 .itemLarge_c .contentName {
    width:210px;

}

