@charset "utf-8";
/* COMMON STYLE */
/* FOR GREY THEME */
/* Header */
#header {height:190px;overflow:hidden;width:936px;  position:relative}
#header h1{ background:url(../images/gruda_logo.png) no-repeat 1px 0; _background-image:url(../images/gruda_logo.png); display:block; width:249px; height:121px; margin:15px 0 0 0px;}
#header #headerlogolink{ width:250px; height:90px;  text-indent:-9999px; display:block;}


#header .logtext{ position:absolute; right:10px; top:10px; text-align:right; width:70%;}
#header .logtext #login_btn{background:url(../images/login.gif) no-repeat; width:50px; padding:5px 0; display:inline-block; text-align:center; color:#fff; margin:0 5px; *vertical-align:bottom;}
#header .search{ position:absolute; right:10px; top:110px; text-align:right;width:70%;*width:700px;}
#header .search a{background:url(../images/search.gif) no-repeat; width:50px; padding:5px 0;  text-align:center; color:#fff;  margin:0 5px; display:inline-block; *vertical-align:bottom;}

#navi { list-style:none; padding:0; margin:0 10px; background: url(../images/menu/menu-box-right.gif) right top #181818 no-repeat; height:43px; }
#navi li{ float:left; padding:14px 14px 0; height:41px; background:url(../images/divider.gif) no-repeat 0 17px;}
#navi li a{ color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif}
#navi li.first{ background:url(../images/menu/menu-box-left.gif) no-repeat; padding-left:25px;}
#logtext { clear:both; display:block;}

/*Whole Page*/
body,td,th {	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #000000;}
body {margin:0; padding:5; background: url(../images/header_bg.jpg) repeat-x center top; }
input, select{font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a:link, a:visited {	color: #034D80;	text-decoration: none;}
a:hover, a:active { text-decoration: underline;	color: #555;}
form {margin:0px auto;padding:0;}
h1 {font-size:16px; font-weight:bold;margin:5px 0px; color:#000000;}
h2 {font-size: 14px; font-weight:bold; margin: 5px 0px;}
h3 {font-size: 12px; font-weight:bold; margin: 5px 0px;}
h4 { font-size:12px; font-weight:normal; font-family:Arial; margin:5px 0;}
h5 {font-size:11px; font-weight:normal; font-family:Arial; margin:5px 0;}
*h5 {font-size:10px;}
h6 {font-size:11px;margin:0; padding:0;}
*h6 { font-size:10px;}
em {margin:0; padding:0; color:#999;}

/*Container*/
#container {margin:0px auto; width:936px;}
#clear {clear:both;}

/*Footer*/
#footer { clear: both; text-align:center; position:relative; font-size:11px; margin:20px; min-height:20px;}




/*Main
*{word-wrap : break-word ;word-break : break-all}
*/
#main{ height:auto; float:left; clear: both; margin:3px; position:relative; width:930px;  display:inline;}
#main .current_city{ padding:7px 15px; color: #336600; font-size:18px; float:left; width:400px; height:25px;}
#main .other_city{ float:right; padding :13px 20px; height:13px;}
#main .other_city  span { cursor:pointer;}
#main .adv{ margin:0 12px 8px 12px; padding-top:10px; padding-bottom:10px; text-align:center; clear:both;  border-bottom: solid 1px #ccc; height:90px;}
#slide{	position:absolute;border:#ccc 1px solid;	background-color:#FFFFCC;	left: 354px;	top: 34px;	width: 560px;	overflow:hidden;} 
#slide ul{list-style:none; padding: 0px; margin: 0px; clear:both;}
#slide ul li{ float:left; padding:0 10px; width:120px; height:20px}
/*===============================================================*/
#main .content {margin:0px 12px 12px 12px;  }

#main .content .pic { float:left; width:30%; text-align:center; padding-top:10px;}
#main .content .t { float:left; width:70%;}


.photoBox { float:left;}
DIV.photoBox img{ border:1px solid #ccc; background-color:#fff; margin:0px; display:block;}
TABLE.listing1 TD {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
}
TABLE.listing1 Th{
	border-bottom: 1px dashed #ccc;
	padding: 10px;
}

/* DIGG */
#digg {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 15px; MARGIN: 3px; TEXT-ALIGN: center; margin-top:5px;font-size:12px;
font-family:Tahoma;margin-bottom:5px; padding-top: 15px;
}
#digg a {
	BORDER-RIGHT: #DBDBDB 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #DBDBDB 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #DBDBDB 1px solid; color:#797979; PADDING-TOP: 2px; BORDER-BOTTOM: #DBDBDB 1px solid; TEXT-DECORATION: none
}
#digg a:hover {
	BORDER-RIGHT: #8F8F8F 1px solid; BORDER-TOP: #8F8F8F 1px solid; BORDER-LEFT: #8F8F8F 1px solid; COLOR: #000; BORDER-BOTTOM: #8F8F8F 1px solid
}
#digg a:active {
	BORDER-RIGHT: #8F8F8F 1px solid; BORDER-TOP: #8F8F8F 1px solid; BORDER-LEFT: #8F8F8F 1px solid; COLOR: #000; BORDER-BOTTOM: #8F8F8F 1px solid
}
#digg SPAN.current {
	BORDER-RIGHT: #8F8F8F 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8F8F8F 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #8F8F8F 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #8F8F8F 1px solid; BACKGROUND-COLOR: #474747
}
#digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}

/*- Menu Tabs B--------------------------- */
    #tabsB { float:left;  font-size:93%;   line-height:normal;	  font: bold 11px/1.5em Arial;      }    
	#tabsB ul {	margin:0;	list-style:none;	padding-top: 5px;	padding-right: 10px;	padding-bottom: 0;	padding-left: 20px;      }
    #tabsB li {      display:inline;      margin:0;      padding:0;     }
    #tabsB a { float:left;  background:url(../images/tableftB.gif) no-repeat left top;      margin:0;      padding:0 0 0 4px;      text-decoration:none;	  font: bold 11px/1.5em Arial; margin-right:4px; display:inline;}
	#tabsB a span {   float:left;      display:block;      background:url(../images/tabrightB.gif) no-repeat right top; color:#666; height:18px; padding:12px 26px; font-size:12px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/

/* End IE5-Mac hack */
    #tabsB a:hover span {      color:#000;      }
    #tabsB a:hover {      background-position:0% -42px;      }
    #tabsB a:hover span {      background-position:100% -42px;      }
    #tabsB #current a {    background-position:0% -42px;     }
    #tabsB #current a span {   background-position:100% -42px;  }


.box{ float:left; padding:0; border:1px #ccc solid; position:relative;}
.box  h2 {
border-bottom:1px solid #CCCCCC;
display:block;
font-size:18px;
font-weight:normal;
padding:0 0 10px 10px;
}

.change{ background:url(../images/box-bg.gif) repeat-x #EBEBEB; }


.coner{ position:absolute; height:5px; width:5px; display:block;}

 .c1{ background:url(../images/left-top-corner.gif) no-repeat; top:-1px; left:-1px;}
 .c2{ background:url(../images/right-top-corner.gif) no-repeat; top:-1px; right:-1px;}
 .c3{ background:url(../images/left-bot-corner.gif) no-repeat; bottom:-1px; _bottom:-12px;  left:-1px;}
 .c4{ background:url(../images/right-bot-corner.gif) no-repeat; bottom:-1px; _bottom:-12px;  right:-1px; _right:-2px;}