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

* Filename: screen.css
* Version: 1.0.0 (2008-03-02)
* Website: Citytunes
* Author: m1ron
* Description: Main CSS file.
* Page width: 998px

*/



/* _default styles reset
========================================== */
html {width:100%;height:100%;font:12px Arial, Helvetica, sans-serif;}
body {width:100%;height:100%;padding:0;margin:0;color:#3d3d3d;background:#fff;}

p {margin:0 0 14px 0;}
dfn,var,address {font-style:normal;}
h1,h2,h3,h4,h5,h6 {margin:0;font:italic 14px Arial, Helvetica, sans-serif;color:#000;}
h3 {margin:0 0 3px 0;font:bold 14px Arial, Helvetica, sans-serif;color:#3f9df4;}

a {color:#009dd2;text-decoration:underline;}
a:hover {color:#fc7a00;text-decoration:none;}
img {border:none;}

ul {padding:0;margin:0 0 14px 0;list-style:none;}
ul li {padding:0 0 6px 30px;background:url('../img/ico/li.gif') no-repeat 12px 8px;}
td,th {padding:0;}

form,input,select,label,textarea,button {margin:0;}
select {
padding:1px;
font:11px/13px Arial, Helvetica, sans-serif;
color:#777;
border:1px solid #dadada;
background:#fff;
}
input.text,textarea {
padding:3px 5px 4px 5px;
border-top:1px solid #a0b4bb;
border-right:1px solid #c8e1ea;
border-bottom:1px solid #c8e1ea;
border-left:1px solid #a0b4bb;
font:11px/13px Arial, Helvetica, sans-serif;
color:#777;
background:#fff;
}
input.submit,button {
padding-top:2px;
padding-bottom:2px;
border:none;
border-top:1px solid #f0f4f6;
border-right:1px solid #007ac9;
border-bottom:1px solid #00a9dc;
border-left:1px solid #d9e4e8;
font:11px/13px Arial, Helvetica, sans-serif;
color:#fff;
cursor:pointer;
background:#499dd7 url('../img/buttons/default.png') repeat-x 0 50%;
}


/* _my universal styles  */
.both {width:100%;clear:both;overflow:hidden;}
.clear {width:100%;height:1px;clear:both;overflow:hidden;display:block;}


/* _wrap
========================================== */
#wrap {
width:994px;
min-height:100%;
margin:0 auto;
border-left:3px solid #cb82e1;
border-right:1px solid #e5e5e5;
position:relative;
z-index:1;
}
.sub #wrap {
background:url('../img/wrap-sub.gif') repeat-y 0 0;
}
#spacer {
width:100%;
height:197px;
overflow:hidden;
clear:both;
}


/* _footer
========================================== */
#footer {
width:994px;
height:196px;
border-top:1px solid #e5e5e5;
position:absolute;
bottom:0;left:0;
z-index:1;
background:#fff url('../img/header-footer.jpg') repeat-x 0 46px;
}
#footer p {
margin:0;
line-height:14px;
display:block;
}
#footer p.copyright {
position:absolute;
left:34px;top:122px;
}
#footer p.support {
position:absolute;
left:702px;top:122px;
}

#footer ul.counters {
margin:0;
overflow:hidden;
position:absolute;
top:120px;left:537px;
}
#footer ul.counters li {
padding:0 10px 0 0;
float:left;
background:none;
}
#footer ul.counters li img {
display:block;
}

#footer .partners {
padding:0 0 0 123px;
position:absolute;
top:49px;left:34px;
}
#footer .partners p {
font-size:11px;
font-weight:bold;
position:absolute;
top:3px;left:0;
}
#footer .partners ul {
margin:0;
overflow:hidden;
}
#footer .partners ul li {
padding:0 30px 0 0;
float:left;
background:none;
}
#footer .partners ul li img {
display:block;
}


/* _header
========================================== */
#header {
width:996px;
height:312px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
margin:0 -1px 0 -3px;
position:relative;
z-index:1;
background:#fff url('../img/header-footer.jpg') repeat-x 0 -150px;
}
#logo {
position:absolute;
top:8px;left:35px;
}
#logo img {
width:158px;
height:102px;
display:block;
}

#search {
width:265px;
height:29px;
position:absolute;
top:25px;left:249px;
}
#search p {
width:247px;
height:26px;
padding:3px 0 0 18px;
margin:0;
display:block;
overflow:hidden;
background:url('../img/search.png') no-repeat 0 0;
}
#search input {
margin-right:2px;
display:block;
float:left;
position:relative;
}
#search input.text {width:162px;border:1px solid #a6bac3;}
#search input.submit {width:54px;}

#icons {
margin:0;
overflow:hidden;
position:absolute;
top:75px;left:254px;
}
#icons li {
padding:0 30px 0 0;
float:left;
font-weight:bold;
line-height:13px;
color:#85979e;
background:none;
}
#icons li span {
padding:0 0 0 19px;
display:block;
background:url('../img/ico/phone.gif') no-repeat 0 1px;
}
#icons li a {padding:0;color:#85979e;display:block;}
#icons li img {display:block;}

#menu {
width:976px;
height:37px;
padding:1px 0 0 20px;
margin:0;
overflow:hidden;
position:absolute;
top:117px;left:0;
z-index:1;
background:#03a6dc url('../img/menu.png') repeat-x 0 0;
}
#menu li {
padding:0;
float:left;
font-size:18px;
line-height:20px;
background:none;
}
#menu li a {
height:31px;
padding:6px 16px 0 16px;
display:block;
color:#fff;
}
#menu li.active {
background:#fff url('../img/menu-active.png') no-repeat 100% 0;
}
#menu li.active a {
color:#009dd2;
background:url('../img/menu-active.png') no-repeat 0 0;
}

#banner340 {
position:absolute;
top:171px;left:0;
}
#banner648 {
position:absolute;
top:171px;right:0;
}
#banner340 img,#banner648 img {display:block;}

#register {
width:150px;
height:97px;
padding:21px 0 0 0;
position:absolute;
top:0;left:551px;
z-index:2;
background:url('../img/register.jpg') no-repeat 0 0;
}
#register p {
margin:0;
display:block;
background:#ec6400;
}
#register p img {
width:150px;
height:38px;
color:#fff;
font-weight:bold;
text-align:center;
display:block;
}

#auth {
width:232px;
position:absolute;
left:727px;top:26px;
}
#auth p {
margin:0 0 3px 0;
display:block;
overflow:hidden;
}
#auth label {
width:45px;
padding:0 15px 0 0;
font-size:11px;
line-height:20px;
color:#687e87;
display:block;
float:left;
text-align:right;
}
#auth label.forgot {
padding:0 12px 0 0;
float:right;
}
#auth label.forgot a {color:#94a4aa;}
#auth label.forgot a:hover {color:#fc7a00;}
#auth input.text {
width:160px;
padding:2px 5px 3px 5px;
display:block;
float:left;
}
#auth input.submit {
width:54px;
display:block;
float:right;
}

#profile {
padding:3px 0 0 38px;
position:absolute;
top:26px;left:569px;
background:url('../img/ico/profile.png') no-repeat 0 0;
}

#cart {
padding:3px 0 0 40px;
position:absolute;
top:26px;left:787px;
background:url('../img/ico/cart.png') no-repeat 0 0;
}



#byname {
width:817px;
height:31px;
padding:0 0 0 179px;
overflow:hidden;
position:absolute;
top:268px;left:0;
}
#byname p.label {
position:absolute;
top:9px;left:36px;
}
#byname p.label img {
display:block;
font-weight:bold;
}
#byname dfn {
font-size:11px;
line-height:13px;
display:block;
position:absolute;
top:4px;right:15px;
z-index:2;
}
#byname dfn a.active {
cursor:default;
text-decoration:none;
font-weight:bold;
color:#fb9401;
}
#byname ul {
width:817px;
height:31px;
margin:0;
font-size:18px;
line-height:20px;
position:absolute;
top:0;left:179px;
z-index:1;
}
#byname ul li {
padding:0;
margin:0 -5px 0 0;
position:relative;
left:-3px;
float:left;
background:url('../img/byname.png') no-repeat 0 -100px;
}
#byname ul li a {
width:31px;
padding:5px 0 0 0;
height:26px;
display:block;
text-align:center;
}
#byname ul li.number a {
width:auto;
padding:5px 9px 0 9px;
}
#byname ul li.active {
background:url('../img/byname.png') no-repeat 100% 0;
}
#byname ul li.active a {
color:#fff;
text-decoration:none;
background:url('../img/byname.png') no-repeat 0 0;
}
#byname ul.en {top:31px;}
#byname ul.ru {top:-31px;}
#byname ul.active {top:0px;}


/* _content
========================================== */
#content {
width:997px;
border-top:1px solid #e5e5e5;
margin:0 0 0 -3px;
position:relative;
z-index:1;
overflow:hidden;
}


p.round {
height:30px;
padding:0 15px;
margin:0;
display:block;
position:relative;
font-weight:bold;
color:#3d3d3d;
line-height:21px;
}
p.round i.l {
width:15px;
height:30px;
display:block;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/round-l.png') no-repeat 0 0;
}
p.round i.r {
width:15px;
height:30px;
display:block;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../img/round-r.png') no-repeat 0 0;
}
p.round span.c {
height:30px;
line-height:30px;
display:block;
cursor:default;
position:relative;
z-index:2;
background:url('../img/round-c.png') repeat-x 0 0;
}


p.blue {
height:24px;
padding:0 15px;
margin:0;
display:block;
position:relative;
font-weight:bold;
background:url('../img/blue-l-hover.png') no-repeat 0 -100px;
}
p.blue i.l {
width:15px;
height:24px;
display:block;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/blue-l.png') no-repeat 0 0;
}
p.blue i.r {
width:15px;
height:24px;
display:block;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../img/blue-r.png') no-repeat 0 0;
}
p.blue span.c {
height:24px;
line-height:23px;
display:block;
cursor:default;
position:relative;
z-index:2;
background:url('../img/blue-c.png') repeat-x 0 0;
}
p.blue span.c a {
padding:0 15px;
margin:0 -15px;
position:relative;
display:block;
color:#fff;
background:url('../img/blue-r-hover.png') no-repeat 0 -100px;
}
p.blue span.c a:hover {text-decoration:underline;}
p.blue:hover i.l {background:url('../img/blue-l-hover.png') no-repeat 0 0;}
p.blue:hover i.r {background:url('../img/blue-r-hover.png') no-repeat 0 0;}
p.blue:hover span.c {background:url('../img/blue-c.png') repeat-x 0 -24px;}



.item-big {
width:166px;
height:269px;
padding:20px 10px 10px 10px;
position:relative;
background:url('../img/item-big.png') no-repeat 0 -500px;
}
.item-big .bg {
width:186px;
height:299px;
position:absolute;
top:0;left:0;
z-index:1;
display:none;
background:url('../img/item-big.png') no-repeat 0 0;
}
.item-big .cover {
position:relative;
z-index:2;
}
.item-big .cover .box {
width:166px;
height:154px;
position:absolute;
top:18px;left:0;
z-index:2;
background:url('../img/item-big-box.png') no-repeat 0 0;
}
.item-big .cover .disc {
width:128px;
height:47px;
position:absolute;
top:-20px;left:19px;
z-index:1;
background:url('../img/item-big-disc.png') no-repeat 0 0;
}
.item-big .cover a {
width:159px;
height:203px;
padding:27px 0 0 7px;
margin:0 0 10px 0;
display:block;
position:relative;
z-index:3;
}
.item-big .cover img.pic {
width:150px;
height:136px;
border:1px solid #fff;
margin:0 0 14px 0;
display:block;
position:relative;
z-index:1;
}
.item-big .cover i.hit {
display:block;
position:absolute;
top:126px;left:116px;
z-index:2;
color:#fa4200;
}
.item-big .cover i.hit img {
width:58px;
height:59px;
font-style:normal;
font-weight:bold;
display:block;
cursor:pointer;
}
.item-big .cover span {
font-size:14px;
line-height:17px;
font-weight:bold;
cursor:pointer;
position:relative;
z-index:1;
}
.item-big p.round {
z-index:2;
}
.item-big p.round span.c {
padding:0 50px 0 0;
}
p.round span.buy {
width:61px;
height:23px;
display:block;
position:absolute;
top:4px;right:3px;
z-index:3;
}
p.round span.buy a {
width:61px;
height:23px;
line-height:21px;
display:block;
font-weight:bold;
color:#fff;
text-align:center;
background:url('../img/round-buy.png') no-repeat 0 0;
}
p.round span.buy a:hover {
text-decoration:underline;
background:url('../img/round-buy.png') no-repeat 0 -23px;
}


.item-mid {
width:296px;
height:131px;
padding:20px 0 0 16px;
position:relative;
background:url('../img/item-mid.png') no-repeat 0 -500px;
}
.item-mid .bg {
width:312px;
height:151px;
display:none;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/item-mid.png') no-repeat 0 0;
}
.item-mid .cover {
width:106px;
padding:5px 26px 0 24px;
float:left;
position:relative;
z-index:2;
}
.item-mid .cover .new {
position:absolute;
top:-15px;left:100px;
z-index:3;
}
.item-mid .cover .new img {
width:45px;
height:46px;
display:block;
}
.item-mid .cover .link {
position:relative;
z-index:2;
}
.item-mid .cover .link a {
width:102px;
height:94px;
padding:2px;
position:relative;
display:block;
overflow:hidden;
}
.item-mid .cover .link a i {
width:35px;
height:35px;
display:block;
position:absolute;
cursor:pointer !important;
/*left:72px;top:64px;*/
left:107px;top:99px;
cursor:pointer;
background:url('../img/item-mid-link.png') no-repeat 0 0;
}
.item-mid .cover .link img {
width:100px;
height:92px;
border:1px solid #fff;
display:block;
}
.item-mid .cover .box {
width:135px;
height:108px;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/item-mid-box.png') no-repeat 0 0;
}
.item-mid .desc {
width:120px;
padding:3px 0 0 0;
float:left;
position:relative;
z-index:2;
}
.item-mid .desc p.title {margin:0 0 7px 0;
font-size:14px;
line-height:17px;
font-weight:bold;
}
.item-mid .desc p.round {
margin:0 0 4px -1px;
}
.item-mid .desc p.blue {
width:39px;
}


.item-small {
width:31px;
height:29px;
padding:5px 0 0 7px;
background:url('../img/item-small.png') no-repeat 0 0;
}
.item-small img {
width:24px;
height:22px;
border:1px solid #fff;
display:block;
}

.review {
width:263px;
padding:6px 38px 0 37px;
position:relative;
}
.review .top {
width:263px;
height:28px;
background:#fdefd1 url('../img/review-top.png') no-repeat 0 0;
}
.review .cnt {
width:222px;
padding:4px 26px 15px 15px;
overflow:hidden;
font-size:11px;
line-height:13px;
color:#3d3d3d;
background:#fdefd1 url('../img/review-cnt.png') no-repeat 0 100%;
}
.review p.user {
padding:0 0 0 18px;
margin:0;
line-height:14px;
position:absolute;
top:-1px;left:36px;
font-weight:bold;
background:url('../img/ico/user.png') no-repeat 0 2px;
}


/* Не проходите мимо */
#best {
padding:19px 0 22px 21px;
border-left:3px solid #fc7a00;
border-bottom:1px solid #d8e0e2;
position:relative;
overflow:hidden;
background:#f0f9fd url('../img/best.jpg') repeat-x 0 0;
}
#best .item-big {
margin:0 6px 0 0;
float:left;
}
#best p.label {
padding:0 0 0 13px;
margin:0 0 10px 0;
display:block;
font-size:14px;
font-weight:bold;
color:#fc7a00;
}
#best p.label img {display:block;}


/* Новинки */
#new {
width:1303px;
padding:22px 0 17px 1px;
border-left:3px solid #fbb73c;
border-bottom:1px solid #d8e0e2;
margin:0 -40px 0 0;
position:relative;
overflow:hidden;
}
#new .line {
width:100%;
overflow:hidden;
background:url('../img/new-line.png') no-repeat 0 21px;
}
#new .item-mid {
margin:0 26px 5px 0;
float:left;
}
#new p.label {
padding:0 0 0 33px;
margin:0 0 -2px 0;
display:block;
font-size:14px;
font-weight:bold;
color:#f5ad00;
}
#new p.label img {display:block;}


/* Пользователи выбирают */
#users {
width:1303px;
padding:20px 0 22px 1px;
border-left:3px solid #4caec1;
border-bottom:1px solid #d8e0e2;
margin:0 -40px 0 0;
position:relative;
overflow:hidden;
background:url('../img/users.jpg') repeat-x 0 0;
}
#users .line {
width:100%;
padding:0 0 5px 0;
overflow:hidden;
background:url('../img/new-line.png') no-repeat 0 21px;
}
#users .item-mid {
margin:0 26px 0 0;
float:left;
}
#users p.label {
padding:0 0 0 33px;
margin:0 0 -2px 0;
display:block;
font-size:14px;
font-weight:bold;
color:#00a2c1;
}
#users p.label img {display:block;}

#users .reviews {
width:100%;
overflow:hidden;
}
#users .reviews .review {
float:left;
}


/* Преимущества */
#spacer-advantages {
width:994px;
height:244px;
position:relative;
clear:both;
}
#advantages {
width:998px;
height:245px;
margin:0 -1px 0 0;
position:absolute;
bottom:196px;left:-3px;
z-index:5;
background:#fff url('../img/advantages.jpg') no-repeat 0 0;
}
#advantages p {
margin:0;
display:block;
font-size:11px;
line-height:13px;
position:absolute;
}
#advantages p strong {font-size:14px;line-height:15px;}

#advantages p.a1 {
width:255px;
top:27px;left:46px;
}
#advantages p.a2 {
width:230px;
top:144px;left:81px;
}
#advantages p.a3 {
width:250px;
top:45px;left:680px;
}


/* _left
========================================== */
#left {
width:269px;
padding:0 0 60px 0;
border-right:1px solid #c9d9df;
float:left;
position:relative;
overflow:hidden;
}

#submenu {
width:252px;
padding:17px 14px 17px 0;
border-left:3px solid #4caec1;
border-bottom:1px solid #c5e9f7;
margin:0;
font-weight:bold;
background:#e2f4fb;
}
#submenu li {
width:255px;
padding:0;
border-left:3px solid #4caec1;
margin:0 0 0 -3px;
position:relative;
background:none;
}
#submenu li a {
padding:7px 26px;
display:block;
}
#submenu li.active {
border-left:3px solid #fbb73c;
background:#fff url('../img/submenu-active.png') no-repeat 100% 100%;
}
#submenu li.active a {
color:#fc7a00;
text-decoration:none;
background:url('../img/submenu-active.png') no-repeat 100% 0;
}


#hit {
padding:15px 0 21px 0;
border-left:3px solid #fc7a00;
border-bottom:1px solid #cbdbe1;
background:#fff url('../img/users.jpg') repeat-x 0 0;
}
#hit .item-big {
margin:0 auto;
}

#free {
width:100%;
padding:31px 0 35px 0;
overflow:hidden;
}
#free .cover {
width:170px;
margin:0 auto;
position:relative;
}
#free .cover a {
width:170px;
padding:6px 0 0 0;
display:block;
position:relative;
z-index:2;
}
#free .cover .box {
width:116px;
height:108px;
display:block;
position:absolute;
top:0;left:27px;
z-index:1;
background:url('../img/free.png') no-repeat 0 0;
}
#free .cover a img.pic {
width:100px;
height:92px;
border:1px solid #fff;
margin:0 auto 18px auto;
display:block;
}
#free .cover a span {
margin:0 0 19px 0;
display:block;
font-size:14px;
line-height:17px;
font-weight:bold;
cursor:pointer;
text-align:center;
}
#free .btn {
width:100%;
overflow:hidden;
}
#free .btn img {
width:150px;
height:45px;
margin:0 auto;
display:block;
}

#left .banner {
}
#left .banner img {
margin:0 auto;
display:block;
}


#support {
padding:11px 0 17px 12px;
border-left:3px solid #fc7a00;
border-bottom:1px solid #e5e5e5;
margin:0 0 14px 0;
background:#fff;
}
#support .youknow {
width:163px;
padding:19px 12px 0 69px;
overflow:hidden;
background:#faedd1 url('../img/youknow.png') no-repeat 0 0;
}
#support .youknow .cnt {
min-height:70px;
padding:0 0 20px 0;
}
#support .youknow .btm {
width:244px;
height:30px;
margin:0 -12px 0 -69px;
background:url('../img/youknow-btm.png') no-repeat 0 0;
}
#support .youknow p {
margin:0;
font-size:14px;
font-weight:bold;
}
#support .youknow p.label {
margin:0 0 7px 0;
}
#support img {display:block;}
#support .youknow p.label img {
color:#fc7a00;
}

#support .tech {
width:244px;
overflow:hidden;
}
#support .tech .cnt {
padding:15px 20px 10px 22px;
font-size:11px;
background:#cde1e7 url('../img/tech-cnt.png') no-repeat 0 0;
}
#support .tech .cnt big {
display:block;
font-size:14px;
font-weight:bold;
}
#support .tech .btm {
width:244px;
height:10px;
overflow:hidden;
background:#cde1e7 url('../img/tech-btm.png') no-repeat 0 0;
}

/* _right
========================================== */
#right {
width:684px;
padding:20px 20px 60px 23px;
float:right;
position:relative;
overflow:hidden;
}

#nav {
margin:0 0 20px 0;
font-size:11px;
line-height:12px;
font-weight:bold;
}

.news {
width:100%;
padding:0 0 33px 0;
border-bottom:1px solid #e1e3e4;
margin:0 0 20px 0;
overflow:hidden;
}
.news var {
margin:0 0 1px 0;
display:block;
font:bold 14px Arial, Helvetica, sans-serif;
}
.news h3 {
margin:0 0 8px 0;
}
.news p {margin:0;}

.pages {
width:100%;
padding:15px 0;
margin:0;
display:block;
font:bold 14px Arial, Helvetica, sans-serif;
text-align:center;
}
.pages a,.pages span {margin:0 10px;}
.pages span {color:#f0076e;}



table.catalog {
width:100%;
border-collapse:collapse;
margin:0 0 30px 0;
}
table.catalog th {
padding:8px 0;
text-align:left;
color:#fc7a00;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
table.catalog td {
padding:14px 0;
vertical-align:top;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
table.catalog td.artist {
width:183px;
padding-right:12px;
font-size:14px;
line-height:18px;
font-weight:bold;
}
table.catalog td.style {
width:114px;
padding-right:12px;
}
table.catalog td.rating {
width:114px;
padding-right:12px;
}
table.catalog td.last .item-small {
position:relative;
top:-2px;
float:left;
}
table.catalog td.last p {
width:160px;
padding:0 0 0 10px;
margin:0;
display:block;
float:left;
}

.rating {
width:96px;
overflow:hidden;
}
.rating img {
width:18px;
height:18px;
margin:0 1px 0 0;
display:block;
float:left;
}


p.pager {
margin:0;
font-size:18px;
line-height:31px;
text-align:center;
}
p.pager a,
p.pager span {
padding:5px 0 8px 0;
margin:0 10px 0 0;
}
p.pager a.active {
padding:5px 12px 8px 12px;
color:#fff;
background:url('../img/pager.png') no-repeat 50% 50%;
}

h3.letter {
margin:0 0 18px 0;
color:#fc7a00;
}


.search2 {
width:100%;
margin:0 0 18px 0;
overflow:hidden;
}
.search2 .item-small {
float:left;
}
.search2 p {
width:580px;
padding:7px 0 0 12px;
margin:0;
font:bold 14px Arial, Helvetica, sans-serif;
float:left;
display:block;
}




.search {
width:135px;
margin:0 35px 8px 0;
position:relative;
float:left;
}
.search .cover {
width:130px;
padding:5px 0 16px 5px;
position:relative;
z-index:2;
}
.search .cover .link {
position:relative;
z-index:2;
}
.search .cover .link a {
width:130px;
padding:2px;
position:relative;
display:block;
overflow:hidden;
cursor:pointer;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
.search .cover .link img {
width:100px;
height:92px;
border:1px solid #fff;
margin:0 0 16px 0;
position:relative;
left:19px;
display:block;
float:left;
}
.search .cover .link span.title {
padding-bottom:21px;
display:block;
font:bold 14px Arial, Helvetica, sans-serif;
text-align:center;
clear:both;
}
.search .cover .box {
width:135px;
height:108px;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/item-mid-box.png') no-repeat 0 0;
}



.download {
width:100%;
padding:0 0 10px 0;
margin:0 0 -1px 0;
overflow:hidden;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
.download .pre {
width:100%;
padding:10px 0 0 0;
overflow:hidden;
background:url('../img/ico/hr.gif') repeat-x 0 0;
}
.download .pre .item-small {
margin:4px 0 0 0;
float:left;
}
.download .pre .line {
width:604px;
height:35px;
padding:8px 12px 0 23px;
overflow:hidden;
float:right;
background:url('../img/download-line.png') no-repeat 0 0;
}
.download .pre p {
width:500px;
padding:6px 0 0 0;
margin:0;
float:left;
display:block;
font-size:14px;
font-weight:bold;
}
.visible .pre p a {
padding:0 25px 0 0;
color:#fc7a00;
background:url('../img/ico/down.png') no-repeat 100% 50%;
}
.download .pre .button {
width:87px;
float:right;
}
.download .pre .button img {
width:87px;
height:28px;
display:block;
}
.download .more {
padding:12px 10px 0 0;
overflow:hidden;
display:none;
}
.download .more var {
margin:0 0 13px 0;
float:left;
}
.download .more dfn {
margin:0 0 13px 0;
float:right;
}
table.tab {
width:100%;
border-collapse:collapse;
margin:0 0 10px 0;
clear:both;
background:#f7fcff;
}
table.tab tr.dark {
background:#e1f3fd;
}
table.tab td {
padding:6px 0;
vertical-align:middle;
}
table.tab td.n {
padding-left:16px;
padding-right:16px;
}
table.tab td.play {
width:25px;
}
table.tab td.play img {
width:25px;
height:25px;
display:block;
}
table.tab td.name {
width:100%;
padding-left:11px;
padding-right:11px;
font-weight:bold;
}
table.tab td.time {
padding-right:25px;
}
table.tab td.btn {
padding-right:8px;
}
table.tab p.round {
width:152px;
}
table.tab p.round span.c {
padding:0 50px 0 0;
}





.cart {
width:100%;
padding:10px 0 14px 0;
overflow:hidden;
background:url('../img/ico/hr.gif') repeat-x 0 100%;
}
.cart .item-small {
margin:4px 0 0 0;
float:left;
}
.cart p.title {
width:330px;
padding:4px 0 0 12px;
margin:0;
float:left;
font-size:14px;
font-weight:bold;
}
.cart p.round {
margin:5px 5px 0 0;
float:right;
}
.cart p.delte {margin:0;}
.cart p.round span.c {
position:relative;
overflow:visible;
}
.cart p.round span.c span {
position:relative;
z-index:3;
}
.cart p.round img {
margin:0 -4px;
display:block;
position:relative;
top:10px;
cursor:pointer;
}


.total {
height:29px;
line-height:29px;
padding:7px 8px 7px 30px;
margin:0 0 50px 0;
float:right;
overflow:hidden;
position:relative;
background:url('../img/download-line.png') no-repeat 100% 0;
}
.total .left {
width:22px;
height:43px;
position:absolute;
top:0;left:0;
background:url('../img/download-line.png') no-repeat 0 0;
}
.total p.price {
padding:0 12px 0 0;
margin:0;
display:block;
float:left;
font-size:14px;
font-weight:bold;
}
.total p.big {
margin:0;
float:left;
display:block;
}



p.big {
height:29px;
padding:0 30px;
margin:0;
display:block;
float:right;
position:relative;
font-weight:bold;
color:#3d3d3d;
line-height:21px;
}
p.big i.l {
width:30px;
height:29px;
display:block;
position:absolute;
top:0;left:0;
z-index:1;
background:url('../img/big-l.png') no-repeat 0 0;
}
p.big i.r {
width:30px;
height:29px;
display:block;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../img/big-r.png') no-repeat 0 0;
}
p.big span.c {
height:29px;
line-height:28px;
display:block;
cursor:default;
position:relative;
z-index:2;
font-size:17px;
background:url('../img/big-c.png') repeat-x 0 0;
}
p.big span.c span {
position:relative;
z-index:3;
}
p.big span.c a {
color:#fff;
text-decoration:none;
}
p.big span.c a:hover {
text-decoration:underline;
}

p.disabled i.l {background:url('../img/disabled-l.png') no-repeat 0 0;}
p.disabled i.r {background:url('../img/disabled-r.png') no-repeat 0 0;}
p.disabled span.c {background:url('../img/disabled-c.png') repeat-x 0 0;}



#video {
width:100%;
padding:10px 0 30px 0;
overflow:hidden;
position:relative;
}
#video .left {
width:41px;
height:41px;
overflow:hidden;
position:absolute;
top:140px;left:12px;
}
#video .right {
width:41px;
height:41px;
overflow:hidden;
position:absolute;
top:140px;right:12px;
}
#video .left a,
#video .right a {
width:41px;
height:41px;
overflow:hidden;
position:absolute;
top:0;left:0;
}
#video .left img,
#video .right img {
position:absolute;
top:0;left:0;
}
#video .left a:hover,
#video .right a:hover {
text-decoration:none;
}
#video .left a:hover img,
#video .right a:hover img {
top:-41px !important;
text-decoration:none;
}
#video .space {
width:513px;
margin:0 0 12px 0;
position:relative;
left:80px;
}
#video .space .cnt {
padding:5px 0;
border-left:1px solid #c6ced2;
border-right:1px solid #c6ced2;
}
#video .space .cnt img {
margin:0 auto;
display:block;
}
#video .space .top {
width:513px;
height:16px;
overflow:hidden;
background:url('../img/video-space.png') no-repeat 0 0;
}
#video .space .bottom {
width:513px;
height:16px;
overflow:hidden;
background:url('../img/video-space.png') no-repeat 0 -16px;
}
#video p.title {
margin:0 0 20px 0;
font-size:14px;
font-weight:bold;
text-align:center;
}


#with {
width:710px;
padding:27px 0 20px 17px;
margin:0 -20px -60px -23px;
border-top:1px solid #e5e5e5;
position:relative;
overflow:hidden;
background:url('../img/users.jpg') repeat-x 0 0;
}
#with .line {
width:100%;
overflow:hidden;
background:url('../img/new-line.png') no-repeat -334px 21px;
}
#with .item-mid {
margin:0 36px 5px 0;
float:left;
}
#with p.label {
padding:0 0 0 27px;
margin:0 0 2px 0;
display:block;
font-size:14px;
font-weight:bold;
color:#f5ad00;
}
#with p.label img {display:block;}


#info {
width:100%;
padding:10px 0;
overflow:hidden;
}
#info .left {
width:200px;
padding:15px 14px 0 15px;
margin: 0 40px 0 0;
float:left;
overflow:hidden;
background:url('../img/info-left.png') no-repeat 0 0;
}
#info .left img {
width:200px;
display:block;
}
#info .left .btm {
width:230px;
height:15px;
margin:0 -15px;
overflow:hidden;
background:url('../img/info-left.png') no-repeat 0 100%;
}
#info .right {
width:390px;
float:left;
overflow:hidden;
}
#info .right p {
margin:0 0 23px 0;
line-height:14px;
}
#info .right p.info {
width:390px;
margin:0 0 16px 0;
display:block;
background:#e2f4fb url('../img/info.png') no-repeat 0 100%;
}
#info .right p.info span {
padding:12px 20px;
margin:0;
display:block;
background:url('../img/info.png') no-repeat 0 0;
}
#info .right .line {
height:35px;
padding:8px 11px 0 21px;
overflow:hidden;
float:left;
position:relative;
background:url('../img/download-line.png') no-repeat 0 0;
}
#info .right .line .bg {
width:25px;
height:43px;
position:absolute;
top:0;right:0;
z-index:1;
background:url('../img/download-line.png') no-repeat 100% 0;
}
#info .right .line p {
padding:6px 12px 0 0;
margin:0;
float:left;
display:block;
font-size:17px;
line-height:17px;
font-weight:bold;
position:relative;
z-index:2;
}
#info .right .line .button {
width:87px;
float:left;
position:relative;
z-index:2;
}
#info .right .line .button img {
width:87px;
height:28px;
display:block;
}


.ratingheading {
width:100%;
padding:0 0 15px 0;
overflow:hidden;
}
.ratingheading h3 {
margin:0;
padding-right:16px;
float:left;
display:block;
}
.ratingheading .rating {
float:left;
}


#week {
width:34px;
height:584px;
margin:0 0 0 499px;
overflow:hidden;
position:fixed;
top:23px;left:50%;
z-index:0;
background:url('../img/week.jpg') no-repeat 100% 0;
}
#week p.label {
width:34px;
height:572px;
padding:12px 0 0 0;
margin:0;
display:block;
position:absolute;
top:0;right:0;
background:url('../img/ico/arr.png') no-repeat -19px 10px;
}
.week-active p.label {
background:url('../img/ico/arr.png') no-repeat 11px 10px !important;
}
#week p.label a {
padding:16px 0 30px 8px;
outline:none;
display:block;
}
#week p.label img {
display:block;
}
#week .block {
width:135px;
height:520px;
padding:31px 8px 0 0;
margin:0 35px 0 0;
overflow:hidden;
position:absolute;
top:0;right:0;
}
#week .search {
margin:0 0 21px 0;
background:url('../img/ico/search.gif') no-repeat 100% 100%;
}
#week .search .cover {
text-align:center;
}
#week .search .cover .link a {
margin:0 0 6px 0;
background:none;
}
#week .search p.round {
margin:0 0 3px 12px;
}
#week .search p.blue {
width:44px;
margin:0 auto;
left:7px;
}