﻿@import url("../../Styles/styles.css");

/*
--------------------------
	ENAPTIVE WWW CSS 
--------------------------

Site Color: #96c800
Site Color Dark: #6B9636
container background: #eeeeee

*/

/*IE 6 and below */
* html #example
{
}
/*IE 7 and below*/
*:first-child + html #example
{
}
* html
{
}
/*IE 7 only*/
*:first-child + html #example
{
}
/*IE 7 and modern browsers only*/
html > body #example
{
}
/*Recent Opera versions 9 and below*/
html:first-child
{
}
/*Modern browsers only (not IE 7)*/
html > /**/ body #example
{
}

/*-------- resets the css properties so all browsers are set to the same properties ------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	font-family: Arial,Verdana,sans-serif;
	text-align: left;
}
/* A few IE bug fixes */
*
{
	margin: 0;
	padding: 0;
}
* html ul ul li a
{
	height: 100%;
}
* html ul li a
{
	height: 100%;
}
* html ul ul li
{
	margin-bottom: -1px;
}
/* end ie fixes  */
table
{
	border-spacing: 0;
}

ul
{
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 8px;
	padding-top: 4px;
}

ul li
{
	line-height: 140%;
	margin: 0px 0px 0px 10px;
	padding-left: 5px;
}

ul.NoBullet
{
	list-style-type: none;
	list-style-position: inside;
	padding-bottom: 8px;
	padding-top: 4px;
}

ul.NoBullet li
{
	line-height: 140%;
	margin: 0px 0px 0px 10px;
	padding-left: 5px;
}


ol
{
	list-style-position: inside;
	padding-bottom: 8px;
}

ol li
{
	line-height: 140%;
	margin: 0px 0px 0px 10px;
	padding-left: 5px;
}


q:before, q:after, blockquote:before, blockquote:after
{
	content: "";
}

/*--------- common elements -----------*/
html
{
}
body
{
	margin: 0px 0 10px 0;
	padding: 0;
	color: #595959;
}

h1, h2, h3, h4, h5, h6
{
	font-weight: bold;
}

h1
{
	font-size: 28px;	
	color: #262626;
	padding-bottom: 8px;
}


h2
{
	font-size: 22px;
	color: #262626;
	padding-bottom: 8px;
}

h3
{
	font-size: 18px;
	padding-bottom: 8px;
}

h4
{
	font-size: 16px;
	padding-bottom: 8px;
}

h5
{
	font-size: 14px;
	color: #404040;
	padding-bottom: 8px;
}
h6
{
	font-size: 13px;
	color: #404040;
	padding-bottom: 8px;
}
input, textarea
{
}

/*--------- anchor elements -----------*/
a
{
	color: #737373;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

a.Heading
{
	font-size: 14px;
	padding-bottom: 2px;
	color: #a2c43e;
	font-weight: bold;
}

a.Heading:hover
{
	text-decoration: underline;
}

p
{
	padding-bottom: 10px;
}
strong
{
	font-weight:bold;
}
/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clearfloats
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}
/*-------------------- common classes -------------------------*/
/*colors*/
.SitePrimaryColor
{
	color: #a2c43e !important;
}
.LightGrey
{
	color: #a6a6a6 !important;
}
.MediumGrey
{
	color: #bfbfbf !important;
}
.StrongGrey
{
	color: #737373 !important;
}
.DarkGrey
{
	color: #262626 !important;
}
.Border
{
	height: 1px;
	background: #ccc;
	clear: both;
}



/* deprecated */

.NoBorder
{
	border-style: none !important;
}
.BorderRight
{
	border-right: 1px solid #ccc;
}

.FloatRight
{
	float: right;
}
.FloatLeft
{
	float: left;
}
.Relative
{
	position: relative;
}
.NoPadding
{
	padding: 0 !important;
}
.Padding5
{
	padding: 5px 5px 5px 5px;
}
.PaddingLeft5
{
	padding-left: 5px;
}

.PaddingRight5
{
	padding-right: 5px;
}

.PaddingBottom5
{
	padding-right: 5px;
}

.PaddingTopBottom10
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.Padding10
{
	padding: 0px 10px 10px 10px;
}

.Padding20
{
	padding: 0px 20px 20px 20px;
}


.BackColorVeryLightGray
{
	background-color: #EAEAEA;
}

.BackColorGray
{
	background-color: #cccccc;
}

.BackColorLightGray
{
	background-color: #cccccc;
}

.BackColorDarkGray
{
	background-color: #cccccc;
}

.Left
{
	text-align: left;
}

.TextBlack
{
	color: #000000;
}



.clear
{
	clear: both;
}

.hidden
{
	display: none;
}

.show
{
	display: block;
}
.BorderContentTop
{
	width: 100%;
	height: 5px;
	border-bottom: solid 2px #ccc;
}

.DoubleBorder
{
	height: 4px;
	border-bottom: solid 2px #ccc;
	border-top: solid 2px #ccc;
	clear: both;
}
.LnkLearnMore
{
	color:#A2C43E;
	font-weight:bold;
}
/*------------- rounded corner boxes -----------------*/
/* ----------- rounded corner boxes -------------------- */
.WhiteBoxHeader
{
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) right -98px no-repeat;
}
.WhiteBoxHeader div
{
	width: 4px;
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) 0 -166px no-repeat;
}
.GreyBoxHeader
{
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) right -234px no-repeat;
}
.GreyBoxHeader div
{
	width: 4px;
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) 0 -336px no-repeat;
}
.GreyBoxHeaderContent h4
{
	margin: 0;
}
.GreyBoxHeaderContent
{
	padding: 6px 10px;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	border-bottom: solid 1px #d0d0d0;
	background: #f2f2f2;
	margin: 0;
}
.GreyBoxHeaderContentLinks
{
	float: right;
}
.GreyBoxHeaderContentLinks label
{
	color: #888888;
}
.WhiteBoxContent
{
	background: #fff;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	padding: 6px 10px;
}
.WhiteBoxContent h5
{
	margin: 5px 0 5px 0;
}
.GreyBoxContent
{
	background: #f2f2f2;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	padding: 6px 10px;
}
.GreyBoxContent h5
{
	margin: 5px 0 10px 0;
}
.FadedBoxContent
{
	background: #fff url(images/bgFadedBox.gif) repeat-x right bottom;
	border-left: solid 1px #dfdfdf;
	border-right: solid 1px #dfdfdf;
	padding: 6px 10px;
}
.FadedBoxContent h5
{
	margin: 5px 0 10px 0;
}
.seperateWithBorder
{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid 2px #ccc;
	clear: both;
}
.seperateWithBorder a
{
	font-weight: bold;
	color: #A2C43E;
}
.WhiteBoxFooter
{
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) right -404px no-repeat;
}
.WhiteBoxFooter div
{
	height: 4px;
	width: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) 0 -64px no-repeat;
}
.GreyBoxFooter
{
	height: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) right -132px no-repeat;
}
.GreyBoxFooter div
{
	height: 4px;
	width: 4px;
	overflow: hidden;
	background: #fff url(images/roundedCornerSprites.png) 0 -268px no-repeat;
}

/* Red corner box */

/*white fill grey background rounded container*/

.GreyBgWhiteFillHeader
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -555px no-repeat;
}

.GreyBgWhiteFillHeader div
{
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -528px no-repeat;
}
.GreyBgWhiteFillContent
{
	padding: 6px 10px;
	background: #ffffff;
	border-right: solid 1px #a2a2a2;
	border-left: solid 1px #a2a2a2;
}
.GreyBgWhiteFillFooter
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -566px no-repeat;
}
.GreyBgWhiteFillFooter div
{
	height: 5px;
	width: 7px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -543px no-repeat;
}

.FillGreenStripes
{
	background: url(images/bgStripeGreen.png);
}
.FillGreyStripes
{
	background: url(images/bgStripeGreySmall.png);
}

.WhiteBgEmptyFillHeader
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -455px no-repeat;
}
.WhiteBgEmptyFillHeader div
{
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -414px no-repeat;
}
.WhiteBgEmptyFillContent
{
	padding: 6px 10px;
}
.WhiteBgEmptyFillFooter
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -445px no-repeat;
}
.WhiteBgEmptyFillFooter div
{
	height: 5px;
	width: 7px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -432px no-repeat;
}
.RoundedBgEmptyFill
{
	background: #fff;
}
.BgEmptyFillHeader
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -513px no-repeat;
}
.BgEmptyFillHeader div
{
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -472px no-repeat;
}
.BgEmptyFillContent
{
	padding: 6px 0px;
	position: relative;
}
.BgEmptyFillFooter
{
	height: 5px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) right -503px no-repeat;
}
.BgEmptyFillFooter div
{
	height: 5px;
	width: 7px;
	overflow: hidden;
	background: url(images/roundedCornerSprites.png) 0 -490px no-repeat;
}

#searchcontainer
{
	display: none;
	position: relative;
	height: 30px;
	width: 220px;
	float: right;
	right: -25px;
}
#txtsearchbutton
{
	width: 30px;
	height: 10px;
	position: absolute;
	right: 25px;
}
#txtsearchbutton input
{
	background: white;
	border-style: none;
	border-width: 0;
	border: none;
	height: 19px;
	position: relative;
	bottom: 1px;
	left: 1px;
	color: #A2C43E;
	outline: 0;
	cursor: pointer;
}
#txtsearchbutton input:active, #txtsearchbutton input:focus, #txtsearchbutton input:visited, #txtsearchbutton input:hover, #txtsearchbutton input:link
{
	border-style: none;
	border-width: 0;
	border: none;
}
*:first-child + html #txtsearchbutton input
{
	bottom: -1px;
	left: 3px;
}
* html #txtsearchbutton input
{
	bottom: -1px;
	left: 3px;
}
#txtsearchbutton .WhiteBoxHeader div
{
	background-position: 0 -178px;
}
#txtsearchbutton .WhiteBoxFooter div
{
	background-position: 0 -77px;
}
#txtsearchcontainer input
{
	border: solid 1px white;
	padding: 0 0 0 5px;
	margin: 0;
	height: 17px;
	position: relative;
	bottom: -1px;
}
*:first-child + html #txtsearchcontainer input
{
	height: 15px;
	bottom: 0;
}
* html #txtsearchcontainer input
{
	height: 15px;
	bottom: 0;
}
#txtsearchcontainer
{
	width: 172px;
	position: absolute;
	left: 0;
}
#txtsearchbutton .WhiteBoxContent, #txtsearchcontainer .WhiteBoxContent
{
	padding: 0;
}
.TxtSearchRounded
{
}
.BtnGreen
{
	background: transparent url(images/imgCommon.png) no-repeat scroll 0 -130px;
	color: #FFFFFF;
	display: block;
	font-size: 17px;
	height: 24px;
	padding: 6px 0 0 9px;
	text-decoration: none;
	width: 116px;
}
.BtnGreen:hover
{
	text-decoration: none;
}
.BtnBack
{
	cursor: pointer;
}
.BtnBack:hover
{
	text-decoration: none;
}
.BtnBack .BtnLeft
{
	width: 30px;
	height: 30px;
	background: url(images/BtnGreen.png) no-repeat left bottom;
	float: left;
}
.BtnBack .BtnRight
{
	background: url(images/BtnGreen.png) no-repeat right top;
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	height: 18px;
	padding: 6px 15px 6px 10px;
}
/*------------ common -------------*/
.Wrapper
{
	width: 902px;
	margin: 0px auto 0 auto;
	padding-top: 0px;
	clear: both;
}
#wrapper
{
	position: relative;
}

#masthead
{
	overflow: hidden;
	margin: 0;
	clear: both;
	float: left;
	padding: 0;
	position: relative;
	width: 100%;
	background: #2b2d2c;
	border-bottom: 6px solid #a2c43e;
}
#mastheadWaterMark
{
	background: #2B2D2C url(images/imgCommon.png) no-repeat scroll 0 bottom;
	height: 104px;
	left: 420px;
	position: absolute;
	top: -149px;
	width: 116px;
}

#mastheadContent
{
	width: 902px;
	overflow: hidden;
	margin: 0 auto 0 auto;
	padding: 10px 0;
}

#masthead .LnkLogo
{
	margin: 0px;
	height: 78px;
	background: url(images/imgCommon.png) no-repeat;
}
.Menu
{
	clear: both;
	margin: 0 auto 0;
	padding-top: 0;
	width: 902px;
	position: relative;
	z-index: 9999;
}
#menu
{
	float: left;
	position:relative;
	padding: 8px 0 15px 0px;
	margin-top:-30px;
}
#menu #breadcrumb
{
	float: left;
	position: relative;
	top: 7px;
	padding: 0px 0 3px 0;
}
#menu #breadcrumb span, #menu #breadcrumb span a
{
	font-weight: bold;
}
#menu #breadcrumb span.BreadCrumbArrow
{
	position: relative;
	bottom: 1px;
	color: #737373;
}
#menu #breadcrumb span
{
	color: #262626;
}
#menu #breadcrumb span a
{
	color: #a2c43e;
}
#menu #breadcrumb label
{
	color: #737373;
}
#pageContent
{
	clear: both;
	padding: 20px 0px 10px 0;
}

#pageContent p a.BtnGreen
{
	font-size: 17px;
}

#homePageContent
{
	clear: both;
	padding: 10px 0 0 0;
	width: 100%;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
}

/*------------- common page footer ------------------*/
#pagefooter
{
	font-size: 14px;
}

#pagefooter td.Head
{
	padding: 0px 10px 10px 0px;
}

#pagefooter td.Content
{
	padding: 0px 0px 10px 0px;
}

#pagefooter .SpecialContentContainer555
{
	float: left;
	display: inline;
	margin: 0;
	width: 555px;
}



/*------------- slide ------------------*/
.Topdisplaycontainer
{
	background: transparent url(images/bgStripeGrey.png) repeat-x 6px center;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 10px 0;
	width: 100%;
	float: left;
}
*:first-child + html .Topdisplaycontainer
{
	background-position: -6px center;
}
* html .Topdisplaycontainer
{
	background-position: -6px center;
}
#home .TopDisplay
{
	width: 946px;
	margin: 0 auto;
}
#services .TopDisplay
{
	width: 598px;
	margin: 0 auto;
}
.TopDisplay #bgHomeLeft
{
	float: left;
	width: 22px;
}
.TopDisplay .CycleContainer
{
	float: left;
}
.TopDisplay #bgHomeRight
{
	float: left;
	width: 22px;
}
.TopDisplay #bgHomeRight .WhiteBgEmptyFillHeader, .TopDisplay #bgHomeRight .WhiteBgEmptyFillFooter
{
	background-image: none;
}
#home .CycleContainer
{
	width: 902px;
	margin: 0 auto;
}
#services .CycleContainer
{
	width: 598px;
	margin: 0 auto;
}
.Slide
{
	float: left;
	position: relative;
}
.SliderNav
{
	float: right;
}
#nav
{
	position: absolute;
	right: -67px;
	top: -5px;
	z-index: 500;
}
#nav a
{
	background: transparent url(images/bgCycleLinks.png) no-repeat scroll 0 0;
	clear: right;
	display: block;
	float: right;
	font-size: 36px;
	height: 50px;
	line-height: 37px;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 8px 20px;
	position: relative;
	text-decoration: none;
}
#nav a:active
{
	border: solid 0px transparent;
}
*:first-child + html .CycleContainer .WhiteBgEmptyFillContent
{
	padding-bottom: 0;
}
#home .CycleContainer .BgEmptyFillContent
{
	height: 291px;
	width: 817px;
}
#services .CycleContainer .BgEmptyFillContent
{
	width: 578px;
}
#services .CycleServices div h2
{
	font-size: 20px;
}

#home #cycleMain
{
	float: left;
	display: inline;
	width: 817px;
}
#services #cycleMain
{
	float: left;
	display: inline;
	width: 578px;
}
.CycleMain div .CycleConnector
{
	height: 49px;
	width: 30px;
	background: #fff;
	position: absolute;
}
#nav .activeSlide
{
	color: #A2C43E;
}
#home .CycleMain #cycle1, #home .CycleMain #cycle2, #home .CycleMain #cycle3, #home .CycleMain #cycle4, #home .CycleMain #cycle5
{
	position: relative;
	height: 294px;
	width: 815px;
	background-image: url(images/bgCycles.jpg);
	z-index: 3;
}

#cycle1
{
	background-position: 0px 0px;
}
#cycle2
{
	background-position: 0px -1838px;
}
#cycle3
{
	background-position: 0px -1250px;
}
#cycle4
{
	background-position: 0px -938px;
}
#cycle5
{
	background-position: 0px -626px;
}
#home #cycle .CycleContent
{
	float: right;
	position: relative;
}
#cycle .CycleContent h1
{
}
#cycle .CycleContent h2
{
	padding: 0 0 5px 0;
}
#cycle .CycleContent h3
{
	padding: 0 0 5px 0;
}
#cycle .CycleContent .BtnGreen
{
	position: relative;
	top: 15px;
	float: left;
}
#cycle1 .CycleContent
{
	right: 80px;
	top: 100px;
}
#cycle2 .CycleContent
{
	right: 40px;
	top: 100px;
}
#cycle3 .CycleContent
{
	right: 62px;
	top: 62px;
}
#cycle4 .CycleContent
{
	right: 43px;
	top: 62px;
}
#cycle5 .CycleContent
{
	right: 57px;
	top: 64px;
}
#cycle4 .CycleContent p
{
	width: 370px;
	padding-top: 15px;
}
#cycle4 .CycleContent p a
{
	color: #737373;
	font-weight: bold;
}
#cycle1 .CycleConnector
{
	right: -15px;
	top: -11px;
}
#cycle2 .CycleConnector
{
	right: -20px;
	top: 55px;
}
#cycle3 .CycleConnector
{
	right: -20px;
	top: 121px;
}
#cycle4 .CycleConnector
{
	right: -20px;
	top: 187px;
}
#cycle5 .CycleConnector
{
	right: -20px;
	top: 253px;
}
.LnkCycleLast
{
	margin-bottom: 0;
}
#services .CycleServices #servicecycle1, #services .CycleServices #servicecycle2, #services .CycleServices #servicecycle3, #services .CycleServices #servicecycle4, #services .CycleServices #servicecycle5, #services .CycleServices #servicecycle6, #services .CycleServices #servicecycle7
{
	position: relative;
	height: 268px;
	width: 578px;
	background-image: url(images/SpriteServicesCycle.jpg);
	z-index: 3;
}
#services .CycleServices div p
{
	font-size: 16px;
	color: #595959;
	width: 267px;
	position: relative;
}
#services .CycleContent .BtnGreen
{
	top: 0;
}
#services .CycleServices div .CycleContent
{
	padding: 10px 0 0 20px;
}
#services .CycleServices #servicecycle1 h1
{
	font-family: Helvetica, Arial;
	font-weight: normal;
	color: #262626;
	font-size: 32px;
	padding-bottom: 70px;
}
#services .CycleServices #servicecycle1, #services .CycleServices #servicecycle1 a
{
	color: #262626;
	font-weight: bold;
}

.CycleServices #servicecycle1 div.CycleContent
{
	padding: 60px 0 0 40px;
}
#services .CycleServices #servicecycle1
{
	background-position: 1px 1px;
}
#services .CycleServices #servicecycle2
{
	background-position: 1px -275px;
}
#services .CycleServices #servicecycle3
{
	background-position: 1px -585px;
}
#services #servicecycle3 p
{
	float: right;
}
#services #servicecycle3 .BtnGreen
{
	top: 0;
	clear: right;
	float: right;
	right: 143px;
}
#services .CycleServices #servicecycle4
{
	background-position: 1px -896px;
}
#services .CycleServices #servicecycle5
{
	background-position: 1px -1200px;
}
#services .CycleServices #servicecycle6
{
	background-position: 1px -1568px;
}
#services #servicecycle6 p
{
	width: auto;
}
#services #servicecycle6 p .BtnGreen
{
	float: right;
	font-size: 17px;
	margin: 0 20px;
}
#services .CycleServices #servicecycle7
{
	background-position: 1px -1945px;
}
#services #servicecycle7 p
{
	width: 210px;
}

#feeds
{
}
a.LnkGoTo
{
	font-size: 14px;
	font-weight: bold;
}
a.LnkGoTo .Arrows
{
	position: relative;
	bottom: 1px;
	font-size: 14px;
	font-weight: bold;
}
a.BtnRSS
{
	display: block;
	height: 21px;
	width: 21px;
	background: url(images/imgCommon.png) no-repeat 0px -217px;
}
a.BtnArrow
{
	display: block;
	height: 14px;
	width: 16px;
	background: url(images/imgCommon.png) no-repeat 0px -197px;
	border: 1px solid #ccc;
}
.HomePageServices1 a.BtnArrow
{
	float: right;
	clear: right;
	position: relative;
	top: 10px;
}
.HomePageServices2 a.BtnArrow
{
	float: right;
	clear: right;
	position: relative;
	top: 10px;
}
.HomePageServices3 a.BtnArrow
{
	float: left;
	position: relative;
	top: 10px;
}
.HomePageServices1
{
	height: 152px;
	background: url(images/imgHomePage.jpg) no-repeat 0px 0px;
	text-align: right;
}
.HomePageServices2
{
	height: 152px;
	background: url(images/imgHomePage.jpg) no-repeat 0px -173px;
}
.HomePageServices3
{
	height: 152px;
	background: url(images/imgHomePage.jpg) no-repeat 128px -340px;
}
.HomePageServices1 b, .HomePageServices2 b, .HomePageServices3 b
{
	display: block;
	padding: 2px 0 0 0;
}
.HomePageServices1 b, .HomePageServices1 h3, .HomePageServices2 h3
{
	line-height: 120%;
	text-align: right;
}
.HomePageServices3 h3, .HomePageServices3 b, .HomePageServices2 b, .HomePageServices2 h3
{
	text-align: left;
	line-height: 120%;
}
.HomePageServices2 h3, .HomePageServices2 b
{
	float: right;
	clear: right;
	width: 120px;
}
#productcontainer
{
	float: right; /*for ie, must set width of outer container of a floated element with rounded corners*/
	width: 291px;
	position: relative;
	top: 10px;
	right: 20px;
}
#productcontainer .LnkCarousel
{
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 6px;
	display: block;
	position: relative;
	left: -5px;
}
#products
{
}
#productnav
{
	float: left;
	left: 115px;
	position: relative;
	top: 4px;
	height: 13px;
}
#servicesnav
{
	float: left;
	position: relative;
	left: 258px;
}
#productnav a, #servicesnav a
{
	height: 10px;
	width: 9px;
	float: left;
	background: url(images/imgCarouselLights.png) no-repeat right center;
}
#productnav a.activeSlide, #servicesnav a.activeSlide
{
	height: 10px;
	width: 12px;
	background-position: left center;
}
.FooterCarousel
{
	width: 271px;
	height: 85px;
	background: url(images/bgCarousel.jpg) no-repeat;
}
#productsScrapRunner
{
	background-position: 0px 0px;
}
#productsRetailRunner
{
	background-position: 0px -341px;
}
#productsHealthcareRunner
{
	background-position: 0px -170px;
}
#productsKnowledgePoint
{
	background-position: 0px -255px;
}
#productsSynergyTransportationSuite
{
	background-position: 0px -85px;
}
#footer
{
	padding: 5px 0;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
}
#bottomFooter
{
	padding-top: 10px;
}
#bottomFooter a
{
	color: #262626;
}
#bottomFooter label
{
	float: right;
	padding: 2px 0;
	margin-right: 5px;
}
#bottomFooter span
{
	margin-left: 5px;
	float: left;
	padding: 2px 0;
}
/*about us page*/
#aboutUs
{
	min-height: 700px;
}
#downloads
{
}
.RoundedHeading
{
	padding: 5px 0 5px 10px;
	color: #ffffff;
}
.PageHeading
{
	padding-bottom: 10px;
	color: #262626;
}

.UnderlinedHeading
{
	padding-bottom: 4px;
	border-bottom: solid 2px #ccc;
	clear: both;
}
h3.UnderlinedHeading
{
	padding-bottom: 8px;
}
.UnderlinedHeadingDotted
{
	padding-bottom: 4px;
	border-bottom: dotted 1px #ccc;
	clear: both;
}
.TopMostHeading
{
	padding-top: 20px;
}

/*side navigation*/
.SideNav
{
	padding-bottom: 10px;
}

ul.SideNav
{
	list-style-type: none;
}
.SideNav li a
{
	font-weight: bold;
	color: #262626;
	font-size: 13px;
	padding: 5px 0 5px 46px;
	background: url(images/icSideNav.png) no-repeat;
}
.STSNav .SideNav li a
{
	background: url(images/imgSTSnav.png) no-repeat;
}
.SideNav li
{
	padding: 10px 0;
}
.SideNav li.LnkActiveNav a
{
	color: #A2C43E;
}
.SideNav .SideNavSeperator
{
	border-bottom: dotted 1px #a6a6a6;
}
.SideNavQuickLink
{
	display: block;
	padding: 10px 0;
	text-align: center;
	color: #A2C43E;
}
.AboutUsNav .SideNav li a.Nav1
{
	background-position: 0px -225px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav1
{
	background-position: 0px 3px;
}
.AboutUsNav .SideNav li a.Nav2
{
	background-position: 0px -258px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav2
{
	background-position: 0px -29px;
}
.AboutUsNav .SideNav li a.Nav3
{
	background-position: 0px -290px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav3
{
	background-position: 0px -63px;
}
.AboutUsNav .SideNav li a.Nav4
{
	background-position: 0px -327px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav4
{
	background-position: 0px -98px;
}
.AboutUsNav .SideNav li a.Nav5
{
	background-position: 0px -361px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav5
{
	background-position: 0px -133px;
}
.AboutUsNav .SideNav li a.Nav6
{
	background-position: 0px -394px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav6
{
	background-position: 0px -166px;
}
.AboutUsNav .SideNav li a.Nav7
{
	background-position: 0px -427px;
}
.AboutUsNav .SideNav li.LnkActiveNav a.Nav7
{
	background-position: 0px -200px;
}



.ServicesNav .SideNav li a.Nav1
{
	background-position: 0px -225px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav1
{
	background-position: 0px 3px;
}
.ServicesNav .SideNav li a.Nav2
{
	background-position: 0px -767px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav2
{
	background-position: 0px -452px;
}
.ServicesNav .SideNav li a.Nav3
{
	background-position: 0px -794px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav3
{
	background-position: 0px -479px;
}
.ServicesNav .SideNav li a.Nav4
{
	background-position: 0px -822px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav4
{
	background-position: 0px -506px;
}
.ServicesNav .SideNav li a.Nav5
{
	background-position: 0px -848px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav5
{
	background-position: 0px -533px;
}
.ServicesNav .SideNav li a.Nav6
{
	background-position: 0px -876px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav6
{
	background-position: 0px -561px;
}
.ServicesNav .SideNav li a.Nav7
{
	background-position: 0px -903px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav7
{
	background-position: 0px -588px;
}
.ServicesNav .SideNav li a.Nav8
{
	background-position: 0px -951px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav8
{
	background-position: 0px -636px;
}
.ServicesNav .SideNav li a.Nav9
{
	background-position: 0px -982px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav9
{
	background-position: 0px -666px;
}
.ServicesNav .SideNav li a.Nav10
{
	background-position: 0px -1031px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav10
{
	background-position: 0px -715px;
}
.ServicesNav .SideNav li a.Nav11
{
	background-position: 0px -427px;
}
.ServicesNav .SideNav li.LnkActiveNav a.Nav11
{
	background-position: 0px -200px;
}


.STSNav .SideNav li a.Nav1
{
	background-position: 0px -950px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav1
{
	background-position: 0px -6px;
}
.STSNav .SideNav li a.Nav2
{
	background-position: 0px -990px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav2
{
	background-position: 0px -46px;
}
.STSNav .SideNav li a.Nav3
{
	background-position: 0px -1017px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav3
{
	background-position: 0px -73px;
}
.STSNav .SideNav li a.Nav4
{
	background-position: 0px -1045px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav4
{
	background-position: 0px -101px;
}
.STSNav .SideNav li a.Nav5
{
	background-position: 0px -1042px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav5
{
	background-position: 0px -127px;
}
.STSNav .SideNav li a.Nav6
{
	background-position: 0px -1098px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav6
{
	background-position: 0px -154px;
}
.STSNav .SideNav li a.Nav7
{
	background-position: 0px -1026px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav7
{
	background-position: 0px -181px;
}
.STSNav .SideNav li a.Nav8
{
	background-position: 0px -1154px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav8
{
	background-position: 0px -209px;
}
.STSNav .SideNav li a.Nav9
{
	background-position: 0px -1183px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav9
{
	background-position: 0px -238px;
}
.STSNav .SideNav li a.Nav10
{
	background-position: 0px -1208px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav10
{
	background-position: 0px -264px;
}
.STSNav .SideNav li a.Nav11
{
	background-position: 0px -1235px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav11
{
	background-position: 0px -290px;
}
.STSNav .SideNav li a.Nav12
{
	background-position: 0px -343px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav12
{
	background-position: 0px -343px;
}
.STSNav .SideNav li a.Nav13
{
	background-position: 0px -374px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav13
{
	background-position: 0px -374px;
}
.STSNav .SideNav li a.Nav14
{
	background-position: 0px -416px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav14
{
	background-position: 0px -416px;
}
.STSNav .SideNav li a.Nav15
{
	background-position: 0px -444px;
}
.STSNav .SideNav li.LnkActiveNav a.Nav15
{
	background-position: 0px -444px;
}
/*------------------------------------- form --------------------------------------*/
#form
{
	padding-bottom: 30px;
}
#form label
{
	display: block;
	text-align: left;
	width: 140px;
	float: left;
	clear: left;
	position: relative;
	top: 7px;
	margin:0;
}
#form .small
{
	color: #737373;
	display: block;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	width: 140px;
}
.Txt
{
	border: solid 1px #cccccc;
	padding: 4px;
}
#form .Txt
{
	float: left;
	margin: 0px 0 10px 10px;
	border: solid 1px #cccccc;
	padding: 4px;
}

.TxtRequired
{
	border-left: solid 4px #A2C43E;
}
.RblHorizontal label
{
	margin: 0 20px 0 2px;
}
.btnsubmit
{
	background-position: 0 -383px;
	padding: 6px 0 6px 14px;
	width: 70px;
}
#form .btnsubmit
{
	float: left;
	left: 149px;
	position: relative;
	top: 15px;
}
#form select
{
	float: left;
	width: 120px;
	margin: 2px 0 30px 10px;
}
.spacer
{
	clear: both;
	height: 1px;
}
#pageContent .SideNavForm p
{
	padding: 10px 0;
}
.SideNavForm .Txt, .SideNavForm .RblHorizontal, .SideNavForm .BtnGreen
{
	position: relative;
	left: 20px;
}
.SideNavForm .BtnGreen
{
	float: left;
}
#form .CheckBoxList
{
	width: 440px;
	float: left;
	position: relative;
	left: 10px;
	padding: 5px 0;
}
#form .CheckBoxList tr td
{
	padding: 2px 0;
}
#form .CheckBoxList tr td .CheckBox
{
	position: relative;
	top: 1px;
	right: 5px;
}
#form .CheckBoxList tr td .CheckBox input
{
	margin: 0;
	padding: 0;
}
#form .CheckBoxList tr td .Txt
{
	margin: 0;
	position: relative;
	left: 16px;
}
#services #form #btnSubmit
{
	clear: left;
}
/*-------------------------- custom jquery checkboxes ---------------------------*/

.jquery-enaptive-checkbox
{
	display: inline;
	font-size: 19px;
	line-height: 19px;
	cursor: pointer;
	cursor: hand;
}
.jquery-enaptive-checkbox .mark
{
	display: inline;
}

.jquery-enaptive-checkbox img
{
	vertical-align: middle;
	width: 19px;
	height: 19px;
}
.jquery-enaptive-checkbox img
{
	background: transparent url(images/enaptive-checkbox.png) no-repeat;
}

.jquery-enaptive-checkbox img
{
	background-position: 0px 0px;
}
.jquery-enaptive-checkbox-hover img
{
	background-position: -19px 0px;
}
.jquery-enaptive-checkbox-checked img
{
	background-position: 0px -48px;
}
.jquery-enaptive-checkbox-checked .jquery-enaptive-checkbox-hover img
{
	background-position: -19px -48px;
}

.jquery-enaptive-checkbox-disabled img
{
	background-position: 0px -32px;
}
.jquery-enaptive-checkbox-checked .jquery-enaptive-checkbox-disabled img
{
	background-position: 0px -48px;
}
/*------------------------------ address list -------------------------------------*/
ul.ContactList
{
	color: #262626;
	list-style-type:none;
}
ul.ContactList li a
{
	color: #A2C43E;
	font-weight: bold;
	font-size: 12px;
}
ul.ContactList li b
{
	padding: 20px 0 5px 0;
	display: block;
	font-size: 13px;
}
#pageContent ul.ContactList li p
{
	padding-bottom: 5px;
}

/*------------------------------- drop down ------------------------------------------*/
img.ui-combobox-arrow
{
	position: relative;
	vertical-align: text-bottom;
	top: 2px;
}

* html img.ui-combobox-arrow
{
	top: -3px;
}

.ui-combobox-list
{
	border: 1px solid #ccc;
	margin-left: -3px;
}

.ui-combobox-list, .ui-combobox-item
{
	display: block;
	background-color: white;
}
.ui-combobox-item
{
	cursor: pointer;
	padding: 4px;
}
.ui-combobox-list .selected
{
	background-color: #f4f4f4;
}
#form .DropDown
{
	padding: 4px 2px;
	border: solid 1px #ccc;
	float: left;
	margin: 0px 0 10px 0px;
	position: relative;
	left: 10px;
}
.DropDownArrow
{
    background:transparent url(images/imgDropDownArrow.png) no-repeat scroll 6px 6px;
    border:1px solid #CCCCCC;
    cursor:pointer;
    float:left;
    height:22px;
    padding:1px;
    width:20px;
    margin-left:2px;
}
.DropDown input
{
	float: left;
	border: none 0px transparent;
}
/*------------------- definition list ----------------------*/
.DefinitionList dl
{
	padding: 0 0 10px 30px;
}
.DefinitionList dl dt
{
	padding: 0 0 0 10px;
	background: url(images/imgCommon.png) no-repeat 0px -420px;
	color: #A2C43E;
	font-weight: bold;
}
.DefinitionList dl dd
{
	padding: 5px 0 10px 10px;
}
#pageContent .DefinitionList p
{
	padding-bottom: 20px;
}
/*------------------------- bulleted list ---------------------------*/
ul.BulletedList
{
	list-style-type: disc;
	list-style-position: inside;
}
ul.BulletedList li
{
	line-height: 150%;
	list-style-position: outside;
}
/*------------------------- solutions pages --------------------------*/
#services
{
	padding-bottom: 40px;
}
#services div.Articles p
{
	padding: 10px 0;
	border-top: solid 2px #CCCCCC;
}
#services .Articles h3
{
	padding: 20px 0 8px 0;
}


a.QuickLink
{
	display: block;
	text-align: center;
	padding: 10px 0 20px 0;
	border-top: dotted 1px #A6A6A6;
	color: #A2C43E;
	font-weight: bold;
}
#services .Relative a.BtnRSS
{
	position: absolute;
	right: 0;
	top: 18px;
}
#services .NewsFeed h5 a
{
	font-weight: bold;
	line-height: 120%;
}
#services .NewsFeed b
{
	display: block;
}
dl.Steps
{
	background: url(images/imgServerSolutions.png) no-repeat;
	padding-left: 48px;
	position: relative;
	left: 10px;
}
dl.Steps dt
{
	font-weight: bold;
}
dl.Steps dd
{
	padding-bottom: 28px;
}

.SideNotes p
{
	text-align: center;
	padding: 10px;
}
.SideNotes .BtnGreen
{
	margin: 10px auto 0 auto;
}
.SideNotes p.CDW
{
	background: transparent url(images/imgServerSolutions.png) no-repeat scroll center -478px;
	padding: 120px 40px 10px;
}
#imgServerSolutionsArticle
{
	height: 176px;
	background: url(images/SpriteServicesCycle.jpg) no-repeat 1px -640px;
}
li.Last
{
	border-style: none;
}
li.QuickLink a
{
	display: block;
	text-align: center;
	color: #A2C43E;
	font-weight: bold;
	padding-bottom: 10px;
}
#services div.Articles p#handbook
{
	padding-bottom: 230px;
	background: url(images/imgNetworkSolutions.png) no-repeat 15px 140px;
}
#networkSolutionsMainImg
{
	height: 170px;
	background: url(images/imgNetworkSolutions.png) no-repeat 10px -240px;
}
#securitySolutions .ImgMain
{
	height: 220px;
	background: url(images/imgSecuritySolutions.jpg) no-repeat left 10px;
}
#messagingSolutions .ImgMain
{
	height: 200px;
	background: url(images/imgMessagingSolutions.jpg) no-repeat center 30px;
}

#services p a.QuickLink
{
	text-align: left;
	border-style: none;
}
#downloadList li
{
	padding: 15px 0 15px 150px;
	background: url(images/imgDownloadInfo.jpg) no-repeat 35px 15px;
	line-height: 150%;
}
#downloadList li a
{
	display: block;
	color: #A2C43E;
	font-weight: bold;
}
#downloadList li p
{
	padding-top: 15px;
}
#downloadList li.DottedBorder
{
	height: 1px;
	border-top: dotted 1px #ccc;
	background-image: none;
	padding: 20px 0 0 0;
}

/*------------------------ synergy transportation suite ------------------------*/
#sts .ProfileColor
{
	color: #c41200; /*synergy red*/
}
#sts .STSHeading
{
	font-size: 20px;
	font-weight: normal;
	padding-bottom: 10px;
}
#sts #stsLogo
{
	height: 39px;
	background: transparent url(images/imgSTS.png) no-repeat 0px -1492px;
}

#pickupAndDelivery
{
}
#pickupAndDelivery #pdEditions
{
	position: relative;
	top: 30px;
}
#pickupAndDelivery ul.BulletedList
{
	padding: 0 0 10px 40px;
}
#pickupAndDeliveryHIW img
{
	padding: 10px 0 60px 0;
}
/*------- old styles from 2-24-09 and before ------------*/
/*---------- Enterprise Application Development ------------*/
.TabbedLinks
{
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	float: left;
	margin: 10px 10px 0 0;
	text-decoration: none;
	padding: 5px 10px 2px 10px;
}
.TabbedLinks:hover
{
	text-decoration: none;
}
.HeaderCell
{
	padding: 4px 13px 2px 13px;
	border-top: 1px solid #888888;
	border-left: 1px solid #888888;
	border-right: 1px solid #888888;
	text-decoration: center #8888888;
}

.HeaderCell:Hover
{
	padding: 4px 13px 2px 13px;
	border-top: 1px solid #A2C43E;
	border-left: 1px solid #A2C43E;
	border-right: 1px solid #A2C43E;
	text-decoration: center #A2C43E;
	border-spacing: 4px;
}

.HeaderCell a.Focused
{
	color: #A2C43E;
}

#HeaderCell
{
	text-decoration: none;
	color: #888888;
	border-spacing: 4px;
	margin: 10px 0 10px 0;
}

#HeaderCell a
{
	text-decoration: none;
	color: #888888;
}

#HeaderCell a:hover
{
	text-decoration: none;
	color: #A2C43E;
}


/*---------- search ------------*/

#searchContainer .searchTxt
{
	background: #eaeaea;
	border: solid 1px #cccccc;
}


#searchSummaryHeading
{
	overflow: hidden;
	color: #454545;
	padding: 5px;
	margin: 10px 0 0 0;
	border-bottom: solid 1px #73A550;
}

#searchSummaryHeading label
{
	float: left;
}

#searchSummaryHeading p
{
	float: right;
}

.searchDidYouMean
{
	margin: 15px 0 15px 0;
}

.searchDidYouMean h3
{
	float: left;
	font-size: 16px;
	color: #73a550;
}

.searchDidYouMean a
{
	float: left;
	margin: 0px 0 0 5px;
	font-weight: bold;
	font-size: 16px;
}

.searchResult
{
	margin: 0 0 17px 0;
}

.searchResult .link
{
	font-weight: bold;
	font-size: 16px;
	color: #666666;
}

.searchResult .link:hover
{
	color: #000000;
}

.searchResult .sample
{
	margin: 5px 0 0 0;
	display: block;
}

.searchResult .path
{
	margin: 2px 0 0 0;
	display: block;
	color: #73a550;
}

.searchPaging
{
}

.searchPaging a
{
	border: 1px solid #CCCCCC;
	font-weight: bold;
	padding: 1px 5px;
	text-decoration: none;
}

.searchPaging a:hover
{
	border: 1px solid #73a550;
	background: #73a550;
	font-weight: bold;
	color: #ffffff;
	padding: 1px 5px;
	text-decoration: none;
}

.searchPaging b
{
	border: 1px solid #73a550;
	background: #73a550;
	font-weight: bold;
	color: #ffffff;
	padding: 1px 5px;
	text-decoration: none;
}
/*end For Search */
