@CHARSET "UTF-8";
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#all {
	position: relative;
	height: 100%;
}

html>body #all {
	height: auto;
	min-height: 100%;
}

#empty,#footer {
	height: 149px;
}

/* or
  #footer {height: _foo_;}
  #empty {height: _foo_ + _bar_;}
*/
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

#footer {
	background: url('../img/footer-bg.gif') repeat-x;
	font-size: 7pt;
	color: #4f4f4f;
}

#footer p{
	color: #62433c;
}

/* main */
body {
	background-color: #ffffff;
	font-family: Tahoma, Verdana, Geneva, arial;
	font-size: 8pt;
	color: #826b57;
}

img {
	border: 0px;
}

p {
	padding: 0px;
	margin: 0px;
}

h1,h2,h3,h4 {
	font-family: Tahoma, Verdana, Geneva, arial;
	color: #761900;
}

h1 {
	font-size: 14pt;
	font-weight: normal;
}

a {
	color: #7c7c7c;
	font-family: Tahoma, Verdana, Geneva, arial;	
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

div {
	padding: 0px;
	margin: 0px;
}
/* menu */
#menu{
	background: url('../img/int/menu-bg.gif') repeat-x;
	width: 100%;
	height: 33px;
	text-align: center;
}

#menu a{
	color: #9a7f5d;
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	padding-left: 35px;
	padding-right: 35px;
}

#menu a:hover, #menu a.active{
	color: #b85c5c;
}


/* book */
#book {
	background-color: #f7f5e2;
	margin-right: 10px;
}

#book_header{
	background: url('../img/int/book-hdr-rigth.jpg') no-repeat;
	text-align: right;
	color: #936352;
	font-size: 14pt;
	padding-top: 12px;
	padding-right: 12px;
}

#book_header a, #book_header a:hover{
	color: #936352;
	font-size: 14pt;
	text-decoration: none;
}


/* submenu */
#submenu{
	background: url('../img/int/book-cnt-bg.jpg') 28px 0px repeat-y;	
}

#submenu a{
	display: block;
	color: #754039;
	font-size: 11pt;
	text-decoration: none;
	font-weight: normal;
	padding-left: 20px;
	background: url('../img/int/menu.gif') 9px 9px no-repeat;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px;
}

#submenu a:hover{
	color: #b85c5c;
	background: url('../img/int/menu-hover.gif') 9px 9px no-repeat;
}

#submenu div div{
	position: relative;
	width: 191px;
}

#submenu div div a{
	display: block;
	color: #745a53;
	font-size: 8pt;
	font-weight: normal;
	background: none;
	width: 150px;
	line-height: 20px;
	margin-left: 20px;
}

#submenu div div:hover a, #submenu div div.over a, #submenu div div a:hover{
	color: #b37d6f;
	background: url('../img/menu-arrow.gif') -130px -12px repeat-x;
}

#submenu div div div{
	display: none;
	position: relative;
	top: 0px;
	left: 191px;
	background: #ffffff;
	width: 150px;
	padding: 0px;
	z-index: 150;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}

#submenu div div:hover div a, #submenu div div.over div a{
	border-bottom: 1px solid #eaeaea;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	line-height: 25px;
	color: #b28750;
	padding-left: 10px;
}

#submenu div div:hover div a:hover, #submenu div div.over div a:hover{
	color: #c37b73;
	background: #ffffff;
}


#submenu div div:hover div, #submenu div div.over div{
	display: block;
	position: absolute;	
}


/* content */
#intcontent{
	background: url('../img/int/book-cnt-bg.jpg') -264px 0px repeat-y;	
}

#intcontent div{
	padding-left: 70px;
}

#intcontent h1{
	font-size: 15pt;
	font-weight: normal;
	line-height: 30px;
	color: #976c67;
	background: #f2ecd2;
	border-bottom: 4px solid #e5ddc3;
	margin-bottom: 10px;
	margin-right: 30px;
	padding-left: 16px;
}

#intcontent img{
	border: 3px solid white;
}

#intcontent p{
	font-size: 8.5pt;
	margin-bottom: 10px;
}

#intcontent div div{
	padding-left: 0px;
}

#intcontent div img{
	margin: 0px 10px 10px 0px;
}

#intcontent h2{
	font-size: 9pt;
	font-weight: bold;
	color: #936352;
	margin-bottom: 10px;
}

#price_word{
	font-size: 14pt;
	font-weight: normal;
	color: #936352;
	margin-bottom: 10px;
}

#price{
	font-size: 14pt;
	font-weight: normal;
	color: #b20000;
	margin-bottom: 10px;	
}

#short_list h1{ 
	background-color: white;
	width: 135px;
	font-weight: bold;
	padding: 5px 20px 5px 20px;
	margin: 0px;
	font-size: 11pt;
	line-height: 20px;
	border: 0px;
}


#short_list td div{
	float: left;
	margin: 10px;
	text-align: center;
	height: 180px;
}

#short_list td div strong{
	text-transform: uppercase;
	color: #753c3c;
}

#short_list td div span{
	color: #565656;
}

#short_list td div u{
	text-decoration: none;
	color: #753c3c;
}

#short_list td div em{
	font-weight: bold;
	color: #a80101;
	font-style: normal;
}

#itmlistitm{
	float: left;
	width: 255px;
	background: url('../img/list-itm-bg.gif') no-repeat;
	height: 200px;
	margin-bottom: 10px;
}

#itmlistitm div{
	margin-left: 16px;
}

#itmlistitm p{
	margin-left: 16px;
	text-align: center;
	width: 183px;
	position: relative;
	left: 0px;
	top: -3px;
}

#itmlistitm p a{
	color: #6c2121;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

#itmlistitm p a:hover{
	color: #7d3232;
}

#itmlistitm span{
	display: block;
	margin-left: 16px;
	color: #936352;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	width: 183px;
}

#itmlistitm span strong{
	color: #b20000;
}


#itmlistitm div img{
	border: 3px solid #acaca8;
	
}


#itmlistitm div code{
	position: absolute;
}

#itmlistitm div code img{
	position: relative;
	left: 170px;
	top: 115px;
}

#soft_first_line td{
	background: #dfe0e1;
	text-align: center;
	height: 133px;
	vertical-align: middle;
	border-right: 2px solid #d6d4c1;	
}

#soft_first_line img{
	border: 0px;
}

#soft_line_1 td{
	background: #ffe6c0;
	text-align: center;
	color: #963f00;
	height: 35px;
	font-size: 10pt;
	font-weight: bold;
	border-right: 2px solid #d6d4c1;	
}

#soft_line_2 td, #soft_line_3 td{
	background: #ffffff;
	text-align: center;
	color: #7d7d7d;
	height: 30px;
	font-size: 9pt;
	vertical-align: middle;
	border-right: 2px solid #d6d4c1;
}

#soft_list{
	padding-right: 40px;
	padding-bottom: 20px;
}

#data_table{
	padding-right: 40px;
	padding-bottom: 20px;
}

#tbl_head td{
	background: #f7e0c3;
	height: 35px;
	text-align: center;
	font-size: 11pt;
	color: #901900;
	font-weight: bold;
}

#tbl_header td{
	background: #ffffff;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	color: #996e6e;
	font-weight: bold;
	border-bottom: 3px solid #f9e8d2;
	border-right: 2px solid #d6d4c1;
	text-decoration: none;
}

#tbl_header a{
	background: #ffffff;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	color: #996e6e;
	font-weight: bold;
	text-decoration: none;
}

#tbl_header a:hover{
	color: #AA7f7f;
}

#tbl_content td{
	background: #ffffff;
	height: 30px;
	text-align: center;
	vertical-align: middle;
	font-size: 8pt;
	color: #996e6e;
	border-bottom: 1px solid #dadada;
	border-right: 2px solid #d6d4c1;
}

#lupa img{
/*	border: 0px;
	position: relative;
	left: 373px;
	top: 255px; */
}

#btn_text_na{
	background-color: white; 
	margin-right: 40px; 
	font-size: 8pt;
}

#btn_text_na p{
	font-size: 8pt;
	padding-left: 10px;
	padding-bottom: 10px;
}

#int_cat_content img{
	border: 0px;
}

/* banners */
#banner_left{
	background: url('../img/banner-bg.jpg') 8px 0px no-repeat;
	padding-top: 8px;
	padding-left: 8px;
	margin-top: 30px;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

#banner_left a{
	background: none;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}

#cityname{
	position: absolute;
	font-size: 12pt;
	color: #823d4f;
	top: 76px;
	left: 0px;
	width: 340px;
	text-align: right;
}


/* phones */

#top-phone, #btm-phone{
	color: #8c7470;
	font-size: 12px;
}

#top-phone{
	padding-top: 47px;
	padding-right: 25px;
}

#top-phone span, #btm-phone span{
	color: #54281d;
	font-size: 24px;
	position: relative;
	top: 8px;
}

#btm-phone{
	padding-left: 162px;
	padding-top: 70px;
}