/*   
Theme Name: Kingston Medical
Theme URI: http://www.kingsmed.com.sg
Description: Kingston Medical - Serving The Healthcare Industries Since 1975
Author: iCELL Network
Author URI: http://www.icellnetwork.com
Version: 1.0
*/

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

/* 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 {
	padding: 0;
	margin: 0;
}
fieldset, img { 
	border: 0;
}
table {
	margin: 10px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
img.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}
img.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}

/* TEXT */
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode",  Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.15em;
}
h5, h6, p, ul, ol, li {
	line-height: 1.35em;
}
h1 {
	margin-left: -0.1em;
	font-size: 2em;
}
h2 {
	margin-left: -0.1em;
	font-size: 1.75em;
}
h3 {
	margin-left: -0.1em;
	font-size: 1.5em;
}
h4 {
	font-weight: bold;
	text-transform: uppercase;
}
h5 {
	font-weight: bold;
}
h6 {
	font-size: 0.9em;
	font-style: italic;
}
p.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
ul.bullet {
	margin-left: 1.2em;
	list-style-type: disc;
}
ul.indentedbullet {
	margin-left: 2.5em;
	list-style-type: disc;
}
:focus, :active {
	-moz-outline: none;
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}
a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* LAYOUT */
body {
	width: 900px;
	margin: 0 auto;
}
div.left, img.left {
	float: left;
	margin: 0.2em 2em 2em 0;
}
div.right, img.right {
	float: right;
	margin: 0.2em 0 2em 2em;
}
div.clear {
	clear: both;
}
.center {
	text-align: center;
}

/* LAYOUT */
div#header {
	clear: both;
	width: 840px;
	height: 95px;
	padding: 20px 60px 0 0;
	background-image: url(images/header_bg.png);
	text-align: right;
}
div#bottom {
	clear: both;
	width: 900px;
	height: 47px;
	background-color: #9CB4D0;
	background-image: url(images/header_bottom.png);
	background-repeat: no-repeat;
}
div#splash {
	clear: both;
	width: 900px;
	height: 300px;
}
div#splash img {
	float: left;
}
div#feature {
	clear: both;
	width: 800px;
	height: 215px;
	padding: 0 50px;
	background-image: url(images/feature_bg.png);
}
div#featureLeft {
	float: left;
	width: 510px;
}
div#featureRight {
	float: left;
	width: 290px;
}
div#featureRight img {
	padding-right: 25px;
}
div.featureContent {
	float: left;
	width: 170px;
}
div.general {
	padding: 10px 50px 25px 50px;
}
div.generalLeft {
	float: left;
	width: 325px;
	margin-right: 40px;
}
div.generalRight {
	float: left;
	width: 435px;
}
div#footer {
	padding: 15px 50px;
	background-color: #9CA6C0;
	text-align: center;
}
div#index {
	width: 300px;
	border-left: 1px solid #ABB9D1;
	border-right: 1px solid #ABB9D1;
	border-bottom: 1px solid #ABB9D1;
}
div#index ul li img {
	vertical-align: bottom;
}
body.data {
	width: 435px;
}

/* LINKS & NAVIGATION */
a {
	color: #2C518C;
}
div#nav {
	width: 900px;
	height: 65px;
}
div#nav ul li {
	display: inline;
}
div#nav ul li#navHome a, div#nav ul li#navProfile a, div#nav ul li#navNews a, div#nav ul li#navProducts a, div#nav ul li#navWarranty a, div#nav ul li#navContact a  {
	float: left;
	height: 0px;
	padding-top: 65px;
	overflow: hidden;
	background-image: url(images/nav_bg.png);
	background-repeat: no-repeat;
}

div#nav ul li#navHome a { width: 150px; background-position: 0px 0px; }
div#nav ul li#navProfile a { width: 150px; background-position: -150px 0px; }
div#nav ul li#navNews a { width: 150px; background-position: -300px 0px; }
div#nav ul li#navProducts a { width: 150px; background-position: -450px 0px; }
div#nav ul li#navWarranty a { width: 150px; background-position: -600px 0px; }
div#nav ul li#navContact a { width: 150px; background-position: -750px 0px; }

div#nav ul li#navHome a:hover { width: 150px; background-position: 0px -65px; }
div#nav ul li#navProfile a:hover { width: 150px; background-position: -150px -65px; }
div#nav ul li#navNews a:hover { width: 150px; background-position: -300px -65px; }
div#nav ul li#navProducts a:hover { width: 150px; background-position: -450px -65px; }
div#nav ul li#navWarranty a:hover { width: 150px; background-position: -600px -65px; }
div#nav ul li#navContact a:hover { width: 150px; background-position: -750px -65px; }

div#index ul li.header {
	padding: 3px 5px 2px 15px;
	background-color: #ABB9D1;
	border-top: 1px solid #ABB9D1;
	font-weight: bold;
	color: #FFFFFF;
}
div#index ul li a {
	display: block;
	padding: 2px 5px 2px 25px;
	border-bottom: 1px dotted #ABB9D1;
}
div#index ul li a:hover {
	background-color: #D5DCE8;
	text-decoration: none;
}


/* TEXT HANDLING */
div#header ul li {
	font-size: 0.95em;
	line-height: 1.2em;
}
div#feature h3 {
	padding-bottom: 0.5em;
}
div.general h4 {
	padding-top: 1.5em;
}
div.general p, ul {
	padding-bottom: 1em;
}
div.general h2 {
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	border-bottom: 2px solid #E0E0F0;
}

div#contentarea h5 {
	display: block;
	margin: 5px 0;
	padding: 4px 10px 4px 10px;
	background-color: #183167;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
}

div#contentarea p {
	padding-left: 10px;
	font-style: italic;
}
div#contentarea ol {
	margin-left: 40px;
	padding-bottom: 10px;
	font-style: italic;
	list-style-type: disc;
}
div#contentarea ol li {
	padding-bottom: 3px;
}

div#contentarea ul {
	border-top: 1px dotted #A0A0A7;
	
}
div#contentarea ul li a {
	display: block;
	padding: 2px 5px 2px 25px;
	border-right: 1px dotted #A0A0A7;
	border-bottom: 1px dotted #A0A0A7;
	border-left: 1px dotted #A0A0A7;
}
div#contentarea ul li a:hover {
	background-color: #E0E0E7;
	text-decoration: none;
}
div#contentarea img {
	margin: 0;
	padding: 0;
}

div.reg {
	width: 435px;
	margin: 0;
	padding: 0;
}
div.reg form {
	margin: 0;
	padding: 0 1em;
	border: 1px solid #ABB9D1;
	background-color: #FFFFFF;
}
div.reg form fieldset {
	border: 1px solid #D0D0E0;
	margin-top: 0.75em;
	padding-bottom: 0.75em;
}
div.reg form legend {
	margin: 0 0 0 0.5em;
	padding: 0 3px;
	font-size: 1.3em;
	color: #0093D8;
}
div.reg form fieldset label {
	display: inline-block;
	width: 150px; /* Width of labels */
	margin-right: 10px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: right;
	vertical-align: top;
}
div.reg form fieldset ol {
	margin: 0;
	padding: 0;
}
div.reg form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}
div.reg form input[type=text], div.reg form textarea {
	width: 200px;
	padding: 1px;
}
div.reg form input[type="checkbox"] {
	margin-right: 0.5em;
	vertical-align: middle;
}
div.reg form input[type="radio"] {
	vertical-align: middle;
}
div.reg form select {
	width: 204px;
}
div.reg form em {
	font-weight: bold;
	font-style: normal;
	color: #F00000;
}
div.reg form h6 {
	margin-left: 1em;
}
div.reg form .radio span {
	display: inline-block;
	width: 150px;
	margin-right: 10px;
	font-weight: bold;
	line-height: 1.8em;
	text-align: right;
	vertical-align: top;
}
div.reg form .radio label {
	display: inline-block;
	width: 50px;
	margin-right: 0;
	font-weight: bold;
	line-height: 1.8em;
	text-align: left;
	vertical-align: top;
}
div.reg form .checkbox label {
	width: 350px;
	margin-left: 35px;
	font-weight: normal;
	line-height: 1.8em;
	text-align: left;
	vertical-align: top;
}
div.reg form .checkbox textarea {
	width: 325px;
	margin-left: 35px;
}
div.reg form .checkbox h6, div.reg form .checkbox p {
	padding-top: 0.75em;
	margin-left: 35px;
}
div.reg form fieldset.buttons {
	border: none;
	text-align: right;
}
div.reg form fieldset.buttons input[type="submit"] {
	margin-right: 5px;
	padding: 3px 30px;
	vertical-align: middle;
}
div.reg form fieldset.buttons input[type="reset"] {
	padding: 0 5px;
	vertical-align: middle;
}
table#warranty td {
	border: 1px solid #C0C0D0;
	border-collapse: collapse;
	padding: 3px 5px;
}
table#warranty td.header {
	background-color: #C0C0D0;
	color: #FFFFFF;
	font-weight: bold;
}
table#warranty p {
	margin: 0;
	padding: 0;
}
ol.alphaList {
	margin-left: 35px;
	list-style-type: lower-alpha;
}
div.acknowledge {
	border-top: 1px dotted #c0c0c7;
}
span.postitem {
	float: left;
	display: block;
	width: 150px;
	padding: 5px;
	text-align: right;
	color: #606067;
}
span.postvalue {
	float: left;
	display: block;
	width: 250px;
	padding: 5px;
}