﻿/* CSS MAIN LAYOUT FOR JEEP EXPERIENCE COMMUNITY*/
#top_collection {
	height: auto;
	background:transparent;
}

#slot_1 {}

#slot_2 {
	background: url('/images/flickr_bg.gif') no-repeat scroll 13px 21px;
	height: 405px;
	margin-bottom: 0;
}

#urban_ranger_video {
	background: url('/images/community_bg_small.jpg') no-repeat scroll 13px 21px;
	height:395px;
	padding-left: 4px;
}



#slot_1 .content_holder,
#urban_ranger_intro .content_holder {
	position:relative;
	top:10px;
	left:13px;
}
	#slot_1 .content_holder { height:320px; }
	#urban_ranger_intro .content_holder { height: 210px; }

#urban_ranger_video .content_holder,
#slot_2 .content_holder {
	position:relative;
	top:8px;
	left:23px;
	width:583px;
	_width:590px;
	height:560px;
	_height: auto;
}
	#urban_ranger_video .content_holder {
		height: auto;
		top: 12px;
	}

#theme_picker {
	clear: left;
	float: left;
	height: 500px;
	margin-top: 1.5em;
}

	#themeList {
		list-style: none;
		margin: 0;
		padding: 1em 0 0 11px;
	}
	
	#themeList li {
		background: url('/images/themepicker_underline.gif') no-repeat scroll left bottom;
		font-size: 12px;
		font-weight: bold;
		line-height: 28px;
		padding: 1px 0 2px;
	}
	
	#themeList a {
		color: #555;
		display: block;
		padding-left: 0.5em;
		position: relative;
		text-decoration: none;
	}
	
		#themeList a:hover {
			background: url('/images/themepicker_selected_bg.gif') no-repeat scroll left top;
		}
	
		#themeList a span {
			color: #AF5A00;
			display: none;
			position: absolute;
			right: 0.5em;
		}
			#themeList span.nowShowing {
				font-weight: normal;
			}
		
			#themeList span.view {
				background: transparent url('/images/title_arrow.png') no-repeat scroll right center;
				font-weight: bold;
				padding-right: 17px;
			}
		
			#themeList a:hover span.view { display: inline; }
			#themeList li.currentTheme a:hover span.view { display: none; }
			#themeList li.currentTheme span.nowShowing { display: inline; }


#youtube_thumbs {
	background: url('/images/youtube_thumbs_bg.gif') no-repeat scroll 25px 0;
	margin: 0 0 35px 0;
	padding: 0 0 14px 23px;
	width: 600px;
}

#youtube_thumbs .content_header {
	display: none;
}

#youtube_thumbs .content_holder .autoclear {
	display: none;
	height: 0;
}

#youtube_thumbs .external_link_nav { margin-top: 0; }

#slot_2 .content_holder .drop_shadow
{
	height:446px;
	width:583px;
	padding-top:7px;
	padding-left:8px;
	background:url('/images/flicker_drop_shadow.jpg') no-repeat;
}

#slot_1 .external_link_nav, #slot_2 .external_link_nav, #urban_ranger_intro .external_link_nav
{
 margin-left:15px;	
}

#slot_1 .external_link, #urban_ranger_intro .external_link
{
	margin: 0;
	padding: 0;
	float: left;
}

#slot_2 .external_link_nav {
	_margin-top: 220px !important;
}

#slot_3,
#slot_4, 
#slot_5 
{
	height:154px;
	margin-top: -32px;
	/*for ie 6*/
	_margin-top: 0px;
}

#slot_6
{
	height:140px;
	background:none;
	padding-bottom:20px;
}

/*Adjustments to video section*/

#videos
{
	width:266px;
	height:444px;
}


#video_data {
	left:0px;
	position:absolute;
	top:220px;
}

#video_overview
{
	width:266px;
	height:auto;
}

#video_title
{
	width:256px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
}

.headline {
	text-transform: none;
}

#video_copy
{
	font-size: 11px;
	color: #333;
}

#video_copy p {
	margin-top: 8px;
	line-height: 140%;
}

#video_description {
	width:266px;
	left:6px;
	position:absolute;
	top:5px;
}
	#urban_ranger_data #video_description {
		top: 143px;
	}

#video_thumbs{
	width:600px;
	position: relative;
	left: 10px;
	overflow:hidden;
}

.video_thumb_link {
	margin-right:2px;
	margin-bottom:5px;
}

#mosaic
{
	height:426px;
	width:560px;
}

#flickr_target {
	/*height: 325px;*/
	left: 5px;
}

#flickr_target div {
	float: left;
}

#flickr_logo {
	width: 572px;
	height: 39px;
	margin: 1px 0 0 2px;
	/*background: #b9b9b9 url('/experience/images/flickr.gif') 10px 8px no-repeat;*/
	background: #c7c7c7 url('/images/flickr.gif') 10px 8px no-repeat;
}

#flickr_logo img {
	margin: 0;
}

.photo_thumb_link a img {
	width: 80px;
	height: 80px;
	margin: 1px;
	_margin: -1px;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	opacity: .0;
}

.photo_thumb_link a img:hover {
	width: 80px;
	height: 80px;
	filter: alpha(opacity=100) !important;
	-moz-opacity: 1 !important;
	opacity: 1;
	margin: -1px !important;
	border: solid 2px #b04a21;
}

.photo_thumb_link{height:80px;width:80px;margin:1px}

.flickr-tool-tip {
	width: 297px;
	height:97px;
	color: #605A52;
	z-index: 13000;
	background-repeat:no-repeat;
	background-position:left top;
}


/* For IE 6*/
.flickr-tool-tip 
{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/tool_tip_flickr.png', sizingMethod='scale');
}

/* For Other browsers*/
.flickr-tool-tip[class]{
	background-image:url('/images/tool_tip_flickr.png');
}

.flickr-tool-title
{
	display:none;
}

.flickr-tool-text
{
	font-size: 10px;
	padding: 1px 4px 0px 8px;
	margin:12px 0 0 12px;
}

.flickr-tool-text strong
{
	font-size: 11px;
	/*color:#ffd77c;*/
	color: #9B4905;
}

#middle_collection {
	clear: left;
}

/* wildcard promos */
#wildcard_promo_1 {
	margin: 0 10px 30px 30px;
}

#wildcard_promo_2 {
	margin: 0 0 30px 0;
}

#wildcard_promo_1 .wildcard_copy, #wildcard_promo_2 .wildcard_copy {
	display: block;
	margin: 10px 0 0 5px;
	padding-top: 6px;
	width: 280px;
}

#wildcard_promo_1 .external_link_nav {
	margin: 12px 0 0 5px;
} 

#wildcard_promo_1 .wildcard_copy {
	margin: 2px 0 0 7px;
	padding: 4px 4px 8px;
	background-color: #fff;
}

#wildcard_promo_2 .wildcard_copy {
	border-top: 1px solid #485414;
	margin-bottom: -30px;
	margin-left: 11px;
	padding-left: 1px;
}

.wildcard_header {
	font-size: 14px;
    font-weight: 600;
    padding: 0 0 8px 8px;
    color: #606C1A;
}

#boostinTable {
	margin: 0 0 0 10px;
	padding: 0;
	width: 280px;
	font: normal 11px/1em arial, helvetica, sans-serif;
}
		
#boostinTable th, #boostinTable td {
	border-bottom: 1px solid #eee;
	padding: 3px;
	background-color: #fff;
}

#boostinTable th { 
	font-weight: bold;
	background-color: transparent;
}
		
#boostinTable .small {
	text-align: center;
	/*width: 44px;*/
	padding-right: 20px;
}
		
#boostinTable .medium {
	text-align: right;
	width: 94px;
}
	
#boostinTable th.medium { 
	text-align: right; 
}
		
#boostinTable .big {
	text-align: left;
	width: 149px;
}

#boostinTable a {
	display: block;
	text-align: right;
}


	
/* end wildcard promos */
/*
#moutain_background {
	_margin-top: -200px !important;
	clear: left;
}
*/
.divider {
	display: none;
}
#urban_ranger_content {
	height: 350px;
	width: 576px;
	visibility: hidden;
}
#overview_video {
	display: none; 
}
#video_list {
	display: none;
}

