/*h1 {
	font-family:Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:30px;
	line-height:20px;
}

h1 .subhead {
	font-size:20px;
	font-weight:lighter;
}
*/
body {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:small;
	line-height:1.5;
		background-color: #fff;

}




.hidedesk
{
display:none;
}



body {
/*background-image: url("http://images.hearstmagazines.co.uk/ads/Chanel/chanelchance-skin.jpg");*/
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-color: #ffffff;
}






#articlewrapper
{


}

#articlecontainer
{
	
	

width:100%;
  float: left;
  margin-right: -330px;
}

#article
{
  margin-right: 330px;


}

#sidebar

{
float: right;
width: 310px;

}



.relatedstories ul li .sideheading{
		font-family:Lato,Helvetica,Verdana,Arial,sans-serif;
	font-weight:300;
	font-size:20px;
	line-height:20px;
/*border: 1px green dotted;*/
padding-top: 5px;
margin-right: 25px;
}

.relatedstories ul li .sideheading a {
color: black;	
font-weight: 400;}

.relatedstories ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;

}


.relatedstories li
{
background: #EEE;
min-height: 100px;
/*border: blue 1px dotted;*/
margin-bottom: 5px;
padding: 5px;}

.relatedstories li img
{
width:100px;
float:right;
border: 5px #FFF solid;}


#fragbottom
{
max-width:960px;
width:100%;

}


#fragbottoml
{
/*max-width:640px;
width:100%;
float:left;
display: inline;
*/
float:left;width:100%;margin-left:-320px
}


#fragbottomlc
{
margin-left:320px
}

#fragbottomr
{
float: right;
display: inline;
width:320px;

}



#fragpic
{
width:300px;
text-align: center;
float: left;
}

#fraginfo
{
width:300px;
float: left;


}
#topad
{
width:300px;
float:right;


}





#wardroberating
{
width:940px;
clear:both;
}

#contentbn
{

background-color: white;
/*border: blue 2px solid ;*/

}


#fragdesc
{
width:460px;
float: left;
}


#fragshops
{
width:460px;
float: right;
}

#fragnotes
{
width:460px;
float: right;
}



#articletext
{
font-family:'Open Sans',Helvetica,Arial,sans-serif;
line-height: 1.8em;
color: #444;
font-size: medium;
}

#articletext p
{
margin-left: 20px;
margin-right: 20px;
margin-bottom: 30px;

}


.frontpage
{
width: 295px;
margin: 5px;
float: left;
padding: 5px;

}






.webform ul {
    width:100%;
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    padding:0px;
}


.webform label {
    width:150px;
    margin-top: 3px;
    display:inline-block;
    float:left;
    padding:3px;
}

.webform input {
    height:20px; 
    width:60%; 
    padding:5px 8px;
}

input.smallinput{
    height:20px; 
    width:4em; 
    padding:5px 8px;
}

.webform textarea  {padding:8px; width:400px;}
.textareatall {height:300px;}
.textareashort {height:80px;}

.webform button {margin-left:156px;}


.bncol1
{
float:right;
width:30%;

}

.bncol2
{
padding-left: 20px;
border-right:1px dotted gray;
float:left;
width:65%;
}





.dirwrap {
    position: relative;
    overflow:hidden;

}
.dirleft {
    float:left;
    width:100%;
}
.dirleft-content {
    margin-right:360px;

}
.dirright {
    float:right;
    width: 340px;
    margin-left: -340px;

}







.dirwrap50 {
    position: relative;
    overflow:hidden;

}
.dirleft50 {
    float:left;
    width:48%;
}
.dirleft-content50 {
    padding-right: 2%;


}
.dirright50 {
    float:right;
    width: 45%;
border-left:1px solid #f8f8f8;
    padding-left: 3%;
    padding-right: 2%;
}




.dirwrap2 {
    padding-right: 360px;
    overflow:hidden;

}

.dirleft2 {
    float:left;
    width:340px;
}
.dirleft-content2 {

}
.dirright2 {
    float:right;
    width: 100%;
    margin-right: -360px;
}

.frontshopside
{
	
	padding-left: 26px;
	padding-right: 26px;
	
}

.frontshopside li a
{
	width: 100%;

margin: 0;
	margin-bottom: 10px;
	height:75px;
	font-weight:300;
	font-size:24px;
	line-height:30px;
	padding-top: 15px;
}


.moreways{
	display: block;
}
.moreways2{
	display: none;
}


.frontdivleft
{
	
	
	float: left;
}

.frontdivright
{
	
	
	float: right;
}

.frontdiv50
{
	width: 48%;
	overflow:hidden;
}

.frontdiv75
{
	width: 64%;
	overflow:hidden;
	border-right: #f8f8f8 2px solid;
}


.frontfraglist ul > li
{
width:16%;
float: left;	
height: 230px;	
overflow: hidden;
min-width: 150px;
}

.frontdiv25
{
	width: 31%;
	overflow:hidden;
padding-right: 2%;

}

.frontdivfloat25
{
	width: 31%;
	overflow:hidden;
padding-right: 2%;

}

.clearingdesktop {
  height: 0;
  clear: both;
  	border-bottom: 5px solid #6fb85b;
	margin-bottom: 20px;
	padding-bottom: 20px;

}

.frontblockimage
{
	
/*	height: 250px;*/
}



.featurepicleft{
	
	float:left;padding:20px 20px 20px 70px;margin-right:20px;padding-bottom:30px;
	
	
	}	


.featurepicright{
	
	float:right;padding:20px 70px 20px 20px;margin-left:20px;padding-bottom:30px;
	
	
	}	




.staffcontribpage .staffpic
{


width:230px;
height: 230px;

}


#sidebar .sidebarsmalltext
{
	
padding: 0 0 0 110px;
}


#sidebar .sidebarsmallpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 100px;

}

#sidebar .sidebartext
{
	padding-top: 5px;
text-align: center;}


#sidebar .sidebarpic
{
	
text-align: center;

}



#sidebar
{
	width: 300px;
padding-left:10px;	
}

#sidebar li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 70px;


}



#podcastsidebar .sidebarpodtext
{
	
padding: 0 0 0 35px;
}

#podcastsidebar .sidebarpodtext a
{
color: black;
}

#podcastsidebar .sidebarpodpic
{
	
   position: absolute;
   left: 0;
   top: 0;
   width: 32px;

}

#podcastsidebar
{
	width: 300px;
padding-left:40px;	
}



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

}

#podcastsidebar li
{

padding-top:10px;
padding-bottom:10px;

border-bottom: 3px solid rgb(248, 248, 248);
   position: relative;
   margin: 5px; 
   padding: 5px;
   min-height: 32px;


}

#podcastsidebar img
{
	width: 32px;
}



.articlesideright
{
	width:64%;
	float: right;
	
	}
	
	.articlesideright li
{
	width:44%;
	float: left;
	border-bottom: 0;
	padding-bottom: 15px;
	min-height: 200px;
	}
	
		.articlesideright li img
{
	width:100%;
max-width:250px;
	}
	
	
	.articlesideleft{
		min-width: 250px;
			width:24%;
float:left;
		}