@charset "utf-8";
/* CSS Document */

BODY { margin: 0px; text-align: center; background: #dfe0d8 url(../images/bg.jpg) left top repeat-x; }
BODY, TEXTAREA, INPUT, TABLE, SELECT { color: #38444f; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
img { behavior: url("../css/pngbehavior.htc"); }
P, H1, H2, H3, IMG, UL, LI { margin:0; padding:0; }
.clear { clear: both; }
.hrline {border-top:1px solid #ccc;}

#wrapper {width: 1002px; text-align: left; margin-left: auto; margin-right: auto;}

#top_nav {width:942px; margin:27px 0px 27px 30px; height:29px;}
#top_nav ul {margin:0px; padding:0px; list-style-type:none; float:right; font-size:11px;}
#top_nav ul li {float:left; padding-right:20px; font-size:11px; font-weight:bold;}
#top_nav ul li a {color:#f3f1e4; text-decoration:none; display:block; line-height: 31px; padding:0px 5px 0px 5px;}
#top_nav ul li a:hover {color:#da251d; background-color:#f3f1e4; text-decoration:none;}
#top_nav UL LI A.active {color:#7b0b06;}

#flash_banner_inner {margin-left:30px;}

#inner_banner { margin: 0px 30px; height:165px; background: url(../images/oils-product-list-menu-bg.jpg) left 144px no-repeat }


#logo {position:absolute; margin-top:-5px; margin-left:30px; _margin-left:0px;}
#logo_inner {position:absolute; margin-top:8px; margin-left:30px; _margin-left:0px;}

#oil_product_list { margin: 0px 30px; background: url(../images/oils-product-list-menu-bg.jpg) bottom left no-repeat #eeeee6; border-top:1px solid #e4e4dc; padding-left: 20px; padding-bottom:30px;}
#oil_product_list h1 { font-size:160%; font-weight:bold; color:#0b64b6; padding:0px; margin-top:10px;}
#oil_product_list ul { float: left; padding: 0px; margin:5px 0px 5px 35px; list-style-type:none; width:145px;}
#oil_product_list ul li {margin:0px; padding:0px; font-size:10px; font-weight:normal; color:#38444f; line-height:22px;}
#oil_product_list ul li A {text-decoration:none; font-size:10px; font-weight:bold; color:#0b64b6;  }
#oil_product_list ul li a:hover {text-decoration:underline;}
#oil_product_list ul li .active {color:#da251d;}
#oil_product_list  UL LI P A {  font-weight: normal; line-height: 16px; height: 16px; border:none;  color:#38444f; padding-left:10px; background: url(../images/dot.jpg) left 8px no-repeat; }


#oil_product_list H2 { font-size:10px; font-weight:bold; color:#da251d; padding: 8px 0px; }
#oil_product_list P  { float: left; display: inline; margin-right:20px; font-size:90%; }
#oil_product_list P A { text-decoration: none; font-weight: normal; line-height: 16px; height: 16px; border:none;  color:#38444f; padding-left:10px; background: url(../images/dot.jpg) left 6px no-repeat; }
#oil_product_list P A:hover {text-decoration:underline;}



#content_inner {clear: both; padding:10px 0px 0px; border-bottom: 1px solid #abaca6; margin: 0px 30px;}
#content_inner h1 {font-size:18px; font-weight:bold; color:#da251d; margin:0px 0px 0px 30px; padding:0px;}
#content_inner p {font-size:11px; color:#878880; margin:5px 0px 20px 30px;}
#content_inner p span.space{ padding:0px 7px; color:#878880;}
#content_inner span {color:#38444f;}
#content_inner a {color:#878880; text-decoration:none; font-weight:normal;}
#content_inner a:hover {text-decoration:underline;}

#main_content {float:left; margin:30px 0px 30px 0px;}

.the_company { float: left; width:580px; margin-left:60px; display:inline; }
.the_company h2 { font-size: 110%; color:#da251d; margin-top: 15px; padding-left: 25px; line-height: 18px; background:url(../images/oil_drop.gif) left top no-repeat;}
.the_company p { margin-top: 12px; padding-left: 25px;}
.the_company ul { margin:12px 0px 0px 25px; list-style-type:none; color:#38444f;}
.the_company ul li {padding-left:20px; background:url(../images/arrow.jpg) left 4px no-repeat; line-height: 16px;}
.right_panel .head_c {font-size: 110%; color:#0b64b6; padding:15px 10px 0px 10px;}

.content {float: left; width: 300px;}
.content h2 {font-size:16px; color:#da251d; margin:15px 0px 5px 0px;}
.content h3 {font-size:16px; color:#0b64b6; margin:10px 0px 10px 0px;}
.content h4 {font-size:110%; color:#da251d; margin:10px 0px 5px 0px;}
.content h5 {font-size:12px; color:#fff; margin:5px 0px 10px 0px; padding:5px 0px 5px 10px; font-weight:bold;}
.content h5 a:link, .content h5 a:visited {text-decoration:none; color:#fff; font-weight:bold;}
.content h5 a:hover {text-decoration:none; color:#fff; font-weight:bold;}
.content p {color:#38444f; font-size:12px; font-weight:normal; line-height:normal; margin:5px 0px 0px 0px; _padding:0px;}
.content .company {font-size:110%; color:#0b64b6; padding:15px 0px 0px 0px;}
.content .branches {font-size:110%; color:#da251d; padding:5px 0px 0px 0px;}
.content .big {font-size:22px;}
.content ul {padding:0px; margin:0px 0px 0px 10px; list-style-type:none; color:#38444f;}
.content ul li {margin:0; padding-left:15px; background:url(../images/arrow.jpg) left 4px no-repeat; line-height:16px;}
.content a:link, .content a:visited {text-decoration:none; font-weight:normal; color:#38444f}
.content a:hover {text-decoration:underline; font-weight:normal; color:#38444f}

.content_oth {float: left; width: 300px;}
.content_oth h2 {font-size:16px; color:#da251d; margin:15px 0px 5px 0px;}
.content_oth h3 {font-size:16px; color:#0b64b6; margin:10px 0px 10px 0px;}
.content_oth h4 {font-size:110%; color:#da251d; margin:15px 0px 0px 0px;}
.content_oth h5 {font-size:12px; color:#fff; margin:5px 0px 10px 0px; padding:5px 0px 5px 10px; font-weight:bold;}
.content_oth h5 a:link, .content_oth h5 a:visited {text-decoration:none; color:#fff; font-weight:bold;}
.content_oth h5 a:hover {text-decoration:none; color:#fff; font-weight:bold;}
.content_oth p {color:#38444f; font-size:12px; font-weight:normal; margin:15px 0px 0px 0px; _padding:0px;}
.content_oth .company {font-size:110%; color:#0b64b6; padding:15px 0px 0px 0px;}
.content_oth .branches {font-size:110%; color:#da251d; padding:5px 0px 0px 0px;}
.content_oth .big {font-size:22px;}
.content_oth ul {padding:0px; margin:15px 0px 0px 10px; list-style-type:none; color:#38444f;}
.content_oth ul li {margin:0; padding-left:15px; background:url(../images/arrow.jpg) left 4px no-repeat; line-height:16px;}
.content_oth a:link, .content_oth a:visited {text-decoration:none; font-weight:normal; color:#38444f}
.content_oth a:hover {text-decoration:underline; font-weight:normal; color:#38444f}


/*.content .padding {padding:0px 0px 0px 25px;}
.oil_drop_bullet {font-size:110%; color:#da251d; margin:5px 0px 10px 0px; padding:0px 0px 5px 25px; background:url(../images/oil_drop.gif) left top no-repeat;}
*/
.right_panel {float: left; margin:30px 0px 20px 25px; _margin:30px 0px 20px 26px; width:260px; _width:281px; background:#E8E8DD; padding:0px 10px 5px 10px; _padding:0px 5px 5px 10px; border:1px solid #ccc; text-align:left;}
.right_panel .company {font-size:110%; color:#0b64b6; padding:15px 10px 0px 10px;}
.right_panel .branches {font-size:110%; color:#da251d; padding:5px 10px 0px 10px;}
.right_panel p { margin:0px 0px 5px 0px; padding:5px 10px 5px 10px;}
.right_panel ul {padding:5px 10px 15px 0px; margin:0px 0px 0px 10px; list-style-type:none; color:#38444f;}
.right_panel ul li {margin:0; padding-left:15px; background:url(../images/arrow.jpg) left 4px no-repeat; line-height: 16px;}
.right_panel a:link, .content a:visited {text-decoration:none; font-weight:normal; color:#38444f}
.right_panel a:hover {text-decoration:underline; font-weight:normal; color:#38444f}


.quality_certificate {float: left; margin:30px 0px 30px 60px; background:url(../images/quality_dnv.jpg) top right #E8E8DC no-repeat; width:880px; display:inline; height:260px;}
.quality_certificate p {color:#38444f; font-size:12px; font-weight:normal; line-height:normal; margin:15px 0px 0px 15px; padding:0px; width:500px;}
.quality_certificate H1 {font-size:110%; color:#0b64b6; padding:15px 0px 15px 15px;}
.quality_certificate .branches {font-size:110%; color:#da251d; padding:5px 0px 0px 0px;}
.quality_certificate ul {padding:0px; margin:0px 0px 0px 25px; list-style-type:none; color:#38444f;}
.quality_certificate ul li {margin:0; padding-left:15px; background:url(../images/arrow.jpg) left 4px no-repeat;}
.quality_certificate a:link, .content a:visited {text-decoration:none; font-weight:normal; color:#38444f}
.quality_certificate a:hover {text-decoration:underline; font-weight:normal; color:#38444f}

.specs {background:url(../images/button1.gif) left top no-repeat;}
.gmap {background:url(../images/button.gif) left top no-repeat; }

.quality_certificate .certificate { background: url(../images/button2.gif) left top no-repeat; color:#fff; margin:5px 0px 10px 13px; padding: 5px 20px; display: block;  }
.quality_certificate .certificate A {text-decoration:none; color:#ffffff; font-weight:bold; font-size:100%;}
.quality_certificate .certificate a:hover { color:#ffffff; font-weight: bold;}


.client_list { clear: both; width:942px; margin-bottom:20px; margin-left:40px;}
.client_list ul {margin:0px; padding:0px; list-style-type:none; float:left; display: inline; width:310px; margin-left:30px;}
.client_list ul li { line-height: 16px;padding-left:20px; background:url(../images/arrow.jpg) left 4px no-repeat;}

.other_products {width:600px; margin-bottom:20px; display:table;}
.other_products ul {margin:0px; padding:0px; list-style-type:none;}
.other_products ul li {width:265px; _width:276px; float:left; margin-left:15px;}

#infra_quality_client {width:854px; _width:900px; height: 116px; background: url(../images/quality_client.jpg) 320px top repeat-y;
 padding: 0px 0px 0px 45px; margin-bottom: 30px; }

#infra_quality_client .infrastructure { background:url(../images/infrastructure-bg.jpg) top left no-repeat; height:116px; width:275px; float:left; margin-right:15px;}
#infra_quality_client .infrastructure h1 {font-size:16px; font-weight:bold; color:#091622; padding: 10px 5px 0px 15px;}
#infra_quality_client .infrastructure p {font-size:11px; font-weight:normal; color:#9edeff; padding: 0px 0px 0px 15px;  width:150px; _width:165px; margin-top:10px;}
#infra_quality_client .infrastructure P a, a:link, a:visited {font-weight:bold; text-decoration:none; color:#9edeff;}
#infra_quality_client .infrastructure P a:hover { text-decoration:underline;}

#infra_quality_client .quality {background:url(../images/quality-bg.jpg) top left no-repeat; height:116px; width:275px; float:left;margin-right:14px;}
#infra_quality_client .quality h1 {font-size:14px; font-weight:bold; color:#f3f1e4; padding: 10px 5px 0px 15px;}
#infra_quality_client .quality p {font-size:11px; font-weight:normal; color:#ffffff; padding: 0px 0px 15px 15px; _padding: 0px 0px 0px 15px; width:165px; margin-top:10px;}
#infra_quality_client .quality span a, a:link, a:visited {font-weight:bold; text-decoration:none; color:#ffffff;}
#infra_quality_client .quality span a:hover {font-weight:bold; text-decoration:underline; color:#ffffff;}

#infra_quality_client .clientel {background: #0B64B6; height:116px; width:275px; float:left;}
#infra_quality_client .clientel h1 {font-size:120%; font-weight:bold; color:#091622; padding: 10px 5px 0px 15px; _padding: 10px 5px 0px 15px;}
#infra_quality_client .clientel ul {margin:8px 0px 0px 15px; padding:0px; list-style-type:; color:#f3f1e4; font-family:tahoma; font-size:90%;}
#infra_quality_client .clientel ul li {margin-left:15px; padding:0px; line-height:15px;}
#infra_quality_client .clientel P {text-align:right; padding-right:17px;}
#infra_quality_client .clientel P a {font-weight:bold; font-size:90%; text-decoration:none; color:#121212;}
#infra_quality_client P a:hover {font-weight:bold; font-size:11px; text-decoration:underline; color:#121212;}

#home_address {clear: both; width:942px; margin:0px auto; background:#e8e8dd; border-top:1px solid #b0b1aa; border-bottom:1px solid #b0b1aa; height:65px; _margin-left:30px;}
#home_address h1 {font-size:16px; font-weight:bold; color:#323331; padding: 10px 10px 0px 50px; margin-top:3px;}
#home_address p {font-size:12px; font-weight:normal; color:#6e6f6c; padding: 0px 10px 5px 50px; margin-top:3px;}

#bottom  {clear: both; padding:0px; margin:15px auto; margin-bottom:28px; font-size:11px;}
#bottom .copyright {float:left; width:740px; _width:820px; padding: 0px 10px 5px 30px; margin-bottom:28px; color:#575957;}
#bottom .designed {margin-bottom:28px; color:#575957;}
#bottom .designed a, a:link, a:active, a:visited {text-decoration:underline; color:#575957;}
#bottom .designed a:hover {text-decoration:none; color:#575957;}

.first { width:170px; text-align:center; background:#2a2d31; color:#9b9d97;margin-left:40px;}

.segment { float: right;margin-top:0px;font-size:16px; color: #0b64b6; font-weight: bold; position:absolute; margin-top: 210px; _margin-top: 200px;
margin-left: 690px; _margin-left: -250px;}

#inputtable {width: 550px; margin-left:0px;}
#inputtable INPUT, TEXTAREA, SELECT {border: 1px solid #666666;}
#inputtable .mandatory {color:#CC0000;}

#specs { border-top: 1px solid #ABACA6; border-right: 1px solid #ABACA6; border-collapse:collapse; margin:0px;}
#specs td { border-left: 1px solid #ABACA6; border-bottom: 1px solid #ABACA6; padding:3px 2px 2px 5px; vertical-align:top; margin:0px;}
.row {background:#E8E8DC;}