body {
margin: 0 auto;
text-align: center;
background-image: url(pc-img/bg.jpg);
background-repeat: repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #6e6e6e;
}
img {
border: none;
}
a {
text-decoration: none;
}
p {
padding: 0;
margin: 0;
}
div.main {
clear: both;
margin: 0px auto; 
width: 888px;
text-align: left;
}
div.row {
clear: both;
}
div.cell {
display: table-cell;
float: left;
}
div.header {
clear: both;
}
div.header h1 {
margin: 0;
padding: 0;
float: left;
}
div.header p {
float: right;
color: #0e365a;
padding-top: 40px;
padding-right: 10px;
}
div.navbg {
clear: both;
background-image: url(pc-img/nav-bg.jpg);
background-repeat: no-repeat;
width: 876px;
height: 67px;
padding-left: 12px;
}
div.navbg a {
display: block;
float: left;
line-height: 67px;
font-size: 16px;
padding: 0 41px;
color: white;
}
div.navbg a:hover,
div.navbg a.on {
color: #7dcfe3;
}
div.mainbg {
clear: both;
background-image: url(pc-img/mainbg.gif);
background-repeat: repeat-y;
display: table;
width: 888px;
}
div.main-photo {
clear: both;
background-image: url(pc-img/main-photo.jpg);
background-repeat: no-repeat;
width: 501px;
height: 366px;
position: relative;
}
div.main-photo p {
position: absolute;
color: white;
font-weight: bold;
top: 98px;
left: 192px;
width: 259px;
font-size: 11px;
}
div.boxes-titles-bg {
clear: both;
background-image: url(pc-img/boxes-titles-bg.jpg);
background-repeat: no-repeat;
width: 489px;
height: 53px;
margin-left: 12px;
}
div.box-title01,
div.box-title02,
div.box-title03,
div.box-title04 {
float: left;
width: 95px;
margin-left: 10px;
margin-right: 19px;
padding-top: 10px;
font-size: 14px;
color: #333333;
line-height: 14px;
}
div.box-title04 {
color: white;
font-weight: bold;
margin-right: 0;
margin-left: 14px;
padding-top: 17px;
}
div.boxes-bg-y {
clear: both;
background-image: url(pc-img/boxes-bg-y.gif);
background-repeat: repeat-y;
display: table;
width: 489px;
margin-left: 12px;
}
div.boxes-bg {
clear: both;
background-image: url(pc-img/boxes-bg.jpg);
background-repeat: no-repeat;
width: 489px;
display: table;
font-size: 11px;
}
div.box01,
div.box02,
div.box03,
div.box04 {
float: left;
width: 95px;
margin-left: 10px;
margin-right: 19px;
}
div.box04 {
margin-right: 0;
}
div.sidebar-box-bg {
clear: both;
background-image: url(pc-img/sidebar-box-bg.gif);
background-repeat: repeat-y;
display: table;
width: 382px;
}
div.step01,
div.step02,
div.step03 {
clear: both;
background-image: url(pc-img/bullet01.gif);
background-repeat: no-repeat;
margin-left: 27px;
padding-left: 33px;
height: 34px;
border-bottom: 1px #6e6e6e dotted;
width: 304px;
line-height: 23px;
}
div.step02,
div.step03 {
background-image: url(pc-img/bullet02.gif);
background-position: 0 5px;
border-bottom: none;
border-top: 1px #6e6e6e dotted;
line-height: 34px;
}
div.step03 {
background-image: url(pc-img/bullet03.gif);
}
#search {
margin: 14px 0;
margin-left: 27px;
padding: 0;
}
#search select {
clear: both;
width: 231px;
height: 31px;
padding: 9px 0 0 16px;
margin-bottom: 8px;
left: 10px;
display: block;
}
span.select {
  position: absolute;
  width: 231px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
  height: 31px;
  padding: 9px 0 0 16px;
  background: url(pc-img/select-bg.gif) no-repeat;
  overflow: hidden;
  color: #6e6e6e;
  font-size: 12px;
  display: block;
}
#search input {
float: left;
background-image: url(pc-img/search-best-rates_btn.jpg);
background-repeat: no-repeat;
background-color: #dd8102;
border: none;
cursor: pointer;
width: 76px;
height: 70px;
}
div.sidebar-box02-subtitles {
clear: both;
background-image: url(pc-img/sidebar-box02-subtitle.gif);
background-repeat: no-repeat;
width: 382px;
height: 34px;
}
div.subtitle01,
div.subtitle02,
div.subtitle03 {
float: left;
margin-left: 29px;
width: 142px;
line-height: 27px;
}
div.subtitle02 {
width: 59px;
}
div.subtitle03 {
width: auto;
}
div.sidebar-box02-bg {
clear: both;
background-image: url(pc-img/sidebar-box02-bg.gif);
background-repeat: repeat-y;
display: table;
width: 382px;
padding-top: 10px;
}
div.sidebar-box02-cell01,
div.sidebar-box02-cell02,
div.sidebar-box02-cell03 {
float: left;
margin-left: 29px;
width: 142px;
line-height: 24px;
}
div.sidebar-box02-cell02 {
width: 59px;
color: #dd8102;
}
div.sidebar-box02-cell03 {
width: auto;
color: #dd8102;
}
div.sidebar-box-down {
clear: both;
background-image: url(pc-img/sidebar-box02-down.gif);
background-repeat: no-repeat;
width: 353px;
height: 29px;
color: #b2b2b2;
font-size: 11px;
padding-left: 29px;
padding-top: 29px;
}
div.sidebar-box-down a {
color: #b2b2b2;
}
div.sidebar-box-down a:hover {
text-decoration: underline;
}
div.footer-bg {
clear: both;
background-image: url(pc-img/footer-bg.jpg);
background-repeat: no-repeat;
width: 888px;
height: 45px;
}
div.footer-links {
float: left;
font-size: 10px;
color: white;
padding-top: 15px;
padding-left: 15px;
}
div.footer-links a {
color: white;
margin: 0 3px;
}
div.footer-links a:hover {
text-decoration: underline;
}
div.copy {
float: right;
font-size: 9px;
padding-top: 20px;
padding-right: 15px;
color: #cacaca;
}