﻿/* Left Column Styles */

div.LeftColumnLinkContainer
{
	padding: 0px 0px 0px 0px;
	text-align: center;
	width: 100%;
}

ul.LeftColumnListLink
{
	float: left;
	padding: 0px 0px 0px 0px;
}

ul.LeftColumnListLink li
{
	display: block;
	float: left;
	list-style-type: none;
}

li.LeftColumnListLinkElement a,
li.LeftColumnListLinkElement a:link,
li.LeftColumnListLinkElement a:visited,
li.LeftColumnListLinkElement a:active
{
	background-color: #008bd0;
	color: #ffffff;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	width: 210px;
}

li.LeftColumnListLinkElement a:hover
{
	background: url("images1/LeftColumnLinkRollover.gif") repeat-y;
	color: #2f318f;
	display: block;
	float: left;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	list-style-type: none;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	width: 210px;
}

div.LeftColumnLinkContainerSpacer
{
	height: 10px;
	width: 100%;
}

div.LeftColumnLogoContainer
{
	height: 187px;
}

div.LeftColumnSubLinkContainer
{
	width: 210px;
}

div.LeftColumnSubLinkContainer a
{
	color: #000000;
	text-decoration: underline;
}

div.LeftColumnSubContent
{
	color: #182416;
	font-size: 14px;
	font-weight: bold;
	float: left;
	overflow: hidden;
	padding: 15px 0px 0px 20px;
	width: 100%;
}

table.LeftColumnSubContentItems
{
	font-weight: normal;
	width: 171px;
}

table.LeftColumnSubContentItems td.Bullet
{
	text-align: top;
	width: 15px;
}
table.LeftColumnSubContentItems td.Spacer
{
	width: 10px;
}
table.LeftColumnSubContentItems td.Copy
{
	width: 130px;
}
/* End Left Column Styles */

/* Begin Right Column Styles */

div.RightColumnHeaderSpacer
{
	height: 30px;
	width: 100%;
}

div.RightBannerImage
{
	width: 100%;
}

div.RightColumnMainContent
{
	padding: 20px 0px 0px 20px;
	width: 100%;
}

div.RightColumnMainContent img,
div.RightColumnMainContent p
{
	padding: 0px 0px 8px 0px;
}

div.RightColumnMainContent h1
{
	color: #008bd0;
	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

div.RightColumnMainContent h2
{
	color: #008bd0;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	text-transform: uppercase;
}

div.RightColumnMainContent h3
{
	color: #008bd0;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

div.RightColumnMainContent h3 span
{
	font-style: normal;
}

div.RightColumnMainContent ul
{
	padding: 0px 0px 8px 30px;
}

div.RightColumnMainContentLeft
{
	float: left;
	width: 350px
}

div.RightColumnMainContentTemplateLeft
{
	float: left;
	width: 240px
}

div.RightColumnMainContentRight
{
	background-image: url("images1/LeftColumnDivide.gif");
	background-repeat: repeat-y;
	background-position: left;
	padding: 0px 0px 0px 20px;
	float: left;
	width: 360px;
}

div.RightColumnMainContentTemplateRight
{
	background-image: url("images1/LeftColumnDivide.gif");
	background-repeat: repeat-y;
	background-position: left;
	padding: 0px 0px 0px 20px;
	float: left;
	width: 460px;
}

table.MainPageProductTable
{
	padding: 0px 0px 8px 0px;
	width: 350px;
}

table.MainPageProductTable td.Image
{
	width: 113px;
}

table.MainPageProductTable td.Spacer
{
	width: 10px;
}

table.MainPageProductTable td.Copy
{
	width: 223px;
	vertical-align: top;
}

/* End Right Column Styles */

/* Begin Global Navigation */

#nav
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    width: 760px;
}
#nav UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    width: 760px;
}
#nav A
{
    DISPLAY: block;
}
#nav LI
{
    FLOAT: left;
    width: 190px;
    padding: 0px 0px 0px 0px;
}
#nav LI UL
{
    LEFT: -999em;
    WIDTH: 15px;
    POSITION: absolute;
}
#nav LI:hover UL
{
    LEFT: auto;
}
#nav LI:hover UL
{
    LEFT: auto;
}
#nav LI.sfhover UL
{
    LEFT: auto;
}
#nav
{
    DISPLAY: inline-block;
}
#nav LI
{
    BORDER-TOP: #efefef 1px solid;
    BACKGROUND: url(arrow-sprite.gif) #efefef no-repeat 3px -153px;
    MARGIN: 0px 1px 0px 0px;
    WIDTH: 189px;
}
#nav UL LI
{
    MARGIN: 0px;
    WIDTH: 170px;
    POSITION: relative;
    TOP: 0px;
}
#arrow LI:hover
{
    BACKGROUND: url("images1/DropDownArrowOn.gif") no-repeat 3px -80px;
}
#arrow LI.sfhover
{
    BACKGROUND: url("images1/DropDownArrowOff.gif") no-repeat 3px -80px;
}
#nav LI:hover UL LI
{
    BORDER-TOP: #ddd 1px solid;
    BACKGROUND: #1e8aca;
    WIDTH: 189px;
}
#nav LI.sfhover UL LI
{
    BORDER-TOP: #ddd 1px solid;
    BACKGROUND: #efefef;
    WIDTH: 189px;
}
#nav A
{
	background-color: #1e8aca;
	padding: 8px 3px 8px 20px;
    WIDTH: auto;
    TEXT-DECORATION: none;
}

#nav A:link,
#nav A:visited,
#nav A:active,
#nav A:focus
{
	background-color: #ffffff;
    COLOR: #008bd0;
    TEXT-DECORATION: none;
}
#nav A:hover
{
	background-color: #008bd0;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}

#arrow A:link,
#arrow A:visited,
#arrow A:active,
#arrow A:focus
{
	BACKGROUND: url("images1/DropDownArrowOff.gif") no-repeat 80px 12px;
	background-color: #ffffff;
    COLOR: #008bd0;
    TEXT-DECORATION: none;
}
#arrow A:hover
{
	BACKGROUND: url("images1/DropDownArrowOn.gif") no-repeat 80px 12px;
	background-color: #008bd0;
    COLOR: #ffffff;
    TEXT-DECORATION: none;
}

#SubNav A:link,
#SubNav A:visited,
#SubNav A:active,
#SubNav A:focus
{
	background: none;
	background-color: #ffffff;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

#SubNav A:hover
{
	background: url("images1/GlobalNavigationRollover.gif") repeat-y;
    COLOR: #2f318f;
    TEXT-DECORATION: none;
}
/* End Global Navigation */

/* Begin Footer Styles */

div.FooterCopy
{
	color: #dddddd;
	font-size: 11px;
	margin: 10px auto 0px auto;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	width: 970px;
	text-align: right;
}

/* End Footer Styles */


/* Home Product Link Rollovers */
a.HydroSolLink,
a.HydroSolLink:link,
a.HydroSolLink:visited,
a.HydroSolLink:active
{
	display: block;
	background: url("images1/HydroSol.gif") no-repeat 0 0;
	width: 113px;
	height: 76px;
}

a.HydroSolLink:hover
{
	background: url("images1/HydroSolOn.gif") no-repeat 0 0;
}

a.HydroPrintLink,
a.HydroPrintLink:link,
a.HydroPrintLink:visited,
a.HydroPrintLink:active
{
	display: block;
	background: url("images1/HydroPrint.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.HydroPrintLink:hover
{
	background: url("images1/HydroPrintOn.gif") no-repeat 0 0;
}

a.HydroPrintUVCLink,
a.HydroPrintUVCLink:link,
a.HydroPrintUVCLink:visited,
a.HydroPrintUVCLink:active
{
	display: block;
	background: url("images1/HydroPrintUVC.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.HydroPrintUVCLink:hover
{
	background: url("images1/HydroPrintUVCOn.gif") no-repeat 0 0;
}

a.DesignReproLink,
a.DesignReproLink:link,
a.DesignReproLink:visited,
a.DesignReproLink:active
{
	display: block;
	background: url("images1/DesignAndRepro.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.DesignReproLink:hover
{
	background: url("images1/DesignAndReproOn.gif") no-repeat 0 0;
}

a.HydroJetLargeLink,
a.HydroJetLargeLink:link,
a.HydroJetLargeLink:visited,
a.HydroJetLargeLink:active
{
	display: block;
	background: url("images1/HydroJetLargeFormat.gif") no-repeat 0 0;
	width: 113px;
	height: 76px;
}

a.HydroJetLargeLink:hover
{
	background: url("images1/HydroJetLargeFormatOn.gif") no-repeat 0 0;
}

a.HydroJetSmallLink,
a.HydroJetSmallLink:link,
a.HydroJetSmallLink:visited,
a.HydroJetSmallLink:active
{
	display: block;
	background: url("images1/HydroJetSmallFormat.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.HydroJetSmallLink:hover
{
	background: url("images1/HydroJetSmallFormatOn.gif") no-repeat 0 0;
}

a.LabelsLink,
a.LabelsLink:link,
a.LabelsLink:visited,
a.LabelsLink:active
{
	display: block;
	background: url("images1/Labels.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.LabelsLink:hover
{
	background: url("images1/LabelsOn.gif") no-repeat 0 0;
}

a.NewProductsLink,
a.NewProductsLink:link,
a.NewProductsLink:visited,
a.NewProductsLink:active
{
	display: block;
	background: url("images1/NewProducts.gif") no-repeat 0 0;
	width: 113px;
	height: 75px;
}

a.NewProductsLink:hover
{
	background: url("images1/NewProductsOn.gif") no-repeat 0 0;
}
/* End Home Product Link Rollovers */
