/* Resets and Defaults
--------------------------------------------------*/

html, body, div, ul, ol, li, p {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

/* 
The table styles are not set so the customer is able to make use of
the table cellpadding, cellspacing, and border properties available from 
the online editor. Setting these styles will overright those attributes. 

td, tr {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
} 
*/

img, a img {
	border: 0 none;
}

a {
	color: #0265B8;
	text-decoration: none;
}

a:hover {
	color: #0265B8;
	text-decoration: underline;
}

ul, ol {
	padding: 0 0 0 35px;
	margin-bottom: 1em;
}

li {
	margin-bottom: 0.5em;
}

p {
	margin-bottom: 1em;
}

html {
	background: #D9D1CE;
}

body {
	background: #D9D1CE;
	color: #373737;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

td {
	color: #373737;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	color: #676767;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
}

h1 {
	font-size: 28px;
	margin-bottom: 12px;
}

h2 {
	font-size: 18px;
	margin-bottom: 12px;
}

h3 {
	font-size: 14px;
	margin-bottom: 12px;
	font-weight: bold;
}

h4 {
	font-size: 12px;
	margin-bottom: 12px;
	font-weight: bold;
}

.clear {
	clear: both;
}

.TextBorder {
	display: block;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

table.TableBorder {
	border-collapse: collapse;
}

table.TableBorder td {
	border: 1px solid #CCCCCC;
} 

/* Containers
--------------------------------------------------*/

#Container {
	width: 790px;
	margin: 0 auto;
}

#Wrapper {
	width: 770px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(/images/revitalise/bg_shadow.gif) repeat-y 1px 0 scroll;
}

#WrapperInner {
	background: #FFFFFF;
	border: 3px solid #F2EEED;
	padding: 7px;
	width: 750px;
	position: relative;
}

#Flash {
	width: 750px;
	height: 320px;
	margin: 2px auto;
	overflow: hidden;
}

#TopImage {
	width: 750px;
	height: 140px;
	margin: 2px auto;
	overflow: hidden;
}

/* Header
--------------------------------------------------*/

#Header {
	padding: 5px 0 15px 35px;
	height: 79px;
}

#HeaderLogo {
	float: left;
}

#HeaderFind {
	float: right;
}

	#HeaderFind a {
		margin-top: 18px;
		width: 140px;
		height: 40px;
		display: block;
		text-decoration: none;
		background: url(/images/restylane/find_prac_btn.png) repeat-x scroll center top;
		color: #FFFFFF !important;
		text-indent: -9999px;
	}
	
	#HeaderFind a:hover {
		color: #FFFFFF !important;
	}

/* Menu
--------------------------------------------------*/

#Menu {
	width: 750px;
	height: 29px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

	#Menu ul {
		background: #005DAA 0 0;
		list-style-type: none;
		float: left;
		margin: 0;
		padding: 0;
		width: 950px;
		height: 29px;
	}
	
		#Menu ul li {
			float: left;
			height: 29px;
			line-height: 29px;
			padding: 0 11px 0 11px;
		}
		
			#Menu ul li a {
				font-weight: bold;
				color: #FFFFFF;
			}
			
			#Menu ul li a:hover {
				font-weight: bold;
				color: #efefef;
			}
			
			#Menu ul li.selected a {
				font-weight: bold;
				color: #99BCD6;
			}
			
			#Menu ul li.selected a:hover {
				font-weight: bold;
				color: #efefef;
			}
			
				#Menu ul li ul {
					display: none;
					visibility: hidden;
				}
				
				#Menu ul li.selected ul {
					display: block !important;
					visibility: visible !important;
					width: 200px;
					list-style-type: none;
					padding: 0;
					margin: 0;
					position: absolute;
					left: 7px;
					top: 279px;
					background-color: #E6E6E6 /* #6896AD; */
				}
				
				#Menu ul li ul li {
					width: 176px;
					padding: 0 12px 0 12px;
					border-bottom: 1px solid #E0E0E0;
					height: auto;
				}
				
				#Menu ul li ul li.last {
					border-bottom: 0 none;
				}
				
					#Menu ul li ul li a {
						color: #333333!important;
						font-weight: normal !important;
						text-decoration: none !important;
					}
					
					#Menu ul li ul li a:hover {
						color: #92ADCB!important;
						font-weight: normal !important;
						text-decoration: none !important;
					}
					
					#Menu ul li ul li.selected a {
						color: #333333!important;
						font-weight: bold !important;
						text-decoration: none !important;
					}

					/* 3rd level down */
					
					#Menu ul li ul li ul {
						position: static !important;
						background: none !important;
						display: block !important;
						float: none;
					}
					
						#Menu ul li ul li ul li {
							width: 170px;
							margin: 0 0 0 20px;
							padding: 0 12px 0 0;
							border-bottom: 0px none;
						}
						
							#Menu ul li ul li.selected ul li  a {
								font-weight: normal !important;
							}
							
							#Menu ul li ul li.selected ul li.selected  a {
								font-weight: bold !important;
							}
					
/* Home Boxes
--------------------------------------------------*/

#HomeBoxes {
	height: 275px;
}

.ShadowBox {
	background: url(/images/revitalise/bg_shadow-box.gif) no-repeat scroll left top;
	float: left;
	height: 240px;
	padding: 17px;
	width: 216px;
}

	.ShadowBox h4 {
		font-size: 18px;
		margin-bottom: 2px !important;
	}
	
	.ShadowBox p {
		margin-bottom: 0.4em;
		font-size: 11px;
	}
	
	.ShadowBox a {
		color: #333333;
		text-decoration: none;
		font-style: italic;
		font-size: 11px;
	}
	
	.ShadowBox a:hover {
		color: #92ADCB;
		text-decoration: underline;
		font-style: italic;
		font-size: 11px;
	}
	
	.ShadowBox a.callToAction {
		background: url(/images/revitalise/arrow-blue.gif) no-repeat scroll left center;
		padding: 0 0 0 10px;
		display: block;
	}

/* Content
--------------------------------------------------*/

#Content {
	background: #E6E6E6;
	padding: 15px;
	clear: both;
}

#ContentWrap {
	background: #E6E6E6;
}

#ContentInner {
	background: #FFFFFF;
	width: 520px;
	padding: 15px;
	margin-left: 200px;
}

#BreadCrumbs {
	font-size: 12px;
	margin-bottom: 5px;
}

	#BreadCrumbs a {
		color: #0265B8;
		text-decoration: none;
		font-size: 11px;
	}
	
	#BreadCrumbs a:hover {
		color: #0265B8;
		text-decoration: none;
		font-size: 11px;
	}

/* Footer
--------------------------------------------------*/

#Footer {
	background: url(/images/revitalise/bg_footer.gif) no-repeat scroll left top;
	margin: 0 auto;
	padding: 1.3em 20px;
	width: 750px;
}

	#Footer .fl {
		width: 350px;
		float: left;
		text-align: left;
	}
	
	#Footer .fr {
		width: 350px;
		float: right;
		text-align: right;
	}
	
	#Footer a {
		color: #373737;
		text-decoration: none;
	}

	#Footer a:hover {
		color: #9E9E9E;
		text-decoration: underline;
	}

/* Find a Practitioner
--------------------------------------------------*/

#SearchMap {
	text-align: center;
	position: relative;
	margin-top: 15px;
}

#SearchPostcode {
	position: absolute;
	left: 25px;
	bottom: 0px;
	height: 45px;
	width: 180px;
	background: #E6E6E6;
	text-align: left;
	padding: 10px;
}

	#SearchPostcode .text_box {
		width: 100px;
	}
	
	#SearchPostcode label {
		font-weight: bold;
	}

.PracAppListView {
	padding: 10px 5px;
	border-bottom: 1px solid #333333;
}

	.PracAppListView h3 {
		margin: 0;
		padding: 0;
		font-size: 14px;
	}
		
		.PracAppListView h3 a {
			color: #8BAFDF;
			font-weight: bold;
		}
		
	.PracAppListView a {
		color: #0265B8;
	}

#PracAppBreadCrumbs {
	font-size: 12px;
	margin-bottom: 5px;
}

	#PracAppBreadCrumbs a {
		color: #0265B8;
		text-decoration: none;
		font-size: 11px;
	}
	
	#PracAppBreadCrumbs a:hover {
		color: #0265B8;
		text-decoration: none;
		font-size: 11px;
	}

.PracAppSearchTable {
	border-collapse: collapse;
	margin-bottom: 1em;
}

	.PracAppSearchTable td {
		padding: 5px;
		border: 1px solid #CCCCCC;
	}
	
		.PracAppSearchTable td.Title {
			text-align: center;
		}

	.PracAppSearchTable .cat_dropdown,
	.PracAppSearchTable .cat_textbox {
		width: 140px;
	}

.NoResults {
	font-weight: bold;
	color: #BB0000;
}
	
.PracAppDetailView {
	float: left;
	width: 530px;
}

	.PracAppDetailView h1 {
		font-size: 28px;
	}

	.PracAppDetailView h2 {
		font-size: 20px;
	}

	.PracAppDetailView a {
		color: #0265B8;
	}
	
	.PracAppDetailView .NoDisplay {
		display: none;
		visibility: hidden;
		height: 0;
	}

.PracAppInformation {
	width: 330px;
	float: left;
}

.PracAppPictures {
	width: width: 200px;
	float: left;
}

	.PracAppPictures .NoImage {
		display: none;
		visibility: hidden;
		height: 0;
	}

#PracAppDescription, #PracAppServices {
	margin-top: 1em;
}
	
/* Practitioner Home
--------------------------------------------------*/

#PracHomeLoginForm {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-bottom: 20px;
}

	#PracHomeLoginForm .req {
		font-weight: bold;
		color: #BB0000;
	}

.PracHomeLogin, .PracHomePassword {
	border-collapse: collapse;
}

	.PracHomeLogin td, .PracHomePassword td {
		padding: 5px;
	}

#PracHomePasswordForm {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

form.PracHomeCreateProfile fieldset {
	border: 1px solid #CCCCCC;
}

form.PracHomeCreateProfile table {
	border-collapse: collapse;
}

	form.PracHomeCreateProfile table td {
		padding: 5px;
	}

/* Web Forms
--------------------------------------------------*/
	
.WebForm fieldset {
	border: 1px solid #CCCCCC;
	margin: 0 0 1em 0;
}
	
.WebForm table {
	border-collapse: collapse;
}

	.WebForm table td {
		padding: 5px;
	}

	/* Order Form Styles */
	
	.WebForm table#OrderForm td {
		border: 1px solid #CCCCCC;
	}
	
	.WebForm tr.Title, .WebForm tr.Title td {
		background: #E6E6E6;
		font-weight: bold;
	}
	
	.WebForm td.Subtitle {
		text-align: right;
	}
	
	.WebForm .OrderFormItemName {
		width: 200px;
	}
	
	.WebForm .OrderFormInputQty {
		width: 50px;
	}
	
	.WebForm .OrderFormInputUnitPrice {
		width: 100px;
	}
	
	.WebForm .OrderFormInputExtPrice {
		width: 100px;
	}
	
/* Literature Items
--------------------------------------------------*/

p.literature-container {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}	

	p.literature-container icon {

	}

	p.literature-container name {

	}

/* Comment Items
--------------------------------------------------*/

.CommentItem {
	padding: 0;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 10px;
}

	.CommentItem .CommentName {
		font-weight: bold;
		font-size: 13px;
		margin-bottom: 10px;
	}

	.CommentItem .CommentFeedback {
		margin-bottom: 10px;
	}

	.CommentItem .CommentDate {
		font-size: 10px;
		color: #666666;
		margin-bottom: 10px;
	}

/* The Q-Med Team
--------------------------------------------------*/

.TQMedTeam {
	padding: 10px 0;
	border-bottom: 1px solid #CCCCCC;
}

	.TQMedTeamImage {
		float: right;
		margin: 0 0 15px 15px;
	}

	.TQMedTeamImage_alternate {
		float: left;
		margin: 0 15px 15px 0;
	}
	
	.TQMedTeamContact {
		/* margin-top: 10px;
		display: block;
		width: 300px; */
		clear: both;
	}

/* Photo Gallery
--------------------------------------------------*/
	
.PhotoGallery .photogalleryItem {
	padding: 3px !important;
}

/* Marketing Support
--------------------------------------------------*/

#MarketingSupportForm {
	text-align: right;
	margin-top: 10px;
}

.MarketingImagesTable {
	border-collapse: collapse;
}

	.MarketingImagesTable td {
		vertical-align: top;
		padding: 10px;
		border: 1px solid #CCCCCC;
	}
	
	#RestylanePacking td {
		padding: 3px !important;
	}
	
li#BandAImages {
	display: none;
}

	li#BandAImages a {
		display: none;
	}
	
li.ShowBandAImages {
	display: block !important;
}

	li.ShowBandAImages a {
		display: block !important;
	}
