/*
 * CSS for a page with left hand column of 268px
 * Same as index except that the #content div has a differnt background image.
 * And right hand column is 200px plus the border width: 6
 */
	#content{width:1000px;background:#fff url(../images/bg_268col_noright.gif) top left repeat-y;text-align:left;}
	/*The extra div is to force main content to top of the HTML */
	#content .lft{float:left;width:793px;}
	/*
	 * three columns for 268px | 513px | 212px
	 */
	#left{float:left;background-color:#e8e9e9;width:268px;padding:0;}
	#center{float:right;background-color:#fff;width:518px;margin:0 0 0 1px;}
	#center p{padding:0 10px 0 0px;}
	#right{float:right;width:206px;padding:0;}

/* Favoutire links CSS*/
	#left p.favs{margin-left:10px;}
/* Extra margin on images as not in a table anymore*/
	img#ie{margin-right:10px;}
	img#delicious{margin-right:12px;}
	img#digg{margin-right:10px;}
	img#reddit{margin-right:6px;}
	img#yahoo{margin-right:5px;}

/* cursor not showing as pointer on links in left hand column?! */
	#left a{cursor:pointer;}

/* Text box widths */
.newsletterInput{width:190px;vertical-align:middle;}

.breadcrumbs{line-height:22px;background-color:#e8e9e9;padding:0 4px;}

.heading_link{padding:3px 0 0 10px;}
.heading_link a{}
.heading_link a img{border:none;}

#right .col_wrap{border-bottom:1px solid #fff; }
#right .col_wrap_dark{background-color:#999;color:#fff;padding-top:13px;margin-bottom:6px;}
#right .col_wrap_dark a{display:block;height:22px;line-height:19px;color:#fff;padding:3px;}
#right .col_wrap_dark a img{border:none;margin-right:6px;vertical-align:middle;}

#right	.col_wrap_light{padding:13px 4px;border-bottom:1px solid #fff;background-color:#E8E9E9; }
#right	.col_wrap_light a{display:block;height:22px;padding:3px 0px 10px 0px;}
#right	.col_wrap_light a img{border:none;margin-right:6px;vertical-align:middle;float:left;}

#left .recent_grid .RecentViewed {padding:3px 20px;border-bottom:1px solid #fff;position:relative;}
#left .recent_grid .RecentViewed a{text-decoration:none;line-height:16px;}
#left .recent_grid .RecentViewed div.hotelTitle .stars{float:right;width:39%;text-align:right;}
#left .recent_grid .RecentViewed div.hotelTitle .destName{float:left;width:59%;}

#left .recent_grid .RecentViewed .image{float:left;width:120px;}
#left .recent_grid .RecentViewed .image img.img{width:120px;height:80px;border:none;margin:3px;}
#left .recent_grid .RecentViewed .ratingimg{border:none;}
#left .recent_grid .RecentViewed .hotelInfo{float:left;width:80px;padding-left:8px;}
#left .recent_grid .RecentViewed .price a{color:#f60;font-weight:bold;font-size:150%;}