@charset "utf-8";
@import url("typographic.css");
@import url("forms_commonItems.css");
@import url("showslide.css");

/* CSS Document */

body {
	background: #1d272d;
	margin: 0;
	padding: 0;
	text-align: center;
}

.oneCol #container {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}

.oneCol #secondaryContainer {
	width: 960px;
	background: #00a8df;
	margin: 0 auto;
	text-align: left;
}

.oneCol #popUpContainer {
	width: 600px;
	background: #FFF;
	margin: 10px;
	padding: 10px;
	text-align: left;
}


/* ------------- HEADER--------------------------------------------------------------------*/
.oneCol #header {
	padding:0;
	margin:0;
	height:160px;
	width: 960px;
	background-color: #FFF;
}

.oneCol #header .logo {
	width:201px;
	height:160px;
	float:left;
}

.oneCol #header .header_top {
	width:759px;
	height:49px;
	float:right;
	background-image:url(../images/header_top.jpg);
	background-repeat: no-repeat;
	padding:0;
	margin:0;
}

.oneCol #header .header_topBanner {
 	margin: 0px;
	padding: 10px 0 0 15px;
	float: left;
	height: 95px;
	width: 730px;
	background-color: #FFF;
	background-position: left bottom;
}


.oneCol #headerDivider {
	background-color:#00387f;
	width:960px;
	height:2px;
	padding:0;
	margin:0
}

/* ------------------------------------NAVIGATION ---------------------------------------------------------------------*/
.oneCol #rrNav {
	background-image: url(../images/nav_topBG.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 45px;
	width: 960px;
}

/* CONTENT AREA */
				
.oneCol #mainContentArea {
	width: 960px;

}

.mainContentAreaFull {
	width: 960px;
	float: left;
}

.mainContentAreaMedia {
	width: 960px;
	background-image: url(../images/mediaBackground.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* HOME PAGE SLIDE SHOW */

.oneCol #mainContentArea .slideShow {
	background-image: url(../../../images/homeSlideShow/homeSlideShowBG1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width:960px;
	height:302px;
}

.oneCol #mainContentArea .slideShow .movieArea {
	margin:75px 0 0 488px;
	float: left;
}

.oneCol #mainContentArea .slideShow .movieTextArea {
	margin:106px 0 0 0;
	float:right;
	display:inline;
	width:246px;
	position:relative;
}

.oneCol #mainContentArea hr {
	border-color: #FFF;
	border-style: solid;

	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}


/* HOME PAGE MONTHLY CONTENT */
.oneCol #mainContentArea .monthlySectionLeft {
	background-image: url(../../../images/featuringArea/flavorsBG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	float: left;
	height: 259px;
	width: 550px;
}

.oneCol #mainContentArea .monthlySectionLeft a#monthlySectionLeft{
	display:block;
	position:absolute;
	padding-top: 50px;
	height:209px;
	width:550px;
}

.oneCol #mainContentArea .monthlySectionRight {
	width: 410px;
	height: 259px;
	float: right;
	margin: 0;
	padding: 0;
	background-image: url(../../../images/featuringArea/flavorsBG2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/*----------------------------------------LAYOUT COLUMNS ------------------------------------------------------------------------*/
/* HOME PAGE COLUMNS */

.columnLeft, .columnCenter, .columnRight {
	display: inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
	margin-top:10px;
}

.columnLeft {
	width:223px;
	background-color:#FFF;
}

.columnCenter {
	width:445px;
	background-color:#fff;
}

.columnRight {
	width:250px;
}

.begin {
	margin-left: 10px;
}

.last { margin-right: 0!important; }

.programHome {
	padding: 10px 0px 0px 5px;
	width: 213px;
}

.programming {
	width: 207px;
	border-color: #00a8df;
	border-style: solid;
	border-width: 3px;
	margin-bottom: 10px;
	background-color: #FFF;
}

.banner180x150 {
	padding:10px 20px 5px 20px;
}

.featuredProgrammingPage {
	width:435px;
	float: left;
	border-color: #00a8df;
	border-style: solid;
	border-width: thick;
	margin-bottom: 10px;
	background-color: #e1e0e0;
}

.featuredProgrammingLeft {
	margin-top:5px;
	width:200px;
	float:left;
	margin-left:8px;
}

.featuredProgrammingRight {
	margin-top:5px;
	width:200px;
	float:right;
	margin-right:8px;
}

.interactiveTVHomePage {
	width:445px;
	height:185px;
	background-image: url(../images/interactiveHomeBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-bottom: 10px;
}

.travelHomePage {
	width:435px;
	float: left;
	padding-bottom:10px;
	border-color: #00a8df;
	border-width: thick;
	border-style: solid;
	margin-bottom: 10px;
	background-color: #e1e0e0;
}

.realEstateHomePage {
	width:435px;
	float: left;
	border-color: #00A8DF;
	border-style: solid;
	border-width: thick;
	margin-bottom: 10px;
	background-color: #e1e0e0;
}

.columnCenter .travelHomePage .leftSide, .realEstateHomePage .leftSide {
	width:200px;
	float:left;
}

.columnCenter .travelHomePage .rightSide, .realEstateHomePage .rightSide {
	width:235px;
	float:right;
	display:inline;
}

.columnRight .homePage_RightContent {
	width:250px;
	margin:10px 0 10px 0;
}

.columnRight .homePageNews_rightColumn {
	width:250px;
	margin:0px 0 10px 0;
	background-color: #b2b2b2;
	margin-bottom: 10px;
	padding-bottom:10px;
}


	
/*-------------------------------------------SECTION 4 columns HOME PAGE ---------------------------------*/

.column223px, .columnCruise, .columnPoll, .column250px {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-bottom:10px;
	margin-top:10px;
	height:200px;
}

.column223px {
	width:223px;
	background-color:#F3BF36;
}

.columnCruise {
	width:220px;
}

.columnPoll {
	width:217px;

}

.column250px {
	width:250px;
}

.column300px .pushRight {
	margin-left:12px!important;
}

.radioSection {
	padding:5px;
	background-image: url(../images/icon-radio.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:50px;
}

.cruiseSection {
	padding:5px 0 5px 0;
	border-color: #00a8df;
	border-style: solid;
	border-width: thick;
	margin-bottom: 10px;
	background-color: #e1e0e0;
	height: 134px;
}

.pollandNews {
	padding:5px;
	border-color: #00a8df;
	border-style: solid;
	border-width: thick;
	background-color: #e1e0e0;
	height: 134px;
}

/* LAYOUT COLUMNS */

/* SECONDARY PAGE COLUMNS */
.column {
	float: left;
	padding: 10px;
}

.columnFull {
	float: left;
}


#col0 {
	width:960px;
	
}

#col1 {
	width: 230px;
	margin-right: 0px;
	background-color: #e1e0e0;
	margin-left: 10px;
}

#col2 {
	width: 670px;
	margin-right:10px;
	background-color: #FFF;
}

#colTravelLeft {
	width: 435px;
	background-color: #FFF;
}

#colTravelRight {
	width: 215px;
	margin-right:10px;
	margin-left:10px;
	background-color: #FFF;
}

#col1a {
	width: 250px;
	margin-right: 0px;
	background-color: #e1e0e0;
	margin-left: 10px;
	background-image: url(../images/mediaBackground1.jpg);
	background-position: bottom;
	background-repeat: no-repeat; 
}

#col2a {
	width: 690px;
	margin-right:10px;
	background-color: #FFF;
	background-image: url(../images/mediaBackground2.jpg);
	background-position: bottom;
	background-repeat: no-repeat; 
}

#colSweeps {
	width:920px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #FFF;
}


# colTV {
	width:960px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #e1e0e0;
}

#column1 .secondaryPageMenu {
	margin-left:10px;
	margin-right:10px;
}


/*----------------------------------MONTHLY PAGE COLUMNS ------------------------------------------------------------------------*/
.column230pxMonthly, .columnNewsMonthly, .columnTravelMonthly, .columnCruiseMonthly, .columnRadioMonthly, .columnREMonthly, .columnArticlesMonthly,  .columnPromo,  .columnItsAllAboutMonthly, .column680pxMonthly {
	display: inline;
	float: left;
}

.column230pxMonthly {
	width: 230px;
	margin-right: 0px;
	background-color: #FFF;
	margin-left: 10px;
}
.columnNewsMonthly {
	width:270px;
	margin-right: 0px;
	margin-left: 5px;
}

.columnTravelMonthly {
	width: 330px;
	margin-right: 5px;
	margin-left: 0px;
	padding-bottom:10px;
	margin-bottom: 10px;
	background-color: #00a8df;
}

.columnCruiseMonthly {
	width: 330px;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom:10px;
	margin-bottom: 10px;
	background-color: #00a8df;
}

.columnItsAllAboutMonthly {
	width: 400px;
	height: 230px;
	margin-right: 5px;
	margin-left: 0px;
	padding-bottom:10px;
	margin-bottom: 10px;
	background-color: #e1e0e0;
	padding-bottom:10px;
	border-color: #00A8DF;
	border-style: solid;
	border-width: thick;
}

.columnPromo {
	width: 250px;
	margin-right: 0px;
	margin-left: 5px;
	position: relative;
}

.columnRadioMonthly {
	width:270px;
	margin-right: 5px;
	margin-left: 0px;
}

.columnREMonthly {
	width: 380px;
	margin-right: 0px;
	margin-left: 5px;
	padding-bottom:10px;
	margin-bottom: 10px;
	background-color: #e1e0e0;
	padding-bottom:10px;
	border-color: #00A8DF;
	border-style: solid;
	border-width: thick;
}

.columnArticlesMonthly { 
	width:390px;
	margin-right: 5px;
	margin-left: 0px;
}

.column680pxMonthly {
	width:670px;
	background-color: #e1e0e0;
	margin-right:0px;
	padding-right: 10px;
	padding-left: 10px;
	float:left;}

.column230pxMonthly .secondaryPageMenu {
	margin-left:10px;
	margin-right:10px;
}

/* ---- Please Also check above for the rest of the items for this div--- go to HOME PAGE MONTHLY CONTENT  */

.monthlyContentColumn {
	display: inline;
	float: left;
	margin-left: 6px;
	width:205px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00387f;
	height:240px;
	margin-bottom:10px;
	margin-top:10px;
	background-color: #e1e0e0;
	padding-bottom:10px;
	border-color: #00A8DF;
	border-style: solid;
	border-width: thick;

}

.noborder { border:none; }

.oneCol #mainContentArea .column680pxMonthly .monthlyFeaturedVideo {
	background-color: #92ccf3;
	/* background-image: url(../../../images/featuringArea/monthlyfeaturedVideo.jpg);
	background-repeat: no-repeat;
	background-position: left bottom; */
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}

.monthlyTravelArea {
	width:320px;
	margin:5px 10px 10px 10px;
	padding-bottom:10px;
}

.monthlyCruiseArea {
	width:320px;
	margin:5px 10px 10px 10px;
	padding-bottom:10px;
}

.monthlyNewsArea {
	width:250px;
	height: 210px;
	padding: 5px 5px 10px 5px;
	border-color: #00a8df;
	border-style: solid;
	border-width: thick;
	margin-bottom: 10px;
	background-color: #e1e0e0;
}

.monthlyArticlesArea {
	width:370px;
	height: 210px;
	padding: 5px 5px 10px 5px;
	border-color: #00a8df;
	border-style: solid;
	border-width: thick;
	margin-bottom: 10px;
	background-color: #e1e0e0;
}



/* Live TV Template */

.mainContentLiveTV {
	width: 960px;
	float: left;

}

.liveTVColumn {
	float: left;
	padding: 5px 10px 10px 10px;
}

.liveTVSponsor {
	width:230px;
	height: 383px;
	display: inline;
	float: left;
}

.liveTVFeed {
	width: 480px;
	height: 383px;
	margin:0 10px 0 10px;
	display: inline;
	float: left;
}

.liveTVChannel {
	width: 210px;
	height: 383px;
	display: inline;
	float: left;
}


/*----------------------------------SHOW VIDEO PAGES -----------------------------------------------------------*/

.videoPlayerShowPageBG {
	background-color:#00a8df;
	margin: 0px;
	padding: 0;
	float: left;
	height: 411px;
	width: 670px;
	background-image: url(backgroundMoviePlayer.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-right:10px;
}

.videoPlayerShowPage{
padding:20px 10px 0px 10px;

}

.videoDescriptionShowPage {
	margin: 0;
	padding: 0;
	float: left;
	width: 670px;
	background-color:#00a8df;
}

.radioFeaturedPage {
	margin: 0;
	padding: 10px;
	float: left;
	width: 650px;
	background-color:#00a8df;
}

.moreShowListingShowPageBG{
	margin: 0;
	padding: 0;
	float: left;
	width: 670px;
	background-color:#00a8df;
}
.moreShowListingShowPage{
	
	display: inline;
	float: left;
	width:162px;
	margin-left:5px;
	padding-top:7px;
}

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:670px;
		height:400px;
		overflow:hidden; 
		}
		
#slider li{ 
	background:#00a8df;
	color:#FFF;
}
		
#slider li a {
			color:#FC0;
			font-size: 10px;
}

#slider li span { 
	margin:8px 0 0 0;
}

#slider li h2{ 
	margin:0 20px;
	padding-top:20px;
}	

#slider li p{ 
	margin:20px;
}				
	
span#prevBtn {
	width:19px;
}

span#nextBtn{

}					

/* // Easy Slider */

/* FOOTER */

.oneCol #footer {
	padding: 0;
	width:960px;
	height:145px;
	margin:0;
	background-image: url(../images/footer_BG.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.oneCol #footer .footerNav {
	float:left;
	margin:0;
	padding:0;
	width:710px;
}

.oneCol #footer .socialNet {
	float:right;
	margin:0;
	display:inline;
	padding:0;
	width:250px;
}

/* Clear Floated Elements 
----------------------------------------------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* Photo Layout */

.photoRight {
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 1px solid #a46a33;
}
.photoLeft {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 35px;
	margin-left: 10px;
	border: 1px solid #a46a33;
}
.photoCenter {
	float: none;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: auto;
	border: 1px solid #a46a33;
	display: block;
}
.photoRightNoBorder {
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: none;
}
.photoLeftNoBorder{
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	border: none;
}
.photoCenterNoBorder {
	float: none;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-left: auto;
	border: none;
	display: block;
}

.imageRightNoBorder {
	float: right;
	margin-left: 15px;
	border: none;
}
.imageLeftNoBorder{
	float: left;
	margin-right: 15px;
	border: none;
}
.imageCenterNoBorder {
	float: none;
	margin-right: auto;
	margin-left: auto;
	border: none;
	display: block;
}

.photoRightNoBorder2 {
	float: right;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	border: none;

}

.wrapContent {
	background-color: #9DB5BF;
	padding: 10px;
	float: left;
	width: 630px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.wrapContent p a { color:#32396D }