html {min-width: 995px;}
body {text-align:center; height:100%; margin:0; padding:0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size:70%; background-color: #eee;}

img							{border:0;}
input, textarea, select		{font-size:100%; font-family: Helvetica, Arial, Verdana, sans-serif;}
table, td, th, div			{font-size:100%;}

hr { height: 2px; border-bottom: 1px dotted #666; width: 90%; margin: 0;}

a { color: #666666; text-decoration: none;}
a:hover { text-decoration: underline;}

/*Clearfix for all floated elements inside wrappers*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearfix2 {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* End Clearfix */
/*COOL RED COLOR rgb(255,55,59) */

/* This is the main container for the page. It is centered horizontally within the body */
#main {width: 995px; height: 100%; margin:0 auto; text-align:left; padding-bottom: 10px;}

#flashcontent {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}

#mast { width: 100%; height: 100px; position:relative;}
#logo { width: 335px; height: 49px; position:relative; float: left; margin-top: 20px; margin-left: 20px;}
#top-banner { position: relative; float: right; padding: 5px;}

#menu { width: 995px; height: 25px; position:relative;}

#submenu { width: 995px; height: 27px; position:relative;}

#submenu-item{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:20px;font-size:10px;font-weight: 500;background:transparent;font-family:Helvetica, Arial, Verdana, sans-serif;text-transform: uppercase;}
#submenu-item li {display:block;float:left;margin:0;padding-right:10px;}
#submenu-item li a {display:block;float:left; color: #8a8989; text-decoration:none;font-weight:500;padding: 5px 0 0 2px;}
#submenu-item li a:hover {color:#666464; height:22px;}
#submenu-item li a.current {display:inline;height:22px; color: #414141; background:transparent url(../../images/square.png) bottom center no-repeat;	float:left;margin:0;}

#pmg-network { height: 28px; position:relative; float: right;}

#filters { width: 995px; height: 30px; margin:0 auto; margin-bottom: 5px; margin-top: 5px; background: #eeeeee; position:relative; border-bottom: 1px solid rgb(255,75,14);}
#filters .align-bottom { position: absolute; bottom: 0;}
#filters #filter-bar {position: relative; float: left;}
#filters #search-bar {position: relative; float: right;}
#filters #search-bar .btn{ vertical-align: middle; border: 0; margin-left: 5px; background: rgb(255,75,14) url(../../images/search_btn.png)  no-repeat; width: 66px; height: 22px;text-indent: -999999px; cursor: pointer; color: #fff;}
#filters #search-bar .searchfield{ border: 1px solid rgb(146,210,16);width:180px;}

#filters #filter-bar {margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:20px;font-size:10px;font-weight: 500;background:transparent;font-family:Helvetica, Arial, Verdana, sans-serif;text-transform: capitalize;}
#filters #filter-bar li {display:block;float:left;margin:0;padding-right:10px;}
#filters #filter-bar li a {display:block;float:left; color: rgb(118,172,6); text-decoration:none;font-weight:500;padding: 5px 0 0 2px;}
#filters #filter-bar li a:hover {color:rgb(255,75,14); height:22px;}
#filters #filter-bar li a.current {display:inline;height:22px; color: rgb(255,75,14); font-size:1.2em; font-weight: 900; float:left;margin:0;}

#dashboard { width: 260px; min-height: 250px; position: relative; background: #31373b url(../../images/dashboard_bg.png) repeat-x 0 44px; zoom:1; margin: 0px;}
#dashboard .frame-title { position: relative; font-family: Helvetica, Arial, Verdana, sans-serif; font-size:14px; color: rgb(146,210,16); font-weight: 600; padding-top: 7px; text-transform: capitalize;}
#dashboard .content { margin: 20px 0px 0px 10px; color: rgb(171,171,171); font-size: 11px; padding-bottom: 5px; background: none;}

#dashboard .avatar { width: 112px; height: 95px; background: url(../../images/frame.png) no-repeat 0 0; float: right;}
#dashboard .avatar img { width: 102px; height: 77px;}

#dashboard .avatar-image { position: relative; width: 96px; height: 73px; margin: 4px 0 0 8px; overflow: hidden;}
#dashboard .content.copy { float: left;}

#dashboard .dcap { width: 260px; position:absolute; font-size:1px; left:0; border: 0;}
#dashboard .dcap.top { top:0; height:44px; background: url(../../images/dashboard_bg_up_260.png) no-repeat 0 0;}
#dashboard .dcap.bottom { bottom: 0; height:26px; _bottom:-1px; background: url(../../images/dashboard_bg_down_260.png) no-repeat 0 0;}
#dashboard .dash-actions {color: rgb(255,75,14);}
#dashboard .align-bottom { position: absolute; bottom: 20px;}

#dashboard .avatar { position: absolute; left: 132px; top: 50px;}
#dashboard .copy { position: relative; float: left; width: 120px;}
#dashboard .dashboard-items { color: #fff; margin-top: 5px;}
#dashboard .digit-count { color: rgb(255,75,14); font-weight: bold;}

#related-articles .frame-content { margin: 0px; font-size: 10px;}
#related-articles .frame-title { text-transform: capitalize;}
#related-articles #article-list { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left;}
#related-articles #article-list li { padding-top: 3px;}
#related-articles #article-list h1 { font-size: 10px; margin: 0px; padding: 0px; line-height: normal; text-transform: capitalize; color: #333333; display: inline; clear:right;}
#related-articles #article-list p { margin: 0px; padding: 0px;}

#related-news .frame-content { margin: 0px; padding: 0px; font-size: 10px;}
#related-news .frame-title { text-transform: capitalize;}
#related-news #news-list { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left;}
#related-news #news-list li { padding-top: 3px;}
#related-news #news-list h1 { font-size: 10px; margin: 0px; padding: 0px; line-height: normal; text-transform: capitalize; color: #333333; display: inline; clear:right;}
#related-news #news-list p { margin: 0px; padding: 0px;}

#content { position: relative; width: 475px; min-height: 100px; float:left; margin-left: 5px; font-family: Georgia, Geneva; font-size: 14px; color: #333333; font-weight: normal; line-height: 1.24em;}
#content .frame { position: relative; min-height: 50px; background: url(../../images/content_bg_475.png) repeat-y 0 0; zoom:1;}
#content .cap { width:475px; height:8px; position:absolute; font-size:1px; left:0; border: 0;}
#content .cap.top { top:0; background: url(../../images/content_bg_up_475.png) no-repeat 0 0;}
#content .cap.bottom { bottom:0; _bottom:-1px; background: url(../../images/content_bg_down_475.png) no-repeat 0 0;}

#content_wide { position: relative; width: 735px; min-height: 100px; float:left; margin-left: 5px; font-family: Georgia, Geneva; font-size: 14px; color: #333333; font-weight: normal; line-height: 1.24em;}
#content_wide .frame { position: relative; min-height: 50px; background: url(../../images/content_bg_735.png) repeat-y 0 0; zoom:1;}
#content_wide .cap { width:735px; height:8px; position:absolute; font-size:1px; left:0; border: 0;}
#content_wide .cap.top { top:0; background: url(../../images/content_bg_up_735.png) no-repeat 0 0;}
#content_wide .cap.bottom { bottom:0; _bottom:-1px; background: url(../../images/content_bg_down_735.png) no-repeat 0 0;}
			
#eye-candy { margin-right: 0px; margin-left: 5px; float: right;}
#soc-tools { width: 210px; position: relative; text-align: center; margin: 0px; padding: 5px; float: left; font-size: 10px; font-family: Helvetica, Arial, Verdana, sans-serif; border: 0px solid #e2e2e2;}

#article { line-height: 140%; text-align:left;}
#article-title { color: rgb(255,75,14); font-weight: 600; text-transform: capitalize; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14pt;}
#article-title a { color: rgb(255,75,14); font-weight: 600; text-transform: capitalize; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14pt;}
#article-author { color: rgb(89,139,43); font-weight: 100; text-transform: uppercase; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 7.5pt;}
#article-description { color: #000000; font-weight: 100; text-transform: uppercase; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 8pt;}
#article-action { position: relative; text-align: center;}
#article-image { border: 0px; margin-right: 0px; text-align: center;}
#article-source { position:relative; margin: 10px; margin-left: 0px; font-size: 10px; font-weight: 500; font-family: Helvetica, Arial, Verdana, sans-serif; color: #999;}
#article-section { color: rgb(255,75,14); font-weight: 600; text-transform: capitalize; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14pt;}
#article-paging { position:relative; margin: 10px; text-align:right; font-size: 12px; font-weight: 500; font-family: Helvetica, Arial, Verdana, sans-serif; color: #999;}
#article-copy { text-align: justify;}

#article-tools{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:20px;font-size:10px;font-weight: normal;background:transparent;font-family:Helvetica, Arial, Verdana, sans-serif;text-transform: capitalize;}
#article-tools li {display:block;float:left;margin:0;padding-right:10px; color: rgb(255,75,14);}
#article-tools li a {color: rgb(255,75,14);}

#popular-items { position: relative;  min-height: 50px; width: 475px; min-height: 40px; float:left; margin-left: 0px; margin-top: 10px;font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 12px;}
#popular-items .frame { position: relative; background: url(../../images/content_bg_dark_475.png) repeat-y 0 0; zoom:1;}
#popular-items .frame-title { text-transform: capitalize;}
#popular-items .cap { width:475px; height:8px; position:absolute; font-size:1px; left:0; border: 0;}
#popular-items .cap.top { top:0; background: url(../../images/content_bg_dark_up_475.png) no-repeat 0 0;}
#popular-items .cap.bottom { bottom:0; _bottom:-1px; background: url(../../images/content_bg_dark_down_475.png) no-repeat 0 0;}

#popular-items #popular-list { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left;}
#popular-items #popular-list li { padding-bottom: 8px;}
#popular-items #popular-list h1 { font-size: 12px; margin: 0px; padding: 0px; line-height: normal; text-transform: capitalize; color: #333333; display: inline; clear:right;}
#popular-items #popular-list p { margin: 0px; padding: 0px;}


#left-side { width: 260px; min-height: 100px; float:left; margin-left: 0px;}
#left-side .frame { position: relative; background: url(../../images/content_bg_260.png) repeat-y 0 0; zoom:1; margin: 0px 0px 10px 0px;}
#left-side .frame-content { border: 0px solid #e2e2e2; border-bottom: 0px; border-top: 0px; margin-top: 0px; padding: 0px;}

#left-side .cap { width:260px; height:8px; position:absolute; font-size:1px; left:0; border: 0;}
#left-side .cap.top { top:0; background: url(../../images/content_bg_up_260.png) no-repeat 0 0;}
#left-side .cap.bottom { bottom:0; _bottom:-1px; background: url(../../images/content_bg_down_260.png) no-repeat 0 0;}

#left-side .frame.dark { position: relative; background: url(../../images/content_bg_dark_260.png) repeat-y 0 0; zoom:1; margin: 10px 0px 0px;}
#left-side .cap.top.dark { top:0; background: url(../../images/content_bg_dark_up_260.png) no-repeat 0 0;}
#left-side .cap.bottom.dark { bottom:0; _bottom:-1px; background: url(../../images/content_bg_dark_down_260.png) no-repeat 0 0;}
		
#right-side { width: 250px; min-height: 100px; float:left; margin-left: 5px; margin-right: 0px;}
#right-side .frame { position: relative; border: 0px solid #e2e2e2; background: url(../../images/content_bg_250.png) repeat-y 0 0; zoom:1; margin: 0px 0px 10px 0px;}
#right-side .frame-content { margin-top: 10px; padding-bottom: 5px;}
#right-side .cap { width:250px; height:8px; position:absolute; font-size:1px; left:0; border: 0;}
#right-side .cap.top { top:0; background: url(../../images/content_bg_up_250.png) no-repeat 0 0;}
#right-side .cap.bottom { bottom:0; _bottom:-1px; background: url(../../images/content_bg_down_250.png) no-repeat 0 0;}

#deals .frame-content { margin: 0px; font-size: 10px;}
#deals .frame-title { text-transform: uppercase;}
#deals #deals-list { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left;}
#deals #deals-list li { padding-top: 3px;}
#deals h1 { font-size: 10px; margin: 0px; padding: 0px; line-height: normal; text-transform: capitalize; color: #333333; display: inline; clear:right;}
#deals p { margin: 0px; padding: 0px;}

#quick-vote { margin-top: 10px; padding-bottom: 5px;}
#quick-vote .frame-content { margin: 10px;}
#quick-vote input { margin-top: 10px;}

#right-banner { width: 250px; height: 250px; min-width: 250px; min-height: 250px;}
#right-banner .frame { border: 0px; margin-top: 10px;}
#right-banner .frame-content { padding: 2px;}

#supplier-pane {margin: 0px; padding: 0px;}
#supplier-pane .frame-title { text-transform: uppercase;}
#supplier-pane #supplier-list { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left;}
#supplier-pane #supplier-list li { padding-top: 3px;}

.frame-gray { border: 1px solid #e2e2e2; background: #fdfdfd; margin-top: 5px;}
.frame-title { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:11px; color: rgb(255,75,14); font-weight: 600; padding: 10px 5px 5px 10px;}
.view-all { position: relative; float: right; margin: 10px 10px 10px 10px;}
.view-all a {color: rgb(255,75,14); font-weight: 400; font-size: 10px;}

.view-all-left { position: relative; float: left; margin: 10px 10px 10px 10px;}
.view-all-left a {color: rgb(255,75,14); font-weight: 400; font-size: 10px;}

.read-more { position: relative; float: right;  margin: 0px 0px 0px 0px;}
.read-more a { font-family: Helvetica, Arial, Verdana, sans-serif;color: rgb(255,75,14); font-weight: 400; font-size: 11px;}

.horizontal-divider {border-bottom: 1px solid #cccccc; height: 1px; width: 96%; margin: 0 auto; padding: 5px 0px 10px 0px;}

.small-margin { margin: 2px;}
.white { color: #ffffff;}
.red { color: rgb(146,210,16);}
.red-border { border: 2px solid rgb(146,210,16);}
.none { border: 2px solid #fff;}

/* NAVIGATION */
#main_nav { list-style: none; margin: 0; padding: 0; } /* remove the bullets */
#main_nav li { float: left;}
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 25px; } 
#home:hover { background-position: 0 0; }
#news:hover { background-position: 0 0; }
#columnists:hover { background-position: 0 0; }
#opinion:hover { background-position: 0 0; }
#cruiseagent:hover { background-position: 0 0; }
#touragent:hover { background-position: 0 0;}
#resortagent:hover { background-position: 0 0;}
#places:hover { background-position: 0 0;}
#gettingthere:hover { background-position: 0 0;}
#education:hover { background-position: 0 0;}
#marketing:hover { background-position: 0 0;}
#fams:hover { background-position: 0 0;}
#archive:hover { background-position: 0 0;}
/* END NAVIGATION */

/* TOP MENU */
#top_nav { list-style: none; margin: 0; padding: 0; } /* remove the bullets */
#top_nav li { float: left;}
#top_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 28px; } 

#our-network { background: url(../../images/top-menu/our-network.png) 0 0 no-repeat; width: 123px;}
#our-network:hover { background-position: 0 0; }

#pmg { background: url(../../images/top-menu/pmg.png) 0 0 no-repeat; width: 123px;}
#pmg:hover { background-position: 0 -28px; }

#travelpulse { background: url(../../images/top-menu/travelpulse.png) 0 0 no-repeat; width: 58px;}
#travelpulse:hover { background-position: 0 -28px; }

#agent-at-home { background: url(../../images/top-menu/agent-at-home.png) 0 0 no-repeat; width: 69px;}
#agent-at-home:hover { background-position: 0 -28px; }

#vacation-agent { background: url(../../images/top-menu/vacation-agent.png) 0 0 no-repeat; width: 75px;}
#vacation-agent:hover { background-position: 0 -28px; }

#travel-agent-academy { background: url(../../images/top-menu/travel-agent-academy.png) 0 0 no-repeat; width: 101px;}
#travel-agent-academy:hover { background-position: 0 -28px; }

#virtual-travel-seminars { background: url(../../images/top-menu/virtual-travel-seminars.png) 0 0 no-repeat; width: 107px;}
#virtual-travel-seminars:hover { background-position: 0 -28px; }

#virtual-travel-events { background: url(../../images/top-menu/virtual-travel-events.png) 0 0 no-repeat; width: 95px;}
#virtual-travel-events:hover { background-position: 0 -28px; }

/* END TOP MENU */


.validation_summary 
{
	font-size: 9pt;
	font-weight: bold;
	color: Red;
	background-color: Yellow;
	border: 1px solid yellow;
}
.error_text
{
	font-size: 9pt;
	font-weight: bold;
	color: Red;
	background-color: Yellow;
}
#survey_results
{
	height:100%;
}
#inner_content { padding: 10px; }
.paging
{
	text-align: right;
	font-size: 12px; font-family: Helvetica, Arial, Verdana, sans-serif;
}


.links { list-style: none; margin: 0px 5px 10px 10px; padding: 0px; clear: left; font-size: 11px; font-family: Helvetica, Arial, Verdana, sans-serif;}
.links li { padding-top: 3px;}
.links a h1 { font-size: 11px; margin: 0px; padding: 0px; line-height: normal; text-transform: capitalize; color: #333333; display: inline; clear:right;}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../../images/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:300px;
	height:370px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:45px 55px 45px 45px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../../images/overlay/close.png);
	position:absolute;
	right:5px;
	top:8px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* black */
div.overlay.black {
	background:url(../../images/overlay/transparent.png) no-repeat !important;
	color:#000;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}

#overlay { 
    background-image:url(../../images/overlay/white.png); 
    color:#000; 
}

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap { 
    height:441px; 
    overflow-y:auto; 
}

#trigger {width: 100%; background: #eee; text-align: center; z-index: 998;}
#top_ad {width: 100%; height: 300px; background: #000; z-index: 999;}

#spotlight { position: relative; background: url(../../images/content_bg_orange_260.jpg) repeat-y 0 0; zoom:1; margin: 0px 0px 10px 0px;}
#spotlight .frame-title-big { font-family: Helvetica, Arial, Verdana, sans-serif; font-size:16px; color: #000; font-weight: 600; padding: 10px 5px 5px 10px;}
#spotlight .dcap { width: 260px; position:absolute; font-size:1px; left:0; border: 0;}
#spotlight .dcap.top { top:0; height:9px; background: url(../../images/content_bg_up_orange_260.jpg) no-repeat 0 0;}
#spotlight .dcap.bottom { bottom: 0; height:6px; _bottom:-1px; background: url(../../images/content_bg_down_orange_260.jpg) no-repeat 0 0;}
#spotlight .frame-content p { margin: 0px; padding: 0px 10px 10px 10px; font-size: 11px; background: url(../../images/content_bg_orange_260.jpg) repeat-y 0 0; zoom:1; color: #fff;}

#center_ad { position: relative;  min-height: 50px; width: 475px; min-height: 40px; float:left; margin-left: 0px; margin-top: 10px;font-family:Helvetica, Arial, Verdana, sans-serif; font-size: 12px;}
#center_ad .ad_placeholder {margin: 10px 3px 10px 3px;}

.form_div
{
	width: 100%;
	text-align: center;
}
.validator_callout{display:none;}