/* CSS Document */

body,td,th { font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #333333; }
body { background: #155a86 url(images/bg-body.gif) repeat-x; margin: 0px; padding: 0px 0px 20px 0px; }

h1,h2,h3,ul,p,form { margin: 0px; padding: 0px; }
ul { list-style: none; }
a { color: #1c6796; }
a:hover { color: #000; }
small { font-size: 10px; }
small a { color: #ff9000; }
a.btn-dl { float: left; background: url(images/icon-os-small.gif) left no-repeat; padding: 0px 6px 3px 24px; }

h2 { font-size: 14px; border-bottom: 1px solid #cde3f1; margin-bottom: 10px; padding-bottom: 3px; }

#topheader { margin: auto; width: 938px; height: 32px; background: url(images/bg-topheader.gif); padding: 8px 15px 0px 15px; }
#topheader li a { float: right; width: 93px; height: 17px; background: url(images/bg-topheader-menu.gif) top; margin-left: 5px; text-decoration: none; font-weight: bold; font-size: 10px;
 padding: 3px 10px 0px 10px; }
#topheader li a:hover { color: #fff; background-position: bottom; }

#header { margin: auto; width: 938px; height: 90px; background: url(images/bg-header.gif); border-left: 5px solid #eda95b; border-right: 5px solid #eda95b; padding: 10px 15px 10px 15px; }
#header-left { float: left; width: 190px; height: 90px; }
#header-left a { display: block; width: 190px; height: 90px; background: url(images/bg-logo.gif) top; overflow: hidden; text-indent: -3000px; }
#header-left a:hover { background-position: bottom; }
#header-right { float: right; width: 728px; height: 90px; }

#topmenu { margin: auto; width: 938px; height: 60px; background: url(images/bg-topmenu.gif); padding: 10px 15px 0px 15px; }
#topmenulist { height: 30px; margin-bottom: 10px; }
#topmenulist li a { float: left; height: 21px; width: 120px; background: url(images/bg-topmenulist.gif) top; padding: 9px 15px 0px 15px; text-decoration: none; text-transform: uppercase;
	font-weight: bold; margin-right: 5px; }
#topmenulist li a:hover { color: #fff; background-position: bottom; }
#topstats { border-left: 5px solid #f79321; padding-left: 10px; font-size: 10px; color: #246d9b; }

#topmenulist-left { float: left; width: 700px; }
#topmenulist-right { float: right; width: 195px; padding-top: 4px; text-align: right; }
#topmenulist-right input { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }

#root { margin: auto; width: 938px; background: #fff url(images/bg-root.gif) repeat-y; padding: 15px 15px 0px 15px; }

#root-center { float: left; width: 300px; }
.centerlist { padding: 5px 10px 5px 10px; margin-bottom: 15px; border-bottom: 1px solid #cde3f1; }
.centerlist li { margin-bottom: 12px; padding: 0px 10px 0px 5px; }
.centerlist li span { display: block; font-size: 10px; color: #666; padding: 2px 0px 2px 0px; line-height: 16px; }
.centeradbox { margin-bottom: 10px; }

#cloudbox { background: #fff2da url(images/bg-cloudbox-top.gif) top no-repeat; margin-bottom: 20px; padding: 12px 15px 0px 15px; }
#cloudbox a { text-decoration: none; padding: 0px 2px 0px 2px; }
#cloudbox a.level-1 { font-size: 9px; font-weight: bold; }
#cloudbox a.level-2 { font-size: 9px; font-weight: bold; }
#cloudbox a.level-3 { font-size: 9px; font-weight: bold; }
#cloudbox a.level-4 { font-size: 9px; font-weight: bold; }
#cloudbox a.level-5 { font-size: 9px; font-weight: bold; }
#cloudbox a.level-6 { font-size: 10px; font-weight: bold; }
#cloudbox a.level-7 { font-size: 11px; font-weight: bold; }
#cloudbox a.level-8 { font-size: 12px; font-weight: bold; }
#cloudbox a.level-9 { font-size: 13px; font-weight: bold; }
#cloudbox a.level-10 { font-size: 14px; font-weight: bold; }
#cloudbox a:hover { border-bottom: 1px solid #7d9525; }
#cloudclear { clear: both; background: url(images/bg-cloudbox-bottom.gif) bottom no-repeat; }

#root-left { float: left; width: 422px; margin-right: 15px; }
.big-one { padding: 14px; border: 1px solid #cde3f1; line-height: 16px; margin-bottom: 15px; }
.big-one h2 { font-size: 18px; border-bottom: 1px solid #cde3f1; margin-bottom: 10px; padding-bottom: 3px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 18px; }
.big-one h2 a { text-decoration: none; }
.big-one h2 span { color: #666; font-size: 12px; }
.big-one li { border-bottom: 1px solid #efefef; margin-bottom: 4px; color: #666; font-size: 10px; }
.big-one li a { text-decoration: none; font-size: 11px; }
.big-one li a.spectext { color: #ff9900; font-size: 11px; font-weight: bold; }
.big-one li a.spectext:hover { color: #000; }
.big-one li.li-icon-chipset { background: url(images/icon-chipset-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-os { background: url(images/icon-os-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-motherboard { background: url(images/icon-motherboard-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-network-adapter { background: url(images/icon-network-adapter-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-sound-card { background: url(images/icon-sound-card-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-tv-tuner { background: url(images/icon-tv-tuner-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li.li-icon-graphic-adapter { background: url(images/icon-graphic-adapter-small.gif) right no-repeat; padding: 2px 20px 3px 0px; }
.big-one li span { display: block; }
.big-one li span a { color: #5c5c5c; font-size: 10px; padding: 0px; border-bottom: 1px solid #ccc; }

.big-one-cat { padding-top: 18px; border: 1px solid #cde3f1; line-height: 16px; margin-bottom: 15px; }
.big-one-cat li { float: left; width: 135px; margin: 0px 14px 5px 14px; padding: 5px 0px 0px 45px; height: 33px; }
.big-one-cat li.cat-li-network-adapter { background: url(images/icon-network-adapter.gif) top left no-repeat; }
.big-one-cat li.cat-li-graphic-adapter { background: url(images/icon-graphic-adapter.gif) top left no-repeat; }
.big-one-cat li.cat-li-sound-card { background: url(images/icon-sound-card.gif) top left no-repeat; }
.big-one-cat li.cat-li-motherboard { background: url(images/icon-motherboard.gif) top left no-repeat; }
.big-one-cat li.cat-li-storage { background: url(images/icon-storage.gif) top left no-repeat; }
.big-one-cat li.cat-li-tv-tuner { background: url(images/icon-tv-tuner.gif) top left no-repeat; }
.big-one-cat li.cat-li-none { padding: 5px 0px 0px 0px; height: 30px; width: 180px; }
.big-one-cat li span { font-size: 10px; color: #666; }
.big-one-cat li a { font-weight: bold; color: #F90; text-decoration: none; display: block; border-bottom: 1px solid #efefef; }
.big-one-cat li a:hover { color: #000; }

.leftlist, .leftinlist { line-height: 16px; }
.leftinlist { margin-bottom: 5px; padding: 15px; }
.leftinlist h3 { margin-bottom: 4px; font-size: 12px; padding-top: 4px; }
.leftlist li a { padding: 2px 14px 3px 14px; text-decoration: none; border-bottom: 1px solid #efefef; display: block; font-weight: bold; font-size: 12px; }
.leftlist li span { display: block; padding: 3px 14px 2px 14px; margin-bottom: 15px; }
.leftlist li span small, .spectext { color: #729490; font-size: 11px; font-weight: bold; }

.leftbannerbox { margin-bottom: 20px; }
.padbox { margin-bottom: 20px; }
.padbox h3 { border-bottom: 1px solid #cde3f1; padding-bottom: 3px; padding-left: 15px; color: #000; }

#root-right { float: right; width: 186px; }
#root-right h3 { color: #729490; font-size: 11px; font-weight: bold; border-bottom: 1px solid #cde3f1; margin-bottom: 10px; padding-bottom: 3px; font-size: 12px; }
.mainmenu { margin-bottom: 20px; }
.mainmenu li a { display: block; width: 166px; height: 22px; background: url(images/bg-mainmenuli.gif) top; text-decoration: none; font-weight: bold; color: #1c6796;
	padding: 8px 10px 0px 10px; margin-bottom: 4px; }
.mainmenu li a:hover { color: #fff; background-position: bottom; }
.rightbox { padding: 14px 9px 14px 9px; border: 1px solid #cde3f1; line-height: 16px; margin-bottom: 15px; }
.rightbox li { border-bottom: 1px solid #efefef; display: block; margin-bottom: 2px; padding-top: 2px; }
.rightbox li span { font-size: 8px; color: #999; padding-left: 2px; }
.rightbox li a { font-weight: bold; text-decoration: none; color: #F90; }
.rightbox li a:hover { color: #000; }

.clearall { clear: both; }
.borderbottom { border-bottom: 1px solid #efefef; margin-bottom: 2px; }
.navmenu { border-bottom: 1px solid #efefef; margin-bottom: 10px; }
.bg-chip { background: url(images/icon-chipset-small.gif) right no-repeat; padding-right: 20px; }
.small-ad { background: url(images/icon-ad.gif) top right no-repeat; }

#footer { background: #1c6796 url(images/bg-footer.gif) top repeat-x; color: #b8daf0; margin: auto; width: 923px; padding: 20px 15px 30px 30px; border-bottom: 5px solid #144666; line-height: 17px; }
#footer a { color: #fff; text-decoration: none; }

