body {
	font-family: arial,sans-serif;
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	padding: 0;

	background: url('leaf_back.jpg') no-repeat top center fixed;
}

img { border:0; -ms-interpolation-mode:bicubic; } /*gives better&smoother image scaling in IE7+ */

font.light {				/* For any size text that should be white */
	color: #ffffff;
}

table.home_table {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ffffff;
}

table.home_table td {
	width: 33%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #ffffff;
}

a:link.dark { color: #969696; text-decoration:none; }
a:visited.dark { color: #969696;; text-decoration:none; }
a:hover.dark { color: #000000; text-decoration: underline; }

a:link.black { color: #000000; text-decoration: underline; }
a:visited.black { color: #000000; text-decoration: underline; }
a:hover.black { color: #969696; text-decoration:underline; }

a:link.star { color: red; text-decoration: underline; }
a:visited.star { color: red; text-decoration: underline; }
a:hover.star { color: red; text-decoration:underline; }
/*
a:link.hidden { color:#A00104; text-decoration:none; }
a:visited.hidden { color:#A00104; text-decoration:none; }
a:hover.hidden { color:#A00104; text-decoration:none; }

a.black font { font-size: 8pt;}

a:link.button { font-size: 12pt; font-family:arial,sans-serif; color: #525044; text-decoration:none; }
a:visited.button { font-size: 12pt; font-family:arial,sans-serif; color: #525044; text-decoration:none; }
a:hover.button { font-size: 14pt; font-family:arial,sans-serif; color: #525044; text-decoration:none; }

a:link.menuhead { font-size: 10pt; font-family:arial,sans-serif; font-weight:bold; color: #A00104; text-decoration:none; }
a:active.menuhead { font-size: 10pt; font-family:arial,sans-serif; font-weight:bold; color: #A00104; text-decoration:none; }
a:visited.menuhead { font-size: 10pt; font-family:arial,sans-serif; font-weight:bold; color: #A00104; text-decoration:none; }
a:hover.menuhead { font-size: 10pt; font-family:arial,sans-serif; font-weight:bold; color: #000000; text-decoration:none; }

a:link.light { color:#ffffff; text-decoration:none; }
a:visited.light { color:#ffffff; text-decoration:none; }
a:hover.light { color:#FFCF00; text-decoration:none; }

a:link.normal { color:blue; text-decoration:underline; }
a:visited.normal { color:blue; text-decoration:underline; }
a:hover.normal { color:darkblue; text-decoration:underline; }
*/

#primary_nav {
	position: relative;
	height: 16px; /*min height for 0.7em Arial is 14px, adding a little extra for looks*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	padding: 0;
	z-index: 10;
	background:#000000;
/*	background-color: gray; */
}

#nav {
	height: 14px;
	display: table;
	padding: 0;
	margin: 0;
	padding-top: 1px; /* container LI is 2 pixels larger in height, need to compensate for text to be centered vertically */
	list-style: none;
	z-index: 10;
/*	background-color: blue; */
}

#nav li {
	display: table-cell;
	height: 14px;
/*	background-color: red; */	
}

#nav li div {
	display: block; 
	height: 14px;
	margin: 0 0 0 2px;
	padding: 0;
	border: none;
/*	background-color: orange; */
}

#nav li div a {
	height: 100%;
	color: #969696;
	font-size: 0.7em; 
	font-family: arial,sans-serif; 
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 4px;
	padding: 0 1em 0 1em;
	border-left: 2px solid #ea1d24;	
/*	background-color: yellow; */
}

#nav li.first div {
	margin: 0;
	padding: 0;
}

#nav li.first div a {
	border: none;
}

#nav li div a:hover {
	color: #ffffff;
/*	text-decoration: underline;*/
}

#nav li ul{
	display: none;
	position: absolute;
	padding: 6px 0 0 0; /*pad to allow for the 5 pixel high rounded corner code and 1px margin for centering the div*/
	margin: 0;
	list-style: none;
	width: 250px;	/* width has to be defined for IE */
	left: 0;
	top: 14px; /* have the top of the menu start at the bottom of the heading (14px high with 0.7em Arial font)*/
	text-align: left;
	z-index: 10;
}

#nav li li{
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #e6e6e6;
/*	height: 21px;*/
}

#nav li li a {	
	display: block;
	text-align: left;
	width: 100%;
	height: 100%;
/*	height: 1.5em;*/
	padding: 0 0 0 1em;
	margin: 0 0 0 2px;
	color: #969696;
	font-size: 0.7em;
	font-family: arial,sans-serif; 
	font-weight: bold;
	text-decoration: none;
/*	text-transform: uppercase;
	letter-spacing: 4px;*/
	border-left: 2px solid #ea1d24;
}

#nav li li a:hover {
	color: #000000;
/*	text-decoration: underline;*/
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	padding-top: 7px; /* for everything other than IE, padding from main div isn't taken into account for UL padding, must account for 5px rounded corner + 2px margin centering div */
	top: 14px; /* have the top of the menu start at the bottom of the heading (14px high with Arial font)*/
	left: auto;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
}


/*Bottom Nav styles*/
#secondary_nav {
	position: relative;
	height: 16px; /*min height for 0.6em Arial is 13px, but set to 16px to be same height as top menu*/
	width: 100%;
	margin-left: auto;
	margin-right: auto;	
	z-index: 10;
	background:#000000;
/*	background-color: gray; */
}

#bottom_nav {
	height: 13px;
	display: table;
	padding: 0;
	margin: 0;
	padding-top: 2px; /* container LI is 3 pixels larger in height, need to compensate for text to be centered vertically */
	list-style: none;
	z-index: 10;
/*	background-color: blue; */
}

#bottom_nav li {
	display: table-cell;
	height: 13px;
/*	background-color: red; */	
}

#bottom_nav li div {
	display: block; 
	height: 13px;
	margin: 0;
	padding: 0;
	border: none;
/*	background-color: orange; */
}

#bottom_nav li div a {
	height: 100%;
	color: #969696;
	font-size: 0.6em; 
	font-family: arial,sans-serif; 
	text-decoration: none;
	letter-spacing: 0.1em;
	padding: 0 0.5em 0 0.5em;
	border-left: 2px solid #ea1d24;	
/*	background-color: yellow; */
}

#bottom_nav li.first div {
	margin: 0;
	padding: 0;
}

#bottom_nav li.first div a {
	border: none;
}

#bottom_nav li div a:hover {
	color: #ffffff;
/*	text-decoration: underline;*/
}

#bottom_nav li ul{
	display: none;
	position: absolute;
	padding: 0 0 7px 0; /*pad to allow for the 5 pixel high rounded corner code and 2px top padding for centering the div*/
	margin: 0;
	list-style: none;
	width: 250px;	/* width has to be defined for IE */
	left: 0;
	bottom: 13px;
	text-align: left;
	z-index: 10;
}

#bottom_nav li li{
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0 5px 0;
	margin: 0;
	background-color: #e6e6e6;
/*	height: 21px;*/
}

#bottom_nav li li a {	
	display: block;
	text-align: left;
	width: 100%;
	height: 100%;
/*	height: 1.5em;*/
	padding: 0 0 0 1em;
	margin: 0 0 0 2px;
	color: #969696;
	font-size: 0.8em; 
	font-family: verdana,arial,sans-serif; 
	text-decoration: none;
	letter-spacing: 3px;
	border-left: 2px solid #ea1d24;
}

#bottom_nav li li a:hover {
	color: #000000;
/*	text-decoration: underline;*/
}

#bottom_nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	bottom: 14px;
	left: auto;
}

#bottom_nav li:hover ul, #bottom_nav li.over ul { /* lists nested under hovered list items */
	display: block;
}
#bottom_nav li li:hover, #bottom_nav li li.over {
/*	background-color: #F1E7B7;*/
}

#bottom_nav li:hover div a.light, #bottom_nav li.over div a.light { 
	color: #000000;
} 

#bottom_nav li div a img {
	margin-left: 5px;
	background: transparent url("arrows-white.gif")
}

#bottom_nav li:hover a img, #bottom_nav li.over a img {
	margin-left: 5px;
	background: transparent url("arrows-yellow.gif")
}

.rounded_corner{display:block}
.rounded_corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#969696}
.rounded_corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  background:#b0b0b0}
.rounded_corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f4f4f4;
  border-right:1px solid #f4f4f4;
  background:#a9a9a9}
.rounded_corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #a9a9a9;
  border-right:1px solid #a9a9a9;}
.rounded_corner4{
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1}
.rounded_corner5{
  border-left:1px solid #b0b0b0;
  border-right:1px solid #b0b0b0}
.rounded_cornerfg{
  background:#969696}

.rounded_corner_menu{display:block;}
.rounded_corner_menu *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.rounded_corner_menu1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.rounded_corner_menu2{
  margin-left:2px;
  margin-right:2px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #303030; /*changed from #e5e5e5*/
  border-right:1px solid #303030;
/*  background:#303030*/}
.rounded_corner_menu3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.rounded_corner_menu4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.rounded_corner_menu5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.rounded_corner_menufg{
  background:#000000;}

.rounded_corner_features{display:block}
.rounded_corner_features *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ea1d24}
.rounded_corner_features1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f79da0;
  border-right:1px solid #f79da0;
  background:#f1545a}
.rounded_corner_features2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fde8e9;
  border-right:1px solid #fde8e9;
  background:#f0474d}
.rounded_corner_features3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f0474d;
  border-right:1px solid #f0474d;}
.rounded_corner_features4{
  border-left:1px solid #f79da0;
  border-right:1px solid #f79da0}
.rounded_corner_features5{
  border-left:1px solid #f1545a;
  border-right:1px solid #f1545a}
.rounded_corner_featuresfg{
  background:#ea1d24;
  text-align: center;}


input.searchbox {
	padding: 0;
/*	padding-top: 5px;*/
	margin: 0;
	margin: 0 0 0 5px;
	background: #ffffff;
	border: none;
}
input.searchbox:focus {
}
input.searchbtn {
	width: 60px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: #ffffff;
	font-family: arial, sans-serif;
	font-size: 0.7em;
	text-align: left;
	background: none;	
	border: none;
/*	text-indent: -9999px;*/
/*	background: #969696 url('search.gif') no-repeat center left;	*/
}
input.searchbtn:hover {
	color: #000000;
/*	background: #969696 url('search-over.gif') no-repeat center left;	*/
}

.breadcrumb {
	margin: 0;
	padding: 10px 0;
	width: 100%;
	font-size: 0.7em;
	text-align: left;
}

.menu_left_header {
	width: 100%;
	color: #ffffff;
	font-family: arial black, sans-serif;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-align: center;
	background:#969696;
}

.menu_left_header a {
	display: block;
	width: 100%;
	color: #ffffff;
	font-family: arial black, sans-serif;
	text-decoration: none;
}

.menu_left_header a:hover {
	color: #000000;
}

#menu_left {
	width: 100%;
	margin: 0;
	padding: 0;
/*	line-style: none;*/
	list-style-position: inside;
	line-height: 3em;
	color: #ea1d24;
	font-family: arial, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 3px;
}

#menu_left li {
	width: 100%;
}

#menu_left a {
	height: 100%;
	width: 100%;
	color: #969696;
	text-decoration: none;
}

#menu_left a:hover {
	color: #000000;
}

.category_header {
	width: 100%;
	text-align: left;
	margin: 0 0 20px 0;
	padding: 0;
	border-bottom: 1px solid #000000;
}

.category_header a {
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	text-decoration: none;
}

.category_header a:hover {
	color: #969696;
}

.model_number_header {
	padding: 10px 0 0 20px;
	margin: 0;
	color: #969696;
	font-family: arial, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
}

a.model_features_btn {
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-decoration: none;
}

a:hover.model_features_btn {
	color: #000000;
}

#model_features {
	margin: 10px 0 0 35px;
	padding: 0;
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 0.8em;
}

#model_specs {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	color: #000000;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	text-align: left;
}

a.book_appointment_btn  {
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-decoration: none;
}

a:hover.book_appointment_btn {
	color: #000000;
}

a.email_btn {
	display: block;
	width: 100%;
	color: #ffffff;
	font-size: 0.8em;
	letter-spacing: 1px;
	text-decoration: none;
}

a:hover.email_btn {
	color: #000000;
}

#series_next { display: inline; text-align: left; padding: 0; margin: 20px 0 0 5px;}
#series_next a { padding-left: 15px; margin: 0; font-size: 0.7em; color: black; text-decoration: none; height: 11px; background: transparent url('../Resources/arrow-next.gif') top left no-repeat;}
#series_next a:hover { color: #969696; background: transparent url('../Resources/arrow-next_over.gif') top left no-repeat;}
#series_prev { display: inline; text-align: right; padding: 0; margin: 20px 0 0 5px;}
#series_prev a { padding-right: 15px; margin: 0; font-size: 0.7em; color: black; text-decoration: none; height: 11px; background: transparent url('../Resources/arrow-prev.gif') top right no-repeat;}
#series_prev a:hover { color: #969696; background: transparent url('../Resources/arrow-prev_over.gif') top right no-repeat;}