
/***** Begin Holly Hack *****/
/* Hides from IE5-mac \ */
* html {
	height: 1%;
}
/***** End Holly Hack *****/

html { padding: 0; margin: 0; }

body { padding: 0; margin: 0; font: normal .95em Arial, Verdana, Geneva, Helvetica, sans-serif; }
	
/****** Begin Main Div *****/
#maindiv { background-color: #FFF; border: 1px solid #000; width: 755px; min-height: 30em; margin: .5em auto 0 auto; text-align: center; }
#emptycartmaindiv { border: 1px solid #2F4F4F; width: 706px; margin: 0 auto; text-align: center; vertical-align: top; }

/*********** Begin Logo Header **********/
#logohead { background-image: url(/img/fabmethead.png); background-repeat: no-repeat;
	height: 79px; width: 700px; text-align: center; }

#header { text-align: center; background-color: transparent; } 

/********** Begin Main Header **********/
#mainhead { text-align: center; padding: .5em; margin: 0px; }

/********** Begin Navigation Header **********/
#navhead { clear: both; font-size: .7em; text-align: center; color: #2F4F4F; background-color: #FFF;
	padding: 2px 2px; margin: 0px; }


/*************** Begin Left Navigation Column ***************/
#nav { float: left; width: 140px; height: auto; margin: 2em 0; padding: 0; background-color: transparent;
	font-size: .78em; text-align: left; }

#nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { display: block; padding: 3px 0 0 10px; }
#nav li a:hover { display: block; text-decoration: underline; }

/********* Begin Main Content Area **********/
#form-content { float: left; width: 500px; height: auto; margin-left: 1em; padding: 1em 0 0 0; text-align: left; font-size: .9em; }
	
#contentcontact { float: right; width: 555px; height: auto; margin: 0; padding: 1em 0 0 0;
	border-left: 0 solid #2F4F4F; text-align: justify; }

#map { width: 475px; height: 300px; margin: 0 auto; }

/********* Begin Footer Section *********/
#mainfooter { clear: both; font-size: 1.2em; text-transform: none; text-align: center; width: 690px;
	color:  #F4BF77; background-color: #B33230; padding: 5px 5px; margin: 0px; }

#navfooter { clear: both; font-size: .7em; text-transform: uppercase; text-align: center; width: 690px;
	background-color:  #FFF2F7; /*#F6F6F6;*/ padding: 5px 5px; margin: 0 auto; }

#addressfooter1 { clear: both; background-image: url(/images/navigation/address_footer700x80.gif);
	background-repeat: no-repeat; width: 700px; height: 80px; text-align: center; margin: 0; padding: 0; }

#addressfoot { text-align: center; background-color: transparent; }

/* Copyright footer displays below main div */
#copyrightfooter { text-align: center; font-size: .65em; width: 700px; margin: 1.2em auto 0em auto; }
#copyright { text-align: center; font-size: .7em; width: 78%; margin: .9em auto 0em auto; }

img { border: none; }
h1, h2, h3, h4, h5, h6 { background-color: transparent; color: #982617; padding: 0px; margin: 0px; }
h1.it, h2.it, h3.it, h4.it, h5.it, h6.it { font-style: italic; }
p { padding: 0 10px 0 10px; }

/*********** Begin Links Section **********/
/* Begin regular links */
a:link, a:visited, a:active { color: #3070B4; background-color: transparent; text-decoration: none; }
a:hover { color: #B33230; text-decoration: underline; }

/* Begin hidden links */
a.hidelink:hover, a.hidelink:link,
a.hidelink:visited, a.hidelink:active { color: #EEE; background-color: transparent; }

/* Begin header/footer links */
a.alt:link, a.alt:visited, a.alt:active { color: #3070B4; background-color: transparent; padding: 0 0 2px 0; }
a.alt:hover { text-decoration: none; color: #B33230; background-color: transparent; padding: 0 0 2px 0; }

/************** Footnotes for 4 way guarantee ***************/
.footnotes { text-align: left; font-size: .8em; background-color: #F6F6F6; color: #2F4F4F; }

/************ Begin Classes Misc. ***********/
.text1			{ padding: 0 10px; }
.hidelink		{ color: #FFF; background-color: transparent; }
.clear			{ clear: both; }
.aligncenter	{ text-align: center; }
.alignright		{ text-align: right; }
.alignleft		{ text-align: left; }
.center			{ text-align: center; }
.right			{ text-align: right; }
.left			{ text-align: left; }
.justify		{ text-align: justify; }
.it				{ font-style: italic; }

/********** Begin Classes - Text Sizing  **********/
.em6 { font-size: .6em; }
.em06 { font-size: .6em; }
.em7 { font-size: .7em; }
.em8 { font-size: .8em; }
.em9 { font-size: .9em; }
.em10 { font-size: 1em; }
.em12 { font-size: 1.2em; }
.em14 { font-size: 1.4em; }
.em16 {	font-size: 1.6em; }
.em18 { font-size: 1.8em; }
.em20 { font-size: 2em; }

/*********** Begin Padding ***********/
.pad0 { padding: 0; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.padleft5 { padding-left: 5px; }
.padleft10 { padding-left: 10px; }
.padleft12 { padding-left: 12px; }
.padleft15 { padding-left: 15px; }
.padright5 { padding-right: 5px; }
.padright10 { padding-right: 10px; }
.padright15 { padding-right: 15px; }

.margin0 { margin: 0; }

/********** Begin Classes - Text Colors ***********/
.txtfabred { color: #B33230; }
.txtfabyellow { color: #F4BF77; }
.txtfabblue { color: #3070B4; }
.txtfabmagenta { color: #B4306F; }
.txtfabgold { color: #B0B430; }
.txtfabcompblue { color: #4CCDCF; }
.txtpurple { color: #B430B1; }
.txtfaborange { color: #B47530; }
.txtfabgreen { color: #30B47A; }
.txtfabslate { color: #2F4F4F; }
.txtblk { color: #000; }
.txtgreen { color: #2D5A12; }

/********** Begin font styling **************/
.it { font-style: italic; }
.super { vertical-align: super; }

/********** Begin Classes - Background Colors ***********/
.bgfabred { background-color: #B33230; }
.bgfabyellow { background-color: #F4BF77; }
.bgfabblue { background-color: #3070B4; }
.bgfabmagenta { background-color: #B4306F; }
.bgfabgold { background-color: #FEEBD7; }
.bgfabcompblue { background-color: #4CCDCF; }
.bgfabpurple { background-color: #B430B1; }
.bgfaborange { background-color: #B47530; }
.bgfabgreen { background-color: #30B47A; }
.lightgray { background-color: #F6F6F6; }
