/* Colors: Blue #466677 | Red #B70711*/

body {background:#2D4F60 url(../image-design/bg_main.jpg) top repeat-x; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:100.01%; color:#394653;
padding:0px; margin:0px; width:100%;}
body.home {background:#2D4F60 url(../image-design/bg_main_index.jpg) top repeat-x;}

/* common styles */	
td {font-family:Tahoma, Arial, Helvetica, sans-serif; color:#394653; line-height:140%; font-size:70%;}
a {color:#D71822; text-decoration:none;}
a:hover {color:#394653; text-decoration:underline;}
p {margin:0px 0px 10px 0px;}
hr {color:#2D4F60; height:1px;}

h1 {color:#B70711; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../image-design/dash.gif) bottom repeat-x; padding-bottom:7px; font-size:210%; font-weight:normal; line-height:100%;}
h2 {color:#466677; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:180%; font-weight:normal; line-height:100%;  margin:24px 0px 7px 0px;}
h3 {color:#B70711; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:140%;  margin:20px 0px 5px 0px;}
h4 {color:#466677; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:130%; margin:20px 0px 5px 0px; }
h5 {color:#466677; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:120%;  margin:15px 0px 0px 0px;}
h6 {color:#466677; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:90%;  margin:10px 0px 0px 0px;}

a img {border:0px;}

.f_left {float:left;}
.f_right {float:right;}
.clear {clear:both;}

/* structure styles */
.main {width:89%; margin-top:46px;}
.sh_r {background:url(../image-design/sh_r.gif) left repeat-y; vertical-align:top; width:8px;}
.sh_l {background:url(../image-design/sh_l.gif) right repeat-y; vertical-align:top; width:8px;}
.sh_t {background:url(../image-design/sh_t.jpg) repeat-x; text-align:center;}
.sh_b {background:url(../image-design/sh_b.jpg) repeat-x; text-align:center;}
.top_sh {background:url(../image-design/sh_top.jpg) center bottom no-repeat; height:12px;}
.page {vertical-align:top; background:#FFFFFF;}
.top {height:104px; background:#961419 url(../image-design/bg_top.jpg) repeat-x;}
.logo {vertical-align:top; padding:12px 0px 0px 23px;}
.phone {background:url(../image-design/icon_phone.jpg) left top no-repeat; vertical-align:top; width:230px; padding:20px 40px 0px 0px; color:#FFFFFF; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; font-size:21px; text-align:right; line-height:110%;}
.phone p {font-size:60%; line-height:0%; margin-top:10px;}
.phone p a {color:#FFFFFF; text-decoration:none;}
.phone p a:hover {color:#FFFFFF; text-decoration:underline;}
.leftcol {width:213px; vertical-align:top;}
.content_col {vertical-align:top; background:url(../image-design/bg_content.jpg) top repeat-x;}
.content_sh {background:url(../image-design/content_sh.jpg) left repeat-y; vertical-align:top; width:7px;}

.box1 {padding:18px 20px 0px 38px; vertical-align:top; color:#FFFFFF; width:32%;}
.box2 {padding:18px 20px 0px 18px; vertical-align:top; color:#FFFFFF; border-left:3px solid #FFFFFF; width:34%;}
.box1 h2, .box2 h2 {color:#FFFFFF; background:url(../image-design/dash_white.gif) bottom repeat-x; padding-bottom:7px; font-size:145%; margin:12px 0px 27px 10px; font-weight:bold;}
.box2 h2.long {margin:0px 0px 27px 10px; line-height:90%; padding-bottom:6px;}
.page_box .box1 h2, .page_box .box2 h2 {margin-bottom:0px;}
.box1 a, .box2 a {color:#FFFFFF; text-decoration:none;}
.box1 a:hover, .box2 a:hover {color:#FFFFFF; text-decoration:underline;}
.box1 a.linkmore, .box2 a.linkmore {background:url(../image-design/link_icon_white.gif) left no-repeat; padding-left:12px; text-decoration:none;}
.box1 a.linkmore:hover, .box2 a.linkmore:hover {background:url(../image-design/link_icon_white.gif) left no-repeat; padding-left:12px; text-decoration:underline;}

.box1 ul, .box2 ul {list-style-type:none; margin:0px 0px 10px 0px; padding:0px;}
.box1 ul li, .box2 ul li {background:url(../image-design/bullet_white.gif) 0px 7px no-repeat; padding-left:15px; margin-left:15px;}

.content {padding:24px 20px 0px 30px; vertical-align:top;}
.header {background:url(../image-design/header_bg.jpg) top repeat-x; height:123px;}

.header_img {background:url(../image-design/header.jpg) left no-repeat; height:123px; text-align:right;}

/* header image styles */
body.head1 .header_img {background:url(../image-design/header_station.jpg) left no-repeat; height:123px; text-align:right;}
body.head2 .header_img {background:url(../image-design/header_shops.jpg) left no-repeat; height:123px; text-align:right;}
body.head3 .header_img {background:url(../image-design/header_road_tunnel.jpg) left no-repeat; height:123px; text-align:right;}
body.head4 .header_img {background:url(../image-design/header_airport.jpg) left no-repeat; height:123px; text-align:right;}
body.head5 .header_img {background:url(../image-design/header_listed_buildings.jpg) left no-repeat; height:123px; text-align:right;}
body.head6 .header_img {background:url(../image-design/header_train.jpg) left no-repeat; height:123px; text-align:right;}
body.head7 .header_img {background:url(../image-design/header_power.jpg) left no-repeat; height:123px; text-align:right;}
body.head8 .header_img {background:url(../image-design/header_storage_tanks.jpg) left no-repeat; height:123px; text-align:right;}
body.head9 .header_img {background:url(../image-design/header_car_tunnel.jpg) left no-repeat; height:123px; text-align:right;}
body.head10 .header_img {background:url(../image-design/header_carpark.jpg) left no-repeat; height:123px; text-align:right;}
body.head11 .header_img {background:url(../image-design/header_rackstorage.jpg) left no-repeat; height:123px; text-align:right;}
body.head12 .header_img {background:url(../image-design/header_refinery.jpg) left no-repeat; height:123px; text-align:right;}

.boxes {background:#7A98A9 url(../image-design/bg_box.jpg) top repeat-x; min-height:90px;}
.footer {height:52px; margin-top:3px; background:url(../image-design/bg_footer.jpg) top repeat-x;}

.content ul {margin:0px; padding:0px;}
.content ul li {list-style-type:none; background:url(../image-design/bullet.gif) 0px 7px no-repeat; margin-left:5px; padding-left:16px;}
.content ol {margin-left:0px; padding:0px;}
.content ol li {margin: 0px 0px 10px 25px;}

th {background:#466677; text-align:left; font-size:80%; padding:5px; color:#FFFFFF;}
.required {color:#D61821; font-weight:bold;}

/* faq only page styles */
.content ul.faq {margin:0px; padding:0px;}
.content ul.faq li {list-style-type:none; background:url(../image-design/link_icon.gif) 0px 7px no-repeat; margin-left:5px; padding-left:16px; padding-bottom:10px;}
.content ul.faq li a {color:#394653; font-size:104%; border-bottom:dotted 1px #394653;}
.content ul.faq li a:hover {color:#D71822; text-decoration:none; border-bottom:none;}

/* index only styles */
.header_index {background:url(../image-design/header_index_bg.jpg) top repeat-x; height:200px; border-bottom: 3px solid #FFFFFF; }
.content_index {background:url(../image-design/index_top_img.jpg) top right no-repeat; padding:24px 20px 0px 30px; vertical-align:top;}

/* form styles */
form {padding:0px; margin:0px;}
.input {height:20px; font-size:11px; color:#000000; background-color:#E7EAED; border:1px solid #466677; width:250px;}
.select {height:20px; font-size:11px; color:#000000; background-color:#E7EAED; border:1px solid #466677; width:250px;}
textarea {font-size:11px; color:#000000; background-color:#E7EAED; border:1px solid #466677; width:250px;}
.btn {background:#D61821 url(../image-design/btn_bg.jpg) top repeat-x; border:1px solid #981419; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0px 8px;}

/* tables style */
.content table {width:100%; border:1px solid #BDC5CC; margin:10px 0px;}
.content table tr {vertical-align:top;}
.content table td {padding:3px;}

.content table.table-layout {width:100%; border:none; margin:10px 0px;}
.content table.table-standard {width:100%; border-spacing=1px 1px;}

/* right sub-menu style */
.content table.submenu {width:170px; border: #CCCCCC 1px dotted; padding:10px 10px; float:right;}
.content table.submenu ul li a {color:#466677; border-bottom:dotted 1px #466677;}
.content table.submenu ul li a:hover {color:#D71822; text-decoration:none; border-bottom:none;}
body.submenu01 table.submenu ul li.submenu01 a,
body.submenu02 table.submenu ul li.submenu02 a,
body.submenu03 table.submenu ul li.submenu03 a,
body.submenu04 table.submenu ul li.submenu04 a,
body.submenu05 table.submenu ul li.submenu05 a,
body.submenu06 table.submenu ul li.submenu06 a,
body.submenu07 table.submenu ul li.submenu07 a,
body.submenu08 table.submenu ul li.submenu08 a,
body.submenu09 table.submenu ul li.submenu09 a,
body.submenu10 table.submenu ul li.submenu10 a,
body.submenu11 table.submenu ul li.submenu11 a
{color:#D71822; text-decoration:none; border-bottom:none;}



.pricelist-a {background:#DEE2E5;}
.pricelist-a .col-a {width:20%;}
.pricelist-a .col-b {width:60%;}
.pricelist-a .col-c {width:20%;}

.pricelist-a td {background:#FFFFFF;}