/*********RESET*********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
ol, ul {list-style: none;}
:focus {outline: 0;}
/*********GENERAL*********/
body {background: #e3e3e3; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#wrapper {width: 960px; padding: 0px 100px; margin: 0px auto; background: #fff url(images/bg_body.gif) top center repeat-y;}
h1 {padding-bottom: 5px; margin-bottom: 25px; color: #fcd032; font-family: Helvetica, Arial, sans-serif; font-size: 27px; font-weight: bold; background: url(images/bg_subtitle.gif) bottom left repeat-x;}
h1 span {display: block; padding-top: 3px; font-size: 14px; font-weight: normal; color: #6d6d6d;}
h2 {color: #000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 7px;}
h2 a {color: #000;}
h3 {color: #000; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; margin-bottom: 10px;}
h4 {color: #357eb6; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 15px;}
a {color: #357eb6; text-decoration: underline;}
a:hover {}
input {font-size: 12px; color: #96989d; text-align: center;}
.left {float: left;}
.right {float: right;}
/***HEADER***/
#header {width: 960px; height: 175px; background: url(images/bg_header.gif) top left repeat-x; position: relative;}
#nav {height: 42px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; text-align: right; position: absolute; top: 0px; right: 26px;}
#nav li {display: inline; padding-left: 16px;}
#nav a {color: #fff; text-decoration: none; line-height: 40px;}
#address {font-size: 13px; font-weight: bold; color: #5c5e5e; text-align: right; position: absolute; top: 66px; right: 26px;}
#headerLogin {font-size: 12px; line-height: 24px; color: #96989d; text-align: right; position: absolute; top: 122px; right: 26px;}
.txt {width: 162px; padding: 4px 0px; border: 1px solid #bcbcbc; margin-left: 10px;}
.go {padding: 4px; border: 0px; color: #fff; background: #96989d; margin-left: 10px; cursor: pointer;}
/***FRONT***/
/*slides*/
#presentation {height: 233px; padding: 24px 26px 23px 7px; margin-bottom: 5px; background: #fcd032 url(images/bg_presentation.gif) top left repeat-x; position: relative;}
#promo_panel {position: relative; width: 549px; height: 234px; margin-left:26px; z-index: 100; overflow: visible;}
#promo_window {position: relative; width: 539px; height: 234px; background-color:#FFF; padding-left:10px; overflow: hidden;}
#promo_slider {position: absolute; left: 0; top: 0; width: 10000px; height: 234px; z-index: 101;}
#promo_slider .promo_content {float: left; width: 549px; height: 234px;}
#promo_nav li {display: block; position: absolute; top: 85px; width: 61px; height: 67px; z-index: 200;}
#promo_nav li.prev {left: -22px;}
#promo_nav li.next {right: -22px;}
#promo_nav li a {display: block; width: 100%; height: 100%; text-indent: -9999px; background: url(images/btn_slide_prev.png) no-repeat;}
#promo_nav li.next a {background-image: url(images/btn_slide_next.png);}
#presentationData {width: 300px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 16px; text-align: center; position: absolute; top: 21px; left: 628px;}
#presentationData .frontBoxTitle {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; margin-bottom: 9px;}
#presentationData p {margin-bottom: 9px; font-size: 14px;}
#presentationData img {border: 3px solid #e6e6e6;}
#presentationData .download {padding: 7px 13px; font-size: 14px; text-decoration: none; color: #fff; background: #000; display: inline-block;}
/*shop*/
#frontShop {width: 526px; padding: 17px 42px 72px 32px; margin-bottom: 5px; background: #357eb6; color: #fff; float: left;}
.frontShopSection {width: 242px; margin-left: 20px; display: inline; float: left;}
.frontShopSection .sss {margin-bottom: 10px;}
.frontShopSection .s1, .frontShopSection .s2, .frontShopSection .s3 {font-family: "Helvetica Light", Helvetica, Arial, sans-serif;}
.frontShopSection .s1 {font-size: 14px;}
.frontShopSection .s2 {font-size: 27px; text-transform: uppercase;}
.frontShopSection .s3 {font-size: 14px; text-transform: uppercase;}
.frontShopSection img {display: block; border: 5px solid #fff; margin-bottom: 10px;}
.frontShopSelector {width: 242px; height: 33px; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #96989d; background: #fff url(images/bg_frontshopselector.gif) top right no-repeat; cursor: pointer; position: relative;}
.frontShopSelector span {padding: 0px 14px; line-height: 32px;}
.frontShopSelector ul {width: 242px; padding: 4px 0px; background: #f2f2f2; position: absolute; top: 33px; left: 0px; display: none;}
.frontShopSelector:hover ul {display: block; cursor: auto;}
.frontShopSelector li {padding: 4px 10px 4px 14px;}
.frontShopSelector a {font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #96989d; text-decoration: none;}
.frontShopSelector a:hover {color: #74767b; text-decoration: none;}
.frontShopGo {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff;}
.frontShopGo a {color: #fff;}
#frontShop form#newsletter { float: left; width: 505px; }
#frontShop form#newsletter span { display: block; padding: 5px 0 3px; float: left; color: white; }
#frontShop form#newsletter .txt { width: 200px; margin-left: 8px; }
#frontShop form#newsletter .colgroup { float: right; }
/*blog*/
#frontBlog {width: 316px; padding-right: 18px; margin-bottom: 5px; float: right;}
#frontBlogTitle {font-family: Helvetica, Arial, sans-serif; font-size: 15px; padding: 16px 0px;}
.frontBlogTitle {font-family: Helvetica, Arial, sans-serif; font-size: 15px; padding: 16px 0px 10px;}
.frontBlogTitle a { color: #000; font-style: italic; }
.frontBlogPost {padding: 0px 0px 0px 8px; margin-bottom: 5px; font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 13px; color: #373737; background: url(images/bg_frontblogpost.gif) 0px 4px no-repeat;}
.frontBlogPost div {padding: 0px 0px 4px 12px; border-bottom: 1px solid #8e8e8e;}
.frontBlogPost a {font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 12px; color: #373737; text-decoration: none;}
.frontBlogPost a:hover {text-decoration: none;}
#newsletter {padding: 15px 0px 0px 20px; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #96989d; text-transform: uppercase;}
#newsletter span {display: block; padding-bottom: 10px;}
#newsletter .txt {width: 240px; margin-left: 0px;}
/***CONTENT***/
#content {}
.content p, .contentAlt p {margin-bottom: 7px; line-height: 18px;}
.content ul, .contentAlt ul {margin: 7px 25px; list-style: disc;}
.content li, .contentAlt li {padding: 2px;}
/*sidebar*/
#sidebar {width: 170px; padding-bottom: 22px; margin-left: 29px; margin-bottom: 25px; background: #e8e9eb; display: inline; float: left;}
#sidebarProduct {width: 170px; padding-bottom: 22px; margin-left: 29px; margin-bottom: 25px; background: #fff; display: inline; float: left;}
#sidebarProduct a.quote-button,#sidebarProduct a.quote-button:link,#sidebarProduct a.quote-button:visited {width: 170px; padding: 10px 0; margin-top: 20px; background-color: #357EB6; display: block; float: left; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none;}
#sidebarProduct a.quote-button:hover {background-color: #3399cc; display: block; float: left; color: #ffffff;}
#sidebar .logos {display: block; margin-top: 20px;}
#sidebar .requestQuote {height: 24px; line-height: 24px; padding: 0px 10px; text-transform: uppercase; background: url(images/bg_requestquote.gif) top left repeat-x;}
#sidebar .requestQuote a, #sidebar .requestQuote a:hover {display: block; height: 24px; color: #fff; text-decoration: none; background: url(images/bg_requestquote_a.gif) top right no-repeat;}
#sidebarPro {width: 170px; padding-bottom: 300px; margin-left: 29px; margin-bottom: 25px; background: #e8e9eb url(images/bg_sidebarpro.gif) bottom left repeat-x; display: inline; float: left;}
.sidenav {}
.sidenav li {height: 24px; margin-bottom: 1px; background: url(images/bg_requestquote.gif) top left repeat-x;}
.sidenav a {line-height: 24px; padding: 0px 0px 0px 8px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; color: #fff; text-decoration: none;}
/* 'ΠΡΟ' templates*/
.template1, .template2, .template3, .template4, .solo {font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size: 14px; color: #000;}
.template1 {width: 704px; padding-right: 26px; float: right;}
.template1 .content {width: 360px; padding-bottom: 25px; overflow: hidden; float: left;}
.template1 .content p {font-size:14px;}
.template1 .picbar {width: 314px; padding-bottom: 25px; overflow: hidden; float: right;}
.template1 .picbar img {display: block; margin-bottom: 10px;}
.template1 .mapbar {width: 272px; padding: 22px 21px 25px 21px; background: #357eb6; color: #fff; overflow: hidden; float: right;}
.template1 .mapbar h2, .template1 .mapbar a {color: #fff;}
.template2 {width: 704px; padding-right: 26px; float: right;}
.template2 .content {width: 341px; float: left;}
.template2 .contentAlt {width: 329px; float: right;}
.template2 .fset {border: 1px solid #cbcbcb; margin: 4px 0px 14px 0px; position: relative;}
.template2 .fset h2 {padding: 0px 5px; background: #fff; position: absolute; top: -8px; left: 10px;}
.template2 .fset div {padding: 16px 14px 10px 14px; line-height: 18px;}
.template2 .fset a {color: #000; text-decoration: none;}
.template2 .fset a:hover {color: #0000FF; text-decoration: underline;}
.template3 {width: 704px; padding-right: 26px; float: right;}
.template3 .content {width: 704px; padding-bottom: 25px; overflow: hidden;}
.template4 {}
.solo {width: 895px; margin-left: 29px;}
/*product shop*/
.solo #frontShop {width: 895px; height: 414px; padding: 0px; margin-bottom: 30px; background: #357eb6; color: #fff; float: none; position: relative; z-index: 20;}
.solo .frontShopSection {width: 398px; position: absolute; top: 15px; z-index: 21;}
.solo .frontShopSectionHearing {left: 12px;}
.solo .frontShopSectionListening {left: 456px;}
.solo .frontShopSection .sss {margin-bottom: 10px;}
.solo .frontShopSection .s1, .solo .frontShopSection .s2, .solo .frontShopSection .s3 {font-family: "Helvetica Light", Helvetica, Arial, sans-serif;}
.solo .frontShopSection .s1 {font-size: 14px;}
.solo .frontShopSection .s2 {font-size: 27px; text-transform: uppercase;}
.solo .frontShopSection .s3 {font-size: 14px; text-transform: uppercase;}
.solo .frontShopSection img {display: block; border: 5px solid #fff; margin-bottom: 10px;}
.solo .frontShopSelector {width: 390px; height: 33px; margin-bottom: 10px; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; color: #96989d; background: #fff url(images/bg_frontshopselector.gif) top right no-repeat; cursor: pointer; position: relative; z-index: 22;}
.solo .frontShopSelector span {padding: 0px 14px; line-height: 32px;}
.solo .frontShopSelector ul {width: 390px; padding: 4px 0px; background: #f2f2f2; position: absolute; top: 33px; left: 0px; z-index: 23; display: none;}
.solo .frontShopSelector:hover ul {display: block; cursor: auto;}
.solo .frontShopSelector li {padding: 4px 14px;}
.solo .frontShopSelector a {font-family: Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold; color: #96989d; text-decoration: none;}
.solo .frontShopSelector a:hover {color: #74767b; text-decoration: none;}
.solo .frontShopGo {font-family: Helvetica, Arial, sans-serif; font-size: 14px; color: #fff;}
.solo .content {width: 424px; padding-left: 20px; display: inline; position: relative; z-index: 2;}
.solo .itemBox {margin: 0px 0px 28px 98px; position: relative; z-index: 3;}
.solo .itemBox img {position: absolute; top: 0px; left: -110px;}
.solo .prodleft {width: 424px; padding-left: 20px; display: inline; position: relative; z-index: 2; float: left; width:405px;}
.solo .prodright {width: 394px; display: inline; position: relative; z-index: 2; float: right; padding-right:22px;}
h2.PDF-title {float:left; display:inline-block; width:89px; height:32px; margin:0; padding: 8px 0 0; font-size: 12px; }
h2.PDF-after { margin-top: 30px; }
.getPdf {float: left; display: inline-block; position:relative;min-width: 28px; padding-top: 32px; margin: 0; background: url(images/icon_pdf.jpg) top left no-repeat; text-align:center;}
.getPdf a {color: #000; font-size:10px; font-family: Arial, Helvetica,sans-serif;}
.getPdfb {line-height: 25px; padding-left: 57px; margin-bottom: 15px; background: url(images/icon_pdf.gif) top left no-repeat;}
.getPdfb a {color: #000;}
#educ1 {left:26px; top:0;}
#educ2 {left:42px;}
#educ3 {left:58px;}
#educ4 {left:74px;}
#educ5 {left:90px;}
#educ6 {left:112px;}
#educ7 {left:135px;}
#educ8 {left:150px;}
#educ9 {left:168px;}
#work1 {left:26px; top:0;}
#work2 {left:38px;}
#work3 {left:51px;}
#work4 {left:63px;}
#work5 {left:76px;}
#work6 {left:94px;}
#work7 {left:112px;}
#work8 {left:125px;}
#work9 {left:140px;}
.nhs {
margin-top: 25px;
padding-bottom: 25px;
}
.nhs a {
font-size: 180%;
color: #F00;
}
.awesome{
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
margin: 20px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
/* Sizes ---------- */
.small.awesome {
font-size: 11px;
}
.medium.awesome {
font-size: 13px;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}
/* Colors ---------- */
.blue.awesome {
background-color: #2b2fca;
}
.red.awesome {
background-color: #e33100;
}
.magenta.awesome {
background-color: #a9014b;
}
.orange.awesome {
background-color: #ff5c00;
}
.yellow.awesome {
background-color: #ffb515;
}
#contact {width: 550px; margin: 0px auto 40px auto;}
#contact fieldset {border: 1px solid #dfdfdf; padding: 20px;}
#contact fieldset legend {font-size: 16px; font-weight: bold; color: #357eb6; padding: 5px;}
#contact fieldset label {display: block; padding-left: 200px; margin-bottom: 10px; position: relative; z-index: 1;}
#contact fieldset label strong {width: 190px; text-align: right; position: absolute; top: 4px; left: 0px; z-index: 1;}
#requestQuote {height: 24px; line-height: 24px; padding: 0px 10px; text-transform: uppercase; background: url(images/bg_requestquote.gif) top left repeat-x;}
#requestQuote a, #sidebar .requestQuote a:hover {display: block; height: 24px; color: #fff; text-decoration: none; background: url(images/bg_requestquote_a.gif) top right no-repeat;}
/***PRO REG***/
.regForm {padding: 15px 0px;}
.regForm label {display: block; margin-bottom: 7px; position: relative;}
.regForm span {position: absolute; left: 0px; top: 2px;}
.regForm input, .regForm textarea {border: 1px solid #bcbcbc; padding: 4px; margin-left: 140px; width: 200px;}
.regForm select {border: 1px solid #bcbcbc; margin-left: 140px; width: 202px;}
.regForm input.go {width: 100px;}
/***FOOTER***/
#footer {padding: 20px 0px 0px 0px; background: #357eb6 url(images/bg_footer.gif) center bottom no-repeat; color: #fff; font-family: "Myriad Pro"; font-size: 14px;}
#footer a {color: #fff; text-decoration: underline;}
#footer strong a {font-weight:normal; text-decoration:none;}
#footer strong a:hover {text-decoration:none;}
#footer a:hover {color: #fffff; text-decoration: none; }
#footer #copy {text-align: right; line-height: 25px; padding-top: 25px; padding-right: 20px; }
#footer .fLinks {width: 155px; line-height: 20px; padding-left: 55px; float: left;}
#endFooter {width: 1160px; height: 120px; margin: 0px auto; background: url(images/bg_end-footer.gif) top left no-repeat;}
/*********CLEANER | STUFF*********/
.cleaner {clear: both; height: 0px; margin-top: -1px; line-height: 0px; }
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}