/* --- Main layout --- */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	line-height:1.4em;
	background-image:url(images/shadow.jpg);
	background-color:#333333;
	background-position: center;
}

#wrapper {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image:url(images/wrapper.jpg);
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	background-position: center;
    background-color: #ffffff;
}

html body * .hidden {display:none;}
	
#header {
	height: 177px;
	width: 780px;
	background-image:url(../images/header.jpg);
	text-indent:-999em;
}
		
#headerSpace {
	background-color: #ffffff;
	height: 1px;
	margin-left: 0px;
	width: 779px;
	background-image: url(images/headerFullBottom.gif);	
}
		
.headerLinkIcon {
	background-color: #ffffff;
	float: left;
	margin-top: 24px;
	margin-bottom: 44px;
}

#linkBox {
	height: 260px;
	width: 177px;
	display: block;
	vertical-align: bottom;
	float: left;
	
}

#mainContent {
	background-color: #ffffff;
	width: 760px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	float:left;
	color: #666666;
	line-height:1.4em;
	padding: 10px;	
}

#map {
	width: 200px;
	height: 210px;
	border: 1px solid #666666;
	vertical-align:top;
	padding: 6px;
	float: left;
	
}

#mapText {
	width: 400px;
	height: 330px;
	font-size: small;
	float:left;
	margin-bottom: 18px;
	
}

.leftCol {
	margin-bottom: 10px;
	margin-left: 6px;
	width:745px;
	float: left;
}

.rightCol {
	margin-bottom: 10px;
	margin-left: 15px;
	text-align:right;
	width:239px;
	float: left;
}

.fullProduct {
	width:760px;
	float:left;
}

.leftColProduct {
	width:370px;
	float:left;
}

.rightColProduct {
	text-align:left;
	border-left:dotted #666666 1px;
	padding-left:8px;
	width:370px;
	float: right;
}

.rightColGallery {
	text-align:left;
	padding-left:8px;
	width:370px;
	float: right;
}

.fullproductText {
	width:600px;
	text-align:left;
	float: left;
}

.productText {
	width:200px;
	text-align:left;
	float: left;
}

.productPic {
	width:150px;
	float: right;
}

.price {
	font-size: large;
	color: #990000;
}

.divide {
border-bottom:dotted #666666 1px;
height:1px;
margin-left: 4px;
margin-top: 4px;
width:756px;
float:inherit;
clear:both;
margin-bottom: 12px;
}

.divide2 {
height:1px;
margin-top:5px;
width:220px;
float:inherit;
border-bottom:dotted #666666 1px;
clear:both;
margin-bottom: 12px;
}

.preview1 {
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	background-position:bottom;
	width:170px;
	float: left;
}

ul.preview {
	list-style:none;
	padding:0px;
	margin:0px;
}

* html ul.preview  li {
	margin-bottom: 10px; 
	margin-left: 5px;
	width:170px; 
	margin-right: 5px;
	float: left;
	}
	
ul.preview  li {
	margin-bottom: 10px; 
	margin-left: 10px;
	margin-right: 10px;
	width:170px; 
	float: left;
	}
	
ul.preview  li a {
	width:170px; 
	height:150px;
	background-position:bottom;
	display:block;
	text-indent:-1000px;
	overflow:hidden;
	border:1px solid #ffffff;
	}
	
ul.preview  li a:hover {
border:1px solid #cccccc;
}

a#bike_hire {
background:url(../images/Section_Cycle_Hire.jpg) center no-repeat;
}

a#childrens_bikes {
background:url(../images/Section_Childrens.jpg) center no-repeat;
}

a#adult_bikes {
background:url(../images/Section_Adult.jpg) center no-repeat;
}

a#best_bikes {
background:url(../images/Section_Best.jpg) center no-repeat;
}

a#costume_hire {
background:url(../images/Section_Hire.jpg) center no-repeat;
}

a#Childrens_costumes {
background:url(../images/Section_Costumes_Children.jpg) center no-repeat;
}

a#Adult_costumes {
background:url(../images/Section_Costumes_Adult.jpg) center no-repeat;
}

a#Hats {
background:url(../images/Section_Hats.jpg) center no-repeat;
}

a#Masks{
background:url(../images/Section_Masks.jpg) center no-repeat;
}

a#Accessories{
background:url(../images/Section_Accessories_Costumes.jpg) center no-repeat;
}

a#Services{
background:url(../images/Section_Services.jpg) center no-repeat;
}

a#Jokes{
background:url(../images/Section_Jokes.jpg) center no-repeat;
}



#contactInfo {
	
	width:220px;
	vertical-align:top;
	padding: 6px;
	border-right: 1px dotted #999999;
	float: left;
	
}

#contactForm {
	
	width:500px;
	padding: 6px;
	float: left;
	margin-left:10px;
	
}

#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	font-size:small;
	background-image:url(../images/footer.gif);
        }
		

.footerSmall {
	font-size:x-small;
}


 Typography 

#linkBox a:visited {
	text-decoration: none;
	color: #ffffff;
}
#linkBox a:hover {
	text-decoration: none;
	color: #647723;
}
#linkBox a:active {
	text-decoration: none;
}
#linkBox a {
	font-size: small;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#mainContent h1 {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	font-weight:bold;
	color: #4F4F4F;	
}

#mainContent h2 {
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:0px;
	font-weight:bold;
	color: #4F4F4F;	
}

#mainContent a:link {
	color: #211F44;
	text-decoration: none;
		}
#mainContent a:visited {
		color: #211F44; 
		text-decoration: none;
		}
#mainContent a:hover {
		color: #211F44; 
		text-decoration: underline;
		}
#mainContent a:active {
		color: #211F44; 
		text-decoration: none;
		}
		
img a, a img{border:0}

#footer a:link {
		color: #ffffff; 
		text-decoration: none;}
#footer a:visited {
		color: #ffffff; 
		text-decoration: none;}
#footer a:hover {
		color: #999999; 
		text-decoration: underline;}
#footer a:active {
		color: #ffffff; 
		text-decoration: none;}

#footerSpace {
	background-color: #ffffff;
	height: 2px;
	margin-left: 0px;
	width: 779px;
	background-image: url(images/headerFullBottom.gif);	
	Float: left
}

.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #4F4F4F;
}

.greenTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #637621;
	font-weight:bold;
}

/* --- Form styles --- */

form input, textarea {
        border: 1px solid #211F44;
        font-size: 11px;
        padding: 3px;
        font: normal 11px, Arial, Verdana, sans-serif;
        width: 250px;
        }

textarea {
        width: 200px;
        }

.button {
        width: 60px;
        background-color: #FFF;
        }

label {
        font-weight: bold;
        }

fieldset {
        border: none;
        }