﻿/* General styles */
body {padding: 0; margin: 0;  background-image : url(../images/bg.gif);  background-color : #FFFFFF;  background-repeat : repeat-x;    }
form {padding: 0; margin: 0; height:auto;}
h1, h2, h3, h4, h5, th, caption {font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: Black;}
p, li, td, dt, dd {font-family: Verdana,Arial, Helvetica, sans-serif; margin: 0; padding: 0; list-style-type: none; color: Black; }
p {line-height: 1.3em;}
img {border: 0px solid #B1B1B1;}
ul, ol {margin: 0; padding: 0;}

/* Table styles styles */
#formatTable table {margin: 0 0 5px 0;border-left : 1px solid #E4E4E4; }
#formatTable caption{font-size: 70%;text-align:left;font-weight:normal;padding:5px 0 5px 0;}
#formatTable th {background-color: #E4E4E4; border-bottom: 1px solid #B1B1B1; font-size: 70%; padding: 5px;}
#formatTable td {font-size: 70%; padding: 5px; border: 1px solid #E4E4E4; border-top: 0;border-left:0;}

/* main styles for content area */
fieldset { border: 0; padding: 0; margin: 0; }
input {border: 1px solid #C6C6C6;font-size:70%;}	

/* main styles for content area */
#content {width: 605px; min-height: 350px; float: left; }
#content h1 {font-size: 120%; margin: 0 0 9px 0;padding:0;}
#content h2 {font-size: 100%; margin: 0 0 9px 0;}
#content h3 {font-size: 80%; margin: 0 0 9px 0;}
#content p{font-size: 70%; margin: 0 0 15px 0;}
#content label { font-size:100%; }
#content p a{white-space : nowrap}
#content a {color:#000; text-decoration:underline;} 
#content a:hover {color:#777; text-decoration: underline;}
#content ul, ol {font-size: 70%; margin: 0 0 14px 0; }
#content o {font-size: 75%; margin: 0 0 14px 0;}
#content ol li.numeric {margin: 0 0 20px 20px; list-style-type: decimal; line-height: 1.4em;}
* html #content ol li.numeric {margin-left: 23px;}
#content ol li.numeric a {text-decoration: underline;} 
#content ol li.numeric a:hover {text-decoration: none;}
#content li {margin: 5px 0 0 0;} 
* html #content li {margin: 0;} 
#content .imageSpacer {margin-bottom: 13px;}
#content ul ul {margin-top:5px;}
#content li li {font-size:140%;}
dl, dt, dd { margin: 0; padding: 0; }
dl { margin-bottom: 14px; }
dt { margin-top: 10px; margin-bottom: 2px; }
dd { margin-bottom: 4px; }
#content dt, #content dd { font-size: 70%; }

/* three quarter layout */
#threeQuartLeft {width: 395px; margin: 0 0px 0px 0; padding : 0;  height: auto; float:left;}
#threeQuartMiddle {width: 190px; margin: 0; padding : 0; padding-top:10px; height: auto;  float:right;}
#threeQuartRight {width: 180px; margin: 0 0 0px 0; height: auto; float: right; }

#threeQuartLeft  h1 {font-size: 80%; margin: 0px 0 5px 0;clear:both;}
#threeQuartLeft  h2 {font-size: 70%; font-weight:bold;}
#threeQuartLeft img {float :left; padding-bottom:20px;padding-top:10px}
#threeQuartLeft ul {margin : 0  0 15px 20px; clear:left;}
#threeQuartLeft  li  {background: url(../images/chevron_black.gif)  no-repeat; padding-left: 10px;} 
* html #threeQuartLeft li {color: #000; font-size:100%; background: url(/*../images/chevron_black.gif*/) 0 0.3em no-repeat;padding-left: 10px;}
#threeQuartLeft .shortcut li {background: url(../images/chev_shortcut.gif) 0 .3em no-repeat; padding-left: 10px;}
* html #threeQuartLeft .shortcut  li  {background: url(../images/chev_shortcut.gif) 0 0.6em no-repeat;padding-left: 10px;}
#threeQuartLeft .shortcut a {color: #FF5C3C;text-decoration : none; font-weight:normal;font-size:100%;} 
#threeQuartLeft .shortcut a:hover {color: #FA9552; }

#threeQuartLeft #results {background : #FFFFFF url(../images/boxbg.gif) repeat-x scroll bottom; padding-top:10px;border-right : 1px solid #E4E4E4;margin-bottom:10px; }
#threeQuartLeft #results td {border : 0; font-family: Arial, Helvetica, sans-serif; }
#threeQuartLeft #results img {padding:0;}
#threeQuartLeft .rbut{border: none;}	
#threeQuartLeft label {text-align:right;}
#threeQuartLeft input{border: 1px solid #B1B1B1;font-size:100%;}		

#threeQuartLeft dl  {clear:both;} 
#threeQuartLeft dt {font-weight:bold;}
#threeQuartLeft dd a{background: url(../images/chevron_black.gif)  no-repeat; padding-left: 10px;text-decoration : none;} 



#threeQuartMiddle ul { margin :0 ;padding-right:10px; }
#threeQuartMiddle  li {color: #000; font-size:100%;background: url(../images/chevron_black.gif) 0 0 no-repeat; padding-left: 10px;padding-bottom:7px;}
* html #threeQuartMiddle  li  {color: #000; font-size:100%; background: url(../images/chevron_black.gif) 0 0.3em no-repeat;padding-left: 10px;}

/* right column for three quarter layout */
#threeQuartRight h1 {font-size: 80%; border-bottom: 1px solid #e4e4e4; padding-bottom: 7px;}
#threeQuartRight h2 {font-size: 75%;}
#threeQuartRight a {color:#000; text-decoration: underline;}
#threeQuartRight a:hover {color:#777; text-decoration: underline;}
* html #content #threeQuartRight li {margin: 1px 0 0 0;}
#threeQuartRight img { float: left; margin: 0 0 15px 0;/* border-right :7px solid #B2D451;*/clear: both;}
#threeQuartRight table {margin: 15px 0 0 0;}
#threeQuartRight th {font-size: 75%; padding: 0px 5px 4px 0px ; background:none ; border :none; text-align:left;}
#threeQuartRight td {font-size: 75%; padding: 0px 5px 4px 0px ; border-top: 0; border :none; text-align:left;}

/* lay out for pdfs */
#threeQuartRight #pdf p{margin: 0;padding:0;}
#threeQuartRight #pdf ul {list-style-type: none;padding :0;	 margin:0 0 10px 0;}
#threeQuartRight #pdf {clear:both;	border : 1px solid #e4e4e4;	padding :5px 5px 35px 5px;  background-color : #F5F5F5;}
#threeQuartRight #pdf h1{margin-top:5px;font-size: 75%;}
#threeQuartRight #pdf  li a{color: #000;text-decoration : none; background: url(../images/chevron_black.gif) 0 0.0em no-repeat; padding-left: 9px; }
* html #content #threeQuartRight .pdf  li a {color: #000;text-decoration : none; background: url(../images/chevron_black.gif) 0 0.3em no-repeat; padding-left: 9px ; }
#threeQuartRight #pdf  img { margin :0; padding:0; border:0;}
#threeQuartRight #pdf a:hover {color:#777; text-decoration: none;}

/* lay out for promobox */
#promo1 {width: 265px; float: left ;clear:left;margin-right:20px;height:auto; padding-left:20px;padding-top:10px}
#promo2 {width: 420px; float: right;clear:right; height:auto; }

#promoboxcontainerinterim {width: 395px; padding: 0px 0 10px 0;  height:auto; float:left;}
#promoboxcontainerproduct{width: 605px; padding: 5px 0 0px 0;  height:auto;  float:left;}
#promoboxcontainerproduct #last {float:right; margin:0 0 0 0;}

.promobox {overflow : hidden;border-top : 1px solid #EFEFEF;border-left : 1px solid #EFEFEF;background : #FFFFFF url(../images/boxbg.gif) repeat-x scroll bottom;	 padding-right : 5px;}
.promoboxhome  {width :220px; height :100px; float:left; margin:10px 10px 0 0; border-bottom: 7px solid  #B2D451;border-right : 1px solid #EFEFEF;}
.promoboxinterim {width :170px; height :90px; float:left; margin : 0 11px 16px 0;border-right: 7px solid  #B2D451; }
.promoboxproduct {width :170px; height :90px; float:left; margin : 0 28px 0px 0;border-right: 7px solid  #B2D451; }

#content .promobox img{border : 0;float:left;	padding : 0 5px 0 0;clear:none;}
#content .promobox p{font : normal 70% Verdana,Arial, Helvetica, sans-serif;	padding-bottom :5px;margin : 0px;}
#content .promobox h1{font-size: 75%;	padding : 5px 0;color : #FF5C3C;margin:0;clear:none;}
#content .promobox  a {color: #FF5C3C;text-decoration : none;}
#content .promobox a:hover {color:#FA9552;}

/* Footer styles */
#footer { 	clear: both;width: 745px;	margin: 0 0 0 28px;padding: 10px 0 0 0;}
* html #footer {  height: 90px; }
#footer #helloSpider {padding: 6px 0 4px 0;	margin: 10px 0 10px 0;width: 745px;	border: 0;	border-top: 1px solid #B2D451;}
#footer #helloSpider ul {vertical-align:middle;list-style: none;margin-left:0; }
#footer #helloSpider li{display:inline;height:0.8em;border-left: 1px solid #B1B1B1;padding:0 2px 0 6px;font-size:70%; font-family: Arial, Helvetica, sans-serif;  font-weight : bold;  }
#footer #helloSpider a{	text-decoration: none !important;color : #B1B1B1;}
#footer #helloSpider a:hover{color : #777;}
#footer #helloSpider li.first{border-left:0;padding-left:0;}
#footer #helloSpider li.last{padding-right:5px;}

/* Skiplink styles */
#skiplinks ul {	padding: 0;margin: 0;list-style: none;}
#skiplinks li {padding: 0;margin: 0;list-style: none;display: inline;font-size:65%;}
#skiplinks a {color: #333333;font-weight: bold;position: absolute;top: 30px;left: 250px;overflow: hidden;width: 0;height: 0;font-size: 1em !important;z-index: 1000;}
#skiplinks a:active, #skiplinks a:focus {position: absolute;overflow: visible;width: auto;height: auto;font-size: 1em;border: 0;margin: 0;padding: 6px;font-size: .6em;background: #FFF;}

/* Header styles */
#header{margin:0px 0 20px 28px;width:750px;}	
#header a{text-decoration:underline;color:#FFF;}
#header a:hover{text-decoration:none;}
#header img {float:left;margin-bottom:5px;border:0;}
#header ul {padding: 0;margin: 0;}
#header li {padding: 0;margin: 0;list-style: none;display: inline;}
		
/* External links and search */	
#header #IWNavBarKeyTasks {float:right; width:400px;margin-top:15px;white-space:nowrap;}
#header #IWNavBarKeyTasks ul {display:inline;float:right;vertical-align:middle;}
#header #IWNavBarKeyTasks li{height: 0.8em;border-left:1px solid #E4E4E4;padding:0 2px 0 6px;font-size:70%; font-family: Arial, Helvetica, sans-serif;  font-weight : bold;  }
#header #IWNavBarKeyTasks li.first{border-left:0;}
#header #IWNavBarKeyTasks li.last{padding-right:10px;}
#header #IWNavBarKeyTasks a {text-decoration: none !important;color : #E4E4E4;}

/* Primary navigation */
#header #primary {clear:both;width:750px;height:25px;  border-bottom: 0px solid #B2D451}
#header #primary img {margin:0;}
* html #header #primary img {margin-bottom:23px;}
#header #primary #selected a img {margin: 0pt 0px 0pt -1px;}
	
/* Breadcrumb styles */	
#breadcrumb {font-size:65%;margin:10px 0 0 0 ;clear:both;width:744px;height:24px;}
#breadcrumb ul {border-bottom:0px solid #ccc;} 
#breadcrumb li {color :#C0F730;font-weight:bold;padding:0 1px 0 3px;line-height:24px;display:inline;}
#breadcrumb a{font-weight : normal;text-decoration: none !important;color : #C0F730;}

/* subNavigation styles */
#subNav {font-size:70%;float:left;clear:left;margin:0 16px 0 28px;width:122px;height:auto;}
* html	#subNav {margin:0 16px 30px 14px;}
#subNav h2{font-size:110%;color:white;margin-bottom:9px;font-family:arial;}
#subNav li {border-bottom:1px solid #ccc;padding:8px 0;font-family:arial;}
* html #subNav li {padding:7px 0;}
#subNav ul li#active {background: url(../images/chevronLeftNav.gif) 0 0.4em no-repeat; padding-left: 8px;font-weight:bold;}
#subNav a {color:black;text-decoration: none; margin: 0; padding: 0}
#subNav a:hover {color: #777777;}
#subNav .parent {font-weight:bold;}
#subNav ul li {font-weight:normal;}
#subNav .sub {margin-left:9px;}
#subNav .sub li {padding:2px 0 0 0;border:0;}
* html #subNav .sub li {padding:1px 0 0 0;}
#subNav  li#subLast {border:0;}



#content #threeQuartLeft .answer li {margin: 0 0 5px 0px; list-style-type:none; background-image:none;background: url(../images/chevron_black.gif) 0 0.0em no-repeat;font-family: Verdana,Arial, Helvetica, sans-serif;	font-size : 130%; font-weight:normal;	}
#content #threeQuartLeft ol li {margin: 0 0 10px 20px; list-style-type: decimal; cursor : pointer; background-image:none;}
#content #threeQuartLeft ol p{margin-bottom :5px;padding :0px 5px 5px 0px; color: #333; font-size :100%;font-weight:normal;}		
#content #threeQuartLeft ol  .answer{display : none; border-bottom : 1px solid #CCC;margin-bottom : 10px; margin-left:30px;margin-right:15px;}		
#showans  {cursor : pointer;}
#hideans {cursor : pointer;}

* html #content #threeQuartLeft ol  li  {margin: 0 0 10px 30px; list-style-type: decimal; cursor : pointer; background-image:none;}
* html #content #threeQuartLeft ol p{margin-bottom :5px;padding :0px 5px 5px 0px; color: #333; font-size :100%}	
* html  #content #threeQuartLeft ol  .answer{display : none; border-bottom : 1px solid #CCC;margin-bottom : 10px; margin-left:0px;}	

/* summary box */
#sumboxcontainer{float: left;border : 1px solid #9C9C9C;margin-bottom :15px; width : 380px; } 
 #sumboxdetails	{clear:both;width : 100%;border-bottom:1px solid #9C9C9C; margin :0;}
#sumboxcontainer h1 {font-size: 70%;width :95px; float:left; padding-left :5px;margin-top:5px; clear: none;}
#sumboxcontainer p {border-left : 1px solid #9C9C9C; margin : 5px 5px 5px 110px;padding-left :5px;  }
#sumboxcontainer ul{list-style-type: none;  border-left : 1px solid #9C9C9C; margin : 5px 5px 5px 110px;padding-left :10px; clear:none; }
#sumboxcontainer ol{ list-style-position: inside; border-left : 1px solid #9C9C9C; margin : 5px 5px 5px 110px;padding-left :5px; clear:none;  }
#sumboxcontainer ol li{padding-left: 10px;list-style-type: decimal;}
* html #sumboxcontainer ol li{padding-left: 10px;list-style-type: decimal;  }
#sumboxcontainer ul li  {background: url(../images/chevron_black.gif)  no-repeat; padding-left: 10px;} 
* html #sumboxcontainer ul li  {background: url(../images/chevron_black.gif)  0 0.3em no-repeat; padding-left: 10px;} 

#wizardcontainer{margin: 0; padding : 5px;  height: auto; float: right; clear:right; border:1px solid #E4E4E4; }
div .travel {background : #FFFFFF url(../images/travelwiz.gif) no-repeat scroll bottom;}
div .pet {background : #FFFFFF url(../images/petwiz.gif) no-repeat scroll bottom;}
#wizardcontainer #wizardpanels{height :185px; width:175px;float:left; clear:both;}
#wizardcontainer #message{	width :175px;height:50px;	float:left;	clear:both; font-weight : normal;}

#wizardcontainer h1 {font : bold;text-align : center;   }
#wizardcontainer p {margin-bottom: 5px; font-weight:bold;}
#wizardcontainer img{float : none;	display :inline;padding-left:8px; margin-bottom:0px; border:0;}
#wizardcontainer label{font-family: Arial, Helvetica, sans-serif;  font-size:70%; margin: 0; padding: 0; }
#wizardcontainer .rbut{	border: none;}		
#wizardcontainer input{border: 1px solid #E4E4E4;font-size:70%;}		
#wizardcontainer select{font-size:70%;}		

.apr{font-weight: bold;}
.bold{font-weight: bold;}
.hilight{color : #FF5C3C; padding-left :10px;}

.noBorder input { border: 0px solid #C6C6C6;}
.upOne { position:relative; top:-20px;}
.upOneLeftOne { position:relative; top:-26px; left:-3;}

#recentUpdates {overflow:scroll; border:solid 1px CCCCCC; width:460px; height:500px; background-color:white; font-family:Arial,Verdana,Tahoma; font-size:9pt;}
#recentUpdates table { font-family:Arial,Verdana,Tahoma; font-size:9pt;}


