/* 1. Global Reset -----------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} ol, ul { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight:normal; } img{border:none} a{text-decoration:none;color:#1f76b2} a:hover{color:#12486e} /* 2. General Elements -----------------------------------------------------------------------------------------------*/ body {font:100%/1.5 Arial, Helvetica, sans-serif;color: #4b4b4b;background:#000 url(../images/bg.jpg) center top repeat-x;} .bd2 { padding-bottom: 40px } #font_format{font-size:12px;} #font_format p{font-size:12px;} .error{font-size:11px;color:#CC3300;} .success{font-size:11px;color:#009900;} .server_error{width:98.66%;padding:5px;border:1px solid #CC3300;background:#FFDDDD;margin-bottom:10px;float:left;overflow:hidden} .mandatory{color:#CC0000;font-size:12px;} .noborder {border:none;} .mgt10{padding-top: 40px;} .mgl30{padding-left: 30px;} .form_row_bdr { border-top: 5px solid #aaa; margin-top: 10px; padding-top: 25px;} .float-left {float:left;} /* 2.1 Contact ----------------------------------------------------------------------------------------------- */ .contact_cross_button{position:absolute;top:-25px;right:5px;cursor:pointer;z-index:99999999;} #contact_container{position:relative;} .contact_container{position:relative;} #contact_container #contact{display:none;position:absolute;top:-395px;left:100px;} #contact_container #contact .top_curv{float:left;width:743px;background:url(../../images/background/contact_top_curv_form.png) bottom left no-repeat;height:19px;} #contact_container #contact .mid_bg{float:left;width:680px; background:url(../../images/background/contact_mid_bg_form.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} #contact_container #contact .bottom_curv{float:left;width:743px;background:url(../../images/background/contact_bottom_curv_form.png) top left;height:18px;} #contact_container #contact input.error{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact label.error{color:#333;background:#f5e9e9 url(../../images/icons/error_icon.jpg) no-repeat left center;border:1px solid #FF0000;width:245px;padding:3px 3px 3px 25px;margin:5px 22px 10px 0;float:right;} #contact_container #contact .success{color:#000;font-weight:bold;background:#dcffdc url(../../images/icons/success_icon.jpg) no-repeat left center;width:243px;margin:5px 0 10px 0;border:1px solid #006600;float:left;padding:5px 5px 5px 25px;} #contact_container #contact .message_container{float:left;padding-left:120px;} #contact_container #contact .error_top{color:#333;background: #f5e9e9 url(../../images/icons/error_icon.jpg) no-repeat left center;border:1px solid #FF0000; width:240px;margin:5px 0 10px 0;float:left;padding:3px 3px 3px 30px;font-weight:bold} #contact_container #contact form{background:#454545;padding-bottom:20px;color:#fff;float:left;width:663px;padding:10px;position:relative} #contact_container #contact fieldset{float:left;width:360px} #contact_container #contact strong{color:#a2a2a2;font-size:24px;font-weight:bold;display:block} #contact_container #contact div{float:left;width:418px;font-size:12px;padding:0 0 10px 0;margin:0;} #contact_container #contact div span{float:left;width:400px;font-size:12px;padding:0 0 0 0;margin:0;} #contact_container #contact label{float:left;width:100px;padding-left:20px;font-size:12px;font-weight:bold;} #contact_container #contact input.input{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact input.security{width:140px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container #contact .code{float:left;margin-right:30px} #contact_container #contact span{display:block;margin-bottom:10px;width:380px;padding:10px;font-size:12px;} #contact_container #contact textarea{float:left;width:270px;height:80px;border:3px solid #a2a2a2;} #contact_container form .contact_content{position:absolute;right:20px;top:55px;width:200px !important;border-left:1px solid #666} #contact_container #contact form .contact_content strong{font-weight:bold;font-size:14px;margin:0;padding:0} #contact_container #contact form .contact_content ul{list-style:none;margin:0;padding:0; float:right;width:auto;width:190px} #contact_container #contact form .contact_content ul li{margin:0;margin:0;background-image:none;width:auto} #contact_container_bottom{position:relative;} .contact_container{position:relative;} #contact_container_bottom #contact{display:none;position:absolute;top:-395px;left:100px;} #contact_container_bottom #contact .top_curv{float:left;width:743px;background:url(../../images/background/contact_top_curv_form.png) bottom left no-repeat;height:19px;} #contact_container_bottom #contact .mid_bg{float:left;width:680px; background:url(../../images/background/contact_mid_bg_form.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} #contact_container_bottom #contact .bottom_curv{float:left;width:743px;background:url(../../images/background/contact_bottom_curv_form.png) top left;height:18px;} #contact_container_bottom #contact input.error{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background:#fff;} #contact_container_bottom #contact label.error{color:#333;background:#f5e9e9 url(../../images/icons/error_icon.jpg) no-repeat left center;border:1px solid #FF0000;width:245px;padding:3px 3px 3px 25px;margin:5px 22px 10px 0;float:right;} #contact_container_bottom #contact .success{color:#000;font-weight:bold;background-color:#dcffdc;width:243px;margin:5px 0 10px 0;border:1px solid #006600;float:left;padding:5px 5px 5px 25px;background-image:url(../../images/icons/success_icon.jpg);background-repeat:no-repeat;background-position:left center;} #contact_container_bottom #contact .message_container{float:left;padding-left:120px;} #contact_container_bottom #contact .error_top{color:#333;background-color:#f5e9e9;background-image:url(../../images/icons/error_icon.jpg);background-repeat:no-repeat;background-position:left center;border:1px solid #FF0000; width:240px;margin:5px 0 10px 0;float:left;padding:3px 3px 3px 30px;font-weight:bold} #contact_container_bottom #contact form{background-color:#454545;padding-bottom:20px;color:#fff;float:left;width:663px;padding:10px;position:relative} #contact_container_bottom #contact fieldset{float:left;width:360px;} #contact_container_bottom #contact strong{color:#a2a2a2;font-size:24px;font-weight:bold;display:block} #contact_container_bottom #contact div{float:left;width:418px;font-size:12px;padding:0 0 10px 0;margin:0;} #contact_container_bottom #contact div span{float:left;width:400px;font-size:12px;padding:0 0 0 0;margin:0;} #contact_container_bottom #contact label{float:left;width:100px;padding-left:20px;font-size:12px;font-weight:bold;} #contact_container_bottom #contact input.input{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container_bottom #contact input.security{width:140px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #contact_container_bottom #contact .code{float:left;margin-right:30px} #contact_container_bottom #contact span{display:block;margin-bottom:10px;width:380px;padding:10px;font-size:12px;} #contact_container_bottom #contact textarea{float:left;width:270px;border:3px solid #a2a2a2;height:80px;} #contact_container_bottom form .contact_content{position:absolute;right:20px;top:55px;width:200px !important;border-left:1px solid #666} #contact_container_bottom #contact form .contact_content strong{font-weight:bold;font-size:14px;margin:0;padding:0} #contact_container_bottom #contact form .contact_content ul{list-style:none;margin:0;padding:0; float:right;width:auto;width:190px} #contact_container_bottom #contact form .contact_content ul li{margin:0;margin:0;background-image:none;width:auto} /* 2.2 Contact ----------------------------------------------------------------------------------------------- */ .popup2{display:none;position:absolute;top:-120px;left:-25px;width:330px} .popup2 .top_curv{float:left;width:330px;background:url(../../images/background/pop_top_curv.png) top left;height:37px;cursor:pointer} .popup2 .mid_bg{float:left;width:270px; background:url(../../images/background/pop_mid_bg.png) repeat-y top left;text-align:left;padding:0 30px 0 30px;} .popup2 .mid_bg .content_container{background:#333333;float:left;width:260px;color:#fff;font-size:12px;padding:5px;height:40px;} .popup2 .mid_bg .content_container strong{font-weight:bold} .popup2 .bottom_curv{float:left;width:330px;background:url(../../images/background/pop_bottom_curv.png) top left;height:27px;} /* 3. LAYOUT ----------------------------------------------------------------------------------------------- */ #layout{width:971px;margin:0 auto;padding-top:20px; } .clear { clear:both; } .body_seprator{width:971px;float:left;background:url(../images/separator_bg.png) repeat-x top left;padding-top:20px;} .body_seprator2{width:971px;float:left;background:url(../images/separator_bg2.jpg) no-repeat top left;padding-top:7px;} .body_seprator3{width:971px;float:left;background:url(../images/separator_bg3.jpg) no-repeat top left;padding-top:19px;} .body_seprator4{width:971px;float:left;background:url(../images/separator_bg3.png) repeat-x top left;padding-top:2px;} #body_container{float:left;width:971px; } /* 3.0 TOPBAR ------------------------------------------------------------------------------------------------ */ #topbar{width: 100%;background: url(../images/topbar_bg.png) repeat-x left top; height: 20px;} #topnav{width: 971px; margin:0 auto;padding-top:6px; } #topnav div.jezicek{margin-left: 680px; background: url(../images/topnav_bg.png) no-repeat left top;height: 13px; width: 278px;} #topnav div.jezicek ul{list-style:none;color:#333;font-size: 12px;} #topnav div.jezicek ul li{float: left; margin-top: -6px; } #topnav div.jezicek ul li.lang{padding-left: 18px; line-height: 16px;} #topnav div.jezicek ul li.contact{padding-left: 20px; } #topnav div.jezicek ul li.login{background:url(../images/icons/login.png) no-repeat right; padding-left: 25px; padding-right: 15px;} #topnav div.jezicek ul li.profile{background:url(../images/icons/profile.png) no-repeat right; padding-left: 26px; padding-right: 15px;} #topnav div.jezicek ul li a{ color:#333;font-size: 12px; text-decoration: none; } #topnav div.jezicek ul li a:hover{ color:#888; } .wraptocenter {display: table-cell;text-align: center;vertical-align: middle;} .wraptocenter * {vertical-align: middle;} .wraptocenter img {padding-right: 5px;} /*\*//*/ .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; } /**/ /* HEADER ------------------------------------------------------------------------------------------------ */ #header{float:left;width:971px; margin-top: 0px;} #header img{float:left; margin-top: -8px} #header a img{cursor:pointer} #header ul{float:right;width:540px;margin:0;padding:20px 0 0 0;} #header ul li{float:right;display:inline;font-size:16px;font-family:Arial, Helvetica, sans-serif;color:#fff;padding-right:14px;line-height:22px;background-color:transparent;} #header ul li a{text-decoration:none;color:#fff;display:inline;background-color:transparent; padding: 0 10px 11px 10px} #header ul li a:hover{color:#e4a50d; background: transparent url(../images/menu_selection.png) no-repeat left bottom; } #header ul li.store {background:url(../images/icons/cart.png) no-repeat right; padding-right:0px;} #header ul li.store a{padding-right: 25px} #header ul li.store a:hover{color:#81cbff} #header ul li.selected a{color:#81cbff; background: transparent url(../images/menu_selection.png) no-repeat left bottom;} /* Sitemap line ------------------------------------------------------------------------------------------------ */ #sitemap{float:left;width:971px;height:32px;background:url(../images/sitemap_bg.png) no-repeat top left;margin-top: 8px;} #sitemap ul{margin:0;padding:0;float:left;} #sitemap ul li{float:left;background:url(../images/sitemap_separator2.png) right center no-repeat;height:20px;color:#537288;font-family:Tahoma;font-size:12px;padding:7px 20px 5px 10px;display:inline;font-weight:bold;font-size:11px;line-height:18px;} #sitemap ul li.first{margin-left: 3px;} #sitemap ul li.first2{margin-left: 3px; background-image:url(../images/sitemap_separator3.png);} #sitemap ul li.last{background:url(../images/sitemap_separator.png) right center no-repeat;} #sitemap ul li a{color:#808080;text-decoration:none;font-weight:normal;font-size:11px;} #sitemap ul li a:hover{color:#333} #sitemap span{float:right;padding-right:10px;padding-top:5px;height:20px;overflow:hidden;display:none} #sitemap span img{margin-right:10px;display:none} /* Banner ------------------------------------------------------------------------------------------------ */ #showcase{float:left;width:971px;} /* Footer ------------------------------------------------------------------------------------------------ */ #footer{float:left;width:971px} #footer .footer_content{background-color:#252525;float:left;width:929px;padding:20px;border:1px solid #2b2b2b} #footer .footer_content .left_content{width:509px;float:left;padding-right:20px;background:url(../../images/background/footer_seprator_bg.jpg) center right no-repeat} #footer .footer_content .left_content p{color:#a8a8a8;font-size:11px;padding-bottom:5px;border-bottom:1px solid #515151;} #footer .footer_content .left_content p a{color:#a8a8a8;text-decoration:underline} #footer .footer_content .left_content p a:hover{text-decoration:none} #footer .footer_content .left_content p.last{border:none} #footer .footer_content .left_content h3{font-size:16px;color:#afa687;font-family:Tahoma;padding-top:5px;padding-bottom:5px;} #footer .footer_content .left_content h3 a{text-decoration:none;color:#afa687} #footer .footer_content .left_content h3 a:hover{color:#FFFF99} #footer .footer_content .right_content{float:right;width:384px;text-align:right} #footer .footer_content .right_content .text{float:left;width:384px} #footer .footer_content .right_content a.quote{float:right;width:195px;height:40px;background:url(../../images/background/request_a_quote.jpg) no-repeat -0px 0;cursor:pointer} #footer .footer_content .right_content a.quote:hover{float:right;width:195px;height:40px;background:url(../../images/background/request_a_quote.jpg) no-repeat -0px -38px;cursor:pointer} #footer .footer_content .right_content .quote_now{top:-375px;left:-100px;display:none;position:absolute;} #footer .footer_content .right_content .quote_now .top_curv{float:left;width:478px;background-image:url(../../images/background/top_curv_form.png);background-position:bottom left;height:25px;background-repeat:no-repeat;cursor:pointer} #footer .footer_content .right_content .quote_now .top_curv .cross{float:right;width:20px;height:25px;z-index:9999999!important;} #footer .footer_content .right_content .quote_now .mid_bg{float:left;width:418px !important; background-image:url(../../images/background/mid_bg_form.png);background-repeat:repeat-y;background-position:top left;text-align:left;padding:0 30px 0 30px !important;} #footer .footer_content .right_content .quote_now .mid_bg .error_top{color:#333;background-color:#f5e9e9;background-image:url(../../images/icons/error_icon.jpg);background-repeat:no-repeat;background-position:left center;border:1px solid #FF0000; width:248px;margin:5px 20px 10px 0;float:right;padding:3px 3px 3px 25px;font-weight:bold;display:inline;} #footer .footer_content .right_content .quote_now .mid_bg label.error{color:#333;background-color:#f5e9e9;background-image:url(../../images/icons/error_icon.jpg);background-repeat:no-repeat;background-position:left center;border:1px solid #FF0000; width:245px;padding:3px 3px 3px 25px;margin:5px 22px 10px 0;float:right;} #footer .footer_content .right_content .quote_now .mid_bg input.error{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #footer .footer_content .right_content .quote_now .mid_bg .success{color:#000;font-weight:bold;background-color:#dcffdc;width:245px;margin:5px 22px 10px 0;border:1px solid #006600;float:right;padding:5px 5px 5px 25px;background-image:url(../../images/icons/success_icon.jpg);background-repeat:no-repeat;background-position:left center;display:inline} #footer .footer_content .right_content .quote_now .mid_bg form{background-color:#454545;padding-bottom:20px;color:#fff;float:left;width:418px;margin:0 } #footer .footer_content .right_content .quote_now .mid_bg form strong{color:#a2a2a2;font-size:24px;font-weight:bold;display:block} #footer .footer_content .right_content .quote_now .mid_bg div{float:left;width:418px;font-size:12px;padding:0 0 10px 0;margin:0;} #footer .footer_content .right_content .quote_now .mid_bg div span{float:left;width:400px;font-size:12px;padding:0 0 0 0;margin:0;} #footer .footer_content .right_content .quote_now .mid_bg label{float:left;width:100px;padding-left:20px;font-size:12px;font-weight:bold;} #footer .footer_content .right_content .quote_now .mid_bg input.input{width:270px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #footer .footer_content .right_content .quote_now .mid_bg input.security{width:140px;border:3px solid #a2a2a2;float:left;color:#000;margin:0;background-color:#fff;} #footer .footer_content .right_content .quote_now .mid_bg .code{float:left;margin-right:30px} #footer .footer_content .right_content .quote_now .mid_bg span{display:block;margin-bottom:10px;width:380px;padding:10px;font-size:12px;} #footer .footer_content .right_content .quote_now .mid_bg textarea{float:left;width:270px;border:3px solid #a2a2a2;width:270px;height:80px} #footer .footer_content .right_content .quote_now .bottom_curv{float:left;width:478px;background-image:url(../../images/background/bottom_curv_form.png);background-position:top left;height:14px;} #footer .footer_content .right_content a.order{float:right;width:148px;height:40px;background-image:url(../../images/background/order.jpg);background-repeat:no-repeat;background-position:-0px 0} #footer .footer_content .right_content a.order:hover{float:right;width:148px;height:40px;background-image:url(../../images/background/order.jpg);background-repeat:no-repeat;background-position:-0px -38px;} #footer .footer_content .right_content h3{font-size:16px;color:#afa687;font-family:Tahoma;margin:0;padding-top:0;padding-bottom:5px;} #footer .footer_content .right_content div{float:left;width:384px;padding-top:20px;position:relative} #footer .footer_content .right_content div img{margin-left:10px;} #footer .bottom_content{float:left;width:931px;padding:25px 20px 20px 20px;background:url(../images/footer_bg.jpg) repeat-x top left;margin-top:1px; height: 50px;} #footer .bottom_content .icons_container{float:left;position:relative; } #footer .bottom_content span.footer_text{float:right;text-align:right;font-size:12px;color:#3a3a3a;margin-bottom:10px;} #footer .bottom_content span.footer_text a{color:#666;text-decoration:none} #footer .bottom_content span.footer_text a:hover{text-decoration:underline} #footer .bottom_content span.footer_text a.url{color:#aaa;background-color:transparent} /* Home Intro ------------------------------------------------------------------------------------------------ */ .intro_header_bg{float:left;width:971px;background:url(../images/showcase_bg1.jpg) no-repeat top left;border-top:1px solid #e1e1e1} .dewe43_header_bg{float:left;width:971px;background:url(../images/dewe43_black_bg1.jpg) no-repeat top left;border-top:1px solid #e1e1e1} .dsmini_header_bg{float:left;width:971px;background:url(../images/dsmini_intro.jpg) no-repeat top left;border-top:1px solid #e1e1e1} .dsnet_header_bg{float:left;width:971px;background:url(../images/ds-net-intro1.jpg) no-repeat top left;border-top:1px solid #e1e1e1} .apps_auto_bg{float:left;width:971px;background:url(../images/apps_auto.jpg) no-repeat top left} .apps_aero_bg{float:left;width:971px;background:url(../images/apps_aero.jpg) no-repeat top left} .apps_trans_bg{float:left;width:971px;background:url(../images/apps_trans.jpg) no-repeat top left} .apps_power_bg{float:left;width:971px;background:url(../images/apps_power.jpg) no-repeat top left} .apps_ind_bg{float:left;width:971px;background:url(../images/apps_ind.jpg) no-repeat top left} .apps_civil_bg{float:left;width:971px;background:url(../images/apps_civil.jpg) no-repeat top left} .intro_header_bg div{float:left;height:300px;width:971px;} .intro_header_bg div div{float:left;width:470px;text-align:center;} .intro_header_bg div div .main{float:left;width:520px;text-align:center;} .intro_header_bg div div h3{font-size:36px;font-family:Arial, Helvetica, sans-serif;color:#010101;line-height:30px;margin-top:55px;margin-bottom:25px;} .intro_header_bg div div h3 span.color{color:#c84501} .intro_header_bg div div h3 span.semi{font-size:18px;color:#4a4a4a;display: block; margin-top: 20px;} .intro_header_bg div div p.text_size{line-height:16px;font-size:14px;padding:0 50px 0 45px;font-family:Arial, Helvetica, sans-serif;color:#797c80} .intro_header_bg div div p{line-height:16px;font-size:12px;padding:0 50px 0 45px;font-family:Arial, Helvetica, sans-serif;color:#797c80} .intro_header_bg div div p a{display:block;background:url(../images/find_more_btn.png) no-repeat;width:132px;height:25px;margin:30px auto 0 auto;} .intro_header_bg div div p a:hover{display:block;background-position:-0px -25px;width:132px;height:25px;} .intro_header_bg div div p a span{display:none} .intro_header_bg div .timer{float:right;margin:20px 40px 0 0;} div.nf404{float:left;height:382px;width:971px;} .intro_header_bg div.nf404 h3{font-size:32px;font-family:georgia,serif;color:#333;line-height:44px;margin:30px; border-bottom: #ddd 1px solid; padding-bottom: 10px; background: transparent url(../images/icons/not_found.png) no-repeat left center; padding-left: 120px;} .intro_header_bg div.nf404 h3.uc101{background: transparent url(../images/icons/uc.png) no-repeat left center; } .intro_header_bg div.nf404 h3 span.color{color:#c84501} .intro_header_bg div.nf404 ul {padding-left: 50px;font-family:georgia,serif;} .intro_header_bg div.nf404 ul li {float: left; width: 290px; margin-left: 100px} .intro_header_bg div.nf404 ul li h2 {color:#111; margin-bottom: 15px;} .intro_header_bg div.nf404 ul li p {color:#555; font-size:12px; margin-bottom: 10px;} .intro_header_bg div.nf404 ul li p span.color{color:#444; font-weight: bolder;} div.dewe43{float:left;height:390px;width:971px;} div.dewe43 ul {margin: 337px 0px 0px 20px; } div.dewe43 ul li { float:left; width:188px; height:53px } .tb1 {background: transparent url(../images/dewe43_tab1.png) no-repeat} .tb2 {background: transparent url(../images/dewe43_tab2.png) no-repeat} .tb3 {background: transparent url(../images/dewe43_tab3.png) no-repeat} .tb4 {background: transparent url(../images/dsnet_tab1.png) no-repeat} div.dewe43 ul li.link { background: none; padding: 18px 12px 0px 12px; width: auto} div.dewe43 ul li.link a { } div.dewe43 ul li.link a:hover { text-decoration: underline } div.dewe43 ul.gallery { margin: 220px 0px 0px 30px; padding:0; } div.dewe43 ul.gallery li { float:left; margin-right: 20px; width:121px;height:75px } div.dewe43 ul.gallery li img { cursor:pointer; } div.dewe43_s1 {float:left;background: #fff;font-family: Avantgarde,sans-serif; width:971px;} div.dewe43_s1 h1 { padding: 30px 30px 20px 30px; font-size: 28px; color:#000; font-weight: bold;} div.dewe43_s1 h2 { padding: 30px 30px 20px 30px; font-size: 24px; color:#000; font-weight: bold;} div.dewe43_s1 div.col { float: left; width: 260px; margin: 40px 30px 30px 30px; } .collast { margin-right: 0px } div.dewe43_s1 div.col h3, div.dewe43_s1 div.col2 h3 { padding: 5px 0px 20px 0px; color: #000; font-weight: bold; font-size: 16px; border-top:1px solid #bbb; } div.dewe43_s1 div.col table { font-size: 12px; margin-bottom: 30px; } div.dewe43_s1 div.col table td { padding: 5px 0px; font-size: 12px; color:#000; } div.dewe43_s1 div.col table td.right {font-weight: bold} div.dewe43_s1 small{ font-size: 11px; color:#555; font-weight: normal} div.dewe43_s1 div.col table td span{ font-weight: normal} div.dewe43_s1 div.col2 { float: left; width: 580px; margin: -40px 30px 30px 30px; background: url(../images/dewe43_ts_box.jpg) no-repeat 100% 90%;} div.dewe43_s1 div.col2 ul { list-style: square; font-size: 12px; color: #000 } div.dewe43_s1 div.col2 ul li { float: left; width: 170px; margin: 5px 20px; } div.dewe43_s1 p { padding: 0px 30px 20px 30px; font-size: 16px; color:#999; font-weight: normal;} div.dewe43_s1 ul { list-style: none; } div.dewe43_s1 ul li { float: left; width: 320px } div.dewe43_s1 ul li h2{ font-size: 20px; font-weight: bold; color: #333; padding: 10px 0px 10px 30px } div.dewe43_s1 ul li p{ font-size: 14px;color: #333 } div.dewe43_s1 ul li img{ margin: 5px 30px 15px 30px; padding: 10px; background: #eee;} div.dewe43_s1 ul li img.img2{ margin: 0px 0px 0px 10px; padding: 0px; background:none} div.dewe43_s2 {float: left; background: #047eb6;font-family: Avantgarde,sans-serif; } div.dewe43_s2 div.embed { float: left; margin: 20px 30px 30px 30px; border: 1px solid #ccc; height:364px} div.dewe43_s2 div.feat { float: left; color: #fff; margin: 20px 32px 20px 0px; background-color: #36a4d6; -moz-border-radius: 8px; -webkit-border-radius: 8px; width: 200px;height:366px} div.dewe43_s2 div.feat h3 { font-size: 18px; padding: 10px; } div.dewe43_s2 div.feat ul { list-style: disc; font-size: 12px; padding: 10px; font-weight: lighter} div.dewe43_s2 div.feat ul li {margin: 0px 0px 15px 20px} div#msi_info h1 {color:#000;font-weight: bold; margin-bottom: 20px;} div#msi_info ul li { padding: 10px 0px; border-bottom: #eee 1px solid; display: inline-block } div#msi_info ul li img {float: left; margin-right: 20px} div#msi_info ul li h2 {color:#333; font-size: 14px;} div#msi_info ul li p {color:#888; font-size: 12px; } div.appsbg{float:left;height:328px;width:971px} div.d7bg{float:left;height:56px;width:971px;background:#fff;border-bottom: #888 1px solid} div.instruments { background: url(../images/instr_m_bg.png) top left repeat-x; height:155px } div.instruments ul li { float:left; width: 25%; height:150px; text-align: center; cursor: pointer } div.instruments ul li:hover { background: transparent url(../images/instr_mli_bg.png) center 20px no-repeat; } div.instruments ul li.comming:hover { background: transparent url(../images/comming_soon.png) center 17px no-repeat; } div.instruments ul li img { padding-top: 35px } div.instruments ul li span { display:block; color:#fff; font-size: 12px; margin-top: -30px; text-shadow: #111 1px 1px;} div.instr_section {float:left;background: #fff url(../images/instr_s_bg.png) top left repeat-x;font-family: Avantgarde,sans-serif; width:971px;} div.instr_section div.column { float: left; width: 238px; height:405px; border-right: 1px solid #ccc; padding-top: 30px} div.instr_section div.column p{ font-size: 11px;color: #555; line-height: 15px; padding: 0 30px 0px 30px } div.instr_section div.column ul { list-style:disc; padding: 10px 0 10px 40px; font-size:12px; color:#fff; background:#bbb;margin:10px 0; height:105px;} div.instr_section div.column ul li {line-height: 14px; margin-bottom: 5px} div.instr_section div.last {border:none} div.appsbg ul {margin: 265px 0 0 0px; width:971px;height:56px;background:url(../images/app_menu_bg.png) top left repeat-x; opacity:.9;} div.d7bg ul {margin: 0px 0 0 0px; width:971px;height:56px;background:url(../images/app_menu_bg.png) top left repeat-x; opacity:.9;} div.appsbg ul li, div.d7bg ul li { float:left; background-color:#FFFFFF; height:50px;margin-top: 6px; border-left: 1px solid #555; width:148px} div.appsbg ul li a, div.d7bg ul li a{ width:148px; display:inline-block; height:50px;background-position:top left;background-repeat:no-repeat;} .appmauto,.d7m1 {margin-left:37px} .appmauto a {background-image:url(../images/appmauto0.jpg);} .appmauto a:hover, .autoselected {background-image:url(../images/appmauto1.jpg);} .appmaero a {background-image:url(../images/appmaero0.jpg);} .appmaero a:hover, .aeroselected {background-image:url(../images/appmaero1.jpg);} .appmtrans a {background-image:url(../images/appmtrans0.jpg);} .appmtrans a:hover, .transselected {background-image:url(../images/appmtrans1.jpg);} .appmind a {background-image:url(../images/appmind0.jpg);} .appmind a:hover, .indselected {background-image:url(../images/appmind1.jpg);} .appmpower a {background-image:url(../images/appmpower0.jpg);} .appmpower a:hover, .powerselected {background-image:url(../images/appmpower1.jpg);} .appmcivil,.d7m6 {border-right: 1px solid #555} .appmcivil a {background-image:url(../images/appmcivil0.jpg)} .appmcivil a:hover, .civilselected {background-image:url(../images/appmcivil1.jpg)} .d7m1 a {background-image:url(../images/d7new0.jpg);} .d7m1 a:hover, .d7m1selected {background-image:url(../images/d7new1.jpg);} .d7m2 a {background-image:url(../images/d7feat0.jpg);} .d7m2 a:hover, .d7m2selected {background-image:url(../images/d7feat1.jpg);} .d7m3 a {background-image:url(../images/d7comp0.jpg);} .d7m3 a:hover, .d7m3selected {background-image:url(../images/d7comp1.jpg);} .d7m4 a {background-image:url(../images/d7dev0.jpg);} .d7m4 a:hover, .d7m4selected {background-image:url(../images/d7dev1.jpg);} .d7m5 a {background-image:url(../images/d7dl0.jpg);} .d7m5 a:hover, .d7m5selected {background-image:url(../images/d7dl1.jpg);} .d7m6 a {background-image:url(../images/d7matrix0.jpg)} .d7m6 a:hover, .d7m6selected {background-image:url(../images/d7matrix1.jpg)} div.subsub { float:left;height: 24px; width:971px;background: #eee url(../images/subsub_bg.png) top left repeat-x;} div.subsub ul { } div.subsub ul li { float:left; height:19px; margin:2px 0 0 8px} div.subsub ul li a {height: 19px;display:block} li.d7f1 {width:94px;} .d7f1 a {background-image:url(../images/d7_sub_f1_0.png);width:94px;} .d7f1 a:hover, .f1selected {background-image:url(../images/d7_sub_f1_1.png);} li.d7f2 {width:118px;} .d7f2 a {background-image:url(../images/d7_sub_f2_0.png);width:118px;} .d7f2 a:hover, .f2selected {background-image:url(../images/d7_sub_f2_1.png);} li.d7f3 {width:103px;} .d7f3 a {background-image:url(../images/d7_sub_f3_0.png);width:103px;} .d7f3 a:hover, .f3selected {background-image:url(../images/d7_sub_f3_1.png);} li.d7f4 {width:60px;} .d7f4 a {background-image:url(../images/d7_sub_f4_0.png);width:60px;} .d7f4 a:hover, .f4selected {background-image:url(../images/d7_sub_f4_1.png);} li.d7f5 {width:64px;} .d7f5 a {background-image:url(../images/d7_sub_f5_0.png);width:64px;} .d7f5 a:hover, .f5selected {background-image:url(../images/d7_sub_f5_1.png);} li.d7f6 {width:124px;} .d7f6 a {background-image:url(../images/d7_sub_f6_0.png);width:124px;} .d7f6 a:hover, .f6selected {background-image:url(../images/d7_sub_f6_1.png);} li.d7f7 {width:139px;} .d7f7 a {background-image:url(../images/d7_sub_f7_0.png);width:139px;} .d7f7 a:hover, .f7selected {background-image:url(../images/d7_sub_f7_1.png);} div.apps { background:#fff url(../images/apps_bg.jpg) top left repeat-x; float:left;width:971px;font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;} div.apps div.colmenu {float:left;width:250px;background:#f5f5f5; border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding-bottom: 10px} div.apps div.colmenu ul#nav { margin: 50px 0; font-size:12px;} div.apps div.colmenu ul#nav li {border-bottom:1px solid #bbb; height:79px;} div.apps div.colmenu ul li.last {border:none} div.apps div.colmenu ul#nav li a {float:left;font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; color:#000;padding:14px 0 0 70px; width:221px; height:65px;} div.apps div.colmenu ul#nav li a.selected {background:transparent url(../images/apps_menu_abg.png) no-repeat;} div.apps div.colmenu ul#nav li a:hover {background:transparent url(../images/apps_menu_abg.png) no-repeat;} div.apps div.colmenu ul#nav li h3 {} div.apps div.colmenu ul li p { color:#aaa; font-size: 10px;} div.apps div.colmenu ul#nav li a img {position:absolute; margin-left:-60px} div.apps div.colmenu div.refs {padding: 0 0 0 20px ;} div.refs h2 {color:#000} div.refs ul {font-size:11px; color:#888; padding:10px 0} div.refs ul li {float:left; width:110px } div.apps div.cont a[href^="http:"] {padding:2px 22px 2px 0; margin:-2px 0;background-repeat: no-repeat;background-position: right center;} div.apps div.cont a[href^="http:"] { background-image: url(../images/icons/external2.png); padding-right: 14px; } div.apps div.cont {font-size:12px; color:#444; padding:50px; float:left; width:620px} div.apps div.cont h1 {color:#000;font-size:22px; margin: 40px 0 0 0; padding: 5px 0 10px 0; border-top:1px solid #aaa} div.apps div.cont p {} div.apps div.cont h1.tp {border:none; margin:0; padding-top:0} div.apps div.cont h2 {background:url(../images/table_td_bg1.png) top left repeat-x; margin: 20px 0 0 0; padding:5px 10px; font-size:14px; color:#333} div.apps div.cont table td {font-size:11px; color:#888; padding: 3px 10px; border-bottom: 1px solid #eee; display:} div.apps div.cont table td.tdcapp {background:#dfe2e7;color:#444;border-color:#aaa;display:none;line-height: 14px;} div.apps div.cont ul {list-style: disc; padding: 20px 40px} div.apps div.cont ol {list-style: decimal; padding: 20px 40px} div.apps div.cont ul.inline_images {list-style: none;padding: 0;margin:20px 0;} div.apps div.cont ul.inline_images li {float:left;margin: 0 15px 20px 0;width:140px;} div.apps div.cont ul.inline_images h3 {color:black; font-weight: bold; font-size:14px; margin-bottom: 10px;} td.tdcapp h3 { padding: 0 0 10px 0;font-size:11px;font-weight: bold} td.tdcapp ul { list-style: disc; padding: 0 0 10px 30px; color:#5F5F5F } div.apps div.cont table td div.gal {padding-left: 20px} div.apps div.cont table td div.gal div.photo {float: left;width:80px;padding:10px 5px; text-align: center } div.apps div.cont table td div.gal div.photo img { border:1px solid #aaa;} div.apps div.cont table td div.gal div.photo p {width:80px;} div.apps div.cont table td.instructions {background:#F5F5F5;color:#444} div.apps div.cont table td.instructions h3 {font-weight: bold; color:#333; padding-bottom: 5px} #d7betas {background:#FFFEEB; border:1px solid #CCC;color:#555; padding:10px; font-size:12px;} #dlerr {color: #D8000C; background-color: #FFBABA; border:1px solid #D8000C; padding:10px; font-size:12px;} div.apps div.whatsnew { height:358px; background: #fff url(../images/whatsnew_bg.jpg) top center no-repeat; text-align: center} div.apps div.whatsnew h1 { padding: 50px 0 20px 0 } div.apps div.whatsnew p { color: #888888; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:16px; font-weight:normal; line-height:1.4; } div.apps div.whatsnew ul { margin: 30px 0 0 163px } div.apps div.whatsnew ul li { width:123px; height:68px; font-size:12px; color:#111111; float:left; text-align: center } div.apps div.grid {background: #fff url(../images/news_feature_bg.png) top left repeat-x; font-size: 12px; color:#555; padding: 20px 30px} div.apps div.grid h1 { color:#000000; font-size: 30px; font-weight: bold; height: 40px; padding-top: 8px; margin-bottom: 20px} div.apps div.news { background: #fff; padding:20px 30px} div.apps div.news h1 {color:#111; font-size:22px; font-weight:bold} div.apps div.news li {float:left; padding: 20px 34px 30px 0} div.apps div.news li.last {padding-right: 0; border-bottom:none} div.apps div.news .entry { padding:20px; border-left:1px solid #eee; border-right:1px solid #eee; background:url(../images/news_feature_bg.png) top left repeat-x;} div.apps div.news .last {border-bottom:1px solid #eee} div.apps div.news .entry h2 {color:#111; font-size:14px; font-weight:bold} div.apps div.news .entry h3 {color:#555; font-size:12px; padding-bottom: 10px} div.apps div.news .entry p {color:#888; font-size:12px; line-height:16px} div.apps div.news .entry ul {font-size:12px;list-style: disc; padding-left: 30px; margin: 20px 0px;} div.apps div.news .entry ul li {float:none;padding:0px} /* SCROLLABLES */ div.scrollcont {position:relative; width:620px;background:#eee;height:240px;margin:20px 0 0 0; padding:10px 0 0 0;} div.scrollable {float:left;position:relative;overflow:hidden;width: 543px;height:200px;} a.prev, a.next, a.prevPage, a.nextPage {display:block;width:18px;height:18px;background:url(../images/scrollable/arrow/left.png) no-repeat;float:left;margin:83px 10px;cursor:pointer;font-size:1px;} a.next, a.nextPage {background-image:url(../images/scrollable/arrow/right.png);clear:right; } a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;} a.disabled {visibility:hidden !important;} div.navi {margin-left:295px;width:200px;height:20px;} div.navi a {width:8px;height:8px;float:left;margin:3px;background:url(../images/scrollable/arrow/navigator.png) 0 0 no-repeat;display:block;font-size:1px;} div.navi a:hover {background-position:0 -8px;} div.navi a.active { background-position:0 -16px;} #thumbs { position:absolute;width:20000em;clear:both;} #thumbs div {float:left;width:180px;height:300px;background:#2e343f; color:#fff;cursor:pointer;border-right:1px solid #bbb} #thumbs div.hover { background-color:#38583a;} #thumbs div.active {background-color:#066;cursor:default;} #thumbs p{margin:5px 10px;font-size:11px;color:#fff;line-height:13px} #links_container{float:left;width:971px;height:150px;border-top:1px solid #eaeaea;font-family:Verdana, Arial, Helvetica, sans-serif;color:#333; background-color: #fff} #links_container ul{} #links_container ul li {float:left;width:320px;height:150px;background:#fff url(../images/links_container_bg.png) bottom right no-repeat; cursor:pointer} #links_container ul li.second {width:331px;} #links_container ul li.last{background:#fff url(../images/links_container_bg.png) bottom left no-repeat;} #links_container ul li strong{color:#333;font-size:14px;font-weight:bold;width:185px;float:left;margin-bottom: 12px;margin-top: 8px;} #links_container ul li span{float:left;width:250px;font-size:11px;color:#797c80;position:relative;padding-right:25px} #links_container ul li span img{position:absolute;top:0;right:0;} .dewesoft{margin: 25px 5px 0px 0; } .dewe101{margin: 39px -15px 0px 0; } .trust{margin: 29px -6px 0px 0; } #links_container ul li span small{display:block;color:#0088cc; margin-top: 14px;} #links_container ul li span small img{position:relative} #links_container ul li a {cursor:pointer;text-decoration:none;float:left;padding:8px 25px 8px 25px;height:134px;width:269px} #links_container ul li a:hover{float:left;background: #fbfbfb;} #links_container ul li.second a{padding:8px 25px 8px 25px;height:134px;width:280px;} #links_container ul li.second a:hover{background-image:none;} #body_container.intro .content{background-color:#454545;width:931px;padding:20px;float:left;} .intro .content .news{width:340px;float:left;} .intro .content h3{color:#fff;font-family:Myriad Web,tahoma,arial,helvetica,sans-serif;font-size:18px;padding-bottom:14px;padding-left:2px;float:left;background-color:transparent} .intro .content .news span{float:left;padding-top:45px;} .intro .content .news span a{width:111px;height:24px;float:left;display:block;background:url(../images/view_all_btn.png);background-repeat:no-repeat;} .intro .content .news span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .news ul{float:left;border-right:1px solid #5c5c5c;} .intro .content .news ul li{float:left; width:90%;} .intro .content .news ul li a{width:100%;text-decoration:none;background-color:#404040;display:block;float:left;border-bottom:1px solid #454545;font-size:12px;color:#c7c7c7;padding:3px 7px 3px 7px;} .intro .content .news ul li a:hover{background-color:#343434;width:100%;float:left;padding:3px 7px 3px 7px;} .intro .content .applications{float:left;width:293px;padding:0 0 0 20px} .intro .content .applications p { border-right:1px solid #5c5c5c; width: 291px; margin: 0px; } .intro .content .applications span{float:left;width:293px;padding-top:5px} .intro .content .applications span a{width:111px;height:24px;float:left;display:block;background:url(../images/view_all_btn.png);background-repeat:no-repeat;} .intro .content .applications span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .applications h3 img{float:left;} .intro .content .applications ul{width:271px;float:left;color:#c7c7c7;font-size:12px;border-right:1px solid #5c5c5c;padding-right:20px; padding-top:30px; padding-bottom: 55px;} .intro .content .applications ul li{padding-bottom:17px;line-height:18px;} .intro .content .applications ul li.last{padding-bottom:0} .intro .content .applications ul li a{color:#e7e7e7;font-weight:bold;text-decoration: none} .intro .content .applications ul li a:hover{color:#e4a50d;font-weight:bold;} .intro .content .customers{float:left;width:250px;padding:0 0 0 20px;line-height:14px;} .intro .content .customers span{float:left;width:250px;padding-top:20px} .intro .content .customers span a{width:111px;height:24px;float:left;display:block;background:url(../images/view_all_btn.png);background-repeat:no-repeat;} .intro .content .customers span a:hover{display:block;background-position:-0px -24px; width:111px;height:24px;} .intro .content .customers h3 img{float:left;} .intro .content .customers ul{float:left;width:250px; margin-top: 10px} .intro .content .customers ul li{float:left;padding-right:15px;padding-bottom:15px;} .intro .content .customers ul li a{border:1px solid #b6b6b4;float:left;width:63px;height:53px;} .intro .content .customers ul li a.nasa{background-image:url(../images/customer/nasa.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.nasa:hover{background-image:url(../images/customer/nasa.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.honeywell{background-image:url(../images/customer/honeywell.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.honeywell:hover{background-image:url(../images/customer/honeywell.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.lockheed_martin{background-image:url(../images/customer/lockheed_martin.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.lockheed_martin:hover{background-image:url(../images/customer/lockheed_martin.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.us_navy{background-image:url(../images/customer/us_navy.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.us_navy:hover{background-image:url(../images/customer/us_navy.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.lufthansa{background-image:url(../images/customer/lufthansa.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.lufthansa:hover{background-image:url(../images/customer/lufthansa.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.iabg{background-image:url(../images/customer/iabg.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.iabg:hover{background-image:url(../images/customer/iabg.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.boeing{background-image:url(../images/customer/boeing.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.boeing:hover{background-image:url(../images/customer/boeing.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.united_space_alliance{background-image:url(../images/customer/united_space_alliance.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.united_space_alliance:hover{background-image:url(../images/customer/united_space_alliance.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.ferrari{background-image:url(../images/customer/ferrari.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.ferrari:hover{background-image:url(../images/customer/ferrari.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.bmw{background-image:url(../images/customer/bmw.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.bmw:hover{background-image:url(../images/customer/bmw.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.toyota{background-image:url(../images/customer/toyota.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.toyota:hover{background-image:url(../images/customer/toyota.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.ford{background-image:url(../images/customer/ford.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.ford:hover{background-image:url(../images/customer/ford.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.daimlerchrysler{background-image:url(../images/customer/daimlerchrysler.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.daimlerchrysler:hover{background-image:url(../images/customer/daimlerchrysler.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.nokia{background-image:url(../images/customer/nokia.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.nokia:hover{background-image:url(../images/customer/nokia.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.panasonic{background-image:url(../images/customer/panasonic.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.panasonic:hover{background-image:url(../images/customer/panasonic.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.siemens{background-image:url(../images/customer/siemens.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.siemens:hover{background-image:url(../images/customer/siemens.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a.eon{background-image:url(../images/customer/eon.jpg);background-repeat:no-repeat;background-position:top left} .intro .content .customers ul li a.eon:hover{background-image:url(../images/customer/eon.jpg);background-repeat:no-repeat;background-position:0 -53px} .intro .content .customers ul li a:hover{border:1px solid #fff;} .intro .content p{color:#c7c7c7;font-size:12px;float:left;width:250px;} /* Shop ------------------------------------------------------------------------------------------------ */ .shop_bg{float:left;width:971px; background:url(../images/shop_bg3.jpg) no-repeat top left;text-align:center;height:67px; overflow:hidden} .shop_bg .menu {float: left; width:971px; height:67px} .shop_bg .menu a {padding: 2px 24px; color:#eee; float: right; margin-top: 18px;} .shop_bg .menu a.ahelp {background:url(../images/icons/help.png) no-repeat scroll 0 -23px;} .shop_bg .menu a.ahelp:hover { color: #fff; background-position: 0 4px;} .shop_bg .menu a.asupport {background:url(../images/icons/support.png) no-repeat scroll 0 -23px;} .shop_bg .menu a.asupport:hover { color: #fff; background-position: 0 4px;} .shop_bg .help {float:left; width:971px; height:199px;} .shop_bg .help p {float:left; color:#eee; font-size: 18px; margin: 20px;background:url(../images/icons/arrow_r.png) no-repeat center right; padding-right: 16px } .shop_bg .help ul {float:left; margin: 20px 0 0 0} .shop_bg .help ul li {float: left; text-align: left; width:265px; margin-right: 30px;} .shop_bg .help ul li.last {margin:0px} .shop_bg .help ul li h2 {color:#fff; font-size: 13px; padding: 2px 5px; background-color: #042b49; font-weight: bold;border-bottom: 1px #ccc solid;} .shop_bg .help ul li a {color:#f4ebf2; font-size: 12px; float:left; margin: 6px 0 0 5px} .shop_bg .help ul li a:hover {text-decoration: underline} .shop_bg .help ul li div.tooltip { background:transparent url(../images/tooltip/black_arrow2_big.png) no-repeat scroll 0 0; height:153px; padding:30px; width:310px; display:none; } .shop_bg .help ul li div.left { background:transparent url(../images/tooltip/black_arrow3_big.png) no-repeat scroll 0 0; } .shop_bg .help ul li div.tooltip p { font-size: 12px; background: none; margin: 5px 0px 0px 20px;} .shop_bg .help ul li div.tooltip p.p2 { margin-left: 5px } .shop_bg .help ul li div.tooltip p small { font-size: 10px; color:#aaa } .shop_bg .help ul li div.tooltip p a { margin:0px; color:#f0c06c; float: none } .shop_bg .help ul li div.tooltip p a:hover { text-decoration: underline } .hlp_pym {background: transparent url(../images/icons/help_pym.png) no-repeat center right} .hlp_del {background: transparent url(../images/icons/help_del.png) no-repeat center right} .hlp_sup {background: transparent url(../images/icons/help_sup.png) no-repeat center right} #cart {position:absolute;width:100%;left:0px;bottom:0px;position:fixed;background:url(../images/cart_bg2.png) repeat-x top left;text-align:center;height:80px; text-align:left; padding-top:20px;z-index:99;} #cart div.pic { float:left;margin: 6px 0 0 20px; border-right: 1px solid #aaa; padding-right: 25px; height: 68px} #cart div.links { float:left;margin: 9px 0 0 14px; padding-right: 25px; height: 68px} #cart div.links li { line-height: 20px; font-size: 12px;} #cart div.links a { font-size:13px; } #cart div.cart_content { float: right; font-size: 18px; margin: 16px 16px 0 0; font-weight:bold;} #cart div.cart_content strong {background-color:#B70007;color:#FFFFFF;font-size:30px;padding:5px; -webkit-border-radius: 8px;-moz-border-radius: 9px;} #body_container.shop_main .content{background-color:#fff;width:971px;float:left;border-bottom:1px solid #afada3} #body_container.shop_main .padding{padding-bottom:20px} #body_container.shop_main .content .package_tab{width:915px;float:left;padding:0 28px 0 28px;} .package_tab span.choose_package{float:left;color:#a4a39a;margin-top:12px;margin-right:25px;margin-left:10px;margin-bottom:12px;font-size:20px;font-weight:bold} .package_tab span.choose_package strong{color:#4a4a48} .package_tab .step{float:left;margin-top:7px;} #body_container.shop_main .content .products{width:915px;float:left;padding:20px 28px 0 28px;background-color:#e3e2d8} #body_container.shop_main .content .products .section{float:left; width:440px;} #body_container.shop_main .content .products .section h3{font-size: 22px; color:#d63a27;} #body_container.shop_main .content .products .sw {border-right: 1px dashed #AAA; } #body_container.shop_main .content .products .hw {margin-left:30px; } #body_container.shop_main .content div.category {width:915px;padding:0 28px;height: 70px;} .sw_tab{background: #fff url(../images/shop_section_sw_bg.png) top left no-repeat;} .bn_tab{background: #fff url(../images/shop_section_bn_bg.png) top left no-repeat;} .content .demobn_tab{background: #fff url(../images/shop_section_demobn_bg.png) top left no-repeat;} div.category span {float:left;color:#a4a39a;font-size:20px;font-weight:bold} div.category span strong {color:#4a4a48} div.category p {float:left; font-size: 12px;color:#555; line-height: 16px;} .sw_tab span {margin: 14px 350px 0px 220px;} .sw_tab p{ margin: 0px 0px 10px 220px; } .bn_tab span {margin-top:6px;margin-right:350px;margin-left:200px;margin-bottom:0px;} .bn_tab p{ margin: 0px 0px 10px 200px;} .demobn_tab span {margin:6px 200px 0px 320px;} .demobn_tab p{ margin: 0px 0px 10px 320px;} .support_tab {background: url(../images/shop_features_bg.png) top left repeat-x; height:77px} #body_container.shop_main .content .swproducts{width:915px;float:left;padding:20px 28px 20px 28px;background:#f5f5f5;} #body_container.shop_main .content .swproducts ul { font-size: 12px; } #body_container.shop_main .content .swproducts ul li {float: left; padding-bottom:5px;padding-top:15px; width: 180px; text-align: center; } #body_container.shop_main .content .swproducts ul li div.img { float: left; width:180px; height: 120px;} #body_container.shop_main .content .swproducts ul li span.name { font-size: 11px; color:#222; font-weight: bold;} #body_container.shop_main .content .swproducts ul li span.name2 { color:#333; } #body_container.shop_main .content .swproducts ul li span.price { font-weight: bold; color:#833} #body_container.shop_main .content .swproducts ul li span.price2 { font-size: 11px; color:#666; } #body_container.shop_main .content .swproducts ul li a { display:block;background: url(../images/select1_btn.png) no-repeat; width:86px; height:23px;margin:10px auto 0 auto;} #body_container.shop_main .content .swproducts ul li a:hover { display:block;background-position:0px -23px;width:86px;height:23px; } div.product_info {border-right: 1px solid #ddd;} div.last {border-right: none;} #body_container.shop_main .content .bnproducts{width:915px;float:left;padding:20px 28px 20px 28px;background-color:#f5f5f5} #body_container.shop_main .content .bnproducts ul { font-size: 12px; } #body_container.shop_main .content .bnproducts ul li {float: left; padding-bottom:30px;padding-top:15px; width: 300px; text-align: center;} #body_container.shop_main .content .bnproducts ul li div.img { float: left; width:300px; height: 120px;} .specialoffer {padding-top: 60px;} #body_container.shop_main .content .bnproducts ul li span.name { color:#222; font-weight: bold; } #body_container.shop_main .content .bnproducts ul li span.name2 { font-size: 11px; color:#333; } #body_container.shop_main .content .bnproducts ul li span.ship { font-size: 11px; color:#666; } #body_container.shop_main .content .bnproducts ul li span.price { font-weight: bold; color:#833 } #body_container.shop_main .content .bnproducts ul li div.mprice { font-weight: bold; color:#833; text-decoration: line-through; } #body_container.shop_main .content .bnproducts ul li a { display:block;background: url(../images/select1_btn.png) no-repeat; width:86px; height:23px;margin:10px auto 0 auto;} #body_container.shop_main .content .bnproducts ul li a:hover { display:block;background-position:0px -23px;width:86px;height:23px; } #body_container.shop_main .content .bnproducts ul li div.special { position: absolute; width:122px; height:130px; margin-left: 170px; margin-top:-10px; background: transparent url(../images/badge_limited_offer.png) no-repeat; z-index: 98;} #body_container #shopie {padding: 20px; font-size: 12px;font-weight: bolder;background:#FFFFFF url(../images/apps_bg.jpg) repeat-x scroll left top;} #body_container #shopie h1 {font-weight: bold; font-size:20px; padding-bottom:20px} #body_container #shopie ul {list-style: disc; padding:20px 0 0 30px;color:#555} #tabcontentcontainer{float: left;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;width:440px;line-height:18px;margin: 0;position:relative} .tabcontent ul{margin-bottom:20px; } .tabcontent ul li{background-image:url(../images/product_list_seprator.jpg);background-repeat:repeat-x;background-position:bottom left;float:left;padding-bottom:5px;padding-top:5px;width:415px;} .tabcontent ul li span.name{float: left;} .tabcontent ul li span.price {float: right;} .tabcontent ul li a.info {margin-left: 10px; padding: 1px 8px 1px 8px; background-color: #505050; color:#fff; font-weight: bold; cursor: pointer; text-decoration: none; font-size: 10px;-webkit-border-radius: 4px;-moz-border-radius: 5px;} .tabcontent ul li span.price strong{font-weight:bold; margin-left: 40px; margin-right: 10px;} .note_top{background-color:#f6f6f3;border:1px solid #918f84;float:left;width:360px;margin:0px 0 30px 0;color:#6e6c60;background-image:url(../images/icons/bulb.jpg);background-repeat:no-repeat;background-position:5px 13px;padding:10px 10px 10px 35px;font-size:11px;} .note_top strong{font-weight:bold} .note_top2 { width:250px; margin: 0px 0px 0px 20px; } #body_container.order_now_main .content .advanced_options{float:left;width:971px;display:block} .advanced_options h3{font-size:18px;width:915px;padding:5px 28px 5px 28px;float:left;background-color:#79776b;border-bottom:1px solid #fff;color:#fff;float:left;cursor:pointer} .advanced_options h3 span{float:left;margin:5px 0 0 0;padding:0;width:30px;} .advanced_options h3 img{float:left;margin-top:1px;} .advanced_options .options_details{float:left;width:915px;padding:7px 28px 5px 28px;background-color:#e1dfd4;border-bottom:1px solid #fff;font-size:11px;} .advanced_options .options_details strong{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block} .advanced_options .options_details strong.dual_head{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block;border-top:1px solid #fff;padding-top:5px;float:left;margin-top:10px;width:211px} .advanced_options .options_details strong.dual_head.last{font-weight:bold;font-size:12px;padding-left:4px;padding-bottom:5px;display:block;border-top:1px solid #fff;padding-top:5px;float:left;margin-top:10px;width:242px} .advanced_options .options_details .options{float:left;width:215px;border-right:1px solid #fff;margin-right:5px;} .advanced_options .options_details .options.last{border:none;width:240px;} .advanced_options .options_details .options.largelast{border:none;width:450px;} .advanced_options .options_details .options .ul.dual{float:left} .advanced_options .options_details .options ul.dual li{float:left;width:103px} .advanced_options .options_details small{color:#666;font-weight:bold;} .advanced_options .options_details .options span{display:block;padding-left:5px;line-height:14px;} .advanced_options .options_details .option_container{width:909px;float:left;border-top:1px solid #fff;margin-top:4px;padding-top:5px;} .advanced_options .options_details .option_container.no_border{border:none;margin-top:0} #body_container.shop_main .content .contact_info{float:left;width:915px;padding:10px 28px 10px 28px;background-color:#e6e7de;border-bottom:1px solid #fff;font-family:Tahoma;font-size:11px;color:#505050;text-align:center} #body_container.shop_main .content .brown_bar.step2{width:971px;height:52px;padding:0px 0px 0px 0px;background-image:url(../images/step2_bg.jpg);background-repeat:repeat-x;background-position:top left;background-color: #565448; font-weight: bold;} #body_container.shop_main .content .brown_bar.step2 img{float:left; } #body_container.shop_main .content .brown_bar.step2 img.s2{margin: 0px 0px 0px 15px;} #body_container.shop_main .content .brown_bar.step2 span{float:left;padding-left:10px;font-size:20px;color:#fff;padding-top:10px;background-color:transparent;} #body_container.shop_main .content .brown_bar.step2 span strong{color:#e1dfd4;background-color:transparent} #body_container.shop_main .content .form_container{float:left;width:915px;padding:15px 28px 0 28px;background-color:#fff;border-bottom:1px solid #fff} #body_container.shop_main .content .form_container fieldset label.error {font-size:11px;color:#CC3300; display: block;float:left;width:302px;padding:0 0 4px 128px;} #body_container.shop_main .content .form_container .top_info_container{float:left;width:915px;} #body_container.shop_main .content .form_container .secure{float:left} #body_container.shop_main .content .form_container div.info{float:right;width:800px} #body_container.shop_main .content .form_container div.info h3{font-size:18px;color:#5d5836;padding-bottom:15px;padding-top:10px} #body_container.shop_main .content .form_container div.info p{font-size:12px;color:#555347;line-height:18px;} #body_container.shop_main .content .form_container div.info a{color: #146b8f;} #body_container.shop_main .content .form_container fieldset{float:left;width:915px;padding:20px 0 0 0;margin:0;} #body_container.shop_main .content .form_container fieldset h2 {font-size: 22px; color:#d63a27;} #body_container.shop_main .content .form_container fieldset h3 {font-size: 18px; color:#d63a27; } #body_container.shop_main .content .form_container fieldset .form_row{float:left;width:915px;margin-bottom:25px} #body_container.shop_main .content .form_container fieldset .mandatory{float:left;width:915px;margin-bottom:15px;font-size:11px;} #body_container.shop_main .content .form_container fieldset .regnotice{font-size:14px; margin: 5px 0px;} #body_container.shop_main .content .form_container fieldset .form_row { line-height: 18px } #body_container.shop_main .content .form_container fieldset .form_row h2 { margin-bottom: 20px } #body_container.shop_main .content .form_container fieldset .form_row h3 { margin-bottom: 10px } #body_container.shop_main .content .form_container fieldset .form_row .form_col_left{float:left;width:452px; margin-right: 42px; } #body_container.shop_main .content .form_container fieldset .form_row .form_col_right{float:left;width:415px;} #body_container.shop_main .content .form_container fieldset .form_row .form_col_left2{float:left; margin: 0px 40px;} #body_container.shop_main .content .form_container fieldset .form_row .form_col_right2{float:left; margin: 0px 20px;} #body_container.shop_main .content .form_container fieldset .form_row small{font-size: 13px; } #body_container.shop_main .content .form_container fieldset .form_row input.ref { width:300px; } #body_container.shop_main .content .form_container fieldset .form_row textarea.ref { width:300px; } #body_container.shop_main .content .form_container fieldset .form_row .border{border-right: 1px dashed #AAA;} #body_container.shop_main .content .form_container fieldset .form_row span.message{font-size:11px;float:left;width:304px;padding-left:130px;padding-top:5px} #body_container.shop_main .content .form_container fieldset .checkout {float:right; margin-left: 20px; margin-bottom: 30px; } #body_container.shop_main .content .form_container fieldset .checkout2 { float:left; margin-bottom: 30px; margin-top: 20px; width: 100%;} #body_container.shop_main .content .form_container fieldset .checkout2 a.btn{float:left;background:url(../images/shop_back_btn.png) no-repeat;width:108px;height:28px;margin:0 20px 0 auto;} #body_container.shop_main .content .form_container fieldset .checkout2 a.btn:hover{display:block;background-position:-0px -28px;width:108px;height:28px;} #body_container.shop_main .content .form_container fieldset .checkout2 a.empty{float:right;background:url(../images/empty-cart-btn.png) no-repeat;width:133px;height:28px;margin:0 20px 0 auto;} #body_container.shop_main .content .form_container fieldset .checkout2 a.empty:hover{display:block;background-position:-0px -28px;width:133px;height:28px;} #body_container.shop_main .content .form_container fieldset .message_container{float:left;width:915px;margin-bottom:0;padding:0;font-size:11px;} #body_container.shop_main .content .form_container fieldset .message_container label.left_message{float:left;width:362px;padding-left:128px;} #body_container.shop_main .content .form_container fieldset .message_container .error{font-size:11px;color:#CC3300} #body_container.shop_main .content .form_container fieldset .message_container label.right_message{float:left;width:257px;padding-left:113px;} #body_container.shop_main .content .form_container fieldset .form_row.last{margin-bottom:0;} #body_container.shop_main .content .form_container fieldset label{float:left;width:128px;color:#2a2a2a;font-size:12px;padding-top:3px; } #body_container.shop_main .content .form_container fieldset label.chkselect { font-size: 14px; float: none; cursor: pointer; } #body_container.shop_main .content .form_container fieldset input{float:left;margin-bottom: 5px;} #body_container.shop_main .content .form_container fieldset select{float:left; } #body_container.shop_main .content .form_container fieldset .style{background-color:#f8f8f7;border:1px solid #666666;color:#2a2a2a;font-size:13px;} #body_container.shop_main .content .form_container fieldset #frmPaymentMode{margin-right:0} #body_container.shop_main .content .form_container fieldset .payment_icons{float:left;margin-left:10px;background-color:#CC6633} #body_container.shop_main .content .form_container fieldset input.width_style{width:280px;margin-right:0;padding:4px 0 4px 0;} #body_container.shop_main .content .form_container fieldset input.width_style.last{margin-right:0} #body_container.shop_main .content .form_container fieldset textarea{float:left;} #body_container.shop_main .content .form_container fieldset textarea.width_style{width:778px;padding:4px 0 4px 0;height:50px;} #body_container.shop_main .content .form_container fieldset .total{float:right;padding-right:6px;font-weight:bold;font-size:18px;} #body_container.shop_main .content .form_container fieldset .total strong{font-size:30px;background-color:#b70007;padding:5px;color:#fff} #body_container.shop_main .content .form_container fieldset .or{float:right;margin-right:10px;font-weight:bold;} .mandetory{color:#CC0000} #body_container.shop_main .content .form_container .seprator_top{background-image:url(../images/form_seprator.jpg);background-position:top left;background-repeat:no-repeat;padding-top:10px;margin-top:20px} #body_container.shop_main .content .form_container .seprator_top.specing{padding-top:20px} div.payment { } div.payment ul { } div.payment ul li { border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; padding-bottom: 2px; } div.payment ul li.last { margin-bottom: 0px; } div.payment ul li.cc { background: url(../images/shop_cc.png) right 22px no-repeat;} div.payment ul li h3{ font-size: 14px; font-weight: bold; color:#444; margin-left: 30px; } div.payment ul li p{ margin-top: 0px; font-size: 12px; color:#666; font-weight: normal; margin-left: 30px; } div.payment ul li p b{ color: #555 } div.payment ul li span{ float: right; color:#111; font-size: 16px; font-weight: bold; margin-top: -22px;} div.payment ul li input{ float: left; margin-top: 8px;} div.complete { } div.complete h2 {font-size: 22px; color:#d63a27; } div.complete p {font-size: 14px; color:#333; margin-top: 20px;} div.complete p span {font-size: 14px; color:#aaa;} table.review {width:900px; margin:30px 10px; border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:13px; text-align:left;} table.review thead { color:#000; font-weight: bold; } table.review thead tr th {border-bottom: 1px solid #555;padding: 4px 5px;} table.review tbody { color:#555; font-weight: normal; } table.review tbody tr td {padding: 8px 5px; background:#f5f5f5 url(../images/table_td_bg1.png) repeat-x scroll 0 0;border-bottom:1px solid #FFFFFF;} table.review tbody tr td.last {border-bottom:1px solid #888;} table.review tbody tr td p {font-size: 11px; line-height: 14px;color:#888} table.review tfoot { color: #000; } table.review tfoot tr td {border-bottom:1px solid #888; padding: 5px 5px;} table.review tfoot tr td span {font-size: 12px; color:#888;} table.review tfoot tr.sum td {border:none; padding: 10px 5px; font-weight: bold; } table.profile_table {width: 710px; border-collapse:collapse; font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif; font-size:12px; text-align:left; margin-bottom: 40px;} table.profile_table th { border-bottom: 1px solid #888; font-weight: bold; margin-bottom: 5px; padding: 3px 3px; background-color: #d4e4ec; } table.profile_table td { border-bottom: 1px solid #ccc; padding: 2px 3px; } table.profile_table td.alt { background-color: #f5f5f5; } /* Shop product details ------------------------------------------------------------------------------------------------ */ div.shopdetails {background: #fff url(../images/shop_productpage_bg.png) top left repeat-x; min-height: 1px;} div.shopdetails .top { display: block; float: none; border-bottom: 1px solid #ccc; padding-bottom: 40px; } div.shopdetails .top img { float: left; margin: 20px 40px 0px 40px; } div.shopdetails .top h1 { float: left; margin: 35px 0px 0px 0px; width: 430px; color:#000; font-size: 24px; font-weight: bold;} div.shopdetails .top p { float: left; margin: 0px; width: 430px; color:#555; font-size: 13px; font-weight: normal;} div.shopdetails .top h2 { float: left; margin: 25px 0px 0px 0px; width: 430px; color:#000; font-size: 18px; font-weight: normal;} div.shopdetails .top ul { color:#333; font-size: 12px; font-weight: normal; list-style:square} div.shopdetails .top ul li { padding: 3px 0px 3px 0px; float: left; width: 140px; margin-left: 14px} div.shopdetails .top ul.ht2{height:130px} div.shopdetails .top ul.dsminitaur{list-style: none; font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif;} div.shopdetails .top ul.dsminitaur li {float:left;margin:0;width:395px;background-color:#1C1C1C;border-top:1px solid #252525;padding:3px 5px;color:#eee} .topli {-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;border-top-left-radius:7px;border-top-right-radius:6px;}.btli {-moz-border-radius-bottomleft:7px;-moz-border-radius-bottomright:7px;-webkit-border-bottom-left-radius:7px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;} div.shopdetails .top ul.dsminitaur li b {font-size:14px} div.shopdetails .top ul.dsminitaur li p {color:#888;font-size: 12px} div.shopdetails .top ul.dsminitaur li p.price { color:#ECD191; margin-bottom:10px} div.shopdetails .top ul.dsminitaur li span.tocart {float:right; margin-top:-26px} div.shopdetails .bottom {margin-top: 40px} div.shopdetails .bottom img { float: left; margin: 0px 70px } div.shopdetails .bottom .tbcont { float: left; } div.shopdetails .bottom .tbcont .tbh { background: #eee url(../images/shop_productpage_tb_h.jpg) top left no-repeat; width: 610px; height: 80px; } div.shopdetails .bottom .tbcont .tbh h3 { color: #000; font-size: 18px; padding: 10px 0px 3px 20px; } div.shopdetails .bottom .tbcont .tbh p { color: #555; font-size: 12px; padding: 0px 0px 0px 20px; line-height: 15px;} div.shopdetails .bottom .tbcont .tbb { background: #fff url(../images/shop_productpage_tb_b.jpg) bottom left no-repeat; width: 610px; margin-bottom: 20px; } div.shopdetails .bottom .tbcont .tbm { background: #fff; width: 608px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;} div.shopdetails .bottom .tbcont .tbb ul li { margin: 0px 20px; padding: 10px 0px; border-bottom: 1px solid #ccc; clear:both; display:inline-block; } .inputqty { width:20px } div.shopdetails .bottom .tbcont .tbb ul li.last { border:none } div.shopdetails .bottom .tbcont .tbb ul li h2 { float: left; color: #555; font-size: 14px; width: 420px; margin-right: 30px; font-weight: normal; } div.shopdetails .bottom .tbcont .tbb ul li h2 strong {float: left; font-weight: normal} div.shopdetails .bottom .tbcont .tbb ul li h2 b {float: right; margin: 0px; padding: 0px; font-weight: normal;} div.shopdetails .bottom .tbcont .tbb ul li h2 b.local {line-height: 12px;text-align: right} div.shopdetails .bottom .tbcont .tbb ul li h2 b small { font-size: 10px; } div.shopdetails .bottom .tbcont .tbb ul li h2 span {float: left; font-size: 11px; color: #888; font-weight: normal; line-height: 14px; } div.shopdetails .bottom .tbcont .tbb ul li p { float: right; } div.shopdetails .bottom .tbcont .tbb ul li form { float: left; padding-top: 10px;} div.shopdetails .bottom .tbcont .tbb ul li a { font-size: 14px; text-decoration: underline} /* dewe 43 swo and plugs*/ div.shopdetails .bottom .tbcont .tbm div.swoptions {font-size:10px; padding:0px 20px 5px 20px; color:#888;margin:1px} div.shopdetails .bottom .tbcont .tbm div.swoptions div.pri {float:left; padding:20px 10px 0px 10px;color:#ADC763;text-align: center;width:55px;} div.shopdetails .bottom .tbcont .tbm div.swoptions div.optn {float:left;width:490px} div.shopdetails .bottom .tbcont .tbm div.swoptions h3 {font-size:12px; color:#333;} div.shopdetails .bottom .tbcont .tbm div.swoptions h3 small {font-size:9px; padding-left:10px;color:#888} div.shopdetails .bottom .tbcont .tbm div.swoptions div.pri2padd {padding-top: 5px; color: #ECD191} .opchecked {background:#f0f0f0 url(../images/icons/chk_on.png) 5px no-repeat; cursor:pointer;} .opunchecked {background:#f5f5f5 url(../images/icons/chk_off.png) 5px no-repeat; cursor:pointer;} div.shopdetails .bottom .tbcont .tbm div.upver {font-size:12px; padding:10px 5px; color:#555;margin:1px} div.shopdetails .bottom .tbcont .tbm div.upver span {margin-left: 10px; color:#ADC763; font-size:10px} div.shopdetails .bottom .swo { padding:0px 50px;font-size: 12px;font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif; color:#ccc} div.shopdetails .bottom .swo div { display:block;background-position:8px center;background-repeat:no-repeat;border-top:1px solid #252525;clear:both;padding:0.5em 0.5em 0.5em 32px;height:auto} div.shopdetails .bottom .swo div.section_title {background: #869258 url(../images/shop_d7_heading_bg.jpg); height: 50px; padding:0px; margin: 0px; color:#1A1A1A} div.shopdetails .bottom .swo div.section_title h1 {font-size:26px; padding: 5px 10px;} .lbchecked {background-color:#282828;background-image:url(../images/icons/chk_on.png);cursor:pointer;} .lbunchecked {background-color:#1C1C1C;background-image:url(../images/icons/chk_off.png);cursor:pointer;} .nohand {cursor: auto} div.shopdetails .bottom .swo div strong {float:left; font-size:16px;font-weight: bold;color:#fff; width:720px} div.shopdetails .bottom .swo div span {float:left} div.shopdetails .bottom .swo div.chkbox {padding:0;margin:0;padding:2px 0 5px 127px;display:none;border:none;} .chkchecked {background-color:#282828} .chkunchecked {background-color:#1C1C1C} div.shopdetails .bottom .swo div p {float:left} div.shopdetails .bottom .swo div.top { background: url(../images/shop_productpage_sw_h.jpg) top left no-repeat; height:79px;padding:10px 15px;border:none;border-bottom: 1px solid #000} div.shopdetails .bottom .swo div.top h3 { font-size: 16px; color:#fff; margin-bottom: 10px; font-weight: bold} div.shopdetails .bottom .swo div.top p { float: none; width:100%; color:#eee} div.shopdetails .bottom .swo div.bottom { background: url(../images/shop_productpage_sw_bt.jpg) top left no-repeat; height:99px;padding:10px 15px;margin:0px;border:none;} div.shopdetails .bottom .swo small {font-size:10px;font-weight:normal;margin-left: 5px} div.shopdetails .bottom .swo div.bottom h2 {float:left; width:110px;font-size:16px;color:#ECD191;padding:5px} div.shopdetails .bottom .swo div.bottom h3 {float:left; width:500px;font-size:16px;color:#fff;padding:5px} div.shopdetails .bottom .swo div.bottom h3 small {margin:5px 0px; display: block} div.shopdetails .bottom .swo div.bottom #swtotal {float:right;width:190px;height:69px;text-align:right;color:#adc763;font-size:26px} div.shopdetails .compare { display: block; float: none; padding: 20px 50px;font-family:'Lucida Grande','Lucida Sans','Lucida Sans Unicode',Verdana,sans-serif; } div.shopdetails .compare h1 { color:#000; font-size: 24px; font-weight: bold; padding-bottom:20px} div.shopdetails .compare table {background:transparent url(../images/shop_productpage_sw_h.jpg) no-repeat scroll left top;font-size:12px;color:#ccc; } div.shopdetails .compare table th { padding:10px; color:#ADC763; font-size: 14px;border-bottom:4px solid #252525;} div.shopdetails .compare table th a { background: url(../images/icons/buynow.png) 0 0; display: block; width:47px; height:16px;margin-top:5px} div.shopdetails .compare table th a:hover { background: url(../images/icons/buynow.png) 0 -16px; } div.shopdetails .compare table td { padding:5px; background-color:#1C1C1C;border-bottom:1px solid #252525;border-right:1px solid #252525; vertical-align:middle;} div.shopdetails .compare table td.swo {background-color: #222222; text-align: center; width:120px; padding:10px;color:#ECD191;} div.shopdetails .compare table tfoot td { font-size:18px; border-top:4px solid #252525;color:#ADC763;} div.shopdetails .compare table tfoot td.clear {border:none;background: none; padding:40px 0} /* 3.8 Login, register, profile ------------------------------------------------------------------------------------------------ */ #body_container.profile .login_container{float:left;width:915px;padding:15px 28px 0 28px;background-color:#fff;border-bottom:1px solid #fff} #body_container.profile .login_container fieldset{float:left;width:915px;padding:20px 0 0 0;margin:0px; } #body_container.profile .login_container fieldset label.error {font-size:11px;color:#CC3300;display: block;float:left;width:302px;padding:0 0 0 128px;} #body_container.profile h1 {font-size: 22px; color:#d63a27;} #body_container.profile a{color: #146b8f;} #body_container.profile .login_container .seprator_top{background-image:url(../images/form_seprator.jpg);background-position:top left;background-repeat:no-repeat;padding-top:10px;margin-top:20px} #body_container.profile .login_container fieldset label{float:left;width:128px;color:#2a2a2a;font-size:12px;padding-top:3px} #body_container.profile .login_container fieldset label.error {float:left;font-size:11px;color:#CC3300; display: block;width:302px;padding:0 0 0 130px;} #body_container.profile .login_container fieldset label.lbleft {font-size:14px;color:#333;} #body_container.profile .login_container fieldset label.lbright {font-size:14px;color:#465a67; width: 500px;} #body_container.profile .login_container fieldset p.error {font-size:11px;color:#CC3300; display: block; padding-left: 2px;} #body_container.profile .login_container fieldset label.wide {width:300px} #body_container.profile .login_container fieldset label.wide {width:200px} #body_container.profile .login_container fieldset input{float:left;background-color:#f8f8f7;border:1px solid #666666;color:#2a2a2a;font-size:13px;} #body_container.profile .login_container fieldset select{float:left; margin-bottom: 2px;} #body_container.profile .login_container fieldset .form_row{float:left;width:915px;margin-bottom:20px} #body_container.profile .login_container fieldset .form_row .form_col_left{float:left;width:430px; margin-right: 40px} #body_container.profile .login_container fieldset .form_row .form_col_right{float:left;width:434px; } #body_container.profile .login_container fieldset a {font-size: 14px; text-decoration: none; } #body_container.profile .login_container fieldset a:hover { color: #64859c } #body_container.profile .login_container fieldset small {font-size: 14px;} #body_container.profile .login_container fieldset .mandetory2{color:#CC0000;padding-right: 2px;float: left} #profile_menu { float: left; margin-bottom: 30px;font-size: 12px} #profile_menu ul { background-color: #eee; padding: 20px; margin-right: 30px;font-weight: bold} #body_container.profile .login_container fieldset ul li a {font-size:12px;font-weight: normal} #profile_menu ul li { margin-bottom:5px} #profile_content { float: left; width: 710px; } #info small { font-size: 14px; font-weight: bold; color: #AAAAAA } #info a { font-size: 12px; } /* the overlayed element */ div.overlay {background-image:url(../images/overlay/white.png); width:600px; height:470px;display:none;padding:55px; text-align: left;} div.overlay div.close { background-image:url(../images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } div.overlay div.wrap {height:441px; overflow-y:auto;} /* the overlayed element */ .apple_overlay { display:none; background-image:url(../images/overlay/white.png); width:600px; padding:35px; font-size:11px; } .apple_overlay div.close { background-image:url(../images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;} div.apple_overlay.black { background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png); color:#fff; } div.apple_overlay h2 { margin:10px 0 5px 0; font-weight:bold; font-size:14px;} div.black h2 { color:#fff; } div.apple_overlay p { line-height: 14px } div.apps div.cont div.msginfo { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px 16px; color: #00529B; background-color: #BDE5F8; background-image: url(../images/icons/info.png)} div.apps div.cont div.msginfo a {text-decoration: underline} div.apps div.cont div.msginfo h1 { margin:0; padding:0; border:none; color: #123158} div.apps div.cont div.msginfo p { padding-top:15px; float:left; width: 230px; } div.apps div.cont div.msginfo p b { display:block; padding-bottom: 10px; color:#2A498D } div.apps div.grid div#supplier { margin: 0px 75px 40px 55px; background:#222; padding:20px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} /* link icons */ a[href$='.pdf'] { padding: 5px 20px 5px 0;background: transparent url(../images/icons/docs/icon_pdf.gif) no-repeat center right; } a[href$='.zip'] { padding: 5px 20px 5px 0;background: transparent url(../images/icons/docs/icon_zip.png) no-repeat center right; } a[href$='.exe'] { padding: 5px 20px 5px 0;background: transparent url(../images/icons/docs/icon_exe.gif) no-repeat center right; } a[href$='.doc'] { padding: 5px 20px 5px 0;background: transparent url(../images/icons/docs/icon_doc.gif) no-repeat center right; } a[href$='.txt'] { padding: 5px 20px 5px 0;background: transparent url(../images/icons/docs/icon_txt.gif) no-repeat center right; }