body {
	background: #f9f9f9;
	font-size: 12px;
	font-family:'Open Sans',Tahoma,Arial,Sans-Serif;
	margin:0;
	padding:0;
	color:#60676e;
}

/**
 * ROW
 */
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { box-sizing: border-box; }
.row .row { margin: 0 -15px; }

/**
 * COL
 */
.col {
    float: left;
    position: relative;
    padding: 15px;
    width: 100%;
    min-height: 1px;
    box-sizing: border-box;
}
.col > .col {
    padding: 15px 0;
}

.col-xs-1 { width: 8.3333333333%; }
.col-xs-2 { width: 16.6666666667%; }
.col-xs-3 { width: 25%; }
.col-xs-4 { width: 33.3333333333%; }
.col-xs-5 { width: 41.6666666667%; }
.col-xs-6 { width: 50%; }
.col-xs-7 { width: 58.3333333333%; }
.col-xs-8 { width: 66.6666666667%; }
.col-xs-9 { width: 75%; }
.col-xs-10 { width: 83.3333333333%; }
.col-xs-11 { width: 91.6666666667%; }
.col-xs-12 { width: 100%; }

@media screen and (min-width: 768px) {
    .col-sm-1 { width: 8.3333333333%; }
    .col-sm-2 { width: 16.6666666667%; }
    .col-sm-3 { width: 25%; }
    .col-sm-4 { width: 33.3333333333%; }
    .col-sm-5 { width: 41.6666666667%; }
    .col-sm-6 { width: 50%; }
    .col-sm-7 { width: 58.3333333333%; }
    .col-sm-8 { width: 66.6666666667%; }
    .col-sm-9 { width: 75%; }
    .col-sm-10 { width: 83.3333333333%; }
    .col-sm-11 { width: 91.6666666667%; }
    .col-sm-12 { width: 100%; }

    .col-sm-1-fifth { width: 20%; }
    .col-sm-2-fifth { width: 40%; }
    .col-sm-3-fifth { width: 60%; }
    .col-sm-4-fifth { width: 80%; }
}

@media screen and (min-width: 992px) {
    .col-md-1 { width: 8.3333333333%; }
    .col-md-2 { width: 16.6666666667%; }
    .col-md-3 { width: 25%; }
    .col-md-4 { width: 33.3333333333%; }
    .col-md-5 { width: 41.6666666667%; }
    .col-md-6 { width: 50%; }
    .col-md-7 { width: 58.3333333333%; }
    .col-md-8 { width: 66.6666666667%; }
    .col-md-9 { width: 75%; }
    .col-md-10 { width: 83.3333333333%; }
    .col-md-11 { width: 91.6666666667%; }
    .col-md-12 { width: 100%; }

    .col-md-1-fifth { width: 20%; }
    .col-md-2-fifth { width: 40%; }
    .col-md-3-fifth { width: 60%; }
    .col-md-4-fifth { width: 80%; }
}

@media screen and (min-width: 1200px) {
    .col-lg-1 { width: 8.3333333333%; }
    .col-lg-2 { width: 16.6666666667%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.3333333333%; }
    .col-lg-5 { width: 41.6666666667%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.3333333333%; }
    .col-lg-8 { width: 66.6666666667%; }
    .col-lg-9 { width: 75%; }
    .col-lg-10 { width: 83.3333333333%; }
    .col-lg-11 { width: 91.6666666667%; }
    .col-lg-12 { width: 100%; }

    .col-lg-1-fifth { width: 20%; }
    .col-lg-2-fifth { width: 40%; }
    .col-lg-3-fifth { width: 60%; }
    .col-lg-4-fifth { width: 80%; }
}

/* design defaults */
.design-anchor-color{
    color: #004a99;
}
.design-anchor-hover:hover{
    color: #004a99;
}
.design-header-color{
    color: #015aaa;
}
.design-border-color{
    border-color: #015aaa;
}

.rounded { border-radius:4px; -mox-border-radius:4px; -webkit-border-radius:4px; }
.yes{ color: #00aa00; }
.no{ color: #f00; }

/* vvvvvvvvvvvvvvvvvvvvvvvv DEFAULTS vvvvvvvvvvvvvvvvvvvvvvvv */
h1 { font-size: 1.6em; margin: 10px 0; padding:0; color: #015aaa; text-transform:uppercase; }
h2 { font-size: 1.5em; margin: 10px 0; padding:0; color: #015aaa; text-transform:uppercase; }
h3 { font-size: 1.3em; margin: 10px 0; padding:0; color: #015aaa; }
h4 { font-size: 1.2em; margin: 10px 0; padding:0; color: #015aaa; }
h5 { font-size: 1.1em; margin: 10px 0; padding:0; color: #015aaa; }
h6 { font-size: 1.0em; margin: 10px 0; padding:0; color: #015aaa; }

div.pageHeader h1, div.pageHeader h2{
    margin-bottom: 0;
}

.page-section-content-vpad{
    padding-top: 15px;
    padding-bottom: 15px;
}

a { color:#004a99; text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }
a img { border: none; }
p { margin:0 0 10px 0; padding:0; }
img.ico { vertical-align:middle; }
hr { margin: 0; }
.cleaner { height: 0; margin: 0; padding: 0; border: 0 none; line-height: 0; font-size: 0; clear: both; visibility: hidden; }

/**
 * REPORTS
**/
.report { min-height:18px; _height:18px; text-align:left; margin:0 auto 5px auto; color:#000; font-size:1.2em; padding:5px 25px 5px 40px; position:relative; background:none; z-index:1; }
.report span.ico { display:block; width:29px; height:27px; margin:1px 3px 1px 1px; background:url(images/reports.gif) no-repeat top left; position:absolute; top:0; left:0; z-index:2; }
.report span.ico-OK    { background-position:0px 0px; }
.report span.ico-ERROR { background-position:-36px 0px; }
.report span.ico-INFO  { background-position:-72px 0px; }
.report span.ico-ALERT { background-position:-108px 0px; }
.report span.ico-HELP  { background-position:-144px 0px; }

#reports { background:#FFF; padding:10px 10px 5px 10px; text-align:left; position:absolute; z-index:10003; }
#reports img.close { position:absolute; top:15px; right:10px; z-index:1002; cursor:pointer; }

#overlay {
    position:absolute;
    top:0;
    left:0;
    background:#000;
    display:none;
    z-index:10002;
}

/* PAGER */
.pager { clear:both; padding:1.5em 0 1em 0; margin:1em 0 0 0; font-size: 1em; background:url(images/dots1.png) repeat-x top left; }
.pager a { color:#000; }
.pager .page { padding:0.1em 0.3em; border:1px solid #BFCAD8; -moz-border-radius:5px }
.pager .page-active { background:#BFCAD8; font-weight:bold; }
.pager-products { text-align:center; }
div.pager-table { border-radius: 5px; border: 1px #d2d2d2 solid; background: #f7f7f7 url(images/bg-pager.png) repeat-x center bottom; padding: 2px 10px; }
div.pager-table select{ background: #fff; border: 1px #d2d2d2 solid; border-radius: 5px; padding: 2px 5px; vertical-align: middle;}
/* Tabulky vseobecne */
table .c { text-align:center; }
table .r { text-align:right; }
table .l { text-align:left; }
/* Tabulkovy zoznam */
table.list { border-collapse:separate; margin:0; padding:0; font-size:1em; empty-cells:show; }
table.list th, table.list td { padding:3px 5px; }
table.list th { font-weight:bold; text-align:left; background:#004A91; color:#fff; vertical-align:top; }
table.list td { font-weight:normal; text-align:left; color:#000; }
table.list td.left{ text-align: left; }
table.list td.right{ text-align: right; }
table.list td.center{ text-align: center; }
table.list th a { color:#fff; text-decoration:underline; }
table.list th:first-child{ border-radius: 5px 0 0 5px; }
table.list th:last-child{ border-radius: 0 5px 5px 0; }
table.list tr:nth-child(odd) td{ background: #f4f4f4; }
table.list tr:nth-child(even) td{ background: #fff; }
table.list tr.row-red td { color: #f00; }
table.list-full { width:100%; }
table.zebra tr.odd td { background:#F4F4F4; }
table.zebra tr.even td { background:#EFEFEF; }
table.highlight tr td.highlight, table.highlight tr.highlight td.highlight { background:#FFFDD5; }
table.list tr.highlight td { background:#E4FFD7; }
/* TABULKA - informacie - horizontalna tabulka - 1 stlpec - <th>, druhy <td> */
table.info { border-collapse:separate; margin:0; padding:0; text-align:left; vertical-align:top; empty-cells:show; }
table.info th, table.info td { padding:3px 5px; }
table.info th { font-weight:bold; }
table.info td { font-weight:normal; }
table.info td.left{ text-align: left; }
table.info td.right{ text-align: right; }
table.info td.center{ text-align: center; }
table.info td.label { width:200px; }
table.info tr.separator td { background: url(images/separator-hor.png) repeat-x center center; line-height: 10px; font-size: 10px; height: 10px; }
table.info th a { color:#fff; text-decoration:underline; }
table.info-full { width:100%; }

table.info-simple th, table.info td { font-weight: normal; }
table.info-simple th strong { color: #000; }


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

/* vvvvvvvvvvvvvvvvvvvvvvvv CMS DEFAULTS vvvvvvvvvvvvvvvvvvvvvvvv */

/**
 * DOCUMENT DOWNLOAD
**/
div.documentDownload { clear:both; padding:5px 0; }
div.documentDownload .files { padding:5px 10px 0 15px; }
div.documentDownloadItem { width:33%; float:left; padding:0; margin:0 0 5px 0; position:relative; line-height:1.2em;  }
div.documentDownloadItem a {  color:#333; font-size:1em; text-decoration:none; }
div.documentDownloadItem a:hover { color:#000; text-decoration:underline; }
div.documentDownloadItem .mimeicon { position:absolute; top:3px; left:0; border:none; }
div.documentDownloadItem .desc { padding:0 15px 0 30px; }
div.documentDownloadItem .desc span { font-size:0.85em; font-style:italic; }

.photogallery { margin:10px 0; }
.photogallery .lightbox { padding-left:15px; }
.photogallery .lightbox a { display:block; width:170px; height:130px; margin:0 10px 10px 0; float:left; }
.photogallery .lightbox a img { display:block; width:100%; }

dl.list-item { margin:0; padding: 0 0 1em 0; clear:both; }
dl.list-item dd, dl.list-item dt { margin:0; padding:0; }
dl.list-item dt { font-size: 1.2em; padding-bottom:0.3em; }
dl.list-item dd.image { margin: 0 10px 10px 0; padding: 3px; border: 1px #BFCAD8 solid; float: left; }
dl.list-item dd.image a { display: block; width:160px; height:110px; overflow: hidden; }
dl.list-item dd.image img { display: block; }
dl.list-item dd.anotation p { margin: 0; padding:0 0 0.5em 0; }
dl.list-item dd.more { margin: 0; padding:0 0 0.5em 0; }
dl.list-item a.more { font-weight:bold; }

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.input {
    min-height:27px;
    -height:27px;
    background:url(images/input-bg.png) no-repeat top left;
    padding-left:5px;
    padding-right:5px;
    vertical-align:middle;
    border:0;
}
.select {
    min-height:27px;
    -height:27px;
    background:url(images/input-bg.png) no-repeat top left;
    padding:3px 5px;
    vertical-align:middle;
    border:0;
}
button.button-search { border:0; background:url(images/search-btn.png) no-repeat 50% 50%; width:43px; min-height:27px; cursor:pointer; vertical-align: middle; }
button.button-search span { display:none; }

/* vvvvvvvvvvvvvvvvvvvvvvvv FORMS vvvvvvvvvvvvvvvvvvvvvvvv */
form { margin:0; padding:0; }
label { vertical-align: middle; }
input, select, textarea { padding: 0; margin: 0; font-family:'Open Sans',Arial,Sans-Serif; font-size:1em; vertical-align: middle; }
input.text { width:250px; }
input.text-medium { width:200px; }
input.text-small { width:150px; }
input.text-tiny { width:90px; }
input.text-mini { width:50px; }
input.text-date { width:6em; }
input.submit { font-size:1.0em; font-weight:bold; border: none; cursor: pointer; background: #015aa5; color: #fff; padding: 0 5px; border-radius: 4px; -height: 27px; min-height: 27px; }

.buttons { margin-top:1em; }
.buttons .otherside { float:right; }
.buttons-right { text-align:right; }
.buttons-center { text-align:center; }
.buttons-right .otherside { float:left; }

table.form {
    margin:0;
    font-size:1em;
    border-collapse:collapse;
}
table.form-full {
    width:100%;
}
table.form th, table.form td {
    padding:2px 5px;
    vertical-align:top;
}
table.form th {
    font-weight:bold;
    text-align:left;
    background:#D2E8F5;
    color:#000;
    vertical-align:top;
    padding:2px 5px;
}
table.form td {
    font-weight:normal;
    color:#000;
    text-align:left;
    border-bottom:1px solid #D2E8F5;
}
table.form td.label {
    font-weight:bold;
    padding-top:0.5em;
    width:140px;
}
table.form td.label-core {
    color:#F00;
}
table.form td.th {
    font-weight:normal;
    text-align:right;
    padding-top:0.4em;
    width:140px;
    border-bottom:1px dotted #CCC;
    border-right:1px dotted #CCC;
}
table.form input, table.form textarea, table.form select {
    vertical-align:middle;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

span.button2 {
    background:url(images/button2-cap.png) no-repeat 100% 50%;
    display:inline-block;
    padding-right:29px;
    white-space:nowrap;
    font-size:1.0em;
    text-transform:uppercase;
}
span.button2 .cap, span.button2 a.cap {
    background:url(images/button2.png) no-repeat 0% 50%;
    display:inline-block;
    padding:7px 10px 12px 10px;
    color:#004A91;
    font-weight:normal;
    text-decoration:none;
}
span.button3 {
    background: url("images/button-email-right.png") no-repeat scroll right center transparent;
    border: 0 none;
    color: #005A96;
    cursor: pointer;
    display: inline-block;
    padding: 0 7px 0 0;
    text-align: center;
    white-space: nowrap;
}
span.button3 .cap {
    background: url("images/button3-left.png") no-repeat scroll left center transparent;
    color: #333;
    font-size: 0.9em;
    display: inline-block;
    padding: 8px 15px 8px 20px;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
}
span.button-blue {
    background: url("images/button-blue-right.png") no-repeat scroll right center transparent;
    border: 0 none;
    color: #005A96;
    cursor: pointer;
    display: inline-block;
    padding: 0 7px 0 0;
    text-align: center;
    white-space: nowrap;
}
span.button-blue .cap {
    background: url("images/button-blue-left.png") no-repeat scroll left center transparent;
    color: #FFFFFF;
    display: inline-block;
    padding: 7px 15px 7px 20px;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
}

#body { background:#FFF; padding:0 0 5px 0; border-bottom: 1px solid #e2e2e2; }
#toppanel {
    width:950px;
    margin:0 auto;
    padding:0;
    position:relative;
}
#logo {
    width:250px;
    height:80px;
    line-height: 80px;
    margin:0;
    padding:0;
    overflow:hidden;
    float:left;
}
#logo a {
    display:block;
    height:100%;
}
#logo a img{
    display: inline-block;
    vertical-align: middle;
}

#topsearch { float: right; margin: 10px 0; }

#langswitch { margin:0 5px 0 0; padding-right:20px; background:url(images/arrow-down.png) no-repeat right center; color:#015aa8; text-align:right; }

#topsearchForm input { width:176px; }
#topsearchForm input.hint { color:#8E9292; }

#topmenu { clear:both; border-bottom-style: solid; border-bottom-width:3px; border-top:1px #e2e2e2 solid; padding-top:5px; font-size:0.9em; }
#topmenu ul { margin:0; padding:0 0 0 10px; list-style:none; float:left; }
#topmenu ul li { display:block; float:left; text-transform:uppercase; white-space: nowrap; position:relative; z-index:50; }
#topmenu ul li span { display:inline-block; }
#topmenu ul li span a { display:inline-block; color:#87888d; padding:10px 25px; }

#topmenu ul li.tabshow { background:url(images/tab-left.png) no-repeat top left; }
#topmenu ul li.tabshow span.tabshow { background:url(images/tab-right.png) no-repeat top right; }
#topmenu ul li.tabshow span.tabshow a { font-weight:normal; color:#fff; }
#topmenu ul li.tabshow span.tabshow a:hover { color:#fff; text-decoration:none; }

#topmenu ul li.menuitemActive { background:url(images/tab-left.png) no-repeat top left; }
#topmenu ul li.menuitemActive span { background:url(images/tab-right.png) no-repeat top right; }
#topmenu ul li.menuitemActive span a { font-weight:bold; color:#fff; }
#topmenu ul li.menuitemActive span a:hover { color:#fff; text-decoration:none; }

#topmenu ul li.menuitemActive span.tabshow a { font-weight:bold; }

#footer { width:920px; margin:0 auto; padding:20px 0; color:#60676e; font-size:0.9em; }
#footer p { margin:0; }
#footer a { color:#60676e; text-decoration:underline; }
#copyright{ padding-bottom: 5px; }
#copyright .copyright-left{ width: 400px; float: left; text-align: left; }
#copyright .copyright-right{ width: 400px; float: right; text-align: right; }
#bart { font-size:0.9em; }
#bart a { color:#60676e; text-decoration:none; }
/*
#infomenu { background:url(images/infomenu-bg.png) repeat-x top left #fff; border-bottom:1px solid #e2e2e2; min-height:1px; _height:1px; font-size: 0.9em; }
#infomenu .container { width:960px; margin:0 auto; padding:20px 0 20px 0; }
#infomenu .container-bg { background:url(images/section-lines.png) repeat-y top left; min-height:1px; _height:1px; }
#infomenu .section { width:178px; float:left; }
#infomenu .section-container { padding:3px 20px; }
#infomenu .section-htmlblock { background:none; width:245px; float:right; }
#infomenu .section .title { color:#015aa8; margin-bottom:10px; text-transform:uppercase; }
#infomenu .section ul.menu { margin:0; padding:0; list-style:none; }
#infomenu .section ul.menu a { color:#60676e; }
*/

/* Standardna page */
#page { width:990px; margin:0 auto; padding-bottom:15px; position:relative; }

/* Hlavny content stranky */
#pageContent img.custombanner { margin:0 auto; display:block; }

#kontextMenu { float:right; text-align:right; padding:15px 0 0 0; color:#87888d; font-size:0.8em; }
#kontextMenu a { color:#87888d; }
#kontextMenu a:hover { color:#000; }

#custombanner { width:950px; height:auto; }
#custombanner img { display:block; }

#pageContent .pageHeader { padding:0 35px 10px 35px; }
#pageContent .pageContent { padding:0 35px; text-align: left; }

/* wide and slim column layout */
#pageContent .content-widecol-slimcol{
    background:url(images/dotline.png) repeat-y 690px 0;
}
#pageContent .content-widecol-slimcol .content-col1 {
    width:665px;
    height:auto;
    float:left;
}
#pageContent .content-widecol-slimcol .content-col2 {
    width:205px;
    height:auto;
    float:right;
}
/* slim and wide column layout */
#pageContent .content-slimcol-widecol{
    background:url(images/dotline.png) repeat-y 220px 0;
}
#pageContent .content-slimcol-widecol .content-col1 {
    width:210px;
    height:auto;
    float:left;
}
#pageContent .content-slimcol-widecol .content-col2 {
    width:690px;
    height:auto;
    float:right;
}
/* 50% column layout */
#pageContent .content-col-col{
    background:url(images/dotline.png) repeat-y 460px 0;
}
#pageContent .content-col-col .content-col1 {
    width:445px;
    height:auto;
    float:left;
}
#pageContent .content-col-col .content-col2 {
    width:445px;
    height:auto;
    float:right;
}

#pageContent ul.side-menu{
    margin: 0;
    padding: 0;
    list-style: none;
}
#pageContent ul.side-menu li{
    padding: 2px 0;
}
#pageContent ul.side-menu li.side-menu-active a{
    text-decoration: underline;
}
#pageContent ul.side-menu li a{
    display: block;
    padding-left: 10px;
    background: url(images/arrow-left.png) no-repeat left 5px;
    text-decoration: none;
}
#pageContent ul.side-menu li.side-menu-active ul.side-submenu li a{
    text-decoration: none;
}
#pageContent ul.side-menu li ul.side-submenu{
    margin: 5px 0 5px 10px;
    padding: 0;
    list-style: none;
}
#pageContent ul.side-menu li ul.side-submenu li{
    padding: 2px 0;
}
#pageContent ul.side-menu li ul.side-submenu li.side-submenu-active a{
    text-decoration: underline;
}
#pageContent ul.side-menu li ul.side-submenu li a{
    display: block;
    padding-left: 10px;
    background: url(images/arrow-left.png) no-repeat left 5px;
    text-decoration: none;
}
#pageContent ul.side-menu li ul.side-submenu li.side-submenu-active ul.side-submenu li a{
    text-decoration: none;
}

.header { background:url(images/header-bg.png) repeat-x bottom left; border:1px solid #d2d8dc; padding:5px 15px; color:#044e8e; font-weight:bold; text-transform:uppercase; }

.tabs-container { margin:0 20px 10px 20px; border-bottom:3px solid #044e8e; }
.tabs-container ul { margin:0; padding:5px 0 0 10px; list-style:none; }
.tabs-container ul li { float:left; background:url(images/tab.png) no-repeat 100% 0%; padding-right:10px; margin-right:2px; }
.tabs-container ul li a { display:block; background:url(images/tab.png) no-repeat 0% 0%; padding:10px 5px 9px 15px; color:#044e8e; }
.tabs-container ul li.active { background:url(images/tab-active.png) no-repeat 100% 0% #044e8e; }
.tabs-container ul li.active a { background:url(images/tab-active.png) no-repeat 0% 0%; color:#fff; padding:10px 10px 9px 20px; font-weight:bold; }

/* Popup okna */
#topmenu .popupMenu {
    display:none;
}
.popupMenu {
    position:absolute;
    z-index:70;/* Important - popup tab is plus one */
    top:0;
    left:-20px;
    background:url(images/popup-content.png) no-repeat center bottom;
    -background:url(images/popup-content-8b.png) no-repeat center bottom;
    width:990px;
}
.popupMenu .popupMenuContainer {
    padding:15px;
    margin:0 10px;
    border-top-style:solid;
    border-top-width:3px;
}
.productList .category-CASHSOL{
    width: 650px;
    float: left;
}
.productList .category-ITSOL{
    width: 270px;
    float: right;
}
.productList .category-SOL-CASH{
    width: 650px;
    float: left;
}
.productList .category-SOL-IT{
    width: 270px;
    float: right;
}
.productList .category .category-header{
    padding-bottom: 10px;
    color: #696969;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
.productList .category .category-col-header{
    padding-bottom: 10px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
}
.productList .category-CASHSOL .category-col{
    width: 210px;
    margin-right: 10px;
    float: left;
}
.productList .category-CASHSOL .category-col-0{
    margin-right: 0;
}
.productList .category-ITSOL .category-col{
    width: 100%;
}
.productList .category ul{
    margin: 0;
    padding: 0 0 10px 0;
    list-style: none;
}
.productList .category ul li a{
    display: inline-block;
    padding: 2px 0;
}
.productList .category-SOL-CASH ul li{
    width: 200px;
    padding-right: 10px;
    float: left;
}

table.default {
    border-collapse:collapse;
    border-spacing:0;
    border:0;
}
table.default td {
    border-top:1px solid #EAEDED;
    border-bottom:1px solid #EAEDED;
    border-left:1px solid #EAEDED;
    padding:3px 7px;
}
table.default tr td:first-child {
    border-left:0;
}

div.list-item-product {
    width:220px;
    border: 1px solid #c6c6c6;
    margin: 0 10px 10px 0;
    float:left;
    position:relative;
}
div.list-item-product-0 {
    margin: 0 0 10px 0;
}
div.list-item-product .image { margin:0 auto 5px auto; width:180px; height:180px; text-align:center; }
div.list-item-product .image a { display: block; }
div.list-item-product .pick { padding: 5px; }
div.list-item-product .title { padding:5px; margin: 0 5px 5px 5px; font-size:1.0em; text-align:center; background: #eee; }
div.list-item-product .title a { display: block; }
div.list-item-product .priceinfoContainer { text-align:center; margin-bottom:0; }
div.list-item-product .priceinfo { font-size:1em; }
div.list-item-product .priceinfo .amount { font-size:1.1em; color:#D60039; font-weight:bold; }
div.list-item-product .priceinfo-old .amount { text-decoration:line-through; }

div.list-solution-product {
    float: left;
    width: 300px;
    border-right: 1px solid #e6e6e6;
    padding: 0 0 20px;
}
div.list-solution-product-3 {
    border-right: none;
}
div.list-solution-product .image {
    text-align: center;
}

div.list-solution-product .title {
    text-align: center;
    color: #044e8e;
    font-size: 1.1em;
}

div.list-solution-product .link {
    text-align: center;
}

div.list-solution-product .anotation {
    width: 90%;
    margin: 5px auto 0 auto;
}

button.styled {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    overflow: visible;
    padding: 0;
}

#gmap-business{
    display: none;
    height: 350px;
    margin: 20px 0;
    border: 3px #004a91 solid;
}
#gmap-business .gmap-area{
    width: 100%;
    height: 100%;
}

#gmap-suplier{
    height: 400px;
}
#gmap-suplier .gmap-area{
    width: 100%;
    height: 100%;
}

/* b2b special offer */
.content-row-list{
    padding: 5px 0;
}
.content-row-list .content-row-item{
    padding: 10px 0;
    margin-bottom: 5px;
    border-bottom: 1px #000 dotted;
}
.content-row-list .content-row-image{
    width: 230px;
    height: 160px;
    line-height: 160px;
    overflow: none;
    float: left;
    text-align: center;
}
.content-row-list .content-row-image img{
    display: inline-block;
    margin: 0 auto;
    width: 100%;
}
.content-row-list .content-row-content{
    margin-left: 250px;
}
.content-row-list .content-row-content-wrapper{
    width: 100%;
    float: left;
}
.content-row-list .content-row-header{
    font-size: 1.1em;
    font-weight: bold;
}
.content-row-list .content-row-text{
    padding: 10px 0;
}

/* dialog */
.dialog{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
}

#homeBanners {
    height:360px;
    width:950px;
    margin:0 auto;
    position:relative;
    /* border-bottom: 1px #e2e2e2 solid; */
}
#homeBannersProgressbar {
    width:950px;
    height:14px;
    position:absolute;
    top:340px;
    left:20px;
    text-align:center;
}
#homeBannersProgressbar a {
    display:inline-block;
    width:11px;
    height:11px;
    background:url(images/bullets.png) no-repeat -15px 0;
    margin:0 2px;
}
#homeBannersProgressbar a span { display:none; }
#homeBannersProgressbar a.item-active { background-position:0 0; }
#homeBanners div.bannerItem {
    height:330px;
    width:950px;
    overflow:hidden;
    background-position:0 0;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
}
#homeBanners div.bannerItem a{
    display: block;
    height: 100%;
}
#homeBanners div.bannerItem a span{
    display: none;
}