/* - - - - - - - - - - - - - - - - - - - - -

Title : bengkel.us - codename : _teresavilla || _orangeLiquid (re-design)
Author : Kadek Sudiartha
URL : http://www.bengkel.us
Client : Shopping Bali // www.shoppingbali.com

Description : re design for 20 july 2007

Created : 20 July 2007
Modified : -

- - - - - - - - - - - - - - - - - - - - - */
* { padding: 0; margin: 0; } 
html,body{margin:0;padding:0}
body {
	font: 76% Verdana, Arial, Helvetica, Trebuchet MS, Tahoma, Lucida Grande, Lucida Sans Unicode;
	background:#ffffff;
	color:#000000
	}
div#container{margin: 10px auto;width:880px;padding:0px;height:100%;min-height:100%;border:1px solid #4282b0}
div#blank{height:1px;display:block;width:100%;clear:both}
div#space{height:10px;display:block;width:100%;clear:both}

a:link{color:#000000;text-decoration: none}
a:visited{color:#b20c15;text-decoration: none}
a:hover{color:#b20c15;text-decoration: underline}
a:active{color:#b20c15;text-decoration: none}

div#header{width:880px;height:120px;background:#ffffff url(/themes/_teresavilla/images/header.jpg) top center no-repeat}
div#left{float:left;width:160px;margin-top:10px}
div#center{float:left;width:700px;padding-left:10px;padding-right:10px;background:#ffffff;margin-top:10px}

div#left-box{width:150px;font-size:12px;padding:0px 10px 10px 0px}
div#left-box h1{display:block;border-bottom:0px #b20c15 dotted;font-size:18px;font-weight:bold;color:#b20c15;clear:both}
div#left-box h2{font-size:12px;color:#b20c15}
div#left-box h5{font-size:10px;color:#b20c15}
div#left-box p{font-size:11px;color:#373737;clear:both;line-height:1.4}
div#left-box ul{margin-left: 0 !important;display:inline-block;list-style: none}
div#left-box li{margin-left: 0 !important;display:inline-block;list-style: none}

#menu {	padding:0px; }
#menu ul {
	border-top: 1px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-right: 1px solid #ffffff;
	margin-bottom:10px;
	background:#4282b0;
	color:#ffffff;
}
#menu li {
	display:block;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	padding:3px;
	border-bottom: 1px solid #ffffff;
}

a.menu:link,
a.menu:visited {
	display:block;
	color:#999999;
	text-decoration:none;
	padding:2px;
	font-size:11px;
	font-weight:normal;
}
a.menu:hover {	
	display:block;
	color:#000000;
	background:#cee6f7;
	text-decoration:none;
	padding:2px;
	font-size:11px;
	font-weight:normal;
}
div#left-box li a:link, div#left-box li a:visited, div#left-box li a:active {color:#ffffff}
div#left-box li a:hover {color:#000000;text-decoration: underline}

div#left-box a:link{color:#4282b0;text-decoration: none}
div#left-box a:visited{color:#4282b0;text-decoration: none}
div#left-box a:hover{color:#4282b0;text-decoration: underline}
div#left-box a:active{color:#4282b0;text-decoration: none}

div#center-box{width:700px;padding:10px 0px 0px 0px;font-size:12px;color:#000000}
div#center-box h1{font-size:24px;font-weight:bold;color:#4282b0}
div#center-box h2{font-size:18px;color:#4282b0}
div#center-box h3{font-size:14px;color:#4282b0}
div#center-box h5{font-size:11px;color:#4282b0}
div#center-box p{font-size:12px;color:#373737;line-height:1.5}

div#center-box a:link, div#center-box a:visited, div#center-box a:active {color:#4282b0}
div#center-box a:hover {color:#4282b0;text-decoration: underline}

div#center-box h5 a:link, div#center-box h5 a:visited, div#center-box h5 a:active {color:#4282b0}
div#center-box h5 a:hover {color:#4282b0;text-decoration: underline}

div#footer{clear:both;margin-top:0px;width:880px;height:80px; border-top:1px solid #4282b0}

div#footer-left{float:left;width:160px;margin-top:5px;padding:0 20px 0 0;font-size:11px}
div#footer-left a:link, div#footer-left a:visited, div#footer-left a:active{color:#4282b0;text-decoration: none}
div#footer-left a:hover{color:#4282b0;text-decoration: underline}

div#footer-right{float:right;width:700px;margin-top:5px;margin-bottom:20px;padding:0 0 0 20px;font-size:11px}
div#footer-right h1{font-size:14px;font-weight:bold;color:#4282b0}
div#footer-right a:link, div#footer-right a:visited, div#footer-right a:active{color:#4282b0;text-decoration: none}
div#footer-right a:hover{color:#4282b0;text-decoration: underline}

div#center-left{float:left;width:150px;margin-top:10px;font-size:11px;color:#f3f3f3}
div#center-left a:link, a:visited, a:active{color:#f3f3f3;text-decoration: none}
div#center-left a:hover{color:#f3f3f3;text-decoration: underline}

div#center-right{float:left;width:150px;margin-top:10px;font-size:11px;color:#f3f3f3}
div#center-right h1{font-size:14px;font-weight:bold;color:#f3f3f3}
div#center-right a:link, a:visited, a:active{color:#f3f3f3;text-decoration: none}
div#center-right a:hover{color:#f3f3f3;text-decoration: underline}

.ImageCenter {display: block;margin-left: auto;margin-right: auto;border:1px #cccccc solid;padding:3px;background:#fff}
.ImageTextRight {padding:3px;background:#fff;margin-right:5px;margin-bottom:5px;border:1px #cccccc solid;}
.Images {padding:5px;background:#fff;border:1px solid #f3f3f3}
.ImageThumbs {float:left;margin-right:1px;margin-bottom:1px;padding:5px;background:#f1f1f1;border:1px solid #ccc}
.ImageThumbs a:link, .ImageThumbs a:visited, .ImageThumbs a:active {float:left;margin-right:1px;margin-bottom:1px;padding:5px;background:#f1f1f1;border:1px solid #ccc}
.ImageThumbs a:hover img {float:left;margin-right:1px;margin-bottom:1px;padding:5px;background:#fff;border:1px solid #bf0005}

/* HIGHLIGHT IT */
.ImageThumbs img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.6;
}

.ImageThumbs:hover img{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

.villa_type_rate {
	background-color: #4282b0;
	color: #FFFFFF;
}
.villa_season {
	background-color: #6699cc;
}
.villa_price {
	background-color: #CCE6FF;
}

.tab-book-now {
	display: block;
    margin-left: auto;
    margin-right: auto;
	clear:both;
	padding:10px;
	color:#000;
	margin-top:5px;
}

.catlevel1 {font-size: 19px}
.catlevel2 {font-size: 17px}
.catlevel3 {font-size: 15px}
.catlevel4 {font-size: 13px}
.catlevel5 {font-size: 11px}
.catlevel6 {font-size: 9px}

.taglevel1 {font-size: 19px}
.taglevel2 {font-size: 17px}
.taglevel3 {font-size: 15px}
.taglevel4 {font-size: 13px}
.taglevel5 {font-size: 11px}
.taglevel6 {font-size: 9px}

/* Block Hover */
#links ul {
        list-style-type: none;
} 

#links li {
        border: 0px dotted #4282b0;
        border-width: 0px 0;
        margin: 0px;
		color: #333;
}

#links li a:link, #links li a:active, #links li a:visited { 
        color: #4282b0;
        display: block;
        padding: 5px;
        text-decoration: none;
		min-height:150px;
		[height:150px; /*necessary to hide from Mozilla*/
		height:150px; /*read by Safari*/
		]height:150px; /*only read by IE6*/	
}

#links a h1 { 
        color: #4282b0;
        display: block;
        font-size:14px;
        line-height: 125%; 
}

#links p a:link, #links p a:active, #links p a:visited { 
        color: #4282b0;
        font-size:9px;
		font-style:italic;
}

#links h5 a:link, #links h5 a:active, #links h5 a:visited { 
        color: #4282b0;
        font-size:10px;
}

 * html #links li a {  /* make hover effect work in IE */
 		width: 325px;
}

#links li a:hover {
        background: #cee6f7;
		text-decoration:none;
}

/* Sitemap */

#sitemap li {
	list-style-type: none;
	margin-bottom: -2px;
}

ul#sitemap > li {
	margin-bottom: 10px;
}

#sitemap ul {
	margin-left: 40px;
}

#sitemap ul li {
	list-style-image: url("/themes/_teresavilla/images/l2_normal.gif");
	margin-top: -2px;
}

#sitemap ul ul li {
	list-style-image: url("/themes/_teresavilla/images/l3_normal.gif");
}

#sitemap ul li.firstfollow {
	list-style-image: url("/themes/_teresavilla/images/l2_first_follow.gif");
	margin-top: 0px;
}

#sitemap ul li.last {
	list-style-image: url("/themes/_teresavilla/images/l2_last_item.gif");
}

#sitemap ul li.last ul li {
	list-style-image: url("/themes/_teresavilla/images/l3_normal_no_l2.gif");
}

#sitemap ul li.last ul li.firstfollow {
	list-style-image: url("/themes/_teresavilla/images/l3_first_follow_no_l2.gif");
	margin-top: 0px;
}

#sitemap ul li.last ul li.last {
	list-style-image: url("/themes/_teresavilla/images/l3_last_item_no_l2.gif");
}

#sitemap ul ul li.firstfollow {
	list-style-image: url("/themes/_teresavilla/images/l3_first_follow.gif");
	margin-top: 0px;
}

#sitemap ul ul li.last {
	list-style-image: url("/themes/_teresavilla/images/l3_last_item.gif");
}

/* Tabbed example */
.shadetabs{
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 3px;
margin-right: 0px;
color: #f3f3f3;
background:#cee6f7;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #f3f3f3;
}

.shadetabs li.selected{
position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
background:#bdcfef;
color:#333333;
border-bottom: 0px solid #4282b0;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
color:#333333;
}

.tabcontentstyle{ /*style of tab content oontainer*/
width: 680px;
padding: 10px;
background:#bdcfef;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}