@import url("/inc/styles_search.css");
@import url("/inc/styles_topnav.css");
@import url("/inc/styles_home_left_callouts.css");
@import url("/inc/styles_ppc.css");

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin:0;
	padding:0;
	text-align:center;	
	vertical-align:top;
}

h1, h2 { color:#15629e; }

h1 { font-size:1.4em; margin-bottom:.8em; }

h2 { font-size:1em; }

img
{
	border:none;
}

a:link, a:visited, a:active
{
	color:#105992;
	text-decoration:underline;
}

a:hover
{
	color: #f06000;
	text-decoration:underline;
}

#superwrapper
{
	position:relative;
	margin:0 auto;
	width:940px;
}

div#wrapper
{
	position:relative;
	top: 0px;
	width:780px;	
	padding:0;
	text-align:left;	
}

div#header
{	
	position:absolute;
	top:0px;
	left:0px;
	height:163px;	
	width:100%;	
}

div#banner_area
{
	width:100%;
	height:94px;
	background-image:url(/i/header_bg.gif);
	float:left;
	overflow:hidden;
}

div#logo_wrapper
{
	float:left;
	width:252px;
	height:70px;	
}

div#banner_ad_wrapper
{
	float:left;
	width:528px;
	height:70px;	
	text-align:center;
}

div#tag_line
{
	width:100%;
	height:24px;
	font-weight:bold;
	color:#2f6791;
	padding-left:10px;	
}

div#footer
{
	width:100%;
	height:32px;
	background-image:url(/i/footer_bg.gif);
	clear:both;
	font-size:10px;
	text-align:center;
	padding-top:24px;	
	color:#FFFFFF;	
}

div#footer a
{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

div#footer a:hover
{
	text-decoration:underline;
}

div#content /* content wrapper for pages without breadcrumbs */
{
	margin-top:163px;
	padding-top:10px;
	width:780px;
	background-image:url(/i/main_page_bg.gif);
	float:left;
}

div#content_bc /* content wrapper for pages with bread crumbs below header */
{
	margin-top:198px;
	width:780px;
	background-image:url(/i/main_page_bg.gif);
	float:left;
}

/* breadcrumbs styles */

div#breadcrumb 
{
	font-size:10px;
	height:21px;
	padding-left:15px;
	padding-top:14px;
	background: url(/i/main_page_bg.gif) repeat-y;	
}

div#breadcrumb a
{
	color:#105992;	
}

div#breadcrumb a:hover
{
	color: #f06000;
}

/* breadcrumbs styles end */

div#left
{
	width:181px;	
	float:left;
	position:relative;
	left:-599px;
	margin-top:10px;
	text-align:left;	
}

div#middle
{
	width:567px;	
	float:left;
	position:relative;
	left:181px;	
	padding:9px 16px 0 16px;
}

div#leftmenu div#menuheading
{
	background-image:url(/i/left_nav_top.gif);
	background-position:top left;
	width:181px;
	height:19px;
	color:#FFFFFF;
	font-size:10px;	
}

div#leftmenu div#menuheading span
{
	position:relative;
	top:2px;
	left:14px;	
}

div#leftmenu div#menu
{
	font-size:.9em;
	margin:0;
	padding:0;
}

div#leftmenu div#menubottom
{
	background: url(/i/leftnav_bottom.gif) no-repeat top left;
	height:18px;
	position:relative;
	top:-16px;
}

div#leftmenu div#menu a
{
	display:block;
	text-decoration:none;
	padding: 5px 0 5px 13px;
	color:#105992;
}

div#leftmenu div#menu a.m1:link, div#leftmenu div#menu a.m1:visited, div#leftmenu div#menu a.m1:active 
{
	background: url(/i/m1_main_bg.gif) no-repeat top left;
	border-bottom:solid 1px #e1e8ef;	
}

div#leftmenu div#menu a.m2:link, div#leftmenu div#menu a.m2:visited, div#leftmenu div#menu a.m2:active 
{
	background: url(/i/m2_main_bg.gif) repeat-y top left;
	border-bottom:solid 1px #e1e8ef;
	font-size:10px;	
	padding-left:18px;
	padding-right:10px;	
}

div#leftmenu div#menu a.m2:hover
{
	background: url(/i/m2_hover_bg.gif) repeat-y top left;
}

div#leftmenu a.closed1:link, div#leftmenu a.closed1.visited
{
	background: url(/i/m1_closed_bg.gif) no-repeat top left;	
}

div#leftmenu a.closed1:hover
{
	background: url(/i/m1_closed1hover_bg.gif) no-repeat top left;	
}

a.m1:hover
{
	background: url(/i/m1_hover_bg.gif) no-repeat top left;	
}

.youarehere1:link, .youarehere1:visited
{ 
	background: url(/i/m1_open1_bg.gif) no-repeat top left;
	font-weight:bold;
}

.youarehere2:link, .youarehere2:visited
{ 
	background: url(/i/m1_open1_bg.gif) no-repeat top left;
	font-weight:bold;
	font-size:10px;
}


img#logo
{

}

#blog_community_wrapper
{
	position:absolute;
	top:4px;
	left:50%;
	margin-left:-374px;
	z-index:99;
	width:250px;
}

#blog_community_button
{
	width:30px;
	height:25px;
	background: url(/i/blog_community_btn_on.gif) no-repeat top left;
	float:left;	
	margin-right:6px;		
}

#blog_community_button a:link, #blog_community_button a:visited, #blog_community_button a:active
{
	display:block;
	width:30px;
	height:25px;
	background: url(/i/blog_community_button.gif) no-repeat top left;
}

#blog_community_button a:hover
{
	background:none;
}

#blog_community_button a span
{
	display:none;
}

#blog_community_link a:link,  #blog_community_link a:visited, #blog_community_link a:active
{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;	
	font-size:12px;
	float:left;
	position:relative;
	top:6px;
}

#blog_community_link a:hover
{
	color: #D5E5F2;
	text-decoration: none;
}

/*  homepage callouts styles */
div.callout
{
	position:relative;
	width:104px;
	height:146px;
	margin-bottom:20px;	
}

div#callout_wheels_top, div#callout_traveler_top
{
	width:165px;
	height:42px;
	background: url(/i/home_callout_top.gif) no-repeat top left;
	text-align:center;
}

div.callout div.title
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	position:relative;
	top:6px;	
		
}

div.callout div.subtitle
{
	font-size:9px;
	font-weight:normal;
	font-style:italic;
	color:#FFFFFF;
	text-align:right;
	position:relative;	
	right:8px;
	top:6px;	
}

div.callout div.read_more a
{
	display:block;
	width:88px;
	height:23px;	
}

div.callout div#callout_wheels_bottom a
{
	position:relative;
	left:70px;
	top:6px;
}

div.callout div#callout_traveler_bottom a
{
	position:relative;
	left:70px;
	top:-6px;
}

div.callout div.read_more a span
{
	display:none;
}

div.callout div.read_more a:link, div.callout div.read_more a:visited, div.callout div.read_more a:active
{
	background:url(/i/home_readmore_btn.gif) no-repeat top left;
}

div.callout div.read_more a:hover
{
	background:url(/i/home_readmore_btn_on.gif) no-repeat top left;
}

div#callout_wheels_bottom
{
	width:165px;
	height:104px;
	background: url(/i/callout_wheels_bg.jpg) no-repeat top left;
}

div#callout_traveler_bottom
{
	width:165px;
	height:115px;
	background: url(/i/callout_traveler_bg.jpg) no-repeat top left;
}

div.callout div.description
{
	color: #15629e;
	font-size:10px;
	font-weight:bold;
	padding:10px;	
}

div.callout div#callout_traveler_bottom div.description
{
	padding-right:30px;
	position:relative;
	top:-4px;
}

div.callout div#callout_mailbag_top
{
	width:165px;
	height:9px;
	background: url(/i/callout_mailbag_top.gif) no-repeat top left;
	overflow:hidden;
}

div.callout div#callout_mailbag_bottom
{
	width:165px;
	height:9px;
	background: url(/i/callout_mailbag_bottom.gif) no-repeat top left;
}

div.callout div#callout_mailbag_content
{
	background: url(/i/callout_mailbag_bg.gif) repeat-y top left;
	width:165px;
}

div.callout div#whats_new_btn a
{
	display:block;
	width:165px;
	height:40px;
}

div.callout div#whats_new_btn a:link, div.callout div#whats_new_btn a:visited, div.callout div#whats_new_btn a:active
{
	background:url(/i/callout_mailbag_topbtn.gif) no-repeat top left;
}

div.callout div#whats_new_btn a:hover
{
	background:url(/i/callout_mailbag_topbtn_on.gif) no-repeat top left;
}

div.callout div#whats_new_btn a span
{
	display:none;
}

div.callout div#send_email span
{
	color: #15629e;
	font-size:11px;
	padding:6px;
	display:block;	
}

div.callout div#send_email_button span
{
	display:none;
}

div#send_email_button a
{
	display:block;
	width:165px;
	height:13px;
}

div.callout div#whats_new_btn a:link, div.callout div#whats_new_btn a:visited, div.callout div#whats_new_btn a:active
{
	background:url(/i/callout_mailbag_topbtn.gif) no-repeat top left;
}

div.callout div#whats_new_btn a:hover
{
	background:url(/i/callout_mailbag_topbtn_on.gif) no-repeat top left;
}

div.callout div#send_email_button a:link, div.callout div#send_email_button a:visited, div.callout div#send_email_button a:active
{
	background:url(/i/callout_mailbag_emailbtn.gif) no-repeat top left;
}

div.callout div#send_email_button a:hover
{
	background:url(/i/callout_mailbag_emailbtn_on.gif) no-repeat top left;
}

div#callout_mailbag_content div.rss_feed
{
	font-size:9px;
	padding:0px 10px 10px 10px;
}

div.callout div.rss_feed div.read_more a span
{
	display:none;
}

div.callout div.rss_feed div.read_more a 
{
	display:block;
	width: 77px;
	height: 15px;
	position:relative;
	top:6px;
	left:70px;
}

div.callout div.rss_feed div.read_more a:link, div.callout div.rss_feed div.read_more a:visited, div.callout div.rss_feed div.read_more a:active
{
	background:url(/i/mailbag_readmore_btn.gif) no-repeat top left;	
}

div.callout div.rss_feed div.read_more a:hover
{
	background:url(/i/mailbag_readmore_btn_on.gif) no-repeat top left;	
}

/* LEFT MENU STYLES BEGINS */

div#leftmenu div#menuheading
{
	background-image:url(/i/left_nav_top.gif);
	width:181px;
	height:19px;	
	font-size:10px;
	color:#FFF;	
}

div#leftmenu div#menuheading span
{
	position:relative;
	top:2px;
	left:14px;	
}

div#leftmenu div#menu
{
	font-size:11px;
	width:181px;
}

div#leftmenu div#menubottom
{
	background: url(/i/leftnav_bottom.gif) no-repeat top left;
	height:18px;
	position:relative;
	top:-16px;
}

div#leftmenu div#menu a
{
	text-decoration:none;
	color:#105992;
}

div#leftmenu div#menu a:hover
{
	color: #ff9000;
}
.menuimage { 
	height:36px;
	border-bottom:1px solid #c3d1db; 
}


/* .m1 styles */

.m1:link, .m1:visited
{
	background: url(/i/menu-1.gif) repeat-y top left;	
	border-bottom:1px solid #c3d1db;
	display:block;
	padding: 5px 0 5px 13px;	
}

.m1:hover
{
	background: url(/i/menu-1.gif) repeat-y top left;		
}

.open1:link, .open1:visited
{
	background: url(/i/menu-1-arrow-open.gif) repeat-y top left;
}

.closed1:link, .closed1:visited
{
	background: url(/i/menu-1-arrow.gif) repeat-y top left;	
}

.closed1:hover
{
	background: url(/i/menu-1-arrow.gif) no-repeat top left;	
}

.youarehere1:link, .youarehere1:visited
{
	font-weight:bold;
	font-size:12px;
	padding: 5px 0 5px 13px;
	display:block;
}

/* .m2 styles */

.m2:link, .m2:visited 
{
	display:block;
	background: url(/i/menu-2.gif) repeat-y top left;	
	border-bottom:solid 1px #c3d1db;
	padding: 5px 0 5px 20px;
		
}

.m2:hover
{
	background: url(/i/menu-2.gif) repeat-y top left;
}

.open2:link, .open2:visited
{
	background: url(/i/menu-2-arrow-open.gif) repeat-y top left;
}

.closed2:link, .closed2:visited
{
	background: url(/i/menu-2-arrow.gif) repeat-y top left;	
}

.closed2:hover
{
	background: url(/i/menu-2-arrow.gif) no-repeat top left;	
}

.youarehere2:link, .youarehere2:visited
{
	font-weight:bold;
	display:block;
	padding: 5px 0 5px 20px;
}

/* .m3 styles */

.m3:link, .m3:visited 
{
	display:block;
	background: url(/i/menu-3.gif) repeat-y top left;	
	border-bottom:solid 1px #c3d1db;
	padding: 5px 0 5px 26px;
		
}

.m3:hover
{
	background: url(/i/menu-3.gif) repeat-y top left;
}

.open3:link, .open3:visited
{
	background: url(/i/menu-3-arrow-open.gif) repeat-y top left;
}

.closed3:link, .closed3:visited
{
	background: url(/i/menu-3-arrow.gif) repeat-y top left;	
}

.closed3:hover
{
	background: url(/i/menu-3-arrow.gif) no-repeat top left;	
}

.youarehere3:link, .youarehere3:visited
{
	font-weight:bold;
	display:block;
	padding: 5px 0 5px 26px;
}

/* .m3 styles */

.m4 
{
	color:#FFFFFF;
}

.m4:link, .m4:visited 
{
	display:block;
	background: url(/i/menu-4.gif) repeat-y top left;	
	border-bottom:solid 1px #c3d1db;
	padding: 5px 0 5px 32px;
	color:#FFFFFF;		
}

.m4:hover
{
	background: url(/i/menu-4.gif) repeat-y top left;
	color:#FFFFFF;
}


.youarehere4:link, .youarehere4:visited
{
	font-weight:bold;
	display:block;
	padding: 5px 0 5px 32px;
	color:#FFFFFF;
}

/* LEFT MENU STYLES ENDS */

#header_for_print
{
	display:none;
}

/* ad styles */
#leaderboard
{
	position: absolute;
	top: -100px;
	left:26px;
	margin: 3px 0;
	text-align: center;
}

#skyscraper
{
	position:absolute;
	top:135px;
	margin-left:780px;
}

#medrect {
	margin: 20px 0 10px 0;
	text-align:center;
}

#button{
	margin: 5px 0 10px 0;
	text-align: center;
}

#leftaffiliate{
	margin: 5px 0 10px 0;
	text-align: center;
}
