/* 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: left ;

  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: auto;

}



.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 ;

}