html, div, body, p, form, img, h1, h2, h3, input { margin:0 auto; padding:0; font:12px/160% Verdana, Arial, Helvetica, sans-serif; color:#5a5d61; }
body { text-align:left; background:#f4f5f7 url(/style/images/top-bg.jpg) repeat-x top center; }
ul, ol { margin:0; padding:0; list-style:none; }
li { margin:0; list-style:none; padding:0; }
h1 { font:bold 18px/39px Verdana, Geneva, sans-serif; margin-left:15px; }
h2 { font:bold 15px/2 Verdana, sans-serif; color:#468BF3; padding-left:10px; }
img { border:none; }
a, a:link, a:visited { text-decoration:none; color:#5a5d61; }
a:hover, a:active { text-decoration:underline; color:#5a5d61; }
.c { clear:both; }
/*header*/
#header { width:960px; height:97px; position:relative; }
#logo { float:left; width:276px; height:85px; }
.menu { float:right; margin:25px 0 0 0; height:71px; overflow:hidden; }
#lang { margin-left:265px; }
.nav { list-style:none; width:553px; margin-top:24px; overflow:hidden; }
.nav li { float:left; font-size:14px; font-weight:bold; margin:0 15px; height:28px; display:inline; }
.nav li a { padding-bottom:16px; }
.nav li a:hover, .nav .now, .nav .over { background:url("/style/images/triangle.gif") no-repeat center 20px; text-decoration:none; color:#0064ff; }
.nav .now a { color:#0064ff; }
/*search*/
#search { position:absolute; top:20px; right:265px; width:395px; margin: 0; }
#q { height:28px; line-height:28px; padding:1px 0 1px 35px; width:245px; float:left; background:url(/style/images/search-bg.jpg) no-repeat; border:none; }
.btn_search { background:url(/style/images/search.jpg) no-repeat scroll 0 0 transparent; border:none; cursor:pointer; height:28px; width:28px; float:left; margin-left:0; overflow:hidden; line-height:200px; font-size:0; }
/*Right Navigation*/
#side { float:right; width:255px; }
.side-img { width:254px; height:256px; }
#side #cat { margin-top:10px; }
#side #cat #mac-top, #side #cat #win-top { background:url(/style/images/cat-bg.jpg) no-repeat; height:38px; line-height:38px; color:#fffffd; padding-left:50px; }
#side #cat #win-top { background:url(/style/images/cat-bg.jpg) 0 -71px no-repeat }
#side #cat #win, #side #cat #mac { background:url(/style/images/cat-bg.jpg) 0 -38px no-repeat; height:33px; line-height:33px; color:#fffffd; padding-left:50px; }
#side #cat #mac { background:url(/style/images/cat-bg.jpg) 0 -109px no-repeat }
#cat, #partner { background-color:#FFF; }
#cat h3 { clear: both; color: #5C5C5C; font: bold 14px/34px Tahoma, Geneva, sans-serif; height: 34px; overflow: hidden; padding-left:40px; border:1px solid #babfc2; border-bottom:none; }
#cat h3 span { float:left; }
#cat h3 a { float:right; margin:10px 20px 0 0; _margin:10px 10px 0 0; }
.suite { background:url(/style/images/suite.gif) no-repeat 10px center; }
.ipod { background:url(/style/images/ipod.gif) no-repeat 10px center; }
.dvd { background:url(/style/images/dvd.gif) no-repeat 10px center; }
.video { background:url(/style/images/video.gif) no-repeat 10px center; }
#cat ul { padding:5px 12px; border-left:1px solid #babfc2; border-right:1px solid #babfc2; zoom:1; }
#cat ul li { background:url(/style/images/li.jpg) no-repeat left 8px; padding-left:10px; }
.nav-bottom { background:url(/style/images/nav-bottom.jpg) no-repeat; height:6px; overflow:hidden; }
#partner { margin-top:10px; }
#partner h2 { background:url(/style/images/partner-bg.jpg) no-repeat; height:38px; line-height:38px; color:#FFF; font-size:15px; font-weight:bold; padding-left:50px; }
#partner ul { padding:5px 12px; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; zoom:1; }
#partner ul li { background:url(/style/images/li.jpg) no-repeat left center; padding-left:10px; }
#article { margin-top:10px; }
#article h2 { background:url(/style/images/partner-bg.jpg) no-repeat; height:38px; line-height:38px; color:#FFF; font-size:15px; font-weight:bold; padding-left:50px; }
#article ul { padding:5px 12px; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; zoom:1; }
#article ul li { background:url(/style/images/li.jpg) no-repeat left 8px; padding-left:10px; }
/*footer*/
#footer { margin-top:10px; width:980px; text-align:center; }
.footer-top { background:url(/style/images/footer-top.jpg) no-repeat; width:961px; height:39px; line-height:45px; text-align:center; font-size:13px; }
.footer-top a { margin:0 20px; }
.copyright { margin:10px 0 5px; }
.follow { background:url(/style/images/follow.jpg) no-repeat; width:41px; height:166px; float:right; position:absolute; }
/* -------->> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }