/* Stylesheet: ws-styles.css Modified On 2019-01-10 10:34:49 */
/*###################################################*/
/*##################  RESET  ########################*/
/*###################################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*###################################################*/
/*##############  MAIN STRUCTURE  ###################*/
/*###################################################*/
body {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	background-image: url('https://www.wynnsurgery.co.uk/uploads/images/body-bg.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f3f3f3;
}
body.home {
	font-family: "Lucida Grande", "Lucida Sans", sans-serif;
	background-image: url('https://www.wynnsurgery.co.uk/uploads/images/body-bg-home.jpg');
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #f3f3f3;
}



h1 {
	margin: 0 0 1.2em 0;
	font-size: 18px;
	text-transform:uppercase;
	color: #363636;
	font-weight: normal;
}

h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.0;
	font-weight: normal;
}

h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.0;
	color: #000;
	font-weight: normal
}

h4 {
	margin: 0 0 12px 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.0;
	color: #000;
}

p {
	margin: 0 0 12px;
	padding: 0;
	line-height: 1.0;
}

p.top {
	margin: 12px 0;
	padding: 0;
}

em {
	margin: 0;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #000;
	font-style: italic;
	font-weight: normal;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

.left {
	float: left;
}

.right {
	float: right;
}

img.left {
	padding: 5px;
}

img.right {
	padding: 5px;
}

.clearBoth {
	width: 100%;
	height: 0;
	clear: both;
}

hr {
	color: #ebe9e9;
	background-color: #ebe9e9;
	border-bottom: 1px solid white;
	margin: 10px 0 20px 0;

}

#container {
	width:960px ;
	margin: 0 auto;
	padding: 0;
}

	#header {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
		#logo {
			float: left;
		}

		#logo_right {
			float: right;
		}


	#main {
	overflow: visible;
	} 
	
		
	#left, #middle, #content, #right {
		float: left;
	}
	
	#side_wrap {
		float: left;
		width: 340px;
	}
	#side_top {
		width: 315px;
		height: 15px;
		margin-top: 10px;
		background: url('https://www.wynnsurgery.co.uk/uploads/images/news-feed-box-top.png') center top repeat-y;
		padding: 35px 0 0 25px;
		float: left;
	}

	#side {
		width:265px;
		height: auto;
		background: url('https://www.wynnsurgery.co.uk/uploads/images/news-feed-box-middle.png') center top repeat-y;
		padding: 10px 40px 20px 35px;
		float: left;
	}

	#side_bottom {
		background: url('https://www.wynnsurgery.co.uk/uploads/images/news-feed-box-bottom.png') no-repeat;
		width: 320px;
		height: 105px;
		margin-bottom: 10px;
		padding-left: 25px;
		float: left;
	}

	#feature {
		width:960px;
		float: left;
		margin: 15px auto 10px auto;
		background-image: url('https://www.wynnsurgery.co.uk/uploads/images/image_background.png');
		background-repeat:no-repeat;
		position: relative;
		clear: both;
	}

	#feature img{
		margin: 35px 39px 39px;
		width:884px;
		border: 1px solid #d2d0d0;		
	}

				#strapline_wrap {
				position: absolute;
				top: 350px;
				left: 39px;
				width: 864px;
				height: 61px;
				background: url('https://www.wynnsurgery.co.uk/uploads/images/strapline-bg.png') top left repeat;
				line-height: 61px;
				padding-left: 20px;
				color: #fff;
				}
			
	

	#content {
		width:560px;
		float: right;
		margin: 55px auto;

	}
	#content.home {
		width:560px;
		float: right;
		margin: 150px auto;

	}

	#content.fullwidth {
		width: 960px;
	}

	#content p {
		margin:0 0 20px 0;
		color:#707070;
		font-size:13px;
		line-height:26px;
	}

	
	#content h2 {
		font-size: 18px;
		color: #363636;
	}
	
		#content ol {
			margin: 0;	
			padding: 20px 0;	
		}
	
		#content ul {
			list-style: square inside url("images/bullet.png");
			margin: 0;	
			padding: 0 0;	
		}
	
		#content li, #sidebar li {
			color: #707070;
			margin: 0;
			padding: 0;
			font-size: 13px;
			line-height: 2em;
		}

		#content li ul, #sidebar li ul {
			margin-left: 1em;
		}

	#sidebar_wrap {
		float: left;
		margin-top: 32px;
	}
	.home#sidebar_wrap {
		float: left;
		margin-top: 50px;
	}

.home-testimonial{
clear:both;
padding:10px;
min-width:800px;
max-height:50px;
height:50px;
overflow:hidden;
}
.home-testimonial p{
color:#972222;
max-width:770px;
max-height:50px;
height:50px;
overflow:hidden;
float:left;
margin-left: 50px;
margin-right: 50px;
font-size:1.0em;
}
.home-testimonial-quote-up{
top:1px;
    float:left;
    width: 30px;
    background-image: url('https://www.wynnsurgery.co.uk/uploads/images/quote-up.png');
    height:27px;
}
.home-testimonial-quote-down{
bottom:1px;
    float:right;
    width: 30px;
    background-image: url('https://www.wynnsurgery.co.uk/uploads/images/quote-down.png');
    height:26px;
}

		#sidebar_top {
			width: 363px;
			height: 22px;
			background: url('https://www.wynnsurgery.co.uk/uploads/images/sidebar_top.jpg');
		}

		#sidebar {
			background: url('https://www.wynnsurgery.co.uk/uploads/images/sidebar.jpg') top left repeat-y;
			width: 283px;
			padding: 10px 34px 0;
			margin-left: 7px;
		}

		#sidebar_bottom {
			background: url('https://www.wynnsurgery.co.uk/uploads/images/sidebar_bottom.jpg');
			width: 363px;
			height: 56px;
		}

	#footer_wrap {
		background: #313131;
		border-top: 5px solid #9e0b0f;
		clear: both;
	}
	
	#footer {
		width:960px;
		margin: 0 auto;
		padding: 30px 20px 40px;
		color:#2c2c2c;
		height: 132px;
	}

	.footer_left {
		float: left;
		margin-left: 16px;
		margin-right: 50px;
		font-size: 1.125em;
		color: #7d7d7d;
	}

		#footer a {
			color: #7d7d7d;
		}

		#footer p {
			color: #fff;
			font-size: 0.72em;
			margin-top: 11px;
		}

		#footer p a {
			font-size: inherit;
			color: #fff;
			text-decoration: none;
		}

		#footer p a:hover {
			text-decoration: underline;
		}
	
		#copyright {
			font-size:14px;
			color:#707070;
			float: left;
		}
		
		#wdl a{
			font-size:14px;
			color:#707070;
			float: right;
		}
		
/*###################################################*/
/*####################  NAV  ########################*/
/*###################################################*/
#nav, #nav ul {
	margin: 0;
	padding: 0;
}

#nav {
	float: left ;
	padding-left: 11px;
}

	#nav ul {
		list-style-type: none;
	}

		#nav li {
			line-height: 50px;
			margin-right: 30px;
			position: relative;
		}
	
		#nav li, #nav a {
			float: left;
		}

		#nav li:hover a.parent {
			background: url('https://www.wynnsurgery.co.uk/uploads/images/nav-a-parent.gif') center bottom no-repeat;
		}
	
			#nav a {
				font-size:0.8em;
				font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
				color: #fff;
				text-decoration: none;
				height: auto;
			}

			#nav a span {
				padding: 6px 4px;
			}
			
			#nav li:hover a span {
				border-top: 1px solid #a0a0a0;
				border-bottom: 1px solid #a0a0a0;
			}

			#nav li:hover li a span {
				border-style: none;
			}

				#nav li ul {
					position: absolute;
					display: none;
					z-index: 3;
					height: 50px;
					top: 50px;
					width: 2000px;
					left: -100%;
				}
				
				#nav li li {
					float: left;
					padding: 0;
					margin-right: 30px;
					display: inline;
				}
				
				#nav li li a {
					color: #fff;
				}
				
				#nav li li:hover a span {
					border-top: 1px solid #a0a0a0;
					border-bottom: 1px solid #a0a0a0;
				}
				
					#nav li:hover ul {
						display: block;
					}

	#nav-box{
		clear: both;
		height: 50px;
		padding-top: 3px;
		float: left;
		display:block;
		width: 100%;
		position: relative;
		z-index: 2;
	}

	#subnav {
		width: 100%;
		height: 51px;
		position: absolute;
		top: 139px;
		background: #6a6a6a;
		left: 0;
		z-index: 1;
		display:none;
	}

/*###################################################*/
/*###############  OTHER STYLES  ####################*/
/*###################################################*/
#header-contact {
	float: right;
	font-size: 0.8em;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	color: #fff;
	line-height: 51px;
	margin-right: 11px;
}

.button {
	background: #73d0ae;
	border-radius:4px;
	-moz-border-radius: 4px;
	width: 100px;
	height: 38px;
	text-shadow: 0px 1px #ffffff;
	-moz-text-shadow: 0px 1px #ffffff;
	box-shadow: 0px 1px #225e48;
	-moz-box-shadow: 0px 1px #225e48; 
	line-height: 38px;
	color: #225e48;
	display: block;
	text-align: center;
}

.button:hover {
	text-decoration: none;
	font-weight: bold;
	color: #225e48;
}

/*###############  CONTACT FORM  ####################*/

.contact-form {
	margin: 0;
	padding: 0;
	float: left;
}
			
	.contact-form  input[type="text"] {
		margin: 12px 0;
		padding: 0; 
	}
	
	.contact-form label {
		margin: 0;
		padding: 0;
	}
	
	.required {
		margin: 0;
		padding: 0;
	}		
	
	.contact-form textarea {
		margin: 0;
		padding: 0;
	}
	
	.submit {
		margin: 0;
		padding: 0;
	}
			
/*###############  NEWS  ####################*/		
	
#news {
	margin: 0 0 0 0;
	padding: 0;
	float: left;
}

	#news .NewsSummaryLink {
		margin: 0;
		padding: 0;
	}
				
	#news .NewsSummaryMorelink {
		margin: 0;
		padding: 0;	
	}

	.NewsSummaryPostdate {
		margin: 0;
		padding: 0;
	}
	
	.NewsSummaryLink {
		margin: 0;
		padding: 0;
	}
	
	.NewsSummaryCategory {
		margin: 0;
		padding: 0;
	}
	
	.NewsSummaryAuthor {
		margin: 0;
		padding: 0;
	}
	
	.NewsSummaryContent {
		margin: 0;
		padding: 0;
	}

	.NewsTitle {
		font-style: italic;
		font-weight: bold;
		line-height: 1.8em;
		color: #73d0ae;
	}

	.NewsSummarySummary {
		color: #707070;
		line-height: 1.8em;
	}
		

/*###############  CONTACT FORM ####################*/		
.contactform label {
	color: #707070;
}

.contactform input {
	margin-top: 5px;
}

.contactform textarea {
	resize: none;
	font-family: inherit;
	font-size: 11px;
}

.contactform div {
	margin-top: 15px;
}