/* zarifa-07.css created 11-07 For page structural elements, see either zarifas-template.css or zarifas-wide-template.css */

body,html       { margin:0 0 24px 0; font-family:Arial, Helvetica,sans-serif; font-size: 0.98em; }
body            { background-image:url(../images/zarifas-egyptian-bg-07.gif); background-color: #ffffff; }
body.nobg       { background-color: #ffffff;background-image: none; }
body.popup      { 
                  background-color: #FFFFFF; 
				  background-image: none;
				  padding: 12px;
			    } 

h1,h2,h3,h4                { font-family: verdana,geneva,sans-serif; color:#000080; margin-bottom: 3px; padding-bottom:0; } /* if not defined first, overwrites #event_head */	 
h1                         { font-size: 140%; padding-top: 28px; } 
h2                         { font-size: 130%; }
h3                         { font-size: 120%; }
h4                         { font-size: 110%; }
hr							{ background:none; margin: 12px auto 6px auto; color: #714406; background: #714406; height: 1px; border:none; }

/* general classes used throughout */
.wht                       { background-color:#ffffff; }
.cwt                       { text-align: center; background-color:#ffffff; }
.center                    { text-align: center; }
.right                     { text-align: right; padding-right: 3px; }
.go-to                     { text-align: right; margin:0; padding: 2px; } /* right-aligned "more info/go to" link */
.medium                    { font-size: 90%; }
.small                     { font-size: 75%; }
.sm_wht                    { background-color: #FFFFFF; font-size: 80%; }
.sm_gray                   { background-color: #F7F7F7; font-size: 80%; }
.sm_grayrt                 { background-color: #F7F7F7; font-size: 80%; text-align: right; }
.sm_whtrt                  { background-color: #FFFFFF; font-size: 80%; text-align: right; }
.bordered                  { border:1px solid #af690a; padding:6px; } /* table, div */
.redbordered               { margin:4px;padding:6px;border:2px solid #ff0000; }
.links_table               { border:1px solid #af690a; padding: 3px; width: 95%; }
.links_table td            { font-size: 80%; padding: 6px; }
.links_url_wht             { background-color: #FFFFFF; text-align: right; padding:16px 8px 0 8px; }
.links_url_gray            { background-color: #F7F7F7; text-align: right; padding:16px 8px 0 8px; }
.link_desc_wht             { background-color: #FFFFFF; font-size: 90%; border-bottom: 1px solid #af690a; }
.link_desc_gray            { background-color: #F7F7F7; font-size: 90%; border-bottom: 1px solid #af690a; }
.clear                     { clear: both; }
.colorbg                   { background-color: #F4DEBF; } /* eliminate, blank table cell fro holding a colored bar */
.blk                       { background-color: #000000; text-align: center; color:#ffffff; font-weight: 700; }
.ltGray                    { background-color: #F7F7F7; text-align: center; }
.gray                      { background-color: #F7F7F7; }
.grayrt                    { background-color: #F7F7F7; text-align: right; }    
.reverseHead               { background-color: #af690a; color:#ffff00; font-weight: 700; font-family: verdana,geneva,sans-serif; }
.reverseHead h3, .reverseHead h4, .reverseHead h5 { padding: 4px; }
.emph                      { font-weight: 700; color: #FF0000; }
.bold                      { font-weight: 700; }
.initial                   { font-size: 125%; font-weight:700; color: #8000ff; font-family: verdana,geneva,sans-serif; }
.article_credit            {  width: 350px; float: right; border-top: 1px solid #af690a;border-bottom: 1px solid #af690a; text-align:right; font-size:80%; margin: 12px 0 12px 0; padding: 6px 0 6px 0; }
.img-rule                  { margin:auto; text-align: center; } /* image rules */
.nospace                   { padding:0; margin:0; } /* mostly forms, catch-all for no margin/padding */
.right-teaser              { float:right; width: 200px; margin-right:24px; } /* drop-in upper right */
.footlinks                 { margin:0; padding:0; font-size: 11px; font-weight: 700; text-align:center; }
.footlinks li              { list-style: none; display: inline; white-space: nowrap; }
.tight                     { margin-bottom:0;padding-bottom:0; margin-top: 6px; } /* tight headings */
.half_div                  { width: 49%; margin:0; padding:0; float: left; } /* when you want to divvy up side-by-side blocks */
.utility_pages             { width:75%; margin:auto; } /* moved pages, error pages, others with just a little infrequently seen content */
ul.nodot li                { list-style: none; white-space:nowrap; }
ul.logo                    { margin:6px; padding:0; font-size:90%; }
ul.logo li                 { margin-left: 18px; text-indent: -3px; list-style-image: url(..../images/logobug.gif); }
.logo li a, nodot li a,
.submenu li a              { text-decoration: none; }
ul.submenu                 { margin:0; padding:0; }
ul.submenu li              { margin:0; padding-left: 6px; font-size: 95%; font-weight: 500; list-style: none;list-style-image: none; }
.loose li                  { padding-bottom: 4px; } /* anywhere you want to loosen up a list */
ul.horizontal_links        { white-space: nowrap; display: inline; padding:0; margin: 0;  }
ul.horizontal_links li     { display: inline; }
label                      { font-weight:700; }

/* contact form as well as other tableless form styles */
#aol-note                { float: right; border: 6px solid #ff0000; width:200px; margin:12px; padding:6px; }
#aol-note h4             { text-align:center; color:#ff0000;padding:0;margin:0; }
#stockform               { margin: auto; padding: 6px; width: 600px; }
.order-head              { background-color: #2421A6; color: #ffffff; font-weight: 700; padding: 3px; margin: 0 0 6px 0; }
.form-row                { margin: 0 0 2px 0; }
#stockform .labelcol     { width: 25%; float: left; text-align: right; font-weight: 700; white-space: nowrap; margin-right: 12px; }
#calc-row select         { float: left; }
#calc-text               { display: inline; width: 50%; float: right; margin-right: 24px; white-space: nowrap; }
#submit-row              { text-align: center; }
#submit-row input        { margin: 12px; }
.long_field              { width: 400px; }

/* Sounds and zills page, but .rt_img and .lt_img are used anywhere a floatie is required. */
.rt_img                  { float: right; margin: 3px; }
.lt_img                  { float: left; margin: 3px; }
.lt_100						{ width: 100px; margin:18px 12px 12px 0; }
.rt_100 					{ width: 100px; margin:18px 0 12px 12px; }
.lt_box                  { width: 45%; margin:6px; float: left; border:1px solid #af690a; padding:6px; }
.rt_box                  { width: 45%; margin:6px; float: right; border:1px solid #af690a; padding:6px; }
.lt_box h4, .rt_box h4   { margin:0; padding:0; }
.lt_box p, .rt_box p     { font-size: 80%; }
.lt_box .wav-alt, .rt_box .wav-alt { float:right; text-align: center; font-size: 11px; width:50%; margin:0; padding:0; }

/* BD classes page */
#bd-list                 { overflow: hidden; }
#bd-list ul              { float: left; width: 200px; padding-left: 75px; font-weight: 700; white-space: nowrap; }

/* Forms */
.admin-form				{ font-size: 14px; }
.wide-field,.admin-form textarea { width:453px; }
.med-field, .admin-form select { width: 140px; }
.small-field			{ width: 100px; }
.right-field			{ float: right; text-align:right; white-space:nowrap; }
.admin-small-field		{ width: 50px; }
#cc_num, #cc_contact_no	{ width: 250px; }
.statelist				{ width: 100px; }
.statelist .disabled	{ color: #5c5c5c; font-style: italic; border-top: 1px solid #5c5c5c; border-bottom: 1px solid #5c5c5c; }
.left-field				{ float: left; white-space:nowrap; }
input.wide-field,textarea.wide-field,input.med-field,input.small-field, input.right-field, #cc_num,#cc_contact_no, .admin-small-field,
.admin-form textarea, select, .long_field, input[type="text"].searchform, input#q, input#cat-list-text, 
input.left-field		{ border: 1px solid #c0c0c0; }
#final table td			{ padding-top:2px; }
#cc-type-info			{ width:175px; padding: 4px; border: 1px solid #c0c0c0; white-space:normal; text-align:center; }
#cc-type-info h4,
#cc-type-info p			{ margin:0; padding:0 0 2px 0; }
#cc-type-info h4		{ font-size:12px; }
#cc-type-info p			{ font-size: 11px; font-weight: bold; }
/* all links */
a:link                   { color: #000080; }
a:visited                { color: #101fa0; }
a:active                 { color: #FF0000; }
a:hover                  { color: #f3ad1b; }
a.noline:link,a.noline:visited,a.noline:active,a.noline:hover { text-decoration: none; }
.reverseHead a           { font-weight: 700; text-decoration: none; }
.reverseHead a:link      { color: #ffff00; }
.reverseHead a:visited   { color: #ffff00; }
.reverseHead a:active    { color: #FF0000; }
.reverseHead a:hover     { color: #ddddff; }
.go-to a                 { text-decoration: none; font-size:90%; font-style: italic; font-weight: 700; font-family: arial,helvetica,sans-serif; }
.go-to a:link            { color: #714406; }
.go-to a:visited         { color: #664210; }
.go-to a:active          { color: #FF0000; }
.go-to a:hover           { color: #b7005b; }
a.headline               { font-weight: 700; text-decoration: none; font-size:110%; font-family: verdana,geneva,sans-serif; }
a.headline:link          { color: #ca0065; }
a.headline:visited       { color: #ca0065; }
a.headline:active        { color: #FF0000; }
a.headline:hover         { color: #ff00ff; }
a.credit                 { text-decoration: none; font-size:90%; font-family: arial,helvetica,sans-serif; }
a.credit:link            { color: #af690a; }
a.credit:visited         { color: #af690a; }
a.credit:active          { color: #FF0000; }
a.credit:hover           { color: #de9321; }

@media print {
   form.nospace input { display:none; }
}