/* BACKGROUNDS */

body {        background: #000; }

#wrap-all {      background: #fff }

.wrap-header {    background: url(../images/default/header_bg.png) 0px bottom #fff repeat-x; border-bottom:4px solid #08d3f8;  }

.wrap-content {  background: #fff;  }

.wrap-bottom {    background: url(../images/default/footer_bg.jpg) center #0b7bb5 repeat-x; border-top:10px solid #08d3f8;  }

.wrap-footer {    background: #000; border-top:1px solid #08d3f8;  }



#header {       background-color: transparent; }

#content {       background-color: transparent; }

#bottom {       background-color: transparent; min-height:160px; }

#footer {       background-color: transparent; min-height:0px; }





/* LAYOUT */

#logo {

  position:static;

  margin-top:3px;

  margin-left:20px;

  }



#header {

  height:auto;

  padding:0px;

  }



div.content { padding:10px 20px 30px 20px; }

div.bottom { padding:25px 20px 10px 35px; }

div.footer { padding:5px 5px;  }





#search-mod {

  position:absolute;

  top:30px;

  right:10px;

  }



#lang-mod {

  position:absolute;

  top:10px;

  right:10px;

  }



#siteseq-logo {

  position:absolute;

  right:10px;

  }



#top-module {

  margin-top:10px; position:relative;

  padding-left:2.21%;

  padding-right:2.21%;

  }





/* MENU */

#header #menu {

  width:100%;

  margin-top:10px;

  left:0px;

  position:relative;

  }

#header #menu li a,

#header #menu li span {

  /*color: white;*/

  font: 17px "Roboto Condensed", Arial;

  text-transform:uppercase;

  text-decoration:none;

  text-shadow:0px 1px 1px #14426C;

  }

#header #menu li a:hover {

  color: #08d3f8;

  }



#footer { margin-bottom:10px; }

#footer p, #footer p a { margin-top:8px; margin-left:5px; color:white; font-size:11px; }



div.bottom, div.bottom a { color:white; }

div.bottom a.modalizer { color: #08d3f8; }











div.bottom h2 {

  background-color: #000;

  color:white;

  padding:5px 15px;

  font-size:14px;

  margin-left:-15px;

  }



/* TEXT AND LINK STYLES */

body {  

  color: #444;

  font: 12px "Open Sans", Arial;

  }



a {

  color: #0B5877;

  text-decoration:none;

  }

a:hover {

  color: #08d3f8;

  text-decoration:none;

  }



h1 {

  font: 23px "Open Sans", Arial;

  font-weight:bold;

  color: #000;

  }



h2 {

  font: 16px "Open Sans", Arial;

  font-weight:bold;

  color: #3d5563;

  }

h1+h2 {

  margin-top:-18px;

  font-weight:bold;

  font-size:13px;

  color:#08d3f8;

  }



h3 {

  font: 20px "Open Sans", Arial;

  color: #000;

  font-weight:bold;

  }



h4 {

  font: 12px  "Open Sans", Arial;

  font-weight:bold;

  }



ul {

  list-style: square outside none;

  padding-left:20px;

  }



li a {

  

  }



div.top-border {

  border-top:1px solid #ddd;

  margin-top:10px;

  padding-top:5px;

  }



/* HTML BUTTON */

a.btn {  }

a.btn:hover {  }



li.edit-icon { display:none; }



/* BREADCRUMBS */

div.breadcrumbs {

  padding:5px 0px;

  }

div.breadcrumbs a {

  font-weight:bold;

  }

div.breadcrumbs a:hover {

  text-decoration:none;

  }





/* NEWSFLASH */

li.newsflash-2cols-separator { width:100%; clear:both; list-style:none; background:none; }

div.newsflash-with-2cols li.newsflash-item {

  float:left;

  width:45%;

  margin-right:5%;

  }

div.newsflash-with-2cols li.newsflash-2cols-separator {

  border-bottom:1px solid #aaa;

  }





/* CATEGORY BLOG LAYOUT GRID LINES */

div.blog.show-borders div.item,

div.blog.show-borders span.row-separator,

div.blog.show-borders div.category-desc {

  border-color:#ddd !important;

  border-style:solid !important;

  }

div.category-desc { margin-bottom:5px; }





div.category-module li h4 {

  margin:3px 0px;

  }

div.category-module li h4 a.active {

  font-weight:bold;

  }

div.category-desc {  

  padding-bottom:0px;

  border-bottom:1px solid #ddd;

  }

ul.products-children-categories {

  border-bottom:1px solid #ddd;

  padding-bottom:6px;

  }

ul.products-children-categories li {

  margin-bottom:6px;

  }

ul.products-children-categories li a {

  font-weight:bold;

  }

div.blog span.row-separator { padding:0;margin:0; }

div.items-more ul li {

  margin-bottom:8px;

  }



div.pagination ul {

  border-top:1px solid #ddd;

  padding-top:4px;

  list-style:none;

  }

div.pagination ul li { display:inline;  margin:0px 5px; }

div.pagination ul li a,

div.pagination ul li span {

  font-size:11px;

  

  }

div.pagination ul li.pagination-start { margin-right: 5px; }

div.pagination ul li.pagination-prev { margin-right: 5px; }

div.pagination ul li.pagination-next { margin-left: 5px; }

div.pagination ul li.pagination-end { margin-left: 5px; }







/* FORMS */

input[type=text], input[type=password],textarea, button, select {

  border:1px solid #D2CECE;

  padding:3px 5px;

  border-radius:4px;

  -moz-border-radius:4px;

  -webkit-border-radius:4px;

  -o-border-radius:4px;

  font: 13px Arial;

  }

button, input[type=submit] {

  padding:5px 15px;

  background-color:#000;

  color: #fff;

  font-weight:bold;

  border:none;

  border-radius:5px;

  -moz-border-radius:5px;

  -webkit-border-radius:5px;

  -o-border-radius:5px;

  cursor:pointer;

  }

button:hover, input[type=submit]:hover {

  background-color: #333;

  }

div.search input[type=image] {

  vertical-align:bottom;

  margin-bottom:1px;

  margin-left:5px;

  }



fieldset {

  border:1px solid #EDE7E7;

  border-radius:10px;

  -moz-border-radius:10px;

  -webkit-border-radius:10px;

  -o-border-radius:10px;

  padding:15px;

  margin-bottom:10px;

  background:url(../images/default/form_bg.jpg) repeat-x;

  }

legend {

  padding:4px 10px;

  font-weight:bold;

  font-size:16px;

  }

div.box1 input[type=text] { color: #aaa; font-style:italic }

form.bfQuickMode input.input-active { color: #000; font-style:normal; }

div.box1 button { margin-right:12px; }



/* TABLE STYLES */

table { width:100%; }

td, th { text-align:left; vertical-align:top; }



table.grid { border-collapse:collapse; }

table.grid td {

  padding: 3px 10px;

  border:1px solid #ddd;

  }

table.grid th {

  padding: 3px 10px;

  border:1px solid #ddd;

  }



table.lines {

  border-collapse:collapse;

  border-top:1px solid #ddd;

  }

table.lines td {

  padding: 3px 10px;

  border-bottom:1px solid #ddd;

  }

table.lines th {

  padding: 3px 10px;

  border-bottom:1px solid #ddd;

  }



table.lines-ver {

  margin-top:15px;

  border-collapse:collapse;

  border:1px solid #fff;

  }

table.lines-ver td {

  padding: 3px 15px;

  border-right:1px dotted #000;

  }

table.lines-ver th {

  padding: 3px 10px;

  border-right:1px dotted #000;

  }





table.colorbars {

  border-collapse:separate;

  border-spacing:0px 3px;

  }

table.colorbars td {

  padding: 3px 10px;

  background-color: #eee;

  }

table.colorbars th {

  padding: 5px 10px;

  background-color: #eee;

  }



/* PRODUCT CATALOG */

div.category-module.products {

  margin-bottom:15px;

  }

div.category-module.products ul {

  width:100%;

  margin:0px;

  padding:0px;

  list-style:none;  

  }

div.category-module.products ul.level-2 {

  border-top:1px dotted #000;

  padding-top:3px;

  padding-bottom:3px;

  }

div.category-module.products ul.level-1 > li {

  border-bottom:1px dotted #000;

  }

div.category-module.products ul.level-1 li.category {

  }

  

div.category-module.products ul.level-1 { border:none; }

div.category-module.products ul li {

  line-height:26px;

  padding-left:0px;

  margin:0px;

  background: #fff;

  }

div.category-module.products ul li a {

  padding-left:0px;

  line-height:26px;

  font-weight:bold;

  }

div.category-module.products ul.level-2 li a { padding-left:20px; }

div.category-module.products ul.level-3 li a { padding-left:30px;  }

  

div.category-module.products li.active li {

  }

div.category-module.products ul li.article {

  background:none;

  background-color: #fff;

  line-height:20px;

  }



div.category-module.products ul li.category {

  }

div.category-module.products ul li.article a {

  color:#000;

  font-weight:bold;

  line-height:120%;

  

  }

div.category-module.products ul li.article {

  padding-top:4px;

  padding-bottom:4px;

  }



div.category-module.products ul li.article.active a,

div.category-module.products ul li.article:hover a {

  color: #01a8e7;

  

  }

div.category-module.products ul li.article.active a { font-weight:bold; }



table.blog-product-data { border-collapse:collapse; }

table.blog-product-data td,

table.blog-product-data th {

  border:1px solid #ddd;

  padding:3px 5px;

  }

a.blog-readmore {

  background-color:#000;

  color: white;

  font-weight:bold;

  border-radius:5px;

  -moz-border-radius:5px;

  -o-border-radius:5px;

  -webkit-border-radius:5px;

  padding:6px 15px;

  }

a.blog-readmore:hover { background-color:#333; }

table.no-image a.blog-readmore { float:right; }

table.blog-product td.readmore { vertical-align:middle; padding-left:10px; text-align:right; }

table.blog-product td { padding-top:6px; }



/* NEWS */

div.module-newsflash li {

  margin-bottom:8px;

  }

div.module-newsflash h4 {

  font-weight:normal;

  margin:0px;

  }

div.module-newsflash h4 a {

  color: #444;

  }

div.module-newsflash h4 a:hover {

  color: #0B5877;

  }  

div.module-newsflash h4 span.date, span.cat-children-date {

  font-weight:bold;

  color: #0B5877;

  }

div.module-newsflash h4 a.news-read-all {  

  font-weight:bold;

  color: #0B5877;

  }



/* LOGIN */

div.login-fields {

  margin-bottom:3px;

  }



div.login-fields label {

  width:130px;

  display:block;

  float:left;

  }

div.login button {

  margin-left:130px;

  }

  



  

div.banner * { margin:0px; }



a.arrow {

  background:url(../images/default/arrow.png) no-repeat;

  height:26px;

  padding-left:35px;

  line-height:26px;

  display:block;

  font-weight:bold;

  }

#search-mod div.search #mod-search-searchword {

  background:url(../images/default/input_bg.png) repeat-x #fff;

  border:1px solid #116F93;

  width:250px;

  height:28px;

  color: #116F93;

  }

div.breadcrumbs-wrapper { position:relative; }

div.slogan, div.slogan * { margin:0px; }

div.slogan {

  padding:10px 2.5%;

  width: 90.5%;

  background:url(../images/default/shade.png);

  position:absolute;

  bottom:0px;

  }

div.slogan h1 {

  font:18px "Roboto Condensed";

  color: white;

  text-align:center;

  

  }

div.slogan h1 span.em1 { color: #08d3f8; }

div.slogan h1 span.em2 { color: #fea933; }



div.box1 {

  position:relative;

  top:-7px;

  padding:10px;

  background-color: #f7f7f7;

  box-shadow:0px 3px 3px 0px #DEDEDE;

  }

div.box1 h1 {

  margin-top:0px;

  }

table.lines-ver td td { border:none; padding:0px; padding-bottom:10px; }

table td.box1 {

  background-color: #08d3f8;

  }

table td.box1 h1 {

  color: white;

  text-shadow:0px 1px 1px #000;

  }

table td.box1 a:hover {

  color: #0B5877;

  }

table td.box1 a:hover {

  color: white;

  }

table td.box1 a.arrow {

  background-image: url(../images/default/arrow2.png);

  }

a.modalizer {

  font-size:9px;

  }

div.item-page { margin-bottom:30px; }





div.item.column-1 { width:100% !important; }



#header-mod:before,

#header-mod:after { content:""; display:table; }

#header-mod:after { clear:both;}

#header-mod { zoom:1; /* For IE 6/7 */ }



/* Responsive */

img {

  height:auto;

  max-width:100%;

  }

.w800 { width:100%; max-width:800px; }

.w900 { width:100%; max-width:900px; }

.w950 { width:100%; max-width:950px; }

.w820 { width:100%; max-width:820px; }

.w920 { width:100%; max-width:920px; }

.w970 { width:100%; max-width:970px; }

.w1020 { width:100%; max-width:1000px; }



#lbNumber { display:none; }



@media screen and (max-width: 850px) {



  #logo-wrap {

    width:100%;

    text-align:center;

    }

  #logo { margin-left:0px; }



  #header #menu {

    width:100% !important;

    position:static;

    left:0px;

    margin-top:0px !important;

    border-left:0px !important;  

    border-right:0px !important;

    float:left;

    background:none !important;

    }

  

  #header #menu li {

    width:100%;

    margin:0px !important;

    padding:0px !important;

    border-left:0px !important;  

    border-right:0px !important;

    float:left;

    background: url("../images/default/header_bg.png") 0px -3px repeat-x;

    }



  #header #menu li a,

  #header #menu li span {

    line-height:30px;

    text-align:center;

    margin:0px !important;

    padding:0px !important;    

    line-height:28px;

    border-left:0px !important;  

    border-right:0px !important;

    }

  #header #menu li, #header #menu li.selected {

    border-top:1px solid #ddd;

    }



  #header #menu > li.selected,

  #header #menu > li:hover {

    

    background: url("../images/default/header_bg.png") 0px -10px repeat-x !important;

  }



}



@media screen and (max-width: 800px) {



  #content div.col { width:100% !important; float:left !important; }

  #bottom div.col { width:100% !important; float:left !important; }

  #footer div.col { width:100% !important; float:left !important; }

  

  div.item-page { margin-bottom:0px; }

  div.bottom { padding:0px 40px 15px 40px; }

  

  #ftr-col-2 div.custom p img { float:left !important; }

  #btm-col-1 div.custom > p { display:none; }

  

  #cnt-col-1 div.content { padding-bottom:0px; }

  

  table {

    border:none;

    }

  table tr td {

    width:95% !important;

    display:block;

    border:none !important;

    padding:3px 2.5% !important;

    }

  table tr {

    display:block;

    padding:10px 0px 10px 0px !important;

    }

    

  table tr+tr {

    display:none;

    }

  table tr td h1 { margin-top:0px; }





  #btm-col-1 table td {

    width:100% !important;

    padding:0px !important;

    }

  

  #boxplus .boxplus-dialog {

    padding:0px !important;

    }

  

  #lbCenter, #lbBottomContainer {

    width: 95% !important;

    }

  #lbCenter {

    }

  #lbCenter #lbImage {

    width:95% !important;

    background-size: contain !important;

    position:static;

    }

  #lbCenter #lbImage div {

    width:100% !important;

    height:0px !important;

    padding-bottom:80%;

    }

  #lbNextLink, #lbPrevLink {

    display:block;

    height:0px !important;

    padding-bottom:80%;

    }

  #lbPrevLink { background: url("../images/default/btnleft.png") no-repeat scroll 0 45% rgba(0, 0, 0, 0) !important;  }

  #lbNextLink { background: url("../images/default/btnright.png") no-repeat scroll 100% 45% rgba(0, 0, 0, 0) !important; }

}



@media screen and (max-width: 640px) {





  div.slogan {

    position:static;

    width:95%;

    background-color: #000;

    }

  div.slogan h1 { font-size: 15px; }





  form.bfQuickMode span.bfElementGroup,

  form.bfQuickMode span.bfElementGroupNoWrap  {

    width: 100% !important; margin-top:10px;

    }

  form.bfQuickMode .bfElemWrap input,

  form.bfQuickMode .bfElemWrap label,

  form.bfQuickMode .bfElemWrap textarea

  {

    width:85% !important;

    float:left !important;

    text-align:left !important;

    display:block !important;

    clear:none !important;

    margin-right:5px !important;

    }

  form.bfQuickMode .bfElemWrap input[type=checkbox],

  form.bfQuickMode .bfElemWrap input[type=radio] {

    width:auto !important;

    float:left !important;

    clear:left !important;

  }





  div.ui-tooltip { left: 10px !important; } { left: 10px !important; }

  button { margin-right:0px; float:left !important;}

  

  iframe, div.googlemap { width:100% !important; max-width:100% !important; }

  div.googlemap { margin-top:10px; margin-bottom: 10px; }

  

}



@media screen and (max-width: 400px) {



  h1 { font-size:22px;}

  h2 { font-size:18px; }



  #lbPrevLink { background: url("../images/default/btnleftsmall.png") no-repeat scroll 0 45% rgba(0, 0, 0, 0) !important;  }

  #lbNextLink { background: url("../images/default/btnrightsmall.png") no-repeat scroll 100% 45% rgba(0, 0, 0, 0) !important; }

}