﻿body
{
	font-family: tahoma;
	font-size: 12px;
	text-align: center;
	color: #333;
}
/*div
{
	border:1px solid;
}*/
body.topImage
{
	background: url(Images/bg_headerwide.gif) no-repeat right top;
}
a:link, a:visited, a:hover, a:active
{
	text-decoration: none;
	color: #0860A8;
}
#wrapper
{
	width: 980px;
	margin: 10px auto 0;
	text-align: right;
	direction: rtl;
}
#ContentPlace
{
	width: 100%; /*margin:50px 0;*/
}
#header
{
	margin: 0 0 33px;
}
#search
{
	width: 225px;
	float: right;
}
.txt
{
	border: 1px solid #7D9DB9;
	height: 18px;
	vertical-align: top;
	width: 150px !important;
}
.top-menu
{
	width: 800px;
	float: right;
	margin: 10px 0 0;
}
#header-menu
{
	width: 500px;
	float: right;
	height: 20px;
}
#header-menu li
{
	/*width: 90px;*/ /*float: right;*/
	margin: 0 5px 0 0;
}
#logo
{
	width: 100px;
	float: left;
	margin: -12px 0 0;
}
#top_box
{
	width: 100%;
	background: url(Images/shop-processor-bg2.gif) no-repeat center bottom;
}
#masterdiv
{
	float: right;
	width: 188px;
}
#menu-title
{
	width: 188px;
	background: url(Images/_shop-left-col-box-top.gif) no-repeat right top;
	height: 25px;
}
#menu-content
{
	width: 188px;
	background: url(      'Images/shop-left-col-box-bg.gif' );
}
#masterdiv .bottom
{
	margin: 3px 0 0;
	height: 5px;
	background: url(      'Images/shop-left-col-box-btm.gif' ) no-repeat;
}
.menu-item
{
	display: block;
	height: 374px;
}
#container
{
	width: 757px;
	float: left;
}
#container-title
{
	background: url(Images/_shop-rite-col-box-top.gif) no-repeat right top;
	width: 757px;
	height: 25px;
}
#container-content
{
	text-align: center;
	width: 757px;
	background: url(Images/shop-rite-col-box-bg.gif) repeat-y;
}
#container .bottom
{
	width: 757px;
	background: url(      'Images/_shop-left-col-box-btm.gif' ) no-repeat;
	height: 2px;
}

.menu
{
	width: 164px;
	cursor: pointer;
	height: 12px;
	background: url(   'Images/bg_btn.jpg' ) repeat-x top right;
	margin: 0 5px 0;
	padding: 7px;
}
.option
{
	padding: 5px;
	width: 167px;
	background-color: #fff;
	margin: 0 5px 0;
}
.option a
{
	color: #666;
}
.option a:hover
{
	/* padding:0 0 1px 0; 	 border-bottom:1px solid #0860A8;*/
}
.clear
{
	clear: both;
	height: 0;
}
.item
{
	border: none;
	background-color: Transparent;
	color: #0860A8;
}
.item:hover
{
	background-color: Transparent;
	color: #3399FF;
}
.select
{
	background-color: Transparent;
	border: none;
	color: #3399FF;
}
#footer a
{
	color: #666;
}
#footer
{
	margin: 8px 0 0;
	border-top: 2px solid #ccc;
	background: url(    'Images/MaterialDetails/footer.jpg' ) no-repeat 0 0;
	line-height: 2;
}
#footer .part
{
	margin: 14px 0; /*padding: 5px; 	width: 299px;*/
	float: right;
}
.footer-part
{
	line-height: 1.4em;
	margin: 7px 0 0 0;
	border-right: 1px solid #ccc;
	float: right;
	height: 7.2em;
	width: 1px;
}
#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}
#header ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer .last
{
	border: none;
}
#footer a, .option a
{
	display: block;
	text-decoration: none;
}
#footer span
{
	font-size: 13px;
	color: #000;
}
#shop-link
{
	margin: 0;
	list-style-type: none;
	height: 105px;
	padding: 0;
}
#shop-link li
{
	width: 163px;
	float: right;
	text-align: center;
}
#HAT-subheader
{
	margin: 17px 0 0;
	float: right;
}
#HAT-subheader li
{
	padding: 0 3px 0 0;
	float:right;
}
#HAT-subheader li ul
{
	display:none;
}
.context
{
	margin: 0 auto;
	width: 715px;
	height: 380px;
}
#shop-link img
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	width: 69px;
}
.star
{
	/*color:#ff0000;*/
}
.error-box
{
	background: #FFF2F2 url(../Images/icon/error_Small.png) no-repeat right top;
	width: 40%;
	padding: 0 23px !important;
	margin: 0 0 10px 0 !important;
	direction: rtl;
	text-align: right !important;
}
.public-btn, .long-btn, .buy-btn, .compare-btn
{
	border: none;
	background: none;
	font-weight: normal;
}
.public-btn
{
	background: url(Images/Button/publicbtn.jpg) no-repeat right top;
	width: 57px !important;
	color: #0860A8;
	height: 20px;
	font-size: 11px !important;
}
.long-btn
{
	background: url(Images/Button/publicmiddlebtn.jpg) no-repeat right top;
	width: 125px;
	height: 24px;
}
.buy-btn
{
	background: url(Images/Button/smallbtn.jpg) no-repeat right top;
	width: 100px;
	height: 26px;
}
.compare-btn
{
	background: url(Images/Button/bigbtn.gif) no-repeat right top;
	width: 162px;
	height: 26px;
	display: block;
	text-align: center;
	padding: 5px 0;
	margin: 5px 5px 0;
}
#footer #copy
{
	font-family: Verdana;
	font-size: 10px;
	text-align: center;
	color: #666;
	border-top: 1px solid #ccc;
	margin: 10px 0 0;
	clear: both;
}
#footer #copy a
{
	display: inline;
}
#footer #copy a:hover
{
	text-decoration: underline;
}
.Register
{
	margin: 0 auto;
}
#LoginBox
{
	margin: 10px 14px 16px 0;
}
.message
{
	display: block;
}
/*Overlay*/
.errbox
{
	background: #FFF2F2 url(../Images/icon/error_Small.png) no-repeat right top;
	position:absolute;
	top:20%;
	left:40%;
	z-index:10000;
	width:20%;
	height:20%;
	padding:20px;
	color:#ff0000;
	
}
.overlay
{
	background-image: url(Images/Assemble/white.png);
	width: 300px;
	height: 200px;
	display: none;
	padding: 55px;
	text-align: center;
}

div.overlay div.close
{
	background-image: url(Images/Button/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}
