/***************************************************************************** //-> CSS RESET *****************************************************************************/ /* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { line-height: 1.4em; } a:focus { outline: 1px dotted invert; } a { text-decoration: none; } ol, ul { list-style: none; } blockquote, q { } blockquote:before, blockquote:after, q:before, q:after { float: left; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /***************************************************************************** //-> CORE ELEMENTS *****************************************************************************/ html, body { height: 100%; width: 100%; margin: 0 auto; padding: 0; } body { font-size: 14px; color: #333; font-family: Arial, Helvetica, sans-serif; background: #fff; } .wrapper { position: relative; margin: 0 auto; min-height: 100%; width: 940px; text-align: center; } .msie6 .wrapper { height: 100%; width: 940px; } .wrapper.about { background: url(../images/wrapper_bg_about.gif) left 128px no-repeat; } .msie6 .about { background: url(../images/wrapper_bg_about.gif) left 128px no-repeat; } .wrapper.events { background: url(../images/wrapper_bg_events.gif) 132px 145px no-repeat; } .msie6 .events { background: url(../images/wrapper_bg_events.gif) 132px 145px no-repeat; } .wrapper.applications { background: url(../images/wrapper_bg_applications.gif) 132px 145px no-repeat; } .msie6 .applications { background: url(../images/wrapper_bg_applications.gif) 132px 145px no-repeat; } .wrapper.applications_inner { background: url(../images/wrapper_bg_applications_inner.gif) 0px 128px scroll no-repeat; } .msie6 .applications_inner { background: url(../images/wrapper_bg_applications_inner.gif) 0px 128px scroll no-repeat; } .wrapper.products_inner { background: url(../images/wrapper_bg_applications_inner.gif) 132px 145px no-repeat; } .msie6 .products_inner { background: url(../images/wrapper_bg_applications_inner.gif) 132px 145px no-repeat; } .wrapper.contact { background: url(../images/wrapper_bg_contact.gif) 132px 145px no-repeat; } .msie6 .contact { background: url(../images/wrapper_bg_contact.gif) 132px 145px no-repeat; } /***************************************************************************** //-> GENERAL ELEMENTS *****************************************************************************/ p { padding: 5px 0px; line-height: 18px; } strong { font-weight: bold; } small { font-size: 10px; } address { font-style: normal; } pre { background-color: #DFF7FF; border: 1px dotted #88BECF; display: block; padding: 5px; } a { color: #426034; text-decoration: underline; } a:hover { text-decoration: none; } h1, h1 a { text-decoration: none; font-size: 16px; color: #426034; font-weight: bold; } h1 a:hover { text-decoration: underline; } h2, h2 a { text-decoration: none; font-size: 16px; color: #426034; font-weight: bold; } h2 a:hover { text-decoration: underline; } h3, h3 a { text-decoration: none; font-size: 14px; font-weight: bold; } h3 a:hover { text-decoration: underline; } h4, h4 a { text-decoration: none; font-size: 14px; color: #426034; font-weight: bold; } h4 a:hover { text-decoration: underline; } h5, h5 a { text-decoration: none; color: #787777; font-size: 14px; font-weight: bold; } h5 a:hover { text-decoration: underline; } h6, h6 a { text-decoration: none; color: #426034; font-size: 14px; font-weight: bold; } h6 a:hover { text-decoration: underline; } em { font-style: italic; } script { visibility: hidden; overflow: hidden; display: none; width: 0; height: 0; outline: none; } object, a { outline: none; } object { margin: 0; padding: 0; } a:active, a:focus { outline: none; } .msie6 br { height: 15px; line-height: 10px; } /***************************************************************************** //-> PAGE ELEMENTS *****************************************************************************/ #header { position: relative; margin: 0 auto; padding: 19px 0 8px 0; width: 940px; height: 79px; background: url(http://www.solbar.com/images/header_bg.gif) center center no-repeat; } #header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #main { position: relative; width: 930px; margin: 0 auto 0 10px; text-align: left; color: #787777; background: url(../images/hp_main_bg.gif) center center repeat-y; } .about #main, .events #main, .applications #main, .applications_inner #main, .products_inner #main, .contact #main { background: none; } #main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #col_a { width: 532px; float: left; } #col_b { width: 398px; float: left; } #col_c { width: 199px; margin: 22px 0 0 0; float: left; } #col_d { width: 711px; margin: 0 0 0 20px; float: left; } #footer-top { margin: 0 auto; padding: 0; font-size: 90px; line-height: 90px; height: 90px; width: 100%; } #footer { position: relative; bottom: 0; width: 100%; height: 90px; margin: -90px 0; text-align: center; background: url(../images/footer-bg.gif) center top repeat-x; } .mac.opera10 #footer { bottom: -22px; } #links { position: relative; margin: 0 auto; width: 940px; color: #666; height: 90px; text-align: center; } #links-content { position: relative; top: 20px; height: 70px; margin: 0 auto; color: #333; } #links-content span { position: absolute; bottom: 10px; left: 10px; font-size: 12px; } #links-content a { font-weight: normal; font-size: 12px; color: #666; text-decoration: none; } #links-content a:hover { text-decoration: underline; } /***************************************************************************** //-> LOGO *****************************************************************************/ h2.logo { position: relative; background: transparent; width: 209px; height: 79px; float: left; } h2.logo a { position: relative; width: 209px; height: 79px; text-decoration: none; text-indent: -4000px; display: block; overflow: hidden; } /***************************************************************************** //-> TOP MENU *****************************************************************************/ ul#top-menu { position: relative; margin: 36px 0 0 20px; width: 711px; height: 43px; float: right; z-index: 10; } ul#top-menu li { float: left; color: #666; text-align: center; height: 43px; line-height: 43px; background: url(../images/menu_sep.gif) right center no-repeat; } ul#top-menu li.last { background: none; } ul#top-menu li a { color: #e0c582; padding: 0 25px; height: 43px; text-decoration: none; display: block; } .msie6 ul#top-menu li a { display: inline-block; } ul#top-menu li a:hover { color: #FFF; } ul#top-menu li.selected a { color: #FFF; font-weight: bold; } /***************************************************************************** //-> TOOLBOX *****************************************************************************/ div#tool-box { position: absolute; top: 19px; right: 0; width: 218px; height: 28px; z-index: 20; } div#tool-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#tool-box div#tool-box-inner { position: relative; height: 28px; line-height: 28px; z-index: 10; } div#tool-box div#tool-box-inner form { width: 187px; height: 28px; float: left; } div#tool-box div#tool-box-inner input[type=text] { background: transparent; border: 0 none; text-align: center; width: 133px; height: 28px; line-height: 28px; padding: 0 8px; color: #FFF; float: left; } div#tool-box div#tool-box-inner input[type=submit] { background: transparent; border: 0 none; text-align: center; margin: 0 4px 0 3px; text-indent: -5000px; direction: rtl; overflow: hidden; width: 31px; height: 28px; cursor: pointer; float: left; } div#tool-box div#tool-box-inner a.fb { width: 31px; height: 28px; text-indent: -5000px; float: left; } /***************************************************************************** //-> HP FLASH BOX *****************************************************************************/ div#hp-flash-box { position: relative; display: block; margin: 0 0 27px 10px; width: 930px; } /***************************************************************************** //-> HP FEATURED BOX *****************************************************************************/ div.hp-featured-box { position: relative; display: block; margin: 0 0 5px 0px; width: 532px; background: url(../images/seperation_right.gif) right bottom no-repeat; } div.hp-featured-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.hp-featured-box.small { width: 398px; background: url(../images/seperation_left.gif) left bottom no-repeat; } div.hp-featured-box.last { background: none; } div.hp-featured-box div.title { display: block; width: 32px; float: left; } div.hp-featured-box div.title img { position: relative; overflow: hidden; display: block; width: 32px; margin-top:25px; } div.hp-featured-box div.title img.margin_top_a { margin-top:100px; } div.hp-featured-box div.title img.margin_top_b { margin-top:35px; } div.hp-featured-box div.content { width: 500px; padding: 0 0 15px 0; float: left; } div.hp-featured-box.small div.content { width: 366px; } div.hp-featured-box div.content div { font-size: 17px; padding: 0 0px 0 0; } div.hp-featured-box div.content div.clr_1 { color: #aa4f37; } div.hp-featured-box div.content div.clr_2 { color: #8eaa4b; } div.hp-featured-box div.content div.clr_3 { color: #f2974f; } div.hp-featured-box div.content div.clr_4 { color: #514134; } div.hp-featured-box div.content div.clr_5 { color: #426034; } div.hp-featured-box div.content ul#tabs-links { margin: 0 0 10px 0; height: 30px; padding: 0; } div.hp-featured-box div.content ul#tabs-links li { height: 30px; float: left; background: url(../images/menu_tabs_links_sep.gif) right 3px no-repeat; } div.hp-featured-box div.content ul#tabs-links li.last { background: none; } div.hp-featured-box div.content ul#tabs-links li a { height: 30px; color: #e0c582; font-weight: bold; text-decoration: none; padding: 0 5px; display: block; } .msie6 div.hp-featured-box div.content ul#tabs-links li a { display: inline-block; } div.hp-featured-box div.content ul#tabs-links li.first a { padding: 0 5px 0 0; } div.hp-featured-box div.content ul#tabs-links li.lnk_1:hover a { background: url(../images/menu_tabs_links_bullet_1.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_1.selected a { background: url(../images/menu_tabs_links_bullet_1.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_2:hover a { background: url(../images/menu_tabs_links_bullet_2.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_2.selected a { background: url(../images/menu_tabs_links_bullet_2.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_3:hover a { background: url(../images/menu_tabs_links_bullet_3.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_3.selected a { background: url(../images/menu_tabs_links_bullet_3.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_4:hover a { background: url(../images/menu_tabs_links_bullet_4.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_4.selected a { background: url(../images/menu_tabs_links_bullet_4.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_5:hover a { background: url(../images/menu_tabs_links_bullet_5.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li.lnk_5.selected a { background: url(../images/menu_tabs_links_bullet_5.gif) center bottom no-repeat; } div.hp-featured-box div.content ul#tabs-links li a.clr_1 { color: #aa4f37; } div.hp-featured-box div.content ul#tabs-links li a.clr_2 { color: #8eaa4b; } div.hp-featured-box div.content ul#tabs-links li a.clr_3 { color: #f2974f; } div.hp-featured-box div.content ul#tabs-links li a.clr_4 { color: #514134; } div.hp-featured-box div.content ul#tabs-links li a.clr_5 { color: #426034; } div.hp-featured-box div.content ul#news { } div.hp-featured-box div.content ul#news li { background: url(../images/ul_news_bg.gif) 0px 7px no-repeat; padding: 0 0 5px 10px; } div.hp-featured-box div.content ul#news li p { color: #787777; font-size: 11px; line-height: 12px; } /***************************************************************************** //-> SIDE MENU - ABOUT (COL_C) Old widthout IR tab *****************************************************************************/ /* div.side-menu { position: relative; width: 109px; margin: 0 8px 0 82px; display: block; } div.side-menu a { width: 109px; height: 52px; padding: 0 0 6px 0; display: block; text-indent: -5000px; z-index:1000; } div.side-menu a.lnk_1 { background: transparent url(../images/about_links.gif) no-repeat scroll 0px 0px; } div.side-menu a.lnk_1:hover, div.side-menu a.lnk_1.selected { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -233px; } div.side-menu a.lnk_2 { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -58px; } div.side-menu a.lnk_2:hover, div.side-menu a.lnk_2.selected { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -291px; } div.side-menu a.lnk_3 { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -116px; } div.side-menu a.lnk_3:hover, div.side-menu a.lnk_3.selected { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -349px; } div.side-menu a.lnk_4 { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -175px; } div.side-menu a.lnk_4:hover, div.side-menu a.lnk_4.selected { background: transparent url(../images/about_links.gif) no-repeat scroll 0px -408px; } */ /***************************************************************************** //-> EXHIBITION *****************************************************************************/ div#exhibition { position: relative; display: block; margin: 15px 0; width: 711px; } div#exhibition:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#exhibition a { text-decoration: underline; } div#exhibition a:hover { text-decoration: none; } div#exhibition div.left_col { width: 442px; margin: 0 33px 0 0; float: left; } div#exhibition div.left_col div.item { position: relative; width: 442px; } div#exhibition div.left_col div.item:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div#exhibition div.left_col div.item div.image { width: 95px; float: left; } div#exhibition div.left_col div.item div.text { width: 317px; margin: 0 0 0 30px; font-size: 13px; line-height: 15px; float: left; } div#exhibition div.right_col { width: 236px; float: left; } div#exhibition div.sep { margin: 30px 0; } /***************************************************************************** //-> LINKS MENU - APPLICATIONS (COL_D) *****************************************************************************/ div.links-menu { display: block; } div.links-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.links-menu a { width: 158px; height: 114px; margin: 10px 0; display: block; float: left; overflow: hidden; text-indent: -5000px; } div.links-menu a.mid { margin-left:15px; margin-right:15px; } div.links-menu a.lnk_1 { background: transparent url(../images/applications_links.gif) no-repeat scroll 0px 0px; } div.links-menu a.lnk_1:hover, div.links-menu a.lnk_1.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll 0px -240px; } div.links-menu a.lnk_2 { background: transparent url(../images/applications_links.gif) no-repeat scroll -169px 0px; } div.links-menu a.lnk_2:hover, div.links-menu a.lnk_2.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll -169px -240px; } div.links-menu a.lnk_3 { background: transparent url(../images/applications_links.gif) no-repeat scroll -339px 0px ; } div.links-menu a.lnk_3:hover, div.links-menu a.lnk_3.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll -339px -240px; } div.links-menu a.lnk_4 { background: transparent url(../images/applications_links.gif) no-repeat scroll 0px -126px; } div.links-menu a.lnk_4:hover, div.links-menu a.lnk_4.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll 0px -366px; } div.links-menu a.lnk_5 { background: transparent url(../images/applications_links.gif) no-repeat scroll -169px -126px; } div.links-menu a.lnk_5:hover, div.links-menu a.lnk_5.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll -169px -366px; } div.links-menu a.lnk_6 { background: transparent url(../images/applications_links.gif) no-repeat scroll -339px -126px; } div.links-menu a.lnk_6:hover, div.links-menu a.lnk_6.selected { background: transparent url(../images/applications_links.gif) no-repeat scroll -339px -366px; } div.links-menu a.soy { width: 495px; height: 288px; background: transparent url(../images/img_applications.gif) no-repeat scroll 0px 0px; } div.links-menu a.soy:hover, div.links-menu a.soy.selected { background: transparent url(../images/img_applications.gif) no-repeat scroll 0px -288px; } /***************************************************************************** //-> SIDE MENU - PRODUCTS_INNER (COL_C) *****************************************************************************/ div.prod-menu { position: relative; width: 109px; margin: 0 8px 0 82px; display: block; } div.prod-menu a { width: 109px; height: 52px; padding: 0 0 5px 0; display: block; overflow: hidden; text-indent: -5000px; } div.prod-menu a.lnk_1 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px 0px; } div.prod-menu a.lnk_1:hover, div.prod-menu a.lnk_1.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -527px; } div.prod-menu a.lnk_2 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -58px; } div.prod-menu a.lnk_2:hover, div.prod-menu a.lnk_2.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -586px; } div.prod-menu a.lnk_3 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -116px; } div.prod-menu a.lnk_3:hover, div.prod-menu a.lnk_3.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -643px; } div.prod-menu a.lnk_4 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -173px; } div.prod-menu a.lnk_4:hover, div.prod-menu a.lnk_4.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -701px; } div.prod-menu a.lnk_5 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -233px; } div.prod-menu a.lnk_5:hover, div.prod-menu a.lnk_5.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -759px; } div.prod-menu a.lnk_6 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -291px; } div.prod-menu a.lnk_6:hover, div.prod-menu a.lnk_6.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -817px; } div.prod-menu a.lnk_7 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -351px; } div.prod-menu a.lnk_7:hover, div.prod-menu a.lnk_7.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -877px; } div.prod-menu a.lnk_8 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -410px; } div.prod-menu a.lnk_8:hover, div.prod-menu a.lnk_8.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -937px; } div.prod-menu a.lnk_9 { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -468px; } div.prod-menu a.lnk_9:hover, div.prod-menu a.lnk_9.selected { background: transparent url(../images/products_inner_links.png) no-repeat scroll 0px -995px; } /***************************************************************************** //-> SIDE MENU - APPLICATIONS_INNER (COL_C) *****************************************************************************/ div.apps-menu { position: relative; width: 109px; margin: 0 8px 0 82px; display: block; } div.apps-menu a { width: 109px; height: 52px; padding: 0 0 5px 0; display: block; overflow: hidden; text-indent: -5000px; } div.apps-menu a.lnk_1 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px 0px; } div.apps-menu a.lnk_1:hover, div.apps-menu a.lnk_1.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -347px; } div.apps-menu a.lnk_2 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -57px; } div.apps-menu a.lnk_2:hover, div.apps-menu a.lnk_2.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -404px; } div.apps-menu a.lnk_3 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -115px; } div.apps-menu a.lnk_3:hover, div.apps-menu a.lnk_3.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -462px; } div.apps-menu a.lnk_4 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -172px; } div.apps-menu a.lnk_4:hover, div.apps-menu a.lnk_4.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -519px; } div.apps-menu a.lnk_5 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -231px; } div.apps-menu a.lnk_5:hover, div.apps-menu a.lnk_5.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -578px; } div.apps-menu a.lnk_6 { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -289px; } div.apps-menu a.lnk_6:hover, div.apps-menu a.lnk_6.selected { background: transparent url(../images/apps_inner_links.gif) no-repeat scroll 0px -636px; } /***************************************************************************** //-> PRODUCTS FEATURES-LIST TABLE *****************************************************************************/ div.tbl-wrap { width: 710px; margin: 10px 0; display: block; } div.tbl-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } table.features-list { font-size: 12px; margin: 15px 0; z-index: 10; } table.features-list thead { background-color: #f2974f; z-index: 10; } table.features-list thead th { line-height: 14px; border-right: 1px solid #FFF; padding: 8px; font-weight: normal; text-align: center; color: #fff; z-index: 10; } table.features-list tbody tr { background-color: #f7efe9; z-index: 10; } table.features-list tbody tr td { color: #666; font-size: 12px; line-height: 14px; margin: 0 2px 0 0; border-right: 1px solid #FFF; padding: 2px 15px; height: 25px; } table.features-list tbody tr td.sm_pad { padding: 5px; } table.features-list tbody tr td.check { background-image: url(../images/tbl_check.gif); background-position: 50% 50%; background-repeat: no-repeat; } table.features-list tbody tr td.center { text-align: center; } table.features-list tbody tr td.sm { line-height: 10px; font-size: 9px; } /***************************************************************************** //-> PRODUCTS GREEN-LIST TABLE *****************************************************************************/ div.tbl-wrap { width: 710px; margin: 10px 0; display: block; } div.tbl-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } table.green-list { width:100%; font-size: 12px; margin:0 0 15px 0; z-index: 10; } table.green-list thead { background-color: #aac351; z-index: 10; } table.green-list thead th { line-height: 14px; padding: 8px; font-weight: normal; text-align: left; color: #fff; z-index: 10; } table.green-list tbody tr { background-color: #fff; z-index: 10; } table.green-list tbody tr td { color: #666; font-size: 12px; line-height: 14px; margin: 0 2px 0 0; padding: 1px 8px; height: 20px; } table.green-list tbody tr td.sm_pad { padding: 5px; } table.green-list tbody tr td.check { background-image: url(../images/tbl_check.gif); background-position: 50% 50%; background-repeat: no-repeat; } table.green-list tbody tr td.center { text-align: center; } table.green-list tbody tr td.sm { line-height: 10px; font-size: 9px; } /***************************************************************************** //-> LINKS MENU - PRODUCTS (COL_D) *****************************************************************************/ div.products-menu { display: block; } div.products-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.products-menu a { width: 197px; height: 93px; margin: 4px 0; display: block; float: left; overflow: hidden; text-indent: -5000px; } div.products-menu a.mid { margin-left:4px; margin-right:4px; } div.products-menu a.lnk_1 { background: transparent url(../images/products_links.gif) no-repeat scroll 0px 0px; } div.products-menu a.lnk_1:hover, div.products-menu a.lnk_1.selected { background: transparent url(../images/products_links.gif) no-repeat scroll 0px -297px; } div.products-menu a.lnk_2 { background: transparent url(../images/products_links.gif) no-repeat scroll -203px 0px; } div.products-menu a.lnk_2:hover, div.products-menu a.lnk_2.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -203px -297px; } div.products-menu a.lnk_3 { background: transparent url(../images/products_links.gif) no-repeat scroll -405px 0px ; } div.products-menu a.lnk_3:hover, div.products-menu a.lnk_3.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -405px -297px; } div.products-menu a.lnk_4 { background: transparent url(../images/products_links.gif) no-repeat scroll 0px -99px; } div.products-menu a.lnk_4:hover, div.products-menu a.lnk_4.selected { background: transparent url(../images/products_links.gif) no-repeat scroll 0px -397px; } div.products-menu a.lnk_5 { background: transparent url(../images/products_links.gif) no-repeat scroll -203px -99px; } div.products-menu a.lnk_5:hover, div.products-menu a.lnk_5.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -203px -397px; } div.products-menu a.lnk_6 { background: transparent url(../images/products_links.gif) no-repeat scroll -405px -99px; } div.products-menu a.lnk_6:hover, div.products-menu a.lnk_6.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -405px -397px; } div.products-menu a.lnk_7 { background: transparent url(../images/products_links.gif) no-repeat scroll 0px -198px; } div.products-menu a.lnk_7:hover, div.products-menu a.lnk_7.selected { background: transparent url(../images/products_links.gif) no-repeat scroll 0px -496px; } div.products-menu a.lnk_8 { background: transparent url(../images/products_links.gif) no-repeat scroll -203px -198px; } div.products-menu a.lnk_8:hover, div.products-menu a.lnk_8.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -203px -496px; } div.products-menu a.lnk_9 { background: transparent url(../images/products_links.gif) no-repeat scroll -405px -198px; } div.products-menu a.lnk_9:hover, div.products-menu a.lnk_9.selected { background: transparent url(../images/products_links.gif) no-repeat scroll -405px -496px; } div.products-menu a.soy { width: 711px; height: 270px; background: transparent url(../images/img_products.gif) no-repeat scroll 0px 0px; } div.products-menu a.soy:hover, div.products-menu a.soy.selected { background: transparent url(../images/img_products.gif) no-repeat scroll 0px -270px; } /***************************************************************************** //-> APPLICATIONS BUTTONS *****************************************************************************/ div.apps-buttons { margin: 10px 0px 0; } div.apps-buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.apps-buttons a { width: 149px; height: 28px; padding: 0 3px 0 0; display: block; overflow: hidden; text-indent: -5000px; } div.apps-buttons a.lnk_1 { background: transparent url(../images/applications_buttons.gif) no-repeat scroll 0px 0px; } div.apps-buttons a.lnk_1:hover, div.apps-buttons a.lnk_1.selected { background: transparent url(../images/applications_buttons.gif) no-repeat scroll 0px -28px; } div.apps-buttons a.lnk_2 { width: 31px; height: 28px; background: transparent url(../images/applications_buttons.gif) no-repeat scroll -158px 0px; } div.apps-buttons a.lnk_2:hover, div.apps-buttons a.lnk_2.selected { background: transparent url(../images/applications_buttons.gif) no-repeat scroll -158px -28px; } div.apps-buttons a.lnk_3 { width: 31px; height: 28px; background: transparent url(../images/applications_buttons.gif) no-repeat scroll -191px 0px; } div.apps-buttons a.lnk_3:hover, div.apps-buttons a.lnk_3.selected { background: transparent url(../images/applications_buttons.gif) no-repeat scroll -191px -28px; } /***************************************************************************** //-> bullet-list *****************************************************************************/ ul.bullet-list { position: relative; margin: 5px 0; z-index: 10; } ul.bullet-list li { background: url(../images/bullet_list.gif) left 8px no-repeat; padding: 0px 0px 0 10px; } ul.bullet-list li a { color: #e0c582; text-decoration: none; display: block; } .msie6 ul.bullet-list li a { display: inline-block; } ul.bullet-list li a:hover { color: #FFF; } ul.bullet-list li.selected a { color: #FFF; font-weight: bold; } /***************************************************************************** //-> CONTACT *****************************************************************************/ div.contact-holder { margin: 15px 0; } div.contact-holder h2 { margin: 0px 0 10px 0; } div.contact-holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.contact-item { width: 207px;min-height: 167px; } div.contact-item.mid { border-top: 1px dotted #999; border-bottom: 1px dotted #999; padding: 15px 0 22px; margin: 25px 0; } /***************************************************************************** //-> FORM ELEMENTS *****************************************************************************/ div.form-holder { position: relative; font-size: 12px; color: #514134; margin: 15px 0; width: 692px; height: 389px; background: transparent url(../images/empty_Form.png) no-repeat scroll 0px 0px; } div.form-holder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } div.form-holder div.left_col { width: 260px; float: left; margin-top: 21px; } div.form-holder div.right_col { width: 427px; margin-left: 5px; float: left; } div.form-holder div.right_col label { padding-left: 5px; float: left; } div.form-holder div.margin_left { font-size: 11px; margin: 5px 0 0 80px; } .form .seperation { margin: 1px auto; clear: both; } .msie6 .form .seperation{ margin-bottom:-12px; } .form label { display: inline-block; height: 20px; width: 80px; padding-left: 15px; } .form legend { display: block; font-size: 14px; padding: 10px 0 12px 15px; width: 677px; font-weight: bold; color: #514134; } .msie7 .form legend, .msie6 .form legend { padding: 10px 0 10px 15px; } .form em.error { display: block; text-align: left; float: left; height: 20px; line-height: 20px; color: #F00; font-size: 11px; width: 100%; clear: both; } .form label.sm { float: none; height: auto; line-height: normal; width: auto; } .form label.chk { float: none; height: auto; line-height: normal; width: auto; margin: 5px 0 0 80px; font-size: 11px; } .form input[type="text"], .form textarea, .form select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: #fff; width: 157px; height: 16px; line-height: 16px; margin: 0; padding: 0px; border: 0px none; } .contactPage input[type="text"]{} /*.contactPage #comments{width:292px;margin:11px 0 0 25px;height:73px;}*/ .contactPage #comments{margin:11px 0 0 25px;height:73px;} .contactPage #requiredFieldArea{margin:5px 0 0 25px;} .contactPage #chkRequiredField{margin:8px 0 0 9px;} /*.form textarea { margin: 2px 0 0 8px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 305px; height: 75px; line-height: normal; margin-top: 2px; }*/ .form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 305px; height: 75px; line-height: normal; } .form input:focus, .form textarea:focus, .form select:focus { background: #fff; border: 0px none; } .form input[type="checkbox"], .form input[type="checkbox"]:focus { background: transparent; } .form textarea { overflow: auto; } .form input.submit { margin: -25px 20px 0 0; cursor: pointer; display: block; overflow: hidden; direction: rtl; text-indent: -5000px; width: 62px; height: 30px; background: transparent url(../images/submit.gif) no-repeat 0px 0px; } .form input.submit.thanks { background: transparent url(../images/submitThanks.gif) no-repeat 0px 0px;cursor:default; } .msie6 .form input.submit { margin: -25px 10px 0 0; } .form input.submit:hover { background-position: 0px -30px; } .form span.required { font-size: 13px; color: #ff0000; } /***************************************************************************** //-> BREADCRUMBS *****************************************************************************/ .breadcrumbs { position: relative; display: block; width: 711px; height: 22px; margin: 0 0 15px 0; } .breadcrumbs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .breadcrumbs ul { width: 711px; height: 22px; display: block; position: relative; font-size: 14px; } .breadcrumbs ul li { width: auto; height: 22px; line-height: 22px; color: #aac351; float: left; display: block; } .breadcrumbs ul li.sep { margin: 0 5px; border-bottom: 0px none; } .breadcrumbs ul li a { text-decoration: none; color: #aac351; font-size: 12px; } .breadcrumbs ul li a:hover { text-decoration: underline; } /***************************************************************************** //-> BUTTONS *****************************************************************************/ .btn-book_now_big { display: block; overflow: hidden; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #FFF; width: 155px; line-height: 26px; text-align: center; height: 26px; background: transparent url(../images/buttons.png) no-repeat 0px -247px; } .btn-book_now_big:hover { background-position: 0px -277px; text-decoration: none; } .btn-book_now { display: block; overflow: hidden; cursor: pointer; text-transform: uppercase; font-size: 11px; text-align: center; font-weight: normal; color: #FFF; width: 80px; height: 30px; line-height: 30px; background: transparent url(../images/buttons.png) no-repeat 0px -88px; } input.btn-book_now { font-size: 10px; } .btn-book_now:hover { background-position: 0px -123px; text-decoration: none; } /***************************************************************************** //-> GENERAL CLASSES *****************************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearboth { height: 0px; line-height: 0px; font-size: 0px; clear: both; } .left { float: left; } .right { float: right; } .hide { display: none; } .margin_12 { margin: 0 12px; } a.more { color: #426034; font-size: 12px; text-decoration: underline; } a.more:hover { text-decoration: none; } .gray { color: #787777; } .green { color: #426034; } .orange { color: #f39650; } .Stamp { position: relative; font-size: 11px; top: 5px; margin: 0; } .low { position: relative; top: 3px; } .lower { position: relative; top: 5px; } .lowest { position: relative; top: 7px; } .seperation { display: block; text-align: center; margin: 15px auto; height: 2px; line-height: 2px; background: url(../images/divider.gif) left bottom repeat-x; } .sep { display: block; text-align: center; margin: 15px auto; height: 2px; line-height: 2px; border-bottom: 1px dotted #c8daa0; } /* New */ .pressContact{margin-top:25px;} .pressContact P{padding:0;}