/*	Browser Defaults and Utilities  
	------------------------------ */
/*body{
    font-family: Arial, Helvetica, Verdana;  
    font-size: 12px;
    background-color: #000;
	 //background-color: #8EAFDA; 
}*/
body, p, ul, ol, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, form{margin:0; padding: 0;}
a {color: #0066cc; cursor: hand; cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-size: 12px; }
h1{font-family: Helvetica, Arial;}
ul, dl{list-style-type: none;}
ol{list-style-position: inside; }
img{ border: none; }
.clearer, .clear{ clear: both;}
.seoText{ display: none; }
/*logoText is to replace seoText- left it in incase it's being used elsewhere*/  
.logoText{ display: none; }
.bd {font-weight:bold;}
.caps {text-transform:uppercase;}
.uberLink, .popLink {text-decoration: underline;}
.error {
    color: #f00;
    font-weight:bold;
}
.errorMsg, .thankYouMsg{font-weight: bold;}
.errorMsg{
	color: #f00;
	padding: 0 0 5px 20px;
	background: url(/images/global_images/error_icon.gif) top left no-repeat;
}
#errorArea {padding-bottom:0;}
.thankYouMsg{color: green;}

/*	Classes for site-wide repeated patterns: buttons, tabs, etc.
	Usage is documented here: 
	http:/concierge-production-preview/scripts/baselines/prodStyleGuide.html
	-------------------------------------------------------------------------- */
	
	/*contentModules and singleUnitPages*/
		.contentModule, .newcontentsadded, .contentModuleB, .singleUnitPage #primary_content .wrapperBox, .secNav, #geographic_navigation{
			background-color: #FFFFFF;
			padding: 0px;
			/*border: 1px solid #666;*/
			margin-bottom: 25px;
		}
  
		.contentModule, .newcontentsadded, .contentModuleB, .singleUnitPage #primary_content #rightrail .wrapperBox {
			margin-bottom: 0px;
		}
      
        .advertisement rightRailAd {
            padding: 0;
            border: 0;
        }
		.sweepsmodule{
			margin-top: 30px;
			background-color: #000;
            font-size: 11px;
            color: #fff;
		}        
		.sweepsmodule #sweepsHeader h3 {font-size:10px;}          
        .sweepsmodule a {color:#ffd306;text-decoration: none;} 
        .sweepsmodule div.ad {
            padding:5px 7px;
        }
        .contentModuleC{
            border-top: 2px solid #ccc;
            border-bottom: 2px solid #ccc;
			background-color: #efefef;
            margin-bottom: 18px;
			padding: 15px 0;
			font-size: 11px;
        }
        .contentModuleC h4, .contentModuleC h3, .contentModuleC h2{text-transform: uppercase;}
		/*expand and collapse left nav contentModuleC in trips*/
       .tripPlans .expanded h4, .tripPlans .collapsed h4{
            cursor: pointer; 
			cursor:hand;
            padding-left: 15px;
            margin-bottom: 3px;
        }
        .tripPlans .expanded h4{background: url(/images/global_images/greenExpandedArrow.gif) no-repeat 2px 3px;}
        .tripPlans .collapsed h4{background: url(/images/global_images/blackCollapsedArrow.gif) no-repeat 2px 3px; color: #64BA1F;}
        .tripPlans .collapsed ul{display: none;}
        .tripPlans .expanded ul{display: block;}
        .contentModuleD {
           margin: 15px 0 18px 0;
		   color: #999;           
           font-size: 11px;
        }        
        .contentModuleD h3 {
            color:#fff;
			text-transform: uppercase;
            margin: 0 0 8px 0;
        }
        .contentModuleD h4 {
            text-transform: uppercase;
            font-size: 8px;
        }        
        .contentModuleD a {
            color:#fff;
			text-decoration: underline;
            font-size: 10px;
            font-weight: bold;
        }        
		.contentModule .content, .singleUnitPage #primary_content .content{
			background-color: #fff;
			color: #333;
			 /*width: 465px; */
			/*border: 1px solid #339900;*/
		}
        .content{line-height: 1.4;}
		.singleUnitPage #user_toolbar{margin-top: 0;}
		.contentModule, .contentModuleB{clear: both;}
		.contentModule .content{padding: 7px 7px 7px;}
		.singleUnitPage .content a, .contentModule .content a, .moreLink{color: #227AD3;}
		.contentModuleB .content{background-color: #000; color: #fff;}
		.contentModuleB .content a{color: #ffd306;}
        .contentModuleB h3, .contentModuleB h4, .contentModuleB h5, .contentModuleB h6{
            text-transform: uppercase;
            color: #fff;
            padding: 3px 7px;
            font-size: 11px;
        }
        .contentModuleB .yellowHeadline{
            margin-bottom: 1px;
        }
        .contentModuleB .moreLink{
            display: block;
            padding: 5px 7px;
        }
        .contentModuleB .moreLink, .contentModuleB .moreLink a{
            color:#ccc;
            font-size: 10px;
        }
        .contentModuleB .moreLink a{text-transform: lowercase;}
        .contentModuleB .moreLink a em{text-transform: none;}
		
        .smallModule{
            float: left;
            width: 244px;
            clear:none;
        }
    /*groupList (appears in contentModuleC)*/
		ul.groupList{padding-right: 10px;}
		ul.groupList li, ul.tripList li{padding: 2px 0 2px 15px;}
		ul.groupList .active a, ul.groupList .active a:hover{background-color: #ccc;}
		ul.groupList a:hover{background-color: #ddd;}
        ul.groupList a{
            display: block;
            color: #333 !important;
            text-transform: none !important;
            text-decoration: underline !Important;
        }
		ul.groupList .active a{
			text-decoration: none !important;
			font-style: italic !important;
			color: #666 !important;
		}
    /*instance specific styles*/
		ul.tripList li{ /*save dialogue, mycon left rail, all saved items*/
			background-image: url(/images/global_images/suitcase.gif); 
            background-repeat: no-repeat;
			background-position: left 2px;
		}
        ul.tripList a{ /*for save dialogue box and mycon left rail*/
			text-transform: none;
			color: #333 !important;
        }
	/*coloredHeadlines*/
		.yellowHeadline, .greenHeadline, .redHeadline, .slateHeadline, .blueHeadline, .purpleHeadline, .charcoalHeadline{
			padding: 3px 7px;
			border-top-width: 1px;
			border-top-style: solid;
			text-transform: uppercase;
			font-size: 15px;
			font-weight: bold;
            height:18px;
		}
		.redHeadline, .slateHeadline, .blueHeadline, .purpleHeadline, .greenHeadline{color:white;}
		.yellowHeadline{ background-color: #FFD306; border-top-color: #FFE909; color: #000 !important;}
		.greenHeadline{background-color: #67C51D; border-top-color: #A6E82E;}
		.redHeadline{background-color: #015488; border-top-color: #015488;}
		.blueHeadline{background-color: #3399CC; border-top-color: #30BFE1;}
		.purpleHeadline{background-color: #855DD8; border-top-color: #C28CEC;}
		.slateHeadline{background-color: #777; border-top-color: #A7A7A7;}
		
	/* listings and detail */
	div.listAndDetailModule {
		position:relative;
		width: 502px;
	}
    
    .itemText {
        float: left;
        width: 255px;
        padding-right: 5px;
    }
	
    .itemTextSolo {
        width: auto;
    }
	/*view controls*/
    div.viewControls{
        color:#000;
        font-size:10px;
        text-transform:lowercase;
        font-weight:bold;
        padding:0 7px 0 0;
        position:absolute;
        right:2px;
        top:0;
    }
     
    .clrDestinations div.viewControls {
        color:#000;
    } 
    
    .tripPlans div.viewControls {
        color:#FFF;
    }  

	div.listAndDetailModule div.detailContainer div.viewControls, .pfcontainer div.viewControls {
		position: static;
		padding: 0;
		margin-bottom: 20px;
        float:left;
        width:200px;
	}
    
	div.listAndDetailModule div.viewControls a {
		padding-left: 8px;
        text-decoration:none;
	}
    
    div.listAndDetailModule div.viewControls a span {
        padding-left:16px;
        text-decoration:underline;
        color:#000;
    }
    
    .tripPlans div.listAndDetailModule div.viewControls a span {
        color:#FFF;
    }   
    
    .destinationPhotos div.listAndDetailModule div.viewControls a span {
        color:#FFF;
    }

    .clrDestinations div.listAndDetailModule div.viewControls #vCactive a span {
        color:#666;
    }
    .tripPlans div.viewControls #vCactive a span {
        color:#000;
    }
    .destinationPhotos div.listAndDetailModule div.viewControls #vCactive a span {
        color:#000;
    }

    div.listAndDetailModule div.viewControls #vCactive span{
        text-decoration:none;
    }

	/* content: view controls */
	div.listAndDetailModule div.detailContainer div.viewControls, div.listAndDetailModule div.detailContainer div.viewControls a{color: #666;}
	div.listAndDetailModule div.detailContainer div.viewControls a.active{color: #c7c7c7;}
	div.listAndDetailModule div.detailContainer div.viewControls a{border-left: 1px solid #c7c7c7;}

	.viewByGallery, .viewBySlideshow, .viewByListing, .viewByDetail{
		cursor: hand;
		overflow: visible;
	}
    
	.viewIcon{
		line-height: 12px;
		padding-left: 15px;
        background-repeat: no-repeat;
        background-position: 0 4px;
	}

    /*white*/
    .tripPlans .viewByGallery .viewIcon {background-image: url(/images/global/icon_white_gallery.gif); background-position: 0 2px;}
    .tripPlans .viewByListing .viewIcon {background-image: url(/images/global/icon_white_list.gif);}
    .tripPlans .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_white_slide.gif);}
    .tripPlans .viewByMap .viewIcon {background-image: url(/images/global/icon_white_map.gif);}
    .tripPlans .viewByDetail .viewIcon {background-image: url(/images/global/icon_white_detail.gif);}

    .destinationPhotos .viewByGallery .viewIcon {background-image: url(/images/global/icon_white_gallery.gif); background-position: 0 2px;}
    .destinationPhotos .viewByListing .viewIcon {background-image: url(/images/global/icon_white_list.gif);}
    .destinationPhotos .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_white_slide.gif);}
    .destinationPhotos .viewByMap .viewIcon {background-image: url(/images/global/icon_white_map.gif);}
    .destinationPhotos .viewByDetail .viewIcon {background-image: url(/images/global/icon_white_detail.gif);}
    
    /*black*/
    .tripPlans #vCactive .viewByGallery .viewIcon {background-image: url(/images/global/icon_black_gallery.gif); background-position: 0 2px;}
    .tripPlans #vCactive .viewByListing .viewIcon {background-image: url(/images/global/icon_black_list.gif);}
    .tripPlans #vCactive .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_black_slide.gif);}
    .tripPlans #vCactive .viewByMap .viewIcon {background-image: url(/images/global/icon_black_map.gif); background-position: 0 2px;}
    .tripPlans #vCactive .viewByDetail .viewIcon {background-image: url(/images/global/icon_black_detail.gif);}
    
    .destinationPhotos #vCactive .viewByGallery .viewIcon {background-image: url(/images/global/icon_black_gallery.gif); background-position: 0 2px;}
    .destinationPhotos #vCactive .viewByListing .viewIcon {background-image: url(/images/global/icon_black_list.gif);}
    .destinationPhotos #vCactive .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_black_slide.gif);}
    .destinationPhotos #vCactive .viewByMap .viewIcon {background-image: url(/images/global/icon_black_map.gif); background-position: 0 2px;}   
    .destinationPhotos #vCactive .viewByDetail .viewIcon {background-image: url(/images/global/icon_black_detail.gif);}  
    
    .clrDestinations .viewByGallery .viewIcon {background-image: url(/images/global/icon_black_gallery.gif); background-position: 0 2px;}
    .clrDestinations .viewByListing .viewIcon {background-image: url(/images/global/icon_black_list.gif);}
    .clrDestinations .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_black_slide.gif);}
    .clrDestinations .viewByMap .viewIcon {background-image: url(/images/global/icon_black_map.gif); background-position: 0 2px;}
    .clrDestinations .viewByDetail .viewIcon {background-image: url(/images/global/icon_black_detail.gif);}
    
    /*grey*/
	.clrDestinations #vCactive .viewByGallery .viewIcon {background-image: url(/images/global/icon_charcoal_gallery.gif); background-position: 0 2px;}
    .clrDestinations #vCactive .viewByListing .viewIcon {background-image: url(/images/global/icon_charcoal_list.gif);}
    .clrDestinations #vCactive .viewBySlideshow .viewIcon {background-image: url(/images/global/icon_charcoal_slide.gif);}
    .clrDestinations #vCactive .viewByMap .viewIcon {background-image: url(/images/global/icon_charcoal_map.gif); background-position: 0 2px;}
    .clrDestinations #vCactive .viewByDetail .viewIcon {background-image: url(/images/global/icon_charcoal_detail.gif);}
	
    .dsgnPipe {
        position:relative; 
        top:2px; 
        height:24px; 
        float:left; 
        margin-left:5px; 
        /*some default colors:*/
        border-left: 1px solid #666; 
        border-right: 1px solid #333;
    }
    
     .dsgnPipeMc {
        position:relative; 
        top:2px; 
        height:24px; 
        float:left; 
        margin-left:5px; 
    }
           
    .clrDestinations .dsgnPipe {
        border-left: 1px solid #ffed0a; 
        border-right: 1px solid #da9500;
    }
     
    .tripPlans .dsgnPipe {
        border-left: 1px solid #B682E8; 
        border-right: 1px solid #513098;
    }
    
    .destinationPhotos .dsgnPipe {
        border-left: 1px solid #FF6666; 
        border-right: 1px solid #8D2C2C;
    }   
    
    .dsgnPipe span, .dsgnPipeMc span {
        display:none; 
        float:left;
    }
        
    .viewCntrlsI {
        padding-top:7px; 
        display:block; 
        float:left;
    }


	/*sectionhead*/
		div.sectionhead{
			background: url(/images/global_sprites/icon_sprite.gif) 0 -15px repeat-x;
			padding: 5px 7px;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			color: #7a7a7a;
			font-size: 11px;
			text-transform: lowercase;
            clear: both;
		}
		.sectionhead h4, .sectionhead h3, .sectionhead h2{
			font-size: 12px !important;
			text-transform: uppercase;
		}
        .sectionExtra{
            position: absolute;
            right:  7px;
            top: 5px;
        }
        /* sort controls */
		div.sorter{margin: 15px 0;}
		.sorter ul, .sorter li{display: inline;}
		.sorter ul{margin-left: 5px;}
		.sorter a, div.sorter li{font-weight: bold;}
        .sorter .active a{
            color: #666;
            text-decoration: none;
        }
        .sorter .upArrow, .sorter .downArrow{
            position: relative;
            top: -2px;
            left: 1px;
        }

        
        .sorter span.SbtTxt {
            margin: 0 0 0 0;
            display:block;
            float:right;
        }
        
		div.sorter{margin: 15px 0;}
		.sorter ul, .sorter li{display: inline;}
		.sorter ul{margin-left: 5px;}
		.sorter a, div.sorter li{font-weight: bold;}
        .sorter .active a{
            color: #666;
            text-decoration: none;
        }	
	/* tabbedNavigation */
        div.tabbedContainer{
            position: relative;
            margin-top: 50px;
            padding-top: 15px;
            padding-right: 10px;
        }
		div.tabbedNavigation{
			position: absolute;
			left: 1px;
			top: -32px;
			width: 495px;
			padding-left: 5px;
			border-bottom: 1px solid #999;
			line-height: 1.4 !important;
            font-size: 10px;
            text-transform: uppercase;
		}
		div.tabbedNavigation a{
			text-decoration: none;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 10px;
			color: #ffd306 !important;
		}
		div.tabbedNavigation li.active a{
			position: relative;
			top: -2px;
			color: #666 !important;
		}
		div.tabbedNavigation li{
			background-color: #000;
			border-top: 1px solid #666;
			height: 18px;
			padding: 3px 20px;
			float: left;
			position: relative;
			top: 3px;
			margin-right: 1px;
		}
		div.tabbedNavigation li.active{
			background-color: #fff;
			border-top: 1px solid #999;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			padding-top: 7px;
			top: 1px;
		}
		
	/*charcoalList, slateList, charcoalBlockList*/
		ul.charcoalList, ul.slateList{font-size: 10px;}
		ul.charcoalList li, ul.charcoalBlockList li, ul.slateList li{
			margin-bottom: 1px; 
			line-height: 1.1;
		}
		ul.charcoalList a, ul.slateList a{
			padding: 2px 7px;
			display: block;
			text-decoration: none;
			font-weight: bold;
		}
	/*charcoalList, charcoalBlockList*/
		ul.charcoalBlockList a, ul.charcoalList a{color: #fff !important;}
		ul.charcoalList li a, ul.charcoalBlockList li{position: relative;}
		ul.charcoalList li a span, ul.charcoalBlockList span.moreChar{/* for yellow carets › */
			color: #ffd306;
			position: absolute;
			right: 5px;
			font-size: 12px;
			font-weight: normal;
		}
		ul.charcoalList li a span{top: -1px;}
		ul.charcoalBlockList span.moreChar{top: 6px;}
		ul.charcoalBlockList li, ul.charcoalList a{background-color: #333;}
		ul.charcoalList, ul.charcoalBlockList{background-color: #000;}
	/*charcoalBlockList*/
		ul.charcoalBlockList{font-size: 11px;}
		ul.charcoalBlockList h6{ 
			padding: 0;
			color: #ffd306;
			font-weight: normal;
			font-size: 10px;
		}
		ul.charcoalBlockList a{
			font-size: 12px;
			font-weight: bold;
		}
		ul.charcoalBlockList li{padding: 7px 15px 7px 7px;}
    /*charcoalList*/
		ul.charcoalList a:hover{background-color: #666;}
        ul.charcoalList h4 {
            color: #ffd306;
            text-transform: uppercase;
            font-size: 11px;
            font-weight: normal;
            margin: 7px 0 5px 0;
        }
        
        ul.charcoalList h5 {
            font-size: 11px;
            font-weight: normal;
            margin: 5px 0 9px 0;
        }   
             
        ul.charcoalList b {
            text-decoration: underline;
            font-weight: bold;
            font-size: 12px;
        }
    /*charoalList 2*/
        
    /*slateList*/
		ul.slateList{background-color: #fff;}
		ul.slateList a{background-color:#eaeaea; color: #0066cc;}
		ul.slateList a:hover{background-color: #ccc;}
    /*  decked lists */
        ul.decked a {padding: 5px 7px;}      
        ul.decked li a span {top: 4px;} 
        
    /* piped lists */
        ul.pippedList li {
            display: inline;
            border-right: 1px solid #fff;
            padding-right: 3px;
            margin-right: 3px;
        }
        ul.pippedList li.last {
            border-right: 0;
            padding-right: 0;
            margin-right: 0;
        }        
        ul.pippedList li a {
            color: #ffd306;
            text-decoration: underline;
            font-size: 11px;
            font-weight: bold;
        }
    /* linksList*/
        ul.linksList li { margin-bottom: 13px;}
    /* popList*/
        ol.popList {
            display: block;
            width: 160px;
            float:left;
            margin: 18px 0 22px;
            padding-left: 29px;
            color: #000;
            font-size: 11px;
            font-weight: bold;
        }
        ol.popList a {text-decoration: none;}
        ol.popList a:hover {text-decoration: underline;}
    /*indentedList*/
        ul.indentedList {margin: 18px 0 16px 0;}
        ul.indentedList li {margin: 0 0 8px 10px;}
        .listContainer {
            clear: both;
            padding-left: 14px;
        }
	/*moreLinks*/
		span.moreLink a{text-decoration: underline !important;}
		
	/*coloredGems*/
		.gemSprite{
			display: block;
			position: absolute;
			width: 6px;
			height: 11px;
			background-image: url(/images/global_sprites/gems.gif);
		}
		.grayGem, .active .gemSprite{background-position: 0 0 !important;}
		.yellowGem{background-position: 0 -13px;}
		.redGem{background-position: 0 -26px;}
		.purpleGem{background-position: 0 -39px;}
		.blueGem{background-position: 0 -52px;}
		.greenGem{background-position: 0 -65px;}
		
	/*coloredLabel: labeled text*/
		.yellowLabel, .greenLabel, .aquaLabel, .charcoalLabel{
			text-transform: uppercase;
			padding: 0 7px;
			font-weight: bold;
			line-height: 14px;
            text-decoration: none;
		}
		a.yellowLabel , a.greenLabel{text-decoration: none;}
		.yellowLabel{background-color: #FFD306; color: #333 !important}
		.greenLabel{background-color: #64ba1f; color: #fff !important;}
		.aquaLabel{background-color: #cbdce4; color: #000 !important;}
        .charcoalLabel{background-color: #333; color:#FFD306 !important;} 
		
	/* nextArrowButtons prevArrowButtons */
		a.previousArrowButton, a.nextArrowButton{
			display: block;
			width: 33px;
			height: 31px;
			background-image: url(/images/global/button_next.gif);
			background-repeat: no-repeat;
		}
		a.previousArrowButton{background-image: url(/images/global/button_prev.gif);}
	/* deleteX */
        a.deleteX, .deleteX{
            display: block;
            width: 11px;
            height: 10px;
            background-image:  url(/images/global_sprites/icon_sprite.gif);
            background-repeat: no-repeat;
            background-position: -1px -45px;
            cursor: pointer;
            cursor: hand;
        }
        /*
		span.whiteOnGreenCssButton{
			display: none;
			visibility: hidden;
		} */
	/* coloredCssButtons */
		span.yellowOnBlackCssButton, span.whiteOnGreenCssButton, span.blackOnSlateCssButton{/*add new classes of "span.coloredCssButton" here*/
			display: block;
			background-color: #fff;
			padding: 1px;
			border: 1px solid #999;
			cursor: hand; 
			cursor: pointer;
		}
		span.yellowOnBlackCssButton a, span.whiteOnGreenCssButton a, span.blackOnSlateCssButton a{/*add new classes of "span.coloredCssButton a" here*/
			display: block;
			text-align: center;
			text-transform: uppercase !important;
			text-decoration: none;
			font-size: 10px;
			font-weight: bold;
			line-height: 1.5; 
            cursor: pointer; 
            cursor: hand;
		}
		span.yellowOnBlackCssButton a{ background-color: #000; color: #ffd306 !important;}/*color your button here*/
		span.whiteOnGreenCssButton a{ background-color: #64ba1f; color: #fff !important;}
		span.blackOnSlateCssButton a{ background-color: #e8e8e8; color: #333 !important;}
	/* buttonNav*/
		.buttonNav ul{height: 25px;}
		.buttonNav li{
			background-image: url(/images/global_sprites/header_sprite.gif);
			background-position: 0 -287px;
			margin-right: 1px;
			padding-top: 3px;
			/* (Disabling mobile) width: 98px; */
			width: 147px;
			float: left;
			font-size: 10px;
			text-align: center;
		}
		.buttonNav li, .buttonNav a{
			text-transform: uppercase;
			font-weight: bold;
			text-decoration: none;
			cursor: pointer;
			cursor: hand;
		}
        .buttonNav li, .buttonNav li.active a{color: #fff;}
		.buttonNav li.active{background: none;}
		.buttonNav li.last{margin-right: 0;}

    /*CSVTextfield: basic*/
        .CSVTextfield .collapsed{display: none;}
        .CSVTextfield .expanded{display: block;}
	
    /*CustomTextarea: basic*/
        .customTextarea label{display: block;}
        textarea.textcount{
            height: 120px;
            margin-bottom: 10px;
        }
        .textcountIndicator{color: green;}
        .textcountContainer .overLimit{color: red;}
    
	/*legal copy*/
		.legal_copy, .legal_copy a, .legalCopy, .legalCopy a{color: #999 !important;}
		.legal_copy a, .legalCopy a{text-decoration: underline !important;}

/* footer condenet update */
span.cnd_logo {
    font: normal bold 16px "Times New Roman","Times",serif;
    text-transform: uppercase;
    color: #ccc;
    padding-right: 1px;
}

span.cnd_logo_small {
    font-size: 12px;
}

* html span.cnd_logo_small { font-size: 11px; }
*:first-child+html span.cnd_logo_small { font-size: 11px; }

	
	/*legal copy 2 - FOR REDESIGNED CONCIERGE FOOTER*/
		.legal_copy2, .legalCopy2, .legalCopy2 a{color: #999 !important;}
		.legal_copy2 a{color: #FFD306; text-decoration: none;}
		.legalCopy2 a{text-decoration: underline !important;}
		
		
	/*prev next pagination*/
        .prevNext span{color: #FFD306;}
        .prevNext span.separator{color: #FFF;}
        .listAndDetailModule .topPrevNext, .listAndDetailModule .bottomPrevNext{ /*MOVE TO LIST AND DETAIL MODULE CSS*/
            position: absolute;
            right: 5px;
        }

        div.paginator {
            border-top:1px solid #CCCCCC;
            color:#227AD3;
            font-size:10px;
            padding:3px 5px 5px;
            text-align:right;
            text-transform:lowercase;
        }

        .listAndDetailModule .topPrevNext{top: 22px;}
        .listAndDetailModule .bottomPrevNext{bottom: 7px;}
    /* user's photo */
        img.userPhoto, img.user_photo{
            display: block;
            background-color: #fff;
            padding: 1px;
            border: 1px solid #999;
            /*temporary until gallery resizing issue is fixed*/
            width: 45px;
            height: 45px;
        }


/*	line rules */
 div.yellowrule {background-color: #ffd306; width: 100%; height: 2px;}
 div.hborder {clear: both; background-color: #e8e8e8; width: 100%; height: 1px; margin: 10px 0 10px 0;}
 div.hborderc {clear: both; background-color: #cccccc; width: 100%; height: 1px; margin: 10px 0 10px 0;}
 div.hborder2 {clear: both; background-color: #cccccc; width: 100%; height: 2px; margin: 10px 0 10px 0; padding: 0;}


/*	Shell: Containers for sitewide template 
	--------------------------------------- */
		div#canvas, #banner_container{
			width: 1000px;
			margin: 0 auto;
			position: relative;
		}
		div#canvas{
			background-image: url(/images/global_sprites/bg_canvas.gif);
			padding-top: 22px;
			background-repeat: repeat-x;
		}
		div#page_content{padding-left:10px;}
		div#right_rail{width: 300px;}
		div#primary_content, div#right_rail, div#left_rail, div#primary_rail{float: left;}
		/*for railed pages*/
		div#primary_content{ 
			width: 678px;
			margin-right: 12px;
		}
/* for 400.html/5oo.html error pages pulling world flash map */
        primary_contentE { 
			width: 674px;
			margin-right: 12px;
            float: left;
			padding: 1px;
			border: 1px solid #666;
			margin-bottom: 25px;
		}
		div#left_rail{
			width: 162px;
			overflow: visible;
		}
		div#primary_rail{
			width: 506px;
			margin-left: 10px;
		}
		/*for single unit pages*/
		.singleUnitPage #left_rail{width: 150px; padding-left: 8px;}
		.singleUnitPage .tabbedNavigation{width: 499px;}

        
/*	Site/Section Name and Logo
	------------------------- */
	/* Site/Section Name */
		div#site_name{
			height: 80px;
            padding-top: 15px;
            margin-bottom: 43px;
		}
		div#site_name, div#site_name a{
            position: relative;
			color: #fff;
            z-index: 20;
			text-transform:uppercase;
			font-weight: normal;
		}
		div#site_name h1{
			font-size: 48px;
			line-height: .9;
		}
		div#site_name a{
			text-decoration: none;
            z-index: 20; 
            font-size:48px; 
            line-height:0.9; 
            font-weight: bold; 
            position: relative;
		}
        #site_name #logo_small{
            position: relative;
            left: 3px;
            top: -1px;
            z-index: 5;
        }
        #site_name .longTitle{
            font-size: 36px;
        }
        #logo_small{
            background: url(/images/logos/logo_147x30.png) no-repeat;
            display: block;
            width: 146px;
            height: 24px;
        }
        #logo_large{
			display: block;
			position: relative;
			 z-index: 5;
            width: 429px;
            height: 63px;
            background: url(/images/logos/logo_429x63.png) no-repeat;
        }
        #logo{
            width: 317px;
            height: 49px;
            margin-top: 10px;
            margin-left: 8px;
            background: url(/images/logos/logo_317x49.png) no-repeat;
        }  
        #logo span {
            display: none;
        }      
        
/*	Header  
	------ */
	/* Containers */
		div#header{
			position: absolute;
			top: 0;
			width: 1000px;
		}
		div#global_navigation{
			position: relative;
			height: 144px;
			margin-top: 1px;
		}
		/*to maintain clickability even though #header sits on top of these elements*/
		div#geographic_navigation, ul#breadcrumb, #global_search, #cnt_sub_unit, #newon{z-index: 10;}
		#cnt_sub_unit, #newon{position: relative;}
		/**/
		div#geographic_navigation{
			left: 10px;
			top: 117px;
		}
		div#banner_container, ul#breadcrumb li.breadcrumbGroup, div.secNav ul, ul#breadcrumb span.trigger {background-image: url(/images/global_sprites/header_sprite.gif);}
		div#header, div#header a, div#geographic_navigation, div#geographic_navigation a, div#global_search{text-transform: uppercase;}
		div#header a, div#geographic_navigation a{
			text-decoration: none;
			font-weight: bold;
            font-size: 12px;
		}
		div#banner_container{
			height: 96px;
            text-align: center;
		}
        
        
	/* Dropdown States*/
		ul.dropdownMenu li{position: relative;}
		ul.dropdownMenu li div.menu{
			position: absolute;
			left: 0;
			z-index: 10;
		}
		ul.dropdownMenu div.inactive{display: none}
    /* Hidden Menu Link Styles (common across different types of dropdowns. importants override any unwanted parent list/anchor styles for each case) */
        .menu li, .menu ul{height: auto !important;}
        div.menu li a{ 
			font-size: 11px !important;
			background: none !important;
			text-align: left !important;
			text-transform: none !important;
			color: #FFD306 !important;
			padding: 0 !important;
		}
        div.menu li a:hover{color:#fff !important;}
		div.menu li{
			float: none !important;
			border: none !important;
			background: none !important;
		}
        
	/*  Common Styles: #breadcrumb / .secNav / #search */
        div#geographic_navigation, ul#breadcrumb, div.secNav, div.secNav ul, div.secNav li, div#global_search, div#global_search form{ height: 24px;}
        div#global_search{margin-bottom: 15px;}
        ul#breadcrumb a, div.secNav a{color: #FFD306;}
        div.secNav li.current a, ul#breadcrumb, ul#breadcrumb a:hover, div#global_search form{ color: #fff; }
        div.secNav, div#geographic_navigation{ 
			position: absolute; 
			width: 674px; 
			margin-bottom: 0;
		}
        
        /*Secnav and Breadcrumb Dropdowns*/
            ul#breadcrumb div.menu ul, div.secNav div.menu ul{
                width: 90px;
                padding-right: 5px;
                float: left;
				margin-right: 5px
            }
            ul#breadcrumb li div.menu li, div.secNav div.menu li{
                margin-bottom: 7px;
				padding-left: 3px;
                line-height: 10px;
            }
            ul#breadcrumb li div.menu a, div.secNav li div.menu a{
                text-transform: none;
                font-size: 11px;    /*put higher in cascade/use dropdownMenu*/
            }
            ul#breadcrumb li div.menu, div.secNav li div.menu{
                top: 24px;
                background-color: #222;
                border-right: 1px solid #666;
                border-bottom: 1px solid #666;
                border-left: 1px solid #666;
                padding: 10px 15px;
            }
            ul#breadcrumb div.menu a:hover, div.secNav div.menu a:hover{padding-bottom: 0;}
            .lists_1{width: 100px;}
            .lists_2{width: 200px;}
            .lists_3{width: 300px;}
            .lists_4{width: 400px;}
            .lists_5{width: 500px;}
            .lists_6{width: 600px;}
		    .lists_7{width: 700px;}

	/*  .secNav: Sectional Navs */
		div.secNav{
            bottom: 0;
            left: 10px;
            margin-bottom: 0;
		}
		div.secNav ul{background-position:0pt -306px;}
		div.secNav li{float: left;}
		div.secNav li.current{
			background: #444;
			border: none;
			position: relative;
			left: -1px;
		}
        div.secNav li.last a{
            border-right: none;
        }
		div.secNav li a{
			display: block;
			padding: 5px 10px 2px 10px;
			border-right: 1px solid #444;
		}
        div.secNav li a:hover {
            color: #fff;
        }
        div.secNav .menu{
            left: -1px;
            top: -1px;
            border-top: none;
        }
        div.secNav .menu ul{background: none !important;}
        div.secNav .menu a{border: none;}
        
    /*  Ultra Breadcrumb */
		div#geographic_navigation{ background-color: #444;} /*container: is a content module*/
        ul#breadcrumb a:hover{padding-bottom: 15px;}	
        ul#breadcrumb li div.menu{left: -12px;}
        ul#breadcrumb .first .menu{left: 18px;}
        ul#breadcrumb li.breadcrumbGroup{
            float: left;
            background-position: 0 -252px;
            padding: 5px 20px 0 5px;
            height: 19px;
        }
		ul#breadcrumb li.first{padding-left: 33px;}
        ul#breadcrumb .sectionLink{
            padding-top: 5px;
            margin-left: 3px;
            float: left;
        }
        ul#breadcrumb .sectionLink a{
            padding-left: 5px;
            color: #fff;
        }
        ul#breadcrumb .sectionLink a:hover{
            text-decoration: underline;
        }
        /* Non-Semantic Breadcrumb Elements */
            #geographic_navigation span#globe_icon, #geographic_navigation span.separator, #geographic_navigation a.grayButton{background-image: url(/images/global_sprites/breadcrumb_sprite.gif);}
            span#globe_icon{
                display: block;
                width: 40px;
                height: 37px;
                position: absolute;
                left: -10px;
                top: -5px;
				z-index: 1001;
            }
            ul#breadcrumb span.separator{
                background-repeat: no-repeat;
                width: 16px;
                height: 24px;
                position: absolute;
                right: 0;
                top: 0;
                background-position: 0 -39px;
            }
            ul#breadcrumb .last span.separator{
				background-position: -25px -39px;
			}
			* html ul#breadcrumb .last span.separator{
				background-color: #444; 
				width: 24px;
				right: -8px;
			}
            ul#breadcrumb span.trigger{
                display: block;
                width: 8px;
                height: 4px;
                background-position: 0 -277px;
                position: absolute;
                top: 11px;
                right: 10px;
                z-index: 3;
            }

	/*  Primary Nav */
		ul#primary_navigation { height: 20px; }
		ul#primary_navigation li {
			background-color: #666;
			float: left;
			margin-right: 1px;
			padding: 1px;
			height: 18px;
			line-height:14px;
		}
		li#pn_home{width:69px;}
		li#pn_destinations{width: 122px;}
		li#pn_interests{width: 152px;}
		li#pn_resources{width: 165px;}
		li#pn_video{width: 71px;}
		li#pn_myconcierge{width: 158px;}
		ul#primary_navigation li#pn_cntraveler {
			width: 170px; 
			position: relative;
			margin-right: 0;
		}
		
		ul#primary_navigation li#pn_subscribe {
			width: 70px; 
            margin-left: 1px;
            padding-left: 0;
            text-align: center;
		}        

       ul#primary_navigation div a#pn_subscribe_link { margin:2px 0 0 0; }
        ul#primary_navigation div > a#pn_subscribe_link { margin:1px 0 0 0; }     
        ul#primary_navigation a#pn_subscribe_link:link, ul#primary_navigation a#pn_subscribe_link:visited { width:67px; height:16px; line-height:16px; padding: 1px; margin:0 0 0 1px;
        font-size:11px; font-weight:bold; background-color:#0066CC; color:#FFF; }
        
        ul#primary_navigation a#pn_subscribe_link:hover,
        ul#primary_navigation a#pn_subscribe_link:active { background-color:#000; color:#F7CC05; }
        
		ul#primary_navigation li#pn_cntraveler a span {
			text-align: left;
			padding-left: 2px;
		}       
         
		ul#primary_navigation a {
            font-weight: bold;
            font-size: 12px;
			background-color: #444;
			color: #ccc;
			padding: 2px 0;
			display: block;
			text-align: center;
		}
        
		ul#primary_navigation a:hover {background-color: #FFD306;color: #000;}        
		body.destinations ul#primary_navigation li#pn_destinations a.top,
        body.interests ul#primary_navigation li#pn_interests a.top,
        body.video ul#primary_navigation li#pn_video a,
        body.tools ul#primary_navigation li#pn_resources a.top,
        body.myconcierge ul#primary_navigation li#pn_myconcierge a.top,
        body.cntraveler ul#primary_navigation li#pn_cntraveler a.top,
        .homepage li#pn_home a
        {background-color: #FFD306;color: #000;}
                      
        /* Primary Nav Dropdowns */
            ul#primary_navigation div.menu{
                height: 85px;
                width: 100%;
                background-color: #666;
            }
            ul#primary_navigation div.menu ul{
                background-color: #333;
                margin: 1px;
                height: 80px !important;
                padding-top: 3px;
            }
			ul#primary_navigation .menu a{
				margin: 0px 16px !important;
			}
            
	/*  Global Search Input
        ------------------ */
		div#global_search{position: relative;}
		div#global_search form{
			background-color: #000;
			padding: 1px 0 0 6px;
		}
		div#global_search input#gs_text{
			width: 174px;
			margin: 1px 0 0 5px;
			padding: 0 0 0 0;
		}
		div#global_search .blackOnSlateCssButton{
			position: absolute;
			right: 3px;
			top: 3px;
			width: 50px;
		}
        * html #global_search .blackOnSlateCssButton{ margin-top: 1px;}
		
   /*   CNT SUB UNIT
        ------------ */
        #cnt_sub_unit img, #cnt_sub_unit div{float: left;}
        #cnt_sub_unit div{width: 242px;}
        #cnt_sub_unit ul, #newon ul {padding: 3px 0 0 8px;}
        #cnt_sub_unit, #newon {
            height: 80px;
            padding: 0 0 0 0;
            font-size: 11px;
        }
        
        div#CRG_homePage_header #cnt_sub_unit { height:90px; padding:2px 0 3px 0; }
        
        #cnt_sub_unit img{
            margin-right: 2px;
        }
        
        div#CRG_homePage_header #cnt_sub_unit img { border:none; margin-right:0; }
        
        #cnt_sub_unit ul, #cnt_sub_unit a, #newon ul, #newon a {
            color: #fff;
            line-height: 1.3;
			text-transform: uppercase;
        }
		#cnt_sub_unit ul, #cnt_sub_unit a, #newon ul, #newon span {
            color: #fff;
            line-height: 1.3;
			text-transform: none;
        }
        #cnt_sub_unit .charcoalLabel, #newon .charcoalLabel {
            font-weight: normal;
            display: block;
        }

        #cnt_sub_unitdir {position: relative; display: block;z-index:10;}
        #cnt_sub_unitdir, #newon {
            font-size: 11px;
        }
        #cnt_sub_unitdir img{
            margin: 2px 0;
        }
        #cnt_sub_unitdir ul, #cnt_sub_unit a, #newon ul, #newon a {
            color: #fff;
            line-height: 1.3;
			text-transform: uppercase;
        }

/* END HEADER */


/* NEW footer */
.footerLeft {padding: 0 0 0 15px;}
div#footerNew {color:#999; font-size:11px; width: 1002px; margin: 20px 0 0 0; padding: 0; display: block;}
div#footerNew a {color:#ffd306; font-weight:bold;}

div#footerNew div.blue_txt {position: relative; float: left; width: 1002px; left:190px; margin: 11px 0 0 0;}
div#footerNew div.blue_txt a {font-size: 13px; font-weight: bold; text-decoration: none; color: #044a8f; }
div#footerNew div.blue_txt a:hover {text-decoration: underline;}
div#footerNew div.blue_txt span.about_us, span.contactUs, span.advertising, span.sitemap, span.userAgreement, span.privacy, span.presscenter, span.newsletter  {height: 10px; border-right: 1px solid #ff6600;  padding-right: 20px; padding-left: 20px; }

div#footerNew p#conde_net_sites {margin: 40px 0 4px 0; color:#666;}

div#footerNew p.footerCN {padding: 0; margin:0; color: #fff; font-size: 11px;}
div#footerNew p.footerCN a:hover{text-decoration: none;}
div#footerNew p.footerCN a:link, div#footerNew p.footerCN  a:active, div#footerNew p.footerCN  a:visited {color: #ffd306; font-weight: bold; font-size:11px;}

div#footerNew form#subscribe_dropdown {float: left; padding:0; margin:24px 0 23px 0;}
div#footerNew form#condenet_sites_dropdown{float: left; padding:0; margin:24px 0 23px 10px;}

div#footerNew p.disclaimer {color: #999; font-style:normal; margin: 15px 0 0 0; padding: 0 0 0 15px; font-size: 10px;}
div#footerNew p.disclaimer a {text-decoration: none; color:#ffd306; font-weight:bold; font-size: 10px;}
div#footerNew p.disclaimer a:hover {text-decoration: none;font-size: 10px;}

#photocredit {margin: 0 0 0 15px;}

div#footerNew div.bottomLogo {  border-top: 1px solid #999999;}
div#footerNew div.bottomLogo div.ndlogo { position: relative; float: left; margin-top: 10px; }
div#footerNew div.bottomLogo div.footerpoka { position: relative; float: left; margin-top: 10px;}

div#rr_300x250 { margin:0 0 12px 0; }

/*
div#footerNew  left: 80px;
IE7
 *:first-child+html div#footerNew div.footerCN { margin-bottom: 10px;}
div#footerNew img#footerRule {width: 992px; height: 1px; margin: 0;}
form#foodSearch { display:block; clear:both; text-align:right; margin: 10px 0; z-index: 1;}
 Test styles */

/*	Footer  
	------ */
	div#footer{
		line-height: 1.8;
		padding-bottom: 63px;
		clear: both;
	}
	div#footer a{
		text-decoration: none;
		font-weight: bold;
	}
	div#footer, div#footer a {font-size: 10px;}
	div#footer_utilities a, div#sister_sites li {color: #fff;}
    div#sister_sites {color: #fff; font-size: 11px;}
    div#sister_sites a {font-size: 11px !important; font-weight: bold !important;}
	div#footer_utilities{
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;
		padding: 1px 0;
        height: 23px;
	}

	div#footer_utilities a, div#sister_sites .footerCN {color: #fff;}

	div#footer_utilities li, div#sister_sites li{ display: inline; }
    div#sister_sites li{ display: inline; }
	div#footer_utilities ul{background-color: #333; height: 21px; padding-top:2px;}
	div#footer_utilities li{color: #4b4b4b; height:15px;}
	div#footer_utilities a{padding: 0 15px;}
	div#sister_sites{padding: 23px 240px 10px 10px;}
	div#sister_sites h6{
		color: #999;
		text-transform: uppercase;
	}
	div#sister_sites a {color: #ffd306;}
	form#footer_sub_links {padding: 0 0 35px 10px;}
	div#footer_legal {padding-left: 10px; clear: both;font-size:10px;}
	div#footer_legal a {font-weight: normal; font-size:10px;}
	div#footer_legal p {margin-bottom: 15px;}
    a.rssFooterLink img {vertical-align:middle; padding: 4px 5px;}

/*  Left Rail Content 
	----------------- */
	div#left_rail{color: #fff;}
	div.singleUnitPage div#left_rail{color: #333;}
	/* Left Nav */
		ul.leftNav{
			border-bottom: 1px solid #666;
			text-transform: uppercase;
			margin-bottom: 25px;
		}
		ul.leftNav li{
			border-top: 1px solid #666;
			position: relative;
		}
		ul.leftNav .gemSprite{
			top: 8px;
			left: 5px;
		}
		ul.leftNav li a{
			background-color: #222;
			color: #fff;
			display: block;
			padding: 5px 15px;
			text-decoration: none;
            margin-bottom: 1px;
            border-top:1px solid #000;
		}
        
		ul.leftNav li a:hover{ background-color: #333;}
		ul.leftNav li a, ul.leftNav li.active{font-weight: bold;}
		ul.leftNav li.active{
			background-color: #E9F1F5;
			color: #000;
            border-bottom:1px solid #000;
            background-image: url(/images/global/lnGrad.png);
            background-position: top right;
            background-repeat: repeat-y;
		}
        
        ul.leftNav li.active a.liItem {
            border-top:1px solid #000;
            margin-top:0;
            margin-bottom:0;
        }
        
		ul.leftNav li.active a, ul.leftNav li.active a:hover {
            background-image: url(/images/global/lnGrad.png);
            background-position: top right;
            background-repeat: repeat-y;
            background-color: #CBDCE4; 
            color: #333;
            }

        ul.leftNav li.active a.rmSelect {
            background: url(/images/global/fltrX.png) no-repeat 2px 2px; 
            padding-left: 18px; 
            background-color: #CBDCE4; 
            font-weight:normal; 
            font-style: italic;
        }
        
		div#left_rail ul.leftNav li.active{width: 171px;}
		
		/* the 'div' selected below represents the content within the active leftnav item..convert this to a class and use it so that all divs are not selected*/
	    ul.leftNav li.active div, ul.leftNav li.active div a{font-size: 11px;}
		ul.leftNav li.active div{
			text-transform: none;
            padding: 5px 5px 5px 12px;
		}
        
		ul.leftNav li.active div a{
			padding: 0;
			background: none;
			text-transform: lowercase;
		}
		ul.leftNav select{
			width: 150px;
			z-index: 0;
            margin-top: 3px;
            font-size: 12px;
		}
        
        ul.leftNav span.lnReset {
            float:right;
            width:25px;
            padding-right:1px;
        }
        
        ul.leftNav li span.lnReset a {
            font-weight:normal;
        }
        
        ul.leftNav .label {
            float:left;
            height:16px;
            width:120px;
        }
        
        ul.leftNav li a.fltrBy {
            clear:both;
            height:15px;
            font-weight: normal;
            margin: 1px 0;
            border-top: none;
        }
        
        ul.leftNav span.lnReset a {
            text-decoration:underline;
			border-top:none;
        }

        ul.leftNav li.active span.lnReset a:hover {
            background-color: transparent;
        }
        
        .hrsep {
            display:block;
            height:1px; 
            background-color: #cbdce4; 
         }
        
         #lnSvdItemsCt {color:#68c51d; font-size:9px; display:block; text-align:right;}
         #leftnavsubnar {padding: 5px 0 0 12px;}
         .topdrop {text-transform: none; font-size: 11px; }
         .botdrop {text-transform: none; font-size: 11px; border-top: 1px solid #cbdce4;} 
         
	/* resources and tools*/
		div#tools_and_resources h3{
			text-transform: uppercase;
			font-size: 11px;
			padding: 5px;       
		}
		div#tools_and_resources h3, div#tools_and_resources span.moreLink{background: #000;}
		div#tools_and_resources ul{padding: 1px;}
		div#tools_and_resources span.moreLink, div#tools_and_resources span.moreLink a{
			color: #ccc;
			font-size: 10px;
		}
		div#tools_and_resources span.moreLink{
			display: block;
			padding: 7px;
		}
	
/*	Primary Content
	--------------- */
	/* User Toolbar */
		ul#user_toolbar { 
            width: 271px;
            height: 19px;
            background-color:#333;
			color: #ccc;
            position:relative;
            z-index:2;
            margin-top: 1px;
		} 
        ul#user_toolbar li {
            height: 17px;
            padding:0;
            float:left;
		}
		ul#user_toolbar a:link, ul#user_toolbar a:visited {
            display:block;
            height: 15px;
            padding:2px 10px 0 10px;
            margin:0;
			text-transform: lowercase;
			text-decoration: none;
			font-weight: bold;
			font-size: 10px;
            color: #ffd306;
            border-right: 1px solid #333;
            background: url(/images/tools/share/link_bg.gif) 0 0;
		}
		ul#user_toolbar a:hover, ul#user_toolbar a:active { color:#000; background: url(/images/tools/share/link_bg.gif) 0 -17px;}
        ul#user_toolbar li#utb_print a {width:23px;}
        ul#user_toolbar li#utb_share a {width:28px;}
        ul#user_toolbar li#utb_cell a {width:57px;}
        ul#user_toolbar li#font_switcher {
            width:80px; 
            padding:0 10px 0 10px; 
            font-size: 10px; 
            text-transform: lowercase; 
            border: none; 
            background: url(/images/tools/share/link_bg.gif) 0 0;
        }
        ul#user_toolbar li#utb_cell img {display:none;}
        ul#user_toolbar li#font_switcher a { position:static; text-transform: uppercase; color: #ffd306; background:none; cursor:pointer; cursor:hand; }
        ul#user_toolbar li#font_switcher a:hover, ul#user_toolbar li#font_switcher a:active {color:#666;}
        ul#user_toolbar li#font_switcher a.active, ul#user_toolbar li#font_switcher a.active:hover, ul#user_toolbar li#font_switcher a.active:active{color:#ccc;}
		li#font_switcher a#fs_small_size{font-size: 8px;}
		li#font_switcher a#fs_default_size{font-size: 10px;}
		li#font_switcher a#fs_large_size{font-size: 11px;}
        ul#social_sites {
            width:100px; 
            padding:7px 0 0 11px; 
            height:166px; /* change back to height:166px; when yahoo buzz is ready to go live after launch - (was 144)*/ 
            position:absolute;
            top:18px; 
            left:-1px;
            background: #FFF url(/images/tools/share/dropdown_bg.gif) bottom left no-repeat; 
            border-left:1px solid #333; 
            border-right:1px solid #333; 
            border-bottom:1px solid #333; 
            z-index:2; 
            display:none;
        }
        * html ul#social_sites{padding-top: 0;}
        ul#user_toolbar ul#social_sites li { 
            width:98px; 
            height:20px; 
            padding:2px 0 0 2px; 
            float:none; 
            background: url(/images/tools/share/icon_bg.gif) 0px 0px no-repeat; 
            display: block;
        }
        ul#user_toolbar ul#social_sites li a { 
            position:static; 
            color:#000; 
            text-transform: none; 
            margin:0; 
            padding:0; 
            background:none; 
            border:none; 
            width:90px;
        }
        ul#user_toolbar ul#social_sites li a img { width:16px; height:16px; margin:0 5px 0 0; }
        ul#user_toolbar ul#social_sites li a span { position:relative; top:-4px; }
        ul#user_toolbar ul#social_sites li#yahoo a span { top:0; margin:-2px 0 0 0; }

/*************
	RIGHT RAIL
**************/
/* Marketing Widget */
	/*container for tabbed content sections*/

	#marketing_widget {margin-top: 29px;}
	#marketing_widget #mw_content{	
		padding: 5px;
		font-size: 11px;
	}
	* + html #marketing_widget{height: 1%;}
	/*newsletter section is visible by default, other two sections are hidden*/
	div#mobile_section, div#rss_section{display: none;} 
	/*form field styles*/
	#marketing_widget label{display: block}
	#marketing_widget input{margin-right: 4px;}
	/*checkbox input*/
	#marketing_widget #newsletter_section .checkboxEntry{margin-bottom: 5px;}
	#marketing_widget .checkboxEntry input{margin: 0 4px 0 0; padding: 0;}
	* + html #marketing_widget .checkboxEntry input{margin-right: -5px;}
	* html #marketing_widget .checkboxEntry input{/*background: red;*/ width: 13px; height: 13px;}
	/*text field input and submit button*/
	#marketing_widget .textEntry{padding: 5px 0;}
	#marketing_widget .textEntry input, #marketing_widget .blackOnSlateCssButton, #mobile_section .moreLink{float: left;}
	#marketing_widget .blackOnSlateCssButton{width: 56px; }
	#marketing_widget .blackOnSlateCssButton a{
		line-height: 1.6;
		padding: 1px;
	}
	/*copy*/
	#marketing_widget a{text-decoration: none;}
	#marketing_widget .legalCopy a{text-decoration: underline}
	#marketing_widget .legalCopy{font-size: 9px;}
	#marketing_widget .grayBand {
		clear: both; 
		background-color: #454545; 
		padding: 3px; 
	}
	#marketing_widget .moreLink, #marketing_widget .moreLink a{color: #fff;}
	#marketing_widget .thankYouMsg{color: green;}
    /*section specific*/
	#marketing_widget #newsletter_section .textEntry input{width: 200px;}
	#marketing_widget #mobile_section .textEntry input{width: 130px;}
	#marketing_widget #mobile_section .moreLink{width: 65px;}
    #marketing_widget #rss_section .moreLink{text-align: right;}
        
        
/*  ActionBox
    --------- */
    .actionBox{
        position: absolute;
        top: -2px;
        left: -1px;
        height: auto;
		line-height: 13px !important;
        width: 135px;
        overflow: hidden;
        z-index: 10;
        background-color: #fff;
        border: 1px solid #999;
        padding: 1px;
        cursor: pointer;
    }
    .actionBox, .actionBox h6, h6.actionBoxTip{font-size: 10px;}
    .actionBox h6{
        height: 14px;
        text-align: center;
    }
	h6.actionBoxTip{
		height: 14px;
		padding-left: 12px;
		width: 108px;
	}
    .actionBox a{
        text-decoration: underline;
        color: #227AD3;
    }
    .actionBox .newLink{color: #227AD3 !important;}
    .actionBox h6, h6.actionBoxTip, .actionBox .newLink, .actionBox form#new_trip_form a{text-transform: uppercase;}
    .actionBoxContent{padding: 0 0 5px 5px;}
    
    /*actionBox states*/
        .actionBox .actionBoxContent{display: none;}
        .expandedActionBox .actionBoxContent{display: block;}
        .expandedActionBox{
            width: 200px;
            border: 1px solid #999;
            top: -2px;
            left: -2px;
        }
		.edge .expandedActionBox{left: -45px !important;} /*to avoid ads*/
		.edge .signInOrRegister{left: -225px !important;} /*to avoid ads*/
		.center .signInOrRegister{left: -65px !important;} /*to avoid ads*/
		
        .actionBox .inProgress{
            height: 53px;
            padding-top: 72px;
            background: url(/images/global_images/loadingGray.gif) no-repeat center center;
            text-align: center;
            color: #333;
            font-weight: bold;
        }
        .actionBoxContent ul.groupList{
            height: 96px;
            overflow: auto;
            margin-bottom: 5px;
			padding: 5px 5px 0 0;
            display: block; /*to maintain this default across inheritance in different contexts*/
        }
		
    /*actionBox controls*/
       .actionBox a, a.saveButton{
            cursor: pointer;
            cursor: hand;
			overflow: hidden;
       }
       a.saveButton, a.disabledSaveButton{
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 14px;
            height: 14px;
        }
        a.saveButton{background-image: url(/images/global_sprites/icon_sprite.gif);}
        a.disabledSaveButton{
			background-image: url(/images/global_images/disabledSaveButton.gif);
			cursor: default !important;
        }
        .actionBox .saveButton{
            top: 1px !important;
            left: 1px !important;
        }
        .expandedActionBox a.closeLink{
            position: absolute;
            top: 0;
            right: 4px;
            color: #000;
            font-size: 12px;
            font-weight: bold;
            text-decoration: none;
        }
        
    /*interaction/forms*/
        .actionBox .sysMsg{
            font-style: italic;
            padding: 5px 0 10px 0;
        }
        .actionBox form#new_trip_form{
            font-weight: bold;
            overflow: auto;
            padding-top: 5px;
            margin-top: 5px;
        }
        .actionBox form#new_trip_form .errorMsg{margin-bottom: 0;}
        .actionBox form#new_trip_form a{
            display: block;
            float: left;
            margin: 5px 5px 0 0;
            width: 55px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #333;
            color: #333 !important;
            background-color: #e8e8e8;
        }
        .actionBox form#new_trip_form label{text-transform: lowercase;}
        .actionBox .errorMsg{
            color: #f00;
            margin-bottom: 5px;
        }
    
    /*color specific*/
        /*default: green*/
        .actionBox h6, h6.actionBoxTip{
            background-color: #64ba1f;
            color: #fff;
        }
        .actionBox .actionBoxContent{border-bottom: 2px solid #64ba1f;}
    
        /*price keys: yellow*/
		div.costRating{
			font-size: 14px;
			cursor: help;
			font-weight: bold;
		}
        #primary_rail .costRating .priceKey{
            border: 1px solid #333;
            padding: 1px;
            position: absolute;
            top: 15px;
            right: 0;
            left: auto;
            visibility: hidden;
        }
        div.dPos div.actionBox{right: auto;}
        div.costRating .actionBox h6{
            background-color: #ffd306;
            color: #333;
            padding: 0;
            text-align: center;
        }
        div.costRating .actionBoxContent{
            padding: 5px;
            display: block;
            border-color: #ffd306;
        }
		div.costRating span.off{color: #ccc;}
		
		/*Sign In Or Register: Trips (actionsUi.js) and Non-Trips (main.js)*/
		.signInOrRegister{
			width: 415px;
			color: #333;
			text-transform: none;
		}
		.signInOrRegister .actionBoxContent{padding: 10px;}
        .clrDestinations .detailHeading #save_for_later_dest .signInOrRegister, #current_slide .signInOrRegister{left: -285px;}
		#sior_login_form, #sior_join_invite{float: left;}
		#sior_login_form{width: 195px;}
		#sior_join_invite{
			border-left: 1px solid #ccc;
			padding-left: 20px;
			width: 175px;
		}
		.signInOrRegister .yellowOnBlackCssButton{width: 77px;}
		.signInOrRegister h3{
			text-transform: uppercase;
			font-size: 11px !important;
			font-weight: bold !important;
            width: auto !important;
		}
		#sior_join_invite p, .signInOrRegister h3{margin-bottom: 12px;}
        #sior_join_invite p, #sior_join_invite h3 {padding-bottom: 4px;}
        #sior_login_form  .yellowOnBlackCssButton{
            margin: 10px 10px 0 0;
            float: left;
        }
        #sior_join_invite .yellowOnBlackCssButton {
            margin-top: 14px;
        }
        #sior_login_form a.forgotInfo{
            color: #999;
            font-size: 10px;
            font-style: italic;
            position: relative;
            top: 5px;
        }
        #sior_login_form input.textField{
            width: 175px;
            border: 1px solid #666;
        }
        #sior_login_form p{margin-bottom: 5px;}
        
        /*Sign In Or Register: Non-Trips (see main.js)*/
        #sior_component{
            z-index: 1000;
            position: absolute;
            background: white;
            border: 1px solid #999;
            color: #333;
            font-size: 10px;
        }
        #sior_close{
            position: absolute;
            top: 0;
            right: 5px;
            color: #000;
            font-weight: bold;
            font-size: 12px;
        }
        #sior_component h5{
            background: #64ba1f;
            color: #fff;
            text-transform: uppercase;
            font-size: 10px;
            margin: 1px;
            padding: 2px 5px;
        }
        #sior_component #sior_join_invite{margin: 8px 0;}
        #sior_component #sior_login_form{margin: 8px;}
        #sior_component .footer{
            border-bottom: 2px solid #64ba1f;
            margin: 1px;
            clear: both;
        }
		
 /*******************************END ACTIONBOX*************************/

/*Headline*/
#headline {
    padding: 8px 10px 8px 10px;
    position: relative;
}

#headline h2 {
    font-size: 23px;
    padding: 14px 7px 10px 0;
    width: 520px;
    font-weight: normal;
}

#headline #headlineContainer {
    width: 527px;
    position: relative;  
}

#headlineContainer.savable #saveMe {
    position: relative;
    top: 35px;
}

#headlineContainer h4 {
    font-size: 11px;      
}

#headlineContainer.savable h2 {
    padding-left: 19px;
    width: 482px;
}

#headline #sponsorAd {
    width: 120px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 537px;
}

#headline .metainfo, #headline #metainfo {
    font-size: 11px;
    clear: both;
}

#headline .referLink {
    color: #666;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
}
/* text color */
.green {color: #64ba1f;}
.yellow {color: #FFD306;}    
.orange {color: #f49f0b;}
.white {color: #fff;}

/* text style */
.bold {font-weight: bold;}
.italic {font-style: italic;}
/* flash detect */
#flashcontent {display: none;}

/* Right Rail Advertisement */
.adHeader {
    color: #999;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 10px;
}

.advertisement .rightRailAd, .advertisement .specialAd {
    padding: 0;
    border: 0;
    background: none;
}

/*  time/currency/weather left nav 
    ------------------------------ */
     /* clock styles */
        div#translator div#dynamic_clock{
            position: relative;
        }
        div#translator #under_clock{
            padding: 65px 5px 0 5px;
        }
        div#translator div#dynamic_clock div#time{
            font-size: 55px;
            font-weight: bold;
        }
        div#hour, div#minute{
            width: 73px;
            height: 60px;
            position: absolute;
            top: 0;
            background: url(/images/global_images/clock_bg.gif) no-repeat;
            text-align: center;
        }
        div#hour{left: 3px;}
        div#minute{right: 3px;}
    
        span#ampm{
            float:left;
            width:30px;
            text-transform: uppercase; 
        }
        
        span#clkSponsor{
            display: block;
            width:88px;
            height: 31px;
            position: absolute;
            top: 66px;
            left: 67px;
        }    
        
        ul#textads li {
            font-size: 10px;
            font-weight: bold;
            color: #fff;
        }
        
        
        
        #integratedUnit {
            border: 1px solid #d1d1d1;
            background-color: #ebebeb;
            padding: 11px 17px;
            font-size: 11px;
        }
        
        #integratedUnit a.bookit {
            font-weight: bold;
            color:#333;
        }
        
        #integratedUnit a.property b {
            text-transform: uppercase;
        }        
        
        span.strikethrough{
            display: block;
            height: 1px;
            background-color: #404040;
            border-top: 1px solid #000;
        }
        div#translator span.strikethrough{
            position: relative;
            top: -35px;
            overflow: hidden;
        }
    
     /* currency */
        #currCntnts {
            padding:3px 12px 12px 12px;
        }
        
        #currRate {
            font-size:26px;
        }
        
        #currDes {
            padding-bottom:5px;
            text-transform: lowercase; 
        }
        
        a#currViewConv {
            font-size:10px;
        }
        
     /* weather */
        #wthrCntnts {
            padding:3px 12px 12px 12px;
        }
        
        #wthrCond {
            font-size:26px;
        }
        
        #wthrTemp {
            float:left;
            width:54px;
            font-size:26px;
        }
        
        #wthrIcon {
            float:right;
            width:80px;
        }
        
        h6#dispName {
            clear:both;
            text-transform: lowercase; 
        }
        
        #lclCond {
            padding-bottom:5px;
            text-transform: lowercase; 
        }
        
        a#fullFrcst {
            font-size:10px;
        }

/* END time/currency/weather left nav */
    
	/*cntHeader */
    .cntHeader{position: relative;}
    .cntHeader span, .cntHeader .subscriptionOffer{
        position: absolute;
        bottom: 0;
    }
    .cntHeader span{
        line-height:1;
        text-transform: uppercase;
		margin-left: 150px;
    }
    .cntHeader h3{
        background: url(/images/sub_units/cnt_logo.gif) no-repeat;
        height: 58px;
        width: 150px;
    }
    .cntHeader .subscriptionOffer{
        width: 145px;
        text-align: right;
        right: 0;
    }
	* html .cntHeader{height: 58px;}
	
    /*cnt_magazine_module*/
	#cnt_magazine_module .content{
		padding: 15px 7px 25px 7px;
	}
    #cnt_magazine_module li{margin-top: 15px;}
    #cnt_magazine_module li a{margin-bottom: 5px;}
    #cnt_magazine_module{
        position: relative;
        font-size: 11px;
    }
    #cnt_magazine_module a{font-size: 12px;}
    #cnt_magazine_module .moreLink,#cnt_magazine_module .moreLink a{font-size: 11px;}
    #cnt_magazine_module .featuredCntItem{
        border-top: 2px solid #ffd306;
        border-bottom: 2px solid #ffd306;
        height: 117px;
        padding: 15px 0 15px 160px;
    }
    #cnt_magazine_module .featuredCntItem img{
        position: absolute;
        left: 10px;
    }
    #cnt_magazine_module .featuredCntItem p{padding-top: 15px;}
    #cnt_magazine_module .sourceText{color: #999;}

    .disclaimer, .singleUnitPage .content .disclaimer a {
        font-style: italic;
        color: #666;
    }
    #errorContent {background: #000; color: #fff; font-size: 12px; font-weight: bold; margin-bottom: 30px;}

/* End Marketing Widget*/	
/*	Internet Explorer 6
	------------------- */
	/*hasLayout*/
	* html .content, * html .contentModuleC li{height: 1%;}
	* html .gemSprite, * html div#primary_rail, * html div#left_rail, * html ul.dropdownMenu span.trigger, * html span.bcNextIcon, * html span.bcLastIcon, * html div.group_nav a{overflow: hidden !important;}
    * html .contentModuleC .groupList li a, * html .contentModuleC .triplist li a{height: 1%;}
	/*Header z-index */
    * html #global_navigation, * html ul#primary_navigation{z-index: 10;} 
    * html div#header, * html div#site_name{z-index: 5;}
	* html div#site_name #logo_small{z-index: 6; position: relative; }
	* html ul#primary_navigation div.menu{width: 101%;}
    * html .secNav .menu li a{height: 1%;}
    * html #logo_small, * html #logo_large, * html #logo{background: none;}
    * html #logo_small{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logos/logo_147x30.png', sizingMethod='image'); cursor: hand;}
    * html #logo_large{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.concierge.com/images/logos/logo_429x63.png', sizingMethod='image');}
    * html #logo{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logos/logo_317x49.png', sizingMethod='image');}    
    /*Block ULists: .charcoalList, .slateList, .leftNav*/
	* html ul.charcoalList li, * html ul.slateList li{margin-bottom: 0;}
	* html ul.charcoalList a, * html ul.slateList a{height: 0;}
	* html ul.leftNav a{height: 0;}

/* for ecom embedded subscription forms -- Default Autosubs CSS */
.autosubs{ font-family:Arial, Verdana, Geneva, Helvetica, sans-serif; border:3px solid #dde1e2; color:#535353; }
.autosubs .frm_regsub{ border:1px solid #dde1e2; }
#global_embeddedForm .autosubs, #global_rightRail_C .autosubs, #TVLsec_rightRail_C .autosubs, #rolloverAd .autosubs { background-color:white; border:1px; }
.autosubs div { display: block; }
.autosubs .privacy, .autosubs .nonusa{ color:#0086dd; font-size:10px; }
.autosubs .nonusa { left: 85px !important; }
.autosubs .submit { position:absolute; right:0px; bottom:0px; font-size:10px; font-weight:bold; cursor:pointer; text-transform:uppercase; color:#fff; padding:2px 2px;
border:1px solid #dde1e2; background:#666; }
.autosubs .frm_row, .autosubs .frm_row label { font-size:11px; }
.autosubs .frm_offer{ font-size:12px; margin:12px 0; }
.autosubs .frm_offer span{ font-size:9px; }    
.autosubs.wide { 
    background: #E4EDF7 none repeat scroll 0 0;
    position:relative; 
    width:458px; 
}
    
    
/*debug*/
#msgDiv{
	background-color: #000;
    color: #fff;
    width: 450px;
    position: fixed;
    top: 10px;
    right: 10px;
    border: 1px solid red;
    padding: 10px;
	z-index: 5000;
}


div#TVLsec_rightRail_A, div#contentPage_rightRail_A, div#TVLsec_blog_rightRail_A, div#homePage_header { 
    width:300px; 
    height:90px; 
    position:relative; 
    z-index:1; 
    margin-bottom:5px;
    overflow:hidden; 
} 

/* Floating Ad ****************************************************************/
#floatingAd { position: absolute; width: 302px; z-index: 9999; display: none; left: 50%; top: 160px; margin-left: -158px;}
#floatingAd_header { height: 20px; background: rgb(1,115,1); text-align: right; }
#floatingAd_header a { line-height: 20px; margin-right: 5px; font-size: 0.8em; color: #fff; text-decoration: none; text-transform: uppercase; background: url('/images/nocount/close.gif') center right no-repeat; padding-right: 15px;}
#floatingAd_header a:hover { text-decoration: underline;}
#floatingAd_content { background: #fff; border: 1px solid rgb(1,115,1); overflow: hidden;}

/* Rollover Ad ****************************************************************/
#rolloverAd { background:transparent url(/images/ecom/header_form_arrow.gif) no-repeat scroll 33px 0; padding-top: 7px; position: absolute; width: 302px; z-index: 9999; display: none;}
#rolloverAd_header { height: 20px; background: rgb(1,115,1); text-align: right;}
#rolloverAd_header a { line-height: 20px; margin-right: 5px; font-size: 0.8em; color: #fff; text-decoration: none; text-transform: uppercase; background: url('/images/nocount/close.gif') center right no-repeat; padding-right: 15px; }
#rolloverAd_header a:hover { text-decoration: underline;}
#rolloverAd_content { background: #fff; border: 1px solid rgb(1,115,1); overflow: hidden; }
#rolloverAd_footer { height: 20px; background: rgb(1,115,1);}
.redHeadlinenew{background-color: #DFDFDF; border-top-color: #DFDFDF;
padding: 3px 7px;
			border-top-width: 1px;
			border-top-style: solid;
			text-transform: none;
			font-size: 14px;
			font-weight: bold;
            height:18px;
		

}
.newcontentsadded
{
background-color: #8EAFDA;
			padding: 0px;
			/*border: 1px solid #666;*/
			margin-bottom: 0px;
			}