/*general*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none; background-color: #ffffff; margin: 0;}

div.overflow { width: 100%; overflow: hidden; }
div.clear { clear: both; }
.notify { color: #F00; font-weight: bold; }

form { padding: 0; margin: 0;}

h1, h2, h3, h4 { font-family: Georgia, Helvetica, sans-serif; padding: 0; margin: 0; font-weight: normal; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }

/*Links*/
a { color: #0054a6; text-decoration: underline; }
a:hover { color: #db7701; text-decoration: underline; }
a:focus { outline: none; }
a img { border: 0; }
a.price { color: #db7701; font-weight: bold; font-size: 18px; text-decoration: none; }
/*End of links*/


.title { font-family: Georgia, Helvetica, sans-serif; font-size: 18px; text-decoration: none; color: #000; }
.title:hover { text-decoration: none; }
.header-border { border-top: 4px solid #4f5050;  }
.icon { margin: -17px 0px 0px 5px; width: 48px; height: 48px; float: left; padding-right: 5px; }
.small { font-size: 11px; }
.desc { padding-left: 60px; }
/*end of general*/




/*Begin of design*/
#container { width: 977px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; position: relative; }

#header { height: 130px; background: url(../images/header-back.jpg) no-repeat bottom; position: relative; }
	#header-top { background: url(../images/header-back-top.jpg) no-repeat; width: 174px; height: 16px; position: absolute; margin: 6px 0px 0px 354px; }
	#header-bottom { background: url(../images/header-back-bottom.jpg) no-repeat; width: 135px; height: 26px; position: absolute; margin: 130px 0px 0px 354px; }
	#logo { background: url(../images/logo.jpg) no-repeat; width: 178px; height: 68px; position: absolute; margin: 40px 0px 0px 50px; }
		#logo a { display: block; width: 178px; height: 68px; text-indent: -5000px; }
	#date { font-weight: bold; font-size: 11px; position: absolute; margin: 0px 0px 0px 10px; }
	#contact { font-size: 18px; color: #f1a305; position: absolute; right: 10px; }
	#member { position: absolute; width: 380px; margin: 40px 0px 0px 600px; }
		div.m-left { float: left; width: 48px; height: 48px; background: url(../images/unlocked.png) no-repeat; }
		div.m-right { float: left; }
		#member a { color: #000; }
			#member a:hover { color: #555555; }
	#search { position: absolute; margin: 135px 0px 0px 10px; width: 300px; }
		input.icon-search { padding: 0; margin: 0; background: url(../images/search.png) no-repeat; width: 24px; height: 24px; border: none; text-indent: -5000px;}
	#langs { position: absolute; margin: 140px 0px 0px 350px; }
		#langs a { font-weight: bold; font-size: 11px; }
	#banner-top { position: absolute; margin: 135px 0px 0px 500px; width: 468px; }
#main { margin-top: 5px; }
	#main div.main-left { float: left; width: 240px; padding-top: 30px; }
		#menu { background: #e0ebf0; padding: 0px; }
			#menu ul { margin: 0; padding: 0; list-style-type: none; }
				#menu ul li { border-bottom: 1px solid #d1d1d1; padding: 7px; }
					#menu ul li:hover { background: #d7e7ee; }
					#menu ul li a { background: url(../images/arrow.gif) no-repeat 10px 2px; display: block; padding-left: 30px; color: #000; font-weight: bold; text-decoration: none; }
		#banner-left { margin-top: 5px; }
		#loan { margin-top: 15px; position: relative; padding-bottom: 10px; }
			div.i-loan { background: url(../images/calculator.png) no-repeat; }
		#rates { margin-top: 15px; position: relative; background: #fcf0c8; padding-bottom: 10px; }
			div.i-rate { background: url(../images/chart.png) no-repeat; }
		#mailing { margin-top: 15px; position: relative; background: #fcf0c8; padding-bottom: 10px; }
			div.i-mail { background: url(../images/mail.png) no-repeat; margin-top: -18px; }
	#main div.main-right { float: left; width: 720px; margin-left: 17px; padding-top: 70px; }
		div.cover-left { float: left; width: 340px; }
			
		div.cover-right { float: right; width: 360px; }
			#news { margin-top: 15px; position: relative; background: #e6e1cf; padding-bottom: 10px; }
			div.i-news { background: url(../images/calendar.png) no-repeat; margin-top: -18px; }
			#news ul { margin: 10px; padding: 0; list-style-type: none; }
				#news ul li { padding: 5px; }
			span.news-date { padding: 3px; background: #b7b4b4; font-size: 10px; }
		
#footer { margin-top: 10px; font-size: 11px; }
	#footer a { font-size: 11px; }
	div.f-back { background: url(../images/footer-back.gif) repeat-x; height: 6px; margin-top: 5px; margin-bottom: 5px; }
	div.f-left { float: left; width: 40%; }
	div.f-right { float: right; width: 40%; text-align: right; }

div.items { margin-top: 15px; position: relative; }
	div.item-header-back { background: #dfddda; position: absolute; height: 30px; width: 100%; z-index: -1; }
	div.i-items { background: url(../images/bookmark.png) no-repeat; margin-top: -18px; }
	div.items div.title { margin-top: 3px; }
	div.items div.all { right: 10px; position: absolute; margin-top: -15px;}
	div.item-body { margin: 10px 5px 5px 5px; }
		div.item-body a.cover { font-size: 18px; }
		div.items ul { margin: 0; padding: 0; list-style-type: none; width: 100%; }
			div.items a { font-size: 14px; }
			div.cover-left div.items ul li { padding-top: 5px; width: 100%; margin-left: 0px; }
			div.items ul li { display: block; float: left; width: 230px; margin-right: 5px;}
				div.item-img { float: left; width: 130px; margin-top: 5px; }
				div.item-content { float: left; width: 100px; font-size: 11px; margin-top: 5px;  }
				div.item-cover-content { float: left; width: 200px; font-size: 11px; margin-top: 5px; }
				div.items sup { color: #db7701; }
				div.btn { margin-top: 4px; display: block; width: 90px; background: #f7941d; height: 20px; }
					div.btn:hover { background: #db7701; }
					div.btn a { line-height: 20px; display: block; width: 100%; height: 15px; background: url(../images/arrow_white.gif) no-repeat 5px 5px; padding-left: 20px; color: #fff; font-weight: bold; text-decoration: none; font-size: 11px; }
				span.price-small { color: #db7701; font-weight: bold; }
				span.price { color: #db7701; font-weight: bold; font-size: 18px; }

div.item-big-image { float: left; width: 420px; }
div.item-info { float: left; width: 300px; margin-bottom: 20px; }
div.item-field { float: left; width: 80px; margin-top: 5px; }
div.item-value { float: left; width: 180px; margin-top: 5px; font-weight: bold; }


/* Inside page */
div.row { margin-top: 5px; margin-left: 20px; }
div.left { width: 80px; float: left; }
div.right { float: left; }

tr.tr-header td { font-weight: bold; background: #dfddda; text-align: center; padding: 5px; }
tr.tr-body td { border-bottom: 1px solid #ccc; padding: 5px; }

/*End of design*/


/* Shop */
/* End of Shop */

/* News */
ul.newsline { list-style: none; padding: 0; margin: 0; }
	ul.newsline li { margin-top: 5px; padding: 0px; padding-left: 20px; }
	
div.news-big-image { float: left; padding-right: 10px; }
img.news-img { margin-bottom: 5px; }
/* News end*/


/* Paging */
div.paging { text-align: center; margin-top: 10px; margin-bottom: 10px; }
div.paging strong { color: #000; background-color: #f1f1f1; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; border: 1px solid #CCCCCC; }
div.paging a, div.paging a:visited { background-color: #BFC0FB; color: #000; margin: 2px; padding: 5px; padding-left: 7px; padding-right: 7px; text-decoration: none; }
div.paging a:hover { background-color: #666; color: #fff; text-decoration: none; }
/* Paging end */



/* Cells */
ul.cells { padding: 0px; margin: 0px; list-style-type: none;  }
	ul.cells li { float: left; width: 120px; display: block; text-align: left; }
/* End of cells */

/*Forms*/
label.error { color: #F00; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-right: 3px; }
input[type="text"] { padding: 2px; }
input[type="password"] { padding: 2px; }
input[type="text"]:focus { background: #DEF2FE; }
input[type="password"]:focus { background: #DEF2FE; }
input.error { background: #F00; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
/*End of forms*/
