/*
	@Version 0.2
	@Created by Joey Rabbitt (createanet)
	@23 July 2008
*/

/* /////////////// TAG RESETS / DEFAULTS //////////////////// */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, 
h4, h5, h6, pre, form, fieldset, input, p, 
blockquote, th, td 
{ margin : 0; padding : 0; }

*{
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6{
	margin:0 0 15px 0;
	padding:0;
	font-size: 100%;
}
h1{
	font-weight:normal;
	font-size:300%;
}
h2{
	font-weight:normal;
	font-size:180%;
}
h3{
	font-size:120%;
}
h3, h3 a{
	color:#82623b;
}
h4{
	font-size:120%;
}
p{
	margin:0 0 15px 0;
	padding:0;
	line-height:1.4em;
}
ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}
	li{
		margin:0 0 10px 0;
		padding:0;
	}
	li.enditem{
		margin:0;
	}
ol{
	margin:0 0 15px 0;
	padding:0 0 0 20px;
}
	ol li{
		list-style:decimal;
	}

hr{
	display:none;
}
.hr, .hr-clear{
	height:1px;
	font-size:0px;
	margin:0 0 20px 0;
	border-bottom:1px dashed #ccc;
}
.hr-clear{
	clear:both;
}
a{
	outline:none;
	color:#333;
}
a img{
	border:none;
}
a:hover{
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #f4f4f4;
	margin:0 0 15px 0;
}

th, td {
	padding: 7px;
}
th {
	background:#333;
	color:#fff;
	text-align:left;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
	.clearfix {
		display: inline-block;
	}
	
	html[xmlns] .clearfix {
		display: block;
	}
	
	* html .clearfix {
		height: 1%;
	}

/* ------------- SOME DEFAULT STYLES --------------- */	
	
.floatright{
	float:right;
}
.floatleft{
	float:left;
}
.clearboth{
	clear:both;
}
	div.clearboth{
		font-size:0;
		height:0;
		line-height:0;
	}
.displaynone, .hidden{
	display:none;
}
* .nomargin{
	margin-bottom:0;
}
.subtext{
	color:#999;
	font-size:90%;
}
a.rss{
	background:url(../images/rss.gif) no-repeat 0px 1px;
	line-height:12px;
	padding:0 0 0 15px;
	text-decoration:none;
}
a.rss:hover{
	text-decoration:underline;
}
.overflowbox{
	height: 250px;
	overflow: auto;
}

/*---------------- CMS AREA FORMATING -----------------*/

.cms{
	margin:0 0 15px 0;
}
.cms ul {
	padding-left: 20px;
}
.cms ul li {
	list-style: circle;
}

body {
	font:74% Arial, Helvetica, sans-serif;
	text-align:center;
	background:url(../images/backgrounds/page_bg.gif) repeat-x top left;
	margin:0;
	padding:0;
	color:#666666;
}

/*////////////  Template Variables  //////////////////////*/

#wrap{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	padding:0 10px 0 10px;
}


#contentwrap { width:800px; background:url(../images/backgrounds/content_bg.gif) no-repeat top left; padding:20px 10px 0 20px;}

#main_content, .main_column{
	width: 460px;
	margin-left: 20px;
	display: inline;
	float: left;
	margin-bottom: 10px;
	min-height: 400px;
}
.right_column, #subcontent{
	width: 120px;
	margin-left: 20px;
	float: left;	
	}
.left_column{
	width: 170px;
	margin-left: 0px;
	float: left;
	margin-bottom:10px;
}

.homeleft_column { width:220px; margin:0px; padding:0px; float:left;}

.homeright_column { width:220px; margin:0 0 0 20px; padding:0px; float:left;}

.main_column a { color:#82623b; text-decoration:none;}
.main_column a:hover { color:#82623b; text-decoration:underline;}

/*------------ Titles ------------ */

h1 { color:#3b8176; font-size:140%;}

h3 {margin:0; padding:0;}
h3#seasonalcare { width:170px; margin:0; padding:0; height:24px; background:url(../images/titles/seasonal_care.gif) no-repeat; text-indent:-9000px; margin-top:15px;}
h3#openhours { width:220px; margin:0; padding:0; height:31px; background:url(../images/titles/openinghours.gif) no-repeat; text-indent:-9000px; margin-top:15px;}


h2 {margin:0; padding:0;}
h2#appointmentrequest { width:220px; margin:0; padding:0; height:30px; background:url(../images/titles/appointment.gif) no-repeat; text-indent:-9000px;}
h2#selfhelpguide { width:220px; margin:0; padding:0; height:30px; background:url(../images/titles/selfhelp.gif) no-repeat; text-indent:-9000px;}
h2#recentNews { width:220px; margin:0; padding:0; height:30px; background:url(../images/titles/latestnews.gif) no-repeat; text-indent:-9000px;}


.main_column h4 { color:#FFF; background:#82623b; width:100%; padding:3px; font-weight:normal; font-size:100%;}


/*------------ HEADER ------------ */

#header { 
	margin: 0; 
	padding: 10px 10px 0 10px;
	height:145px;
	background:url(../images/backgrounds/header_bg.gif) no-repeat top right;
	position:relative;
}

#logo { width:430px; height:145px; float:left; margin:0; padding:0;}
#logo img {float:left; margin:0; padding:0;}


#contactdetails { width:340px; height:112px; float:left; margin:0; padding:0; position:relative;}

#telnumbers { margin:30px 0 0 0; padding:0; width:360px;}
#telnumbers li { width:180px; margin:0; padding:0; float:left; text-align:right;}
#telnumbers li span { color:#82623b; font-size:140%;}

#subnav { height:22px; width:438px; position:absolute; bottom:0; right:0; margin:0; padding:0;}
#subnav li {float:left; height:17px; text-align:center; padding:5px 0 0 0;}
#subnav li a { color:#FFF; text-decoration:none;}
#subnav li a:hover { color:#FFF; text-decoration:underline;}

#tab1 { width:121px; background:url(../images/backgrounds/tab1_bg.gif) no-repeat top left #3b8176;}
#tab4 { width:130px; margin:0 0 0 2px; background:url(../images/backgrounds/tab4b.gif) no-repeat top left #3b8176;}
#tab2 { width:82px; margin:0 0 0 2px; background:url(../images/backgrounds/tab2_bg.gif) no-repeat top left #3b8176;}
#tab3 { width:80px; margin:0 0 0 2px; background:url(../images/backgrounds/tab3_bg.gif) no-repeat top left #3b8176;}


#navigations{
	display: block;
	overflow: hidden;	
}


#navigations ul {
	background:url(../images/backgrounds/nav_bg.gif) no-repeat top left #3b8176;
	margin:0;
	width:154px;
	padding:15px 8px 0 8px;
}


	#navigations ul li { margin:0; width:154px;}

	#navigations ul li a {
		display: block;
		margin:0;
		width:140px;
		padding:4px 0 3px 14px;
		text-decoration: none;
		color:#FFF;
		
		background:url(../images/backgrounds/nav_split.gif) repeat-x bottom left;
	}
	
	#navigations a:hover, #navigations ul#rss li a:hover {
		
		color:#fff;
		text-decoration:underline;
	}
		#navigations ul#rss li a {
		background: #f4f4f4 url(../images/rss.gif) 10px 4px no-repeat; padding-left: 30px;
	}
	
	
	#navbottom {width:170px; background:url(../images/backgrounds/nav_bottom_bg.gif) no-repeat bottom left #3b8176; height:15px; margin:0 0 15px 0; padding:0;}
	
	.arrow { background:url(../images/backgrounds/arrow.gif) no-repeat 0px -3px}


/* -------- FOOTER -------- */

#footer{
clear: left;
padding: 10px 0 10px 0px;
border-top: 3px solid #c5b293;
color:#999999;
margin:20px 0 0 10px;
width:800px;
font-size:90%;
}

#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#999; text-decoration:underline;}

#footer p { margin-bottom: 0; }
#footer ul { margin:0 0 3px 0; padding:0;}
#footer li { display: inline;}
	
/* -------- SIDE COLUMNS / BOXES -------- */


.sidebox{
	background:url(../images/backgrounds/nav_bg.gif) no-repeat top left #3b8176;
	margin:0;
	padding:15px 8px 0 8px;
}





/*------------ FORM ELEMENTS ------------ */

form{
	margin:0;
	padding:0;
}
	
fieldset{
	border-bottom: dashed 1px #CCC;
	border-top:none;
	border-left:none;
	border-right:none;
	padding:0;
	margin:0 0 15px 0;
}
	.sidebox fieldset{
		border:none;
		padding:0;
		margin:0;
	}
	
.sidebox h3, fieldset h3{ 
	background:#3b8176;
	color:#fff;
	font-size:120%;
	padding: .2em 5px;
	font-weight:normal;
}
fieldset h3{
	margin:5px 0 5px 0;
}
	.sidebox h3{
		margin:0;
	}
	
fieldset ul{
	margin:10px 0px 10px 0;
}
fieldset ul li ul{
	margin:0;
	padding:0;
}
	.sidebox fieldset ul{
		margin:5px;
	}

legend{
	background-color:#fff;
	padding:5px 10px;
	font-size:125%;
	margin:0;
}

input.sumbit{
	width:auto;
}
label.checklabel{
	display:inline;
	padding:0 5px 0 0;
	margin:0;
}
option {
	font-size: 1em !important;
}
label {
	display: block;
	margin: 0 0 5px 0;
	font-weight:bold;
}

/* default width of form elements in main column */

.main_column fieldset input,
.main_column fieldset select,
.main_column fieldset textarea{
	width:210px;
}
.main_column fieldset input.checkbox,
.main_column fieldset input.submit{
	width:auto;
}

/* widths of elements floating into 2 columns */

.colwrap2 {
}
	.colwrap2 fieldset.column-a{
		float:left;
		width:210px;
		margin:0 20px 15px 0;
	}
	.colwrap2 fieldset.column-b{
		float:left;
		width:210px;
	}
	.colwrap2 fieldset.column-a input,
	.colwrap2 fieldset.column-a select,
	.colwrap2 fieldset.column-a textarea,
	.colwrap2 fieldset.column-b input,
	.colwrap2 fieldset.column-b select,
	.colwrap2 fieldset.column-b textarea {
		width:210px;
	}
	.colwrap2 fieldset.column-b{
		float:left;
		width:210px;
	}
	.colwrap2 input.submit{
		width:auto;
	}
	
.formtbl input{
	width:auto;
}	

fieldset.checkboxes ul li{
	width:146px;
	float:left;
}
fieldset.checkboxes ul li input{
	float:left;
	width:auto;
	vertical-align:middle;
}
	

/* -------------------- ERRORS ------------------- */

ul.error, ul.success {
	list-style:disc;
	padding:10px 10px 5px 25px;
}
	ul.success {
		background:#FFFF99;
	}
	ul.error {
		background:#CC0000;
		color:#fff;
	}
	ul.error li, ul.success li {
		margin:0 0 5px 0;
	}
	.sidebox ul.error, .sidebox ul.success {
		padding:5px 5px 2px 25px;
		margin:0 0 5px 0;
	}
	.sidebox ul.error li, .sidebox ul.success li {
		margin:0 0 2px 0;
	}
	
li.error {
	margin:0 0 10px 0;
	padding:0px;
	background:#FFFFCC;
}
em.error  {
	color: #CC0000;
	font-weight: bold;
	display: block;
	margin:0 0 5px 0;
}


/*---------------------- PAGING ---------------------- */

.paging{
	padding:10px;
	border:1px solid #e4e4e4;
	text-align:center;
	clear:both;
	margin:0 0 20px 0;
}
.paging a{
}


/* -------------------- BREADCRUMBS ------------------- */

ul#page_slugs li {
	display: inline;
	font-size: 85%;
}
	
/* -------------------- FILTER BOX ------------------- */	

.filter  {
	border:1px solid #ccc;
	background:#f4f4f4;
	padding:10px 10px 0 10px;
	margin-bottom:15px;
	min-height:29px;
}
	.filter ul{
		margin:0 0 10px 0;
	}
	.filter ul li{
		display:inline;
		margin:0 10px 0 0;
	}
	.filter a{
		font-weight:bold;
	}
	.filter label {
		display:inline;
		margin:0;
		padding:0 5px 0 0;
	}
/* ----------------------- LISTS ---------------------- */

ul.listinline{
}
	ul.listinline li{
		display:inline;
		padding:0 4px 0 0;
		margin:0 3px 0 0;
		border-right:1px solid #ccc;
	}
	ul.listinline li.enditem{
		padding:0;
		margin:0;
		border-right:none;
	}
	ul.listinline a{
		text-decoration:none;
	}
	ul.listinline a:hover{
		text-decoration:underline;
	}
	
ul.list1{
	margin:0 0 20px 0;
	padding:0 0 0 20px;
}
ul.list1 li{
	list-style:disc;
}	
	
/* -------------------- ARTICLE LISTINGS  ------------------- */

.articles{
}
	.articles h3{ font-size:100%;
	}
	
	.articles h3 a { text-decoration:none;}
	.articles h3 a:hover { text-decoration:underline;}
	
	
	.articles li{
		padding:0 0 7px 0;
		margin:0 0 7px 0;
		border-bottom:1px dashed #CCC;
	}
	.articles .thumbnail{
		width:128px;
		margin:0 10px 0 0;
		float:left;
	}
	.articles .textwrap{
		width:260px;
		float:left;
	}
	.articles .subtext{
		margin:0 0 5px 0;
	}
	
.articles li ol.subarticles{
	margin:0;
}
	.articles li ol.subarticles li{
		padding:0;
		margin:0 0 5px 0;
		border-bottom:none;
	}
	.articles li ol.subarticles h4 span{
		color:#999;
	}
	
/* -------------------- ARTICLE / PRODUCT PAGE ------------------- */
	
ul.attributes{
	padding:10px 10px 0 10px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#f4f4f4;
}
ul.attributes li{
}

.article-pics{
	float:right;
	margin:0 0 0 10px;
	width:220px;
}
	.article-pics img{
		margin:0 0 15px 0;
		width:220px;
		border: 1px solid #e7e7e7;
		padding: 2px;
	}

/*------------ EVENT LISTINGS ------------ */

#events .articles li{
	position:relative;
}
	#events .articles li h3	{
		padding:0 40px 0 0;
	}
	div.event_icon, div.notice_icon{
		position:absolute;
		top:0px;
		right:0px;
		text-indent:-9999px;
	}
	div.event_icon{
		width:32px;
		height:42px;
		background:url(../images/icon_event.gif) no-repeat 50% 0%;
	}
	div.notice_icon{
		width:32px;
		height:42px;
		background:url(../images/icon_notice.gif) no-repeat 50% 0%;
	}


/*------------ GALLERY ------------ */

#gallerylisting {
}
	#gallerylisting img{
		width:160px;
	}
	#gallerylisting li{
		width: 160px;
		height:126px;
		border: 1px solid #CCC;
		background: #FFF;
		padding: 5px;
		text-align: center;
		position: relative;
		float: left;
		display: inline;
		margin: 0 2px 10px 0;
	}
	#gallerylisting li.enditem{
		margin: 0 0 10px 0;
	}
	#gallerylisting li.firstitem{
		clear:both;
	}
	
	#gallerylisting li a span{
		position: absolute;
		left: -9999px;
	}
	#gallerylisting li a:hover span{	
		top: 5px;
		left: 5px;
		width: 150px;
		background: #333;
		color: #FFF;
		padding: 7px 5px;
		font-size: 0.9em;
		border: 1px solid #3b8176;
		border-width:0 0 2px 0;
	}
.galleryimages{
	text-align:center;
}
.galleryimages img{
	margin:0 0 15px 0;
}


/* -------- SIDE LINKS -------- */

#sidelinks {list-style:none; margin:0; padding:0; width:120px;}
#sidelinks li { margin:0 0 15px 0; padding:0;}

/*------------ SEASONAL CARE ------------ */

#seasonaltips { width:170px; margin:10px 0 10px 0; padding:0; border-bottom:1px solid #CCC;}
#seasonaltips h4 {color:#3b8176; margin:0; padding:0; font-size:100%;}

#seasonaltips p { margin:0 0 7px 0; padding:0;}
#seasonaltips p a { color:#82623b; text-decoration:none;}
#seasonaltips p a:hover { color:#82623b; text-decoration:underline;}

/* -------- HOMEPAGE PROMOS -------- */

.moreinfo { text-align:right;}

.promobox { margin:0 0 15px 0; padding:0;}
.promobox p { margin:0 0 10px 0; padding:0;}

.promobox img {margin:0 0 5px 0; padding:0}

/* -------- OPENING HOURS -------- */

.openinghours { width:206px; background:url(../images/backgrounds/opening_hours.gif) no-repeat bottom left #82623b; color:#FFF; padding:7px 7px 5px 7px; margin:0;}

.openinghours p {line-height:normal;}

/* -------- DOCTOR DETAILS -------- */

.doctordetails {width:322px; float:left; margin:0 0 10px 0; padding:0;}

.doctordetails p {margin:0 0 3px 0; padding:0;}

.doctordetails a { color:#3b8176; text-decoration:none;}
.doctordetails a:hover { color:#3b8176; text-decoration:underline;}

/* -------- SELF HELP GUIDE -------- */

.answers h4 { color:#3b8176; background-color:#FFF;}

#questions a { color:#82623b; text-decoration:none;}
#questions a:hover { color:#82623b; text-decoration:underline;}

/* ------------------------Tidy Form Styles------------------------ */

	
.tidyForm label { float: left; width: 170px; padding-top: 5px; min-height: 1px;  }
.tidyForm p { clear: left; }
	
.tidyForm fieldset { border: none; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding:0;}
.tidyForm legend { margin: 0 0 10px 0; font-weight: bold; font-size:120%; color:#3b8176; padding:0;}
	
.tidyForm div.error { margin-left: 180px; font-size:90%; color:#952b2b; }
	
.tidyForm input { margin-bottom:0; width:230px; }
	
.tidyForm radio {width:auto; float:none;}

/* ------------------------PATIENTS SUB MENU------------------------ */

#submenu { border-bottom:5px solid #82623b; margin:0 0 15px 0; padding:0; height:22px; width:460px;}

#submenu li {float:left; height:17px; text-align:center; padding:5px 0 0 0; margin:0 2px 0 0;}
#submenu li a { color:#FFF; text-decoration:none;}
#submenu li a:hover { color:#FFF; text-decoration:underline;}

#menutab1 { width:90px; background:url(../images/backgrounds/tab4_bg.gif) no-repeat top left #82623b;}
#menutab2 { width:75px; background:url(../images/backgrounds/tab5_bg.gif) no-repeat top left #82623b;}
#menutab3 { width:95px; background:url(../images/backgrounds/tab7_bg.gif) no-repeat top left #82623b;}
#menutab4 { width:90px; background:url(../images/backgrounds/tab4_bg.gif) no-repeat top left #82623b;}


/* ------------------------PATIENTS REMINDERS------------------------ */

.reminders {border :1px solid #CCC; background-color: #f6f6f6; margin:10px 0 10px 0; padding: 5px}
.reminders p { margin:0 0 3px 0; padding:0;}

.reminders h5 { color:#398176; margin:0; padding:0;}

.appointsum { width:460px; border:none;}
.appointsum th { background-color:#3b8176;}
.appointsum td { vertical-align:text-top; border-bottom:dashed 1px #CCC;}

/* ------------------------PHP FORM STYLES------------------------ */

.phpForm label { padding-top: 5px; min-height: 1px;  }
	
.phpForm fieldset { border: none; border-bottom: 1px solid #ccc; margin-bottom: 15px; padding:0;}
.phpForm legend { margin: 0 0 10px 0; font-weight: bold; font-size:120%; color:#3b8176; padding:0;}
	
.phpForm div.error { margin-left: 180px; font-size:90%; color:#952b2b; }
	
.phpForm input { margin-bottom:0; width:300px; }
	
.phpForm radio {width:auto; float:none;}

/*
	
#offers .category #offer_thmb { float: left; margin: 0 10px 10px 0; }
#offers .category { margin-bottom: 10px; border-bottom: 1px solid #000; padding-bottom: 10px; }
#categorylisting li { border-bottom: 1px solid #ccc; padding: 20px 0 0 0; }
#categorylisting li a { }
#categorylisting p { margin-bottom: 0; }
.category_thumb { float: left; margin: 0 10px 10px 0; }
#categorylisting li:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#recentnews li { margin-bottom: 10px; }




.download {
	background: #fffeef;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	}
	.download a { 
		background: url(../images/pdf.gif) 0 2px no-repeat;
		padding: .2em .8em;
		padding-left: 20px;
	} 
	div.download span {
		font-size: 90%;
	}
	.pdf a {
		background: url(../images/pdf.gif) 0 2px no-repeat;
		display: block;
	}
	.swf a {
		background: url(../images/swf.gif) 0 2px no-repeat;
		display: block;
	}
	
	



	






.links li { padding: 5px; }




form.brochureForm fieldset {
	padding: 5px 20px;
	border: 1px solid #999;
	margin: 0 0 10px 0;
}
form.brochureForm legend {
	text-transform: capitalize;
	font-weight: bold;
	color: #039;
	padding: 0 5px;
}
form.brochureForm ol {
	list-style: none;
}
form.brochureForm ol li {
	margin: 5px 0;
}
	form.brochureForm ol li ol li {
		display: inline;
	}
	form.brochureForm ol li ol label {
		display: inline;
	}
form.brochureForm em {
	font-weight: bold;
	color: #E00;
}
form.brochureForm label {
	display: block;
	text-transform: capitalize;
}
form.brochureForm label.radio {
	display: inline;
	padding-left: 5px;
}








#type_select {
    float:left;
    width:100%;
	border-bottom:1px solid #333;
    margin:0 0 10px 0;
    line-height:normal;
}

#type_select ul {
    margin:0;
    padding:0;
    list-style:none;
    padding:10px 10px 0 0;

}
#type_select li {
    float:left;
	border: 1px solid #333; border-bottom: none; border-right: none;
    margin:0;
    padding:0; 
}
#type_select a {
    display: block;
    text-decoration: none;
    padding:5px 15px 4px;

}
#type_select ul li.bookend { border-right:1px solid #333;}

#type_select #current {
}
#type_select #current a {
		background: #333; color: white;
}
#type_select a:hover { color: white; background:#333; }









ol.archive_list ol {
	padding:20px;
	list-style:disc;
}
ol.archive_list ol li { margin-bottom: 10px; }
ol.archive_list ol p { margin-bottom:0; }

ol.archive_list ol span { display: block; font-size: 90%; font-weight: normal; }


*/




h3 { margin-bottom: 10px; }