/*general page styling*/
img { border: 0; }
p{font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:black;font-size:12px;}
p2{font-family:Arial, Helvetica, sans-serif;text-align:left;color:blue;font-size:14px;text-indent:4px;height:4px;}
h2 {font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:#000000;font-size:14px; text-align:center;margin-top: 2.5px;}
h3{font-family:Arial, Helvetica, sans-serif;color:gray;font-size:20px;text-align:center;}
b {font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-align:left;color:green;font-size:14px; text-indent:4px;}
h4 {font-family:Arial;  font-weight:bold;  color:red;  font-size:14px;  text-indent:4px;  margin-bottom: 3px;  margin-top: 3px;}
h5{font-family:Arial, Helvetica, sans-serif;  font-weight:bold;  text-align:left;  color:#4a4a48;  font-size:14px;  text-indent:4px;  height:5px; }
h6 {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:red;font-size:14px;display: inline; }
h1 {font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#000000;font-size:12px;}
a {font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:#0054ff;font-size:14px; text-decoration:none;}
a:hover img {filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
body {background-color: white;font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:#000000;font-size:14px;}
a.norm {font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:#0054ff;font-size:10px; text-decoration:none;}


/*the horizontal menu options text links. the current option in bold and without link*/
#acrossbuttons {position:absolute; top:99px; left:0px; width:980px;}
#acrossbuttons a {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-align:left;color:green;font-size:14px; }
#acrossbuttons a:hover{color:green;}
#topline {position:absolute; top:143px; left:0px; width:980px; height:10px;background-color: white;}



/*openpage main image*/
#openbehindcontent1a {position:absolute; top:190px; left:9.5px; width:961px; height:593px;background-color:white;}
#openbehindcontent1b {text-align:center;}

/*openpage main text*/
#openbehindcontent2 {position:absolute; top:813px; left:136.5px; width:707px; height:150px;text-align:center;}

/*image and text working area*/
#maincontentarea {position:absolute; top:180px; left:280px; width:680px; height:750px;background-color:white;text-align:justify;overflow: hidden;}


/*vertical grey line in between contacts*/
#linenexttocontacts {position:absolute; top:200px; left:705px; width:4px; height:700px;background-color:white;border-left: 1px gray solid;}



body, html { height: 100% }
/*the webpage background with the grey figures*/
#background{position:fixed; z-index:1; width:100%; height:130%;}

#cont1 {position:absolute; width:100%; height:100%; top:0px; left:0px;z-index:2;} 


#cont2 {width:980px;position: relative;left: 50%;margin-left: -490px; height: 1090px;margin-top: 20px; }








/*page title*/
#style1pagetitle2 {position:absolute; top:153px; left:520px;}
#style1pagetitle1a {position:absolute; top:153px; left:520px; width: 200px;}
#style1pagetitle1b {position:relative;text-align:center;}
#style2pagetitle2 {position:absolute; top:153px; left:390px;}
#style2pagetitle1a {position:absolute; top:153px; left:390px; width: 200px;}
#style2pagetitle1b {position:relative;text-align:center;}

/*the top right creative play logo*/
#logolayer {position:absolute; top:-31px; left:798px; width:182px; height:118px;}




/*telephone number*/

#telephone {font-size:15px;font-color:black;font-weight:bold;position:absolute;top:75px;left:850px;background-color:white;text-align:center;}
#telephone2 {position:absolute; top:70px; left:844px;color:#8d8c8c;z-index:1;}









/*the left grey box line with white insert*/
#leftsideline {position:absolute; top:153px; left:0px; width:26px; height:780px;background-color: #49bc86;}

/*white colour behind vertical menu buttons next to left grey box line*/
#behindbuttons {position:absolute; top:153px; left:26px; width:241px; height:780px;background-image: url(gradient.jpg);}

/*vertical grey line right of vertical menu buttons*/
#linenexttobuttons {position:absolute; top:153px; left:267px; width:28px; height:780px;background-color:white;border-left: 2px #ffffff solid;}

/*vertical menu buttons*/
#downbuttons {position:absolute;outline:none; top:170px; left:36px; width:230px; height:500px;z-index:999;}
#downbuttons a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;z-index:999;}
#downbuttons a {position:relative;outline:none;display:block;font-family:Arial;font-weight:normal;color:#000000;width:160px;height:22px;border:none;text-decoration:none;padding-left:4px;padding-top:2px;font-size:14px;z-index:999;}
#downbuttons a:hover{display:block;background-color:white;background-image:url(/fileadmin/files/buttons/but-hover.jpg);outline:none;border:none;z-index:999;} 
#downbuttons a.button span{position:absolute;left:-1000px;outline:none;border:none;z-index:999;}
#downbuttons a.button:hover span{position:absolute;top:-16px;left:164px;border:none;z-index:999;}


/*white colour behind main content box and title*/
#behindcontent {position:absolute; top:153px; left:277px; width:693px; height:770px;background-color:white;}

/*the right grey box line with white insert*/
#rightsideline {position:absolute; top:153px; left:970px; width:10px; height:1372px;background-color: #ffffff;}


/*the bottom grey box line with white insert*/
#bottomline {position:absolute; top:930px; left:0px; width:980px; height:10px;}

/*the thin grey line beneath the bottom box line*/
#bottomarealine {position:absolute; top:945px; left:68.5px;width:845px; height:28px;background-color: white;border-bottom: 1px #dedddd solid;}

/*white colouring and spacing at the bottom of the page*/
#bottomarea {position:absolute; top:980px; left:80px; width:820px; height:75px;background-color: white;}

/*the bottom area text contact information*/
#bottomareacontact {position:absolute; top:952px; width:980px;text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#8d8c8c;font-size:12px;}

/*the bottom area text copyright information*/
#bottomareacopyright {position:absolute; top:980px; width:980px;text-align:center; text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#8d8c8c;font-size:12px;}

/*the bottom area css validation*/
#cssvalidation {position:absolute; top:1000px; width:980px;height:40px;text-align:center;}

/*these are the hover-over buttons which give a key to what this particular piece of play equipment is good for - refers to the wz_tooltip javascript*/
#playdescription {position:absolute; top:638px; left:285px; width:50px; height:385px;}

/*where the full-size image will be displayed including the default image for the page*/
#photocontentbackground {position:absolute; top:200px; left:342px; width:504px; height:378px;background-color:#d0d0d0;}
#photocontentbackground2 {position:absolute; top:201px; left:343px; width:502px; height:376px;background-color:#ffffff;}
#photocontent {position:absolute; top:203px; left:345px; width:498px; height:372px;}





/*descriptive text within green box*/
#description {overflow:auto;position:absolute; top:640px; left:342px;width:488px;height:250px;margin: 15px 10px;font-family:Arial;font-weight:normal;font-size:14px;color: #fffffe;} 



/*kids*/
#kids {position:absolute; top:608px; left:400px;} 

#range2cell_group {
	height:260px;
	margin-left:58px;
	margin-top:20px;
	width:510px;
	
	
}

#range2cell_group #left_range2cell {
	height:260px;
	width:242px;
	float:left;
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	text-align:center;
	

}
#range2cell_group #right_range2cell {
	height:260px;
	width:242px;
	float:right;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-size:14px;
	text-align:center;
	
}
#range2cell_group .thumb_img {
	height:196px;
	width:230px;
	padding-top:34px;
}
#range2cell_group .a_link {
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	font-size:10px;
}
#middle_image {
	width:380px;
	height:84px;
	margin-left:118px;
	
}
#range2desc {
	height:352px;
	width:670px;
	margin-left:5px;
	
}
#range2desc #l_div {
	width:50px;
	float:left;
	margin-top:97px;
}
#range2desc #m_div {
	width:520px;
	height:334px;
	float:left;
	background-image: url(backdrop.jpg);
	z-index: 1003;

}

#m_div_cont {height:370px;overflow:hidden;padding-right:20px;width:600px}


#range2desc #m_div h1{
	color:#000000;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	margin:30px 10px 30px;	
}

#range2desc #m_div div.csc-default p{
	color:#000000;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	margin:30px 10px 30px;	
}


	
#range2desc #m_div p{
	color:#000000;
	font-family:Arial;
	font-size:14px;
	font-weight:normal;
	margin:30px 10px 30px;
}
#range2desc #r_div {
	width:100px;
	float:left;
	margin-top:164px;
}
#range2desc #r_div .a_link1{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	display:block;
}
#range2desc #r_div .a_link2{
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}








#range6cell_group {
	margin-left:58px;
	margin-top:20px;
	width:510px;
}
#range6cell_group .range6cell {
	width:150px;
	height:144px;
	float:left;
	margin-right:16px;
	text-align:center;
	padding-top:20px;
	
}
#range6cell_group .price_text {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
	display:block;
}
#range6cell_group .product_name {
	color:#787878;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	margin-top:10px;
	display:block;
}
#range12cell_group {
	margin-left:58px;
	margin-top:20px;
	width:510px;
}
#range12cell_group .range12cell {
	width:96px;
	height:96px;
	float:left;
	margin-right:30px;
	text-align:center;
	padding-top:14px;
	}
#range12cell_group .price_text {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	margin-top:2px;
	display:block;
}
#range12cell_group .product_name {
	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	margin-top:7px;
	display:block;
}