@charset "utf-8";
/* ------------------------------------- MAIN */
body {
	background: url(../../images/global/bodyBack.gif) top left repeat-x #fff;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #5A5A5A;
}

h1, h2, h3, h4, ul, ol, form, label, p {
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
}
a {
	color: #2a80c0;
	background: url(../../images/global/blueUnderline.gif) bottom left repeat-x;
	text-decoration: none;
}
a:hover {
	background: none;
}
img {
	border: none;
}

.png {
	behavior: url("includes/htc/iepngfix.htc");
}

.back {
	behavior: url("includes/htc/iepngfixBACK.htc");
}

/* IE6:hover bug fix
.ie6hover {
	behavior:url("includes/htc/csshover.htc");
}*/

.tl {
	position: absolute;
	top: 0px;
	left: -1px;
}

.tr {
	position: absolute;
	top: 0px;
	right: -1px;
}

.bl {
	position: absolute;
	bottom: 0px;
	left: -1px;
}

.br {
	position: absolute;
	bottom: 0px;
	right: -1px;
}

.tl.border {
	position: absolute;
	top: -1px;
	left: -1px;
}

.tr.border {
	position: absolute;
	top: -1px;
	right: -1px;
}

.bl.border {
	position: absolute;
	bottom: -1px;
	left: -1px;
}

.br.border {
	position: absolute;
	bottom: -1px;
	right: -1px;
}

/* ------------------------------------- LAYOUT */

.alignCenter {
	margin: 0px auto;
	width: 980px;
}

#container {
	float: left;
	width: 965px;
	padding: 0px 7px 0px 8px;
	background: url(../../images/global/containerDrop.gif) top left no-repeat;
}

#header {
	float: left;
	width: 965px;
	padding: 0px 0px 3px 0px;
	background: url(../../images/global/headerBack.gif) top left repeat-x;
}

#header .logo {
	float: left;
	width: 401px;
}

#header .logo a {
	float: left;
}

#header .logo a img {
	float: left;
}

#header .contact {
	float: right;
	width: 250px;
	padding: 20px 27px 0px 0px;
	text-align: right;
}

#header .contact p {
	float: left;
	width: 100%;
	padding: 0px 0px 8px 0px;
	color: #de008c;
	font-size: 1.5em;
}

#header .contact p span {
	color: #eeb2d8;
	font-size: 0.9em;
}

#header .contact .left {
	float: right;
	width: 90px;
	padding: 6px 0px 20px 35px;
	background: url(../../images/global/headerPhone.gif) 0px 0px no-repeat;
	font-size: 1.1em;
}

#header .contact .right {
	float: right;
	width: 65px;
	padding: 6px 0px 20px 50px;
	margin: 0px 0px 0px 10px;
	background: url(../../images/global/headerEmail.gif) 0px 0px no-repeat;
	font-size: 1.1em;
}


/* ------------------------------------- MAIN MENU */

#nav {
	float: left;
	width: 965px;
	background: url(../../images/global/navBack.gif) top left repeat-x #cfcfcf;
	font-size: 1.1em;
	position: relative;
	z-index: 1;
}

#nav li {
	float: left;
	position: relative;
}

#nav li a {
	float: left;
	padding: 7px 12px 9px 12px;
	margin: 0px 0px -1px 0px;
	color: #5a5a5a;
	background: url(../../images/global/navSep.gif) top right no-repeat;
}

#nav li a img {
	float: left;
}

#nav li a:hover {
	background: url(../../images/global/navSepMO.gif) top right no-repeat #fff;
	color: #e448aa;
	padding: 7px 12px 9px 12px;
}

#nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	bottom: -202%;
	background: #f0f0f0;
}

.safari #nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	bottom: -205%;
	background: #f0f0f0;
}

.ie6 #nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	bottom: -212%;
	background: #f0f0f0;
}

#nav li ul li a {
	width: 150px;
	background: #f0f0f0;
}

#nav li ul li a:hover {
	width: 150px;
	background: #fff;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: 0px;
}

/* ------------------------------------- CONTENT */

#main {
	float: left;
	width: 940px;
	padding: 0px 12px 0px 13px;
	background: #fff;
}

#ticker {
	float: left;
	padding: 5px 0px;
	width: 100%;
	color: #e430a2;
	font-size: 1.1em;
}

#main .left {
	float: left;
	width: 689px;
}
#main .left h1 {
	float: left;
	width: 684px;
	padding: 10px 0px 5px 5px;
	margin: 0px 0px 10px 0px;
	background: url(../../images/global/greyUnderline.gif) bottom left repeat-x;
	color: #323232;
	font-size: 1.75em;
	font-weight: normal;
}

#main .left .contact {
	float: left;
	width: 689px;
}

#main .left .details {
	float: left;
	width: 220px;
	padding: 15px 0px 0px 0px;
}

#main .left .details .box {
	float: left;
	width: 200px;
	padding: 0px 0px 0px 20px;
}

#main .left .details .box p.title {
	background: url(../../images/global/arrowPink.gif) 0px 6px no-repeat;
	padding: 0px 0px 10px 20px;
	color: #e640a9;
	font-size: 1.6em;
}

#main .left .details .box.phone {
	background: url(../../images/panels/phone.gif) bottom left no-repeat;
	padding-bottom: 40px;
}

#main .left .details .box.email {
	background: url(../../images/panels/email.gif) bottom left no-repeat;
	padding-bottom: 25px;
	margin: 0px 0px 10px 0px;
}

#main .left .details .box.mail {
	background: url(../../images/panels/mail.gif) bottom left no-repeat;
	padding-bottom: 20px;
}

#main .left .details .box.register {
	background: url(../../images/global/greyUnderline.gif) top left repeat-x;
	margin: 10px 0px 0px 0px;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 0.9em;
	line-height: 1.7em;
}

#main .left .contact .form {
	float: left;
	width: 469px;
	padding: 15px 0px 0px 0px;
}

#main .left .contact .form .row {
	float: left;
	width: 467px;
	background: #f8f8f8;
	padding: 7px 0px 0px 0px;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

#main .left .contact .form .row .name {
	float: left;
	width: 120px;
	padding: 3px 0px 0px 0px;
	text-align: right;
}

#main .left .contact .form .row .name img {
	float: right;
	margin: 2px 0px 0px 2px;
}

#main .left .contact .form .row .input {
	float: right;
	width: 340px;
}

#main .left .contact .form .row .input input {
	float: left;
	width: 316px;
	padding: 2px 2px 3px 2px;
	margin: 0px;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a5a5a;
}

#main .left .contact .form .row .input input.submit {
	float: left;
	width: 98px;
	padding: 0px;
}

#main .left .contact .form .row .input textarea {
	float: left;
	width: 316px;
	height: 70px;
	padding: 1px 2px 2px 2px;
	margin: 0px;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a5a5a;
}

#main .left .contact .form .row .input select {
	float: left;
	width: 322px;
	padding: 1px 2px 2px 2px;
	margin: 0px;
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5a5a5a;
}

#main .left .contact .form .row .input select.sml {
	width: 60px;
}

#main .left .contact .form .title {
	float: left;
	width: 439px;
	padding: 4px 0px 11px 30px;
	background: url(../../images/panels/contactTitle.gif) top left no-repeat;
	color: #fff;
	font-size: 1.3em;
}

#main .left .welcomeBox {
	float: left;
	width: 687px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	position: relative;
	background: url(../../images/panels/welcomeBack.gif) bottom left repeat-x #ffffff;
}

#main .left .welcomeBox .content {
	float: left;
	width: 459px;
	font-size: 1.2em;
	border-right: 1px solid #dfdfdf;
	min-height: 135px;
	height: auto !important;
	height: 135px;
}

#main .left .welcomeBox .content li {
	float: left;
	width: 145px;
	margin: 5px 0px;
}

#main .left .welcomeBox .leftPanel {
	float: left;
	width: 459px;
}

#main .left .welcomeBox .leftPanel .content ul {
	float: left;
	width: 441px;
	padding: 10px 0px 0px 18px;
}

#main .left .welcomeBox .leftPanel .top {
	float: left;
	width: 459px;
	position: relative;
}

#main .left .welcomeBox .leftPanel .top a.text {
	float: left;
	width: 426px;
	padding: 17px 0px 7px 33px;
	font-size: 1.75em;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../../images/panels/range-over.png) top left no-repeat;
	color: #fff;
}

.ie6 #main .left .welcomeBox .leftPanel .top a.text {
	float: left;
	width: 426px;
	padding: 17px 0px 7px 33px;
	font-size: 1.75em;
	position: absolute;
	bottom: 4px;
	left: 0px;
	background: url(../../images/panels/range-over.png) top left no-repeat;
	color: #fff;
	cursor: pointer;
}

#main .left .welcomeBox .rightPanel {
	float: right;
	width: 226px;
}

#main .left .welcomeBox .rightPanel .content {
	width: 226px;
	border-left: 1px solid #ffffff;
	border-right: none;
}

#main .left .welcomeBox .rightPanel ul {
	float: left;
	width: 208px;
	padding: 10px 0px 0px 18px;
}

#main .left .welcomeBox .rightPanel .top {
	float: left;
	width: 226px;
	position: relative;
}

#main .left .welcomeBox .rightPanel .top a.text {
	float: left;
	width: 193px;
	padding: 18px 0px 7px 33px;
	font-size: 1.75em;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: url(../../images/panels/services-over.png) top left no-repeat;
	color: #fff;
}

.ie6 #main .left .welcomeBox .rightPanel .top a.text {
	float: left;
	width: 193px;
	padding: 18px 0px 7px 33px;
	font-size: 1.75em;
	position: absolute;
	bottom: 4px;
	left: 0px;
	background: url(../../images/panels/services-over.png) top left no-repeat;
	color: #fff;
	cursor: pointer;
}

#main .right {
	float: right;
	width: 238px;
}

#main .right .box {
	float: left;
	width: 238px;
	margin: 12px 0px 0px 0px;
}

#main .right .box .bottom {
	float: left;
	width: 238px;
}

#main .right .box .top {
	float: left;
	width: 236px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
	position: relative;
}

#main .right .box .inner {
	float: left;
	width: 236px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
}

#main .right .box .inner ul {
	float: left;
	width: 222px;
	padding: 0px 0px 10px 6px;
	margin: 0px;
}

#main .right .box .inner ul li {
	float: left;
	width: 210px;
	margin: 0px;
	padding: 3px 0px 8px 12px;
	border-bottom: 1px solid #ececec;
	background: url(../../images/global/linkBullets.gif) 0px 8px no-repeat;
}

#main .right .box img {
	float: left;
}

#main .right .box .top .title {
	float: left;
	top: 0px;
	left: 0px;
	width: 226px;
	position: absolute;
	background: url(../../images/panels/titleBack.png) top left no-repeat;
	padding: 3px 0px 6px 10px;
}

#main .right .box .top .title img {
	margin: 5px 5px 0px 0px;
}

#main .right .box .top .title a {
	color: #fff;
	font-size: 1.5em;
	background: none;
}

#main .right .box .top .overlay {
	float: left;
	position: absolute;
	bottom: 3px;
	right: -8px;
}

.mainText {
	float: left;
	width:674px;
	padding:0px 10px 0px 5px;
}

.mainText p {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

.mainText ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 20px;
}

.mainText ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

/* ------------------------------------- NEWS */

.paging {
	float: left;
	width: 687px;
	padding: 10px 0px;
}

.paging p {
	color: #e958b4;
	padding: 2px 0px 0px 0px;
}

.paging .right {
	float: right;
}

.paging .right a {
	float: right;
	background: #e958b4;
	color: #fff;
	margin: 0px 0px 0px 3px;
}

.paging .right a:hover {
	background: #fff;
	color: #5a5a5a;
}

.paging .right a.selected {
	background: #fff;
	color: #5a5a5a;
}

.paging .right a span {
	float: left;
	padding: 5px 4px 5px 4px;
	line-height: 1em;
}

.listings {
	position: relative;
	float: left;
	width: 661px;
	padding: 17px 13px 0px 13px;
	border: 1px solid #dddddd;
	background: #f8f8f8;
}

.listings .listing {
	float: left;
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 18px 5px;
	width: 657px;
	line-height: 1.65em;
	background: url(../../images/global/newsSep.gif) bottom left repeat-x;
}

.listings .listing span {
	font-size: 0.9em;
	color: #8c8c8c;
}

.listings .listing .image {
	position: relative;
	float: left;
	margin: 0px 10px 0px 0px;
}

.listings .listing .image img {
	float: left;
}

.article {
	float: left;
	width: 340px;
	margin: 12px 0px 0px 0px;
	padding: 18px 18px 3px 18px;
	border: 1px solid #dddddd;
	background: #f8f8f8;
	position: relative;
}

.article p {
	margin: 0px 0px 15px 0px;
}

.article h2 {
	margin: 0px 0px 2px 0px;
	font-weight: normal;
	font-size: 1.75em;
	color: #323232;
}

.article p.date {
	margin: 0px 0px 5px 0px;
	font-size: 0.9em;
	color: #8c8c8c;
}

.gallery {
	float: right;
	width: 289px;
	margin: 12px 0px 0px 0px;
}

.gallery .image {
	float: left;
	position: relative;
	margin: 0px 0px 10px 0px;
	padding: 18px;
	border: 1px solid #dddddd;
}

.gallery .image img {
	float: left;
}

.gallery .thumbs {
	float: left;
	width: 291px;
	margin: 0px 0px 0px -4px;
}

.gallery .thumb {
	float: left;
	margin: 0px 0px 0px 4px;
}

.gallery .thumb a {
	float: left;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 20px;
	background: #dddddd;
	position: relative;
}

.gallery .thumb a:hover {
	float: left;
	padding: 6px;
	background: #9cc4e2;
	position: relative;
}

.gallery .thumb a:hover img.thumbnail {
	border: 5px solid #fff;
}

/* ------------------------------------- FOOTER */

#footer {
	float: left;
	display: inline;
	margin: 20px 0px 0px 8px;
	padding: 8px 0px 0px 0px;
	width: 600px;
	border-top: 3px solid #ebebeb;
}

#footer ul {
	float: left;
	width: 600px;
}

#footer li {
	float: left;
	color: #8c8c8c;
	padding: 0px 3px;
	font-size: 0.9em;
	line-height: 1.7em;
}
#footer .copyright {
	text-decoration:none;
	cursor:text;
	background-image:none;
	color:#2A80C0;
}
#footer .copyright a{
	text-decoration:none;
	cursor:text;
	background-image:none;
	color:#2A80C0;
}
#footerPanel {
	float: right;
	width: 331px;
	display: inline;
	margin: 20px 12px 0px 0px;
}

#footerPanel .top, .bottom {
	float: left;
	width: 331px;
}

#footerPanel .content {
	float: left;
	width: 299px;
	padding: 0px 10px 0px 20px;
	border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;
}

#footerPanel img {
	float: right;
}

/* Amends done by Gary */

.thumb-gallery-row {
	float:left;
	width: 100%;
	position:relative;
	margin: 0 0 20px 0;
}

#main .full-width {
	float: left;
	width: 100%;
}
#main .full-width .breadcrumb {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
}
#main .full-width .breadcrumb ul {
	padding: 0 0 0 5px;
}
#main .full-width .breadcrumb li {
	display:inline;
}

#main .full-width .breadcrumb li a {
	text-decoration: none;
	background:none;
}
#main .full-width .breadcrumb li a:hover {
	background: url(../../images/global/blueUnderline.gif) bottom left repeat-x;
}
#main .full-width .left {
	float: left;
	width: 220px;
	display:inline;
	position:relative;
	}
.showpage-margin {
	margin:30px 0 0 0;
	display:inline;
}
	
#main .full-width .bottom-page-nav {
	background-color: #ebebeb;
	width: 690px;
	float: right;
	min-height:20px;
	height: auto !important;
	height:20px;
	margin:15px 0;
	position:relative;
	padding:8px 10px
}
#main .full-width .bottom-page-nav .tl{
	left: -5px;
	top: -3px;
	position: absolute;
}
#main .full-width .bottom-page-nav .tr{
	right: -5px;
	top:-3px;
	position: absolute;
}
#main .full-width .bottom-page-nav .br{
	right: -5px;
	bottom: -3px;
	position: absolute;
}
#main .full-width .bottom-page-nav .bl{
	left: -5px;
	bottom: -3px;
	position: absolute;
}

	
#main .full-width .left h1 {
	float: left;
	width: 100%;
	padding: 10px 0px 5px 5px;
	margin: 0px 0px 18px 0px;
	background: url(../../images/global/greyUnderline.gif) bottom left repeat-x;
	color: #323232;
	font-size: 1.75em;
	font-weight: normal;
}
#main .full-width .left  h2 {
	margin: 0 0 10px 0;
	font-weight:normal;
	font-size: 1.33em;
}
#main .subHeading {
	color: #e448aa;
	font-weight:bold;
	margin: 0 0 15px 0;
	background-image:none;
	font-size:1.3em;
}
#main .subHeading a{
	color: #e448aa;
	text-decoration:none;
	background-image:none;
	cursor:text;
}
#main .full-width .left h3 {
	color: #e448aa;
	font-weight:normal;
	margin: 0 0 15px 0;
}
#main .full-width .left .sub-nav {
	float: left;
	width: 220px;
	display:inline;
	border-top: 1px dotted #cfcfcf;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #c5c5c5;
	background: #FFFFFF url(../../images/global/subnav-bg.jpg) repeat-x left bottom;
	margin:0 0 10px 0;
}
#main .full-width .left .sub-nav li {
	background:none;
	border-bottom: 1px dotted #cfcfcf;
}
#main .full-width .left .sub-nav a {
	padding: 3px 15px;
	background:none;
	display:block;
	text-decoration:none;
	
}
#main .full-width .left .sub-nav a:hover {
	background-color: #ebebeb;
	color:#5a5a5a;
}
#main .full-width .left .sub-nav .selected{
	background-color: #ebebeb;
	color:#5a5a5a;
}
#main .full-width .right {
	float: right;
	width: 710px;
	display:inline;	
	margin: 20px 0 0 0;
	padding:0px;
}

#main .full-width h1 {
	float: left;
	width: 935px;
	padding: 10px 0px 5px 5px;
	margin: 0px 0px 18px 0px;
	background: url(../../images/global/greyUnderline.gif) bottom left repeat-x;
	color: #323232;
	font-size: 1.75em;
	font-weight: normal;
}
#main .full-width .right h1 {
	float: left;
	width: 685px;
	padding: 0px 0px 5px 5px;
	margin: 0px 0px 18px 15px;
	background: url(../../images/global/greyUnderline.gif) bottom left repeat-x;
	color: #323232;
	font-size: 1.75em;
	font-weight: normal;
	display:inline;
}
#main .full-width .right h4 {
	color: #e448aa;
	font-weight:normal;
	margin: 0 0 5px 15px;
	font-size:1.16em;
}
#main .full-width .right .left {
	float: left;
	width: 457px;
	display:inline;
	margin:0 0 0 15px;
	padding:0px;
	position:relative;
}
#main .full-width .right .left .main-image {
	float: left;
	width: 100%;
	margin:15px 0 0 0;
	display:inline;
}
#main .full-width .right .left .icon-row {
	float: left;
	width: 100%;
	margin-top:10px;
}
#main .full-width .right .left .icon-row img {
	float: left;
}
#main .full-width .right .right-download-panel {
	float: right;
	width: 190px;
	margin: 0px;
	padding: 0px;
	display:inline;
	position:relative;
}

#main .full-width .right .right-download-panel img {
	margin: 0px;
	padding: 0px;
}
#main .full-width .right .right-download-panel .downloads {
	float: left;
	width:185px;
	position: relative;
	border-right: 1px solid #c5c5c5;
	border-bottom: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	margin:15px 0 0 0;
	display:inline;
}
#main .full-width .right .right-download-panel .downloads .bl {
	left: -5px;
	bottom: -6px;
	position:absolute;	
}
#main .full-width .right .right-download-panel .downloads .br {
	right: -5px;
	bottom: -6px;
	position:absolute;	
	}
.ie6 #main .full-width .right .right-download-panel .downloads .br {
	right: -6px;
	bottom: -6px;	
	position:absolute;	

}
#main .full-width .right .right-download-panel .downloads h5 {
	padding:4px 0 0 30px;
	width:156px;
	margin:0px;
	background: url(../../images/global/downloads.jpg) no-repeat left top;	
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.3em;
	min-height:36px;
	height: auto !important;
	height:36px;
	border-right: 1px solid #ebebeb;
}
#main .full-width .right .right-download-panel .downloads .link {
	padding: 10px 15px;
}
#main .full-width .right .right-download-panel .downloads .text {
	margin: 0px 15px;
	padding:10px 0 15px 0;
	border-top: 3px solid #ebebeb;	
}
#main .full-width .right .right-download-panel .downloads .text a{
	background-image:none;
	text-decoration:none;
}
#main .full-width .right .right-download-panel .downloads .text a:hover{
	background-image:none;
	text-decoration: underline;
}
#main .full-width .product-range-row {
	float: left;
	width: 935px;
	margin: 0 0 20px 0;
	display: inline;
}
#main .full-width .right .product-range-row {
	float: left;
	width: 710px;
	margin: 0 0 20px 0;
	display: inline;
}

#main .full-width .product-range-cell {
	float: left;
	width: 220px;
	margin: 0 13px 0 0;
	display: inline;
	position: relative;
}
#main .full-width .product-range-cell .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
}
#main .full-width .right .product-range-cell {
	float: left;
	width: 216px;
	margin: 0 0 0 13px;
	display: inline;
	position: relative;
}
.product a{
	/*background: url(../../images/products/electronic-play.jpg) no-repeat left top; Background Image inline now*/	
	width: 188px;
	/*height: 148px; - Tim did this to try and make uploaded image at wrong height work */
	height: 123px;
	overflow: hidden;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	background: url(../../images/products/overlay.png) top left no-repeat;
	cursor: pointer;
	border-bottom:2px solid #5ba9e0;
}
.product-one a{
	background: url(../../images/products/electronic-play.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;
	cursor: pointer;
}
.product-one a:hover{
	background: url(../../images/products/electronic-play.jpg) no-repeat left top;	
}

.product-two a{
	background: url(../../images/products/multi-playscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;
	cursor: pointer;

}
.product-two a:hover{
	background: url(../../images/products/multi-playscapes.jpg) no-repeat left top;	
}

.product-three a{
	background: url(../../images/products/toddler-playscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;
}
.product-three a:hover{
	background: url(../../images/products/toddler-playscapes.jpg) no-repeat left top;	
}
.product-four a{
	background: url(../../images/products/musical-playscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-four a:hover{
	background: url(../../images/products/musical-playscapes.jpg) no-repeat left top;	
}
.product-five a{
	background: url(../../images/products/playscape-classics.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-five a:hover{
	background: url(../../images/products/playscape-classics.jpg) no-repeat left top;	
}
.product-six a{
	background: url(../../images/products/agility-playscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-six a:hover{
	background: url(../../images/products/agility-playscapes.jpg) no-repeat left top;	
}
.product-seven a{
	background: url(../../images/products/rockscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-seven a:hover{
	background: url(../../images/products/rockscapes.jpg) no-repeat left top;	
}
.product-eight a{
	background: url(../../images/products/sportu-playscapes.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-eight a:hover{
	background: url(../../images/products/sportu-playscapes.jpg) no-repeat left top;	
}
.product-nine a{
	background: url(../../images/products/playscape-surfacing.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-nine a:hover{
	background: url(../../images/products/playscape-surfacing.jpg) no-repeat left top;	
}
.product-ten a{
	background: url(../../images/products/playscape-furniture.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;	
}
.product-ten a:hover{
	background: url(../../images/products/playscape-furniture.jpg) no-repeat left top;	
}
.product-eleven a{
	background: url(../../images/products/parts-and-accessories.jpg) no-repeat left top;	
	width: 188px;
	min-height: 148px;
	height: auto !important;
	height: 148px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: normal;
	padding: 3px 0 0 28px;
	display:inline;
}
.product-eleven a:hover{
	background: url(../../images/products/parts-and-accessories.jpg) no-repeat left top;	
}

.product-cat-overview-row {
	float:left;
	width:100%;
}
.product-cat-overview-cell {
	float:left;
	width:335px;
	padding:0 0 20px 15px;
	display:inline;
}

.product-cat-one a {
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
	background: url(../../images/products/prod-list-bg.png) no-repeat left top;
}
.product-cat-large-one a {
	width:308px;
	min-height: 208px;
	height: auto !important;
	height: 208px;
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 28px 0 28px;
	background: url(../../images/products/large-product-bg.png) no-repeat left top;
}
.product-cat-one a:hover {
	/*background: url(../../images/products/polaris.jpg) no-repeat left top;	*/
}
.product-cat-two a {
	background: url(../../images/products/prod-list-bg.png) no-repeat left top;
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-large-two a {
	background: url(../../images/products/large-product-bg.png) no-repeat left top;
	width:308px;
	min-height: 208px;
	height: auto !important;
	height: 208px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 28px 0 28px;
}
.product-cat-two a:hover {
	/*background: url(../../images/products/quasar.jpg) no-repeat left top;	*/
}
.product-cat-three a {
	background: url(../../images/products/quasar.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-three a:hover {
	background: url(../../images/products/quasar.jpg) no-repeat left top;	
}
.product-cat-four a {
	background: url(../../images/products/eclipse.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-four a:hover {
	background: url(../../images/products/eclipse.jpg) no-repeat left top;	
}
.product-cat-five a {
	background: url(../../images/products/spectra.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-five a:hover {
	background: url(../../images/products/spectra.jpg) no-repeat left top;	
}
.product-cat-six a {
	background: url(../../images/products/equinox.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;	
}
.product-cat-six a:hover {
	background: url(../../images/products/equinox.jpg) no-repeat left top;	
}
.product-cat-seven a {
	background: url(../../images/products/galactica.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;	
}
.product-cat-seven a:hover {
	background: url(../../images/products/galactica.jpg) no-repeat left top;	

}
.product-cat-eight a {
	background: url(../../images/products/the-cusp.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-eight a:hover {
	background: url(../../images/products/the-cusp.jpg) no-repeat left top;	
}
.product-cat-nine a {
	background: url(../../images/products/rota-action.jpg) no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-nine a:hover {
	background-image: url(../../images/products/rota-action.jpg) no-repeat left top;	
}
.product-cat-ten a {
	background: url(../../images/products/the-orb.jpg)no-repeat left top;	
	width:308px;
	min-height: 204px;
	height: auto !important;
	height: 204px;	
	float:left;
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 4px 0 0 28px;
}
.product-cat-ten a:hover {
	background: url(../../images/products/the-orb.jpg) no-repeat left top;	
}

/* styles added by Gary 02/12/09 */

#main .left li ul li {
	margin: 0 0 0 15px;
}

/* styles added by Gary 04/12/2009 */

.manufacture-logos {
	float:left;
	width:100%;
}
.manufacture-logos img {
	float:left;
	margin:0 10px 0 0;
}
/*#sitemap .first {
	font-weight: bold;
	color: #DE008C;
	font-size: 1.2em;
}
#sitemap ul {
	margin-top:10px;
}
#sitemap ul ul {
	margin-top:0px;
	margin-bottom:10px;
}

#sitemap .left {
	float:left;
	width:300px;
	margin-left:20px;
}
#sitemap .right {
	float:left;
}*/
#webstat {
	display:none;
}

#sitemap .first {
	display:block;
	font-size:1.1em;
	font-weight:bold;
	color: #DE008C;
	background-image: none;
}
#sitemap ul ul {
	width: 100%;
}
#sitemap ul.FullWidth {
	width: 100%;
}
#sitemap ul {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 10px 20px;
	padding:0;
	width:45%;
}
#sitemap li {
	display:inline;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-weight: bold;
}