@charset "utf-8";
/* CSS Document */

/* ---- RESET ---- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/*body { 
background: #fff url(/uploadedImages/TTSH/_system/images/bg.gif) 0 0 repeat-x;
	color: #555;
	font-size: 75%;
	padding-bottom: 60px;
}*/


/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* ---- LAYOUT ---- */

/* common html tag and classes */

body { font-family:Arial, Helvetica, sans-serif; font-size: 75%; color: #213151; }

a {
	color: #226fac;
	text-decoration:none;
	-moz-transition: 0.2s color linear;
	-webkit-transition: 0.2s color linear;
	transition: 0.2s color linear;
	font-weight:bold;
}
a:hover {
	/*text-shadow:#ddd 1px 1px 0;*/
	color: #890101;
	text-decoration:underline;
}

a:visited {
text-shadow:#333 1px 1px 0;
color:#900;
text-decoration:none;
}


.container974 {width: 915px; margin: 0 auto;}
.container {width: 915px; margin:0 auto; }

h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; letter-spacing:-1px;}



h1 {font-family:Arial, Helvetica, sans-serif; font-size: 38px; line-height: 40px; letter-spacing: -1px; color: #333; font-weight:bold;}
h2 {font-family:Arial, Helvetica, sans-serif; color:#4E443C; margin-bottom: 0; font-size:1.6em; color: #333; font-family:Arial, Helvetica, sans-serif;}
/*h2 {font-size: 1.6em; border-bottom: 1px solid #f2f2f2; padding-bottom: 1px; color: #1155cc;}*/
h3 {font-size: 1.5em; line-height: 1em; margin-bottom:0.5em; margin-top:1em; color: #333; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}


h4 {font-size: 1.2em; color: #BF3B53; border-bottom: 0.5px solid #f5f5f5; line-height: 1.2em; margin-bottom:0.2em; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}

h5 {font-size: 1.1em; line-height: 2.2em;}

caption {font-size:9px; line-height:0.5em; color:#999;}
em { font-style: italic; font-weight:bold; }

ol {list-style:decimal;}
ul {list-style:circle;}
ol {margin-bottom: 1.5em; margin-top: 0; line-height: 1.7em;} 
ul li  {margin:0 0 0.6em 0; line-height: 1.7em;}
ol li  {margin:0 0 0.6em 0;line-height: 1.7em;}
ul li ul, ul li ol, ol li ul, ol li ol {margin-top: 0.9em;}

p {margin:0 0 1.5em; word-spacing: 0.1em; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 1.1em;
}

p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:3;}
p img.right {float:right;margin:3.5em 0 3.5em 3.5em;}
blockquote { 
margin:0 0 1.5em 1.5em; padding-left: 1.0em; border-left: 3px solid #dfe1e3; color: #747e92; line-height:14px;}


/*****************************Start table********************/

/* Tables still need 'cellspacing="0"' in the markup. 
table { border-collapse: separate; border-spacing: 0; }*/
/*caption, th, td { text-align: left; font-weight: normal; }*/
/*table, td, th { vertical-align: middle; }*/

table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;}
th{background:#bd2634; font-weight:bold; text-transform:uppercase; color:#eaeaea; text-shadow:#000 1px 1px 0; text-align:center;}

/* tablecloth styles */

tr.even td, td.even{background:#eeeeee; border-bottom:thin;}
tr.odd td, td.odd{background:#eff4f9;}

th.over, tr.even th.over, tr.odd th.over{background:#ff4c78;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}

/*th.vertical {vertical-align: top; text-align: right; background: #dbe8f2;}
th.vertical2 {vertical-align: top; text-align: right; background: #eee;}
th.horz {border-bottom: 1px solid #ddd; font-weight: bold; background: none;}
td.vertical {border-bottom: 1px solid #ccc; text-align: right; font-weight: bold; border-bottom: 1px solid #ddd;}*/

/*****************************end table********************/

.left {float: left;}
.right {float: right;}

.footnote {border-top: 1px solid #ddd; line-height: 1.4em; font-size: 0.9em; font-style: italic; margin-top: 25px; padding: 3px 0 20px 5px;}
  
hr {
display: block;
position: relative;
padding: 0;
margin: 8px auto;
width: 100%;
clear: both;
border: none;
border-top: 1px solid #AAA;
border-bottom: 1px solid #FFF;
font-size: 1px;
line-height: 0;
overflow: visible;

}
hr.space {
  background: #fff;
  color: #fff;
}

.left {float:left;}
.right {float: right;}

/*.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}*/

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

.invisible {display:none;}

#floater {
	background:#fffddf url(/uploadedimages/ttsh/_system/images/bkg_warning.gif) repeat-x; font-weight:normal; min-height: 45px; margin-bottom: 30px;
	float: right;
	margin: 15px;
	border: 1px solid #ddd;
	padding: 5px;
	
}


.floaterright {
	
	width:50%;
	border: 1px solid #ddd;
font-size: 90%;
clear:right;
float:right;
padding: 5px;
margin: 8px 8px;
margin-left: 8px;
}

.floaterleft {
	float: left;
	width:75%;
	border: 1px solid #ddd;
font-size: 90%;
clear:left;
padding: 5px;
margin: 8px 8px;
margin-left: 8px;

}

#floaternotice{
background:#fffddf url(/uploadedimages/ttsh/_system/images/bkg_warning.gif) repeat-x; font-weight:normal; min-height: 45px; margin-bottom: 30px;
width: 35%;
margin: 8px 8px;
margin-left: 8px;
padding: 5px;
font-size: 90%;
clear:right;
float:right;

}

#floaterhomepage{
background:#fffddf url(/uploadedimages/ttsh/_system/images/bkg_warning.gif) repeat-x; font-weight:normal; min-height: 45px; margin-bottom: 30px;
width: 100%;
margin: 8px 8px;
margin-left: 8px;
padding: 5px;
font-size: 90%;
clear:right;
float:right;

}

/* home */

#header {margin-top: 37px; margin-bottom:7px; }
#header .logo {margin-left: -67px; position:relative;}


/* blue top navigation */
#subnav { float: right; font-size: 1.0em; font-weight: bold; margin-top: 14px; }    
#subnav ul { margin: 0; padding: 0; }
#subnav ul li { list-style-type: none; display: inline; margin-left: 15px;}
#subnav a { color: #555757; text-decoration: none; }
#subnav a:focus, #subnav a:hover { color: #ccc;}

#subnav #search {float: right; margin-top: 12px;}
#subnav #search input {vertical-align: middle; margin: 0;}


/* multi-coloured navigation */


#nav {font-weight: bold;  }
#nav ul { margin: 0; padding: 0; }
#nav ul li { list-style-type: none; display: block; float: left; margin-right: 1px; background: #b82833 url(/uploadedimages/ttsh/_system/images/nav_bkg.gif); text-align: center; height: 26px; padding-top: 5px;}
#nav a { color: #fff; text-decoration: none; font-size: 1.1em;}
#nav a:focus, #nav a:hover { color: #ffabb1;}
#nav ul li.first { background: #ef6c75 url(/uploadedimages/ttsh/_system/images/nav_left.gif) no-repeat;}
#nav ul li.last { background: #ef6c75 url(/uploadedimages/ttsh/_system/images/nav_right.gif) no-repeat top right;}


.patientguide, .patientguide a, .patientguide a:link .patientguide a:hover {color: #bf2b37; border-color:#77787c; border-top-color:#77787c;font-weight: bold; text-shadow: rgba(0.2, 0.2, 0.2, 1.6) 0 1px 0; }
.medprof, .medprof a, .medprof a:link {color: #bf2b37; border-color:#77787c; border-top-color:#77787c; text-shadow:#999; font-weight: bold; text-shadow: rgba(0.2, 0.2, 0.2, 1.6) 0 1px 0; }
.deptcenter, .deptcenter a, .deptcenter a:link {color: #bf2b37; border-color:#77787c; border-top-color:#77787c; text-shadow:#999; font-weight: bold; text-shadow: rgba(0.2, 0.2, 0.2, 1.6) 0 1px 0; }
.careers, .careers a, .careers a:link {color: #bf2b37; border-color:#77787c; border-top-color:#77787c; text-shadow:#999; font-weight: bold; text-shadow: rgba(0.2, 0.2, 0.2, 1.6) 0 1px 0; }
.contact, .contact a, .contact a:link {color: #bf2b37; border-color:#77787c; border-top-color:#77787c; text-shadow:#999; font-weight: bold; text-shadow: rgba(0.2, 0.2, 0.2, 1.6) 0 1px 0; }

#carousel {margin-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #a9b2b4;}
.carouselp {position: relative; margin-top: -45px; padding: 14px 0;}
.carouselp a {background: url(/uploadedimages/ttsh/_system/images/unsel_number.gif) no-repeat; padding: 3px 7px; margin-right: 4px; color: #a9b2b4;}
.carouselp a.sel {background: url(/uploadedimages/ttsh/_system/images/sel_number.gif) no-repeat; color: #fff; }

.spotlights { float:left; width:600px; height:320px; }
.spotlights-box { float:left; width:600px;height:320px; position:relative; z-index:1; vertical-align:top; margin:0px 0px; }
.spotlights-box .slide { position:absolute; width:600px; height:320px; z-index:1; display:none; margin:0; padding:0; overflow:hidden;}
.spotlights-box .slide img { margin:0; padding:0; }
.spotlights-box .active { z-index:2; display: block; }
ul.spotlights-add-nav {float:right; overflow:hidden; margin:0; padding:0; position:relative; bottom:0; z-index:0; background: #fff;}
ul.spotlights-add-nav li {float:left; list-style:none !important; margin:0; margin-bottom:-1px;}
ul.spotlights-add-nav li:after {clear:both; content:""; display:block;}
ul.spotlights-add-nav a {padding-right:2px; display:block; color:#333; font-weight:bold; line-height:25px; height:25px; text-align:center; text-decoration:none; vertical-align:middle; width:25px;}
ul.spotlights-add-nav li.active a, ul.add-nav a:hover {background:#b5242f; color:#fff; text-decoration:none;}


#leftcol {width: 602px; float:left;}
#rightcol {width: 290px; float:right;}

#footer {
border-top: 1px solid #8b8b8c; 
margin-top: 64px; 
padding-top: 18px; 
font-size: 0.9em; 
margin-bottom: 40px;
}

#footer a{color:#1155cc; margin-right: 5px;}
#footer a:focus, #footer a:hover { color: #000;}

/* Find care tab navigation and search */

#findcare {margin-top: 15px;}
#findcare h1 {color:#226fac; font-size: 1.5em; letter-spacing: -1px;}

.tabnav {margin-top: 10px;}
.tabnav a { color: #76a2c5; border-bottom: 2px solid #6aaadc; padding-right: 30px;}
.tabnav a.sel { color: #0b4a7b; border-bottom: 2px solid #0b4a7b; text-decoration: none;}
.tabnav a:hover { color: #0b4a7b; border-bottom: 2px solid #0b4a7b; text-decoration: none;}
.fcbox {background: #e6eef4; padding: 18px 10px 0 10px; border-bottom: 1px solid #d6e0e9;}
.fcbox p.searchbox {font-size: 1.4em; color: #14507f; margin-bottom:10px; }
.fcbox p.searchbox .browse {font-size: 0.8em; color: #14507f; font-weight: bold; background:url(/uploadedimages/ttsh/_system/images/bkg_browse.gif) no-repeat center left; padding-left: 13px; margin-left: 10px;}
.fcbox .searchbox input[type=text] { margin-top:2px; }

		/* Disease epidemic alert */

#warning {margin-top: 10px; background: #fff499; font-size: 1.0em; font-weight: bold; padding: 7px 10px;}
#warning a {color:#c08226;}
#warning a:hover {color:#e3a953;}
#warning p { margin-bottom:1px; }
.nowarning { min-height: 45px; margin-bottom: 30px; }

		/* Feature boxes: Patient stories, Ask Professor Chia, Upcoming Events, Latest News */

#articles {margin-top: 20px; background: #efefef; padding: 8px 0; }
#articles div {margin-left: 8px; background: #fff;}
#articles div p, #articles div h2.title {margin-left: 10px; margin-right: 10px;}
#articles div h2.title {margin-top: 5px; margin-bottom: 10px; font-size: 1.2em; letter-spacing: 0;}
#articles div p {color: #393939; font-size: 1em; line-height: 1.3em;}
#articles div a {color: #1155cc;}
#articles div a:hover {color: #ccc;}

	
.rightlink {float: right; position: relative; margin-top: -20px;}

#upcomingevents, #latestnews { margin-bottom: 20px;}
/*h2.title {font-size: 1.4em; letter-spacing: -1px; padding-bottom: 2px; font-weight: bold; color: #a80000; background: url(/uploadedimages/ttsh/_system/images/headertitle_bkg.gif) no-repeat bottom left} */
h2.title {font-size: 1.4em; letter-spacing: -1px; padding-bottom: 2px; font-weight: bold; color: #a80000; border-bottom:2px solid #a80000;}
.rightlink {float: right; position: relative; font-size: 0.9em; margin-top: -20px; font-weight: bold;}
.rightlink a {color: #cdd1c8;}


.item {font-size: 1.1em; color: #8b8b8c; border-bottom: 1px solid #dfe1e3; padding-top: 6px; padding-bottom: 9px; line-height: 18px;}
.item a {color:#1155cc; font-weight:bold;}
.item a:hover {color:#1155cc;}
.date {color: #8b8b8c; float:left; font-weight: bold; width: 90px; }
.bit {width: 195px; float: right; }
.small {font-size: 11px; font-weight: normal;}

/*.feature {width: 290px;}
.feature img {margin-top: 1px; border-bottom: 1px solid #dfe1e3; padding-bottom: 1px;}
.feature p {margin: 20px 0; font-size: 13px; line-height:16px;}
.feature h4 {font-size: 1.1em; font-weight: bold; color:#8b8b8c; margin-top: 3px;}
.more {font-size: 0.9em; font-weight: bold;}*/

		/* Other Services: Links with icon */

#otherservices div div {width: 145px;}
#otherservices .serviceitem {margin-bottom: 5px;}
#otherservices .serviceitem span {display:block;}
#otherservices .serviceitem span.servicepic {width: 55px; float:left;}
#otherservices .serviceitem span.servicedesc {padding-top: 13px; line-height: 16px;}
#otherservices .serviceitem span.servicedesc a{color:#1155cc; font-weight:bold;}
#otherservices .serviceitem span.servicedesc a:hover{color:#000;}

	/* subpages template */

		/* breadcrumb, print friendly and text size */
#breadcrumb {height: 40px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8b8b8c; color:#8b8b8c; font-size: 0.9em; font-weight: bold; padding-top: 8px;}
#breadcrumb a {color: #1155cc; margin: 0 3px;}
#breadcrumb a.sel {color: #8b8b8c;}
/*#breadcrumb.patientguide {border-color:#0499b4;}
#breadcrumb.medprof {border-color:#266bd3;}
#breadcrumb.quality {border-color:#bf2b37;}
#breadcrumb.careers {border-color:#ac1a2f;}
#breadcrumb.contact {border-color:#d68000;}*/

#breadcrumb.patientguide {border-color:#bf2b37;}
#breadcrumb.medprof {border-color:#bf2b37;}
#breadcrumb.quality {border-color:#bf2b37;}
#breadcrumb.careers {border-color:#bf2b37;}
#breadcrumb.contact {border-color:#bf2b37;}

#breadcrumb a.home{background: url(/uploadedimages/ttsh/_system/images/home.gif) no-repeat; width: 18px; height: 13px; display: inline-block;}
#breadcrumb a.home span{display: none;}
.printfriendly, .textsize {display: inline-block;}
#breadcrumb a.printfriendly {background: url(/uploadedimages/ttsh/_system/images/print.gif) no-repeat; padding-left: 20px; padding-right: 10px; border-right: 1px solid #f2f2f2; color: #8b8b8c;}
#breadcrumb .textsize {color: #333; display: inline-block; margin-left: 3px;}
#breadcrumb .textsize .plus, #breadcrumb .textsize .minus {width: 14px; height: 14px; margin: 0 0 1px 2px; padding: 0; display: inline-block; vertical-align: bottom; }
#breadcrumb .textsize .plus {background: url(/uploadedimages/ttsh/_system/images/textsizeplus.gif) no-repeat;}
#breadcrumb .textsize .minus {background: url(/uploadedimages/ttsh/_system/images/textsizeminus.gif) no-repeat;}
#breadcrumb .textsize .plus span, #breadcrumb .textsize .minus span {display: none;}

#functions {float: right;}

		/* main page title header */
#pagetitle {min-height: 91px;}
#pagetitle h1 {margin-top: 3px; height: 63px;}
#pagetitle h2 {margin-left: 234px; font-weight: bold; border-bottom: none; font-size:2em; margin-top:-5px; }


#wrapcontent { border-top: 1px solid #8b8b8c;}
#leftcontent, #rightnav {padding-top: 10px; /*border-top: 1px solid #8b8b8c;*/ }
#leftcontent {float:left; width:680px;}
#leftcontent h2 { margin-bottom: 3px;}
#rightnav { float:right; width:213px; }
.righttitle { border-bottom: 1px solid #8b8b8c; line-height:28px; }
h4 .righttitle { font-weight:bold; }

		/* left navigation */
#leftnav, #rightcontent {padding-top: 10px; border-top: 1px solid #8b8b8c;}
#leftnav {float:left; width: 213px; font-size: 1.1em; font-weight: bold; line-height: 22px;}
#leftnav ul {margin: 0; padding: 0;}
#leftnav ul li {list-style-type: none; border-bottom: 1px solid #dfe1e3;}
#leftnav ul li a.sel {color: #8b8b8c;}

		/* main right column container */
#rightcontent {float: right; width: 680px; }
#rightcontent h2 { margin-bottom: 3px;}


	/* Find care alphabetical list */
	
.alphabet {margin-bottom: 20px; margin-top: 10px;}
.alphabet span {display: inline-block; font-weight: bold; font-size: 1.1em; }
.alphabet span a {color: #1155cc; padding-left: 5px;}
.alphabet span a:hover {color: #000;}


.alphalist {border-top: 1px solid #8b8b8c; margin-bottom: 25px;}
#rightcontent .alphalist h2{ margin-top: 0;font-size: 32px; border: none; float: left; color: #1155cc; line-height: 25px; margin-top: 10px;} 
.alphalist ul {margin: 0; padding: 0; margin-left: 76px;}
.alphalist ul li {margin: 0; padding: 0; list-style-type: none; font-size: 1.1em; line-height: 21px; font-weight: bold; border-bottom: 1px solid #e5e7e9; margin: 2px 0;}

.paging {text-align: right; margin-top: 40px;}
.paging a {padding: 5px 10px;}
.paging a.sel {background: #ddd; color: #333;}
.paging a:hover {background: #ddd;}
.paging span {padding-right:10px;}


	/* Clinics page */
.c_specialist {border-top: 1px solid #f2f2f2; margin-bottom: 5px; width: 100%; border-bottom: none;}
.c_specialist table {width: 100%; border: none; margin: 0;}
.c_specialist td {border: none; vertical-align: top; padding: 0;}
.c_specialist table td {vertical-align: top; padding: 3px;border-bottom: 1px solid #f2f2f2;}
.c_specialist td.pic { width: 150px; padding-top: 5px;

}
.c_specialist table td.nametitle {padding-bottom: 10px; padding-top: 5px;}
.c_specialist table td.nametitle p {color: #8b8b8c; margin: 0; line-height:1.2em; margin-top:8px;}
.c_specialist table td.nametitle a {font-weight: bold;}
.c_specialist table td.label {width: 118px; font-weight: bold;}
.c_specialist table td.last {border: none;}


.rightitem {border-top: 1px solid #8b8b8c; padding-top: 5px; margin-bottom: 20px;}
.rightitem p {margin:0 0 1.5em; font-size: 13px; line-height: 1.7em; font-family:Arial, Helvetica, sans-serif; word-spacing: -0.9pt;}
.rightitem h4{margin: 0;}
ul.relatedlink { margin: 6px 0; padding: 0;}
ul.relatedlink li {list-style-type: none; border-top: 1px solid #dfe1e3; padding: 5px 0;}
ul.relatedlink li.first {border-top: none;}
ul.relatedlink li a{font-weight: bold;}

.grey {color: #8b8b8c;}

table.specialist {font-size: 1.1em; width: 446px; float: left; margin-right: 22px; margin-top: 5px; border: none;}
table.specialist td{padding: 2px 1px; border-bottom: 1px solid #dfe1e3;}
table.specialist a{font-weight: bold;}
td.label {font-weight: bold; width: 156px; vertical-align:top; }
.specialistpic {margin-top: 5px; box-shadow: 0px 0px 10px #A0A0A0;
    -webkit-box-shadow: 0px 0px 10px #aaa;
    -moz-box-shadow: 0px 0px 10px #A0A0A0;}

	/* Newsroom */
#NR_news, #NR_upcomingevents, #NR_pressreleases {border-bottom: 1px solid #8b8b8c;}
#NR_news hr {margin: 0 0 7px 0;}
.newsfeat {margin: 0 0 7px 0;}
.newsfeat img {margin: 0 21px 0 0;}
.newsfeat h4 {margin-bottom: 16px;}
.newsfeat .date {float:none; font-size: 0.9em;}
.newsfeat a {font-size: 11px; font-weight: bold;}
.newsfeat p {line-height: 16px; font-size: 12px;}
.time {font-weight: normal; font-size: 0.9em;}

/*
.newslist a {font-weight: bold; color: #1155cc;}
.newslist div {border-bottom: 1px solid #dfe1e3; padding: 3px 0; }
.newslist .desc {padding: 0; margin-left: 90px; border: none;}
.eventtype, .venue {color: #8b8b8c; font-size: 0.9em; padding-right: 40px; font-weight: bold;}
*/
.newslist {border-bottom: 1px solid #dfe1e3 ;padding: 3px 0; }
.newslist a {font-weight: bold; color: #1155cc; }
.newslist .desc {padding: 0; margin-left: 90px; border: none;}
.eventtype, .venue {color: #8b8b8c; font-size: 0.9em; padding-right: 40px; font-weight: bold;}

	/* landing pages */
.lpimage {margin-top: -9px; }

.lp_feat {margin-top: 30px;}
.lp_feat div {width: 212px; float: left; margin-right: 22px;}
.lp_feat .rightlink {float: right; position: relative; font-size: 11px; margin-top: -26px;}
.lp_feat div.last {margin-right: 0;}
.lp_feat div h2 {line-height: 20px; border-bottom: 1px solid #8b8b8c; margin-bottom: 1px; padding-bottom: 7px; font-weight:bold;}
.lp_feat div img {border-bottom: 1px solid #cacdd1; margin-bottom: 15px; margin-top:0.5em; }
.lp_feat div ul {margin: 0; padding: 0;}
.lp_feat div ul li {list-style-type: none; border-bottom: 1px solid #dfe1e3; font-weight: bold; padding: 2px 0;}
.lp_feat div ul li a {color: #1155cc;}



/* ---- TYPOGRAPHY ---- */
.summary {font-size: 1.5em; margin-top: 23px; line-height: 24px;}



/* ---- FORMS ---- */

label {font-weight:bold; font-size: 1.1em; width: 200px; display:inline-block; margin: 7px 0 5px 0; min-height: 22px;}
label span.desc {font-weight: normal;}

input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff;border:1px solid #aaa; border-bottom:1px solid #ddd;width: 248px; vertical-align:top;  margin: 7px 10px 5px 0; min-height: 18px;}
select {width: 250px;}
input.mainsearch {width:170px; margin-right: 4px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#777;}

form div.form2ndcol, form p.formremarks {margin-left: 202px; margin-top: 15px;}
p.formremarks {font-size: 0.9em; width: 260px; color: #8b8b8c; }
.multiselectlist { font-size: 1.2em; } 
.multiselectlist option { padding:2px; }

/* error classes */
label.error {color: #ac1a2f;}
input.error {border: 2px solid #ff0025;}
select.error {border: 2px solid #ff0025;}
textarea.error {border: 2px solid #ff0025;}
span.error {font-weight: bold; color: #ac1a2f; font-size: 0.9em; background: url(/uploadedimages/ttsh/_system/images/errorarrow.gif) no-repeat; height: 23px; padding-left: 31px; display: inline-block; padding-top: 4px; margin-left: 10px;}