/* Universal Settings*/

body 
{
background-image: url("../images/Home/bg.gif");
background-repeat:repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.DashedBorder {border:1px dashed gray; height:335px;}
h1 {font-size:14px; font-weight:bold; vertical-align:middle;}
h2 {font-size:larger; font-weight:bold; vertical-align:middle;}

#PageTitle{
	left: 10px;
	top: 1px;
	z-index:8;
	position:absolute;
	width: 513px;
}
#PageSubTitle
	{
	left: 2px;
	top: 22px;
	z-index:8;
	position:absolute;
	width: 575px;
	}


/*Navagational CSS*/
#Location {
	position:absolute;
	width:537px;
	height:32px;
	z-index:18;
	
	top: 0px;
	left: 10px;
}
#MainNav {position:absolute; width:400px; height:32px; z-index:18; right: 15px; top: 0px;}
#HiddenNavCompany{
	position:absolute;
	width:600px;
	height:50px;
	z-index:2;
	bottom:0px;
	right:0px;
	top: 15px;
	visibility: hidden;
}
#HiddenNavProducts{
	position:absolute;
	width:600px;
	height:19px;
	z-index:2;
	bottom:0px;
	right:0px;
	top: 15px;
	visibility: hidden;
}
#HiddenNavContact{
	position:absolute;
	width:600px;
	height:50px;
	z-index:2;
	bottom:0px;
	right:0px;
	top: 15px;
	visibility: hidden;
}
#nav1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:9;
	right:30px;
	top:29px;
	left: 533px;
}
#nav2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:9;
	right:30px;
	top:29px;
	left: 635px;
}
#nav3 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:9;
	right:30px;
	top:29px;
	left: 694px;
}


div.More_Button_1{ font-size:larger; padding:2px 0 2px 0; font-weight:bold; text-align:center; vertical-align:middle; right:5px; bottom:5px; z-index:9; position:absolute; width: 75px; height:14px; background-color:#7A0C04;}
div.Side_More_Button_1{position:absolute; width:50px; height:10px; z-index:9; right: 5px; bottom: 5px; font-size:10px; left: 175px; top: 167px;}



/*footer CSS*/

#FooterBorder {
	position:absolute;
	bottom:-15px;
	width:850px;
	height:40px;
	z-index:12;
	background-image:url(../images/Home/Content_Base.gif);
	left: 1px;

		}
		
#footer {
	position:absolute;
	width:850px;
	height:40px;
	z-index:15;
	left:3px;
	color:#333333;
	vertical-align:bottom;
	bottom: 11px;
	font-size:9px;
	top: 224px;

		}

#CopyRight{position:absolute; width:265px; height:12px; z-index:2; bottom:18px; right:15px; vertical-align:bottom; text-align:right; color:#666666; top: 20px; left: 570px;}
#W3C {position:absolute; width:265px; height:12px; z-index:2; bottom:18px; left:20px; vertical-align:bottom; text-align:left; color:#666666; top: 20px;}	

/*Background CSS*/
#GreySurround {
	position:absolute;
	width:850px;
	z-index:17;
	top: 163px;
	background-image:url(../images/Home/GreySurround.gif);
	left: -1px;
}
#WhiteInnerHalf {position:absolute; width:575px; z-index:8; top:40px; background-color:#FFFFFF; left: 0px;}
#WhiteInnerFull {position:absolute; width:850px;  z-index:8; top:40px; background-color:#FFFFFF; left: 0px;}


/*Main Page Layouts Only (Grey Side Bar)*/
div.GreySideText{position:absolute; width:133px; height:115px; z-index:1; top: 43px; right:0px; left: 96px;}
div.GreySidePic{position:absolute; width:92px; height:107px; z-index:2; left: 2px; top: 55px;}
div.GreyInnerLongOne{position:absolute; width:230px; height:174px; z-index:8; top:1px; border:solid 2px white; left: 14px; padding:5px; background-image: url(images/Home/Small_Content_Box_Background.png);}
div.GreyInnerLongTwo{position:absolute; width:230px; height:174px; z-index:8; top:242px; border:solid 2px white; left: 15px; padding:5px; background-image: url(images/Home/Small_Content_Box_Background.png);}

div.FrontNews{position:absolute; width:230px; height:127px; z-index:8; top:0px; border:solid 2px white; left: 15px; padding:5px;  background-image:url(../images/Home/Small_Content_Box_Background.png);}
div.GreyInnerShortOne{position:absolute; width:230px; height:182px; z-index:8; top:0px; border:solid 2px white; left: 15px; padding:5px;  background-image:url(../images/Home/Small_Content_Box_Background.png);}
div.GreyInnerShortTwo{position:absolute; width:230px; height:127px; z-index:8; top:159px; border:solid 2px white; left: 15px; padding:5px; background-image:url(../images/Home/O-Ring_Offers.png);}
div.GreyInnerShortThree{position:absolute; width:230px; height:127px; z-index:8; top:315px; border:solid 2px white; left: 15px; padding:5px; background-image:url(../images/Home/O-RingBannerShortRED.png);}

div.RedBlanker{width:243px; height:36px; left:0px; top:0px; background-color:#700904;}
#GreyBoundary{position:absolute; width:276px; height:443px; z-index:8; top:40px; left:574px;}
#GreyBoundaryCatalog{position:absolute; width:258px; height:456px; z-index:8; top:39px; right:15px;}
#GreyBoundaryCatalogLeft{position:absolute; width:265px; height:443px; z-index:8; top:17px; right:10px;}
/*Genrual Content*/
#Accessibility-SiteMap {
	position:absolute;
	width:200px;
	height:20px;
	z-index:2;
	right:0px;
	padding:5px;
	top: -3px;
}
#Banner {
	position:absolute;
	width:850px;
	height:130px;
	z-index:6;
	left:-2px;
	top:25px;
	background-image: url("../images/Home/Banner.png");
	padding:0px;
}

#Content{
	position:absolute;
	width:850px;
	height:1147px;
	z-index:1;
	left: 496px;
	margin-left:-440px;
	background-image: url("../images/Home/Content.gif");
	position:absolute;
	background-repeat:no-repeat;
	padding:15px;
	top: 0px;
	background-position:center;
		  }

#ContentLong{
position:absolute;
 width:850px;
  height:832px;
   z-index:1;
    left: 496px;
	 margin-left:-440px;
	  background-image: url("../images/Home/ContentLong.gif");
	   position:absolute;
	    background-repeat:no-repeat;
		 padding:15px;
		 top: 14px;
		  background-position:center;
		  }
		  
div.HomeBox{
position:absolute;
 width:142px;
  height:345px;
   z-index:1;
   top:1500px;
   }

/*Page Guide*/
#InnerLayer{
	position:absolute;
	width:840px;
	height:519px;
	z-index:2;
	left:15px;
	top: 0px;
}


#InnerLayer2{
	position:absolute;
	width:846px;
	height:1156px;
	z-index:2;
	left:15px;
	top: 15px;
}

/*home Page Only*/
div.HomeHeader{ color:#FFFFFF; width:100%; font-weight:bold; text-align:center;}
div.HomeHeaderSquare{ color:#FFFFFF; width:100%; font-size:14px; font-weight:bold; text-align:center;}
#BottomAdd{position:absolute; width:545px; height:70px; z-index:20; bottom:0px; bottom: 15px; left: 15px;}
 /* home page boxes*/
#HomeBox1{position:absolute; width:155px; height:279px; z-index:19; left:15px; top:19px; background-image:url(../images/Home/HomeCenterL.png); padding:8px; background-repeat:no-repeat;}
#HomeBox2{position:absolute; width:155px; height:279px; z-index:19; left:201px; top:19px; background-image:url(../images/Home/HomeCenterL.png); padding:8px; background-repeat:no-repeat;}
#HomeBox3{position:absolute; width:155px; height:279px; z-index:19; left:387px; top:19px; background-image:url(../images/Home/HomeCenterL.png); padding:8px; background-repeat:no-repeat;}
#HomeBox4{position:absolute; width:247px; height:92px; z-index:19; left:15px; top:333px; background-image:url(../images/Home/HomeBoxS.png); padding:8px; background-repeat:no-repeat;}
#HomeBox5{position:absolute; width:247px; height:92px; z-index:19; left:295px; top:333px; background-image:url(../images/Home/HomeBoxS.png); padding:8px; background-repeat:no-repeat;}


/*Catalog Pages*/
div.ProductList1{position:absolute; width:124px; height:80px; z-index:1; top:61px; background-image:url(../images/Home/Product_Bg.png); background-repeat:no-repeat;}
div.ProductList2{position:absolute; width:124px; height:80px; z-index:1; top:200px; background-image:url(../images/Home/Product_Bg.png); background-repeat:no-repeat;}
div.ProductList3{position:absolute; width:124px; height:80px; z-index:1; top:340px; background-image:url(../images/Home/Product_Bg.png); background-repeat:no-repeat;}
div.ProductList4{position:absolute; width:124px; height:80px; z-index:1; top:480px; background-image:url(../images/Home/Product_Bg.png); background-repeat:no-repeat;}
div.ItemTitle{}
#AdvertBannerQ1{top:0px;}
#AdvertBannerQ2{top:119px;}
#AdvertBannerQ3{top:225px;}
#AdvertBannerQ4{top:337px;}
#AdvertBanner1{top:241px;}
#AdvertBanner2{top:367px;}
#AdvertBanner3{top:367px;}
div.AdvertBannerClass{position:absolute; width:240px; height:63px; z-index:2; left:15px;}

#CatalogText{position:absolute; width:296px; height:156px; z-index:2; left: 0px; top: 0px;}
#CatalogImg{position:absolute; width:402px; height:115px; z-index:2; right:0px; top:0px;}


/*Link Styles*/
a.ImportantLink:link {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #0000AE; }
a.ImportantLink:visited {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #7B0D06; }
a.ImportantLink:hover {color: #7B0D06; text-decoration: none; background-color:#C7CFEF; border-bottom:dotted 1px #7B0D06; }
a.ImportantLink:active {color: 7B0D06; } 

a.ImportantLinkBold:link {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #0000AE; font-weight:bold; }
a.ImportantLinkBold:visited {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #7B0D06; font-weight:bold; }
a.ImportantLinkBold:hover {color: #7B0D06; text-decoration: none; background-color:#C7CFEF; border-bottom:dotted 1px #7B0D06; font-weight:bold; }
a.ImportantLinkBold:active {color: 7B0D06; font-weight:bold; } 

a.ImportantLinkMenu:link {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #0000AE; font-weight:bold;  }
a.ImportantLinkMenu:visited {color: #7B0D06; text-decoration: none; border-bottom:dotted 1px #7B0D06; font-weight:bold;  }
a.ImportantLinkMenu:hover {color: #7B0D06; text-decoration: none; background-color:#C7CFEF; border-bottom:dotted 1px #7B0D06; font-weight:bold; }
a.ImportantLinkMenu:active {color: 7B0D06; font-weight:bold;} 

a.SubtleLink:link {color: #666666; text-decoration: none; border-bottom:dotted 1px #666666; }
a.SubtleLink:visited {color: #666666; text-decoration: none; border-bottom:dotted 1px #666666; }
a.SubtleLink:hover {color: #666666; text-decoration: none; background-color:#C7CFEF; border-bottom:dotted 1px #666666; }
a.SubtleLink:active {color: 666666; } 

a.WhiteLink:link {color:#FFFFFF; text-decoration: none; vertical-align:middle;  }
a.WhiteLink:visited {color: #FFFFFF; text-decoration: none;  }
a.WhiteLink:hover {color: #FFFFFF; text-decoration: none; border-bottom:dotted 1px #FFFFFF; }
a.WhiteLink:active {color: FFFFFF; } 

 Table Styling

table.Products{
	font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;
	font-size:  75%;
	border-collapse: collapse;
	text-align:center;
	BACKGROUND: #669999;
}

tr.ProductsTop{
	background-color:#CCCCCC;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align:center;
}

tr.ProductsTop{
	padding: 0.5em;
	white-space: nowrap;
}

tr{
	background-color:#E9E9E9;
}

tr.odd{
	background-color: #FFFFFF;
}

#BottomSpacer {position:absolute; width:1px; height:10px; bottom:-20px; z-index:2;}

#TopOfPage {position:absolute; width:200px; height:10px; z-index:2; right:15px; bottom:0px;}

#Stripe {position:absolute; width:605px; height:12px; z-index:2; top: 8px;}

#ShopControls {
	position:absolute;
	width:124px;
	height:40px;
	right:0px;
	bottom:-1px;
	z-index:9;
	background-image:url(../images/Home/ShopControlBackground.png)
}

#KeepScrolling {position:absolute; width:25px; height:135px; z-index:2; top: 75%; left:-20px;}

#BannerC{height:202px; background-color:#000000;}