html,body,input,select,textarea { font: 9pt Tahoma, verdana, arial, sans-serif; color: #2f3436; }
body { background: #e9e6e4 url(/assets/img/body-bg.gif) repeat-x top; }
#page { background: #fff; width: 805px; margin: 0 auto; padding: 0 20px; }
#header-left { float: left; width: 570px; }
#header-right { float: right; width: 230px; height: 150px; background: #fff url(/assets/img/hdr-right.jpg) no-repeat center; }
#header h1 { height: 90px; width: 570px; }
#nav ul {}
#nav ul li { float: left; }
#nav ul li a span { padding:0 0 0 10px; font-size: 8pt; }
#nav ul li a { zoom: 1; font-weight: bold; line-height: 22pt; margin-right: 1px; float: left; width: 110px; height: 30px; background: #a19791; color:#fff; text-transform: uppercase; }
#nav ul li.active a { background: #b12a37; }
#nav ul li a:hover { background: #b12a37; }
#crumb { height: 30px; line-height:28px; display: none; }
#page-content { }
#page-footer { margin: 0 auto; width: 805px; }
#page-footer p { padding: 15px 25px; font-size: 8pt; color: #555; line-height: 15px; text-align: center; }
#page-footer a { color: #333; border-bottom: 1px solid #ddd; }
#content-left { float: left; width: 555px; background: #fff; /*padding: 0 25px;*/ }
#content-right { float: right; width: 230px; background: #fff; /*padding: 0 15px;*/ }
#content-left .container { padding: 0 0; }
#content-right .container { padding: 0 0; }
.intro-box { margin-bottom: 20px; border-top: 1px solid #ddd; border: 1px dotted #99887a; background: #fff; }
.intro-box .body { padding:10px;}
.intro-box .body p { padding:0; line-height: 18px; }
.intro-box .body a { border-bottom: 1px solid #555; }
.intro-box ul { margin: 10px; list-style: square; padding: 10px 30px; background: #fff; border: 1px solid #ddd; }
.cats-box { background:#fff; border: 1px dotted #a19791; margin-bottom: 15px; }
.cats-box h2 { font-weight: bold; font-size: 10pt; padding:0 15px; padding: 5px 10px; margin-bottom:10px; color: #fff; background:#a19791 url(/assets/img/bg-side-hdr.gif) repeat-x; text-transform: uppercase; }
.cats-box .hdr { }
.cats-box .ftr { height: 15px; }
.cats-box .body { padding: 0; }
.cats-box ul { background:#fff; }
.cats-box ul li { height: 1%; }
.cats-box ul li a { display:block; width:190px; color:#5f694e; padding:2px 10px; float: left; }
.cats-box ul li.active a { font-weight: bold; }
.cats-box ul li a:hover { color:#27360d; }
/*************************/
a { color: #333; }
a.sub-cat { font-weight: bold; color: #555; }
a.readmore { border-bottom: 1px solid #e5e2e0; font-size:11px; color: #333; font-weight: bold; }
a.readmore:hover { border-bottom: 1px solid #333; }
a.publish { color: #f78c22; }
a.publish:hover { color: #f78c22; border-bottom: 1px solid #f78c22; }
a.advertise { color: #777; font-size: 8pt; }
a.rss { border: none !important; }
/* Buttons */
a.button { float: left; text-align: center; display: block; margin: 10px 10px 0 0; font-size:8pt; width:l70px; padding:2px 8px; background:#333 url('/assets/img/bg-input-btn.gif') repeat-x; color:#fff; border:1px solid #e1569f; cursor:pointer; }
.bold { font-weight: bold!important; }
.u { border-bottom: 1px solid #444!important; }
span.highlight { font-weight: bold; color: #c42f2f; }
span.highlight a { font-weight: bold; color: #c42f2f; }
.smallf { font-size: 8pt; }
h2.hdr { text-transform: uppercase; font-weight: bold; font-size:10pt; padding: 5px; margin-bottom: 20px; background:#85979d; color:#f0eeec; }
h2.news-hdr { font:11pt georgia; ;font-weight: bold; margin-bottom: 10px; color:#333; }
h2.intro-hdr { font-weight: bold; color: #333; font-size:11pt; padding: 0; margin-bottom: 5px; }
h2.subhdr { padding:0 0 20px 0; font-weight: bold; color: #333; font-size: 11pt; background:#fff; }
ul.basic { margin:5px 20px; }
#top-banners { margin-bottom: 25px; }
.top-banner-1, .top-banner-2, .top-banner-3 { float: left; height: 60px; width: 175px; background: #ddd; }
.top-banner-2 { margin:0 12px; }
.f-left { float: left !important; }
.f-right { float: right !important; }
h3.subhdr { font-weight: bold; margin-bottom: 15px; font-size:10pt; }
.static { margin-top: 20px; }
.static h2 { font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.static h3 { font-weight: bold; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
.static p { margin: 15px 0; }
.static div.form { margin:20px 0;}
/* Ads */
.ad-box { padding:0; border:1px dotted #fff; position: relative; margin: 10px 0; background: #fff; }
.ad-box p { display: none; color: #999; position: absolute; top:0; right:0; padding: 10px; font-size: 10px; }
.ad-336-280 { margin:0 0 10px 0; padding: 10px; border-left: 2px solid #ddd; }
.ad-468-60 { margin:0 0 10px 0; padding: 10px; border: 1px solid #eee; }
.ad-468-15 { }
table.rating-add { width: 300px; }
table.rating-add td { text-align: center; }
/* Link to us box */
table#link-to-us { width: 100%; margin-bottom: 20px; }
table#link-to-us td { padding: 5px; border:1px dotted #f1f1f1; }
table#link-to-us textarea { border:1px dotted #f1f1f1; }
/* Content box */
.content-box { padding:0 10px; }
/*.cat-name .cat-hdr { font-weight: bold; color: #333; font-size:11pt; }*/
/* News navigation */
#news-nav { background: #f4f5f6; margin:20px 0; }
#news-nav ul { }
#news-nav ul li { float: left; }
#news-nav ul li a { font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; color: #85979d; text-align: center; background:#f0eeec url(/assets/img/bg-news-nav.gif) repeat-x center; text-decoration: none; border-right: 1px solid #f4f5f6; }
#news-nav ul li a:hover { background:#e0e3e7; }
#news-nav ul li.active a { background:#85979d url(/assets/img/bg-news-nav-active.gif) repeat-x center; color:#f0eeec; }
#news-nav ul li.active a:hover { background:#85979d; color:#f0eeec; }
/* News navigation */
#tabs-nav { background: #fff; margin:20px 0; border-bottom: 1px dotted #a19791 }
#tabs-nav ul { }
#tabs-nav ul li { float: left; }
#tabs-nav ul li a { font-size: 9pt; color:#fff; font-weight:normal; display: block; padding:5px 10px; text-align: center; background:#cc4955; text-decoration: none; border-right: 1px solid #fff; }
#tabs-nav ul li a:hover { background:#9f212d; }
#tabs-nav ul li.active a { background:#9f212d; color:#fff; }
#tabs-nav ul li.active a:hover { background:#9f212d; color:#fff; }
/* News box */
.news-box { line-height: 18px; margin-bottom: 30px; }
.news-box .meta-top { color:#888; font-size: 8pt; background: #fff; padding: 2px 4px; margin-bottom: 5px; border-bottom: 1px dotted #e5e2e0; border-top: 1px dotted #e5e2e0; }
.news-box .meta-top a { color: #585858; }
.news-box .hdr h3 { float: left; }
.news-box .hdr .date { float: right; background:#cabe66 url(/assets/img/date-bg.gif); color:#fff; padding: 2px 8px; font-size: 8pt; }
.news-box .right h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
.news-box .right h3 a { color: #333; }
.news-box .right .ftr { font-size: 8pt; padding-top:5px; color: #707578; }
.news-box .right .ftr a { color: #585858; text-decoration: none; border-bottom: 1px dotted #ddd; }
.news-box .right .body { line-height: 13pt; padding:0 0 5px 0; border-bottom: #e5e2e0 1px dotted; }
/* Shop box */
.shop-box { line-height: 18px; margin-bottom: 30px; background: #fff; }
.shop-box .subhdr { color:#9f212d; font-size: 8pt; background: #f8f6f4; padding: 2px 4px; margin-bottom: 5px; border-bottom: 1px dotted #d0cbc8; /*border-top: 1px dotted #d0cbc8; border-bottom: 1px dotted #d0cbc8;*/ }
.shop-box .subhdr a { color:#ba3845; text-decoration: underline; }
.shop-box .subhdr a:hover { color:#9f212d; text-decoration: none; }
.shop-box .right .hdr .left { float: left; width: 430px; }
.shop-box .right .hdr .right { float: right; width: 100px; }
.shop-box .right h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
.shop-box .right .ftr { font-size: 8pt; padding-top:5px; color: #888; }
.shop-box .right .ftr a { color: #888; border-bottom: 1px solid #ddd; }
.shop-box .right .body { padding:0 0 5px 0; border-bottom: #d0cbc8 1px dotted; }
/* Comment listing */
.comment-item { margin-top: 20px; border: 1px solid #e7effd; }
.comment-item .body h3 { font-weight: bold; padding: 5px 10px; border-bottom: 1px dotted #e7effd; margin:0; }
.comment-item .body p { line-height: 15px; padding: 10px; }
.comment-item .info { color:#888; font-size: 8pt; background: #f3f6fc; padding: 5px 10px; border-top: 1px dotted #e7effd; }
.comment-item .info a { color: #585858; text-decoration: underline; }
/* Product feed box (listing) */
.feed-box { line-height: 18px; margin-bottom: 30px; }
.feed-box .subhdr { color:#9f212d; font-size: 8pt; background: #fff; padding: 2px 4px; margin-bottom: 5px; border-top: 1px dotted #d0cbc8; border-bottom: 1px dotted #d0cbc8; }
.feed-box .subhdr a { color:#ba3845; text-decoration: underline; }
.feed-box .subhdr a:hover { color:#9f212d; text-decoration: none; }
.feed-box .hdr .left { float: left; width: 430px; }
.feed-box .hdr .right { float: right; width: 100px; }
.feed-box h3 { font-weight: bold; font-size: 10pt; padding-bottom:5px; }
.feed-box .ftr { font-size: 8pt; padding-top:5px; color: #888; }
.feed-box .ftr a { color: #888; border-bottom: 1px solid #ddd; }
.feed-box .body { padding:0 0 5px 0; border-bottom: #d0cbc8 1px dotted; }
/* Shop item (listing) */
.shop-item { padding-bottom:15px; }
.shop-item .body { padding:10px 10px 0 10px; border:1px solid #e6e6e6; border-bottom: none; }
.shop-item .info { color:#777; background: #f4f4f4; border-bottom:1px solid #e6e6e6; border-left:1px dotted #e6e6e6; border-right:1px dotted #e6e6e6; /*font-size:10px;*/ }
.shop-item .body .hdr { background: #fff; }
.shop-item .body h3 { font-weight: bold; font-size:12px; padding:0; }
.shop-item .body h3 a { font-size:10pt; text-decoration:none; color:#333; }
.shop-item .body h3 a:hover { border-bottom:1px solid #ddd; }
.shop-item .body .desc { line-height: 13pt; padding:5px 0 10px 0; }
.logo { float:left; padding:5px 10px 0 0; }
.logo img { /*border:1px solid #ddd;*/ }
.shop-item a.info-link { padding:0 0 0 20px; display: block; overflow: hidden; width:32px; background: #eee url(/resources/icons/bullet_arrow_down.png) left no-repeat; cursor: pointer; }
.shop-item a.info-link-on { background: #eee url(/resources/icons/bullet_arrow_up.png) left no-repeat; }
.shop-item .extra-info { padding:10px; border-top:1px solid #e6e6e6; display:none; background: url(/resources/images/bg-info-box.gif) left repeat-x; }
.shop-item .extra-info .content { padding:10px; border:1px solid #eae9e9; background:#fff; }
.shop-item .extra-info .content-similar { padding:10px; border:1px solid #eae9e9; border-top:none; background:#fff; }
.shop-item .extra-info h4 { font-weight:bold; margin-bottom:5px; }
.shop-item .extra-links { font-size:10px; padding:10px; border-top:1px solid #eae9e9; background:url(/resources/images/bg-info-links.gif) top repeat-x; }
.shop-item .extra-links a { text-decoration:none; color:#666; }
.shop-item .extra-links a:hover { color:#222; }
/* Options (payment / quality labels) */
ul.options { }
ul.options li { float: left; width: 235px; padding:5px 5px 5px 15px; margin:3px 3px 0 0; background: #e6effd; border:1px dotted #dfd9d5; }
ul.options li.enabled { background: #fff; color: #222; }
ul.options li.enabled a { color: #222; }
ul.options li.disabled { background: #fff; color: #aaa; text-decoration: line-through; }
ul.options li.disabled a { color: #aaa; text-decoration: line-through; border: none; }
/* Form */
ul.form li div.label { float: left;}
ul.form li div.field { float: right; }
input.text { padding:2px; margin-bottom:4px; width: 120px; border:1px solid #516d84; background:#fff; }
select { margin-bottom:4px; padding:4px; border:1px solid #516d84; }
textarea { background:#fff; padding:4px; border:1px solid #516d84; }
input.btn { background:#333 url('/assets/img/bg-input-btn.gif') repeat-x; color:#fff; border:1px solid #e1569f; padding:2px 4px; cursor:pointer; }
input.btn-medium { width: 60px; }
/* Search */
#frm-search ul { text-align: center; }
#frm-search li #keyword { margin-bottom:4px; padding: 2px 4px; border: 1px solid #516d84 ; }
#frm-search li #btn-search { font-weight: bold; padding: 2px 0; }
/*
ul.form-search li div.label { float: left;}
ul.form-search li div.field { float: right; }
ul.form-search li input.text { margin-bottom:4px; }
ul.form-search li #keyword { width: 170px; }
*/
/* Login */
ul.form-login { margin: 20px 0; }
ul.form-login li { margin: 5px 0; zoom: 1; }
ul.form-login li div.label { float: left; width: 120px; }
ul.form-login li div.field { float: left; }
ul.form-login li input.text { margin-bottom:4px; width: 220px; }
ul.form-login li div.extra { float: left; margin-left:50px; }
ul.form-login li em { font-weight: bold; color:#ed2424; }
/* Registration */
#tabs { margin-bottom: 20px; }
/* Loading msgs */
#loading-msgs { display: none; }
/* Error msg container */
#error-msgs { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; display: none; line-height: 15px; }
#error-msgs .hdr { margin-bottom:5px; font-weight:bold; }
#error-msgs .row { padding-left: 5px; }
/* Navigation */
ul.form-nav { margin:20px 0; background: #fff; }
ul.form-nav li { float: left; zoom: 1; }
ul.form-nav li a { font-size: 8pt; text-transform: uppercase; display: block; padding: 5px 10px; color: #d6d2cf; text-align: center; background:#f0eeec; font-weight: bold; text-decoration: none; border-right:1px solid #fff; }
/*ul.form-nav li a:hover { background: #dbe3e9; color:#111; }*/
ul.form-nav li.enable a { background: #e3e1df; color: #333; }
ul.form-nav li.enable a:hover { background: #dbe3e9; color: #333; }
ul.form-nav li.valid a { background:#82d759; color:#fff; }
ul.form-nav li.valid a:hover { background:#82d759; color:#fff; }
ul.form-nav li.active a { background: #cc4955; color: #fff; }
ul.form-nav li.active a:hover { background: #9f212d; color: #fff; }
/* Registration form */
ul.form-reg li { margin:5px 0; zoom: 1; }
ul.form-reg li em { font-weight: bold; color:#ed2424; }
ul.form-reg li div.label { float: left; width: 160px; }
ul.form-reg li div.field { float: left; width: 380px; }
ul.form-reg li div.info { float: left; }
ul.form-reg li input.text { /*border: 1px solid #496e66;*/ width: 320px; }
ul.form-reg li textarea { /*border: 1px solid #496e66;*/ width: 360px; height:120px; }
ul.form-reg li select { /*border: 1px solid #496e66;*/width: 320px; }
ul.form-reg li input.btn { }
ul.form-reg li input.btn-medium { width: 60px; }
ul.form-reg li input.btn-large { width: 90px; }
ul.form-reg li input.btn-register { font-weight: bold; }
option.parent { background:#efefef; }
ul.form-reg .disabled { color:#000; }
textarea.txt-conditions { width: 500px; height: 150px; margin: 10px 0; background: #fff; }
ul.form-reg li textarea.textarea-big { height: 240px; background:#fefefe; padding:4px; border:1px solid #516d84; }
/* Registration complete */
.registration-box { padding: 10px; border: 1px solid #ddd; }
.registration-box h3 { font-weight: bold; font-size: 12pt; margin-bottom: 20px; }
.registration-box p { margin-top: 15px; }
.registration-box a { color: #333; text-decoration: underline; }
/* Char counter */
div.char-count { color:#555; font-size:10px; }
div.help-box { border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:0 0 15px 0; }
div.tab-info { color: 444; border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:20px 0; }
div.option-row { float:left; width:180px; padding:0 5px 10px 0; }
/* Table */
table.data { border-bottom:1px solid #ddd; border-collapse:collapse; width: 100%; }
table.data th { background:#f3f0ee; color: #000; font-weight: bold; padding:4px; }
table.data td { border-top:1px solid #ddd; padding:4px; }
/* Pager */
#pager { margin-bottom: 20px; }
#pager ul { float: left; }
#pager ul li { display: inline; }
#pager ul li a { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
#pager ul li span { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
#pager ul li a:hover { background:#f3f3f3; }
#pager ul li.active a { font-weight: bold;}
/* Pager */
.paginationControl { margin: 0 0 20px 0; font-size: 7pt; text-align: center; }
.paginationControl a, span.disabled, span.active { background: #eee; float: left; padding: 2px 4px; border:1px solid #ddd; margin-right: 5px; text-align: center; color: #333; text-decoration: none; }
span.disabled { color: #888; }
span.active { font-weight: bold; background: #fff; }
/* Error box + info box */
.error-box { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; line-height: 15px; margin:0 0 10px 0; }
.info-box { border:1px solid #5ae73e; color:#2ba114; background:#f1fcef; padding:10px; line-height: 15px; margin:0 0 10px 0; }
.error-box a, info-box a { color: #333; font: 8pt verdana; }
.error-box-s { color:#ed2424; line-height: 15px; }
.info-box-s { color:#2ba114; line-height: 15px; }
/* Shop detail */
.shop-detail { }
.shop-detail-hdr { padding: 10px 10px 0 10px; background: #fff;}
.shop-detail h3 { color: #333; font-size:10pt; font-weight: bold; margin:0 0 5px 0; }
.shop-detail .desc { line-height: 17px; }
.shop-detail h3.header { padding: 0 0 0 0; font-size:12pt; font-weight: bold; margin:0 0 0 0; }
.shop-detail h3.header a { text-decoration:none; color:#333; font-weight: bold; }
.shop-detail .sub-box { line-height: 18px; margin:20px 0; padding:10px; background:#f5f3f1; border:1px dotted #dfd9d5; }
.shop-detail .sub-box a { color: #000; border-bottom: 1px solid #777; }
/* Product detail */
.product-detail { }
.product-detail-hdr { padding: 10px 10px 0 10px; background: #fff;}
.product-detail h3 { color: #333; font-size:10pt; font-weight: bold; margin:0 0 5px 0; }
.product-detail .desc { line-height: 17px; }
.product-detail h3.header { padding: 0 0 0 0; font-size:12pt; font-weight: bold; margin:0 0 0 0; }
.product-detail h3.header a { text-decoration:none; color:#333; font-weight: bold; }
.product-detail .sub-box { line-height: 15px; margin:20px 0; padding:10px; background:#edeae7; border:1px dotted #dfd9d5; }
.product-detail .sub-box a { color: #888; border-bottom: 1px dotted #777; }
.product-detail .sub-box .logo a { border: none; }
/* Notice */
.notice { margin-bottom:20px; font-weight: bold; color:#333; padding: 5px; background: #fff; border:1px dotted #ddd; }
/* News detail */
.news-detail { line-height: 15px; }
.news-detail ul.actions li { float: left; }
p.news-detail-tags { margin-top: 20px; color:#888; font-size: 8pt; background: #edf3fc; padding: 5px; margin-bottom: 5px; border-top: 1px dotted #e7e3c4; }
/* Partners */
.partners {}
.partner { border: 1px solid #edf3fc; margin-bottom: 20px; }
.partner .hdr { border-bottom: 1px solid #edf3fc; padding: 10px; background: #edf3fc; }
.partner h2 { font-weight: bold; float: left; }
.partner .partner-link { float: right; }
.partner .partner-link a { border-bottom: 1px solid #2a3032; }
.partner .body { padding: 10px; line-height: 15px; }
.partner .body img { float: left; padding: 0 10px 5px 0; }
/* Cloud */
.tag-cloud { line-height: 18px; }
a.cloud-5 { font-size: 12pt; font-weight: 900; }
a.cloud-4 { font-size: 11pt; font-weight: 700; }
a.cloud-3 { font-size: 10pt; font-weight: 600; }
a.cloud-2 { font-size: 9pt; font-weight: 500; }
a.cloud-1 { font-size: 8pt; font-weight: 400; }
/* Product box */
div.product-box { margin-bottom: 20px; }
div.product-box .item { float: left; width: 240px; padding: 10px; margin-bottom: 5px; background:#eee; border:1px dotted #f0f5fc; }
div.product-box .item .desc { height: 65px; line-height: 16px; font-size: 8pt; }
div.product-box .item h2 { margin-bottom: 5px; }
div.product-box .item h2 a { font-weight: bold; }
div.product-box .hover { background: #fff; cursor: pointer; }