/***********Media Window***********/

/*Image part*/
.header-wrapper .header-navigation-wrapper {display:none;}
.header-wrapper .carousel { background:url(mainImage.jpg) no-repeat;}
.headerDetailsHolder #headerDetails1 {display:none;top:316px;left: 14px;}
.headerDetailsHolder #headerDetails2 {display:none;top: 258px;left: 123px;}
.headerDetailsHolder #headerDetails3 {display:none;top: 157px;left: 154px;}
.headerDetailsHolder #headerDetails4 {display:none;top: 405px;left: 319px;}
.headerDetailsHolder #headerDetails5 {display:none;top: 339px;left: 388px;}
.carousel .headerdetailsholder .headerdetails .topbar .btnheaderclose {cursor:pointer;}
/*Mini-media window nav*/
.header-navigation-wrapper {display:none !important;}
.navigation-carousel {display:none !important;}
.header-navigation-wrapper-inner {display:none !important;}
/*Credit part*/
.buttononlyheader {border-bottom:1px solid #cbcbcb; padding:10px 0; float:left; width:100%}
.headerDetailsWrapper, .buttononlyheader {border-bottom: 1px solid #CBCBCB;padding: 5px 0 0 0;float: left;width: 100%;}
.leftCol {float: left; /*width: 700px;*/text-align: left;text-transform: uppercase;padding: 0px 0 5px 0; }
.rightCol {float: left;text-align: right;width: 239px;}
.headerDetailsWrapper .rightCol.paddingArea {padding: 3px 0 0 !important;}
.productDetailsCol {padding-left:10px!important;margin-left:0!Important;}
.productDetailsCol .productDetails {width:680px!Important;}


/***********Body***********/

/*General Text*/ 

.leftcontent .leftcontenttext {padding-bottom:30px;} /* padding at bottom of page */
.firstpara {/*margin-bottom:0!Important;*/} 
h3 {float:left;width:100%;	}
.leftcontenttext h3 {padding: 8px 0 20px 0!Important;}
html>body hr {float:left;margin:0 0 0 221px;*margin-left:0!Important;text-align:center;} 

.copyContainer { float:left; width:100%;padding:0 0 0 0!important;} 
.leftcontent .copyContainer {float:left; width:100%;padding:0 0 5px 0!important;}
.copyContainer_border { float:left; width:100%;padding:0 0 0 0!important; border-bottom:1px solid #cbcbcb; margin: 0 0 15px 0;}
.copy-above {margin-bottom:30px;}
.introText .largetext {margin: 0 0 25px 0!Important;}
.rightcontent {padding-top:20px;}
.introText {float: left;width: 500px;margin: 5px 0 10px 0!Important;}
.leftcontent p {margin:25px 0!Important;}
html>body .leftcontent p {*width:100%;}

/*Quote Box*/
.quoteBox { border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; padding:10px 0 10px 0; float:left; }
.quoteBox p {font-size: 22px !important; line-height: 26px !important; margin: 5px 0 !important; text-align: center !important;}


/*Interview Questions */ 
.interviewContainer {float:left;margin:15px 0 0 0!Important; padding:0 0 0 0; width:100%;}
.interviewContainer h3 {font-size:17px; text-transform:uppercase;}
.interviewContainer .smalltext {display:block; padding:0; margin:0; font-size:12px;}
.interviewQuestion {clear: both;float: left;font-size: 14px; line-height: 20px; margin: 0 0 20px 0; width: 100%;}
.interviewQuestion_last {padding-bottom:40px; border-bottom:1px solid #cbcbcb; margin: 0 0 15px 0;}
.interviewQuestion .questionIcon {margin:5px 0 5px 0; text-align:left; }
.interviewQuestion .questionText {font-weight:bold; margin:0 0 0 0; background:url(http://www.mrporter.com/mrporter/content/journal/questionIcon.gif) 0 10px no-repeat; padding:10px 0 16px 45px;  text-align:left;}
.interviewQuestion .answerText {margin:0 0 0 0; background:url(http://www.mrporter.com/mrporter/content/journal/answerIcon.gif) 0 3px no-repeat; padding:9px 0 0 45px; text-align:left;}
.


/* Image Gallery */
.interactiveGallery .galleryItemContainer .itemContainer {float:left;height:90px;width:100%;}	
.interactiveGallery  { margin-bottom:15px!Important;}
.static-gallery-container h3 {padding: 5px 0 20px 0!Important;}
.itemDetails {display:block!important;}
.carousel .headerDetailsHolder .headerDetails .productDetails { border-top:0!important;padding-top:0!important;}
.smallBorder { width:60px; margin:10px 118px 0 117px; height:1px; background:#cbcbcb; float:left;}
/*Product Gallery*/
.orTryThese {float:left;padding-bottom:12px; width:100%;}
.orTryThese hr {float:left;margin:0 0 10px 229px;text-align:center;}
.orTryThese h4 {padding-top:5px; }
.orTryThese hr { float:left; margin-left:221px;}
.orTryThese .product-wrapper { float:left;}
.orTryThese .product-wrapper .carousel li .title {text-transform: capitalize;}
/*Article Image Container*/
#video-container {left: 0;position: relative;}

.article-container {float:left; margin:0 0 0 0;padding: 10px 0 0 0;width: 500px;}

.article-desc {font-size:11px!important;font-style:normal;font-weight:bold;line-height:17px!important;margin:0!important; width:auto;}
.article-desc p {margin:10px 0 0 0!important;text-align:center;font-size:11px!important;font-style:normal;font-weight:bold;line-height:17px!important;}
.article-credits { color: #333333; float: left; font-size: 11px; line-height: 20px; margin: 10px 0 20px 0; text-transform: none; width: 100%;}
.article-image {width: 100%;margin: 0 auto; overflow:hidden;}
.article-shop {clear: both; float: left; margin: 15px 0 0; width: 100%;}
.article-video {position:relative;left:-65px} /* Centres video */
/*Ads */

/* Adjusted */

.leftcontent .openingCopy{ padding:0 0 20px 0 !important; border-bottom:1px solid #cbcbcb; }
.imageContainer h4 {font-size:17px !important; text-transform:uppercase}




.shopTheLookContainer {
    border-bottom: 1px solid #CBCBCB;
    float: left;
    margin: 10px 0 0;
    padding: 10px 0 20px;
    width: 100%;
}


.questiononeliner { height:23px;}
.magazineImageAd, .adBg {background:#fff;}

.magazineImageAdHouse {background: #f7f7f7!Important;padding-left: 10px; width: 950px!Important;}
/*.adBg .magazineContent .magazineImage {padding-left:12px!Important;}*/

/* Background image for no flash */
.noFlash {width:617px;height:347px; background: url(/mrporter/content/journal/noFlash.gif);}
.noFlash_mw {width:960px;height:588px; background: url(/mrporter/content/journal/noFlash_mw.jpg);}


/* birthday message */

#birthday-bash { margin-top:10px; font-weight:bold; font-style:italic; }

/* Quotation class for first paragraph with drop-cap */

.hasQuote {background: url(/mrporter/content/journal/top_quote.jpg) -22px -5px no-repeat;}
.hasQuote:first-letter {font-size: 290%;display: block;float: left;height: 28px;margin: 9px 8px 0 22px;}



html>body .hasQuote {*background: url(/mrporter/content/journal/quote_ie7.gif) top left no-repeat;}
html>body .hasQuote:first-letter {*font-size: 14px; *margin:3px 0 0 9px!Important;}