@charset "utf-8";

/***********************************
Base
***********************************/
* {
	margin:0;
	padding:0;
}
body {
	text-align:center;
	font:normal 11px tahoma, arial, veradana, sans-serif, helvetica;
	color:#008294;
}
img {
	border:0 none;
	vertical-align:middle;
}
ol, ul, li {
	list-style-type:none;
}
label {
	cursor:pointer;
	display:block;
}
input, textarea, select, button {
	font:normal 11px tahoma, arial, veradana, sans-serif, helvetica;
}
input, textarea {
	width:210px;
	/*height:15px;*/
	vertical-align:middle;
	padding:4px;
	border:1px solid #9DB8D6;
	background-color:#FFFFFC;
	color:#555;
}
textarea {
	height:90px;
}
select, button {
	padding:2px;
}
input:focus, textarea:focus {
	background:#FFFFF5;
	border:1px solid #976868;
}
input:hover, textarea:hover {
	background:#FFFFF5;
}
button {
	cursor:pointer;
	height:24px;
	padding:0 10px;
}
.clear {
	clear:both;
}
.clear hr {
	display:none;
}
a {
	text-decoration:none;
	color:#007080;
	border-bottom:1px dotted #B8DEE3;
}
a:hover {
	color:#C90000;
	border-bottom:1px dotted #C90000;
}
.error {
	color:#d00 !important;
	text-align:center !important;
}
.notice {
	color:#0a0 !important;
	text-align:center !important;
}
.notfound {
	color:#aaa !important;
	text-align:center !important;
}
.nostyleimg {
	border:0 none !important;
	padding:0 !important;
	margin:0 !important;
	background-color:transparent !important;
}

/***********************************
Warpper
***********************************/
#warper {
	width:987px;
	margin:0 auto;
	direction:rtl;
	font-size:11px;
	text-align:right;
	background:url('../images/banner.jpg') no-repeat left top;
	padding:1px;
}

/***********************************
Banner
***********************************/
#banner {
	display:none;
}
#banner h1 {
	overflow:hidden;
	text-indent:-9000px;
	display:none;
	padding:0;
	margin:0;
}

/***********************************
Right Box
***********************************/
#rightBox {
	padding:0 10px 20px;
	width:190px;
	float:right;
	height:100%;
	display:
}

/***********************************
Left Box
***********************************/
#leftBox {
	padding:0 10px 20px;
	width:190px;
	float:right;
	height:100%;
}

/***********************************
Center Box
***********************************/
#centerBox {
	width:567px;
	float:right;
/*	color:#3F5962;
	line-height:18px;
	text-align:justify;*/
	direction:rtl;
	padding-top:0;
}

/***********************************
Block
***********************************/
.block {
	/*width:190px;*/
	margin:0 auto 15px;
	border:1px solid #FFDAB2;
}
.block h2 {
	background:url('../images/back_menu.gif') #FFF7D6 repeat-x left top;
	/*border-bottom:1px #A57D00 dotted;*/
	/*width:190px;*/
	height:24px;
	color:#A57D00;
	text-align:center;
	padding:10px 0 0 0;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
}
.block .content {
	padding:7px;
	color:#008294;
	text-align:justify;
	line-height:20px;
}

/***********************************
Menu
***********************************/
#menu {
	background:url('../images/back_menu.gif') #FFF7D6 repeat-x left top;
	border:1px solid #FFDAB2;
	height:34px;
	margin:198px 10px 25px;
	text-align:center;
}
#menu ul {
	text-align:center;
	list-style:none
}
#menu ul li {
	display:inline;
	padding:0 20px;
}
#menu ul li a {
	width:100px;
	height:24px;
	padding-top:10px;
	display: inline-block;
	border-bottom:0 none;
}
#menu ul li a:hover {
	background:url('../images/back_menu2.gif') #FFF7D6 repeat-x left top;
	border-bottom:0 none;
}

/***********************************
Note
***********************************/
#note {
	background:url('../images/back_note.jpg') #FFFDF6 no-repeat scroll left top;
	border:1px solid #FFDAB2;
	padding:10px;
	margin:0 10px 20px;
	line-height:23px;
	color:#3F5962;
}

/***********************************
Products
***********************************/
#products ol li {
	width:260px;
	float:right;
	border:1px solid #FFDAB2;
	margin:0 10px 20px;
	display:inline;
	/*min-height:310px;*/
	/*height:395px;*/
	overflow:auto;
}
#products ol li h2 {
	background:url('../images/back_menu.gif') #FFF7D6 repeat-x left top;
	width:260px;
	height:24px;
	color:#A57D00;
	text-align:center;
	padding:10px 0 0 0;
	font-size:12px;
	text-shadow:0 1px 0 #fff;
}
div.image {
	text-align:center;
	padding:0;
	margin:10px auto;
	border:1px solid #ccc;
	background-color:#f7f7f7;
}
div.image a, div.image a:hover {
	border-bottom:0 none;
}
div.comment {
	text-align:justify;
	line-height:20px;
	margin:10px auto;
	color:#3F5962;
	width:220px;
	/*
	height:85px;
	overflow:auto;*/
}
div.price {
	color:#f00;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	/*
	display:block;
	height:20px;
	overflow:hidden;*/
}
div.price em {
	color:#C0C0C0;
	text-decoration: line-through;
	font-weight:normal;
	font-style:normal;
	font-size:smaller;
}
div.buy {
	text-align:center;
	padding:1px;
}
div.buy .button_cash, div.buy .button_postal {
	border:0 none;
	text-indent:-999px;
	overflow:hidden;
	width:109px;
	height:25px;
	margin:10px 5px;
}
div.buy .button_cash {
	background-image:url('../images/button_cash.gif');
}
div.buy .button_postal {
	background-image:url('../images/button_postal.gif');
}

div.comment_more {
	clear:both;
	padding:0 10px 10px;
}
div.comment_more h3 {
	padding:7px;
	margin:5px 0;
	border-bottom:1px solid #eee;
	font-size:13px;
}

#product div.image {
	float:left;
	width:220px;
	display:inline;
	overflow:hidden;
	border:0;
	background-color:transparent;
}
#product div.comment {
	width:250px;
	height:120px;
	margin:0 auto 10px;
	overflow:auto;
	padding:0 5px 5px;
	background-color:  #fbfbfb;
	border:1px solid #fbfbfb;
	direction:ltr; /* for right scroll */
}
#product div.comment:hover {
	border:1px solid #eee;
}
#product div.price {
	margin:10px;
	display:inline;
}
#product_right {
	float:right;
	width:265px;
	display:inline;
	margin:10px;
	text-align:center;
}

/***********************************
Footer
***********************************/
#footer {
	clear:both;
	display:block;
	margin-bottom:20px;
	padding:7px 0 0 0;
}
#footer img {
	margin:18px auto;
	display:block;
}
#footer p {
	color:#E0AA00;
	font-size:10px;
	text-align:center;
	padding:0 15px;
	line-height:15px;
}
#footer p a {
	color:#CF9D00;
	border-bottom:1px dotted #CF9D00;
	text-decoration:none;
}
#footer p a:hover {
	color:#CF9D00;
	border-bottom:1px solid #CF9D00;
	text-decoration:none;
}
#footer hr {
	height:1px;
	background:silver;
	display:none;
}

/***********************************
Default style
***********************************/
.default {
	direction:rtl;
}
.default p {
	line-height:22px;
	text-align:justify;
	text-indent:10px;
	color:#008294;
}
.default ul {
	padding:0;
	margin:10px 40px;
	
}
.default ol {
	padding:0;
	margin:10px 40px;
	
}
.default ul li {
	list-style:disc;
	margin:8px 0;
}
.default ol li {
	list-style:decimal;
	margin:8px 0;
}
.default table {
	margin:17px 0;
	border-collapse:collapse;
}
.default td {
	border:1px solid #aaa;
	padding:5px 10px;
}
.default hr {
	margin:20px 0;
	direction:ltr;
	border:0;
	background-color:#aaa;
	height:1px;
}
.default img {
	border:1px solid #B3B3B3 !important;
	background-color:#EAEAEA !important;
	padding:4px !important;
	margin:18px auto !important;
	float:none !important;
	display:block !important;
}

/***********************************
Contact
***********************************/
#contact dl {
	margin:20px;
}
#contact dt {
	width:100px;
	float:right;
	padding:4px;
}
#contact dt strong {
	color:#c00;
	font-weight:bold;
}
#contact dd {
	padding:4px;
}

/***********************************
Login block
***********************************/
#login dl {
	margin:10px 20px;
}
#login dt {
	width:70px;
	float:right;
	padding:4px;
}
#login dt strong {
	color:#c00;
	font-weight:bold;
}
#login dd {
	padding:4px;
}
#login dd input {
	width:120px;
	text-align:left;
	direction:ltr;
}
#login dd #auto {
	width:auto;
	margin:4px;
}
#login dd button {
	margin:0;
}

/***********************************
Order
***********************************/
#order dl {
	margin:20px;
}
#order dt {
	width:100px;
	float:right;
	padding:4px;
}
#order dt strong {
	color:#c00;
	font-weight:bold;
}
#order dd {
	padding:4px;
}
#order dd h3 {
	font-size:11px;
}

/***********************************
Page to Page
***********************************/
#pagetopage hr {
	clear:both;
	height:1px;
	border:1px dotted #ddd;
}
#pagetopage ul {
	margin:15px 0 15px 165px;
}
#pagetopage ul li {
	border:0 none;
	float:left;
}
#pagetopage ul li a, #pagetopage ul li span, #pagetopage ul li em {
	border:1px solid #4f4f4f;
	background-color:#d0d0d0;
	color:#000;
	padding:3px 0 0 0;
	margin:0 3px;
	display:block;
	min-width:22px;
	height:18px;
	text-align:center;
	font-style:normal;
}
#pagetopage ul li a:hover, #pagetopage ul li span {
	background-color:#4f4f4f;
	color:#fff;
}
#pagetopage ul li a:focus, #pagetopage ul li span {
	background-color:#f60;
	color:#fff;
}
#pagetopage ul li em {
	background-color:#dedede;
	color:#fff;
	border:1px solid #ccc;
}
#pagetopage p {
	color:#8a8a8a;
	text-align:center;
	clear:both;
	margin-top:35px;
}