/****** Home page style ******/
/**
 *
 * Style sheet used for home page adjustement.
 *
 * This style sheet should contains any CSS propreties used for screen media.
 */



/* Layout */

/* Header */
#header { height: 381px; position: relative }
#header h1 { margin: 64px 0px 0px 83px }
#header a { position: absolute; top: 250px; width: 171px; height: 47px; padding-left: 50px; overflow:hidden; background-repeat:no-repeat; }

  #header a#find-out-more { left: 180px; }
  #header a#where-to-buy { right:110px; width:270px; background-position: left -224px; }
    #header a#where-to-buy:hover { background-position: left -178px; }

#header ul { position: absolute; left: 80px; top: 279px; padding: 0px; margin: 0px }
#header ul li { float: left; display: inline; padding: 0px; margin: 0px 4px; width: 257px }
#header ul li a { position: static; display: block; width: 197px; height: 42px; vertical-align: middle; padding-left: 41px; padding-right: 19px; display: table-cell }

#home-boxes { margin: 6px 7px 19px 7px; padding: 0px; min-height: 105px }
/*#home-boxes li { float: left; display: inline; margin: 0px 0px 0px 90px; width: 150px }*/
#home-boxes li { float: left; display: inline; padding: 0px 0px 0px 55px; width: 150px; margin-left: 35px; }
/*#home-boxes li:first-child { margin-left: 54px }*/
#home-boxes li.first-child { margin-left: 0px }
#home-boxes li h3 { margin: 0px 0px 6px 0px; padding-top: 5px }
#home-boxes li p { margin: 0px }

#footer { padding-top: 10px; }

/* Colors */

/* Header */
#header { background-image: url(images/headers/homepage-hdr.jpg) }

/*#home-boxes { background: url(images/icons/large-white-bg-icns.png) left 0px no-repeat }*/
  #hbcol1{ background: url(../../layout-a2c-local/css/images/icons/hb_col1.png) left top no-repeat }
  #hbcol2{ background: url(../../layout-a2c-local/css/images/icons/hb_col2.png) left top no-repeat }
  #hbcol3{ background: url(../../layout-a2c-local/css/images/icons/hb_col3.png) left top no-repeat }
  #hbcol4{ background: url(../../layout-a2c-local/css/images/icons/hb_col4.png) left top no-repeat }
  #hbcol4maritime{ background: url(../../layout-a2c-local/css/images/icons/hb_col4maritime.png) left top no-repeat }
#home-boxes li h3 a { color: #1a335f }
#home-boxes li p { color: #444 }

/* Typo */
#header h1 { font-weight: bold }
#home-boxes li h3 { font-size: 18px; line-height: 18px/*; font-weight: normal*/ }
#home-boxes li p { font-size: 14px; line-height: 18px }
#header a { font-size: 21px; font-weight: bold; line-height: 47px; white-space: nowrap }
#header ul li a { font-size: 14px; line-height: 16px; white-space: normal }


/* Temporary styles */
#header { background-image: url(images/headers/homepage-hdr-1.jpg) }
#header a { background-image: url(images/buttons/homepage-btns.png); background-position: left -47px; background-repeat: no-repeat; color: #007ac2 }
#header a:hover { text-decoration: none; background-position: left top; color: white }
#header ul li a { background-position: left -136px; color: #095aa6 }
#header ul li a:hover { text-decoration: none; background-position: left -94px; color: #095aa6 }

#header a#find-out-more-fr { left: 120px; }
 #header a#where-to-buy-fr { right:120px; width:382px; background-position: left -596px; }
 #header a#where-to-buy-fr:hover { background-position: left -549px; }

#header a#find-out-more-de { left: 155px; background-position: left -224px; width:360px; }
#header a#find-out-more-de:hover { background-position: left -177px; }
#header a#where-to-buy-de { right:155px; background-position: left -875px; width:220px }
#header a#where-to-buy-de:hover { background-position: left -829px; }

#header a#find-out-more-it { left: 100px; background-position: left -224px; width:360px; }
#header a#find-out-more-it:hover { background-position: left -177px; }
#header a#where-to-buy-it { right: 50px; background-position: left -410px; width:360px }
#header a#where-to-buy-it:hover { background-position: left -363px; }

#header a#find-out-more-pl { left: 180px;background-position: left -875px; width:220px;}
#header a#find-out-more-pl:hover { background-position: left -829px; }
#header a#where-to-buy-pl { right:155px; background-position: left -875px; width:220px; }
#header a#where-to-buy-pl:hover { background-position: left -829px; }

#header a#find-out-more-esp { left: 105px; background-position: left -875px; width:210px; }
#header a#find-out-more-esp:hover { background-position: left -829px; }
 #header a#where-to-buy-esp { right:105px; width:270px; background-position: left -317px; }
 #header a#where-to-buy-esp:hover { background-position: left -270px; }
