BODY {
  text-align:center;
  font-family:Verdana, Arial, Helvetica, Sans-Serif;
  font-size:11px;
  font-weight:normal;
  color:#000000;
  background-color:#FFFFFF;
  margin:2px 0 0 0;
  background:url(images/back_diag.gif);
  _background:none; /* IE6 */
  _background-color:#F3F3F3; /* IE6 */
}

DIV, P, TD {
  font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

DIV {
  margin:0 ;
}

INPUT, SELECT, TEXTAREA {
  font-family:Verdana, Arial, Helvetica, Sans-Serif;
  font-size:11px;
  font-weight:normal;
}

H1 {
  font-size:24px;
  color:#FFFFFF;
	margin:0;
  font-weight:100;
  font-family:Arial Narrow;
  letter-spacing: 2px;
}

H2 {
  font-size:14px;
	margin:0 0 12px 0;
  color:#80333D;
  font-weight:bold;
  font-family:Arial;
}

H3 {
  font-size:12px;
  font-weight:bold;
	margin:0 0 3px 0;
  color:#80333D;
  font-family:Arial;
}

P {
  font-size:11px;
  margin:0 0 12px 0;
}

FORM {
  margin:0;
}

/* ------ wrapper and cleaner ------ */

#wrapper1 {
  width:920px;
  margin:0 auto;
  text-align:center;
}

#wrapper2 {
  position:relative;
  width:920px;
  margin:0 auto;
  text-align:center;
  background:url(images/back.png);
  _background:none; /* IE6 */
}

#wrapper3 {
  width:900px;
  margin:0 auto;
  text-align:left;
  background-color:#FFFFFF;
}

#topbar {
  height:10px;
  width:920px;
  background:url(images/top.png);
  _background:none; /* IE6 */
  margin-top:10px;
}

#bottombar {
  height:10px;
  width:920px;
  background:url(images/bottom.png);
  _background:none; /* IE6 */
  margin-bottom:10px;
}

.cleaner, .cleaner img {
  clear:both;
  display:block;
  border:none;
  padding:0;
  margin:0;
  height:0;
  width:0;
  visibility:hidden;
}

/* ------ general formatting ------ */

.ul, .ol {
  margin:0 0 16px 0px;
}

.ul li, .ol li {
  margin:0 0 0px 24px;
  padding:0;
}

.ul1 {
  margin:12px 0 0 0;
  padding:0;
}

.ul1 li {
  margin:0 0 8px 15px;
  padding:0;
  color:#773E82;
  font-size:13px;
}

.ul1 li span {
  color:#000000;
}

.ul2 {
  margin:12px 0 0 0;
  padding:0;
}

.ul2 li {
  margin:0 0 8px 15px;
  padding:0;
  color:#FFFFFF;
  font-size:13px;
}

.tableb, .tableb td, .tableb th { 
  border: 1px solid #BBBBBB; 
  border-collapse: collapse;
}

.tabler, .tabler td, .tabler th { 
  border: 1px solid #80333D; 
  border-collapse: collapse;
}

.tablen, .tablen td, .tablen th { 
  border: none; 
}

.white {
  color:#000000;
}

.small {
	font-size:9px;
}

.small1 {
	font-size:10px;
  font-weight:normal;
}

.outbox {
  width:268px;
  float:left;
}

.outbox img {
  display:block;
}

.midbox {
  background-image:url(images/box_m.gif);
  padding:4px 10px;
  overflow:hidden;
}

.hline {
  clear:both;
  height:1px;
  border:none;
  width:100%;
  padding:0;
  background-color:#CCCCCC;
  margin:5px 0;
}

.tab1 {
  float:left;
}

.tab2 {
  margin-left:20px;
}

.nobr {
  white-space: nowrap ;
}

/* ------ colours ------ */

.fcol0 { color:#80333D; } /* Default */
.fcol1 { color:#84C326; } /* Product Search */
.fcol2 { color:#75C5F0; } /* Outlet Search */
.fcol3 { color:#54D6D4; } /* News & Offers */
.fcol4 { color:#B7683E; } /* Q & A */
.fcol5 { color:#E36C2A; } /* ATH Loyalty */
.fcol6 { color:#733580; } /* ATH Ihram */

.bcol0 { background-color:#80333D; }
.bcol1 { background-color:#84C326; }
.bcol2 { background-color:#75C5F0; }
.bcol3 { background-color:#54D6D4; }
.bcol4 { background-color:#B7683E; }
.bcol5 { background-color:#E36C2A; }
.bcol6 { background-color:#733580; }

/* ------ standard links ------ */

A:link {
  color:#E36C2A;
  text-decoration:none;
}

A:visited {
  color:#E36C2A;
  text-decoration:none;
}

A:hover {
  color:#E36C2A;
  text-decoration:underline;
}

.red {
  color:#80333D;
}

.red A:link {
  color:#80333D;
  text-decoration:none;
}

.red A:visited {
  color:#80333D;
  text-decoration:none;
}

.red A:hover {
  color:#E36C2A;
  text-decoration:none;
}

.redbutt {
  display:block;
  width:100px;
  height:17px;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#80333D;
  margin-bottom:3px;
  text-align:center;
  padding-top:3px;
  font-size:10px;
}

.redbutt A:link {
  color:#FFFFFF;
  text-decoration:none;
}

.redbutt A:visited {
  color:#FFFFFF;
  text-decoration:none;
}

.redbutt A:hover {
  color:#E7C1AD;
  text-decoration:none;
}

/* ------ banner area ------ */

#banner1 {
  padding:0;
  height:90px;
  width:900px;
  color:#80333D;
}

#topright {
  float:right;
  margin:5px 5px 0 0;
  width:635px;
  text-align:right;
  color:#80333D;
}

#topsearch {
  position:absolute;
  top:8px;
  left:322px;
}

#topemail {
  margin-top:5px;
}

#topenquiries {
  margin-top:5px;
  font-weight:bold;
}

#topconsult {
  margin-top:5px;
  font-style:italic;
  font-size:14px;
}

#ptitle {
  clear:right;
  position:relative;
  width:900px;
  padding:0;
  height:114px;
  margin-bottom:2px;
}

.ptitle {
  position:absolute;
  top:15px;
  left:24px;
  color:#FFFFFF;
}

#strapline {
  position:absolute;
  top:80px;
  left:24px;
  font-style:italic;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
}

/* ------ top menu ------ */

#topmenu {
  float:right;
  margin-top:5px;
  padding:0;
  color:#80333D;
}

#topmenu ul {
  list-style:none;
  margin:0;
  padding:0;
}

#topmenu li {
  display:block;
  float:left;
  margin:0 1px 0 0;
  padding:0;
}

.menu A:link {
  color:#878585;
  text-decoration:none;
}

.menu A:visited {
  color:#878585;
  text-decoration:none;
}

.menu A:hover {
  color:#878585;
  text-decoration:underline;
}

.menu1 A:link {
  color:#80333D;
  font-weight:bold;
  text-decoration:none;
}

.menu1 A:visited {
  color:#80333D;
  font-weight:bold;
  text-decoration:none;
}

.menu1 A:hover {
  color:#80333D;
  font-weight:bold;
  text-decoration:underline;
}

/* ------ buttons  ------ */

#buttonback {
  width:900px;
  height:128px;
  background:url(images/button_back.gif);
}

#buttons {
  margin:0 36px 2px 36px;
  padding-top:10px;
}

#buttons td {
  color:#FFFFFF;
  font-size:10px;
}

.butmenu A:link {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
}
.butmenu A:visited {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
}
.butmenu A:hover {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

.butmenu1 A:link {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}
.butmenu1 A:visited {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}
.butmenu1 A:hover {
  display:block;
  width:120px;
  padding:2px;
  color:#FFFFFF;
  text-decoration:none;
  font-weight:bold;
}

#button1 {
  margin-right:12px;
  width:126px;
}

#button2 {
  margin-right:12px;
  width:126px;
}

#button3 {
  margin-right:12px;
  width:126px;
}

#button4 {
  margin-right:12px;
  width:126px;
}

#button5 {
  margin-right:12px;
  width:126px;
}

#button6 {
  width:126px;
}


/* ------ middle section  ------ */

#pquote {
  width:806px;
  height:40px;
  padding:10px;
  text-align:center;
}

.pquote {
  width:806px;
  color:#FFFFFF;
  font-size:11px;
  height:40px;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}

#middle {
  margin:2px 36px 2px 36px;
  padding:0;
}

/* ----- content ------ */

#content {
  margin:0; /* margin-top/bottom:0 or IE adds to clear divs */
  padding:12px 0 0 0 ;
  min-height:350px; height:auto !important; height:350px;
  background-image:url(images/halal_logo_faded.gif);
  background-repeat:no-repeat;
  background-position: top center ;
}

#submenu {
  padding:0;
  color:#80333D;
  height:16px;
}

#submenu ul {
  list-style:none;
  margin:0;
  padding:0;
}

#submenu li {
  display:block;
  float:left;
  margin:0 5px 0 0;
  padding:0;
}

/* ------ footer ------ */

#promos {
  height:80px;
  margin: 20px 0 0 0 ;
}

#foot {
  height:69px;
  margin: 20px 0 0 0 ;
}

#footleft {
  float:left;
  width:72px;
}

#footright {
  float:right;
  width:72px;
}

#footmiddle {
  text-align:center;
  font-size:9px;
  padding-top:20px;
  color:#80333D;
}

#outfoot {
  float:left;
  margin:0 0 15px 100px;
  color:#878585;
  text-align:center;
  font-size:9px;
}

#outright {
  color:#878585;
  font-size:9px;
  float:right;
  margin-right:10px;
  text-align:right;
  width:120px;
}