@charset "utf-8";

*,html{margin:0px; padding:0px}
body {cursor:default; margin:0px; padding:0px; background:#f2f2f2}
b {font-weight:600}
img {border:none}
a {text-decoration:none}
cite {font-style:normal}
.red {color:red}
.clear {clear:both}
h5 {font:11px tahoma; color:#900; text-align:center; background:#e5d0d0; padding:5px; margin-bottom:10px; border:1px #8f4545 dotted; direction:rtl}
h6 {font:11px tahoma; color:#090; text-align:center; background:#d0efd6; padding:5px; margin-bottom:10px; border:1px #4f955c dotted; direction:rtl}
input[type=imgae] {cursor:pointer}

.textBox,.textArea {padding:3px; width:170px; height:14px; font:11px tahoma; letter-spacing:1px; color:#8a8a8a; background:#f9f9f9 url(/img/textBox_bar.gif) bottom repeat-x; overflow:auto; vertical-align:top; border:1px #c3c3c2 solid; outline:none; resize:none; direction:rtl}
.textBox_over,.textArea_over {padding:3px; width:170px; height:14px; font:11px tahoma; letter-spacing:1px; color:#ffffff; background:#8fd600 url(/img/textBox_barOver.gif) top repeat-x; overflow:auto; vertical-align:top; border:1px #c3c3c2 solid; outline:none; resize:none; direction:rtl}
.textBox_error,.textArea_error {padding:3px; width:170px; height:14px; font:11px tahoma; letter-spacing:1px; color:#ffffff; background:#6e2519 url(/img/textBox_barError.gif) top repeat-x; overflow:auto; vertical-align:top; border:1px #c3c3c2 solid; outline:none; resize:none; direction:rtl}


.selectBox {padding:1px; width:177px; height:20px; line-height:20px; font:11px tahoma; letter-spacing:1px; color:#8a8a8a; background:#f9f9f9 url(/img/textBox_bar.gif) bottom repeat-x; vertical-align:top; border:1px #c3c3c2 solid; outline:none; direction:rtl}
.selectBox_over {padding:1px; width:177px; height:20px; line-height:20px; font:11px tahoma; letter-spacing:1px; color:#ffffff; background:rgb(143,214,0) url(/img/textBox_barOver.gif) top repeat-x; vertical-align:top; border:1px #c3c3c2 solid; outline:none; direction:rtl}

#header {width:100%; height:80px; background:#82c400 url(/img/headerBar.gif) top repeat-x}
#header #center { position:relative; width:900px; height:80px; margin:0px auto}
#header #center #headerLogo {position:absolute; top:0px; right:0px}
#header #center #bookmark {position:absolute; top:0px; left:0px; height:66px; width:58px; cursor:pointer; background:url(/img/bookmark.png) top no-repeat; direction:rtl}
#header #center #bookmark:hover {position:absolute; top:0px; left:0px; height:66px; width:58px; cursor:pointer; background:url(/img/bookmark.png) bottom no-repeat; direction:rtl}
#header #customer a { padding:1px 5px; font:7.5pt tahoma; color:#fff; direction:rtl; line-height:16px;}
#header #customer a:hover { padding:1px 5px; font:7.5pt tahoma; color:#335f0a; direction:rtl; line-height:16px;}


#navbar {width:100%; height:45px; background:#424242 url(/img/headerBar.gif) 0 -80px repeat-x}
#navbar #links {position:relative; width:900px; height:45px; margin:0px auto; text-align:right}
#navbar #links #search {position:absolute; left:10px; top:11px; width:245px; height:34px; text-align:center; background:url(/img/searchBox.gif) top right no-repeat}
#navbar #links #search #btn {float:left; width:25px; height:23px; cursor:pointer}
#navbar #links #search #query {float:right; margin-top:4px; width:220px; border:none; background:none; outline:none; font:11px tahoma; color:#a7a7a7; text-indent:7px; direction:rtl}
#navbar #links #home {position:absolute; top:0px; right:0px; width:150px; height:45px; background:url(/img/links.png) -450px 0px}
#navbar #links #home:hover {position:absolute; top:0px; right:0px; width:150px; height:45px; background:url(/img/links.png) -450px -45px}
#navbar #links #home_selected {position:absolute; top:0px; right:0px; width:150px; height:45px; background:url(/img/links.png) -450px -90px}
#navbar #links #digital {position:absolute; top:0px; right:150px; width:150px; height:45px; background:url(/img/links.png) -300px 0px}
#navbar #links #digital:hover {position:absolute; top:0px; right:150px; width:150px; height:45px; background:url(/img/links.png) -300px -45px}
#navbar #links #digital_selected {position:absolute; top:0px; right:150px; width:150px; height:45px; background:url(/img/links.png) -300px -90px}
#navbar #links #game {position:absolute; top:0px; right:300px; width:150px; height:45px; background:url(/img/links.png) -150px 0px}
#navbar #links #game:hover {position:absolute; top:0px; right:300px; width:150px; height:45px; background:url(/img/links.png) -150px -45px}
#navbar #links #game_selected {position:absolute; top:0px; right:300px; width:150px; height:45px; background:url(/img/links.png) -150px -90px}
#navbar #links #movie {position:absolute; top:0px; right:450px; width:150px; height:45px; background:url(/img/links.png) 0px 0px}
#navbar #links #movie:hover {position:absolute; top:0px; right:450px; width:150px; height:45px; background:url(/img/links.png) 0px -45px}
#navbar #links #movie_selected {position:absolute; top:0px; right:450px; width:150px; height:45px; background:url(/img/links.png) 0px -90px}

#posters {position:relative; margin:0px; padding-top:5px; width:100%; height:275px; background:#d4d4d4 url(/img/headerBar.gif) 0 -125px repeat-x}
#posters #container {position:relative; margin:0px auto; padding:5px; width:890px; height:260px; background:url(/img/posterBorderV.gif) center repeat}
#posters #container #l {position:absolute; left:0px; top:0px; width:10px; height:270px; background:url(/img/posterEdge.png) left no-repeat; z-index:100}
#posters #container #r {position:absolute; right:0px; top:0px; width:10px; height:270px; background:url(/img/posterEdge.png) right no-repeat; z-index:100}
#posters #container #desc {position:absolute; right:5px; top:5px; width:280px; height:240px; padding:10px 10px 10px 5px; text-align:right; background:url(/img/posterDesc.jpg) no-repeat; border-left:1px #e7e7e7 solid}
#posters #container #desc span {font:13px tahoma; font-weight:600; color:#ffffff; direction:rtl; text-shadow:#a7a7a7 1px 1px}
#posters #container #desc ul {padding-top:10px}
#posters #container #desc li {font:8pt tahoma; color:#335f0a; direction:rtl; line-height:16px; list-style:inside}
#posters #container #desc p { padding:5px; font:8pt tahoma; color:#fff; direction:rtl; line-height:16px; text-align:center}
#posters #container #desc a { padding:1px 5px; font:8pt tahoma; color:#fff; direction:rtl; line-height:16px;}
#posters #container #desc a:hover { padding:1px 5px; font:8pt tahoma; color:#335f0a; direction:rtl; line-height:16px;}

#posters #container .poster {position:absolute; overflow:hidden; display:none; top:5px; left:5px; width:595px; height:260px; background:#d4d4d4;}
#posters #container .poster img {display:block; z-index:0}
#posters #container .poster div {position:absolute; overflow:hidden; bottom:0px; height:40px; width:575px; padding:5px 10px 0px; text-align:right; background:url(/img/tp.png); font:11px tahoma; color:#d1d1d1; line-height:20px; direction:rtl; z-index:1}
#posters #container .poster div a {font:12px tahoma; font-weight:600; color:#d1d1d1; line-height:15px}

#base {width:900px; margin:5px auto}
#base #left {float:left; width:600px}
#base #right {float:right; width:300px}

#base #right .panel {width:300px; background:#ebebeb url(/img/xpanelBar.png) center repeat-y}
#base #right .panel .header {height:24px; background:url(/img/xpanelHeader.png) top no-repeat; text-align:right; direction:rtl; padding:20px 15px 0px}
#base #right .panel .header cite {font-family:tahoma; text-align:right; font-size:12px; font-weight:600; color:#5c5c5c; text-shadow:-1px -1px #cfcfcf}
#base #right .panel .header a {font-family:tahoma; text-align:right; font-size:12px; font-weight:600; color:#5c5c5c; text-shadow:-1px -1px #cfcfcf}
#base #right .panel .footer {height:13px; background:url(/img/xpanelFooter.png) bottom no-repeat}
#base #right .panel .content { margin:0px; padding:10px 15px}
#base #right .panel .content p {font:11px tahoma; color:#5c5c5c; line-height:18px; direction:rtl; text-align:justify}
#base #right .panel .content .link {padding:1px 5px; font:11px tahoma; color:#2a90df; line-height:18px; direction:rtl}
#base #right .panel .content .link:hover {padding:1px 5px; font:11px tahoma; color:#FFF; background:#7ebc00; line-height:18px; direction:rtl}
#base #right .panel .content .extlink {padding:1px 15px; font:11px tahoma; color:#2a90df; background:url(/img/external_link.png) right no-repeat; line-height:18px; direction:rtl}
#base #right .panel .content .extlink:hover {padding:1px 15px; font:11px tahoma; color:#FFF; background:#7ebc00 url(/img/external_link.png) right no-repeat; line-height:18px; direction:rtl}

#base #right .panel .content ul {margin:10px 0px; list-style:none; width:270px}
#base #right .panel .content li {display:inline-block; width:270px; margin:5px 0px;}
#base #right .panel .content li label {display:inline-block; width:80px; cursor:pointer; font:11px tahoma; color:#5c5c5c; line-height:18px; text-align:right; vertical-align:middle; direction:rtl}

#base #left .panel {width:600px; background:#ebebeb url(/img/panelBar.png) center repeat-y}
#base #left .panel .header { position:relative; height:24px; background:url(/img/panelHeader.png) top no-repeat; text-align:right; direction:rtl; padding:20px 15px 0px}
#base #left .panel .header cite {position:absolute; right:15px; font-family:tahoma; text-align:right; font-size:12px; font-weight:600; color:#5c5c5c; text-shadow:-1px -1px #cfcfcf}
#base #left .panel .header a {position:absolute; left:15px; font-family:tahoma; text-align:left; font-size:11px; color:#536d1f; text-shadow:-1px -1px #cfcfcf}
#base #left .panel .header a:hover {position:absolute; left:15px; font-family:tahoma; text-align:left; font-size:11px; color:#0089d0; text-shadow:-1px -1px #cfcfcf}
#base #left .panel .footer {height:13px; background:url(/img/panelFooter.png) bottom no-repeat}
#base #left .panel .content {margin:0px; padding:10px 15px; direction:rtl;}
#base #left .panel .content p {font:12px tahoma; color:#5c5c5c; line-height:18px; direction:rtl; text-align:justify}
#base #left .panel .content .link {padding:1px 5px; font:11px tahoma; color:#2a90df; line-height:18px; direction:rtl}
#base #left .panel .content .link:hover {padding:1px 5px; font:11px tahoma; color:#FFF; background:#7ebc00; line-height:18px; direction:rtl;}
#base #left .panel .content .extlink {padding:1px 15px; font:11px tahoma; color:#2a90df; background:url(/img/external_link.png) right no-repeat; line-height:18px; direction:rtl; text-align:right}
#base #left .panel .content .extlink:hover {padding:1px 15px; font:11px tahoma; color:#FFF; background:#7ebc00 url(/img/external_link.png) right no-repeat; line-height:18px; direction:rtl; text-align:right}
#base #left .panel .content .cardlink {padding:1px 18px; font:11px tahoma; color:#2a90df; background:url(/img/card.gif) right no-repeat; line-height:18px; direction:rtl}
#base #left .panel .content .cardlink:hover {padding:1px 18px; font:11px tahoma; color:#FFF; background:#7ebc00 url(/img/card.gif) right no-repeat; line-height:18px; direction:rtl; text-align:right}
#base #left .panel .content .customerForm {margin:10px 0px; list-style:none; width:560px;}
#base #left .panel .content .customerForm li {display:inline-block; width:560px; margin:5px 0px;}
#base #left .panel .content .customerForm li label {display:inline-block; margin:0px 5px; width:80px; cursor:pointer; font:11px tahoma; color:#5c5c5c; line-height:20px; text-align:right; vertical-align:top; direction:rtl}
#base #left .panel .content .customerForm li span {display:inline-block; margin:0px 5px; font:11px tahoma; color:#5c5c5c; line-height:20px; text-align:right; vertical-align:top; direction:rtl}
#base #left .panel .content .pages {padding:3px 10px; margin:10px; background:#d9d9d9; text-align:left; font-size:8pt}
#base #left .panel .content .selected {padding:1px 5px; font:11px tahoma; line-height:18px; direction:rtl}
#base #left .panel .content .selected:hover {padding:1px 5px; font:11px tahoma; background:#ebebeb; line-height:18px; direction:rtl}

.paging {position:relative; margin:10px 5px; height:36px; direction:ltr; list-style:none; background:#dfdfdf}
.paging li {margin:5px 0px; width:40px; height:33px; direction:ltr; text-align:center; float:right;}
.paging li a {position:relative; padding:4px 11px; width:28px; height:26px; background:url(/img/paging.png) top no-repeat; font:13px "Trebuchet MS"; color:#585858; line-height:26px; text-align:center}
.paging li a:hover {position:relative; padding:4px 11px; width:28px; height:26px; background:url(/img/paging.png) bottom no-repeat; font:13px "Trebuchet MS"; color:#ffffff; line-height:26px; text-align:center}
.paging li .current {position:relative; padding:4px 11px; width:28px; height:26px; background:url(/img/paging.png) center no-repeat; font:13px "Trebuchet MS"; color:#ffffff; line-height:26px; text-align:center}

.paging_f { height:13px; margin:1px 0px 10px 0px; padding:3px 15px; background:#dfdfdf;}
.paging_f span { height:20px; font:10px tahoma; color:#2a90df;}

#base #left .tpanel {width:600px; background:#ebebeb url(/img/panelBar.png) center repeat-y}
#base #left .tpanel .header {height:20px; background:url(/img/panelHeader.png) top no-repeat; text-align:right; direction:rtl; padding:17px 15px 7px; list-style:none}
#base #left .tpanel .header .tab {float:right; width:120px; height:22px; font-family:tahoma; text-align:center; padding:0px 5px}
#base #left .tpanel .header .tab a {line-height:20px; font-family:tahoma; text-align:right; font-size:11px; color:#414141; font-weight:600; text-shadow:-1px -1px #cfcfcf}
#base #left .tpanel .header .tab a:hover {line-height:20px; font-family:tahoma; text-align:right; font-size:11px; color:#616060; font-weight:600; text-shadow:-1px -1px #cfcfcf}
#base #left .tpanel .header .tabSelected {float:right; width:120px; height:22px; font-family:tahoma; text-align:center; padding:0px 5px; background:#009ff2 url(/img/panelTab.png) top repeat-x}
#base #left .tpanel .header .tabSelected a {line-height:20px; font-family:tahoma; text-align:right; font-size:11px; color:#FFF; font-weight:600; text-shadow:-1px -1px #666}
#base #left .tpanel .content {margin:0px; padding:20px 15px}
#base #left .tpanel .hide {display: none}
#base #left .tpanel .footer {height:13px; background:url(/img/panelFooter.png) bottom no-repeat}

#base #left .mpanel {width:600px; background:#ebebeb url(/img/panelBar.png) center repeat-y}
#base #left .mpanel .header {height:12px; background:url(/img/mpanelHeader.png) top no-repeat; text-align:right; direction:rtl; padding:0px}
#base #left .mpanel .footer {height:13px; background:url(/img/panelFooter.png) bottom no-repeat}
#base #left .mpanel .content {margin:0px; padding:10px 15px;}
#base #left .mpanel .content p {font:12px tahoma; color:#5c5c5c; line-height:18px; direction:rtl; text-align:justify}
#base #left .mpanel .content .link {padding:1px 5px; font:11px tahoma; color:#2a90df; line-height:18px; direction:rtl}
#base #left .mpanel .content .link:hover {padding:1px 5px; font:11px tahoma; color:#FFF; background:#7ebc00; line-height:18px; direction:rtl}


.product {float:right; width:190px; height:210px; text-align:center}
.product:hover {outline:1px #CCC  dotted}
.product img {border:none; margin:5px; width:150px; height:150px}
.product p {font:11px tahoma; color:#557f00; text-align:center; line-height:15px; direction:rtl}
.product .bay {padding:0px 5px; font:11px tahoma; color:#557f00; text-align:center; line-height:15px; direction:rtl}
.product .bay:hover {padding:0px 5px; font:11px tahoma; color:#557f00; text-align:center; line-height:15px; direction:rtl; background:#f7ffe7}
.product .detail {font:12px tahoma; color:#464646; display:block}
.product .detail:hover {font:12px tahoma; color:#898989; display:block}

.basket {height:85px; padding-right:78px; line-height:20px; background:url(/img/basket.gif) top right no-repeat}
.customer {height:85px; padding-right:78px; line-height:20px; background:url(/img/customer.gif) top right no-repeat}

.album a {float:right; padding:10px;}
.album img {border:#666 1px dotted}

.category {display:block; margin:2px 0px; width:270px; background:#dfdfdf url(/img/categoryBack.gif) right repeat-y}
.category p { padding:5px 20px 5px 5px; font:11px tahoma; color:#5c5c5c; line-height:18px}
.category a { display:block; font:600 12px tahoma; color:#2a90df; text-shadow:1px 1px #f2f2f2}

.category:hover {display:block; margin:2px 0px; width:270px; background:#86c800 url(/img/categoryBack.gif) right repeat-y}
.category:hover p { padding:5px 20px 5px 5px; font:11px tahoma; color:#315004; line-height:18px}
.category:hover a { display:block; font:600 12px tahoma; color:#fff; text-shadow:1px 1px #8f8f8f}

.categorySelected {display:block; margin:2px 0px; width:270px; background:#86c800 url(/img/categoryBack.gif) right repeat-y}
.categorySelected p { padding:5px 20px 5px 5px; font:11px tahoma; color:#315004; line-height:18px}
.categorySelected a { display:block; font:600 12px tahoma; color:#fff; text-shadow:1px 1px #8f8f8f}

.refineSearch {height:35px; padding-top:10px; padding-left:10px; margin-bottom:0px; list-style:none; direction:ltr; text-align:center; background:#dfdfdf}
.refineSearch:hover {height:35px; padding-top:10px; margin-bottom:0px; list-style:none; direction:ltr; text-align:center; background:#86c800}
.refineSearch li { padding:0px 4px; direction:ltr; vertical-align:middle; float:left }
.refineSearch li label {direction:rtl; height:20px; font:600 11px tahoma; color:#2a90df; cursor:pointer; text-shadow:1px 1px #f2f2f2; vertical-align:middle}
.refineSearch li input { vertical-align:middle}
.refineSearch li select { vertical-align:middle;  width:100px;}
.refineSearch:hover li label {direction:rtl; font:600 11px tahoma; color:#fff; cursor:pointer; text-shadow:1px 1px #8f8f8f; vertical-align:middle }

.productList { text-align:center; direction:ltr}
.productList thead {height:25px; background:#d4d4d4}
.productList thead td {padding:4px 8px; height:25px; font:11px tahoma; color:#373737; text-align:right; direction:rtl}
.productList tbody {background:#dfdfdf}
.productList tbody td {padding:4px 8px; height:15px; font:11px tahoma; color:#616161; text-align:right; direction:rtl}
.productList tbody td a {font:11px tahoma; color:#616161; text-align:right; text-decoration:none; direction:rtl}
.productList tbody td a:hover {font:11px tahoma; color:#616161; text-align:right; text-decoration:underline; direction:rtl}
.productList tbody tr:hover {background:#8dd400}
.productList tbody td:hover {color:#335f0a}
.productList tbody img {float:left; cursor:pointer; display:none}
.productList tfoot td {padding:4px 8px; Xbackground:#69b7fb; background:url(/img/factorBar.png); height:15px; font:11px tahoma; color:#616161; text-align:right; direction:rtl}

#footer {position:relative; width:100%; height:42px; padding:10px 0px; background:#585858 url(/img/footerBar.gif) top repeat-x; text-align:center; font:11px tahoma; color:#828282; direction:rtl}
#footer a {padding:0px 5px; font:11px tahoma; color:#e3e3e3; direction:rtl; text-decoration:none}
#footer a:hover {padding:0px 5px; font:11px tahoma; color:#7ebc00; direction:rtl; text-decoration:none}
#footer a#selected {padding:0px 5px; font:11px tahoma; color:#7ebc00; direction:rtl; text-decoration:none}
#footer p { margin:0px; padding-top:5px}

.subTable { text-align:center; direction:ltr}
.subTable thead {height:25px; background:#d4d4d4}
.subTable thead td {padding:4px 8px; height:25px; font:11px tahoma; color:#373737; text-align:right; direction:rtl}