@charset "utf-8";
/* CSS Document */

	html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	}
	
	body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 80%;
	width: 100%;
	background-color:#EBCCFF;
	}
	#topimage {
	margin-top:5%;
	margin-left:0px;
	background-image:url(../images/topbg.jpg);
	width:965px;
	height:20px;
	}
	
	#topimage p {
	margin-left:230px;
	margin-top:2px;
	color:#FFFFFF;
	}
	
	#topimage a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
	#topimage a:hover {
	text-decoration:underline;
	}
	
	#container #wrappertop {
	background-image:url(../images/topBottom.jpg);
	background-repeat:no-repeat;
	width:965px;
	height:1px;
	}
	
	#container #wrapperbtm {
	background-image:url(../images/bottom.jpg);
	background-repeat: repeat-y;
	width:965px;
	height:3px;
	}
	
	#container {
	width:965px;
	height:auto;
	margin:10px auto 0px auto;
	}
	
	#clear {
	clear:both;
	}
	
	#container #wrapper{
	float:right;
	width: 755px;
	background-color: #ffffff;
	margin: 10px 0px auto 0px;
	text-align: left;
	height:auto;
	border:1px solid  #999999;
	border-bottom:3px solid  #999999;
	}
		
	#logo{
	background-image: url(../images/logo.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:157px;
	border-bottom:1px solid  #999999;	
	}
	#container #leftcol {
	border:1px solid  #999999;
	float: left;
	width: 200px;
	margin-left:0px;
	margin-top:10px;
	}
	#container #leftcol #nav {
	border-bottom:2px solid  #999999;
}

#container #leftcol #nav ul {
padding: 0;
margin: 0;
background-color: transparent;
list-style-type: none;
}

#container #leftcol #nav ul li {
display: inline;
padding: 0;
margin: 0;
}

#container #leftcol #nav ul li a{
background-color:#FFFFFF;
border-bottom: 1px solid  #999999;
color: #000000;
display: block;
padding: 4px 0 6px 4px;
text-decoration: none; 
height: 1%;
}

#container #leftcol #nav ul li a:hover, #container #leftcol #nav ul li a:focus {
background-image: url(../images/hoverimg.jpg);
border-right: 1px solid #FFFFFF;
color: #000000;
}

#content {
margin: 10px 5px 9px 10px;
}

#content p {
text-align:justify;
margin-left:430px;
}

#content h2 {
text-align:justify;
margin-left:430px;
}

#content #cnav{
border-bottom: 0px solid #000000;
}

#content #cnav ul{
padding: 0;
margin: 0;
}

#content #cnav ul li{
display: inline;
padding: 0;
margin: 0;
}

#content #cnav ul li a{
color: #000000;
background-color: #FFFFFF;
text-decoration: none;
padding: 0 10px 0 10px;
border: 1px solid  #999999;
text-align: center;
width: 9em;
}

#content #cnav ul li a:hover, #cnav ul li a:focus{
background-color: #B6935F;
color:#FFFFFF;
}

#footer {
margin-left:645px;
margin-top:10px;
width:320px;
height:30px;
background-color:#5A075F;
}

#footer p {
color:#FFFFFF;
text-align:right;
margin-right:5px;
margin-top:7px;
}

.imageleft{
float: left;
margin: 0 10px 0px 0;
}

.rightimage {
float: right;
margin-right:10px;
}

#paymentlogo {
margin-top:5px;
margin-left:500px;
}

#terms {
margin: 10px 5px 9px 10px;
}

#terms p {
text-align:justify;
margin-left:10px;
}

#terms h2 {
text-align:justify;
margin-left:10px;
}

#voucherapply {
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
}

#tellfriend {
margin-left:10px;
}

#righttext {
margin-top:50px;
margin-left:10px;
height:130px;
text-align:justify;
}

#about {
margin: 10px 5px 9px 10px;
}

#about p {
text-align:justify;
margin-left:10px;
}

#about h2 {
text-align:justify;
}

#mctable {
float:left;
margin:5px 0 0 5px;
}

#mothercollection {
	float:left;
	background-color:#F8ECFF;
	width:400px;
	margin:5px 0px 0px 25px;
}

#mothercollectionclear {
clear:both;
}

#step4 {
height:30;
}

#mothercollection p {
margin:5px 5px 5px 5px;
}

