/* defaults */
body { margin: 0; font-size: 80%; }
body, form, input, td { font-family: Arial, Helvetica, sans-serif; color: #666666; margin: 0; }
img   { border: 0; }
h1    { color: #FFA000; font-size: 24px; font-weight: normal; padding: 0; margin: 0; position: absolute; top: 116px; left: 170px; }
h2    { color: #666666; font-size: 0.95em; font-weight: bold; padding: 0; margin: 10px 0 5px 0; }
.hide { display: none; }
.pdflink { font-size: 0.75em; }

/* custom */
.title	   { font-size: 14pt; color: #FFA000; }
.title2    { font-size: 12px; font-weight: bold; height: 20px; color: #FFA000; }
.title3    { font-size: 12px; font-weight: bold; height: 20px; color: #FFA000; }
.title4    { font-size: 12px; font-weight: bold; height: 19px; color: #FFA000;}
.padB10    { padding-bottom: 5px; display: block; }
.padB20    { padding-bottom: 10px; display: block; }
.padB10T20 { margin-bottom: 5px; margin-top: 10px; display: block; }
.padB10T25 { margin-bottom: 5px; margin-top: 22px; display: block; }
.padB15T25 { margin-bottom: 12px; margin-top: 22px; display: block; }
#photo	   { float:left; margin-right:8px; margin-bottom:6px; font-size:0.85em; }

/* form styling */
form            { margin: 0; padding: 0; font-size: 100%; }
input.textinput { width: 113px; height: 14px; font-size: 11px; margin: 0; padding: 1px 0 1px 3px; border: 1px solid #7E9CB8; }
form span       { height: 0; display: block; margin: 0; padding: 0; }
#submitbutton   { float: right; }

/* links */
a       { color: #003399; text-decoration: underline; }
a:hover { color: #FFA611; text-decoration: underline; }

/* navigation */
ul.nav  { list-style-type: none; margin: 0; padding: 0; vertical-align: top; }
#nav li { list-style-type: none; margin: 0; padding:0; display: inline; }

/* layout - homepage - top */
#main 		{ width: 770px; min-height: 237px; padding-bottom: 30px; }
#mainl 		{ width: 289px; }
#mainr 		{ width: 481px; margin-left: 289px; margin-top: -237px; }
#mainr span { width: 390px; margin-left: 22px; margin-top: 30px; display: block; }

/* layout - homepage - content */
#purchase	{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#purchasel  { float: left; }
#purchaser 	{ margin-left: 74px; display: block; }

#oneday		{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#onedayl  	{ float: left; }
#onedayr 	{ margin-left: 74px; display: block; }

#invest		{ width: 170px; margin-left: 6px; margin-top: 10px; display: block; }
#investl  	{ float: left; }
#investr 	{ margin-left: 74px; display: block; }

/* layout - homepage - bottom */
#copy 						{ width: 771px; }
#copyl 						{ float: left; width: 263px; display: block; }
#copyr 						{ margin-left: 263px; display: block; }
#copyrl						{ float: left; width: 325px; display: block; }
#copyrl span				{ width: 277px; display: block; }
#copyrr span				{ width: 180px; display: block; }
#copyrr						{ margin-left: 325px; display: block; }


/* navigation - homepage - list - arrows - orange */
#copyl ul, #copyr ul       { margin: 0; padding: 0;  margin-left: 8px; list-style: none; }
#copyl li, #copyr li       { margin: 0; }
#copyl ul li, #copyr ul li { padding-left: 13px; background: url("arrow-orange.gif") no-repeat 0 1px; }
#copyl li a, #copyr li a   { text-decoration: none; }
#copyl li a:hover, #copyr li a:hover  { text-decoration: underline; }

/* form styling */
#techspecs { width: 240px; height: 17px; font-size: 10px; }

/* layout - global */
#homecontainer{ position: relative; width: 770px; }
#container 	  { position: relative; width: 770px; padding-top: 8px; float: left; }

/* layout - global - header */
#header             { width: 770px; height: 105px; font-size: 0.85em; color: #003399; }
#header a           { text-decoration: none; }
#header a:hover     { text-decoration: underline; }
#logo               { position: absolute; top: 40px; left: 32px; }
#homesitelink     	{ position: absolute; top: 7px;  left: 650px; }
#homebar			{ position: absolute; top: 7px;  left: 681px; }
/*#globalsitelink     { float: right; white-space: nowrap; }*/
#globalsitelink     { position: absolute;  top: 6px;  left: 557px; white-space: nowrap; }
#globalsitelink img { position: relative; top: 3px; padding-right: 5px; }
#navigation         { position: absolute; top: 65px; left: 300px; display: block; }
#navigation a:hover { text-decoration: none; }

/* layout - global - header - search */
#globalsearch     { position: absolute; top: 32px;  left: 505px; width: 350px; height: 22px; }
#globalsearchform { position: relative;  top: -15px; left: 80px;  width: 174px; height: 22px; }
#sitemaptext      { position: relative; top: 1px; width: 150px;}
#KeywordSearch { width: 140px; }
#globalsearchform #submitbutton { position: absolute; top: 0; right: 0; }

/* layout - homepage - content */
#imagery         { position: relative; display: block; float: left; }
#banner          { position: relative; display: block; }
#columns         { position: absolute; left: 0px; width: 475px; float: left; margin-left: 280px; }
#leftcolumn      { position: relative; width: 225px; display: block; float: left; }
#leftcolumn span { padding-bottom: 10px; display: block; }
#rightcolumn     { position: relative; width: 225px; display: block; float: right; }

/* layout - subpage - content */
.mainpic { padding-bottom: 10px; }
#subhead             { width: 770px; height: 37px; }
#subcolumns          { width: 770px; }
#subleftcolumn       { width: 171px; min-height: 1px; float: left; position: relative; display: block; }
#submidcolumn        { width: 452px; float: left; position: relative; display: block; }
#submidcolumn img.right { padding: 2px 0 0 15px; float: right; }
#submidcolumn img.left { padding: 2px 15px 0 0; float: left; }
#submidcolumnwide    { width: 577px; float: left; position: relative; display: block; }
#submidcolumnwidemap { width: 577px; float: left; position: relative; display: block; padding-left: 187px; }
#subleftcolumn span  { padding-bottom: 10px; display: block; }
#subrightcolumn      { width: 130px; float: right; position: relative; display: block; padding-top: 2px; font-size: 0.85em; padding-left: 11px; }
#subspeccolumn       { width: 148px; float: right; position: relative; display: block; }

/*layout - subpage - content2 */
#submidcolumn2      { margin-top: 20px; width: 452px; float: left; position: relative; display: block; }
#subrightcolumn2    { width: 130px; float: right; position: relative; display: block; font-size: 0.85em; }
.subrighttitle 		{ font-size: 1.10em; font-weight: bold; padding-bottom: 10px; display: block; }
#outer 				{ height: 180px; overflow: hidden; position: relative; }
#outer[id] 			{ display: table; position: static; }
#middle 			{ position: absolute; top: 100%; } /* for explorer only*/
#middle[id] 		{ display: table-cell; vertical-align: bottom; position: static; }
#inner 				{ position: relative; top: -100% } /* for explorer only */

/* layout - subpage - leftnav */
#subleftcolumn ul 						{ margin: 0; padding: 0; margin-left: 30px; list-style: none; font-size: 0.95em; }
#subleftcolumn a 						{ text-decoration: none; padding-left: 10px; color: #003399; }
#subleftcolumn a:hover				    { text-decoration: none; padding-left: 10px; color: #FFA000; }
#subleftcolumn ul.primary     		    { font-weight: bold; }
#subleftcolumn ul.primary li 		    { padding: 0; margin: 0; padding-bottom: 10px; }
#subleftcolumn ul.primary li a  		{ display: block; width: 120px; }
#subleftcolumn ul.primary li a:hover    { background: url(arrow-nav-orange.gif) no-repeat 1px 4px; }
#subleftcolumn ul.primary li a.on  		{ background: url(arrow-nav-orange.gif) no-repeat 1px 4px; color: #FFA000; }
#subleftcolumn ul.secondary    		    { margin-left: 15px; font-weight: normal; }
#subleftcolumn ul.secondary li 		    { padding: 0; margin: 0; padding-top: 5px; }
#subleftcolumn ul.secondary li a 	    { background: url(arrow-nav.gif) no-repeat 1px 5px; display: block; width: 100px;  }
#subleftcolumn ul.secondary li a:hover  { background: url(arrow-nav2.gif) no-repeat 1px 5px; }
#subleftcolumn ul.secondary li a.on     { background: url(arrow-nav2.gif) no-repeat 1px 5px; color: #FFA000; }

/* layout - subpage - content - more information */
#submoreinfo		 { padding-left: 1px; padding-bottom: 12px; }
#submoreinfo img     { margin: 0 8px 8px 0; display: block; }
#submoreinfo span	 { padding-left: 10px; padding-bottom: 8px; display: block; } 
#submoreinfo span a	 { background-image: none; padding: 0; text-decoration: underline; display: inline; } 
#submoreinfo a       { background: url("arrow-orange2.gif") 1px 1px no-repeat; text-decoration: none; padding-left: 10px; display: block; width:120px; }
#submoreinfo a:hover { text-decoration: none; }

/* layout - global - arrow lists */
ul.arrow     		{ list-style: none; margin: 10px 0 10px 25px ; padding: 0; }
ul.arrow li 		{  background: url("arrow-orange.gif") 1px 1px no-repeat; margin: 0; padding: 0 0 2px 15px; }

ul.list			{ list-style: square; margin: 10px 25px 10px 40px; padding: 0; }

ul.arrow2     		{ list-style: none; margin: 10px 0 10px 5px ; padding: 0; }
ul.arrow2 li		{ background: url("arrow-orange.gif") 1px 1px no-repeat; margin: 0; padding: 0 0 2px 15px; width: 105px; }
ul.arrow2 a			{ text-decoration: none; }


/*layout - global - back to top */
div.backtotop { float: right; display: block; }
div.backtotop a { background: transparent url("arrow-top.gif") 100% 50% no-repeat; padding-right: 10px; text-decoration: none; } 
div.backtotop a:hover { background: transparent url("arrow-top2.gif") 100% 50% no-repeat; padding-right: 10px; text-decoration: none; } 

/* layout - global - footer */
#footer    		 { width: 620px; height: 76px; margin: 45px 0 0 15px; float: left; font-size: 0.85em; color: #003399; overflow: hidden; clear: both; }
#copyright 		 { color: #999999; margin-top: 5px; }
#footer a  		 { text-decoration: none; }
#footer a:hover  { text-decoration: underline;}

/* layout - sitemap */
#sitemap b						  { background: url("arrow-orange.gif") no-repeat 0 1px; padding-left:2px; display: block; margin-bottom: 5px; }
#sitemap ul 					  { margin: 0; padding: 0; margin-left: 2px; list-style: none; font-size: 0.95em; }
#sitemap a 						  { text-decoration: none; padding-left: 10px; color: #003399; }
#sitemap a:hover				  { text-decoration: none; padding-left: 10px; color: #FFA000; }
#sitemap ul.primary li 			  { padding: 0; margin: 0; padding-bottom: 1px; }
#sitemap ul.primary li a  		  { display: block; width: 135px; }
#sitemap ul.primary li a:hover    { background: url(arrow-nav-orange.gif) no-repeat 1px 4px; }
#sitemap ul.secondary    		  { margin-left: 15px; font-weight: normal; }
#sitemap ul.secondary li 		  { padding: 0; margin: 0; padding-top: 1px; }
#sitemap ul.secondary li a 	   	  { background: url(arrow-nav.gif) no-repeat 1px 5px; display: block; width: 100px;  }
#sitemap ul.secondary li a:hover  { background: url(arrow-nav2.gif) no-repeat 1px 5px; }
#sitemap ul.secondary li a.on     { background: url(arrow-nav2.gif) no-repeat 1px 5px; color: #FFA000; }

/* gold and platinum styles */
.columnOffers{width:125px; float:left;}
.offerImage{width:125px; height:104px;}
.offerSpacer{width:16px; height:1px; float:left; overflow:hidden;}
.vSpacer2{height:2px; width:1px; clear:both; overflow:hidden;}
.clearFloat{clear:both;height:0px;width:0px;border:0px;margin:0px;padding:0px;overflow: hidden;}

/* gold and platinum privileges popup styles */
#popupContainer { margin: 20px; }
.tableContainerBorderFull{border: solid 1px #999999; width:420px;}
TR{padding:2px;}
TD.grey{background-color:#eaeaea;}
TD{vertical-align:middle;padding:7px;}
TABLE.halves{font-size:x-small; width: 100%; font-weight:bold;}
TABLE.halves TR TD.halves{color: #ffffff;}
TABLE.halves TR.brownBG{ background-color: #999999; color: #ffffff; font-weight:bold;font-size:small;width:100%;}
TABLE.halves TR.brownBGNoTDs{vertical-align:middle; padding:7px; background-color: #9F8C55; color: #ffffff; font-weight:bold;font-size:small;width:100%;}
TABLE.halves TR.header{background-color:#999999; color:#ffffff; font-weight:bold; height:15px; font-size:small;}
TABLE.halves TR.grey{background-color:#eaeaea;}
TABLE.halves TD.grey{background-color:#eaeaea;}	
TABLE.halves TR TD.brownText{color:#999999; font-size:x-small;}
TABLE.halves TD.titleText{color: #999999; font-weight:bolder;font-size:small;}

.contentTable {
	border-collapse: collapse;
}

.contentTable th {
	font-weight: normal;
	color: #000000;
	background-color: #cccccc;	
	text-align: left;
}

.contentTable td, .contentTable th {
	padding: 2px 5px;
	border: 1px solid #aaaaaa;
}

.contentTable .altRowColor td {
	background-color: #ececec;
}