@charset "utf-8";
/* CSS Document */

body { height:100%; overflow-y:auto; behavior:url(AGMHC/CSS/csshover3.htc); margin: 0; padding: 0; } /* IE fix for bug where IE does not show li:hover elements */

img.auto-scale {width:100%;}

#bodycentering {
    position: absolute; 
	left: 50%;
	margin-top:15px;
    margin-left: -475px;
	margin-bottom:-200px;
}

.bodyhome {
	background-color:#F3F5F5;
	/*background-image:url(../Images/HolidayBG.gif);*/
	background-repeat:repeat;
	background-attachment: fixed;
}

.bodymargin {
	width:932px;
	/*margin:0px auto;  Auto horizontal centering of content to page. IE not recognizing, so disabled. */
	padding:10px;
	_padding:8px; /* Correct IE handling of padding */
	background-color:#FFF;
}

.frame {
	width:930px;
	_width:932px; /* Corrects IE not adding border width to overall element width */
	background-color:#FFF;
	border-style:solid;
	border-width:1px;
	border-color: #D6D6D5;
	margin-bottom:5px;
	position:relative;
	float:left;
	display:inline-block;
}

.frameslide {
	width:930px;
	_width:932px; /* Corrects IE not adding border width to overall element width */
	background-color:#FFF;
	margin-bottom:5px;
	position:relative;
	float:left;
	display:inline-block;
}

.framenoborder {
	width:932px;
	background-color:#FFF;
	margin-bottom:5px;
	position:relative;
	display:inline-block;
}

.frontpagebody {
	width:900px;
	_width:930px; /* IE padding correction */
	height:460px;
	_height:480px; /* IE padding correction */
	padding:10px;
	background-color:#FFF;
	position:relative;
	display:table-cell;
	overflow:hidden;
}

/* HEADER MENU PIECES */
/* Loading header image separately in branding css - JAPHETH 2021-9-17 
#header {
	width:930px;
	height:138px;
	background-image:url(../Images/header_bg.png);
	background-repeat:no-repeat;
    background-size: 930px 105px;
}
*/

#homebutton {
	position:relative;
	width:325px;
	height:105px;
	float:left;
}

#searchcart {
	position:relative;
	width:605px;
	height:105px;
	float:left;
}

#shopingcartinfo {
	position:relative;
	width:290px;
	height:40px;
	float:right;
}

.headermenu {
	float:left;
	position:relative;
	background-color:#565656;
	/*background-image:url(../Images/headermenu_BG.png);*/
	width:930px;
	height:33px;
	display:inline-block;
	text-align:left;
	overflow:hidden;   
}

.headermenuHR {
	position:relative;
	background-color:#6C6C6C;
	width:898px;
	height:1px;
	top:1px;
	left:16px;
}

.payaccount {
	width:100px;
	height:20px;
	float:right;
	margin:10px 30px 0px 0px;
}

/* SEARCH */

#headsearchtitle {
	margin:0px 10px 0px 0px;
	width:55px;
	height:33px;
	position:relative;
	float:left;
	display:block;
	line-height:33px;
}
#headsearch {
	margin:15px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	width:560px;
	height:33px;
	position: relative;
	float:right;
}

.catsearchcontainer {
	margin:6px 10px 20px 0px !important;
	float:right;
}

/* Overlay Search */
#searchtitle {
	margin:0px 0px 0px 0px;
	width:55px;
	height:33px;
	position:relative;
	float:right;
	display:block;
	line-height:33px;
}
#search {
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	width:160px;
	position: relative;
	float:right;
}

#notavailablecontainer {
	margin: 10px;
	width:640px;
	float:left;
	position:relative;
	overflow:hidden;
}

/* --------- */

/* HEADER MENU TABS */
.menu {
	margin: 0;
	padding-left: 20px;
	list-style:none;
	position:inherit;
	float:left;
	height:33px;
} 

.menu ul {
	margin: 0;
	padding: 0;
}

.menu a {
	display:table-cell;
	padding-right: 10px;
	padding-left: 10px;
	height:33px;
	line-height:33px;
	float:left;
}

.menu li {
	margin: 0;
	padding: 0;
	height:33px;
	line-height:33px;
	float:left;
}

.menu a:hover {
	background-image:url(../Images/header_cat_bg.png);
	background-repeat:repeat-x;
}

/* --------- */

/* HOME PAGE BODY */

#hpbodycontainer {
	width:930px;
	height:460px;
	text-align:left;
	overflow:hidden;
}

#slides {
	width:680px;
	height:460px;
	position:relative;
	z-index:10;
	background-color:#F0F0F0;
	overflow:hidden;
	float:left;
}

#slidesRL {
	width:658px;
	height:436px;
	position:relative;
	z-index:10;
	background-color:#F0F0F0;
	overflow:hidden;
	float:left;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:680px;
	height:460px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons


#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

*/

/* Pagination */

.slidepagination {
	margin:0;
	padding: 3px 0 0 6px; /* Aligns the pagination to the pagination background */
	width:115px; /* 80px for 3 orbs, 105px for 4 orbs */
	height:27px;
	background-image:url(../Images/slideshowpagn4BG.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:15px; /* reposition the overall pagination control */
	left:30px; /* reposition the overall pagination control */
	z-index:101; /* set above images, which are z-index 100 */
}

.slidepagination li {
	float:left;
	margin:0 3px 0 0;
	list-style:none;
	_height:27px; /* Set to maintain background image size when we prevent IE from showing entire pagination background below. */
}

.slidepagination li a {
	display:block;
	width:20px;
	height:0;
	_height:21px; /* Prevent IE from showing entire pagination background.  Problem with IE handling of padding. */
	padding-top:21px;
	background-image:url(../Images/slide_pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.slidepagination li.current a {
	background-position:0 -22px;
}

.slidepagination li.current:hover a {
	background-position:0 -22px !important;
}

.slidepagination li:hover a {
	background-position:0 -44px;
}

#hpadbay {
	float:left;
	width:250px;
	height:460px;
	background-image:url(../Images/HP_features/hp_right.jpg); /* 250px wide */
	overflow:hidden;
}

/* ------------------------------ */

/* FOOTER */
#footer {
	width:932px;
	position:relative;
	display:inline-block;
}

#topprog {
	width:932px;
	/*height:165px;*/
	height:auto;
	padding:0px;
	position:relative;
	background-color:#F1F0EC;
	float:left;
	overflow:hidden;
}

.topprog_heading {
	width:932px;
	margin:0px auto;
	padding: 10px;
	text-align:left;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
	background-color:#565656;
}

.topprogimage {
	width:233px;
	height:165px;
	position:relative;
	text-align:center;
	float:left;
	overflow:hidden;
}

.topproglink {
	width:165px;
	height:165px;
	position:relative;
	text-align:center;
	float:left;
}


/* Set up link dimensions for hover effect */
.topproglink a {
	width:165px;
	height:165px;
	position:relative;
	text-align:center;
	float:left;
}

.topproglink a:hover {
	background-color:#E7E4D3;
}

.features {
	margin-bottom:10px;
	margin-top:5px;
	padding:10px;
	width:912px;
	height:194px;
	_width:932px; /* Correct for IE mishandling of padding */
	_height:214px;/* Correct for IE mishandling of padding */
	position:relative;
	display:inline-block;
	background-color:#565656;
	float:left;
}

.featurestitle {
	width:900px;
	height:25px;
	position:relative;
}

.featurecontent {
	width:912px;
	height:164px;
}
.featurecontentlink {
	width:225px;
	height:164px;
	float:left;
	margin-right:3px;
}

.infobar {
	width:932px;
	height:35px;
	line-height:35px;
	position:relative;
	background-image:url(../Images/infobar_BG.png);
	text-align:left;
	float:left;
	overflow:hidden;
}

.infobarlinks {
	margin: 0;
	padding:0;
	list-style:none;
	position:inherit;
	float:left;
	height:35px;
} 

.infobarlinks ul {
	margin: 0;
	padding: 0;
}

.infobarlinks a {
	height:35px;
	line-height:35px;
	float:left;
}

.infobarlinks li {
	margin: 0;
	padding-right: 25px;
	height:35px;
	line-height:35px;
	float:left;
	text-align:left;
}

.footerlinks {
	padding-top:35px;
	padding-bottom:35px;
	width:932px;
	text-align:center;
	background-color:#FFF;
	display:inline-block;
	position:relative;
}

.footerbase {
	background-color:#565656;
	width:932px;
	height:33px;
}
/* --------- */

/* GLOBAL */
.headerbar {
	width:100%;
	margin: 15px 0 15px 0;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	height:25px;
	line-height:25px;
	float:left;
	text-align:left;
	background-color:#ebebeb;
}

.addalltocart { /* Add all to cart and reset for buttons */
	width:190px;
	height:25px;
	line-height:25px;
	position:inherit;
	display:table-cell;
	float:right;
	overflow:hidden;
	text-align:right;
}

.orderformaddbutton {
	margin-top:15px;
	position:relative;
}

.orderformaddbuttonsmall {
	height:40px;
	position:inherit;
	float:right;
}

.orderformaddpill {
	width:75px;
	height:40px;
	padding-top:10px;
	_padding-top:2px;
	position:inherit;
	float:left;
}

.orderformaddbutton input {
	width:150px;
}

.orderformaddpill input {
	width:75px;
}

.orderformaddbuttonsmall input {
	width:40px;
}

.orderformaddfield {
	width:90px;
	height:40px;
	line-height:40px;
	text-align:left;
	float:right;
	position:inherit;
	display:table-cell;
	_top:5px; /* Adjust positioning for IE */
}

.contact {
	width:179px;
	_width:200px;
	margin-top:10px;
	padding:10px;
	text-align:left;
	position:relative;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#ccc;
}

.socialnetworking {
	width:190px;
	height:25px;
	margin-top:5px;
	margin-bottom:15px;
	line-height:25px;
	position:inherit;
	display:table-cell;
	float:left;
	overflow:hidden;
	z-index:1;
}

.downloadicon {
	width:110px;
	height:34px;
	position:absolute;
	left:55px;
	top:20px;
	z-index:10;
}

.categoryboxhighlight {
	width:198px;
	padding:0 0 0 10px;
	margin:0;
	height:25px;
	line-height:25px;
	position:relative;
	left:-10px;
	background-color:#EBEBEB;
}

/* HIT TRACKING TABS */
.hittracking {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0;
	position: relative;
	width: 910px;
	height: 25px;
	background-color: #EBEBEB;
	float: left;
}

.hitmenu {
	margin: 0;
	padding: 0;
	list-style:none;
	position:inherit;
	display:inline-block;
	float:left;
	height:25px;
	overflow:hidden;
} 

.hitmenu ul {
	margin: 0;
	padding: 0;
	overflow:visible;
}

.hitmenu li a {
	padding-right: 5px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:visible;
}

.hitmenu li {
	margin: 0;
	padding: 0;
	height:25px;
	max-width:140px;
	width: expression(Math.min(parseInt(this.offsetWidth), 140 ) + "px"); /* For Internet Explorer: */
	line-height:25px;
	float:left;
	word-break:break-all;
}

.hitmenu a:hover {
	text-decoration:underline;
}

/* ORDER DIRECT */
#ODinfocontainer {
	width:290px;
	margin-top:25px;
	margin-left:20px;
	margin-right:10px;
	padding-bottom:10px; /* IE was ignoring bottom margin, so used padding instead */
	text-align:center;
	position:relative;
	float:left;
}

#ODinfo {
	width:270px;
	_width:290px;
	padding:10px;
	text-align:left;
	position:relative;
	float:left;
	background-color:#E7EBEB;
	border-width:1px;
	border-style:solid;
	border-color:#999;
}

#ODcontainer {
	margin:15px;
	float:left;
	position:relative;
	width:570px;
	display:table-cell;
	float:right;
}

.ODlist {
	margin: 0;
	width:250px;
	padding-left: 20px;
	list-style:none;
	position:relative;
	text-align:center;
	float:left;
} 

.ODlist ul {
	margin: 0;
	padding: 0;
	position:relative;
}

.ODlist li {
	width:225px;
	height:33px;
	line-height:33px;
	margin: 0;
	padding: 0;
	position:relative;
}

.ODaddallbar {
	width:550px;
	float:left;
	position:relative;
	text-align:center;
}
/* --------- */