@charset "utf-8";

body{
	font-family:Verdana, arial, sans-serif;
	}
	
h1{
	font-size:2.75em;
	color:#FFFFFF;
	font-weight:normal;
	line-height:1;
	margin:0.25em 0 0.25em 0;
}
	
h2{
	font-size:1.25em;
	line-height:1;
	margin:0;
}

#maintext h1 {
	color: #404040;
	font-size: 1.8em;
	font-weight:bold;
	line-height:1.5;
	margin:0.25em 0 0.25em 0;
}

#maintext h2{
	font-size:1.3em;
	font-weight:bold;
	color:#404040;
	line-height:1.2;
	margin: 10px 0;
}


#sidenav a{
	text-decoration:none;
}

#sidenav a:hover{
	color:black;
}

#header .grey {
	color:lightGrey;
}
.grey, .grey a, .grey a:visited{
	color:#404040;
/*	text-decoration:none;*/
}

.grey a:hover{
	color:#404040;
	text-decoration:none;
}

.lightblue, .lightblue a, .lightblue a:visited{
	color:#9148c2;
	text-decoration:none;
}

.lightblue a:hover{
	color:#9148c2;
	text-decoration:underline;
}

.white, .white a, .white a:visited{
	color:#FFF;
	text-decoration:none;
}

.white a:hover{
	color:#fff;
	text-decoration:underline;
}

.blue, .blue a, .blue a:visited{
	color:#9148c2;
	text-decoration:none;
}

.blue a:hover{
	color:#9148c2;
	text-decoration:underline;
}

.lightgrey{
	color:#737373;
}

#buttonwrapper{
	margin-top:10px;
}

#buttonwrapper a{
	line-height:31px;
	cursor:hand;
	font-size:0.9em;
}

#buttonwrapper span.left{
	background:url(../../images/purple/button-left.png);
	width:15px;
	height:30px;
	display:inline;
	float:left;
}

#buttonwrapper span{
	background:url(../../images/purple/buttonbg.png);
	background-repeat:repeat-x;
	height:30px;
	display:inline;
	float:left;
}

#buttonwrapper span.right{
	background:url(../../images/purple/button-right.png);
	width:15px;
	height:30px;
	display:inline;
	float:left;
}

.defaultbg{
	background-color:#fff;
}

.homebg{
	background-color:#4ba4c2;
}
.hometitle{
	color:#4ba4c2;
}

.aboutusbg{
	background-color:#399;
}
.aboutustitle{
	color:#399;
}
	
.practiceservicesbg{
	background-color:#933;
}
.practiceservicestitle{
	color:#933;
}

.onlineservicesbg{
	background-color:#606;
}
.onlineservicestitle{
	color:#606;
}

.selfcarebg{
	background-color:#360;
}
.selfcaretitle{
	color:#360;
}

.helpbg{
	background-color:#bc1236;
}
.helptitle{
	color:#bc1236;
}

.miscbg{
	background-color:#9C0;
}
.misctitle{
	color:#9C0;
}

.newsbg{
	background-color:#006;
}
.newstitle{
	color:#006;
}

.right{
	text-align:right;
	}

.center{
	text-align:center;
}

.floatright{
	float:right;
}

.verticalcenter{
	display:table-cell;
	vertical-align:middle;
}

.imgjog{
	margin-left:-4px;
}

#background{
	background:#FFFFFF url('../../images/purple/bg.gif') repeat-x;
	}

#header{
	height:135px;
	display:table;
}

#headerlinks{
	width:260px;
	margin-right:-10px;
}

#sidenav{
	width:198px;
	background-color:#FFF;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
}

#sidenav ul{
	list-style-type:none;
	margin:0;
	width:178px;
}

#sidenav li{
	border-bottom:#ccc 1px solid;
	padding:5px 10px;
	width:178px;
}

#sidenav li.breadcrumb{
	padding:0px 10px;
	margin-bottom:-5px;
	border-bottom:none;
}

#sidenav li.aboutus{
	background-color:#399;
	text-transform: uppercase;
	font-weight:bold;
}
	
#sidenav li.practiceservices{
	background-color:#933;
	text-transform: uppercase;
	font-weight:bold;
}

#sidenav li.onlineservices{
	background-color:#606;
	text-transform: uppercase;
	font-weight:bold;
}

#sidenav li.selfcare{
	background-color:#360;
	text-transform: uppercase;
	font-weight:bold;
}

#sidenav li.help{
	background-color:#bc1236;
	text-transform: uppercase;
	font-weight:bold;
}

#sidenav li.misc{
	background-color:#9C0;
	text-transform: uppercase;
	font-weight:bold;
}

.main li{
	list-style-type:none;
	border-bottom:#ccc 1px solid;
	padding:5px 0px;
	margin-left:-18px;
}

#newsbg{
	position:relative;
	height:28px;
	padding-bottom:10px;
}

#newstitle{
	position:absolute;
	top:11px;
	left:11px;
}

#news{
	width:190px;
	padding:11px 0px 0px 10px;
}

#newsfooter{
	background-image:url(../../images/purple/newsnav-bottom.gif);
	height:25px;
	width:190px;
	padding:6px 0px 0px 10px;
}

#telephone{
	width:530px;
	margin:10px -10px 0px 0px;
}

#mainimgbg{
	width:720px;
	margin:15px -10px 0px 0px;
}

#mainimgborder{
	background-image:url(../../images/purple/mainimgbg.gif);
	background-repeat:repeat-x;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	width:678px;
	padding:20px;
}

#mainimgblock{
	width:678px;
	border:#ededed solid 1px;
	margin-top:-20px;
	min-height:52px;
	position:relative;
}

#mainimgtext{
	position:absolute;
	width:598px;
	padding:20px 30px;
	top:0px;
	bottom:-20px;
}

#mainftlefttitlebg, #mainftrighttitlebg, #maintitlebg{
	position:absolute;
	bottom:-20px;
	height:45px;
	padding:5px 10px 0px 10px;
	overflow:hidden;
}

#mainftlefttitlebg, #mainftrighttitlebg{
	width:270px;
	background-image:url(../../images/purple/mainfeaturetitle.png);
}

#mainftlefttitlebg{
	left:20px;
}

#mainftrighttitlebg{
	right:20px;
}

#mainfttitlebg{
	line-height:2.5;
	position:absolute;
	width:618px;
	bottom:-20px;
	left:20px;
	height:45px;
	padding:5px 10px 0px 10px;
	background-image:url(../../images/purple/mainfeaturetitlelong.png);
	overflow:hidden;
}

#mainftbg, #mainftlongbg{
	background-repeat:repeat-y;
	border-bottom:#ccc 1px solid;
}

#mainftbg{
	background-image:url(../../images/purple/mainfeaturebg.gif);
	width:678px;
	padding-left:42px;
	margin:19px -10px 0px -21px;
}

#mainftlongbg{
	background-image:url(../../images/purple/mainfeaturelongbg.gif);
	width:618px;
	padding:0px 50px 20px 52px ;
	margin:19px -10px 0px -21px;
}

#mainftlefttext, #mainrighttext{
	width:270px;
	padding-bottom:10px;
}

#mainftlefttext{
	padding-left:10px;
	margin-right:70px;
}

#mainftrighttext{
	padding-left:10px;
}

#maintext{
	margin-left:40px;
	padding:36px 0px 18px 10px;
}

#maintext hr{
	margin-top:10px;
	height:1px;
}

#resourceslefttitle, #resourcesrighttitle{
	background:url(../../images/purple/resourcestitlebg.gif);
	width:270px;
	height:16px;
	padding:12px 10px;
}

#resourceslefttitle{
	margin:0px 59px 0px 41px;
}

#featuresbg{
	background:url(../../images/purple/featuresbg.gif);
	background-repeat:repeat-x;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-top:#ccc 1px solid;
	width:640px;
	padding:0px 40px;
	margin-bottom:-8px;
}

#featuresleftbox, #featuresrightbox{
	width:268px;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
	padding:10px;
}

#featuresleftbox{
	margin-right:59px;
}

#featuresleftbox ul, #featuresrightbox ul{
	list-style-type:none;
	margin:0;
	}

#featuresleftbox img, #featuresrightbox img{
	margin-right:10px;
}

#icons{
	width:640px;
	text-align:center;
}

#icons img{
	margin:0px 10px 10px 10px;
}

#staff, #openinghours, #galleryleft{
	margin-left:-8px;
}

#staffborder, #openinghoursborder, #enquireborder{
	width:626px;
	padding-left:10px;
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
}

#staffimg{
	border:#ccc 1px solid;
	width:88px;
}

#stafftext{
	width:506px;
	margin-left:30px;
}

#openinghourstable{
	margin:10px 0px 0px -11px;
	width:637px;
	border-bottom:#cccccc 1px solid;
}

#openinghourstable td, #openinghourstable th{
	width:80px;
	text-align:center;
	border-top:#cccccc 1px solid;
	border-left:#cccccc 1px solid;
}

#openinghourstable th{
	color:#9148c2;
	font-style:italic;
	font-weight:bold;
	background-color:#f2f2f2;
}

#enquireborder{
	border-bottom:#cccccc 1px solid;
	padding-bottom:10px;
}

#footer{
	border-left:#65278f 1px solid;
	border-right:#7c34a8 1px solid;
	margin-left:230px;
	width:720px;
}

.footerleft{
	border-left:#7c34a8 1px solid;
	border-right:#65278f 1px solid;
	padding:18px 50px;
	width:258px;
	height:153px
}

.footerright{
	border-right:#65278f 1px solid;
	border-left:#7c34a8 1px solid;
	padding:18px 50px 18px 42px;
	width:266px;
	height:153px
}

#language{
	margin-right:15px;
}

/** FORM ELEMENTS **/
.quicklinks, search{
	border:1px solid #dde1e4;
}
	
.quicklinks{
	width:77%;
	margin-bottom:14px;
	height:21px;
}

.search{
	width:75%;
}

.enquire, .enquiredetails{
	margin:0;
	background:#f2f2f2;
	border:#cccccc 1px solid;
}

.enquire{
	width:300px;
}

.enquiredetails{
	height:150px;
	width:600px;
}

.col1 {
	color:#FFF;
	text-shadow:#000 0px 1px 1px;
}
.col2 {
	color:#737373;
	text-shadow:#FFF 0px 1px 1px;
}
.col3 {
	color:#404040;
	text-shadow:#FFF 0px 1px 1px;
}
.left {
	text-align:left;
}
.centre {
	text-align:center;
}
.right {
	text-align:right;
}

/** FAQS **/

#questions{
	margin-bottom:36px;
}

#questions li{
	list-style-type:none;
	border-bottom:#ccc 1px solid;
	padding:5px 0px;
	margin-left:-18px;
}

#questions ul li a{
	font-weight:bold;
	text-decoration:none;
}

#questions ul li a:hover{
	text-decoration:underline;
}

#answers ul li{
	margin:0px 0px 36px -18px;
	clear:both;
	list-style-type:none;
}

.current-faq{
	background-color:#e9e9e9;
	padding:10px;
}

.current-faq h4{
	font-weight:bold;
	font-size:1.5em;
}

.top-button, .top-button a{
	background:url('http://yoursurgerywebsite.co.uk/images/silver/button-top.gif') no-repeat;
   	text-decoration:none;
   	font-weight:bold;   
   	float:right;
   	position:relative;
	width:76px;
	height:26px;
	padding-top:5px;
	margin:22px -11px 0px 0px;
	text-align:center;
}

#icons ul {
	dipslay:inline;
}
#icons ul li{
	float:left;
	list-style-type:none;
}
#login input {
	margin-right:80px;
}