/*

        Created by
         _____                            _   _
        |  ___|                          | | (_)
        | |____  ___ __   ___  _ __   ___| |_ _  ___
        |  __\ \/ / '_ \ / _ \| '_ \ / _ \ __| |/ __|
        | |___>  <| |_) | (_) | | | |  __/ |_| | (__
        \____/_/\_\ .__/ \___/|_| |_|\___|\__|_|\___|
                  | |
                  |_|
        =============================================
        Exponetic Ltd
        team@exponetic.com
        http://www.exponetic.com/
        =============================================

*/

/* Physiotherapy Appointment Line site styles */

body
{
	background-image: url(../_img/_template/top-strip.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

#page
{
	width: 962px;
}

#header
{
/*	border: 1px solid #0f0; */
	position: relative;
}

	#header #utilities
	{
	/*	border: 1px solid #0ff; */
		text-align: right;
	}
	
		#header #utilities p
		{
			margin: 0;
			font-size: 0.8em;
			color: #fff;
		}
		
		#header #utilities #accessibility
		{
		/*	border: 1px solid #ff0; */
		}
		
			#header #utilities #accessibility a,
			#header #utilities #accessibility a:visited
			{
				color: #fff;
			}
			
			#header #utilities #accessibility a:hover
			{
				color: #F29400;
			}
		
		#header #utilities #extra_links
		{
		/*	border: 1px solid #f00; */
		}
		
			#header #utilities #extra_links a,
			#header #utilities #extra_links a:visited
			{
				color: #999;
			}
		
			#header #utilities #extra_links a:hover
			{
				color: #666;
			}
		
	#header h1
	{
		font-size: 0px;													/* redundancy */
		overflow: hidden;												/* to fix     */
		background-repeat: no-repeat;									/* IE 5 win bug */
		height: 0px !important; /* for most browsers */
		margin: 0px; /*Chris's WinIE hack to make content align*/
		padding: 151px 0 0 0;
		width: 212px;
		background-image: url("/_img/_template/physiotherapy-appointment-line.gif"); 
		height /**/:151px; /* for IE5.5's bad box model */
		
		margin-left: 2px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#header ol#mainNav
	{
	/*	border: 1px solid #0f0; */
		border: 1px solid #fff; 
		margin: 0;
		padding: 0;
		list-style-type: none;
		width: 211px;
		height: 150px;
		text-align: right;
		font-size: 0.9em;
		float: left;
		background-image: url(../_img/_template/rounded-corner-mainNav.gif);
		background-position: top left;
		background-repeat: no-repeat;
		background-color: #6FC2CC;
		position: relative;
		z-index: 9999;
	}
	
		#header ol#mainNav li
		{
		/*	border: 1px solid #f00; */
			border-bottom: 1px solid #fff;
			margin: 0 20px;
			padding: 3px 0;
			background-image: url(../_img/_template/nav-arrow.gif);
			background-repeat: no-repeat;
			background-position: right 6px;
			padding-right: 10px;
		}
		
		#header ol#mainNav li.selected
		{
			background-image: url(../_img/_template/nav-arrow-selected.gif);
		}
		
			#header ol#mainNav li a,
			#header ol#mainNav li a:hover
			{
				color: #fff;
				text-decoration: none;
			}
		
				#header ol#mainNav li a:hover
				{
					text-decoration: underline;
				/*	color: #F29400; */
				}
				
			#header ol#mainNav li.selected a,
			#header ol#mainNav li.selected a:hover
			{
				color: #216D76;
				text-decoration: none;
			/*	font-weight: bold; */
			}
		
				#header ol#mainNav li.selected a:hover
				{
					text-decoration: none;
				}
		
		#header ol#mainNav li#home
		{
			margin-top: 0;
			padding-top: 1px;
		}			
		
			#header ol#mainNav li#home a
			{
			}	

		#header ol#mainNav li#case_studies
		{
			border-bottom: 0;
			padding-bottom: 0;
		}	

	/* end of header */
	
#content
{
/*	border: 1px solid #00f; */
	position: relative;
	z-index: 0;
}

	#content #call_to_action
	{
		border: 1px solid #fff; 
		width: 736px;
		height: 150px;
		background-image: url(../_img/_template/call-to-action-box.jpg);
		background-position: top left;
		background-repeat: no-repeat;
		margin-left: 221px;
		color: #fff;
	/*	border: 1px solid #f00; */
	
		position: relative;
		top: -162px;
		z-index: 1;
	}

	#content #call_to_action h2,
	#content #call_to_action h3
	{
		margin: 16px 240px 4px 110px;
		color: #fff;
	}
	
	#content #call_to_action h2
	{
	/*	border: 1px solid #ff0; */
		font-size: 1.4em;
	}
		#content #call_to_action h2 small
		{
			font-size: 0.8em;
		}
	
		
		#content #call_to_action h2 strong,
		#content #call_to_action h3 strong
		{
			color: #F29400;
		}
		
		#content #call_to_action h2.we_guarantee
		{
			margin: 0px 0px 0px 110px;
				
		}
		
	#content #call_to_action h3
	{
	/*	border: 1px solid #0ff; */
		font-size: 1.1em;
	}
	
		#content #call_to_action h3 a,
		#content #call_to_action h3 a:visited
		{
			color: #fff;
		}

		#content #call_to_action h3 a:hover
		{
			color: #F29400;
		}
	
	#content .sidebar
	{
		width: 211px;
		background-image: url(../_img/_template/rounded-corner-light-top.gif);
		background-repeat: no-repeat;
		background-position: left top;
		margin-top: 12px;
		background-color: #DAEFF2;
		font-weight: bold;

	/*	border: 1px solid #0f0; */
	}

	#content .sidebar.menu
	{
		background-image: url(../_img/_template/rounded-corner-dark-top.gif);
	}

		#content .sidebar.empty
		{
			background-image: none;
			background-color: transparent;
		}
	
		#content .sidebar.menu
		{
			background-color: #6FC2CC;
		}

		#content .sidebar .sidebarFooter
		{
			background-image: url(../_img/_template/rounded-corner-light-bottom.gif);
			background-repeat: no-repeat;
			background-position: left bottom;
		}
		
		#content .sidebar.menu .sidebarFooter
		{
			background-image: url(../_img/_template/rounded-corner-dark-bottom.gif);
		}
		
		#content .sidebar h3
		{
		/*	border: 1px solid #0f0; */
			color: #24AAB6;
			margin: 0;
			padding: 10px 20px 0 20px;
			font-size: 1em;
		}
		
		#content .sidebar p
		{
		/*	border: 1px solid #00f; */
			padding: 10px 20px;
			margin: 0;
			color: #777;
		}
		
		#content .sidebar strong
		{
			color: #F29400;
		}
		
		#content .sidebar ul
		{
			margin-top: 3px;
			margin-bottom: 0;
		}
		
			#content .sidebar ul li
			{
				color: #F29400;
			}

				#content .sidebar ul li .listItemText
				{
					color: #777;
				}

	#content .sidebarright
	{
		float: right;
		position: relative;
		top: -160px;*/
		width: 211px;
	}
		.page_home #content .sidebarright .sidebar .sidebarFooter
		{
			height /**/: 635px;
		}

	/* end of sidebar */
	
	#content #news
	{
	/*	border: 1px solid #ff0; */
		float: right;
		width: 520px;
		position: relative;
		top: -10px;
	}
		#content #news h3
		{
			border-top: 1px solid #24AAB6;
			padding-top: 10px;
		}

		#content #news .newsBox#news2
		{
			border-left: 1px solid #24AAB6;
			border-right: 1px solid #24AAB6;
		}
		
		#content #news .newsBox
		{
		/*	border: 1px solid #0ff; */
			float: left;
			width: 170px;
		}
		
			#content #news .newsBox h5
			{
				margin: 0 15px;
			}
	
	#content #subNavContainer
	{
	/*	border: 1px solid #0f0; */
	}
	
		#content #subNavContainer ol#subNav
		{
			list-style-type: none;
			padding: 0;
			margin: 0;
		}
		
			#content #subNavContainer ol#subNav li
			{
				float: left;
				font-size: 0.9em;
				margin-left: 15px;
				margin-bottom: 10px;
				text-align: center;
				width: 105px;
			/*	border: 1px solid #0f0; */
			}
			
				#content #subNavContainer ol#subNav li a,
				#content #subNavContainer ol#subNav li a:visited
				{
					color: #24AAB6;
					font-weight: bold;
					text-decoration: none;
				}
				
			#content #subNavContainer ol#subNav li a:hover
				{
					color: #F29400;
					text-decoration: underline;
				}
				
		#content #inner_content
		{
		/*	border: 1px solid #0ff; */
			float: right;
			width: 520px;
			position: relative;
			top: -162px;
			margin-right: 10px;
		}

		#content #inner_content table
		{
			margin: 5px 13px;
		}
		#content #inner_content table td 
		{
			color: #666;	
			font-size: 0.9em;
			padding-right: 0.4em;
		}
		
		#content h3
		{
			font-size: 1.1em;
			color: #FCA603;
			margin-top: 0;
		}
	
		#content h4
		{
			font-size: 1.0em;
			color: #FCA603;
			margin-left: 40px;
			margin-top: 10px;
		}
	
		#content h5
		{
			font-size: 0.9em;
			color: #FCA603;
			margin-top: 40px;
			margin-bottom: 0;
		}
	
		#content h6
		{
			font-size: 0.9em;
			color: #FCA603;
			margin-left: 40px;
			font-style: italic;
			margin-bottom: 0;
			margin-top: 0;
		}
		
		#content a,
		#content a:visited
		{
			font-weight: bold;
			color: #24AAB6;
			text-decoration: underline;
		}
		
		#content a:hover
		{
			color: #FCA603;
		}
		
		#content img
		{
			float: right;
			margin: 0 20px 15px 15px;
		}
		
		#content #column_container
		{
			margin-right: 220px;
		}

		#content .column
		{
		/*	border: 1px solid #f00; */
			width: 255px;
			margin-top: 15px;
		}
	
		#content .column#column_one
		{
		/*	border: 1px solid #c00; */
			float: right;
			border-left: 1px solid #24AAB6;
		}
		
		#content .column#column_two
		{
			float: right;
		}

		#content h3,	
		#content p
		{
			margin: 10px 15px;
		}

		#content #inner_content h3
		{
			margin-top: 20px;
			clear: left;
		}
		
		#content p
		{
			font-size: 0.9em;
		}
		
		#content p,
		#content ol,
		#content ul
		{
			color: #666;
		}
		
			#content #inner_content ol li
			{ 
				margin-top: 15px;
			}
		
		#content .contentBox
		{
			border: 1px solid #fff;
		}
		
		#content .column h3
		{
			margin-top: 0;
		}
			
		#content .column #box2 h3,
		#content .column #box4 h3
		{
			border-top: 1px solid #24AAB6;
			padding-top: 10px;
			clear: right;
		}
		
		#content .column #box1 h3,
		#content .column #box3 h3
		{
			margin-top: 0;
		}

		#content .column #box1 p,
		#content .column #box3 p
		{
			padding-bottom: 1em;
		}
		
	#footer
	{
		clear: both;
		font-size: 0.7em;
		color: #999;
		text-align: right;
		padding-top: 15px;
	}
	
		#footer a,
		#footer a:visited
		{
			color: #999;
		}
		
		#footer a:hover
		{
			color: #666;
		}
		
/* individual page defs */

.page_terms_of_use #inner_content
{
	font-size: 0.8em;
}

.patientName,
.symptom
{
	font-weight: bold;
}

.page_home #content .column,
.page_home #content #news
{
	position: relative;
	top: -162px;
}

.page_home #content #news
{
	top: -202px;
}

.page_making_the_most_of_your_visit #content ol
{
	list-style-type: disc;
}

.page_choosing_a_physiotherapist #inner_content ul li
{
	margin-bottom: 15px;
}

#empty_box
{
	height: 150px;
}