body {

	margin: 0px;

	background-color: #ffffff;

	background-attachment: scroll;

	background-image: url(../styleImages/backgrounds/pageBg.jpg);

	background-repeat: repeat-x;

	background-position: top;

}

#pageSurround {

	width: 950px;

	margin: 0px auto;





}

#subSurround {





}

#topHeader {

	text-align: right;

	height: 127px;

	margin-bottom: 10px;

	padding-right: 39px;

	padding-top: 0px;

	/* SKIN VARIABLE IS cAsE SeNsItIvE */

	background-image: url(../../../images/logos/hafii_logo.gif);

	background-repeat: no-repeat;



}

.boxTitleLeft, .boxTitleRight {

	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;
	
	font-weight:bold;

	color: #4E4E4E;

	background-image: url(../styleImages/backgrounds/CatHeader.jpg);

	width: 180px;

	height: 23px;

	padding-left:10px;

	padding-top: 22px;

}



.boxTitleLeftother, .boxTitleRightother {

	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;
	font-weight:bold;

	color: #4E4E4E;

	background-image: url(../styleImages/backgrounds/otherHeader.jpg);

	width: 180px;

	height: 27px;

	padding-left:10px;

	padding-top: 18px;

}



.boxContentLeft, .boxContentRight {


padding:5px;

  background-image: url(../styleImages/backgrounds/Boxbg.jpg)

}

.colLeft {

	position: relative;

	left: 0px;

	width: 190px;

	padding-left: 0px;

	padding-right: 15px;

	float: left;

}

.colMid {

	position: relative;

	width: 535px;

	float: left;

}

.colRight {

	position: relative;

	width: 190px;

	padding-left: 5px;

	right: 0px;

	float: right;

}

.boxContent {

	padding: 3px;

	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;

	font-size: 75%;

	color: #333333;



	margin-bottom: 5px;

}

/* CHECKOUT PAGES */

.colLeftCheckout {

	position: relative;

	left: 0px;

	width: 190px;

	padding-left: 0px;

	padding-right: 15px;

	float: left;

}

.colMainCheckout {

	position: relative;

	width: 740px;

	float: left;

}

/* END CHECK OUT PAGES */

.siteDocs {

	text-align:center;

	margin-top: 10px;

}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	background-color: #f5f5f5;
	text-align: center;
	border: 1px solid #f0f0f0;
	padding-bottom: 10px;
	float: left;
	margin: 0 auto 0 auto;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 114px;
	height: 40px;
	border-bottom:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.latestProds {
	float: left;
	text-align: center;
	width: 131px;
	height: 180px;
	border:1px solid #e1e1e1;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	padding-top:20px;
}

/*

Start Cross-Browser DHTML Menu

*/



#mainmenu-nav {

font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;

    font-size: 75%;

    color: #404040;

	list-style: none;

	list-style-type: none;

	width: 179px;

	padding-left: 7px;

	margin: 0px;

}



.li-nav a {



	padding: 2px 1px;

	background-color: #f0f0f0;

	width: 179px;

	display: block;

	text-indent: 2px;

	color: #404040;

	text-decoration: none;

	margin: 0px;

    border-bottom: 1px dotted #cccccc;

}

.li-nav a:hover {

	background-color: #FFFFFF;

	color: #0066CC;

}



.ul-nav, .li-nav {

	display: block;

	list-style: none;

}



.ul-nav {

	width: 179px;
	padding: 0px;

}



.li-nav {
	float: left;

}



.li-nav .ul-nav  {

	display: none;

	position: absolute;

	margin-left: 170px;

	margin-top: -15px;

	border-left: 1px dotted #cccccc;

	border-right: 1px dotted #cccccc;

	border-bottom: 1px dotted #cccccc;

	border-top: 1px dotted #cccccc;

	z-index: 99;

}



a.hassubmenu {

	background-image: url(../styleImages/more.gif);

	background-repeat: no-repeat;

	background-position: 174px 6px;

}

/*

End Cross-Browser DHTML Menu

*/



.boxfooter {

background-image: url(../styleImages/backgrounds/boxfooter.jpg);

height: 16px;

}



.titleuline{

  background-image: url(../styleImages/backgrounds/contenttitle.gif);

  height: 3px;

  width: 500px;

}

#payment_options{
  background-image: url(../styleImages/backgrounds/payment_options.gif);
  height:30px;
  witdh:174px;
  background-repeat:no-repeat;
  margin-left:41%;
  margin-top:5%;
}
#logos{
  background-image: url(../styleImages/backgrounds/logos.gif);
  height:80px;
  witdh:219px;
  background-repeat:no-repeat;
  margin:0 auto 0 37%;
}