body { font: normal 0.7em/1.3em Tahoma,Arial,Verdana,Helvetica,sans-serif; color: #000; background: #909ba6 url(/images/misc/bg.gif); margin: 0; padding: 0; text-align: center; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#page { width: 750px !important; width /**/: 762px; padding: 6px; margin: 2px auto; position: relative; background: url(/images/misc/bg_page.gif) repeat-y; }
#page_top { display:block; width: 762px; height: 12px; position: absolute; top: 0; left: 0; background: url(/images/misc/bg_page_top.gif);}
#page_bottom { display:block; width: 762px; height: 12px; position: absolute; bottom: 0px; left: 0; background: url(/images/misc/bg_page_bottom.gif);}

#container { width: 750px; background: #fff; text-align: left; }

/* top */
#top { width: 750px; height: 128px; background: #074863 url(/images/misc/top_bg.jpg); color: #fff; position: relative; }
#top h1 { margin:0; }
#top #logo_flash { position: absolute; top: 38px; left: 52px; }
#top h1 a { display: block; width: 370px; height: 65px; background: url(/images/misc/logo.jpg); position: absolute; left: 52px; top: 38px; }
#top h3 { display: block; width: 186px; height: 50px; background: url(/images/misc/top_header.jpg); position: absolute; left: 457px; top: 41px; margin:0; }
#top h1 a span, #top h2, #top h3 span  { display: none; }
#top p { margin:0; position: absolute; right: 1px; top: 50px; background: url(/images/misc/top_links_bg.gif) no-repeat; background-position: right 2px; display: block; width: 71px; height: 40px; overflow: hidden; }
#top p a { color: #fff; font-size: 0.9em; display: block; text-transform: lowercase; text-decoration: none; }
#top p a:hover { color: #ffbf25 }
#top p a.mail { background: url(/images/misc/mail_icon.gif) no-repeat; background-position: 0 4px; padding: 0 25px 8px 21px; }
#top p a.home { background: url(/images/misc/home_icon.gif) no-repeat; background-position: 0 2px; padding: 0 25px 0 21px; }
#flash_menu  { display: block; overflow: hidden; color: #fff; position: absolute; bottom: 2px; right: 4px; font-size: 0.9em; width: 16px; height: 16px; }
#flash_menu.on {  background: url("/images/misc/on.gif"); }
.off { background: url("/images/misc/off.gif") !important; }

.off:hover {  background: url("/images/misc/on.gif") !important; }
#flash_menu.on:hover { background: url("/images/misc/off.gif") !important; }


#flash_menu span { display: none; }

/* main menu */
h3.main_menu { display: none; }
#main_menu_flash { display: none; width: 750px; height: 57px; margin-bottom: 0; }
#main_menu_flash.active { display: block; }
ul#main_menu { display: none; border-top: 1px #ffae00 solid; border-bottom: 3px #bec4c6 solid; list-style: none; padding: 0; margin: 0; width: 735px !important; width /**/: 750px; height: 53px; padding-left: 15px; overflow: hidden; }
ul#main_menu.active { display: block; }
#main_menu li { display: block; float: left;  }
#main_menu li a { display: block !important; display:inline; float: left; height: 53px; margin-right: 12px; }
#main_menu li a span { display: none; }
#main_menu li.p1 a { background: url(/images/menu/about.gif); width: 128px; }
#main_menu li.p2 a { background: url(/images/menu/services.gif); width: 116px; }
#main_menu li.p3 a { background: url(/images/menu/products.gif); width: 134px; }
#main_menu li.p4 a { background: url(/images/menu/gallery.gif); width: 169px; }
#main_menu li.p5 a { background: url(/images/menu/contact.gif); width: 128px; }

#main_menu li.p1 a:hover, #main_menu li.p1 a.selected { background: url(/images/menu/about_o.gif); }
#main_menu li.p2 a:hover, #main_menu li.p2 a.selected { background: url(/images/menu/services_o.gif); }
#main_menu li.p3 a:hover, #main_menu li.p3 a.selected { background: url(/images/menu/products_o.gif); }
#main_menu li.p4 a:hover, #main_menu li.p4 a.selected { background: url(/images/menu/gallery_o.gif); }
#main_menu li.p5 a:hover, #main_menu li.p5 a.selected { background: url(/images/menu/contact_o.gif); }

#content { border: 3px #a9b3bc solid; border-top: 1px #98a3a7 solid; width: 744px; position: relative; z-index: 2; }

/* page bottom */
#bottom { width: 744px; overflow: hidden; color: #0b5872; background: #fff url(/images/misc/bottom_bg.gif) repeat-x; background-position: bottom; clear: both; padding-bottom: 6px; }
#bottom a { color: #0b5872; }
#contact_data { width: 375px; float:left; padding: 21px 0 27px 0; line-height: 1.2em; letter-spacing: 0.05em; }
#contact_data address { font-style: normal; display: block; float: left; padding-left: 34px; background: url(/images/misc/address_bg.gif) no-repeat; background-position: 0 3px;  }
#contact_data address span { font-weight: bold; }
#contact_data p { margin: 0; display: block; float: right; padding-right: 36px;  }
#add_info { width: 367px; float:right; border-top: 5px #e1e6e8 solid; }
#add_info ul { margin: 0; padding: 12px 0 15px 0; list-style: none; text-align: center; }
#add_info li { display: inline; text-transform: uppercase; padding: 0 7px 0 10px; background: url(/images/misc/bottom_menu_bg.gif) no-repeat; background-position: 0 1px; }
#add_info li.first_child { background: none; }
#add_info div { color: #000; background: url(/images/misc/footer_bg.gif); width: 368px; overflow: hidden; padding: 8px 0 9px 0; margin-right: 1px; }
#add_info div p { display: block; margin: 0; font-size: 0.9em; line-height: 1.15em; color: #202527; }
#add_info div p.copy { float:left; padding-left: 16px; }
#add_info div p.author { width: 58px; padding-right: 112px; float:right; text-align: right; position: relative; text-transform: lowercase; }
#add_info div a { display: block; width: 85px; height: 20px; background: url(/images/misc/semacom_logo.gif); position: absolute; top: 1px; right: 17px; }
#add_info div a span { display: none; }

/* homepage */
#index .intro { background: url(/images/home/intro_bg.jpg) no-repeat; background-position: bottom right; width: 300px !important; width /**/: 743px; padding: 65px 410px 20px 33px; margin: 1px 1px 0 0; position: relative; color: #2a2c2c; min-height: 133px; height: auto !important; height: 133px; height /**/: 220px; }
#index .intro h3 { display: block; width: 13px; height: 23px; position: absolute; top: 24px; left: 0; background: #ffb100 url(/images/bg_header.gif); margin: 0; }
#index .intro h4 { display: block; width: 220px; height: 29px; position: absolute; top: 24px; left: 32px; background: url(/images/home/welcome.gif); margin: 0; }
#index .intro h3 span, #index .intro h4 span { display: none; }
#index .intro p { margin: 0; }
#index .intro p.more { text-align: right; } 
#index .intro p.more a { font-weight: bold; color: #2a2c2c; padding-left: 17px; background: url(/images/misc/bg_more_white.gif) no-repeat; background-position: 0 4px; }
#index .bottom { width: 744px; overflow: hidden; background: url(/images/home/projects_bg_repeat.jpg) repeat-y; position: relative; }
#index .bottom .bg_bottom { width: 375px; height: 6px; background: url(/images/home/projects_bg_bottom.gif); overflow: hidden; position: absolute; bottom: 0; left: 0; }
#index .bg_bottom_shiet { width: 375px; height: 6px; background: url(/images/home/projects_bg_bottom.gif) no-repeat; overflow: hidden; position: absolute; bottom: -31px; left: 0; display: none !important; display: block; }

#index .projects {  width: 223px !important; width /**/: 375px; padding: 58px 20px 10px 132px; float: left; background: url(/images/home/projects_bg.jpg) no-repeat; color: #fff; position: relative; min-height: 152px; height: auto !important; height: 152px; height /**/: 235px; }
#index .projects .img { width: 105px; height: 160px; background: url(/images/home/projects_image.jpg); position: absolute; top: 0; left: 0; }
#index .projects .more { width: 86px !important; width /**/: 109px; background: #fff url(/images/home/projects_more_bg_top.gif) no-repeat; background-position: top right; position: absolute; top: 176px; left: 0; padding: 7px 13px 11px 10px; }
#index .projects .more h4 { display: block; width: 109px; height: 8px; background: url(/images/home/projects_more_bg_bottom.gif) no-repeat; position: absolute; bottom: -8px; left: 0; margin: 0; }
#index .projects .header h3 span, #index .projects .more h4 span { display: none; }
#index .projects .header h3 { display: block; width: 167px; height: 22px; margin:0; background: url(/images/home/realization.gif); position: absolute; bottom: 13px; left: -3px; }
#index .projects .more a { font-weight: bold; color: #0a4458; padding-left: 17px; background: url(/images/misc/bg_more_white.gif) no-repeat; background-position: 0 4px; font-size: 0.9em; display: block; line-height: 1.1em; }
#index .projects .header { position: absolute; top: 46px; left: 131px; width: 205px; height: 3px; background: url(/images/home/projects_hr.gif); }
#index .projects h4 { margin: 0; font-size: 1em; }
#index .projects ol { margin:0; padding: 0 0 10px 0; list-style-position: inside; }
#index .projects ol li a { color: #fff; padding-right: 17px; background: url(/images/misc/bg_more_color.gif) no-repeat !important;  background-position: right 2px !important; background: none; }

#index .cooperation { width: 369px; float: right; color: #222729; position: relative; }
#index .cooperation a { color: #47585f; }
#index .cooperation .header { height: 49px; background: #f1f1f1 url(/images/home/cooperation_bg.gif) repeat-x; position: relative; }
#index .cooperation .header h3 { display: block; margin:0; width: 105px; height: 22px; background: url(/images/home/cooperation.gif); position: absolute; top: 14px; left: 27px; }
#index .cooperation .header h4 { display: block; margin:0; width: 12px; height: 18px; background: #ffb100 url(/images/home/bg_cooperation.gif); position: absolute; top: 14px; left: 0; }
#index .cooperation .header h3 span, #index .cooperation .header h4 span { display: none; }
#index .cooperation .desc { border-bottom: 1px #d7d7d7 solid; padding: 19px 102px 25px 29px; margin: 0 1px 1px 0; }
#index .cooperation .more { border-top: 1px #d7d7d7 solid; width: 237px !important; width /**/: 368px ; padding: 22px 102px 28px 29px; margin: 1px 1px 0 0; position: relative; display: block; }
#index .cooperation .more a { display: block; color: #55595b; font-weight: bold; position: absolute; bottom: 28px; right: 102px; }
#index .cooperation .woman { width: 99px; height: 180px; background: url(/images/home/woman.gif) no-repeat; position: absolute; bottom: 0; right: 3px; }

/* contact page */
#contact .intro { width: 320px !important; width /**/: 744px; padding: 47px 390px 20px 34px; background: url(/images/contact/intro_bg.gif) repeat-y; background-position: right; position: relative; overflow: hidden; color: #2a2c2c; }
#contact h3, #contact .intro h2 span, #contact .intro h3 span  { display: none; }
#contact .intro p.phone_fax { display: block; width: 310px; height: 114px; background: url(/images/contact/main_phone_bg.jpg); position: absolute; top: 50%; right: 28px; margin-top: -57px; }
#contact .intro p.phone_fax span { color: #52646c; font-weight: bold; position: absolute; top: 53px; left: 17px; }
#contact .intro h3.subheader { display: block; width: 13px; height: 23px; position: absolute; top: 24px; left: 0; background: #ffb100 url(/images/bg_header.gif); margin: 0; }
#contact .intro h2 { display: block; width: 72px; height: 19px; position: absolute; top: 26px; left: 32px; background: url(/images/contact/contact.gif); margin: 0; }
#contact .intro address { width: 150px; font-style: normal; float:left; }
#contact .intro p.contact_data { width: 170px; float:right; margin:0; }
#contact .intro p.contact_data a { color: #2a2c2c; }
#contact form { padding:0; margin:0; display: block; height: 283px; position: relative; }
#contact fieldset { border: none; padding: 0; margin: 0; display: block; }
#contact legend { display: none; }
#contact fieldset.contact_data { width: 375px; height: 283px; position: absolute; left:0; top: 0; background: url(/images/contact/fields_bg.jpg); }
#contact fieldset p { width: 310px; height: 20px; position: absolute; margin: 0; left: 30px; }
#contact fieldset p input { width: 223px; border: none; background: none; color: #2a2c2c; position: absolute; right: 5px; top: 0; font-size: 1em; }
#contact fieldset p.first_name { top: 38px; }
#contact fieldset p.last_name {  top: 85px; }
#contact fieldset p.company {  top: 132px; }
#contact fieldset p.phone { top: 178px; }
#contact fieldset p.email { top: 225px; }
#contact form label { color: #2a2c2c; font-size: 1.1em; font-weight: bold; }
#contact form label.error { color: #de0000; }
#contact fieldset.message label { display: none; }
#contact fieldset.message { width: 311px; height: 201px;  background: url(/images/contact/message_bg.gif); position: absolute; top: 27px; right: 27px; }
#contact textarea { font: normal 1em/1.3em Tahoma,Arial,Verdana,Helvetica,sans-serif; position: absolute; top: 11px; left: 5px; width: 295px; height: 173px; border: none; background: none; color: #2c2c2c; }
#contact label.submit { display: block; width: 86px; height: 38px; background: url(/images/contact/submit.gif); cursor: pointer; position: absolute; top: 221px; right: 27px; }
#contact #contact_submit {  position: absolute; top: -2000px; left: -2000px; }
#contact p.note { position: absolute; top: 225px !important; top: 235px; left: 410px; width: 200px; text-align: right; }
#contact p.note.error { color: #de0000; }
#contact p.note.ok { color: #053d56; }

/* about */
#about { padding: 65px 0 30px 0; width: 100%; border-bottom: 2px #dce2e4 solid; overflow: hidden; background: url(/images/about/bg.gif) repeat-x; background-position: bottom; }
#about .intro h3, #about .intro h2 span, #about .intro h3 span  { display: none; }
#about .intro h3.subheader { display: block; width: 13px; height: 23px; position: absolute; top: 20px; left: 0; background: #ffb100 url(/images/bg_header.gif); margin: 0; }
#about .intro h2 { display: block; width: 152px; height: 20px; position: absolute; top: 21px; left: 32px; background: url(/images/about/about.gif); margin: 0; }
#about .left_column { float: left; padding-left: 33px; }
#about .right_column { float: right; padding-right: 40px; }
#about .paragraph { width: 310px; overflow: hidden; clear:both; padding-bottom: 25px; }
#about .paragraph h3 { display: inline; font-size: 1em; text-transform: uppercase; color: #005575; margin: 0 !important; margin: 0 4px 0 0; }
#about .paragraph p { display: inline; margin:0; }
#about .paragraph img { float:left; display: block; border: 1px #dee3e5 solid; margin: 4px 20px 10px 0; }

/* gallery */
#gallery { padding: 52px 0 25px 19px; border-bottom: 23px #f0f4f5 solid; }
#gallery .intro h3, #gallery .intro h2 span, #gallery .intro h3 span  { display: none; }
#gallery .intro h3.subheader { display: block; width: 13px; height: 23px; position: absolute; top: 20px; left: 0; background: #ffb100 url(/images/bg_header.gif); margin: 0; }
#gallery .intro h2 { display: block; width: 70px; height: 19px; position: absolute; top: 21px; left: 32px; background: url(/images/gallery/gallery.gif); margin: 0; }
#gallery .photos { width: 714px; background: url(/images/gallery/bg.gif) repeat-y; text-align:center; padding: 40px 0 0 0; position: relative; }
#gallery .photos div.bg { width: 714px; height: 19px; background: url(/images/gallery/bg_top.gif); position: absolute; top: 0; left: 0; }
#gallery .photos .big_image { height: 410px; position: relative; background: url(/images/misc/preloader.gif) no-repeat; background-position: center; }
#gallery .photos .big_image a { display: block; width: 51px; height: 46px; position: absolute; top: 10px; }
#gallery .photos .big_image a span { display: none; }
#gallery .photos .big_image a.w { left: 100px; background: url(/images/misc/lens_big.gif); }
#gallery .photos .big_image a.d { left: 161px; background: url(/images/misc/download_big.gif); }
#gallery #thumbnails_container { height: 70px !important; height /**/: 82px; width: 520px; margin: 0 auto; overflow:hidden; padding: 6px 0; position: relative; }
#gallery .photos ul#thumbnails { height: 70px; display: block; margin: 0 auto; padding: 0; list-style: none; position: absolute; left: 0; top: 6px; }
#gallery .photos ul li { display: none; float:left; width: 70px; height: 70px; position: relative; z-index: 2; margin: 0 8px; }
#gallery .photos ul li.visible { display: block !important; display: inline; }
#gallery .photos ul li span { display: none; }
#gallery .photos ul li span.lens { display: block; position: absolute; width: 25px; height: 25px; background: #fff url(/images/misc/lens.gif); z-index: 10; bottom: 6px; left: 4px; }
#gallery .photos ul li a { position: relative; display:block;  }
#gallery .photos ul li a img { border: none; }
#gallery .photos ul li a.active img { border: 3px #ddd solid; padding: 3px; margin: -6px 0 0 -6px; }
#gallery .photos div#photo_navi { position: relative; height: 120px; padding: 20px 0 35px 0; background: url(/images/gallery/bg_bottom.gif) no-repeat; background-position: bottom; width: 100%; }
#gallery .photos div#photo_navi a.n { position: absolute; top: 45px; display: block; width: 11px; height: 29px; }
#gallery .photos div#photo_navi a.n span { display: none; }
#gallery .photos a#pn_prev { background: url(/images/misc/navi_left.gif); left: 80px; }
#gallery .photos a#pn_next { background: url(/images/misc/navi_right.gif); right: 80px; }
#gallery .photos a#pn_prev:hover { background: url(/images/misc/navi_left_o.gif); }
#gallery .photos a#pn_next:hover { background: url(/images/misc/navi_right_o.gif); }
#gallery .photos p.no_photo { display: block; margin: 0 auto; padding: 20px 0 60px 0; background: url(/images/gallery/bg_bottom.gif) no-repeat; background-position: bottom; }

#scroll { width: 500px; margin: 20px auto; height: 2px; background: #777; clear:both; position: relative;  }
#button { width: 40px; height: 10px; background: #ddd; position: absolute;left:0; top: -5px; cursor:pointer; overflow:hidden; }

/* list */
#list { width: 100%; overflow: hidden; }
#list .categories { width: 203px !important; width /**/: 266px; float:left; padding: 22px 29px 10px 34px; }
#list .products, #list .describe { width: 451px !important; width /**/: 478px; padding: 22px 27px 10px 0; float: left; }
#list .intro { background: #8a97a0 url(/images/misc/beam.jpg); background-position: bottom left; padding: 6px 0; }
#list .intro h3 { margin:0; color: #fff; font-size: 1.1em; text-transform: uppercase; padding-left: 16px; background: url(/images/misc/beam_square.gif) no-repeat; background-position: center left; }
#list .categories ul { display: block; padding: 0 8px 109px 8px; margin: 0; list-style: none; background: #ebf0f2 url(/images/misc/bg_list.gif) repeat-x; background-position: bottom; border-top: 3px #ffc800 solid; }
#list .categories li { display: block; border-top: 2px #dadfe1 solid; padding: 4px 9px; }
#list .categories li.first_child { border-top: none; padding-top: 6px; }
#list .categories li.selected { font-weight: bold; }
#list .categories a { color: #313436; }

#list .categories .projects { padding: 0 0 109px 0; background: #ebf0f2 url(/images/misc/bg_list.gif) repeat-x; background-position: bottom; border-top: 3px #ffc800 solid; }
#list .categories .projects h4 { margin: 0; display: block; padding: 20px 0 3px 16px; font-size: 1.1em; color: #535a5f; }
#list .categories .projects ul { padding-bottom: 0; background: none; border: none; }

#list .products { position: relative; }
#list .products div.no_products { display: block; text-align:center; padding: 45px 0 95px 0; background: #ebf0f2 url(/images/misc/bg_list.gif) repeat-x; background-position: bottom; border-top: 3px #ffc800 solid; }
#list .products ul.list { display: block; padding: 15px 17px 95px 17px; margin: 0; list-style: none; background: #ebf0f2 url(/images/misc/bg_list.gif) repeat-x; background-position: bottom; border-top: 3px #ffc800 solid; }
#list .products .list li { display: block; margin-bottom: 14px; padding: 4px 4px 4px 82px; background: white; overflow: hidden; position: relative;  min-height: 70px; height: auto !important; height: 70px; height /**/: 78px; width: 330px !important; width /**/: 416px; }
#list .products .list li h4 { font-size: 1.05em; color: #104f6c; margin: 0; }
#list .products .list li h4 a { color: #104f6c; }
#list .products .list li p { margin: 4px 0; }
#list .products .list li a.more { color: #29849e; font-weight: bold; padding-left: 18px; background: url(/images/misc/bg_more_white.gif) no-repeat; background-position: 0 4px; }
#list .products .list li img { border: 0; position: absolute; left: 4px; top: 4px; width: 70px; height: 70px; overflow: hidden; }
#list .describe .content { display: block; padding: 0 17px 95px 17px; margin: 0; background: #ebf0f2 url(/images/misc/bg_list.gif) repeat-x; background-position: bottom; border-top: 3px #ffc800 solid; }
#list .describe .content img.photo { display: block; float: right; margin-left: 8px; }

#list ul.pager { list-style: none; margin: 0; padding:0; text-align: center; position: absolute; bottom: 20px; width: 450px; }
#list .pager li { display: inline; margin: 0 5px; }
#list .pager li a { color: #313436; }
#list .pager li a.active { font-weight: bold; }

/* product */
#product { width: 100%; color: #30383b; }
#product .navigator { display: block; margin: 0; padding: 0; list-style: none; padding: 15px 25px; font-size: 1.1em; background: url(/images/misc/beam_product.jpg); font-weight: bold; color: #0f638b }
#product .navigator li { display: inline; margin-left: 5px; }
#product .navigator li a { color: #0f638b; padding-right: 19px; background: url(/images/misc/arrow.gif) no-repeat; background-position: right 4px; }
#product .details { width: 100%; overflow: hidden; border-top: 2px #ffb535 solid; margin-top: 2px; background: url(/images/misc/grey_point.gif) repeat-y; background-position: 376px !important;  background-position: 374px; }
#product .describe { width: 375px; float: left; padding-bottom: 10px; }
#product .images, #product .categories { width: 368px; float: left; }

#product .describe h3 { display: block; padding: 18px 35px; margin: 0; font-size: 1.1em; border-bottom: 4px #d2d7d9 solid; background: url(/images/misc/product_header_bg.gif) no-repeat; background-position: center left; }
#product .describe h4.info { padding: 15px 35px 9px 35px; margin: 0; border-top: 1px #d2d7d9 solid; margin-top: 3px; font-size: 1.1em }
#product .describe div { padding: 0 35px; }
#product .describe div p { margin: 0.5em 0; }
#product .describe h4.h { padding: 9px 35px 10px 35px; margin: 0; color: #606668; font-size: 1em; text-transform: uppercase; }
#product .describe ul { padding: 0 35px; list-style: none; margin: 0;  }
#product .describe ul li { display: block; border: 1px #cdd7da solid; padding: 6px 13px; color: #29444f; margin-bottom: 4px; }
#product .describe ul li span { font-weight: bold; color: #566368; }
#product .describe ul.params li { background: url(/images/misc/bg_table1.gif); }
#product .describe ul.variants li { background: url(/images/misc/bg_table2.gif); }

#product .images { padding-top: 35px; }
#product .images h4 { display: none; }
#product .images .big_image { height: 250px; margin: 0; text-align:center; background: url(/images/misc/preloader.gif) no-repeat; background-position: center; position: relative; }
#product .images .big_image a { display: block; width: 51px; height: 46px; position: absolute; top: 10px; }
#product .images .big_image a span { display: none; }
#product .images .big_image a.w { left: 44px; background: url(/images/misc/lens_big.gif); }
#product .images .big_image a.d { left: 105px; background: url(/images/misc/download_big.gif); }
#product .images div#photo_navi { position: relative; padding: 0px 0 25px 0; }
#product .images #thumbnails_container { height: 70px; width: 260px; margin: 0 auto; overflow:hidden; padding: 6px 0; position: relative; }
#product .images ul#thumbnails { height: 70px; display: block; margin: 0 auto; padding: 0; list-style: none; position: absolute; left: 0; top: 6px; }
#product .images ul li { display: none; float:left; width: 70px; height: 70px; position: relative; z-index: 2; margin: 0 8px; }
#product .images ul li.visible { display: block !important; display: inline; }
#product .images ul li a { display:block; }
#product .images ul li a.active img { border: 3px #ddd solid; padding: 3px; margin: -6px 0 0 -6px; }
#product .images ul li a .lens { display: none; position: absolute; width: 25px; height: 25px; background: #fff url(/images/misc/lens.gif); z-index: 10; bottom: 6px; left: 4px; }
#product .images ul li a:hover .lens { display: block; }
#product .images ul li img { border:none; width: 70px; height: 70px; }
#product .images ul li span { display: none; }

#product .images  #photo_navi { position: relative; }
#product .images  a.n { position: absolute; top: 26px; display: block; width: 11px; height: 29px; }
#product .images  a.n span { display: none; }
#product .images  a#pn_prev { background: url(/images/misc/navi_left.gif); left: 35px !important; left: -15px; }
#product .images  a#pn_next { background: url(/images/misc/navi_right.gif); right: 35px; }
#product .images  a#pn_prev:hover { background: url(/images/misc/navi_left_o.gif); }
#product .images  a#pn_next:hover { background: url(/images/misc/navi_right_o.gif); }

#product #scroll { width: 270px; }

#product .categories h4 { font-size: 1em; font-weight: normal; display: block; margin: 0; padding: 0 35px; }
#product .categories h4 a { color: #2f3334; padding-left: 17px; background: url(/images/misc/bg_more_white.gif) no-repeat; background-position: 0 4px;  }
#product .categories ul { list-style: none; background: #eef2f3; border: 1px #d0d7da solid; display: none; margin: 16px 35px; padding: 6px 13px; }
#product .categories ul li { display: block; padding: 3px 0; }
#product .categories ul li a { padding-left: 9px; background: url(/images/misc/little_arrow.gif) no-repeat; background-position: 0 4px; color: #343d41; }
#product .categories ul li a.active { font-weight: bold; }

/* dialog alert */
#dialog_alert { position:absolute; position:absolute; left: 0; top: 0; z-index:1000; }
#dialog_alert .dialog { border:1px #949494 solid; position:absolute; top:0; left:0; text-align:center; padding: 20px; background: #f7f7f7; width: 200px; z-index: 2; }
#dialog_alert iframe { position:absolute; top: 0; left: 0;  width: 240px; z-index: 1; }
#dialog_alert .dialog.alert { border:1px #e20000 solid; }
#dialog_alert .text { margin:0 auto; color:#e20000; font-weight: bold;  }
#dialog_alert a.button { border: 1px #444 solid !important; padding: 0; width: 60px; background: #fff; color: #000; cursor:pointer !important; margin: 10px auto 0 auto; display:block; text-decoration: none; }
#dialog_alert .button:hover, #dialog_alert .button.focus { background: #eee; }

/* error */
#error { height: 190px; padding-top: 90px; background: url(/images/misc/bg_error.gif) no-repeat; text-align:center; }
error h3, #error p { margin: 0; }
#error h3 { font-size: 1.1em; margin-bottom: 8px; color: #de0000; }

/* not found */
p.not_found { text-align: center; margin: 0; padding: 100px 0; font-weight: bold; }