﻿/* CSS Document */

html, body {
	background: white url(../images/body.gif) repeat-x fixed;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}

#starsHeader {
	width:100%;
	height:92px;
	background: url(../images/starsHeader.gif) repeat-x;
}

#mainBg {
	margin:auto;
	width:862px;
	height:581px;
	padding-top:11px;
	padding-left:14px;
	padding-right:13px;
	background:url(../images/mainBg.png) no-repeat;
}

#mainHeader {
	width:862px;
	height:56px;
	background:url(../images/slimeHeader.jpg) no-repeat left;
}

#mainHeader img { float:right; }

/* Navigation and Rocket -------------------------------------------------------------- */

#leftColumn {
	float:left;
	width:157px;
	padding-left:8px;
	position:relative;
}

.noMarginBottom { margin-bottom:0px !important; }



#rocketFooter{
	width:278px !important;
	height:340px !important;
	margin-top: 427px !important;
	margin-left: -65px !important;
	background:none !important;
}

#leftColumn div{ width: 150px; height:326px; position:absolute; margin-top:-159px; background:url(../images/rocketHeader.png) no-repeat top;}

#leftColumn div #globalnav { margin: 259px 0px 0px 0px; padding: 0;  }
#leftColumn div #globalnav li { display: inline; }
#leftColumn div #globalnav li a { float: left; width: 150px; height: 0; padding-top: 47px; overflow: hidden; }
#leftColumn div #globalnav li a,
#leftColumn div #globalsearch { background-image: url(../images/navigation.png); }

/* BUTTONS */
#leftColumn div #globalnav li#mmHome a { background-position: 0 0; }
#leftColumn div #globalnav li#mmParty a { background-position: 0px -47px ;width:150px; }
#leftColumn div #globalnav li#mmStationary a { background-position: -0px -94px;width:150px; }
#leftColumn div #globalnav li#mmEnquiry a { background-position: 0px -139px;width:150px; }
#leftColumn div #globalnav li#mmFAQ a { background-position: 0px -186px;width:150px; }
#leftColumn div #globalnav li#mmGallery a { background-position: 0px -231px;width:150px; }
#leftColumn div #globalnav li#mmEmpty a { background-position: 0px -279px;width:150px; }

/* OVER STATES */
#leftColumn div #globalnav li#mmHome a:hover { background-position: -151px 0px; }
#leftColumn div #globalnav li#mmParty a:hover { background-position: -151px -47px; }
#leftColumn div #globalnav li#mmStationary a:hover { background-position: -151px -94px; }
#leftColumn div #globalnav li#mmEnquiry a:hover { background-position: -151px -139px; }
#leftColumn div #globalnav li#mmFAQ a:hover { background-position: -151px -186px; }
#leftColumn div #globalnav li#mmGallery a:hover { background-position: -151px -231px; }
#leftColumn div #globalnav li#mmEmpty a:hover { background-position: -151px -279px; }

/*#menu #globalnav li#mmEmpty a:hover { background-position: -151px -279px; }*/

/* Main Column -------------------------------------------------------------- */

#mainColumn, #faqColumn, #stationaryColumn {
	width:676px;
	height:462px;
	padding-top:12px;
	padding-left:172px;
}

#mainColumn div, #faqColumn div {
	width:235px;
	height:309px; 
	float:right; 
	padding:10px;
}
	
#footer {
	width:678px;
	height:37px;
	padding-left:172px;
}

#footer div {  
	float:left;
	height:22px;
	padding:7px 0px 0px 43px;
	font-family:"Helvetica";
	font-size:16px;
	font-weight:bold;
	color:#7BC142;
}

#footer div a {  
	font-size:16px;
}


#footer img { 	
	float:right; 
	padding-top:8px;
}

h1 { 
	padding:26px 0px 6px 10px;;
	font-family:"Helvetica";
	font-size:16px;
	color:#00AEC5;
}

#mainColumn p, #faqColumn p, #stationaryColumn p { 
	padding:0px 0px 6px 10px;;
	line-height:18px;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
	line-height:20px;
}

.greenText { padding:6px 0px 0px 6px !important; font-size:14px!important; font-weight:bold !important; color:#7BC142 !important; }

#skype, #skypeText { 
	float:right !important; 
	width:130px !important;
	height:60px !important;
	margin:0 !important;
	padding:0 !important;
}

#skypeText { 
	width:40px !important;
	height:30px !important;
	padding:16px 0px 0px 0px !important;
}

#skypeText p { padding:0 !important; color:#00AEC5 !important; font-weight:bold !important; }

/* HOME -------------------------------------------------------------- */

#mainColumn ul {
	padding:10px 0px 10px 38px; 
	font-family:"Helvetica";
	font-size:13px;
	font-weight:bold;
	color:#7BC142;
}

#mainColumn ul li {
	padding:0px 0px 5px 0px !important;
	list-style:url(../images/listBg.jpg);
}


#scienceWizardsArticle {
	float:left !important;
/*	width:160px;*/
	height:70px !important;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;	
	line-height:20px;
}

#scienceWizardsArticle span { font-size:14px !important; color:#7BC142; font-weight:bold; } 
#scienceWizardsArticle a, #scienceWizardsArticle a:hover { font-size:14px !important; }

#mainColumn div.price { width:140px !important; }

#scienceWizardsArticle img { 
	float:left; 
	padding-right:20px;
	margin-top:10px;
	border:0;
}

/* STATIONARY -------------------------------------------------------------- */

#stationaryColumn div {
	float:left;
	margin-left:10px;
	padding:10px 10px 10px 10px;
}

#stationaryColumn div p { padding:0px 0px 6px 0px; }
#stationaryColumn div img { padding:0px 6px 6px 0px; float:left; }

/* FAQ's -------------------------------------------------------------- */

.faq { width:400px !important; }

#mainColumn div img, #faqColumn div img { float:right !important; }

#faqColumn ul { 
	float:left;
	width:325px;
	padding:10px 0px 0px 10px; 
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
}

#faqColumn ul li { 
	list-style:none; 
	padding:0px 0px 3px 0px !important;
}

#faqInfo {  
	float:left !important;
	width:636px !important;
	height:119px !important;
	margin:10px;
	border-top:1px solid #7BC142;
}

#faqInfo img { float:right; }

#faqOne, #faqTwo, #faqThree, #faqFour, #faqFive, #faqSix, #faqSeven, #faqEight, #faqNine, #faqTen, #faqEleven, #faqTwelve, #faqThirteen, #faqFourteen, #faqFithteen, #faqSixteen, #faqSeventeen, #faqEighteen, #faqNineteen, #faqTwenty {
	float:left !important;
	width:500px !important;
	height:119px !important;
	padding:0px !important;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
	line-height:20px;
}

#faqTwo, #faqThree, #faqFour, #faqFive, #faqSix, #faqSeven, #faqEight, #faqNine, #faqTen, #faqEleven, #faqTwelve, #faqThirteen, #faqFourteen, #faqFithteen, #faqSixteen, #faqSeventeen, #faqEighteen, #faqNineteen, #faqTwenty { display:none; }

#faqInfo div h2 { font-size:14px; color:#7BC142; margin:0px; padding-bottom:6px;}




/* Enquiry Form -------------------------------------------------------------- */

#enquiryColumn { 
	float:left !important; 
	width:333px !important;
	height:363px !important;
	padding:0px !important;
}

.spacer { padding-top:26px; }
.spacerLarge { padding-top:42px; }

fieldset { border:0;margin:0;padding:0px 37px 5px 12px; }

label { display:block; float:left; width:100px; margin-top:8px; font-family:"Helvetica"; font-size:14px; color:#787878; }

input.text, textarea { 
	width:175px;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
	padding:3px;
	margin:0px 0px 10px 0;
	border:1px solid #A3A3A3; 
}

input.enquiry { width:25px !important; }

input.checkbox {
	color:#333;
	margin-top:18px;
	margin-left:5px;
	border:1px solid #ccc; 
}

select {
	width:83px;
	margin:0px 0px 10px 0;
	padding:3px;
	border:1px solid #6D6D6D; 
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
	padding:3px;
	margin:0px 0px 10px 0;
	border:1px solid #6D6D6D; 

}

input.submit { 
/*	margin-left:167px;*/
	padding:0px;
	font-family:"Helvetica";
	font-size:12px;

	border: 1px solid grey; 
	background: transparent url(../images/submitbtn.png) repeat scroll 0% 0%; 
	-moz-background-clip: border; 
	-moz-background-origin: padding; 
	-moz-background-inline-policy: continuous; 
	width: 98px; 
	height: 31px; 
	display: block; 
	margin-top: -39px; 
	margin-left: 220px;
}

.enquiryType { 
	width:330px; 
	padding:0px 0px 10px 0px;
}

.enquiry { 
	width:320px !important; 
	margin:5px 0px 0px 0px;
}

#enquiryColumn span { 
	padding:0px 0px 0px 10px;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
}

.enquiryTitle { padding:6px 0px 0px 0px !important; }
.enquiryMarketing { padding:0px 0px 6px 0px !important; }

/* Enquiry Form -------------------------------------------------------------- */

#galleryColumn {
	width:676px;
	height:462px;
	padding-top:12px;
	padding-left:172px;
}

#galleryColumn p {  
	padding:0px 0px 6px 10px;;
	line-height:18px;
	font-family:"Helvetica";
	font-size:12px;
	color:#787878;
	line-height:20px;
}  

#imageGreen, #imageBlue {
	width:107px;
	height:72px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:10px;
	padding-top:4px;
	padding-left:4px;
	background-color:#7BC142;
	float:left !important;
} 

#imageBlue { background-color:#00AEC5; }

#imageGreen img, #imageBlue img { 
	border:1px solid #ffffff;
}

/* Affiliates Form -------------------------------------------------------------- */

#affiliates {
	width:150px;
}

#affiliateFrame { width:630px; margin:0; }

#affiliateFrame div { margin:0; padding:0px 0px 6px 0px; }
#affiliateFrame div p { margin:0; padding:0; }
#maplin { width:270px; height:95px}
#bookPeople { padding:0px 0px 0px 30px !important; }

/* Links -------------------------------------------------------------- */

a, a:link, a:visited {
	font-family:"Helvetica";
	font-size:12px;
	font-weight:bold;
	color:#00AEC5;
	text-decoration:none;
}

a:hover {
	font-family:"Helvetica";
	font-size:12px;
	font-weight:bold;
	color:#00AEC5;
	text-decoration:underline;
}

a.faq, a.faq:link, a.faq:visited {
	font-family:"Helvetica";
	font-size:12px;
	font-weight:500 !important;
	color:#787878;
	text-decoration:none;
}

a.faq:hover {
	font-family:"Helvetica";
	font-size:12px;
	font-weight:500 !important;
	color:#7BC142;
	text-decoration:none;
}

a.footer { font-size:13px; }

a.home { 
	font-family:"Helvetica";
	font-size:13px;
	font-weight:bold;
	color:#7BC142;
	text-decoration:none;
}

#block_captcha
{
	height:90px !important;
	margin-right:88px;
	margin-top:-47px;
}

.captcha_text
{
	width:59px !important;
}


#captcha
{
	height:40px;
	width:123px;
	margin-right:138px;
	margin-top:-12px;
}
