/*------------------------------------------------------------------------------
	VDKvs
------------------------------------------------------------------------------*/

/* COLORS */
  /*
    blue = 086fb8
    azzurro = cfdceb
    dark grey = 474747
    red = a30808
  */


/* =Globals ------------------------------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em}
:focus { outline: 0; }

p { margin-bottom:1.5em; margin-top: 0; }

strong { font-weight: bold;}

a {
  text-decoration: none;
  color: #000;
}
a:hover {
  color: #a30808;
}

h1 { font-size: 1.5em; font-weight: normal; margin-bottom: 8px; color: #086fb8;}
h2 { font-size: 1.25em; font-weight: normal; margin-bottom: 8px; color: #086fb8;}
.rightContent h2 { font-size: 1.455em; margin-bottom: 0.5em;}

.footerNavi li a,
.sideNavi .level0-active ,
.sideNavi li.level0:hover,
.sideNavi a.level2,
.sideNavi a.level2-active ,
.images {
  background-image: url(../img/images.gif);
  background-repeat: no-repeat;
}

.arrow {
  background-position: 0 -485px;
  padding-left: 20px;
}
.ie .arrow {
  zoom: 1;
}
.download {
  background-position: 0 -347px;
  padding-left: 20px;
}

.fileIcon {
  vertical-align: -3px;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.red {
  color: #a30808;
}

.blue {
  color: #086fb8;
}

.grey {
  color: #474747;
}

.lightgrey {
  color: #666666;
}

.site {
  background: url(../img/siteBg.gif) repeat-y;
}

.borderBottom {
  border-bottom: 1px solid #cfdceb;
  padding-bottom: 20px;
}
.borderTop {
  border-top: 1px solid #cfdceb;
  padding-top: 20px;
}

.borderRight {
  border-right: 1px solid #cfdceb;
  padding-right: 10px;
}

.marginLeft {
  margin-left: 8px;
}

.marginRight {
  margin-right: 8px;
}
.marginRight22 {
  margin-right: 22px;
}

.marginTop {
  margin-top: 8px;
}
.marginTop22 {
  margin-top: 22px;
}

.marginBottom {
  margin-bottom: 8px;
}
.marginBottom22 {
  margin-bottom: 22px;
}

.content ul {
  list-style-type:inherit;
  list-style-position: inside;
}
.content ol {
  list-style-type:inherit;
  list-style-position: inside;
}

/* =Header ------------------------------------------------------------------*/

.header {
  position: relative;
  border-bottom: 3px solid #086fb8;
  height: 285px
}

.topImage {
}

.logo {
  width: 206px;
  height: 101px;
  top: 50px;
  left: -12px;
  background: url(../img/logo.png);
}

.topBg {
  top: 0;
  right: 0;
  width: 1010px;
  height: 285px;
  background: url(../img/topMask.png);
}

.topNavi {
  bottom: 0;
  font-size: 13px;
  left: 0;
  width: 151px;
  padding: 7px 0 5px 35px;
  background: url(../img/bg60.png);
  color: #086fb8;
}
.ie .topNavi {
  bottom: -1px;
}

.topNaviActive ,
.topNaviActive:hover {
  background: #086fb8;
  color: #fff;
}

.searchBox {
  top: 10px;
  right: 15px;
}
  .searchBox .input{
    margin: 4px 0 8px;
    width: 164px;
  }

.toolsBox {
  margin: 32px 1px;
  width: 120px;
  top: 0;
  right: 200px;
}

.toolsBox a {
  width: 23px;
  height: 22px;
  margin: 2px 3px;
}

.textMinusIcon {
  background-position: 0 -261px;
}
.textMinusIcon:hover {
  background-position: 0 -289px;
}

.textPlusIcon {
  background-position: -29px -261px;
}
.textPlusIcon:hover {
  background-position: -29px -289px;
}

.contactIcon {
  background-position: -58px -261px;
}
.contactIcon:hover {
  background-position: -58px -289px;
}

.printIcon {
  background-position: -87px -261px;
}
.printIcon:hover {
  background-position: -87px -289px;
}

.headerTextBox {
  left:5px;
  top:145px;
  width:260px;
}

  .headerTextBox img {
    margin-bottom: 10px;
  }

  .searchBox span {
    cursor: pointer;
  }

  .searchBox a:hover {
    color: #fff;
  }

  .searchBox form{
    padding-top: 2px;
    background: url(../img/searchBg.gif) no-repeat ;
  }
  #searchForm {
    background-position: 20px 0;
  }
  #vvgSearchForm {
    background-position: 87px 0;
  }


/* =Main ------------------------------------------------------------------*/

.main {
  background: url(../img/mainBg.gif) no-repeat bottom left;
}

.sideNavi {
}

.sideNavi ul{
  margin: 10px 0;
}
.sideNavi ul ul{
  margin: 0 0 5px;
}

.sideNavi li{
  padding: 0 0 0 9px;
}

.sideNavi li li{
  padding: 0 0 0 0;
}

.sideNavi li a{
  color: #086fb8;
  padding: 7px 0 5px 26px;
  display: block;
  border-bottom: 1px solid #086fb8;
  border-top: 1px solid #086fb8;
  margin-top: -1px;
  font-size: 13px;
  padding: 7px 0 5px 26px;
}

.sideNavi li a:hover {
  color: #086fb8;
}
.sideNavi a.level0-active:hover {
  color: #fff;
}

.sideNavi .level0-active {
  background-position: -384px 0;
  color: #fff;
}
.sideNavi .level0:hover {
  background-position: -384px 0;
}.sideNavi .level0:hover a{
  color: #fff;
}

.sideNavi a.level1-active ,
.sideNavi a.level1 {
  font-size: 11px;
  border: none;
}

.sideNavi a.level2-active ,
.sideNavi a.level2 {
  font-size: 11px;
  border: none;
  padding: 3px 0 2px 36px;
  background-position: -549px -484px;
}


.sideNavi a.level2-active ,
.sideNavi a.level1-active {
  font-weight: bold;
}

.breadcrumb {
  height: 8px;
  padding: 10px 0;
  margin: 0 0 10px;
}

.breadcrumb li {
  display: inline;
  color: #086fb8;
}
.breadcrumb a {
  color: #086fb8;
  font-size: 13px;
}

/* =Right ------------------------------------------------------------------*/



/* =Link ------------------------------------------------------------------*/
.linkList li{
  list-style: none;
  margin-bottom: 7px;
}

.linkListParallel li {
  width: 125px;
  float: left;
  list-style: none;
}

.withTip li{
  position: relative;
  list-style: none;
}
.withTip .tip {
  padding: 0 3px 3px 0;
  background: url(../img/tipBg.png) no-repeat right bottom;
  text-align: center;
}
.withTip .tip div {
  padding: 3px;
}

.overImageLink {
  left: 5px;
  top: 5px;
}

/* =Footer ------------------------------------------------------------------*/

.footer {
  border: solid #cee2f1;
  border-width: 0 1px;
  padding: 10px 10px;
}

.goToTop {
  margin: 0 220px 0 0;
  background-position: 97px -311px;
  padding: 9px 35px 10px 0;
  right: 0;
  top: 0;
}

.footerNavi li {
  display: inline;
}
.footerNavi li a{
  background-position: 0 -485px;
  padding: 0 15px 0 20px;
}

/* =News ------------------------------------------------------------------*/

.newsRight {
  width: 410px;
}
.newsImages img {
  margin-bottom: 10px;
}

/* =Sitemap ------------------------------------------------------------------*/

.siteMap a{
  text-decoration: underline;
}
.siteMap .level0{
  font-size: 13px;
  font-weight: bold;
  color:#086fb8;
}
.siteMap .level1{
  font-size: 13px;
  margin: 0 0 0 7px;
}
.siteMap .level2{
  margin: 0 0 0 14px;
}

/* =Faqs ------------------------------------------------------------------*/

.faqTitles {
}

.faqTitles li {
  margin: 5px 20px;
  list-style-type: decimal;
  list-style-position: inside;
}

.faqText {
  list-style-type: decimal;
  list-style-position: inside;
}
.faqText li {
  margin: 10px 20px;
}

.faqText div {
  padding: 0 0 0 20px;
}
/* =Search ------------------------------------------------------------------*/

.paging {
  padding: 8px 0;
  margin: 8px 0;
}
.paging .proPage span{
  font-weight: bold;
}

.paging img {
  vertical-align: -2px;
}
.paging span ,
.paging a {
  margin: 0 2px;
}
.paging .active {
  font-weight: bold;
}
/* =Form ------------------------------------------------------------------*/

.input ,
.textarea {
  background-position: 0 -131px;
  border: 1px solid #474747;
  padding: 3px;
}

textarea {
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
}

.suggestForm .input,
.suggestForm .textarea,
textarea.big ,
input.big {
  width: 255px;
  margin-top: 10px;
}

input.small {
  width: 80px;
  margin-top: 10px;
}

.label {
  float: left;
  width: 230px;
  margin-top: 15px;
}

form br {
  clear: both;
}

.radio {
  margin-top: 15px;
  vertical-align: -5px;
}

.select {
  background-position: 0 -131px;
  margin-top: 10px;
  border: 1px solid #474747;
  padding: 2px;
}
select.maxSize {
  width: 276px;
}

textarea.big {
  height: 100px;
}

button {
  border: none;
  padding: 7px 7px 7px 43px;
  background-color: #086fb8;
  color: #fff;
  margin-top: 10px;
  cursor: pointer;
}

button.callbackBtn {
  background-position: 0 -364px;
}
button.loginBtn {
  margin-top: -5px;
  background-position: 0 -400px;
}
button.contactBtn {
  background-position: 0 -400px;
}

/* =Google Search ------------------------------------------------------------------*/

img.googleLogo {
  vertical-align: -6px;
}
/* =Google Map ------------------------------------------------------------------*/

.map_canvas {
  border: 1px solid #cfdceb;
}
.mapResult {
  border-bottom: 1px solid #cfdceb;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.mapResultDetail {
  padding-left: 15px;
}

.getDirection {
  padding: 7px 0 7px 33px;
  background: url(../img/route.gif) no-repeat 0 0;
  display: block;
}

div.googledir img {
  display: none;
} 

div.googledir td {
  height: 30px;
} 

/* =Contracts Table ------------------------------------------------------------------*/

.contracts {
  width: 550px;
}

.contracts th {
  font-weight: bold;
  border-bottom: 2px solid #086FB8;
  border-top: 2px solid #086FB8;
  padding: 10px 5px 10px 0 ;
}

.contracts td {
  background: #cfdceb;
  border-bottom: 1px solid #086FB8;
  border-right: 2px solid #fff;
  padding: 10px 2px 10px 3px ;
  white-space:nowrap;
}

td.firstColumn {
  background: none;
  padding: 10px 2px 10px 0 ;
}

/* =cdAlert ------------------------------------------------------------------*/

.cdAlert {
  position: absolute;
  z-index: 999;
}

.cdAlertTable {
}

.cdAlertTable .top-left,
.cdAlertTable .top-right,
.cdAlertTable .bottom-left,
.cdAlertTable .bottom-right {width: 10px; height: 10px;}

.cdAlertTable .top,
.cdAlertTable .bottom,
.cdAlertTable .left,
.cdAlertTable .right,
.cdAlertTable .top-left,
.cdAlertTable .top-right,
.cdAlertTable .bottom-left,
.cdAlertTable .bottom-right{ background: url(../img/popBg.png) no-repeat 0 0; }

.cdAlertTable .top {
  background-position: 0 -40px;
  background-repeat: repeat-x;
}
.cdAlertTable .bottom {
  background-position: 0 -40px;
  background-repeat: repeat-x;
}
.cdAlertTable .left {
  background-position: 10px 0;
  background-repeat: repeat;
}
.cdAlertTable .right {
  background-position: 10px 0;
  background-repeat: repeat;
}
.cdAlertTable .top-left {
  background-position: 0 0;
  background-repeat: no-repeat;
}
.cdAlertTable .top-right {
  background-position: 0px -10px;
  background-repeat: no-repeat;
}
.cdAlertTable .bottom-right {
  background-position: 0px -30px;
  background-repeat: no-repeat;
}
.cdAlertTable .bottom-left {
  background-position: 0px -20px;
  background-repeat: no-repeat;
}

.cdAlertBox{
  width: 500px;
  background: #fff;
  padding: 10px;
}

.cdAlertCloseBtn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 20px;
  left: 500px;
  cursor: pointer;
  background: url(../img/images.gif) no-repeat 0 -463px;
}