/* CSS Document */

/* colors: 

green #188a7a
dark green #0f4b3f
light blue 6FE5D4

*/

/* ------------------------------------------------------------------------ */
/* START Freestyle
--------------------------------------------------------------------------- */

.fs-color1 { color: #188a7a; }
.fs-color2 { color: #0f4b3f; }
.fs-color3 { color: #6FE5D4; }

.fs-white { color: #fff; }
nobr .fs-white { text-shadow: -1px -1px 3px #333; background: #ddd; display: inline-block; padding: .25em .5em; }

.fs-float-left { float: left; margin: 0 1.25em .5em 0; }
.fs-float-right { float: right; margin: 0 0 .5em 1.25em; }
.fs-img-border { display: inline-block; padding: 4px; background: #fff; border: 1px solid #aaa;
	-moz-box-shadow: 0px 0px 6px #ccc;
	-webkit-box-shadow: 0px 0px 6px #ccc;
	box-shadow: 0px 0px 6px #ccc;

	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee')";

	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#eeeeee');
}
.fs-img-border img { display: block; }

.fs-subheadingLG { 
	font-size: 1.4em;
	font-weight: bold; color: #0c493d; margin-top: 1em; display: block;
}

.fs-subheadingMED { 
	font-size: 1.25em;
	font-weight: bold;
}

.fs-subheadingSM { 
	font-size: 1.2em;
	font-weight: bold;
}

.fs-bodyTextLG { 
	font-size: 1.1em;
}

.fs-bodyTextSM { 
	font-size: 10px;
}

/* ---------------------- */
/* MFT Defaults
------------------------- */

html {
	overflow-y: scroll;
}
body {
	text-align: center; /*IE6 center page fix*/
	margin: 0;
	min-width: 1000px;
	scrollbar-face-color: #eee;
	scrollbar-highlight-color: #eee;
	scrollbar-shadow-color: #eee;
	scrollbar-3dlight-color: #ddd;
	scrollbar-darkshadow-color: #eee;
	scrollbar-arrow-color: #ccc;
	scrollbar-track-color: #ccc;
	line-height: 1.25;
}

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
	max-width: 100%;
}
a img {
	border: none;
}
h1 a,
h1 a:hover {
	text-decoration: none;
}
h1, h2, h3, p {
	margin: 0 0 .8em 0;

}

h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.125em; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	vertical-align: bottom;
}
td {
	vertical-align: middle;
}
blockquote {
	margin-left: 2em;
}
ul {
	margin: 0 0 1em 1em;
	padding: 0;
	list-style: none;
	/*overflow: hidden;*/
}
ul li {
	background: url(/images/bullet_square_4x4.gif) left .4em no-repeat;
	padding: 0 0 0 10px;
}
ul li, ol li {
	margin-bottom: .5em;
}
ol li ol li { list-style: lower-alpha; margin: .5em 0; }
ol li ol li ol li { list-style: lower-roman; }

.nav,
ul.nav ul,
ol.nav ol {
	margin: 0;
	padding: 0;
}
.nav li {
	margin: 0;
	padding: 0;
	background: none;
}
ol.nav li { list-style: none; }

.nav li a,
.nav li a:hover {
	text-decoration: none;
}

hr {
	border : none;
	border-top : 1px solid #ccc;
	height : 0;
	margin : 1em 0;
	display: inline-block;
	width: 100%;
	clear: both;
}

a {
	color: #333;
}
a:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.fine-print { font-size: .75em; }

/* ------------------------------------------------------------------------ */
/* START Layout
--------------------------------------------------------------------------- */

body { background: #000 url(/images/bg.jpg) center top no-repeat; }
body, button, input, select, textarea { font-family: arial, "trebuchet MS", trebuchet, verdana; font-size: 14px; }

div.siteContainer { margin: 0 auto; text-align: center; width: 1000px;  }
div.pageContainer { background: #eeeeee; /*position: relative;*/ border-left: 8px solid #FFF; border-right: 8px solid #FFF; border-bottom: 8px solid #FFF; margin: 0 auto; text-align: center; /*margin: 0 auto; width: 80%; text-align: left;*/ }

div.headerContainer { position: relative; z-index: 100; }
a.logo { float: left; margin: 0 0 1em; }

div.navTop { float: left; width: 385px; /*position: relative; z-index: 1;*/ }

div.navTop ul { /*margin: 0 1.5em;*/ padding: 0 1em; display: inline-block; float: left; }
div.navTop ul li { float: left; margin-left: 1em; position: relative; }
div.navTop ul li:first-child { margin: 0; }
div.navTop ul li a/*,
div.navTop ul li.items*/ { line-height: 19px; display: block; padding: .25em .5em; color: #FFF; }
div.navTop ul li a:hover,
div.navTop ul li.selected a { background: #555; }
/*div.navTop ul li:hover ul { }
	div.navTop ul li ul { display: none; float: none; background: #fff; position: absolute; top: 20px; left: 0; width: 120px; margin: 0; padding: .3em .25em; border: 1px solid #ccc; }
	div.navTop ul li ul li { float: none; margin: 0; border-top: 1px solid #eee;  }
	div.navTop ul li ul li:first-child { border: 0; }
	div.navTop ul li ul li a { line-height: 1; display: block; padding: .5em .75em;}
	div.navTop ul li ul li a:hover { text-decoration: none; background: #eee; }*/


	div.navMain { clear: both;  z-index:2; position: relative;}
div.navMain ul { text-align: center; margin: 0 0 0 40px; }
div.navMain ul li { float: left; border-left: 1px solid #ccc;  position: relative;}
div.navMain ul li:first-child { border-left: 0; }
div.navMain ul li a { display: inline-block; padding: .5em 1em; font-size: 17px; line-height: 1.2em; /*background: #666*/; color: #000000;  white-space: nowrap !important;}
div.navMain ul li a:hover,
div.navMain ul li:hover > a { color: #000; background: #f5f5f5; }
div.navMain ul li.selected {  }
div.navMain > ul > li.selected > a { color: #fff; background: #188a7a url(/images/grad2-bot-shad.png) bottom repeat-x; }

	div.navMain ul li:hover ul { display: block; }
	div.navMain ul li ul { display: none; float: none; background: #fff; position: absolute; top: 36px; left: 0; width: 110px; margin: 0; padding: .3em .25em; border: 1px solid #ccc; z-index: 100; }
	div.navMain ul li ul li { float: none; margin: 0; border-top: 1px solid #eee; text-align: left; border-left: 0;}
	div.navMain ul li ul li:first-child { border: 0; }
	div.navMain ul li ul li a { line-height: 1; display: block; padding: .5em .75em;}
	div.navMain ul li ul li a:hover { text-decoration: none; background: #eee; }
	
	
	div.navCart { /*float: right;  width: 294px;position: relative; z-index: 1;*/ }

div.navCart ul { /*margin: 0 1.5em;padding: 0 1em;*/  display: inline-block; float: left; }
div.navCart ul li { float: left; margin-left: 1em; position: relative; }
div.navCart ul li:first-child { margin: 0; }
div.navCart ul li a,
div.navCart ul li.items { line-height: 19px; display: block; padding: .25em .5em; color: #FFF; }
div.navCart ul li a:hover { text-decoration: underline; }
div.navCart ul li:hover ul { }
	div.Cart ul li ul { display: none; float: none; background: #fff; position: absolute; top: 20px; left: 0; width: 120px; margin: 0; padding: .3em .25em; border: 1px solid #ccc; }
	div.Cart ul li ul li { float: none; margin: 0; border-top: 1px solid #eee; }
	div.Cart ul li ul li:first-child { border: 0; }
	div.Cart ul li ul li a { line-height: 1; display: block; padding: .5em .75em; }
	div.Cart ul li ul li a:hover { text-decoration: none; background: #eee; }

.homepage div.col1 { /*background: #333333; float: left; width: 200px;*/ min-height: 380px; /*height:auto !important; height: 380px; margin: -8px 0 10px 28px;*/ padding-top: 0; z-index: 10; position: relative; margin-left: 28px; }
div.col1 { background: #333333 url(/images/colBg.jpg) 0 0 no-repeat; float: left; width: 220px; /* min-height: 460px; height:auto !important; height: 460px;*/ margin: 0 0 10px 11px; padding: 20px; z-index: 10; /*position: relative;*/ display: inline-block; text-align: left; color: #eee; }
.homepage .col1-inner {
	/*position: absolute;
	margin: 0;*/
	margin-top: -57px;
	/*left: 20px;*/
}
.col1-inner {
	/*margin: 0 0 0 18px;
	position: absolute;
	top: 0;
	left: 20px;*/
}


div.col2 { width: 680px; float: right; margin: 8px 16px 8px 0; }
div.col3 { width: 200px; float: right; background: url(/images/contentRule.jpg) no-repeat; min-height: 233px; padding: 20px 0 0 20px; margin-left: 2em; }

div.col1 div.nav > ul li { border-top: 1px solid #efefef; }
div.col1 div.nav > ul li a,
div.col1 div.nav > ul li span { display: block; padding: .5em .75em; }
div.col1 div.nav > ul li a:hover { background: #efefef; }
	div.col1 div.nav > ul li ul { margin: .5em; }
	div.col1 div.nav > ul li ul li { border: 0; margin-bottom: .25em; font-size: .8em; }
	div.col1 div.nav > ul li ul li a {  }
	div.col1 div.nav > ul li ul li.on a {  }
	div.col1 div.nav > ul li ul li a:hover {  }

div.main { background: #fff; overflow: hidden; padding: 20px;}
div.contentContainer { background: #FFF url(/images/contentBg.jpg) 0 1px no-repeat; text-align: left; border: 1px solid #cccccc;  }

div.breadcrumbs { font-size: .8em; margin: 1em 0; }

h1 { /*font-size: 17px;*/ font-family: arial, 'Arial Black', sans-serif; font-weight: bold; color: #0c493d; }
h1 span.h1 { }

div.footerContainer {font-size: .8em; padding: 1em; clear: both; width: 1000px; margin: 0 auto; color: #666666; }
div.footerContainer p { float: right; }
div.footerContainer p:first-child { float: left; }

div.footerContainer a:link,
div.footerContainer a:visited { color: #666666; }


/* ---------------------- */
/* END Layout
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Page Styles
--------------------------------------------------------------------------- */

body.contact-us .content iframe { float: right; width: 60%; height: 300px; border: 1px solid #000; background: #eee url(/images/loading.gif) center no-repeat; }	
body.contact-us .contact-details { float: left; width: 30%; }

.equip-col1,
.equip-col2 { width: 45%; float: left; }
.equip-col2 { margin-left: 8%; }
.equip-col1 ul,
.equip-col2 ul { margin-bottom: 2em; }

div.col3 img { max-width: 100%; }

a.highslide img { border: none; vertical-align: middle; }

.clear {
	clear: both;
}

.upperHeaderContainer {
	background: url(/images/headerTopBg.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 100px;
	position: relative;
}

.upperHeader {
	width: 656px;
	float: right;
	margin: 12px 0 0 0;
}

.lowerHeader {
	background: url(/images/navBg.jpg) 0 0 no-repeat;
	width: 1000px;
	height: 44px;
}

.logoContainer {
	position: absolute;
	top: 6px;
	left: 10px;
	z-index: 2000;
}

.mastheadContainer {
	background: url(/images/mast-bkg.jpg) center top no-repeat;
	/*width: 960px;
	height: 287px;*/
	/*margin: 0 auto 8px auto;*/ margin: 0 auto; overflow: hidden; padding-bottom: 20px;
	text-align: center;
	position: relative;
	z-index:1; color: #fff; font-family: arial black; text-align: left; min-height: 270px;
}

div.slogan { width: 160px; padding: 120px 40px 0; margin-left: 30px; float: left; }
div.slogan p { font-family: arial; color: #6fe5d4; letter-spacing: 1px; text-transform: uppercase; font-size: .85em; }
div.slogan h2 { font-size: 26px; line-height: 1.2; letter-spacing: -1px; margin-bottom: .25em; }

div.services { width: 450px; float: left; padding: 130px 0 0 3px; }
div.services ul {  }
div.services ul li { background: url(/images/holes-left.png) left center no-repeat; padding-left: 46px; text-transform: uppercase; font-size: 16px; line-height: 24px; }
div.services ul li:first-child {  }
div.services ul li a { display: inline-block; padding: 0 8px 0; background: url(/images/holes-center.png) -999em no-repeat; color: #eee; }
div.services ul li a:hover { color: #fff; }
div.services ul li.s2 a,
div.services ul li.s3 a { padding-left: 78px; background-position: -12px center; }
div.services ul li.s5 a { padding-left: 100px; background-position: 10px center; }
div.services ul li.s7 a { padding-left: 84px; background-position: -12px center; }
div.services ul li.s4 strong { margin: 0 .25em; }
div.services ul li span { display: inline-block; background: url(/images/holes-right.png) left center no-repeat; width: 60px; }

.video {
	position: absolute;
	top: 20px;
	right: 20px;
}

.content {
	padding: 30px;
	overflow: hidden;
}

.infoContainer span {
	color: #0c493d;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 20px;
}

.upperNavContainer {
	padding: 10px 0 0 0;
	position: absolute;
	top: 50px;
	right: 15px;
	/*right: 30px;*/
}

/*.homepage .newsContainer {*/
	/*position: absolute;*/
	/*top: -55px;
	top: 0;
	left: 0;*/
	/**margin: -30px 0 0 0;
	padding: 0;
	width: 200px;
	text-align: left;
	margin-left: 20px;
}*/

/*.newsContainer {*/
	/*position: absolute;*/
	/*top: -18px;
	top: 0;
	left: 0;*/
	/*width: 200px;
	text-align: left;
	*margin: -10px 0 0 0;
	margin-left: 36px;
}*/

/*.homepage .announcementsContainer {*/
	/*position: absolute;
	top: -55px;
	left: 0;*/
	/*margin: 0;
	padding: 0;
	width: 200px;
	text-align: left;
	margin-left: 20px;
}*/

/*.announcementsContainer {*/
	/*position: absolute;
	top: -18px;
	left: 0;*/
	/*margin: 0;
	padding: 0;
	width: 200px;
	text-align: left;
	margin-left: 36px;
}*/

.homepage .strip {
	display: none;
}

.strip {
	background: #0F4B3F;
	border-bottom: 1px solid #FFF;
	height: 5px;
	width: 962px;
	margin: 0 auto;
	text-align: center;
	display: block;
}

.searchContainer {
	float: right;
	*float: none;
	width: 294px;
}

.searchContainer .search-widget-container {
	margin: -12px 0 0 0;
}
/* ---------------------- */
/* END Custom Page Styles
------------------------- */

/* ------------------------------------------------------------------------ */
/* START Custom Module Styles
--------------------------------------------------------------------------- */

a.mobile { padding: 0 1.5em; border-left: 1px dotted #eee; margin-left: 1em; }

.form-FieldsetDescription { margin-bottom: 1.25em; font-size: 1.125em; }
.form-commentBox { margin-left: 1em; }

input, select, textarea, button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	border: 1px solid #ccc;
	padding: 5px .6em;
	background: #eee url(/images/grad2-top-hilight.png) repeat-x;
}

button, .text-button, .text-button-lg, .text-button-sm, .text-buttond {
	background: #0f4b3f url(/images/grad2-bot-shad.png) bottom repeat-x;
	color: #fff;
	line-height: 14px; /* ie 7/8 only */
	height: 28px;
	border-color: #232323;
}
.text-button-lg,
button.large,
.add-to-cart input { font-size: 1.15em; height: 36px; padding: 0 1em; }

a.text-button-lg,
a.text-buttond.large { line-height: 36px; } /* ie 7/8 only */

.text-button-sm { line-height: 18px; height: auto; font-size: .8em; padding: 0 .5em; }

a.text-button {
	line-height: 26px;
	color: #fff;
}
.text-buttond {
	background-color: #900;
}
.text-button:hover, .text-button-lg:hover, .text-button-sm:hover, .text-buttond:hover, button:hover {
	background-color: #666;
	color: #fff;
}
select.text-box-list, select.text-box-100 {
	padding: 4px;
}
input:focus, select:focus, textarea:focus {
	border-color: #ccc;
}

/* widgets */

.widget-container { margin: 2em 0; color: #333; }
p.widget-heading { display: block; background: #6FE5D4 url(/images/newsHeaderBg.jpg) 0 bottom no-repeat; padding: .5em; overflow: hidden; line-height: 1; margin: 0; }
.widget-heading span { float: left; }
.widget-heading a { float: right; display: inline-block; padding: .25em .5em; font-size: 10px; text-decoration: none; }
.widget-inner { padding: 10px; background: #188A7A }

div.email-widget-inner .text-box { width: 60%; }

div.news-widget-inner { height: 250px; } /* undo default scroller style */
div.news-widget-inner ul { padding: 10px; }
div.news-widget-inner h1 { } /* undo default h1 style */

/*.announce-widget-heading { background: #6FE5D4 url(/images/newsHeaderBg.jpg) 0 bottom no-repeat !important;  padding: 0.5em 0.5em 0.5em 0.5em !important;}
div.announce-widget-inner { height: 55px; background: #188A7A}*/
div.announce-widget-inner ul { position: relative; } /* undo default scroller style */
div.announce-widget-inner ul li a { padding: 0!important; }

div.search-widget-container p { display: none; }
div.search-widget-inner { background: none; }
div.search-widget-container .text-button {
	background-image: url(/Images/icon-arrow.gif);
	background-position: center;
	background-repeat: no-repeat;
	width: 29px;
	text-indent: -999em;
	/*border-color: #777;*/
}
div.search-widget-container div .text-button:hover {
	/*background-color: #333;*/
}

.rpt_repeaterContainer { border: 1px solid #ebebeb; background: #fbfbfb url(/Images/divider-vert.png) right center no-repeat; }

.repeater-item {
	padding: 10px 0;
	display: inline-block;
}
.repeater-item img { float: left; margin: 0 1em .5em 0; }


.field1 { font-size: 1.2em; font-weight: bold; }

.rpt_repeater .image1 { float: left; position: relative; left: -10px; width: 80px; }
.rpt_repeater > div { float: left; }

.field3 { font-size: 10px; }

ul.testimonials { padding: 15px; }
ul.testimonials li { margin-top: 1em; display: none; }
ul.testimonials li:first-child { margin-top: 0; }

.testimonial { padding: 2em; border-top: 1px solid #ddd; font-size: 1.125em; }
.testimonial span { display: block; font-style: italic; font-weight: bold; margin-top: .5em; }

.RPT-quote { margin-bottom: .75em; display: block }
.RPT-name { font-weight: bold; display: block }
.RPT-title { font-size: .9em; }
.RPT-company { }


div.FAQsContainer { font-size: 1.1em; }
div.FAQ_CategoryTitle { background: #ebebeb; padding: .35em 0; border-bottom: 1px solid #dfdfde; }
span.FAQ_CategoryTitleActive { font-weight: bold; }
div.FAQ_Cat { margin-bottom: 1em; }

/* ---------------------- */
/* END Custom Module Styles
------------------------- */