/* all */
* html #bgIn {height:526px;}
* html #lCol {margin-left:1px;}
* html #rCol {margin:0 !important; float:right; width:694px;}
* html #rCol.in {width:694px; float:right;}
* html .greyBl .inBigBl {width:194px;}
* html .inBigBl {width:325px;}
/* Main classes */
body {background:#fff url(i/bg.gif) repeat-x top; margin:0px;}
body, div, p, td, span, input, select {font-family:Tahoma, Verdana, Arial; font-size:12px; color:#000;}
img {border:0;}
form {margin:0;}
a {color:#155aa1;text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
h1, h1 a, h2, h3 {font-size:12px; color:#000; padding:0;}
h1 {margin:0 20px 25px 0;}
h1 a {color:#d10000; text-decoration:underline;}
h1 a:hover {text-decoration:none;}
h3 {color:#d10000;margin:0 0 14px 0;}
h4 {color:#000;margin:10px 0; padding:0; font-size:12px;}
#body {width:968px; margin:auto; padding-bottom:20px;}
/* Common classes */
.fl {float:left;}
.fr {float:right !important;}
.f11 {font-size:11px;}
.scroll {
scrollbar-3dlight-color:#e7e7e7;
scrollbar-arrow-color:#000;
scrollbar-base-color:#e7e7e7;
scrollbar-darkshadow-color:#cbcbcb;
scrollbar-face-color:#e7e7e7;
scrollbar-highlight-color:#f2f2f2;
scrollbar-shadow-color:#e7e7e7;
scrollbar-track-color:#e7e7e7;
overflow:auto;padding:5px 10px;
}
.rLink {color:#d10000; font-weight:normal;text-decoration:underline;font-size:10px;background:url(i/li_b.gif) no-repeat right 5px; padding-right:8px;}
.rLink:hover {text-decoration:none;}
.blLink {color:#155aa1 !important; font-size:12px !important;}
.rLink2 {color:#d10000; background:url(i/li_b.gif) no-repeat left 5px; padding-left:12px;}
.grey {color:#989898;}
.red {color:#d10000 !important;}
.mrgR {margin-right:20px;}
/* Header classes */
#top {background:#464646; height:30px; line-height:30px; margin: 0 4px; padding:0 10px; font-size:10px; color:#fff;}
#top input {background:#000; border:1px solid #595959; height:14px; font-size:10px; color:#9b9b9b; padding:2px; vertical-align:middle;}
#top .btn {background:#000; border:0; height:20px; color:#d40000; padding:2px 7px;border:1px solid #000; cursor:pointer;}
#top .hov {border-top:1px solid #595959;border-left:1px solid #595959;border-right:1px solid #000;border-bottom:1px solid #000;}
#top a, #top div {font-size:10px; color:#fff; padding:0 2px; font-weight:normal;}
#top div {line-height:27px; padding:0;}
#top img {border:1px solid #686868; padding:1px; vertical-align:middle;margin: 0px;}
#top a:hover img {border-color:#808080 !important;}
#head {margin: 0 4px; padding:5px 0; font-size:10px; }
#head .fr {width:550px; line-height:18px; text-align:right; color:#9c9c9c; font-weight:bold; padding-right:10px;}
#head h1 {margin:10px 0;}
#logo {width:252px; height:88px; background: url(i/logo.gif) no-repeat center; display:block; float:left;}
#mainNav {margin:0px 0 0 30px;}
#mainNav a {display:block; height: 35px; float:left;}
#home {width:115px; background:url(i/m_home.gif) no-repeat center;}
#home:hover {background-image:url(i/m_home_roll.gif) !important;}
#home.sel {background-image:url(i/m_home_sel.gif) !important;}
#dir {width:111px; background:url(i/m_dir.gif) no-repeat center;}
#dir:hover {background-image:url(i/m_dir_roll.gif) !important;}
#dir.sel {background-image:url(i/m_dir_sel.gif) !important;}
#serv {width:107px; background:url(i/m_serv.gif) no-repeat center;}
#serv:hover {background-image:url(i/m_serv_roll.gif) !important;}
#serv.sel {background-image:url(i/m_serv_sel.gif) !important;}
#news {width:115px; background:url(i/m_news.gif) no-repeat center;}
#news:hover {background-image:url(i/m_news_roll.gif) !important;}
#news.sel {background-image:url(i/m_news_sel.gif) !important;}
#memb {width:111px; background:url(i/m_memb.gif) no-repeat center;}
#memb:hover {background-image:url(i/m_memb_roll.gif) !important;}
#memb.sel {background-image:url(i/m_memb_sel.gif) !important;}
#wan {width:111px; background:url(i/m_wan.gif) no-repeat center;}
#wan:hover {background-image:url(i/m_wan_roll.gif) !important;}
#wan.sel {background-image:url(i/m_wan_sel.gif) !important;}
#join {width:121px; background:url(i/m_join.gif) no-repeat center;}
#join:hover {background-image:url(i/m_join_roll.gif) !important;}
#join.sel {background-image:url(i/m_join_sel.gif) !important;}
#info {width:120px; background:url(i/m_info.gif) no-repeat center;}
#info:hover {background-image:url(i/m_info_roll.gif) !important;}
#info.sel {background-image:url(i/m_info_sel.gif) !important;}
/* Content classes */
#content {background:#fff url(i/bg_cont.gif) repeat-y center;}
#contentNav {background:#fff url(i/bg_cont_nav.gif) repeat-y center;}
#bgIn {background:url(i/shadow.gif) no-repeat center top; min-height:526px;}
#bgInNav {background:url(i/shadow_in.gif) no-repeat center top; min-height:526px;}
#contFooter {background:#fff url(i/bg_foot.gif) no-repeat center bottom; height:5px;}
/* Left column */
#lCol {float:left; width:216px; margin-left:3px; padding-bottom:30px;}
#lCol a {text-decoration:underline; font-size:11px !important; font-weight:bold;}
#lCol a:hover {text-decoration:none;}
#search {background:#464646; }
#search input {background:#8d8d8d; border:1px solid #3b3b3b; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3; font-size:11px; color:#fff;height:15px; padding:1px 0 0 3px; vertical-align:middle; width:135px;}
#search .btn {background:#aa0000; border:1px solid #c65555; border-bottom:1px solid #570000; border-right:1px solid #570000; color:#fff; height:20px; padding:0px 0 2px 0px; width:50px;}
#search div {border-top:1px solid #4c4c4c; border-bottom:1px solid #3b3b3b; padding:11px;}
#search a {color:#fff;}
#search select {background:#8d8d8d; padding:1px; }
#leftNav {background:#626262;}
#leftNav a {color:#b6b6b6; display:block; padding-left:24px;}
#leftNav .mItem {background: url(i/tree.gif) no-repeat 10px center; padding:11px; position:relative;border-top:1px solid #707070; border-bottom:1px solid #555; height:51px;}
#leftNav .tree2 {background: url(i/tree2.gif) no-repeat 10px 20px;}
#leftNav .cap {color:#fff; padding:2px 8px 5px 8px;}
#m1, #m2, #m3, #m4, #m5 {position:absolute;opacity:0.15; -moz-opacity:0.20; filter:alpha(opacity=15); width:81px; height:68px; bottom:0; right:0;}
#m1 {background:url(i/mi1.gif) no-repeat right bottom;}
#m2 {background:url(i/mi2.gif) no-repeat right bottom;}
#m3 {background:url(i/mi3.gif) no-repeat right bottom;}
#m4 {background:url(i/mi4.gif) no-repeat right bottom;}
#m5 {background:url(i/mi5.gif) no-repeat right bottom;}
#vip {background:#989898;}
#vip a {display:block; background: url(i/li_w.gif) no-repeat left 10px; padding:6px 8px;}
#vip h3 {margin:0; font-size:11px; color:#d0d0d0; text-align:center;padding: 11px 0; border-top:1px solid #ababab; border-bottom:1px solid #8f8f8f;}
#vipIn {padding:11px; border-top:1px solid #ababab;border-bottom:1px solid #8f8f8f;}
#vip .botL {border-top:1px solid #ababab;border-bottom:1px solid #8f8f8f; text-align:right; padding: 3px 11px;}
#vip .botL a {color:#fff; font-weight:normal; font-size:10px !important; background:url(i/li_b.gif) no-repeat right 11px; padding-right:10px;}
#export {background:#c5c5c5;border-top:1px solid #d8d8d8;}
#export h3 {margin:0; font-size:11px; color:#c30000; text-align:center;padding: 11px 0; border-bottom:1px solid #b8b8b8;}
#export h3 a {color:#c30000; background:url(i/li_u.gif) no-repeat right 6px; padding-right:12px;}
#export h3 a.up {background-image:url(i/li_d.gif) !important;}
#export .btn {background:#989898; border:1px solid #b8b8b8; border-bottom:1px solid #828282; border-right:1px solid #828282; color:#fff; font-size:11px;padding:1px 2px; vertical-align:middle;}
#export select {font-size:11px;margin:3px; vertical-align:middle;}
#export h1 {padding:0;margin:0;margin-bottom:10px; font-size:11px;}
#export .exItem {border-top:1px solid #d8d8d8; border-bottom:1px solid #b8b8b8; padding:16px 11px; font-size:11px;}
#export .botL {color:#5a5a5a; font-size:11px; padding:11px; text-align:center;border-top:1px solid #d8d8d8; border-bottom:1px solid #b8b8b8;}
/* Right column */
#rCol {padding:20px; padding-right:0; float:left; width:725px;}
* html #rCol {width:610px;}
#rCol.in {width:714px; padding:15px;}
* html #rCol.in {width:600px;}
#rCol.in .inSrch {background:#f2f2f2; border:0; padding:0 !important; min-height:0px !important; margin-bottom:25px; width:100%; text-align:right;}
#rCol.in .inSrch input {width:180px;}
#rCol.in .inSrch .btn {margin-right:10px; width:auto;}
#rCol.in .inSrch div {padding:16px 20px;}
#rCol.item .inSrch {background:#f2f2f2; border:0; padding:0 !important; min-height:0px !important; margin-bottom:25px; width:100%; text-align:right;}
#rCol.item .inSrch input {width:180px;}
#rCol.item .inSrch .btn {margin-right:10px; width:auto;}
#rCol.item .inSrch div {padding:16px 20px;}
#quickSale {width:170px; vertical-align:top; background:#f0f0f0; padding:16px;text-align:center;}
#quickSale h2 {text-align:center;}
.greyBl {background:#f0f0f0; padding:16px 0 0 16px; float:left; margin-right:16px;}
.greyBl h2 {margin-bottom:15px;}
.greyBl td, .greyBl th {font-size:11px;}
.greyBl .inBigBl {float:left; width:211px;}
#random .inBigBl {width:441px;}
.whiteBl {border:1px solid #f0f0ee; width:447px; padding:16px;}
.whiteBl img {float:left; margin-right:10px; width:180px !important;}
.whiteBl .inBigBl {width:100%; margin:0;}
.whiteBl .inBigBl th {width:45px;}
.inBigBl {float:left; margin: 0 20px 20px 0; width:341px;}
.inBigBl img {float:left; margin:0 10px 6px 0; width:120px; border:1px solid #d8d8d8; padding:1px;}
.inBigBl th {color:#989898; font-weight:normal; white-space:nowrap; text-align:left; width:42px;}
.inBigBl th, .inBigBl td {vertical-align:top; padding:2px 2px; line-height:12px;}
#navIn {width:210px; padding-right:5px; margin-right:20px; line-height:18px; float:left;}
#navIn a {display:block; background:url(i/plus.gif) no-repeat left 4px; padding-left:18px; font-weight:normal;}
#navIn a.sel {background:url(i/minus.gif) no-repeat left 4px; color:#000; font-weight:bold;}
#navIn span {font-weight:normal; font-size:11px;}
#navIn div {background: url(i/v_dots.gif) repeat-y 5px; margin-bottom:15px; padding-left:8px;}
#navIn div a {background:url(i/tree3.gif) no-repeat left 9px; padding-left:13px; font-weight:normal;}
#navIn div a.selIn {color:#000; font-weight:bold;}
#navIn .rLink2 {background:url(i/li_b.gif) no-repeat left 7px; font-weight:bold; padding-left:12px;}
#list {width:474px; float:left;}
#list.nonMasch img {width:46px; height:47px; border:0;}
img.emp {height:10px; border:0;}
#list.nonMasch p {margin:3px 0; width:410px;}
.row {margin:5px 0 10px 0; width:470px; border-bottom: 1px solid #e7e7e7; padding-bottom:10px;}
.row.inBigBl th {width:64px;}
.pages {text-align:center;margin:0;padding:0;}
.pages a {padding:0 5px; margin:0 2px;}
.pages a:hover {color:#c30000; text-decoration:none;}
.pages a.sel {background:#c30000; color:#fff;}
#listNoNav {width:690px;padding-left:10px;}
#listNoNav .inBigBl {line-height:16px; margin-right:10px; width:688px; position:relative;}
#listNoNav .inBigBl h2 {margin:0 0 2px 0;}
#listNoNav .inBigBl span {}
#listNoNav .inBigBl img {width:163px;}
#listNoNav .inBigBl a.rLink {position:absolute; bottom:10px; right:0px;}
#listNoNav .inBigBl a.rLink.in {bottom:-24px;}
#listNoNav .inBigBl a.rLink.top {position:absolute; top:0px; right:0px;}
#listNoNav .resume {font-style:italic;}
#listNoNav .resume img {width:auto;}
#listNoNav .sLinks {color:#bfbfbf;}
#listNoNav .sLinks a {font-size:11px; font-weight:normal;}
.sep {font-size:0; background:#e7e7e7; height:1px;margin:10px 0;}
.item {padding:20px !important; width:705px !important;}
.item .inBigBl {line-height:16px; margin-right:10px; width:288px;}
.item .inBigBl h1 {margin-top:0;}
.green {color:#629f00 !important; font-weight:bold;}
#dealer {background:#f2f2f2; padding:12px; float:left; width:182px; min-height:228px;}
#dealer table {margin-bottom:12px;}
#dealer td, #dealer th {padding:2px 1px; font-size:11px; vertical-align:top; text-align:left;}
#dealer img {border:1px solid #fff; margin-bottom:8px;}
#dealer .logo {width:180px; height:100px;}
#dealerList {background:#e7e7e7; margin-left:1px; float:left; width:200px;}
#dealerList h1 {font-size:11px; padding:0 10px; margin:7px 0;}
#dealerList a {font-weight:normal; font-size:11px; line-height:18px;}
#dealerList .scroll {height:215px;}
#dealerDet {background:#f2f2f2; padding:20px; float:left; width:666px;}
#dealerDet img {margin:6px; border:1px solid #d8d8d8; padding:1px;}
#dealerDet table {margin-left:20px;}
#dealerDet th {text-align:left; padding-right:10px;}
#dealerDet .links {padding-top:15px; line-height:20px;}
#dealerDet .mail {display:block; float:left; margin-right:20px;}
.underI {padding:6px;}
.mail {background:url(i/mail.gif) no-repeat left center; padding-left:25px; color:#d10000; font-size:11px;}
.rss {background:url(i/rss.gif) no-repeat left center; padding-left:21px; margin-right:15px; color:#d10000; font-size:11px; height:19px; line-height:19px; display:block; float:left;}
.www {background:url(i/www.gif) no-repeat left center; padding-left:25px; color:#d10000; font-size:11px; height:19px; display:block; float:left;}
.tabBar {margin-left:15px;}
.tabBar a {height:32px; line-height:32px; color:#d10000; background:url(i/tab_c.gif) repeat-x top; display:block; float:left; padding:0 15px; position:relative; font-weight:normal; font-size:11px; margin-right:2px;}
.tabBar a span {width:10px; height:32px; display:block; position:absolute; top:0;}
.tabBar a .tabL {background:url(i/tab_l.gif) no-repeat top; left:0;}
.tabBar a .tabR {background:url(i/tab_r.gif) no-repeat top; right:0;}
.tabBar a.sel {height:33px; color:#000; background:url(i/tab_c_sel.gif) repeat-x top;}
.tabBar a.sel .tabL {background:url(i/tab_l_sel.gif) no-repeat top;}
.tabBar a.sel .tabR {background:url(i/tab_r_sel.gif) no-repeat top;}
.tabCont {border:1px solid #d8d8d8; padding:15px; margin-top:-1px;}
.tabCont .scroll {height:330px;}
.tabCont .inBigBl {width:320px;}
.tabCont .inBigBl th, .tabCont .inBigBl td {font-size:11px; line-height:12px; padding:1px 3px;}
.tabCont .inBigBl th {width:42px;}
.tabCont .inBigBl img {width:120px;}
.tabCont .noItem {text-align:center;width:98%; padding:30px 0;}
.feedback, .feedback span{font-size:11px;}
.feedback p {margin:8px 0 15px 0;}
#gallery {border:1px solid #e7e7e7; padding:20px; float:left;}
* html #gallery {height:380px;}
#gallery .scroll {height:370px; float:left; width:143px; padding:0 5px 0 5px; margin-right:5px; text-align:right;}
* html #gallery .scroll {width:140px;}
#gallery .scroll img {width:120px; margin:0 0 2px 0; padding:1px; border:1px solid #f2f2f2; cursor:pointer;}
#gallery #bigImg {padding:1px; border:1px solid #f2f2f2; width:500px; height:367px;}
#details {width:96%;}
#details h1 {margin-bottom:15px;}
#details th, #details td {vertical-align:top; padding-bottom:10px;}
#details th {color:#626262;}
/* Form classes */
#bigForm {border:1px solid #e7e7e7; padding:42px; float:left; width:620px; text-align:center;}
#bigForm .warn {color:#c30000; font-size:11px;}
#bigForm table {margin:12px auto 0 auto;}
#bigForm td, #bigForm th {padding:2px 1px; font-size:11px; text-align:left;}
#bigForm th {padding-right:10px; text-align:right;}
#bigForm input, #bigForm select, #bigForm textarea {font-size:11px; height:16px; width:280px; vertical-align:middle;}
#bigForm textarea {height:100px;}
#bigForm select {height:22px; width:286px;}
#bigForm .ch {height:16px; width:16px;}
#bigForm .btn {height:22px; width:auto; margin:10px 0; font-weight:bold;}
#bigForm th span {color:#c30000; white-space:nowrap;}
#iCode input {width:137px; margin-right:10px;}
#iCode img {margin-left:1px;padding:0; vertical-align:middle;}
#bigForm #dealer {width:100%; min-height:160px !important;}
#bigForm #dealer table {margin-bottom:0 !important;}
#bigForm #dealer img {margin-left:20px;}
.tabCont #dealerDet {width:95%; padding:15px;}
.tabCont ul {margin-right:60px; }
ul {margin:0; margin-right:20px; padding:0;}
ul li {list-style-type:none; background: url(i/li_b.gif) no-repeat left 9px; margin:0; padding:4px 0; padding-left:15px;}
li {padding:4px 0;}
.listTbl {width:100%;border-bottom: 1px solid #f0f0f0;}
.listTbl th, .listTbl td {padding:7px; text-align:center;}
.listTbl th {background: #cd0000; color:#fff;}
.listTbl th.tit, .listTbl td.tit {text-align:left; padding-left:15px;}
.listTbl tr.bg td {background:#f0f0f0;}
.listTbl .nr {white-space:nowrap;}
.srvLink {font-size:12px; font-weight:normal; text-decoration:none;}
.noCredits {font-size:11px; margin:8px 0;}
.yes {background: url(i/c.gif) no-repeat center; width:12px; height:13px; margin:auto;}
.no {background: url(i/x.gif) no-repeat center; width:12px; height:12px; margin:auto;}
#samples a {display:block; float:left; border:2px solid #cbcbcb; padding:1px; margin:0 25px 25px 0;opacity:0.80;-moz-opacity:0.80;filter:alpha(opacity=80);}
#samples a:hover {border-color:#e6e6e6; opacity:1.00;-moz-opacity:1.00;filter:alpha(opacity=100);}
/* About classes */
#about {float:left;}
#about th {padding-top:15px;}
.help {padding:20px !important; width:705px !important;}
.help .tabBar a { padding:0 23px;}
.help .tabCont h3 {margin-bottom:6px;}
.help .tabCont p {margin-top:0px; margin-left:16px;}
.help .tabCont p img {margin:15px 0; }
.export {border:0;}
.export td, .export input, .export select {font-size:11px;}
#ban {margin-top:1px; border-bottom:1px solid #fff;}
#ban img {width:214px; height:350px;}
/* Footer classes */
#footer {margin-bottom:20px;}
#footer a {text-decoration:underline;}
#footer a:hover {text-decoration:none !important;}
#footer div {font-size:10px;}
#footer .fr {width:470px; color:#808080; text-align:right;}
#footer .fr a {color:#000; text-decoration:underline;}
#footer .fl, #footer .fl a {color:#d10000;}