html, body {
  margin: auto;
  padding: 0px;
  font: 10pt Arial;
  color: #000000;
}

body {
  text-align: center;
  margin: 0px auto 0px auto;
}

#top_logo {
  z-index: 1;
  position: relative;
  background: url("../layout/halalstorage_blank.jpg") no-repeat -197px -0px;
  width: 988px;
  height: 122px;
  top: 0px;
  margin: auto;
}

#top_logo a {
  width: 380px;
  height: 105px;
  position: absolute;
  top: 4px;
  margin: 0 auto auto -468px;
}

#background {
  z-index: 0;
  position: relative;
  background: #4b4f58;
  width: 100%;
  height: 123px;
  top: -32px;
  left: 0px;
}

#content_background {
  z-index: 2;
  position: absolute;
  background: #ffffff;
  width: 971px;
  top: 122px;
  left: 50%;
  margin: 0 auto auto -485.5px;
  padding: 8px 8px 8px 8px;
}

.search_menu {
  width: 971px;
  height: 42px;
}

/*search part*/
.search {
  height: 30px;
  float: left;
  padding: 5px 0px 0px 10px;
}

.search_title {
  font: 9pt lucida sans, Arial;
  padding-right: 10px;
  float: left;
  padding: 5px 10px 0px 0px;
}

.search_box_title {
  padding-right: 5px;
  float: left;
}

#search_button {
  background:url('../layout/go_button.jpg') no-repeat;
  width:28px;
  height:20px;
  float: left;
  cursor:pointer;
}

#search_button_form {
  background:url('../layout/search.jpg') no-repeat;
  width:58px;
  height:19px;
  float: right;
  cursor:pointer;
}

/*menu part*/
.menu {
  height: 30px;
  float: right;
  padding: 5px 0px 0px 0px;
}

.menu_table {
  background: #d8d8d8;
  height: 30px;
  font: 9pt lucida sans, Arial;
}

.menu_table_td {
  background: #e9e9e9;
  border: 1px solid #ffffff;
  padding: 5px 8px 5px 8px;
}

.menu_table_td a {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-decoration: none;
}

.top_image {
/*  background: url("../layout/halalstorage_blank.jpg") no-repeat -205px -164px;*/
  width: 971px;
  height: 184px;
}

/*breadcrumb part*/
.breadcrumb_part {
  background: url("../layout/halalstorage_blank.jpg") no-repeat -205px -348px;
  width: 971px;
  height: 65px;
}

.breadcrumb_left_green {
  float: left;
  font: 9pt lucida sans, Arial;
  color: #ffffff;
  padding: 22px 0px 0px 22px;
}

.breadcrumb_left {
  float: left;
  font: 9pt lucida sans, Arial;
  color: #000000;
  padding: 22px 0px 0px 35px;
}

.breadcrumb_left a {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-decoration: none;
}

span.gt {
  background: url('../layout/breadcrumb_arrow.jpg') no-repeat center center;
  width: 3px;
  height: 5px;
  padding: 0px 5px 0px 5px;
}

.breadcrumb_right_time {
  float: right;
  font: 9pt lucida sans, Arial;
  color: #000000;
  padding: 22px 30px 0px 5px;
}

/*content part*/
#content_part {
  width: 971px;
  height: 100%;
}

#content_left {
  width: 270px;
  height: 100%;
  float: left;
  border-right: 4px solid #e9e9e9;
}

#item {
  width: 265px;
  float: left;
  padding: 5px 18px 5px 0px;
}

.item_left_image {
  width: 69px;
  height: 61px;
  float: left;
  border: 4px solid #e9e9e9;
}

.item_right {
  width: 158px;
  float: left;
  margin: 0px 0px 0px 10px;
  border-bottom: 1px solid #e9e9e9;
  vertical-align: top;
  text-align:left;
}

.item_right_no_line {
  width: 158px;
  float: left;
  margin: 0px 0px 0px 10px;
  vertical-align: top;
  text-align:left;
}

.title {
  font: 10pt lucida sans, Arial;
  font-weight: bold;
  color: #0053b5;
  padding-bottom: 5px;
}

.title a {
  font: 10pt lucida sans, Arial;
  font-weight: bold;
  color: #0053b5;
  text-decoration: none;
}

.description {
  font: 9pt lucida sans, Arial;
  padding-bottom: 5px;
}

.description a {
  font: 9pt lucida sans, Arial;
  color: #0053b5;
  text-decoration: none;
}

#content_right {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-align: justify;
  width: 439px;
  height: 100%;
  float: left;
  margin: 0px 8px 0px 8px;
}

#content_right td{
  font: 9pt lucida sans, Arial;
  color: #000000;
}

#right_boxes {
  width: 242px;
  height: 100%;
  float: right;
}

#available_banner {
  width: 242px;
  height: 210px;
}

#help_support {
  width: 240px;
  height: 260px;
  border: 1px solid #e9e9e9;
/*  margin-top: 15px;*/
}

.help_support_title {
  font: 10pt lucida sans, Arial;
  font-weight: bold;
  color: #0053b5;
  text-align: left;
  margin: 5px 8px 0px 8px;
  padding: 0px 3px 3px 3px;
  border-bottom: 1px solid #e9e9e9;
}

.help_support_text {
  width: 224px;
  height: 225px;
  background: #f5f5f5;
  margin: 0px 8px 8px 8px;
  text-align: left;
}

.help_support_paragraph {
  font: 9pt lucida sans, Arial;
  color: #000000;
  padding: 13px 12px 5px 12px;
}

.help_support_point {
  background: url("../layout/grey_dot.jpg") no-repeat center left;
  font: 9pt lucida sans, Arial;
  color: #000000;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 8px;
}

.help_support_point a {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dashed #bababa;
}

#footer {
  width: 970px;
  height: 110px;
  background: #4b4f58;
  margin-top: 20px;
  text-align: center;
  visibility:hidden;
}

.footer_menu {
  padding: 30px 0px 8px 0px;
}

.in_footer_menu {
  height: 15px;
  margin: 0px auto 0px auto;
}

.footer_divider {
  background: url("../layout/footer_menu_divider.jpg") no-repeat;
  width: 1px;
  height: 13px;
  margin: 0px 5px 0px 5px;
  float: left;
}

.footer_menu_list a {
  font: 9pt lucida sans, Arial;
  color: #ffffff;
  text-decoration: none;
  float: left;
  padding:0px 5px 0px 5px;
}

.footer_copyright {
  font: 9pt lucida sans, Arial;
  color: #ffffff;
}

.footer_copyright a {
  font: 9pt lucida sans, Arial;
  color: #ffffff;
  text-decoration: underline;
}

#bottom_background {
  z-index: 1;
  position: absolute;
  background: #dee3e9;
  width: 100%;
  height: 123px;
  bottom: 0px;
  left: 0px;
  visibility: hidden;
  left:0;
}

/*Forms*/
#messages {
  width:100%;
  padding:5px 0px 5px 0px;
  height:20px;
  float: left;
}

.page_title {
  font: 14pt georgia, lucida sans, Arial;
  color: #2d2d2d;
  border-bottom: 1px solid #e9e9e9;
  padding: 3px 0px 3px 0px;
}

.p_title{
  font: 10pt georgia, lucida sans, Arial;
  color: #2d2d2d;
  padding-bottom:10px;
  font-weight:bold;
}

.p_small_title{
  font: 9pt georgia, lucida sans, Arial;
  color: #2d2d2d;
  padding:10px 0px 10px 0px;
  font-weight:bold;
}

.p_text {
  float: left;
  padding-top: 3px;
}

#halal_storage{
  width: 425px;
  margin-top: 0px;
}

.form_main_title {
  width: 100%;
  font: 9pt lucida sans, Arial;
  color: #000000;
  font-weight: bold;
  padding-bottom: 10px;
}

.form_gap {
  width:100%;
  height:30px;
}

.sbutton {
  background:url('../layout/submit.jpg') no-repeat;
  width:55px;
  height:19px;
  float: right;
  cursor:pointer;
}

.taf_button {
  background:url('../layout/tell_a_friend.jpg') no-repeat;
  width:85px;
  height:19px;
  float: right;
  cursor:pointer;
}

.form_div {
  width: 439px;
  height: 30px;
}

.form_div input {
  float: left;
}

.form_div2 {
  width: 439px;
  height: 30px;
}

.form_div2 input {
  width: 20px;
  float: left;
}

.form_cat_div {
  width: 439px;
  height: 120px;
  float: left;
}

.form_div_half {
  height: 30px;
  float:left;
}

.form_div_half2 {
  height: 30px;
  float: right;
}

.form_div_half3 {
  width: 48%;
  height: 30px;
  float:left;
}

.form_div_half3 input {
  width: 20px;
  float: left;
}

.form_textarea_div {
  width: 439px;
  height: 60px;
}

.form_title {
  width: 125px;
  float: left;
  padding: 4px 0px 0px 0px;
}

.form_colon {
  width: 9px;
  text-align: center;
  float: left;
  padding: 4px 0px 0px 0px;
}

.form_input {
  width: 300px;
  padding: 0px 0px 2px 5px;
  float: right;
}

.form_input input {
  width: 296px;
  float: right;
}

.form_input textarea {
  width: 296px;
  float: right;
}

.form_input_radio input {
  width: 15px;
}

.form_input select {
  width: 296px;
  float: right;
}

.register_button {
  background:url('../layout/register.jpg') no-repeat;
  width:64px;
  height:19px;
  float: right;
  cursor:pointer;
}

.update_button {
  background:url('../layout/update_btn.gif') no-repeat;
  width:67px;
  height:19px;
  float: right;
  cursor:pointer;
}

.button_href {
  float: left;
}

#halal_storage_needed{
  width: 660px;
  margin-top: 0px;
}

#hs_result{
  width: 660px;
  height:100%;
  font: 9pt lucida sans, Arial;
  float: left;
}

.hs_title{
  width: 660px;
  height:25px;
  font: 9pt lucida sans, Arial;
  text-align:center;
}

.hs_description {
  width:200px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 5px 5px 5px;
}

.hs_gap {
  width:5px;
  float:left;
  background-color:#ffffff;
}

.hs_category {
  width:100px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 0px 5px 0px;
}

.hs_image {
  width:130px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 0px 5px 0px;
}

.hs_availability {
  width:195px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 5px 5px 5px;
}

.row0 {
  background-color:#ffffff;
  font: 9pt lucida sans, Arial;
  text-align:left;
  height:120px;
}

.row1 {
  background-color:#f5f5f5;
  font: 9pt lucida sans, Arial;
  text-align:left;
  height:120px;
}

.hs_gap1 {
  width:5px;
  float:left;
  background-color:#ffffff;
  height:120px;
}

.hs_description_row {
  width:190px;
  float:left;
  padding:5px 5px 5px 5px;
  text-align:justify;
  margin-left: 5px;
  cursor:pointer;
}

.hs_image_row {
  width:130px;
  float:left;
  padding:5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
}

.hs_category_row {
  width:100px;
  float:left;
  padding:5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
}

.hs_availability_row {
  width:195px;
  float:left;
  padding:5px 0px 5px 5px;
  text-align:center;
  cursor:pointer;
}

.hs_availability_row a{
  text-decoration:none;
  color:#000000;
  cursor:pointer;
}


/*halal storage needed result */
.hsn_description {
  width:280px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 0px 5px 0px;
}

.hsn_category {
  width:150px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 0px 5px 0px;
}

.hsn_city {
  width:210px;
  float:left;
  background-color:#d6e7f9;
  padding:5px 5px 5px 5px;
}


.hsn_description_row {
  width:265px;
  float:left;
  padding:5px 5px 5px 5px;
  text-align:justify;
  margin-left: 5px;
  cursor:pointer;
}

.hsn_category_row {
  width:150px;
  float:left;
  padding:5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
}

.hsn_city_row {
  width:205px;
  float:left;
  padding:5px 0px 5px 0px;
  text-align:center;
  cursor:pointer;
}

/*end of halal storage needed result */

.top_result {
  height:60px;
  width:660px;
}

.result_text {
  font: 10pt lucida sans, Arial;
  font-weight:bold;
  width:338px;
  float:left;
  height:60px;

}

.result_banner {
  background:url('../layout/register_halal_storage.jpg') no-repeat;
  width:322px;
  float:right;
  height:60px;
}


.sitemap {
  background: url("../layout/arrow_behind.jpg") no-repeat center left;
  font: 9pt lucida sans, Arial;
  color: #000000;
  padding: 3px 0px 3px 15px;
}

.sitemap a {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-decoration: none;
}

.launch_countdown {
  font: 10pt lucida sans, Arial;
  font-weight: bold;
  color: red;
  text-align: left;
  margin: 5px 0px 8px 0px;
  padding: 0px 3px 3px 0px;
}


/* Halal Storage form: Aini */
#storage1 { 
  width: 20px;
}

#storage2 {
  width: 20px;
}

#storage3 {
  width: 20px;
}

.storage1 {
  font: 9pt lucida sans, Arial;
  padding: 5px 0px 5px 0px;
  width: 116px;
}

.storage2 {
  font: 9pt lucida sans, Arial;
  padding-left: 27px;
}

.storage3 {
  font: 9pt lucida sans, Arial;
  padding: 5px 0px 5px 0px;
}

#categoryOther {
  margin-left: 30px;
  width: 345px;
  float: right;
}

#sm {
  width: 246px;
}

#pl {
  width: 246px;
}

.acc {
  width: 220px;
  float: right;
}

.cert {
  width: 20px;
}

.certInput {
  margin-left: 10px;
  width: 260px;
}

#safeOther {
  width: 225px;
  float: right;
}

#vasOther {
  width: 300px;
  float: right;
}

#formpost {
  visibility: hidden;
}


/* New layout */
#tabs {
  width: 242px;
  height: 23px;
  border-bottom: 1px solid #e9e9e9;
}

#login_tab {
  width: 48%;
  float: left;
  font: 9pt lucida sans, Arial;
  font-weight: bold;
  color: #0053b5;
  text-decoration: none;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
  border-bottom: 1px solid #ffffff;
}

#new_user_tab {
  width: 48%;
  float: right;
  font: 9pt lucida sans, Arial;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background-color: #0053b5;
  border: 1px solid #e9e9e9;
}

#login_tab a:link, #login_tab a:visited {
  display: block;
  color: #0053b5;
  text-decoration: none;
  padding: 4px;
}

#new_user_tab a:link, #new_user_tab a:visited {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 4px;
}

#login_box {
  height: 144px;
  clear: both;
  padding: 4px 0px 5px 0px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

#login_form {
  font: 9pt lucida sans, Arial;
  margin: 5px auto;
  width: 223px;
  height: 103px;
  background: #f5f5f5;
  border: 1px solid #e9e9e9;
  text-align: left;
}

#login_form div div {
  width: 80px;
  float: left;
}

#user_box{
  height: 105px;
  border: 1px solid #e9e9e9;
  padding: 5px;
}

#inner_user_box{
  height: 105px;
  background-color: #f5f5f5;
}

#username_status {
  padding: 5px;
}

#logout{
  background: url("../layout/grey_dot.jpg") no-repeat center left;
  font: 9pt lucida sans, Arial;
  color: #000000;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 8px;
  text-align: left;
}

.login_top_gap {
  width:100%;
  height:8px;
}

.login_form_title {
  width:66px;
  font: 9pt lucida sans, Arial;
  padding:8px 5px 2px 5px;
  float:left;
}

.login_form_dot {
  padding:8px 0px 2px 2px;
  width:5px;
  float:left;
}

.login_input {
  width:130px;
  font: 9pt lucida sans, Arial;
  padding:5px 5px 2px 5px;
  float:left;
}

.login_input input{
  width:130px;
  float:left;
}

.login_button {
  background:url('../layout/login_button.jpg') no-repeat;
  width:43px;
  height:19px;
  float: left;
  cursor:pointer;
/*  margin-top: 6px;*/
}

.add_facility {
  background: url("../layout/grey_dot.jpg") no-repeat center left;
  font: 9pt lucida sans, Arial;
  color: #000000;
  margin: 0px 10px 0px 10px;
  padding: 5px 0px 5px 8px;
  text-align: left;
}

.add_facility a {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-decoration: none;
  border-bottom:1px dashed #BABABA;
}

#logout a{
  color: #000000;
  text-decoration: none;
  border-bottom:1px dashed #BABABA;
}

#logout a:visited{
  color: #000000;
  text-decoration: none;
}


.forgot_id {
  font: 9pt lucida sans, Arial;
/*  text-align: left;*/
  margin: 0px auto 5px auto;
  width: 223px;
/*  height: 20px;*/
  background: #f5f5f5;
  border: 1px solid #e9e9e9;
  padding: 5px 0px 5px 0px;
}

.forgot_id a {
  background: url('../layout/breadcrumb_arrow.jpg') no-repeat center left;
  text-decoration: none;
  color: #000000;
  padding-left: 10px;
}

#content {
  font: 9pt lucida sans, Arial;
  color: #000000;
  text-align: justify;
  width: 70%;
  height: 100%;
  float: left;
  padding: 0px 8px 0px 8px;
  background: cyan;
}

.results_title {
  width: 685px;
  display: block;
}

.results_title div {
  float: left;
  padding: 5px;
}

.results_title_image {
  width: 100px;
  background: red;
}

.results_title_description {
  width: 205px;
  background: blue;
}

.results_title_category {
  width: 180px;
  background: green;
}

.results_title_availability {
  width: 160px;
  background: yellow;
}


.category_pages {
  width: 660px;
  height: 25px;
  margin: 0px auto;
  text-align: right;
  vertical-align: middle;
}

.category_text {
  width:285px;
  text-align:left;
  float:left;
  padding:6px 2px 6px 2px;
}

.list_pages {
  width:370px;
  text-align: right;
  float:left;
}

#list_pages1 {
  height: 25px;
  line-height: 25px;
  list-style: none;
  display: inline;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
}

#list_pages1 li {
  display: inline;
  margin: 0px;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
}

li.list_link {
  padding: 0px 2px 0px 2px;
  font: 8pt Tahoma;
  color: #000000;
}

li.list_text {
  padding: 0px 2px 0px 2px;
  font: bold 8pt Tahoma;
  color: #000000;
}

a.list_link {
  text-decoration: underline;
  font: 8pt Tahoma;
  color: #000000;
}

/*pop up info page*/
#hs_info{
  width: 95%;
  height:100%;
  font: 9pt lucida sans, Arial;
  text-align:center;
}

.hsi_page_title {
  font: 14pt georgia, lucida sans, Arial;
  color: #0053B5;
  border-bottom: 1px solid #e9e9e9;
  padding: 3px 10px 3px 10px;
}

table.hsi {
  width:100%;
  border:1px solid #f5f5f5;
}

.hsi_image {
  padding:20px 10px 20px 10px;
  text-align:center;
  font: 10pt lucida sans, Arial;
  width:250px;
  border-left:8px solid #ffffff;
  border-top:8px solid #ffffff;
  border-bottom:8px solid #ffffff;
  background-color:#f5f5f5;

}

.hsi_description {
  padding:20px 10px 20px 10px;
  text-align:left;
  font: 10pt lucida sans, Arial;
  border:8px solid #ffffff;
  background-color:#f5f5f5;
}

.hsi_info {
  padding:20px 10px 20px 10px;
  text-align:left;
  font: 10pt lucida sans, Arial;
  width:250px;
  border-left:8px solid #ffffff;
  border-bottom:8px solid #ffffff;
  background-color:#f5f5f5;
}

table.info {
  font: 10pt lucida sans, Arial;
}


/* partners box */
#partners_box {
  width: 240px;
  height: 165px;
  border: 1px solid #e9e9e9;
  margin-top: 15px;
}

.partners_box_title {
  font: 10pt lucida sans, Arial;
  font-weight: bold;
  color: #0053b5;
  text-align: left;
  margin: 5px 8px 0px 8px;
  padding: 0px 3px 3px 3px;
  border-bottom: 1px solid #e9e9e9;
}

#partners_box_text {
  width: 224px;
  height: 130px;
  margin: 0px 8px 8px 8px;
  cursor: pointer;
}

#tell_friend {
  width: 420px;
}

.form_input_search {
  width: 300px;
/*   height: 30px; */
  padding: 0px 0px 2px 5px;
  float: left;
}