@import url("http://www.halalfire.com/code/system.css");

body { 
	background-color: #999999; 
	padding: 0px; 
	margin: 0px; 
	border: 0px; 
	font-size: 10px; 
	font-family: "lucida grande",verdana, sans-serif;
	}

a:link    { color: #663300; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana, sans-serif; }
a:visited { color: #663300; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana, sans-serif; }
a:active  { color: #333333; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana, sans-serif; }
a:hover   { color: red; font-size: 11px; font-weight: bold; text-decoration: none; font-family: "lucida grande",verdana, sans-serif; }

td.ad {font-family:calibri,helvetica,arial,verdana,geneva,sans-serif;font-weight:normal;font-size:11px;font-family:calibri,helvetica,arial,verdana,geneva,sans-serifcolor:#663300;border:1px solid #666666;padding:5px;}td.ad a:link{ color:  #663300; font-weight: bold;font-size:11px;font-family:calibri,helvetica,arial,verdana,geneva,sans-serif}td.ad a:visited { color:  #663300; font-weight: bold;font-size:11px;font-family:calibri,helvetica,arial,verdana,geneva,sans-serif}td.ad a:active{color:#cccccc; font-weight: bold;font-size:11px;font-family:calibri,helvetica,arial,verdana,geneva,sans-serif}td.ad a:hover{ color:blue; font-weight: bold;font-size:11px;font-family:calibri,helvetica,arial,verdana,geneva,sans-serif} 




/*  
    This is for the sidebar pulldown menu.
*/

.sidebarMenu   {
 font-size:			10px;
 font-weight:		bold;
 color:				#663300;    
 background-color:	#edeeee;
 width: 			250px;
}

/*
    This is for the sidebar submit button.
*/

.sidebarButton   {
 font-size:        10px;
 font-weight:      bold;
 color:            #663300;    
 background-color:	#edeeee;
}

/* 
   Coupon formatting
*/

.coupon {
  border: 2px dashed #ffcc33;
  background: #ffffcc;
}
















/*  
    This is for the white heading text.
*/

.headerTitle, .headerTitle a:link, .headerTitle a:active, .headerTitle a:visited, .headerTitle a:hover{ 
	color:       #ffffff;
	font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
	font-size:   14px; 
	line-height: 14px; 
	margin:0px 0px 0px 7px;
	font-weight: normal;
	}
.headerTitle a:link    { color:  #ffffff; font-weight: bold;}
.headerTitle a:visited { color:  #ffffff; font-weight: bold;}
.headerTitle a:active  { color:  #cccccc; font-weight: bold;}
.headerTitle a:hover   { color:  #cccccc; font-weight: bold;} 

/*  
    This is for the dark heading text.
*/

.headerTitleB, .headerTitleB a:link, .headerTitleB a:active, .headerTitleB a:visited, .headerTitleB a:hover{ 
	color:       #666666;
	font-family: calibri,helvetica,arial,verdana,geneva,sans-serif;
	font-size:   14px; 
	line-height: 14px; 
	margin:0px 0px 0px 7px;
	font-weight: normal;
	}
.headerTitleB a:link    { color:  #666666;}
.headerTitleB a:visited { color:  #666666;}
.headerTitleB a:active  { color:  #cccccc;}
.headerTitleB a:hover   { color:  #cccccc;} 

/* 
   Normal bold, but uppercase.
*/
.upperBold {
 color: #663300;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:  11px; 
 text-transform:uppercase;
 font-weight:  bold;
}

/* 
   Normal w/normal links.
*/
.normalLink {
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:  11px; 
 font-weight:  normal;
}
.normalLink a:link    { color: #663300; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",Tahoma,Arial,sans-serif; }
.normalLink a:visited { color: #663300; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",Tahoma,Arial,sans-serif; }
.normalLink a:active  { color: #333333; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",Tahoma,Arial,sans-serif; }
.normalLink a:hover   { color: red; font-size: 11px; font-weight: normal; text-decoration: none; font-family: "lucida grande",Tahoma,Arial,sans-serif; }


/*  
    Smaller version of the above links.  Blue.
*/
.smlink, .smlink a:link, .smlink a:active, .smlink a:visited, .smlink a:hover{ 
 color:           #333333;
 font-family:     "lucida grande",trebuchet,verdana,geneva,arial,sans-serif;
 font-size:       10px; 
 font-weight:     bold;
} 
.smlink a:link    { color:  #663300; }
.smlink a:visited { color:  #663300; }
.smlink a:active  { color:  #333333; }
.smlink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny text.
*/
.tinyLink, .tinyLink a:link, .tinyLink a:active, .tinyLink a:visited, .tinyLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.tinyLink a:link    { color:  #663300; }
.tinyLink a:visited { color:  #663300; }
.tinyLink a:active  { color:  #333333; }
.tinyLink a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny white text.
*/
.tinyLinkW, .tinyLinkW a:link, .tinyLinkW a:active, .tinyLinkW a:visited, .tinyLinkW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkW a:link    { color:  #ffffff; }
.tinyLinkW a:visited { color:  #ffffff; }
.tinyLinkW a:active  { color:  #ffffff; }
.tinyLinkW a:hover   { color:  #cccccc; } 

/*  
    This is for tiny bold text.
*/
.tinyLinkB, .tinyLinkB a:link, .tinyLinkB a:active, .tinyLinkB a:visited, .tinyLinkB a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkB a:link    { color:  #663300; }
.tinyLinkB a:visited { color:  #663300; }
.tinyLinkB a:active  { color:  #333333; }
.tinyLinkB a:hover   { color:  #aaaaaa; } 

/*  
    This is for tiny bold white text.
*/
.tinyLinkBW, .tinyLinkBW a:link, .tinyLinkBW a:active, .tinyLinkBW a:visited, .tinyLinkBW a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: bold;
}
.tinyLinkBW a:link    { color:  #ffffff; }
.tinyLinkBW a:visited { color:  #ffffff; }
.tinyLinkBW a:active  { color:  #ffffff; }
.tinyLinkBW a:hover   { color:  #cccccc; } 

/* 
   This is for tiny text.
*/
.tinyText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/* 
   This is for ad text.
*/
.adText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/*  
    This formats the text in the tabs.
*/
.tabLink, .tabLink a:link, .tabLink a:active, .tabLink a:visited, .tabLink a:hover{ 
 color:       #ffffff;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:   11px; 
 font-weight: bold;
}
.tabLink a:link    { color:  #ffffff; }
.tabLink a:visited { color:  #ffffff; }
.tabLink a:active  { color:  #ffffff; }
.tabLink a:hover   { color:  #cccccc; } 

/* 
   This is the white text that appears in the tabs.
*/
.tabText {
 color: #ffffff;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:  11px; 
 font-weight:  bold;
}

/*  
    This formats the hyperlinks that appears in the member navbar:
    login, register, calendar, etc.
*/

.loginLink, .loginLink a:link, .loginLink a:active, .loginLink a:visited, .loginLink a:hover{ 
	color:       #ffffff;
	font-family: "lucida grande",verdana,geneva,arial,sans-serif;
	font-size:   9px; 
	font-weight: bold;
	}
.loginLink a:link    { color:  #CCCC99; }
.loginLink a:visited { color:  #CCCC99; }
.loginLink a:active  { color:  #CCCC99; }
.loginLink a:hover   { color:  #ffffff; } 

/* 
   This is the white text that appears in the member navbar:  
   By default it says "USER".
*/
.loginText {
	color: #ffffff;
	font-family: "lucida grande",verdana,geneva,arial,sans-serif;
	font-size:  9px; 
	font-weight:  bold;
}

/*  
    This formats the hyperlinks that appears in the sidebar.
*/
.sideLink, .sideLink a:link, .sideLink a:active, .sideLink a:visited, .sideLink a:hover{ 
 color:       #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:   9px; 
 font-weight: normal;
}
.sideLink a:link    { color:  #000000; }
.sideLink a:visited { color:  #666666; }
.sideLink a:active  { color:  #999999; }
.sideLink a:hover   { color:  #aaaaaa; } 

/* 
   This is the text that appears in the sidebar.
*/
.sideText {
 color: #000000;
 font-family: "lucida grande",verdana,geneva,arial,sans-serif;
 font-size:  9px; 
 font-weight:  normal;
}

/*  
   This formats the subtitle links.
*/
.subtitleLink, .subtitleLink a:link, .subtitleLink a:active, .subtitleLink a:visited, .subtitleLink a:hover{ 
 color:       #663300;
 font-family: helvetica,arial,verdana,geneva,sans-serif;
 font-size:   14px; 
 font-weight: normal;
}
.subtitleLink a:link    { color:  #663300; }
.subtitleLink a:visited { color:  #663300; }
.subtitleLink a:active  { color:  #663300; }
.subtitleLink a:hover   { color:  red; } 

/* 
   This is the non-linked titles.
*/
.subtitleText {
 color: #663300;
 font-family: helvetica,arial,verdana,geneva,sans-serif;
 font-size:  14px; 
 font-weight:  normal;
}

/*  
   This formats the title links.
*/
.titleLink, .titleLink a:link, .titleLink a:active, .titleLink a:visited, .titleLink a:hover{ 
 color:       #663300;
 font-family: "lucida grande",helvetica,arial,verdana,geneva,sans-serif;
 font-size:   18px; 
 font-weight: bold;
}
.titleLink a:link    { color:  #663300; }
.titleLink a:visited { color:  #663300; }
.titleLink a:active  { color:  #663300; }
.titleLink a:hover   { color:  red; } 

/* 
   This is the non-linked titles.
*/
.titleText {
 color: #663300;
 font-family: "lucida grande",helvetica,arial,verdana,geneva,sans-serif;
 font-size:  18px; 
 font-weight:  bold;
}

/* 
   This is the non-linked titles (white).
*/
.iphoneTitle {
 color: #ffffff;
 font-family: helvetica,"lucida grande",arial,verdana,geneva,sans-serif;
 font-size:  24px; 
 font-weight:  bold;
}

/* 
   This is the non-linked subtitles (white).
*/
.iphoneSubtitle {
 color: #ffffff;
 font-family: helvetica,"lucida grande",arial,verdana,geneva,sans-serif;
 font-size:  18px; 
 font-weight:  bold;
}

/* 
   This is the non-linked titles (white).
*/
.iphoneText, .iphoneText a:link, .iphoneText a:active, .iphoneText a:visited, .iphoneText a:hover {
 color: #ffffff;
 font-family: helvetica,"lucida grande",arial,verdana,geneva,sans-serif;
 font-size:  13px; 
 line-height: 15pt;
 font-weight:  normal;
}
.iphoneText a:link    { color:  #999999; }
.iphoneText a:visited { color:  #999999; }
.iphoneText a:active  { color:  #999999; }
.iphoneText a:hover   { color:  #999999; } 

/* 
   This is for the image spacing.
*/

div.image {
	float: right;
	padding-left: 30px;
	padding-bottom: 10px;
	padding-top: 3px;
	}

/*  
   This formats the breadcrumb trail links.
*/
.bmLink, .bmLink a:link, .bmLink a:active, .bmLink a:visited, .bmLink a:hover{ 
 color:       #000000;
 font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light', 'Arial', sans-serif;
 text-transform:uppercase;
 font-size:   10px; 
 font-weight: bold;
}
.bmLink a:link    { color:  #663300; }
.bmLink a:visited { color:  #663300; }
.bmLink a:active  { color:  #663300; }
.bmLink a:hover   { color:  red; } 

/* 
   This is the non-linked breadcrumb trail.
*/
.bmText {
 color: #000000;
 font-family: 'HelveticaNeue-Light', 'Helvetica Neue', 'Helvetica Neue Light', 'Arial', sans-serif;
 text-transform:uppercase;
 font-size:  10px; 
 font-weight:  bold;
}


/*  
    Default text in tables.  
*/
td {
 color:       #000000;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:   11px; 
 font-weight: normal;
}

/*  
    Bold text used in the forms.  
*/
.formText { 
 color:       #333333;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
} 

/*  
    Non-bold text used in the forms.  
*/
.normalText {
 color:       #000000;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:   10px; 
 font-weight: normal;
}

/*  
    White colored header text used at the top of all forms. 
*/
.whiteText {
 color:       #ffffff;
 font-family: "lucida grande",Tahoma,Arial,sans-serif;
 font-size:   10px; 
 font-weight: bold;
}


/*  
    General text formatting: Sizes 9 - 14 in various colors
*/
.text9,  .text9red,  .text9green,  .text9blue,  .text9purple,  .text9grey  { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size:  9px; color: #000000; font-weight: normal; }
.text10, .text10red, .text10green, .text10blue, .text10purple, .text10grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 10px; color: #000000; font-weight: normal; }
.text11, .text11red, .text11green, .text11blue, .text11purple, .text11grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 11px; color: #000000; font-weight: normal; }
.text12, .text12red, .text12green, .text12blue, .text12purple, .text12grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 12px; color: #000000; font-weight: normal; }
.text13, .text13red, .text13green, .text13blue, .text13purple, .text13grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 13px; color: #000000; font-weight: bold; }
.text14, .text14red, .text14green, .text14blue, .text14purple, .text14grey { font-family: "lucida grande",verdana,geneva,arial,sans-serif; font-size: 14px; color: #000000; font-weight: bold; }

.text9red    { color: #ff0000; }
.text10red   { color: #ff0000; }
.text11red   { color: #ff0000; }
.text12red   { color: #ff0000; }
.text13red   { color: #ff0000; }
.text14red   { color: #ff0000; }

.text9green  { color: #009933; }
.text10green { color: #009933; }
.text11green { color: #009933; }
.text12green { color: #009933; }
.text13green { color: #009933; }
.text14green { color: #009933; }

.text9blue   { color: #333399; }
.text10blue  { color: #333399; }
.text11blue  { color: #333399; }
.text12blue  { color: #333399; }
.text13blue  { color: #333399; }
.text14blue  { color: #333399; }

.text9grey   { color: #666666; }
.text10grey  { color: #666666; }
.text11grey  { color: #666666; }
.text12grey  { color: #666666; }
.text13grey  { color: #666666; }
.text14grey  { color: #666666; }

.text9purple  { color: #990099; }
.text10purple { color: #990099; }
.text11purple { color: #990099; }
.text12purple { color: #990099; }
.text13purple { color: #990099; }
.text14purple { color: #990099; }



/*
    Form "submit" button.
*/
.button   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #663300;    
 background-color: #ffffff;
}
/*
    Form "submit" button (black)
*/
.button2   {
 font-family:      "lucida grande",verdana, sans-serif;
 font-size:        10px;
 font-weight:      bold;
 color:            #000000;    
 background-color: #ffffff;
}


/*  
    Form textarea formatting
*/
.textarea {
 font-family:		"lucida grande",verdana, sans-serif;
 font-size:			11px;
 font-weight:        normal;
 color:				#000000;
 background-color:	#dddddd;
 border-top:		#000000 1px solid; 
 border-left:		#000000 1px solid; 
 border-right:		#dcdcdc 1px solid; 
 border-bottom:		#dcdcdc 1px solid;
}

/*  
    Form input fields - a whole bunch of different sizes
*/

.box, .box20, .box40, .box50, .box100, .box120, .box150, .box200, .box250, .box300, .box350, .box400 {
	font-family:		calibri,helvetica,arial,verdana,geneva,sans-serif;
	font-size:			12px;
	font-weight:        normal;
	color:				#663300;
	height:				16px;
	background-color:	#ffffff;
	border-top:			#000000 1px solid; 
	border-left:		#000000 1px solid; 
	border-right:		#dcdcdc 1px solid; 
	border-bottom:		#dcdcdc 1px solid;
}
    .box20  {width:   20px;}
    .box40  {width:   40px;}
    .box50  {width:   50px;} 
    .box100 {width:  100px;}
    .box120 {width:  120px;}
    .box135 {width:  135px;}
    .box150 {width:  150px;}
    .box200 {width:  200px;}
    .box250 {width:  250px;}
    .box300 {width:  300px;}
    .box350 {width:  350px;}  
    .box400 {width:  400px;}

/*  
    Pulldown menu
*/

 select {
	background-color: #ffffff;
	color: #000000;
	font-family: "lucida grande",verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
 }
 
/*  
    This is for the white sidebar header text.
*/

	.sidebarWhite, .sidebarWhite a:link, .sidebarWhite a:active, .sidebarWhite a:visited, .sidebarWhite a:hover{ 
		color:       #FFFFFF;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   11px; 
		font-weight: bold;
		text-shadow: #000000 1px 1px 2px;
		text-indent: 5px; 
		}
	.sidebarWhite a:link    { color:  #FFFFFF; }
	.sidebarWhite a:visited { color:  #FFFFFF; }
	.sidebarWhite a:active  { color:  #333333; }
	.sidebarWhite a:hover   { color:  #cccccc; } 

/*  
    This is for the white sidebar header small text.
*/

	.sidebarWhiteSm, .sidebarWhiteSm a:link, .sidebarWhiteSm a:active, .sidebarWhiteSm a:visited, .sidebarWhiteSm a:hover{ 
		color:       #FFFFFF;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   11px; 
		font-weight: normal;
		text-shadow: #000000 1px 1px 2px;
		text-indent: 5px; 
		white-space: nowrap;
		}
	.sidebarWhiteSm a:link    { color:  #FFFFFF; }
	.sidebarWhiteSm a:visited { color:  #FFFFFF; }
	.sidebarWhiteSm a:active  { color:  #333333; }
	.sidebarWhiteSm a:hover   { color:  #cccccc; } 

/*  
    This is for the sidebar body text.
*/

	.sidebarBody, .sidebarBody a:link, .sidebarBody a:active, .sidebarBody a:visited, .sidebarBody a:hover{ 
		color:       #000000;
		font-family: "lucida grande",verdana,geneva,arial,sans-serif;
		font-size:   10px; 
		line-height: 13px; 
		font-weight: normal;
		}
	.sidebarBody a:link    { color:  #663300; font-weight: bold;}
	.sidebarBody a:visited { color:  #663300; font-weight: bold;}
	.sidebarBody a:active  { color:  #333333; font-weight: bold;}
	.sidebarBody a:hover   { color:  #cccccc; font-weight: bold;} 

.z_{display:block}
.z_ *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#663300}
.z_1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d39191;
  border-right:1px solid #d39191;
  background:#b23f3f}
.z_2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4e5e5;
  border-right:1px solid #f4e5e5;
  background:#ac3030}
.z_3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ac3030;
  border-right:1px solid #ac3030;}
.z_4{
  border-left:1px solid #d39191;
  border-right:1px solid #d39191}
.z_5{
  border-left:1px solid #b23f3f;
  border-right:1px solid #b23f3f}
.z_fg{
  background:#663300}
 
.z2_{display:block}
.z2_ *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#edeeee}
.z2_1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7;
  background:#f1f2f2}
.z2_2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f0f1f1}
.z2_3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f0f1f1;
  border-right:1px solid #f0f1f1;}
.z2_4{
  border-left:1px solid #f7f7f7;
  border-right:1px solid #f7f7f7}
.z2_5{
  border-left:1px solid #f1f2f2;
  border-right:1px solid #f1f2f2}
.z2_fg{
  background:#edeeee}

.z3_{display:block}
.z3_ *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#cccc99}
.z3_1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #e9e9d3;
  border-right:1px solid #e9e9d3;
  background:#d8d8b2}
.z3_2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f9f9f4;
  border-right:1px solid #f9f9f4;
  background:#d5d5ac}
.z3_3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #d5d5ac;
  border-right:1px solid #d5d5ac;}
.z3_4{
  border-left:1px solid #e9e9d3;
  border-right:1px solid #e9e9d3}
.z3_5{
  border-left:1px solid #d8d8b2;
  border-right:1px solid #d8d8b2}
.z3_fg{
  background:#cccc99}