/* Bagots Opticians CSS Stylesheet */
/*////// www.theoptometrists.co.uk //////*/
/*////// � 2007 CNJ Media Ltd //////*/

/* Colors:		Blue 100%	#002e6e
					Blue 80%	#339463
					Turquoise 100%	#a7d8c0
					Turquoise 50% #d3ebdf
					Turquoise 40% #dcefe6 (input hover background)
					Turquoise 30% #e5f3ec (input background)









/******** Core Formatting ********/
body {  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Lucida Grande", Geneva, Arial, sans-serif; background: url(images/bground_page.gif) repeat-x top #ffffff; }

html {font-size: 62.5%;}

img { border: none; }

a:link, a:visited, p a:link, p a:visited { color: #a7d8c0; text-decoration: underline; }

p a:link, p a:visited { text-decoration: underline; }

a:hover, p a:hover { color: #d3ebdf	; text-decoration: underline; }

a:active, p a:active { color: #d3ebdf; text-decoration: none; background: #00468c; }

a img {display: block;}









/******** Layout Formatting ********/

#header_wrapper { width: 980px; height: 110px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; }

#header_logo { width: 400px; height: 110px; margin: 0px 290px 0px 290px; padding: 0px 0px 0px 0px; background: url(images/logo_site.gif) no-repeat 0px 0px; }

#header_logo a {width: 245px; height: 70px; margin: 0px; padding: 0px; display: block; cursor: pointer; }

#header_logo img {width: 245px; height: 70px; margin: 0px; padding: 0px; }

#content_wrapper {width: 980px; margin: 15px auto 0px auto;  padding: 0px 0px 0px 0px; }

#content_wrapper2 {width: 890px; margin: 0px auto 0px auto;  padding: 0px 10px 0px 10px; border-right: 1px solid #d3ebdf; border-left: 1px solid #d3ebdf; }

#content_wrapper3 {width: 870px; margin: 15px auto 0px auto;  padding: 0px 0px 0px 0px; }

#content { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-left: 1px solid #d3ebdf; border-right: 1px solid #d3ebdf; }

#content2 { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }



#content_welcome { width: 720px; height: 220px; margin: 0px 29px 0px 29px;}

#content_practices_wrapper { width: 920px; margin: 0px 29px 0px 29px; padding: 0px 0px 0px 0px; float: none; clear: both; }

#content_practices_kendal { width: 285px; height: 300px; margin: 0px 32px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_practices.gif) no-repeat bottom #e9F5ef; float: left; }

#content_practices_grange { width: 285px; height: 300px; margin: 0px 33px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_practices.gif) no-repeat bottom #e9F5ef; float: left; }

#content_practices_penrith { width: 285px; height: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background: url(images/bground_practices.gif) no-repeat bottom #e9F5ef; float: left; }

#content_flash { width: 978px; height: 25px; margin: 20px 0px 20px 0px; padding: 30px 0px 0px 0px; clear: both; }

#footer_wrapper { width: 100%; margin: 20px auto 0px auto;  padding: 0px 0px 0px 0px; background: url(images/footer_page.gif) repeat-x #002e6e; clear: both; }

#footer { width: 980px; height: 30px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; color: #ffffff; text-align: center; font-size: 1.2em;}

#footer2 { width: 980px; height: 30px; margin: 0px auto 0px auto; padding: 10px 0px 0px 0px; color: #000000; text-align: center; font-size: 1.2em;}

.clearfix:after { height: 0; content: "."; display: block; clear: both; visibility: hidden; }





/******** Core Formatting ********/

p { margin: 0px 0px 1em 0px; padding: 0px 0px 0px 0px; font-size: 1.4em; line-height: 1.286em; color: #4e4e4e; font-family:Georgia, "Times New Roman", Times, serif; font-style: normal; }

h1 { margin: 0px 0px 0.3em 0px; padding: 0px 0px 0px 0px; font-size: 2.1em; line-height: 1.1em; font-weight: bold; color: #002e6e;  }

#content_practices_wrapper h2 { height: 40px; width: 285px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-indent: -9999px; font-size: 1px; display: block; }

#content_practices_kendal h2 { background: url(images/header_practices_kendal.gif) no-repeat; }

#content_practices_grange h2 { background: url(images/header_practices_grange.gif) no-repeat; }

#content_practices_penrith h2 { background: url(images/header_practices_penrith.gif) no-repeat; }

#content_practices_wrapper h3 { margin: 1em 0px 0.3em 0px; padding: 0px 0px 0px 0px; font-size: 1.6em; line-height: 1.1em; font-weight: normal; color: #002e6e; text-align: center; }

#content_practices_wrapper p { margin: 0px 10px 0.3em 10px; padding: 0px 0px 0px 0px; font-size: 1.4em; font-family: "Lucida Grande", Geneva, Arial, sans-serif; line-height: 1.1em; font-weight: normal; font-style: normal; color: #000000; text-align: center; }









/******** Form Formatting ********/

form { width: 720px; margin: 1em 0px 1em 0px; padding: 0px; float: none; }

form label { display:none; }

form p { width: 720px; margin: 1em 0px 1em 0px; padding: 0px; clear: both; }

form p span { width: 168px; margin: 0.2em 0px 0.2em 0px; padding: 0px; font-size: 1em; font-weight: bold; display: block; float: left; }

form p input { width: 298px; margin: 0.2em 244px 0.2em 0px; padding: 3px; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; color: #781400; border: 1px solid #a7d8c0; background: url(images/bground_input.gif) repeat-x top #e5f3ec; float: right; }

form p input:focus{ background: url(images/bground_input_hover.gif) repeat-x top #dcefe6; }

form p textarea { width: 542px; margin: 0.2em 0px 0.2em 0px; padding: 3px; font-size: 1em; font-family: Verdana, Helvetica, Arial, sans-serif; color: #781400; background: url(images/bground_input.gif) repeat-x top #e5f3ec; border: 1px solid #a7d8c0; float: right;    }

form p textarea:focus{ background: url(images/bground_input_hover.gif) repeat-x top #dcefe6; }

form p input.button_submit { width: 100px; margin: 0.2em 0px 0px 168px; padding: 0.1em; font-weight: bold; color: #ffffff; border: 1px solid #002e6e;  background: url(images/bground_button_submit.gif) repeat-x top #002e6e; float:left; cursor:pointer;  }

form p input.button_submit:hover { background: url(images/bground_button_submit_hover.gif) repeat-x top #002e6e;  }