/* Link styles */

a:link { color: #0D4284; font-size: 11px; font-weight: bold; text-decoration: none; }
a:visited  { color: #0D4284; font-size: 11px; font-weight: bold; text-decoration: none; }
a:hover  { color: #1157B0; font-size: 11px; font-weight: bold; text-decoration: underline; } 
a:active { color: #1157B0; font-size: 11px; font-weight: bold; text-decoration: underline; }

a.curlink:link { color: #0D4284; text-decoration: underline; }
a.curlink:visited  { color: #0D4284; text-decoration: underline; }
a.curlink:hover  { color: #1157B0; text-decoration: underline; } 
a.curlink:active { color: #1157B0; text-decoration: underline; }

a.columnlink:link { color: #0F314C; text-decoration: none; font-weight: bold;}
a.columnlink:visited  { color: #0F314C; text-decoration: none; font-weight: bold;}
a.columnlink:hover  { color: #327CB5; text-decoration: none; font-weight: bold;}
a.columnlink:active  { color: #327CB5; text-decoration: none; font-weight: bold;}

.columnhead { color: #444444; text-decoration: none; font-weight: bold; }


/* Content styles */

body {
	background-color: #EE1700;
	margin: 40px 20px 20px 20px;
	font-family: Trebuchet MS, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
}

body.admin {
	background-color: #EE1700;
	margin: 20px 20px 20px 20px;
	font-family: Trebuchet MS, sans-serif; 
	font-size: 12px; 
	line-height: 18px; 
}

.page-white-background {
	background: #FFFFFF;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#page-container {
	margin: 0 auto;
	width: 100%;
	background-color: #EE1700;
	background-image: url(../images/content-bkg.png);
	background-repeat: no-repeat;
	background-position: top;
	text-align: left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#enter-container {
	margin: 0 auto;
	width: 100%;
	background-color: #EE1700;
	background-image: url(../images/enter-bkg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
	vertical-align: middle;
	padding-top: 150px;
	top: 50px;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto; /* For Modern Browsers */
	height: 100%; /* For IE */
}

#header-container {
    position: relative;
	width: 700px;
	top: 20px;
	left: 0px;
	margin: 0px auto;
	left: 50%;
	margin-left: -350px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#body-container {
    position: relative;
	width: 700px;
	top: 30px;
	_top: 20px;
	left: 0px;
	margin: 0px auto;
	left: 50%;
	margin-left: -350px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #FFFFFF;
}

#footer-container {
    position: absolute;
	width: 700px;
	top: 650px;
	left: 0px;
	margin: 0px auto;
	left: 50%;
	margin-left: -350px;
	padding: 40px 0px 30px 0px;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}

#footer-container-relative {
    position: relative;
	width: 700px;
	top: 50px;
	left: 0px;
	margin: 0px auto;
	left: 50%;
	margin-left: -350px;
	padding: 40px 0px 30px 0px;
	font-size: 10px;
	text-align: center;
	color: #FFFFFF;
}


/* Menus */

#menubar-container  {
    position: relative;
	width: 820px;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	left: 50%;
	margin-left: -410px;
}

#menubar {
	position: absolute;
	width: 820px;
	height: 40px;
	top: 7px;
	_top: 5px;
	left: 60px;
	text-align: left;
}

a.menubarlink {
	color: #1157B0;
	font-size: 18px; 
	line-height: 22px; 
	font-family: Trebuchet MS, sans-serif; 
	font-weight: bold;
}

a.menubarlink:link { color: #1157B0; text-decoration: none; }
a.menubarlink:visited  { color: #1157B0; text-decoration: none; }
a.menubarlink:hover  { color: #FFFFFF; text-decoration: none; }
a.menubarlink:active  { color: #FFFFFF; text-decoration: none; }

a.menubarlink-here {
	color: #FFFFFF;
	font-size: 18px; 
	line-height: 22px; 
	font-family: Trebuchet MS, sans-serif; 
	font-weight: bold;
}

a.menubarlink-here:link { color: #FFFFFF; text-decoration: none; }
a.menubarlink-here:visited  { color: #FFFFFF; text-decoration: none; }
a.menubarlink-here:hover  { color: #FFFFFF; text-decoration: none; }
a.menubarlink-here:active  { color: #FFFFFF; text-decoration: none; }

a.submenulink {
	color: #1157B0;
	font-size: 14px; 
	line-height: 18px; 
	font-family: Trebuchet MS, sans-serif; 
	font-weight: bold;
}

a.submenulink:link { color: #1157B0; text-decoration: none; }
a.submenulink:visited  { color: #1157B0; text-decoration: none; }
a.submenulink:hover  { color: #FFFFFF; text-decoration: none; }
a.submenulink:active  { color: #FFFFFF; text-decoration: none; }

a.submenulink-here {
	color: #FFFFFF;
	font-size: 14px; 
	line-height: 18px; 
	font-family: Trebuchet MS, sans-serif; 
	font-weight: bold;
}

a.submenulink-here:link { color: #FFFFFF; text-decoration: none; }
a.submenulink-here:visited  { color: #FFFFFF; text-decoration: none; }
a.submenulink-here:hover  { color: #FFFFFF; text-decoration: none; }
a.submenulink-here:active  { color: #FFFFFF; text-decoration: none; }

#submenu-container  {
    position: relative;
	width: 820px;
	height: 26px;
	margin: 0px auto;
	text-align: center;
	left: 50%;
	margin-left: -410px;
	z-index: 2;
	visibility: hidden;
}

#submenu_0  {
	position: absolute;
	width: 100%;
	height: 26px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_1  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_2  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_3  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_4  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_5  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}

#submenu_6  {
	position: absolute;
	width: 100%;
	height: 36px;
	z-index: 3;
	top: 0px;
	left: 60px;
	visibility: hidden;
	text-align: left;
}


/* Various fonts and styles */

.body-text	{ 
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.body-text-white	{ 
	color: #FFFFFF;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.input-text	{ 
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.caption-text	{ 
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif;
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.small-text	{ 
	color: #444444;
	font-size: 9px; 
	line-height: 11px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.large-text-black	{ 
	color: #000000;
	font-size: 24px;
	line-height: 30px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.06em;
}

hr.banner-menus {
	border-top: solid 2px #EB6000;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 100%;
}

.disabled-text	{ 
	color: #888888;
}

p, li, table {
	color: #FFFFFF;
	font-size: 12px; 
	line-height: 18px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

p.admin {
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

p.black {
	color: #000000;
}

p.tight {
	margin: 2px 0px 2px 0px;
}

p.body-text-black-serif	{ 
	color: #000000;
	font-size: 14px;
	line-height: 20px;
	text-align: justify;
	font-family: Times, serif;
	letter-spacing: 0.06em;
}

p.left {
	color: #FFFFFF;
	font-size: 12px; 
	line-height: 18px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	text-align: left;
	padding: 0px 0px 0px 0px;
}

.content-table-admin {
	background-color: #FFFFFF;
	width: 800px;
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
	border-top: solid 2px #EB6000;
	border-bottom: solid 2px #EB6000;
	border-left: solid 2px #EB6000;
	border-right: solid 2px #EB6000;
}

.printer-friendly-table {
	background-color: #FFFFFF;
	width: 100%;
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
}

.small-error-text {
	color: #FF0000;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
}

.medium-error-text {
	color: #FF0000;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.03em;
}

.error-color {
	color: #FF0000;
}

h1  { 
	color: #1157B0; 
	font-size: 24px; 
	font-family: Arial, sans-serif;
	letter-spacing: 0.03em;  
	line-height: 28px; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
}

h1.large {
	padding: 0px 0px 0px 0px;
	font-size: 36px;
}

h1.large-nobottom {
	padding: 0px 0px 0px 0px;
	font-size: 36px;
	margin: 0px 0px 0px 0px;
}

h2  { 
	color: #1157B0; 
	font-size: 20px; 
	font-family: Arial, sans-serif;
	letter-spacing: 0.03em;  
	line-height: 20px; 
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 12px 0px;
}

h2.centered {
	text-align: center;
}

h3  { 
	color: #1157B0; 
	font-size: 14px; 
	font-family: Arial, sans-serif;
	letter-spacing: 0.03em;  
	line-height: 16px; 
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 5px 0px;
}

h3.notop {
	margin: 0px 0px 5px 0px;
}

h3.centered {
	text-align: center;
}

h4  { 
	color: #444444; 
	font-size: 12px; 
	font-family: Arial, sans-serif;
	letter-spacing: 0.03em;  
	line-height: 14px; 
	padding: 0px 0px 0px 0px;
	margin: 15px 0px 5px 0px;
}

h4.notop {
	margin: 0px 0px 5px 0px;
}

h4.page-break {
	page-break-before: always;
}

.grid-table {
	color: #444444;
	font-size: 11px; 
	line-height: 14px; 
	font-family: Verdana, sans-serif; 
	letter-spacing: 0.03em;  
	padding: 0px 0px 0px 0px;
	border: solid 1px #888888;
}

sub, sup { line-height: 0; }


/* Table cell styles */

td.col-table-header		{ background: #F7CC94; }
td.col-table-even		{ background: #FFFFFF; }
td.col-table-even-alt	{ background: #E0BEC1; }
td.col-table-odd		{ background: #F7DDBB; }
td.col-table-odd-alt	{ background: #E0B8BA; }
td.col-divider			{ background: #0000DD; }
td.col-grid-cell		{ background: #DDDDDD; }

tr.row-table-header		{ background: #F7CC94; }
tr.row-table-even		{ background: #FFFFFF; }
td.row-table-even-alt	{ background: #E0BEC1; }
tr.row-table-odd		{ background: #F7DDBB; }
td.row-table-odd-alt	{ background: #E0B8BA; }

/* Option colors for availability */

option.available-option		{ color: #008800; }
option.active-option		{ color: #FF0000; }
option.unavailable-option	{ color: #FF8800; }
.available-background		{ background: #008800; }
.active-background			{ background: #FF0000; }
.unavailable-background		{ background: #FF8800; }
.available-color			{ color: #008800; }
.active-color				{ color: #FF0000; }
.unavailable-color			{ color: #FF8800; }
.sample-cell 				{ border: solid 1px #888888; }

#div_country_other	{ position:relative; z-index:2; top:0px; left:0px; visibility:hidden }
#div_state_choice	{ position:relative; z-index:2; top:0px; left:0px; visibility:visible }
#div_us_states		{ position:absolute; z-index:3; top:0px; left:0px; visibility:hidden }
#div_canadian		{ position:absolute; z-index:3; top:0px; left:0px; visibility:hidden }
#div_other_states	{ position:absolute; z-index:3; top:0px; left:0px; visibility:hidden }