﻿@charset "utf-8";
/* CSS Document */ 

a* 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#666666;
}


#masterbody {
background:white;
}

#container {
	width:888px;
/*	height:700px; */
	background:#fff;/*this colour will be left column colour */
	background: url(/interface/images/bg_inner.jpg) repeat-x;/*this is the background colour of the left column */
	margin:auto;/* centre for compliant browsers*/
	text-align:left;
	border:0px solid #000;
}

#header {
	height:73px;
	border:0px none #000;
	background:#fff;
	
}

#maincontent {
	position:relative;
	border: 0px none #000;
	width:888px;
/*	height:660px; */
	top: 0px;
}

#snap_logo
{
	position:relative;
	float:right;
	width: 165px;
	height:75px;
	margin:0px;
    text-align:right;
	
}

#content_flash{
	position:relative;
	float:left;
	width: 888px;
	height: 245px;

}

#content_flash_img{
	position:relative;
	float:left;
	width:633px;
}


#content_flash_find{
	position:absolute;
	float:right;
	width:257px;
	height:245px;
	background:url(/interface/images/snap_find_bg.jpg) no-repeat;
	left: 633px;
	top: 0px;
}


#content_flash_find h1{
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    font-style:italic;
    color:#1876b4;
    padding:20px 10px 0px 10px;
}


.pst{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#1876b4;
}


#content_flash_find p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#626260;
    padding:0px 5px 0px 10px;
}

#postcode{
    padding:0px 5px 0px 55px;
}

#content_flash_login{
	position:absolute;
	float:right;
	width:255px;
	height:245px;
	background:url(/interface/images/snap_login_bg.jpg) no-repeat;
	display:none;
	left: 633px;
	top: 0px;
}

#content_flash_login p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#5f6465;
    padding:0px  10px 20px 20px;

}

#content_flash_login h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#1876b4;
    padding:20px  10px 0px 20px;

}


#content_flash_login h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#1876b4;
    padding:0px 0px 0px 0px;
    /*padding:10px 0px 0px 0px;*/
}

#content_flash_login a:link{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
}


#content_flash_login a:visited{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
}

#content_flash_login a:hover{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
}

#content_desc
{
	position: relative;
	z-index:5;
	float:left;
	width: 888px;
/*	height: 225px; */
	background-color:#ffffff;
}


#content_desc p,
#content_desc li,
#content_desc p li,
#content_desc a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#7C7C79;
}

#content_desc p {
	margin:0px 5px 5px 5px;

}


#content_desc img
{
    margin:0px 0px 0px 0px;
}


#content_desc h2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#1876b4;
    padding:20px  10px 0px 5px;
}

#content_desc h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#959A9D;
    margin:0px 0px 0px 5px;
}

#content_desc h3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#1876b4;
    padding: 10px 0px 0px 0px;
}



#content_desc h4{
    margin:0px 0px 0px 5px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
}


#menu_flash
{
    position:relative;
    width:888px;
    height:30px;
    z-index:0;
}

#desc1 {
	position:absolute;
	z-index:5;
	width: 176px;
	height: 225px;
	background-color:#E2E2E2;
	left: 0px;
	top: 0px;
}


#desc2 {
	position:absolute;
	width: 176px;
	height: 225px;
	left: 178px;
	top: 0px;
	background-color:#E2E2E2;

}


#desc3 {
	position:absolute;
	width: 176px;
	height: 225px;
	left: 356px;
	top: 0px;
	background-color:#E2E2E2;
}

#desc4 {
	position:absolute;
	width: 176px;
	height: 225px;
	left: 534px;
	top: 0px;
	background-color:#E2E2E2;
}


#desc5 {
	position:absolute;
	width: 176px;
	height: 225px;
	left: 712px;
	top: 0px;
	background-color:#E2E2E2;
}


#footer {
	position:relative;
	z-index:2;
	text-align:center;
	height: 56px;
	background: url(/interface/images/bg_footer.jpg) repeat-x;/*this is the background colour of the left column */
}


#footer a {
	font-size: 12px;
}



#footer p
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#959A9D;
}

.clearfix {
    display:inline-block;
	height:1px;
}

a:link
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#959A9D;
text-decoration:none;
}

a:visited
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#959A9D;
text-decoration:none;
}

a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#959A9D;
text-decoration:underline;
}

table{
/* margin-top:-10px; */
margin-top:0px;
/*margin-top:-16px; */
margin-left:10px;
}

.webkit table{
margin-top:-6px;
margin-left:10px;
}

.PromoTitles a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bolder;
font-style:italic;
/*color:#959A9D;*/
color:#ffffff;
text-decoration:none;
}
.PromoTitles td{
    width:320px;
}





#left {
	width:600px;
	border:red solid 10px;
}

table#user_info 
{
    width:100%
}

.leftcol 
{
    text-align:right;
    width:90px;
    color:#1876b4;
    vertical-align:top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:normal;  
}


.rightcol
{
    text-align:left;
    
    color:#1876b4;
    vertical-align:text-top;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;  
}


#right{
    position:relative;
    float:right;
    width:610px;
    margin-top: 0px;
    padding-right:50px;
}
#left{
    position:fixed;
    float:left;
}


#fullwidth{
    position:relative;
/*    float:right;*/
    width:888px;
    margin-top: 0px;
    padding-right:50px;
}

#menu {
	position : relative;
	float:left;
	top: 44px;
	left:0px;
	width: 700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
    z-index:9;
    
}

#qr 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#eea700;
	font-style:italic;
}

#qr .t1 
{   /*Heavy Orange text for survey pages */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#eea700;
	font-style:italic;
	padding-top:10px;
	padding-bottom:5px;

}

#qr .t2
{   /*Light Orange text for survey pages */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#eea700;
	font-style:italic;
	text-align:right;
}

#qr .t3
{   /*Light Greytext for survey pages */
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#808080;
	font-style:italic;
}

#qr table 
{
    margin-top:0px;
    margin-left:0px;
    width:888px;
    empty-cells:show;
}

#qr table tr
{
    height:30px;
}


#qr .col1 
{
    background-image:url('/interface/images/orange_banner.gif');
    background-repeat:repeat-x;
    width:150px;
    text-align:right;
}
#qr .col2 
{
    background-image:url('/interface/images/grey_banner.gif');
    background-repeat:repeat-x;
    width:10px
}
#qr .col3
{
    background-image:url('/interface/images/grey_banner.gif');
    background-repeat:repeat-x;
}


.survey tr 
{
    height:27px;
}

.pagebanner 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:white;
    
}

#infowindow {
	text-align:left;
	margin-left:0px;	
}

#infowindow h3 {
	color:black;
	font-size:14px;
	padding-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 0px 0px;
}

#infowindow p {
 	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:black;
	margin:5px 0px 0px 0px;
}


#infowindow a {
	color:#7C7C79;
	font-size:12px;
}


#infowindow_email {
	color:#1876b4;
	font:icon;
}


#centre_controls {
	position:absolute;
	left:0px;
	top:148px;
}

#centre_controls a:link,
#centre_controls a:visited
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#1876b4;
}


#centre_controls .login {
	border: 0px solid red; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#1876b4;
}

#centre_controls input{
    border: 0px solid red; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:normal;
    color:Black;
}

#flashnav 
{
	position:absolute;
	z-index:2;
}

#divLowBanner 
{
	position:relative;
	z-index:50;
	top:0px;
	width:888px;
	height:55px;
}



 /* mac hide \
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}*/
 /* End hide */
/* do not change or amalgamate clearfix styles*/
