/*	

ESM Template Mk 2.0
http://www.emarketingsupport.co.uk

*/






/*  	----Main Layout Settings----	*/






body, html
{
background: #ffffff url('images/bg-master.gif') repeat-x;
min-width:850px;
padding: 0px;
margin: 0px;
}



#wrap
{
position: relative;
width: 850px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
}



#top-banner-left
{
position: relative;
float: left;
width: 415px;
height:109px;
padding: 10px 0px 20px 10px;
margin: 0px 0px 0px 0px;
}

#top-banner-right
{
position: relative;
float: left;
width: 425px;
height:39px;
padding: 75px 0px 25px 0px;
margin: 0px 0px 0px 0px;
text-align: right;
}

#nav1
{
position: relative;
float: left;
width: 800px;
height:34px;
padding: 0px 25px 0px 25px;
margin: 0px 0px 0px 0px;
background: #ffffff;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
text-align:center;  
}

#left-content-wrap
{
position: relative;
float: left;
width: 282px;
padding: 0px 0px 0px 0px;
margin: 18px 0px 0px 0px;
}


#left-content-header
{
position: relative;
float: left;
width: 282px;
height:29px;
padding: 0px 0px 0px 0px;
margin: 18px 0px 0px 0px;
background: transparent url('images/right-content-header.gif'); 
text-align: left;
}


#right-content-header
{
position: relative;
float: left;
width: 550px;
height:29px;
padding: 0px 0px 0px 0px;
margin: 18px 0px 0px 18px;
background: transparent url('images/left-content-header.gif'); 
text-align: left;
}

#nav2-header
{
position: relative;
float: left;
width: 282px;
height:29px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: transparent url('images/right-content-header.gif'); 
text-align: left;
}

#left-content
{
position: relative;
float: left;
width: 240px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: transparent; 
}

#left-content-body
{
position: relative;
float: left;
width: 240px;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 0px;
background: #ffffff; 
text-align:left;
border-top: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}


#right-content-body
{
position: relative;
float: left;
width: 508px;
padding: 20px 20px 20px 20px;
margin: 0px 0px 0px 18px;
background: #ffffff; 
text-align: left;
border-top: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}

#nav2-body
{
position: relative;
float: left;
width: 240px;
padding: 10px 20px 20px 20px;
margin: 0px 0px 0px 0px;
background: #ffffff; 
text-align:left;
border-top: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}


#linkbox-header
{
position: relative;
float: left;
width: 850px;
height:21px;
padding: 0px 0px 0px 0px;
margin: 18px 0px 0px 0px;
background: transparent url('images/linkbox-header.gif');  
}

#linkbox-body
{
position: relative;
float: left;
width: 838px;
padding: 10px 5px 10px 5px;
margin: 18px 0px 0px 0px;
background: #ffffff url('images/linkbox-bg.gif') repeat-x;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
border-top: 1px solid #C1C1C1;  
}


#footer-left
{
position: relative;
float: left;
width: 415px;
padding: 10px 0px 20px 10px;
margin: 0px 0px 0px 0px;
text-align: left;
}

#footer-right
{
position: relative;
float: left;
width: 415px;
padding: 10px 0px 20px 10px;
margin: 0px 0px 0px 0px;
text-align: right;
}



/*  	----Top Banner Right Settings----	*/

#top-banner-right p 
{
font-size: 18px;
font-family: calibri, arial, sans-serif;
color: #7b7b7b;
line-height: 39px;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#top-banner-right .telephone-red 
{
font-size: 30px;
font-family: calibri, arial, sans-serif;
color: #de1d21;
line-height: 39px;
font-weight: bold;
}






/*  	----Navigation 1 Settings----	*/

#nav1 ul 
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#nav1 ul li
{
display: inline;
margin: 0px 25px 0px 25px;
padding: 0px 0px 0px 0px;
}

#nav1 ul li a
{
font-size: 14px;
font-family: arial, sans-serif;
color: #7b7b7b;
line-height: 34px;
font-weight: bold;
text-decoration: none;
}

#nav1 ul li a:hover
{
font-size: 14px;
font-family: arial, sans-serif;
color: #de1d21;
line-height: 34px;
font-weight: bold;
text-decoration: none;
}





/*  	----Navigation 2 Settings----	*/

#nav2-body ul 
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
#nav2-body ul li
{
margin: 0px 5px 0px 5px;
padding: 0px 0px 0px 0px;
}

#nav2-body ul li a
{
font-size: 14px;
font-family: arial, sans-serif;
color: #7b7b7b;
line-height: 34px;
font-weight: bold;
text-decoration: none;
}
#nav2-body ul li a:hover
{
font-size: 14px;
font-family: arial, sans-serif;
color: #de1d21;
line-height: 34px;
font-weight: bold;
text-decoration: none;
}







/*  	----Content Settings----	*/


#right-content-header h1
{
font-size: 14px;
line-height: 29px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold; 
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}




#right-content-body h1
{
font-size: 14px;
line-height: 29px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#right-content-body h2
{
font-size: 14px;
line-height: 16px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold;
background: url('images/red-underline.gif') bottom repeat-x; 
padding: 5px 0px 5px 0px;
margin: 0px 0px 10px 0px;
}

#right-content-body h3
{
font-size: 12px;
line-height: 14px;
font-family: arial, sans-serif;
color: #de1d21;
font-weight: bold; 
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}



#right-content-body p
{
font-size: 12px;
line-height: 18px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal; 
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 0px;
}

#right-content-body a
{
color: #7b7b7b;
text-decoration: underlined;
}

#right-content-body a:hover
{
color: #de1d21;
text-decoration: underlined;
}


#left-content-ad-no-pad
{
position: relative;
float: left;
width: 280px;
padding: 20px 0px 0px 0px;
margin: 20px 0px 0px 0px;
background: #ffffff; 
border-top: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}

#left-content-ad-pad
{
position: relative;
float: left;
width: 240px;
padding: 10px 20px 40px 20px;
margin: 20px 0px 0px 0px;
background: #ffffff; 
border-top: 1px solid #C1C1C1;
border-left: 1px solid #C1C1C1; 
border-right: 1px solid #C1C1C1;
border-bottom: 1px solid #C1C1C1;
}


#left-content h1
{
font-size: 14px;
line-height: 18px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold; 
padding: 15px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#left-content p
{
font-size: 12px;
line-height: 14px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal; 
padding: 15px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}

#left-content img
{
border: 0px;
}

#left-content ul
{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 20px;
list-style: square inside;
}

#left-content ul li
{
margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
font-size: 12px;
line-height: 14px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold;
text-decoration: none;
}

img.floatright 
{ 
    float: right; 
    padding: 0px 20px 0px 20px;
    margin: 0px 0px 0px 0px; 
}

img.floatleft 
{ 
    float: left; 
    padding: 0px 20px 0px 0px;
    margin: 0px 0px 0px 0px; 
}

img.floatleft-red 
{ 
    border-style: outset;
    border-width: 2px;
    border-color: #de1d21;
    float: left; 
    padding: 0px 0px 0px 0px;
    margin: 0px 20px 10px 0px; 
}

.imageleft
{
    padding: 0px 0px 0px 0px;
    margin: 50px 0px 0px 0px;

} 



#right-content-body ul
{
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
list-style: circle inside;
}


#right-content-body li
{
margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none;
}


label 
{ 
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none; 
}

.field_title 
{ 
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none; 
}

.captcha_expl
{ 
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none; 
}



/*  	----Linkbox Settings----	*/


.linkbox 
{
position: relative;
float: left;
padding: 0px 30px 0px 30px;
border-right: 1px solid #C1C1C1;
}


.linkbox h1
{
font-size: 14px;
line-height: 16px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.linkbox ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

.linkbox ul li
{
margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none;
}

.linkbox ul li a
{
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none;
}

.linkbox ul li a:hover
{
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #de1d21;
font-weight: normal;
text-decoration: none;
}


.linkboxlast 
{
position: relative;
float: left;
padding: 0px 30px 0px 30px;
}


.linkboxlast h1
{
font-size: 14px;
line-height: 16px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: bold; 
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}


.linkboxlast ul
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}

.linkboxlast ul li
{
margin: 0px 0px 0px 5px;
padding: 5px 0px 0px 0px;
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none;
}

.linkboxlast ul li a
{
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #7b7b7b;
font-weight: normal;
text-decoration: none;
}

.linkboxlast ul li a:hover
{
font-size: 11px;
line-height: 12px;
font-family: arial, sans-serif;
color: #de1d21;
font-weight: normal;
text-decoration: none;
}


/*  	----Footer Settings----	*/

#footer-left p 
{
font-size: 10px;
font-family: arial, sans-serif;
color: #7b7b7b;
line-height: 14px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#footer-right p 
{
font-size: 10px;
font-family: arial, sans-serif;
color: #7b7b7b;
line-height: 14px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}




















