/* Start Yahoo code
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0*/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:110% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* End Yahoo code */

td {
	padding-right: 10px;
}
em {
	font-style: italic;
}
body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana, sans-serif;
}
.center{
	width: 730px;
	margin: auto;
	text-align: left;
	position: relative;
	clear: right;
	padding-left: 20px;
	padding-right: 20px;
}

#navcontainer{
	height: 24px;
	background: #E5A729 url(../theme/barbg.png) repeat-x top left;
	width: 100%;
}
#navcontainer ul {
	padding: 0;
	margin: 0;
	color: #fff;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	clear: both;
}
#navcontainer ul li { 
	display: inline; 
	/*text-transform: lowercase;*/
}
#navcontainer ul li a {
	padding: 0.4em 1.1em;
	border: 0px;
	text-decoration: none;
	float: left;
	color: #004660;
	background: url(../theme/nav-dots.png) no-repeat left center;
}
#navcontainer ul li#active a {
	background-color: #002C3C;
	color: #fff;
	/* font-weight: bold; */
}
#navcontainer ul li a:hover {
	background-color: #008EC7;
	color: #fff;
}

#logo{
	height: 78px;
	width: 100%;
	background: url(../theme/background.png) top center;
	clear: both;
}
#logo img{
	margin-top: 24px;
	border: 0px;
}
#logo a{
	border: 0px;
	text-decoration: none;
}

#content, #footer{
	font-family: Verdana, sans-serif;
	color: #333;
	/* font-size: 80%; */
}
#footer{
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*background: #ECE9D8;*/
	border-top: 1px solid #DDD7B9;
	clear: both;
}
#footer p{
	padding: 0px;
	margin: 0px;
	color: #666;
}
#footer a, #footer a:link, #footer a:visited{
	color: #000;
}   

a, a:hover, a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px dotted;
	color: #006E9B;
}
a.unselected,  a.unselected:link, a.unselected:visited {
	color: #000;
}

h1, h2, h3, h4{
	font-family: "Arial", sans-serif;
	font-weight: normal;
	padding: 17px 0 12px 0;
}
h1{
	font-size: 185%;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #004660;
	padding: 0px;
	margin-bottom: 7px;
	background: url(../theme/hr-light.png) repeat-x bottom left;
}
h2{
	color: #3480C6;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 122%;
	font-weight: bold;
}
h3{
	color: #E4B140;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 122%;
	/*font-size: 114%;*/
	font-weight: bold;
}

div.hr-light{
	background: url(../theme/hr-light.png) repeat-x top left;
	height: 1px; 
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	/*clear: both;*/
}
div.hr-light-clear{
	background: url(../theme/hr-light.png) repeat-x top left;
	height: 1px; 
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

div.pallet-box{
	border: 1px solid #000;
	padding: 2px;
	margin-right: 15px;
	width: 18px;
	float: left;
}
div.colour{
	clear: both;
	padding-bottom: 15px;
}

.orig{
	font-family: "Arial", sans-serif;
	font-weight: normal;
	border-bottom: 1px solid #000;
	font-size: 152%;
	margin-top: 0px;
	margin-bottom: 25px;
}
td.section{
	font-weight: bold;
	width: 40%;
}
tt{
	font-size: 110%;
}
div.pallet-box{
	border: 1px solid #000;
	padding: 2px;
	margin-right: 15px;
	width: 18px;
	float: left;
}
div.colour{
	clear: both;
	padding-bottom: 15px;
}



td.section{
	font-weight: bold;
	width: 40%;
}
tt{
	font-size: 110%;
}

.footer{
	color: #666;
}
.link-unvisited{
	color: #00709A;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}
.link-visited{
	color: #551A8B;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
}
.link-hover{
	color: #333;
	border-bottom: 1px dotted #aaa;
	text-decoration: none;
	background: #ABE8FF;
}

div.highlight-yellow{
	margin-bottom: 20px;
	background: url(../icons/hatch-yellow.png);
	padding: 15px;
}

div.highlight-blue{
	margin-bottom: 20px;
	background: url(../icons/hatch-blue.png);
	padding: 15px;
}

div#bar{
	width: 100%; 
	background: #003952;
	height: 5px;
	clear: both;
}

p {
	padding-bottom: 10px;
}
strong, b {
	font-weight: bold;
}
.arrow{
	padding-left: 20px;
	background: url(../icons/arrow.png) left center no-repeat;
}
p.quote{
	padding-left: 20px;
}
p.breadcrumbs{
	margin-bottom: 5px;
}

tr.news{
	padding-bottom: 15px;
}
.faq{ }

ol, li{
	list-style: decimal inside;
}

p.prescription{
	margin-top: 20px; 
	border: 1px solid #000; 
	margin-bottom: 20px;
}

div.calculator{
	background: #B1CDFF url(../img/bg-calc.png) bottom right no-repeat; 
	padding-top: 10px;
	padding-left: 10px;
}