@charset "utf-8";
/* CSS Document */

#jumpcatagories { margin:5px 0 0 0;}
#jumpcatagories select { font-size:12px; color:#666; width:180px; border:1px solid #999; height:24px; padding:2px;}
#jumpcatagories option { width:190px; font-size:12px; color:#666;}
#jumpcatagories input { 
background:url(../images/refresh.gif) no-repeat center top;
margin: 0;
padding: 0;
border: 0;
width:36px;
height:32px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

/*------------------------------------Guide--------------------------------------------*/
#refine {padding:5px 50px; text-align:center; margin:10px 0; border-top:1px dotted #057;}

#guide { margin:5px 0 5px 0; width:660px;} 
#guide p { margin:10px 0 2px; padding:0; color:#c60;}
#guide ul {margin:0 0 5px;}
#guide ul li, #refine ul li { display:inline; border-right:1px solid #e4e4e4;}
#guide ul li a, #refine ul li a { padding:0 5px; color:#999;}
#guide ul li.item0, #refine ul li.item0 { border-right:none;}
#guide ul li.item1, #refine ul li.item1 { margin-left:-5px;}
#guide h2 {margin:0; color:#999;}
#guide h2 span {color:#057;}
#guide h5 {margin:0; font-weight:normal;}

.list-group { /*padding-bottom:53px;*/}
.list-main { /*margin-top:10px;*/}
.list-name { font-size:12px; font-weight:bold;}
.list-name span { font-size:10px; font-weight:normal;}
.list-main img { float:left; margin:0 15px 0 0;}
.list-left, .list-right {display:block; float:left;}

.box{padding:5px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin:5px 15px 10px 0;}

.list-left { width:340px;}
.list-right { width:320px;}

.listing-pages { margin-top:10px;}
.listing-pages .floatleft { /*width:315px; height:200px; padding:10px 10px 3px 10px; border:1px solid #f0f0f0; margin-right:3px; margin-bottom:3px; display:block;*/}
.listing-pages .floatleft img { float:left; margin-right:12px;}
.listing-pages .floatleft:hover { /*border:1px solid #f60;*/}

.intro { margin:20px 0 30px; padding-right:30px;}

/*------------------------------------Guide--------------------------------------------*/

.listing-pages .floatleft img {
float:left;
margin-right:6px;
}

.listing-pages .floatleft p.stext { 
font-size:10px; 
color:#999;
margin:10px 0 0;
padding:0;
padding-right:10px;
/*background:#f4f4f4;*/
}

.listing-pages .floatleft { 
width:323px; 
height:105px;
border-top:1px dotted #b2b2b2;
padding:15px 0 0 0; 
margin:0 8px 30px 0; 
display:block;
}

p.list-name {
padding-bottom:0;
padding-top:0;
}

.detail { float:right; width:165px; height:80px;}
.detail h3 { font-size:13px; font-weight:bold; margin:0 0 3px; color:#057;}
.detail h4 { font-size:10px; font-weight:normal; margin:0 0 5px;}
.detail h5 { font-size:10px; font-weight:normal; color:#f90; text-transform: uppercase;}
.detail p { font-size:10px; font-weight:normal; text-transform: uppercase;}

.list-top {/*position:relative;*/}
.detail p { margin:0; padding:0;}
.small { font-size:9px;}

/*------------------------------------Listing--------------------------------------------*/

#shadow-listing {
/*background:#fff url(../images/lshadow.gif) top left no-repeat;
position:relative;
left:-20px;
padding-left:10px;*/
width:1000px;
}

.left-wrap-listing {
padding:20px 0 0 0;
float:left;
border-right:1px solid #ccc;
width:600px;
}

div.linedot-listing {
background:url(../images/dot.gif) bottom left repeat-x;
line-height:1px;
font-size:1px;
height:1px;
width:560px;
margin:5px 0;
}

/*------------------------------------City Listing--------------------------------------------*/
.listing-city .head-info, { color:#885;}
.listing-city .menu_item h5 { background:#885; color:#fff; padding:1px 3px;}
.listing-city .location a { color:#885;}
/*------------------------------------South East Listing--------------------------------------*/
.listing-south_east .head-info { color:#088;}
.listing-south_east .menu_item h5 { background:#088; color:#fff; padding:1px 3px;}
.listing-south_east .location a { color:#088;}
/*------------------------------------Kata Listing--------------------------------------------*/
.listing-kata .head-info { color:#036;}
.listing-kata .menu_item h5 { background:#036; color:#fff; padding:1px 3px;}
.listing-kata .location a { color:#036;}
/*------------------------------------Patong Listing------------------------------------------*/
.listing-patong .head-info { color:#502;}
.listing-patong .menu_item h5 { background:#502; color:#fff; padding:1px 3px;}
.listing-patong .location a { color:#502;}
/*------------------------------------Central Listing-------------------------------------------*/
.listing-central .head-info { color:#303;}
.listing-central .menu_item h5 { background:#303; color:#fff; padding:1px 3px;}
.listing-central .location a { color:#303;}
/*------------------------------------North Listing-------------------------------------------*/
.listing-north .head-info { color:#466;}
.listing-north .menu_item h5 { background:#466; color:#fff; padding:1px 3px;}
.listing-north .location a { color:#466;}

.listing-city, .listing-south_east, .listing-kata, .listing-patong, .listing-central, .listing-north { font-size:12px;}

.restaurant-info { margin:0 0 0 10px;}
.restaurant-info p.theme-gray { margin-bottom:5px;}

.head-info span { padding-right:10px;}
p.head-info { font-size:12px; margin:5px 0 8px; width:560px; }
h2.name { font-size:18px; margin:0 8px 0 0px;}

span.secname { border:none; padding:0; font-size:18px; font-weight:normal;}
span.location { border:none; font-size:12px; float:right; margin:-20px 15px 0 0; text-transform:uppercase; }
span.logo { border:none; float:right; margin:-30px 0 -40px; text-align:right; }

span.type { text-transform:uppercase; font-weight:bold;}

p.contactinfo { color:#006; margin:5px 0 0; width:400px;}

.symbol { margin:-30px 20px 0 0; float:right;}

.menu_item { width:560px;}

.menu_item img { margin-bottom:10px;}
span.title { font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff;}
span.menus {font-size: 12px; line-height:14px; color:#333; padding-left:10px;}
span.menu_description { font-size: 11px; line-height: 14px; color: #999;}

.left-menu { float:left; margin:5px 0px 10px 3px;}

.from-res { width:560px; border-bottom:1px dotted #ccc;}
.from-res p { margin:3px 3px 10px 3px; font-size:12px; line-height:15px; color:#999;}

#operatetime { float:left; font-weight:bold; color:#35a; font-size:11px; margin:10px 0 5px 0;}
/*#popup { float:right; margin:2px 0 5px 0; line-height:28px; vertical-align:middle; background:url(../images/printbg.gif) right no-repeat; padding-right:30px;}*/
span.location-bottom { border:none; font-size:12px; text-transform:uppercase; }

#placestogo-seealso { margin:5px 0 20px 0; border-top:1px dotted #999; padding:5px 0; font-size:12px; }


.prepend-2 { padding-left:40px;}
.prepend-3 { padding-left:50px;}
.prepend-4 { padding-left:59px;}
.prepend-7 { padding-left:83px;}
.prepend-7b { padding-left:85px;}
.prepend-8 { padding-left:93px;}

.prepend-120 { padding-left:120px;}
.prepend-130 { padding-left:130px;}
.prepend-155 { padding-left:155px;}
.prepend-178 { padding-left:178px;}
.prepend-215 { padding-left:215px;}
/*-----------------------------------Listing Right Col-------------------------------------------*/

#listing-rightcolumn {width:370px; margin-left:20px; float:left;}

#seealso {width:225px; float:left;}
#seealso ul { list-style:none; margin-bottom:10px;}
#seealso h4 { margin:0 0 8px; color:#999;}
#seealso div { margin:0 0 5px; padding:2px 1px; background:#f4f4f4; border-bottom:1px dotted #999; font-weight:bold; color:#999; }


/*----------new seealso----------*/

#seealsolong {width:565px; float:left; margin-top:10px;}
#seealsolong ul { list-style:none; margin-bottom:10px;}
#seealsolong h4 { margin:0 0 8px; color:#999;}
#seealsolong div { margin:0 0 5px; padding:2px 1px; background:#f4f4f4; border-bottom:1px dotted #999; font-weight:bold; color:#999; }

/*----------new seealso----------*/


div#seealso div.google-search { background:none; border:none; width:200px; text-align:center;}
div#seealso div.google-search form input.button { margin-left:0;}

.city li, .patong li, .south-east li, .kata li, .north li, .otherarea li, .review-see li { border-bottom:1px dotted #ccc; font-weight:bold; padding:2px 0; }
.city li a, .patong li a, .south-east li a, .kata li a, .north li a, .review-see li a { display:block; padding-left:10px; font-weight:normal; color:#aaa; border:1px solid #fff; }
.city li a:hover { border:1px solid #885; color:#885;}
.south-east li a:hover {border:1px solid #088; color:#088;}
.patong li a:hover {border:1px solid #502; color:#502;}
.kata li a:hover, .north li a:hover {border:1px solid #466; color:#466;}
.review-see li a:hover { border:1px solid#057; color:#057;}

.otherarea a { margin:0 10px; padding:5px 0; font-weight:normal; color:#333; }

#addthis { margin:10px 0 0 -3px;}

/*-------------------------------------------------------------------------------*/
/*------------------------------------reviews----------------------------------*/

#review {margin:5px 0 0; width:660px;} 
#review h2 {margin:0; color:#999;}
#review h2 span {color:#057;}

.review-name {font-size:12px; font-weight:bold;}
.review-textframe {width:560px;}

div.linedot-review {
background:url(../images/dot.gif) bottom left repeat-x;
line-height:1px;
font-size:1px;
height:1px;
width:560px;
margin:5px 0;
}

/*.reviews-listing { width:660px;}*/
.reviews-listing { margin:10px 0 0;}
.reviews-listing h2 { margin:0 0 20px; color:#057;}
.reviews-listing img { float:left; margin:0 20px 20px 0;}
.reviews-listing p.review-name strong { float:left;}
.reviews-listing p.review-name span { float:right; text-transform:uppercase; font-weight:bold; font-size:10px; color:#ccc; margin-right:40px;}
.reviews-info { background:url(../images/dot.gif) top left repeat-x; width:440px; float:left; margin:5px 0 0; padding:5px 0 0;}

.review-all .head-info { color:#005A75;}
.review-all .head-info span { /*border-right:1px solid #885*/;}
.review-all .menu_item span.title { color:#996;}
.review-all p { font-size:12px;}

div.review { margin:5px 0; padding:5px 10px 5px 0; width:560px;}
p.first-paragraph:first-line { color:#057;}
p.award { text-align:center;}
p.award img { border:1px solid #ccc; vertical-align:middle;}

.see-other { margin-top:8px; background:#057; color:#fff; font-weight:bold; padding:3px 3px 4px 5px ;}
.see-other a { color:#A7DDE6; font-weight:normal; margin-left:3px;}

/*-------------------------------------------------------------------------------*/
/*------------------------------------place to go--------------------------------*/

.placestogo h4 { margin:12px 0 3px;}
.placestogo h4 span { font-size:10px; font-weight:normal; color:#999;}

.place-listing { margin-top:10px; border-top:1px dotted #333; padding-top:3px;}
.place-listing .floatleft { width:190px; height:50px; padding:10px; border:1px solid #f0f0f0; margin-left:5px; margin-bottom:3px; display:block;}
.place-listing .floatleft img { float:left; margin-right:12px;}
.place-listing .floatleft:hover { border:1px solid #f60;}
.map-des { margin-top:-8px; font-size:11px; color:#999;}
/*-----------------------------------------------------------------------------*/