﻿body {
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#E6DEE7;
		color:#666666;
		margin:0;
		padding:0;
		}
#wrapper 
{
	width:959px;
	margin:10px auto 0 auto;
	padding-top:40px;
	background:url(../images/ribbons.gif) top right no-repeat;
}
#container {
		width:803px;  
		height:100%; 
		margin:0 auto;
		background-color:#FFFFFF
		}

#header {
		height:130px; 
		background-image:url(../images/header.jpg);
		}

.ribbons {
		background:url(../images/ribbons.gif) 0 0 no-repeat;
		height:309px; 
		width:262px;
		position:absolute;
		margin-left: 619px;
		margin-top: -41px;
		z-index:-1;
		}
	
.clear {clear:both;}
.floatleft {float:left;}

/* TOP ----------------------------------------------- */
#nav {
		height:37px; 
		background-image:url(../images/navigation/nav.gif);}

#nav ul li {
		list-style-type: none; 
		float: left; 
		padding: 0;
		margin:0;
		font-size:13px;
		text-align:center;}

#nav ul {
		margin:0;
		padding:0;
		clear:right;}

#nav a {
		margin-top:8px;
		color: #fff;
		text-decoration: none;
		display: block;
		width: 130px;
		border-right: 1px solid #caebfc;
		}

.tel  {
	font-size:16px;
	width:141px;
	color:#FFFFFF;
	margin-top:8px;
	top: 181px;
		
	}
	
/* LEFT ---------------------------------------------------------- */
#left {width:140px; float:left;}

.search {
		padding:0 0;
		margin-top:10px;
		margin-left:0;}

.leftnav {width:147px; height:243px;  padding:0; margin:0;}

.leftnav li {
		height:26px; 
		width:147px; 
		background-image:url(../images/navigation/left/left.gif); 
		margin:5px 0 5px 0; 
		line-height:26px; 
		list-style-type:none;}

.leftnav li a  {
		margin-left:5px; 
		text-decoration:none; 
		color:#FFFFFF;}

#left li.openbutton {
		height:35px;
		padding-left:15px; 
		color:#FFFFFF;}

#left li.openbutton a {margin-left:16px; text-decoration:none}		

#left ul.openlist {
	list-style-type:none;
	position:absolute;
	margin-top:10px;
	width: 158px;
	margin-left: 5px;
	padding:0;
	top: 520px;
		}

#left li.sign {
		background-image:url(../images/navigation/left/open.gif); 
		background-repeat:no-repeat;
		height:110px;}

#left li.samp  {
		background-image:url(../images/navigation/left/sample.gif); 
		height:96px; 
		padding:0 0;
		margin-top:-4px;}	

.open {
		height:115px; 
		background-color:#000099;}

.phone {	
		width:131px; 
		height:41px; 
		background-color:#66FF66; 
		margin-left:10px;}

/* CENTRE ------------------------------------------------------*/

#centre {width:495px; float:left; padding:0 10px 30px 30px;}
#centre-wide {width:599px; float:left; padding:0 10px 30px 30px;}

.centreNav { margin-left:0; width:504px;}
.centreNav ul  {
		margin-left: 0;
		padding-left: 0;
		display:inline; 
		float:left;
		}
	
.centreNav li {
		margin-right:12px;
		list-style: none; 
		float:left;
		width:235px; 
		height:88px;
		font-size:1px; 
		
		}
		
		.centreNav li a {
		color:#FFFFFF;
		float:left;
		width:235px; 
		height:88px;
 
	
		}
		
.centreNav li.party a {background-image:url(../images/navigation/centre/long_party.gif) }
.centreNav li.wedding a{background-image:url(../images/navigation/centre/long_wedding.gif)}
.centreNav li.birthday a{background-image:url(../images/navigation/centre/long_birthday.gif);}
.centreNav li.kids a{background-image:url(../images/navigation/centre/long_kids.gif);}


/* RIGHT -------------------------------------------*/
#right {width:104px;  float:right;}

.rightNav {height:482px; margin:0; padding:0; }
.rightNav ul {padding:0; margin:0 ;   }
.rightNav li {height:108px; width:103px;  list-style-type:none; background-repeat:no-repeat; margin-left:1px;}

.rightNav li.christening {background-image:url(../images/navigation/right/christening.gif) }
.rightNav li.wedding {background-image:url(../images/navigation/right/wedding.gif)}
.rightNav li.birthday {background-image:url(../images/navigation/right/birthday.gif);}
.rightNav li.anniversary {background-image:url(../images/navigation/right/anniversary.gif);}

.rightNav li a 	{display:block;
		float:left;
		width:103px;
		height:20px;
		padding:88px 0 0 0;
		color:#FFFFFF;
		text-align:center;
		text-decoration:none;}
	
	
/* HEADERS -------------------------------------------------------------------- */
h1, h2, h3, h4, h5 
{
	clear:both;
}
h1 {
		width:400px; 
		height:57px; 
		font-size:20px;
		}
		
h1 span {
		position:absolute;
		width:480px;
		height:52px;}

span.blank {background-image:url(../images/headers/blank.gif);}
span.home {background-image:url(../images/headers/homepage.gif);}
span.samples {background-image:url(../images/headers/balloon_samples.gif);}
span.balloons {background-image:url(../images/headers/balloon.gif);}
span.contact {background-image:url(../images/headers/contact_us.gif);}
span.imagegallery {background-image:url(../images/headers/image_gallery.gif);}
span.privacy {background-image:url(../images/headers/privacy.gif);}
span.terms {background-image:url(../images/headers/terms.gif);}
span.usingthewebsite {background-image:url(../images/headers/usingthewebsite.gif);}
span.thanks {background-image:url(../images/headers/thanks.gif);}

h2 
{
	color:#5a0a82;
	font-size:18px;
}

h3 
{
	margin-top:10px;
	padding-top:5px;
}

/* FOOTER ------------------------------------------*/

.footer {
		width:803px;  
		height:100%; 
		margin:0 auto; 
		background-image:url(../images/footer.gif);
		}
ul.footer-nav 
{
	list-style:none;
	margin:10px 0;
	padding:0;
	font-size:90%;
}
ul.footer-nav li 
{
	display:inline;
	padding:0 10px;
	border-right:1px solid #5a0a82;
}
ul.footer-nav li.last
{
	border-right:0;
}
ul.footer-nav li a
{
	text-decoration:none;
}
/* FORMS N SHITE ------------------------------------------*/
label 
{
	display:block;
	float:left;
	width:150px;
	color:#5a0a82;
}
input.short-input
{
	width:60px;
}
input.button 
{
	margin-left:100px;
	display: block;
	text-align: center;
	line-height: 1.4em;
	padding: 10px;
	cursor: pointer;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-weight:bold;
	background: #5a0a82;
	padding: 8px 10px;
	color: #fff;
	border:0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
input.small-button 
{
	display: block;
	text-align: center;
	line-height: 1.2em;
	cursor: pointer;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	background: #5a0a82;
	padding: 4px 5px;
	color: #fff;
	border:0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size:80%;
}
input.backbutton
{
	margin-left:60px;
	display: block;
	float:left;
	text-align: center;
	line-height: 1.4em;
	padding: 10px;
	cursor: pointer;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-weight:bold;
	background: #5a0a82;
	padding: 8px 10px;
	color: #fff;
	border:0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;

}
input.skipbutton
{
	margin-left:20px;
	float:left;
	display: block;
	text-align: center;
	line-height: 1.4em;
	padding: 10px;
	cursor: pointer;
	font-family:"Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-weight:bold;
	background: #5a0a82;
	padding: 8px 10px;
	color: #fff;
	border:0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

p.step-message 
{
	font-weight:bold;
	color:#5a0a82;
	
}
/* GENERAL OTHER STYLES ------------------------------------------*/
#centre p 
{
	line-height:1.4em;
}
.highlight 
{
	color:#5a0a82;
}
a img 
{
	border:0;
}
a 
{
	color:#5a0a82;
}
a.back 
{
	background:#fff url(../images/back.png) 0 2px no-repeat;
	float:right;
	padding:6px 0 5px 26px;
	text-decoration:none;
	z-index:100;
}
.small 
{
	font-size:90%;
}
.error 
{
	color:#D81E0A;
}
a.request-link 
{
	display:block;
	height:100px;
	width:140px;
	position:relative;
	margin-top:20px;
}
a.request-link span 
{
	position:absolute;
	width:100%;
	height:100%;
	background:#fff url(../images/request.jpg) 0 0 no-repeat;
	
}
.bookmarks 
{
	padding-left:10px;
}
.bookmarks p 
{
	margin:0;
	padding:0;
}
.bookmarks p.head 
{
	color:#5a0a82;
	background:#fff url(../images/heart-gold.png) 0 4px no-repeat;
	height:15px;
	padding-left:30px;
	padding-top:10px;
}
ul.bookmark-list 
{
	margin:10px 0;
	padding:0;
	list-style:none;
}
ul.bookmark-list li 
{
	padding:0 10px 0 17px;
	background:#fff url(../images/heart-gold-xxs.png) 0 -1px no-repeat;
}

ul.cat-list 
{
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}
ul.cat-list li 
{
	display:block;
	float:left;
	width:130px;
	height:130px;
	border:1px solid #5A0A82;
	margin-right:20px;
	margin-bottom:20px;
	line-height:120px;
	text-align:center;
}
ul.cat-list li a 
{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
}
ul.cat-list li a:hover
{
	background-color:#5A0A82;
	color:#fff;
}
ul.sub li 
{
	height:65px;
	line-height:60px;
}

.balloon-box 
{
	border:1px solid #E6DEE7;
	padding:10px;
	margin-top:10px;
}

.balloon-box h3 
{
	margin-top:0;
	
}

.balloon-box p.price 
{
	font-weight:bold;
	float:right;
	color:#5a0a82;
}
.balloon-box img 
{
	float:left;
	margin-right:10px;
}
a.add-bookmark 
{
	clear:both;
	padding:10px 0 10px 30px;
	background:#fff url(../images/heart-gold.png) 0 4px no-repeat;
}
div.RelatedBalloons 
{
	margin:0;
	padding:0;
	list-style:none;

}
.rel-balloon 
{
    display:block;
    margin:5px;
    padding:5px;
    float:left;
    border:1px solid #E6DEE7;
    width:130px;
    text-align:center;
}

a.gallery img 
{
	padding-right:12px;
	padding-bottom:10px;
}

table.contact th 
{
	text-align:left;
	padding-right:10px;
	vertical-align:top;
}
table.contact td 
{
	padding-bottom:10px;
}
textarea.contact-form 
{
	height:200px;
	width:300px;
}
ul.homepage li 
{
	margin:5px 0;
}
p.order-total 
{
	padding-top:10px;
	font-size:1.2em;
	font-weight:bold;
}
table.pay-detail 
{
	width:100%;
	margin:0;
}
table.pay-detail th 
{
	text-align:left;
}
#tag-cloud 
{
	text-align:justify;
	margin-top:10px;
}
#tag-cloud a 
{
	text-decoration:none;
}
#tag-cloud a:hover 
{
	text-decoration:underline;
}