﻿#breadcrumbs {
    background-color: #e6f0f2;
}
.hintsandtipsNav,
.hintsandtipsTop,
.PabloAndOliverTop,
.ideasAndTipsPanels {
    height: 1%;
}
h2 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
	padding: 0 0 5px 0;
	line-height: 100%;
	color: #014e7d;
}	
.drkTxt {
    color: #000;
    font-weight: bold;
}

.drkText {
    color: #000;
}

.hintsandtipsBox {
	background: url('../../images/hintsandtips/bg_hints_and_tips_middle.jpg') top left repeat-y; 
	margin: 0 0 0 6px;
	width: 917px;
}
.hintsandtipsBottom {
	height: 29px;
	margin: 0 0 0 6px;
    background: url('../../images/hintsandtips/bg_hints_and_tips_bottom.jpg') bottom left no-repeat;
}
/* header bg image inline from cms */
.hintsandtipsTop {
    background-position: 0 0;
    background-repeat: no-repeat;
	padding: 0 0 0 40px;
}
.hintsandtipsTop .imageAlt {
    width: 1px;
    height: 1px;
    float: left;
}
/* header bg image inline from cms */
.PabloAndOliverTop {
    background-position: 0 0;
    background-repeat: no-repeat;
}
.hintsandtipsNav ul {	
	padding: 14px 16px 0 0;
	list-style: none;	
	height: 27px;
	float: right;
}	
.hintsandtipsNav li {
    float: left;
    width: 178px;
    text-align: center;
    margin: 0 0 0 9px;
    padding: 6px 0 0 0;
}
.hintsandtipsNav li a {
	display: inline;
	color: #085b84; 
	text-transform: uppercase; 
	padding: 2px;
	margin: 0;
	font-size: 110%;
	text-decoration: none;
	font-weight: bold;
}
.stuffOnLeft { float: left; width: 420px; padding-left: 10px; }
.stuffOnRight { float: right; width: 410px; padding: 50px 32px 0 0; }


.hintsandtipsIntro {
	clear: right; 
	width: 400px; 
	margin: 135px 0 0 0; 
	color: #01a8a7; 
	font-size: 130%; 
	padding-bottom: 15px;
}
	
.hintsandtipsPros {
	width: 426px; 
	height: 175px; 
	background: url('../../images/hintsandtips/bg_hints_and_tips_pros.jpg') top left no-repeat; 
	margin: 0 -16px 16px -10px;
	color: #ffffff; } 
	
.hintsandtipsPros H2 { padding: 25px 0 0 23px; text-transform: uppercase; font-size: 130%; line-height: 100%; color: #ffffff; }
.hintsandtipsPros .hintsandtipsProsContent { height: 80px; }
.hintsandtipsPros .hintsandtipsProsContent P { line-height: 130%; }
.hintsandtipsPros P { padding: 2px 140px 0 23px; }
.hintsandtipsPros P A { background: url('../../images/hintsandtips/hints_white_arrow.gif') left 4px no-repeat; color: #fff; text-decoration: none; padding-left: 10px; font-weight: bold; }
.hintsandtipsPros P A:HOVER { text-decoration: none; }

/* Great ideas and Got a tip section */
.ideasAndTipsPanels {
    width: 420px;
    padding-bottom: 15px;
}
.ideasAndTipsPanels .subMain {
    min-height: 124px;
}
.ideasAndTipsPanels H3 {
    font-size: 120%;
    line-height: 100%;
    text-transform: uppercase;
    padding: 10px 10px 0 10px;
    color: #ffffff;
}
.ideasAndTipsPanels a {
    background: url('../../images/hintsandtips/hints_white_arrow.gif') left 4px no-repeat;
    color: #ffffff!important;
    text-decoration: none!important;
    margin-left: 10px;
    padding-left: 10px;
    font-weight: bold;
}
.ideasAndTipsPanels a:hover {
    text-decoration: underline!important;
}
.IdeasAndTipsContent {
    color: #ffffff;
    padding: 0 20px 0 10px;
}
.ideasAndTipsPanels .panel1 {
    float: left;
    width: 205px;
    background: url('../../images/hintsandtips/panel1_bg.gif') 0 0 repeat-y;
}
/* header bg image inline from cms */
#ideasAndTipsPanels .panel1 .main {
    background-position: 0 0;
    background-repeat: no-repeat;
    min-height: 142px;
}
#ideasAndTipsPanels .panel1 .main .imageAlt {
    width: 1px;
    height: 1px;
}
.ideasAndTipsPanels .panel1 .footer {
    background: url('../../images/hintsandtips/panel1_bottom.jpg') 0 0 no-repeat;
    height: 22px;
}
.ideasAndTipsPanels .panel2 {
    float: left;
    width: 205px;
    background: url('../../images/hintsandtips/panel2_bg.gif') 0 0 repeat-y;
    margin: 0 0 0 3px;
}
/* header bg image inline from cms */
.ideasAndTipsPanels .panel1 .main,
.ideasAndTipsPanels .panel2 .main {
    background-position: 0 0;
    background-repeat: no-repeat;
    min-height: 142px;
}
#ideasAndTipsPanels .panel2 .main .imageAlt {
    width: 1px;
    height: 1px;
}
.ideasAndTipsPanels .panel2 .footer {
    background: url('../../images/hintsandtips/panel2_bottom.jpg') 0 0 no-repeat;
    height: 22px;
}
.ideasAndTipsPanels .panel3 {
    float: left;
    width: 413px;
    background: url('../../images/hintsandtips/panel3_bg.gif') 0 0 repeat-y;
}
/* header bg image inline from cms */
.ideasAndTipsPanels .panel3 .main {
    background-position: 0 0;
    background-repeat: no-repeat;
    min-height: 146px;
    padding-top: 14px;
}
#ideasAndTipsPanels .panel3 .main .imageAlt {
    width: 1px;
    height: 1px;
}
.ideasAndTipsPanels .panel3 .main .subMain {
    width: 310px;
}
.ideasAndTipsPanels .panel3 .footer {
    background: url('../../images/hintsandtips/panel3_bottom.jpg') 0 0 no-repeat;
    height: 23px;
}
.GotATip { width: 170px; height: 145px; float: left; margin: 15px 0 0 19px; }
.GotATip { margin: 15px 0 0 39px; }

.IdeasAndTips { float: left; }
.showIfJS { clear: left; }

/* ======================================= */

.hintsandtipsWithVideo, .hintsandtipsTipsOnly { width: 400px; }
.hintsandtipsTipsOnly {
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 10px; }
	
.hintsandtipsWithVideo{
	float: left;
	margin: 0 0 0 24px;
	padding: 0 0 19px 0; }	
	
.hintandtipsSorter { margin: 0 0 10px 0; padding: 0; float: left; }
.hintandtipsSorter LABEL { float: left; width: 60px; font-size: 100%; color: #000; }
.hintandtipsSorter SELECT { float: left; width: 160px; font-size: 100%; font-family: Tahoma, Arial; }

.htVoting { float: left; width: 340px; }
.htVoteNow { float: left; width: 160px; }
.htVotesSoFar { float: right; width: 160px; text-align: right; color: #3399CC; }
.txtArea { float: left; margin: 0 5px 0 0; }

/* hints and tips, no video */
.hintsandtipsTipsOnlyList {
	overflow-y: scroll; 
	width: 400px;
	height: 384px;
	background: url('../../images/hintsandtips/scrollbox_bg.gif') 0 0 repeat-x;
}
.PabloAndOliverTop .hintsandtipsTipsOnlyList {
    height: 324px;
}
.hintandtip {
	margin: 10px 20px 10px 20px;
	border-bottom: 1px solid #a4d1e8;
	padding: 0 0 5px 0; }
.htHeader { margin: 0; padding: 5px 0 0 0; }	
.htHintOrTip { line-height: 120%; padding: 0 0 10px 0; }

.lined { border: 1px solid #CCC; clear: left; }

/* hints and tips, plus video */
.hintsandtipsPlusVideo  {
	width: 400px;
	height: 240px;
	overflow-y: scroll;
    background: url('../../images/hintsandtips/scrollbox_bg.gif') 0 0 repeat-x;
}
.PabloAndOliverTop .hintsandtipsPlusVideo { height: 300px; }
.htVideoVoting { float: left; width: 400px; border-bottom: 1px solid #a4d1e8; padding: 0 0 0 0; margin: 0 0 15px 0; }	
.htVideoNowShowingComments { margin-bottom: 7px; }
.htVideoComments { width: 400px; height: 52px; overflow-y: scroll;  }
.adjstdPadding { padding: 2px 4px; line-height: 125%; }
	
.hintsandtipsPlusVideo UL { margin: 15px 0 0 2px; padding: 0 0 0 0; list-style: none; }
.hintsandtipsPlusVideo UL LI { margin: 0 0 0 0; padding: 0 0 15px 18px; float: left; }
.hintsandtipsPlusVideo UL LI A { display: block; border: 1px solid #ccc;}
.hintsandtipsPlusVideo UL LI A:HOVER, .hintsandtipsPlusVideo UL LI A.onNow { border: 1px solid #000; }

#selectedVideo, #noFlashNotice { color: #FFF; width: 400px; background-color: #000; }
#selectedVideo { position: absolute; top: 0; left: 0; }
.videoCase { position: relative; width: 400px; height: 325px; background-color: #000; margin: 0 0 15px 0; }

#selectedVideo p,
#noFlashNotice p { padding: 30px; color: #ffffff; font-size: 160%; font-family: Arial; line-height: 130%; }

#videoList img {
    display: block;
}

.sifr_chalet_ffffff_12 a,
.sifr_chalet_ffffff_12 a:hover {
    color: #ffffff!important;
    text-decoration: none!important;
}
.sifr_chalet_085b84_12 a {
    text-decoration: none!important;
}
.sifr_chalet_085b84_12 a:hover {
    color: #ffffff!important;
}
