html, body{background: #001328; text-align:center; *overflow-x: hidden;}

/* NAVIGATION SKIP */
#nav-skip a{position: absolute; left: -2000px; top: 0;}
#nav-skip a:focus, #nav-skip a:active{position: absolute; left: 50%; width: 950px; background: #fff; padding: 2px 0 5px; z-index: 99; text-align: center; margin: 0 0 0 -475px;}

/* LAYOUT */
.inBox {margin:0 auto; width:960px; text-align:left;}
#header {background: #001328 url('/img/1.0/bg/header.png') 0 0 repeat-x;}
#header .bg-help {background: url('/img/1.0/bg/header-in.jpg') 50% 0 no-repeat; padding:1px 0; width:100%; min-height:260px;}
#header .compact.bg-help {min-height:101px;}
#main {background:#f4f4f4 url('/img/1.0/bg/main.png') 0 0 repeat-x; padding: 9px 0 0;}
#main .inBox {background:#fff; border:1px solid #d9d9d9; border-bottom:none; margin-top:9px; overflow: hidden;}

/* TABLE */
.inBox table { border-collapse: collapse; border: 1px solid #d9d9d9; }
.inBox table th {background-color: #001d3d; color: #fff; font-weight: bold; text-align: left; border: 1px solid #d9d9d9;}
.inBox table th.sub { background-color: #f4f4f4; color: #000}
.inBox table td { border: 1px solid #d9d9d9; }

.inBox table.reset { border: 0; width: auto; }
.inBox table.reset td { border: 0; padding: 3px; }

.inBox table.compact td, .inBox table.compact th { padding: 2px; }

/* PRE */
.inBox pre { background-color: #fffad8; width: 100%; overflow: auto; overflow-x: auto; overflow-y: hidden; font-size: 120%;	padding-bottom: 20px; border: 1px solid #d9d9d9; }

/* COLS */
#col-side{width:229px;}
#col-content{width:675px;}
#col-left #col-side{float:left; display:inline; padding-bottom:5000px; margin-bottom:-5000px; background:#f9f9f9 url('/img/1.0/bg/col-left.png') 0 100% repeat-x; border-right:1px solid #d9d9d9;}
#col-left #col-content{float:right; display:inline; margin-right: 30px; padding-bottom:20px;}
#col-right #col-side{float:right; display:inline; margin-bottom:-5000px; border-left:1px solid #d9d9d9; width:209px; padding:60px 10px 5000px;}
#col-right #col-content{float:left; display:inline; margin-left: 30px; padding:20px 0;}
#content {padding: 15px 35px 10px 25px;}

/* LOGO & CLAIM */
#logo{font-size:200%; color:#fff; margin:30px 0 0; font-weight:bold; line-height:1.3;}
#logo a{color:#fff; text-decoration:none;}
#claim{color:#fff; margin:0;}

/* SEARCH BOX */
#search-box{position:absolute; right:50%; top:45px; width:300px; text-align:right; margin-right:-480px;}
#search-box .int{width: 150px; border:1px solid #7e9db9; background:#fff; padding: 6px;}
#search-box .inline-btn{display: -moz-inline-block; display:inline-block; height:34px; background:url('/img/1.0/btn/all.png') 0 0 no-repeat; vertical-align:middle; text-decoration:none; padding:0; }
#search-box .inline-btn span, #search-box .inline-btn input{height:34px; display: -moz-inline-block; display:inline-block; background:url('/img/1.0/btn/all.png') 100% -100px no-repeat; line-height:34px; border:none; padding:0 10px; font-weight:bold; color:#fff;  cursor:pointer; font-size:117%; font-family: arial, helvetica, sans-serif; vertical-align: top; overflow: visible;  margin: 0;  }

/* MAIN PRODUCTS */
#main-products{margin:42px 0 0;}
#main-products li{float:left; display:inline; text-align:center; color:#b3c0cb; width:223px; margin: 0 9px 0 8px;}
#main-products li.hover {cursor:pointer; color:#fff;}
#main-products li img {vertical-align:middle;}
#main-products .title{font-size:117%; margin:0 0 3px; font-weight:bold; line-height:1.2;}
#main-products .title a{color:#fff; text-decoration:none;}
#main-products p{font-size:92%; margin: 0; line-height:1.2;}
#main-products .in{background:url('/img/1.0/bg/main-products.png') 0 0 no-repeat; margin-top:-40px; position:relative; padding:13px 0 0; height:59px;}
#main-products li.hover .in {background:url('/img/1.0/bg/main-products-active.png') 0 0 no-repeat;}
#main-products .two-lines .in{padding: 8px 0 0;}
#main-products .two-lines .title{margin: 0 0 1px;}

/* BREADCRUMB */
#breadcrumb {font-size:92%; color:#666; }
#breadcrumb p {padding: 3px 16px;}
#breadcrumb a {color:#666;}

/* PREVIEW */
#preview {font-size:117%; color:#666;}

/* PRODUCT LIST */
#product-list {position:relative; margin: 0 -30px 0 -25px;}
#product-list li {border-bottom:1px solid #d9d9d9; padding: 17px 40px 0 200px;}
#product-list h2 {font-size:117%; margin: 15px 0; text-align: left;}
#product-list h3 {font-size:133%; font-weight:bold; margin: 0 0 0.3em;}
#product-list h3 img {float:left; display:inline; margin-left:-180px;}
#product-list h3 a {text-decoration:none;}
#product-list p {font-size:108%; margin:0 0 0.8em;}

/* FORUM LIST */
#forum-list{position:relative; margin: 0 0 20px; width:100%;}
#forum-list h2 {border:1px solid #d9d9d9; border-width:1px 1px 0; background:#001d3d; color:#fff; font-size:117%; margin:0; padding: 15px 15px;}
#forum-list ul {border:1px solid #d9d9d9; border-width: 0 1px; padding: 0 0 5px; background:url('/img/1.0/bg/forum-list.png') 0 100% repeat-x;}
#forum-list li {border-bottom:1px solid #d9d9d9; padding: 13px 20px 8px 85px;}
#forum-list a {text-decoration:none;}
#forum-list h3 {font-size:150%; margin: 0;}
#forum-list .answers {float:left; display:inline; margin: 5px 0 0 -70px; width:60px; color:#999; text-transform:uppercase; font-size:85%; text-align:center;}
#forum-list .answers a {display:block; background:#002d57 url('/img/1.0/bg/answers.png') -60px 0 no-repeat; height:54px; color:#fff;  line-height:1; padding: 5px 0 0;}
#forum-list .answers a.green {background-position:0 0; background-color:#9ABA00;}
#forum-list .answers a strong {display:block; font-size:350%;}
#forum-list .info {font-size:92%; color:#666; margin: 1px 0 9px;}
/*#forum-list .info {float:right; display:inline; font-size:92%; color:#666; margin: 10px 0 8px;}*/
/*#forum-list .info a {color:#f04900; text-decoration:underline;}*/
#forum-list .info a {color:#1155A3; text-decoration:underline;}
#forum-list .info a:hover {color:#1155a3;}
/*#forum-list .tags {float:left; display:inline; margin: 10px 0 0;}*/
/*.tags a {display:inline-block; border:1px solid #bdc9d6; font-size:92%; padding: 2px 5px; margin: 0 2px 0 0;}*/
.tags { margin-top: 4px; margin-bottom: 4px; }
.tags a { display:inline-block; border:1px solid #bdc9d6; font-size:92%; padding: 2px 5px; margin: 0 2px 0 0; text-decoration: none; border-radius: 5px;  }
.tags a:hover { background-color: #DEE7F8; color: black; }
/*.tags a {display:inline-block; xborder:1px solid #bdc9d6; font-size:92%; padding: 2px 5px; margin: 0 2px 0 0; color: white; background-color: #001D3D; text-decoration: none;}*/

/* COMMENTS LIST */
#comments-list {position:relative; margin: 30px 0 20px; padding: 0 0 5px; background:url('/img/1.0/bg/forum-list.png') 0 100% repeat-x; width:100%;}
#comments-list .header {border:1px solid #d9d9d9; border-width:1px 1px 0; background:#001d3d; color:#fff; margin:0; padding: 10px 15px;}
#comments-list .header h2 {font-size:117%; margin:0; padding:10px 0 0;}
#comments-list .header p.r {margin:0;}
#comments-list .header a {background-position:-5000px 0; color:#fff; margin: 0 0 ;}
#comments-list .header span {background-position:-5000px 0; color:#fff;}
#comments-list .header a:hover, #comments-list .header .active {background-position:0 -400px; height:29px; position:relative;}
#comments-list .header a:hover span, #comments-list .header .active span {background-position:100% -500px; height:29px; line-height:27px; color:#333;}
#comments-list .header .active span span {padding:0; width:14px; height:9px; line-height:1px; font-size:1px; position:absolute; left: 50%; margin-left:-7px; bottom: -6px; background:url('/img/1.0/btn/white-row.png') 0 0 no-repeat;}
#comments-list ul {border:1px solid #d9d9d9; border-width: 0 1px;}
#comments-list li {border-bottom:1px solid #d9d9d9; padding: 10px 10px 5px 50px; position:relative; zoom: 1;}
/*#comments-list .vote {position:absolute; left: 10px; top: 10px; width:30px;}*/
#comments-list .vote {position:absolute; left: 10px; top: 10px; xwidth:30px;}
#comments-list .vote .voteDown, #comments-list .vote .voteUp {height:0; width:30px; display:block; padding:10px 0 0; overflow:hidden; background:url('/img/1.0/bg/vote.png') 0 0 no-repeat;}
#comments-list .vote .voteDown {background-position: 0 -10px;}
#comments-list .vote span.item, #comments-list .vote strong {display:block; line-height:37px; font-weight:bold; color:#fff; font-size:292%; text-align:center; background:#99b900 url('/img/1.0/bg/vote-green.png') 0 0 no-repeat;}
#comments-list .vote span.item {background:#00294e url('/img/1.0/bg/vote-blue.png') 0 0 no-repeat;}
#comments-list form {border:1px solid #d9d9d9; border-width: 0 1px 1px; padding: 15px 15px 5px;}
#comments-list form .inline-btn {background-position:0 -600px;}
#comments-list form .inline-btn span {background-position:100% -700px; padding: 0 20px;}
#comments-list li .small a:hover, a.more:hover, a {color:#1155a3; outline:none;}
/*#comments-list li .small a, a:hover {color: #f04900;}*/
#comments-list li .small a {color: #95B501;}
#comments-list em { font-size: 90%; }

#comments-list ul li ul {border: 0px none;}
#comments-list ul li ul li {border: 0px none; padding: 0px; list-style-type:disc; }

/* HIGHLIGHTS */
#highlights {position:relative; margin: 0 -30px 0 -25px; border-bottom:1px solid #d9d9d9; /*background:#f4f4f4;*/ padding: 1px 0 0 20px; text-align:center;}
#highlights h2 {font-size:117%; margin: 15px 0; text-align: left;}
#highlights li {float:left; display:inline; width:110px; padding: 0 10px 5px; background:url('/img/1.0/bg/highlights-li.png') 0 50% no-repeat;}
#highlights li.first {background:none;}
#highlights h3 {font-size:100%; font-weight:normal; margin: 0 0 0.4em;}
#highlights h3 a {padding: 70px 0 0; display:block; text-decoration:none;}
#highlights p {font-size:92%;}
.ico-display {background:url('/img/1.0/ico/display.png') 50% 10px no-repeat;}
.ico-clock {background:url('/img/1.0/ico/clock.png') 50% 8px no-repeat;}
.ico-stick {background:url('/img/1.0/ico/stick.png') 50% 6px no-repeat;}
.ico-question {background:url('/img/1.0/ico/question.png') 50% 10px no-repeat;}
.ico-buble {background:url('/img/1.0/ico/buble.png') 50% 10px no-repeat;}

/* NEWS LIST */
#news-list{margin: 0 0 15px -5px; position:relative;}
#news-list h2 {font-size:117%; margin: 15px 0; padding: 1px 0 1px 22px; background:url('/img/1.0/ico/rss.png') 0 50% no-repeat; position:relative;}
#news-list ul {border-bottom: 1px solid #ececec; margin: 0 0 7px; padding: 0 0 5px;}
#news-list li {padding: 5px 0; width:100%;}
#news-list li a {text-decoration:none;}
#news-list li span {display:inline-block; color:#999; border-right:1px solid #d9d9d9; width: 90px; margin-right:5px; text-align: right; padding-right: 5px;}

/* USER */
/*.user {position:relative; float:right; display:inline; width:202px; margin: 0 0 0 10px;}*/
.user {position:relative; float:right; display:inline; width:202px; margin: 5px 5px 5px 10px;}
.question .user { margin-right: 10px; } 
.user p {background:#f4f4f4; border:1px solid #d9d9d9; padding:6px 10px 6px 70px; min-height:48px; font-size:92%; color:#666; margin: 0;}
/*.user a {color:#f04900; text-decoration:underline; display:block; padding: 0px 0 0;}*/
.user a {color:#95B501; text-decoration:underline; display:block; padding: 0px 0 0;}
.user a img {margin:-8px 0 0 -60px; float:left; display:inline;}
.user a:hover {color:#1155a3;}
.user .cor {width:3px; height:3px; background-image:url('/img/1.0/bg/corner-user.png');;}

/* COL SIDE */
#col-side h2 {font-size:117%; color:#1155a3; margin: 2em 0 0.5em;}

/* SIMULAR QUESTIONS */
.similar-questions ul li{border-top:1px solid #d9d9d9; padding: 5px 5px 5px 12px; background: url('/img/1.0/bg/li.png') 3px 0.75em no-repeat;}
.similar-questions ul li.first{border:none;}
.similar-questions a{text-decoration:none;}

/* SIDE MENU */
#side-menu { margin-bottom: 50px; background:url('/img/1.0/bg/side-menu.png') 0 0 repeat-y; }
#side-menu ul {border-bottom:1px solid #d9d9d9; margin-top:-1px;}
#side-menu li {vertical-align:bottom; width:100%;}
#side-menu ul ul {border-bottom:none; margin-top:0;}
#side-menu a, #side-menu strong {display:block; text-decoration:none; padding: 6px 6px 6px 6px; border-top:1px solid #d9d9d9;}
#side-menu a.active {background:#002449 url('/img/1.0/bg/side-menu-li.png') 0 0 repeat-x; color:#fff; font-weight:bold;}
#side-menu li li a { padding-left: 28px; }
#side-menu li li li a { padding-left: 48px; }
#side-menu li li li li a { padding-left: 68px; }
#side-menu li li li li li a { padding-left: 88px; }

/* FOUR COLS */
#four-cols .col {float:left; display:inline; width:220px; color:#fff; margin: 0 10px;}
#four-cols a {color:#fff;}
#four-cols a:hover {color:#fff; text-decoration:none;}
#four-cols h2 {font-size:117%; margin: 0 0 -1px; padding: 8px 5px; border-bottom: 1px solid #667483;}
#four-cols h2 a {text-decoration:none;}
#four-cols li {padding: 7px 0 0px 15px; background:url('/img/1.0/bg/four-cols.png') 5px 1em no-repeat ;}
#four-cols p {margin: 7px 0 1em;}

/* BAR */
#bar {position:absolute; left: 50%; top: 0; width:480px; background: url('/img/1.0/bg/header-in.jpg') -825px 0 no-repeat; font-size:92%; color:#fff;}
#bar-bg {position:absolute; left: 50%; width:50%; background:url('/img/1.0/bg/bar-bg.png') 0 0 no-repeat; height: 24px; top: 0;}
#bar p {margin: 0; float:right; display:inline; background:url('/img/1.0/bg/bar.png') 0 0 no-repeat; padding: 4px 5px 5px 30px; position:relative; z-index: 10;}
#bar strong {font-weight:normal;}
#bar a {color:#fff; position:relative; z-index: 100;}

/* FOOTER */
#footer{padding: 10px 0 20px; background:url('/img/1.0/bg/footer.png') 50% 0 no-repeat;}
#footer .inline-btn{display: -moz-inline-block; display:inline-block; height:34px; background:url('/img/1.0/btn/all.png') 0 0 no-repeat; vertical-align:middle; text-decoration:none; padding:0; }
#footer .inline-btn span, #footer .inline-btn input{height:34px; display: -moz-inline-block; display:inline-block; background:url('/img/1.0/btn/all.png') 100% -100px no-repeat; line-height:34px; border:none; padding:0 10px; font-weight:bold; color:#fff;  cursor:pointer; font-size:117%; font-family: arial, helvetica, sans-serif; vertical-align: top; overflow: visible;  margin: 0;  }

/* MESSAGES */
.ok-msg{background:#95b501 url('/img/1.0/ico/yes.png') 7px 50% no-repeat; color:#fff; margin: 0 0 10px; padding: 5px 10px 5px 28px; position:relative;}
.ok-msg .cor {background-image:url('/img/1.0/bg/corner-ok.png'); width:2px; height:2px;}

/* special */
span.price {display: -moz-inline-block; display:inline-block;  font-size: 117%; font-weight: bold; height:34px; line-height:34px; vertical-align: top; }
span.old { text-decoration:line-through; color: red;}

td.price { width: 20%; text-align: center; }
td.buy { width: 20%; text-align: center; }

/* BUTTONS */
.inline-btn{display: -moz-inline-block; display:inline-block; height:34px; background:url('/img/1.0/btn/all.png') 0 0 no-repeat; vertical-align:middle; text-decoration:none; padding:0; background-position:0 -600px;}
.inline-btn span, .inline-btn input{height:34px; display: -moz-inline-block; display:inline-block; background:url('/img/1.0/btn/all.png') 100% -100px no-repeat; line-height:34px; border:none; padding:0 10px; font-weight:bold; color:#fff;  cursor:pointer; font-size:117%; font-family: arial, helvetica, sans-serif; vertical-align: top; overflow: visible;  margin: 0; background-position:100% -700px; }
.buttons {margin: 25px 0;}
.buttons .inline-btn {height:33px; position:relative; background-position:0 -200px; margin: 0 5px 0 0;}
.buttons .inline-btn span {height:33px; line-height:31px; position:relative; background-position:100% -300px; color:#1155a3; padding: 0 15px; text-transform:none; font-size:117%;}
.buttons .inline-btn:hover span {color:#f04900;}
.buttons .inline-btn .ico-plus {padding:0; background:url('/img/1.0/ico/plus.png') 0 45% no-repeat; margin: 0 0 0 -5px; padding: 0 0 0 23px; font-size:100%;}
.buttons .active span span {padding:0; height:9px; width:14px; background:url('/img/1.0/ico/btn-row.png') 0 0 no-repeat; position:absolute; left:50%; bottom: -6px; margin-left:-7px; line-height:1px; font-size:1px;}
.back .inline-btn span span {padding:0; height:14px; width:7px; background:url('/img/1.0/ico/btn-rowl.png') 0 0 no-repeat; position:absolute; top:50%; left: -6px; margin-top:-7px; line-height:1px; font-size:1px;}
.back {margin: 5px 0 15px;}

/* CORNERS */
.cor{position:absolute; background-repeat:no-repeat; display:block; z-index:10; height: 8px; width: 8px; background-image:url('/img/1.0/bg/corner.png'); line-height: 1px; font-size: 1px;}
.cor-l{top:0; left:0; background-position:0 0;}
.cor-r{top:0; right:0; background-position:100% 0;}
.cor-bl{bottom:0; left:0; background-position:0 100%;}
.cor-br{bottom:0; right:0; background-position:100% 100%;}

