/* main css */

.centre { margin-left: auto; margin-right: auto; }

a{
  font-size: 12px ;
  text-decoration: underline;
  color: #ff7402 ;
}
body {
  font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

p { font-size:12px ; }
h1{
  color: #2bc9d8 ;
  font-size: 22px ;
  font-weight: bold ;
  text-align: right ;
  width: 465px;
  padding-top: 30px ;
}
H2 { font-size:16px ; color: #ff7402 ; font-weight: bold ; }
H3 { font-size:14px ; }

#wrapper {
  width: 800px;
  margin: auto auto;
}
#top {
  background: transparent url('pig_bg.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topdollar {
  background: transparent url('dollar_bg.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topeuro {
  background: transparent url('euro_bg.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topaboutus {
  background: transparent url('aboutus_bg.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topmoreinfo {
  background: transparent url('moreinfo_bg.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topmoreinfoffxdollar {
  background: transparent url('moreinfo_ffxdollar.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#topmoreinfoffxeuro {
  background: transparent url('moreinfo_ffxeuro.jpg') no-repeat scroll;
  height: 300px;
  overflow: auto;
}
#logo { height: 98px; padding-top: 25px; }

#nav_main {
  margin: 0;
  padding: 0;
}

#nav_main ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav_main li {
  float: left;
  border-bottom-width: 0;
  margin-right: 3px;
}

#nav_main a {
  font-size: 14px ;
  text-decoration: none;
  color: #ff7402 ;
  padding: 6px ;
  text-align: center ;
}

#nav_main a:hover {
  font-size: 14px ;
  text-decoration: underline;
}

#nav_main a.selected {
  font-size: 14px ;
  text-decoration: none;
  background: transparent url('arrow.jpg') no-repeat scroll top center;
}

table.compare {
  border-left: 1px solid #2bc9d8;
  margin-top: 10px ;
  table-layout: fixed;
}

.highlight {
  color: #FFF ;
  background-color: #2bc9d8 ;
  padding: 10px ;
  vertical-align: top ;
  font-size: 14px ;
  font-weight: bold ;
}
.border {
  border-right: 1px solid #2bc9d8;
  border-bottom: 1px solid #2bc9d8;
  padding: 10px 0px 0px 0px ;
  font-weight: normal ;
}

.borderhomenobg {
  border-right: 1px solid #2bc9d8;
  border-bottom: 1px solid #2bc9d8;
  padding: 10px ;
  font-weight: normal ;
}
.borderhomenobg p{
  text-align: left ;
}
.borderhomenobg h2{
  text-align: left ;
}
.borderhome {
  border-right: 1px solid #2bc9d8;
  border-bottom: 1px solid #2bc9d8;
  padding: 10px ;
  font-weight: normal ;
  background-image: url(gradiantbig.gif);
  background-repeat: repeat-x ;
}
.borderhome p{
  text-align: left ;
}
.borderhome h2{
  text-align: left ;
}

.borderhighlight {
  border-right: 1px solid #2bc9d8;
  border-bottom: 1px solid #2bc9d8;
  background-image: url(gradiant.gif);
  background-repeat: repeat-x ;
  padding: 10px 0px 0px 0px ;
  font-weight: normal ;
}

#rider {
  color: #fff ;
  font-size: 10px ;
  text-align: center ;
  padding: 1px 0px 1px 0px ;
  margin-top: 10px ;
  background-color: #ff7402;
}
.smallprint {
  font-size: 10px ;
}
#left,  .left  { float: left; margin-top: 6px ; margin-bottom: 6px ; }
#right, .right { float: right; margin-top: 6px ; margin-bottom: 6px ; }

table.comparehome {
  border-left: 1px solid #2bc9d8;
  table-layout: fixed;
}

.line {
  color: #2bc9d8 ;
  border-right: 1px solid #2bc9d8 ;
  border-top: 1px solid #2bc9d8 ;
  border-bottom: 1px solid #2bc9d8 ;
  vertical-align: top ;
  font-size: 14px ;
  font-weight: bold ;
}