/* CSS Normalizations */

/* normalize margins and padding */
html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td
{
	margin: 0px;
	padding: 0px;
}

/* normalize font size for headers, pre and code */
h1, h2, h3, h4, h5, h6, pre, code {	font-size: 100%; }

/* remove list-style from lists */
ul {	list-style: none; }

/* remove border from fieldset and img */
fieldset, img {	border: none; }

/* left align text in caption and th */
caption, th {text-align: left;}

/* remove italization from address */
address { font-style: normal; }

/* remove underlining from A tags */
a	{ text-decoration: none; }

/* Standard Tags */
html {	text-align: center; margin:0px; }

body {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background-color:#e3e3e3;
	color:#494848;
	font-family: Verdana, Arial;
	font-size: 10pt;
	padding-bottom: 20px;
}


/* Page Content - Normal Tags */

H1, H2, H3, H4	{ font-family: Trebuchet MS, Verdana; }
H1				{ font-size: 15pt; color: #525252; font-weight: bold;   margin: 10px 0px 15px 0px; border-bottom: solid 1px #CCCCCC; }
H2				{ font-size: 15pt; color: #525252; font-weight: normal; margin:  5px 0px 10px 0px; }
H3				{ font-size: 13pt; color: #525252; margin:  5px 0px  5px 0px; }

P				{ font-size: 10pt; color: #525252; text-align: justify; margin: 16px 0px 16px 0px; }
.Small			{ font-size: 8pt; }
.Light			{ font-size: 8pt; color: #999999; }

A				{ color: #514EA7; text-decoration: none; }
A:hover			{ color: #E88000; text-decoration: none; }


/* Named ID Tags */

#MainFrame
{
	width: 1000px;
	border: solid 1px #beb9b7;
	border-top-width: 0px;
	background-color: White;
}

#HeaderTop				
{
	width:1000px;
	height:81px;
	background-image:url(/images/Nav/BG_HeaderTop.gif);
	background-repeat:no-repeat;
	position:relative;
	font-family: Verdana, Arial, Helvetica;
	font-size: 11px;
}
#HeaderTop A			{ color:#FFFFFF; text-decoration:none; }
#HeaderTop A:link		{ color:#FFFFFF; text-decoration:none; }
#HeaderTop A:active		{ color:#FFFFFF; text-decoration:none; }
#HeaderTop A:visited	{ color:#FFFFFF; text-decoration:none; }
#HeaderTop A:hover		{ color:#FFFFFF; text-decoration:underline; }

#HeaderLeftLogo			{ position:absolute; top:0px; left:0px; }
#HeaderLeftMenu			{ 
	position:absolute;
	top:55px;
	left:200px;
	width:600px;
	height:15px;
	overflow:hidden;
	clear:both;
	float:right;
	text-align:right;
}
#HeaderPhone			{ position:absolute; top:18px; left:850px; width:140px; overflow:hidden; font-family: Trebuchet MS, Verdana; font-size: 18px; font-weight: bold; text-align: center; color: White; }
#HeaderEmail			{ position:absolute; top:48px; left:850px; width:140px; overflow:hidden; font-family: Trebuchet MS, Verdana; font-size: 16px; font-weight: bold; text-align: center; color: White; }
#HeaderEmail A:hover    { color: #ffcc00; text-decoration: none; }
#HeaderChat				{ position:absolute; top:52px; left:850px; width:140px; overflow:hidden; text-align: center; }
#MainMenu				{ position:relative; clear:both; width:1000px; height:30px; background-image:url(/images/Nav/BG_MainMenu.gif); background-repeat:no-repeat; }
#MiddleLayout			{ width: 100%; }
#LeftPanel				{ width: 200px; background-color: #eeeeee; vertical-align: top; padding: 16px 10px 10px 10px; }
#PageBody				{ vertical-align: top; }
.PageBanner				{ width: 800px; } /* padding-bottom: 6px; border-bottom: solid 1px #beb9b7; } */
.PageBannerText			{ width: 770px; height: 75px; font-size: 45px; font-family:  Trebuchet MS, Verdana, Times New Roman; padding: 30px 0px 0px 30px; border-bottom: solid 1px #999999; }
#PageBodyLayout			{ width: 100%; }
#PageContent			{ padding: 10px 10px 10px 10px; vertical-align: top; }
#RightPanel				{ width: 200px; vertical-align: top; padding: 16px 10px 10px 10px; }

#FlashBanner			{ width: 980px; height: 300px; }

#Footer					{ border-top: solid 1px #beb9b7; height: 40px; color: #494848; font-size: 8pt; padding: 15px 15px 15px 15px; }
#Footer a				{ color:#7096bf; text-decoration:none; }
#Footer a:link			{ color:#7096bf; text-decoration:none; }
#Footer a:active		{ color:#7096bf; text-decoration:none; }
#Footer a:visited		{ color:#7096bf; text-decoration:none; }
#Footer a:hover			{ color:#E88000; text-decoration:none; }

/* Focus Button */		/* The Focus Button Inside image should be 173 x 56 */

A.FocusButton			{ display:block; margin: 0px; padding: 3px; width:180px; height:63px; background:#fff url("/images/Buttons/Focus_Back.gif") no-repeat top left; }
A.FocusButton:hover		{ background:#fff url("/images/Buttons/Focus_Back_Over.gif") no-repeat top left; }


/* Top Nav */

.TopNav				{ padding:0px; margin:0px 0px 0px 21px; list-style-type:none; display:inline; float:left; }
.TopNav li			{ display:inline; float:left; list-style-type:none; }
.TopNav li A		{ display:block;	}
.TopNav li span		{ display:none;	}

.TopNav li#Home a, .TopNav li#Home			{ width:82px; height:30px; background:url(/images/Nav/BTN_TopNav_Home.gif) 100% 0px; }
.TopNav li#Home a:hover						{ background:url(/images/Nav/BTN_TopNav_Home.gif) 100% -30px; }

.TopNav li#Products a, .TopNav li#Products	{ width:175px; height:30px;	background:url(/images/Nav/BTN_TopNav_Products.gif) 100% 0px; }
.TopNav li#Products a:hover					{ background:url(/images/Nav/BTN_TopNav_Products.gif) 100% -30px; }

.TopNav li#Ordering a, .TopNav li#Ordering	{ width:94px; height:30px; background:url(/images/Nav/BTN_TopNav_Ordering.gif) 100% 0px; }
.TopNav li#Ordering a:hover					{ background:url(/images/Nav/BTN_TopNav_Ordering.gif) 100% -30px; }

.TopNav li#News a, .TopNav li#News			{ width:128px; height:30px;	background:url(/images/Nav/BTN_TopNav_News.gif) 100% 0px; }
.TopNav li#News a:hover						{ background:url(/images/Nav/BTN_TopNav_News.gif) 100% -30px; }

.TopNav li#Support a, .TopNav li#Support	{ width:158px; height:30px;	background:url(/images/Nav/BTN_TopNav_Support.gif) 100% 0px; }
.TopNav li#Support a:hover					{ background:url(/images/Nav/BTN_TopNav_Support.gif) 100% -30px; }

.TopNav li#Leadership a, .TopNav li#Leadership { width:195px; height:30px; background:url(/images/Nav/BTN_TopNav_Leadership.gif) 100% 0px; }
.TopNav li#Leadership a:hover				{ background:url(/images/Nav/BTN_TopNav_Leadership.gif) 100% -30px; }

.TopNav li#About a, .TopNav li#About		{ width:112px; height:30px;	background:url(/images/Nav/BTN_TopNav_About.gif) 100% 0px; }
.TopNav li#About a:hover					{ background:url(/images/Nav/BTN_TopNav_About.gif) 100% -30px; }

.TopNav li#Contact a, .TopNav li#Contact	{ width:104px; height:30px;	background:url(/images/Nav/BTN_TopNav_Contact.gif) 100% 0px; }
.TopNav li#Contact a:hover					{ background:url(/images/Nav/BTN_TopNav_Contact.gif) 100% -30px; }


/* Sub Nav */

#SubNav_Container	{ width: 180px; margin-bottom: 10px; }
#SubNav_Top			{ width: 180px; height:7px; background:url(/images/Nav/BG_SubNav_Top.gif) top left no-repeat;}
#SubNav_Bottom		{ width: 180px; height:19px; background:url(/images/Nav/BG_SubNav_Bottom.gif) top left no-repeat; padding-bottom:10px;}
#SubNav_Bottom.bg	{ width: 180px; background:url(/images/Nav/BG_SubNav_Bottom.gif) top left no-repeat; }
#SubNav				{ width: 180px; background: url(/images/Nav/BG_SubNav_Center.gif) top left repeat-y; margin: 0px; }
#SubNav_Top.nobg,
#SubNav_Bottom.nobg,
#SubNav.nobg		{ background:none; }
#SubNav h2			{ font: bold 14px/14px Verdana, Arial; color:#000; margin:0px; padding:3px 10px 4px 15px; border-bottom:1px solid #CCC; }
#SubNav h3			{ font: normal 11px/13px Verdana, Arial; margin: 0px 1px 0px 1px;}
#SubNav h3.on		{ font: bold 12px/12px Verdana, Arial; color:#000;background:#FFF url(/images/Nav/BG_SubNav_Center_On.gif) top center repeat-x; padding: 8px 1px 6px 1px; border-top:1px solid #CCC; }
#SubNav ul			{ list-style: none; margin: 0px 1px 0px 1px; padding: 0px 0px 15px 0px; }
#SubNav ul.on		{ background:#FFF url(/images/Nav/BG_SubNave_Center_On.gif) top center repeat-y; padding: 3px 0px 15px 10px; border-bottom:1px solid #99908c; }
#SubNav li			{ padding: 0px  0px  0px 10px; } 
#SubNav a			{ font: normal 11px/11px Verdana, Arial; color: #000; }
#SubNav a:hover		{ color:#F10; text-decoration: none; padding:0px;  }
#SubNav h1 span		{ padding: 0px  0px 0px  0px;  }
#SubNav li span		{ padding: 4px 10px 4px 15px; }
#SubNav li.on span	{ padding: 0px 10px 0px 15px; color:#F10; }
#SubNav a span		{ padding: 4px 10px 4px 15px; display:block; }
#SubNav a.on span	{ padding: 4px 10px 4px 15px; display:block; color:#F10; background:#fff url("/images/Nav/Arrow10x10.gif") 6px 5px no-repeat;}
#SubNav a:hover span { color:#F10; background-color:#FFF;  }


/* Extra Nav */

#ExtraNav			{ width: 180px; background: url(/images/Nav/BG_ExtraNav_Center.gif) top left repeat-y;  }
#ExtraNav_Top		{ margin: 0px; text-align:center; font: bold 12px/12px Verdana, Arial; color: #ffffff; width: 180px; height: 20px; background: url(/images/Nav/BG_ExtraNav_Top.gif) top left no-repeat; padding-top: 5px; }
#ExtraNav_Bottom	{ width:180px; height:19px; background:url(/images/Nav/BG_ExtraNav_Bottom.gif) top left no-repeat; }
#ExtraNav ul		{ list-style: none; padding:0 1px 0 1px; color:#000000; margin: 0px; }
#ExtraNav li		{ padding: 4px 0px 4px 0px;  list-style-type: none; margin: 0px; }
#ExtraNav img		{ margin: 3px 5px 0 15px; vertical-align:middle;}
#ExtraNav a			{ display:block; color:#000000; text-decoration: none; }
#ExtraNav a:hover	{ color:#FF1100; text-decoration:none; }


/* Related Nav */

#Related_Container		{ width: 180px; }
#Related_Top			{ width:180px; height:7px; background:url(/images/Nav/BG_Related_Top.gif) top left no-repeat; }
#Related_Bottom			{ width:180px; height:19px; background:url(/images/Nav/BG_Related_Bottom.gif) top left no-repeat; }
#Related				{ background: url(/images/Nav/BG_Related_Center.gif) top left repeat-y; }
#Related h3,
#Related h4				{ font: bold 12px/12px Verdana, Arial; color:#000; padding:5px 3px 4px 10px; margin-top:0px; margin-bottom: 5px; border-bottom:1px solid #CCC; }
#Related img.Icon		{ border:0; vertical-align:middle; padding-right:5px; float:left }
#Related ul				{ padding-bottom: 10px; }
#Related a				{ font: normal 11px/11px Verdana, Arial; color: #000; }
#Related a:link, 
#Related a:visited		{ text-decoration: none; color:#333; line-height:13px }
#Related a:hover		{ color:#F10; text-decoration:none; }
#Related li span		{ padding: 4px 15px 4px 15px; }
#Related a span			{ display:block; padding:2px 10px 2px 15px; margin: 0 1px;color:#333}
#Related a:hover span	{ color:#F10; background-color:#FFF; }



/* Feature List & Popup */

.FeatureList				{ text-align: center; font-size: 8pt; background-color: RGB(235,240,249); }
.FeatureListHeading	TD		{ font-weight:bold; color: RGB(30,60,123); padding: 4px 4px 0px 4px; }
.FeatureListHeading .VLine	{ background-color: RGB(30,60,123); width: 1px; font-size: 1px; padding: 0px 0px 0px 0px; }
.FeatureListSection	TD		{ text-align:left; font-weight:bold; color: RGB(30,60,123); padding: 10px 0px 5px 5px; }
.FeatureListItem TD			{ color: Gray; padding: 3px 0px 3px 5px; }

.Popup						{ position: absolute; display:none; visibility:hidden; z-index: 5; width: 450px; }
.Popup_Top					{ width: 450px; height: 28px; background-image:url('/images/Nav/Bubble_Top.png'); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/Nav/Bubble_Top.png'); }
.Popup_Bottom				{ width: 450px; height: 29px; background-image:url('/images/Nav/Bubble_Bottom.png'); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/Nav/Bubble_Bottom.png'); }
.Popup_Close				{ margin:0px; padding:0px 7px 0px 0px; border-left:solid 1px #797979; border-right:solid 1px #797979; background-color:#ffffff; text-align: right; }
.Popup_Title				{ font-size: 10pt; color: RGB(30,60,123); font-weight: bold; background-color:#ffffff; border-left:solid 1px #797979; border-right:solid 1px #797979; padding: 0px 12px 5px 12px; }
.Popup_Content				{ border-left:solid 1px #797979; border-right:solid 1px #797979; padding: 0px 12px 6px 12px; line-height:13px; background:#ffffff; font-size: 8pt; color: Gray; text-align: justify; }
.Popup_Content P			{ font-size: 8pt; color: Gray; line-height: 13px; }

/* Bulleted Lists */

.SmallList					{ margin: 10px 5px 5px 15px; text-align:left; }
.SmallList LI				{ font-size: 8pt; padding: 2px 5px 2px 10px; background: url(/images/Bullets/Triangle_4x6_Gray.gif) left no-repeat; }
.SmallList A				{ color:#7096bf; }
.SmallList A:hover			{ color:#E88000; text-decoration: none; }

.CheckList					{ margin: 10px 5px 5px 15px; text-align:left; }
.CheckList LI				{ padding: 4px 5px 4px 20px; background: url(/images/Bullets/Checkmark_10x10_Blue.png) left no-repeat; }

.CircleLinks a,
.CircleLinks a:hover		{ display:block; padding: 0px 3px 3px 20px; color: #7096bf; margin-bottom: 10px; vertical-align:middle; background:url(/images/Bullets/Circle15.gif) top left no-repeat; }
.CircleLinks a:hover		{ color: #E88000; background:url(/images/Bullets/Circle15_Over.gif) top left no-repeat;}


/* Hover Buttons */

.HoverButton				{ white-space:nowrap; margin:5px; }
.HoverButton a				{ display: inline-block; background:url(/images/Buttons/Hover_Blue_Left.gif) no-repeat left top;  margin:0; padding:0 0 0 6px; }
.HoverButton a span			{ display: inline-block; background:url(/Images/Buttons/Hover_Blue_Right.gif) no-repeat right top; padding:9px 15px 12px 6px; margin:0 10px 0px 6px; font: bold 13px/13px Verdana, Arial; color:#FFF; white-space:nowrap; cursor: hand; }

.HoverButton a:hover		{ background-position:  0% -34px; padding:0 0 0 6px; }
.HoverButton a:hover span	{ background-position:100% -34px; font: bold 13px/13px Verdana, Arial; color:#FFF; white-space:nowrap; }



/* Video Strip (Home Page) */

.VideoStrip					{ width: 100%; margin: 10px 0px 10px 0px; }
.VideoStrip H3				{ font-family: Trebuchet MS, Verdana; font-size: 18px; font-weight: normal; margin-bottom: 5px; color: #666666; }
.VideoStrip	TD				{ text-align: center; vertical-align:top; padding: 0px 20px 0px 20px; }
.VideoStrip IMG				{ margin-bottom: 5px; }

#VideoSidebar A				{ color: #525252; text-align: center; display: block; margin: 10px; font-size: 11px; }
#VideoSidebar A:hover		{ color: #525252; }
#VideoSidebar img			{ width: 130px; }

.DescriptiveText			{ font-size: 8pt; color: #525252; }
.DescriptiveTextJustified	{ font-size: 8pt; color: #525252; text-align: justify; }
.DescriptiveTextLink		{ font-size: 8pt; color: #525252; text-decoration: none; }
.DescriptiveTextLink:Hover	{ font-size: 8pt; color: #525252; text-decoration: none; }

.TeamName					{ font-size: 11pt; color: #292929; font-weight: bold; }
.TeamTitle					{ font-size: 10pt; color: #525252; font-weight: bold; }
.TeamText					{ font-size: 8pt; color: #525252; text-align: justify; }

.PhoneNumberSmall			{ color: #525252; font-size: 8pt; line-height: 17pt; }
.EmailLink					{ font-size: 8pt; }
.EmailLink:hover			{ color: #E88000; text-decoration: none; }

.TopicSection				{ font-size: 12pt; color: Navy; font-weight: bold; border-bottom-color: Gray;  border-bottom-width: 1pt; border-bottom-style: dashed; }
.TopicHeading				{ font-size: 10pt; color: #353535; font-weight: bold; }
.TopicText					{ font-size: 8pt; color: #292929; font-weight: normal; }

.LabelGrayBold				{ color: #666666; font-weight: bold; }

.UnderlinedHeading			{ font-size: 16px; color: #525252; font-weight: normal; border-bottom: solid 1px Gray; }

.ProductBreakdown			{ font-size: 8pt; color: #525252; }
.ProductBreakdown A			{ color: #525252; font-weight: bold; }
#ProductDetail H1			{ margin-top: 30px; }
#ProductDetail P			{ font-size: 11px; color: #292929; }
#ProductDetail H2			{ font-family: Verdana; font-size: 13px; color: #353535; font-weight: bold; }

/* Foucs Boxes */

.FocusBox_Blue				{ border: solid 1px RGB(81,125,191); background-color: RGB(240,245,255); padding: 4px; }
.FocusBox_Blue A:Hover		{ color: #ff8c00; text-decoration: none; }

.FocusBox_Green				{ border-width: 1pt; border-style: solid; border-color: RGB(72,150,89); background-color: RGB(244,251,238); padding: 4px; }
.FocusBox_Green A:Hover		{ color: #ff8c00; text-decoration: none; }

.FocusBox_Red				{ border-width: 1pt; border-style: solid; border-color: RGB(206,87,100); background-color: RGB(253,233,236); padding: 4px; }
.FocusBox_Red A				{ color: RGB(121,25,77); text-decoration: none; }
.FocusBox_Red A:Hover		{ color: RGB(246,18,8); text-decoration: none; }


/* Site Map */

#SiteMap H2, H3, H4, H5 { font-family: Verdana; font-weight: normal; margin: 0px 0px 0px 0px; }
#SiteMap A              { color: #525252; padding-left: 6px; display: block; }
#SiteMap A:hover        { color: #E88000; padding-left: 6px; background: url(/images/Bullets/Triangle_4x8_Black.gif) left no-repeat; }
#SiteMap H2             { margin-left: 20px; font-size: 16px; margin-top: 20px; margin-bottom: 5px; font-weight: bold; border-bottom: solid 1px #353535; }
#SiteMap H3             { margin-left: 40px; font-size: 14px; margin-top: 3px;  margin-bottom: 2px; }
#SiteMap H4             { margin-left: 60px; font-size: 12px; }
#SiteMap H5             { margin-left: 80px; font-size: 10px; }


/* Office Locations */

#OfficeLocations		{ margin-bottom: 30px; }
#OfficeLocations H3		{ font-size:13px; font-weight: bold; margin-top: 20px; }
#OfficeLocations P		{ margin-top: 2px; font-size: 11px; color: #666666; }

/* Image Preview */

#ImagePreview_Container     { background-color:White; border: solid 1px black; display: none; position: absolute; padding: 15px; left: 450px; top: 200px; z-index: 10; }
#ImagePreview_Close         { text-align: right; }
#ImagePreview_Title         { text-align: center; margin-bottom: 10px; margin-top: 0px; }
#ImagePreview_Description   { font-size: 11px; color: #666666; margin-bottom: 10px; }
.ImagePreview_Thumb         { border: solid 1px black; }


/* Request Form */

#RequestForm                        { width: 100%; font-size: 11px; }
#RequestForm table                  { width: 100%; }
#RequestForm input[type="checkbox"] { vertical-align: -2px; padding-top: 2px; padding-bottom: 2px; }
/*#RequestForm select                 { width: 154px; }*/
#RequestForm .Required              { color:#CC3300; font-weight:bold; }
#RequestForm input[type="submit"]   { padding: 4px; }
#RequestForm .Message               { display: inline-block; margin-bottom: 12px; font-weight: bold; }
.Error                              { color: Red; }
.Success                            { color: Green; }

/* Side Form */

.SideForm                           { background-color: #eeeeee; padding: 15px; border: solid 1px #dddddd; width: 280px; border-radius: 10px; }
.SideForm H2                        { color: #005789; font-size: 18px; font-weight: bold; margin-bottom: 5px;  }
.SideForm P                         { color: #666666; font-size: 10px; margin: 0px; }

.SideForm input						{ width:100%; margin-bottom:4px; }
.SideForm select					{ width:100%; margin-bottom:4px; }

.SideForm td						{ vertical-align:top; }
.SideForm .Submit					{ border-radius: 10px; width:150px; padding-top:2px; padding-bottom:2px;}

.SideForm .Submit:hover				{ background-color:#CAE1FF}


/* Social Media */

#SocialMediaPanel                   { font-size: 12pt; color: #626262; font-weight: bold; font-family: Trebuchet MS, Verdana; margin-bottom: 20px; vertical-align: top; padding-right: 6px; }
#SocialMediaPanel P                 { font-size: 14pt; border-bottom: solid 1px #c0c0c0; margin-top: 5px; margin-bottom: 6px; }
#SocialMediaPanel A                 { color: #626262; height: 24px; margin-left: 4px; margin-bottom: 4px; }
#SocialMediaPanel A:hover           { color: #e88000; }
#SocialMediaPanel.Row               { font-size: 14pt; text-align: right; margin-bottom: 0px; margin-top: 16px; }
#SocialMediaPanel SPAN              { vertical-align: top; }
	
/* Contact Us */

.ContactUs td                       { vertical-align:top; padding-bottom:4px; border:none}
.ContactUs_Right                    { font-size: 13px; font-weight:bold;}

.ContactUs #OfficeLocations		    { margin-bottom: 30px; }
.ContactUs #OfficeLocations H3		{ font-size:15px; font-weight: bold; margin-top: 20px; color:#2880bb }
.ContactUs #OfficeLocations P		{ margin-top: 2px; font-size: 11px; color: #666666; }
.ContactUs .Header                  { color: #666666; text-align:right; padding-right:4px;}