/* Theme Name: Logitel Theme URI: http://www.logitel.gr/ Description: Power to communicate Version: 1.0 Author: Nevma Author URI: http://www.nevma.gr/ Nevma 2010 http://www.nevma.gr/ This theme was designed and built by Nevma, work by which can be found at http://www.nevma.gr/ */ html { background: #E6E8DE url('images/background-stripe-top.png') top repeat-x;} body { min-width: 1070px; background: url('images/header-background.png') center top no-repeat; color: #262626; line-height: 1.5; font-family: Tahoma, Arial, sans-serif;} h1 { color: #747474; font-size: 30px; line-height: 1.2;} h1.home-page-h1 { font-size:37px; color:white; font-weight:bold; padding:0 15px; text-align:left; } h1.home-page-h1 a { color:white; } h1.post-title, h2.post-title { font-size: 20px;} h2.post-title { color: #848484; line-height: 1.2;} h2 { color: #4e7916; font-size: 14px;} #content h3 { font-size: 13px; background: #eee; color: #1F61B1; margin-top: 5px; padding-top: 2px; padding-bottom: 2px;} a:link, a:active { color: #1f61b1;} a:visited { color: #a4a4a4;} a:hover { color: #054197;} a.more-link { display: inline-block; height: 32px; margin-top: 15px; padding: 0 0 0 14px; background: url('images/more-link.png') left 0 no-repeat; color: #226dbf; font-size: 11px;} a.more-link:hover { background-position: left -32px; text-shadow: #bbb 0px 0px 1px; text-decoration: none;} a.more-link span { display: inline-block; height: 31px; line-height: 25px; padding: 0 17px 0 0; background: url('images/more-link.png') right -64px no-repeat; } a.more-link:hover span { background-position: right -96px;} #content p img.support-mail { margin: 0; padding: 0; border: none;} .highlight { background: #E36912; color: #fff;} p, h1, h2, h3, h4, h5, h6 { text-align: justify;} /* STRUCTURE */ #header { width: 990px; height: 124px; padding-top: 5px; margin: 0 auto; position: relative; z-index: 9;} #content-background-left { position: absolute; left: 0; top: 129px; z-index: -1; width: 50%; height: 520px; background: url('images/content-bg-pattern-left.png') top repeat-x;} #content-background-right { position: absolute; right: 0; top: 129px; z-index: -1; width: 50%; height: 520px; background: url('images/content-bg-pattern-right.png') top repeat-x;} #content-wrapper { background: url('images/content-background.jpg') center top no-repeat; padding-bottom: 30px;} #content-container { width: 1070px; margin: 0 auto; padding-top: 2px; background: url('images/content-foreground-top.png') center 24px no-repeat; position: relative;} #content-container.home { width: 990px; margin: 0 auto; padding-top: 2px; background: none;} #content-group { background: url('images/content-foreground-middle.png') center top repeat-y; margin-top: 8px; padding: 10px 0 10px 40px;} #content { float: left; width: 690px;} #sidebar { width: 270px; margin-left: 705px; margin-top: -62px;} #footer-wrapper { background: #262626 url('images/footer-bg-pattern.png') top repeat-x;} #footer { width: 990px; margin: 0 auto;} /* HEADER */ #logo { float: left; width: 200px; height: 80px; margin-top: 40px; text-indent: -9999px;} #top-menu { float: right; margin: 0 102px 0 0; list-style: none;} #top-menu li { float: left; margin: 0 10px;} #top-menu li a { float: left; color: #757379;} #top-menu li a:hover { color: #444; } #login-container { position: absolute; top: 2px; right: 0; z-index: 9; padding-left: 17px; background: url('images/login-background-left.png') left bottom no-repeat; } #login-form { margin: 0; padding-right: 17px; background: url('images/login-background.png') right bottom no-repeat;} #login-wrapper { width: 65px; height: 31px; overflow: hidden;} #open-login { float: right; width: 60px; height: 29px; margin: 0; line-height: 25px; color: white; text-align: center; } #open-login:hover { color: #004FA1; text-decoration: none;} #login-form p { margin-top: 31px; padding: 0; text-align: center;} #login-form label { display: block; text-align: left; margin: 0 0 10px 10px;} #login-form input#login-user, #login-form input#login-password { width: 190px; height: 30px; line-height: 30px; margin-bottom: 10px; padding: 0 10px; background: #2478BF; border-width: 1px; border-style: solid; border-color: #29506E #75B5E7 #97C7ED #366D98; color: #57bcfd; font-size: 13px; } #login-form span.submit { float: right; display: inline-block; height: 27px; margin: 0 10px 0 0; padding-left: 14px; background: url('images/login-submit.png') left top no-repeat; color: #226dbf; font-size: 11px;} #login-form input.submit { height: 27px; padding: 0 25px 4px 0; background: url('images/login-submit.png') right bottom no-repeat; border: none; color: #322935; font-size: 11px; } /* Style when Logged-In */ #login-form span.username-label, #login-form span.username { display: block; height: 25px; line-height: 25px; padding: 0 10px; color: #2478BF; font-size: 14px; text-align: left;} #login-form span.username { font-weight: bold; margin-bottom: 25px;} #login-form a.logout-submit { display: inline-block; height: 27px; line-height: 27px; padding: 0 25px 0 0; background: url('images/login-submit.png') right bottom no-repeat; border: none; color: #322935; font-size: 11px; } #header-search-form { float: right; clear: right; width: 400px; margin: 65px 0 0 0; font-size: 11px;} #header-search-form p { float: right; padding: 0; background: url('images/header-search-form.jpg') left top no-repeat;} #header-search-form input { background: none; border: none; color: #9c9c9c;} #header-search-form #search-term { width: 112px; height: 20px; padding: 0 25px 0 10px; line-height: 18px;} #header-search-form #search-submit { width: 25px; height: 24px; background: transparent; text-indent: -9999px;} #header-search-form #languages { float: right; margin-left: 20px; color: #3597dd; line-height: 20px; text-transform: uppercase;} #header-search-form #languages a { color: #3597dd;} #header-search-form #languages a:hover { color: #568817; text-decoration: none;} /* MAIN NAVIGATION */ #navigation { float: right; margin: 0 40px 0 0; list-style: none;} .home #navigation { margin: 0;} #navigation li.main-nav { float: left; background: url('images/navigation-separator.png') bottom right no-repeat;} #navigation li.main-nav.last { background: none;} #navigation li.main-nav.vertical { position: relative;} #navigation a.top-level { float: left; height: 40px; margin-right: 2px; padding: 0 17px; line-height: 40px; color: white; font-size: 15px;} #navigation a.top-level:hover, #navigation .selected a.top-level { height: 40px; border-top: 5px solid #8FB851; line-height: 30px; text-decoration: none;} #navigation .last a.top-level { margin-right: 0;} /* MEGA MENUS */ /* Structural CSS */ .megaMenuContainer { position: absolute; top: 45px; right: 40px; z-index: 9; width: 990px; padding: 20px 0; background: white; display: none; -moz-border-radius: 10px; -moz-box-shadow: 0 2px 2px #888; -webkit-border-radius: 10px; -webkit-box-shadow: 0 2px 2px #888; border-radius: 10px; box-shadow: 0 2px 2px #888; behavior: url('http://www.logitel.gr/wp-content/themes/logitel/css/pie.htc'); } .megaMenuContainer .menu_block { float: left; width: 300px; margin: 0 15px;} .megaMenuContainer ul { margin: 5px 0 10px; list-style: none;} .megaMenuContainer ul ul { margin-left: 15px;} .home .megaMenuContainer { right: 0;} .vertical .megaMenuContainer { width: 200px; left: -60px; right: auto; } .megaMenuContainer.vertical .menu_block { float: none; margin: 0 30px;} /* Styling CSS*/ #navigation .megaMenu:hover a.top-level { border: none; line-height: 40px; background: white url('images/mega-menu-hover.gif') top repeat-x; color: #8FB851; height: 50px;} .megaMenuContainer a.depth-top { color: #535353; font-weight: bold; text-transform: uppercase;} .megaMenuContainer span.list-item-description { display: block; padding: 0 0 5px 0; color: #999;} .megaMenuContainer ul a { color: #6b9a19;} .megaMenuContainer ul ul a { color: #333;} .vertical .megaMenuContainer a.depth-top { color: #6b9a19; font-weight: normal; text-transform: normal;} /* CONTENT */ #breadcrumb { background: #E5E5E5 url('images/bredcrumbs-background.gif') left top no-repeat; width: 670px; height: 26px; overflow: hidden; margin: 73px 0 0 45px; padding-left: 15px; color: #777; font-size: 10px; line-height: 23px; } #breadcrumb a { color: #444;} #breadcrumb a:hover, #breadcrumb a:active { color: #262626; text-decoration: underline;} #content ul { list-style: none; margin-right: 10px;} #content ul li { padding: 5px 0 5px 20px; background: url('images/list-bullet.gif') left 10px no-repeat; /*border-bottom: 1px solid #C4C4C4;*/ color: #444; font-size: 13px; /*text-align: justify;*/} #content ul li ul { margin-left: 20px;} #content ul li ul li { background: none; padding-left: 0;} #content ul li ul li ul { } #content ul li ul li ul li { color: #626262;} #content p img { padding: 15px; border: 1px solid #D7D7D7; /*background: #E6E8DE;*/} #content p.date { color: #4e7916; font-size: 14px; font-weight: bold;} .alignleft { float: left; margin-right: 10px;} .alignright { float: right; margin-left: 10px;} .aligncenter { margin: 0 auto; clear: both;} .alignnone { clear: right;} .content-clear { height: 85px; background: url('images/content-foreground-bottom.png') center bottom no-repeat;} #content.four-oh-four ul { margin-left: 20px;} #content.four-oh-four ul li { border: none; } #content.four-oh-four ul li * { margin: 0; padding: 0;} #content.four-oh-four ul li form label { font-style: normal; font-weight: bold; text-decoration: underline;} #content .post { padding-bottom: 20px;} #content #_mcePaste { padding: 5px 15px;} /* Correct paddings for stuff pasted into TinyMCE from Chrome browsers */ #content .landing-page-menu { margin: 10px 15px; overflow: auto; background: url('images/index-bg-blue.png') top repeat-x; border: 1px solid #3798DB; border-radius: 8px;} #content .landing-page-menu .menu-title { width: 550px; height: 41px; padding: 0 10px; color: #FFFFFF; font-weight: bold; line-height: 41px; font-size: 15px;} #content .landing-page-menu .menu-column { float: left; width: 199px; padding: 0 10px;} #content .landing-page-menu.four-up .menu-column { width: 144px;} #content .landing-page-menu .menu-item { padding: 10px 0; background: none; line-height: 1.2;} #content .landing-page-menu .menu-item a.title { display: block; color: #4e7916; font-weight: bold; margin-bottom: 5px;} #content .landing-page-menu .menu-item a.more { display: block; padding: 5px 0;} #content .landing-page-menu .menu-item ul { margin: 0;} #content .landing-page-menu .menu-item ul.children { margin: 2px 10px 2px 15px;} #content .landing-page-menu .menu-item ul li { padding: 0 0 3px 0; background: none; border: none; line-height: 1.1;} #content #post-list { padding: 15px;} #content #post-list h3 { font-size: 18px; background: #EEE;} #content #post-list .post { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;} #content #post-list .post h2 { font-size: 13px;} #content #post-list .post p { padding: 0 15px 5px;} #content #post-list .post .date { font-size: 12px;} #content #post-list .last { border: none;} #content hr { margin: 15px; background: #999; color: #999; border-color: #DDD;} #content table { border: none;} #content table td { border: none; vertical-align: top; padding-top: 20px; padding-right: 15px;} #content table img { vertical-align: top; display: inline; clear: none;} /* SINGLE COLUMN CONTENT (NO SIDEBAR) */ #content-container.no-sidebar #content-group { background: url('images/content-foreground-middle-wide.png') center top repeat-y;} #content-container.no-sidebar #content { width: 990px;} #content-container.no-sidebar #breadcrumb { width: 965px; background: #E5E5E5 url('images/bredcrumbs-background.gif') left top no-repeat;} /* HOME PAGE */ #slideshow { position: relative; margin: 70px 0 50px; width: 990px; height: 316px;} #slideshow .slide { width: 990px; height: 316px;} .slide-image { position:absolute; top:0; left:0; z-index:-1;} #slideshow .slide .slide-content { z-index:1; width:500px; position: absolute; top: 0; left: 0; /*width: 100%;*/ height: 316px; background: url('images/slideshow-mask.png') no-repeat; color: white; font-size: 21px; line-height: 1.4; padding: 60px 245px 0; } /*#slideshow .slide .slide-content p { padding: 60px 245px 0; }*/ #slideshow .slide .slide-content p em { font-size: 24px; font-style: normal;} #slideshow .slide .slide-content p strong { font-size: 37px; font-weight: normal;} .slideshow-button { z-index:1; position:relative; background:#C9CBBD url('images/button-background.jpg') top left repeat-x; line-height:37px; font-size:19px; text-align:center; padding:0 9px; -moz-border-radius: 2px; -moz-box-shadow: 0 5px 5px black; -webkit-border-radius: 2px; -webkit-box-shadow: 0 5px 5px black; border-radius: 2px; box-shadow: 0 5px 5px black; float:left;margin:45px 0 0 15px; width:auto; border:1px solid white; } .slideshow-button.blue a { color:#0083cc; } .slideshow-button.orange a { color:#eb6200; } .slideshow-button.green a { color:#6a9918; } #slideshow .slideshow-controls a { display: block; position: absolute; top: 139px; width: 38px; height: 38px; background: url('images/slideshow-controls.png') no-repeat; text-indent: -9999px; z-index:1; } #slideshow .slideshow-controls a.previous { left: 12px;} #slideshow .slideshow-controls a.previous:hover { background-position: left -38px;} #slideshow .slideshow-controls a.next { right: 12px; background-position: top right;} #slideshow .slideshow-controls a.next:hover { background-position: right -38px;} #slideshow .slideshow-navigation { position: absolute; bottom: 14px; right: 14px; z-index:1;} #slideshow .slideshow-navigation a { float: left; width: 22px; height: 22px; margin-left: 8px; background: #bbb; opacity: 0.6; color: #4a4a4a; text-align: center; line-height: 22px; font-size: 14px;} #slideshow .slideshow-navigation a.selected, #slideshow .slideshow-navigation a:hover { color: white;} .callout-box { float: left; width: 340px; margin-right: 10px;} .callout-box h3 { height: 50px; padding: 0 20px; line-height: 50px; color: white; font-size: 17px;} .callout-box .featured-content .slide { position: absolute; left: 0; top: 0; padding: 16px 23px 25px; } .callout-box .featured-content .featured-slideshow { overflow: hidden; height: 1px; /*Height set only for jQuery to work properly*/ } .callout-box .featured-content .slide p { padding: 5px 2px 0; color: #3c3c3c;} .callout-box .slideshow-controls { position: absolute; top: 0; left: 7px; width: 326px; background: #ddd; border-bottom: 1px solid #d0d0d0;} .callout-box .slideshow-controls a { padding: 0 8px; color: #999; font-size: 10px; font-weight: bold; line-height: 20px;} .callout-box .slideshow-controls a:hover { color: #555;} .callout-box .slideshow-controls a:active { color: #262626;} .callout-box .slideshow-controls a.previous { float: left;} .callout-box .slideshow-controls a.next { float: right;} #callout-orange h3 { background: url('images/homepage-box-orange.png') left top no-repeat;} #callout-orange h4 { padding: 15px 0 0 0; color: #262626; font-size: 25px; font-weight: normal;} #callout-orange img { float: right; width: 120px; height: auto;} #callout-orange .featured-content { background: url('images/homepage-box-orange.png') center bottom no-repeat;} .featured-product .more-link { color: #4f880e;} #callout-blue h3 { background: url('images/homepage-box-blue.png') left top no-repeat;} #callout-blue h4 { padding: 20px 0 10px 0; color: #1f61b1; font-size: 14px; font-weight: bold;} #callout-blue img { display: block; margin: 5px auto; border: 5px solid #D0D0D0; padding: 4px;} #callout-blue .featured-content { background: url('images/homepage-box-blue.png') bottom no-repeat;} .featured-project .more-link { color: #1f61b1;} #latest-news { margin-left: 705px; padding-top: 5px; background: url('images/homepage-news-background.jpg') right 5px no-repeat;} #latest-news h3 { height: 40px; padding: 0 5px; color: #262626; font-size: 27px; border-top: 1px solid #A3A3A3; border-bottom: 1px solid #A3A3A3; line-height: 40px;} #latest-news .bulletin { padding: 20px 5px; border-bottom: 2px dotted #777;} #latest-news .bulletin .date { color: #62961c; font-weight: bold;} #latest-news .bulletin p { padding-left: 0; padding-right: 0; color: #3c3c3c;} #latest-news .bulletin .title { color: #3c3c3c;} #latest-news .bulletin .more { color: #62961c;} #latest-news .bulletin .more:hover { text-decoration: underline;} /* SIDEBAR */ /* Callout boxes with slideshows */ #sidebar .callout-box { width: 270px; float: none; margin: 0 auto; margin-bottom: 10px;} #sidebar .callout-box .featured-content .slide { padding: 16px 20px 25px;} #sidebar .callout-box p { text-align: left;} #sidebar .callout-box h3 { padding: 0 20px; font-size: 13px;} #sidebar .callout-box h4 { line-height: 1.3; text-align: left;} #sidebar .callout-box .slideshow-controls { width: 255px;} #sidebar #callout-orange h3, #sidebar #callout-orange .featured-content { background-image: url('images/sidebar-box-orange.png');} #sidebar #callout-orange img { width: 90px; height: auto; margin-left: 10px;} #sidebar #callout-blue h3, #sidebar #callout-blue .featured-content { background-image: url('images/sidebar-box-blue.png');} #sidebar #callout-blue img { width: 200px; height: auto;} #sidebar #latest-news { width: 260px; margin: 0 auto; margin-bottom: 10px; background: url('images/sidebar-news-box.png') top left no-repeat;} #sidebar #latest-news h3 { padding: 0 15px; color: #747474; font-size: 19px; border: none; text-align: left;} #sidebar #latest-news h4 { padding: 0; color: #3c3c3c; font-size: 13px; font-weight: bold; text-align: left;} #sidebar #latest-news .bulletin { padding: 0 15px 15px; border: none; background: url('images/sidebar-news-box.png') bottom left no-repeat; text-align: left;} /* Static boxes */ #sidebar .static-box { width: 270px; float: none; margin: 0 auto; margin-bottom: 10px; overflow: hidden;} #sidebar .static-box .static-content { padding-bottom: 15px; background-position: left bottom;} #sidebar .static-box h3 { height: 50px; padding: 0 20px; line-height: 50px; color: white; font-size: 17px;} #sidebar .static-box h4.title { margin: 0 8px 0 7px; padding: 2px 14px; background: #ddd; border-bottom: 1px solid #d0d0d0; color: #0277c0; font-size: 12px;} #sidebar .static-box p { text-align: justify;} #sidebar .static-box ul { list-style: none; margin: 0 20px 10px; padding-top: 10px;} #sidebar .static-box ul li { padding-left: 20px; background: url('images/list-bullet.gif') left 3px no-repeat;} #sidebar #static-blue h3, #sidebar #static-blue .static-content { background-image: url('images/sidebar-box-blue.png');} #sidebar #static-blue img { width: 200px; height: auto;} #sidebar #static-orange h3, #sidebar #static-orange .static-content { background-image: url('images/sidebar-box-orange.png');} #sidebar #static-orange img { width: 200px; height: auto;} /* FORMS */ .contact-form p { padding: 0;} .contact-form p.form-field { width: 400px; margin: 7px 0; padding: 2px; border: 1px solid #BCBDB6; } .contact-form p.form-field label { display: block; padding: 2px 2px 2px 8px; background: #EAEAE1; color: #8b8b8b; font-size: 14px; font-style: normal; overflow: auto; text-align: left;} .contact-form p.form-field input, .contact-form p.form-field textarea, .contact-form p.form-field select { float: right; width: 300px; border: none; background: transparent; color: #262626; font-size: 14px; } .contact-form p.form-field input:focus, .contact-form p.form-field textarea:focus, .contact-form p.form-field select:focus, .contact-form p.form-field input:active, .contact-form p.form-field textarea:active { background: #deded3;} .contact-form p.form-field select { width: 310px; border: 1px solid #ACADA6; font-size: 12px; } .contact-form p.submit { padding: 15px 0; text-align: right; overflow: auto;} .contact-form p.submit input.contact-submit { float: right; width: 115px; height: 28px; border: none; background: url('images/contact-submit.jpg') center top no-repeat; color: #4E7916; padding-right: 14px;} .contact-form p.submit input.contact-submit:active { background-position: left -28px; outline: none;} .contact-form p.form-field input.errorInput, .contact-form p.form-field textarea.errorInput, .contact-form p.form-field select.errorInput { background-image: url('images/error-input.png'); background-position: right 50%; background-repeat: no-repeat;} .contact-form p.form-field textarea.errorInput { background-position: right top;} .contact-form p.form-field select.errorInput { background-position: 95% 50%;} /* TECH SUPPORT */ #support-form { width: 475px;} #support-form p.form-field { width: 480px; border: none;} #support-form label { background: #FFF;} #support-form p.form-field input, #support-form p.form-field textarea, #support-form p.form-field select { border: 1px solid #CCC; border-color: #BBBBBB #DDDEDC #DDDEDC #C8C8C8; width: 320px;} #support-form p.form-field select { height: 23px; line-height: 23px; width: 332px;} #support-form p.form-field select option { padding: 3px 5px;} #support-form p.form-field input:focus, #support-form p.form-field textarea:focus, #support-form p.form-field select:focus, #support-form p.form-field input:active, #support-form p.form-field textarea:active { background: #EEE;} #support-form h4 { color: #1F61B1; font-size: 15px; padding: 3px 0; margin: 15px 0; border-bottom: 1px solid #CCC;} #support-form p.copy { text-align: right;} #support-form .tip { display: inline-block; margin-left: 150px; color: #AAA; font-size: 10px; font-style: italic;} /* CONTACT */ #content.contact h1 { height: 115px; margin-left: 10px; margin-bottom: 15px; padding-top: 80px; padding-right: 30px; background: url('images/contact-banner.jpg') 0 0 no-repeat; color: #262626; text-align: right;} address { float: right; width: 205px; margin-top: 12px; padding: 0 0 15px 30px; border-top: 10px solid #BCBDB6; border-bottom: 10px solid #BCBDB6; font-size: 12px; color: #4e7916; font-style: normal; } address strong { display: inline-block; padding-top: 15px;} #contact-form { float: left; width: 405px;} #contact-form p.message { padding: 0 0 30px; font-size: 14px;} #contact-form p.message.response { font-size: 20px; padding-bottom: 5px; color: #000;} #contact-form p.note { padding: 10px 0; font-size: 10px; text-align: center;} #contact-form p.scope { color: #8b8b8b; padding-left: 11px; font-size: 14px;} #contact-form p.scope label { padding: 0 0 0 15px; font-size: 11px; font-style: normal;} #contact-form p.copy label { padding-left: 10px; font-style: normal; } /* FOOTER */ #notice { width: 850px; margin: 0 auto 30px auto; padding: 2px; border: 1px solid #ccc; font-size: 15px; text-align: center;} #notice p { background: #fff; padding: 15px;} #follow { float: left; height: 112px; margin: 0; padding-left: 40px; background: url('images/footer-labels.png') no-repeat; list-style: none; } #follow li { float: left;} #follow li a { float: left; width: 64px; height: 64px; margin: 12px 4px 0; background: url('images/social-icons.jpg'); text-indent: -9999px;} #follow li a.youtube { background-position: 0 0;} #follow li a.twitter { background-position: -64px 0;} #follow li a.facebook { background-position: -192px 0;} #follow li a.rss { background-position: -128px 0;} #newsletter-subscription { height: 100px; margin: 0 0 0 650px; padding-top: 12px; background: url('images/footer-labels.png') left -112px no-repeat; position: relative;} #newsletter-subscription label { position: absolute; top: 12px; left: 44px; width: 60px; height: 60px; text-indent: -9999px;} #newsletter-subscription p { margin-left: 44px; padding: 9px 0 0 80px; background: url('images/newsletter-subscription-bg.jpg') no-repeat;} #newsletter-subscription p input { background: none; border: none; width: 196px; height: 20px; margin-left: 8px; padding: 0; color: #595959;} #newsletter-subscription p input.submit { width: 82px; height: 17px; margin: 15px 0 5px 0; background: url('images/newsletter-subscription-submit.png') 0 -17px no-repeat; text-indent: -9999px;} #newsletter-subscription p .messages { display: block; line-height: 1.1; text-align: left; font-size: 90%; color: #ccc;} #newsletter-subscription p .messages .success { display: block; padding: 15px 0 10px; font-size: 12px;} #copyright { padding-top: 20px; text-align: center; color: #e6e8de; font-size: 11px;} #bottom-menu { text-align: center; list-style: none;} #bottom-menu li { display: inline; padding: 0 6px;} #bottom-menu li a { color: #f77a14;} #bottom-menu li a:hover { color: #ccc;} #credits { padding: 40px 0 20px 0; clear: both; text-align: center;} #credits a { color: #3c3c3c;} #nevma { display: inline-block; width: 85px; height: 28px; margin-left: 5px; background: url('images/nevma.jpg') 0 0 no-repeat; text-indent: -9999px;} /* SEARCH */ #content.search h2 { color: #242424;} #content h2 .search-term { color: #E36912; font-size: 110%;} #content .search-result .post-title { font-size: 14px; border-bottom: 1px solid #ccc; margin-left: 10px; padding-left: 6px; } #content .search-result .post-title .number { float: left; font-size: 16px; font-weight: normal; padding-right: 10px; color: #ccc; } #content .search-result .post-title a { } #content .search-result p { padding-left: 36px;} #content .search-result p.date { font-size: 100%; color: #747474; font-weight: normal;} #content .search-result p.link a { font-size: 90%; color: #949494; font-style: oblique; text-decoration: underline;} div.column { border: none !important;} /* PRODUCT */ #content.product .product-image { float: left; width: 210px; margin-left: 15px;} #content.product .product-image img { padding: 0; border: none;} #content.product .product-summary { margin-left: 225px; padding: 5px 0; border-bottom: 3px double #DFDFDF; } #content.product .product-description { margin-left: 210px; padding: 5px 0 0 0;} #content.product .product-tabs { margin: 0 0 15px 15px; padding: 25px 0; border-bottom: 1px solid #CFCFCF; } #content.product .product-tabs .tab-navigation { padding-left: 5px; border-bottom: 1px solid #CFCFCF;} #content.product .product-tabs .tab-navigation a { display: inline-block; position: relative; bottom: -1px; margin-right: 5px; padding-left: 10px; background: url('images/tab-navigation.png') left top no-repeat;} #content.product .product-tabs .tab-navigation a span{ display: inline-block; height: 30px; line-height: 30px; padding: 0 25px 0 15px; background: url('images/tab-navigation.png') right -30px no-repeat; color: #0277c0; font-size: 13px;} #content.product .product-tabs .tab-navigation a:hover { background-position: left -60px;} #content.product .product-tabs .tab-navigation a:hover span { background-position: right -90px; color: #0277c0;} #content.product .product-tabs .tab-navigation a.selected, #content.product .product-tabs .tab-navigation a.selected:hover { background-position: left -120px;} #content.product .product-tabs .tab-navigation a.selected span, #content.product .product-tabs .tab-navigation a.selected:hover span { background-position: right -150px; color: #000; font-weight: bold;} #content.product .product-tabs .tab { padding: 20px; color: #565656;} #content.product .product-tabs .tab ul { margin: 0 0 0 30px; list-style: outside disc;} #content.product .product-tabs .tab ul li { background: none; padding-left: 0; color: #565656;} #content.product .product-tabs .tab ul.downloads { list-style: none; float: left; width: 290px; margin: 0 20px 0 0;} #content.product .product-tabs .tab ul.downloads h6 { padding-left: 35px; background: url('images/download-icon.png') left top no-repeat;} #content.product .product-tabs .tab ul.downloads ul { margin-left: 35px; list-style: none;} #content.product .product-tabs .tab ul.downloads ul li { padding-left: 20px; background: url('images/list-bullet.gif') left 9px no-repeat;} .product-list { margin-left: 15px; padding-top: 10px;} .product-list .product-preview { float: left; width: 224px; border-right: 1px solid #CFCFCF;} .product-list .product-preview.last { border-right: none;} .product-list .product-preview .product-preview-image { height: 130px; line-height: 130px; padding-bottom: 5px; text-align: center;} .product-list .product-preview .product-preview-image img { max-height: 130px; width: auto; padding: 0; border: 0; vertical-align: middle;} .product-list .product-preview .product-preview-title { padding-top: 0; padding-bottom: 0; text-align: left;} .product-list .product-preview .product-preview-data { color: #767676; font-size: 11px;} .product-list .product-preview a.product-preview-more { display: inline-block; padding-left: 10px; background: url('images/green-bullet.png') left 7px no-repeat; color: #456e00; line-height: 18px;} .product-list .product-preview a.product-preview-more:hover { text-decoration: underline;} .product-list .product-slide { position: absolute; left: 0; top: 0;} .product-list .slideshow-controls { position: absolute; left: 0; bottom: -25px; width: 100%; height: 20px; line-height: 20px; clear: left; background: #EBECE4; text-align: center;} .product-list .slideshow-controls a { padding: 0 5px; color: #555; font-size: 10px;} .product-list .slideshow-controls a.selected, .product-list .slideshow-controls a.previous, .product-list .slideshow-controls a.next { font-weight: bold;} .product-list .slideshow-controls a:hover { color: #000;} /* PRODUCT CATEGORIES & SOLUTIONS */ .listing-page h1 { color: #5f8a15; font-size: 18px;} .listing-page .section-banner { padding: 0 15px 12px; } .listing-page #option-menu { margin: 0 15px 60px; overflow: hidden;} .listing-page #option-menu li { float: left; width: 220px; padding: 0 10px; background: url('images/list-menu-bullet.gif') left 8px no-repeat;} .listing-page #option-menu li a { color: #333;} .listing-page #option-menu li a:hover { color: #5F8A15;} .listing-page #option-menu li .children li { background: url('images/list-submenu-bullet.gif') left 8px no-repeat;} .listing-page #option-menu li .children li a { color: #959595;} .listing-page #option-menu li .children li a:hover { color: #5F8A15;} .listing-page #related-products { margin-right: 15px;} .listing-page #related-products .product-preview { margin-bottom: 15px; padding: 0 7px;} /* CAPTCHA */ #recaptcha_area { padding: 15px 0 0 0;} #recaptcha_table { width: 100%;}