/* 
CSS Document for Archant

Project : France Magazine
Author:	Brad Koehler [brad.koehler@soup.co.uk]

Date Created: 15 - Aug - 2006

*/



/* *********************** Generic Styles **************************************** */
/* ******************************************************************************* */

body {
	padding:					0;
	margin:						0;
	font-size:					11px;
	font-family:				Arial, Helvetica, sans-serif
}

a img {
	border:						0;
}

/* ******************************************************************************* */
/* ************************ End Generic Styles *********************************** */


/* ************************ Layout Styles **************************************** */
/* ******************************************************************************* */

#structure {
	width:						946px;
	padding-left:				12px;
}

#layout {
	float:						right;
	width:						806px;
}

#layout.popup {
	width:						466px;
}

/* ******************************************************************************* */
/* ************************ End Layout Styles ************************************ */


/* ************************ Header Styles **************************************** */
/* ******************************************************************************* */
#header center {
	display:inline;
	float:right;
	margin-top:-70px;
	text-align:right;
	width:468px; /* Changed from 486px which was showing white space around Flash banners */
	height:68px;
}

#header p {
	padding:					0;
	margin:						0 0 1px;
}

* html #header p img {
	margin-top:					-2px;
}

*+ html #header p img {
	margin-top:					-2px;
}

#header .banner {
	float:						right;
	padding:					10px 0;
}

/* added to ensure banner appears in correct place when iframes are used with flash - LB 09/06/2010 */
#header div.flash iframe
{
        position: absolute;
        clear:none;
        display: block;
        margin-left: 480px;            
        float:right;
        top:10px;
}

#header div.flash div
{
        position: absolute;
        clear:none;
        display: block;
        margin-left: 480px;            
        float:right;
        top:10px;
}

/*----------------------------------------------------------------------------------------------------------------------------------*/

#header p.banner_strap{
	display: block;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 0 0 10px;
}

#header .date {
	float:						right;
	font-weight:				bold;
	font-size:					85%;
	padding:					4px 0;
}


/* ******************************************************************************* */
/* ************************ End Header Styles ************************************ */


/* ******************************************************************************* */
/* ************************ Top Nav Styles *************************************** */
.large_topnav {
	height:						1%;
	padding:					5px 0 10px;
}

.large_topnav:after {
	content:					".";
	display:					block;
	clear:						both;
	height:						0;
	line-height:				0;
	visibility:					hidden;
}

.large_topnav ul {
	padding:					0;
	margin:						5px 0 0;
	list-style:					none;
	border-bottom:				1px solid #333;
	height:						17px;
}

#topnav ul {
	padding:					0;
	margin:						15px 0 11px;
	list-style:					none;
	border-bottom:				1px solid #333;
	height:						18px;
}

#topnav ul li,
.large_topnav ul li {
	padding:					0;
	margin:						0;
	float:						left;
}

/* ************************ End Top Nav Styles *********************************** */
/* ******************************************************************************* */


/* ************************ Content Styles *************************************** */
/* ******************************************************************************* */
#content {
	/*width:480px;*/
	width:490px;
	overflow:hidden;
}

#content font{
	width:400px;
}

#content table{
	/*width:480px;*/
	
}

#content table#ctl00_ctl00_cphBodyContent_cphMainContent_Shop1_ctl00_dlCategories tr td table{
	width:230px;
}

div.divider {
	clear: both;
	background: url(../images/bg_dotted_horizontal.gif) repeat-x scroll 0pt;
	height: 1px;
	border: 0pt none;
	color: #000;
	margin: 10px 0;
}
div.divider2 {
	clear: both;
	height: 1px;
	border: 0pt none;
	color: #000;
}

.storylist .otherarticles .divider.first {
	margin-top: 0;
}

.storylist .pagination .divider.first {
	margin-top: 0;
}

.editorial_panel {
	/*width:						488px;*/
	width:						494px;
	float:						left;
	/*padding-left:				26px;*/
	padding-left:				20px;
}

.content {
	float:						left;
	width:						243px;
	padding-top:				14px;
	font-size:					11px;
	
}

.content h2 {
	font-size:					150%;
	margin:						0.2em 0 0.4em;
	padding:					0;
}

.content h2.underline {
	font-size:					150%;
	margin:						0 0 0.4em;
	padding:					0 0 5px;
	border-bottom:				1px solid #333; 

}

.content h3 {
	font-size:					150%;
	margin:						0.4em 0;
	padding:					0 0 0.6em;
	width:						300px;
}

.content p.lead {
	font-size:					110%;
}

.content p {
	margin:						0.6em 0;
}



/* Another Variation */

.content p.right {
	border-left:				40px solid #fff;
	margin-bottom:				10px;
	position:					relative;
	left:						4px;
}

.right {
	float:						right;
	width:						200px;
	}

.right p {
	margin: 					10px 0 10px 10px;
	padding-bottom: 			10px;
	border-bottom: 				1px dotted black;
}
	
.caption_border {
	width: 						100px;
	height: 					1px;
}

.withimage {
	width:						464px;

}

.withimage .image_column {
	border-left:				40px solid #fff;
	margin-bottom:				10px;
	position:					relative;
	left:						4px;
}

.image_column {
	float:						right;
	width:						211px;
}

.image_column p {
	margin:						0 10px 1em;
	padding:					0;
}

.content .link {
	margin-top:					1.2em;
}

#layout .footlink {
	margin:						20px 20px 0 0;
	background:					url(../images/bg_dotted_horizontal.gif) 0 0 repeat-x;
	padding:					4px 0 0;
	clear:						both;
}
#layout .articlefoot {
	margin:						1.2em 0 0 0;
	background:					url(../images/bg_dotted_horizontal.gif) 0 0 repeat-x;
	padding:					4px 0 0;
	clear:		
}

.lead {
font-size:						11px;
}


/* ******************************************************************************* */
/* ************************ End Content Styles *********************************** */


/* ************************ Callout Column Styles ******************************** */
/* ******************************************************************************* */


.callout_column {
	width:						284px;
	float:						right;
}

.callout_column .banner_column {
	float:						right;
	width:						116px;
}

.callout_column .banner_column p {
	padding:					0;
	margin:						0 0 0.8em;
}

.callout_column .banner_column p img {
	border:						1px solid #ccc;
}

.callout_column .features {
	float:						left;
	width:						158px;
	position:					relative;
}

.callout_column .features div.form {
	padding:					5px;
	margin:						0 0 0.7em;
}

* html .callout_column .features div.form {
	padding:					5px;
	margin:						0 0 10px;
}

.callout_column .features div.form p {
	padding:					0;
	margin:						0;
}

.callout_column .features div.form .select, .callout_column .features div.form input {
/*	font-size:					85%;*/
	margin:						0.45em 0;
}

* html .callout_column .features div.form .select, .callout_column .features div.form input {
	margin:						4px 0;
}

.callout_column .features div.form .search {
	width:						100px;
	margin-bottom:				3px;
}

.callout_column .features div.form .go {
	margin:						0.1em 0;
}

/*.callout_column div {
	margin:						0 0 0.6em;
}*/

.callout h4 {
	padding:					0px;
	clear:						both;
	font-weight:				bolder;
	border:						none;
}

.features .callout h4 {
	border:						none!important;
}

.callout p.promo_more {
	color: 						#3A66A7;
	text-transform:				uppercase;
}

.callout p.promo_more a {
	color: 						#000000;
	text-decoration: 			none;
	font-weight: 				bolder;
	text-transform: 			uppercase;
}
.callout p.promo_more a:hover {
	color: 						#3A66A7;
}

.callout h4 p{
	display:					block;
	margin: 					0;
	color: 						#3A66A7;
	text-transform: 			uppercase;
	font-family: 				Georgia;
/*	font-weight: 				bolder;*/
	font-size: 					13px;	
	margin:						2px 0 0 0;	
}

* html .callout h4 p {
	/*border-bottom:				1px solid #666666;*/
}	

.callout h4 p span {
	border: 					1px solid #666666;	
	border-style: 				solid;
	border-collapse:			collapse;
	padding:					3px 8px;
	position:					relative;
	/*top: -2px;	*/
	display:					block;
}

.home .callout h4 {
	border:						none;
}

.home .callout h4 p span {	
	border-style: 				solid;
}

.callout p {
	margin:						0.6em 0.7em;
}

.callout ul {
	padding:					0;
	margin:						0;
	list-style:					none;
	font-weight:bold;
}

.callout ul li {
	padding:					3px 0 5px;
	margin:						0;
}

.callout ul li a.text {
	text-decoration:			none;
}

.callout ul li a.hover {
	float:						right;
	
}

.callout ul li a.hoverl {
	float:						left;
	
}

.callout_column div.promo_block {
	clear:						both;
}

.callout_column div.first {
	padding-top:				9px;
}

* html .callout_column div.first {
	padding-top:				0;
}

.callout_column div.promo {
	width:						156px;
	float:						left;
	margin-right:				10px;
	/*height:						157px;*/
	margin-bottom:				9px;
}

* html .callout_column div.promo {
	margin-bottom:				10px;
}

* html .callout_column div.promo {
	margin-right:				6px;
}

h5 {
	font: Verdana;
}

.callout_column div.promo h5 {
	padding:					0 10px;
	margin:						0.6em 0;
	color: 						#3A66A7;	
	font-size: 					12px;
	text-transform:				uppercase;
	font-family:  				Verdana, Arial, Helvetica, sans-serif;
	text-decoration:			none;
}

.callout_column div.promo p {
	padding:					0 10px;
	margin:						0.6em 0;
}

.callout_column div.promo p.promo_more {
	color: 						#3A66A7;
}

.callout_column div.promo p a{
	color: 						#000000;
	text-decoration: 			none;
	font-weight: bolder;
	text-transform: uppercase;
}
.callout_column div.promo p a:hover{
	color: 						#3A66A7;
}


.callout_column div.end {
	margin-right:				0;
}

* html .callout_column div.end {
	margin-right:				0;
	float:						none;
}
/* ******************************************************************************* */
/* ************************ End Callout Column Styles **************************** */


/* ************************ Navigation Styles ************************************ */
/* ******************************************************************************* */

#nav {
	float:						left;
	width:						140px;
}

#nav ul {
	padding:					0;
	margin:						0;
	list-style:					none;
}

#nav ul li {
	padding:					0;
	margin:						0;
	list-style:					none;
	display:					inline;
}

#nav ul li a {
	display:					block;
	padding:					5px 10px;
	font-weight:				bold;
	text-decoration:			none;
	margin:						0 1px;
}
#nav ul li a.articlelink {
	display:					block;
	padding:					0px;
	font-weight:				bold;
	text-decoration:			none;
	margin:						0;
}
#nav ul.subnav li a {
	text-transform: uppercase;
}

#nav ul li.heading, #nav ul li.heading a {
	padding:					0;
	margin:						0;
}

#nav ul li.selected {
	display:					block;
	margin:						0 1px;
}

#nav ul li.selected ul {
	padding-bottom:				10px;
}

#nav ul li.selected ul li {
	display:					inline;
}

#nav ul li.selected ul li a {
	font-weight:				normal;
	padding:					2px 7px;
	margin:						0 4px;
}

#nav p {
	margin-top:					10px;
	position:					absolute;
}

#nav .subnav_select {
	text-transform: 			uppercase;
	}

/* ******************************************************************************* */
/* ************************ End Navigation Styles ******************************** */


/* ************************ Footer Styles **************************************** */
/* ******************************************************************************* */

#footer {
	border-top:					20px solid #fff;
	margin-left:				0;
	padding-bottom:				5px;
	clear:						both;
}

* html #footer {
	border-top:					0;
}

#footer p.link {
	padding:					0 0 0 12px;
	margin:						0;
}

#footer p a {
	font-size:					110%;
	text-decoration:			none;
}

#footer ul {
	clear:						both;
	float:						right;
	padding:					10px 10px 0 0;
	margin:						0;
	list-style:					none;
	font-size:10px;
}

#footer ul li {
	float:						left;
}

#footer ul li a {
	padding:					0 10px;
	text-decoration:			none;
	text-transform: 			uppercase;
}

#footer p.copy {
	padding:					10px 10px;
	margin:						0 0 0.6em;
	
}

/* ******************************************************************************* */
/* ************************ End Footer Styles ************************************ */


/* ************************ Misc Styles ****************************************** */
/* ******************************************************************************* */

.w3c {
	position:					absolute;
	top:						-4000px;
	left:						-4000px;
	visibility:					hidden;
}

hr.clear {
	height:						1px;
	border:						0;
	background:					#fff;
	color:						#fff;
	margin:						10px 0;
	padding:					0;
	clear:						both;
}

* html hr.clear {
	margin:						0;
}

.right {
	float:						right;
	margin-left: 10px;
}
.right_travel {
	float:						right;
	margin-top:					5px;
}
/* ******************************************************************************* */
/* ************************ End Misc Styles ************************************** */







/* ************************ Homepage Styles ************************************** */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* ******************************************************************************* */
/* These Styles are used to overwrite the above styles and to format the alternate */
/* Structure used in the hompage only                                              */



/* ************************ Layout Styles **************************************** */
/* ******************************************************************************* */


.home #layout {
	float:						none;
	width:						945px;
	padding-top:				3px;
}

.home #layout .editorial_panel {
	width:						466px;
	padding:					0;
	margin:						0;
	border:						0;
	background:					none;
}

.home .main_promo {
	
	border:						1px solid #666;
	position:					relative;
	margin-bottom:				11px;
}

.home .mainhomeimage {
	background:					url(../images/bg_home_h1.jpg) 0 0 no-repeat;
	border:						0px solid #666;
	padding-top:				0px;
	position:					relative;
	margin:						0px;
	height:						269px;
	width:						466px;
}

* html .home .main_promo {
	margin-bottom:				18px;
	margin-top:					0px;
}


.home .main_promo h1 {
	height:						69px;
	background:					url(../images/bg_home_h1_overlay.gif) bottom left no-repeat;
	display:					block;
	padding-left:				120px;
	font-size:					x-small;
	font-weight:				normal;
	text-decoration:			none;
	color:						#666;
	margin:						0;
	
}

.home h1 a {
	text-decoration:			none;
	color:						#000000;
	font-size:					1.1em;
}

.home h1 a img {
	display:					block;
	
}


/* ******************************************************************************* */
/* ************************ End Layout Styles ************************************ */


/* ************************ TopRow Styles **************************************** */
/* ******************************************************************************* */

.home #topnav ul {
	margin-bottom:				0;
}

* html .home #topnav ul {
	margin-bottom:				15px;
}

.large_topnav ul li {
	padding: 1px 20px 0px 0px;
}

.large_topnav ul li a{
	color: 						#3A66A7;
	font-family: 				georgia;
	font-weight: 				bold;
	font-size: 					14px;	
	
	text-decoration: 			none;	
}
.large_topnav ul li a:hover{
	color: 						#000000;

}
/* ******************************************************************************* */
/* ************************ End TopRow Styles ************************************ */


/* ************************ Callout Column Styles ******************************** */
/* ******************************************************************************* */


.home #layout .callout_column {
	width:						462px;
}

.home #layout .callout_column .form {
	background:					#3A66A7;
	vertical-align:				top;
	height:						1%;
}

.home #layout .callout_column .form p {
	margin:						0;
}

.home #layout .callout_column .form * {
	vertical-align:				top;
}

.home #layout .callout_column .form select {
	margin:						3px 0 3px 2px;
/*	font-size:					85%;*/
}

.home #layout .callout_column .form .search {
	width:						95px;
	margin:						3px 0 2px 2px;
/*	font-size:					85%;*/
}

* html .home #layout .callout_column .form .search {
	margin:						2px 0 2px 2px;
}

.home #layout .callout_column .features {
	width:						326px;
	margin-top:					10px;
}

.home .callout_column h4 {
	margin:						0 0 0.6em;
}

* html .home .callout_column h4 {
	margin-bottom:				0.2em;
}

.home .callout_column ul {
	margin-bottom:				18px;
}

* html .home .callout_column ul {
	margin-top:					10px;
}

.home .callout_column .travel {
	margin-bottom:				32px;
}

* html .home .callout_column .travel {
	margin-bottom:				16px;
}

/* ******************************************************************************* */
/* ************************ End Callout Column Styles **************************** */


/* ************************ latest_issue Styles ********************************** */
/* ******************************************************************************* */
.latest_issue {
	position:					relative;
}

.latest_issue h2 {
	color:						#ECEDEA;
	padding:					2px 0 2px 10px;
	margin:						0;
	text-transform: 			uppercase;
	font-family: 				Georgia;
	font-weight: 				bolder;
	font-size: 					14px;
	
}

.latest_issue ul {
	width:						267px;
	float:						right;
	margin:						10px 10px 0;
	padding:					0;
	list-style:					none;
}

* html .latest_issue ul {
	margin:						10px 5px 0;
	width:						270px;
}

.latest_issue ul li {
	padding:					4px 6px;
	margin:						6px 0;
/*	font-size:					85%;*/
}

.latest_issue ul li strong, .latest_issue ul li a  {
	display:					block;
}

.latest_issue ul li a  {
	display:					block;
	margin:						4px 0;
}

.latest_issue ul li.highlight {
	margin:						0;
}

.latest_issue div {
	margin:						10px 10px 0;
	padding:					0;
	width:						165px;
	height:						1%;
}

.latest_issue div:after {
	content:					".";
	clear:						both;
	display:					block;
	visibility:					hidden;
	height:						0;
}

* html .latest_issue div {
	padding-bottom:				6px;
}

.latest_issue .cover {
	margin:						 0 0 0.8em;
}

* html .latest_issue .cover {
	margin:						 0 0 0.4em;
}

.latest_issue p {
	margin:						0.2em 0 0;
	padding:					0;
	float:						left;
}

/* ******************************************************************************* */
/* ************************ End latest_issue Styles ****************************** */


/* ************************ Latest News Styles *********************************** */
/* ******************************************************************************* */

.latest_news h3 {
	padding:					0;
	margin:						0.8em 0 0.2em;
	clear:						both;
}

#layout .latest_news li a {
	font-weight:				normal;
	padding-left:				6px;
}

#layout .latest_news ul {
	padding:					0;
	margin:						0 0 10px;
}

#layout .latest_news:after {
	content:					".";
	display:					block;
	clear:						both;
	height:						0;
	visibility:					hidden;
}

/* ******************************************************************************* */
/* ************************ End Latest News Styles ******************************* */

.register_banner {
	float:						left;
	padding:					0;
	margin:						10px 0 10px 0;
}

.register_banner img,
.register_banner p {
	padding:					0!important;
	margin:						0!important;
}

/* ************************ Other Titles Styles ********************************** */
/* ******************************************************************************* */

.other_titles {
	padding:					7px 0px 4px 0px;
	margin:						10px 0 0 0;
	width:						261px;
	float:						right;
	min-height:					49px;
}

* html .other_titles {
	height:						49px;
}

.other_titles p img{
	padding:					0 2px;
	margin:						0 0 0.2em;
/*	font-size:					85%;*/
}
.other_titles p {
	padding:					0 5px;
	margin:						0 0 0.2em;
/*	font-size:					85%;*/
}

.other_titles p a {
	padding:					0 0 0 3px;
}
/* ******************************************************************************* */
/* ************************ End Other Titles Styles ****************************** */

/* ************************* Clearfixes ****************************************** */
/* ******************************************************************************* */
.straightlist #content ul li:after,
.gallerylist ul.gallerylist:after,
.gallerylist ul.gallerylist li:after,
.review .reviewthumbs:after,
.promos:after,
.directory #businesslocator:after,
/* %% add rule */
.storylist .otherarticles .articlerow:after,
.gallerylist div.galleryrow:after,
div.pagination:after
.withimage {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
	
.straightlist #content ul li,
.gallerylist ul.gallerylist,
.gallerylist ul.gallerylist li,
.review .reviewthumbs,
.promos,
.directory #businesslocator,
/* %% add rule */
.storylist .otherarticles .articlerow,
.gallerylist div.galleryrow,
div.pagination
.withimage {
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html div.lead,
* html .straightlist #content ul li,
* html .gallerylist ul.gallerylist,
* html .gallerylist ul.gallerylist li,
* html .review .reviewthumbs,
* html .promos,
* html .directory #businesslocator,
* html .storylist .otherarticles .articlerow,
* html .gallerylist div.galleryrow,
* html div.pagination
.withimage {
	height: 1%;
	}
div.lead,
.straightlist #content ul li,
.gallerylist ul.gallerylist,
.gallerylist ul.gallerylist li, 
.review .reviewthumbs,
.promos,
.directory #businesslocator,
.storylist .otherarticles .articlerow,
.gallerylist div.galleryrow,
div.pagination
.withimage {
	display: block;
	}
/* End hide from IE-mac */

/* ******************************************************************************* */
/* ************************ End Clearfixes *************************************** */


/* ************************* Leads *********************************************** */
/* ******************************************************************************* */

.storylist #content div.lead,
.gallerylist #content div.lead,
.review #content div.lead {
	margin-top: 				15px;
	margin-right: 20px;
	}
.gallerylist #content div.lead h3,
.review #content div.lead h3 {
	margin: 					0 0 0.5em 0;
	padding-left: 				0;
	}
.gallerylist #content div.lead p,
.review #content div.lead p {
	padding-left: 				0;
	}
	
.review #content div.lead.withpic {
	padding:					0 24px 0 0;
	margin:						0;
}
	
.review #content div.lead.withpic p,
.review #content div.lead.withpic h3 {
	padding-left: 				0;
	margin-right: 				170px;
}

.review #content div.lead.withpic h3 {
	font-weight:				strong;
	font-size:					14px;
}
	
.review #content div.lead.withpic img {
	float: 						right;
	position:					relative;
	top:						-8px;
	}

.gallerylist #content div.lead {
	padding: 					0 0 4px;
	margin:						0 24px 0 0;	
	background:					url(../images/bg_dotted_horizontal.gif) bottom left repeat-x;
}

.gallerylist #content div.lead h3 {
	margin: 					0;
	padding:	 				0;
}

.gallerylist #content div.lead p {
	padding:	 				0;
	margin:						0.6em 0;
}

.gallerylist #content div.lead.withpic p,
.gallerylist #content div.lead.withpic h3 {
	padding-left: 				0;
	margin-left: 				170px;
}

.gallerylist #content div.lead.withpic img {
	float: 						left;
}

.galleryitem h3 {
font-size:11px;
}
	
/* ******************************************************************************* */
/* ************************ End Leads ******************************************** */


/* Directory Styles */
/* directory search */

.directory h1 {
	font-size:					150%;
	background:					url(../images/bg_dotted_horizontal.gif) bottom left repeat-x!important;
	margin-top: 				10px;
	color:						#333;
	margin-right:				24px;
	padding-bottom:				7px;
}

.directory h2 {
	padding:					0;
	margin:						5px 24px 5px 0;
	background:					#3a66a7;
}

#callout_column .directorysearch .left {
	margin-right: 				10px;
}

#callout_column .directorysearch .price {
	padding: 					4px 0;
}

.directory #businesslocator {
	padding: 					4px 4px;
	margin: 					0 24px 0 0;
}


.directory #businesslocator fieldset {
	padding: 					0;
}

.directory #businesslocator p {
	float: 						left;
	width: 						130px;
	padding: 					5px;
	margin:		 				0;
}

.directory #businesslocator label {
	font-weight: 				bold;
	font-size: 1.1em;
}

.directory #businesslocator select {
	margin: 					10px 0 5px;
	display: 					block;
	width: 						130px;
}

.directory #businesslocator input {
	margin: 					10px 0 5px;
	display: 					block;
	width: 						130px;
}

.directory #businesslocator input.submit {
	clear: 						both;
	width:						auto;
	margin-left:				377px;
}

* html .directory #businesslocator input.submit {
	clear: 						both;
	width:						auto;
	margin-left:				367px;
}

.directory .directory_table td {
	padding: 					2px 10px;
}

.directory .directory_table td a {
	color:						#333;
	text-decoration:			none;
}

.directory .directory_table td a:hover {
	color:						#3a66a7;
	text-decoration:			underline;
}

.directory .directory_table col {
	width: 						236px;	
}



/* Gallery List Styles */
.gallerylist h1 {
	font-size:					150%;
	border-bottom:				1px solid #333;
	color:						#333;
	margin-right:				24px;
	padding-bottom:				7px;
	padding-top:				8px;
	margin-bottom:				8px;
}

.gallerylist div.gallerylist {
	padding: 					10px 10px 15px;
	margin-bottom: 				15px;
}

.gallerylist div.galleryrow {
	margin:		 				17px 0;
	clear:						both;
}

.gallerylist div.galleryrow.last {
	margin-bottom: 				0;
}

.gallerylist div.gallerylist div.galleryrow .galleryitem {
	float: 						left;
	width: 						150px;

}

.gallerylist #content div.gallerylist div.galleryrow .galleryitem img {
	margin-bottom: 				10px;
	clear: 						both;
}	

.gallerylist #content div.gallerylist div.galleryrow .galleryitem a.hover img {
	margin-bottom: 				0;
	clear: 						both;
}	

.gallerylist #content div.gallerylist div.galleryrow .galleryitem h3 {
/*	font-size: 					90%;*/
	padding: 					0;
}

.gallerylist #content div.gallerylist div.galleryrow .galleryitem p {
	margin-top: 				0;
	padding: 					0;
/*	font-size: 					90%;*/
}

.gallerylist .base_banners {
	border-top: 				0;
	padding: 					0;
}

.galleryitem {
	float: left;
	width: 116px;
	padding: 0 40px 30px 0;	
	height:						250px;
}

/* Pagination Styles */
.pagination {
	display: block;
	list-style:					none;
	padding:					10px 24px 15px 300px;
	margin:						0 0 0 0px;
}

.pagination li {
	float:						left;
	padding-right:				7px;
	padding-bottom: 10px;
}

.pagination li a {
	text-decoration:			none;
	color:						#333;
	font-weight:				bold;
}

.pagination li a:hover {
	color:						#3a66a7;
}

.pagination li a span {
	color:						#3a66a7;
}

.pagination li.numeric a {
	text-decoration:			underline;
}



/* Review Styles */
.review h1 {
	font-size:					150%;
	border-bottom:				1px solid #333;
	color:						#333;
	margin-right:				24px;
	padding-bottom:				7px;
	padding-top:				8px;
	margin-bottom:				8px;
}

.review #content p {
	margin-right:				24px;
}

.review #content div.lead {
	padding-bottom: 			20px;
	margin-bottom: 				20px;
}

.review .reviewthumbs {
	list-style: 				none;
	padding: 					20px 0 0 0px;
	margin-top: 40px;
	margin-right:				24px;
	margin-left:				0;
	background:					url(../images/bg_dotted_horizontal.gif) 0 0 repeat-x;
	clear:						both;
	display: 					inline-block;
}


.review .reviewthumbs:after {
    content: 						"."; 
    display: 						block; 
    height: 						0; 
    clear: 							both; 
    visibility: 					hidden;
}

/* Hides from IE-mac \*/
* html .review .reviewthumbs {
	height: 						1%;
}

.review .reviewthumbs {
	display: 						block;
}
/* End hide from IE-mac */



.review .reviewthumbs li {
	float: 						left;
	width: 						116px;
	margin-right: 				53px;
	font-size: 					0.91em; /* 11px */
}

.review .reviewthumbs li p {
	margin-bottom:				0;
	padding-bottom:				0;
}

.review .reviewthumbs li.last {
	margin-right: 				0;
}


/* straight list */	

.straightlist #content .footlink {
	margin-top:					0;
}

.straightlist h1 {
	font-size:					150%;
	border-bottom:				1px solid #333;
	color:						#333;
	margin-right:				24px;
	padding-bottom:				7px;
	padding-top:				8px;
	margin-bottom:				8px;
}

.straightlist h3 {
	font-size: 16px
}

h3 a {
	color:						#333;
	text-decoration:			none;
}

.straightlist .pagination {
	padding:					0 24px 0 0;
	margin:						7px 0;
}


.straightlist ul.straightlist {
	list-style: 				none;
	padding: 					10px 10px 0 0;
	width:465px;
	margin:						0 0 0 0;
	clear:						both;
	/*background:					url(../images/bg_dotted_horizontal.gif) 0 0 repeat-x;
	clear:						both;
	margin:						0 24px 0 0;
}

.straightlist ul.straightlist li {
	clear: 						both;
	padding-bottom: 			1.25em; /* 15px */
	padding-top: 				1.25em; /* 15px */
	/*background:					url(../images/bg_dotted_horizontal.gif) bottom left repeat-x;*/
}

.straightlist ul.straightlist li {
	display: 						inline-block;
	height:							140px;
	clear:							both;
}	
	
.straightlist ul.straightlist li:after {
    content: 						"."; 
    display: 						block; 
    height: 						0; 
    clear: 							both; 
    visibility: 					hidden;
}

/* Hides from IE-mac \*/
* html .straightlist ul.straightlist li {
	height: 						1%;
}

.straightlist ul.straightlist li {
	display: 						block;
}
/* End hide from IE-mac */


.straightlist ul.straightlist li p {
	width: 						350px;
	margin:						0;
}

.straightlist ul.straightlist li h3 {
	margin:						0 0 0.3em;
}

.straightlist ul.straightlist li img {
	float: 							right;
	margin: 						-18px 0 10px 20px;
}
/* End hide from IE-mac */





.straightlist ul.straightlist li a.hover {
	margin-top: 				10px;
	margin-bottom: 				10px;
	float: 						none;
}

.straightlist ul.straightlist li a.hover img {
	float: 						none;
	margin: 					auto;
}

.straightlist ul.straightlist li.first {
	padding-top: 				0;
}

.straightlist ul.straightlist li.last {
	padding-bottom: 			0;
	border-bottom: 				0;

}

.straightlist ul.straightlist li.nopic p {
	width: 						auto;
}


/* story list two column */

.storylist #content .footlink {
	margin-top:					1px;
	position:					relative;
	clear:						both;
	display:					block;
}
* html .storylist #content .footlink {
	height: 1%;
}
	
.storylist h1 {
	font-size:					150%;
	border-bottom:				1px solid #333;
	color:						#333;
	margin-right:				24px;
	padding-bottom:				7px;
	padding-top:				8px;
	margin-bottom:				8px;
}

#layout.storylist div.cols_2 {
	padding:					0 18px 0 0;
	margin:						0;
	position:					relative;
	top:						-9px;
}

div.pagination {
	padding: 10px 0 0 0;
	margin-right: 18px;
}

div.pagination ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}


.storylist div.cols_2 .col_1 {
	float: 						right;
	width: 						160px;
}

.storylist div.cols_2 .col_2 {
	float: 						left;
	width: 						290px;
	padding:					0;
	margin:						0;
}
	

.storylist div.cols_2 .col_2 h3 {
	padding:					0;
	margin:						0.5em 0;
	font-size:					16px;
}

.storylist h2.block {
	background:					#3a66a7;
	clear:						both;
	margin-right:				24px;
	margin-bottom:				0;
}

.storylist .otherarticles {
	clear:						both;
	background:					url(../images/bg_dotted_horizontal.gif) bottom left repeat-x;
	margin-right:				24px;
	height:						1%;
}

.storylist .otherarticles:after {
	content:					".";
	clear:						both;
	height:						0;
	visibility:					hidden;
	display:					block;
}

.storylist .footlink {
	margin-right:				24px!important;
}

.storylist .otherarticles .articlerow {
	margin-bottom: 				17px;
	padding-top:				15px;
	background:					url(../images/bg_dotted_horizontal.gif) top left repeat-x;
}
	
.storylist .otherarticles .article {
	float: 						left;
	width: 						215px;
	padding: 					20px 10px 0 0;
	margin-bottom: 15px;
}
		
.storylist .otherarticles .article img {
	float: 						left;
}

.storylist #content .otherarticles .article p,
.storylist #content .otherarticles .article h3 {
	float: 						right;
	width: 						115px;
	margin: 					0;
	padding: 					0;
	font-size: 					1em;
}
	
.storylist #content .otherarticles .full p,
.storylist #content .otherarticles .full h3 {
	float: 						none;
	width: 						auto;
}

.storylist .base_banners {
	border-top: 				none;
}

.storylist .image_column img {
	border:						1px solid orange;
	padding:					0;
	margin:						0;
}	

.storylist .otherarticles a.hover {
	margin:						5px 0;
}

.storylist .otherarticles a.hover img {
	float: none;
}


#optional_banner {
	padding:					15px 0 0 0;
}

/* Popup Styles */

#structure #layout.popup {
	float:						none;
	padding-bottom:				30px;
}

#structure #layout.popup h1 {
	color:						#333;
	font-size:					160%;
	padding:					14px 0 0;
}

#structure #layout.popup p {
	color:						#333;
/*	font-size:					85%;*/
}


/* FORM STYLING */
.registration h1, .login h2, .password_reminder h1 {
	font-size: 150%;
	border-bottom: 1px solid #333;
	margin: 10px 24px 8px 0;
	padding: 8px 0;
	}
	
.registration h2 {
	font-size: 12px;
	}
.registration h2.block {
	background: #3A66A7;
	margin-right: 24px;
	}

.banner_right {
	float:left;

	width:124px;
}

.home .banner_right {
	margin-top:					12px;
	margin-left:				2px;
}

/*.banner_right p{
	display:none;
}*/

.banner_right center {
	margin-top:					2px;
	margin-bottom:				5px;
}

.banner_right {
	width:						120px; 
	float:						left;
	margin:						-1px 0px 5px 6px;
}

.banner_right object {
	margin-top:					5px;
}

object, embed {
	display:					block;
	clear:						both;
}

#header object {
	clear:						none;
	display:					inline;
	float:						right;
	height:						60px;
	margin-top:					-70px;
	text-align:					right;
	width:						468px;	/* Changed from 486px which was showing white space around Flash banners */
}


#standard_list {
	width:				480px;
	margin:				0px;
	padding:			0px;
}

#standard_list li {
	list-style-type:	none;
	display: 			inline-block;
	margin-bottom:		10px;
}

#standard_list li div a {
	float:				none;
}

#standard_list li a {
	float:				right;
}

#standard_list li div {
	float:				left;
	margin-left:		10px;
	width:				360px;
}

#standard_list li:after {
    content: 			"."; 
    display: 			block; 
    height: 			0; 
    clear: 				both; 
    visibility: 		hidden;
}

/* Hides from IE-mac \*/
* html #standard_list li {
	height: 			1%;
}

#standard_list li {
	display: 			block;
	/* Added: 22.11.07 by Lee @ Soup */
	clear: 				both;
}
/* End hide from IE-mac */

#standard_list a.hover {
	display:				block;
	background-position:	top left;
	background-repeat:		no-repeat;
}

#standard_list a.hover:hover {
	background-position:	bottom left;
}

#standard_list a.hover img {
	visibility:				hidden;
}

#standard_list a.more {
	background-image:		url("Editorial 3111_files/btn_more_hover.gif");
	width:					44px;
	height:					14px;
}

#product_list {
	width:				480px;
}

#product_list li {
	list-style-type:	none;
	display: 			inline-block;
	margin-bottom:		10px;
}

#product_list li img {
	float:				left;
}

#product_list li div {
	float:				left;
	margin-left:		10px;
	width:				320px;
}

#product_list li:after {
    content: 			"."; 
    display: 			block; 
    height: 			0; 
    clear: 				both; 
    visibility: 		hidden;
}

/* Hides from IE-mac \*/
* html #product_list li {
	height: 			1%;
}

#product_list li {
	display: 			block;
}
/* End hide from IE-mac */


.clearfix:after,
#standard_list li:after,
div.pagination:after				{
    content: 						"."; 
    display: 						block; 
    height: 						0; 
    clear: 							both; 
    visibility: 					hidden;
}

.clearfix,
#standard_list li,
div.pagination {
	display: 						inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html #standard_list li,
* html div.pagination {
	height: 						1%;
}

.clearfix,
#standard_list li,
div.pagination {
	display: 						block;
}
/* End hide from IE-mac */






#multimedia_bar {
	width:				480px;
	padding:			10px 0px 0px 0px;
	border-top:			1px dotted #666666;
	border-bottom:		1px dotted #666666;
}

#multimedia_bar strong {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#3A66A7;
	display:			block;
	margin-bottom:		5px;	
}

#multimedia_bar strong * {
	vertical-align:		middle;		
}

#multimedia_bar ul {
	margin-bottom:		10px;
}		

#multimedia_bar ul li {
	list-style-type:	none;
	padding:			2px 0px 2px 10px;
	background:			url(http://dev.francemag.com/assets/brand_42/images/img_list_dash.gif) 0px 8px no-repeat;
	width:				220px;
	float:				left;
	height:				3em;
}

#multimedia_callout {
	padding:			10px 0px 0px 0px;
	border-top:			1px dotted #666666;
	border-bottom:		1px dotted #666666;
	width:				210px;
}

#multimedia_callout strong {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#3A66A7;
	display:			block;
	margin-bottom:		5px;	
}

#multimedia_callout strong * {
	vertical-align:		middle;		
}		

#multimedia_callout ul {
	margin-bottom:		10px;
}	
		
#multimedia_callout ul li {
	list-style-type:	none;
	padding:			2px 0px 2px 10px;
	background:			url(http://dev.francemag.com/assets/brand_42/images/img_list_dash.gif) 0 50% no-repeat;
	padding:			2px 0px 2px 10px;			
}

/* Directory Fixes */
#content table.EnhancedEntry {
	width: 465px;
	}
* html #content table.EnhancedEntry {
	margin-left: -25px!important;
	}
*+html #content table.EnhancedEntry {
	margin-left: -25px!important;
	}

div.left_banner {
	float: left;
	width: 140px;
	text-align: center;
	}


#multimedia_bar,
#multimedia_callout {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			0.9em;
}

#multimedia_bar a,
#multimedia_callout a {
	font-size:			1.1em;	
	color:				#3A66A7;
}

#multimedia_bar strong,
#multimedia_callout strong {
	font-size:			1.1em;
	font-weight:		bold;
	color:				#3A66A7;
	display:			block;
	margin-bottom:		5px;
}

#multimedia_bar p,
#multimedia_callout p {
	background: none;
	padding: 0;
	margin: 0;
}

#multimedia_bar img,
#multimedia_callout img {
	border: none;
	margin: 0;
}

#multimedia_bar strong *,
#multimedia_callout strong * {
	vertical-align:		middle;
}

#multimedia_bar {
	width:				auto;
	padding:			10px 0px 0px 0px;
	border-top:			1px dotted #666666;
	border-bottom:		1px dotted #666666;
}

#multimedia_bar ul {
	margin:				0 0 10px 0;
	padding:			0;
}		

#multimedia_bar ul li {
	list-style-type:	none;
	padding:			2px 0px 2px 10px;
	margin:				0;
	background:			url(http://dev.francemag.com/assets/brand_42/images/img_list_dash.gif) 0px 8px no-repeat;
	width:				220px;
	float:				left;
	height:				3em;
}


#multimedia_callout {
	padding:			10px 0px 0px 0px;
	border-top:			1px dotted #666666;
	border-bottom:		1px dotted #666666;
	width:				210px;
}

#multimedia_callout ul {
	margin:				0 0 10px 0;
	padding:			0;
}	
		
#multimedia_callout ul li {
	list-style-type:	none;
	padding:			2px 0px 2px 10px;
	background:			url(http://dev.francemag.com/assets/brand_42/images/img_list_dash.gif) 0 50% no-repeat;
	padding:			2px 0px 2px 10px;	
	margin:				0;		
}