/* 2011-10-28 */

*{outline: none;} /* removes dotted outlines from all links on mouse over or active */

body{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000000;
	background-image: url(/images/PageRepeater2.jpg);
	background-position: top left;
	background-color: #edd7b5;
	margin: 0px;
	padding: 0px;
}

img.abutting {display:block;}
table.layout {border-collapse: collapse;}
table.layout td.zeroPad{	padding: 0px 0px 0px 0px;}

/********** SEO STYLES *******************/
#SEODiv{
	position: absolute;
	top: 0px;
	z-index: 4;
	font-size: 10px;
	text-align: center;
	width: 100%;
}

#SEODiv table{
	width: 970px;
	margin: auto;
	border: solid 0px pink;
	border-collapse: collapse;
}

#SEODiv table td{
	font-family: arial, helvetica, verdana;
	text-align: left;
	font-size: 10px;
	color: #a36e5f;
	white-space: nowrap;
	padding: 0px 14px 0px 14px;
}

#SEODiv table td#SEOright{
	text-align: right;
}

#SEODiv a{
	font-size: 10px;
	color: #a36e5f;
	text-decoration: none;
}

#SEODiv a:hover{
	font-size: 10px;
	color: #a36e5f;
	text-decoration: underline;
}

/********** COOKIES BANNER *******************/


/********** PAGE STYLES *******************/

#pageWrapper{
	background-image: url(/images/PageTopRepeater2.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	text-align: center;
	width: 100%;
	margin: auto;
}

#pageBound{
	background-image: url(/images/PageBaseRepeater2.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align: center;
	width: 100%;
	margin: auto;
	padding: 0px 0px 24px 0px;
}

#mainAreaWrapper{
	background-image: url(/images/MainAreaRepeater.png);
	background-repeat: repeat-y;
	border: solid 0px orange;
	width: 968px;
	text-align: center;
	margin: auto;
}

#mainArea{
	background-image: url(/images/MainAreaTop.jpg);
	background-repeat: no-repeat;
	border: solid 0px yellow;
	text-align: center;
	width: 968px;
}

/* ********* STYLE FOR THE TOP ROW INCLUDING THE LOGO ****************** */

#topBanner{
	border-collapse: collapse;
	width: 100%;
	border: solid 0px green;
}

#logo{
	align: left;
	padding: 0px 0px 0px 0px;
	border: solid 0px red;
	width: 50%;
}

#logo a{
	margin: 0px 0px 0px 80px;
	display: block;
	width: 418px;
	height: 161px;
}

#logo img{
	border: solid 0px blue;
	display: block;
	width: 418px;
	height: 161px;
}

/* ********* STYLES FOR THE STORE ELEMENTS ****************** */

#cartBound{
	line-height: 100%;
	padding: 18px 0px 0px 0px;
	text-align: left;
}

#cartBound table{
	border-collapse: collapse;
	margin: 0px 0px 0px 60px; /* POSITION THE CART ELEMENTS OFF THE RIGHT SIDE OF THE LOGO */
}

#cartBound table td{
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#cartBound table td img{
	margin: 0px 0px 0px 0px;
	display: block;
	width: 10px;
	height: 51px;
}

#cartElements{
	background: url(/images/ShopItems-BG.png) repeat-x;
	font-size: 12px;
}

#cartElements a:link, #cartElements a:visited{
	font-size: 13px;
	background-image: url(/images/ShopIcon-Login.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px 11px 6px 11px;
	padding: 0px 0px 0px 13px;
	display: block;
	color: #151515;
	text-decoration: none;
	float: left;
}

#cartElements a:hover{
	color: #2d4291;
	text-decoration: underline;
}

		#cartElements a#log{
			background-image: url(/images/ShopIcon-Login.png);
		}

		#cartElements a#vc{
			background-image: url(/images/ShopIcon-ViewCart.png);
			padding: 0px 0px 0px 16px;
		}

		#cartElements a#co{
			background-image: url(/images/ShopIcon-Checkout.png);
		}

#cartTally{
	color: #151515;
	clear: both;
	text-align: center;
	margin: 4px auto 0px auto;
}

#cartTally b{
	font-weight: bold;
	color: #2d4291;
}

#printPage{
	text-align: left;
	margin: 4px 0px 0px 76px;  /* POSITION THE CART ELEMENTS OFF THE RIGHT SIDE OF THE LOGO */
	color: #828282;
	width: 120px;
}


#printPage a:link, #printPage a:visited{
	font-size: 12px;
	background-image: url(/images/PrinterIcon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: auto;
	padding: 6px 0px 0px 30px;
	display: block;
	text-decoration: none;
	color: #828282;
	height: 24px;
}


#printPage a:hover{
	background-position: 0px 0px;
	text-decoration: none;
	color: #2d4291;
}

/* ********* MENU BUILD ****************** */

#menuBound{
	background: url(/images/MenuBG.png) right 0px;
	text-align: left;
	margin: 25px 0px 0px 5px;  /* POSITION THE MENU OFF THE BOTTOM OF THE LOGO AND ON THE LEFT EDGE OF THE CONTENT AREA*/
	width: 740px;
	height: 34px;
	font-size:11pt;
}

#menuBound table{
	color: #ffffff;
	border-collapse: collapse;
	margin: 0px 0px 0px 0px;
}

#menuBound table td{
	padding: 1px 0px 0px 0px;
}


#menuBound a:link, #menuBound a:visited{
	display: block;
	padding: 8px 10px 8px 10px;
	line-height: 100%;
	color: #ffffff;
	text-decoration: none;
	border: solid 1px #000000;
	border-width: 0px 1px 0px 1px;
	border-color: #ffffff #393939 #ffffff #6e6e6e;
}

#menuBound a:hover{
	color: #fff7b4;
	text-decoration: none;
}

#menuBound a.activeItem:link, #menuBound a.activeItem:visited{
	color: #fff7b4;
	text-decoration: none;
	background-color: #000000;
}

#menuBound a.activeItem:hover{
	color: #fff7b4;
	text-decoration: none;
	background-color: #000000;	
}

/* ********* HEADING STYLES ****************** */
#h1HeadingCell{
	padding: 0px 40px 10px 20px;
}

#h1HeadingCell h1{
	font-family: arial, helvetica, verdana;
	font-size: 14px;
	color: #938852;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

#h1HeadingCell h2{
	font-family: arial, helvetica, verdana;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

/* ********* MAIN CONTENT STYLES ****************** */

#contentWrapper {
	border-collapse: collapse;
	border: solid 0px red;
	width: 100%;
}

#contentBound{
	text-align: left;
	align: left;
	vertical-align: top;
	width: 746px;
	padding: 6px 0px 0px 0px;
}

#contentCell{
	font-size: 14px;
	min-height: 675px;
	margin: 0px 20px 20px 20px;
	line-height: 130%;
}

#contentCell p{
	margin: 0px 0px 14px 0px;
}

#mainAreaBaseImage{
	display: block;
	width: 968px;
	height: 7px;
	text-align: center;
	margin: auto;
}

/********** RIGHT GUTTER *******************/

#rgBound{
                vertical-align: top;
                text-align: center;
                padding: 0px 0px 0px 0px;
                border: solid 0px red;
}

#rgContent{
                border: solid 0px blue;
                margin-top: 280px; 
                margin-right: 20px;
                margin-bottom: 48px;
                margin-left: 0px;
}

#rgBound p{
	vertical-align: bottom;
	text-align: left;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 110%;
}





#geoTrust{
	text-align: center;
	margin: 0px 0px 12px 0px;
}

#trustWave{
	text-align: center;
	margin: 0px 0px 12px 0px;
}

#cc{
	display: block;
	margin: 0px auto 8px auto;
}

/* ********* SOCIAL BUTTONS ****************** */

#socialCell{
	padding: 0px 0px 0px 0px;
	border: solid 0px red;
	text-align: right;
	align: right;
}


#socialCell table{
	margin: 0px auto 0px auto;
	border-collapse: collapse;
}

.social{
	padding: 0px 0px 16px 4px;
}

.social a:link, .social a:visited{
	display: block;
	background: url(/images/SocialIconSprite.png) no-repeat;
	margin: 0px 0px 0px 0px;
	border: solid 0px #0000ff;
	width: 35px;
	height: 34px;
	text-decoration: none;
}

	.social a#fb:link, .social a#fb:visited{
		background-position: 0px 0px;
		text-decoration: none;
	}

	.social a#fb:hover{
		background-position: 0px -33px;
		text-decoration: none;
	}

	.social a#tw:link, .social a#tw:visited{
		background-position: -42px 0px;
		text-decoration: none;
	}

	.social a#tw:hover{
		background-position: -42px -33px;
		text-decoration: none;
	}

	.social a#yt:link, .social a#yt:visited{
		background-position: -84px 0px;
		text-decoration: none;
	}

	.social a#yt:hover{
		background-position: -84px -33px;
		text-decoration: none;
	}



/********** STANDARD STYLES *******************/

h1{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h2{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h3{
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

h4{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}


a:link, a:active, a:visited{
	color: #22368d;
	text-decoration: underline;
}

a:hover{
	color: #4968ff;
	text-decoration: underline;
}

/********** FOOTER STYLES ********************/

#affiliations{
	width: 968px;
	margin: auto;
	color: #777777;
	padding: 12px 0px 0px 0px;
	text-align: center;
}

#affiliations table#bound{
	border-collapse: collapse;
	width: 920px;
	margin: 20px auto 40px auto;
	color: #777777;
	font-weight: normal;
	font-size: 11px;
}

#affiliations table#bound td{
	vertical-align: top;
	text-align: left;
}

#affiliations table#bound table#inner{
	border-collapse: collapse;
	width: 100%;
}


#affiliations table#bound table#inner td{
	text-align: center;
	padding-bottom: 8px;
	vertical-align: top;
}


#affiliations table#bound table#inner td.text{
	width: 100%;
	text-align: left;
	padding-right: 20px;
}


#affiliations img{
	display: block;
	margin: 0px 7px 0px 0px;
	border: solid 0px #000000;
}

		#affiliations a:link, #affiliations a:visited{
			color: #777777;
			text-decoration: none;
		}

		#affiliations a:hover{
			color: #777777;
			text-decoration: underline;
		}




#footerLinks{
	background: #ffffff;
	text-align: center;
	width: 960px;
	margin: auto;
	color: #3b3a3a;
	font-size: 11px;
	font-weight: bold;
	padding: 12px 0px 0px 0px;
}

		#footerLinks a:link, #footerLinks a:active, #footerLinks a:visited{
			color: #3b3a3a;
			text-decoration: none;
		}

		#footerLinks a:hover{
			color: #3b3a3a;
			text-decoration: underline;
		}

#fodderLeft{
	margin: 8px auto 0px auto;
	width: 120px;
	border: solid 0px red;
	padding: 12px 0px 12px 0px;
	font-size: 11px;
	color: #a9a9a9;
	line-height: 100%;
	text-align: left;
}

#fodderLeft img{
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

#fodderLeft a:link, #fodderLeft a:visited, #fodderLeft a:active{
	color: #a9a9a9;
	text-decoration: none;
}

#fodderLeft a:hover{
	color: #a9a9a9;
	text-decoration: underline;
}


/* ********************* HOME CALLOUTS ************************* */
#calloutBound{
	text-align: center;
	width: 348px;
	border: solid 0px red;
	margin: 0px 0px 20px -4px;
}

#calloutTop{
	padding: 7px 0px 7px 16px;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	background: url(/images/HomeCalloutTopBG.png) no-repeat;
	border: solid 0px blue;
	text-shadow: -1px -1px 1px #7d6f23;
	line-height: 100%;
}

#calloutBound #contentOuter{
	padding: 0px 5px 5px 5px;
	background: url(/images/HomeCalloutRepeater.png) repeat-y;
	border: solid 0px blue;
	line-height: 120%;
}

#content{
	overflow: auto;
	height: 382px;
	padding: 10px 13px 0px 13px;
	text-align: left;
	font-size: 14px;
	color: #000000;
	border: solid 0px blue;
	line-height: 120%;
	min-height: 450px;
}

#content ul{
	overflow: auto;
	font-size: 12px;
}

#leftCalloutBase{
	display: block;
	width: 348px;
	height: 17px;
	border: solid 0px red;
}


#calloutTopRight{       /* HOT TOPICS TITLE TEXT */
	position: absolute;
	z-index: 2000;
	margin-left: 120px;
	width: 100px;
	text-align: center;
	border: solid 0px red;
	padding: 7px 0px 7px 0px;
	text-align: center;
	font-size: 20px;
	color: #ffffff;
	text-shadow: -1px -1px 1px #7d6f23;
	line-height: 100%;
}

.calloutPhone{
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
}

.calloutPhone .number{
	padding: 5px 0px 0px 0px;
	color: #75220b;
	font-size: 20px;
}

.hotTopicsBound{
	width: 318px;
	border: solid 0px pink;
	padding: 0px 0px 0px 0px;
	line-height: 115%;
}

.hotTopicsSection{
	border: solid 1px #cccccc;
	border-width: 0px 0px 1px 0px;
	padding: 22px 0px 22px 0px;
}

.hotTopicsSection a{
	font-size: 12px;
}



/* ********* FORM STYLES ******************* */
form{
	margin: 0px;
}

.entertext{
	color: #000000;
	font-size: 12px;
	background-color: #EBEBEB;
	width: 190px;
}

.required{
	color: #ff0000;
}
.requiredfield {}
.requiredprompt {color:#006600; font-weight:bold;}


.requiredStar{
	color: #ff0000;
	font-size: 18px;
	font-weight: bold;
}

.formSpacer{
	font-size: 8px;
}

/******* Webfodder Logo *********/

/* ** Google Maps ** */
#map_canvas{
	display: none;
	margin:1px 0px 1px 0px;
}

#map_links_container{
	width: 300;
	margin:1px 0px 1px 0px;
}

#Hide_Map{
	display: none;
	font-weight: bold;
}

#View_Map{
	font-weight: bold;
}


/******* Standard Button *********/


input.bStandard, a.bStandard:link, a.bStandard:visited{
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 6px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 7px;
	line-height: 100%;
	text-decoration: none;
	display: block;
	background: #60b800 url(/images/Tabs-Button-BG-NOARROW.png);
	background-position: right 0px;
	background-repeat: no-repeat;
	border-radius: 5px;
	border: solid 1px #44770a;
	box-shadow: 1px 1px 1px #455829;
	width: 120px;  /* default width – change in html for each button you add */
}


a.bStandard:hover{ 
	background-color: #60b800;
	background-position: right -37px;
}


input.bSearch{
	cursor: pointer;
	font-family: arial, helvetica, sans-serif;
	letter-spacing: .5px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	height: 29px;
	padding-top: 0px;
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 0px;
	line-height: 100%;
	text-decoration: none;
	display: block;
	background-color: #60b800;
	border-radius: 5px;
	border: solid 1px #44770a;
	box-shadow: inset 0px -8px 16px rgba(0,0,0,0.4);
	text-shadow: -1px -1px 2px rgba(0,0,0,0.4);
	width: 90px;  /* default width – change in html for each button you add */
}


input.bSearch:hover{
	cursor: pointer;
	color: #ffffff;
	background-color: #90e700;
}

.error {font-weight: bold; color: #FF0000 }