/*-----------------------------------------------------------------------------
Default Mobile Style Sheet

version:   1.0
author:    Tom Llewellyn
website:   http://www.swinton.mobi
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

body
{
	font: 62.5%/1.6 Arial, Helvetica, sans-serif;
	margin: 5px;
	background-color: #ef7844;
}
.page-wrapper 
{
	
	background-color: #FFFFFF;
	color: #003366;
	margin: 0;
}
p
{
    font-size: 12px;
	margin: 0;
	padding: 4px 8px;
	color: #000000;
}
ul 
{
	margin:0;
	padding-left:10px;
	margin-left: 10px;
	font-size: 12px;
	list-style-image:url("UserFiles/Images/swinton-logo-60.gif");
	/*background:URL(UserFiles/Images/swinton-logo-60.gif);*/
 
	
}

li #Motor
{
    
    float:left;
    position:relative;
}

li, li a
{
    color: #0356a3;
    font-weight: bold;

}
li a:hover
{
    color: #0356a3;
    font-weight: bold;
}

/* =Header
-----------------------------------------------------------------------------*/

.topTitle
{
	height:60px;
	background:#0356a3;
	padding: 10px 0;
}

.logo
{
	width: 109px;
	height: 60px;
	background-color: #ffffff;
	background-image: url(http://swinton.testswinton.co.uk/mobile/UserFiles/Images/swinton-logo-60.gif);
	float: left;
	margin-left:4px;
}

/* =Intro Panel
-----------------------------------------------------------------------------*/

#intro
{
	background-color: #FFFFFF;
	margin:0;
	padding-bottom: 8px;
	
}
#intro h1 
{
	padding: 4px 8px;
	margin: 0;
	color: #0356a3;
	font-size: 18px;
	font-weight: bold;
	background-color:#FFFFFF;
}

#intro p a
{
    color: #0356a3;
	font-size: 18px;
	font-weight: bold;
}
#intro p a:hover
{
    color: #ef7844;
}

/* =Call Claim Panel
-----------------------------------------------------------------------------*/
#introimage
{
    background-image:URL(../../UserFiles/Images/man.jpg);
    background-repeat: no-repeat;
    height: 66px;
}


#CallToClaim 
{
    background-color: #0356a3;
    padding: 8px 0px;
    color: #FFFFFF;
}
#CallToClaim h3
{
	margin:0;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
}
#CallToClaim h3 a /* =as number is clickable */
{
	color: #FFFFFF;
}
#CallToClaim p
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
#CallToClaim p a /* =as number is clickable */
{
	color: #FFFFFF;
}

/* =Welcome Panel
-----------------------------------------------------------------------------*/

#welcome 
{
    background-color: #FFFFFF;
    padding: 8px 0px;
	
}
#welcome h2
{
	margin:0;
	padding: 4px 8px;
	color: #ef7844;
	font-size: 18px;
	font-weight: bold;
}

/* =Call Quote Panel
-----------------------------------------------------------------------------*/

#CallForQuote 
{
    background-color: #d8d9db;
    padding: 8px 0px;
    color: #0356a3;
}
#CallForQuote h3
{
	margin:0;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
}
#CallForQuote h3 a /* =as number is clickable */
{
	color: #0356a3;
}
#CallForQuote p
{
	color: #0356a3;
	font-weight: bold;
	font-size: 14px;
}
#CallForQuote p a /* =as number is clickable */
{
	color: #FFFFFF;
}

/* =Get Quick Quote Panel
-----------------------------------------------------------------------------*/

#GetQuickQuote 
{
    
    background-color: #ef7844;
    padding: 8px 0px;
    color: #FFFFFF;
}
#GetQuickQuote h3
{
	margin:0;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;

}
#GetQuickQuote h3 a /* =as number is clickable */
{
	color: #FFFFFF;
}
#GetQuickQuote p
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
#GetQuickQuote p a /* =as number is clickable */
{
	color: #FFFFFF;
}
#GetQuickQuote img.top
{
    vertical-align:text-top;
    margin-left:20px;
}

/* =Other Insurance Panel
-----------------------------------------------------------------------------*/

#OtherInsurance 
{
    background-color: #FFFFFF;
    padding: 8px 0px;
}
#OtherInsurance h4
{
	margin:0;
	padding: 4px 8px;
	color: #0356a3;
	font-size: 18px;
	font-weight: bold;
}

#OtherInsurance li#motor 
{
    list-style-image:URL(../../UserFiles/Images/motor.jpg);
    margin-left: 30px;        
}
#OtherInsurance li#home 
{
    list-style-image:URL(../../UserFiles/Images/home.jpg);
    margin-left: 30px;        
}
#OtherInsurance li#travel
{
    list-style-image:URL(../../UserFiles/Images/travel.jpg);
    margin-left: 30px;        
}
#OtherInsurance li#business
{
    list-style-image:URL(../../UserFiles/Images/business.jpg);
    margin-left: 30px;        
}
#OtherInsurance li#life
{
    list-style-image:URL(../../UserFiles/Images/life.jpg);
    margin-left: 30px;        
}
/* =Full Site Panel
-----------------------------------------------------------------------------*/

#FullSite 
{
    background-color: #0356a3;
    padding: 8px 0px;
    color: #0356a3;
}
#FullSite h3
{
	margin:0;
	padding: 4px 8px;
	font-size: 18px;
	font-weight: bold;
}
#FullSite h3 a /* =as number is clickable */
{
	color: #0356a3;
}
#FullSite p
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
#FullSite p p2
{
	color: #FFFFFF;
	font-size: 10px;
	margin-left: 120px;
}
#FullSite p a /* =as number is clickable */
{
	color: #FFFFFF;
}