/*page layout____________________________ */

body, BODY, body.Main /*page bg color and margin*/
{
	margin: 0;
	padding: 0;
	background-color: #C5C6C9;
	height: 100%;
}

.SeaMasterFormat, #Form1
{
	height: 100%;
	margin: 0;
	padding: 0;
}

.SeaPageFormat /*Formats main template*/
{
	padding: 0;
	margin: 0;
	width: 779px;
	height: 100%;
	background-color: #0C4F71;
}

.SeaPageHead /*Seagull logo and stripes*/
{
	width: 770px;
	height: 112px;
	/*clip: rect(0 770px 0 0);*/
	background: #0c4f71 url(/assets/images/SeaBannerLeft.gif) repeat-x left center;
}

.SeaPageContentFrame /*formats content table*/
{
	background-color: white;
	width: 576px;
	height: 100%;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: left;
}

.SeaPageContent /*formats individual cell that contains table's content*/
{
	height: 100%;
	width: 538px;
	padding: 0;
	border: 0;
	vertical-align: top;
	text-align: left;
	font-size: 13px;	
}

.TopCorner, .BottomCorner /*rounded top corners of content table*/
{
	height: 19px;
	width: 19px;
	vertical-align: top;
}

.BottomCorner /*rounded bottom corners of content table*/
{
	vertical-align: bottom;
}

.SeaPageShadow
{
	width: 9px;
	background: url(/assets/images/shadow.gif) repeat-y left top;
}

.SeaPageMargin
{
	width: 19px;
	background: #0c4f71;
}

.SeaPageNav /*left-hand navigation cell*/
{
	background-color: #0C4F71;
	padding: 10px 0 0 0;
	margin: 0;
	vertical-align: top;
	width: 175px;
}

.SeaPageNavHolder /*table to contain navigation, a NS fix*/
{
	width: 175px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 0;
}

Table.PageFormat /*JS original*/
{
	width: 474px;
	border: 0;
	padding: 0;
	border-width: 0;
}

.SeaPageFoot /*copyright cell on page bottom*/
{
	background-color: #0C4F71;
	color: White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	height: 20px;
	padding-left: 130px;
}

IMG.HeadGraphicBig /*dimensions of large page header graphics*/
{
	width: 538px;
	height: 170px;
}

IMG.HeadGraphicSmall /*dimensions of small page header graphics*/
{
	width: 538px;
	height: 131px;
}

p.bottom /*this is to compensate for the bottom margins of any element bordering the bottom edge*/
{
	margin-top: -18px;	
}



/*text formatting________________________ */
h1, h2, h3, p, ul, ol, li, table.downloads /*default everything to 0*/
{
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

A:link
{ 
	color: #313E8C; /*Dark Blue*/
	text-decoration: underline;
}

A:visited
{ 
	color: #8C293F; /*Dark Red*/
	text-decoration: underline;
}

A:focus, A:hover
{ 
	color: #FF0000; /*Red*/
	text-decoration: underline;
}

A:active
{ 
	color: Blue;
	text-decoration: underline;
}

Body.Main, .SeaBody, .SeaBodyIndent, .SeaControl, .SeaSubHead, .SeaBodyNoSize
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

Body.Main, .SeaBodyIndent, .SeaBody  /*main body text*/
{
	font-size: 13px;
	vertical-align: top; /*this is important*/
}

.SeaBodyIndent /*same as SeaBody, with margin-left added for indent*/
{
	margin-left: 50px;
	width: 470;
}	

p.indent
{
	margin-left: 30px;
}

.SeaBodyNoSize /*used in table formatting - JS original*/
{
	font-size: 12px;
	font-weight: normal;
}

.SeaControl /*changed size from 1em*/
{
	font-size: 13px;
	font-weight: normal;
}

.SeaFormAlert /*SeagullApps*/
{
	font-size: 13px;
	color: Red;
}

h1, .SeaHead, .SeaHeadTall
{
	color: white;
	text-align: left;
	vertical-align: top;
	background-repeat: no-repeat;
	margin: 0 0 13px 0;
	padding: 15px 0 0 19px;
	font: italic normal bold 27px Times New Roman, Times, serif;
	width: 519px !important; /*this makes ie use 538 for its bad box model while proper browsers will get 519*/
	width: 538px;
	height: 100px;
	background-image: url(/assets/images/SeaHead.jpg);	
}

.SeaHeadTall /*used in place of SeaHead when more than two lines of text, this overrides the values above*/
{
	height: 140px;
	background-image: url(/assets/images/SeaHeadTall.jpg);
}


h2, .SeaBarHeadTall  /*text on top of a graphic bar*/
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
	vertical-align: middle;
	width: 538px;
	background-repeat: no-repeat;
	margin: 40px 0 5px 0;
	padding-top: 4px;	
	height: 25px;
	background-image: url(/assets/images/SeaBarHead.gif);	
}

.SeaBarHeadTall /*used in place of SeaBarHead when there are two lines of text*/
{
	height: 40px;
	background-image: url(/assets/images/SeaBarHeadTall.gif);
}

h3, .SeaSubHead
{
	font-weight: Bold;
	text-decoration: none;
	color: #000000;
	margin: 0 0 4px 0;
}

p
{
	margin: 0 0 20px 0;
	vertical-align: top; /*this is important*/
}

ul, ol
{
	margin: 0 0 20px 20px;
}

li
{
	margin: 0 0 7px 20px;
}


ul
{	
	list-style-position: outside;
	list-style-type: disc;
}

ul ul
{
	list-style-type: circle;
	margin-left: 0;
}

ol
{	
	list-style-position: outside;
	list-style-type: decimal;
	vertical-align: top;
}

ol ul
{
	margin: 20px 0 20px 0;
}

.SeaMono /*monospace font*/
{
	font-family: Courier New, Courier, Monospace, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.SeaBlackHead /*JS original*/
{
	font-size: 1.33em;
	font-weight: 700;
}

.SeaSmall, .SeaCaption /*small body text & graphic caption*/
{
	font-size: 10px;
}

.Label /*was TD.Label, AG added font size, used in SeagullApps*/
{
	text-align: right;
	font-size: 13px;
}

.SeaList, .SeaList h3, .SeaList p /*AG doesn't know what this is*/
{
	margin: 0;
	padding: 0;
}

.SeaList ul
{
	list-style-type: none;
	padding: 0;
	margin-left: 19px;
}

.SeaList li
{
	padding: 0 0 6px 0;
	margin: 0;
	vertical-align: top;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}

.SeaList a
{
	padding-left: 11px;
	background-image: url(/assets/images/arrowsmall.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	display: block;
	text-decoration: underline;
}

.SeaList a:visited
{
	background-image: url(/assets/images/arrowsmall_d.gif);
}

.SeaList a:hover, .SeaList a:focus
{
	background-image: url(/assets/images/arrowsmall_o.gif);
}


/*data tables____________________________ */

.SeaTable /*changed from 1em*/
{
	font-size: 13px;
}

.SeaTableHead /*used on "contact_us" */
{
	font-size: 13px;
	font-weight: Bold;
	color: #FFFFFF;
	height: 22px;
	padding-left: 7px;
	background-color: #81818D;
}

table.gen_table /*generic borderless table*/
{
	font-size: 12px;
	border: 0;
	text-align: left;
	width: 100%;
	margin: 0 0 20px 0;
}

table.gen_table td
{
	padding: 5px;
}

table.downloads
{
	border: 2px solid #CCCCCC;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

table.downloads td, table.downloads th
{
	font-size: 13px;
	border: 1px solid #CCCCCC;
	padding: 4px;
}

table.downloads th
{
	font-weight: bold;
}	

table.rfid
{
	border: 2px solid #81818D;
	border-collapse: collapse;
}

table.rfid td, table.rfid th
{
	font-size: 12px;
	border: 1px solid #81818D;
	padding: 4px;
	text-align: left;
}

table.rfid th
{
	font-weight: bold;
	border: 1px solid white;
	color: White;
	background-color: #81818D;
}

table.contents /*table of contents on drivers pages*/
{
	font-size: 13px;
	padding: 4px;
	padding-left: 0;
}

/*forms__________________________________ */

#CompanyContact1_Extension
{
	width: 55px;	
}


/*language pull-down menu________________ */

.SwitchModesButton
{
	color: White;
	border: 0 solid white;
	width: 28px;
	height: 15px;
	background-color: white;
	margin: 0;
	padding: 0;
	display: inline;
	position: absolute;
	left: 185px;
	top: 115px;
}

.SwitchBrochureModeButton2
{
	color: White;
	border: 0 solid white;
	width: 36px;
	height: 21px;
	background-color: white;
	margin: 0;
	padding: 0;
}

.LanguageList
{
	width: 130px;
	color: white;
	background-color: #0C4F71;
	border: 0 solid #0C4F71;
	margin: 0 14px 46px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*images_________________________________ */
.thumbnail
{
	border: 1px solid #0C4F71;
}


/*sibling selectors (not supported in ie)____________________ */
p + ul, p + ol
{
	margin-top: -10px;
}

h1 + p
{
	margin-top: -18px;	
}

/*Site Colors:*/
/*light teal:*/
/*dark teal: 0C4F71*/
/*light grey: C5C6C9*/
/*dark grey: 81818D*/
/*dark blue: 313E8C*/