body {
	font-size: 14px;
	font-family: Verdana;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #dec69c;
	color: #000;
	min-width:600px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}
a {
	border-top: 1px solid #EFAB86;
	border-right: 3px solid #EFAB86;
	border-bottom: 2px solid #ff0000;
	border-left: 2px solid #EFD2C2;
	color: #8F0000;
	background-color: #EFBEA4;
	text-decoration: none;
	font-style: italic;
	padding: 4px;
	letter-spacing:2px;
	cursor: pointer;
}
a.raised {
	border-right: 4px double #EF7259;
	border-bottom: 4px double #EF7259;
}
a:hover {
	color: #fff;
	background-color: #FF6F6F;
	border-top: 1px solid #AF4C4C;
	border-right: 3px solid	#FF6F6F;
	border-left: 2px solid	#AF4C4C;
}
a.emptylink {
	border: none;
	color: transparent;
	background: inherit;
	font-style: normal;
	padding: 0;
}
a.emptylink:hover {
	color: transparent;
	background: inherit;
	border: none;
}
a.emptytextlink {
	padding: 0;
	margin: 0;
	border: none;
	background: inherit;
	font-style: normal;
}
a.emptytextlink:hover {
	padding: 0;
	margin: 0;
	background: inherit;
	border: none;
}
h1, h2, h3 {
	margin: 10px 0 4px 0;
	padding:0;
}
p {
		margin: 6px 0 10px 0;
		padding:0;
}
p.spaced {
	line-height: 20px;
	}
p.superspaced {
	line-height: 30px;
	}
.textbody {
	padding: 10px 30px;
	}
.heading {
	font-size: 30px;
	width: 100%;
	text-align: right;
	}
#errorbox {
	border-top: 20px ridge #FF6F6F;
	border-bottom: 20px ridge #FF6F6F;
	border-left: none;
	border-right: none;
	font-size: 20px;
	padding: 15px;
	margin-top: 40px;
	margin-bottom: 0;
	text-align: center;
}
img {
		margin: 10px 0 5px;
	}
ol li {
	line-height: 30px;
	}
.horizlist {
	margin:	0;
	list-style:		none;
	line-height:	1.0;
		}
.horizlist li {
	float:		left;
	position:	relative;
		}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 10px 50px;
}
table.results {
	width: 100%;
	color: #000;
	border-left: 3px inset #FF5B4F;
	border-right: 3px inset #FF5B4F;
}
th {
	padding: 10px;
	color: #fff;
	text-align: center;
	}
.toprow {
	background-color: #FF3E2F;
	border: 5px inset #FFBCAF;
}
.bottomrow {
	background-color: #FF3E2F;
	border: 5px inset #FFBCAF;
}
.bottomrow td {
	padding: 15px;
	}
.even {
	background-color: #FFEFEF;
	}
.odd {
	background-color: #FFE1DF;
	}
td {
	padding: 6px 10px;
}
#header {
	padding: 20px 20px 0 20px;
	}
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			/* width of page */
		position:relative;
	}
	.colleft {
	text-align: right;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 12px 0;	/* no left and right padding on columns, we just make them narrower instead
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	/* 3 Column settings */
	.threecol {
		padding: 40px 0;

	}
	.threecol .colmid {
		right:10%;			/* width of the right column */

	}
	.threecol .colleft {
		right:80%;			/* width of the middle column */

	}
	.threecol .col1 {
		width:88%;			/* width of center column content (column width minus padding on either side) */
		left:100%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:10%;			/* Width of left column content (column width minus padding on either side) */
		left:2%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	.threecol .col3 {
		width:2%;			/* Width of right column content (column width minus padding on either side) */
		left:80%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* Footer styles */
	#footer {
		text-align: center;
		clear:both;
		float:left;
		width:100%;
	}
	#footer p {
		padding:10px;
		margin:0;
	}
#logo {
	margin-top: 100px;
	margin-right: 20px;
	font-size: 30px;
	}
.nearlyhuge {
	font-size: 40px;
	font-weight: bold;
		}
.huge {
	font-size: 40px;
	font-weight: bold;
	}
.big {
	font-size: 30px;
	font-weight: bold;
	}
.large {
	font-size: 22px;
	font-weight: bold;
	}
.largelight {
	font-size: 22px;
	font-weight: 100;
	}
.largish {
	font-size: 18px;
	font-weight: bold;
}
.smaller {
	font-size: 12px;
	}
.smalllight {
	font-size: 10px;
	font-weight: 100;
	}
.notify {
	color: #FF0000;
	}
div.twocol {
  height: 12px;
  clear: both;
	padding: 10px 0;
	width: 100%;
}
div.twocol span.left, div.twocol div.left {
  float: left;
  text-align: right;
  width: 45%;
}
div.twocol span.right, div.twocol div.right {
  float: right;
  text-align: left;
  width: 45%;
  }
div.sidecol {
	text-align: center;
	padding: 10px 5px 20px 5px;
	}
div.padded {
	padding: 10px 20px;
	}
div.paddedRow {
	height: 20px;
	padding: 10px;
	}
#contwrap {
	display: none;
	margin: 0;
	width: 100%;
}
div#content {
	min-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 80px 0 100px 0;
	text-align: left;
}
div.titledfloater {
  clear: both;
	width: 100%;
	min-width: 500px;
}
.titledthinfloat {
	}
div.stepbox {
  float: left;
	padding: 0 10px;
  margin: 8px 0 0 0;
  width: 80px;
	height: 40px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border: 5px ridge #CF0000;
	color: #E4FFDF;
	background-color: #CF0000;
	}
div.stepbox p {
	padding-top: 2px;
	}
.fakestub {
	float: left;
	width: 10px;
	height: 35px;
	margin-top: 18px;
}
div.stepstub {
	float: left;
	width: 10px;
	height: 35px;
	margin-top: 18px;
	padding-top: 5px;
}
div.stepstubright {
	float: left;
	width: 50px;
	height: 35px;
	margin: 18px 0 0 0;
	padding-top: 5px;
}
div.steptitle {
	float: left;
	width: auto;
	height: 35px;
	margin: 18px 0 0 0;
	padding: 5px 70px 0 5px;
}
p.steptitletext {
	letter-spacing: 2px;
	padding: 2px 0 0 0;
	margin: 0 20px 0 5px;
	font-size: 12px;
	}
div.stepcontent {
	padding: 12px 0 12px 0;
	margin: 0 0 10px 0;
	clear: left;
}
div.stepcontent div.formcontainer {
	padding: 10px 0 0 0;
}
div.stepcontent div.formcontainer div.fieldcontainer {
	padding: 0 0 10px 10px;
}
div.stepcontent div.formcontainer div.submitcontainer {
	padding: 0 0 5px 0;
}
img.pitImage {
	padding: 0;
	margin: 0;
	height: 350px;
	width: 375px;
}/* Default style sheet for jQuery date picker v3.5.1. */
#datepick-div, .datepick-inline {
	padding: 0;
	margin: 0;
	opacity: 0.95;
	filter: alpha(opacity=95);
}
#datepick-div {
	display: none;
	z-index: 100; /*must have*/
}
.datepick-inline {
	float: left;
	display: block;
	border: 0;
}
.datepick-rtl {
	direction: rtl;
}
.datepick-dialog {
	padding: 5px !important;
	border: 4px ridge #2D6F00 !important;
}
.datepick-disabled {
	position: absolute;
	z-index: 100;
	background-color: #fff;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
button.datepick-trigger {
	width: 25px;
	padding: 0px;
}
img.datepick-trigger {
	margin: 2px;
	vertical-align: middle;
}
.datepick-prompt {
	float: left;
	padding: 2px;
}
* html .datepick-prompt {

}
.datepick-control, .datepick-links, .datepick-header, .datepick {
	clear: both;
	float: left;
	width: 100%;
}
.datepick-control {
	padding: 2px 0px;
	background-color: #ECFF9F;
}
.datepick-links {
	padding: 2px 0px;
	background-color: #94FF5F;
}
.datepick-control, .datepick-links {
	font-weight: bold;
	font-size: 80%;
}
.datepick-links label {
	padding: 2px 5px;
}
.datepick-clear, .datepick-prev {
	float: left;
	width: 34%;
}
.datepick-rtl .datepick-clear, .datepick-rtl .datepick-prev {
	float: right;
	text-align: right;
}
.datepick-current {
	float: left;
	width: 30%;
	text-align: center;
}
.datepick-close, .datepick-next {
	float: right;
	width: 34%;
	text-align: right;
}
.datepick-rtl .datepick-close, .datepick-rtl .datepick-next {
	float: left;
	text-align: left;
}
.datepick-header {
	color: #000;
	background: #94FF5F;
	text-align: center;
	font-weight: bold;
	height: 24px;
}
.datepick-header select {
	background: #94FF5F;
	border: 0px;
	font-weight: bold;
}
.datepick-header span {
	position: relative;
	top: 3px;
}
.datepick {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.datepick a {
	display: block;
	width: 100%;
}
.datepick-title-row {
	background: #2D6F00;
}
.datepick-title-row th {
	text-align: center;
	font-weight: normal;
}
.datepick-days-row {
	background: #94FF5F;
}
.datepick-week-col {
	background: #2D6F00;
}
.datepick-days-cell {
}
.datepick-days-cell a {
	display: block;
}
.datepick-other-month {
}
.datepick-week-end-cell {
}
.datepick-title-row .datepick-week-end-cell {
	background: #2D6F00;
}
.datepick-week-over {
	background: #94FF5F;
}
.datepick-unselectable {
	color: #000;
	background-color: #ECFF9F;
}
.datepick-today {
	background: #FF9F9F;
}
.datepick-current-day {
	background: #ff0000;
	color: #fff;
}
.datepick-days-cell-over {
	background: #ff0000;
	color: #000;
	border: 1px solid #B3DF00;
}
.datepick-status {
	background: #94FF5F;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#datepick-div a, .datepick-inline a {
	margin: 0;
	padding: 0;
}
.datepick-inline .datepick-links a {
	padding: 0 5px !important;
}
.datepick-control a, .datepick-links a {
	padding: 2px 5px !important;
}
.datepick-multi .datepick {
	border: 1px solid #B3DF00;
}
.datepick-one-month {
	float: left;
}
.datepick-new-row {
	clear: left;
}
/* ___________ IE6 IFRAME FIX ________ */
.datepick-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/* Form Formatting */

form {
	text-align: left;
  margin: 0px;
  padding: 0px;
}

label {
}

label.required {
  font-weight: bold;
}

input, select, textarea {
 	background: #FFCFCF;
 	color: #ff0000;
 	padding: 0;
	margin: 0;
	font-size: 16px;
}

input.radio, input.recalculate {
	background-color: transparent;
}

textarea {
  overflow: auto;
}

span.entryerror {
	font-style: italic;
	font-weight: lighter;
	letter-spacing: 2px;
}
.errorinput {
	background-color: #E6FF7F;
	}

.inputRow {
	padding: 0px 0px 7px 0px;
}

fieldset {
  border-width: 0;
  border-style: none;
  padding: 0;
  margin: 0;
}

fieldset div.inputRow {
  clear: both;
  display: block;
  margin: 5px 0 0 0;
  padding: 5px;
}

fieldset div.inputRow label, fieldset div.inputRow span.info {
  display: block;
  float: left;
  padding: 3px 10px 3px 0;
  margin: 0 0 5px 0;
}

fieldset p {
  clear: both;
	display: block;
}

fieldset div.inputRow label {
	width: 100px;
	text-align: right;
}

fieldset div.inputRow label.long {
  width: 150px;
}

fieldset div.inputRow span.info {
	clear: right;
}

fieldset input, fieldset select, fieldset textarea, fieldset table {
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

fieldset div.submitRow {
  clear: left;
  padding: 15px 20px 30px 0;
  margin: 0px;
}

fieldset div.submitRow div.button {
  float: right;
  margin: 0;
	padding: 0 0 0 5px;
	vertical-align: bottom;
}
fieldset div.submitRow div.button input {
	color: #fff;
	background-color: #FF6F6F;
	}
fieldset div small {
  display: block;
  margin: 0px 0px 5px 82px;
  padding: 1px 3px;
  font-size: 88%;
}div.scrollable {
	/* required settings */
	position:relative;
	overflow: hidden;
	height:160px;
	padding: 10px 0 5px 0;
	margin-bottom: 10px;
	font-size: 12px;
}

div.scrollable div.scrollitemlist {
	/* this cannot be too large */
	width:50000px;
	padding-left: 5px;
	position:absolute;
	clear:both;
}

div.scrollable div div {
	cursor: pointer;
	}

/* single scrollable item */
div.scrollable div.scrollitemlist > div {
	float:left;
	text-align:left;
	height:150px;
	width:130px;
	margin-right: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
div.catalogsmall {
	text-align: center;
	width: 130px;
	-moz-border-radius: 5px;
	border: 3px ridge #FFCFCF;
}
div.catalogfloat {
	float: left;
	margin: 10px;
	width: 130px;
	}
img.scrollpic {
	min-width: 130px;
	width: 130px;
	padding: 0;
	margin: 0;
}
p.catsummarytext {
	font-size: 11px;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	}

/* active item */
div.scrollable div.scrollitemlist > div.hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.scrollable div.scrollitemlist > div.active {
	border: 5px ridge #CF0000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.scrollable div.vertitemlist > div.hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.scrollable div.vertitemlist > div.active {
	border: 5px ridge #CF0000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

div.scrollable div.vertitemlist {
	/* this cannot be too large */
	height:50000px;
	position:absolute;
	padding-left:5px;
}

/* single scrollable item */
div.scrollable div.vertitemlist > div {
	float:left;
	text-align:left;
	height:150px;
	width:130px;
	margin-bottom: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}

div#scrollterrain
{
	padding-left: 5px;
	width: 160px;
	height: 1250px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden;
}/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	list-style:		none;
	line-height:	1.0;
	z-index: 99;
}
.sf-menu ul {
	top:			-999em;
	width:		160px; /* left offset of submenus need to match (see below) */
}
.sf-menu li {
	float:		left;
	position:	relative;
	cursor: pointer;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	letter-spacing: 3px;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			20px; /* match top ul list item height */
	z-index:		1;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li {
	text-align: center;
	width: 100px;
	height: 10px;
	}
ul.sf-menu li li:hover,
ul.sf-menu li li.sfHover {
	height: 30px;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			160px; /* match ul width */
	top:			0;
}
/*** MAN-EATING SKIN ***/
.toothbar {
	position: absolute;
	font-size: 12px;
	text-decoration:none;
}
.toothbar ul li ul {
 	padding: 0;
	}
.toothbar ul.sf-menu > li {
	text-align: right;
	height: 143px;
	width: 100px;
	}
.toothbar ul.sf-menu ul li {
	background-color: #FF6F6F;
	padding-top: 10px;
}
.toothbar ul.sf-menu ul li a, .toothbar ul.sf-menu ul li a:visited {
  letter-spacing: 0;
  font-style: normal;
	}
.toothbar ul.sf-menu li a:focus, .toothbar ul.sf-menu li a:hover, .toothbar ul.sf-menu li a:active {
	color:		#fff;
	}
.toothbar ul.sf-menu > li > a:focus, .toothbar ul.sf-menu  > li > a:hover, .toothbar ul.sf-menu > li > a:active {
	background-color: #FF6F6F;
}
.toothbar ul.sf-menu a {
	padding: 5px;
	background-color: #FFCFCF;
}
#toptooth {
	left: 14px;
	top: -70px;
}
.topleftpoint {
	background-image: url('/images/tooth_top.png');
	background-repeat: no-repeat;
}
.topleftpointshort {
	background-image: url('/images/tooth_top_short.png');
	background-repeat: no-repeat;
}
.toprightpoint{
	background-image: url('/images/tooth_top_rev.png');
	background-repeat: no-repeat;
}
.toprightpointshort{
	background-image: url('/images/tooth_top_rev_short.png');
	background-repeat: no-repeat;
}
.bottomleftpoint{
	background-image: url('/images/tooth_low.png');
	background-repeat: no-repeat;
}
.bottomrightpoint{
	background-image: url('/images/tooth_low_rev.png');
	background-repeat: no-repeat;
	}
#toptooth ul li a {
	border-top: none;
	border-bottom: 2px solid #ff0000;
	}
#toptooth > ul > li > a {
	margin-top: 70px;
	}
#lowtooth {
	left: 5px;
	bottom: -93px;
}
#lowtooth li {
	}
#lowtooth a {
	border-top:	2px solid #ff0000;
	border-bottom: none;
	}
#toptooth .sf-menu > li {
	margin-left: 10px;
}
#toptooth .sf-menu > li.noimage {
	background-image: none;
	}
#toptooth .sf-menu a {
	padding-top: 10px;
	}
#lowtooth .sf-menu > li {
	margin-left: 25px;
	text-align: left;
}
#lowtooth .sf-menu a {
	padding-bottom: 10px;
	}
.sf-menu a {
		padding: 6px;
	}
/*** arrows **/
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}