/* GENERAL */ * { padding:0; margin:0; } body { font-family: Tahoma, Helvetica, sans-serif; font-size:11px; color:#555; background:#fff; overflow-x:hidden;} .clr { clear:both; font-size:0; line-height:0; } /* HEADINGS */ h1, h2, h3, h4 { color:#000; } h1{ font-size:27px; font-family: "Trajan Pro", Georgia, "Times New Roman", Times, serif; margin-bottom:15px;} h2 { font-size:18px; font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} h3 {} h4{ font-size:12px; margin-bottom:5px;} h5 { font-size:13px; font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} /* TYPO */ .light { color:#888; } .small { font-size:11px; } /* FONT */ @font-face { font-family: "Trajan Pro"; src:("../font/TrajanPro-Regular.otf");} @font-face { font-family:"myriad pro"; src:("../font/MyriadPro-Regular.otf ");} @font-face { font-family:"Gillsans"; src:("../font/Gillsanslight.ttf");} /* LINK */ a { text-decoration:none; color:#555;} a:hover { color:#2E7DC1;} /*a:hover img {opacity:0.7; filter:alpha(opacity=70);}*/ /* PARAGRAPH */ p { line-height:20px; padding-bottom:10px; } /* SPACING */ .pb0 { padding-bottom:0; } .pb5 { padding-bottom:5px; ; } .pb15 { padding-bottom:15px;} .pb25 { padding-bottom:25px; } .pb10{padding-bottom:10px;font-size:14px; font-family:"myriad pro";src:("../font/MyriadPro-Regular.otf ");} .pt0 { padding-top:0; } .pt5 { padding-top:5px; } .pt15 { padding-top:15px; } /* IMAGES */ img, a img { border:0; } img.alignV { vertical-align:middle; } /* LIST */ ul {} li { list-style:none; } /* TABLE */ table { border-collapse:collapse; } td { vertical-align:top; } /* STRUCTURE */ #container { width:895px; margin:25px auto; } /* TOP */ #top{ margin-bottom:40px; height:57px;} #logo{ float:left; width:545px;} #slogan{ float:left; padding:17px 0 0 10px; width:300px; color:#555; font-size:14px; font-weight:bold; font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif; } #home_search{ width:225px; float:left; text-align:right; padding:17px 0 0 0;} #home_search input.txtfield { background:url(../images/home_search_bg.gif) no-repeat; width:197px; border:none; height:20px; padding:0; outline:none; float:left; } #home_search input.button { float:left; width:22px; padding:0; } /* NAVIGATION */ #nav {height:25px; margin-bottom:5px;width: 100%; background:#fff;} #nav ul {list-style: none;margin: 0;padding: 0;float: left;} #nav ul li { width:110px; float:left; height:25px;line-height:25p; margin-right:2px; font-weight:bold; text-align:center;margin-left:0px;} #nav ul li a:hover, #nav ul li.active a { background:#2E7DC1; } #nav ul li a { display:block;width:110px; height:25px; line-height:25px; color:#fff; font-size:12px; background:#C2C4C6;} #nav ul li.last { margin-right:0; } #nav ul li.last a { width:110px; } #nav li {position: relative;} /* MAIN */ #main { padding:30px 15px; width:865px;display:block; position:relative;} #main ul{ margin-bottom:10px;} #main ul li { list-style:disc; margin:0 0 0 35px; line-height:20px; padding-left:7px;} #main img.left{ float:left; padding: 10px 15px 15px 0;} #main img.right{ float:right; padding:10px 0 15px 15px;} #main a { color:#2E7DC1;} #main a:hover { color:#2E7DC1; text-decoration:underline;} /* HISTORY */ #nav_history{ float:left; width:180px; margin:0 0 10px 50px; border:0; border-right:1px solid #000;} #nav_history ul { margin-bottom:20px; } #nav_history ul li { list-style:none; background:none; padding:0; margin:0; line-height:35px; height:35px; } #nav_history ul li a { display:block; line-height:35px; font-size:15px; color:#C2C4C6; } #nav_history ul li a:hover{ color:#2E7DC1; } #nav_history ul li.active a { background:url(../images/dot_navhistory.gif) repeat-x 0 20px ; color:#2E7DC1; } #nav_history ul li a span { background:#fff; padding-right:8px; } #nav_history p a { width:140px; line-height:25px; font-size:15px; color:#C2C4C6; } #nav_history p.active a { color:#2E7DC1; } #nav_history p a:hover, #nav_history p .active a { color:#2E7DC1; } /*LINE*/ #history_line{float:left; width:auto} #history_content{float:left; padding:5px 10px 20px 25px; width:430px; height:auto; font-style:italic;} #history_content span{font-style:normal;} #history_content .content { width:420px; height:auto; float:left; margin-right:4px; font-size:14px; font-style:italic; font-family:"myriad pro";} #history_content1{float:left; padding:0 0 20px 25px; width:390px; height:auto; } #history_content2{float:left; padding:0 0 4px 10px; width:240px; height:auto; } #history_content3{float:left; padding:0 0 20px 25px; width:400px; height:auto;font-size:12px;} #history_content4{float:left; padding:0 0 20px 25px; width:300px; height:auto;} #history_pic{float:left; padding:0px 0px 20px 20px; width:130px;} #history_pic1{float:left; padding:0px 10px 20px 15px; width:200px;} #history_pic2{float:right; padding:0px 10px 20px 15px; width:200px;} /* LEVEL 2 */ #nav li li a, #nav li.active li a { display:block; background:#fff; padding:0 10px; width:110px; height:30px;*width:117px; font-weight:bold; margin:0; color:#555; } #nav ul li a{position: relative;} #nav ul ul {position:absolute; width:100px;*width:120px;*top:25px; padding:0; margin:0; *margin-left:-110px;background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index: 500; } div#nav ul ul,div#nav ul li:hover ul ul{display: none;} div#nav ul li:hover ul,div#nav ul ul li:hover ul {display: block;} #nav li li { float:left; width:210px; text-align:left;} #nav li li a{ display:block; background:#fff; color:#555; } #nav li li a:hover, #nav li.active li a:hover { background:#5498d3; color:#fff; } /* HOME PAGE */ #home_banner { height:348px; margin-bottom:20px;} #home_bannerL { width:1px; float:left;} #home_bannerR { position:absolute; width:894px; background:#F0F3FA; height:348px; float:left;} .home_subbanner { margin-bottom:15px;} #home_blockL { width:432px; float:left; border-right:1px solid #ccc; padding-right:15px; margin-bottom:15px;} #home_blockR { width:432px; float:right; padding:0; margin-left:15px; margin-bottom:15px;} .block { width:432px; background:#F3F3F3; padding-bottom:25px; height:150px;} .blocktop { height:48px; background:url(../images/homeblock_top.gif) repeat-x; padding:0 20px; margin-bottom:20px; font-size:16px; font-weight:bold;} .blocktop p { color:#fff; background:url(../images/arrow_homeblock.gif) no-repeat 0 12px; line-height:48px; padding-left:20px;} .block table th { padding:4px 4px;} .block input.txtfield { width:170px; height:15px; font-size:11px;} .block select { font-size:11px; height:18px;} /*PRIVACY*/ #banner3 { height:170px; background:#F0F3FA; font-size:11px; border:solid #000000 1px;} #banner3 .banner3_text { width:640px; padding:30px; float:left;} #banner3 p{font-size:14px; font-family:"myrad pro", Georgia, "Times New Roman", Times, serif; margin-bottom:10px;} /* BEDROOM */ #banner1 { height:160px; background:#F0F3FA; font-size:11px;} #banner1 .banner1_text { width:640px; padding:30px; float:left; margin-top:30px;} #banner1 .banner2_text { width:370px; padding:30px; float:left;} #banner1 img.btn{ margin: 20px 30px;} #banner1 p span{ font-size:24px; font-family:"Trajan Pro", Georgia, "Times New Roman", Times, serif; padding-right:15px; color:#000;} #filter{ margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:20px; min-height:1px; height:auto!important; height:1px; } #filter select { width:196px; height:22px; margin:0 20px 20px 0; float:left; } #filter input.button { width:80px; padding:0; margin:0; float:left; } /*DEALER*/ #dealer { width:895px; overflow:auto; height:auto; } /* PRODUCT CATALOG */ #calalog { width:870px; padding-left:5px; } #calalog1 { width:895px; padding-left:5px; } .product { width:415px; height:340px; float:left; padding:0 20px 40px 0px; } .product .imgprod { margin-bottom:20px; height:220px;} .product .info { padding:0 20px 20px 20px; color:#777; font-weight:bold;} .product h2 { font-size:18px; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:0;} .product .view{font-weight:bold; padding-left:360px; line-height:16px;} .product .view a{ padding:2px 20px 2px 10px; background:#C2C4C6 url(../images/arrow_view.gif) no-repeat 40px 6px; color:#fff!important;} .productline { width:276px; height:432px; float:left; margin:0 10px 20px 0; border:1px solid #ccc; } .productline .detail{text-align:right; line-height:18px; height:18px;} .productline .detail a { padding:3px 20px 4px 10px; background:#C2C4C6 url(../images/arrow_view.gif) no-repeat 52px 7px; color:#fff!important; font-weight:bold; } .productline .imgproduct {height:367px;} .productline img { width:276px; height:367px;} .productline .info{ height:40px; color:#fff; background:#C2C4C6; text-align:center; font-weight:bold; padding-top:8px;} .product .info p, .productline .info p{ line-height:8px; margin-bottom:0;} /* PRODUCT DETAIL */ #prod_gallery{ float:left; width:340px; margin:0 0 20px 50px;} #gallery_photo{} #gallery_photo img { width:338px; height:445px;} #zoom{ height:20px; text-align:center; padding:15px; border-bottom:1px solid #7A7B7D; margin-bottom:25px;} #zoom a.enlarge { background:url(../images/enlarge_btn.gif) left no-repeat; padding:5px 25px;} #zoom a.zoom { background:url(../images/zoom_btn.gif) left no-repeat; padding:5px 25px;} /* #gallery_nav { overflow:scroll; width:338px; height:100px; } #gallery_nav_holder { width:800px; } #gallery_nav a { float:left; width:44px; height:63px; margin: 0 8px; } #gallery_nav img { width:44px; height:63px; padding:2px; border:1px solid #ccc; margin:0!important; } */ #prod_detail { float:left; padding:30px 0 20px 50px; width:370px;} #prod_detail ul.list-field { border-bottom:1px solid #7A7B7D; border-top:1px solid #7A7B7D; padding:10px 0;} #prod_detail ul.list-field li { list-style:/*disc inside*/ none; } #prod_detail img {float:left; padding:0 10px 0 0;} /* IFUNCTION */ #ifunctionL { float:left; width:400px; padding:20px; } #ifunctionR { float:left; width:350px;padding:20px 35px; } #ifunction_nav{ width:340px; float:left; padding:0 0 30px 50px; font-size:13px;} #ifunction_nav p#headline {} #ifunction_nav p#headline img { vertical-align:middle; } #ifunction_nav p#headline span.desc { font-style:italic; color:#888; padding:0 0 0 10px; } #ifunction_nav ul { margin:20px 0;} #ifunction_nav ul li { margin-bottom:18px; -margin-bottom:5px; padding:0px; list-style:none;} #ifunction_nav ul li a { display:block; padding:0 0 0 35px; line-height:24px; height:24px; background-position:0 0; background-repeat:no-repeat; width:140px; background-color:#fff; } #ifunction_nav ul li a.active:hover { color:#6d7071; text-decoration:underline;} #ifunction_nav ul li a.deactive:hover {color:#b1b3b5; text-decoration:underline; } #ifunction_nav ul li a.deactive{color:#b1b3b5;} #ifunction_nav ul li a.active{color:#6d7071;} #ifunction_nav ul li#li-touch-lighting .active{ background-image:url(../images/icon_touch.gif);} #ifunction_nav ul li#li-touch-lighting a { background-image:url(../images/icon_touch_active.gif);} /*#ifunction_nav ul li#li-touch-lighting a:hover { background-image:url(../images/icon_touch.gif);}*/ #ifunction_nav ul li#li-charging-station .active { background-image:url(../images/icon_charging.gif);} #ifunction_nav ul li#li-charging-station a { background-image:url(../images/icon_charging_active.gif);} /*#ifunction_nav ul li#li-charging-station a:hover { background-image:url(../images/icon_charging.gif);}*/ #ifunction_nav ul li#li-jewelry-storage .active { background-image:url(../images/icon_jewelry.gif);} #ifunction_nav ul li#li-jewelry-storage a { background-image:url(../images/icon_jewelry_active.gif);} /*#ifunction_nav ul li#li-jewelry-storage a:hover { background-image:url(../images/icon_jewelry.gif);}*/ #ifunction_nav ul li#li-electronic-storage .active { background-image:url(../images/icon_electronic.gif);} #ifunction_nav ul li#li-electronic-storage a { background-image:url(../images/icon_electronic_active.gif);} /*#ifunction_nav ul li#li-electronic-storage a:hover { background-image:url(../images/icon_electronic.gif);}*/ #ifunction_nav ul li#li-hidden-storage .active { background-image: url(../images/icon_hidden.gif); } #ifunction_nav ul li#li-hidden-storage a { background-image: url(../images/icon_hidden_active.gif); } /*#ifunction_nav ul li#li-hidden-storage a:hover { background-image: url(../images/icon_hidden.gif); }*/ #ifunction_nav ul li#li-lift-top-storage .active { background-image:url(../images/icon_lift.gif);} #ifunction_nav ul li#li-lift-top-storage a { background-image:url(../images/icon_lift_active.gif);} /*#ifunction_nav ul li#li-lift-top-storage a:hover { background-image:url(../images/icon_lift.gif);} */ #ifunction_nav ul li#li-self-storage-leaf .active { background-image:url(../images/icon_self.gif);} #ifunction_nav ul li#li-self-storage-leaf a { background-image:url(../images/icon_self_active.gif);} /*#ifunction_nav ul li#li-seft-storage-leaf a:hover { background-image:url(../images/icon_self.gif);}*/ #ifunction_nav ul li#li-motion-mobility .active { background-image:url(../images/icon_momo.gif);} #ifunction_nav ul li#li-motion-mobility a { background-image:url(../images/icon_momo_active.gif);} /*#ifunction_nav ul li#li-motion-mobility a:hover { background-image:url(../images/icon_momo.gif);}*/ #ifunction_nav div.hiddenInfo { position:absolute; visibility:hidden; background:#fff; width:180px; padding:0 0 0 10px; margin:-20px 0 0 175px; border-left:2px solid #ccc; line-height:1.3; } /* CASUAL RETREAT */ #banner2 { height:275px; background:#fff; font-size:11px; margin-bottom:20px; } #banner2 .banner2_text { width:295px; height:245px; float:left; margin-right:4px; padding:30px 15px 0 30px; background:#F0F3FA;} #banner2 .banner3_text { width:340px; height:290px; float:left; margin-right:4px; } #banner2 .banner3_text .text { height:260px; margin-bottom:4px; padding:15px 20px 0 25px; background:#F0F3FA; } #banner2 .banner3_text .text p { line-height:1.5; } #banner2 .banner3_text .text h1 { margin-bottom:8px; } #banner2 .banner4_text { width:340px; height:310px; float:left; margin-right:4px; } #banner2 .banner4_text .text { height:280px; margin-bottom:4px; padding:25px 20px 0 40px; background:#F0F3FA; } #banner2 .banner5_text { width:500px; height:275px; float:left; margin-right:4px; } #banner2 .banner5_text .text { height:260px; margin-bottom:4px; padding:15px 20px 0 25px; background:#F0F3FA; } #banner2 .banner6_text { width:365px; height:275px; float:left; margin-right:4px; } #banner2 .banner6_text .text { height:260px; margin-bottom:4px; padding:15px 20px 0 25px; background:#F0F3FA; } #banner2 .banner7_text { width:430px; height:350spx; float:left; margin-right:4px; } #banner2 .banner7_text .text { height:260px; margin-bottom:4px; padding:15px 20px 0 25px; background:#F0F3FA; } #banner2 .banner8_text { width:383px; padding:30px; float:left;} #banner2 .text { height:230px; margin-bottom:4px; padding:15px 20px 0 25px; background:#F0F3FA; } #banner2 .banner3_text .wooden { height:26px; background:url(../images/bg_wooden.jpg) 0 0 no-repeat; color:#fff; font-weight:bold; padding:35px 0 0 25px; } #banner2 .banner2_img { float:left;} #breadcrumb { font-style:italic; padding:10px 0 4px 30px;} /* FOOTER */ #footer {position:relative; display:block; height:50px; background:#C2C4C6; color:#fff; line-height:22px;} #footer a { text-decoration:none; color:#fff; font-weight:bold;} #footer a:hover { color:#2E7DC1; text-decoration:underline;} /* opacity:0.7; filter:alpha(opacity=50); */