/* CSS Document */ body { margin:0px; padding:0px; background:#dedede url(../images/mainbg.gif) repeat-x; text-align:center; color:#000; font-size:12px;} a:link,a:visited { color:#000; text-decoration:none} a:hover {} form { margin:0px; padding:0px;} div.divhack { clear:both} #top , #footer , #Dealermain , #applymain , #ordermain , #classicmain , #Securitymain , #storymain { width:975px; margin:0px auto; } #indexmain { width:985px; margin:0px auto} /* Top */ #top { height:120px; /*background:url(../images/topbg.gif) no-repeat right top;*/ text-align:left; width:985px; margin:0 auto; position:relative;} #oplogo { width:120px; height:80px; background:url(../images/logo_olympic.gif) no-repeat; float:left; margin:0 0 0 5px; _display:inline; cursor:pointer; } #boralogo { width:195px; height:80px; background:url(../images/logo_bora.gif) no-repeat; float:right; cursor:pointer;} #nav { position:absolute; top:70px; left:0;} /* main */ #Dealermain {padding-top:257px; background:url(../images/bannerDealer.jpg) top center no-repeat} #applymain {padding-top:259px; background:url(../images/bannerapply.jpg) top center no-repeat} #ordermain {padding-top:259px; background:url(../images/bannerorder.jpg) top center no-repeat} /*.applybg { height:auto!important; height:300px; min-height:300px; background:#ecebeb url(../images/applybg.jpg) top center no-repeat;}*/ .applybg { height:auto!important; height:300px; min-height:300px;background:#efefef url(../images/Securitybg.gif) repeat-x ;} .righticon { width:98px; height:97px; padding:15px 23px 0px 0px; background:url(../images/apply_icon.jpg) left bottom no-repeat; float:right} .righticon a:link,.righticon a:visited { height:97px; width:98px; display:block; overflow:hidden; text-indent:-1000em} #applyform { width:835px; float:left} #applyform h1 { margin:0px; padding:22px 0px 0px 33px; float:left;width:112px; height:28px; background:url(../images/title_apply.gif) right bottom no-repeat; text-indent:-1000em} #orderform {width:835px; float:left} #orderform h1 { margin:0px; padding:22px 0px 0px 33px; float:left;width:112px; height:28px; background:url(../images/title_order.gif) right bottom no-repeat; text-indent:-1000em} .formarea { width:715px; float:right; padding:19px 0px; text-align:left} .formarea label { display:block; width:60px; float:left; line-height:32px;} .formarea .smalllabel{ width:35px;} .formarea input,.formarea select { vertical-align:middle; float:left; margin:5px 12px 5px 0px ;font-size:12px;} .dotline { height:0px; border:0px; border-top:1px dashed #ccc; clear:both} .personalinfor { margin:0px; padding:0px; list-style:none;} .personalinfor li { float:left; white-space:nowrap} .longlabel { width:auto!important;} #saleraddress {/* width:265px; */float:left; padding-right:12px;} #saleraddress ul { margin:0px; padding:0px; list-style:none; line-height:18px;} textarea.yourtxt { width:385px; height:65px; font-size:12px;} .btnarea { text-align:center; padding:20px 0px} .btnarea input { float:none!important; margin:0px!important } .redtxt { color:#f00} .shortinput { width:24px;} .shortlabel { width:36px!important;} .longspacelabel { padding-left:80px;} .provinceselect { width:98px;} .salerselect { width:288px;} .salerselect2 { width:302px;} .cityselect { width:98px;} #Securitybanner { background:url(../images/bannerSecurity.jpg) 172px 0px no-repeat; text-align:left} #Comfortablebanner { background:url(../images/bannerComfortable.jpg) 172px 0px no-repeat; text-align:left} #Dynamicbanner { background:url(../images/bannerDynamic.jpg) 172px 0px no-repeat; text-align:left} #Equipmentbanner { background:url(../images/bannerEquipment.jpg) 172px 0px no-repeat; text-align:left} div.leftnav { width:172px; height:259px; background:url(../images/Securityleftnavbg.jpg) no-repeat;} div.leftnav ul { margin:0px; padding:32px 0px 0px 0px; list-style:none} div.leftnav ul li a:link,div.leftnav ul li a:visited { display:block; height:45px; text-indent:-1000em; overflow:hidden} a.subnav1:link,a.subnav1:visited{ background:url(../images/t_nav1.jpg) no-repeat} a.subnav1:hover { background:url(../images/t_nav1_on.jpg) no-repeat} a.subnav1on:link,a.subnav1on:visited { background:url(../images/t_nav1_on.jpg) no-repeat!important} a.subnav2:link,a.subnav2:visited{ background:url(../images/t_nav2.jpg) no-repeat} a.subnav2:hover { background:url(../images/t_nav2_on.jpg) no-repeat} a.subnav2on:link,a.subnav2on:visited { background:url(../images/t_nav2_on.jpg) no-repeat!important} a.subnav3:link,a.subnav3:visited{ background:url(../images/t_nav3.jpg) no-repeat} a.subnav3:hover { background:url(../images/t_nav3_on.jpg) no-repeat} a.subnav3on:link,a.subnav3on:visited { background:url(../images/t_nav3_on.jpg) no-repeat!important} a.subnav4:link,a.subnav4:visited{ background:url(../images/t_nav4.jpg) no-repeat} a.subnav4:hover { background:url(../images/t_nav4_on.jpg) no-repeat} a.subnav4on:link,a.subnav4on:visited { background:url(../images/t_nav4_on.jpg) no-repeat!important} /*.securitybg { background:#cbcac8 url(../images/Securitybg.jpg) top left no-repeat;}*/ .securitybg { background:#efefef url(../images/Securitybg.gif) repeat-x ;} .securitytitle { margin:0px; padding:0px; width:184px; height:51px; background:url(../images/Security_title.gif) right bottom no-repeat; float:left; text-indent:-1000em} .Comfortabletitle { margin:0px; padding:0px; width:184px; height:51px; background:url(../images/Comfortable_title.gif) right bottom no-repeat; float:left; text-indent:-1000em} .Dynamictitle { margin:0px; padding:0px; width:184px; height:51px; background:url(../images/Dynamic_title.gif) right bottom no-repeat; float:left; text-indent:-1000em} .Equipmenttitle { margin:0px; padding:0px; width:184px; height:51px; background:url(../images/Equipment_title.gif) right bottom no-repeat; float:left; text-indent:-1000em} .securitycenter { margin:0px auto; width:730px; text-align:left} .Equipmentcenter { margin:0px auto; width:905px; text-align:left} .securitycenter dl { margin:0px; padding:0px; text-align:left;} .securitycenter dl dt { margin:0px; padding:0px; width:495px; height:33px; float:left; text-indent:-1000em;} .securitycenter dl dd { margin:0px; padding:0px;} .securitycenter dl dd.imgright { float:right; width:196px;} .securitycenter dl dd.txtleft { float:left; width:495px; height:auto!important; height:90px; min-height:90px; padding:4px 0px 4px 22px; color:#464646; line-height:24px; border-bottom:1px dashed #3e2f0f} .securitycenter dl dd.clear { clear:both} .securitynotice { padding:20px 22px ; margin:0px;color:#6e6a6a;} .equipmentnotice { padding:20px 0px; margin:0px; color:#6e6a6a} .securitysubtitle1 { background:url(../images/Security_subtitle1.gif) left bottom no-repeat;} .securitysubtitle2 { background:url(../images/Security_subtitle2.gif) left bottom no-repeat;} .securitysubtitle3 { background:url(../images/Security_subtitle3.gif) left bottom no-repeat;} .securitysubtitle4 { background:url(../images/Security_subtitle4.gif) left bottom no-repeat;} .Comfortablesubtitle1 { background:url(../images/Comfortable_subtitle1.gif) left bottom no-repeat;} .Comfortablesubtitle2 { background:url(../images/Comfortable_subtitle2.gif) left bottom no-repeat;} .Comfortablesubtitle3 { background:url(../images/Comfortable_subtitle3.gif) left bottom no-repeat;} .Dynamicsubtitle1 { background:url(../images/Dynamic_subtitle1.gif) left bottom no-repeat;} .Dynamicsubtitle2 { background:url(../images/Dynamic_subtitle2.gif) left bottom no-repeat;} .Dynamicsubtitle3 { background:url(../images/Dynamic_subtitle3.gif) left bottom no-repeat;} .Dynamicsubtitle4 { background:url(../images/Dynamic_subtitle4.gif) left bottom no-repeat;} .Equipmentnav { margin:18px 0px 0px 0px; padding:0px; list-style:none} .Equipmentnav li { float:left} .Equipmentnav li a:link,.Equipmentnav li a:visited { display:block; height:35px; text-indent:-1000em; overflow:hidden} a.equipment1:link,a.equipment1:visited { width:72px; background:url(../images/eq_nav1.gif) bottom no-repeat; } a.equipment2:link,a.equipment2:visited { width:72px; background:url(../images/eq_nav2.gif) bottom no-repeat; } a.equipment3:link,a.equipment3:visited { width:72px; background:url(../images/eq_nav3.gif) bottom no-repeat; } a.equipment4:link,a.equipment4:visited { width:82px; background:url(../images/eq_nav4.gif) bottom no-repeat; } a.equipment1on:link,a.equipment1on:visited { width:72px; background:url(../images/eq_nav1_on.gif) bottom no-repeat; } a.equipment2on:link,a.equipment2on:visited { width:72px; background:url(../images/eq_nav2_on.gif) bottom no-repeat; } a.equipment3on:link,a.equipment3on:visited { width:72px; background:url(../images/eq_nav3_on.gif) bottom no-repeat; } a.equipment4on:link,a.equipment4on:visited { width:82px; background:url(../images/eq_nav4_on.gif) bottom no-repeat; } .whitebg { background:#fff; padding:0px 5px 12px 5px} .whitebg table { border-collapse:collapse; border:1px solid #d2cfcf} .whitebg table caption { text-align:left; font-weight:bold; font-size:14px; padding-left:15px; padding-top:8px; padding-bottom:8px} .whitebg table tr td { border:1px solid #d2cfcf; padding:8px 0px;} .firstrow { width:210px; padding-left:15px!important; border:1px solid #d2cfcf ; background:#ececeb; } .noboderbetween { border-left:0px!important;border-right:0px!important; width:112px; text-align:center} .noboderleft { border-left:0px!important; width:113px; text-align:center} #table2,#table3,#table4 { display:none;} .tablenotice { padding-top:12px; padding-left:15px; color:#666666} .tablenotice span { padding-right:24px; display:inline-block} /* bottom */ #footer { text-align:left; padding:0px 0px 4px 0px; margin-top:10px!important; position:relative;} #footer div.oneem { padding-left:0.5em} #footer div.sevicephone { width:278px; height:13px; margin:8px 0px; background:url(../images/servicephone.gif) no-repeat; text-indent:-1000em} #footer span.prvicy { display:inline-block; padding:0px 12px; } #footer div.icon { position:absolute; left:470px; top:-10px; font-family: "ËÎÌå"; font-size: 12px; color: #000000; text-decoration: underline;} #footer div.icon a { width:232px; height:58px; line-height:80px; float:left; /*padding:0 0 0 65px;*/ text-decoration:none; background:url(../img/new_icon2.gif) 0 0 no-repeat; outline:none; text-indent:-1000em} #footer div.icon a:hover { text-decoration:underline;} /*== storymain by vitrum ==*/ #storymain p,#storymain h3 { margin:6px 0; padding:0} #storymain { margin:0 auto 0 auto; text-align:left;} #storymain .storyimgtitle { width:975px; height:250px; background:url(../img/storyimgtitle.jpg) no-repeat; text-indent:-1000em; } #storymain .storymaintitle {width:200px; height:40px; background:url(../img/storymaintitle.gif) no-repeat;text-indent:-1000em; margin-top:22px; } #storymain .storycontent { width:855px; height:1190px; background:url(../img/storycontentbg.jpg) no-repeat; background-color:#f8f8f8;padding-left:120px;} #storymain .storycontent .storytitle { width:315px; height:17px; background:url(../img/storytitle.gif) no-repeat;text-indent:-1000em; float:left;} #storymain .storycontent .storyflv {float:left; width:436px; height:460px;background:url(../img/storyflvbg.jpg) no-repeat;} #storymain .storycontent .storyflv .showflv { margin:0; padding:8px; width:386px; height:286px;} #storymain .storycontent .storyflv .showimg { margin-top:40px; width:436px; height:123px;} #storymain .storycontent .storyflv img { float:left; margin::19px 0 20px 0; } #storymain .storycontent p { text-align:left; -x-system-font:none; color:#333333; font-family:"ËÎÌå"; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:2.5em; text-indent:2em; width:750px;} #storymain .storycontent p.newspost {width:315px;float:left;} /*== footerBox ==*/ #footerBox { width:985px; height:48px; text-align:left; color:#4b4b4b; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 auto;position:relative;} #brandLink { width:280px; float:right; padding:8px 5px 0 0; position:relative;} #brandLink label { width:111px; height:22px; float:left; _display:inline; margin:0 0 0 20px; text-indent:-1000em; background:url(../img/footer-label-brand.gif) 0 3px no-repeat;} #defaultselected { width:144px; height:22px; float:right; line-height:22px; text-indent:10px; background:url(../img/footer-brandselectbox.gif) no-repeat; cursor:pointer; position:relative;} #brandLink ul { width:142px; height:0; overflow:hidden; padding:0; margin:0; position:absolute; left:0; top:-1px; /* display:none; height:120px; top:22px; border:1px #bbb solid;*/ background:#eaeaea; z-index:100;} #brandLink ul li { width:142px; height:24px; float:left; list-style-type:none;} #brandLink ul li a { width:142px; height:24px; float:left; color:#5e5e5e; text-decoration:none;} #brandLink ul li a:hover { background:#f1f1f1;} *html #brandLink ul li a { width:132px; } #footerBox p { background:transparent url(../img/footer-copyright.gif) no-repeat scroll 0 0;float:left;margin:6px 0;text-indent:-1000em;width:488px; margin:15px 0 0 6px; } *html #footerBox p { margin-left:3px} #footerBox div.icon { float:left;overflow:hidden;width:205px;} #footerBox div.icon a { width:232px; height:58px; line-height:80px; float:left; text-decoration:none; background:url(../img/new_icon2.gif) 0 0 no-repeat; outline:none; text-indent:-1000em} #footerBox div.icon a:hover { text-decoration:underline;}