/* ------------------------------ */
/*                                */
/*   Styles for... All Browsers   */
/*                                */
/* ------------------------------ */


/* =================================================== */
/* CLEAR TAGS  */
/* =================================================== */

body, h1, h2, h3, h4, h5, h6, p, form, blockquote {
	padding: 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;
	}

a {
	text-decoration: none;
	}

a img {
	border: none;
	}


/* =================================================== */
/* GENERAL  */
/* =================================================== */

body {
	background-color: #ebf5da;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-body-weight.gif);
	background-position: top left;
	background-repeat: repeat-x;
	color: #000;
	font-family: verdana;
	font-size: small;
	}

img {
	-ms-interpolation-mode:bicubic;
	}

#wrapper {							/* for Fixed-Width Centered layouts  */
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	}

.topnav {
	background-color: #e0f7d0;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-topnav-sport.gif);
	background-position: top left;
	background-repeat: repeat-x;
	height: 26px;
	border-top: solid #fff 3px;
	border-bottom: solid #fff 3px;
	text-align: center;
	width: 100%;
	}

.topnav td {
	text-align: center;
	vertical-align: middle;
	}
	
.topnav a {
	text-decoration: none;
	padding: 0 10px;
	color: #fff116;
	padding: 10px;
	}

.topnav a:hover {
	color: #fffcd5;
	}

.searchin {
	background-color: #015938;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-search-nfsweight.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	width: 760px;
	height: 100px;
	text-align: right;
	vertical-align: bottom;
	}

.searchin table {
	margin: 0 5px 3px 0;
	}

.searchin td {
	vertical-align: top;
	}

.searchfield {
	padding: 0 3px 0 0;
	}

.searchbutton {
	padding: 0 15px 0 0;
	}
	
.searchfield input {
	font-size: x-small;
	border: none;
	width: 120px;
	} 

.searchlinks {
	color: #fff;
	}
	
.searchlinks a {
	color: #fff;
	}

.searchin td {
	font-size: x-small;
	}

.searchleft, .searchright {
	background-color: #07603a;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-searchleft-weight.gif);
	background-position: top left;
	background-repeat: repeat-x;
	width: auto;
	}

.searchright {
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-searchright-weight.gif);
	}

.mainbody {
	width: auto;
	background-color: #fff;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-navleft-sport.gif);
	background-position: top left;
	background-repeat: repeat-y;
	}

.mainbodyin {
	width: auto;
	background-color: transparent;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-content-nfsweight.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	}

.footera {
	background-color: #fff778;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-footertop-sport.gif);
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	}

.footerb {
	background-color: #fff778;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-footerbase-sport.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}

	

#main {
	vertical-align: top;
	width: 100%;
	background-color: transparent;
	padding-bottom: 20px;
	}

#content {
	vertical-align: top;
	width: 100%;
	padding: 35px 20px 35px 20px;
	background-color: transparent;
	}

#content, #content td {
	font-size: small;
	}

#printlogo {
	display: none;
	}

h1 {
	margin-bottom: .25em;
	font-size: large;
	color: #000;
	}

h2, h3, h4 {
	margin-top: 1.25em;
	margin-bottom: .25em;
	}

h2 {
	margin-top: 0;
	font-size: large;
	color: #cc0000;
	}

h3 {
	font-size: small;
	color: #ff6600;
	}

h4 {
	font-size: small;
	color: #fff;							/* if bgcolour is needed - if not, change to darker colour  */
	background-color: #cc0000;				/* if bgcolour is needed  */
	padding: 2px 2px 3px 5px;				/* if bgcolour is needed  */
	}

p {
	margin-bottom: 1.25em;
	}

#footer {
	padding: 4px 0 0 0;
	width: 760px;
	}

.logobox {
	text-align: right;
	padding: 5px;
	}

.contactbox {
	text-align: center;
	padding: 5px;
	}

.copybox {
	text-align: left;
	padding: 5px;
	}

.footerbox {
	border-top: solid #fff 3px;
	border-bottom: solid #fff 3px;
	}

.footerboxb {
	background-color: #ebf5da;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-underfooter-weight.gif);
	background-position: top left;
	background-repeat: repeat-x;
	}

.footerboxb td {
	width: auto;
	}

.midcell {
	width: 760px;
	}

.basenav td {
	font-size: xx-small;
	vertical-align: top;
	}


/* =================================================== */
/* E-C Logo and Copyright ... CENTERED */
/* =================================================== */

#centerlogoshell {
	text-align: center;
	}

.smallb {
	font-size: x-small;
	color: #a1cc84;
	}


/* =================================================== */
/* NAVIGATION and LINKS */
/* =================================================== */

a {
	color: #c90e17;
	text-decoration: underline;
	}

a:hover	{
	color: #600005;
	}

.subnav {
	color: #fff116;
	font-size: x-small;
	padding: 3px 20px 5px 20px;
	text-align: center;
	}

#navcolumn, #navcolbase {
	background-color: transparent;
	vertical-align: top;
	}

#navcolbase {
	vertical-align: bottom;
	}

#nav {
	background-color: transparent;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-nav-sport.gif);
	}

#navigator {
	width: 137px;
	padding: 11px 0 8px 0;
	}

.button1, .button2, .currentpage, .submen {
	font-family: verdana;
	font-size: x-small;
	font-weight: bold;
/*	text-align: center;	*/				/* Uncomment to center left nav text */
	margin: 0px;
	padding: 0px;
	width: 137px;
	}

.button1 a, .button2 a, .currentpage a, .submen a {
	padding: 4px 10px 5px 10px;
	text-decoration: none;
	display: block;
	width: auto;
	color: #c90e17;
	}

.currentpage a {
	color: #000;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-navbullet-weight.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}

.currentpage a:hover,
.button1 a:hover,
.button2 a:hover,
.submen a:hover {
	color: #600005;
	background-image: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-navbullet2-weight.gif);
	background-position: center left;
	background-repeat: no-repeat;
	}

.submen a {
	font-weight: normal;
	}



/* =================================================== */
/* CONTENT - PRODUCTS */
/* =================================================== */

H3 {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; MARGIN-TOP: 0px; PADDING-LEFT: 6px; FONT-SIZE: small; BACKGROUND-IMAGE: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-h3corner.gif); PADDING-BOTTOM: 3px; COLOR: #ffe50d; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #c90e17;
}

H4 {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; MARGIN-TOP: 0px; PADDING-LEFT: 6px; FONT-SIZE: x-small; BACKGROUND-IMAGE: url(http://www.ectoolset.com/creativeenergy/myimages/bg-reviewcr.gif); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; COLOR: #c90e17; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffe400
}

H5 {
	FONT-WEIGHT: normal; FONT-SIZE: xx-small; MARGIN-BOTTOM: 10px; FONT-STYLE: italic
}
.reviewcell {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; BACKGROUND-COLOR: #fff9c7;
}
.dettable {
	WIDTH: auto; BACKGROUND-COLOR: #effbe6;
}
.detcelltl {
	TEXT-ALIGN: left
}
.detcelltr {
	TEXT-ALIGN: right
}
.detcell {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.detcell H3 {
	BACKGROUND-IMAGE: url(http://www.ectoolset.com/creativeenergy/templateimages/bg-h3corner2.gif);
}
.detcellbl {
	TEXT-ALIGN: left
}
.detcellbr {
	TEXT-ALIGN: right
}
P {
	MARGIN-TOP: 0px; PADDING-TOP: 0px
}
.prodimage IMG {
	MARGIN-BOTTOM: 25px
}

.stock1, .stock2 {
	vertical-align: top;
	background-color: #effbe6;
	}
.stock2 {
	padding: 3px 3px 4px 5px;
	border-top: solid #fff 1px;
	}

.totop {
	padding: 3px 0px 0 5px;
	border-top: solid #b5ebff 1px;
	}

.stockist h3 {
	margin: 0px;
	}
	
.stock1 {
	background-color: #ca0d13;
	padding: 3px 4px 4px 5px;
	border-top: solid #fff 1px;
	color: #fff20e;
	}