/* CSS Includen voor Grid system */
@import url("reset.css");
@import url("text.css");
@import url("961.css");
/* Template css */
body { background-image: url(../images/background.jpg); background-repeat:repeat-x; background-color:#1d5584;}
/*
div.grid_16#topmenu { background-image:url(../images/961_Jy-CoolingTopmenu.jpg); background-repeat:no-repeat; height:54px; width:960px; background-color:#fff;}
div.grid_16#header { background-image:url(../images/961_Jy-CoolingHeader.jpg); background-repeat:no-repeat; width:960px; height:328px;}
div.grid_5#leftcon { background-image:url(../images/961_Jy-CoolingLeft.jpg); background-repeat:no-repeat; width:301px; height:600px;}
div.grid_11#content { background-image:url(../images/961_Jy-CoolingContent.jpg); background-repeat:no-repeat; height:auto; width:659px;}
div.grid_16#footer { background-color:#003366; width:960px; height:38px; text-align:right; color:#cbcbcb; text-transform:uppercase; font-size:10px;}
*/
div.grid_16#topmenu { background-image: url(../images/961_jy-CoolingTopmenu.jpg); height:40px; width:960px; }
div.grid_16#header { background-image:url(../images/961_jy-CoolingHeader.jpg); height:195px; width:960px;}
div.grid_4#left { background-image:url(../images/961_jy-CoolingLeft.jpg); height:500px; background-repeat:no-repeat; float:left; width:239px;}
div.grid_12#content { background-image:url(../images/961_jy-CoolingContent.jpg); background-repeat:no-repeat; width:721px; float:right;}
div.grid_16#footer { text-align:right;}
div.gri_16#user3 { height:500px;}
/* Added for menu compatibility */
div.grid_12#autocomplete { background-image:url(../images/961_jy-CoolingContent.jpg); background-repeat:no-repeat; height:auto; width:659px;}
/* SUB DIV'S */
/*div.products#left { width:190px; margin-left:28px; margin-top:30px;}*/
/*div.menu#top { margin-top:18px; padding-right:10px; text-transform:uppercase; color:white;}*/
/* TEXT IMAGES */
div.content#002 { padding-top:500px;}
.image1 { margin-bottom:10px; margin-top:20px; border:solid 5px; color:#fff; width:200px;}
.mainlevel { padding-left:15px; text-decoration:none; text-transform:uppercase; color:cbcbcb; font-size:12px;}
a { color: #EEE;}
a:hover { color: #003366;}
div.menu#top { margin-top:10px;}
#top span {
cursor:pointer;
}
.ThemeOfficeMenuItemText {
cursor:pointer;
}
h1, h5, h6 { text-transform:uppercase; color:#fff; font-size:18px;}
h2 { text-transform:uppercase; color:#fff; font-size:14px;}
h3 { text-transform:uppercase; color:#fff; font-size:10px;}
/*
.mainlevel { padding-left:15px; text-decoration:none; text-transform:uppercase; color:cbcbcb; font-size:15px;}
a { color: #EEE;}
a:hover { color: #003366;}
div.menu#top { margin-top:10px;}
h3, h5, h6 { text-transform:uppercase; color:#cbcbcb; font-size:18px;}
h2 { text-transform:uppercase; color:#cbcbcb; font-size:14px;}
h1 { text-transform:uppercase; color:#fff; font-size:10px;}
.image1 { margin-bottom:10px; margin-top:10px; border:solid 5px; color:#cbcbcb;}
*/
/* Added for jytcooling */
.products ul {
padding: 10px 5px 10px 5px;
list-style-type: none;
background-color: #335E8B;
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
.products ul li a {
text-decoration: none;
/*font-weight: 600;
font-size: 10px; */
}
/* Menu-bar Theme office styles
-------------------------------------------------------------*/
/* ThemeOfficeMenu Style Sheet */
.ThemeOfficeMenu,.ThemeOfficeSubMenuTable
{
font-family: arial, verdana, sans-serif;
font-size: 33px;
padding: 0;
white-space: nowrap;
cursor: default;
height: 38px;
}
.ThemeOfficeSubMenu
{
position: absolute;
visibility: hidden;
/*
Netscape/Mozilla renders borders by increasing
their z-index. The following line is necessary
to cover any borders underneath
*/
z-index: 100;
border: 0;
padding: 0;
top: 200px;
overflow: visible;
/* Border around whole submenu */
/* border: 1px solid #0E44AE; */ /* modified for JYT */
/* border: 1px solid #DDE1E6; */
color: white;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#BDC3BD, Direction=135, Strength=4);
}
.ThemeOfficeSubMenuTable
{
overflow: visible;
}
.ThemeOfficeMainItem,.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive,
.ThemeOfficeMenuItem,.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
border: 0;
cursor: default;
white-space: nowrap;
}
/* Background for first row of the menu */
.ThemeOfficeMainItem
{
/*background-color: #EFEBDE;*/
}
/* Background for hover over first menu */
.ThemeOfficeMainItemHover,.ThemeOfficeMainItemActive
{
/*background-color: #CDDCFD; */ /* modified for JYT */
/*background: url(../images/menu_item_hover_dark.jpg) repeat-x top;*/
}
.ThemeOfficeMenuItem
{
background-color: #335E8B; /* modified for JYT */
/*background: url(../images/menu_item_dark.jpg) repeat-x top; */
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}
.ThemeOfficeMenuItemHover,.ThemeOfficeMenuItemActive
{
background-color: #72A7C7; /* modified for JYT */
/*background: url(../images/menu_item_hover_dark.jpg) repeat-x top; */
}
/* horizontal main menu */
.ThemeOfficeMainItem
{
/* padding: 4px 1px 4px 1px; */ /* modified for JYT */
border: 0;
}
/* border around main item */
td.ThemeOfficeMainItemHover,td.ThemeOfficeMainItemActive
{
padding: 0px;
/* border-right: 1px solid #0E44AE; */
/* border-left: 1px solid #0E44AE; */ /* modified for JYT */
}
.ThemeOfficeMainFolderLeft,.ThemeOfficeMainItemLeft,
.ThemeOfficeMainFolderText,.ThemeOfficeMainItemText,
.ThemeOfficeMainFolderRight,.ThemeOfficeMainItemRight
{
background-color: inherit;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
/* vertical main menu sub components */
span.ThemeOfficeMainFolderLeft,span.ThemeOfficeMainItemLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 2px;
border-top: 0px solid #0E44AE;
border-bottom: 0px solid #0E44AE;
border-left: 0px solid #0E44AE;
background-color: inherit;
}
span.ThemeOfficeMainFolderText,span.ThemeOfficeMainItemText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
border-top: 0px solid #0E44AE;
border-bottom: 0px solid #0E44AE;
background-color: inherit;
white-space: nowrap;
}
span.ThemeOfficeMainFolderRight,span.ThemeOfficeMainItemRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
border-top: 0px solid #0E44AE;
border-bottom: 0px solid #0E44AE;
border-right: 0px solid #0E44AE;
background-color: inherit;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderLeft,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 1px;
padding-right: 2px;
white-space: nowrap;
border: 0;
background-color: inherit;
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderText,
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 0px;
border: 0;
background-color: inherit; /* modified for JYT */
}
tr.ThemeOfficeMainItem td.ThemeOfficeMainItemRight,
tr.ThemeOfficeMainItem td.ThemeOfficeMainFolderRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* sub menu sub components */
.ThemeOfficeMenuFolderLeft,.ThemeOfficeMenuItemLeft
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 1px;
padding-right: 3px;
/* border-top: 1px solid #0E44AE;
border-bottom: 1px solid #0E44AE;
border-left: 1px solid #0E44AE; */
border-top: 1px solid #DDE1E6;
border-bottom: 1px solid #DDE1E6;
border-left: 1px solid #DDE1E6;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuFolderText,.ThemeOfficeMenuItemText
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
/* border-top: 1px solid #0E44AE;
border-bottom: 1px solid #0E44AE; */
border-top: 1px solid #DDE1E6;
border-bottom: 1px solid #DDE1E6;
background-color: inherit;
white-space: nowrap;
background-color: inherit;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.ThemeOfficeMenuFolderRight,.ThemeOfficeMenuItemRight
{
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
/* border-top: 1px solid #0E44AE;
border-bottom: 1px solid #0E44AE;
border-right: 1px solid #0E44AE; */
border-top: 1px solid #DDE1E6;
border-bottom: 1px solid #DDE1E6;
border-right: 1px solid #DDE1E6;
background-color: inherit;
white-space: nowrap;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderLeft,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemLeft
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 2px;
padding-right: 3px;
white-space: nowrap;
border: 0px;
background-color: #DDE1E6;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderText,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemText
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
border: 0px;
background-color: inherit;
}
.ThemeOfficeMenuItem .ThemeOfficeMenuFolderRight,
.ThemeOfficeMenuItem .ThemeOfficeMenuItemRight
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 1px;
border: 0;
background-color: inherit;
}
/* menu splits */
.ThemeOfficeMenuSplit
{
margin: 2px;
height: 1px;
overflow: hidden;
background-color: inherit;
border-top: 1px solid #C6C3BD;
}
/* image shadow animation */
/*
seq1: image for normal
seq2: image for hover and active
To use, in the icon field, input the following:
*/
.ThemeOfficeMenuItem img.seq1
{
display: inline;
}
.ThemeOfficeMenuItemHover seq2,
.ThemeOfficeMenuItemActive seq2
{
display: inline;
}
.ThemeOfficeMenuItem .seq2,
.ThemeOfficeMenuItemHover .seq1,
.ThemeOfficeMenuItemActive .seq1
{
display: none;
}
/* inactive settings */
div.inactive td.ThemeOfficeMainItemHover, div.inactive td.ThemeOfficeMainItemActive
{
border-top: 0px;
border-right: 1px solid #0E44AE;
border-left: 1px solid #0E44AE;
}
div.inactive .ThemeOfficeMainItem {
color: #bbb;
}
div.inactive span.ThemeOfficeMainItemText {
color: #aaa;
}
div.inactive .ThemeOfficeMainItemHover, div.inactive .ThemeOfficeMainItemActive
{
background-color: #f1f3f5;
}
/* End nav styles */
/* Galleria, thumbnail box, and tab pane css
-----------------------------------------------------------------------------*/
.dynamic-tab-pane-control.tab-pane {
position: relative;
width: 100%; /* width needed weird IE bug */
/*margin-right: -2px; to make room for the shadow */
background-color: #2a3742;
background-color: #FFF;
}
.dynamic-tab-pane-control .tab-row .tab {
width: 129px;
height: 34px;
background-image: url( "../../../catalog/images/tab_white.png" );
position: relative;
top: 0;
display: inline;
float: left;
overflow: hidden;
cursor: pointer;
/*margin: 1px -1px -3px 2px;
padding: 2px 2px -3px 0px;*/
margin: 6px 0 0 0;
border: 0;
z-index: 1;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
white-space: nowrap;
text-align: center;
text-transform: capitalize;
/* background-color: #2a3742; /* tab background color */
}
.dynamic-tab-pane-control .tab-row .tab.selected {
width: 130px !important;
height: 42px !important;
background-image: url( "../../../catalog/images/tab_dark.png" ) !important;
background-repeat: no-repeat;
color: #ffffff;
border-bottom-width: 0;
z-index: 3;
/*padding: 4px 0px 0px 0px; */
margin: 1px 0 -1px 0;
top: -2px;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.dynamic-tab-pane-control .tab-row .tab a {
font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
cursor: pointer;
}
.dynamic-tab-pane-control .tab-row .tab.selected a {
color: #fff;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
width: 129px;
height: 34px;
background-image: url( "../../../catalog/images/tab_dark.png" );
background-repeat: no-repeat;
}
.dynamic-tab-pane-control .tab-row .tab.hover a {
color: #fff;
}
.dynamic-tab-pane-control .tab-page {
border: 1px solid #919B9C;
background: #455262;
z-index: 2;
position: relative;
top: -2px;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #fff;
/*244, 243, 238*/
/* 145, 155, 156*/
padding: 5px;
width: 97%; /* stupid stupid stupid IE!!! */
float: left;
}
.dynamic-tab-pane-control .tab-row {
z-index: 1;
white-space: nowrap;
}
.dynamic-tab-pane-control .tab-row .tab a {
line-height: 45px;
}
.dynamic-tab-pane-control .tab-row .tab.selected a {
line-height: 55px;
}
#thumb_div {
}
.thumb_box {
margin: 0 auto;
float: left;
display: inline;
text-align: center;
width: 175px;
}
.thumb_box p {
display: block;
padding: 5px 5px;
font-size: .7em;
line-height: 1.2;
}
.thumb_box img {
float: middle;
height: 75px;
}
#gallery_wrap {
margin: 0 auto;
width: 500px;
}
.image_div {
width:530px;
}
.image_div img {
display: inline;
height: 75px;
margin-right: 4px;
}
.galleria{list-style:none;width:550px; margin: 0px auto; }
.galleria li{display:inline;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.7em;}
.galleria_container { margin: 1px auto; width: 550px; text-align: center; padding-bottom:8px}
.galleria_wrapper { width: 300px; height: auto; margin: 0 auto; }
.galleria_wrapper img { width: auto; height: auto;}
* html .galleria li div span{width:400px} /* MSIE bug */
/* End galleria, tab page, and thumb box */