@charset "utf-8";
/* CSS Document - CMUS */

/******************************

	global

******************************/
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object { padding: 0; margin: 0; }
body { font: 12px Verdana, Geneva Arial, Helvetica, sans-serif; color: #000; background: #828282 url(../img/body-bg.png) 0 0 repeat-x; padding: 15px 0 20px; }

a { color: #0077b9; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }
hr { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 0; line-height: 0; overflow: hidden; }
.hidden { position: absolute; top: auto; left: -66666px; }
.center { text-align: center; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.bold { font-weight: bold; }
.blue { color: #3685B4; }
.red { color: #E2001A; }
.nb{border: 0 !important;}
/* overlapping */
.overlap { position: relative; overflow: hidden; }
.overlap span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 0 0; background-repeat: no-repeat; }
.overlap a span,
a.overlap span { cursor: pointer; }

/* basic tags */
h1 { font-size: 17px; color: #0077b9; font-weight: normal; }
h2 { font-size: 13px; color: #333; }
h3 { font-size: 12px; color: #333; }
p { margin: 0.3em 0 0.7em; }

/******************************

	layout

******************************/
#page-wrapper { width: 970px; margin: auto; padding: 0 10px; position: relative; background: #fff url(../img/dot-gray.png) 209px 0 repeat-y; }
#right-wrapper { float: right; width: 760px; }
#content { float: left; width: 530px; padding: 40px 0 0 0; }
#right { float: right; width: 220px; }
#left { float: left; width: 198px; padding-right: 2px; }

/* layout 2 columns */
.layout-2 #right { display: none; }
.layout-2 #content { float: none; width: 760px; }


/******************************

	header

******************************/
#header { height: 210px; background: #fff url(../img/header-bg.jpg) 50% 45px no-repeat; padding-top: 45px; }
#logo { margin: 0; padding: 0 0 0 0px; font-size: 20px; font-weight: bold; height: 160px; }
#logo a { color: #000; text-decoration: none; }

/* header links */
#header-links { position: absolute; top: 0; left: 0; width: 970px; padding: 15px 0 0 20px; background: url(../img/corners-top.png) 0 0 no-repeat; z-index: 0; }
#header-links span { display: none; }
#header-links a { padding: 0 0 4px 22px; margin-right: 5px; background-position: 0 0; background-repeat: no-repeat; }
#header-links .cmus { background-image: url(../img/ico-cmus.png); color: #3398cc; }
#header-links .magic { background-image: url(../img/ico-magic.png); color: #ee7a13; }
#header-links .pokemon { background-image: url(../img/ico-pokemon.png); color: #84b501; }
#header-links .poker { background-image: url(../img/ico-poker.png); color: #990134; }

/* search */
#search { /*position: absolute; top: 15px; right: 20px;*/ width: 144px; z-index: 1; margin: 2px auto; }
#search .input { border: none; background: #ccc url(../img/search-input-bg.png) 0 0 no-repeat; width: 122px; height: 16px; line-height: 16px; padding: 0 3px; vertical-align: middle; float: left; }
#search .submit { width: 16px; height: 16px; vertical-align: middle; margin: -2px 0 0 -4px; padding: 0px !important;}

#social-book { position: absolute; top: 10px; right: -20px; }

/******************************

	menu

******************************/
#menu { position: absolute; top: 220px; left: 10px; width: 970px; height: 14px; padding: 8px 0; background: #3685b4 url(../img/menu-bg.png) 0 0 no-repeat; }
#menu ul { list-style: none; }
#menu li { float: left; padding: 0 30px; border: 1px solid #fff; border-width: 0 1px 0 0; }
#menu a { float: left; display: block; color: #fff; text-transform: uppercase; text-decoration: none; }
#menu a:hover { text-decoration: underline; }
#menu .user { float: right; }
#menu .user li { border-width: 0 0 0 1px; padding: 0 32px; }
#menu .user a { text-transform: lowercase; }


/******************************

	breadcrumbs

******************************/
#breadcrumbs { position: absolute; top: 260px; left: 230px; width: 530px; margin: 0; padding: 3px 2px; font: 10px Arial, Helvetica, sans-serif; }
#breadcrumbs strong { font-weight: normal; color: #c5ad0c; }


/******************************

	left column

******************************/
/* left menu */
#left-menu {}
#left-menu ul { list-style: none; }
#left-menu a { display: block; color: #828282; text-decoration: none; width: 161px; padding: 8px 5px 8px 32px; border-bottom: 1px solid #828282; background: #eee url(../img/left-menu-a-bg.png) 0 0 no-repeat; margin-bottom: 1px; }
#left-menu a:hover { text-decoration: underline; }
#left-menu .active a { background-color: #828282; background-position: -200px 0; font-weight: bold; color: #fff; }

#left-menu li li { margin-left: 18px; }
#left-menu li li a,
#left-menu .active li a { background: none; padding: 6px 5px 6px 14px; color: #828282; font-weight: normal; }
#left-menu li .active { border: 1px solid #000; border-width: 1px 0; margin-top: -2px; margin-bottom: 1px; }
#left-menu li .active a { background: #eee url(../img/left-menu-arrow.png) 14px 12px no-repeat; width: 154px; padding: 6px 0 5px 26px; border: 1px solid #fff; border-width: 1px 0; font-weight: bold; color: #000; margin-bottom: 0; }

/* other web sites */
#our-webs { text-align: center; }
#our-webs h3 { font-size: 11px; font-weight: normal; color: #c5ad0c; border-bottom: 1px solid #c5ad0c; padding: 9px; text-align: left; }
#our-webs img { margin: 10px 0 10px -5px; }

#left .block { margin-bottom: 4px; }
#left .block .content { border: 1px solid #3178a3; border-width: 0 1px 1px; }
#left h3 { margin-bottom: 1px; width: 168px; }

/*****************************

	right column

******************************/
#right .block { margin-bottom: 4px; }
#right .block .content { border: 1px solid #3178a3; border-width: 0 1px 1px; }
#right h3 { margin-bottom: 1px; width: 180px; }

/* shopping cart */
#box-cart { font-size: 10px; }
#box-cart table { margin: 0 10px 0; color: #3178a3; }
#box-cart td { padding-top: 2px; vertical-align: top; }
#box-cart table a { font-weight: bold; }
#box-cart p { padding-left: 10px; padding-right: 10px; font-size: 10px; }
#box-cart .total { background-color: #e2001a; color: #fff; font-size: 13px; line-height: 13px; text-align: right; margin: 5px 0; padding: 6px 10px; font-weight: bold; }
#box-cart .total strong { font-size: 10px; float: left; text-align: left; }
#box-cart .links a { color: #39f; line-height: 2; }
a.button { display: inline-block; width: 79px; height: 19px; line-height: 19px; text-align: center; font-weight: bold; background: url(../img/button-bg-79.png) 0 0 no-repeat; }
#box-cart .links a.button { float: right; margin: -18px -3px 0 0; width: 114px; background-image: url(../img/button-bg-114.png); color: #e2001a; }

/* login */
#box-login { font-size: 10px; }
#box-login form { background-color: #d0d0d0; margin: 0 1px 1px; padding: 10px 12px; }
#box-login .input { margin: 2px 0 5px; width: 186px; }
#box-login .submit { width: 79px; height: 19px; text-align: center; background: url(../img/button-bg-79.png) 0 0 no-repeat; border: none; font-size: 10px; cursor: pointer; font-size: 11px; color: #3178a3; float: right; margin: 10px 2px 0 0; position: relative; }
#box-login p { margin-top: -27px; margin-bottom: 0; line-height: 1.4; }

/* products */
.products .content { font-size: 11px; text-align: center; background: url(../img/right-item-bg.png) center 0 repeat-y; border-bottom: none !important; }
.products h4 { font-size: 11px; }
.products .item { margin: 0 1px; padding: 8px 5px 5px; border-bottom: 1px solid #3178a3; }
.products .item .price { font-weight: bold; color: #e2001a; margin: 5px 0 8px; }
.products .item .more { font-weight: bold; color: #828282; margin: 8px 0; }
.products .item .more a { color: #828282; }


/******************************

	content

******************************/
#content h1 { padding: 5px 10px; }
#content ul { margin: 1em 0 1em 20px; }
#content li { padding-bottom: 4px; }
#content p { line-height: 1.4; }
.overview p,
.detail p { font-size: 11px; }

/* overview */
.overview h1 { border-bottom: 1px dotted #9fa4a4; margin-bottom: 10px; }
.overview p { margin: 0.5em 10px 0.8em; line-height: 1.5; }
.overview p.nav { font-size: 10px; line-height: 16px; background-color: #eee; color: #3178a3; margin: 1.2em 0; text-align: right; padding: 0 5px; margin: 5px 0; }
.overview p.nav a { margin: 0 3px; }
.overview p.nav strong { display: inline-block; background-color: #3178a3; padding: 0 3px; color: #fff; }
.overview p.nav a strong { display: inline; background: none; color: #3178a3; padding: 0; }
.overview #box { width: 530px; list-style: none; margin: 0; border-top: 1px dotted #a9aeae; padding-top: 5px; overflow: auto; }
.overview #box li { float: left; border-right: 1px dotted #a9aeae; padding: 0; margin-right: 5px; }
.overview #box li.last { border: none; margin-right: 0; }
.overview #box li .content { width: 167px; height: 378px; overflow: hidden; text-align: center; position: relative; margin: 0 4px 0 0; border-bottom: 1px dotted #a9aeae; }
.overview #box li.last .content { margin-right: 0; }
.overview #box li h3 { margin: 8px 0 5px; font-size: 13px; }
#related ul li p,
.overview #box li p { color: #e2001a; font-weight: bold; line-height: 1.1; margin: 3px 0; }
.overview #box li p a { color: #e2001a; }
.overview #box p.desc { color: #000; font-weight: normal; text-align: justify; }
#related ul li p strong,
.overview #box li p strong { color: #3178a3; }
#related ul li .more a,
.overview #box li .more a { font-weight: normal; color: #828282; }
.overview #box li img { margin: 10px 0 8px; }
.overview #box li .button { color: #e2001a; font-size: 11px; position: absolute; bottom: 8px; left: 45px; }

/* related */
#related { margin: 25px 0 15px; }
#related .content { border: 1px solid #3178a3; border-width: 0 1px 1px; margin-top: 1px; background: url(../img/shadow-bottom.png) center bottom no-repeat; height: 100%; }
#related ul { list-style: none; margin: 0; overflow: auto; }
#related li { float: left; width: 243px; height: 110px; margin: 10px 0; padding: 0 10px; overflow: hidden; }
#related li.last { border-left: 1px dotted #a9aeae; }
#related li h3 { font-size: 11px; margin: 0 0 15px; padding-top: 10px; }
#related li .left { margin: 10px 15px 5px 10px; }

/* detail */
#content.detail h1 { border: 1px dotted #9fa4a4; border-width: 1px 0; padding: 10px; }
.detail .desc { background: url(../img/shadow-top.png) center top no-repeat; border-bottom: 1px dotted #a9aeae; overflow: auto; height: 100%; padding: 0 10px 10px 240px; position: relative; min-height: 280px; }
.detail .img { float: left; width: 240px; text-align: center; position: absolute; top: 30px; left: 0; }
.detail .img img { margin: 15px 0; }
.detail .img .enlarge a { color: #39f; background: url(../img/ico-lupa.png) right 60% no-repeat; padding: 2px 15px 2px 0; }
#content.detail .info { list-style: none; margin: 30px 0 0; font-size: 11px; color: #3178a3; }
.detail .info span { font-weight: bold; color: #e2001a; }
.detail .info .price { margin-top: 15px; }
.detail .info .order-no { font-size: 10px; color: #000; margin-top: 15px; }
.detail .desc h2 { font-size: 11px; color: #3178a3; margin: 1em 0 0.5em; }
.detail .desc p { color: #828282; line-height: 1.5; }

/* shopping cart */
.shop h1 { color: #c5ad0c; }

.cart { border-collapse: separate; width: 760px; color: #3178a3; margin: 5px 0 15px; }
.cart th,
.cart td { border-collapse: separate; padding: 7px 5px; }
.cart th { background-color: #c5ad0c; border-bottom: 1px solid #3178a3; font-weight: normal; color: #fff; }
.cart td { border: 1px solid #3178a3; border-top: 1px solid #fff; border-right-width: 0; text-align: center; }
.cart th.first { background-color: #3178a3; width: 10px; padding: 0; border-left: 1px solid #3178a3; }
.cart tbody tr { background: url(../img/shadow-bottom-wide.png) 0 bottom no-repeat; }
.cart .empty { padding: 0; }
.cart .remove { border-right-width: 1px; }
.cart .name { text-align: left; font-size: 13px; }
.cart .name,
.cart .price-2,
.cart .remove { font-weight: bold; }
.ord {border: 1px solid #3178a3; border-bottom-width: 0;}

#summary { float: right; width: 330px; font-size: 10px; color: #3178a3; padding-right: 80px; text-align: right; }
#summary p { line-height: 1.5; }
#summary .total { background-color: #e2001a; color: #fff; line-height: 24px; padding-right: 20px; margin-right: -20px; }
#summary .total big { font-size: 13px; font-weight: bold; margin-left: 20px; }
#summary .action { height: 19px; margin: 12px -20px 10px 0; }
#summary .action .button { width: 114px; background-image: url(../img/button-bg-114.png); }
#summary .update { color: #818181; float: left; }
#summary .order { color: #e2001a; float: right; }
#summary .w { width: 150px;}
.shop .notes { float: left; width: 320px; padding-left: 10px; }

/* headings */
.boxed { padding: 8px 5px 8px 15px; border: 1px solid #3178a3; border-width: 0 0 1px 10px; height: 100%; }
#related .boxed,
#right .boxed { background-position: 10px 13px; background-repeat: no-repeat; padding-left: 25px; }
.boxed.red { background-color: #e2001a; color: #fff; }
.boxed.beige { background-color: #c5ad0c; color: #fff; }
#right .boxed.beige { background-image: url(../img/heading-dot-white.png); }
#related .boxed.gray { background-color: #d0d0d0; font-weight: normal; color: #000; line-height: 1.1; }
.boxed.gray { background-color: #eee; color: #3178a3; }
#related .boxed.gray,
#right .boxed.gray { background-image: url(../img/heading-dot-blue.png); }


/******************************

	forms

******************************/
form fieldset { border: none; }
input.input,
textarea,
select { font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px solid #1d1d1d; border-color: #1d1d1d #b4b4b4 #b4b4b4 #1d1d1d; padding: 1px; background-color: #f0f2f3; }

.form { padding: 20px 25px 15px; background-color: #eee; }
.form td { padding: 2px 0 2px 0; }
.form label { color: #e2001a; }
.form .submit, .form .button, .submit, .button { width: 79px; border:0; height: 19px; text-align: center; font-weight: bold; background: url(../img/button-bg-79.png) 0 0 no-repeat; border: none; font-size: 11px; cursor: pointer; }
.l {width: 154px !important; background: url(../img/button-bg-154.png) 0 0 no-repeat !important;} 
.m {margin-left: 10px;}
/* login */
#login-form { margin-bottom: 5px; border-top: 1px dotted #9fa4a4; }
#login-form p { margin: 1em 0; }

/* lost password */
#lost-pwd-form { border: 1px solid #3178a3; border-width: 0 1px 1px; }
#lost-pwd-form .captcha { border: 1px solid #6a6a6a; }
#lost-pwd-form p { margin: 1em 0; }

/* add item */
#add-item-form { padding: 15px 0; }
#add-item-form * { font-size: 11px; }
#add-item-form .input { text-align: right; }
#add-item-form .submit { width: 114px; height: 19px; text-align: center; font-weight: bold; background: url(../img/button-bg-114.png) 0 0 no-repeat; border: none; font-size: 10px; cursor: pointer; color: #e2001a; margin-left: 10px; }


/******************************

	footer

******************************/
#footer { width: 990px; height: 40px; margin: 0 -10px; padding: 15px 0 5px; background: url(../img/footer-bg.png) 0 0 no-repeat; font-size: 10px; border-top: 10px solid #fff; }
#bottom-menu { float: left; color: #1a4278; border: 1px solid #1a4278; border-width: 0 1px; padding: 0 20px; margin-left: 20px; line-height: 1; }
#bottom-menu span { margin: 0 15px; }
#bottom-menu a { color: #1a4278; text-transform: uppercase; text-decoration: none; }
#bottom-menu a:hover { text-decoration: underline; }
#copy { float: right; line-height: 1; padding-right: 20px; }

.nak td{border: 0 !important;}

#gallery{display: none;}

.x{
position: relative;
top: -1px;
border: 0 !important;
}