@charset "utf-8";
/*
Theme Name: Novena Heart Centre
Theme URI: http://www.roaringmarketing.com/
Description: Novena Heart Centre Site Template
Version: 1.0
Author: Roaring Marketing
Author URI: http://www.roaringmarketing.com/
*/

/* CSS Reset */
html, body { height:100%; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
fieldset, img { border:none; margin:0; padding:0 }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* Typography Styles */
body { font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family:Arial, Helvetica, sans-serif; color:#0991ac; font-weight:bold; }
h1 { font-size:22px; line-height:24px; margin-bottom:0.5em; }
h2 { font-size:18px; margin-bottom:0.75em; }
h3 { font-size:16px; line-height:1; margin-bottom:1em; }
h4 { font-size:14px; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:12px; font-weight:bold; margin-bottom:0.2em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
p { margin:0 0 1em; line-height:2em; text-align:justify }
p img, p img a:link, p img a:visited { margin:0; }
p img a:hover, p img a:active { margin:0; }
p img.alignleft { margin:0 20px 10px 0; border:1px solid #ddd; padding:4px; float:left; display:inline; }
p img.alignright { margin:0 0 10px 20px; border:1px solid #ddd; padding:4px; float:right; display:inline; }
p img.aligncenter { margin:0 auto; padding:0; display:block; }
blockquote { border-left:3px solid #999; margin:1.5em; padding:1em; color:#999; text-align:justify; font-style:italic; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
li ul, li ol { margin:0 1.5em; }
ul, ol { margin:0 1.5em 1.5em 1.5em; }
ul { list-style-type:disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table { margin-bottom:0.5em; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
td.top_align { vertical-align:top; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.required { color:#f00 }

.left { text-align:left!important; }
.center { text-align:center!important; }
.right { text-align:right!important; }

/* Default Linking */
a:link, a:visited { color:#0991ac; text-decoration:underline; outline:none; }
a:hover, a:active { color:#99bd5b; }

/* CSS Grid Layout */
body { background:url(images/bg-top.jpg) repeat-x center top #eee; }
.clear { height:0!important; clear:both; }
.spacer { height:10px!important; clear:both; }

#page, #container, #header, #footer { width:940px; margin:0 auto; }
#page { position:relative; }

#header { height:145px; color:#72674a; position:absolute; top:0; left:0; z-index:1; }
	#header .top { height:76px; padding-top:6px; position:relative; z-index:1; }
		#header .top .logo { background:url(images/logo-bg.jpg) repeat-x; width:200px; height:76px; margin:0; position:relative; }
			#header .top .logo div.lt, #header .top .logo div.rt { background:url(images/logo-corner.png) no-repeat left top; width:5px; height:5px; top:0; position:absolute; }
			#header .top .logo div.lt { background-position:left top; left:0; }
			#header .top .logo div.rt { background-position:right top; right:0; }
			#header .top .logo .logo-img { width:198px; height:111px; position:absolute; top:0; left:1px; }
				#header .top .logo .logo-img a { background:url(images/nhc-logo.png) no-repeat left top; width:198px; height:111px; display:block; }
			#header .top .hot-line { font-size:12px; color:#000; position:absolute; top:15px; right:165px; }
				#header .top .hot-line a { color:#000; }
		#header .top .topics { height:35px; position:absolute; left:206px; bottom:0; }
			#header .top .topics .t-labels { font-size:12px; font-style:italic; font-weight:bold; padding:0 6px; line-height:35px; float:left; }
			#header .top .topics ul { list-style:none; margin:0; padding:0; float:left; }
				#header .top .topics ul li { height:35px; line-height:35px; margin-right:2px; float:left; }
					#header .top .topics ul li a { background-color:#72674a; width:auto; height:35px; padding:0 20px; line-height:35px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; position:relative; display:block; }
					#header .top .topics ul li a:hover { color:#bfcb86; }
						#header .top .topics ul li a div.lt, #header .top .topics ul li a div.rt { background:url(images/img-tabs-corners.png) no-repeat left top; width:7px; height:7px; position:absolute; top:0; }
						#header .top .topics ul li a div.lt { background-position:left top; left:0; }
						#header .top .topics ul li a div.rt { background-position:right top; right:0; }
	#header .btm { height:63px; position:relative; z-index:0; }
		#header .btm .navi-bar { background:url(images/img-navi.jpg) repeat-x left top; height:35px; position:relative; }
			#header .btm .navi-bar div.lt, #header .btm .navi-bar div.rt { background:url(images/img-corners.png) no-repeat left top; width:5px; height:5px; bottom:0; position:absolute; }
			#header .btm .navi-bar div.lt { background-position:left bottom; left:0; }
			#header .btm .navi-bar div.rt { background-position:right bottom; right:0; }
		#header .btm .language { padding:0 10px; }
			#header .btm .language, #header .btm .language a { color:#777; height:28px; line-height:28px; }
				#header .btm .language a:hover { color:#99bd5b; }
			
	ul#main-navi { list-style:none; margin:0; padding:0; position:absolute; right:8px; }
		ul#main-navi li { background:url(images/img-navi-divider.jpg) no-repeat left center; white-space:nowrap; float:left; height:35px; line-height:35px; padding:0 10px; }
			ul#main-navi li h2 { font-size:13px; color:#72674a; }
			ul#main-navi li a { text-decoration:none!important; }
			ul#main-navi li a h2 { color:#72674a; }
			ul#main-navi li a:hover h2, ul#main-navi li.current_page_item a h2 { color:#72674a; text-decoration:underline; }

#container { padding:145px 0 0 0; z-index:0; position:relative; }
	
	#container h2 { margin:0 0 16px; }
	#container h3, #container h4, #container h5 { margin:0 0 10px; text-transform:uppercase; }
	#container h3 { color:#99bd5b; }
	#container h4 { color:#72674a; }
	#container h5 { color:#9d8f73; }
	#container p { font-size:12px; line-height:20px; }

	#container #tv-bnr, #container #location { background-color:#fff; position:relative; }
		#container #img-bnr { text-align:right; }
		#container #tv-bnr #bnr-info { width:275px; padding:33px 35px; position:absolute; top:0; left:0; bottom:0; overflow:hidden; }
			#container #tv-bnr #bnr-info h2.info { font-size:16px; color:#83795f; }
			#container #tv-bnr #bnr-info h3.price { color:#0991ac; font-size:16px; font-style:italic; line-height:3em; }
			#container #tv-bnr #bnr-info h1 a { text-decoration:none; }
			#container #tv-bnr #bnr-info a.m-info { background:url(images/btn-bnr-side.jpg) no-repeat scroll right top; font-size:16px; font-weight:bold; color:#fff; text-decoration:none; padding-right:12px; height:42px; display:block; float:left; }
				#container #tv-bnr #bnr-info a.m-info span { background:url(images/btn-bnr.jpg) no-repeat; padding:12px 12px 18px 18px; line-height:12px; display:block; }
			#container #tv-bnr #bnr-info a.m-info:hover { color:#eee; }
			#container #tv-bnr #bnr-info a.m-info:active { background-position:bottom right; outline:none; }
				#container #tv-bnr #bnr-info a.m-info:active span { color:#eee; background-position:bottom left; padding:13px 12px 17px 18px; }

	#container #location { margin:15px 0; padding:0 17px; font-size:14px; font-weight:bold; height:41px; line-height:41px; }
		#container #location span.lbl { color:#99bd5b; }

	#container #q-links { background-color:#fff; position:relative; }
		#container #q-links #q-links-sp { width:693px; padding:20px 0 20px 25px; position:absolute; top:0; left:0; bottom:0; }
			#container #q-links #q-links-sp h2 { color:#99bd5b; }
			#container #q-links #q-links-sp h4 { color:#666; }
			#container #q-links #q-links-sp .l-panels { width:195px; height:200px; padding-right:15px; margin-right:15px; border-right:1px solid #e6e5e1; float:left; }
			#container #q-links #q-links-sp .n-b { border:none; }
			#container #q-links #q-links-sp ul { list-style:none; margin:0; padding:0; }
				#container #q-links #q-links-sp ul li { margin-bottom:15px; }
					#container #q-links #q-links-sp ul li a { font-size:12px; text-decoration:none; }
					#container #q-links #q-links-sp ul li a:hover { text-decoration:underline; }

	#container #contents { background:url(images/img-sidebar-bg.jpg) repeat-y left top #fff; position:relative; zoom:1 }

		#container #contents #main { width:690px; padding:23px 25px 10px; float:right; }
		#container #contents ul li, #container #contents ol li, #container #wide-c ul li, #container #wide-c ol li { margin:0 0 0.4em; line-height:1.4em; font-size:12px; }
		
		#container #contents #main ul { list-style:none; margin-left:0; }
			#container #contents #main ul li { background:url(images/icon-bullet.gif) no-repeat left 5px; padding-left:12px; }
			#container #contents #main a.btn-more { background:url(images/btn-more.jpg) repeat-x left center; width:auto; height:18px; line-height:18px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:0 10px; border:1px solid #333; display:inline-block; }
			#container #contents #main .more-details { border:1px solid #999; background-color:#fafaf5; padding:10px; }
			#container #contents #main .details { padding-bottom:10px }
			#container #contents #main .faq-ans { padding:10px 0; }
			#container #contents #main p.d-links { margin:0; }

		#container #contents #sidebar { width:200px; padding:0 0 23px; float:left; }
			#container #contents #sidebar h3 { background:url(images/img-heart.png) no-repeat 5px center; font-size:16px; font-weight:bold; color:#72674a; margin:0; padding:12px 25px; border-bottom:1px solid #e3e9c7; text-transform:capitalize; }
				#container #contents #sidebar ul { list-style:none; margin:0; padding:0; }
					#container #contents #sidebar ul li { border-bottom:1px solid #e3e9c7; margin:0; }
						#container #contents #sidebar ul li a { background:url(images/icon-arrow2.gif) no-repeat 10px 10px; color:#72674a; text-decoration:none; text-transform:capitalize; padding:5px 10px 5px 25px; display:block }
						#container #contents #sidebar ul li a:hover, #container #contents #sidebar ul li.current_page_item a { background-color:#e3e9c7; }

	#container #wide-c { background-color:#fff; padding:23px 25px 10px; position:relative; zoom:1 }

#footer { height:60px; background-color:#fff; margin:15px auto; position:relative; }
	#footer ul.ftr-links { list-style:none; margin:0; padding:0; position:absolute; top:16px; left:15px; }
		#footer ul.ftr-links li { font-size:12px; line-height:12px; padding:0 10px; border-right:1px solid #0991ac; float:left; }
			#footer ul.ftr-links li.page-item-5 { padding:0 8px 0 0; }
			#footer ul.ftr-links li.page-item-17 { padding:0 0 0 8px; border:none; }
			#footer ul.ftr-links li a { text-decoration:none; }
			#footer ul.ftr-links li a:hover { text-decoration:underline; }
	#footer .copyright { font-size:11px; color:#939393; position:absolute; bottom:13px; left:15px; }
	#footer .icon-nhc { background:url(images/icon-heart.gif) no-repeat; width:49px; height:51px; position:absolute; top:5px; right:17px; }

.fl-more { position:absolute; top:0; right:0; z-index:1000; }
	.fl-more .slide { background:url(images/btn-slide.png) no-repeat left top; width:156px; height:33px; text-align:center; }
		.fl-more .slide a.btn-slide { background:url(images/icon-arrow.gif) no-repeat right top; height:33px; line-height:33px; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; padding-right:20px; display:block; outline:none; }
		.fl-more .slide a.active { background-position:right bottom; }
	.fl-more .panel { width:154px; background:url(images/panel-bg.jpg) repeat-y right top #e55727; border-left:1px solid #c93300; border-right:1px solid #c93300; display:none; }
		.fl-more .panel ul { list-style:none; margin:0; padding:10px 0; }
			.fl-more .panel ul li { height:16px; line-height:16px; text-align:center; }
				.fl-more .panel ul li a { color:#fff; text-decoration:none; display:block; }
				.fl-more .panel ul li a:hover { text-decoration:underline; }

#container div.tl, #container div.tr, #container div.bl, #container div.br, #footer div.tl, #footer div.tr, #footer div.bl, #footer div.br { background:url(images/img-corners.png) no-repeat left top; width:5px; height:5px; position:absolute; }
	#container div.tl, #footer div.tl { background-position:left top; top:0; left:0; }
	#container div.tr, #footer div.tr { background-position:right top; top:0; right:0; }
	#container div.bl, #footer div.bl { background-position:left bottom; bottom:0; left:0; }
	#container div.br, #footer div.br { background-position:right bottom; bottom:0; right:0; }