@charset "utf-8";
/* CSS Document */

/* [01] MAGAZINE STYLING ====================
===========================================*/

.magazine .fL {float: left;}
.magazine .fR {float: right;}
.magazine .clear { visibility: hidden; display: block; height: 5px; }

div.tipsWrap { background: url(../images/magazine/magazine_bg_tipsWrap.jpg) no-repeat top right; }
div.fightBreakouts { background: url(../images/magazine/magazine_bg_fight_breakouts.jpg) no-repeat top right; }
div.perfectShave { background: url(../images/magazine/magazine_bg_perfect_shave.jpg) no-repeat top right }
div.skin101 { background: url(../images/magazine/magazine_bg_skin101.jpg) no-repeat top right; }
div.insider_3step { background: url(../images/magazine/magazine_bg_insiders_3step.jpg) no-repeat top right; }
div.insiders_age { background: url(../images/magazine/magazine_bg_insiders_age.jpg) no-repeat top right; }
div.insiders_mask { background: url(../images/magazine/magazine_bg_insiders_mask.jpg) no-repeat top right; }
div.lookingGood { background: url(../images/magazine/magazine_bg_looking_good.jpg) no-repeat top right; }
div.insider_shaving { background: url(../images/magazine/magazine_bg_insiders_shave.jpg) no-repeat top right; }
div.insiders_age h1 { background: url(../images/magazine/magazine_h1_insiders_club_age.gif) no-repeat top left !important; height: 122px !important; width: 492px !important; }
div.insider_3step h1 { background: transparent url(../images/magazine/magazine_h1_insiders_club_3step.gif) no-repeat top left !important; height: 97px !important; width: 490px !important;}
div.insider_shaving h1 { background: transparent url(../images/magazine/magazine_h1_insiders_club_shaving.gif) no-repeat top left !important; height: 137px !important; width: 433px !important; }
div.insiders_mask h1 { background: transparent url(../images/magazine/magazine_h1_insiders_club_mask.gif) no-repeat top left !important; height: 137px !important; width: 433px !important; }

div.perfectShave .wide strong { font-family: Arial, Helvetica, sans-serif; color: #FC9400; }
div.perfectShave .wide a { color: #706C6B; font-weight: bold; }
div.perfectShave .wide a:hover {color: #FC9400;}
div.perfectShave .wide strong,
div.perfectShave .wide ul li { font-size: 1.3em !important; } 

#content .hero img  { margin-bottom: 20px; }

.magazine .header {margin-top: 40px; }
.magazine .header h1 { margin-top: 0px!important; margin-bottom: 10px !important; }
.magazine .header h1 span {display: block; text-indent: -9999px;}
.magazine .header h1.insiders {display: block; width: 500px!important;}
.magazine .header h1.perfectShave {display: block; height: 97px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_perfect_shave.gif) no-repeat top left; }
.magazine .header h1.skin101 {display: block; height: 117px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_skin101.gif) no-repeat top left; }
.magazine .header h1.fightBreakouts {display: block; height: 97px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_fight_breakouts.gif) no-repeat top left; }
.magazine .header h1.topTips {display: block; height: 82px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_topTips.gif) no-repeat top left; margin-bottom: 0px; }
.magazine .header h1.lookingGood {display: block; height: 112px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good.gif) no-repeat top left; margin-bottom: 0px; }
.magazine .header h1.setforsummer_june09 {display: block; height: 130px!important; width: 455px!important; background: transparent url(../images/magazine/magazine_h1_setforsummer.gif) no-repeat top left; margin-bottom: 0px; }

div.setforsummer_june09 { background: url(../images/magazine/magazine_bg_setforsummer.jpg) no-repeat top right; }

.magazine #strap { clear: both; }
.magazine #strap.fL { clear: none; width: 495px; }
.magazine #strap h2 { width: 100%; display: block; float: none !important; margin-top: 0; margin-bottom: 10px; }
.magazine #strap h2 span { display: block; text-indent: -9999px; }
.magazine.feature #strap { padding-top: 20px; }
.magazine h2.text3Step { background: transparent url(../images/magazine/magazine_strap_3Step.gif) no-repeat top left; height: 150px!important; }
.magazine h2.textAgeDef { background: transparent url(../images/magazine/magazine_strap_AgeDefense.gif) no-repeat top left; height: 250px!important; }
.magazine h2.perfectShave { background: transparent url(../images/magazine/magazine_strap_perfect_shave.gif) no-repeat top left; height: 107px!important; }
.magazine h2.skin101 { background: transparent url(../images/magazine/magazine_strap_Skin101.gif) no-repeat top left; height: 130px!important; }
.magazine h2.fightBreakouts { background: transparent url(../images/magazine/magazine_strap_FightBreakouts.gif) no-repeat top left; height: 86px!important; }
.magazine h2.tips { background: transparent url(../images/magazine/magazine_strap_tips.gif) no-repeat top left; height: 115px!important; margin-top: 0px; }
.magazine h2.insidersArchive { background: transparent url(../images/magazine/magazine_strap_insiders_archive.gif) no-repeat top left; height: 115px!important; margin-top: 0px; }


.magazine .col { float: left; }
.magazine .wide { width: 370px; margin-right: 20px; }
.magazine .extraWide { width: 490px; margin-right: 20px; }
.magazine .narrow { width: 245px; }
.magazine .thin { width: 175px; }
.magazine .medium { width: 338px; margin-right: 20px; }
.magazine .hero { width: 495px; margin-right: 20px; }
.magazine .side { width: 179px; } 
.magazine .side p { font-size: 1.4em; font-weight: bold; border-bottom: 1px solid #CCCCCC; margin: 0px; padding-bottom: 10px; color: #a7a7a7 !important; }
.magazine .last { margin-right: 0px !important;}
.magazine p { margin-top: 0px; width: auto !important; float: none !important; margin-bottom: 10px !important; }
.magazine p.tip { width: 145px !important; color: #FC9400 !important; margin-top: 0px; }
.magazine p.tip span { font-size: 1em; border-bottom: 1px solid #f3f3f3; font-weight: bold; display: block; padding-bottom: 5px; margin-bottom: 5px; }
.magazine p span { color:#FC9400; font-weight: bold;  }
.magazine p a { color: #706C6B; font-weight: bold; text-decoration: none;}
.magazine p a:hover {text-decoration: underline;}
.magazine p.largeQuote { display: block; padding: 15px; background-color: #f3f3f3; font-size: 1.4em; font-style: italic; font-weight: bold; clear: both;}
.magazine p.featureBox {	display: block; padding: 15px; background-color: #f3f3f3; }
.magazine.feature .col ul { margin: 5px 0px 15px; padding-left: 30px; }
.magazine .col ul li { font-size: 1.1em; list-style-position: outside; list-style-type: disc}
.magazine .qAnswer {color: #aac1bb !Important; width: 145px !important; line-height: 1.3em !important;}
.magazine .qQuestion {color: #666666 !Important; font-weight: bold; width: 145px !important; line-height: 1.3em !Important; margin-top: 10px; }
#content .magazine .qAnswer a {color: #666666; }
#content .magazine .qAnswer a:hover { color: #fc9400; }


.magazine .footerAssoc { margin-top: 30px; }
.cta { padding: 5px 0 0 0 !important; border-top: 1px solid #f3f3f3; margin-top: 25px; margin-left: 0px;  }
.cta.tip { width: 145px; border-top: none;}
.cta li { display: block; background: transparent url(../images/magazine/magazine_bullet.gif) no-repeat center left; list-style-type: none !important; line-height: 100%; margin: 5px 0; }
.cta li a { display:  block; margin-left: 20px; color: #706C6B; font-weight: bold; padding: 3px 0 5px; height:11px; }
.cta li a span, .cta li a:hover { color: #FC9400; }

/* [02] MAGAZINE LANDING ====================
===========================================*/

#content .landing h1 { background: transparent url(../images/magazine/magazine_landing_h1.gif) no-repeat top left; width: 376px; height: 80px; float:left; margin-top: 26px; }
#content .landing h1 span { display: block; text-indent: -9999px; }
#content .landing #inThePress { width: 301px; height: 80px; float: left; background: transparent url(../images/magazine/magazine_landing_inthepress_ssfm.jpg) no-repeat top left; margin-top: 26px; }
#content .landing #inThePress span { display: none; }
#content .landing #hero { width: 657px; padding: 180px 0 0 20px; height: 78px; background: transparent url(../images/magazine/magazine_homepage_hero20090625.jpg) no-repeat top left; clear: both;  }
#content .landing #hero a { display: block; color: #FC9400; padding: 1px 0 0 20px; margin-top:5px; margin-left:387px; background: transparent url(../images/icon_play.png) no-repeat top left; height: 13px; text-decoration: none; font-size: 1.1em; font-weight: bold; text-transform: uppercase }
#content .landing #hero a:hover {color: #FC9400; }
#content .landing .merch {width: 212px; height: 25px; padding: 153px 0 0 7px; float: left; margin: 10px 10px 0 0; }
#content .landing #merch2 {background: transparent url(../images/magazine/magazine_insiders_ssfm_merch200906.jpg) no-repeat top left; }
#content .landing #merch2nov {background: transparent url(../images/magazine/christmas09_gifts_merch200911.jpg) no-repeat top left; }
#content .landing #merch3 {background: transparent url(../images/magazine/magazine_landing_merch3.jpg) no-repeat top left; }
#content .landing #merch4 {background: transparent url(../images/magazine/magazine_advice_center_merch.jpg) no-repeat top left; margin-right: 0px !important; }
#content .landing .merch a { display: block; color: #FC9400; padding: 1px 0 0 20px; background: transparent url(../images/icon_play.png) no-repeat top left; height: 13px; text-decoration: none; font-size: 1.1em; font-weight: bold; text-transform: uppercase }
#content .landing .merch a:hover {color: #FC9400; }
#content .landing .merch a span, #content .landing #hero a span {display: none; } 


/* [03] TOP TIPS STYLING ====================
===========================================*/

#tipsWrap { width: 495px; position: relative; }
.tipsHeader { border: 1px solid #dfdfdf; height: 35px; background-color: #fafafa; }
.tipsBody { border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; background: #e3ece9 url(../images/magazine/magazine_bg_tipsBody.png) repeat-x top left; padding: 10px 0 1px; }
.tipsFooter { border: 1px solid #dfdfdf; height:22px; background-color: #fafafa; padding-top: 8px;}
*:first-child+html .tipsFooter { height: 26px; padding-top: 4px; }
* html .tipsFooter { height: 26px; padding-top: 4px; }

.tipsHeader a { display: block; height: 35px; border-right: 1px solid #dfdfdf; float:left;}
.tipsHeader a:focus { outline: none; }
.tipsHeader a:hover { background-position: bottom left !important; }
.tipsHeader a.active { background-position: bottom left !important; } 
.tipsHeader a span { display: block; text-indent: -9999px; }
.tipsHeader #tipsSkincare { background: transparent url(../images/magazine/magazine_h2_skincare.gif) no-repeat top left; width: 129px;}
.tipsHeader #tipsShave { background: transparent url(../images/magazine/magazine_h2_shave.gif) no-repeat top left; width: 89px;}
.tipsHeader #tipsGrooming { background: transparent url(../images/magazine/magazine_h2_grooming.gif) no-repeat top left; width: 142px;}

.tipsBody ul { width: 275px; margin: 0px; padding: 10px 180px 18px 30px;}
.tipsBody div { display: block; }
.tipsBody img { position: absolute; right: 10px; bottom: 0px; }
.tipsBody ul li { font-size: 1.1em; margin: 0px 0px 15px; padding-left: 10px; list-style-type: disc; }
.tipsBody ul li a { color: #706C6B; font-weight:bold; }
.tipsBody ul li a:hover { color: #fc9400; }

.tipsFooter a { padding-left: 20px; background: transparent url(../images/magazine/magazine_back_arrow.gif) no-repeat center left; color: #706c6b; text-decoration: none; font-size: 0.7em; font-weight: bold; margin-left: 5px; text-transform: uppercase; }
.tipsFooter a:hover { color: #fc9400; }

#skincareContent { background: transparent url(../images/magazine/magazine_bg_ul_skincare.png) no-repeat bottom right; }
#shaveContent { background: transparent url(../images/magazine/magazine_bg_ul_shave.png) no-repeat bottom right; }
#groomingContent { background: transparent url(../images/magazine/magazine_bg_ul_grooming.png) no-repeat bottom right; }

/* [03] INSIDER ARCHIVE =====================
===========================================*/

#insiderArchive .pane ul li {display: block; border-bottom: 1px solid #f5f8f7; width: 500px !important; margin: 0px 0px 10px 25px; }
#insiderArchive .pane ul li.last {border-bottom: none;}
#insiderArchive .pane div.fL { width: 316px; }
#insiderArchive .pane div.fL h3 { margin-bottom: 5px !important; padding: 0px 0px 0px 5px !important; width: 310px; height: 30px;}
#insiderArchive .pane div.fL h3 span { display: block; text-indent: -9999px;}
#insiderArchive .pane div.fL p { width: 300px; margin-bottom: 5px !important; padding: 0px 0px 0px 5px !important;}
#insiderArchive .pane div.fL ul.cta { width: 300px; border: none !important; margin: 5px 0px 10px 5px !important; padding-left: 0px; }
#insiderArchive .pane div.fL ul.cta li { border: none !important; margin-left: 0px; margin-bottom: 5px !important; }
#insiderArchive .pane div img { margin-top: 10px !important; padding-bottom: 10px; float: none !Important; }
#insiderArchive .sorry {display: block; width: 400px; margin: 10px 40px 0; }
h1.insidersArchive { background: transparent url(../images/magazine/magazine_h1_insiders_club_archive.gif) no-repeat top left !important; height: 89px !important; width: 490px !important; }

#item_3Step h3 { background: transparent url(../images/magazine/magazine_insider_archive_title_3step.gif) no-repeat top left;}
#item_adh15 h3 { background: transparent url(../images/magazine/magazine_insider_archive_title_adh15.gif) no-repeat top left;}
#item_shave h3 { background: transparent url(../images/magazine/magazine_insider_archive_title_shaving.gif) no-repeat top left;}

#insiderArchive .off h2 { background-image: url(../images/icon_arrow_right.gif) !important; }

/* [03] PRESS =====================
===========================================*/

.press { position: relative; }

h1 span { display: block; text-indent: -9999px; }
#content .press h1.fhm { background: transparent url(../images/magazine/press_h1_fhm.gif) no-repeat top left; width: 696px; height: 60px;}
#content .press h1.mF { background: transparent url(../images/magazine/press_h1_mens_fitness.gif) no-repeat top left; width: 696px; height: 60px;}
#content .press h1.mH { background: transparent url(../images/magazine/press_h1_mens_health.gif) no-repeat top left; width: 696px; height: 60px;}

#content .press div { padding: 10px 0 0 70px; width: 471px; margin-top: 20px; background: transparent url(../images/magazine/press_quote_left.gif) no-repeat top left; }
#content .press div p { padding: 0 70px 0 0; background: transparent url(../images/magazine/press_quote_right.gif) no-repeat bottom right; }
#content .press p { font-family: Verdana, Arial, Helvetica, sans-serif; }
#content .press p.feature { text-transform: uppercase; display: block; padding: 3px 0; border-top: 1px solid #bfd3ce; border-bottom: 1px solid #bfd3ce; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.95em; margin-top: 20px; }
#content .press div p strong {font-size: 1em;}

#content .press p.feature.fhm { width: 216px !important; }
#content .press p.feature.mF { width: 198px !important; }
#content .press p.feature.mH { width: 250px !important; }

/* [04] MENS HEALTH =====================
===========================================*/
h1#h1_magazine_feature_guide span					
	{ background: url(../images/magazine/h1_magazine_feature01.jpg) no-repeat 0 0; width: 721px; height: 185px;  }
h1#h1_magazine_feature_guide
	{ width: 721px; height: 140px; margin-top: 25px }
#feature_image
	{ float: left; clear: both; width: 721px; margin-top: 30px }
#feature_image dt
	{ float: left; width: 531px }
#feature_image dd
	{ float: right; width: 190px }
#feature_image dd.dd_text
	{ width: 160px; padding: 0 15px 30px }
#feature_image dd.dd_author
	{ width: 160px; padding: 0 15px 30px }
#feature_image dd.dd_read_more
	{ width: 160px; padding: 0 15px 30px }
#feature_image dd.dd_read_more a	
	{ background: url(../images/icon_link_play.jpg) no-repeat 0 0; padding: 0 0 5px 20px }
#feature_image dd a.add_this img
	{ border-top: 1px #bfd3ce solid }
#feature_image dd span,
#feature_image dd strong
	{ display: block; clear: both }
#magazine .article
	{ float: left; width: 374px; margin: 25px 0 0 0 }
#magazine .article p
	{ width: 352px; padding: 0 22px 30px 0; margin: 0  }
#magazine .article h4
	{ width: 352px; padding: 0 22px 0 0 !important; margin: 0  }
#magazine .article h4.didyou
	{ margin: 0 0 3px 0 }
#magazine .tip_of_month
	{ width: 176px !important; margin: 0; padding: 0px 0 30px; color: #fc9400; }
#magazine h4.tip_of_month
	{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #bfd3ce solid; font-size: 1.3em; color: #fc9400; }
#magazine dl#q_and_a
	{ float: right; width: 322px; padding: 115px 0 0 0; margin: 25px 0 0 0; background: url(../images/magazine/bg_qa.gif) no-repeat 0 0 }
#magazine dl#q_and_a dt,
#magazine dl#q_and_a dd
	{ float: left; clear: both; width: 156px; margin-bottom: 10px }
#magazine .mh_feature
	{ float: left; clear: both; width: 374px; border-bottom: 1px #bfd3ce solid; border-top: 1px #bfd3ce solid }
#magazine .mh_feature p
	{ width: 374px; margin: 0 }
#magazine .mh_link
	{ float: left; clear: both; width: 374px; height: 35px; position: relative; margin: 5px 0 15px 0 }
#magazine .mh_link span
	{ background: url(../images/magazine/bg_link_mens_health.jpg) no-repeat -2px 0; width: 374px; height: 20px; position: absolute; top: 0; left: 0 }

#magazine #addthis,
#press #addthis
	{ float: right; margin: 0 }
#magazine ul.article_list
	{ float: left; clear: both; width: 302px; padding: 35px 25px 35px 25px; margin: 0 0 25px 0; list-style-type: disc; background-color: #bfd3ce }
#magazine ul.article_list li
	{ float: left; clear: both; padding: 0 0 20px 0; color: white; width: 282px; list-style-type: disc; }
#magazine .article_right
	{ float: right; width: 345px; margin: 25px 0 465px 0 }
/*	margin bottom on article_right is preferrably set to the height of the background image of .productbg_xx */
#magazine .article_right p
	{ width: 323px; padding-right: 22px; margin: 0 0 30px 0; position: relative;  }
#magazine .article_right h4
	{ width: 323px; padding-right: 22px; margin: 0 0 25px 0  }
.menshealth
	{ background: url(../images/magazine/bg_magazine_feature_01.jpg) no-repeat right bottom; margin-left: 0px !important; }
	
/* [04] DECEMBER08 REFRESH ==================
===========================================*/

#content .press h1.gq_dec { background: transparent url(../images/magazine/press_h1_dec_gq.gif) no-repeat top left; width: 696px; height: 60px;}
#content .press h1.shortlist_dec_01 { background: transparent url(../images/magazine/press_h1_dec_shortlist_01.gif) no-repeat top left; width: 696px; height: 60px;}
#content .press h1.shortlist_dec_02 { background: transparent url(../images/magazine/press_h1_dec_shortlist_02.gif) no-repeat top left; width: 696px; height: 60px;}
#content .press h1.observer_dec { background: transparent url(../images/magazine/press_h1_dec_observer.gif) no-repeat top left; width: 696px; height: 60px;}
.magazine .header h1.lookingGood_dec {display: block; height: 151px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_dec08.gif) no-repeat top left; margin-bottom: 0px; }
#tip
	{ margin: 0; padding: 0px 0 30px; color: #fc9400 !important; }
#tiph4
	{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #bfd3ce solid; font-size: 1.3em; color: #fc9400; width: 176px !important; }
	div.lookingGood_dec { background: url(../images/magazine/magazine_bg_looking_good_dec.jpg) no-repeat top right; }

/* [04] DECEMBER09 REFRESH ==================
===========================================*/

#content .header h1.sportingChance {display: block; height: 151px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_jan09.gif) no-repeat top left; margin-bottom: 0px; }
	div.sportingChance { background: url(../images/magazine/magazine_bg_sporting_chance.jpg) no-repeat top right; }
	
#content .header h1.join_club { background:transparent url(../images/magazine/magazine_h1_insiders_singup.gif) no-repeat scroll 0 0; height:135px; margin-bottom:0; width:478px; }
#content .header h1.join_club_thanks { background:transparent url(../images/magazine/magazine_h1_insiders_singup_thanks_title.gif) no-repeat scroll 0 0; height:28px; margin-bottom:0; width:478px; }
#content .header div.join_club_thanks_strap { clear: both; background:transparent url(../images/magazine/magazine_h1_insiders_singup_terms_strap.gif) no-repeat scroll 0 0; height:45px; margin-bottom:0; width:452px; }
div.join_club_thanks { background:transparent url(../images/magazine/magazine_img_insiders_signup_hero.jpg) no-repeat scroll right 40px; }
div.join_club { background:transparent url(../images/magazine/magazine_img_insiders_signup_hero.jpg) no-repeat scroll right 40px; }
div.medium421 { width: 421px !important }
ul.join_club { width: 300px; }
div.form_wrap div.form_inputs p { float: left !important; }
label.addresslabel { margin-top: 11px !important }
p.small { font-size: 1.1em; }
div.terms_popup { width: 800px !important; padding: 20px; }
p.terms_popup_p { width: 352px }
ul.terms_popup_ul { float:left; width: 352px; list-style: disc; } 
ul.terms_popup_ul li { margin-bottom: 10px; } 
#content h1.insiders_terms_pp { background:#fff url(../images/magazine/magazine_h1_insiders_singup_terms_title.gif) no-repeat scroll 0 0; height:32px; margin-bottom:0; width:600px; }
	
/* [04] JAN09 REFRESH ==================
===========================================*/

.magazine .header h1.lookingGood_jan09 {display: block; height: 174px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_jan09.gif) no-repeat top left; margin-bottom: 0px; }
div.lookingGood_jan09 { background: url(../images/magazine/magazine_bg_looking_good_jan09.jpg) no-repeat top right; }

/* [04] FEB09 REFRESH ==================
===========================================*/

.gqAwards h1 {display: block; height: 56px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_gq_awards.gif) no-repeat top left; margin-bottom: 0px; }
.gqAwards #topBox{ background: transparent url(../images/magazine/magazine_gq_awards_logo.gif) no-repeat top right !important; height: 355px; margin-top:13px;}
.gqAwards #topBox p { width: 388px; float: none; }
.gqAwards #topBox ul { width: 388px; }
.gqAwards #topBox ul li { padding-left: 20px; margin: 5px 0; background: transparent url(../images/icon_play.png) no-repeat top left;}
.gqAwards #topBox ul li a { color: #666666; font-size: 1.3em; font-weight: bold; text-transform: capitalize; }
.gqAwards #topBox ul li a:hover { color: #fc9400; }
.gqAwards #awardBox { height: 646px; width: 678px; padding-top: 50px; background: transparent url(../images/magazine/magazine_awardBox_bg.gif) no-repeat top left;}
.gqAwards #awardBox img { margin: 0 auto; width: 609px; display: block; }

#content p.feature {
width:216px !important;
}
#content p.feature {
border-bottom:1px solid #BFD3CE;
border-top:1px solid #BFD3CE;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.95em;
margin-top:20px;
padding:3px 0;
text-transform:uppercase;
}

.specOffer h1 {background: transparent url(../images/h1_special_offers.gif) no-repeat top left; }
.nov09_specOffer h1 {background: transparent url(../images/nov09_h1_special_offers.png) no-repeat top left; }
.offer { background: transparent url(../images/special_offer_bg.jpg) repeat-x bottom left; width: 594px; height: 192px; border: 1px solid #CCCCCC; clear: both; position: relative;}
.offer1 { background:transparent url(../images/specialoffer/offer_1_bg.jpg) repeat-x scroll left bottom; clear:both; height:228px; position:relative; width:654px; }
.offer2 { background:transparent url(../images/specialoffer/offer_2_bg.jpg) no-repeat scroll left bottom; clear:both; height:296px; position:relative; width:654px; }
.offer p,
.offer1 p,
.offer2 p,
.offer2 ul,
.offer3 p { padding-left: 10px; margin-bottom: 5px !important; float: none !important; width: 320px !important;  }
.offer2 ul { padding-left: 25px; font-size:1.2em; line-height:1.5em; list-style-type: disc }
.offer .terms,
.offer2 .terms,
.offer3 .terms { font-size: 0.7em; line-height: 1.3 !important; }
.offer .shopLink,
.offer1 .shopLink,
.offer3 .shopLink { padding-left: 20px; background: transparent url(../images/icon_play.png) no-repeat top left; margin-left: 10px; width: 75px !important; float: left !important; margin-top: 25px;}
.offer2 .shopLink { padding-left: 20px; background: transparent url(../images/icon_play.png) no-repeat top left; margin-left: 10px; width: 75px !important; float: left !important; margin-top: 15px;}
.offer .shopLink2,
.offer1 .shopLink2,
.offer2 .shopLink2,
.offer3 .shopLink2 { padding-left: 20px; background: transparent url(../images/icon_play.png) no-repeat top left; margin-left: 10px; width: 200px !important; float: left !important; margin-top: 35px;}
.offer1 .shopLink3 { padding-left: 20px; background: transparent url(../images/icon_play.png) no-repeat top left; margin-left: 10px; width: 200px !important; float: left !important; margin-top: 25px;}
.shopLink a, .shopLink2 a , .shopLink3 a { color: #fc9400 !important; text-transform: uppercase; font-size: 0.8em; position: relative; top: -3px; text-decoration: none; font-weight: bold; }
.shopLink a:hover, .shopLink2 a:hover, .shopLink3 a:hover { color: #000000; }
#freeGift .terms,
#freeGift .terms1,
#freeGift .terms2 {position: relative; top: -15px; }
.specOffImg {position: absolute; bottom: 0; right: 0;}

#freeGift2 { padding-left: 285px; }
#freeGift h2 {background: transparent url(../images/special_offer_header.jpg) no-repeat top left; margin: 10px 0 0 10px; width: 418px; height: 67px; }
#freeGift1 h2 {background: transparent url(../images/specialoffer/offer_1_copy.gif) no-repeat top left; margin: 10px 0 0 10px; width: 333px; height: 40px; }
#freeGift2 h2 {background: transparent url(../images/specialoffer/offer_2_copy.gif) no-repeat top left; margin: 10px 0 0 10px; width: 359px; height: 60px; }
#freeGift h2 span,
#freeGift1 h2 span,
#freeGift2 h2 span { display: block; text-indent: -9999px; }

/* JUN09 REFRESH */
#summer_offer h2{background: transparent url(../images/specialoffer/specOff_july_title.gif) no-repeat top left; margin: 10px 0 0 10px; width: 418px; height: 34px; }
#summer_offer h2 span { display: block; text-indent: -9999px; }

div.lookingGood_feb09 { background: url(../images/magazine/magazine_bg_looking_good_feb09.jpg) no-repeat top right; }
h1.lookingGood_feb09 {display: block; height: 174px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_feb09.gif) no-repeat top left; margin-bottom: 0px; }

/* [04] MAR09 REFRESH ==================
===========================================*/

div.lookingGood_mar09 { background: url(../images/magazine/magazine_bg_looking_good_mar09.jpg) no-repeat top right; }
h1.lookingGood_mar09 {display: block; height: 198px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_mar09.gif) no-repeat top left; margin-bottom: 0px; }

/* [09] APR09 REFRESH ==================
===========================================*/

div.lookingGood_apr09 { background: url(../images/magazine/magazine_bg_looking_good_apr09.jpg) no-repeat top right; }
h1.lookingGood_apr09 {display: block; height: 102px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_apr09.gif) no-repeat top left; margin-bottom: 0px; }
#tip a { color: #fc9400; text-decoration: none; }
#tip a:hover {text-decoration:underline; }
div.lookBetter { background: transparent url(../images/magazine/magazine_ac_lookBetter.jpg) no-repeat top right; }
.feature h1.lookBetter { display: block; height: 124px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_lookBetter_h1.gif) no-repeat top left; margin-bottom: 0px; }
#content div.lookBetter ul { padding: 0 0 0 15px; }
#content div.lookBetter ul li { font-size: 1.3em; margin: 0 0 10px 0;}
#content div.lookBetter .cta li { font-size: 1.1em;}
#tipRoutineIntro, #tipRoutine { font-weight: normal !important; }

.press.september h1{ background: transparent url(../images/magazine/press_september_title.gif) no-repeat top left; width: 350px; height: 28px; }
#content .press.september h2.mf { background: transparent url(../images/magazine/press_september_mf_title.gif) no-repeat top left; width: 335px; height: 50px; }
#content .press.september h2.sl { background: transparent url(../images/magazine/press_september_mf_title.gif) no-repeat top left; width: 334px; height: 50px; }
.press h2 span { display: block; text-indent: -9999px; }

.press.october h1{ background: transparent url(../images/magazine/press_october_title.gif) no-repeat top left; width: 350px; height: 28px; }
#content .press.october h2.fhm { background: transparent url(../images/magazine/press_october_fhm_title.gif) no-repeat top left; width: 335px; height: 50px; }
#content .press.october h2.mh { background: transparent url(../images/magazine/press_october_mh_title.gif) no-repeat top left; width: 433px; height: 50px; }
#content .press.october h2.ob { background: transparent url(../images/magazine/press_october_ob_title.gif) no-repeat top left; width: 433px; height: 50px; }
#content .press.october h2.sl { background: transparent url(../images/magazine/press_october_sl_title.gif) no-repeat top left; width: 433px; height: 50px; }

.press.december h1{ background: transparent url(../images/magazine/press_december_title.gif) no-repeat top left; width: 350px; height: 28px; }
#content .press.december h2.gq { background: transparent url(../images/magazine/press_december_gq_title.gif) no-repeat top left; width: 335px; height: 50px; }

#content #shortlistApril { width: 600px; position: relative; }
#content #shortlistApril,#content #shortlistApril div, #content #shortlistApril div p { background: transparent none no-repeat top left; padding: 0; }
#content #shortlistApril .left { width: 185px; height: 426px; }
#content #shortlistApril img { float: left; }
#content #shortlistApril .right { position:absolute; left: 200px; top: 100px; width: 339px;padding-left: 72px; background:transparent url(../images/magazine/press_quote_left.gif) no-repeat scroll left top !important; }
#content #shortlistApril .right .copy  { padding: 0 60px 0 0; width: 300px; background:transparent url(../images/magazine/press_quote_right.gif) no-repeat scroll right bottom !important; }
#content .feature.april.mf { clear: both; background: transparent none no-repeat top left !important; }
.press.april09 h1 { background: transparent url(../images/magazine/press_april_title.gif) no-repeat top left; width: 350px; height: 28px; }
#content .press.april09 h2.mf { background: transparent url(../images/magazine/press_april_mf_title.gif) no-repeat top left; width: 600px; height: 50px; }
#content .press.april09 h2.sl { background: transparent url(../images/magazine/press_april_sl_title.gif) no-repeat top left; width: 600px; height: 90px; }
#content .press.april09 h2.ld { background: transparent url(../images/magazine/press_april_ld_title.gif) no-repeat top left; width: 600px; height: 40px; }

.specOffApril #content_left { height: 760px;}

.specOffApril #content h1 {float: none; }
.specOffApril #aprilOfferWrap { background: transparent url(../images/specOff_april_bg.png) repeat-x top left; height:461px; border: 1px solid #eaeaea; }
#aprilOfferWrap { padding: 12px;}
#aprilOfferWrap h2 { background: transparent url(../images/specOff_april_title.gif) no-repeat top left; width: 468px; height: 44px; margin: 0; float: none;}
#aprilOfferWrap .wrapper { width: 615px; margin: 0 auto;}
#aprilOfferWrap h2 span { display: block; text-indent: -9999px; }
#aprilOfferWrap h3 { float: none; font-size: 1.3em; color: #fc9400; margin: 13px 0; }
#aprilOfferWrap li { font-size: 1.3em;}
#aprilOfferWrap .left{ float: left; }
#aprilOfferWrap .right { width: 250px; float: left;}
#aprilOfferWrap .left {  width: 312px;background: transparent url(../images/specOff_or.gif) no-repeat top right; margin-right: 51px;}
#aprilOfferWrap p span { color: #fc9400; font-size: 1.4em; }
.shopLink {background:transparent url(../images/icon_play.png) no-repeat scroll left top; width:75px !important;}

/* [09] MAY09 REFRESH ==================
===========================================*/

div.lookingGood_may09 { background: url(../images/magazine/magazine_bg_looking_good_may09.jpg) no-repeat top right; }
h1.lookingGood_may09 {display: block; height: 124px!important; width: 504px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_may09.gif) no-repeat top left; margin-bottom: 0px; }


/* [10] JULY09 REFRESH ==================
===========================================*/

div.bestonbeach_july09 { background: url(../images/magazine/magazine_bg_looking_good_july09.jpg) no-repeat top right; }
h1.bestonbeach_july09 {display: block; height: 145px!important; width: 455px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_july09.gif) no-repeat top left; margin-bottom: 0px; }

/* [10] AUGUST09 REFRESH ==================
===========================================*/

div.freshenup_august09 { background: url(../images/magazine/magazine_bg_looking_good_august09.jpg) no-repeat top right; }
h1.freshenup_august09 {display: block; height: 150px!important; width: 455px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_august09.gif) no-repeat top left; margin-bottom: 0px; }


.press.june09 h1 { background: transparent url(../images/magazine/press_june_title.gif) no-repeat top left; width: 350px; height: 28px; }
#content .press.june09 h2.gg { background: transparent url(../images/magazine/press_june_gg_title.gif) no-repeat top left; width: 600px; height: 30px; }
#content .press.june09 h2.ss { background: transparent url(../images/magazine/press_june_ss_title.gif) no-repeat top left; width: 600px; height: 30px; }

.offer4 { background:transparent url(/images/specialoffer/specOff_august_bg.png) no-repeat scroll left bottom; clear:both; height:339px; position:relative; width:571px; top:20px; margin:0 auto; }
.offer4 .shopLink { background: transparent url(/images/specialoffer/specOff_august_shopnow.png) no-repeat top left; margin-left: 104px; width: 95px !important; height: 29px !important; float: left !important; margin-top: 290px;}
.nov09_offer { background:transparent url(/images/specialoffer/specOff_nov09_bg.png) no-repeat scroll left bottom; clear:both; height:353px; position:relative; width:585px; top:20px; margin:0 auto; }
.nov09_offer .shopLink { background: transparent url(/images/specialoffer/specOff_august_shopnow.png) no-repeat top left; margin-left: 104px; width: 95px !important; height: 29px !important; float: left !important; margin-top: 290px;}

#content .videoTitle h1 { background: transparent url(/images/flash/skincare_video/titles.png) no-repeat top left; width: 438px; height: 129px; float:left; margin-top: 26px; }
#content .videoTitle h1 span { display: block; text-indent: -9999px; }

/* [11] SEP09 REFRESH ==================
===========================================*/

div.lookinggood_sep09 { background: url(../images/magazine/magazine_bg_looking_good_sep09.jpg) no-repeat top right; }
h1.lookinggood_sep09 {display: block; height: 124px!important; width: 455px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_sep09.gif) no-repeat top left; margin-bottom: 0px; }

/* [12] OCTOBER09 REFRESH ==================
===========================================*/

div.lookinggood_oct09 { background: url(../images/magazine/magazine_bg_looking_good_oct09.jpg) no-repeat top right; }
h1.lookinggood_oct09 {display: block; height: 154px!important; width: 455px!important; background: transparent url(../images/magazine/magazine_h1_looking_good_oct09.gif) no-repeat top left; margin-bottom: 0px; }
.offer5 { clear:both; height:353px; position:relative; width:585px; top:20px; margin:0 auto; }
.comp#content_right { background:url(../images/competition/rightside_banner.jpg) no-repeat top right; width:721px; margin-left:0; min-height:1190px; }
.comp .header h1#promo { background:transparent url(../images/competition/h1_landing.gif) no-repeat top left !important; height:218px !important; width:545px !important; margin-bottom:0px !important; }
.comp .header h1#entry_form { background:transparent url(../images/competition/h1_entry_form.gif) no-repeat top left !important; height:133px !important; width:545px !important; margin-bottom:0px !important; }
.comp .header h1#nov09_entry_form { background:transparent url(../images/competition/nov09_h1_entry_form.gif) no-repeat top left !important; height:96px !important; width:555px !important; margin-bottom:0px !important; }
.comp .header h1#thanks { background:transparent url(../images/competition/h1_thanks.gif) no-repeat top left !important; height:75px !important; width:525px !important; margin-bottom:0px !important; }
.comp .header h1#nov09_thanks { background:transparent url(../images/competition/nov09_h1_thanks.gif) no-repeat top left !important; height:131px !important; width:464px !important; margin-bottom:0px !important; }
.comp .header h1#be_smart { background:transparent url(../images/competition/h1_be_smart.gif) no-repeat top left !important; height:63px !important; width:369px !important; margin-bottom:0px !important; }
.cta#competition { border: none; margin:0; padding:0px !important; }
.cta#competition li a { color:#FC9400; }
.cta#competition li a:hover { text-decoration:underline;}
.pictureQuoteBox { margin-bottom:5px;}
.pictureQuoteBox img { float:left; }
.pictureQuoteBox p { float:left !important; width:384px !important; margin:15px 0 0 15px; }
.pictureQuoteBox#mcmorris img { margin-top:20px; }
.pictureQuoteBox#mcmorris p { width:355px !important; margin-top:0; }
ol.numbered { list-style-type:decimal; }
ol.numbered li { line-height:1.5em; font-size:1.3em; font-weight:700; margin:0 0 10px 23px; }
p.thankYou { margin-bottom:5px !important; }
ul#prizeList { margin:5px 0; }
.competitionFormBlock { float:left; width:220px; }
.competitionFormBlock .formText { clear:both; float:left; width:90px; padding:0; margin-top:5px; }
.competitionFormBlock .formText p { margin: 0 !important; }
.competitionFormBlock .formInput { clear:both; float:left; padding:0; }
.competitionFormBlock .formInput input { font-family:verdana,geneva,sans-serif; font-size:9px; }
.competitionCheckbox { float:left; margin:0; padding:0; }
.competitionCheckbox input { margin:3px 0 0; padding:0; width:10px; height:10px; }
p.competitionCheckboxText { float:left !important; width:465px !important; padding:0 0 0 5px; margin:0; }
p.competitionCheckboxText#SWEEPS_TERMS_REQUIRED_TEXT { margin-bottom: 0px !important; }
#requiredFieldMessage { padding-top:5px; margin:0; }
#requiredFieldMessage p { min-height:19px !important; }
.competitionSubmit { padding:0; margin:0; }
.competitionSubmit input { font-size:14px; }
#competitionTermsBlurb { width:550px; padding:0; margin:10px 0 0; }
.promoImage { margin:-27px 0 13px; height:419px; width:521px; }

/* [12] NOVEMBER09 REFRESH ==================
===========================================*/

.a14dec09_specOffer h1 {background: transparent url(../images/nov09_h1_special_offers.png) no-repeat top left; }
.a14dec09_offer { background:transparent url(/images/specialoffer/specialOffer2_bg.jpg) no-repeat scroll left bottom; clear:both; height:338px; position:relative; width:577px; top:20px; margin:0; margin-left:10px; }
#gift_3step .a14dec09 { width:250px; clear:both; float:right; margin-right:30px; color:#FFFFFF; }
#gift_3step h2.a14dec09 { color:#FC9300; font-size:25px; width:250px; overflow:wrap; clear:both; margin-bottom:40px; }
.a14dec09_offer .shopLink { text-indent:-9999px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; margin-right: 236px; width: 218px !important; height: 46px !important; float: right !important; margin-top: 40px; clear:both; }
div.a14dec09hr { border:0px; border-bottom:1px solid #E3E3E3; clear:both; width:596px; }
#gift_3step .bigger { font-weight:bold; }
#gift_3step .terms { font-size:10px; line-height:1em; }
.a14dec09_offer .shopLink a { display:block; height:46px; width:218px; }

#gift_3step p { margin-bottom:10px; }
.a01dec09_offer .bigger { font-size:16px; }
.a01dec09_specOffer h1 {background: transparent url(../images/nov09_h1_special_offers.png) no-repeat top left; }
.a01dec09_offer { background:transparent url(/images/specialoffer/specialoffer_tab1_bg.jpg) no-repeat scroll left bottom; clear:both; height:824px; position:relative; width:554px; top:20px; margin:0; margin-left:10px; }
#gift_3step .a01dec09 { width:510px; clear:both; float:right; margin-right:30px; color:#FFFFFF; }
#gift_3step ul.a01dec09 { color:#FFFFFF; float:none; margin-left:0px; padding-left:30px; width:500px; clear:both; }
#gift_3step li { width:500px; color:#FFFFFF; list-style-type:disc; font-size:14px; margin-bottom:15px; vertical-align:top; }
#gift_3step h2.a01dec09 { color:#FC9300; font-size:35px; width:510px; overflow:wrap; clear:both; margin-bottom:0px; margin-top:10px; }
#gift_3step h3.a01dec09 { font-weight:normal; color:#FC9300; font-size:22px; width:510px; overflow:wrap; clear:both; margin-bottom:5px; }
#gift_3step p.head { font-weight:normal; color:#FC9300; font-size:18px; width:510px; overflow:wrap; clear:both; margin-bottom:350px; }
.a01dec09_offer .shopLink { text-indent:-9999px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; margin-right: 223px; width: 96px !important; height: 35px !important; float: right !important; clear:both; margin-bottom:40px;}
#gift_3step p.shopLink  { margin-bottom:20px; }
.a01dec09_offer .shopLink a { display:block; height:35px; width:96px; }
div.a01dec09hr { border:0px; border-bottom:1px solid #E3E3E3; clear:both; width:596px; }

/** February 2010 refresh **/

.a04feb10_specOffer h1 {background: transparent url(../images/nov09_h1_special_offers.png) no-repeat top left; }
.a04feb10_offer { background:transparent url(/images/specialoffer/specialoffer_bg_feb10.jpg) no-repeat scroll left bottom; clear:both; height:223px; position:relative; width:411px; top:20px; margin:0; margin-left:10px; padding-left:10px; }
#gift_3step .a04feb10 { width:411px; clear:both; color:#FFFFFF; }
#gift_3step h2.a04feb10 { color:#FC9300; font-size:25px; overflow:wrap; clear:both; margin-top:10px; margin-bottom:2px; }
/* .a04feb10_offer .shopLink { text-indent:-9999px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; width: 88px !important; height: 26px !important; clear:both; } */
div.a04feb10hr { border:0px; border-bottom:1px solid #E3E3E3; clear:both; width:596px; }
#gift_3step .bigger { font-weight:bold; position:relative; }
#gift_3step .terms { font-size:10px; line-height:1em; letter-spacing:0.001em; }
.a04feb10_offer .shopLink a { display:block; height:26px; width:88px; margin-left:20px; }
#gift_3step p { float:none; }
#gift_3step p.a04feb10 { width:290px; }

/**** March 2010 refresh ****/

/* General Text Colour */
div#a04mar10, div#a04mar10 p  { color:#FFFFFF; }

/* Ethically replaced header */
div#a04mar10 h2 {background: transparent url(/images/specialoffer/h1_march2010.gif) no-repeat top left; height:123px; width:211px; margin-top:10px; }
div#a04mar10 h2 span { text-indent:-9999px; }

/* Background graphic */
div#a04mar10 { background:transparent url(/images/specialoffer/special_offer_bg_march2010.png) no-repeat scroll left bottom; clear:both; height:321px; position:relative; width:554px; top:20px; margin:0; margin-left:15px; padding-left:285px; }

/* Shop link button, another ethical replacement */
div#a04mar10 h3#shoplink { margin-top:-45px; margin-left:-187.5px; }
div#a04mar10 h3#shoplink a { display:block; width:88px; height:26px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; text-indent:-9999px; }

/* So text blocks stay within width */
div#a04mar10 p { clear:both; width:290px; }

/* Emboldened text. */
div#a04mar10 p span.bigger { font-weight:bold; position:relative; color:#FC9300; }

/* Terms text */
div#a04mar10 p#terms { margin-top:30px; font-size:10px; line-height:1em; letter-spacing:0.001em; }

/* Paragraph customisations. */
div#a04mar10 p.firstpara { font-size:17px;  }
div#a04mar10 p.secondpara { font-size:14px;  line-height:1.1em; font-weight:bold; letter-spacing:0.001em;}

/**** April 2010 refresh ****/

/* General Text Colour */
div#a01apr10, div#a01apr10 p  { color:#FFFFFF; }

/* Ethically replaced header */
div#a01apr10 h2 {background: transparent url(/images/specialoffer/h1_april_2010.png) no-repeat top left; height:100px; width:226px; margin-top:15px; margin-left:15px; }
div#a01apr10 h2 span { text-indent:-9999px; }

/* Background graphic */
div#a01apr10 { background:transparent url(/images/specialoffer/offer_tab_bg_april10.png) no-repeat scroll left bottom; clear:both; height:323px; position:relative; width:556px; top:20px; margin:0; margin-left:15px; padding-left:285px; }

/* Shop link button, another ethical replacement */
div#a01apr10 h3#shoplink { margin-top:-60px; margin-left:-187.5px; }
div#a01apr10 h3#shoplink a { display:block; width:88px; height:26px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; text-indent:-9999px; }

/* So text blocks stay within width */
div#a01apr10 p { text-align:center; clear:both; width:260px; }

/* Emboldened text. */
div#a01apr10 p span.bigger { font-weight:bold; position:relative; }

/* Terms text */
div#a01apr10 p#terms { text-align:left; margin-top:40px; font-size:10px; line-height:1em; letter-spacing:0.001em; }

/* Paragraph customisations. */
div#a01apr10 p.firstpara { font-size:17px; margin-top:25px;  margin-bottom:30px; }
div#a01apr10 p.secondpara { font-size:14px;  line-height:1.1em; font-weight:bold; }

/*** Special Landing Page for April 2010 refresh ***/

/* HR styling */
div#afree_shave_kit hr { background: transparent url(/images/specialoffer/hr_free_shave_kit.jpg) repeat-x;  }

/* Ethically replaced header */
div#afree_shave_kit h2 {background: transparent url(/images/specialoffer/h1_free_shave_kit.jpg) no-repeat top left; height:115px; width:496px; margin-top:15px; margin-left:65px; }
div#afree_shave_kit h2 span { text-indent:-9999px; }

/* Main div */
div#afree_shave_kit { clear:both; height:917px; position:relative; width:630px; top:20px; margin:0; margin-left:15px; }

/* Main image */
div#afree_shave_kit img.main { margin-left:120px; }

/* Print and Take in button */
div#afree_shave_kit a#patbtn { text-indent:-9999px; display:block; background: transparent url(/images/specialoffer/btn_print_and_take.png) no-repeat; margin-top:-2px; width:224px; height:58px; }

/* Terms text */
div#afree_shave_kit p#terms { text-align:left; margin-top:-25px; font-size:10px; line-height:1em; letter-spacing:0.001em; }

/** June 2010 refresh **/

.a03june10_specOffer h1 {background: transparent url(../images/specialoffer_bg_june10.png) no-repeat top left; }
.a03june10_offer { background:transparent url(/images/specialoffer/specialoffer_bg_june10.jpg) no-repeat scroll left bottom; clear:both; height:260px; position:relative; width:543px; top:20px; margin:0; margin-left:10px; padding-left:10px; }
#agift_3step .a03june10 { width:543px; clear:both; color:#FFFFFF; }
#agift_3step h2.a03june10 { color:#FC9300; height:56px; font-size:22px; overflow:wrap; clear:both; margin-top:10px; margin-bottom:2px; margin-left:100px;}
.a03june10_offer .shopLink { text-indent:-9999px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; width: 88px !important; height: 26px !important; clear:both; }
div.a03june10hr { border:0px; border-bottom:1px solid #E3E3E3; clear:both; width:596px; }
#agift_3step .bigger { font-weight:bold; position:relative; }
#agift_3step .terms { font-size:10px; line-height:1em; letter-spacing:0.001em; }
.a03june10_offer .shopLink a { display:block; height:26px; width:88px; }
#agift_3step p { float:none; }
#agift_3step p.a03june10 { margin-left:100px; width:390px; }


/** July 2010 refresh **/


/* General Text Colour */
div#a22july10, div#a22july10 p  { color:#FFFFFF; }

/* Ethically replaced header */
div#a22july10 h2 {background: transparent url(/images/specialoffer/specialoffer_h1_july.png) no-repeat top left; height:61px; width:202px; margin-top:47px; margin-left:33px; }
div#a22july10 h2 span { text-indent:-9999px; }

/* Background graphic */
div#a22july10 { background:transparent url(/images/specialoffer/specialoffer_bg_jul10.jpg) no-repeat scroll left bottom; clear:both; height:323px; position:relative; width:556px; top:20px; margin:0; margin-left:15px; padding-left:285px; }

/* Shop link button, another ethical replacement */
div#a22july10 h3#shoplink { margin-top:-60px; margin-left:-187.5px; }
div#a22july10 h3#shoplink a { display:block; width:88px; height:26px; background: transparent url(/images/specialoffer/btn_shop_now.gif) no-repeat top left; text-indent:-9999px; }

/* So text blocks stay within width */
div#a22july10 p { text-align:center; clear:both; width:260px; }

/* Emboldened text. */
div#a22july10 p span.bigger { font-weight:bold; position:relative; }

/* Terms text */
div#a22july10 p#terms { text-align:left; font-size:9px; line-height:1em; letter-spacing:0.001em; margin-top:20px; }

/* Paragraph customisations. */
div#a22july10 p.firstpara { font-size:17px; margin-bottom:11px; line-height:1.2em; }
div#a22july10 p.secondpara { font-size:14px;  line-height:1.1em; font-weight:bold; margin-top:7px; }