body{
  padding: 0;
  margin: 0;
  background-color: #5F3701;
  background-image: url(../images/bodyBg.jpg);
  background-repeat: repeat-x;
  background-position: left top;
  font-family: Verdana;
  font-size: 9pt;
  color: #AEAEAE;
}

A:link, A:visited{
  font-family: Verdana;
  color: #DC3030;
  font-size: 9pt;
  text-decoration: underline;
  outline: none;
}

A:hover{
  text-decoration: none;
}

.containerHome{
  width: 1256px;
  height: 800px;
  text-align: left;
  background-image: url(../images/homeBg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.containerProducts{
  width: 1256px;
  height: 800px;
  text-align: left;
  background-image: url(../images/productBg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.containerContact{
  width: 1256px;
  height: 800px;
  text-align: left;
  background-image: url(../images/contactBg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.containerCommon{
  width: 1256px;
  height: 800px;
  text-align: left;
  background-image: url(../images/commonBg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.logo{
  float: left;
  width: 274px;
  height: 201px;
}

.headerData{
  float: left;
  margin-top: 66px;
  margin-left: 18px;
}

.topMenuHome{
  float: left;
  width: 868px;
  height: 64px;
  padding-left: 20px;
  background-image: url(../images/topMenuBg_home.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.topMenuProducts{
  float: left;
  width: 868px;
  height: 64px;
  padding-left: 20px;
  background-image: url(../images/topMenuBg_products.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.topMenuContact{
  float: left;
  width: 868px;
  height: 64px;
  padding-left: 20px;
  background-image: url(../images/topMenuBg_contact.jpg);
  background-repeat: no-repeat;
  background-position: 1px top;
}

.topMenuCommon{
  float: left;
  width: 868px;
  height: 64px;
  padding-left: 20px;
  background-image: url(../images/topMenuBg_common.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}

.topMenuItem{
  float: left;
  width: 101px;
  height: 33px;
  margin-top: 30px;
  margin-right: 10px;
  background-image: url(../images/topMenuItem.jpg);
  background-repeat: no-repeat;
  position: relative;
}

.topMenuItemSelected{
  float: left;
  width: 101px;
  height: 33px;
  margin-top: 30px;
  margin-right: 10px;
  position: relative;
}

.topMenuItem A:link, .topMenuItem A:visited, .topMenuItemSelected A:link, .topMenuItemSelected A:visited{
  display: block;
  width: 101px;
  height: 23px;
  padding-top: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 8pt;
  text-transform: uppercase;
  color: #FFF;
  text-decoration: none;
}

.topMenuItem A:hover{
  color: #000;
}

.topMenuItemSelected A:hover{
  color: #DD3131;
}

.productMenu, .serviceMenu{
  position: absolute;
  top: 33px;
  left: 0px;
  width: 200px;
  padding: 2px 2px 1px 2px;
  background-color: #5D4F12;
}

.productMenu A:link, .productMenu A:visited, .serviceMenu A:link, .serviceMenu A:visited{
  display: block;
  width: 190px;
  height: auto;
  margin-bottom: 1px; 
  padding: 5px 5px; 
  background-color: #000;
  font-weight: normal;
  text-align: left;
  font-size: 7pt;
}

.productMenu A:hover, .serviceMenu A:hover{
  color: #FFF;
  background-color: #D52D2E;
}

.petroLogo{
  float: left;
}

.homeTitle{
  color: #000;
  font-size: 21pt;
  padding-top: 50px;
  padding-left: 150px;
  font-style: italic;
}

.commonTitle{
  color: #FFF;
  font-size: 14pt;
  font-weight: bold;
  padding-top: 50px;
  padding-left: 30px;
  font-style: italic;
}

.content{
  width: 1256px;
}

.homeContentOuter{
  padding-top: 20px;
  width: 100%;
  height: 503px;
}

.homeContentInner{
  line-height: 150%;
  margin-left: 400px;
  width: 500px;
}

.leftMenu{
  float: left;
  width: 180px;
  height: 460px;
  margin: 50px 40px 0 10px;
  overflow: hidden;
}

.productContent{
  float: left;
  width: 1000px;
  height: 483px;
  margin-top: 50px;
  overflow: hidden;
}

.commonContent{
  width: 1160px;
  height: 433px;
  margin-top: 100px;
  margin-left: 50px;
  overflow: auto;
  line-height: 150%;
}

.contactContent{
  width: 1200px;
  height: 478px;
  margin-top: 45px;
  margin-left: 30px;
  overflow: auto;
  line-height: 150%;
}

.quoteContent{
  width: 1200px;
  height: 340px;
  margin-left: 30px;
  overflow: auto;
  line-height: 150%;
}

.leftMenuItem{
  background-color: #000;
  padding: 7px 5px;
}

.leftMenuItemSelected{
  background-color: #D52D2E;
  padding: 7px 5px;
}

.leftMenuItem A:link, .leftMenuItem A:visited, .leftMenuItemSelected A:link, .leftMenuItemSelected A:visited{
  color: #FFF;
  text-decoration: none;
  font-size: 10pt;
}

.leftMenuItem A:hover{
  color: #AEAEAE;
}

.leftMenuItemSelected A:hover{
  color: #FFF;
}

.leftMenuSep{height: 5px;}

.subcategory{
  background-color: #000;
  border-top: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  margin-bottom: 5px;
  padding: 5px 3px 8px 7px;
}

.subctegoryItem A:link, .subctegoryItem A:visited{
  display: block;
  padding: 3px 0;
  background-image: url(../images/arrow.jpg);
  background-repeat: no-repeat;
  padding-left: 10px;
  background-position: left 7px;
  font-size: 8pt;
  text-decoration: none;
}

.subctegoryItem A:hover, .subctegoryItemSelected A:link, .subctegoryItemSelected A:visited{
  display: block;
  padding: 3px 0;
  background-image: url(../images/arrowSelected.jpg);
  background-repeat: no-repeat;
  padding-left: 10px;
  background-position: left 7px;
  font-size: 8pt;
  text-decoration: none;
  color: #FFF;
}

.categoryTitle{
  color: #F20809;
  font-size: 13pt;
  padding-bottom: 5px;
}

.categoryTitle2{
  color: #F20809;
  font-size: 13pt;
  padding-bottom: 5px;
  padding-top: 20px;
}

.product{
  float: left;
}

.pother{
  margin-left: 20px;
}

.productTitle{
  width: 320px;
  height: 20px;
  overflow: hidden;
  color: #FFF;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 5px;
  font-size: 8pt;
}

.productImage{
  background-repeat: no-repeat;
  background-position: center center;
  width: 159px;
  height: 108px;
  overflow: hidden;
  background-color: #FFF;
}

.productEnquire{
  padding-top: 8px;
  text-align: center;
}

.productEnquire A{
  font-size: 8pt;
}

.productText{
  float: left;
  width: 155px;
  height: 130px;
  padding-left: 6px;
  overflow: hidden;
  font-size: 8pt;
}

.separator{
  width: 880px;
  height: 1px;
  background-color: #AEAEAE;
  margin-bottom: 10px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.separator2{
  width: 1000px;
  height: 1px;
  background-color: #AEAEAE;
  margin-bottom: 10px;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.separator3{
  clear: left;
  width: 1000px;
  height: 1px;
  background-color: #AEAEAE;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.separator4{
  clear: left;
  width: 1000px;
  height: 40px;
}

.spacer{
  width: 100%;
  height: 20px;
}

.nothing{
  text-align: center;
  padding-top: 50px;
  font-style: Italic;
  color: #FFF;
}

.servicesLeft{
  float: left;
  width: 200px;
  height: 430px;
  margin-top: 75px;
  padding-left: 20px;
  overflow: hidden;
}

.servicesRight{
  float: left;
  width: 640px;
  height: 450px;
  margin-top: 60px;
  line-height: 150%;
  overflow: hidden;
}

.serviceImage{
  background-repeat: no-repeat;
  background-position: center center;
  width: 159px;
  height: 108px;
  overflow: hidden;
  background-color: #FFF;
  margin-bottom: 20px;
}

.clear{
  clear: both;
}

.footerHome{
  width: 1256px;
  height: 34px;
  padding-top: 23px;
  background-image: url(../images/footerBg_home.jpg);
  background-repeat: no-repeat;
  color: #FFF;
  font-size: 7pt;
}

.footerCommon{
  width: 1256px;
  height: 34px;
  padding-top: 23px;
  background-image: url(../images/footerBg_common.jpg);
  background-repeat: no-repeat;
  color: #FFF;
  font-size: 7pt;
}

.copyright{
  float: left;
  padding-left: 30px;
}

.designed{
  float: right;
  padding-right: 30px;
}

.designed A:link, .designed A:visited{
  font-size: 7pt;
  text-decoration: none;
}

.designed A:hover{
  text-decoration: underline;
}

.pager{
  width: 420px;
  float: right;
  margin-top: 14px;
  text-align: center;
}

.pager img{
  padding-top: 1px;
}

.pager A.pager-other:link, .pager A.pager-other:visited{
  display: block;
  float: right;
  border: 1px solid #AEAEAE;
  margin: 2px 4px;
  padding: 2px 5px;
  font-weight: bold;
  font-size: 8pt;
  text-decoration: none;
}

.pager A.pager-other:hover{
  color: #FFF;
  background: #DC3030;
  text-decoration: none;
  border: 1px solid #FFF;
}

.pager div.pager-current{
  float: right;
  background: #DC3030;
  color: #FFF;
  font-size: 8pt;
  border: 1px solid #AEAEAE;
  margin: 2px 4px;
  padding: 2px 5px;
  font-weight: bold;
}

.pager div.pager-total{
  float: right;
  color: #DC3030;
  margin: 2px 4px;
  padding: 2px 5px;
}