@charset "utf-8";
/* CSS Document */
*{ margin:0;}

body{background:#0c0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;}
img{ border:none; vertical-align:middle;}

#main-bg{background:#000000 url("../images/main-bg.gif") left top repeat-x; float:left; width:100%; padding-bottom:10px;}
#main-wapper{ margin:0 auto; width:810px; clear:both;}
.main-left{ float:left; width:504px;}
.main-right{ float:right; width:270px;}
.header,
.contain{ margin:0 auto; width:100%; clear:both;}
.logo{ float:left; padding:5px 0 0px 0;}
.viewcart-l{ float:left; margin:0px 0px 7px 0; background:url("../images/menu-left.gif") left top no-repeat; width:99%; padding-left:1%;}
.viewcart-r{ float:left;  background:url("../images/menu-right.gif") right top no-repeat; width:99%; padding-right:1%;}
.viewcart{ float:left; background:url("../images/menu-bg.gif") left top repeat-x; width:100%; height:33px;}

.play-m,
.play-ma{ float:left; font-size:12px; font-weight:bold; margin:0; padding-right:3px; background:url("../images/menu-bo.gif") right top no-repeat;}
.play-m a{ float:left; display:block; text-decoration:none; height:33px; line-height:33px; padding:0 10px; color:#000000;}
.play-m a:hover{background:url("../images/menu-h.gif") left top repeat-x; color:#ffffff;}

.play-ma a{ float:left; display:block; text-decoration:none; height:33px; line-height:33px; padding:0 10px; background:url("../images/menu-ac.gif") left top repeat-x; color:#ffffff;}

.paging{ float:right; padding:5px 0 5px 0; width:100%; background-color:#000000; border:#202020 solid 2px;}

.paging .pag1p{width:20px; height:17px; float:left; display:block; background:url("../images/pre.gif") left top no-repeat;}
.paging .pag1n{width:20px; height:17px; float:left; display:block; background:url("../images/next.gif") right top no-repeat;}

.paging .pag{width:20px; height:17px; float:right; display:block; padding-right:10px;}
.paging .pag a { width:20px; height:17px; float:left; display:block; background:url("../images/next.gif") right top no-repeat; }
.paging .pag a:hover{background:url("../images/next-h.gif") right top no-repeat;}

.paging .pag1{width:20px; height:17px; float:left; display:block; padding-left:10px;}
.paging .pag1 a { width:20px; height:17px; float:left; display:block; background:url("../images/pre.gif") right top no-repeat;}
.paging .pag1 a:hover{background:url("../images/pre-h.gif") right top no-repeat;}
.paging  span{ display:none;}

.newsletter{ float:right; clear:both; padding:20px 42px 0 0; width:261px; text-align:right;}
.newsletter-page{ float:right; clear:none; padding:20px 0px 0 0; width:261px; text-align:right;}
.newsletter form{ margin:0; padding:0;}
.newsletter label{ float:left; padding:0 0 3px 38px;}
.newsletter input{ vertical-align:middle;}
.news{ border:solid 1px #fa0505; background:#f4f4f4; color:#3c3c3c; width:196px; height:17px;}
.newsletter .mess{font-size:11px; text-align:left; padding:2px 0 2px 38px;}
.newsletter .error{ color:#FF0000;}
.newsletter .succ{ color:#ffffff;}

#top-menu{ width:100%; clear:both;}
#top-menu ul {list-style:none; margin:0; padding:0;}
#top-menu li{ font-size:11px;margin:0;  padding:3px 0 0 0;}
#top-menu li a{color:#ffffff; text-decoration:none;background:url("../images/plus.gif") left center no-repeat; margin:0; padding:0 0 0 15px;}
#top-menu li a:hover{color:#ff0000; text-decoration:none;}

/*Boxes*/
.box-lt{background:url("../images/box-lt.gif") left top no-repeat; padding-left:10px;}
.box-rt{background:url("../images/box-rt.gif") right top no-repeat; padding-right:10px;}
.box-tb{background:url("../images/box-tb.gif") left top repeat-x; height:10px;font-size:1px;}

.box-lb{background:url("../images/box-lb.gif") left bottom no-repeat; padding-left:10px; clear:both;}
.box-rb{background:url("../images/box-rb.gif") right bottom no-repeat; padding-right:10px;}
.box-bb{background:url("../images/box-bb.gif") left bottom repeat-x; height:10px; font-size:1px;}

.box-ml{background:url("../images/box-ml.gif") left top repeat-y; padding-left:1%; float:left; width:99%;}
.box-mr{background:#1a1a1a url("../images/box-mr.gif") right top repeat-y; padding-right:10px; float:left; width:489px;}
.box-mr-about{background:#1a1a1a url("../images/box-mr.gif") right top repeat-y; padding:0px 15px 10px 10px; float:left; width:777px; min-height:342px;}
* html .box-mr-about{ height:342px;}

#footer-bg{background:url("../images/footer-bg.gif") left top repeat-x;  float:left; width:100%; text-align:center; padding-top:0px;  color:#777878;font-size:12px;}
#footer-bg p{color:#777878; padding-bottom:5px;}
#footer-bg p.copy{color:#777878; font-size:11px; padding-bottom:5px;}
#footer-bg a{ color:#777878; text-decoration:none;}
#footer-bg a:hover{ color:#ffffff; text-decoration:underline;}
#footer-bg a.active:link,
#footer-bg a.active:visited{color:#ffffff; text-decoration:none;}

/*Contain*/
.left{ float:left; background:#ffffff; width:64%;}
.right{ float:left; background:#1a1a1a; width:96%; /*height:320px;*/}
.scrol{/* height:332px;*/ float:left; width:100%;}
* html .scrol{ /*height:332px;*/ width:100%;}
.right .section{ float:left; width:100%; padding:7px 0;}
.right .thum{ width:auto; float:left;}
.right .desc{ width:75%; float:right;}
.right .link{ width:75%; float:right;}

h3{ font-size:12px; font-weight:bold; color:#ffffff; margin:0; padding-bottom:5px;}
p{ font-size:11px; color:#ffffff;}
.right .img-normal { float:left; border:solid 1px #ffffff;}
.right .img-select {float:left; border:solid 1px #ff0000;}
.play{ float:left; font-size:12px; font-weight:bold; margin:5px 5px 10px 0;}
.play a{ float:left; display:block; background:url("../images/butl-a.gif") left top no-repeat; text-decoration:none; padding-left:14px;}
.play a span{ float:left; display:block; background:url("../images/butr-a.gif") right top no-repeat; text-decoration:none; color:#000000;  height:18px; line-height:18px; padding-right:14px; cursor:pointer;}
.play a:hover{background:url("../images/butl.gif") left top no-repeat;}
.play a:hover span{background:url("../images/butr.gif") right top no-repeat; color:#ffffff;}

.play-a{ float:left; font-size:12px; font-weight:bold; margin:5px 5px 0 0;}
.play-a a{ float:left; display:block; background:url("../images/butl.gif") left top no-repeat; text-decoration:none; padding-left:14px;}
.play-a a span{ float:left; display:block; background:url("../images/butr.gif") right top no-repeat; text-decoration:none; color:#ffffff;  height:18px; line-height:18px; padding-right:14px; cursor:pointer;}

/*Sign up*/
.signin{ float:right; background:#000000; width:31%; padding:1% 2%; height:300px;}
.signup{padding:1% 2%;}
.error-msg{ color:#ff0000; font-size:11px; padding:3px 0;}
.star{ color:#ff0000; font-size:11px; padding:3px 1px;}

h2{ font-size:13px; font-weight:bold; color:#ffffff; margin:0; padding-bottom:10px;}
p{ font-size:12px; font-weight:normal; color:#ffffff; margin:0; padding:3px 0;}
.signup .list{ float:left; width:100%; margin:2px 0;}
.signup .list .lable{ float:left; width:29%; padding:3px 1% 0 0; text-align:right;}
.signup .list .lable-dec{ float:left; width:65%;}
.signup .list .submit{float:left; width:70%; padding-left:30%;}
.signup .list .submit input{background:url("../images/button.gif") left top repeat-x; color:#000000; font-weight:bold;}
.signup .list .lable-dec input{border:solid 1px #fa0505; background:#f4f4f4; color:#3c3c3c; width:200px; height:17px;}
.signup .list .lable-dec textarea{border:solid 1px #fa0505; background:#f4f4f4; color:#3c3c3c; width:200px;}
.signup .list .error-msg{padding:0 0 5px 29%;}

.signin .list{ float:left; width:100%; margin:2px 0;}
.signin .list .lable{ float:left; width:100%; padding-bottom:3px;}
.signin .list .lable-dec{ float:left; width:100%;}
.signin .list .submit,
.signin .list .remember{float:left; width:100%;}
.signin .list .submit input{background:url("../images/button.gif") left top repeat-x; color:#000000; font-weight:bold;}
.signin .list .lable-dec input{border:solid 1px #fa0505; background:#f4f4f4; color:#3c3c3c; width:220px; height:17px;}

.iphone{width:221px; margin:0px 0 0 40px;}
.iphone-top{background:url("../images/display_iPhone_top.gif") left bottom no-repeat; height:61px; width:100%;}
.iphone-bottom{background:url("../images/display_iPhone_bottom.gif") left top no-repeat; height:67px; width:100%;}
.iphone-left{background:url("../images/display_iPhone_L-center.gif") left top no-repeat; padding-left:10px;}
.iphone-right{background: #000000 url("../images/display_iPhone_R-center.gif") right top no-repeat; padding-right:10px; height:250px;}

.right .thum {width:90px;}
.thum-top{background:url("../images/thum_top.gif") left bottom no-repeat; height:42px; width:100%;}
.thum-bottom{background:url("../images/thum_bottom.gif") left top no-repeat; height:23px; width:100%;}
.thum-left{background:url("../images/thum_left.gif") left top no-repeat; padding-left:5px;}
.thum-right{background: #000000 url("../images/thum_right.gif") right top no-repeat; padding-right:4px; height:84px;}


/* Jay iPhone  Menu */
.fleft{float:left;}
.fright{float:right;}

.btnbg{background:url("../images/menu-bg.gif") left repeat-x; width:810px; height:36px;  float:left; }

.buybtn a{background:url("../images/buy_ori.jpg") left no-repeat; width:116px; height:36px; display:block;}
.buybtn a:hover{background:url("../images/buy_rollover.jpg") left no-repeat; width:116px; height:36px; display:block;}

.qabtn a{background:url("../images/qa_ori.jpg") left no-repeat; width:118px; height:36px; display:block;}
.qabtn a:hover{background:url("../images/qa_rollover.jpg") left no-repeat; width:118px; height:36px; display:block;}

.supportbtn a{background:url("../images/support_ori.jpg") left no-repeat; width:118px; height:36px; display:block;}
.supportbtn a:hover{background:url("../images/support_rollover.jpg") left no-repeat; width:118px; height:36px; display:block;}

.btnbg { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: 0px 0px; width:810px; height:37px; clear:both;}

.btnbuy a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: 0px 0px; width:116px; height:37px; display:block; }
.btnbuy a:hover { background-position: 0px -38px; }
.btnbuyselected a{ background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: 0px -38px; width:116px; height:37px; display:block; }

.btnqa a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: -116px 0px; width:116px; height:37px; display:block; }
.btnqa a:hover { background-position: -116px -38px; }
.btnqaselected a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: -116px -38px; width:116px; height:37px; display:block; }

.btnsupport a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: -233px 0px; width:118px; height:37px; display:block; }
.btnsupport a:hover { background-position: -233px -38px; }
.btnsupportselected a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: -233px -38px; width:118px; height:37px; display:block; }

.btngeneral a { float:left; padding:0 30px; height:37px; line-height:37px; display:block; color:#000000; text-decoration:none; font-weight:bold; font-size:12px; }
.btngeneral a:hover {  color:#ffffff; background:url(../images/bg_hover.gif); background-repeat:repeat-x; }
.btngeneralelect a { background:url(../images/menu_bg.jpg); background-repeat:no-repeat; background-position: -233px -38px; width:118px; height:37px; display:block; }

/*
.test {border: solid 1px color #00FFFF; background:#CC0033; position: absolute; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; z-index: 11102; text-align: left; width: 700px; left: 366px; top: 11.5px;}

.stwrapper {
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
visibility:hidden;
co;or:#f1f1f1;
width:354px;
z-index:1000000;
}*/
.contact-info{ float:right; width:300px;}