* { margin: 0; padding: 0; }
a img { border: 0; background: transparent; }
fieldset { border: none; }


/* =BASIC ELEMENTS
_________________________________________________________________ */
body {
	font: 100.01% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #000;
	margin: 0; padding: 0;
	text-align: center;
	background: #790000 url(bg_gradient.jpg) repeat-x 0 0;
}

p { font: 76%/200% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 2px 0 10px 0; }
.arp {
	margin: 2px 0 10px 0;
	font-family: "Simplified Arabic", "Arabic Transparent", "Traditional Arabic", "Simplified Arabic Fixed", "Times New Roman", Arial, Tahoma;
	font-size: 100%;
	line-height: 150%;
	direction:rtl;
	text-align:right;
}

h1 { font: small-caps 140%/120% Georgia, "Times New Roman", Times, serif; margin: 0 0 15px 0; }
.arh1 {
	font-family: Andalus, "Simplified Arabic", "Traditional Arabic", "Simplified Arabic Fixed", "Times New Roman", Arial, Tahoma;
	font-size: 200%;
	line-height: 160%;
	font-variant: normal;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0; 
	direction:rtl;
	text-align:right;
}
h2 { font: 100%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #780000; margin: 20px 0 5px 0; }
h3 { font: 100%/130% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #6C6C6C; margin: 7px 0; }
h4 { font: bold 100%/120% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #780000; margin: 3px 0; padding-bottom: 3px; }
.arh4{
	color: #780000;
	padding-bottom: 3px;
	font-family: Andalus, "Simplified Arabic", "Traditional Arabic", "Simplified Arabic Fixed", "Times New Roman", Arial, Tahoma;
	font-size: 150%;
	line-height: 140%;
	font-weight: bold;
	direction:rtl;
	text-align:right;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
}
h5 { font: bold 85%/120% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #A25B1B; margin: 10px 0 3px 0; }
h6 { font: bold 80%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 4px; color: #FFF; background: #A5A9A6; width: 280px; }

dl { font: 76%/200% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 5px 0 10px 0; }
dd { font: bold 100% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 5px 0 15px 0; color: #875D2E; }
.photoframe { padding: 9px; background: #FFF; border: 1px solid #DED7C9; }
.caption { width: 260px; font: 70% Arial, Helvetica, sans-serif; color: #575757; float: right; margin: 4px 0 4px 10px; }

#content a:link { color: #780000; text-decoration: underline; background: none; font-weight: normal; }
#content a:visited { color: #AA6533; text-decoration: none; background: none; font-weight: normal; }
#content a:hover { color: #780000; background: #E6DFCA; text-decoration: none; font-weight: normal; }
#content a:active { color: #FFF; background: #780000; text-decoration: none; font-weight: normal; }

#content li {
	font: 76%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-left: 23px; margin: 5px 25px;
	background: url(bullet_arrow.png) no-repeat 0 .3em;
	list-style-type: none;
	position: relative;
}
#wrap {
	width: 820px;
	position: relative;
	text-align: left;
	margin: 0 auto;
	background: transparent url(wrapbg_tile.jpg) repeat-y 0 0;
	z-index: 20;
}

#head {
	width: 820px; height: 270px;
	background: transparent url(head_img.jpg) no-repeat 0 0;
	padding: 0;
	z-index: 30; 
}
#photo1 { position: absolute; top: 40px; left: 73px;  width: 110px; height: 100px; }
#photo2 { position: absolute; top: 40px; left: 263px; width: 110px; height: 100px; }
#photo3 { position: absolute; top: 40px; left: 453px; width: 110px; height: 100px; }
#photo4 { position: absolute; top: 40px; left: 643px; width: 110px; height: 100px; }
#languagebar {
	position: absolute;
	top: 230px;
	left: 453px;
	width: 300px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 76%;
	text-align: right;
}
#languagebar a:link { color: #780000; text-decoration: underline; background: none; font-weight: normal; }
#languagebar a:visited { color: #AA6533; text-decoration: none; background: none; font-weight: normal; }
#languagebar a:hover { color: #780000; background: #E6DFCA; text-decoration: none; font-weight: normal; }
#languagebar a:active { color: #FFF; background: #780000; text-decoration: none; font-weight: normal; }

#content {
	width: 500px;
	margin: -15px 70px 0 0;
	float: right;
	display: inline;
}
#contentLeft {
	width: 330px;
	margin: -15px 0 0 0;
	float: left;
	display: inline;
}
.fielderror { color: #C00; }


/* =CONTENT SIDEBAR - within content area
_________________________________________________________________ */
#bookbar {
	width: 140px;
	margin: 10px 7px 10px 20px;
	float: right;
	display: inline;
}
#bookbar p { font: 75%/130% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #6C6C6C; margin-bottom: 20px; }
#bookbar a:link { color: #780000; text-decoration: none; border-bottom: 1px dotted #AA6533; }
#bookbar a:visited { color: #AA6533; text-decoration: underline; background: none; }
#bookbar a:hover { color: #AA6533; background: #CFCC9B; text-decoration: none; background: none; }
#bookbar a:active { color: #780000; background: #FFF; text-decoration: none; }



/* =CATEGORY LIST (catalog)
_________________________________________________________________ */
.categlist { margin-bottom: 7px; min-height: 240px; }
.categlist h3 {
	font: bold italic 110%/120% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #780000;
	border-bottom: 2px dotted #780000;
	width: 490px;
}
.bookcover {
	float: left;
	margin: 0 20px 5px 0;
	display: inline;
}
.categlist dl { font-size: 100%; margin: 0 15px 10px 20px; }
.categlist dt { font: bold 90%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #000; }
.categlist dd { font: 75%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #780000; }

.categlist a:link { text-decoration: underline; }

.addtocart { display: inline; }
.categlist a { background: transparent!important; }


#browseby, #browsebytitle {
	width: 442px; height: 75px;
	margin-top: 30px; 
	background: transparent url(browseby_bg.png) no-repeat 0 0;
	position: relative; 
}
#browseby h3, #browsebytitle h3 {
	position: absolute;
	left: 10px; top: 0;
	font: bold 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFF;
}
#browsebar, #browsebartitle {
	background: #FFF;
	width: 300px;
	border: 1px solid #F9EBDC;
	padding: 1px; 
	margin: 0; 
	position: absolute;
	top: 33px; left: 15px;
} 
#gobtn, #gobtntitle {
	position: absolute;
	top: 35px; left: 322px;
}


/* =PUBLISHING CENTER  
_________________________________________________________________ */
.priceboxtop { background: url(pricing_box_top.png) no-repeat 0 0; width: 320px; height: 15px; margin: 0; line-height: 0; font-size: 0; }
.priceboxmid { background: url(pricing_box_mid.png) repeat-y 0 0; width: 320px; margin: 0; padding: 2px 25px; }
.priceboxbtm { background: url(pricing_box_btm.png) no-repeat 0 0; width: 320px; height: 15px; margin: 0 0 20px 0; line-height: 0; font-size: 0; }

.priceboxmid h4 { font: bold 100%/120% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #FFF; margin: 3px 0; border-bottom: 2px dotted #FFF; padding-bottom: 3px; width: 260px; }
.priceboxmid p { font: bold 76%/150% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #FFF; padding: 0; margin: 0; width: 270px;}

.priceboxmid p a:link { color: #FEC041!important; text-decoration: underline; }
.priceboxmid p a:visited { color: #FFFF99!important; text-decoration: underline; }
.priceboxmid p a:hover { background: none!important; color: #FFF; text-decoration: none; }
.priceboxmid p a:active { color: #F00!important; text-decoration: none; }

.pricefloat { float: right; margin: 20px 20px 10px 10px; display: inline; }

#signup { width: 140px; border: 5px solid #D5C8B0; background: #FFF url(signup_today.png) no-repeat top center; }
#signup p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }
#signup div a {background: transparent!important; border-bottom: 0!important; }

#timeframe { min-height: 280px; width: 140px; border: 5px solid #D5C8B0; background: #FFF url(timeframe.png) no-repeat top center; float: left; margin: 15px 15px 0 0; display: inline; }
#timeframe p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }

#royalty { min-height: 280px; width: 140px; border: 5px solid #D5C8B0; background: #FFF url(royalty_info.png) no-repeat top center; float: left; margin: 15px 0 0 0; display: inline; }
#royalty p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }

#manuscript { min-height: 280px; width: 140px; border: 5px solid #D5C8B0; background: #FFF url(manuscript.png) no-repeat top center; float: left; margin: 15px 15px 0 0; display: inline; }
#manuscript p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }

#submission { min-height: 280px; width: 140px; border: 5px solid #D5C8B0; background: #FFF url(submission.png) no-repeat top center; float: left; margin: 15px 0 0 0; display: inline; }
#submission p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }


/* =AUTHOR RESOURCES  
_________________________________________________________________ */
#whyctp { width: 140px; border: 5px solid #D5C8B0; background: #FFF url(whyctp.png) no-repeat top center; margin-top: 25px; }
#whyctp p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 80px 10px 5px 10px; }

#helpfulbooks { width: 140px; border: 5px solid #D5C8B0; background: #FFF url(helpfulbooks.png) no-repeat top center; margin-top: 25px; }
#helpfulbooks p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }


/* =TOOLS ctp  
_________________________________________________________________ */
#viewcontract { width: 140px; border: 5px solid #D5C8B0; background: #FFF url(viewcontract.png) no-repeat top center; margin-top: 25px; }
#viewcontract p { font: 76%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 45px 10px 5px 10px; }

#accountinfo { width: 140px; border: 5px solid #A5A9A6; background: transparent url(trans_white.png) repeat-y 0 0; }

#accountinfo p { font: 70%/150% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 5px 10px; color: #222; }
#accountinfo h5 { font: bold 80%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 4px; color: #FFF; background: #A5A9A6; width: 132px; }
#accountinfo a { color: #990; }
#accountinfo a:hover { background: none; }

#accountmain { background: #EFF7F1; border: 1px solid #A5A9A6; padding: 10px; width: 285px; margin: 15px 0 25px 0; }

#accountmain li {
	font: 76%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-left: 23px; margin: 5px 20px 5px 5px;
	background: url(bullet_arrow2.png) no-repeat 0 .3em;
	list-style-type: none;
	position: relative;
}



/* =SIDEBAR - big sidebar on left
_________________________________________________________________ */
#sidebar {
	width: 160px;
	margin: 90px 0 0 45px;
	float: left;
	display: inline;
	line-height: 0;
}
#logoRaed {
	width: 137px; height: 143px;
	position: absolute;
	top: 210px; left: 57px; 
}
img a.logo:hover { background-color: transparent; }
.line { margin: 0 auto; text-align: center; }


/* =NAV (MAIN)
_________________________________________________________________ */
#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: 12px "Trebuchet MS", Helvetica, Arial, sans-serif;
}

#navcontainer li { margin: 0 0 .4em 0; width: 160px; height: 27px; white-space: nowrap; }

#navcontainer a {
	display: block;
	padding: 6px 2px 4px 24px;
	width: 138px; height: 20px; 
	background: transparent url(nav_normal.jpg) no-repeat 0 0;
}

#navcontainer a:link, #navlist a:visited { color: #FFF; text-decoration: none; }

#navcontainer a:hover {
	background: transparent url(nav_over.jpg) no-repeat 0 0;
	color: #FFF;
}

#navcontainer a.selected {
	background: transparent url(nav_over.jpg) no-repeat 0 0;
	color: #FFF;
}


/* =SUBNAV
_________________________________________________________________ */
#subnav ul {
	margin: 10px 0 0 0;
	padding: 0;
	list-style-type: none;
	font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #F9EBDC; 
}

#subnav li { margin: 0 0 .2em 0; width: 160px; height: 22px; white-space: nowrap; }

#subnav a {
	display: block;
	padding: 2px 2px 4px 24px;
	width: 138px; height: 18px; 
	background: transparent url(subnav_normal.jpg) no-repeat 0 0;
}

#subnav a:link, #subnavlist a:visited { color: #FFF; text-decoration: none; }

#subnav a:hover {
	background: transparent url(subnav_over.jpg) no-repeat 0 0;
	color: #FFF;
}

#active a:link, #active a:visited, #active a:hover {
	background: transparent url(subnav_over.jpg) no-repeat 0 0;
	color: #FFF;
}

	
/* =AUTHOR LOGIN
_________________________________________________________________ */
#logincont {
	font: 80% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFF;
	text-align: center;
	margin: 9px auto 0 auto;
}
#logincont a { color: #fff; }

#username, #pass {
	background: #FFF;
	width: 90px;
	border: 1px solid #F9EBDC;
	padding: 1px; 
	margin: 6px 0 0 0; 
} 
#userlabel, #passlabel { font: bold 11px "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 3px; }
#logimg { margin: 7px 0 4px 0; border: none; }

#logincont input { background: #F2EDE6; border: 1px solid #000; }
#logincont input:hover { background: #F2EDE6; border: 1px solid #F00500; }
#logincont input:focus { background: #F3EDCC; border: 1px solid #F00500; }

#logimg input { border: none; }


/* =SEARCH
_________________________________________________________________ */
#searchcont {
	color: #FFF;
	text-align: center;
	margin: 10px auto 0 auto;
	position: relative;
	height: 30px;
}
#searcher {
	background: #FFF;
	width: 110px;
	border: 1px solid #F9EBDC;
	padding: 1px 6px 1px 1px; 
	margin: 0;
	position: absolute; top: 0; left: 0; 
} 
#searcher:hover { background: #FFF; border: 1px solid #F00500; }
#searcher:focus { background: #F3EDCC; border: 1px solid #F00500; }
#goimg { border: none;  position: absolute; top: 0; right: 0; }


/* =ANNOUNCEMENTS
_________________________________________________________________ */
#announcements {
	font: 70%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFF;
	border: 4px solid #380004;
	background: #4A0007;
	padding: 7px;
	position: relative;
}
.musicmargin { margin: 12px 0 3px 0; }

#announcements li {
	margin: 5px 0;
	list-style-image: url(bullet_announcements.png);
	list-style-position: inside;
	position: relative;
}
#announcements li a:link { color: #FEC041; text-decoration: underline; }
#announcements li a:visited { color: #FFFF99; text-decoration: underline; }
#announcements li a:hover { background: none; color: #FFF; text-decoration: none; }
#announcements li a:active { color: #F00; text-decoration: none; }

/* =MUSIC
_________________________________________________________________ */
#music {
	font: 70%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #FFF;
	position: relative;
	margin-top: 7px;
	margin-bottom: 10px;
}
.annmargin { margin: 12px 0 3px 0; }

#music li {
	margin: 5px 0;
	position: relative;
	list-style-type: none;
}
#music li a:link { color: #FEC041; text-decoration: underline; }
#music li a:visited { color: #FFFF99; text-decoration: underline; }
#music li a:hover { background: none; color: #FFF; text-decoration: none; }
#music li a:active { color: #F00; text-decoration: none; }

/* =SIGNUP
_________________________________________________________________ */
#signupform caption {
 padding:3px;
 color:#666;
 font-style:italic;
 border-bottom:1px solid #6A7DA7;
 background:#FFF;
 
}
#signupform {
	width: 475px;
	font: 85%/190% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 10px 0;
	border: 2px solid #780000;
}
#signupform th {
 background: #FFF;
 padding: 5px;
 text-align: right;
 vertical-align: top;
 padding-top: 12px;
 width: 30%;
 }
 
#signupform th label { color: #6A7DA7; font-weight: bold; }
.required { padding-left: 15px; background: url(required.gif) no-repeat 0 0; }
#signupform td {
 text-align: left;
 padding: 10px 0 10px 10px;
 color: #333;
 font-size: 10px;
 background: #E8E2C6;
 }
#signupform td input, form td select {
  margin: 0 0 6px 0; padding: 3px;
  font-size: 11px;
  border: 1px solid #777;
  }
#signupform td input.radio, form td input.check { margin: 0; }
#signupform input:hover, textarea:hover { background: #FFF; border: 1px solid red; }
#signupform input:focus, textarea:focus { background: #E6E9F3; border: 1px solid red; }
#signupform .checkbox { border: 1px solid #777; }
#signupform td label.sub {
 width: 120px;
 display: block;
 float: left;
 font-weight: bold;
 clear: left;
 margin: 3px 5px 0 0;
 text-align: left;
 padding: 0 0 0 4px;
 }
#signupform td textarea {
 margin: 0 0 6px 0;
 border: 1px solid #777;
 padding: 3px;
 width: 275px;
 height: 100px;
 }
#signupform th.buttonbar {
 color: #C3BB9E;
 text-align: right;
 background: #fff;
 width: 100%;
 padding: 10px;
 }
 #signupform p { font-size: 110%; margin-right: 10px; }
.biggertxt { font: bold italic 150% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #C00; margin-left: 10px; }



 /* =STORE
_________________________________________________________________ */
.storetable {
	background: #E3E9EC;
	font: 80%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 20px 0 10px 0;
	padding: 6px;
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-collapse: collapse;
	width: 500px;
}
.storetable th { background: #2F3840; color: #FFF; padding: 2px 7px; vertical-align: top; }

.storetable td {
	vertical-align: top;
	padding: 4px;
	font-size: 100%;
	border-bottom: 1px solid #777;
}
.storetable th, td { border-right: 1px solid #777; border-bottom: 1px solid #777; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

li.store {
	font: 100%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	list-style-type: none;
	position: relative;
}
.storetable li {
	font: 80%/160% "Trebuchet MS", Helvetica, Arial, sans-serif;
	padding-left: 22px; margin: 0;
	background: url(bullet_arrow2.png) no-repeat 0 .3em;
	list-style-type: none;
	position: relative;
}


/* =FOOTER
_________________________________________________________________ */
#footer {
	width: 820px; height: 50px;
	background: transparent url(footerimg.jpg) no-repeat 0 0;
	margin: 0 auto; padding: 0;
}


#copywright p {
	width: 550px;
	font: normal 60%/120% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #D8A290;
	margin: 0 auto 10px auto;
	padding: 0 0 0 175px; 
}

#copywright a:link		{ color: #E8B2A0; }
#copywright a:visited	{ color: #C89280; }
#copywright a:hover		{ color: #F8C2B0; }
#copywright a:active	{ color: #F8C2B0; }

/* =CATALOG
_________________________________________________________________ */
#ordering { width: 150px; border: 3px solid #A5A9A6; background: transparent url(trans_white.png) repeat 0 0; }
#ordering p { font: 70%/150% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 5px 5px; color: #222; }
#ordering h5 { font: bold 80%/140% "Trebuchet MS", Helvetica, Arial, sans-serif; margin: 0 0 10px 0; padding: 4px; color: #FFF; background: #A5A9A6; width: 142px; }
#ordering a { color: #990; }
#ordering a:hover { background: none; }