html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

body { 
	text-align: center;
	background-color: #e1e9ed;
	behavior: url(hover.htc);
}

div#maincontainer {
	background: #FFFFFF;
	width: 980px;
	margin: 2px auto auto auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: none;
}

div#header {
	background-image:  url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 138px;
	width: 980px;
	left: 0px;
	text-align: left;
	font-size: 2px;
}

div#footer {
	background-image:  url(../images/background_footer.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
	height: 10px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	font-size: 2px;
}

div#logo {
	float: left;
	width: 317px;
	height: 151px;
	margin: 12px 0px 0px 10px;
	position: absolute;
	z-index: 1;
}

div#contentarea_1 {
	background-image:  url(../images/header_sub.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 980px;
}

div#contentarea_2 {
	background-image:  url(../images/corner_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 960px;
	padding: 10px;
}

div#hr {
	background-image:  url(../images/hr.gif);
	height: 2px;
	width: 100%;
	font-size: 2px;
}

div#content_left {
	padding-top: 5px;
	float: left;
	width: 445px;
}

div#content_right {
	padding: 5px 0px 0px 1px;
	float: right;
	width: 505px;
	text-align: left;
}

div#content_tab {
	width: 487px;
	border-top: 1px solid #F6EAB3;
	text-align: left;
	background-color: #FCF8DD;
	padding: 8px;
}

div#content_tab_footer {
	width: 503px;
	height: 7px;
	background-image:  url(../images/content_tab_footer.gif);
	font-size: 2px;
}

div#content_large {
	width: 960px;
	text-align: left;
}

div#content_infobar
{
	height: auto;
	width: 100%;
	padding: 4px 0px 4px 0px;
	text-align: left;
	border-bottom: 1px dotted #223D8A;
}

div#content_infobar_nb
{
	height: auto;
	width: 100%;
	padding: 4px 0px 4px 0px;
	text-align: left;
}

div#content_catbar
{
	height: auto;
	width: 100%;
	padding: 4px 0px 4px 0px;
	text-align: center;
	background-color: #EFE9C2;
	border-bottom: 1px dotted #223D8A;
}

div#photo_controls {
	width: 445px;
	height: 16px;
	text-align: right;
}

/* *********** MAIN MENU *********** */
#main_menu {
	background-image:  url(../images/menubar.jpg);
	background-repeat: no-repeat;
	border: 1px solid #223D8A;
	width: 978px;
	height: 46px;
	text-align: left;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

ul.IR li {
  position: relative;
  font-size: 0.9em;
}

.IR em {
  display: block;
  position: absolute;
  top: 0; left: 0;
  z-index: 1;
}

/* For IE5.x mac only */
* html>body .IR {
  position: static;
  font-size: 10px;
}

* html>body .IR em  { position: static; }

.nav { list-style: none; margin: 0px 0px 0px 422px;}
.nav li { float: left; padding:0; margin:0; }
.nav li, .nav li em { width: 129px; height: 46px; }

.nav a { display: block; }
/* The Holly Hack */
* html .nav a { height: 1%; }

.nav li ul {
  position: absolute;
  z-index: 10; /* show the dropdowns above the images */
  top: 46px; /* position the dropdowns a set distance from the top of the image */
  left: -999em;
  list-style: none;
  border: 1px solid #213B89;
  background: #7DAAC9;
  padding: 0px;
  margin-left: 2px;
}

.nav li:hover ul { left: auto; }

.nav li li {
  height: auto;
  width: 127px;
  padding-bottom: 0; /* reset the height set on the IR list items */
  font-size: 13px;
}

.nav li ul a {
  padding: 6px 4px;
  color: #FFFFFF;
  background: #7DAAC9;
}
.nav li ul a:hover {
  color: #FFFFFF;
  background: #ABC5D4;
	text-decoration: none;
}

.link1 em, .link2 em, .link3 em, .link4 em {
  background: url(../images/menu_options.jpg) no-repeat;
  cursor: pointer;
}

.link1 em {
  background-position: 0 0;
}
.link1:hover em {
  background-position: 0 -46px;
}
.link2 em {
  background-position: -129px 0;
}
.link2:hover em {
  background-position: -129px -46px;
}
.link3 em {
  background-position: -258px 0;
}
.link3:hover em {
  background-position: -258px -46px;
}
.link4 em {
  background-position: -387px 0;
}
.link4:hover em {
  background-position: -387px -46px;
}

/* *********** TABS *********** */
#tab_menu {
font-size: 12px;
width: 396px;
margin: 1px 0px 0px 0px;
padding: 0px;
height: 25px;
text-align: center;
}

#tab_menu li {
float: left;
list-style-type: none;
margin: 1px 0px 0px 0px;
padding: 0px 5px 0px 0px;
white-space: nowrap;
}

#tab_menu ul {
margin: 0px;
padding: 0px;
}

#tab_menu a {
padding: 5px 0px 0px 0px;
margin: 0px;
background-image: url(../images/tab_off.gif);
background-repeat: no-repeat;
height: 20px;
width: 127px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#tab_menu a:hover, #tab_menu a:active {
background-image: url(../images/tab_on.gif);
background-repeat: no-repeat;
height: 20px;
width: 127px;
}

#uberlink_tab a:link, #uberlink_tab a:visited,
#uberlink_tab a:hover, #uberlink_tab a:active {
color: #000;
background-image: url(../images/tab_active.gif);
background-repeat: no-repeat;
height: 20px;
width: 127px;
}

/* *********** FORMS *********** */

div#form_header {
	background-image:  url(../images/form_header.gif);
  background-repeat: no-repeat;
	width: 600px;
  height: 7px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div#form_footer {
	background-image:  url(../images/form_footer.gif);
  background-repeat: no-repeat;
	width: 600px;
  height: 7px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

div#form_large {
	background: #FCF8DD;
  width: 592px;
  text-align: left;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
}

div#form_infobar
{
	height: auto;
	width: 100%;
	margin: 5px 0px auto 0px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 1px dotted #213B89;
}

div#form_infobar_nb
{
	height: auto;
	width: 100%;
	margin: 2px 0px auto 0px;
	padding-bottom: 2px;
	text-align: left;
}

div#form_submit {
    width: 100%;
    text-align: center;
    padding: 4px;
}


/* *********** FONTS *********** */

.blue			 { color: #213B89; }
.red			 { color: #FF0000; }
.beige		 { color: #8F8B74; }
.underline { text-decoration: underline }
.bold      { font-weight: bold }
.italic    { font-style: italic }
.strike    { text-decoration: line-through }

.category_blue {
  color: #213B89;
  font-weight: bold;
  font-size: 18px;
}

.category_blue_24 {
  color: #213B89;
  font-weight: bold;
  font-size: 24px;
}
.category_blue_15 {
  color: #213B89;
  font-weight: bold;
  font-size: 15px;
}

.category_lrg {
  color: #8F8B74;
  font-weight: bold;
  font-size: 18px;
}

.category_note {
  color: #8F8B74;
  font-weight: bold;
  font-size: 11px;
}

.category {
  color: #8F8B74;
  font-weight: bold;
  font-size: 15px;
}

.category_list {
  color: #213B89;
  font-weight: bold;
  font-size: 20px;
}

.form_cat {
  color: #213B89;
  text-decoration: none;
  font-weight: bold;
  padding-top: 7px;
  font-size: 18px;
}

.large {
  font-size: 16px;
}

.note {
  font-size: 11px;
}

.small {
  font-size: 10px;
}


.product_title {
  color: #213B89;
  text-decoration: none;
  font-size: 35px;
  font-weight: bold;
  font-style: italic;
}

.title {
  color: #005083;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
}

a:link {color: #0082C0; text-decoration: none; }
a:visited {color: #0082C0; text-decoration: none; }
a:active {color: #0082C0; text-decoration: none; }
a:hover {color: #0082C0; text-decoration: underline; }

.nodecor a:link {color: #0082C0; text-decoration: none; }
.nodecor a:visited {color: #0082C0; text-decoration: none; }
.nodecor a:active {color: #0082C0; text-decoration: none; }
.nodecor a:hover {color: #0082C0; text-decoration: none; }

/* *********** MISC. *********** */

.form_cell td {
  border-bottom: 1px dotted #213B89;
}

ul.arrow {
  list-style-image: url(../images/bullet.gif);
  margin: 0;
	padding-left: 1.3em;
	padding-bottom: 7px;
}

.right {
  float: right;
}

.left {
  float: left;
}

.center {
  text-align: center;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

.altButton {
	background-color: #005083;
	border: 1px solid #005083;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.altTextfield {
	background-color: #ffffff;
	border: 1px solid #005083;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 2px;
}

.smTextfield {
	background-color: #ffffff;
	border: 1px solid #005083;
	color: #000000;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 2px;
}

.altQuotefield {
	background-color: #ffffff;
	border: 1px solid #005083;
	color: #000000;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif; 
	padding-left: 2px;
	width: 20px;
}

.bordertable {
	border: 1px solid #005083;
	background-color: #FCF8DD;
}

.product_table
{
    border-width: 0 0 1px 1px;
    border-color: #005083;
    border-style: solid;
    border-spacing: 0;
    border-collapse: collapse;
}

.product_table td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
    border-color: #005083;
    border-style: solid;
    background-color: #FFFFFF;
}

.moreInfo
{
	margin-top: 2px;
}
