/* CSS Document */
/* Basic declarations          */
* {
	padding: 0;
	margin: 0;
}

html {
	font: 12px/1 Arial, sans-serif;
	color: #443333;
}

a, a:visited {
	color: #369;
	text-decoration: underline;
}

a:hover {
	color: #6699cc;
	text-decoration: underline;
}

h1 {
	color: #eeb211;
	font-size: 1.833em;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	margin: 17px 0 10px;
	padding: 0;
}

h2 {
	color: #88746A;
	font-size:1.33em;
	margin: 1em 0;
}

h3 {
	color: #88746A;
	font-size: 1.083em;
	margin-bottom: 3px;
	margin-top: 9px;
	margin: 1em 0;
}

p {
	color: #666;
	line-height: 1.2em;
	margin-bottom: 10px;
}

td {
	color: #666;
	line-height: 1.1em;
}

ul, ol {
	color: #666;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1em;
	margin: 1em 0 1em 25px;
}

#container {
	background-color: #fff;
	width: 100%;
}

.sub {
	font-size: 0.833em;
}

.clearall {
	clear: both;
}

/* --------------------------- */

/* Top Navigation, Logo & Cart */
#top {
	border-bottom: 1px solid #bfb3aav;
}

#masterhead {
	border-bottom: 22px solid #e9e3db;
}

#cart {
	height: 19px;
}

.yourCart {
	float: left;
	width: 743px;
	text-align: right;
}

.yourCart a,
.yourCart a:hover,
.yourCart a:visited {
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}

.yourCart a {
	font-size: 0.917em;
	background: transparent url(/ect/shared/img/yourCart.gif) no-repeat 0 0;
	line-height: 1.583em;
	margin: 0;
	padding-left: 20px;
}

.yourCart span {
	border-left: 1px solid #ccc;
	padding-left: 6px;
}



#logo {
	float: left;
	margin-left: 20px;
	margin-top: -3px;
	padding-bottom: 14px;
}
* html #logo {
	margin-left: 10px;
}
#logo_cobrand {
	position: absolute;
	top: 101px;
	left: 20px;
}
#nav {
	float: left;
	font-size: 1.083em;
	font-weight: bold;
	position: absolute;
	top: 76px;
	left: 217px;
}

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}

#nav a {
	color: #000;
	cursor: pointer;
	float: left;
	margin: 0 6px 0 5px;
	text-decoration: none;
}

#nav a:visited,
#nav a:hover {
	color: #000;
	text-decoration: none;
}

#nav a span {
	display: block;
	float: left;
	padding: 5px 8px 3px;
}

#nav li.selected a {
	background: #e9e3db url(/ect/shared/img/tabL.gif) no-repeat left top;
}

#nav li.selected span {
	background: transparent url(/ect/shared/img/tabR.gif) no-repeat right top;
}

/* --------------------------- */

/* 2-col & content text        */
#leftCol {
	float:left;
	width: 215px;
}

#rightCol {
	float: left;
	margin-left: 7px;
	width: 68%;
}

.text {
	width: 100%;
	max-width: 521px;
	width: expression(document.body.clientWidth > 521 ? "519px" : "100%");
}

 #rightCol,  #leftCol div {
	padding-bottom: 27px;
}

.intro {
	padding-bottom: 6px;
}

.button {
	font-size: 0.917em;
	font-weight: bold;
	margin: 0;
}

.button a {
	background: #fff url(/ect/shared/img/btnBkgWite.gif) no-repeat left top;
	color: #fff;
	cursor: pointer;
	float: left;
	margin: 0;
	padding-left: 30px;
	text-decoration: none;
}

.button a:hover,
.button a:visited {
	color: #fff;
	text-decoration: none;
}

.button span {
	background: #fff url(/ect/shared/img/btnBkgWite.gif) no-repeat right top;
	display: block;
	float: left;
	font-size: 0.917em;
	font-variant:small-caps;
	padding: 7px 13px 9px 0;
}

/* --------------------------- */

/* Footer                      */

#footer {
	border-top: 2px solid #88746A;
	font-size: 0.833em;
}

#footer p {
	display: block;
	padding: 12px 0;
	position: absolute;
	left: 222px;
	line-height: normal;
	margin: 0;
}

#footer a,
#footer a:visited {
	color: #369;
	text-decoration: none;
}

#footer a:hover {
	color: #f60;
	text-decoration: none;
}

#disclosures ul li {
	list-style-image: url(http://www.terrapass.com/images/bulletTanSquare.gif);
}

#disclosures li
{
	line-height: 1.1;
	margin-bottom: 5px;
}

/* --------------------------- */


/* Home page                   */
#ect-home .text p {
	font-size: 0.917em;
	margin: 15px 0 0 0;
}

#ect-home h2 {
	color: #666255;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 1.3433em;
	font-weight: normal;
	margin: 20px 0 3px;
}

#ect-home h1 {
	color: #EEB211;
	font-weight: bold;
	margin: 3px 0;
}

#ect-home .button {
	margin-top: 20px;
}

/* --------------------------- */

/* Products pages              */

#recommendedProd h2 {
	color: #666;
	padding: 25px 0 29px;
	margin: 0;
}

#prodNav {
	float: left;
	font-size: 1.000em;
}

#prodNav ul {
	list-style: none;
	margin: 0;
	padding-left: 1px;
}

#prodNav li {
	display: inline;
	margin: 0;
	padding: 0;
	float: left;
}

#prodNav a {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 0 -42px;
	color: #fff;
	cursor: pointer;
	float: left;
	text-decoration: none;
	padding: 0;
}

#prodNav a span {
	display: block;
	float: left;
}

#prodNav a span span {
	float: left;
	padding: 5px 8px 6px;
}

#prodNav li.selected a span span{
	background: transparent url(/ect/shared/img/spout.gif) no-repeat center bottom;
	padding-bottom: 9px;
}

#prodNav li.selected a span {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 0 -168px;
}

#prodNav li.selected a.p1 span {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 0 -126px;
}

#prodNav li a.p1 {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat top left;
}

#prodNav li.selected a.p4 {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 0 -210px;
	padding-left: 2px;
}

#prodNav li.selected a.p4 span {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 100% -210px;

}

#prodNav li a.p4 {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 0 -84px;
	padding-left: 2px;
}

#prodNav li a.p4 span {
	background: transparent url(/ect/shared/img/productBtnBkg.gif) no-repeat 100% -84px;
}


#prodNav li.selected a.p1 span span,
#prodNav li.selected a.p4 span span {
	background: transparent url(/ect/shared/img/spout.gif) no-repeat center bottom;
	padding-bottom: 9px;

}

#rightCol table {
	font-size: 1em;
	padding-top: 9px;
}



#rightCol table p {
	color: #666;
	font-size: 0.917em;
	line-height: 1.1em;
	margin-bottom: 7px;
}

#rightCol tbody .prodImg,
#recommendedProd .prodDetail {
	padding: 8px 0 6px;
}

#rightCol table.recommended {
	margin-bottom: 9px;
}

#rightCol .recommended tbody .prodImg {
	padding: 0 0 6px;
	margin-top: 8px;
}

#rightCol tbody .prodPrice {
	color: #666;
	font-weight: bold;
	padding: 6px 0 8px;
}

#rightCol tbody .prodDetail {
	padding-top: 6px;
	width: 148px;
}

#recommendedProd .recommended tbody .prodImg,
#recommendedProd .recommended tbody .prodDetail {
	float: left;
	padding-right: 13px;
}
#recommendedProd .recommended tbody .prodDetail {
	width: auto;
}

.recommended td .prodDetail strong {
	color: #369;
}

.prodHR {
	height: 1px;
	background-color: #e8e8e8;
	margin: 11px 0 14px;
}

.prodHR hr {
	display: none;
}

/* --------------------------- */

/* Flight calculator           */
#ect-flight-calc #leftCol {
	width: 337px;
}

#ect-flight-calc #leftCol div {
	padding-bottom: 0;
}

#ect-flight-calc #rightCol {
	width: 420px;
	margin: 0;
	padding: 0;
}

#ect-flight-calc #leftCol h3,
#ect-flight-calc #leftCol p {
	margin-left: 25px;
}

#ect-flight-calc .text {
	padding-left: 25px;
}

#ect-flight-calc .text h2 {
	color: #00a4af;
	padding-top: 19px;
}

#flightinput {
	margin: 10px 0 0 25px;
	padding: 0;
}

#flightinput label {
	color: #369;
	font-size: 0.917em;
	font-weight: bold;
	float: left;
	text-align: left;
	width: 93px;
}

#flightinput strong {
	color: #369;
	font-size: 0.917em;
}

#flightinput div.input {
	margin: 0;
	padding: 0;
}

#flightinput input {
	margin-left: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#profile {
	border-top: 1px solid #e2e2dd;
	color: #40403a;
	margin-top: 0;
	padding: 0;
}

#profile h3 {
	color: #40403a;
	font-size: 1.000em;
	margin: 0;
	padding: 0;
}

#profile img {
	vertical-align: middle;
}

#profile a,
#profile a:hover,
#profile a:visited {
	color: #00a4af;
	text-decoration: none;
}

#profile .profileDiv {
	background-color: #fffaeb;
	padding: 7px 0 0;
}

#profile .profileDiv p {
	margin: 0;
	padding-bottom: 6px;
}

.profileDiv #clearallControls {
	float: right;
	font-size: 0.917em;
	height: 10px;
	padding: 2px 10px 0 0;
}

.profileDiv p span {
	font-size: 0.917em;
}

#profile #flights {
	overflow: auto;
	margin: 0;
	padding: 0;
	height: 178px;
}

#profile div.flight {
	clear: both;
	border-top: 1px solid #e2e2dd;
}

#profile div.flight h2 {
	color: #0066CC;
}

#profile div.flight div.controlbar {
	float: right;
	text-align: right;
	padding: 7px 10px 0 0;
	font-size: 10px;
	margin: 0;
}

div.route {
	color: #40403a;
	font-size: 0.917em;
	margin: 0;
	padding: 0;
}

#profile div.flightinfo {
	font-family: Arial, san-serif;
	font-size: 1.000em;
	font-weight: bold;
	color: #40403a;
	margin: 0;
	padding: 0;
}

#mapcontainer {
	margin-top: 1px;
	width: 420px;
	height: 400px;
}

#map {
	width: 420px;
	height: 400px;
	border: 1px solid #929292;
}

.mapinfo {
	font-weight: bold;
   	text-align: center;
}

.mapinfo_data {
   	font-size: 10px;
   	float:left;
}

.mapinfo_label {
   	font-size: 10px;
   	float:left;
}

#productlink .button a {
	background: transparent url(/ect/shared/img/btnBkgYlow.gif) no-repeat left top;
}

#productlink .button span {
	background: transparent url(/ect/shared/img/btnBkgYlow.gif) no-repeat right top;
}

#totalBar {
	background-color:#e9e3db;
	float: left;
	margin: 3px 0 0;
	padding: 7px 0;
	height: 26px;
	width: 759px;
}

#total {
	color: #000;
	float:left;
	font-size: 1.167em;
	font-weight: bold;
	padding: 5px 0 0 25px;
}

#autocomplete {
 color: #003399;
 border: 1px solid gray;
 background-color: #EEEEFF;
}

.autocomplete a:link {
  text-decoration: none;
}

.autocomplete a:visited {
  text-decoration: none;
}

.autocomplete_highlight td {
 background-color: #FFFF99;
}

.autocomplete_highlight a:link {
  text-decoration: underline;
}

.autocomplete_highlight a:visited {
  text-decoration: underline;
}

#ect-flight-calc div.clearall
{
	margin:0; padding: 0;
	clear: both;
	font-size: 2px;
	height: 6px;
}

table.pcl tbody tr
{
	vertical-align: top;
}
table.pcl td,
table.pcl th
{
	padding: 0.5em 0;
}
table.pcl thead th
{
	border-top: dotted 1px gray;
	border-bottom: dotted 1px gray;
}
table.pcl tbody td
{
	padding-right: 1em;
}

/* --------------------------- */