/******************************************************************************************

	snog.css
	- Styles for Snog holding page

******************************************************************************************/

/* @group Main layout and global */

@import 'shops.css';
@import 'jquery.lightbox-0.5.css';
@import 'hideit.css';
@import 'our_menu.css';
@import 'facebook.css';

@font-face {
     font-family: 'SnogBold';
     src: url('fonts/eaglelig_snog_bold-webfont.eot');
     src: url('fonts/eaglelig_snog_bold-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/eaglelig_snog_bold-webfont.woff') format('woff'),
          url('fonts/eaglelig_snog_bold-webfont.ttf') format('truetype'),
          url('fonts/eaglelig_snog_bold-webfont.svg#EagleSnogBold') format('svg');
     font-weight: normal;
     font-style: normal;

}

@font-face {
     font-family: 'Snog';
     src: url('fonts/eaglelig_snog_regular-webfont.eot');
     src: url('fonts/eaglelig_snog_regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/eaglelig_snog_regular-webfont.woff') format('woff'),
          url('fonts/eaglelig_snog_regular-webfont.ttf') format('truetype'),
          url('fonts/eaglelig_snog_regular-webfont.svg#EagleSnogRegular') format('svg');
     font-weight: normal;
     font-style: normal;

}

ul#skipNav{
     position: absolute;
     top: -999em;
     width: 0;
     height: 0;
     overflow: hidden;
}
* {
     margin: 0;
     padding: 0;
}
.hidden{
     width: 0;
     height: 0;
     font-size: 0;
     overflow: hidden;
     position: absolute;
     top: -999em;
}
.clear:after {
     content: ".";
     display: block;
     height: 0;
     clear: both;
     visibility: hidden;
}

/*	Main layout	*/

html,body{
     font-family: Verdana, Arial, sans-serif;
     color: #5A5041;
     font-size: 72.5%;
     background: #f6f6f6;
}

body{
     position: relative;
     font-size: .9em;
     line-height: 1.7em;
     padding-bottom: 0;
     /*background: url('/img/common/bg_body.gif') repeat-y 715px 30px;*/
}
body.layout_a{
     background-image: none;
}
#header{
     float: left;
     width: 170px;
     padding: 15px 0 0 15px;
}
#wrapperOuter{
     width: 973px;
     margin: 0 auto;
     background: #fff;
}
#wrapper{
     position: relative;
     float: left;
     width:  973px;
     padding:0;
     margin: 0 auto;
     background:  url('/img/common/tile_strip.gif') repeat-y right;
}
body.layout_a #wrapper{
     background-image: none;
}
#navigation{
     position: relative;
     float: left;
     clear: left;
     width: 159px;
     padding: 2px 0 0 0;
     margin: -12px 0 0 5px;
     z-index: 1000;
     /*background: #fff;
     background: #fff url('/img/common/bg_dotted.gif') repeat-x top;*/
}
#primary{
     position: relative;
     float: right;
     width: 773px;
     padding: 66px 0 25px 0;
     margin-bottom: 0;
     background-color: #eee;
     background:  url('/img/common/acrobat.gif') no-repeat top right;
}
.layout_a #primary{
     width: 773px;
     margin-bottom: 0;
     padding-bottom: 0;
     background: none;
}

#acrobat{
     position: absolute;
     top: 0;
     right: 0;
     width: 280px;
     padding: 66px 0 0 0;
}
#primary #content{
     position: relative;
     float: left;
     width: 493px;
     margin: 28px 0 0  0;
     padding: 10px 0 0 0;
     background: url('/img/common/bg_dotted.gif') repeat-x top;
}
.layout_a #primary #content{
     margin: 28px 0 0  0;
     padding: 10px 0 0 0;
}

#home #primary{
     position: relative;
     height: 727px;
}

#home #primary #content{
     width: 773px;
     height: 726px;
     padding-top: 0;
     background-image: none;
}

#press #primary #content{
     min-height: 430px;
}
#competitions #primary #content{
     min-height: 530px;
}
#blog.blogPost #primary #content,
#contact.contact #primary #content,
#about.contact #primary #content,
#people_we_like #primary #content,
#menu #primary #content,
#shops #primary #content,
#blog.archives #primary #content{
     background-image: none;
}
div#contactContent{
     margin-top: 30px;
}
#blog.archives #primary #content{
     padding-top: 0;
}
#blog.blogPost #primary #content{
     background: url('/img/common/bg_dotted_463.gif') no-repeat top left;
}

#shops #primary #content{
     padding-top: 0;

}
#about.ourstory #primary #content{
     height: 535px;
}
#about.whatsa #primary #content{
     height: 632px;
}
#blog #primary #content{
     padding-top: 0;
}
.layout_a #primary #content{
     float: left;
     width: 773px;
     margin-right: 0;
}
#blog #primary #content.archives{
     margin-top: 17px;
     padding-top: 0;
}
#blog.archiveList #primary{
     min-height: 550px;
}

.layout_a.values #primary #content,
#shops.shopdetail #primary #content{
     padding-top: 10px;
     background: url('/img/common/bg_dotted.gif') repeat-x top;
     height: 620px;
}



#shops.shopdetail #primary #content{
     float: right;
}
#about.index #primary{
     height: 570px;
}
#footer{
     float: left;
     clear: both;
     position: relative;
     bottom: 0;
     height: 120px;
     width:  943px;
     padding: 20px 15px;
     color: #fff;
     margin: 0 0 -20px 0;
     background: #494136;
}
#footerLeft{
     padding-top: 0;
     width: 380px;
     float: left;
     margin: 0;
}
#footerRight{
     height: 60px;
     padding: 75px 0 0 0;
     width: 525px;
     float: right;
     margin-bottom: -20px;
     background: url('/img/common/bulldog.gif') no-repeat top right;
}

#sidebar{
     float: right;
     width: 205px;
     padding: 20px;
     margin-right: 15px;
}

/* @end */

/* @group Flash Movie elements */

#flashMovie{
     position: relative;
     bottom: 0;
     height: 600px;
}
#home #flashMovie{
     float: left;
     width: 495px;
     height: 295px;
     margin-bottom: 0;
     overflow: hidden;
     background: url('/img/home/youll_never_forget.gif') no-repeat top left;
}
#flashMovie.story{
     height: 415px;
     margin-bottom: 125px;
}
#flashMovie.whatsa{

}


#people_we_like #flashMovie{
     height: 470px;
}
div.postFlash{
     margin: 25px 0;
}
#flashMovie.whatsa{
     height: 600px;
     margin: 15px 0 125px 0;
     width: 768px;
     height: 600px;
     background: url('/img/bgs/bg_whatsa.png') no-repeat top left;
}

#flashMovie.story{
     text-indent: -999em;
     height: 560px;
     background: url('/img/bgs/bg_ourstory.png') no-repeat top left;
}
.js #flashMovie.story{
     text-indent: 0;
     height: 560px;
     background: none;
}
#about.ourstory #primary{
     height: 700px;
}
#about.whatsa #flashMovie.whatsa{
     margin: 15px 0 0 0;
     width: 768px;
     height: 700px;
     background: url('/img/bgs/bg_whatsa.png') no-repeat top left;
}
.js #about.whatsa #flashMovie.whatsa{
     background: none;
}
#about.whatsa #primary{	
     height: 684px;
}

.photoModule{
     float: left;
     margin: 15px 0;
}

/** Nutrition value table     **/

table{
     font-family: Snog;
     font-size: 16px;
}
thead{
     border-bottom: 2px solid #fe3ebe;
     color: #ff0095;
}
thead th{
     border-bottom: 2px solid #fe3ebe;
     color: #fe3ebe;
     font-family: SnogBold, Arial, sans-serif;
     font-weight: normal;
     text-align: right;
}
td{
     color: #fe3ebe;
     text-align: right;
}
td.nut-item{
     color: #595955;
     text-align: left;
}
th,td{
     padding: 5px 0;
     min-width: 100px;
}
td{
     padding: 10px 0 0 0;
}
tr.bordered{
     background: url('/img/common/bg_dotted_pink.gif') repeat-x bottom;
}

tr.bordered td{
     padding: 5px 0 15px 0;
}


/******************************************************************************************

	modules.css

******************************************************************************************/

.dottedBottomBorder{
     padding-bottom: 5px;
     margin-bottom: 10px;
     background: url('/img/common/bg_dotted.gif') repeat-x bottom;
}
.dottedTopBorder{
     float: left;
     padding-top: 15px;
     margin-top: 10px;
     background: url('/img/common/bg_dotted.gif') repeat-x top;
}
h2.dottedBottomBorder{
     line-height: 1.3em;
     padding-bottom: 0;
     margin-bottom: 0;
}

/* @end */

/* @group Home page */

#home #col_1{
     position: absolute;
     left: -177px;
     bottom: 90px;
     height: 280px;
     width: 215px;
     /**background: url('/img/home/home_col_nan.gif') no-repeat bottom left;*/
}

#home #col_4{
     position: absolute;
     left: 49px;
     bottom: -1px;
     height: 285px;
     width: 304px;
     z-index: 128;
     background: url('/img/home/home_col_nan.png') no-repeat bottom left;
}
#home #col_2{
     position: absolute;
     left: -195px;
     bottom: -1px;
     z-index: 299;
     height: 373px;
     width: 305px;
     background: url('/img/home/home_col_geek.png') no-repeat bottom left;
}
#home #col_3{
     position: absolute;
     left: 215px;
     bottom: -1px;
     z-index: 10;
     height: 360px;
     width: 327px;
     background: url('/img/home/home_col_rockchick.png') no-repeat bottom left;
}
#home #wp_excerpt{
     width: 203px;
     margin: 140px 0 0 0;
     padding: 0;
}
#home li.col p{	
     display: block;
     position: relative;
     width: 160px;
     margin: 0;
}
#home li.col a{
     display: block;
     position: absolute;
     text-indent: -999em;
}
#home li#col_1.col p{
     height: 280px;
     width: 335px;
}
#home li#col_4.col a {
     top: 185px;
     left: 40px;
     height: 92px;
     width: 250px;
}
#home li#col_2.col p#wherefrom{
     height: 310px;
     width: 310px;footer
}
#home li#col_2.col p#wherefrom a{
     top: 190px;
     left: 82px;
     height: 80px;
     width: 205px;
}
#sidebar #join {
     top:  0;
     height: 85px;
     display: block;
     width: 193px;
     background: url(/img/home/joinMailingList.png) no-repeat;
}
#sidebar #join a{
     top: 18px;
     text-indent: -999em;
     position: absolute;

}
#home li#col_3.col p{
     height: 360px;
     width: 327px;
}

#home li#col_3.col a{
     top: 165px;
     z-index: 1000;
     left: 78px;
     height: 102px;
     width: 200px;
}

/* @end */

/* @group About Snog */

#about.index.layout_a #primary{
     min-height: 650px;
}
#about.index.layout_a #content{
     min-height: 612px;
}
#about ul#homeChars{
     float: left;
     clear: left;
     position: relative;
     top: 140px;
     width: 773px;
     height: 374px;
     padding-top: 0;
}
#about ul#homeChars li{
     float: left;
     position: relative;
     height: 374px;
     background-position: bottom left;
     background-repeat: no-repeat;
}
#about ul#homeChars li.wheredid{
     width: 243px;
     background-image: url('/img/about/about_home_wheredid.gif');
}
#about ul#homeChars li.whatis{
     width: 149px;
     background-image: url('/img/about/about_home_whatis.gif');
}
#about ul#homeChars li.allfacts{
     width: 193px;
     background-image: url('/img/about/about_home_allfacts.gif');
}
#about ul#homeChars li.allabout{
     width: 188px;
     background-image: url('/img/about/about_home_allabout.gif');
}

#about ul#homeChars li a{
     display: block;
     position: absolute;
     width: 160px;
     text-indent: -999em;
}
#about ul#homeChars li.wheredid a{
     height: 60px;
     top: 264px;
     left: 49px;
     width: 175px;
}
#about ul#homeChars li.whatis a{
     height: 87px;
     top: 244px;
     left: 0px;
}
#about ul#homeChars li.allfacts a{
     height: 60px;
     top: 290px;
     left: 37px;
}
#about ul#homeChars li.allabout a{
     height: 59px;
     width: 154px;
     top: 234px;
     left: 17px;
}

body#about.health div.post{
     width: 460px;
     height: 615px;
     margin-bottom: 35px;
     text-indent: -999em;
     background: url('/img/about/content_health.gif') no-repeat top left;
}

/* @end */

/* @group Our values */

#about ul#valueList{
     float: left;
     position: relative;
     width: 763px;
     height: 475px;
     padding-top: 0;
     margin-top: 25px;
}
#about ul#valueList li{
     float: left;
     position: relative;
     height: 455px;
     width: 230px;
     margin-right: 20px;
     text-indent: -999em;
     background-position: bottom left;
     background-repeat: no-repeat;
}
#about ul#valueList li.individuality{
     background-image: url('/img/about/values_individuality.gif');
}
#about ul#valueList li.health{
     background-image: url('/img/about/values_health.gif');
}
#about ul#valueList li.people{
     background-image: url('/img/about/values_people.gif');
}

/* @end */

/* @group FAQs */

#faqList{
     margin-top: 25px;
}
#faqList li{
     float: left;
     width: 493px;
     margin-bottom: 15px;
}
div.atStartHeader:hover{
     cursor: pointer;
}
.questionHolderTop{	
     color: #fff;
     width: 493px;
     font-size: 1.1em;
     padding: 15px 0 0 15px;
     background: url('/img/common/faq_question_top.gif') no-repeat top left;
}
.questionHolderBottom{
     position: relative;
     height: 45px;
     margin-bottom: 5px;
     background: #FF14AA url('/img/common/faq_question_bottom.gif') no-repeat bottom left;
}
.faqAnswerTop{
     color: #fff;
     font-size: 1.1em;
     padding: 15px;
     background: url('/img/common/faq_answer_top.gif') no-repeat top left;
}
.faqAnswerBottom{
     height: 65px;
     background: url('/img/common/faq_answer_bottom.gif') no-repeat bottom left;
}
.js #faqList .answer.atStart{
     display: none;
}

/* @end */

/* @group Contact us */

div.getintouchIntro{
     text-indent: -999em;
     margin: -30px 0 0 0;
     padding: 0;
     width: 493px;
     height: 118px;
     background-color: #fff;
     background-image: url('/img/replacedcopy/bg_getintouchIntro.gif');
}
p.emailLink{
     float: left;
     margin: 0 15px 15px 0;
}
#contact.contact #primary #content div.snogs,
#about.contact #primary #content div.snogs{
     float: left;
     clear: left;
     margin-top: 15px;
     width: 493px;
     height: 354px;
     background: url('/img/bgs/bg_getintouch.jpg') no-repeat bottom left;
}

/* @end */

/* @group Our Menu */

table.menu{
     width: 600px;
     margin-bottom: 25px;
}
th{
     text-align: left;
}
td.item{
     width: 400px;
}

/* @end */

/* @group Sitemap */

ul#map{
     float: left;
     margin: 25px 0 0 0;
     width: 500px;
     background: url('/img/sitemap/col_pink.gif') no-repeat center 26px;
}
ul#map li{
     width: 245px;
     margin-bottom: 15px	;
     background-repeat: no-repeat;
}
ul#map li.home{
     float: left;
     width: 155px;
     margin: 0 172px;
}
ul#map li.about,
ul#map li.menu,
ul#map li.people{
     float: left;
     clear: left;
     background-position: top left;
}
ul#map li.blog,
ul#map li.shops,
ul#map li.contact{
     float: right;
     background-position: top right;
}

ul#map li a{
     display: block;
     float: left;
     width: 155px;
     height: 60px;
     text-indent: -999em;
}
ul#map li.blog a,
ul#map li.shops a,
ul#map li.contact a{
     float: right;
}
ul#map li.home		{	background-image: url('/img/sitemap/home.gif');			}
ul#map li.about		{	
     height: 250px;
     background-image: url('/img/sitemap/about.gif');
}
ul#map li.blog		{	background-image: url('/img/sitemap/blog.gif');			}
ul#map li.menu		{	background-image: url('/img/sitemap/menu.gif');			}
ul#map li.shops		{	background-image: url('/img/sitemap/shops.gif');		}
ul#map li.people	{	background-image: url('/img/sitemap/people.gif');		}
ul#map li.contact	{	background-image: url('/img/sitemap/getintouch.gif');	}

ul#map li ul{
     float: left;
     margin-top: 5px;
}
ul#map li ul li{
     float: left;
     margin-bottom: 5px;
}
ul#map li ul li a{
     text-indent: -999em;
     height:28px;
     width: 156px;
}

/*	About Snog	*/
ul#map li.story a		{	background-image: url('/img/sitemap/our_story.gif');	}
ul#map li.whats a		{	background-image: url('/img/sitemap/whats.gif');		}
ul#map li.health a		{	background-image: url('/img/sitemap/health.gif');		}
ul#map li.values a		{	background-image: url('/img/sitemap/values.gif');		}
ul#map li.work a		{	background-image: url('/img/sitemap/work.gif');			}
ul#map li.contact_sm a	{	background-image: url('/img/sitemap/getintouch_sm.gif');}

/*Snog	blog	*/
ul#map li.comp a		{	background-image: url('/img/sitemap/competitions.gif');	}
ul#map li.campaign a	{	background-image: url('/img/sitemap/campaign.gif');		}
ul#map li.events a		{	background-image: url('/img/sitemap/events.gif');		}
ul#map li.news a		{	background-image: url('/img/sitemap/news.gif');		}
ul#map li.shop a		{	background-image: url('/img/sitemap/snog_shops.gif');			}
ul#map li.archives a	{	background-image: url('/img/sitemap/archive.gif');}

ul#mapSub{
     float: left;
     margin: 0 0 0 66px;
     padding-top: 15px;
     width: 368px;
     height: 160px;
     background: url('/img/sitemap/col_brown.gif') no-repeat center -105px;
}
ul#mapSub li{
     width: 179px;
     margin-bottom: 5px;
}
ul#mapSub li.sitemap,
ul#mapSub li.privacy,
ul#mapSub li.terms{
     float: right;
     clear: right;
     background-position: top left;
}
ul#mapSub li.press,
ul#mapSub li.faqs,
ul#mapSub li.work,
ul#mapSub li.tell{
     float: left;
     clear: left;
     background-position: top right;
}
#mapSub li a{
     display: block;
     float: left;
     width: 179px;
     height: 27px;
     text-indent: -999em;
}
ul#mapSub li.press a	{	background-image: url('/img/sitemap/press.gif');}
ul#mapSub li.faqs a		{	background-image: url('/img/sitemap/faqs.gif');}
ul#mapSub li.work a		{	background-image: url('/img/sitemap/worksub.gif');}
ul#mapSub li.tell a		{	width:  189px;background-image: url('/img/sitemap/tell.gif');}
ul#mapSub li.sitemap a	{	background-image: url('/img/sitemap/sitemap.gif');}
ul#mapSub li.sitemap a:hover	{
     cursor: default;
}
ul#mapSub li.privacy a	{	background-image: url('/img/sitemap/privacy.gif');}
ul#mapSub li.terms a	{	background-image: url('/img/sitemap/terms.gif');}

/* @end */

/* @group Competitions */

/*	Competitions page	************************************************************/

form#competitionForm{
     position: relative;
     width: 453px;
     padding: 20px 20px 100px 20px;
     margin-left: -19px;
     background:url('/img/common/form_top.gif') no-repeat top left;

}


form#competitionForm ul{
     float: left;
     font-size: 1.2em;
     padding: 20px 0;
     width: 433px;
}
form#competitionForm ul li{
     float: left;
     clear: left;
     margin: 5px 0;
}
form#competitionForm ul#answers,
form#competitionForm ul#prize{
     width: 455px;
     margin-top: 0;
     padding: 0 0 10px 0;
     margin-bottom: 15px;
     background: url('/img/common/bg_dotted.gif') repeat-x bottom left;
}

form#competitionForm ul#answers li{
     float: left;
     clear: none;
     width: 60px;
     margin: 5px 0;
}
form#competitionForm ul#prize li{
     float: left;
     clear: none;
     width: 140px;
     margin: 5px 15px 0 0;
}
form#competitionForm p{
     float: left;
     clear: left;
     width: 473px;
     padding: 0;
}
form#competitionForm p.infoPara{
     line-height: 1.2em;
     margin: 0 0 15px 0;
}
form#competitionForm ul#answers label,
form#competitionForm ul#prize label,
form#competitionForm label.noIndent,
form#becomeSnoggerForm label{ 
     float: left;
     margin: 0;
     text-indent: 0;
     width: 20px;
}
form#competitionForm ul#prize label{ 
     width: auto;
     margin-right: 5px;
}
form#becomeSnoggerForm label{ 
     text-indent: -999em;
}
form#competitionForm label.noIndent.info{
     width: 430px;
}

form#competitionForm label,
form#becomeSnoggerForm label{
     width: 200px;
     height: 16px;
     margin: 7px 0 0 0;
     color: #5A5041;
}
form#competitionForm label span{
     display: block;
     float: left;
     width: 430px;
     margin-bottom: 5px;
}
form#competitionForm input.text,
form#competitionForm select{
     width: 240px;
}
form#competitionForm input.checkbox{
     float: left;
     margin-right: 15px;
}
form#competitionForm p.button{
     position: absolute;
     bottom: 0;
     left: 1px;
     margin: 0;
     padding: 0 0 15px 20px;
     background: url('/img/blog/panel_bottom.gif') no-repeat bottom left;
}


form#competitionForm p.button button{
     margin: 0 0 10px 0;
}


/*	SIGNUP FORM	*****************************************************************************/

div#signUpForm{
     float: left;
     width: 493px;
     padding: 0;
     margin-top: 25px;
}
div#signUpForm form{
     float: left;
     width: 493px;
     padding: 20px 20px 0 20px;
     margin-top:0;
     background:url('/img/common/form_top.gif') no-repeat top left;
}
form#becomeSnoggerForm p.button{
     width: 478px;
     margin: 0 0 0 -19px;
     padding: 0 0 15px 15px;
     background: url('/img/blog/panel_bottom.gif') no-repeat bottom left;
}

/*	Send competitin to a friend page	*/

ul#togglePanels.comp li{
     margin-top: 0;
}

/* @end */

/* @group Sidebar */

/*	SIDEBAR MODULES	*****************************************************************************/

#sidebar #modules{
     float: right;
     margin-top: 155px;
}
#blog #sidebar #modules{
     margin-top: 0;
}
#sidebar #modules li{
     float: left;
     display: block;
     margin-bottom: 25px;
}

#sidebar #modules li.quote{
     width: 208px;
     text-indent: -999em;
     background-position: top left;
     background-repeat: no-repeat;
}

#sidebar #modules li.quote.ilike{
     height: 228px;
     background: url('/img/sidebar/quote_i_like.gif') no-repeat top left;
}

#sidebar #modules li.quote.youcan{
     height: 165px;
     background: url('/img/sidebar/quote_you_can_never.gif') no-repeat top left;
}
#sidebar #modules li.quote.shun{
     height: 124px;
     background: url('/img/sidebar/quote_snoggers_shun.gif') no-repeat top left;
}

#sidebar #modules li.quote.fatfree{
     height: 124px;
     background: url('/img/sidebar/snogfat_free_slogan_rgb.png') no-repeat top left;
     margin-bottom: 8px;
}




#sidebar #modules li.join{
     clear: left;
     width: 210px;
}

#sidebar #modules li.join a{
     float: left;
     display: block;
     width: 210px;
     height: 85px;
     text-indent: -999em;
     background: url('/img/sidebar/join.gif') no-repeat top left;
}

/* @end */

/* @group General Typography */

/******************************************************************************************

	typography.css

******************************************************************************************/

/*	Headings					**************************************************************/

h2,h3,h4,h5{
     font-family: Arial, Helvetica, sans-serif;
     font-weight: normal;
}
h1#logo{
     width: 175px;
     height: 92px;
}
h1#logo a{
     display: block;
     height: 82px;
     text-indent: -999em;
     background: url('/img/common/logo.gif') no-repeat;
}
#home h1.youllnever{
     float: left;
     width: 493px;
     height: 295px;
     text-indent: -999em;
     background: url('/img/home/youll_never_forget.gif') no-repeat;
}
h2{
     line-height: 22px;
     padding-top: 0;
     color: #5A5041;
}
h2 a{
     text-decoration: none;
}
.post h2,
h2.pageTitle{
     font-family: Snog, Trebuchet, "Trebuchet MS", sans-serif;
     font-size: 22px;
     line-height: 26px;
     letter-spacing: -.02em;
     margin-top: 15px;
     margin-bottom: 10px;
}
div#shopTop h2.pageTitle{
     /*text-indent: -999em;*/
}
.post h2.question{
     font-size: 20px;
     line-height: 24px;
}
.post h2.archivePostTitle{
     font-size: 18px;
     line-height: 18px;
}
#home div#wp_excerpt h2{
     font-size: 26px;
     line-height: 26px;
     height: auto;
}

h2.pink.small{
     line-height: 16px;
     height: auto;
}
#about h2.pageTitle.pink{
     float: left;
     width: 360px;
}
#about.contact h2.pageTitle.pink{
     width: auto;
}
div#flashMovie.menu h2{
     margin: 15px 0 0 0;
}
div.post.sticky h2{
     color: #fff;
}
div.pressItem h2{
     margin-bottom: 0;
}
h2.pageTitle{
     text-indent: 0;
     /*color:#FF14AA;*/
}

h3{
     font: 1.3em;
     font-weight: normal;
     margin: 25px 0 0 0;
}
.post h3{
     font-weight: bold;
     margin-bottom: 15px;
}
div.pressItem h3{
     margin-bottom: 0;
}
div.pressItem P{
     margin-top: 0;
}
h3.monthtitle{
     margin: 25px auto 0px 0;
     height: 20px;
}
h3.postDate{
     font-family: Verdana, Arial, sans-serif;
     font-size: 1.1em;
     font-weight:  normal;
     margin: 0 0 5px 0;
     padding: 0;
     font-style: italic;
}

#shops h3.intro{
     margin-top: 100px;
}
#about h3.intro{
     float: right;
     width: 355px;
     margin-right: 25px;
     line-height: 14px;
}
#about.values h3.intro{
     float: left;
     width: 470px;
     margin-top: 20px;
}
#footer h3{
     margin: 0 0 10px 0;
     height: 20px;
     font-size: 1.2em;
     color: #fff;
}
h4{
     font-size: 1.1em;
}
#competition h4{
     float: left;
     font-size: 1.3em;
     height: 14px;
     line-height: 14px;
     width: 463px;
     background: none;
}

/*	Panels headings (togglers)	*/

#togglePanels{
     margin-top: 30px;
}

#togglePanels h3.toggler{
     height: 46px;
     background-color: #EDECEA;
     text-indent: -999em;
     background-position: 0 0;
     background-repeat: no-repeat;
}
#togglePanels h3.postComment{
     background-image: url('/img/headings/hdr_post_comment.gif');
}
#togglePanels h3.sendFriend{
     background-image: url('/img/headings/hdr_send_friend.gif');
}



#togglePanels h3.saveTo{
     background-image: url('/img/headings/hdr_save_to.gif');
}
#togglePanels h3.toggler:hover{
     /*background-position:  -493px 0;	*/
}

/*	FAQs	*/

#faqList h3{
     line-height: 1em;
     float: left;
     width: 423px;
     margin: 0;
}
.questionHolderTop h4{
     font-size: .9em;
     float: left;
     color: #5A5041;
     margin: 0 15px 0 0;
}



/*	General typography		******************************************************************/

p{
     margin: 10px 0;
     padding: 0;
}
p.intro{
     padding: 5px 0 15px 0;
     margin-bottom: 15px;
     background: url('/img/common/bg_dotted_463.gif') no-repeat bottom left;
}

p.intro-para{
     font-family: Snog, Trebuchet, "Trebuchet MS", sans-serif;
     font-size: 16px;
}

div#shopTop ul#shopInfo li p{
     color: #5A5041;
}
/*	Images					******************************************************************/

img{
     border: none;
}




/*	Links					******************************************************************/

a{
     color: #FF14AA;

}
a:hover{
     color: #5A5041;
}

.post h2 a{
     color: #5A5041;
}
.post h2 a:hover{
     color: #FF14AA;
}
div.post.sticky h2 a{	
     color: #fff;
}
ul#togglePanels ul.saveLinks a{
     color: #5A5041;
     font-weight: bold;
}
p.postedBy a{
     color:  #a9a49c;
}
ul.postspermonth a{
     text-decoration: none;
}
p.answerLink{
     position: absolute;
     bottom: -10px;
     right: 0;
     height: 24px;
     width: 88px;
     padding: 0;
     text-indent: -999em;
     background-position: top left;
     background-image: url('/img/common/btn_answer.gif');
}
p.answerLink:hover{
     background-position: -88px 0;
}

p.downLoad a{
     display: block;
     width: 102px;
     height: 24px;
     text-indent: -999em;
     background-position: top left;
     background-repeat: no-repeat;
     background-image: url('/img/common/btn_download_release.gif');
}
p.downLoad a:hover{
     background-position: -102px 0;
}

p.emailLink a{
     display: block;
     background-position: top left;
     background-repeat: no-repeat;
     text-indent: -999em;
}
p.emailLink a:hover{
     background-position: top right;
}
p.emailLink.emailUs a		{
     width: 88px;
     height:24px;
     background-image: url('/img/common/btn_email_us.gif');
}

p.emailLink.busEnq a		{
     width: 147px;
     height:24px;
     background-image: url('/img/common/btn_bus_enq.gif');
}
p.emailLink.emailPress a	{
     width: 134px;
     height: 24px;
     background-image: url('/img/common/btn_press_enquiries.gif');
}
div.sticky a{
     color: #fff;
}

p.highlight{
     color: #FF14AA;
}

/*	Lists					******************************************************************/

ul{
     list-style: none;
}
ol.notfound,
ol.terms{
     margin: 20px;
}
ol.terms li{
     margin-bottom: 15px;
}
/*	Footer					******************************************************************/


#footerContainer {
     background: #494136
}

#footer {
     margin: 0 auto;
     float: none;
     margin-top: 1px;
     font-size: 1em;
}
#footer ul{
     margin-top: 0;
}
#footer #footerRight ul{
     float: left;
     margin: 10px 0px 0 0;
     width: 440px;
}
#footer li{
     margin: 0;
}
#footerLeft ul li{
     margin-left: 0;
}
#footerLeft li,
#footer p{
     float: left;
}
#footerRight li,
#footer p{
     float: left;
}
#footer #footerRight li{
     margin-right: 3px;
     color: #FF14AA;
     padding-right: 20px;
     background: url('/img/common/footer_heart.gif') no-repeat right;
}
#footer #footerRight li.last{
     margin-right: 0;
     background: none;
}
#footerRight li.date{
     margin-right: 10px;
     padding-right: 0;
     background: none;
}

#footerLeft li a{
     display: block;
     background-position: top left;
     background-repeat: no-repeat;
     text-indent: -999em;
}

#footer li.flickr a{
     margin: 5px 10px 0 0;
     width: 60px;
     height: 31px;
     background-image: url('/img/common/tag_flickr.gif');
}
#footer li.facebook a{
     margin: 0 10px 0 0;
     width: 88px;
     height: 38px;
     background-image: url('/img/common/tag_facebook.gif');
}
#footer li.youtube a{
     width: 62px;
     height: 40px;
     background-image: url('/img/common/tag_youtube.gif');
}
#footer li.vimeo a{
     width: 62px;
     height: 40px;
     margin-left: 10px;
     background-image: url('/img/common/tag_vimeo.gif');
}
#footer li.twitter a{
     width: 62px;
     height: 40px;
     margin-right: 10px;
     background-image: url('/img/common/tag_twitter.gif');
}
#footerRight li a{
     color: #fff;
     text-decoration: none;
}
#footerRight li a:hover{
     text-decoration: underline;
}
#footerLeft p{
     clear: left;
}
#footerLeft p a{
     color: #ACA4A0;
     text-decoration: none;
}
#footerLeft p a:hover{
     text-decoration: underline;
}

/*	FORMS					**************************************************************/

#togglePanels li form{
     padding-bottom: 25px;
}
label{
     display: block;
     float: left;
     color: #FF14AA;
     height: 13px;
     width: 463px;
     text-indent: -999em;
     margin: 10px 0 5px 0;
     background-position: top left;
     background-repeat: no-repeat;
     background-color: transparent;
}
form p{
     float: left;
     position: relative;
     width: 463px;
     margin: 0 0 10px 0;
}
p.half label{
     width: 230px;
}


input.text,
textarea.text{
     font-family: "Helvetica Neue","Helvetica", Arial, serif;
     color: #5A5041;
     padding: 3px;
     border:  1px solid #fff;
     background: #fff;
}
#becomeSnoggerForm input.text{
     width: 175px;
}
textarea.text{
     width: 453px;
     font-size: 1em;
}
#competition form#competitionForm textarea.text{
     width: 240px;
     font-size: 1.1em;
}
form p.half input.text{
     width: 210px;
}
textarea.text.error,
input.text.error{
     border-color: #FF14AA;
     background: beige;
}
form p.half{
     float: left;
     position: relative;
     width: 230px;
}
form p.half span{
     color: #FF14AA;
     font-size: .9em;
}
form p.half.left{
     clear: left;
}
p.error_message{
     float: left;
     color: #FF14AA;
     position: absolute;
     top: 5px;
     right: 10px;
     width: 210px;
     text-align: right;
     font-size: 1.1em;
}
#competition form#competitionForm p.error_message,
#signup form#becomeSnoggerForm p.error_message{
     position: relative;
     left: 0;
     margin-bottom: 10px;
     text-align: left;
     width: 410px;
}
p.button{
     padding-bottom: 0;
}
button{
     padding: 0;
     font-size: 1em;
     border: none;
     background: none;
     cursor: pointer;
     margin-bottom: 5px;
}
button span{
     float: left;
     padding: 0;
     margin: 0;
     display: block;
     height: 24px;
     border: none;
     text-indent: -999em;
     background-position: top left;
     background-repeat: no-repeat;
}
button:hover span{
     cursor: pointer;
     background-position: top right;
}
button.postComment		{}
button.sendFriend		{}
button.answer			{}
button.register			{}

button.postComment span{
     width: 128px;
     height: 24px;
     background-image: url('/img/blog/btn_postcomment.gif');
}
button.sendFriend span{
     width: 73px;
     background-image: url('/img/blog/btn_send.gif');

}
button.answer span{
     width: 88px;
     background-image: url('/img/common/btn_submit.gif');
}
button.register span{
     width: 107px;
     background-image: url('/img/common/btn_register.gif');
}
p.button.enterComp a{
     display: block;
     width: 135px;
     height: 24px;
     text-indent: -999em;
     background: url('/img/blog/btn_enter_competition.gif') top left;
}
p.button.enterComp a:hover{
     background-position: top right;
}

/*	Next and previous navigation for blog	*/

ul.postNav{
     width: 493px;
     padding: 10px 0 0 0;
     margin: 0 0 10px 0;
     background: url('/img/common/bg_dotted_463.gif') no-repeat bottom left;
}
ul.postNav.archives{
     background: none;
}
ul.postNav li{
}
ul.postNav li a{
     margin-bottom: 10px;
}
ul.postNav li.blogHome{
     position: absolute;
     left: 195px;
}
ul.postNav li.prevPost{
     float: left;
}
ul.postNav li.nextPost{
     float: right;
}

ul.postNav a,
li.prevPost a,
ul.postNav li.blogHome a{
     display: block;
     height: 18px;
     text-indent: -999em;
     background-position: top left;
}
ul.postNav li.blogHome a{
     width: 97px;
     height: 19px;
     background-image: url('/img/blog/btn_bloghome.gif');
}
ul.postNav li.prevPost a	{
     width: 65px;
     background-image: url('/img/blog/btn_previous.gif');
}
ul.postNav li.nextPost a	{
     width: 47px;
     background-image: url('/img/blog/btn_next.gif');
}
ul.postNav li a:hover	{
     background-position: top right;
}

/* @end */




/* @group sifr */

/*	SIFR3					**************************************************************/

.sIFR-flash {
     visibility: visible !important;
     margin: 0;
     padding: 0;
}

.sIFR-unloading .sIFR-flash {
     visibility: hidden !important;
     letter-spacing: -1.5,
}

.sIFR-replaced, .sIFR-ignore {
     visibility: visible !important;
}

.sIFR-alternate {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 0;
     display: block;
     overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
     margin: 0pt;
     padding: 0pt;
     overflow: auto;
     letter-spacing: 0px;
     float: none;
}

.sIFR-dummy { 
     width: 0px;
     height: 0px;
     margin-left: 42px;
     z-index: 0;
}


/* @end */


/* @group Page headings */

h2.pageTitle,
h3.pageTitle{
     margin-top: 0;
     background: url('/img/common/bg_dotted_463.gif') repeat-x bottom left;
}
h2.pageTitle{
     padding-bottom: 5px;
     margin-top: -5px;
}
h3.pageTitle{
     height: 22px;
}
h3.pageTitle.thanksComp{
     margin-top: 25px;
}

/*	Competition headers		***************/

h2.pageTitle.marcel_wanders{
     background-image: url('/img/headings/hdr_comp_marcelwanders.gif');
}
h2.pageTitle.termsComp{
     background-image: url('/img/headings/hdr_termsComp.gif');
}
h3.pageTitle.stoolsRunnersUp{
     background-image: url('/img/headings/hdr_comp_stoolsRunnersUp.gif');
}

/*	SINGLE PAGES	*/
h2.archives						{	margin-top: 8px;}
/*h2.pageTitle.tellFriend			{	background-image: url('/img/headings/hdr_tellFriend.gif');}
h2.pageTitle.tellFriendComp		{	background-image: url('/img/headings/hdr_tellFriendComp.gif');}
h3.pageTitle.thanksComp			{	background-image: url('/img/headings/hdr_thanksComp.gif');}
h2.pageTitle.faqs				{	background-image: url('/img/headings/hdr_faqs.gif');}
h2.latestPress					{	background-image: url('/img/headings/hdr_latestPress.gif');}
h2.press						{	background-image: url('/img/headings/hdr_press.gif');}
/*h2.archives						{	margin-top: 8px;background-image: url('/img/headings/hdr_archives.gif');}*/

/*h2.notFound						{	background-image: url('/img/headings/hdr_notfound.gif');}
h2.notFound						{	background-image: url('/img/headings/hdr_notfound.gif');}*/

h2.pageTitle.register			{	background-image: url('/img/headings/hdr_register.gif');}

h2.pageTitle.ops_manual			{	background-image: url('/img/headings/hdr_opsmanual.gif');}



/*	Hidden and replaced text	*/

div.hidden{
     text-indent: -999em;
     background-repeat: no-repeat;
}

/* About home page	*/
div.aboutIntro{
     position: relative;
     top: -20px;
     left: 0;
     margin-top: 0;
     width: 773px;
     height: 100px;
     background-image: url('/img/replacedcopy/bg_aboutIntro.gif');
     background-color: #fff;
}

/* Our values	*/
h3.intro.values{
     float: left;
     margin-top: 0;
     width: 473px;
     height: 60px;
     text-indent: -999em;
     background-repeat: no-repeat;
     background-image: url('/img/replacedcopy/bg_valuesIntro.gif');
}
/* People we like	*/
h3.intro.friends{

     margin-top: 0;
     width: 473px;
     height: 60px;
     text-indent: -999em;
     background-repeat: no-repeat;
     background-image: url('/img/replacedcopy/bg_peoplewelike_intro.gif');
}



/* @end */


/* @group Form labels */

/*	Form labels	***************/

label.name			{	background-image: url('/img/form/labels/label_name.gif');		}
label.email			{	background-image: url('/img/form/labels/label_email.gif');		}
label.comment		{	background-image: url('/img/form/labels/label_comments.gif');	}
label.yourname		{	background-image: url('/img/form/labels/label_yourname.gif');	}
label.yourforename	{	background-image: url('/img/form/labels/label_yourforename.gif');	}
label.surname		{	background-image: url('/img/form/labels/label_surname.gif');	}
label.youremail		{	background-image: url('/img/form/labels/label_youremail.gif');	}
label.friendsname	{	background-image: url('/img/form/labels/label_friendsname.gif');	}
label.friendsemail	{	background-image: url('/img/form/labels/label_friendsemail.gif');	}
label.message		{	background-image: url('/img/form/labels/label_message.gif');	}
label.howhear		{	background-image: url('/img/form/labels/label_howhear.gif');	}
label.postal		{	background-image: url('/img/form/labels/label_postal.gif');	}

/* @end */




/* @group Formcheck */

/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.tips_box .tl{
     background: url('/img/formcheck/tl.png') no-repeat;
}
.tips_box .t{
     background: url('/img/formcheck/t.png') repeat-x;
     height: 16px;
}
.tips_box .tr{
     background: url('/img/formcheck/tr.png') no-repeat;
}
.tips_box .l{
     background: url('/img/formcheck/l.png') repeat-y;
     width : 16px;
}
.tips_box .r{
     background: url('/img/formcheck/r.png') repeat-y;
     width: 16px;
}
.tips_box .bl{
     background: url('/img/formcheck/bl.png') no-repeat;
}
.tips_box .b{
     background: url('/img/formcheck/b.png') no-repeat;
     height: 25px;
}
.tips_box .br{
     background: url('/img/formcheck/br.png') no-repeat;
}
.tips_box .c{
     background: url('/img/formcheck/c.png') repeat;
}
.tips_box a.close {
     float: right;
     background: url('/img/formcheck/close.png') no-repeat;
     position: relative;
     margin-left: 5px;
     display: block;
     width: 10px;
     height: 10px;
     cursor: pointer;
}
.tips_box .err {
     float: left;
}
input.text.fc-field-error,
textarea.text.fc-field-error{
     border-color: #FF14AA;
     background: beige;
}
.tips_box p {
     width : auto;
     display: block;
     font-size: 10px;
     font-family: tahoma, verdana, "sans-serif";
     margin : 0;
     padding : 0;
     border : 0;
     color : #FFF;
}

.ajax_loader {
     background : url('/img/formcheck/ajax-loader.gif') no-repeat center;
     width : 200px;
     height : 150px;
}

/* FormCheck validation div */

.fc-error {
     border : 1px solid #888;
     margin-top : 5px;
     background-color : #EAEAEA;
}
.fc-error p {
     margin : 5px;
     color : #A00;
}

/* @end */


/* @group Slimbox and Smoothbox */

#lbOverlay {
     position: absolute;
     z-index: 9999;
     left: 0;
     width: 100%;
     background-color: #494136;
     cursor: pointer;
}

#lbCenter, #lbBottomContainer {
     position: absolute;
     z-index: 9999;
     left: 50%;
     overflow: hidden;
     background-color: #fff;
}

.lbLoading {
     background: #fff url(/img/slimbox/loading.gif) no-repeat center;
}

#lbImage {
     position: absolute;
     left: 0;
     top: 0;
     border: 10px solid #fff;
     background-repeat: no-repeat;
}

#lbPrevLink,
#lbNextLink {
     display: block;
     position: absolute;
     bottom: 0;
     width: 92px;
     height: 30px;
     outline: none;
}

#lbPrevLink {
     left: 0;
}
#lbPrevLink,
#lbPrevLink:hover {
     background: transparent url(/img/slimbox/prevlabel.gif) no-repeat bottom left;
}

#lbNextLink {
     right: 0;
}
#lbNextLink,
#lbNextLink:hover {
     background: transparent url(/img/slimbox/nextlabel.gif) no-repeat bottom right;
}

#lbBottom {
     font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
     font-size: 10px;
     color: #FF14AA;
     line-height: 1.4em;
     text-align: left;
     border: 10px solid #fff;
     border-top-style: none;
}

#lbCloseLink {
     display: block;
     float: right;
     width: 77px;
     height: 24px;
     background: transparent url(/img/slimbox/closelabel.gif) no-repeat center;
     margin: 5px 0;
     outline: none;
}

#lbCaption, #lbNumber {
     margin-right: 71px;
}

#lbCaption {
     font-weight: bold;
}
/*
 * Smoothbox v20070814 by Boris Popoff (http://gueschla.com)
 *
 * Based on Cody Lindley's Thickbox, MIT License
 *
 * Licensed under the MIT License:
 *   http://www.opensource.org/licenses/mit-license.php



html, body {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    background: none;
}
#TB_window #primary{
    background:  none;
}
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_overlay {
    position: absolute;
    z-index:100;
    top: 0px;
    left: 0px;
    background-color: #494136;
}

#TB_window {
    position: absolute;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    border: 4px solid #525252;
    text-align:left;
}

#TB_window img {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:5px 10px 7px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color:#e8e8e8;
    height:27px;
}

#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: absolute;
    display:none;
    height:100px;
    width:100px;
    z-index:101;
}

#TB_HideSelect{
    z-index:99;
    position:absolute;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
}
*/



body#competition_terms{
     float: left;
     width: 600px;
}
#competition_terms #wrapperOuter{
     width: 630px;
}
#competition_terms #wrapper{
     position: relative;
     width: 620px;
     background: none;
}
#competition_terms #wrapper #logo{
     padding: 10px;
}
#competition_terms #primary,
#competition_terms #content{
     float: left;
     width: 610px;
     padding: 10px;
     margin: 0;
}
#competition_terms #primary{
     width: 630px;
     padding: 0;
}
#competition_terms #header{
     padding: 0;
}
#competition_terms #header{
}

/* IE6 */
* html #TB_iframeContent{
     margin-bottom:1px;
}

/* @end */



/* @group Blog */


#blog #primary #content{
     width: 493px;
}
#blogPost #primary #content{
     width: 493px;
}

/*	Posts	*/

div.post{
     float: left;
     position: relative;
     margin: 20px 0;
     width: 458px;
     padding: 25px 10px 0 15px;

}
div.post_outer{
     float: left;
     clear: left;
     width: 493px;
     padding-bottom: 10px;
     background: url('/img/common/bg_dotted_463.gif') no-repeat bottom left;
}
#competition div.post_outer{
     float: left;
     clear: left;
     width: 493px;
     padding: 0;
     background: url('/img/common/bg_dotted_463.gif') no-repeat top left;
}
#competition div.post_outer div.post{
     margin-top: 0;
}
div.post_outer.post_0 div.post{
     padding-top: 0;
     margin-top: 0;
}
#blog div.post{
     width: 493px;
     padding: 0;
}

/*	STICKY POSTS - comps etc	*/

#blog div.post.sticky,
div.post.sticky{
     float: left;
     width: 463px;
     color: #fff;
     padding: 400px 15px 0 15px;
     margin: 0;
     /*background: #FF14AA url('/img/competitions/comp_teeshirts.jpg') no-repeat top left;
	background: #FF14AA url('/img/competitions/jewellery/main.jpg') no-repeat top left;*/

     background: #FF14AA url('/img/blog/sticky.jpg') no-repeat top left;
}
div.post.sticky div.entry{
     float: left;
     position: relative;
     z-index: 99;
     left: -15px;
     margin: 0 -30px -5px 0;
     width: 463px;
     padding: 0 15px 15px 15px;
     color: #fff;
     background: url('/img/common/img_base_sticky.png') no-repeat bottom left;
}
div.post.sticky div.entry img{
     float: left;
     margin: 15px 0 0 0;
}

/*	Halved posts	*/


#blog div.post_outer.halved div.post{
     position: relative;
     z-index: 99;
     width: 250px;
     padding-left: 250px;
}

div.post_outer.halved div.post img{
     position: relative;
     top: 0;
     left: 0;
     margin: 0 15px 0 0;
}


/*	Blog image holders	*/

div.post div.entry img{
     position: relative;
     float: left;
     left: 0;
     margin: 0 15px 5px 0;
}
div.imgHolder img{
     z-index: 0;
     margin-top: 25px;
}
div.post div.entry img.half{
     position: relative;
     float: left;
     left: 0;
     margin: 0 35px 5px 0;
}
div.imgHolder{
     position: relative;
     float: left;
     left: 0;
     margin: 15px 0;
     width: 493px;
     padding: 0;
     z-index: 99;
}
div.imgHolder .topImageMask{
     position: absolute;
     left: 0;
     top: 0;
     height: 15px;
     width: 453px;
     padding: 20px;
     z-index: 1000;
     background: url('/img/common/img_mask_top.png') no-repeat top right;
}
div.imgHolder .bottomImageMask{
     position: absolute;
     left: 0;
     bottom: 5px;
     height: 15px;
     width: 453px;
     padding: 20px;
     z-index: 1000;
     background: url('/img/common/img_mask_bottom.png') no-repeat bottom left;
}

div.imgCaptionHolder{
     float: left;
     font-weight: bold;
     margin: 15px 15px 0 0;
}

div.imgCaptionHolder div{
     font-style: italic;
     padding: 0;
     margin: 0;
}
div.imgCaptionHolder div p{
     font-style: italic;
     padding: 0;
     margin: 0;
}

/*	Recent posts module	*/

div#recentPosts{
     float: right;
     width: 205px;
     padding: 0;
     margin: 175px 0 0 0 ;
}
div#recentPosts ul{
     margin: 15px 0;
}
div#recentPosts ul li{
     margin: 0 0 15px 0;
}
div#recentPosts li h3{
     font-family: Verdana, Arial, sans-serif;
     font-size: 1.2em;
}
div#recentPosts li h3,
div#recentPosts li h4{
     line-height: 1em;
     margin: 0;
     padding: 0;
}
div#recentPosts li h3{
     line-height: 1.4em;
}
div#recentPosts li h4{
     font-style: italic;
     margin: 0 0 5px 0;
}
div#recentPosts li a{
     text-decoration: none;
}


/*	Comment lists	*/

h3#comments{
     font-size: 1.5em;
     position: relative;
     float: left;
     clear: left;
     color: #FF14AA;
     width: 5.5em;
     padding: 0 40px 0 0;
     margin: 25px 15px 15px 0px;
     font-weight: normal;
}

h3#comments span{
     display: block;
     position: absolute;
     top: -15px;
     right: 0;
     height: 38px;
     line-height: 20px;
     width: 34px;
     text-align: center;
     font-size: .8em;
     font-weight: bold;
     color: #fff;
     background: url('/img/blog/icon_num_comments_large.gif') no-repeat left;
}
ul#togglePanels h3{
     margin: 0;
}
ol.commentlist {	
     float: left;
     clear: left;
     width: 493px;
     padding: 0;
     list-style: none;
     margin-top: 0;
}
ol.commentlist li{
     float: left;
     width: 493px;
     margin-bottom: 20px;
}
ol.commentlist li div.commentText{	
     color: #fff;
     width: 467px;
     font-size: 1em;
     padding: 10px 10px 5px 15px;
     background-position: top left;
     background-repeat: no-repeat;
     background-image: url('/img/blog/comment_top.gif');
} 

ol.commentlist li p.postedBy{
     color: #a9a49c;
     height: 15px;
     width: 470px;
     font-size: 1em;
     padding: 25px 0 0 28px;
     background-position: bottom left;
     background-repeat: no-repeat;
     background-image: url('/img/blog/comment_bottom.gif');
     margin-top: 0;
}
ol.commentlist li.adminComment p.postedBy{
     text-align: right;
     height: 20px;
     width: 410px;
     color: #FF14AA;
     padding: 40px 83px 0 0;
}
ol.commentlist li.adminComment p.postedBy a{
     color: #FF14AA;
}
ol.commentlist li.adminComment div.commentText	{	background-image: url('/img/blog/comment_admin_top.gif');}
ol.commentlist li.adminComment p.postedBy		{	background-image: url('/img/blog/comment_admin_bottom.gif');}



/*	The panels	*/

ul#togglePanels li{
     margin-top: 25px;
}
ul#togglePanels li{
     float: left;
     width: 491px;
     margin-bottom: 20px;
     padding-bottom: 0;
     background: #EDECEA;
}
ul#togglePanels li div.element{
     float: left;
     width: 471px;
     margin-top: -10px;
     padding: 20px 10px 5px 10px;
     background: #EDECEA url('/img/blog/panel_bottom.gif') no-repeat bottom left;
}
ul#togglePanels li div.element div{
     float: left;
     width: 463px;
     margin: 15px 0 0 5px;
     padding: 5px 0 25px 0;
     background: url('/img/common/bg_dotted.gif') repeat-x top left;
}
ul#togglePanels li.send div.element div{
     margin: 15px 0 0 5px;
     padding: 15px 0 15px 0;
}
ul#togglePanels li.save div.element div{
     margin: -5px 0 0 5px;
     padding: 15px 0 15px 0;
}

ul#togglePanels li div.element form{
     margin-left: 5px;
}

/*	Save to ... list items	*/

ul#togglePanels ul.saveLinks{
     float: left;
     font-size: .8em;
}
ul#togglePanels ul.saveLinks li{
     float: left;
     width: 67px;
     padding-left: 20px;
     margin: 3px 0px;
     background-position: left;
     background-repeat: no-repeat;
}
ul#togglePanels ul.saveLinks li.last{
     margin-right: 0;
}
ul#togglePanels ul.saveLinks li.delicious	{	background-image: url('/img/icons/icon_delicious.gif');		}
ul#togglePanels ul.saveLinks li.digg		{	background-image: url('/img/icons/icon_digg.gif');			}
ul#togglePanels ul.saveLinks li.reddit		{	background-image: url('/img/icons/icon_reddit.gif');		}
ul#togglePanels ul.saveLinks li.google		{	background-image: url('/img/icons/icon_google.gif');		}
ul#togglePanels ul.saveLinks li.yahoo		{	background-image: url('/img/icons/icon_yahoo.gif');			}
ul#togglePanels ul.saveLinks li.technorati	{	background-image: url('/img/icons/icon_technorati.gif');	}
ul#togglePanels ul.saveLinks li.magnolia	{	background-image: url('/img/icons/icon_magnolia.gif');		}
ul#togglePanels ul.saveLinks li.newsvine	{	background-image: url('/img/icons/icon_newsvine.gif');		}
ul#togglePanels ul.saveLinks li.stumble		{	background-image: url('/img/icons/icon_stumble.gif');		}


/*	Post meta data			*/

p.postmetadata{
     color: #ff8ed6;
     font-style: italic;
     margin-top: 15px;
}
span.postAuthor{
     font-style: italic;
     margin: 5px 0 0 50px;
     padding: 2px 18px;
     background: url('/img/blog/icon_postedby.gif') no-repeat left;
}
div.sticky span.postAuthor	{	background: url('/img/blog/icon_postedby_pink.gif') no-repeat left;	}

ul.postmetadata li span.postAuthor{
     margin-left: 0;
}
ul.postmetadata{
     float: left;
     color: #ff8ed6;
     width: 463px;
}
div.sticky .postmetadata,
div.sticky .postmetadata a{
     font-style: italic;
     color: #f3ddeb;
}
.postmetadata a{
     color: #ff8ed6;
}
.postmetadata a:hover{
     color: #5A5041;
}

ul.postmetadata{
     margin-top: 5px;
}
div.sticky p.postmetadata{
     float: left;
     margin: 25px 0 0 0 ;
}
ul.postmetadata li{
     float: left;
     width: 230px;
     line-height: 23px;
     height: 23px;
     margin: 0 0 5px 0;
}
div.post ul.postmetadata li.readmore,
div.sticky ul.postmetadata li.readmore{
     margin-bottom: 0;
}
ul.postmetadata li.comments a{
     color: #FF14AA;
     font-style: normal;
}
div.sticky ul.postmetadata li.comments a{
     color: #fff;
}
div.sticky ul.postmetadata li a:hover,
ul.postmetadata li.comments a:hover{
     color: #5A5041;
}
ul.postmetadata li.comments a span{
     display: block;
     float: left;
     width: 17px;
     height: 20px;
     margin-right: 7px;
     background: url('/img/blog/icon_num_comments_small.gif') no-repeat bottom left;
}
div.sticky ul.postmetadata li.comments a span{
     background-image: url('/img/blog/icon_num_comments_small_pink.gif');
}
ul.postmetadata li.comments a:hover span{
     background-position: bottom right;
}
p.readmore a,
ul.postmetadata li.readmore a{
     display: block;
     width: 107px;
     height: 24px;
     text-indent: -999em;
     background: url('/img/blog/btn_readmore.gif') no-repeat top left;
}
div.sticky ul.postmetadata li.readmore a{	background-image: url('/img/blog/btn_readmore_pink.gif');}
p.readmore a:hover,
ul.postmetadata li.readmore a:hover{
     background-position: -107px 0;
}
#home p.readmore a{	background-image: url('/img/common/btn_readmore_home.png');}
div.post_outer.halved .post h2,
div.post_outer.halved h3.postDate,
div.post_outer.halved p,
div.post_outer.halved .postmetadata{
     width: 215px;
     padding-right: 0;
}
div.post_outer.halved .postmetadata li.comments,
div.post_outer.halved .postmetadata li.readmore{
     width: 110px;
}
div.post_outer.halved .postmetadata li.readmore{
     width: 107px;
}
div.post_outer.halved .postmetadata li.comments{
     float: right;
     width: auto;
}
div.post_outer.halved .postmetadata li.readmore{
     margin-bottom: 5px;
}

/* @end */

/* @group Navigation */

#navigation li{
     background: url('/img/common/bg_dotted.gif') repeat-x bottom left;
     float: left;
     clear: left;
     font-family: Snog, Trebuchet, "Trebuchet MS", sans-serif;
     font-size: 18px;
     font-weight: 100;
     line-height: 40px;
     margin-bottom: 0;
     padding-bottom: 0;
     width: 160px;
     overflow: hidden;
}

#musicPlayerIcon {
     position: absolute;
     top: 12px;
     right: -12px;
}

#navigation li.active{
     height: auto;
}
#navigation li.active a{
     color: #fe3ebe;
}

#navigation li.active li a{
     color: #B7B7B7;
}

#navigation li.active li.active a{
     color: #fe3ebe;
}

#navigation li a{
     color: #b7b7b7;
     display: block;
     width: 140px;
     text-decoration: none;
}
#navigation li a:hover,
#navigation li.active li a:hover{
     color: #5A5041;
}
#navigation ul li ul{
     background: url('/img/common/bg_dotted.gif') repeat-x top left;
     float: left;
     padding: 10px 0 15px 0;
}
#navigation ul li ul li{
     background: none;
     font-size: 16px;
     line-height: 24px;
     padding-left: 10px;
}
#navigation ul li ul a{

}

#navigation #navSub{
     float: left;
     padding-top: 10px;
}
#navigation #navSub li{
     background: none;
     font-size: 12px;
     line-height: 20px;

}

/*#navigation li.home a				{	margin-top: -3px;background-image: url('/img/nav/nav_home.gif');}
#navigation li.about a				{	background-image: url('/img/nav/nav_about.gif');}
#navigation li.menu a				{	background-image: url('/img/nav/nav_menu.gif');}
#navigation li.shops a				{	background-image: url('/img/nav/nav_shops.gif');}
#navigation li.music a				{	background-image: url('/img/nav/nav_music.gif');}
#navigation li.blog a				{	background-image: url('/img/nav/nav_blog.gif');}
#navigation li.people_we_like a		{	background-image: url('/img/nav/nav_people.gif');}
#navigation li.contact a			{	background-image: url('/img/nav/nav_contact.gif');}


#navigation li a:hover{
    cursor: pointer;
    background-position: -169px 0;
}
#navigation li.active a,
#navigation li.active a:hover{
    cursor: pointer;
    background-position: -338px 0;
}
#navigation li.about.active a:hover,
#navigation li.shops.active a:hover,
#navigation li.blog.active a:hover{
    background-position: -517px 0;
}
#navigation li.active ul{
    float: left;
    margin: 0 0 0 -5px;
    padding: 10px 0 10px 0;
    background: #fff url('/img/common/bg_dotted.gif') repeat-x bottom;
}

#navigation li.active li{
    height: 16px;
    line-height: 16px;
    font-size: 1em;
    padding-left: 15px;
    font-weight: bold;
    margin-bottom: 7px;
}
#navigation li.active li a{
    display: block;
    background-position: top left;
    background-repeat: no-repeat;
}
#navigation li.shops.active li a:hover,
#navigation li.about.active li a:hover,
#navigation li.blog.active li a:hover,
#navigation li.active li a:hover{
    background-position: -169px 0;
}

#navigation li.active li.active a,
#navigation li.active li.active a:hover{
    background-position: -338px 0;
}
#navigation li.active li.story a		{background-image: url('/img/nav/nav_ourstory.gif');}
#navigation li.active li.whats_a_snog a	{background-image: url('/img/nav/nav_whatsasnog.gif');}
#navigation li.active li.health a		{background-image: url('/img/nav/nav_health.gif');}
#navigation li.active li.values a		{background-image: url('/img/nav/nav_ourvalues.gif');}
#navigation li.active li.work a			{background-image: url('/img/nav/nav_workforus_sub.gif');}
#navigation li.active li.getintouch a	{background-image: url('/img/nav/nav_getintouch_sub.gif');}

/*	Shops	
#navigation li.active li.south_kensington a	{background-image: url('/img/nav/nav_shops_southken.gif');}
#navigation li.active li.soho a				{background-image: url('/img/nav/nav_shops_soho.gif');}
#navigation li.active li.westfield a		{background-image: url('/img/nav/nav_shops_westfield.gif');}
#navigation li.active li.covent_garden a	{background-image: url('/img/nav/nav_shops_covent_garden.gif');}
#navigation li.active li.liberty a			{background-image: url('/img/nav/nav_shops_liberty.gif');}
#navigation li.active li.dubai a			{background-image: url('/img/nav/nav_shops_dubai.gif');}
#navigation li.active li.chelsea a			{background-image: url('/img/nav/nav_shops_chelsea.gif');}*/

/*	Blog	

#navigation li.active li.campaign a	{background-image: url('/img/nav/nav_blog_campaign.gif');}
#navigation li.active li.news a		{background-image: url('/img/nav/nav_blog_news.gif');}
#navigation li.active li.comps a	{background-image: url('/img/nav/nav_blog_comps.gif');}
#navigation li.active li.events a	{background-image: url('/img/nav/nav_blog_events.gif');}
#navigation li.active li.archives a	{background-image: url('/img/nav/nav_blog_archives.gif');}*/

/*	Subnav, FAQs etc	*/
/*
#navigation ul#navSub{
    float: left;
    padding: 10px 0;
    background: url('/img/common/bg_dotted.gif') repeat-x bottom;
}
#navigation ul#navSub li.active ul{
    padding: 3px 0 0 0;
    margin: 0;
    background: none;
}

#navSub li{
    float: left;
    height: 15px;
    margin-bottom: 0;
}
#navSub li.active{
    float: left;
    height: auto;
}
#navSub li.active ul{
    padding-bottom: 15px;
}
#navSub li.active ul li{
    height: 10px;
    padding: 0;
}
#navSub li.active ul li.pressPrevious{
    height: 10px;
    padding: 0;
    margin-bottom: 15px;
}
#navSub li a{
    height: 12px;
    background-position: top left;
    background-repeat: no-repeat;
}
#navSub li.active a{
    height: 15px;
}
#navSub li.active ul li a{
    height: 15px;
    padding: 0;
    text-indent: -999em;
}
#navSub li a:hover{
    background-position: -159px 0;
    background-repeat: no-repeat;
}
#navSub li.faqs a						{	background-image: url('/img/nav/navsub_faqs.gif');}
#navSub li.press a						{	background-image: url('/img/nav/navsub_press.gif');}
#navSub li.press li.pressLatest a		{	background-image: url('/img/nav/navsub_press_latest.gif');}
#navSub li.press li.pressPrevious a		{	background-image: url('/img/nav/navsub_press_previous.gif');}
#navSub li.workforus a					{	background-image: url('/img/nav/navsub_work.gif');}
#navSub li.tellfriend a					{	background-image: url('/img/nav/navsub_tell.gif');}

#navigation #navSub li.active a,
#navigation #navSub li.active a:hover{
    cursor: pointer;
    background-position: -159px 0;
}
#navigation #navSub li.active ul li a{
    background-position: 0 0;
}
#navigation #navSub li.active ul li a:hover{
    background-position: -159px 0;
}
#navigation #navSub li.active ul li.active a,
#navigation #navSub li.active ul li.active a:hover{
    background-position: -159px 0;
}*/

/* @end */


/*   Home page sidebar   */

#wp_featured {
     margin-top: 120px;
     margin-left: -5px;
     width: 205px;
}

#wp_featured h2 {
     margin-left: 21px;
}

#wp_featured img {
     display: block;
}

.homePageBlogImage  {
     width: 106%;
}
.homePageBlogImage img {
     margin: 8px auto;
}

#wp_featured hr {
     border: none;
     background: url(/img/home/blogPostSeparatorBg.png) repeat-x;
     height: 2px;
     width: 215px;
     margin: 10px 0px;
}

#wp-featured .homePageBlogHeader {
     font-family: Verdana;
     font-size: 11px
}

#wp_featured h2,
#wp_featured .featured-post-excerpt p{
     font-family: Snog, Trebuchet, "Trebuchet MS", sans-serif;
     font-size: 18px;   
}
#wp_featured h2{
     margin-bottom: 5px; 
}
#wp_featured .featured-post-excerpt{
     background: #ff0095;
     margin-bottom: 15px;
     padding: 10px 15px;
     -webkit-border-radius: 0 8px 8px 8px;
     -moz-border-radius: 0 8px 8px 8px;
     border-radius: 0 8px 8px 8px;
     behavior: url(/css/PIE.htc);
}
#wp_featured .featured-post-excerpt p{
     color: #fff;
     font-size: 18px;
     line-height: 24px;
}
#wp_featured .img-wrapper{

     margin-bottom: 10px;
     -webkit-border-radius: 0 8px 8px 8px;
     -moz-border-radius: 0 8px 8px 8px;
     border-radius: 0 8px 8px 8px;
     behavior: url(/css/PIE.htc);      
     height: 115px;
     overflow: hidden;
     text-indent: -999em;
     width: 215px;
}
/*#wp_featured .img-wrapper img{
     display: none;
}*/


#shops div.photoModule{
     width: 725px;
     height: 245px;
     background: url('/img/imgviewer/imgViewer-pink.png');
}




.button a{
     background: #FF14AA;
     color: #fff;
     display: block;
     font-family:  Snog;
     font-size: 15px;
     line-height: 36px;
     padding: 0 10px;
     text-decoration: none;
     -webkit-border-radius: 0 8px 8px 8px;
     -moz-border-radius: 0 8px 8px 8px;
     border-radius: 0 8px 8px 8px; 
}
.button a:hover{
     background: #5a5041;
}