* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:70.5%;
	background-color:white;
	color:black;

	
}



p , td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

h3 {
	margin-bottom:10px
}

.smallText {
font-size:0.7em;

}

/* ---- Common sections layout styling ----- */


#pageWrapper {
	background-image:none;
	margin: 0 auto;
	text-align:left;
	height:100%;
	width: 569px;
	


}


.navigation {
	display:none;

}



#pageContent {
	display:block;
	position:relative;
	background-color:#97b5cf;
	margin:0;
	font-size: 1.5em;


}





/* if div tag embeded in pageContent works apart from IE
if below pageContent div tag not working appeares just belove the navigation ?*/
.footer {

	position:relative;
	display:block;
	top:170px;
	left:16px;
	background-image:url(images/boxbottom2.gif);
	background-repeat:no-repeat;
	width:499px;
	height:32px !IMPORTANT; height:200px;
	padding:18px;

}



/* ---- */






.hidden {
	display: none;
}

.hiddenText {
	display: none;
	text-indent:-9999px;
}





/* --- home page styles  --- */

* html .home {
	/* ie hack  for front page that is not centered correctlt */
	position:relative;
	left:51px;

}



/* --- Common page styles  --- */

#pageContent li {
	font-size:0.9em;
  margin-left: 0;
  display: inline;
  white-space: nowrap;
}


#pageContent li a {
	padding-left:10px;
	padding: 0 10px;
	border-left: 2px solid #084b89;
	text-decoration:none;
	color:#084b89;
	
}

#pageContent li a:focus,
#pageContent li a:hover,
#pageContent li a:active {
  text-decoration: underline;
}

#pageContent a:focus img,
#pageContent a:hover img,
#pageContent a:active img {
  text-decoration: none;
}

#pageContent li.first  a {
	border-left: none;
	padding:0 10px 0 0;
}

#pageContent li.current  a {
	font-weight:bold;

}


h4 {
	margin-bottom:10px;

}

/* --- Gallery page styles  --- */

.gallery h1,
.about h1,
.planning h1,
.decorating h1,
.contact h1 
 {
	text-indent:-9999px;
	position:relative;
	height:40px;
	padding-bottom:8px;
	border-bottom: 2px solid #084b89;
}

.contact h1 
 {
	background:url(images/heading-gallery.gif) no-repeat top right;
}
	

.about h1 {
	background:url(images/heading-aboutus.gif) no-repeat top right;
}

.planning h1 {
	background:url(images/heading-wedding-planning.gif) no-repeat top right;
}

.decorating h1 {
	background:url(images/heading-decorating.gif) no-repeat top right;
}

.contact h1 {
	background:url(images/heading-contact.gif) no-repeat top right;
}

.gallery h1
{
	background:url(images/heading-gallery.gif) no-repeat top right;
	border-bottom: none;
}

.gallery h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.4em;
	position:relative;
	text-align:right;
	color:#084b89;
	font-weight:200;
	padding-bottom:11px;
	border-bottom: 1px solid #084b89;
}

.aspPage h2 {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:1.8em;
	position:relative;
	text-align:right;
	color:#084b89;
	font-weight:200;
	padding-bottom:8px;
	border-bottom: 2px solid #084b89;
}



.header {
	margin-top:10px;
	padding-bottom:10px;
}

* html .header {
	margin-top:30px;
	padding-bottom:10px;
}

.myfavouriteslink {
	float:right;
	padding-left:40px

}

/* ------ Thumbnails -------- */

.thumbnails {
min-height:300px;

}

.thumbnails img {
	padding:1px;
	padding-bottom:20px;

}



#pageContent .thumbnails a:focus,
#pageContent .thumbnails a:hover,
#pageContent .thumbnails a:active{
  text-decoration: none;
}


.thumbnails .acake {
width:118px;
display:inline;
float:left;
xtext-align:left;

}

.thumbnails .acakeland {
width:245px;
display:inline;
float:left;

xtext-align:left;


}

.thumbnails .acake:hover {
color:#000000;


}

.thumbnails .acake .code {
width:100%;
text-align:center;
font-weight:bold;
}


p a:hover
{
	xbackground: inherit;
	color: #000;
}


.batchNavigation {
	border-top: 1px solid #084b89;
	padding-top:10px;
	margin-top:10px;
	text-align:right;

}

/* --- Cake details box  --- */

#cakedetailsbox {
	width:495px;
	
	
}

#cakedetailsbox .cakeheader {
	color:#c4d1df;
	background-color:#084b89;
	background-image:url(images/details-box-top.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:485px;
	height:2.7em;
	

}

#cakedetailsbox .cakeheader a {
	color:#c4d1df;


}

#cakedetailsbox .cakeheader {
	padding:5px;
	
}

#cakedetailsbox .cakeheader p {
	xmargin-top:10px;		
}

#cakedetailsbox .cakeheader .cakecode {
	font-size:1.9em;
	margin-right:150px;

}


#cakedetailsbox .cakecontent {
	border-left: 1px solid #084b89;
	border-right: 1px solid #084b89;
	background-image:url(images/bg-fade.gif);
	background-repeat:repeat-x;
	padding:10px;
	background-color:#c4d1df;
	

}

#cakedetailsbox .cakephoto {
	float:left;
	margin-right:10px;
	width:51%;
	xbackground-color:#FFFF00;

}

#cakedetailsbox .caketext {
	float:left;
	width:45%;
	xbackground-color:#00FF00;
}

#cakedetailsbox .cakefooter {
	xbackground-color:#084b89;
	background-image:url(images/details-box-bottom.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-position:top;
	width:495px;
	height:8px;
	
}

.cakeAttributes {
	display:block;
	margin-top:16px;
	xbackground-color:#CC99FF;
}

.cakeAttributes strong {
	

}

.cakeAttribute {
	margin-top:-1.3em;
	margin-right:0px;
	float:right;
	xbackground-color:#999900;
}


/*------- Gallery Icons --------*/

.emailFriendIcon {
	text-indent:-9999px;
	display:block;
	float:left;
	background-image:url(images/email-icon.gif);
	background-repeat:no-repeat;
	height:57px;
	width:51px;
	xpadding:2px;

}

.addFavoritesIcon {
	text-indent:-9999px;
	display:block;
	float:left;
	background-image:url(images/myfavourites-icon.gif);
	background-repeat:no-repeat;
	height:57px;
	width:76px;
	xpadding:2px;

}

.removeFavoritesIcon {
	text-indent:-9999px;
	display:block;
	float:left;
	background-image:url(images/remove-favourites-icon.gif);
	background-repeat:no-repeat;
	height:57px;
	width:76px;
	xpadding:2px;

}

.orderCakeIcon {
	text-indent:-9999px;
	display:block;
	float:left;
	background-image:url(images/ordercake-icon.gif);
	background-repeat:no-repeat;
	height:57px;
	width:49px;
	xpadding:2px;
}

/*------ General Stuff ----------*/

textarea, input, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: black;
}



#pageContent input:focus, #pageContent textarea:focus{
	border-width:thin;
	border-style:solid;
	border-color:#0066CC;
	
}



p {
  margin-bottom: 1em;
  line-height: 130%;
}


 ul,  ol {
  margin-bottom: 2em;
  line-height: 130%;
}

 li {
  margin-left: 20px;
}


/* -- correction for Win IE 5.5 (harmless in others) -- */
* html table { font-size: 1em; }

/* -- Make vertical scrollbar permanent -- */
/*\*/ 
html, body { height: 100%; }
html { min-height: 100%; margin-bottom: 1px; }	
/* */

/*********************
 * html
 *********************/
html { overflow-y: scroll; }
html { overflow: -moz-scrollbars-vertical; }

/* --- useful classes --- */

h1 .hidden {
	position: absolute;
	top: 0;
	left: -9999px;
	height: 1px;
	width: 1px;
}