////////////////////////////////
// Import our external assets

@import "buttons.less";
@import "blueprint/_reset.less";
@import "blueprint/_typography.less";
@import "blueprint/_forms.less";
@import "blueprint/_grid.less";

///////////////////////////////


/* Fonts */
@font-face		{ font-family:'AvenirLight'; src:url('/fonts/ael_____-webfont.eot'); src:url('/fonts/ael_____-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/ael_____-webfont.woff') format('woff'), url('/fonts/ael_____-webfont.ttf') format('truetype'), url('/fonts/ael_____-webfont.svg#AvenirLight') format('svg'); font-weight:normal; font-style:normal; }
@font-face		{ font-family:'AvenirHeavy'; src:url('/fonts/aeh_____-webfont.eot'); src:url('/fonts/aeh_____-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aeh_____-webfont.woff') format('woff'), url('/fonts/aeh_____-webfont.ttf') format('truetype'), url('/fonts/aeh_____-webfont.svg#AvenirHeavy') format('svg'); font-weight:normal; font-style:normal; }
@font-face		{ font-family:'AvenirBlack'; src:url('/fonts/aebl____-webfont.eot'); src:url('/fonts/aebl____-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/aebl____-webfont.woff') format('woff'), url('/fonts/aebl____-webfont.ttf') format('truetype'), url('/fonts/aebl____-webfont.svg#AvenirBlack') format('svg'); font-weight:normal; font-style:normal; }
.AvenirLight	{ font-family:'AvenirLight', Arial, Helvetica, sans-serif; }
.AvenirHeavy	{ font-family:'AvenirHeavy', Arial, Helvetica, sans-serif; }
.AvenirBlack	{ font-family:'AvenirBlack', Arial, Helvetica, sans-serif; }


/* Global Helper Classes */
@radius: 4px;
.text-shadow (@color: @dark-gray, @x: 0px, @y: 0px, @blur: 2px) 	{ text-shadow:@color @x @y @blur; }
.box-shadow (@color: @light-gray, @h: 0px, @w: 0px, @blur: 4px)		{ -moz-box-shadow:@h @w @blur @color; -webkit-box-shadow:@h @w @blur @color; box-shadow:@h @w @blur @color; }
.rounded-corners	{ -moz-border-radius:@radius; -webkit-border-radius:@radius; border-radius:@radius; }
.no-round			{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; }
.large			{ font-size:1.25em; line-height:1.48em; }
.left			{ margin-top:0; }
.no-bullets		{ list-style:none; list-style-image:none; margin:0; padding:0; }
.pad			{ padding:1.5em 0.75em; }
.yellow			{ color:#e6a900; }
.box			{ #button > .gradient(#fdffff, #d7e3ec); border:1px solid #adb9c3; .corner-all; 
	input[type="text"]		{ border:1px solid #c0d3e1; border-bottom:1px solid #e3ebf1; border-left:1px solid #e3ebf1; }
}
.button		    { #button > .base; #button > .rounded(0.33em); #button > .colored(#FFF, #173c6a, 1); padding:0.42em 1.25em!important; #button > .gradient(#8d9faa, #7c8e99); #button > .small; border-color:#7c8e99;
                    &:hover, &:active, &:focus	{ #button > .gradient(#7c8e99, #7c8e99); }
}
.unregistered	{ display:block; visibility:visible; }
.registered		{ display:none; visibility:hidden; }

/* Corner radius */
.corner-all, .corner-top, .corner-left, .corner-tl { -moz-border-radius-topleft:@radius; -webkit-border-top-left-radius:@radius; -khtml-border-top-left-radius:@radius; border-top-left-radius:@radius; }
.corner-all, .corner-top, .corner-right, .corner-tr { -moz-border-radius-topright:@radius; -webkit-border-top-right-radius:@radius; -khtml-border-top-right-radius:@radius; border-top-right-radius:@radius; }
.corner-all, .corner-bottom, .corner-left, .corner-bl { -moz-border-radius-bottomleft:@radius; -webkit-border-bottom-left-radius:@radius; -khtml-border-bottom-left-radius:@radius; border-bottom-left-radius:@radius; }
.corner-all, .corner-bottom, .corner-right, .corner-br { -moz-border-radius-bottomright:@radius; -webkit-border-bottom-right-radius:@radius; -khtml-border-bottom-right-radius:@radius; border-bottom-right-radius:@radius; }



/* General Element Styles */
html			{ background:#0068ac url(/images/bg-tile-x.jpg) repeat-x 0px 0px; background-attachment:fixed; }
body			{ background:transparent url(/images/bg-tile.jpg) repeat-y center 964px; background-attachment:fixed; color:#7e8083; }
.site-wrapper	{ background:transparent url(/images/bg-calm.jpg) no-repeat top center;background-attachment:fixed; min-height:978px; }

h1, h2, h3, h4, h5, h6	{ line-height:1.34em; font-weight:400; .AvenirLight; }
h1				{ color:#0068ac; font-size:2.5em; 
	sup			{ font-size:0.42em; }
}
h3				{ color:#000; font-size:1.66em; }
h4				{ margin-bottom:0.75em; }
p				{ font-size:1.08em; line-height:1.48em; }
a, a:link, a:visited	{ color:#09b8f0; }
a:hover, a:active		{ color:#0068ac; }
hr				{ background:#dae2ea none; color:#dae2ea; }
div.hr			{ background:transparent url(/images/hr.jpg) no-repeat top center; height:1em; margin:.75em 0; }
thead th		{ background:#d7e3ec; color:#000; font-weight:400; font-size:1.17em; }
td				{ vertical-align:top; }
tbody tr:nth-child(2n) td, tbody tr.even td	{ background:transparent none; }


/* Theme Styles */
#main				{ background:transparent url(/images/page-top-bg.gif) no-repeat top center; }
#header				{ position:relative; height:83px; 
	#logo			{ position:absolute; top:16px; left:32px;
		a			{ display:block; text-indent:-999em; width:273px; height:53px; background:transparent url(/images/logo.png) no-repeat 0px 0px; }
	}
	#search				{ position:absolute; top:30px; right:31px; background:transparent url(/images/search-bg.png) no-repeat 0px 0px; width:201px; height:31px;
		#search-input	{ position:absolute; top:7px; left:6px; margin:0; width:160px; border:none; background:transparent; text-indent:4px; color:#0068ac; font-size:1em; }
		#search-btn		{ position:absolute; top:8px; right:11px; }
	}
	#login			{ position:absolute; top:35px; right:260px;
		a			{ display:block; text-indent:-999em; width:89px; height:20px; background:transparent url(/images/login.png) no-repeat 0px -20px; 
			&:hover	{ background-position:0px 0px; }
		}
	}
}

#navigation				{ position:relative; z-index:999; width:930px; height:46px; background:transparent url(/images/nav.jpg) no-repeat 0px 0px; margin:0 auto 10px auto; 
	ul.sf-menu			{ padding:0; margin:6px 0 0 0;
		li				{ background:transparent none; padding:0; margin:0 14px 0 0; border:none; line-height:1.48em;
			a			{ height:38px; padding:0 0 0 0; margin:0 0 0 0; display:block; border:1px solid transparent; border-bottom:none; background:transparent url(/images/nav.jpg) no-repeat 0px 0px; text-indent:-999em; 
        .sf-sub-indicator { display:none; }
			}
			a.sf-with-ul:hover	{ cursor:default; }
			&#nav-pr 	{ margin-left:13px;	a { width:139px; background-position:-13px -7px; } }
			&#nav-in a	{ width:140px; background-position:-168px -7px; }
			&#nav-su a	{ width:112px; background-position:-324px -7px; }
			&#nav-ne a	{ width:176px; background-position:-452px -7px; }
			&#nav-com a	{ width:133px; background-position:-644px -7px; }
			&#nav-con 	{ margin-right:0; a { width:124px; background-position:-793px -7px; } }
		}
		li.sfHover		{ 
			a			{ border:1px solid #adb9c3; border-bottom:none; .corner-top; z-index:999; }
			&#nav-pr a	{ background-position:-13px -53px; }
			&#nav-in a	{ background-position:-168px -53px; }
			&#nav-su a	{ background-position:-324px -53px; }
			&#nav-ne a	{ background-position:-452px -53px; }
			&#nav-com a	{ background-position:-644px -53px; }
			&#nav-con a	{ background-position:-793px -53px; }
			ul			{ width:184px; padding:1.25em 0 0 0; #button > .gradient(#fdffff, #d7e3ec); border:1px solid #adb9c3; .no-round; .corner-bottom; .corner-tr;top:38px;
				li		{ width:180px; border-left:2px solid #fdffff; border-right:2px solid #fdffff; 
					&.last	{ .corner-bottom; border-bottom:2px solid #fdffff; padding-bottom:1.25em; }
					a	{ background:transparent url(/images/arrow.gif) no-repeat 16px 11px !important; color:#7e8083; border:none; text-indent:0; padding:6px 18px 6px 28px; margin:0; height:auto; line-height:1.48em; .box-shadow(transparent, 0px, 0px, 0px);
						&:hover { color:#000; .box-shadow(transparent, 0px, 0px, 0px); border:none; .no-round; } 
					}
				}
			}
		}
		li#nav-pr ul	{ width:554px;
			li			{ width:550px; 
				.col1	{ float:left; width:214px; padding:15px 30px; border-right:1px solid #d5e0e8;
					h5	{ text-indent:-999em; display:block; width:150px; height:29px; background:transparent url(/images/logo-small.gif) no-repeat 0px 0px; margin-bottom:0.75em; }
					h6	{ font-size:1.17em; color:#000; margin-bottom:0.75em; }
					p	{ a { padding:2px 18px; background:transparent url(/images/arrow.gif) no-repeat 0px 7px !important; } }
				}
				.col2	{ float:left; width:215px; padding:15px 30px;
					h5	{ .AvenirHeavy; color:#fff; font-size:1.36em; padding:2px 5px; margin-bottom:0.75em; background:#7e8083; &.yellow { background:#e7ac00; } }
					h6	{ font-size:1.17em; color:#000; margin-bottom:0.75em; }
					p	{ a { width:auto; padding:2px 18px; background:transparent url(/images/arrow.gif) no-repeat 0px 7px !important; } }
				}
			}
		}
		li#nav-con ul	{ width:144px; li { width:140px; } }
	}
}

#banner					{ margin:0 18px .75em 18px; border:1px solid #bfc6cc; .rounded-corners;
	&.home-banner		{height:306px;
		img				{ margin:3px;}
	}
	#page-title			{ background:transparent url(/images/banners/title-bg-blue.jpg) no-repeat 0px 0px; width:318px; height:260px; float:left; margin:2px 0 2px 2px;
		&.yellow		{ background:transparent url(/images/banners/title-bg-yellow.jpg) no-repeat 0px 0px; }
		.category		{ padding:53px 0 0 20px; color:#fff; font-size:1.66em; .AvenirLight; }
		.ptitle			{ padding:0 10px 0 20px; color:#fff; font-size:3.33em; .AvenirLight;
			sup			{ font-size:0.42em; }
      &.tight {font-size:2.88em;}
      &.long  {font-size:2.66em; line-height:1.1}
		}
	}
	img					{ float:left; margin:2px 0 0 0; }
}
#slideshow-container	{ position:relative; }
#slideshow-nav			{ position:absolute; right:22px; bottom:21px; z-index:999;
	a					{ display:block; width:16px; height:16px; margin:0 10px 0 0; background:transparent url(/images/slideshow-nav-btns.png) no-repeat 0px 0px; text-indent:-999em; float:left;
		&:hover			{ background-position:0 -16px; }
		&.activeSlide	{ background-position:0 -32px; 
			&:hover		{ background-position:0 -32px; }
		}
	}
}
.slideshow div { display: none;
  &.first { display: block }
}

#home-ads				{ margin-bottom:1em;
	.ad					{ width:454px; height:152px; float:left; }
	#ad-one				{ margin:0 16px 0 0; }
	#ad-two				{ margin:0; }
}

#body-content		{ padding:0 18px; margin-bottom:4.2em; }

.column-half			{ .span(11);
  &.last     { .prepend(1);}
}

#col-left			{ .span(14); .append(1); 
	#tabs			{ margin-bottom:1.5em; }
}

#col-right			{ .span(8); .last; margin-left:12px;
	.box		{  
		h3		{ color:#0068ac; font-size:1.83em; .AvenirHeavy; border-bottom:1px solid #d9e1e9; margin:0.75em 0 0.5em 0; padding-bottom:0.25em; }
		p		{  }
		h4.phone-number		{ padding:0.33em 0; text-align:center; background:#0068ac; .rounded-corners; color:#fff; .AvenirHeavy; margin-bottom:1.5em; }
		h4.yellow	{ background:#e6a900; color:#fff; }
	}
	.products-right		{ 
		h3				{ color:#0068ac; font-size:1.83em; .AvenirHeavy; border-bottom:1px solid #d9e1e9; margin-bottom:0.5em; padding-bottom:0.25em; }
		h4.phone-number	{ padding:0.33em 0; text-align:center; background:#0068ac; .rounded-corners; color:#fff; .AvenirHeavy; margin-bottom:1.5em; }
		p				{ .large; color:#000; }
		ul				{ padding-left:1.2em; list-style-image:url(/images/bullet-blue.gif);
			li			{ color:#636568; }
		}
	}
}

/* Homepage News */
#news				{ 
	h3				{  }
	p				{ 
		a			{ color:#7e8083; text-decoration:none;
			&:hover	{  }
		}
		.date		{ color:#0068ac; }
		.more-link	{ color:#09b8f0; }
	}
}
#news-list			{ 
	ul				{ list-style:none; list-style-image:none; padding-left:0;
		li			{ padding-bottom:0.5em; border-bottom:1px solid #d9e1e9; margin-bottom:0.5em;
			a		{ text-decoration:none; 
				span	{ color:#7e8083; } 
			}
		}
	}
}
#event-list		{ 
	ul				{ list-style:none; list-style-image:none; padding-left:0;
		li			{ padding-bottom:0.5em; border-bottom:1px solid #d9e1e9; margin-bottom:0.5em;
			a		{ text-decoration:none; 
				span	{ color:#7e8083; } 
			}
		}
	}
}
#release-list		{ 
	ul				{ list-style:none; list-style-image:none; padding-left:0;
		li			{ padding-bottom:0.5em; border-bottom:1px solid #d9e1e9; margin-bottom:0.5em;
			a		{ text-decoration:none; 
				span	{ color:#7e8083; } 
			}
		}
	}
}


/* News & Events */
.newsline	{ padding-bottom:0.5em; border-bottom:1px solid #dee3e7; margin-bottom:1.5em;
	p		{ margin-bottom:0.5em; }
	h3		{ font-size:1.48em;
		a	{ text-decoration:none; }
	}
}


/* Footer */
#footer					{ background:transparent url(/images/footer-bg.gif) no-repeat top center; min-height:310px;
	a, a:link, a:visited{ color:#fff; text-decoration:none; }
	a:hover, a:active	{ color:#535354; } 
	ul					{ .no-bullets; line-height:1.3;
    li  {margin-bottom:.75em}
   }
	h4					{ text-transform:uppercase; margin-bottom:0.75em; .AvenirHeavy; }
	.footer-box			{ border-right:1px solid #a9bdcc; padding:30px 0 0 18px;
		&.one			{ .span(6); padding-left:26px; }
		&.two			{ .span(6); }
		&.three			{ .span(3); border-right:none; 
			a, a:link, a:visited{ color:#535354; }
			a:hover, a:active	{ color:#000; } 
		}
		&.four			{ .span(5); border-right:none; .last; 
			h4			{ color:#fff; background:#535354; width:213px; text-align:center; padding:4px 0; .rounded-corners; .box-shadow(#fff, 0px, 0px, 8px);
				span	{ color:#4dcdf5; }
			}
			.phone-numbers	{ background:transparent url(/images/footer-locations-bg.jpg) no-repeat bottom left; width:213px; /*min-height:192px;*/ height:127px; .rounded-corners; position:relative;
				p			{ color:#535354; font-size:0.95em; padding:15px 0 130px 15px;
					span	{ color:#000; }
				}
				.infoLink	{ position:absolute; width:30px; height:30px; display:block; text-indent:-999em; background:transparent none; }
				.west		{ /*top:130px;*/ top:65px; left:22px; }
				.gulf		{ /*top:156px;*/ top:91px; left:99px; }
				.northeast	{ /*top:105px;*/ top:40px; left:164px; }
			}
		}
		&.five			{ .span(6); padding-left:26px; border-right:none; font-size:0.95em; }
		&.six			{ .span(16); .last; border-right:none; text-align:right; font-size:0.95em; }
	}
}
.footer-bottom	{ background:transparent url(/images/footer-bottom.gif) no-repeat top center; height:61px; }

/* Form Styles */
form				{ 
	ol				{ 
		li			{ 
			label	{ font-weight:400; }
			input[type="text"], 
			input[type="password"], 
			select					{ width:100%; .corner-all; }
			input[type="submit"]	{ .button; #button > .gradient(#8d9faa, #7c8e99); border-color:#7c8e99; &:hover, &:active, &:focus { #button > .gradient(#8d9faa, #8d9faa); } }
		}
	}
}
.inline-form			{ 
	form				{ 
		ol				{ 
			li			{ margin-bottom:0.5em; clear:both; line-height:28px;
				label	{ width:10em; float:left; }
				input[type="text"], 
				input[type="password"], 
				select					{ width:30em; float:left; }
				input[type="checkbox"]	{ height:22px; }
				input[type="submit"]	{  }
				&.radio-list		{
					label			{ width:18em; } 
					ol				{
						li			{ line-height:15px; margin-bottom:0; padding:0.25em 0;
							label	{ display:inline; float:none; margin:0 0.5em!important; }
							input[type="checkbox"]	{ height:auto; float:none; display:inline; margin:0; }
						}
					}
				}
			}
		}
	}
}

/* Enterprise Color Overrides */
.enterprise			{ 
	h1				{ color:#e6a900; }
	#col-right		{ 
		h3			{ color:#e6a900; }
	}
}


/* jQuery UI style overrides */
.ui-widget-content		{ border:none; padding:0; color:#7e8083; }
#ui-datepicker-div		{ background:#fdffff; border:1px solid #adb9c3; .corner-all; padding:0.5em;
	.ui-widget-header	{ background:#d7e3ec; }
	thead th			{ background:#fdffff; }
	.ui-datepicker-buttonpane	{ display:block; height:40px;
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default	{ background-image:none; margin-bottom:1.5em;padding:0!important; .button; #button > .gradient(#8d9faa, #7c8e99); border-color:#7c8e99; &:hover, &:active, &:focus { #button > .gradient(#8d9faa, #8d9faa); } }
	}
	#ui-timepicker-div-datetimepicker	{ padding:0 1em;
		.ui-widget-content				{ background:#d7e3ec; }
		a.ui-slider-handle				{ .button; padding:0!important; margin:0; background:#8d9faa; border-color:#7c8e99; &:hover, &:active, &:focus { #button > .gradient(#8d9faa, #8d9faa); } }
	}
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -18px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical .ui-tabs-nav { .span(3); .last; padding:0; background:transparent none; border:none; margin-top:-1px; }
.ui-tabs-vertical .ui-tabs-nav li { clear:left; width:100%; border-color:#c8cdd0; border-bottom:1px solid #c8cdd0 !important; border-right-width:0px !important; margin:0 -1px 0 0; background:#fff none; position:relative; z-index:987; }
.ui-tabs-vertical .ui-tabs-nav li.ui-state-active	{ margin-left:-1px; border-color:#adb9c3!important; border-right-width:0 !important; .box-shadow(#adb9c3, -3px, 0px, 3px); z-index:989; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; color:#b8b9bb; font-size:0.9em; float:none; white-space:normal; }
.ui-tabs-vertical .ui-tabs-nav li.ui-state-active a	{ color:#0068ac; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { .span(11); .last; font-size:0.9em; padding:0; border:1px solid #adb9c3; background:#fff url(/images/ui-tabs-panel-bg.jpg) no-repeat bottom left; position:relative; z-index:988; .box-shadow(#adb9c3, 0px, 0px, 3px); -webkit-border-radius:4px!important; -webkit-border-top-left-radius:0!important; -moz-border-radius:4px!important; -moz-border-radius-topleft:0!important; border-radius:4px!important; border-top-left-radius:0!important; }