html, body { background: #D3D3D3 url(http://cnetcontentsolutions.com/theme/images/site-tile.png) repeat-x; color: #3A3A3A; padding: 0; margin: 0; word-spacing: 0.05em; font: 100% Arial, Helvetica, sans-serif; }
p { line-height: 1.6em; padding: 0 0 15px; margin: 0; } 
sup { font-size: 90%; padding: 0 3px; color: #000; } 
a, a b { color: #0D7AD9; } 
a:hover, a:hover b { color: #000; text-decoration: none; } 
img { border-style: none; } 
table { border-collapse: collapse; font-size: 100%; text-align: left; } 
h1 { letter-spacing: -1px; word-spacing: 0.1em; line-height: 100%; margin: 0 0 5px; font-size: 1.6em; color: #000; padding: 0; } 
form { display: inline; padding: 0; margin: 0; } 
input, select, textarea { font: 0.95em Arial, Helvetica, sans-serif; color: #4B4B4B; } 
input, textarea { font-family: Arial, Helvetica, sans-serif; padding: 1px; } 
select { cursor: pointer; margin-top: 1px; }
.button { cursor: pointer; font-size: 11px; color: #333; margin: 0; }
.error { color: #CC0000; }
.small { font-size: 0.95em }
#error_message { font-size: 11px !important; color: #CC0000 !important; }
INPUT#page { display: none }

#site-header img { display: none; }
#site-header { background: url(http://cnetcontentsolutions.com/theme/images/header_a.png) no-repeat; position: relative; height: 106px; display: block; clear: both; z-index: 99; }
#cnet-content-solutions { text-indent: -999em; position: absolute; overflow: hidden; display: block; height: 85px; width: 360px; left: 30px; top: 15px; }
#cnet-content-solutions { top: 30px; }
#site-header-selectors { background: url(../images/product-selectors-header.png) no-repeat center bottom; position: relative; display: block; height: 122px; clear: both; }
#site-wrapper { font-size: 62.5%; margin: auto; width: 990px; overflow: hidden; }
#site-body { background: #FFF url(http://cnetcontentsolutions.com/theme/images/background-site.png) repeat-y; padding: 25px 30px 0; float: left; clear: both; z-index: 0; }
#page { display: block; clear: both; }
#content { text-align: left; font-size: 1.2em; background: #FFF; float: left; }
.left-column { padding-bottom: 15px; width: 203px; float: left; clear: left; }
.right-column { padding-bottom: 15px; float: right; clear: right; width: 185px; }
.column3, .column3 .form-group, .column3 .tabs { width: 520px; }
.column2, .column2 .form-group, .column2 .tabs { width: 720px; }
.column1, .column1 .form-group, .column1 .tabs, #page { width: 930px; margin: 0 !important; }

#site-body .menu, .menu li { float: left; }
#site-body .menu li { width: 178px; }
#site-body .menu li a { white-space: nowrap; width: 168px; }
#site-body .tier2-open-sub { width: 168px !important; }

#user { position: absolute; line-height: 20px; font-size: 1.1em; float: right; height: 25px; right: 36px; top: 53px; }
#login { position: absolute; display: block; float: right; height: 50px; right: 25px; color: #444; top: 60px; }
#login table { line-height: 25px; font-size: 1.1em; float: right; }
#login td { padding: 0 3px; }
#login input { font-size: 1.0em; margin-top: 2px; }
#login .button { margin-top: 1px; }
#accountSelect { position: absolute; float: right; height: 25px; right: 36px; top: 77px; }
#accountSelect span { font-weight: bold; font-size: 1.1em; padding: 0 5px; }
#accountSwitch { font-size: 1.1em; margin: 0; }

#footer { background: url(http://cnetcontentsolutions.com/theme/images/background-footer.png) no-repeat 50% -20px; word-spacing: 0.05em; font-size: 1.1em; color: #909090; display: block; height: 85px; width: 990px; margin: auto; clear: both; padding: 0; }
#footer-wrapper { padding-left: 30px; float: left; clear: both; width: 930px; }
#footer a { color: #909090; text-decoration: none; padding: 0 2px; }
#footer a:hover { color: #333; text-decoration: underline; }
#footer #links { line-height: 23px; margin-top: 25px; float: right; clear: right; }
#copyright { background: url(http://cnetcontentsolutions.com/theme/images/cnet-redball-footer.gif) no-repeat 0 0; padding: 0 0 0 25px; line-height: 23px; float: left; clear: left; margin-top: 25px; }
#cnet-sites { width: 360px; float: right; clear: right; margin-top: 15px; }
#cnet-sites label { white-space: nowrap; width: 160px; float: left; text-align: left; line-height: 20px; }
#cnet-sites select { cursor: pointer; float: left;  margin: 0 5px 0 0; width: 145px; }
#cnet-sites input { cursor: pointer; float: right; height: 22px; line-height: 5px; }

.module { margin-bottom: 25px; width: 178px; background: #FFF; float: left; clear: both; word-spacing: normal; }
.module img { vertical-align: text-bottom; }
.module .title { letter-spacing: normal; font-weight: bold; text-indent: 9px; line-height: 30px; font-size: 1.1em; display: block; clear: both; padding: 0; margin: 1px; }
.module p { font-size: 1.1em; padding: 0 0 10px 10px; display: block; margin: 0; }
.module em { font-style: normal; color: #999; }
.menu { font-size: 1.1em; width: 178px; }
.menu, .menu li { list-style: none; display: block; clear: both; padding: 0; margin: 0; }
.menu li { float: left; clear: both; padding: 0; margin: 0; }
.menu a { padding: 5px 0 5px 10px; font-weight: normal; display: block; float: left; margin: 0; }
.module.white { border: 1px solid #BFBFBF; padding-bottom: 5px; }
.module.white .title { background: #FFF url(../images/greyTile.jpg) repeat-x; }

.controlBar { border: 1px solid #D7DDDF; background: #EFF1F2; font-size: .95em; padding: 5px 0; margin: 5px 0; clear: both; float: left; width: 100%; }
.controlBar td { padding: 0 5px; }
.controlBar.top { margin-bottom: 0; border-bottom: none; }
.controlBar.bottom { margin-top: 0; border-top: none; }

#rowCount, #dateRange { float: left; clear: none; }
#pagination, #customRange { float: right; clear: none; }
#saveCount { font-size: 0.95em; margin: 5px 0; clear: both; float: left; width: 100%; }
#saveCount .small { line-height: 25px; }
#saveCount .button { float: right; }
#tableFilter SELECT { width: 110px; }
#crossRef .button { margin-top: 10px; }
#crossRef .reset { line-height: 25px; margin-top: 10px; padding: 0 5px; display: block; }

.reset { text-decoration:underline; background: #EFF1F2; cursor: pointer; color: #0D7AD9; border: none; font-size: 11px; height: 27px; } 
.reset:hover { color: #F99333; }

/* Selector Module Styles */
.sel_product { background: #FFF; float: left; clear: both; margin: auto; display: block; }
.sel_product TABLE { border-collapse: collapse; }
.sel_product TD, 
.sel_product INPUT,
.sel_product SELECT, .sel_search SELECT { padding: 1px; margin: 1px; color: #1F3143; cursor: pointer; }
.sel_product TH { background: #F6F6F6 !important; white-space: nowrap; font-weight: bold; text-align: left; font-size: 11px; color: #666; padding: 4px; }
.sel_product TD { padding: 3px 2px; }
.sel_product IMG { border: none; }
.sel_search { border-bottom: solid #FFF 3px; padding: 10px 15px 15px; margin-bottom: 20px; background: #EFF1F2; } 
.sel_search TD { padding: 3px 0; font-size: 0.95em; }

.sel_product, 
.sel_cat { font-weight: bold; font-size: 13px; padding: 2px 5px; line-height: 21px; background: #EFF0F1; text-decoration: none; margin: 0; }
.sel_specs,
.sel_results { margin: 5px auto; }
.sel_results *, 
.sel_result a:hover, 
.sel_result a { font-size: 11px !important; }
.sel_results IMG { margin: 5px; display: block; float: none; }
.sel_results TD { border-bottom: 1px solid #DDD !important; padding: 2px; }
.sel_specs TD { font-size: 11px; }
.sel_smtxt, .sel_smtxt * { font-size: 11px; }
.sel_crumb { line-height: 14px; text-align: left; font-size: 11px !important; color: #333; padding: 2px; clear: both; margin: margin: 10px 0; }
.sel_footer { line-height: 40px; margin: 3px 20px; font-size: 11px; color: #999; height: 40px; display: none !important; }
.sel_sortby { width: auto; float: right; font-weight: normal; font-size: 11px !important; } 
HTML>BODY .sel_sortby { width: 100px; font-size: 11px; } /* Hidden Styles From IE */
.sel_button, 
.sel_button_disabled { border: 2px solid #FFF; background: #858A8F; font-weight: bold; padding: 2px 1px; cursor: pointer; width: 75px; color: #FFF; text-align: center; text-transform: capitalize !important; }
.sel_button_disabled { background: #F7F7F7; color: #B4B4B4; cursor: text; }
.sel_hiddentext { visibility: hidden; }
.sel_inactivetext { color: #999; }
.sel_activetext { color: #000; }
.sel_crumb *, .sel_crumb *:VISITED, .sel_crumb *:HOVER, .sel_results *, .sel_results *:VISITED, .sel_results *:HOVER { font-size: 11px !important; }
.sel_product, .sel_results { width: 100%; margin: 0; }

#resultsTable { border-right: 1px solid #D7DDDF; border-left: 1px solid #D7DDDF; border-top: 1px solid #D7DDDF; float: left; width: 100%; }
#resultsTable TABLE { width: 100%; font-size: 0.95em; }
#resultsTable th a:hover { text-decoration: underline; }
#resultsTable th a { background: #EFF1F2 url(../images/bg.gif) no-repeat right center; text-decoration: none; text-indent: 5px; cursor: pointer; display: block; }
#resultsTable th a b { background: #E2E6E7; display: block; color: #333; }
#resultsTable th { border-bottom: 1px solid #D7DDDF; background-color: #EFF1F2; white-space: nowrap; font-weight: normal; line-height: 23px; padding: 0; }
#resultsTable table tbody td { border-bottom: 1px solid #D7DDDF; background-color: #FFF; vertical-align: top; line-height: 18px; padding: 2px 4px; color: #333; }
#resultsTable TD SPAN { padding: 0 10px 0 0; float: left; cursor: pointer; }
.qtip { font-size: 11px; }


/** TABLE FILTER **/
table.tablesorter thead tr th, 
table.tablesorter tfoot tr th { white-space: nowrap; line-height: 23px; text-indent: 5px; }
table.tablesorter thead tr .header { background-image: url(../images/bg.gif); background-position: center right; background-repeat: no-repeat; cursor: pointer; color: #0D7AD9; }
table.tablesorter thead tr .header:hover { text-decoration: underline; color: #000; }
table.tablesorter tbody tr.odd td { color: #222; background: #F7F8F9; }
table.tablesorter thead tr .headerSortUp { background-image: url(../images/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../images/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { color: #333 !important; font-weight: bold !important; text-decoration: none;  }

.total-count { line-height: 40px; font-size: 11px; width: 200px; height: 40px; float: left; padding: 0; margin: 0; }

/** FORMS **/
.form-group { margin: 0px auto; display: block; }
.form-group em { font-style: normal; padding: 2px; color: #F99333; font-size: 110%; }
.form-group h1 { color: #4B4B4B; border: none; }
.form-item { line-height: 20px; display: block; padding: 2px 0; margin: auto; }
.form-item span { margin: 0 5px; clear: left; float: left; }
.form-button input { float: left; }
.form-clear { text-decoration: underline !important; background: #EFF1F2; cursor: pointer; color: #0D7AD9; border: none; font-size: 11px; height: 23px; margin: 0 10px; } 
.form-clear:hover { color: #F99333 !important; background: #EFF1F2; } 
.form-group .intro { font-weight: normal !important; padding: 5px 2px 10px 14px; color: #4B4B4B; }
.form-group .title { margin: -10px 0 0 13px; letter-spacing: normal; line-height: 15px; padding-top: 0; }
.form-group .title SPAN { word-spacing: normal; font-weight: normal; font-size: 0.8em; padding: 3px 3px; color: #4B4B4B; }
.form-group { background: #EFF1F2; font-size: 0.950em; margin-top: 5px; padding: 10px 0; }
.form-requred { margin: 0 0 10px 0; text-align: left; }
.form-item { border-bottom: 1px solid #EFF1F2; background: #FFF; margin: 0 10px; padding: 3px 0; }
.form-group .form-item SPAN { line-height: 23px; text-align: left; margin-left: 5px; width: 150px; border-top: #FFF; }
.form-group .form-item INPUT { padding: 2px 5px; background: #FFF; width: 190px; }
.form-group .form-item SELECT { padding: 2px; background: #FFF; width: 200px; }
.form-group .form-item SELECT, .form-group .form-item OPTION, .Submit { cursor: pointer; margin: 1px 0; padding: 1px; }
.form-button, .form-requred { padding-bottom: 10px; display: block; margin: 0 10px; }
.form-button div { display: block; margin: 10px 0; padding: 5px; clear: both; }
.form-item .CheckBox INPUT, .CheckBox INPUT { margin: 2px 2px 0 0 !important; padding: 0 !important; float: left; width: auto; }

.block { float: left; clear: both; margin-bottom: 30px; }
.hidden { display: none; visibility : hidden; }
.clear { display: block; clear: both; width: 100%; }