﻿body
{
	margin: 0px;
	padding: 0px;
	background: url(image/bgFlower.jpg);
}

div, ul, li, p, input
{
	font: 11px/150% tahoma;
	color: #1E5186;
}

a
{
	text-decoration: none;
	color: #1E5186;
}

a:hover
{
	color: #f71;
}

#main
{background:#fff;width:960px;margin: 5px auto 0px auto;border:solid 1px #aaa;}
#logo
{
	background: url(image/bg_gradient.gif) ;
	height: 110px;
	width: 99%;
	border:solid 3px #fff;
	margin:2px auto;
}
#logo #store
{
 background:url(image/store.gif) ;
 height:110px;
 width:300px;
 float:right;
}
#book
{
 background:url(image/book.gif);
 height:110px;
 width:300px;
 float:left;
 margin-left:10px;
}

#content
{
	width: 100%;
	margin: 0 auto;
	border-top: none;
	background: #fff;
	text-align: center;
	direction: rtl;
	font-size:12px;
	
	
}
.dropshadow{
	clear:left;
	background: url(image/shadowAlpha.png) no-repeat bottom right !important;
	background: url(image/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 10px !important;
	margin: 15px 0 10px 5px;
	width: 90px;
	padding: 0px;
}
.innerbox{
	position:relative;
	bottom:6px;
	right: 6px;
	*padding:0 5px;
	padding:0px;
	margin: 0px ;
}
.innerbox{
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}


.img
{
	width: 90px;
	height: 120px;
	*margin:0px -1px -1px 0;
	
}
#ctext
{
  width:87%;height:170px;min-height:170px;text-align:justify;padding:3px 5px;
 }
#ctext ul 
{margin:0px;padding:0px;list-style-type:none;}
#ctext ul li
{margin:4px 0px;list-style-type:none;}

#rate{background:#fff;width:20px;margin:10px 3px 0 0;*margin:10px -27px 0 0;padding:1px;float:left;position:absolute;}
.content .header
{
	background: url(image/boxRepeater.png) repeat-x;
	height: 20px;
	width: 99.5%;
	border: solid 1px #ccc;
}



.content h1
{
	margin: 5px;
	font: 11px tahoma bold;
}

#navigation
{
	width: 100%;
	height: 24px;
	margin: 0px auto;
	background: url(image/boxRepeater.PNG) repeat-x;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

#navigation ul
{
	list-style-type: none;
	margin: 0px;
	margin-right: 0px;
	padding: 0px;
}

#navigation li
{
	margin: 0 1px;
	border-top: none;
	border-bottom: none;
	width: 100px;
	height: 24px;
	text-align: center;
	float: right;
	vertical-align: middle;
	background: url(image/box.gif) no-repeat right;
}

#navigation a
{
	display: block;
	height: 22px;
	padding-top: 2px;
	padding-right: 15px;
}

#navigation a:hover
{
	display: block;
	font-weight: bold;
}

#head
{
	width: 98%;
	margin: 0px auto;
}


/* boxing style */

.div-favorite
{
	margin: 5px;
	display: block;
	float: right;
	width: 220px;
}

.content
{
	display: block;
	min-height:330px;
	height:300px;
	background:#fff;
	border-left: solid 1px #1E5186;
	border-right: solid 1px #1E5186;
}

.top, .bottom
{
	display: block;
	background: transparent;
	font-size: 1px;
}

.b1, .b2, .b3, .b4
{
	display: block;
	overflow: hidden;
}

.b2, .b3
{
	height: 1px;
}

.b1
{
	margin: 0 4px;
	border-top: solid 1px #1E5186;
}
.b2
{
	margin: 0 3px;
	border-width: 0 1px;
}
.b3
{
	margin: 0 2px;
}
.b4
{
	margin: 0 1px;
	height: 2px;
}

.color-silver
{
	background: #fff;
	border-left: 1px solid #1E5186;
	border-right: 1px solid #1E5186;
}
.color-orange
{
	background: #555;
	border-left: 1px solid orange;
	border-right: 1px solid orange;
}

#brr
{
	clear: both;
	height: 20px;
}

#ahover
{
	color: #ccc;
}

#ahover:hover
{
}
.box2
{
	text-align: center;
	display: block;
	color: #fff;
	font: 12px tahoma;
	height: 17px;
	border: solid 1px #ccc;
	margin: 2px auto;
	width: 99.5%;
	letter-spacing: 1px;
}

.manager, .manager2
{
	font: 11px/150% tahoma;
	color: #555;
}

.manager
{
	background: URL(image/side_nav_bg.jpg) repeat-X;
}

.manager div, .manager2 div
{
	padding: 5px;
	font: 17px tahoma bold;
	color: #fb0;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
	background: #555;
	border: dashed 1px #000;
	width: 300px;
}

.manager2
{
	background: URL(image/side_nav_bg_2.jpg) repeat-X bottom;
	padding-bottom: 5px;
}


#div-footer
{
	width: 100%;
	margin: 1px auto 5px auto;
	background: url(image/footer_bg.jpg);
	direction: rtl;
	height:70px;
}

#div-footer span
{
	color: #ccc;
}
#div-footer a
{
	color: #ccc;
	font-size: 10px;
}
#div-footer a:hover
{
	color: #FF8000;
}
#div-footer img
{
	margin: 5px auto;
	border: none;
}
#footer-content
{
	padding-top: 5px;
	margin: 0px auto;
	font-size: 10px;
	text-align: center;
	color: #ccc;
}

#showContent
{
	width: 70%;
	margin: 20px auto;
	border: solid 1px #ccc;
	font-size: 12px;
}

#showContent ul
{
	list-style-type: none;
	margin: 2px auto;
	padding: 0px;
}

#showContent li
{
	background: url(image/side_nav_bg3.jpg) repeat-x;
	font: 12px;
	text-align: right;
	margin: 3px;
	width: 97%;
	border: solid 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 5px;
}



#underContent
{
	width: 100%;
	height: 100px;
	background: url(image/banner_bg.jpg) repeat-X top;
	margin-top: 20px;
}

#underContent span
{
	width: 345px;
	height: 100px;
	background: url(image/banner_flower.jpg);
	float: right;
}

#commentdiv
{text-align:right;margin:5px;padding:5px;}

#commentdiv img
{float:left;padding:3px;border:solid 1px #ccc;margin-right:10px;}

#div-disable
{
	opacity: .7;
	filter: alpha(opacity=70);
	background: #000;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	top: 0px;
	left: 0px;
	position: absolute;
	visibility: hidden;
	
}
#div-nextstep
{
	padding: 2px;
	border: 5px solid orange;
	background-color: #fff;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	top: 0px;
	left: 0px;
	margin:auto;
}







