.page-frame
{
  width: 800px;
  background-color: white;
  border-collapse: collapse;
  border-left: solid 1px #999999;
  border-right: solid 1px #999999;
  border-bottom: solid 1px #999999;
  font-size: 11px;
}
.page-content
{
  font-size: 11px;
  border-collapse: collapse;
  background-color:White;
  padding:3px;
}

/* Banner */
.banner-holder
{
  background-image: url(../images/img_bnr_bg.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-color: #BDD6FF;
  font-size: 11px;
}
.banner-top
{
  background-image: url(../images/img_bnr_top_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}
.banner-top-left
{
  width: 54px;
}
.banner-top-right
{
  height: 25px;
  padding-left: 5px;
}
.banner-sotrans
{
  color: #D54905;
  font-size: 9px;
  font-weight: bold;
  font-family: Arial;
  text-decoration: none;
}
.banner-sotrans:hover
{
  color: #4C79C3; /* #FF7200; */
}
.banner-bottom
{
  background-image: url(../images/img_bnr_btm_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}
.banner-content
{
  height: 130px;
  padding: 23px 0px 0px 20px;
}

/* Banner menu */
.menu-holder
{
  background-image: url(../images/img_menu_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
}
.menu-frame
{
  padding: 10px 0px 0px 30px;
  height: 43px;
}
.menu-quote
{
  width: 180px; 
}
.menu-bottom
{
  background-color: #FFFFFF;
  background-image: url(../images/img_menu_btm_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
	font-size: 1px;
}
.menu-bottom-right
{
  width: 52px;
}

/* Footer */
.footer-holder
{
  border-collapse: collapse;
  background-image: url(../images/img_footer_bg.gif);
  background-repeat: repeat-x;
  background-position: 0px 0px;
  height: 27px;
  font-size: 11px;
}
.footer-left
{
  width: 200px;
  padding: 0px 0px 4px 5px;
}
.footer-center
{
  color: #999999;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
  padding: 0px 0px 4px 80px;
}
.footer-right
{
  width: 150px;
  padding: 0px 5px 4px 0px;
}
.footer-link
{
  color: #999999;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.footer-link:hover
{
  color: #FF5300;
}
.footer-eyeblast
{
  color: #999999;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.footer-eyeblast:hover
{
  color: #FF5300;
}

/* Index (main) page */
.main-welcome
{
  height: 115px;
  padding: 5px 30px 5px 10px;
}
.main-welcome-left
{
  border-bottom: solid 1px #FF5300;
}
.main-welcome-img
{
  border-bottom: solid 1px #FF5300;
  border-right: solid 1px #FF5300;
}
.main-welcome-link
{
  padding: 0px 0px 10px 10px;
  border-bottom: solid 1px #FF5300;
}

.main-offerd
{
  height: 130px;
  padding: 5px 30px 5px 10px;
}
.main-offerd-left
{
  border-bottom: solid 1px #FF5300;
}
.main-offerd-img
{
  border-right: solid 1px #FF5300;
}
.main-offerd-link
{
  padding: 0px 0px 10px 10px;
  border-bottom: solid 1px #FF5300;
  background-image: url(../images/img_hbox_orange.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.main-offere
{
  height: 120px;
  padding: 5px 30px 5px 10px;
}
.main-offere-img
{
  border-right: solid 1px #FF5300;
}
.main-offere-link
{
  padding: 0px 0px 10px 10px;
}

.main-air
{
  padding: 5px 100px 5px 10px;
  background-image: url(../images/main/img_air.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.main-ocean
{
  padding: 5px 100px 5px 10px;
  background-image: url(../images/main/img_ocean.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.main-car
{
  padding: 5px 100px 5px 10px;
  background-image: url(../images/main/img_car.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.main-car-link
{
  width: 205px;
  padding: 0px 0px 10px 10px;
}
.main-link-left
{
  padding: 0px 0px 10px 10px;
}
.main-link-right
{
  width: 205px;
  padding: 0px 0px 10px 10px;
  border-bottom: solid 1px #FF5300;
}
.main-right-box
{
  width: 20px;
  font-size: 1px;
  border-bottom: solid 5px #FF5300;
}
.main-right-last
{
  width: 20px;
  font-size: 1px;
}

/* Styles for pages with common layout */
.panel-vline
{
  border-bottom: solid 1px #FF5300;
}
.panel-summary
{
  padding: 5px 30px 5px 10px;
  border-bottom: solid 1px #FF5300;
}
.panel-image
{
  border-bottom: solid 1px #FF5300;
  border-right: solid 1px #FF5300;
}
.panel-content
{
  border-right: solid 1px #FF5300;
  padding: 10px 15px 20px 15px;
}
.panel-slogan
{
  font-family: Arial;
  font-size: 18px;
  font-style: italic;
  font-weight: bold;
  color: #FF5300;
  text-align: left;
}

/* Tracking page */
.tracking-right
{
  width: 245px;
  padding: 30px 30px 0px 30px;
  background-image: url(../images/pages/img_compas_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.tracking-cell
{
  padding: 5px 0px 5px 0px;
  border-top: dashed 1px #8D8D8D;
  border-bottom: dashed 1px #8D8D8D;
  font-family: Arial;
  font-size: 15px;
}
.tracking-link
{
  font-family: Arial;
  font-size: 15px;
  color: #8D8D8D;
  text-decoration: none;
}
.tracking-link:hover
{
  color: #FF5300;
}

/* Tracking page */
.contact-right
{
  width: 245px;
  padding: 30px 20px 0px 20px;
  background-image: url(../images/pages/img_compas_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

/* Car shipping page */
.carship-right
{
  width: 245px;
  padding: 20px 40px 0px 40px;
  background-image: url(../images/pages/img_carship_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 98%;
}

/* Air export page */
.air-right
{
  width: 345px;
  padding: 20px 20px 0px 20px;
  background-image: url(../images/pages/img_air_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 98%;
}

/* Ocean export page */
.ocean-right
{
  width: 345px;
  padding: 20px 20px 0px 20px;
  background-image: url(../images/pages/img_ocean_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 98%;
}

/* Warehousing page */
.whouse-right
{
  width: 345px;
  padding: 20px 30px 0px 30px;
  background-image: url(../images/pages/img_warehousing_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 98%;
}

/* Countries page */
.countries-right
{
  width: 345px;
  padding: 30px 20px 0px 30px;
  background-image: url(../images/pages/img_compas_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}
.country-name
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
}

/* About... pages */
.about-content
{
  border-right: solid 1px #FF5300;
  padding: 10px 15px 20px 15px;
}
.about-right
{
  width: 245px;
  padding: 10px 20px 0px 20px;
  background-image: url(../images/pages/img_compas_bg.gif);
  background-repeat: no-repeat;
  background-position: 50% 100%;
}

/* Quote page */
.quote-frame
{
  padding: 0px 15px 20px 15px;
  font-size: 11px;
}
.quote-title
{
  width: 100%;
  padding: 15px 0px 5px 0px;
  text-align: center;
}
.quote-subtitle
{
  width: 100%;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FF5300;
  padding: 20px 0px 5px 0px;
  text-align: center;
}
.quote-text
{
  font-family: Arial;
  font-size: 12px;
  width: 100%;
  text-align: center;
}
.quote-error-frame
{
  margin: 0px 0px 0px 0px;
  border-style: none;
  width: 100%;
}
.quote-error
{
  background-image: url(../images/img_error.gif);
  background-repeat:no-repeat;
  background-position:0px 40%;
  padding: 3px 10px 3px 20px;
  font-weight: bold;
  font-size: 16px;
  color: darkred;
  text-align: left;
}
.quote-comment
{
  font-family: Arial;
  font-size: 10px;
}
.quote-form
{
  font-size: 11px;
  border-collapse: collapse;
  border-top: solid 1px #FF5300;
  border-bottom: solid 1px #FF5300;
}
.quote-label
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding-top: 10px;
}
.quote-title-resp
{
  font-family: Tahoma;
  font-size: 13px;
  font-weight: bold;
  color: #FF5300;
  padding: 30px 0px 20px 0px;
}
.quote-close-frame
{
  padding: 130px 0px 0px 0px;
}
.quote-sign
{
  font-size: 13px;
  padding: 10px 0px 0px 0px;
  font-weight: bold;
  font-style: italic;
  color: #8D8D8D;
}
.quote-containers
{
  font-size: 11px;
  border-collapse: collapse;
  border: solid 1px #FF5300;
}
.quote-cont-ttl
{
  background-color: #FFBC86;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0px 2px 2px;
}
.quote-cont-val
{
  font-size: 12px;
  padding: 0px 0px 2px 2px;
}
.quote-cont-cval
{
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px 2px 2px;
}
.quote-ports
{
  font-size: 11px;
  border-collapse: collapse;
  border: solid 1px #FF5300;
}
.quote-port-name
{
  font-family: Arial;
  font-size: 12px;
  color: #000000;
  padding: 5px 5px 5px 5px;
}
.quote-link
{
  width: 100%;
  padding: 5px 0px 5px 0px;
  text-align: right;
}

/* Common styles */
.text
{
  font-family: Arial;
  font-size: 12px;
}
.text-link
{
  font-family: Arial;
  font-size: 12px;
  color: #8D8D8D;
  text-decoration: underline;
}
.text-link:hover
{
  color: #FF5300;
}
.textbox
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #88A8E0;
}
.dropdown
{
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #88A8E0;
}
.button
{
  font-size: 14px;
  font-weight: normal;
}
.title
{
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #FF5300;
  padding-bottom: 5px;
}
.subtitle
{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FF5300;
  padding-bottom: 5px;
}
.sub-subtitle
{
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #8D8D8D;
  padding: 5px 0px 5px 0px;
}
.link-panel
{
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #8D8D8D;
  text-decoration: none;
}
.link-panel:hover
{
  color: #FF5300;
}

.color_title
{
    width: 350px;
    height: 25px;
    color: #ff7d1e;
    
}

div.sectionTitle
{
	width: 450px;
    height: 25px;
    color: #FF5300;
}