/* clear all default padding so we're starting from the same place on all
 * browsers */

/* 991px wide */
/* 2 columns: 243 px (229px used) and 748px */
/* 2nd column divided into 468px and 279px */

/* logo block is 89px high */

@import url("reset-min.css");

html
{
}

body
{
	font-family: arial;
	color: #333;
}

#wrapper {
	width: 991px;
}

body.size_s  { font-size: 12px; }
body.size_m  { font-size: 15px; }
body.size_l  { font-size: 18px; }

img {
	display: block;
}

p {
	/* letter-spacing: -.1px; word-spacing: -.5px; */
   margin-bottom: 14px;
}


.size_s p { line-height: 18px;}
.size_m p { line-height: 20px;}
.size_l p { line-height: 22px;}

.size_s p.big { font-size: 14px;line-height: 19px; }
.size_m p.big { font-size: 17px;line-height: 21px; }
.size_l p.big { font-size: 20px;line-height: 23px; }

b, strong, strong em
{
	font-weight: bold;
}

i, em, em strong
{
	font-style: italic;
}

h1,h2 {
	/* letter-spacing: -.3px; */
  margin-top: 12px;
  font-weight: bold;
  margin-bottom: 1px;
}

.rtl h1, .rtl h2 { direction: rtl }

.size_s h1,.size_s h2 { font-size: 14px; }
.size_m h1,.size_m h2 { font-size: 17px; }
.size_l h1,.size_l h2 { font-size: 20px; }

a
{
	color: #666666;
}

a:visited
{
	color: #666666;
}

a:hover
{
	color: #f8981c;
}

.content a
{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

.content a:hover
{
	color: #f8981c;
}

.content ul {
   margin: 18px 0 19px;
	line-height: 18px;
}

.size_s .content ul { line-height: 18px;}
.size_m .content ul { line-height: 20px;}
.size_l .content ul { line-height: 22px;}

.content li {
   list-style: disc outside;
   margin-left: 43px;
	letter-spacing: -.1px;
   word-spacing: -.5px;
}

.rtl .content li {
   margin-left: 0px;
   margin-right: 43px;
}

#column1 {
	float: left;
	width: 243px;
	display: inline;
	position: relative;
}


#column2 {
	float: right;
	width: 748px;
	display: inline;
	position: relative;
}


#text_size {
  margin-top: 52px;
  margin-left: 10px;
}

.rtl #text_size {
	margin-right: 25px;
}

#text_size label {
  padding-top: 7px;
  float:left;
}

.rtl #text_size label { float:right; direction: rtl}

#text_size ul {
	clear:both;
	padding-top: 4px;
  /*padding-left: 9px;*/
   float:left;
	width: 100%;
}

.rtl #text_size ul { float:right; /*padding-left: 0px; padding-right: 9px;*/}

#text_size li {
  float: left;
  padding-right: 2px;
}

.rtl #text_size li { float:right; }

#text_size img {
	display: inline;
  width: 27px;
  height: 27px;
  border: 0;
}

#upper_right {
  height:  89px;
}

/* 2nd column divided into 468px and 279px */
#column2a {
	float: left;
	width: 470px;
	display: inline;
	position: relative;
}

#column2b {
	float: right;
	width: 277px;
	display: inline;
	position: relative;
}

.central_content {
	padding-right: 6px;
}


#welcome {
  width: 463px;
  height: 222px;
  background-color: #a7aaac;
}

#change_region {
	position: absolute;
	right: 0px;
	top: 6px;
}

#change_region img {
	float:left;
	margin-top: 2px;
	padding-right:8px;
	margin-right:10px;
	border-right: 1px solid #ffb800;
}

#change_region a {
	text-decoration: none;
   text-transform: uppercase;
}


#crumb_trail {
	position: absolute;
	top: 44px;
	color: #666;
}

.rtl #crumb_trail {
	right: 285px;
}

#crumb_trail a {
	color: #333;
	text-decoration: none;
}


#crumb_trail a:hover {
	color: #f8981c;
}

#crumb_trail .final {
	color: #f8981c;
}

.callout {
	  padding: 8px 28px 9px 8px;
	  margin-bottom: 0;
	  width: 242px; /* 278 - 16*/
}

.rtl .callout { direction: rtl }

.size_s .callout { font-size: 14px; }
.size_m .callout { font-size: 17px; }
.size_l .callout { font-size: 20px; }

.highlight {
	background-color: #ffb800;
}

.highlight a:hover {
	color:white;
}

#footer {
	padding-top: 26px;
	margin: 0 10px;
  clear: both;
	width: 971px;
}

#lower_nav li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #ffb800;
}

.rtl #lower_nav { float: right }

.size_s #lower_nav li {	line-height: 12px; font-size: 14px; }
.size_m #lower_nav li {	line-height: 15px; font-size: 17px; }
.size_l #lower_nav li {	line-height: 17px; font-size: 20px; }

#lower_nav a {
	text-decoration: none;
   text-transform: uppercase;
}

.size_s #lower_nav a { font-size: 14px; }
.size_m #lower_nav a { font-size: 17px; }
.size_l #lower_nav a { font-size: 20px; }

#lower_nav .first {
	padding-left:0;
	border-left: 0px;
}

.copyright {
	clear:both;
	/*position:relative;
	text-transform: uppercase;
	color: #666666;
	padding-top: 7px;*/
}

.rtl .copyright {
	text-align:right;
}

#column2a img {
	float: left; 
	margin-right: 43px;
}

#column2a table img {
	float: none;
	margin-right: 0px;
}

/* Originally the borders were part of the ul tag, but IE6 exhibited
 * strange hover behavior, so they get bumped into their own divs*/

div.company br, div.products br, div.applications br {
	display: none;
}

div.company, div.products, div.applications {
	border: 0;
	width: 219px;
	height: 3px;
	line-height:0px;
	margin: 0px;
	margin-left: 10px;
	border-top: 1px white solid;
	clear:both;
}

div.company { background-color: #7f7e83; }
div.products { background-color: #ffb800; }
div.applications { background-color: #8ca200; }

.navigation ul
{
	width: 229px;
	padding-bottom: 1px;
}

.navigation ul li
{
	float:right;
	width: 229px;
	padding-top: 1px;
	padding-bottom: 0;
	background: white url(../images/international/nav_dotted_line.gif) no-repeat top right;
}

.navigation ul li.first
{
	background-image: none;
}

.navigation ul li a
{
	float:right;
   display: block;
	padding-top: 9px;
   height: 21px;
	width: 219px;
   padding-left: 10px;
   text-transform: uppercase;
   text-decoration: none;
	font-weight: normal;
   background-color: white;
	font-size: 14px;
	color: #666;
	line-height: 12px;
	margin:0;
}

.navigation ul li.on a, .navigation ul li a:hover
{
     background-color: #7f7e83;
	  color: white;
}

.navigation ul.products li.on a, .navigation ul.products li a:hover { background-color: #ffb800 ; }
.navigation ul.applications li.on a, .navigation ul.applications li a:hover { background-color: #8ca200; }

.navigation ul ul
{
    width: 229px;
	 margin: 0;
}

.navigation ul ul li
{
	width: 229px;
	background-image: none;
	padding: 0px;
}

#wrapper .navigation ul ul li a
{
	color: #666;
	padding: 0;
	padding-left: 30px;
   width: 199px;
	padding-top: 4px;
	height: 16px;
	font-size: 12px;
	background: none;
	text-transform: none;
	font-weight: normal;
}

#wrapper .navigation ul ul li.on a, #wrapper .navigation ul ul li a:hover {
	font-weight: bold;
   background: url(../images/list_marker.gif) no-repeat 20px 9px;
}


.navigation ul ul ul
{
	width: 229px;
    list-style: none;
    background: transparent;
	 margin: 0;
}

.navigation ul ul ul li
{
	width: 229px;
}

#wrapper .navigation ul ul li.on ul a
{
	font-weight: normal;
    background: transparent;
}

#wrapper .navigation ul ul li.on li.on a, #wrapper .navigation ul ul li.on li a:hover {
	font-weight: bold;
   background: url(../images/list_marker.gif) no-repeat 40px 9px;
}

#wrapper .navigation ul ul ul li a
{
    width: 179px;
	background: none;
	padding-left: 50px;
}
/* new level: */

/*
#wrapper .navigation ul ul ul li.on a, #wrapper .navigation ul ul ul li a:hover {
	font-weight: bold;
   background: url(../images/list_marker.gif) no-repeat 60px 9px;
}
*/


.navigation ul ul ul ul
{
	width: 229px;
    list-style: none;
    background: transparent;
	 margin: 0;
}

.navigation ul ul ul ul li
{
	width: 229px;
}

#wrapper .navigation ul ul li.on li.on ul a
{
	font-weight: normal;
    background: transparent;
}

#wrapper .navigation ul ul ul li.on li.on a, #wrapper .navigation ul ul ul li.on li a:hover {
	font-weight: bold;
   background: url(../images/list_marker.gif) no-repeat 60px 9px;
}

#wrapper .navigation ul ul ul ul li a
{
   width: 159px;
	background: none;
	padding-left: 70px;
}

/* end nav */

#wrapper ul.video_list li {
    list-style: none;
	 padding: 0 0 10px;
	 margin: 0;
	 display:block;
	 float: left;
	 width: 150px;
	 height: 120px;
}

#wrapper ul.video_list img {
	 display:block;
	 float: none;
}

#wrapper .no_float img {
	float: none;
}

.calendar_filter {
	margin-top: -5px;
	position: relative;
	padding-top: 5px;
	height: 25px;
	width: 623px;
}

.filter_form {
	position: absolute;
	right: 0;
	top: 0;
}

#google_map {
	/*width: 757px;*/
	width: 749px;
}
#google_map a { color:#5F5E15; }

.bigmap {
	height: 450px;
}


.smallmap {
	height: 400px;
}
#map_top {
	width:757px;
	padding-bottom: 5px;
}

#map_controls {
	display: none;
}

#map_controls label {
	padding-right: 40px;
}

.search_block
{
	width: 729px;
	background-color: #ccc;
	padding: 7px 10px;
	padding-bottom: 60px;
	font-size: 14px;
	position: relative;
	margin-bottom: 0px;
	border-bottom: 4px #b1b82e solid;
}
.search_block label
{
	display:block;
	font-size: 11px;
	padding-bottom: 9px;
	padding-top: 1px;
}

.search_block input, .search_block select {
	font-size: 12px;
}

#zip_div, #city_state_div, #radius_div, #product_div {
	position: absolute;
	height: 44px;
	padding-left: 26px;
	padding-right: 19px;
	background: url(../images/gray_search_1.gif) no-repeat top left;
	bottom: 10px;
}

#zip_div {  }
/*#city_state_div { bottom: 60px; left: 155px; background-image: none;}*/
#radius_div { left: 200px; background-image: url(../images/gray_search_2.gif); }
#product_div { left: 350px; background-image: url(../images/gray_search_3.gif) }

#submit_div input {
	position:absolute;
	right:11px;
	bottom:8px;
}

.loc0 {background-color: #E5E7C0; vertical-align: top;}
.loc0 a,  .loc1 a { color: #5f5e15; }
.loc1 {background-color: #fff; vertical-align: top;}
.loc {text-align: left;}
#area1 th {font-weight: bold;}
#area1 td {padding: 0.5em;}
#area1 td a:visited {color: #000; text-decoration: underline;}
#area1 { border-collapse: separate; width:100%; }
#area1 td, #area1 th
{
	border: 1px solid white;
}

.screening_fac {
	padding: 10px 0 0 25px;
	background: url(../images/calendar.gif) 0 10px no-repeat;
}

.screening_fac span {
	color:#8ba100;
	text-transform: uppercase;
}