/* CSS Document */

/* ************************************** */
/* ************LAYOUT STYLES************ */
/* ************************************** */

body	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	margin-top: 0;
	color: #333333;
	background-color: #fff;
}

h1 { /* this is the main header */
	font-size:120%;
	font-weight:bold;
	width:584px;
	margin:0px 10px 0px 10px;
	padding:10px 0px;	
} 

#Wrapper {
	width: 760px;
	margin: 0 auto;
}

#topWrapper {
	width: 760px;
	float: right;
}

#topbarleft {
	float: left;
	width: 480px;
}

#topbarright {
	float: right;
	text-align: right;
	width: 280px;
}

#navbarWrapper {
	clear: both;
	width: 760px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 2.2em;
}

#footerWrapper {
	width: 760px;
	padding-top: 5px;
}

#footer {
	padding-top: 2px;
	color: #ccc;
}

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

#hmeintro {
	margin-top: 5px;
	width: 760px;
}

#hmeareas {
	margin-top: 8px;
	width: 760px;
}

#hmesportsarea {
	float: left;
	width: 248px;
	height: 300px;
	background: url("../images/hmesports.jpg") no-repeat; 
}

#hmesurfacesarea {
	float: left;
	width: 248px;
	height: 300px;
	margin-left: 8px;
	background: url("../images/hmesurfaces.jpg") no-repeat; 
	}

#hmespasolutionsarea {
	float: left;
	width: 248px;
	height: 300px;
	margin-left: 8px;
	background: url("../images/hmespa.jpg") no-repeat; 
}

#hmesports {
	width: 248px;
	color: #fff;
	background-color: #5C0010;
}

#hmems {
	width: 248px;
	color: #fff;
	background-color: #5C0010;

}

#hmemerchantservices {
	float: left;
	width: 248px;
	height: 300px;
	padding-top: 10px;
	background: url("../images/hmems.jpg") no-repeat; 
	}


#hmesurfaces {
	width: 248px;
	color: #fff;
	background-color: #166324;
}

#hmespa {
	width: 248px;
	color: #fff;
	background-color: #18364F;
}

#hmesportstxt {
	width: 218px;
	height: 50px;
	color: #999;
	margin: 167px 5px 5px 5px;
	background-color: #fff;	
	padding: 10px 10px 10px 10px;

}

#hmesurfacestxt {
	width: 218px;
	height: 50px;
	color: #999;
	margin: 167px 5px 5px 5px;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
}

#hmespatxt {
	width: 218px;
	height: 50px;
	color: #999;
	margin: 167px 5px 5px 5px;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
}

#hmelogoarea {
	text-align: right;
	margin-top: 5px;
	width: 760px;
}

/* ************************************** */
/* **********NAVIGATION STYLES*********** */
/* ************************************** */

.navigation {
	padding-left: 56px;
	text-decoration: none;
}

.hmenav {
	text-decoration: none;
}

#navright {
	float: right;
}

#navleft {
	float:left;
}

#leftnavWrapper {
	float: left;
	width: 151px;
}

#sportmenu	{
	float: left;
	width: 151px;
}

#sportmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#sportmenu ul li {
	float: left;
	padding: 0;
	margin: 0;
	}

#sportmenu ul li a {
	width: 142px;
	padding-left: 6px;
	margin-top: 7px;
	text-decoration: none;
	line-height: 2.2em;
	display: block;
	font-size: x-small;
	border: 1px solid #E1E1E1;
	}
#sportmenu ul li a:hover {
	color: #ffffff;
	background-color: #580505;
	}
	
.sportmenuoff	{
	background-color: #EFEFEF;
	color: #999;
}	

.sportmenuon	{
	background-color: #760808;
	color: #fff;
}

#spamenu	{
	float: left;
	width: 151px;
}

#spamenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#spamenu ul li {
	float: left;
	padding: 0;
	margin: 0;
	}

#spamenu ul li a {
	width: 142px;
	padding-left: 6px;
	margin-top: 7px;
	text-decoration: none;
	line-height: 2.2em;
	display: block;
	font-size: x-small;
	border: 1px solid #E1E1E1;
	}
#spamenu ul li a:hover {
	color: #ffffff;
	background-color: #213445;
	}
	
.spamenuoff	{
	background-color: #EFEFEF;
	color: #999;
}	

.spamenuon	{
	background-color: #225065;
	color: #fff;
}	

#surfacesmenu	{
	float: left;
	width: 151px;
}

#surfacesmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#surfacesmenu ul li {
	float: left;
	padding: 0;
	margin: 0;
	}

#surfacesmenu ul li a {
	width: 142px;
	padding-left: 6px;
	margin-top: 7px;
	text-decoration: none;
	line-height: 2.2em;
	display: block;
	font-size: x-small;
	border: 1px solid #E1E1E1;
	}
#surfacesmenu ul li a:hover {
	color: #ffffff;
	background-color: #103628;
	}
	
	#msmenu ul li a {
	width: 142px;
	padding-left: 6px;
	margin-top: 7px;
	text-decoration: none;
	line-height: 2.2em;
	display: block;
	font-size: x-small;
	border: 1px solid #E1E1E1;
	}
#msmenu ul li a:hover {
	color: #ffffff;
	background-color: #000000;
	}
	
.surfacesmenuoff	{
	background-color: #EFEFEF;
	color: #999;
}	

.surfacesmenuon	{
	background-color: #174C38;
	color: #fff;
}	

.msmenuoff	{
	background-color: #EFEFEF;
	color: #999;
}	

.msmenuon	{
	background-color: #000000;
	color: #fff;
}


#hmesports a, #hmesurfaces a, #hmespa a {
	color: #fff;
}

#hmesports a:hover, #hmesurfaces a:hover, #hmespa a:hover {
	color: #fff;
}


#secondnav {
	width: 760px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#secondnavmenu {
	width: 760px;
}

#secondnavmenu ul {
	list-style-type: none;
}

#secondnavmenu li {
	float: left;
	width: 120px;
	display: block;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}

#secondnavmenu li a {
	text-decoration: none;
	color: #666666;
}

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

#contentWrapper {
	margin-top: 2px;
	width: 760px;
}

#contentArea {
	float: left;
	width: 604px;
	margin-left: 5px;
}

#pageintro {
	width: 604px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.productWrapper1 {
	float: left;
	width: 150px;
}

.productWrapper2 {
	float: left;
	width: 149px;
	margin-left: 2px;
}

.productdetail {
	width: 136px;
	height: 220px;
	border: 1px solid #EBEBEB;
	background-color: #FCFCFC;
	font-size: xx-small;
	padding: 2px 5px 2px 5px;
	color: #666666;
}

.producttitle {
	width: 100%;
	height: 35px;
	padding-top: 2px;
	font-weight: bold;
	color: #990033;
}

.spaproductdetail {
	width: 136px;
	height: 270px;
	border: 1px solid #EBEBEB;
	background-color: #FCFCFC;
	font-size: xx-small;
	padding: 2px 5px 2px 5px;
	color: #666666;
}

.spalifeproductdetail {
	width: 136px;
	height: 300px;
	border: 1px solid #EBEBEB;
	background-color: #FCFCFC;
	font-size: xx-small;
	padding: 2px 5px 2px 5px;
	color: #666666;
}

.spaproducttitle {
	width: 100%;
	height: 35px;
	padding-top: 2px;
	font-weight: bold;
	color: #213445;
}

#spafeatureproduct {
	width: 604px;
	height: 150px;
	background-image: url(../spasolutions/images/earthheader.jpg);
}

#spaseafeatureproduct {
	width: 604px;
	height: 150px;
	background-image: url(../spasolutions/images/seaheader.jpg);
}

#spalifefeatureproduct {
	width: 604px;
	height: 150px;
	background-image: url(../spasolutions/images/lifestyleheader.jpg);
}

#spaessencefeatureproduct {
	width: 604px;
	height: 150px;
	background-image: url(../spasolutions/images/essencesheader.jpg);
}

#spaseafeaturedetail {
	margin-left: 10px;
	padding-top: 120px;
	width: 480px;
	font-size: xx-small;
}

#spafeaturedetail {
	margin-left: 10px;
	padding-top: 120px;
	width: 480px;
	font-size: xx-small;
}

.productinfo {
	width: 100%;
	height: 120px;
}

.spaproductinfo {
	width: 100%;
	height: 140px;
}

.detail {
	width: 100%;
}


#surfacescontent {
	float:left;
	width: 360px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
		color:#1D7939;
}

#surfacescontentleft {
	float:left;
	width: 290px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
}

#surfacescontentright {
	float:left;
	width: 290px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
}

#surfacescontent ul li, #surfacescontentleft ul li {
	list-style-type: square;
	color: #1D7939;
}

#surfacesbtmimg {
	width: 604px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#contentimg {
	float:left;
	width: 230px;
	text-align: center;
	padding-top: 10px;
}

#nurserycontent {
	float:left;
	width: 580px;
	padding-left: 10px;
	line-height: 1.6em;
	padding-top: 10px;
}


#contactarea {
	margin-top: 5px;
	margin-left: 18px;
	width: 742px;
}

#essences {
	margin-top: 11px;
	margin-left: 11px;
	width: 590px;
	font-weight: normal;
	color: #333;
}



#mscontent {
	float:left;
	width: 360px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
}

#mscontent h1{
	color: #000000;

}

#mscontentleft {
	float:left;
	width: 290px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
}

#mscontentright {
	float:left;
	width: 290px;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.6em;
}

#mscontent ul li, #msleft ul li {
	list-style-type: square;
	color: #1D7939;
}

#msbtmimg {
	width: 604px;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ************************************** */
/* ************GENERIC STYLES************ */
/* ************************************** */

.clear {
	clear: both;
}

h1, h2, h3, h4, h5, ul, li, ul li, div {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
}


/* ************************************** */
/* **************TEXT STYLES************* */
/* ************************************** */


#navbarWrapper a {
	color: #666;
}

#navbarWrapper a:hover, #secondnavmenu li a:hover {
	color: #730000;
}

#hmesurfacestxt a {
	color: #fff;
	text-decoration: underline;
}

.menuontxt {
	color: #fff;
	font-weight: bold;
}

.sportsproducttitle {
	font-weight: bold;
	color: #990033;
}

.spaproducttitle {
	font-weight: bold;
	color: #225065;
}

.surfacesproducttitle {
	font-weight: bold;
	color: #1D7939;
}
.msproducttitle {
	font-weight: bold;
	color: #000000;
}