/********************************************
 * General settings
 */
 
.not-phone, .desktop-only, .tablet-only, .phablet-only, .phone480-only {
  display: none;
}

#container, footer {
  width: 320px;
}

.wrapper {
  width: auto;
}

/*************************
General Layout
**************************/
#big_right_content{
    float: none;
    width: 310px;
}

#left_content{
    width: 320px;
}

/*************************
Header Component
**************************/
div#sticky-top{
	position: relative;
    width: 320px;
}

#logo {
	left: 25px;
    position: relative;
    top: 0;
	margin-right: 0 !important;
}

/*************************
Left Column
**************************/
div#left_content div#content{
	top:0;
}

div#content div.scroll_content{
	height:auto;
}

div.phone-content-foot{
    color: #fff;
    font-size: 20px;
    padding: 12px;
}

div.flin{ background-color: #f7941e; }
div.padn{ background-color:#1279bf; }
div.cats{ background-color:#20469a; }
div.bnof{ background-color:#00a79d; }
div.afr{ background-color:#2ab573; }

/*************************
Pages Content
**************************/
div.left_scrollcontent{
	float:none;
	width:100%;
}

div.left_scrollcontent h1{
	font-size:55px;
	color:#1279bf;
	margin-bottom: 20px;
}

div.left_scrollcontent h2{
	color: #1279bf;
    font-size: 20px;
    line-height: 28px;
}

div.right_scrollcontent h3{
	color: #1279bf;
    font-size: 18px;
	margin-bottom:12px;
}

div.right_scrollcontent{
	float: right;
    width: 100%;
}

/*************************
Home page
**************************/
div#home_content{
	display: none;
	background-position: -246px 273px;
	background-color: #487dc1;
}

div.home_text{
	width: auto;
}

h1#the_head{
	background-position: 147px 4px;
    font-size: 60px;
    line-height: 80px;
}

/****************
Find a funeral form, Find a funeral director form
****************/
div#findafuneraldirector form, div.flin form{
	padding:12px;
}

/****************
forms
****************/
form#notification-list, 
form#notification-subscribe,
form#listing-application{
	width:310px;	
}

form#notification-list label.radio, 
form#notification-subscribe label.radio,
form#listing-application label.radio{
	width: 275px;
}

/****************
Login form
****************/
div#login{
	height:165px;
}

.login-form input.text{
	width: 263px;
}

/****************
Find a funeral director page
****************/
div.director_holder, div.priority{
    height: 320px;
    margin: 0 0 12px;
    width: 290px;
}


div.director_right, div.priority div.director_right{
	height: 225px;
    padding: 0;
    width: 100%;
}

/****************
Find a funeral page
****************/
div.tribute_holder{
    width: 290px;
	margin: 0 0 12px;
}

div.tribute_middle{
	width:290px;
	padding:0;
}

div.funeral_holder{
    width: 290px;
	margin: 0 0 12px;
}

/****************
generic page styling
****************/
p#banner_text{
	font-size: 25px;
    height: 32px;
    line-height: 46px;
    text-indent: 8px;
}

/****************
Tribute manager styling
****************/
div#tribute-manager-head h1{
	font-size: 22px;
    line-height: normal;
    width: 80%;
}


div#colours_carousel_content, div#banners_carousel_content {
    float: left;
    margin-left: 20px;
    width: 44%;
}

/****************
Tributes
****************/




div#mfindafuneral{
    margin-bottom: 180px;	
}
div.flin{
    position: absolute;
    top: 500px;
    width: 320px;
}