/* CSS Document For Common theme.
 * The items listed are in order as they appear in page. 
 * 
*/

/* common items */

.clearfix {
	display:inline-block;
	clear:both;
}



h1{
	/* customize_h1_1 */ color:#666; /* customize_h1_1 */ 
	/* customize_h1_1 */ font:normal bold 24px Arial; /* customize_h1_1 */
	margin-top:0;
}

h2{
	/* customize_h2_2 */ color:#666; /* customize_h2_2 */
	font: normal normal bold 1.5em Arial;
	padding: 5px 0px;
	margin:0px;
}
h3{
	color: #666;
	font: normal normal bold 1.2em Arial;
}

#main_content p,
#main_content li{
	/* customize_paragraph_2 */ color: #000;  /* customize_paragraph_2 */
	/* customize_paragraph_2 */ font: normal 1em/1.5em Arial; /* customize_paragraph_2 */
}



a{
	/* customize_link_2 */ color:#7c009e; /* customize_link_2 */
}

a img{
	border:0px;
}



#footer p{
	padding:0px; 
	margin:10px 0 0 0;
}

.cta a, .cta_color{
	/* customize_cta_link_2 */ color:#7d7d7d; /* customize_cta_link_2 */
	/* customize_cta_link_2 */ font:undefined normal 12px Arial Black; /* customize_cta_link_2 */
	text-decoration: none;
}

a:hover{
	text-decoration: underline;  
}

.cta a:hover{
	text-decoration: underline; 
	line-height:1.5em;
}

.main_background{
	/* customize_main_background_1 */ background-color:#e8e8e8; /* customize_main_background_1 */
}

.feature_nav_background{
	
}


.column_background{
	/* customize_column_background_3 */ background-color:#e6cced; /* customize_column_background_3 */
}

.footer_light_background{
	/* customize_footer_light_background_1 */ background-color:#7d7d7d; /* customize_footer_light_background_1 */
}

.paragraph_title{
	/* customize_paragraph_title_2 */ color:#59663a; /* customize_paragraph_title_2 */
	font-weight:bold;
}

.light_color_text{
	/* customize_light_color_text_4 */ color:#d1d1d1; /* customize_light_color_text_4 */
}

.reverse_text{
	/* customize_reverse_text_5 */ color:#ffffff; /* customize_reverse_text_5 */
}

/*
html>body .fix_column_size{
	margin-bottom: -1000px; padding-bottom: 1000px;
}
*/

.center{
	text-align:center;
}


/* body contents*/

body{
	font: normal normal 72% Arial; 
	margin-top:0px;
	padding-top:0px;
}

.wrapper { 
	margin:0 auto;
	padding: 10px; 
	width:940px; 
}

#wrapper_top{
	/*background:#fff url(http://www.wanderlust.magazine.co.uk/concrete/themes/jellyfish3.0.3/images/bg.gif) repeat-Y -7px; */
	background:#fff;
}

#wrapper_bottom{
	padding-top:0px;
}


/* header items */
#header {
	/*background: #fff url(http://www.wanderlust.magazine.co.uk/concrete/themes/jellyfish3.0.3/images/header.jpg) top left no-repeat;*/
	padding:0px;
	margin:0 0 2px 0;
	width:100%;
}
#header_image{
	padding:0px;
	min-height:50px;
}
#header_image .ccm-image-block{
	margin-top:0;
	float:left;
}
#header_image a.ctaimg{
	float:left;
	clear:none;
	margin:0;
}

#header_content{
	padding:0px;
	margin: -100px 0px 0px 20px;
	height:50px;
	position:absolute;
	z-index:999;
}

#header_left{
	width: 500px;
}

#header_right{
	width:400px;
}

#banner{
	height:10px;
	width: 100%;
	padding:0px; 
	margin:-3px 0px 0px 0px; display:none;
}

/* content wrappers items */
#container {
	padding:0px;
	overflow:hidden;
}

.leftColumn {
	/* customize_leftCol_background */ background-color:#fff; /* customize_leftCol_background */
	float:left;
	width:220px;
}

.middleColumn {
	/* customize_midCol_background */ background-color:#fff; /* customize_midCol_background */
	float:left;
	width:500px; 
}

.rightColumn {
	float:left;
	width:220px;
}


/* date bar */
#date_bar{
	font-size:0.9em;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:5px 0 5px 0;
	width:100%;
	float:left;
}
#date_bar p{
	margin:0;
}
.breadcrumb{
	width:380px;
	margin:0 0 0 20px;
	display:inline;
	float:left;
}

.date{
	width:215px;
	margin:0 0 0 5px ;
	display:inline;
	float:left;
}

#date_bar .optional{
	float:right;
	margin:0 5px 0 0;
	width:295px;
	text-align:right;
}



/* navigation */
#navigation {
	float:left;
	padding-right:0;
	width:100%;
	clear:both;
	
}

#navigation ul, ul.nav {
	list-style-type:none;
	margin:0;
	padding:0;
}
#navigation ul.nav{
	margin-bottom:12px;
	border-top:1px solid #cfcfcf;
}

.nav li, .nav_title li {
	border-bottom:1px solid #cfcfcf;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*margin:0 0 1px 0; 			/*Menu with 1px spacer*/
	/*padding:0px 0px 1px 0px; 	/*Menu with 1px spacer*/
	
	margin:0 0 0 0; 			/*Menu without 1px spacer*/
	padding:0 0 0 0; 	/*Menu without 1px spacer*/
}

div#navigation li.nav a, .nav li a {
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin:0px;
	padding: 5px 3px 5px 6px;
}

div#navigation li a:hover, div#navigation li a.nav_selected {
	text-decoration:none;
}

div#navigation li.feature_nav{
	/* customize_feature_nav_color_6 */ color:#fff; /* customize_feature_nav_color_6 */
	padding: 5px 3px 5px 6px;
	font-weight:bold;
}

div#navigation li.feature_nav{
	/* customize_feature_nav_background_2 */ background-color:#7c009e; /* customize_feature_nav_background_2 */
}

div#navigation {
	/* customize_nav_font */ font:normal bold 11px Arial; /* customize_nav_font */
}
div#navigation .nav li a{
	/* customize_nav_font_color */ color: #5a673b; /* customize_nav_font_color */
}

#nav_cta_img, #navigation img{
	padding-top:20px;
}

#nav_cta_img a, #nav_cta_img a img{
	border:0px;
	text-decoration:none;
}


/* main content */
#main_content{
	padding:0px 20px 40px 20px;
}

#right_content img.ccm-image-block {
	float:left;
}



#main_content_top{

}

#main_content .offer_cta{
	width:230px; /* changed */
}

.cta{
	font-weight:bold;
	padding:5px 0px 15px 0px;
}


#main_content ul{
	padding:0 10px 0 10px;
	margin:5px;
}

#main_content ul li{
	padding: 2px 0px 2px 0px;
}	

#main_content img.ccm-image-block{
	margin-bottom:20px;
}

#main_content a img.ccm-image-block{
	margin-bottom:10px;
	margin-top:10px;
}




/* right content */
#right_content {
	padding:0px 0px 20px 0px;
}

#right_content_cta, .right_content_cta{
	padding-top:10px;
}

#right_content ul{
	margin: 0px;
	padding : 0px 0px 0px 16px;
}

#right_content ul li{
	padding:2px 0px;
}

#right_content h2{
	padding-left:5px;
	padding-right:5px;
	font-size:1.2em;
}


/* footer items */
#footer {
	clear:both;
	width:100%;
	position:relative;
	font-size:0.9em;
	margin-top:30px;
	height:75px;
}
#footer p{

}

#footer_content{
	width:100%;
	padding:0;
}

#footer_logo{
	padding:0 0 0 0;
	width:210px;
	position:absolute;
	bottom:0;
	left:10px;
}

#footer_links{
	font-weight:bold;
	width:460px;
	position:absolute;
	left:240px;
	bottom:10px;
}
#footer_nav_wrapper a{
	font-weight:normal;
}

#footer_links_company_desc{
	padding-left:2px; /* to match with 2px #footer_links ul li a */ 
}

#footer_links ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#footer_links ul li{
	list-style-type:none;
	display:inline;
	padding:5px 5px 5px 0px;
	border:0px;
	width:100px;
}

#footer_links ul li a{
/*	color:#fff; */
	background: transparent; 
	text-decoration:none;
	display: inline;
	padding:2px;
	border: 0px;
	width:100px;
}

#footer_links ul li a:hover{
	text-decoration:underline;
}


#footer_right_content{
	width:210px;
	padding:10px 10px 0px 0;
	font-weight:bold;
	position:absolute;
	bottom:10px;
	right:0px;
}

#footer_right_content div{
	display: inline;
}

#footer_curve{
	margin:0px 0px 0px -26px; /*ie6 bugger - needs margin : 0px 0px 0px -16px "*/  
	padding:0px 0px 0px 0px;
	height:17px;
	background:transparent;
}

#footer_jf{
	padding-top:0px;
}


/* column specific */
.middleColumn_twocol_right{
	width:720px;
}

.date_two_col{
	padding-right:0px;
}

.breadcrumb_twocol_left, .breadcrumb_one_col{
	padding-left:0px;
}

.middleColumn_onecolumn{
	width: 940px;
}

.middleColumn_onecolumn #main_content{
	padding-left:0px;
	padding-right:0px;
}

.middleColumn_twocol_right #main_content{
	padding-right:0px;
}









/* CTAs and their rollovers */

a.ctaimg{
	margin-top:20px;
	clear:both;
}
#right_content a.ctaimg{
	margin-top:0px;
	margin-bottom:20px;
}
#right_content .ccm-image-block{
	
}
a.ctaimg.small{
	width:220px;
}
a.ctaimg.small:hover{
	background-position: -220px 0;
}
a.ctaimg.large:hover{
	background-position: -460px 0;
}


#main_content .float_left{
	float:left;
}

#main_content .float_right{
	float:right;
}

.information {
	background-color: #ccc;
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-size: 0.8em;
}