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

html {
min-height:101%;
}

body {
margin:1em;
padding:0px;
font-family:verdana, sans-serif;
font-size:75%;
}

p {
font-size:1em;
margin:0px 0px 1em 0px;;
line-height:1.3em;
}

img {
border:none;
}

a {
text-decoration:none;
}

h1,h2,h3 {
font-family:arial, helvetica, sans-serif;
line-height:1.1em;
color:#1454B9;
}

h1 {
font-size:1.8em;
margin-top:0px;
}

h2 {
font-size:1.4em;
}

h3 {
font-size:1.2em;
}

h4 {
font-size:1em;
}

input {
margin-bottom:.5em;
}

blockquote {
margin:0px;
font-weight:bold;
color:#999;
font-size:1em;
line-height:1.2em;
}

th,td {
vertical-align:top;
}

th {
text-align:left;
}

#container {
position:relative;
width:800px;
margin:auto;
background: url(/templates/common/media/container-bg.gif) repeat-y;
}

#content {
margin-top:28px;
float:right;
width:600px;
background-color:white;
}

#content ul, #content ol {
margin-left:.5em;
padding-left:1.4em;
}

#content ul  {
list-style-image:url(/templates/common/media/bullet.gif);
margin-top:1em;
}

#content li {
margin-bottom:1em;
}

#content a {
color:#008DFF;
}

#content a:hover {
text-decoration:underline;
}

#banner {
padding-bottom:20px;
margin:0px;
background:url(/templates/common/media/header-blank.gif) no-repeat left top;
height:5px;
}


*>#banner {
height:auto;
min-height:5px;
}

#banner p {
font-size:1.1em;
margin:20px 0px 20px 0px;
line-height:1.3em;
color:#666666;
}

#mainWrapper {
float:left;
width:380px;
}

#main {
padding:0px 20px 20px 20px;
}

#main h2 {
margin:1.5em 0px .3em 0px;
}

#main h3 {
margin:1.5em 0px .3em 0px;
}

.number {
font-weight:bold;
font-family:arial, sans-serif;
font-size:2em;
color:#1454B9;
padding-right:5px;
}

form.search {
margin-top:0px;
margin-left:10px;
margin-bottom:20px;
}

form.search .textField {
width:140px;
border:none;
font-size:1em;
}

form.search input {
vertical-align:middle;
}

div #alternate {
padding-bottom:5px;
margin-bottom:1em;
background:url(/templates/common/media/table-footer.gif) no-repeat left bottom;
}

#alternate td {
padding:.3em;
}

#alternate table {
background:url(/templates/common/media/th-bg.jpg) no-repeat left top;
}

#alternate th {
color:white;
padding:.3em;
font-size:1em;
}

/* Sub Content */

#sub {
float:right;
width:220px;
vertical-align:top;
font-size:.95em;
}

#sub img {
margin-bottom:1em;
}

#sub .module {
height:110px;
padding-bottom:10px;
margin-bottom:15px;
}

*>#sub .module {
height:auto;
min-height:110px;
}

#sub .module a {
color:black;
font-weight:normal;
}

#sub .module h2 {
font-size:1.4em;
padding:6px 0px 0px 20px;
color:white;
height:25px;
margin:0px;
}

*>#sub .module h2 {
height:auto;
min-height:25px;
}

#sub .module h2 a {
color:white;
}

#sub .module p {
margin:0px 0px .5em 0px;;
padding:0px 8px;
}

#sub .module h3 {
margin:0px 0px 5px 0px;
padding:0px 8px;
}


#sub .module, #sub .one {
background: #94B8E6 url(/templates/common/media/sub-blue-bg.jpg) no-repeat left bottom;
}

#sub .module h2, #sub .one h2 {
background: #94B8E6 url(/templates/common/media/sub-blue-head.jpg) no-repeat left top;
}

#sub .two {
background:#FF936C url(/templates/common/media/sub-orange-bg.jpg) no-repeat left bottom;
}

#sub .two h2 {
background:#FF936C url(/templates/common/media/sub-orange-head.jpg) no-repeat left top;
}

#sub .two h3 {
color:#CC1914;
}

#sub .three {
background:#7ECB9D url(/templates/common/media/sub-green-bg.jpg) no-repeat left bottom;
}

#sub .three h2 {
background:#7ECB9D url(/templates/common/media/sub-green-head.jpg) no-repeat left top;
}

#sub .three strong {
color: #155E2F;
}

#sub .credit {
font-weight:bold;
font-size:.8em;
}

#nav {
float:left;
padding-top:100px;
padding-bottom:200px;
width:200px;
color:white;
font-size:.95em;
}

#nav a {
color:white;
padding:.3em 0px;
}

#nav ul {
margin:0px;
padding:0px;
padding-bottom:1em;
list-style:none;
line-height:1.2em;
background:url(/templates/common/media/dotted-line.gif) repeat-x left top;
}

*>#nav ul {
background:none;
border-top:1px dotted #719ADB;
}

#nav ul ul {
padding-bottom:0em;
border-top:none;
background-color:#3975CE;
}

#nav ul li {
font-weight:bold;
/*background:url(/templates/common/media/dotted-line.gif) repeat-x left bottom;*/
font-size:1em;
}

#nav ul ul li {
font-weight:normal;
font-size:1em;
}

#nav li a {
display:block;
color:white;
padding-left:10px;
width:190px;
text-decoration:none;
background:url(/templates/common/media/dotted-line.gif) repeat-x left bottom;
}

*>#nav li a {
background:none;
border-bottom:1px dotted #719ADB;
}

#nav ul ul li a {
padding-left:20px;
padding-right:5px;
width:175px;
}

#nav li a:hover, #nav .menu-current {
background:#023586 url(/templates/common/media/nav-arrow.gif) no-repeat left 6px;
}

#nav .menu-parent {
background-color:#3975CE;
}

#nav p {
padding-left:10px;
}

#navBase {
position:absolute;
left:0px;
bottom:-2px;
}

#header {
position:absolute;
width:800px;
background:url(/templates/common/media/header-bg.gif) no-repeat right top;
top:0px;
left:0px;
}

#header #toolbar {
float:right;
padding:.5em .5em 0em 0em;
color:white;
text-transform:capitalize;
}

#header a, #footer a {
color:white;
text-decoration:none;
}

#footer {
width:800px;
background-color:#023586;
margin:1em auto;
color:white;
font-size:.9em;
height:25px;
}

#footer #left {
height:25px;
float:left;
background:url(/templates/common/media/footer-left.gif) no-repeat left top;
}

#footer #right {
height:25px;
float:right;
background:url(/templates/common/media/footer-right.gif) no-repeat right top;
}

#footer p {
margin:.5em;
}

.intro {
color:#1454B9;
font-weight:bold;
}

.clearBoth {
clear:both;
}

.clearFloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearFloat {display:inline-block;}
	/* Hide from IE Mac \*/

.clearFloat {display:block;}
	/* End hide from IE Mac */

.required {
	color: #FF0000;
}

.field_title {
	width: 100px;
	vertical-align: top;
	text-align:right;
}

.textfield {
	width: 200px;
}

.textarea {
	width: 90%;
	height: 100px;
}

/* QA */

/* Expanding QA */
	 
div.question { 
	padding: 0px 0px 5px 0px; 
	margin:1em 0em;  
	background: url(/templates/common/media/qa-bottom.gif) no-repeat left bottom;
} 

div.question h3 { 
	cursor: pointer;
	font-size:1.1em;
	color:white; 
	margin:0px !important;
	padding:4px 8px 0px 8px;
	background:#4B80C4 url(/templates/common/media/qa-top.jpg) no-repeat left top;
}	

div.answer { 
	background:#F5F8FB url(/templates/common/media/qa-bg.jpg) repeat-x left top;
	border-top:4px solid #4B80C4;
	padding:8px 8px 2px 8px;
	display: none;
	}
	
div.answer p { 
	margin-bottom:8px;
}

/* Product Range */

.productIntro {
background-position:left top;
background-repeat:no-repeat;
}

.productIntro .inner {
background:url(/media/opticare/intro-base.gif) no-repeat left bottom;
padding:10px;
}

.productIntro .intro {
width:300px;
float:left;
color:#023586;
background-position:left bottom;
background-repeat:no-repeat;
}

.intro div {
padding:10px;
}


.intro h2 {
margin:0px !important;
}

.clickThrough {
font-size:.95em;
margin-top:135px;
width:250px;
float:right;
text-align:right;
}

.clickThrough a {
font-size:1.5em;
font-weight:bold;
padding-right:12px;
color:#023586 !important;
background:url(/media/opticare/arrow.gif) no-repeat right center;
}

.productIntro.opticare {
background-image:url(/media/opticare/intro-opticare.jpg);
background-color:#E2EBFC;
margin-bottom:1em;
}

.opticare .intro {
background-color:#88AFE8;
background-image:url(/media/opticare/intro-opticare-inner-base.gif);
}

.productIntro.arthro {
background-image:url(/media/opticare/intro-arthro.jpg);
background-color:#FCF7DB;
}

.arthro .intro {
background-color:#F1C270;
background-image:url(/media/opticare/intro-arthro-inner-base.gif);
color:#6F4014;
}

/* News */

#news h2 {
font-size:1.3em;
margin-top:0px;
}

.date {
font-weight:bold;
font-size:.9em;
padding-bottom:1em;
}

#news p {
margin:0px;
}

#news .link {
display:block;
text-align:right;
}


#news td {
background:white;
padding:10px;
}

#news table {
background:none;
}