@charset "utf-8";

/* CSS Design by www.MahsaMomenkhani.ir */

/*=====================Base===========================*/

@charset "utf-8";

/*reset*/

html {
    margin: 0;
    padding: 0;
    border: 0;
}

body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }

body {
    line-height: 1.5;
    background: white;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: right;
    font-weight: normal;
    float: none !important;
}

table, th, td { vertical-align: middle; }

a img { border: none; }

/*colors*/

.blue, .red, .green, .orange, .aqua, .purple, .pink, .white, .yellow, .Fuchsia, .gray, .Green, .Aqua, .Blue, .black, .turquoise, .brown, .gold, .teal {
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.blue, .Blue { background: url(../images/colorBlue.png) no-repeat; }

.red { background: url(../images/colorRed.png) no-repeat; }

.green, .Green { background: url(../images/colorGreen.png) no-repeat; }

.orange { background: url(../images/colorOrange.png) no-repeat; }

.aqua, .Aqua { background: url(../images/colorAqua.png) no-repeat; }

.purple { background: url(../images/colorPurple.png) no-repeat; }

.pink { background: url(../images/colorpink.png) no-repeat; }

.white { background: url(../images/colorwhite.png) no-repeat; }

.yellow { background: url(../images/coloryellow.png) no-repeat; }

.Fuchsia { background: url(../images/colorpink.png) no-repeat; }

.gray { background: url(../images/colorGray.png) no-repeat; }

.black { background: url(../images/colorBlack.png) no-repeat; }

.turquoise { background: url(../images/colorturquoise.png) no-repeat; }

.brown { background: url(../images/colorbrown.png) no-repeat; }

.gold { background: url(../images/colorgold.png) no-repeat; }

.teal { background: url(../images/colorteal.png) no-repeat; }

.styleswitch { border: 1px solid #e8e8e8; }

.switcher-box a { margin: 4px !important; }


/*common tag*/

p {
    /*line-height: 25px;*/
    text-align: justify;
}

a {
    outline: none;
    text-decoration: none;
}

body {
    font-family: tahoma;
    font-size: 12px;
    line-height: 20px;
    direction: rtl;
}

h1 {
    font-size: 1.583em;
    line-height: 40px;
    font-weight: normal;
}

h2 {
    font-size: 1.417em;
    line-height: 30px;
    font-weight: normal;
}

h3 {
    font-size: 1.083em;
    line-height: 30px;
    font-weight: normal;
}

label { padding: 3px; }

option { padding: 3px; }

/*text color*/

.p-txt-red { color: #f14736; }

.p-txt-gray { color: #767676; }

.p-txt-orange { color: #ff9900; }

.p-txt-black { color: #000; }

.p-txt-lightgray { color: #969696; }

/*common classes*/

.clear { clear: both; }

.tablecenter { margin: auto; }

.fl { float: left; }

.fr { float: right; }

.vspacer10 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.vspacer20 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.vspacer30 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.vspacer40 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.remove-bottom { margin-bottom: 0 !important; }

.displayInline { display: inline !important; }

.displayNone { display: none !important; }

/*=====================Layouts===========================*/

/*tables*/

table {
    display: table;
    background-color: white;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #e5e5e5;
}

table th { overflow: visible; }

table caption {
    text-align: center;
    font-size: 2.500em;
    padding: .75em;
}

table thead th, table tbody td, table tr td {
    display: table-cell;
    padding: 10px;
    vertical-align: center;
    border-top: 1px solid #e5e5e5;
}

table tr td, table tbody tr td { font-size: 1em; }

table thead {
    background-color: #3085d6;
    color: #fff;
}

table thead tr th {
    font-size: 1.333em;
    font-weight: bold;
    vertical-align: center;
}

table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped { background-color: #e5e5e5; }

table.rounded {
    border-radius: 4px;
    border-collapse: separate;
}

table.rounded caption + thead tr:first-child th:first-child, table.rounded caption + tr td:first-child, table.rounded > thead tr:first-child th:first-child, table.rounded > thead tr:first-child td:first-child, table.rounded > tr:first-child td:first-child { border-top-left-radius: 4px; }

table.rounded caption + thead tr:first-child th:last-child, table.rounded caption + tr td:last-child, table.rounded > thead tr:first-child th:last-child, table.rounded > thead tr:first-child td:last-child, table.rounded > tr:first-child td:last-child { border-top-right-radius: 4px; }

table.rounded thead ~ tr:last-child td:last-child, table.rounded tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; }

table.rounded thead ~ tr:last-child td:first-child, table.rounded tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; }

table.rounded thead th, table.rounded thead td, table.rounded caption + tbody tr:first-child td, table.rounded > tbody:first-child tr:first-child td { border-top: 0; }



/*tableStyle1*/

/* Table Style 1 */

.tableStyle1 tr:nth-of-type(odd) { background: #eee; }

.tableStyle1 th {
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.tableStyle1 td, th {
    padding: 5px;
    border: 1px solid #ccc;
    text-align: right;
    font-size: 12px;
}

/*Table Style 2*/

.tableStyle2 th {
    background: #f3f3f3;
    padding: 0;
    border: none;
    border-bottom: 1px solid #fff;
    width: 40%;
    padding: 0 10px;
    margin-left: 5px;
}

.tableStyle2 td {
    padding: 2px 2px 2px 0;
    margin-right: 3px;
    border: none;
    text-align: right;
    font-size: 1em;
}


/*lists*/

ul, ol {
    margin: 0 auto;
    list-style: none;
}

/*ul li,ol li{list-style: none;display: block;}*/

ul li *, ol li * { display: block; }

/*image*/

img.fitparent {
    max-width: 100%;
    height: auto;
}

.imgInnerPageRight {
    max-width: 200px;
    max-height: 100%;
    float: right;
    margin-left: 15px;
    border: 1px solid #CCC;
    padding: 2px;
}

.imgInnerPageLeft {
    max-width: 200px;
    max-height: 100%;
    float: left;
    margin-right: 15px;
    border: 1px solid #CCC;
    padding: 2px;
    overflow: hidden;
}


/*button*/

.p-button-red, .p-button-blue, .p-button-green, .p-button-orange, button, input[type="submit"], input[type="reset"], input[type="button"] {
    border: 1px solid #aaa;
    display: inline-block;
    font-size: 0.917em;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 3px 10px;
    font-family: tahoma;
}

button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { }

button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { }


.p-button-red {
    background: #C00;
    color: #fff;
}

.p-button-blue {
    background: #06C;
    color: #fff;
}

.p-button-green {
    background: #093;
    color: #fff;
}

.p-button-orange {
    background: #F90;
    color: #fff;
}


/*form*/

form { }

fieldset { }

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    font-family: tahoma;
    font-size: 12px;
    padding: 6px 4px;
    outline: none;
    margin: 0;
    display: block;
    border: 1px solid #ccc;
}

select {
    padding: 3px 4px;
    min-width: 130px;
}

/*=====================Sections===========================*/

/*horizontal menu*/

.topMenu {
    display: inline-block;
}

ul.menu {
    direction: rtl;
    z-index: 99;
    position: relative;
    display: inline-block;
}

ul.menu * { }

ul.menu a {
    display: block;
    padding: 0 10px;
    color: #666;
}

ul.menu li {
    float: right; /*position:relative;*/
    direction: rtl;
    line-height: 24px;
}

ul.menu li:hover {
    color: #09C;
    background: #f1f1f1;
}

ul.menu li a { display: block; }

ul.menu li a:hover { }

ul.menu li:last-child { }

ul.menu li:first-child { }

ul.menu li a.active { }

ul.menu li a.active:hover { }

ul.menu ul {
    position: absolute;
    top: 24px;
    width: 200px;
    right: auto;
    display: none;
    background: #f3f3f3;
    z-index: 999;
}

ul.menu ul li {
    position: relative;
    width: 200px;
    text-align: right;
}

ul.menu ul li a { }

ul.menu ul li a:hover {
    color: #09C;
    background: #eaeaea;
}

ul.menu ul ul {
    right: 200px;
    top: 0px;
}

ul.menu ul ul li { width: 200px; }

ul.menu ul li:hover { }

/*vertical menu*/

.rightMenu { }

.rightMenu .title {
    overflow: hidden;
    background: #f3f3f3;
    padding: 0 10px;
    line-height: 30px;
    margin-bottom: 5px;
}

ul.Vmenu { z-index: 999; }

ul.Vmenu * { }

ul.Vmenu a {
    display: block;
    color: #666;
    padding: 0 5px;
}

ul.Vmenu li {
    position: relative;
    direction: rtl;
    text-align: right;
    line-height: 28px;
    border-bottom: 1px solid #f1f1f1;
}

ul.Vmenu li:hover {
    color: #09C; /*background:#eaeaea*/
}

ul.Vmenu a:hover { color: #09C; }

ul.Vmenu ul {
    position: absolute;
    top: 0px;
    display: none;
    right: 200px;
    width: 200px;
    background: #f3f3f3;
    z-index: 99;
}

ul.Vmenu ul li {
    position: relative;
    width: 198px;
}

ul.Vmenu ul li:first-child { }

ul.Vmenu ul li:last-child { }

ul.Vmenu ul li a { display: block; }

ul.Vmenu ul li a:hover { }

ul.Vmenu ul ul {
    right: 200px;
    top: 0px;
}

ul.Vmenu ul ul li { width: 200px; }

/* menu style 2*/

.topmenu ul { }

ul.menu li { display: inline-block; }

ul.menu li.cat {
    font-family: 'Byekan';
    font-size: 13px;
    width: auto;
    z-index: 10;
    margin: 0;
    height: 31px;
    color: #fff;
}

ul.menu li.cat .sub {
    display: none;
    position: absolute;
    background: #f5f5f5;
    top: 31px;
    left: auto; /*width:960px;*/
    height: 200px;
    z-index: 200;
    right: 0;
    padding: 10px;
    border-radius: 0 0 5px 5px;
    color: #333;
}

ul.menu .rt {
    color: #fff;
    position: relative;
    display: inline-block;
    padding: 0 15px;
    line-height: 31px;
}

ul.menu li.cat .sub ul { display: block !important; }

ul.menu li.cat .sub ul {
    top: 50px;
    width: 230px;
}

ul.menu li.cat .sub ul li { width: 230px; }

.moreLinkMenu {
    display: inline-block !important;
    background: #0596bb;
    border-radius: 3px;
    padding: 0 5px;
    color: #fff;
}

.moreLinkMenu:hover { }

.col230MenuTop {
    width: 230px;
    margin: 0 5px;
    float: right;
    background: #000;
}

.col230MenuTop .title {
    font-family: 'Byekan';
    font-size: 13px;
    color: #fff;
    background: #303542;
    line-height: 34px;
    padding: 0 10px;
}

.topMenuList ul { }

.topMenuList ul li {
    padding: 0 10px;
    display: block;
    float: right;
    width: 220px;
    line-height: 30px;
    margin: 0;
    padding: 0;
}

.topMenuList ul li a {
    color: #fff;
    padding: 0 10px;
}

.topMenuList ul li a:hover {
    color: #5cd0e3;
    text-decoration: underline;
}

.col300MenuTop {
    width: 300px;
    float: right;
    margin: 0 10px;
}

.col300MenuTop img {
    max-width: 300px;
    max-height: 150px;
}

/*advertisment*/

.advertisment { }

.advertisment .title {
    background: #f3f3f3;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

/*.advertisment .advCont img { max-width:190px; }
.advertisment .advCont { border:1px solid #ccc; text-align:center; padding:4px }
.advertisment .advCont a *{max-width:190px;}*/

.advertisment .imageCont {
    height: 130px;
    text-align: center;
    font: 0/0 a;
    overflow: hidden;
    border: 1px solid #dcdcdc;
    display: block;
    margin-bottom: 5px;
    padding: 3px;
}

.advertisment .imageCont * {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.advertisment .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.advertismentHorizontal { }

.advertismentHorizontal .imageCont {
    height: 130px;
    width: 200px;
    text-align: center;
    font: 0/0 a;
    overflow: hidden;
    display: block;
}

.advertismentHorizontal .imageCont * {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.advertismentHorizontal .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}



/*breadCrumb*/

.breadCrumb {
    min-height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    background: #F3F3F3;
}

.breadCrumb ul { line-height: 30px; }

.breadCrumb ul li {
    list-style: none;
    display: inline-block;
    float: right;
    background: url(../images/arrowRight.png) no-repeat 100% 50%;
    margin-left: 10px;
}

.breadCrumb ul li:first-child { background: none; }

/*imp for rtl*/

.breadCrumb ul li:first-child a {
    margin-left: 0;
    padding-right: 0;
    background: none;
}

.breadCrumb ul li a {
    padding-right: 15px;
    color: #000;
}

.breadCrumb ul li a:hover { text-decoration: underline; }

.breadCrumb ul li:last-child a { }

/*p-list-box*/

.p-list-box { }

.p-list-box .description { margin: 10px 0; }

.p-list-box > .title {
    min-height: 34px;
    line-height: 34px;
    margin-bottom: 5px;
    overflow: hidden;
}

/*-----p-list-small-----*/

ul.p-list-small { }

ul.p-list-small li {
    border-bottom: 1px solid #DFDFDF;
    line-height: 30px;
}

ul.p-list-small li:last-child { border: none; }

ul.p-list-small li a {
    display: block;
    color: #585858;
    padding-right: 12px;
    background: url(../images/iconDoc.png) no-repeat 100% 11px;
}

ul.p-list-small li a span {
    display: inline-block;
    float: left;
    font-size: 11px;
    color: #A6A6A6;
}

ul.p-list-small li a:hover { color: #000; }

.p-list-box a.p-list-box-morelink {
    float: left;
    display: inline-block;
    background: #f3f3f3;
    padding: 0px 10px;
    color: #000;
    line-height: 30px;
}

.p-list-box a.p-list-box-morelink:hover { background: #e0e0e0; }

/*-----p-list-full-----*/

ul.p-list-full { }

ul.p-list-full li {
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px;
}

ul.p-list-full li:last-child { border-bottom: none; }

ul.p-list-full li img {
    float: right;
    margin-left: 10px;
    padding: 2px;
    width: 50px;
    height: 50px;
    border: 1px solid #CCC;
}

ul.p-list-full li p { }

ul.p-list-full li span { }

ul.p-list-full li a.p-list-full-title {
    color: #585858;
    display: inline;
}

ul.p-list-full li a.p-list-full-title:hover { color: #000; }

ul.p-list-full li .p-list-full-date {
    color: #a6a6a6;
    margin: 0 10px;
    font-size: 11px;
    display: inline-block;
}

ul.p-list-full li .p-list-full-view {
    color: #a6a6a6;
    margin: 0;
    font-size: 11px;
    float: left;
}

ul.p-list-full li a.p-list-full-detail {
    float: left;
    background: url(../images/arrowRight.png) no-repeat right 9px;
    padding-right: 8px;
    color: #585858;
}

ul.p-list-full li a.p-list-full-detail:hover { text-decoration: underline; }

ul.p-list-full li:hover { background: #f9f9f9; }

.newsList a.newsMoreLink {
    background: url(../images/more.png) repeat-x bottom;
    line-height: 28px;
    float: left;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    display: inline-block;
}

.newsList a.newsMoreLink:hover {
    background: url(../images/moreHover.png) repeat-x bottom;
    color: #333;
}


/*p-paging*/

ul.p-paging {
    text-align: center;
    margin: 10px auto;
    padding: 5px 0;
    border-bottom: 1px solid #f1f0f0;
    border-top: 1px solid #f1f0f0;
}

ul.p-paging li {
    display: inline-block;
    margin: 0 5px;
}

ul.p-paging li a {
    display: inline-block;
    background: #f1f0f0;
    padding: 0 8px;
    color: #4b4b4b;
}

ul.p-paging li a:hover {
    background: #888f97;
    color: #fff;
}

ul.p-paging li a.selectedpage {
    background: #888f97;
    color: #fff;
}

/*p-map*/

.p-map {
    width: 280px;
    height: 150px;
}

/*p-list-bullet*/

ul.p-list-bullet { }

ul.p-list-bullet li { line-height: 30px; }

ul.p-list-bullet li a {
    background: url(../images/bullet.png) no-repeat 100% 13px;
    padding: 0 12px 0 0;
    color: #4b4b4b;
}

ul.p-list-bullet li a:hover { color: #000; }

/*Fmenu*/

ul.Fmenu { }

ul.Fmenu li { line-height: 23px; }

ul.Fmenu li a {
    background: url(../images/bullet.png) no-repeat 100% 13px;
    padding: 0 12px 0 0;
    color: #4b4b4b;
}

ul.Fmenu li a:hover { color: #000; }

/*socialNetwork*/

.p-fb {
    background: url(../Images/Icons/p-fb.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-fb:hover { background: url(../images/p-fbHover.png) no-repeat 0 0px; }

.p-tw {
    background: url(../images/Icons/p-tw.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-tw:hover { background: url(../images/Icons/p-twHover.png) no-repeat 0 0px; }

.p-gplus {
    background: url(../images/Icons/p-gplus.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-gplus:hover { background: url(../images/Icons/p-gplusHover.png) no-repeat 0 0px; }

.p-linkedIn {
    background: url(../images/Icons/p-linkedin.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-linkedIn:hover { background: url(../images/Icons/p-linkedinHover.png) no-repeat 0 0px; }

.p-rss {
    background: url(../images/Icons/p-rss.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-rss:hover { background: url(../images/Icons/p-rssHover.png) no-repeat 0 0px; }

.p-pinterest {
    background: url(../images/Icons/p-pinterest.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-pinterest:hover { background: url(../images/Icons/p-pinterestHover.png) no-repeat 0 0px; }

.p-instagram {
    background: url(../images/Icons/p-instagram.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
}

.p-instagram:hover { background: url(../images/Icons/p-instagramHover.png) no-repeat 0 0px; }

/*catListTitleTop*/

ul.p-catListTitleTop { }

ul.p-catListTitleTop li {
    width: 350px;
    height: 220px;
    background: #fff;
    float: right;
    margin: 10px 0 0 10px;
}

ul.p-catListTitleTop li:hover { }

ul.p-catListTitleTop li img {
    max-width: 100%;
    max-height: 100%;
}

ul.p-catListTitleTop li a { position: relative; }

ul.p-catListTitleTop li a i {
    background: url(../images/Icons/icon-zoom.png) no-repeat 50% 50% #EFEFEF;
    display: none;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

ul.p-catListTitleTop li:hover a i { display: block; }

ul.p-catListTitleTop li a:hover { }

ul.p-catListTitleTop li .titleCont {
    display: block;
    overflow: hidden;
    line-height: 30px;
    background: #f3f3f3;
    margin-bottom: 10px;
}

ul.p-catListTitleTop li .titleCont span {
    background: #717174;
    display: inline-block;
    float: right;
    color: #fff;
    padding: 0 10px;
}

ul.p-catListTitleTop li .imageCont {
    height: 190px;
    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a;
    overflow: hidden;
}

ul.p-catListTitleTop li .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

ul.p-catListTitleTop li .imageCont .centerPic {
    /*display: inline-block;
    vertical-align: middle;   vertical alignment of the inline element */
}



/*catListTitleBottom*/

ul.catListTitleBottom { }

ul.catListTitleBottom li {
    width: 170px;
    height: 170px;
    border: 1px solid #ccc;
    margin: 4px;
    float: right;
    text-align: center;
}

ul.catListTitleBottom li:hover { border-color: #000; }

ul.catListTitleBottom li img {
    max-width: 100%;
    max-height: 100%;
}

ul.catListTitleBottom li a {
    color: #2f2409;
    position: relative;
}

ul.catListTitleBottom li a i {
    background: url(../images/Icons/icon-zoom.png) no-repeat 50% 50% #EFEFEF;
    display: none;
    height: 100%;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 2;
}

ul.catListTitleBottom li:hover a i { display: block; }

ul.catListTitleBottom li a:hover { color: #000; }

ul.catListTitleBottom li a span {
    background: #f3f3f3;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

ul.catListTitleBottom li .imageCont {
    height: 140px;
    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a;
    overflow: hidden;
}

ul.catListTitleBottom li .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

ul.catListTitleBottom li .imageCont .centerPic {
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
}






/*=====================controls and plugins===========================*/

/*tooltip*/

#easyTooltip {
    padding: 3px 5px;
    border: 1px solid #949494;
    background: #fff;
    font-size: 12px;
    color: #666;
}

/*lighbox*/

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 110;
    text-align: center;
    line-height: 0;
}

#jquery-lightbox a img { border: none; }

#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#lightbox-container-image {
    padding: 10px;
    width: 150px;
}

#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}

#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav { left: 0; }

#lightbox-nav a { outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}

#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}

#lightbox-nav-btnNext {
    right: 0;
    float: right;
    background: url("../images/lightbox-btn-next.gif") no-repeat;
}

#lightbox-container-image-data-box {
    font: 12px calibri;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}

#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}

#lightbox-container-image-data #lightbox-image-details {
    width: 100%;
    float: left;
    text-align: justify;
    direction: rtl;
    padding-bottom: 10px;
}

#lightbox-image-details-caption {
    font-weight: normal;
    font-family: Byekan;
    font-size: 14px;
}

#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}

#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
    background: url("../images/lightbox-btn-close.gif") no-repeat;
}


/*p-comment*/

.p-comment { }

.p-comment table, .p-comment table tr td { border: none; }

.p-button-send {
    border: 1px solid #ccc;
    background: #f1f1f1;
    color: #666;
    font: 12px tahoma;
    padding: 3px 10px;
    cursor: pointer;
    display: inline-block;
    margin: 3px 0;
}

.p-button-send:hover {
    border-color: #000;
    background: #fff;
}

.AddComment { margin: 20px auto; }

.AddComment .title {
    color: #2980CE;
    margin-bottom: 10px;
    background: #f3f3f3;
    line-height: 30px;
}

.AddComment .title span {
    background: #717174;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
}

.MemberComments { margin: auto; }

.MemberComments .title {
    color: #2980CE;
    margin-bottom: 10px;
    background: #f3f3f3;
    line-height: 30px;
}

.MemberComments .title span {
    background: #717174;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
}

.MemberComments .userPic {
    width: 48px;
    height: 48px;
    float: right;
    margin: 0px 0 0 10px;
    border-radius: 50%;
}

.MemberComments .postMsg { line-height: 18px; }

.MemberComments .postMsg p { line-height: 18px; }

.MsgInfoBar {
    line-height: 30px;
    overflow: hidden;
    background: #f9f9f9;
    border-right: 2px solid #0ea7da;
    padding: 5px 8px;
}

.MsgSenderName {
    float: right;
    clear: both;
    padding: 0 0 0 5px;
}

.MsgSenderName a {
    color: #3590C1;
    text-decoration: none;
}

.MsgSendDate {
    color: #333;
    float: right;
    font-size: 11px;
}

.MsgSpamReport {
    background: url(../images/BoxWarning.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 5px;
}

.postBody {
    overflow: hidden;
    padding: 6px;
    background: url(../images/arrowCmR.png) no-repeat 100% 12px;
}

.commentVoting {
    float: right;
    padding: 0 10px;
    margin: 5px 0;
}

.commentVoting .up {
    background: url(../images/voteUp.png) no-repeat right;
    padding: 0 18px 0 5px;
    color: #aeaeae;
    text-decoration: none;
    border-left: 1px solid #999;
}

.commentVoting .down {
    background: url(../images/voteDown.png) no-repeat right;
    padding: 0 18px 0 5px;
    color: #aeaeae;
    text-decoration: none;
    border-left: 1px solid #999;
}

.CommentShare {
    float: right;
    margin: 5px 0;
    color: #999;
    display: none;
}

.MsgReply {
    float: right;
    margin: 5px 0;
}

.MsgReply a { color: #999; }

.ReplyTo {
    margin: 10px 0;
    background: #E6E6E6;
    padding: 10px;
    overflow: hidden;
    clear: both;
    display: none;
}

.ReplyTo textarea {
    background: #fff;
    font: 12px tahoma;
    border: 1px solid #ccc;
    padding: 5px;
    width: 98%;
}

.ReplyTo input[type="submit"], .ReplyTo input[type="button"] {
    cursor: pointer;
    direction: ltr;
    background: #F8F8F8;
    border: 1px solid #ccc;
    color: #666;
    padding: 2px 5px;
    margin-top: 5px;
    float: left;
    font: 12px tahoma;
}

.ReplyTo span.btnReplyComment {
    background: #F8F8F8;
    border: 1px solid #ccc;
    color: #666;
    cursor: pointer;
    float: left;
    font: 12px tahoma;
    margin-top: 5px;
    padding: 2px 5px;
}

.ReplyTo .txtName {
    background: #fff;
    font: 12px tahoma;
    border: 1px solid #ccc;
    margin-bottom: 4px;
    height: 20px;
}

.NoteContainer {
    overflow: hidden;
    margin: 10px 0;
}

.hspacer20 { padding-right: 20px; }

.hspacer40 { padding-right: 40px; }

.hspacer60 { padding-right: 60px; }

.collapsPlus {
    background: url(../images/minus.png) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 5px;
    cursor: pointer;
}

.collapsMinues {
    background: url(../images/plus.png) no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointe;
}

/*p-content-detail*/

.p-content-detail { }

.p-content-detail .largePic {
    width: 200px;
    float: right;
    margin: 0 0 0 10px;
    border: 1px solid #ccc;
}

.voting { float: left; }

.voting .up {
    background: url(../images/NewsvoteUp.png) no-repeat left;
    color: #090;
    padding-left: 15px;
    margin-right: 5px;
    border: 1px solid #090;
    display: inline-block;
    float: left;
    padding-right: 2px;
}

.voting .down {
    background: url(../images/NewsvoteDown.png) no-repeat left;
    color: #C00;
    padding-left: 15px;
    border: 1px solid #C00;
    display: inline-block;
    float: left;
    padding-right: 2px;
}

.p-tag { margin: 10px 0; }

.p-tag a {
    color: #838383;
    display: inline-block;
    margin: 0 3px;
    border: 1px solid #e0dfdf;
    padding: 0 3px;
    text-decoration: none;
    line-height: 22px;
    background: #f1f1f1;
}

.p-tag a:hover {
    background: #fff;
    border-color: #333;
    color: #333;
}

.p-tagbox {
    border-color: #E1E1E1;
    border-style: solid;
    border-width: 1px 3px 3px 1px;
    display: inline-block;
    margin: 3px;
    padding: 3px;
}

.p-tagbox:hover { background: #E6F4E8; }

.statusBar {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 5px 0;
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.newsViewCont, .newsPublishDate {
    border-left: 1px solid #ccc;
    float: right;
    padding: 0 10px;
    color: #bababa;
}

.shareIcon {
    float: left;
    margin: 3px 0 0 10px;
}

.shareIcon a, .shareIcon .p-icon-share { float: left; }

.p-icon-email {
    background: url(../images/Icons/iconemail.png) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    transition: all 0.2s linear 0s;
    margin-right: 5px;
}

.p-icon-email:hover { background-position: 0 -15px; }

.p-icon-print {
    background: url(../images/Icons/iconprint.png) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    transition: all 0.2s linear 0s;
    margin-right: 5px;
}

.p-icon-print:hover { background-position: 0 -15px; }

.p-icon-share {
    background: url(../images/Icons/shareIcon.png) no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    transition: all 0.2s linear 0s;
    margin-right: 5px;
    cursor: pointer;
    padding-left: 22px;
}

.p-icon-share:hover { background: url(../images/Icons/shareIcon.png) no-repeat 0 -15px; }

.p-icon-share .blockIcon {
    display: none;
    min-width: 100px;
    float: left;
}

.p-icon-share:hover .blockIcon { display: block; }

.p-fb-small {
    background: url(../images/p-fb-small.png) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 3px;
}

.p-tw-small {
    background: url(../images/p-tw-small.png) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 3px;
}

.p-gplus-small {
    background: url(../images/p-gplus-small.png) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
    margin-right: 3px;
}

.p-linkedIn-small {
    background: url(../images/p-linkedin-small.png) no-repeat;
    display: block;
    width: 15px;
    height: 15px;
    float: left;
}

.p-source {
    background: #f3f3f3;
    border: 1px solid #ccc;
    padding: 3px 15px;
    float: right;
    margin: 5px 0;
}

.author {
    margin: 5px 0;
    border: 1px solid #ccc;
    padding: 5px;
    float: right;
}

.author img {
    width: 40px;
    height: 40px;
    margin-left: 5px;
    float: right;
    border: 1px dotted #ccc;
}

.author span {
    display: inline-block;
    line-height: 40px;
}

.author span a { color: #666; }

.author:hover {
    border-color: #67bff1;
    background: #ecf8ff;
}

.otherImg { position: relative; }

.otherImg .title {
    background: url(../images/BoxTitleArrowLtr.png) no-repeat;
    width: 134px;
    height: 25px;
    color: #fff;
    padding-right: 10px;
    position: relative;
    z-index: 9;
}

.otherImg .boxCont {
    border: 1px solid #ccc;
    z-index: 1;
    margin-top: -5px;
    padding: 5px;
    overflow: hidden;
}

.otherImg .boxCont li img {
    width: 120px;
    height: 100px;
    margin: auto;
}

.otherImg .boxCont li {
    padding: 1px;
    width: inherit;
    height: 102px;
    float: right;
    border: 1px solid #CCC;
    margin-left: 5px;
    list-style: none;
}

.otherImg .boxCont li a.imageCont {
    height: 100px;
    margin-bottom: 5px;
    text-align: center;
    font: 0/0 a;
    overflow: hidden;
}

.otherImg .boxCont li a.imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

.otherImg .boxCont li a.imageCont img {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}



.price {
    color: #aaa;
    line-height: 30px;
    margin-bottom: 10px;
}

.price span { color: #fb5f43; }

.addToBasket {
    height: 40px;
    display: inline-block;
    border-radius: 5px;
    background-color: #0c9ec2;
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
}

.addToBasket i {
    background: url(../images/iconBasket20.png) no-repeat 50% 50% #313131;
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-left: 10px;
    border-radius: 0 5px 5px 0;
}

.addToBasket:hover { opacity: 0.8; }

.add-to-cart-qty { }

.add-to-cart-qty a.qty-dec {
    background: url(../images/quantity-minus.png) no-repeat 50% 50% #585858;
    height: 40px;
    width: 30px;
    display: block;
    float: right;
}

.add-to-cart-qty input[type="text"] {
    height: 40px;
    line-height: 40px;
    width: 30px;
    border: none;
    float: right;
    padding: 0 5px;
    background: #fff;
    color: #000;
    text-align: center;
}

.add-to-cart-qty a.qty-inc {
    background: url(../images/quantity-plus.png) no-repeat 50% 50% #585858;
    height: 40px;
    width: 30px;
    display: block;
    float: right;
}

.add-to-cart-qty a.qty-dec:hover, .add-to-cart-qty a.qty-inc:hover { background-color: #ed5053; }

.loginToggleTitle {
    height: 40px;
    display: inline-block;
    border-radius: 5px;
    background-color: #0c9ec2;
    color: #fff;
    line-height: 40px;
    padding-left: 10px;
}

.loginToggleTitle i {
    background: url(../images/iconlogin20.png) no-repeat 50% 50% #313131;
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-left: 10px;
    border-radius: 0 5px 5px 0;
}

.loginToggleTitle:hover { opacity: 0.8; }

.technicalBox {
    margin: 10px 0;
    width: 100%;
}

.technicalBox .rows { border-bottom: 1px solid #fff; }

.technicalBox .rows .firstCol {
    background: #666;
    color: #fff;
    padding: 2px 10px;
    width: 200px;
    display: inline-block;
    border-left: 1px solid #fff;
}

.technicalBox .rows .firstCol span {
    color: #FFA800;
    display: inline-block;
}

.technicalBox .rows .secondCol {
    background: #EAEAEA;
    color: #333;
    padding: 2px 10px;
    display: inline-block;
    width: 470px;
}

.technicalBox .rows .secondCol span { color: #00AFC8; }

/*tab*/

#usual2 {
    margin: 8px auto 0 auto;
    font-size: 12px;
}

#usual2 ul.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#usual2 ul.tabs li {
    float: right;
    margin: 0 0 0 5px;
    padding: 0;
}

#usual2 ul.tabs li a {
    color: #0D638F;
    display: block;
    line-height: 29px;
    margin: 0 0 0 4px;
    padding: 0px 4px;
    position: relative;
    text-align: center;
    text-decoration: none;
    border-bottom: none;
}

#usual2 ul.tabs li a.selected {
    color: #555;
    direction: ltr;
    text-align: center;
    background: url(images/tabSelected.gif) repeat-x top #fff;
    outline: none;
    height: 29px;
    line-height: 29px;
    border: 1px solid #ddd;
    border-bottom: none;
}

#usual2 ul.tabs li a:hover {
    color: #d12610;
    border-bottom: none;
}

.panel {
    border: 1px solid #ddd;
    background: #fff;
    color: #666666;
    margin-top: -1px;
    min-height: 150px;
    padding: 5px;
}

/*star*/

.star {
    direction: ltr;
    display: inline-block;
    min-width: 120px;
}

/*sorting*/

.sorting {
    margin: 10px 0;
    overflow: hidden;
}

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

.sorting .search input[type="text"] {
    width: 200px;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 24px;
    border-left: none;
    height: 24px;
    float: right;
    padding: 0 5px;
    color: #565656;
}

.sorting .search input[type="submit"] {
    background: url(../images/search.png) no-repeat 50% 50%;
    cursor: pointer;
    width: 20px;
    height: 26px;
    display: block;
    float: right;
    border: 1px solid #ccc;
    border-right: none;
}

.sorting select {
    min-width: 100px;
    height: 26px;
    border: 1px solid #ccc;
    font: 12px tahoma;
    line-height: 26px;
    color: #565656;
    padding: 2px;
    display: inline-block;
    float: right;
}

.sortingList { float: left; }

.sortingList ul { }

.sortingList ul li {
    list-style: none;
    float: right;
    margin-left: 5px;
    font-size: 11px;
}

.sortingList ul li a {
    background: #e8e8e8;
    color: #565656;
    line-height: 26px;
    display: inline-block;
    float: right;
    padding: 0 8px;
}

.sortingList ul li a:hover {
    background: #545454;
    color: #fff;
}

.sortingList ul li a.active {
    background: #545454;
    color: #fff;
}

/*p-list-featured-column*/

ul.p-list-featured-column { }

ul.p-list-featured-column li {
    border: 1px solid #d4d4d4;
    float: right;
    margin: 4px;
    width: 150px;
    height: 255px;
    padding: 10px;
    text-align: center;
    transition: all 0.2s linear 0s;
    position: relative;
}

ul.p-list-featured-column li img {
    max-height: 100%;
    max-width: 100%;
}

ul.p-list-featured-column li i.sale {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background: #ed5053;
    color: #fff;
    font-style: normal;
}

ul.p-list-featured-column li .featuredName {
    width: 150px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 18px;
    overflow: hidden;
    height: 40px;
}

ul.p-list-featured-column li .featuredName a { }

ul.p-list-featured-column li .featuredPrice { color: #666; }

ul.p-list-featured-column li .featuredBasket {
    background: #0ea7da;
    margin-bottom: 2px;
    color: #fff;
    line-height: 26px;
}

ul.p-list-featured-column li .featuredDetail {
    background: #979797;
    color: #fff;
    line-height: 26px;
}

ul.p-list-featured-column li .featuredBasket:hover, ul.p-list-featured-column li .featuredDetail:hover { background-color: #333; }

ul.p-list-featured-column li:hover { background-color: #f3f3f3; }

ul.p-list-featured-column li .imageCont {
    height: 140px;
    text-align: center; /* align the inline(-block) elements horizontally */
    font: 0/0 a;
    overflow: hidden;
}

ul.p-list-featured-column li .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

ul.p-list-featured-column li .imageCont .centerPic {
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
}


/*p-list-small-column*/

ul.p-list-small-column { }

ul.p-list-small-column li {
    min-height: 80px;
    margin-bottom: 10px;
}

ul.p-list-small-column li img {
    width: 80px;
    height: 80px;
    float: right;
    margin-left: 10px;
}

ul.p-list-small-column li i.sale {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 10px;
    background: #ed5053;
    color: #fff;
    font-style: normal;
}

ul.p-list-small-column li .smallName { }

ul.p-list-small-column li .smallName a { }

ul.p-list-small-column li .smallPrice { }

ul.p-list-small-column li cite {
    float: right;
    margin-left: 10px;
}



/*---------------------tagList---------------------------*/

.tagList { }

.tagList .description { margin: 10px 0; }

.tagList .title {
    display: inline-block;
    line-height: 30px;
    color: #545454;
    font-size: 19px;
    font-family: 'Byekan';
}

.tagList ul { }

.tagList ul li {
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px;
}

.tagList ul li:last-child { border-bottom: none; }

.tagList ul li img {
    float: right;
    margin-left: 10px;
    padding: 2px;
    width: 40px;
    height: 40px;
    border: 1px solid #CCC;
    display: none;
}

.tagList ul li p {
    line-height: 24px;
    color: #666;
}

.tagList ul li span { }

.tagList ul li a.tagTitle {
    color: #FA4E31;
    text-decoration: none;
}

.tagList ul li a.tagTitle:hover { color: #000; }

.tagList ul li .tagDate {
    color: #a6a6a6;
    margin: 0 10px;
    font-size: 11px;
    display: inline-block;
}

.tagList ul li .tagView {
    color: #a6a6a6;
    margin: 0;
    font-size: 11px;
    float: left;
}

.tagList ul li a.detail {
    float: left;
    background: url(../images/arrow3.gif) no-repeat right 9px;
    padding-right: 8px;
    color: #fa4e31;
    border-bottom: 1px solid #fff;
}

.tagList ul li a.detail:hover { border-bottom: 1px solid #F60; }

.tagList ul li:hover { background: #f9f9f9; }

.hwd { }

.hwd a { }

.hwd a:hover { }

.ImgWithCloseBtn {
    position: relative;
    width: 200px;
}

.ImgWithCloseBtn img {
    width: 200px;
    padding: 2px;
    border: 1px solid #ccc;
}

.ImgWithCloseBtn input[type=image] {
    position: absolute;
    top: 4px;
    display: none;
    left: 0px;
    background: url(../images/closeBtn.gif) no-repeat;
    width: 17px;
    height: 17px;
    border: none;
}

.ImgWithCloseBtn:hover input[type=image] { display: block; }

.RecieveFile {
    width: 200px;
    border: 1px solid #ccc;
    overflow: hidden;
}

.RecieveFile input[type=image] {
    background: url(../images/closeBtn.gif) no-repeat;
    width: 17px;
    height: 17px;
    border: none;
    float: left;
    margin: 7px 3px 0 5px;
}

.RecieveFile a {
    color: #666;
    line-height: 30px;
    padding: 0 5px;
    float: right;
}

/*----------------basket ------------------*/

.addToBasketBox {
    border: 1px solid #0c9ec2;
    padding-bottom: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    z-index: 100;
}

.addToBasketBox .title {
    background: #0c9ec2;
    color: #fff;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.addToBasketTitle { overflow: hidden; }

.addToBasketBox .addToBasketBoxCont { overflow: hidden; }

.addToBasketTitle .span1, .addToBasketTitle .span2, .addToBasketTitle .span3 {
    background: #979797;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: right;
    line-height: 24px;
}

.addToBasketTitle .span1 {
    width: 82px;
    margin-left: 3px;
}

.addToBasketTitle .span2 {
    width: 45px;
    margin-left: 3px;
}

.addToBasketTitle .span3 { width: 65px; }

.addToBasketTitle .span3 i { font: 10px tahoma; }

ul.shopList {
    color: #352f23;
    margin-bottom: 5px;
    padding: 3px;
}

ul.shopList li {
    list-style: none;
    border-bottom: 1px dashed #afa896;
    padding: 5px 0;
    overflow: hidden;
}

ul.shopList li:hover { background-color: #eee; }

ul.shopList li .span1, ul.shopList li .span2, ul.shopList li .span3, ul.shopList li .span4 {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    font-size: 11px;
    float: right;
}

ul.shopList li .span1 {
    width: 85px;
    margin-left: 3px;
    text-align: right;
}

ul.shopList li .span2 {
    width: 40px;
    margin-left: 3px;
}

ul.shopList li .span3 { width: 60px; }

ul.shopList li .span2 i.Plus {
    cursor: pointer;
    background: url(../images/plus.png) no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 0 0 3px;
}

ul.shopList li .span2 i.Minus {
    cursor: pointer;
    background: url(../images/minus.png) no-repeat;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px 0 0;
}

ul.shopList li span.imgSmall {
    float: right;
    width: 45px;
    border: 3px solid #fff;
    margin-left: 5px;
}

ul.shopList li span.imgSmall img { width: 45px; }

ul.shopList li span.removeIcon {
    background: url(../images/removeIcon.gif) no-repeat;
    width: 11px;
    height: 11px;
    display: inline-block;
    cursor: pointer;
}

.registerBasket {
    background: #0c9ec2;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    margin: 0 5px 0 5px;
    float: right;
}

.registerBasket:hover { opacity: 0.8; }

.removeBsaket {
    background: #6b6b6b;
    color: #fff;
    padding: 2px 10px;
    display: inline-block;
    float: right;
}

.removeBsaket:hover { opacity: 0.8; }

/*----------------------factor----------------------*/

.factor { }

.factor .top {
    background: #0c9ec2;
    color: #fff;
    line-height: 35px;
    overflow: hidden;
    padding: 0 10px;
    border-bottom: 1px solid #e8e8e8;
}

.factor .top .col1 {
    width: 300px;
    text-align: right;
    display: inline-block;
    float: right;
}

.factor .top .col2 {
    width: 120px;
    text-align: center;
    display: inline-block;
    float: right;
}

.factor .top .col3 {
    width: 140px;
    text-align: center;
    display: inline-block;
    float: right;
}

.factor .top .col4 {
    width: 100px;
    text-align: center;
    display: inline-block;
    float: right;
}

.factor .rows {
    padding: 10px;
    background: #f1f1f1;
    border: 1px solid #dedede;
    border-top: none;
    overflow: hidden;
    vertical-align: middle;
}

.factor .rows .col1 {
    width: 300px;
    text-align: right;
    display: inline-block;
    float: right;
}

.factor .rows .col1 img {
    width: 40px;
    height: auto;
    margin-left: 10px;
    float: right;
}

.factor .rows .col2 {
    width: 120px;
    text-align: center;
    display: inline-block;
    float: right;
    line-height: 50px;
}

.factor .rows .col2 input {
    width: 47px;
    height: 25px;
    border: 1px solid #ccc;
    padding: 0 5px;
    color: #6F5486;
    margin: 15px auto;
}

.factor .rows .col3 {
    width: 140px;
    text-align: center;
    display: inline-block;
    float: right;
    line-height: 50px;
}

.factor .rows .col4 {
    width: 100px;
    text-align: center;
    display: inline-block;
    float: right;
    line-height: 50px;
}

.factor .rows .col4 img { margin: 15px auto; }

.factor .rows:hover { background-color: #e6e6e6; }

.factor .totalPrice {
    background: #e8e8e8;
    float: left;
    padding: 10px;
    margin: 10px auto 10px 0;
    width: 280px;
}

.factor .totalPrice .title {
    color: #767676;
    text-align: right;
    line-height: 40px;
    border-bottom: 3px solid #fff;
    margin-bottom: 5px;
}

.factor .totalPrice .price {
    text-align: right;
    color: #767676;
    border-top: 1px solid #fff;
    line-height: 40px;
}

.factor .pay {
    background: #ff6600;
    color: #fff;
    display: block;
    float: left;
    width: 300px;
    line-height: 35px;
    transition: all 0.2s linear 0s;
    text-align: center;
}

.factor .pay img { vertical-align: middle; }

.factor .pay:hover { opacity: 0.8; }

.factor .removeItem {
    width: 20px;
    height: 20px;
    background: url(../images/remove.gif) no-repeat;
    cursor: pointer;
    display: inline-block;
}

ul.progressStep { }

ul.progressStep li {
    background: #fafafa;
    border: 5px solid #c4c4c4;
    float: right;
    margin: 0 10px;
    border-radius: 100%;
    text-align: center;
    padding: 20px;
    min-width: 70px;
    transition: all 0.2s linear 0s;
}

ul.progressStep li span {
    display: block;
    line-height: 30px;
}

ul.progressStep li .title {
    color: #7d7d7d;
    font-size: 17px;
    line-height: 40px;
}

ul.progressStep li:hover { border-color: #0c9ec2; }

ul.progressStep li:hover .title { }

ul.progressStep li.active {
    border-color: #0c9ec2;
    background: #0c9ec2;
    color: #fff;
}

ul.progressStep li.active .title { color: #fff; }

.payments { }

.payments .title {
    background: url(../images/BoxTitleArrowLtr.png) no-repeat 100% 0;
    height: 25px;
    color: #fff;
    padding-right: 5px;
    position: relative;
    z-index: 1;
}

.payments .boxCont {
    border: 1px solid #ccc;
    margin-top: -5px;
    z-index: 0;
    padding: 10px;
}

.payments ul { }

.payments ul li {
    margin-bottom: 10px;
    display: block;
}

.payments ul li .bold {
    display: inline-block;
    font-weight: bold;
}

.payments ul li .row {
    background: #f1f1f1;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: 5px;
    padding: 3px 5px;
}

.payments ul li:last-child {
    background: #eef3f7;
    font-weight: bold;
    text-align: left;
    color: #777;
    padding: 3px 5px;
}

.SendingTypeSelectorContainer {
    background: #fff;
    border: 2px solid #F1F1F1;
    border-radius: 5px;
    float: right;
    padding: 5px;
    width: 300px;
}

ul.SendingTypeSelector { }

ul.SendingTypeSelector li {
    border-radius: 3px;
    color: #424242;
    cursor: pointer;
    list-style: none;
    margin: 1px 0 0;
    padding: 4px 25px 4px 5px;
    background: url(../images/checkbox1.png) no-repeat 99% 5px;
}

ul.SendingTypeSelector li.selectSent {
    background: url(../images/checkbox1.png) no-repeat 99% -18px #2994e1;
    color: #fff;
}

ul.SendingTypeSelector li:hover { background-color: #80c5f6; }


/*--------------------------------------------*/

.dpTable caption, .dpTable th, .dpTable td { text-align: center; }

.dpTable .dpTitleTR table { background-color: #4095C6; }

.dpTable thead, .dpTable th, .dpTable tbody, .dpTable td, .dpTable tr, .dpTable td {
    padding: 2px;
    font-size: 1em;
}

.dpTable { border-collapse: separate; }

/*-----------message-------------*/

.p-msg { }

.sendMsg {
    background: #F5F3FF;
    border: 1px solid #bbb;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
}

.sendMsg select {
    display: inline-block;
    padding: 2px 5px;
    width: 200px;
}

.sendMsg textarea {
    width: auto;
    margin: 10px 0;
    width: 98%;
}

.sendMsg input[type="button"] {
    font: 12px tahoma;
    background: #43c4e0;
    color: #fff;
    border: none;
    margin-left: 5px;
}

a.addFile {
    border: 1px solid #dadada;
    padding: 2px 10px;
    color: #666;
    background-color: #f0f0f0;
    margin-bottom: 2px;
    display: block;
}

.closeBtn {
    background: url(../images/arrowDeleteMsg.png) no-repeat;
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-right: 8px;
    cursor: pointer;
}

a.addFile:hover { background: #fff; }

.sendMsg input[type="file"] {
    border: 1px solid #ccc;
    margin-left: 5px;
    background: #fff;
}

.loader16 {
    background: url(../images/loader16.gif) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}

.refresh16 {
    background: url(../images/refresh16.png) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.MsgRefresh {
    background: url(../images/refresh16.png) no-repeat 0 2px;
    min-width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
    padding-left: 20px;
    margin-bottom: 5px;
}

.showMsg {
    padding: 10px;
    background: #f3f3fe;
    border: 1px solid #bbb;
}

.showMsgBox {
    border: 2px solid #dbdbdb;
    padding: 10px;
    display: inline-block;
    width: 350px;
    margin-bottom: 10px;
    border-radius: 5px;
    background: #fff;
}

.showMsgBox:hover { background: #f1f1f1; }

.showMsgBox .avatar {
    width: 50px;
    float: right;
    padding: 1px;
    border: 1px solid #dbdbdb;
    margin-left: 10px;
}

.showMsgBox .avatar img { width: 50px; }

.showMsgBox .title { line-height: 30px; }

.showMsgBox .date {
    color: #ccc;
    font-size: 11px;
    text-align: left;
    direction: ltr;
    display: inline-block;
}


/*-------------------popup container--------------------*/

#popup_container {
    font-family: tahoma;
    font-size: 12px;
    min-width: 500px; /* Dialog will be no smaller than this */
    max-width: 700px; /* Dialog will wrap after this width */
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    color: #000;
    background-clip: padding-box;
}

#popup_title {
    font-size: 17px;
    font-family: 'Byekan';
    font-weight: normal;
    text-align: right;
    line-height: 3em;
    color: #666;
    border-bottom: solid 1px #e7e7e7;
    cursor: default;
    padding: 0 20px;
}

#popup_content {
    background: 16px 16px no-repeat url(images/info.gif);
    /*padding: 1em 1.75em;*/
    margin: 0em;
}

#popup_content.alert { background-image: url(../images/info.gif); }

#popup_content.confirm { background-image: url(../images/important.gif); }

#popup_content.prompt { background-image: url(../images/help.gif); }

#popup_message {
    line-height: 24px;
    padding: 10px 20px;
}

#popup_panel {
    text-align: left;
    background: #f5f5f5;
    padding: 14px 15px 15px;
}

#popup_prompt { margin: .5em 0em; }

#popup_overlay {
    background-color: #333 !important;
    opacity: 0.8;
}

/*------------loginRight----------------*/

.loginRight {
    border: 1px solid #6b6b6b;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}

.loginRight .title {
    background: #6b6b6b;
    color: #fff;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.loginRight .loginCont {
    padding: 5px;
    margin: 0;
}

.loginRight table { }

.loginRight table td, .loginRight table th {
    padding: 2px 0;
    border: none;
    text-align: right;
}

.loginRight .register {
    background: #0c9ec2;
    color: #fff;
    border: none;
    display: inline-block;
    padding: 0 8px;
}

.loginRight .login {
    background: #1caf46;
    color: #fff;
    border: none;
}

.loginRight a.login {
    display: inline-block;
    padding: 0 8px;
}

.loginRight ul { }

.loginRight ul li {
    background: url(../images/arrowRight.png) no-repeat 100% 50%;
    padding-right: 10px;
    border-bottom: 1px solid #ececec;
    line-height: 30px;
}

.loginRight ul li:last-child { border-bottom: none; }

.loginRight ul li a { color: #333; }

.loginRight ul li a:hover { color: #0c9ec2; }

/*-------------------iconSet--------------------*/

.p-iconClose20 {
    background: url(../images/remove.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.p-iconView20 {
    background: url(../images/iconView20.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.p-iconPayment20 {
    background: url(../images/iconPayment20.gif) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
}

.p-iconBasket20 {
    background: url(../images/iconBasket20.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

/*----------------------------------*/

.p-guide {
    border: 3px solid #0C9EC2;
    background: #eee;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    font-family: 'Byekan';
    color: #0C9EC2;
    font-size: 19px;
}

/*-----------------forum-------------------*/

h1 span a {
    float: left;
    font: 13px 'Byekan';
    color: #fff;
    background: #7CBB52;
    padding: 5px 8px;
    margin-top: 5px;
    border-radius: 3px;
    margin-right: 5px;
}

h1 span a:hover { opacity: 0.8; }

.qinfo {
    border-bottom: 1px solid #d9dadd;
    border-top: 1px solid #d9dadd;
    color: #b9b9b9;
    padding: 3px 0;
    overflow: hidden;
}

.forumQuestionBox {
    margin-bottom: 20px;
    border-bottom: 2px solid #d9dadd;
    padding-bottom: 10px;
}

.qinfo .divInline {
    display: inline-block;
    border-left: 1px solid #ccc;
    padding: 0 5px;
}

.forumQuestionBox .right {
    float: right;
    width: 150px;
}

.forumQuestionBox .left {
    float: left;
    width: 549px;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

.forumQuestionBox .left h2 a {
    background: url(../images/anchor.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    display: block;
    vertical-align: middle;
}

.forumQuestionBox .avatar {
    width: 150px;
    text-align: center;
    line-height: 30px;
}

.forumQuestionBox .avatar img { width: 100%; }

.forumQuestionBox .date {
    color: #999;
    background: #f1f1f1;
    text-align: center;
    direction: ltr;
}

.forumQuestionBox .star {
    width: auto;
    text-align: center;
    float: none;
    margin: 5px auto;
    min-width: 100%;
}

.forumQuestionBox .voting {
    float: none;
    text-align: center;
    margin-bottom: 10px;
}

.forumQuestionBox .voting .up, .forumQuestionBox .voting .down {
    float: none;
    margin: 0 3px;
}

.forumQuestionBox .accepted {
    background: url(../images/accepted.png) no-repeat 50% 50%;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

.forumQuestionBox ul.comment-body { margin: 20px 10px 10px 10px; }

.forumQuestionBox ul.comment-body li {
    border-bottom: 1px dotted #ddd;
    font-size: 11px;
    color: #999;
    padding: 3px;
}

.forumQuestionBox ul.comment-body li img.smallPic {
    width: 30px;
    height: 30px;
    float: right;
    margin: 5px 0 5px 5px;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
}

.forumQuestionBox ul.comment-body li:hover { background: #fafafa; }

.forumQuestionBox a.add-comment {
    float: left;
    background: #e0eaf1;
    color: #3e6d8e;
    padding: 0 5px;
    line-height: 20px;
}

.forumQuestionBox a.add-comment:hover {
    color: #fff;
    background: #ccc;
}

.forumQuestionBox .authorName {
    color: #696969;
    display: inline-block;
    margin-left: 10px;
    font-size: 11px;
}

.forumEditor { }

.forumEditor textarea {
    width: 98%;
    padding: 1%;
}

/*-----------------------Post-----------------------*/

.post { margin: 10px 0; }

.post a.title, .post .title {
    font-family: 'Byekan';
    font-size: 22px;
    color: #444;
    line-height: 50px;
}

.post a.title:hover { color: #0099FF; }

.post a.title img {
    float: right;
    width: 40px;
    border: 1px solid #ccc;
    padding: 1px;
    margin-left: 10px;
    vertical-align: middle;
}

.post .informationBoxTop {
    border-bottom: 1px solid #E9E9E9;
    border-top: 1px solid #E9E9E9;
    padding: 3px 0;
}

.post .subtitle {
    font-family: 'Byekan';
    font-size: 13px;
    color: #888;
    line-height: 24px;
    background: #f9f9f9;
    padding: 5px;
}

.post .hLine {
    height: 4px;
    background: #E9E9E9;
    margin-bottom: 10px;
}

.post .informationBox {
    border-top: 2px solid #e9e9e9;
    margin-top: 10px;
    color: #979797;
    font-size: 11px;
}

.post .informationBox span { display: inline-block; }

.post .authorIcon {
    background: url(../images/authorIcon16.png) no-repeat 100% 50%;
    padding: 0 20px 0 5px;
    margin-left: 7px;
}

.post .authorIcon a, .post .commentsIcon a { color: #0099FF; }

.post .commentsIcon {
    background: url(../images/commentsIcon16.png) no-repeat 100% 50%;
    padding: 0 20px 0 5px;
    margin-left: 7px;
}

.post .categoryIcon {
    background: url(../images/categoryIcon16.png) no-repeat 100% 50%;
    padding: 0 20px 0 5px;
    margin-left: 7px;
}

.post .categoryIcon a {
    margin: 0 3px;
    color: #0099FF;
}

.post .categoryIcon a:hover, .post .authorIcon a:hover, .post .commentsIcon a:hover { color: #000; }

.post .timeIcon {
    background: url(images/timeIcon16.png) no-repeat 100% 50%;
    padding: 0 20px 0 5px;
    margin-left: 10px;
    display: inline-block;
}

.post .statIcon {
    background: url(../images/statIcon16.png) no-repeat 100% 50%;
    padding: 0 20px 0 5px;
}

.post .postInnerPic {
    margin: 10px auto;
    border: 1px solid #ccc;
    text-align: center;
    display: block;
    max-width: 100%;
    overflow: hidden;
}

.post .more {
    color: #0099FF;
    display: inline-block;
    margin: 10px 0 0 0;
    border-bottom: 1px solid #0099FF;
    display: block;
    float: left;
}

.post .more:hover {
    color: #000;
    border-color: #000;
}

/*-----------------jcarousel-------------------*/

#wrap {
    margin: 0px;
    font-size: 11px;
    margin-bottom: 20px;
    text-align: right;
    font-family: 'Byekan';
    font-size: 13px;
    line-height: 24px;
}

.jcarousel-skin-tango2 .jcarousel-container { }

.jcarousel-skin-tango2 .jcarousel-container-horizontal {
    width: 650px;
    padding: 0px 35px;
}

.jcarousel-skin-tango2 .jcarousel-clip { overflow: hidden; }

.jcarousel-skin-tango2 .jcarousel-item {
    width: 200px;
    height: 310px;
    position: relative;
}

.jcarousel-skin-tango2 .jcarousel-item i {
    position: absolute;
    color: #fff;
    left: 0;
    top: 0;
    background: #313131;
    padding: 0 10px;
    line-height: 30px;
    font-size: 11px;
}

.jcarousel-skin-tango2 .jcarousel-item .moreDetail {
    text-align: center;
    clear: both;
    line-height: 30px;
    background: #f5f5f5;
    display: inline-block;
    padding: 0 10px;
    font-family: 'Byekan';
    font-size: 13px;
    color: #666;
    margin: auto;
    text-align: center;
}

.jcarousel-skin-tango2 .jcarousel-item .moreDetail:hover {
    background: #ce0202;
    color: #fff;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
    margin: 0 8px;
    text-align: center;
    border: 1px solid #f5f5f5;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal img {
    max-height: 100%;
    max-width: 100%;
}

.jcarousel-skin-tango2 .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 0px;
    margin-right: 0;
}

.jcarousel-skin-tango2 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal {
    position: absolute;
    top: 80px;
    right: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url(../images/arrowR.gif) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    position: absolute;
    top: 80px;
    left: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background-image: url(../images/arrowL.gif);
}

.jcarousel-skin-tango2 .jcarousel-item .imageCont {
    height: 220px;
    margin-bottom: 5px;
    text-align: center;
    font: 0/0 a;
    overflow: hidden;
}

.jcarousel-skin-tango2 .jcarousel-item .imageCont:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle; /* vertical alignment of the inline element */
    height: 100%;
}

.jcarousel-skin-tango2 .jcarousel-item .centerPic {
    display: inline-block;
    vertical-align: middle;
}


/*--------forumList----------*/

.forumList {
    margin-bottom: 10px;
    border-bottom: 2px solid #e9e9e9;
    overflow: hidden;
}

.forumList .authorPic {
    height: 70px;
    width: 100px;
    padding: 3px;
    border: 1px solid #d6d6d6;
    float: right;
    margin: 0 0 5px 10px;
}

.forumList .forumName {
    font-size: 14px;
    font-weight: bold;
    color: #417394;
    display: block;
    margin-bottom: 5px;
}

.forumList .forumAuthorName {
    color: #417394;
    display: block;
    margin-bottom: 5px;
}

.forumList .forumMore {
    color: #5db3eb;
    text-decoration: underline;
    font-size: 11px;
    float: left;
}

.forumList .forumGroup {
    border-bottom: 2px solid #e9e9e9;
    color: #9f9f93;
    padding: 3px 10px;
    background: #ffffdc;
    font-size: 13px;
}

.forumList .forumGroup:hover {
    background: #4f4f4f;
    color: #fff;
}

.forumList .counter {
    background: #f9f9f9;
    padding: 5px 10px;
    color: #8b8b8b;
    border: 1px solid #f4f4f4;
    border-radius: 3px;
    margin-top: 10px;
}

.forumList .counter span { margin-left: 20px; }


/*auto complete*/

.autocomplete { position: relative; }

.autocomplete input[type="text"] {
    float: right;
    width: 200px;
}

.autocomplete input[type="button"] {
    float: right;
    margin: 0 10px 0 0;
    padding: 6px 10px;
}

.autocomplete .boxContent {
    border: 1px solid #ccc;
    padding: 5px;
    width: 198px;
    margin-top: 8px;
}

.autocomplete .boxContent ul { }

.autocomplete .boxContent ul li {
    border-bottom: 1px dashed #CCC;
    padding: 0 3px;
}

.autocomplete .boxContent ul li:last-child { border-bottom: none; }

.autocomplete .boxContent ul li:hover {
    cursor: pointer;
    background: #09F;
    color: #fff;
}

.autocomplete .tagCont {
    width: 198px;
    overflow: hidden;
}

.autocomplete .tagCont ul { }

.autocomplete .tagCont ul li {
    display: inline-block;
    float: right;
    border: 1px solid #e2e2e2;
    padding: 0 3px;
    border-radius: 3px;
    margin: 0 0 5px 5px;
    background: #f1f1f1;
}

.autocomplete .tagCont ul li:hover {
    border-color: #a8dcff;
    background: #a8dcff;
}

.autocomplete .tagCont .deleteIcon {
    cursor: pointer;
    background: url(../images/arrowDeleteMsg.png) no-repeat 0 0;
    width: 11px;
    height: 11px;
    float: left;
    margin: 6px 5px 3px 0;
}

.autocomplete ul.p-autocomplete-result {
    position: absolute;
    right: 0;
    top: 30px;
    background: #fff;
    width: 210px;
}

.autocomplete ul.p-autocomplete-result li {
    border-bottom: 1px dashed #CCC;
    padding: 0 3px;
}

.autocomplete ul.p-autocomplete-result li:hover {
    cursor: pointer;
    background: #09F;
    color: #fff;
}

.autocomplete ul.p-autocomplete-result li:last-child { border-bottom: none; }

.autocomplete ul.p-autocomplete-result li.selected {
    cursor: pointer;
    background: #09F;
    color: #fff;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
    box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-no-suggestion { padding: 2px 5px; }

.autocomplete-selected { background: #F0F0F0; }

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}


/*------------------video-----------------*/

ul.VideoList, ul.AudioList, ul.DownloadList { }

ul.VideoList li, ul.AudioList li, ul.DownloadList li {
    width: 200px;
    height: 200px;
    float: right;
    padding: 10px;
    margin: 10px;
}

ul.VideoList li:hover, ul.AudioList li:hover, ul.DownloadList li:hover { background: #f1f1f1; }

ul.VideoList li a, ul.AudioList li a, ul.DownloadList li a { position: relative; }

ul.VideoList li a img, ul.AudioList li a img, ul.DownloadList li a img {
    width: 200px;
    height: 135px;
}

ul.VideoList li .title, ul.AudioList li .title, ul.DownloadList li .title {
    color: #333;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
}

ul.VideoList li .sender, ul.AudioList li .sender, ul.DownloadList li .sender {
    font-family: tahoma;
    font-size: 12px;
    color: #999;
    text-align: center;
}

ul.VideoList li a i {
    background: url(../images/play.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 55px;
    left: 80px;
    opacity: 0.6;
}

ul.AudioList li a i {
    background: url(../images/sound.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 55px;
    left: 80px;
    opacity: 0.6;
}

ul.DownloadList li a i {
    background: url(../images/dl.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 55px;
    left: 80px;
    opacity: 0.6;
}

ul.VideoList li a:hover i, ul.AudioList li a:hover i, ul.DownloadList li a:hover i {
    display: block;
    opacity: 1;
}

ul.VideoList li a .time, ul.AudioList li a .time, ul.DownloadList li a .time {
    background: #000;
    opacity: 0.8;
    color: #fff;
    font-weight: bold;
    padding: 2px 15px;
    position: absolute;
    left: 0;
    top: 107px;
}

.MediaPlayer {
    width: 100%;
    background: #000;
    height: 350px;
    margin: 10px 0;
}

.MediaInfo {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0;
    overflow: hidden;
}

.MediaInfo .likeIcon {
    background: url(../images/likeIcon.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
    position: relative;
}

.MediaInfo .likeIcon span {
    position: absolute;
    bottom: 0;
    line-height: 13px;
    color: #666;
    width: 40px;
    overflow: hidden;
    text-align: center;
}

.MediaInfo .dislikeIcon {
    background: url(../images/dislikeIcon.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
    position: relative;
}

.MediaInfo .dislikeIcon span {
    position: absolute;
    bottom: 0;
    line-height: 13px;
    color: #666;
    width: 40px;
    overflow: hidden;
    text-align: center;
}

.MediaInfo .shr-facebook {
    background: url(../images/shr-facebook.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
}

.MediaInfo .shr-facebook:hover { background: url(../images/shr-facebookHover.png) no-repeat 50% 50%; }

.MediaInfo .shr-twitter {
    background: url(../images/shr-twitter.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
}

.MediaInfo .shr-twitter:hover { background: url(../images/shr-twitterHover.png) no-repeat 50% 50%; }

.MediaInfo .shr-linkedIn {
    background: url(../images/shr-linkedIn.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
}

.MediaInfo .shr-linkedIn:hover { background: url(../images/shr-linkedInHover.png) no-repeat 50% 50%; }

.MediaInfo .shr-googlePlus {
    background: url(../images/shr-googlePlus.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
}

.MediaInfo .shr-googlePlus:hover { background: url(../images/shr-googlePlusHover.png) no-repeat 50% 50%; }

.MediaInfo .viewIcon {
    background: url(../images/viewIcon.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
    position: relative;
}

.MediaInfo .viewIcon span {
    position: absolute;
    bottom: 0;
    line-height: 13px;
    color: #383838;
    width: 40px;
    overflow: hidden;
    text-align: center;
}

.MediaInfo .viewIcon:hover { background: url(../images/viewIconHover.png) no-repeat 50% 50%; }

.MediaInfo .viewIcon:hover span { color: #de7916; }

.MediaInfo .dlIcon {
    background: url(../images/iconDownload.png) no-repeat 50% 50%;
    width: 40px;
    height: 40px;
    border-left: 1px solid #ccc;
    float: right;
    display: block;
}

.MediaInfo .dlIcon:hover { background: url(../images/iconDownloadHover.png) no-repeat 50% 50%; }

.MediaInfo .rate { float: left; }

.MediaInfo .star {
    float: left;
    margin: 10px 0px 0 10px;
}

.MediaInfo .getrate {
    background: #FC0;
    float: left;
    display: block;
    margin: 8px 0 0 0;
    color: #525252;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
}


.MediaPlayer2 {
    width: 660px;
    background: #000;
    height: 350px;
    margin: 10px;
    float: right;
}

.MediaInfo2 {
    background: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0;
    overflow: hidden;
    float: left;
    width: 50px;
}

.MediaInfo2 .likeIcon {
    background: url(../images/likeIcon.png) no-repeat 50% 50%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
}

.MediaInfo2 .likeIcon span {
    position: absolute;
    bottom: 0;
    line-height: 14px;
    color: #db2222;
    overflow: hidden;
    text-align: center;
    width: 50px;
}

.MediaInfo2 .shr-facebook {
    background: url(../images/shr-facebook.png) no-repeat 50% 50%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    display: block;
}

.MediaInfo2 .shr-facebook:hover { background: url(../images/shr-facebookHover.png) no-repeat 50% 50%; }

.MediaInfo2 .viewIcon {
    background: url(../images/viewIcon.png) no-repeat 50% 50%;
    height: 40px;
    border-bottom: 1px solid #ccc;
    display: block;
    position: relative;
}

.MediaInfo2 .viewIcon span {
    position: absolute;
    bottom: 0;
    line-height: 13px;
    color: #383838;
    width: 40px;
    overflow: hidden;
    text-align: center;
}

.MediaInfo2 .viewIcon:hover { background: url(../images/viewIconHover.png) no-repeat 50% 50%; }

.MediaInfo2 .viewIcon:hover span { color: #de7916; }

.MediaInfo2 .dlIcon {
    background: url(../images/iconDownload.png) no-repeat 50% 50%;
    height: 40px;
    display: block;
}

.MediaInfo2 .dlIcon:hover { background: url(../images/iconDownloadHover.png) no-repeat 50% 50%; }

.MediaInfo2 .rate { float: left; }

.MediaInfo2 .star {
    float: left;
    margin: 10px 0px 0 10px;
}

.MediaInfo2 .getrate {
    background: #FC0;
    float: left;
    display: block;
    margin: 8px 0 0 0;
    color: #525252;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 11px;
}

.embedBox {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
}

.videoCodeIframe {
    background: #f8f8f8;
    border: 1px solid #ccc;
    padding: 10px;
}

.videoName {
    color: #525252;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 40px;
}

/*---------------------------------------*/

.admin-toolbar {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.12) inset;
    background: #fff;
    color: #7b7b7b;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
}

.admin-toolbar a {
    color: #7b7b7b;
    display: inline-block;
    float: right;
    padding: 0 20px 0 5px;
    margin-left: 10px;
}

.admin-toolbar a:hover {
    color: #3c7ef6;
}

.admin-toolbar a.admin-remove {
    background: url(../images/delete_garbage.png) no-repeat 100% 50%;
}

.admin-toolbar a.admin-setting {
    background: url(../images/setting16.png) no-repeat 100% 50%;
}

.p-img-wrapper {
    position: absolute;
    border-radius: 10px;
    
}


/*-------------specifications_table----------------*/

.specifications_table {
    border: 1px solid #ebebeb;
    border-radius: 5px;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%;
}

.specifications_table table thead th, .specifications_table table tbody td, .specifications_table table tr td {
    padding: 0;
    border: none;
    display: table-cell;
}

.specifications_table thead {
    background: #f5f5f5;
    border-bottom: 1px solid #ebebeb;
    color: #999;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 100%;
}

.specifications_table thead td *, .specifications_table thead tr * {
    text-align: center !important;
    display: block !important;
}

.specifications_table thead tr, .specifications_table thead td {
    display: block;
    height: 26px;
    width: 100%;
}

.specifications_table tbody {
    background: #fff;
    display: block;
    width: 100%;
}

.specifications_table tbody tr {
    color: #666;
    overflow: hidden;
    width: 100%;
}

.specifications_table tbody tr .td_right {
    background: #ebebeb;
    border-bottom: 1px solid #fff;
    line-height: 22px;
    min-width: 220px;
    padding-bottom: 5px;
    padding-right: 2%;
    vertical-align: middle;
}

.specifications_table tbody tr .td_left {
    line-height: 27px;
    padding-right: 2%;
    width: 78%;
}

.specifications_table tbody tr:nth-child(2n) .td_left { background: #f9f9f9; }

/*-----------compare----------*/

.addtocompare {
    border: 1px solid #b7b7b7;
    border-right: 3px solid #daa428;
    border-radius: 3px;
    width: 200px;
    background: #fff;
}

.addtocompare input[type="text"] {
    border: none;
    width: 155px;
    display: inline;
    height: 30px;
    padding: 0 5px;
    line-height: 30px;
}

.addtocompare input[type="submit"] {
    background: url(../images/search.png) no-repeat 100% 50%;
    width: 16px;
    height: 30px;
    font-size: 0;
    border: none;
    float: left;
}

.compare .comparetable {
    margin-top: 20px;
    width: 100%;
    border-collapse: collapse;
}

.compare { margin: 10px auto; }

.compare .comparetable thead {
    background: none;
    color: #000;
}

.compare .compare-productlist { background: #fff; }

.compare .comparetable .compare-productlist td { vertical-align: middle; }

.compare .compare-imageContainer {
    border: 1px solid #ccc;
    cursor: pointer;
    height: 134px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 134px;
    color: #3c3c3c;
    background: #fff;
}

.compare .compare-imageContainer a { color: #3c3c3c; }

.compare .compare-imageContainer img {
    margin-top: 15px;
    max-height: 70px;
    max-width: 110px;
}

.compare .compare-imageContainer div { margin: 0 5px; }

.compare .compare-imageContainer:hover { border-color: #828282; }

.compare .compare-imageContainer:hover a { color: #F00; }

.compare .compare-imageContainer .delete {
    background: url(../images/deletebundle.gif) no-repeat;
    height: 15px;
    position: absolute;
    right: -7px;
    top: -7px;
    width: 15px;
}

.compare .comparetable tr.even {
    background-color: #f0f0f0;
    border-bottom: 1px solid #fff;
}

.compare .comparetable tr.odd {
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;
}

.compare .comparetable .spec {
    background-color: #666;
    color: #fff;
    direction: rtl;
    height: 25px;
}

.compare .comparetable tr td span {
    display: inline-block;
    padding: 3px 5px 3px 0;
}

.compare .comparetable tr:hover { background: #ccc !important; }

.compare .comparetable tr.compare-productlist:hover { background: #fff !important; }

.compare .comparetable td {
    border-right: 1px solid #fff;
    vertical-align: top;
}

table.comparetable { border: none; }

table.comparetable td {
    padding: 0;
    border: none;
}

.compare .comparetable tr td.compare-title {
    background-color: #fff;
    direction: rtl;
    font-size: 14px;
    height: 30px;
    margin: 15px 10px 8px 0;
    padding-right: 10px;
}


/*print*/

@media all {
    body { /* background:#EFEFEF*/ }

    .printCont {
        width: 600px;
        background: #fff;
        border: 1px solid #ccc;
        margin: 20px auto;
        direction: rtl;
        padding: 20px;
        border-radius: 6px;
        position: relative;
        overflow: hidden;
    }

    .unpaid, .paid, .refunded, .cancelled, .collections {
        background: #CC0000;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        height: 25px;
        left: -60px;
        padding: 10px;
        position: absolute;
        top: 25px;
        transform: rotate(-45deg);
        width: 200px;
        text-align: center;
    }

    .paid { background: #779500; }

    .refunded { background: #224488; }

    .cancelled { background: #cccccc; }

    .collections { background: #ffcc00; }

    .questionAnswer { margin-bottom: 10px; }

    .questionAnswer .question {
        margin-bottom: 5px;
        font-family: 'Byekan';
        font-size: 13px;
    }

    .questionAnswer .question i {
        background: url(../images/arrowRightW.png) no-repeat 50% 50% #333;
        width: 20px;
        height: 20px;
        display: block;
        float: right;
        margin-left: 10px;
    }

    .questionAnswer .answer {
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
        background: #f1f1f1;
        padding: 10px;
        margin: 0 30px;
    }

    .questionAnswer .date {
        float: left;
        font-size: 11px;
        color: #999;
        margin-left: 30px;
    }


    .pagePrint {
        float: left;
        color: #236bbc;
        text-align: left;
    }

    .pagePrint .icon {
        display: inline-block;
        background: url(../images/iconprint.jpg);
        width: 16px;
        height: 15px;
        margin: 3px 0 0 5px;
    }

    .printLogo {
        float: right;
        margin-bottom: 20px;
        width: 200px;
    }

    .printLogo img { max-width: 200px; }

    .printInfoBar {
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        color: #888;
        margin-bottom: 5px;
    }
}