/*--------------------------------- created by kevin wu ----------------------------------*/ /*----------------- GLOBAL ------------------ * { margin: 0px; padding: 0px; }*/ body { margin: 0px; font:normal 10pt/18px Arial; background:url(../images/bg.jpg); background-color:#FDFDFD;color:#997D5A; } /****** Sortable Styles ******/ /* a style which makes div touch the bottom of content */ .clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;} /* clearFloat */ .clearFloat:after { content:"."; clear:both; height:0; visibility:hidden; display:block; } .clearFloat { display:inline-block; /* Fixes IE/Mac */ } /* Hides from IE-mac \*/ * html .clearfix { height:1%; } form, ul, ul li, p { padding:0; margin:0;} ul li{ list-style:none} .clearFloat { display:block; } td, p, input { font:normal 11px/150% Arial; color:#cdb597 text-decoration: none;} a { font:normal 12px/150% Arial; color:#ae792f; text-decoration:none;} a:link { font:normal 12px/150% Arial; color:#ae792f; text-decoration:none;} a:visited { font:normal 12px/150% Arial; color:#ae792f; text-decoration:none;} a:hover { font:normal 12px/150% Arial; color:#d8c0a1; text-decoration:underline;} a.smaller{ font-size:11px;} select{font:normal 11px/150% Arial; } .stress{ font-weight:bold;} .title3, title3 a:link, .title3 a:visited{font:bold 14px/20px Arial; color:#CCCCCC; text-decoration:none} .title3 a:hover{ text-decoration:underline;} .goback{ padding:12px 0 0 20px;} img { border: none; margin:0; padding:0 } .space1px{ height:1px; clear:both; font-size:1px; margin:0 auto; } .space4px{ height:4px; width:90%; clear:both; font-size:1px;} .space8px{ height:8px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;} .space18px{ height:18px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;} .space24px{ height:24px; visibility:hidden; clear:both; } .space30px{ height:30px; visibility:hidden; clear:both; } .space96px{ height:96px; visibility:hidden; clear:both; } .space180px{ height:180px; visibility:hidden; clear:both; } div, ul{ zoom:1; } div:after, ul:after{ content:"\0020"; display:block; height:0; clear:both; } /*----------------- / GLOBAL ------------------*/ #container{ width:774px; margin:0 auto;} #header{ width:774px; position:relative; height:124px; } #logo{ float:left; width:322px; display:block; padding:0px 0 0 0px;} #version{ position:absolute; top:55px; left:520px; width:258px; height:24px; line-height:24px; color:#c2b19c; font-size:10px; } #version a:link { font:normal 10px/150% Arial; text-decoration:underline;color:#ae792f;} #version a:visited { font:normal 10px/150% Arial; text-decoration:underline;color:#ae792f;} #version a:hover { font:normal 10px/150% Arial; text-decoration:none;color:#c2b19c;} #version td{ color:#c2b19c; font-size:11px;} td.right{ text-align:right;} td.rightt{ text-align:right} #version img{ padding:0 8px; margin-bottom:-4px;} #version a{ padding:0 0px;} #version .in{ color:#c2b19c; border:1px solid #a89174; background:#342007; width:170px; height:15px;} #version a.forget_psd{ font:normal 10px/150% Arial; text-decoration:underline;color:#ae792f;} #version a.forget_psd:hover{ font:normal 10px/150% Arial; text-decoration:none;color:#c2b19c;} .three-parts{ background:url(../images/3bg.jpg) repeat-x; width:774px; height:177px;} #search{ width:774px; background:url(../images/search_bg.jpg); height:32px;} #search table{ padding:0 0 0 2px; color:#dab37d;} .search_input{ width:192px; height:15px; background:#d8c0a1; border:1px solid #f7efe5;} #search .search_bt{ background:url(../images/go.png); height:26px; width:52px; border:0;} #homepic{ background:url(../images/mdpic.jpg); width:774px; height:327px; margin:0 auto;} #homepic .show{ padding:17px 0 0 14px;} #row2{ background:url(../images/bg_in.jpg) repeat-x; width:100%;} #in_title{ height:44px; font:normal 19px/44px Arial; color:#eaddbd; padding-left:192px; text-transform:uppercase;} #main_in{width:758px;margin:0 9px; } #main_in .left{width:174px; float:left; background:url(../images/leftbg.jpg) no-repeat; height:414px;} #main_in .left2{width:174px; float:left; background:url(../images/leftbg2.jpg) no-repeat; height:347px;} #main_in .right{width:570px; float:right; background:url(../images/right_bg.jpg) no-repeat; } #main_in .career_right{width:579px; float:right; background:url(../images/img2.jpg) no-repeat; } #main_in .contact_right{width:579px; float:right; background:url(../images/img3.jpg) no-repeat; } .titleII, .titleII a{ font-size:12px; color:#ae792f; text-decoration:none; font-weight:bold; text-transform:uppercase} .titleII a:hover{ color:#eaddbd; text-decoration:underline;} .listTable{ margin-bottom:18px;} .listTable td{ font-size:12px;} .right_img{ margin:4px 0 0 7px;} #search_in{ margin:10px 0 0 20px;} #search_in .col1{ float:left; width:268px; text-align:right; font-size:12px;} #search_in .col2{ float:left; width:192px; padding:1px 0 0 4px;} #search_in .col3{ float:left; width:36px; padding-left:4px; margin-bottom:2px;} .video{ margin:12px auto; border:2px solid #d7b662; width:320px;} .leftbar td a{ font-size:13px; color:#eaddbd; text-decoration:none; text-transform:uppercase;} /*update by sophia at 2009-05-04*/ .leftbar td a.selected{ font-size:13px; color:#DCBF76; text-decoration:none; font-weight:bold} .leftbar td a:hover{ font-size:13px; color:#eaddbd; text-decoration:underline;} .leftbar{ margin-top:8px; margin-left:5px} /*.leftbar ul li{ padding-left:8px;}*/ .leftbar ul li a{ font-size:11px; color:#997d5a; text-decoration:none; } .leftbar ul li a.selected{ font-size:11px; color:#eaddbd; text-decoration:none; } .leftbar ul li a:hover{ font-size:11px; color:#eaddbd; text-decoration:underline;} .leftbar ul li ul{ padding:4px 0 0 12px;} #content{ margin-top:24px;} #content .title{ color:#d8c0a1; font-size:14px; text-transform: uppercase; height:30px; line-height:30px; padding-left:12px;} #content .title2{ color:#d8c0a1; font-size:13px; font-weight:bold; text-transform: uppercase;} .leftbar td a:hover{ font-size:13px; color:#eaddbd; text-decoration:underline;} #content .title4{ color:#997d5a; font-size:12px; text-transform: uppercase;} #content .title4 span{ color:#d8c0a1; } #row3{ height:190px;} #row3 .pro_title{ font-size:16px; color:#F2F2F2; margin:6px 0 12px;} #row3 .pro_list{ background:url(../images/pro_bg.png) repeat-x; background-color:#0099FF; width:190px; text-align:center; float:left; margin-right:23px;} #row3 .pro_list_last{ background:url(../images/pro_bg.png) repeat-x; background-color:#0099FF; width:190px; text-align:center; float:right; margin-right:0px;} #row3 .pro_top{ background:url(../images/pro_top.png) center top no-repeat;} #row3 .pro_bottom{ background:url(../images/pro_bottom.png) center bottom no-repeat;} #row3 img, #row3 p, #row3 p a{ display:block; color:#FFF} #row3 img{ padding:8px 0 0; width:153px; margin:0 auto} #row3 p{ font-size:11px; margin:10px 0 0; padding:0; line-height:18px;} #row3 p a{ font-weight:bold; line-height:12px;} ul#photo_gallery{ margin-bottom:24px; margin-left:-7px;} #photo_gallery li{float:left;color:#333333;text-align:center;width:164px; height:135px; margin:15px 0 0 23px;display:inline;position:relative;} #photo_gallery li img{width:164px;height:104px;border:3px solid #E2CA69;} #photo_gallery li a{color:#D8C0A1;display:block;} #photo_gallery li a:hover{color:#EADDBD;} .small_img{width:169px;height:102px;border:3px solid #E2CA69; } .small_img_2{width:117px;height:102px;border:3px solid #E2CA69; } #search table{ padding:3px 0 0 2px; color:#dab37d;} #thrumb{ margin:33px 0 3px 0px; font-size:11px; text-decoration:none; color:#997d5a; width:809px; padding-bottom:6px; text-transform:capitalize} /* update by sophia at 4/23/2009*/ /*#thrumb{ margin:3px 0 3px 0px; font-size:11px; text-decoration:none; color:#997d5a; width:809px; padding-bottom:6px; text-transform:capitalize}*/ #thrumb a{ font-size:11px; text-decoration:none; color:#997d5a} #thrumb a:hover{ text-decoration:underline} #wrapper{ margin-top:0px; width:774px;} #wrapper_bottom{ background:url(../images/main_bottom.png) center bottom no-repeat;} /*p.intro{ width:92%; margin:6px auto}*/ p.intro{ width:92%; margin:6px auto; font-size:12px;}/* update by sophia at 4/23/2009*/ table.shopping_details { background:#EEE;} table.shopping_details td{ background:#FFF} #main{ margin:0 auto 18px; width:815px; min-height:350px;} #main .col1{ float:left; width:183px;} #main .col1 .bottom{ width:183px; background:url(../images/cat_bottom.png) center bottom no-repeat;} #main .col2{ float:right; width:624px;} #main .col2 #smallpics{ padding:0; margin:0; width:268px; height:38px; margin:0 auto 8px;} #main .col2 #smallpics li{ list-style:none; padding-right:4px; width:40px; height:36px; float:left} #main .col2 #smallpics li a{ border:1px solid #CCCCCC; display:block; } #main .col2 #smallpics li a:hover{ border:1px solid #7D1316; display:block; } #main .col2 #smallpics li a.selected{ border:2px solid #7D1316; display:block; } table.shopping_cart_t{ margin:8px auto;} #main .col2 table.home_pro{ border:1px solid #F2F2F2;margin-bottom:8px; } #main .col2 table td.title{ background:#F2F2F2; font:bold 14px/28px Arial; color:#333; height:28px;} .home_title{ font:normal 16px/28px Arial; color:#000;} #main .col2 table td.title span{ padding-left:8px;} span.s1{font:bold 14px/28px Arial;} span.s2{font:bold 20px/28px Arial;} #mainP{ width:97%; margin:0 auto; margin-top:-6px;} .pop_pro{ text-align:center; border:1px solid #F2F2F2; height:192px; width:169px; margin:0 auto} .s3{ color:#D60000; font:bold 14px/28px Arial; text-align:left; padding-left:8px;} .policy_title{ color:#D60000; font:bold 16px/28px Arial; } .policy_title2{ font:bold 12px/28px Arial; color:#000;} /*----------------- home magazine ------------------*/ #scrolldiv{ margin:0 auto; width:88px; } #scrolldiv-left{ float:left; padding-left:0px; padding-top:5px; } #scrolldiv-middle{ float:left; text-align:center; width:70px;} #scrolldiv-right{ float:right; margin-right:0px;padding-top:5px;} /*----------------- /home magazine ------------------*/ #main .col1 #cat{ background:url(../images/cat.png) center top no-repeat; height:30px;} #main .col1 ul{ width:183px; margin:00px 0 0px; padding-bottom:7px;} #main .col1 ul li{ display:block; list-style:none; } #main .col1 ul li a{ display:block; height:26px; background-color:#F2F2F2; padding-left:12px; width:171px; line-height:26px; font-size:11px; color:#666; text-decoration:none;} #main .col1 ul li a:hover{ background-color:#FCFCFC; text-decoration:none;} #main .col1 ul li a.selected{ display:block; height:26px; background-color:#DCDCDC; padding-left:12px; width:171px; line-height:26px;font-size:11px; color:#666; text-decoration:none; font-weight:bold} #main .title{ font:normal 20px/150% Arial, Helvetica, sans-serif; color:#000; margin-bottom:15px; padding-left:8px;} #main .main_content{ margin:3px 8px;} #main .title2{ font:normal 20px/150% Arial, Helvetica, sans-serif; color:#000; } #main #productList{ margin:0 0 0px 4px;} #main .product .pro_img{ height:182px; display: table-cell;vertical-align:middle; text-align:center; *display: block; width:182px; *font-size: 107px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ } #main .product{ width:182px; border:1px solid #F4F4F4; float:left; margin-right:22px; margin-bottom:18px;} .price{ color:#C90000} .name{ font-weight:bold} .proceed{ margin:4px;} #main .product img, #main .product p, #main .product p a{ display:block; color:#333; text-align:center} #main .product .pro_img img{ padding:0px 0 0; margin:0 auto;vertical-align:middle;} #main .product p{ font-size:10px; margin:0px 0 0; padding:0; line-height:18px; background-color:#F4F4F4} #main .product p a{ font-weight:bold; line-height:18px;} .pro_title{ font-size:22px; font-weight:bold; color:#00375B;} .pro_title_sec{ font-size:16px; font-weight:bold;} #main .col2 .ask_question{ text-align:right; margin:4px 14px 16px 0;} td.d1{ background:url(../images/a.png) no-repeat; height:33px;} td.d1 span{ padding:6px 0 0 36px; font:bold 16px/31px Arial; color:#0C4063} td.d2{ background:url(../images/b.png) no-repeat left top;} td.d2 span{ padding:6px 12px 0 36px; font:normal 12px/18px Arial; color:#333; display:block; margin-right:6px;} /*news*/ #News{padding:0px 18px 20px 0;border:0px solid #b10b0d; background:#FFF; } #News ul{padding:0 90px;} #News li{background:url(../images/newslogo.png) 5px 14px no-repeat;border-bottom:1px dotted #ccc;padding:10px 5px 5px 60px;color:#112441;line-height:1.2em;margin-bottom:5px;font-size:15px;font-weight:bold;} #News li em{display:block;color:#9b9b9b;font-size:11px;font-weight:normal;} #News li a{ font-size:16px; font-weight:bold; color:#00375B;} #News li a:hover{color:#f00;} #news_details{ margin:0 50px;} #news_details hr{ height:1px; margin:10px 0 14px; padding:0;} #news_details .title{font-size:26px; color:#00375B; margin-bottom:0; text-align:center} #news_details .title em{color:#666666;display:block;font-size:11px;font-family:Arial; margin:0; padding:0; line-height:120%;} .pagesLink{ text-align:center; padding-bottom:12px; height:30px;} .pagesLink, .pagesLink a:link, .pagesLink a:visited{ font:normal 12px/32px Arial; color:#333; } .pagesLink span{ font: 14px/150% Arial; color:#FF0000;} .pagesLink a:hover{ color:#FF0000; text-decoration:none;} .newsTitle{ font:bold 22px/130% Geneva, Arial, Helvetica, sans-serif; color:#1176BC; text-align:center; margin:12px 0 2px 0;} .date{ color:#CCCCCC; font-size:11px;} table.board img{ border:1px solid #000; margin:6px 12px 0px 0;} .sepLineII{ border-bottom:1px solid #FBD6BD; margin:32px 0 30px 0;} .nameJob{ margin-bottom:12px;} span.name{ FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #673F3F;} span.job{FONT-SIZE: 13px; COLOR: #999999; padding-left:8px; font-weight:bold} /*contact*/ #contact{ width:500px; margin:0 auto;} #contact .addressList{width:458px; margin:0 auto; } .input{ border:1px #b19a7d solid; background-color:#342007; color:#d8c0a1; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:220px;} .input2{ border:1px #946627 solid; background-color:#d8c0a1; color:#502f08; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:159px;} .input4{ border:1px #946627 solid; background-color:#d8c0a1; color:#502f08; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:125px;} .input3{ border:1px #946627 solid; background-color:#d8c0a1; color:#502f08; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:165px;} .input5{ border:1px #946627 solid; background-color:#d8c0a1; color:#502f08; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:53px;} .textBoxinput{ border:1px #ae792f solid; background-color:#d8c0a1; color:#000; font:normal 11px/18px arial; height:168px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:450px; } .input6:hover, .textBoxinput6:hover{ border:1px #000 solid; background-color:#F8FBFE; } .input6:focus, .textBoxinput6:focus{ border:1px #000 solid; background-color:#F8FBFE;} a.more{ text-decoration:underline} .dropdown{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 11px/18px arial; height:21px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:243px;} .map{ float:right; margin:2px 4px 0 0;} .input7{ border:1px #946627 solid; background-color:#d8c0a1; color:#502f08; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:153px;} .input8{ border:0; border-bottom:1px #946627 solid; background-color:#191005; color:#FFF; font:normal 11px/18px arial; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:153px;} /* ====================== footer ====================== */ #footer table{ border:none; width:760px;font-size:10px; } .style1{ color:#997d5a; text-decoration:none;font-size:10px; padding:0 3px;} .style1 a{ color:#ae792f; text-decoration:none;font-size:10px; padding:0 3px;} .style1 a:hover{ color:#eaddbd; text-decoration:none} .style1 a.selected{ color:#d8c0a1; text-decoration:none;font-size:10px; padding:0 3px;} .style2{ color:#eaddbd;font-size:10px; } /*.style4{ color:#997d5a;font-size:10px; text-transform:uppercase } update by sophia at 4/23/2009 */ /*.style4{ color:#997d5a;font-size:10px; }*/ .style4 a{ color:#997D5A;font-size:10px;text-transform:uppercase;}/* update by sophia at 4/24/2009 */ .style4 a:hover{ color:#997D5A;font-size:10px;text-transform:uppercase; text-decoration:underline}/* update by sophia at 4/24/2009 */ .style4_home a{ color:#997D5A;font-size:12px;text-transform:uppercase;}/* update by sophia at 4/24/2009 */ .style4_home a:hover{ color:#997D5A;font-size:12px;text-transform:uppercase; text-decoration:underline}/* update by sophia at 4/24/2009 */ .style4 span{ color:#d8c0a1} .style3, .style3 a{ color:#997d5a; text-decoration:none; font-size:10px; padding:0 3px;} .style3 a:hover{ color:#eaddbd; text-decoration:none} .style5{ color:d8c0a1; font-size:20px; font-weight:bold} .style6{ color:#997d5a; font-size:10px;} .style7{color:#d8c0a1; font-size:11px;} .style9, .style9 :link, .style9 :visited{ color:#ae792f; font-size:12px; } .style10, a.style8{ color:#ae792f; font-size:11px; text-decoration:underline} a.style8:hover{ text-decoration:none; color:#d8c0a1} .style12{ font-size:12px; color:#997d5a;} .style12 a{ font-size:12px; color:#ae792f; text-decoration:none} .mar20{ margin:20px;} td.footer1{ border-bottom:1px solid #e4cd87; } .main{ margin:26px 7px;} .main p, .main td{ margin:8px; font-size:12px; } .main p span{ color:#997d5a;} .main p strong, .main p a{ color:#ae792f;font-size:12px; font-weight:normal} .style11{ line-height:120%;font-size:20px; text-transform:uppercase; color:#d8c0a1; padding-left:12px;} .con{ text-transform:uppercase; color:#997d5a; font-size:12px;} .con strong{ color:#ae792f;font-size:12px; font-weight:normal} .ask{ text-transform:uppercase; color:#d8c0a1; } .color1{ color:#997d5a;} .color2{ color:#997d5a;} .tt2{ text-transform:uppercase; color:#d8c0a1; } .tda a{ color:#997d5a;} .tda a:hover{ color:#d8c0a1;} .style13{ font-size:12px; color:#FFF; text-transform:uppercase;} .style14{ color:#502f08; font-size:11px;} .cap{ text-transform:uppercase} form#signup td{ color:#ae792f;} .style15{ line-height:120%;font-size:22px; text-transform:capitalize; color:#ae792f; } .weekList { background-color: #844a00; } .weekList div { color: #ffffff; } .mod_events_td_todaynoevents { background-color: #452C22; } .mod_events_td_todaywithevents { background-color: #80683E; } .mod_events_td_daywithevents { background-color: #80683E; } .main ul{ padding:12px; margin:12px;} .main ul li{ list-style:disc;} .mdcontent{height:70px; *height:74px; width:350px; overflow:hidden; } .notes{color:#997d5a; font-size:10px;} .guarantees{color:#ae792f ; font-size:10px; text-transform:uppercase} .tablelist{ color:#d8c0a1;} .tablelist_title a{ color:#d8c0a1; text-decoration:none; text-transform:uppercase} .tablelist_title a:hover{ color:#d8c0a1; text-decoration:underline; text-transform:uppercase} sup{ font-size:smaller;} .font10{ font-size:10px;} pre{ font-size:10pt; padding:0; margin:0; font-family:Arial;} .blogList{ margin-bottom:18px;} .twitterTitle{background:url(../images/twitter_bike_1.jpg); height:44px;} .twitterTitle p{ font-size:20px; color:#E2CA69; padding:0 0 0 10px; margin-top:-8px;} .twitterbg{background:url(../images/twitter_bike_2.jpg); min-height:180px;} .twitterfooter{background:url(../images/twitter_bike_3.jpg); height:14px;} .errorMessage{color: #fff;background-color: #ce0c0c;margin-left: 100px;padding: 10px;width: 300px;} .successMessage{color: #fff;background-color: green;margin-left: 100px;padding: 10px;width: 300px;}