/*---------------------------------------------------------------
    General styles
----------------------------------------------------------------*/

body {margin: 0;padding: 0;font-family:Helvetica, Arial;font-size:20px;background: #ececec;}

.cb {clear:both;}

body,p,div,table,td,select,input, textarea {font-family:Helvetica, Arial;font-size:20px;color:#595a5a;}
select {max-width: 85%;}


a:link, a:visited {font:normal 20px Helvetica,Arial;color:#0066cc;text-decoration:underline;}
a:hover{font:normal 20px Helvetica,Arial;color:#595a5a;text-decoration:underline;}

input[type="checkbox"] {cursor:pointer;vertical-align:middle;}
input[type="radio"] {cursor:pointer;vertical-align:middle;}
      
H1, H2, H3 { font-family: Helvetica, Arial; font-size: 24px; color: #000000; font-weight: bold; }
H2 {font-size: 22px;}
H3 {font-size: 20px;margin:5px;line-height:20px;color:#000000;font-weight: bold}

textarea, textarea.input_textarea{ font:normal 16px Helvetica, Arial; border:1px solid #a79f9d; width:100%; min-height:40px; }
.label {font:bold 14px Arial;color:#595a5a;}
.error {font:normal 16px Arial;color:#cc0000;}
.success {font:normal 16px Arial;color:#008000;}
.notes {font:normal 16px Arial;color:#595a5a;}

input[type=text],input[type=password], input.input_text{ font:normal 16px Helvetica, Arial;width:100%;    border:1px solid #a79f9d; }
input[type=button], input[type=submit], input.input_button{ font:bold 16px Helvetica, Arial;cursor:pointer;text-transform:capitalize; color:#ffffff;background:#000000;border:1px solid #d9d1cf; }

.floaty:link ,.floaty:visited {z-index:0;position: relative;height:17px;line-height:17px;}
.floaty:hover{z-index:50;background-color: transparent;height:17px;line-height:17px;}

.floaty span{ position: absolute; right: 1000px; visibility: hidden; text-decoration: none;}

.floaty span img{ border: 1px solid #cccccc; }

.floaty:hover span{ visibility: visible; top:-100px; left:-150px;}
/*---------------------------------------------------------------
    Site structure
----------------------------------------------------------------*/

#site-wrapper {text-align: left; margin:0; padding:0; }

#site-slidemenu {display:none; float:left; width:60%; position:absolute;top:0;z-index:1;left:0%;background: #27323c; 
    box-shadow: inset -15px 0 5px -5px hsla(0,0%,0%,.25);
    -moz-box-shadow: inset -15px 0 5px -5px hsla(0,0%,0%,.25);
    -webkit-box-shadow: inset -15px 0 5px -5px hsla(0,0%,0%,.25);
    -khtml-box-shadow: inset -15px 0 5px -5px hsla(0,0%,0%,.25);
    position:fixed; top:0;
}
#site-content-wrapper {display:block;float:left;width:100%;position:absolute;z-index:2;top:0;left:0;margin:0;padding:0;text-align:left; overflow: hidden; }

#site-header {background: #000000; margin:0; color: #ffffff; border:1px solid transparent; width:100%;}
#site-header a {color: #ffffff; text-decoration: none;width:100%;}
#site-header .handle {float:left; margin:0.6%; margin-right:0.3%;}
#site-header .handle img {width:70%;margin-top:5px;cursor:pointer;vertical-align: middle;}
#site-header .name {float:left;margin: 0.6% ; margin-left:0.1%; line-height: 44px; min-width:80%; height: 100%; color: #ffffff;}

#site-content {margin:1%; width:96%; background: #ffffff;padding:1%; overflow:hidden;
box-shadow: 2px 2px 3px #cccccc;
-webkit-box-shadow: 2px 2px 3px #cccccc;
-khtml-box-shadow: 2px 2px 3px #cccccc;
-moz-box-shadow: 2px 2px 3px #cccccc;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

/*---------------------------------------------------------------
    Slidemenu
----------------------------------------------------------------*/
.slidemenu-mainmenu {width: 98%; margin:4% 1%;}
.slidemenu-mainmenu .item {color: #ffffff; }

.slidemenu-mainmenu .item .item-body {float:left; width:96%;margin-right:10px;background: url(../img/design/mobile60/slidemenu_bullet.png) 5px center no-repeat;}
.slidemenu-mainmenu .item .item-body a {display:block;margin-left:30px;font-size:16px;text-decoration: none;padding-top:5px;padding-bottom:5px;color:#ffffff;background: url(../img/design/mobile60/slidemenu_sepa.gif) repeat-x bottom;}
.slidemenu-mainmenu .item .item-body a:hover {color: #cccccc;}

.slidemenu-catmenu {width: 98%; margin:4% 1%; margin-top: 20px;}
.slidemenu-catmenu .item {height: 34px; color: #ffffff; }

.slidemenu-catmenu .item .item-body {float:left; width:96%;margin-right:10px;background: url(../img/design/mobile60/slidemenu_bullet.png) 5px center no-repeat;}
.slidemenu-catmenu .item .item-body a {display:block;margin-left:30px;font-size:16px;text-decoration: none;padding-top:5px;padding-bottom:5px;color:#ffffff;background: url(../img/design/mobile60/slidemenu_sepa.gif) repeat-x bottom;}
.slidemenu-catmenu .item .item-body a:hover {color: #cccccc;}

/*---------------------------------------------------------------
    Home page
----------------------------------------------------------------*/
#site-content .homepage-text {margin: 0 1%; padding:0; border:1px solid transparent;}
#site-content .homepage-text p {margin-top:5px;margin-bottom:5px;}
#site-content .sepa {margin:1%;margin-top:10px;margin-bottom:10px;border-bottom: 1px solid #d4d4d4;width:96%;}

#site-content .homepage-phone {width:98%;margin:1% 1%;background: #959595;color:#ffffff;padding:0.6% 0;text-indent: 1%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    font-size:20px;
    text-align: center;
}
#site-content .homepage-phone select {border:none;font-size:16px; max-width: 150px;
    -moz-border-radius: #px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
#site-content .homepage-phone a {color: #ffffff; font-size:20px;}

#site-content .homepage-mainmenu {width: 98%; margin:1%}
#site-content .homepage-mainmenu .mmlist .item {margin-top:8px; position:relative; background: #698284; color: #ffffff; border:1px solid #445e60;
    box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -mox-box-shadow: 1px 1px 5px #888888;
    -khtml-box-shadow: 1px 1px 5px #888888;
    }

#site-content .homepage-address {text-align: center; color:#000000;font-size:14px; margin:5px;}
#site-content .homepage-address a {font-size: 14px;}
#site-content .homepage-phone-number {text-align: center; color:#000000;font-size:20px; }
#site-content .homepage-phone-number a {font-size:20px;}

#site-content .homepage-mainmenu .mmlist .item .item-icon {position:absolute; width:12%; text-align: center; height:64px;line-height: 64px; left:1%;}
#site-content .homepage-mainmenu .mmlist .item .item-icon img {vertical-align: middle;max-height:80%;}

#site-content .homepage-mainmenu .mmlist .item .item-body {float:left; height:64px;width:70%;margin-left: 15%;}
#site-content .homepage-mainmenu .mmlist .item .item-body a {display:block;height:64px;line-height:64px;text-decoration: none;color:#ffffff;}
#site-content .homepage-mainmenu .mmlist .item .item-body a:hover {color: #cccccc;}

#site-content .homepage-mainmenu .mmlist .item .item-arrow { float:right; height:64px; line-height: 64px; width:9%; margin-right:1%; text-align: right; }
#site-content .homepage-mainmenu .mmlist .item .item-arrow img{max-width:100%;max-height:90%;vertical-align: middle;}

#site-content .homepage-mainmenu .mmlist .item .item-arrow .arrow-opened {display:none;}
#site-content .homepage-mainmenu .mmlist .item-opened .item-arrow .arrow-opened {display:inline-block;}
#site-content .homepage-mainmenu .mmlist .item-opened .item-arrow .arrow-closed {display:none;}

#site-content .homepage-mainmenu .mmlist .subitem {min-height: 50px;background: #9db2b4; color: #ffffff; }
#site-content .homepage-mainmenu .mmlist .subitem a {width:92%;margin-left:6%;display:block;line-height:48px;text-decoration: none;color:#ffffff;border-bottom: 1px solid #7c9496;}
#site-content .homepage-mainmenu .mmlist .subitem a:hover {color: #cccccc;}

#site-content .homepage-mainmenu .mmlist .sublast a {border-bottom:none;}


#site-content .homepage-mainmenu .mmgrid .item { cursor:pointer; position:relative; float:left; background: #698284; color: #ffffff; border:1px solid #445e60;box-shadow: 1px 1px 5px #888888;height:0;}
#site-content .homepage-mainmenu .icons2col .item {width:46%; padding-bottom:46%;margin:1.3%;}
#site-content .homepage-mainmenu .icons3col .item {width:30%; padding-bottom:30%;margin:1.25%;}

/*#site-content .homepage-mainmenu .icons2col .even {margin-right:0;float:right;}*/
/*#site-content .homepage-mainmenu .icons3col .third {margin-right:0;float:right;}*/


#site-content .homepage-mainmenu .mmgrid .item .stretcher {display:none;}
#site-content .homepage-mainmenu .mmgrid .item .item-icon {position:absolute;width:100%;text-align: center;top:20%;max-height:50%;}
#site-content .homepage-mainmenu .mmgrid .item .item-icon img {max-width:40%;}
#site-content .homepage-mainmenu .icons2col .item .item-icon img {max-width:100%;}
#site-content .homepage-mainmenu .mmgrid .item .item-body {position:absolute;width:92%;padding: 0 4%;text-align:center;bottom:5%;font-size:18px;font-weight: bold;overflow:hidden;}
#site-content .homepage-mainmenu .mmgrid .item .item-body a {text-decoration: none;color:#ffffff;font-size:18px;font-weight:bold;}
#site-content .homepage-mainmenu .mmgrid .item .item-body a:hover {color: #cccccc;}

#site-content .homepage-mainmenu .icons2col .item .item-body a {font-size:22px;}


#site-content img {max-width:95%; height: auto;}
#site-content .psss img {max-width:100%; height: auto;}
#site-content .vv_div .tl img,#site-content .vv_div .tr img  {height: 89px;}

#site-content .galleryview .panel img {max-width:100%; height: auto;}
#site-content .galleryview .filmstrip li img {width:80px;height:80px;}


/*---------------------------------------------------------------
    Article page
----------------------------------------------------------------*/

.companypage-subheader {font-size:26px; margin: 1%;}
.companypage-content { margin: 1%;}
#site-content .companypage-content .sepa {width:100%; margin: 1% 0;}

/*---------------------------------------------------------------
    Category page
----------------------------------------------------------------*/

.categpage-subheader {font-size:26px; margin: 1%;}
.categpage-content { margin: 1%;}
#site-content .categpage-content .sepa {width:100%; margin: 1% 0;}

#site-content .categtree {width: 98%; margin:1%}
#site-content .categtree .item {margin-top:8px; position:relative; height: 64px;background: #698284; color: #ffffff; border:1px solid #445e60;
    box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 5px #888888;
    -mox-box-shadow: 1px 1px 5px #888888;
    -khtml-box-shadow: 1px 1px 5px #888888;
    }

#site-content .categtree .item .item-icon {display:none;overflow: hidden;}

#site-content .categtree .item .item-body {float:left; width:85%;height:64px;margin-left:2%;overflow:hidden;}
#site-content .categtree .item .item-body a {display:block;height:64px;line-height:64px;text-decoration: none;color:#ffffff;}
#site-content .categtree .item .item-body a:hover {color: #cccccc;}

#site-content .categtree .item .item-arrow { float:right; height:64px; line-height:64px; width:9%; margin-right:1%; text-align:right;}
#site-content .categtree .item .item-arrow img{max-width:100%;max-height: 90%; vertical-align: middle;}

#site-content .categtree .item .item-arrow .arrow-opened {display:none;}
#site-content .categtree .item-opened .item-arrow .arrow-opened {display:inline-block;}
#site-content .categtree .item-opened .item-arrow .arrow-closed {display:none;}

#site-content .categtree .subitem {height: 50px;background: #9db2b4; color: #ffffff; overflow:hidden;}
#site-content .categtree .subitem a {width:95%;margin-left:3%;display:block;height:48px;line-height:48px;text-decoration: none;color:#ffffff;border-top: 1px solid #7c9496;}
#site-content .categtree .subitem a:hover {color: #cccccc;}

#site-content .categtree .sublast a {border-bottom:none;}
#site-content .categtree .subfirst a {border-top:none;}

.subitemsparent {background: #9db2b4; }

#site-content .categtree .subsubitem {height: 34px; color: #ffffff; overflow:hidden;}
#site-content .categtree .subsubitem a {width:90%;font-size:16px;margin-left:6%;display:block;height:32px;line-height:32px;text-decoration: none;color:#ffffff;border:none;}
#site-content .categtree .subsubitem a:hover {color: #cccccc;}

#ph_contact_addresses .address-box {margin-top:10px;}
#ph_contact_addresses .line {font-size:15px;}
#ph_contact_addresses .line b {font-size:16px;}
#ph_contact_addresses .line a {font-size:16px;font-weight:bold;}

#ph_contact_form {margin-top:10px;min-height: 100%;}
#ph_contact_form .formtable {width:100%;}

/* Inquiry form - Mobile extra*/

.site-inquiry-form .form-box .form-box-body .form-content .form-field select{ width:100%;background:#eceff3; border: none !important; color:#002d63;
    font:normal 15px/35px MyriadPro-Regular  !important; height:35px; padding:0 3px;border-radius:5px; vertical-align: middle;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.site-inquiry-form-small .form-box .form-box-body .form-content .form-field select{ font:normal 14px/32px MyriadPro-Regular  !important; height:32px; }

.site-inquiry-form .form-box .form-box-body .form-content .form-field-location {width:99%;}
.site-inquiry-form .form-box .form-box-body .form-content .form-field-location select {min-width:99%; margin:0; max-width: 100%;}
.site-inquiry-form .form-box .form-box-body .form-content .form-field-date .textfield {width:38%;float:left;vertical-align: middle;}
.site-inquiry-form .form-box .form-box-body .form-content .form-field-date .time {float:right;width:48%;}
.site-inquiry-form .form-box .form-box-body .form-content .form-field-date .date {margin-right:0;}

.vfs {margin: 0 20px 10px 20px; text-align: center;}
.vfs .item {padding: 5px 10px;}
.vfs a {font-size:16px;}