/* Start of CMSMS style sheet 'dcs-style' */
@charset "UTF-8";
/* CSS Document */

html {
margin:0;
padding:0;}

body {
	margin:0;
	padding:0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:1em;
	text-align: left;
	color: #375185;
	
	}

#left-content ul {
font-size:.8em;
}

h1 {

font-size:1.5em;
margin:5px 20px 5px 20px;
padding:0;
font-weight:normal;
color:#ff970a;}

h2 {font-size:1.4em;
margin:10px 20px 3px 20px;
color:#ff970a;
font-weight:normal;
}

h3 {font-size:1.2em;
margin:3px 20px 3px 20px;
color: #2b618a;
font-weight:normal;}

.currentpage h3 {
height:38px;
padding:1px 10px;
line-height:38px;
color:#FFFFFF;
text-decoration:none;
font-size:.8em;
margin:0;
background:  transparent url(images/menu-over.gif) repeat-x center;}

#menu ul li ul li .currentpage h3 {
border-right: 1px solid #c0cedd;
border-left: 1px solid #c0cedd;
border-bottom: 0;}

#menu ul li ul li ul li .currentpage h3 {
border-right: 1px solid #c0cedd;
border-left: 1px solid #c0cedd;
border-bottom: 0;}

h4 {font-size:1.1em;
margin:3px 20px 3px 20px;
color:#2b618a;
font-weight:normal;}

h5 {font-size:1em;
margin:3px 20px 3px 20px;
color:#2b618a;
font-weight:normal;}

p {font-size: .8em;
color:#4279a1;
margin: 3px 20px;
line-height:1.4em;}

a img {
border: 0;}




#container {
	margin: 0px auto;
	padding: 0;
	border:0;
	width: 960px;
	background: #fff repeat;
}



/* Header */

#top-head {
background: url(images/header-bg.gif) repeat-x;
padding:0;
margin:0;
height:73px;
}

 h1#logo{
margin:0;
padding:0;}

#logo {
    display: block; /* not needed, but i like to explicitly state it */
    background: url("images/logo.gif") no-repeat;
    width: 273px;
    height: 73px; /* the size of the image */  
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#header {

margin:0;
padding:0;
height: 162px;
background: #3333CC url(images/header-bg-big.gif) repeat-x;
}

#movie {
width:690px;
height:162px;
background: url("images/moviebg.gif") #000066;
float:left;
}

#right-head {
font-weight: bold;
font-size:1.1em;

width: 270px;
float:right;
}

.smalltext {
padding:0 0 0 20px;
color:#FFFFFF;
font-size:.6em;}

#right-head ul{
margin:0;
padding:0;
list-style:none;}

#right-head li{margin:0;
padding:0;}

#right-head li a{
background: url(images/callback.gif);
display: block;
padding: 25px 10px 10px 65px;
height:32px;
width:166px;
text-decoration:none;
color:#fff;
font-size:.8em;
letter-spacing:normal;
font-weight:bold;


}

#right-head li a:hover{
background: url(images/callback-over.gif);
color:#333399;}

.office {
color:#FFFFFF;}
.numbers {
color:#ffd205;}

/* Menu */

#menu {
height:38px;
background: #ffffff url(images/menubg.gif) no-repeat;
padding: 0 0 0 20px;
margin:0;
}

#login-top {
float:right;
margin: 8px 15px 0 0;
font-weight:bold


}

#login-top p{
color:#FFFFFF;
}


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




#menu ul li {
	display:block;
	float:left;
}



#menu li a {
	height:38px;
	padding:12px 10px;
	line-height:38px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:.8em;
	background: transparent;
}



#menu li a:hover {
	background: url(images/menu-over.gif) repeat-x center;
}

#menu li li a:hover {
	background: #000033;
	color:#B9EEE8;
	width:150px;
}

#menu li li a {
	height:auto;
	padding:12px 20px;
	line-height:14px;
	color: #FFFFFF;
	text-decoration:none;
	font-size:.8em;
	background: #003366;
	width:150px;
	display:block;
	border-bottom:1px solid #002448;
}





/* Content */

#content-area {
margin:0;
padding:0;
clear:both;

}

#left-content {
width:690px;
float:left;
padding: 30px 0 0 0;
}


#left-content a {
color:#456789;
}

#left-content a:hover {
text-decoration: none;
color:#456789;
}

#right-content {
width: 270px;
float:right;
margin:0;
padding:0;
}

#login {
float:right;
width:250px;
background:url(images/login-bg.gif);
margin:0px;
margin-top:-5px;
padding:0 0 0 20px;
color:#0048c9;
}

#login p{
color:#ffffff;
}

#login ul {
list-style:none;
margin:20px;
padding:0;

}
#login li {
margin:0;
padding:0;

}

#login li a {
display:block;
list-style:none;
padding:5px 5px;
margin:5px 0;;
border: 1px solid #c28900;
color:white;
background: #e98700;
text-decoration:none;
font-size:.8em;
}

#login li a:hover {
border: 1px solid #00416a;
background: #02629f;
color: #fff600;
}




#login-bottom {
float:right;
width:270px;
height:15px;
background:url(images/login-bottom.gif) no-repeat;
margin:0px;
padding:0px;
}

#video {
width:255px;
float:right;
}

#testimonials {
width:215px;
height:120px;
background:url(images/tesimonials-bg.gif);
padding:20px;
float: right;
text-align:center;
}

#testimonials p{
color:#FFFFFF;
font-size:1em;
margin-top:7px;}

.smalltestimonials {
padding:0;
color:#FFFFFF;
font-size:.6em;}

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

#testimonials li{margin:0;
padding:0;}

#testimonials li a{
background: url(images/testimonials.gif);
display: block;
padding: 12px 15px 10px 15px;
height:18px;
width:170px;
text-decoration:none;
color:#B6D9FF;
font-size:1em;
letter-spacing:normal;
text-align:left;
margin-left:10px;

}

#testimonials li a:hover{
background: url(images/testimonials-over.gif);
color: #fff;}

#months{
width:255px;
height:169px;
float:right;
}

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

#months li{margin:0;
padding:0;}

#months li a{
background: url(images/3months.gif);
display: block;
padding: 125px 5px 10px 60px;
height:34px;
width:180px;
text-decoration:none;
color:#B6D9FF;
font-size:.7em;
letter-spacing:normal;
text-align:left;
margin-left:10px;

}

#months li a:hover{
background: url(images/3months-over.gif);
color: #fff;}

/* Footer */
#clearer {
clear:both;
height: 10px;
}

#footer {
height:122px;
margin:0;
padding:0;
background:#000033 url(images/footer-bg.gif)
}

.footerwhite {
color:#FFFFFF;
font-size:1.2em;}

#glasgow {
width:180px;
height:90px;

float:left;
margin:20px 5px 0px 40px


}
#glasgow p{
font-size:.7em;
color:#78eaff;
font-weight:bold;
}

#edinburgh {
width:220px;
height:90px;

float:left;
margin:20px 5px 0px 10px


}
#edinburgh p{
font-size:.7em;
color:#78eaff;
font-weight:bold;
}

#sunderland {
width:210px;
height:90px;

float:left;
margin:20px 5px 0px 10px


}
#sunderland p{
font-size:.7em;
color:#78eaff;
font-weight:bold;
}

#bacs {
padding:0;
margin:0 0 0 50px;
float:left;
}


.dcs-form{
font-size:.8em;
color:#003270;
}

.dcs-form textarea, input {
background-color:#e0f4ff;
border:1px solid #8dc0da;
color:#003270;
}

.error_message {
font-size:.9em;
color:red;}

/* End of 'dcs-style' */