/*  International Realty       */

body { margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#4e4d4e;}
div#page { position: relative;width: 838px; margin: 0 auto; padding: 0 10px; text-align: left; background-color:#747474; }
div { font-size: 1em; }
img { border: 0; }
h1 { font-weight:bold; font-size:9px; color:#FFFFFF; text-align:inherit; line-height:15px; padding:0px 0px 0px 650px; margin:0px 0px 0px 0px;}
h2 { font-weight:bold; font-size:16px; color:#4e4d4e; text-align:left; line-height:15px; padding:10px 0px 10px 0px; margin:0px 0px 0px 0px; }
h3 { font-weight:bold; font-size:14px; color:#4e4d4e; text-align:left; line-height:15px; padding:0px 0px 10px 0px; margin:0px 0px 0px 0px; }
h4 { font-weight:bold; font-size:12px; color:#4e4d4e; text-align:left; line-height:15px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
h5 { font-size: 1.1em; line-height: 1.3em; margin: 0 0 0.25em 0; }
h6 { font-size: 1em; line-height: 1.3em; margin: 0 0 0.25em 0; }
p { font-size: 1em; margin: 0 0 1.5em 0; padding: 0; line-height:1.4em; }
a, a:link , a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
table td { padding: 2px 5px;}
form { margin:0; padding:0; }
input, select { vertical-align:middle; }

/* FIX */

.stretch, .clear { clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
*[class$="clearfix"] { display: inline-block } /* ie7, ignored by opera 8 */
* html>body .clearfix { width: 1px; } /* ie mac only */
* html .clearfix { /* Hides from IE-mac \*/
height: 100%; /* End hide from IE-mac */ }

/* REPLACE */

.replace { display:block; background-repeat: no-repeat; background-position: left top; background-color:transparent; }
/* tidy these up */
.replace * { text-indent: -10000px; display:block; background-repeat: no-repeat; background-position: left top; background-color:transparent; }
.replace a { text-indent:0; }
.replace a span { text-indent:-10000px; }

/* ACCESSIBILITY */

span.accesskey { text-decoration:none; }
.accessibility { position: absolute; top: -999px; left: -999px; }


/* COMPACT LIST TO FIX ALY NO-WITHESPACE-BETWEEN-LINKS ON AD CODE ETC. */

ul.compact, ul.compact li { margin : 0; padding : 0; display: inline }
ul.compact { list-style-type: none }

/* OTHER */

hr { display: none; }
div.hr { height: 1px; margin: 1.5em 10px; border-bottom: 1px dotted black; }

/* HEADER */

div#header { position: absolute; top: 0px; left: 0px; margin: 0; padding: 10px; color: white; text-align: left; width: 838px; z-index: 10; background: #747474;}
div#branding { /* float: left; */ margin: 0; padding: 0; text-align: left; /* height:60px */  }
div#branding #tvGuideFlash { position:absolute; right:6px; display: inline; }
div#branding #advertcode { width:468px; height:60px; display: inline;} 
div#content { position: relative; width: 838px; top: 80px; margin: 0; padding: 0; text-align: left; z-index: 20;}
div#main { position: relative; display: inline; float: right; width: 558px; padding: 10px; margin-right: 120px; margin-left: -220px; background: #fff; border-style: solid; border-width: 0px 10px; min-height : 720px; background-color:#fff; border-color: #747474; }
div#sidePromo { float: right; width: 120px; display: inline; margin-right: -498px; margin-left: 380px}
	
/* NAV */

div#nav { position: absolute; width: 120px; text-align: left; font-size: 1em;}
* html div#nav { /* hide ie/mac \*/
height: 1%; /* end hide */
}

div#nav div.wrapper { width: 100% }
/* div#nav li { margin: 0; padding: 0; } */
div#nav ul { width: auto; width: 100%; margin: 0; padding: 0; line-height:1; list-style: none; }
* html div#nav ul * { height:1px } /* clear whitespace for IE */
div#nav ul li { display: block; list-style: none; margin: 0; padding: 0; zoom:1 } /* zoom is a fix for ie 7- whitespace bug */ 
* html div#nav ul li { /* hide ie/mac \*/
height: 1%; margin-bottom:-1px; /* end hide */
}
div#nav a { display: block; font-weight: bold; text-decoration: none; margin:  0 0 2px 0; padding: 4px 10px; color: black; background: white; }
div#nav a:hover { text-decoration: underline; }
div#nav strong { display: block;  }
div#nav .mainlinks {min-height: 266px; background-color: #e1e3d8; border-bottom: 1px solid #747474}
* html div#nav .mainlinks {height: 266px; }
div#nav div.wrapper { width: 100% }
* html div#nav div.wrapper { width:100px; margin-right:-16px;
	/* horrid ie5 hack */
  voice-family: "\"}\""; 
  voice-family:inherit; width:120px; margin-right:0;
	/* restore values for ie 6 only */
}
* html div#nav div.wrapper ul {
	position:relative;
	left:-16px;
	width:135px;
	/* horrid ie5 hack */
  voice-family: "\"}\"";
	voice-family:inherit;
	left:0;
	width:120px /* restore values for ie 6 only */;
	background-color: #FFFFFF;
	visibility: visible;
}
div#nav ul.sitepicks li.label { margin: 0 0 2px 0 ; padding: 4px 10px; font-weight : bold; background-color: #fcfcfc ; color: #636363 }
div#nav ul.promo { margin : 10px 0 0 0 }
div#nav ul.promo li { background-color: #999 ; color: #eee }
div#nav ul.promo li img { display:none }
div#nav ul.promo li a { margin: 0 ; padding: 4px 10px; font-weight : bold; background-color: #999; color : #eee }
div#nav ul.promo li.image a { padding: 0 }
div#nav ul.promo li.other a { background-color: #eee ; color: #333 }

/* CUSTOM */

div#separatorBox { height: auto }
div#programmeGuideWrapper
{ display: inline; position: relative; }
td#programmeGuide { font-size: 1.2em; font-weight : bold }
img#progUp, img#progDown { position: absolute; cursor: pointer; top: -25px; }
img#progDown { left: 185px; }
img#progUp { left: 5px; }

/* FOOTER */

div#footer { position: relative; margin-top: 0px; width: 838px; color: white; background-color:#747474; }
div#footer a { color : white ; text-decoration : underline }
div#footer p { font-size: 0.8em; margin: 0 0 0 70px; padding: 15px; }

/* SEARCH BAR */

#searchbar {position: absolute; right: 8px; top: 10px; display: inline; float: left; height: 56px; width: 225px;}
#searchbar form { margin:0px; padding-top: 0px ; min-height: 60px; }
#searchbar input.search {border: 0; width: 141px; display: block; float: left; padding: 1px; height: 18px;}
#searchbar input.submitsearch {margin: 0;  cursor: pointer; display: block; float: left; margin-left: 10px; width: 70px; text-align: center; padding:1px; border: 0; height: 20px; font-size: 1em}

/* MICROSITE */

ul#localNav { font-size:1.2em; padding:0; margin:0; position:absolute; top:10px; left:10px; background-repeat:no-repeat; font-weight:bold; width:559px; }
ul#localNav li { display:inline; padding:0; margin:0 5px 0 0; }
div#micrositeContent { padding:109px 16px 32px; margin-top:2em; min-height:402px; _height: 402px  }
div#micrositeContent h1 { position: absolute; left: -1000px }

/* NEW NAV COLOR - LAYOUT */

div#separatorBox { color: #123122; background-color: #dfeac2 }
div#programmeGuide { color: #333; }
div#nav li.blank, 
div#nav div.wrapper, 
div#content { background-color: #bbbdb3 }
div#separatorBox h1 { color: #123122 }

div#nav a,
div#nav a:link, 
div#nav a:active, 
div#nav a:visited, 
div#nav { color: #000000; background-color: #fcfcfa }

div#nav ul.sitepicks li.extra { display:none; }
div#nav ul.sitepicks { list-style:none; padding:0; margin:0 0 2px 0; }
div#nav ul.sitepicks li { display:block }
div#nav ul.sitepicks li a, 
div#nav ul.sitepicks li a:link, 
div#nav ul.sitepicks li a:active, 
div#nav ul.sitepicks li a:visited { margin: 0; background-color : #e1e3d8 ; color : #636363 }

div#nav ul.utilities li a, 
div#nav ul.utilities li a:link, 
div#nav ul.utilities li a:active, 
div#nav ul.utilities li a:visited { margin: 0 0 1px 0; background-color : #fcfcfc ; color : #636363}
div#nav ul.promo li a { color:#fcfcfa; background-color:#999; margin:2px 0 0 }
div#nav ul.promo li.other a { color:#636363; background-color:#fcfcfa }

/* TOOLTIPS */

div#page div#content a.newWindowLink { position:relative }
div#page div#content a.newWindowLink:hover { text-decoration:none }
div#page div#content a.newWindowLink span.accessTooltip { display:block; color:black; font-size:9px; line-height:10px; padding:2px; border:1px solid black; background-color:white; position:absolute; top:-15px; left:0; width:110px; text-decoration:none !important; z-index:9001; text-align:center }

/* YAHOO PROMOLINKS */

#promobox {clear: both; position: relative; background-color: #bbbdb3; padding: 0px 119px 0 120px; margin-top: 60px; }
#promolinks { position: relative; font-family: arial ; font-size: 11px; width: 578px; padding-top: 20px; background-color: #fff;  border-left: 10px solid #747474;  border-right: 10px solid #747474; padding-bottom: 10px; top:10px;}
#promolinks a {text-decoration: none; color: #000; }
#promolinks a:hover {text-decoration: underline; }
#promolinks dl { width: 562px; margin-left: auto; margin-right: auto;}
#promolinks dt img {margin: 0 2px 0; padding: 0;}
#promolinks img.yahoopromolinks {float: right; position: relative; margin: 2px 5px -9px; }
#promolinks dt {background-color: #b9bbb1; font-weight: bold; margin:0; padding: 3px 0 0;}
#promolinks dd {border: 1px solid #b9bbb1; margin:0; padding: 5px 0px 0px; position: relative;}
#promolinks dd dd {border: 0; z-index: 5;}
#promolinks dd dl { display: inline;  float: left; border: 1px solid #ebeae3; margin: 0 5px; width: 128px; }
#promolinks dd dl dt { background-color: #ebeae3; padding: 2px 5px; margin:0; } 
#promolinks dd dl dd { margin: 0; padding: 0; background-color: #f6f6f3;}
#promolinks dd dd ul { margin: 0; padding: 2px 5px; list-style: none; }
#promolinks dd dd ul li { margin: 0; padding: 0; font-weight: normal; }
#promolinks dd dd ul li a { font-weight: normal;} 

/* GLOBAL */

ul#channels li { width: 120px; border-bottom: 1px solid #747474; }

#page ul#channels li a { display: block; position: relative; width: 120px ; height: 51px !important; margin: 0; padding: 0; background-color: #e7e8e0; margin-right: -20px; cursor: hand;}

#page ul#channels li a.active, #page ul#channels li a:hover {width: 140px ; text-decoration: none !important;}

#page li#five a { background:  url(/media/image/11917207.gif) left top no-repeat;}
#page li#five a:hover, #page li#five a.active {background: url(/media/image/11917208.gif) left top no-repeat; }

#page li#fiveus a { background: #d84519 url(/media/image/11917213.gif) left top no-repeat;}
#page li#fiveus a:hover, #page li#fiveus a.active {background: url(/media/image/11917214.gif) left top no-repeat;}

#page li#fivelife a { background: #d84519 url(/media/image/11917211.gif) left top no-repeat;}
#page li#fivelife a:hover, #page li#fivelife a.active {background: url(/media/image/11917212.gif) left top no-repeat;}

#page li#download a { background: #d84519 url(/media/image/11917209.gif) left top no-repeat;}
#page ul#channels li#download a:hover, #page li#download a.active {background: url(/media/image/11917210.gif) left top no-repeat;}
 
#page #channels li span.timeprogram {display: block; color: #fff; font-weight: normal; width:62px; margin-left: 55px; padding-top: 2px;font-size: 10px; font-family: arial !important;}

ul.sitepicks li.label { background-color: #999 !important; color: #fff !important;}
ul li.extra { background-color: #cbcdc4;}
ul li.sublinks {font-size:9px;}

#searchbar {background: url(/media/image/11983825.gif) left bottom no-repeat; min-height: 60px;}
* html #searchbar {height: 60px;}

/* HOME BOXES */

div#highlightBox  { background-color : #ffffff ; color : #284f71; position: relative; min-height: 246px; padding: 0; margin: 0; }
* html div#highlightBox {height: 246px;}
div#highlightBox h1 { margin: 0 15px 0 0; font-size: 2.8em ; padding: 3px 0 ; font-weight: bold; line-height: 1em }
div#highlightBox h2 { margin: 0; font-size: 1.6em ; padding: 3px 0 16px; font-weight: bold ; /* width : 230px; */ color : #284f71; line-height:1.3em}
div#highlightBox h2 a { color : #284f71 }
div#highlightBox p.time { margin: 0 0 3px 16px; font-size: 1.2em ; padding: 0; width : 230px}
div#highlightBox p { margin: 3px 214px 20px 16px; font-size: 1em ; padding: 0; width : 230px}
div#highlightBox img {margin:0 }
div#highlightBox object { position: absolute; top: 0; left: 0}
div#highlightBox object img { position: absolute; top: 0; left: 278px; margin:0 }
div#highlightBox object h2, div#highlightBox object p { margin-left:24px; }
div#highlightBox h2 a, div#highlightBox h2 a:link, div#highlightBox h2 a:active, div#highlightBox h2 a:visited, div#highlightBox h2 a:hover { text-decoration: none }
div#highlightBox h2 a:hover { text-decoration: underline }


#homeadv { width: 300px; height: 300px; border: 0; float: left; }
#programmes {width: 248px; float: right; }
.programme {clear: both; margin-bottom: 10px; min-height: 100px;}
* html .programme {height: 100px;}
.progs div.programme h2 { margin:0 0 0 91px; font-size: 1.4em ; padding:3px 0 0; font-weight: bold ; line-height: 1.1em ; color: #000; }
.progs div.programme h2 a {color: #000 !important; }
.programme img {float: left;}
.programme p {margin: 0 0 0 91px; line-height: 120%; font-size: 0.9em}
.programme a {color: #999;} 


/* display default images */
#display a.five img.firstselect { display : block }
#display a.five img.secondselect { display : block }

#display img.firstselect { float : left }

#display { width: 558px; padding-top: 10px; padding-bottom: 10px;}

.firstselect {margin-right: 10px;padding:0;}
.secondselect {margin-right: 0px; padding 0}
#main .fillIn {display: none;}
#page #main {padding-bottom: 0; margin-bottom: 0;}

/* 2css */

ul#channels li { width: 120px; border-bottom: 1px solid #747474; }

#page ul#channels li a { display: block; position: relative; width: 120px ; height: 51px !important; margin: 0; padding: 0; background-color: #e7e8e0; margin-right: -20px; cursor: hand;}


#page li#five a { background:  url(/media/image/11917207.gif) left top no-repeat;}
#page li#five a:hover, #page li#five a.active {background: url(/media/image/11917208.gif) left top no-repeat; }

#page li#fiveus a { background: #d84519 url(/media/image/11917213.gif) left top no-repeat;}
#page li#fiveus a:hover, #page li#fiveus a.active {background: url(/media/image/11917214.gif) left top no-repeat;}

#page li#fivelife a { background: #d84519 url(/media/image/11917211.gif) left top no-repeat;}
#page li#fivelife a:hover, #page li#fivelife a.active {background: url(/media/image/11917212.gif) left top no-repeat;}

#page li#download a { background: #d84519 url(/media/image/11917209.gif) left top no-repeat;}
#page ul#channels li#download a:hover, #page li#download a.active {background: url(/media/image/11917210.gif) left top no-repeat;}
 
#page #channels li span.timeprogram {display: block; color: #fff; font-weight: normal; width:62px; margin-left: 55px; padding-top: 2px;font-size: 10px; font-family: arial !important;}

ul.sitepicks li.label { background-color: #999 !important; color: #fff !important;}
ul li.extra { background-color: #cbcdc4;}
ul li.sublinks { font-size:9px;}
ul li.flag { background: url(/images/brazil_flag.gif) left bottom no-repeat;}

#searchbar {background: url(/media/image/11983825.gif) left bottom no-repeat; min-height: 60px;}
* html #searchbar {height: 60px;}