@charset "utf-8";
/* CSS Document */
body{
/*background-color: #6f1200;
background-image:url(../images/pageBack.gif);*/
color: #5b3f3c;
font-family: arial;
font-size: 12px;
margin: 0px;

background-color: #f9cbdf;

}
a:link, a:active, a:visited{
	color: #663333;
}
a:hover{
	color: black;
}
h1{
	color: #5b3f3c;
	font-size: 14px;
	text-transform: uppercase;
}
h2{
	color: #5b3f3c;
	font-size: 12px;
	padding: 0px 0px 5px 0px;
}
p{
	margin: 8px 5px 5px 8px;

}
#global{
	position:absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 600px;
	margin-top: -315px;
	margin-left: -475px; /* half the width */
	background-color: #FFF;
}

#header{
width: 385px;
float: left;
height: 600px;
text-align: center;
background-image: url(../images/weddings/headerBack.gif);
background-repeat: no-repeat;
background-color: white;
}
#headerFlavours{
width: 390px;
float: left;
height: 600px;
text-align: center;
background-image: url(../images/weddings/headerBack.gif);
background-repeat: no-repeat;
background-color: #663333;
 background-image: url(../images/weddings/flavors/headerBackFlavours.gif);
}
#headerCollection{
width: 385px;
float: left;
height: 600px;
text-align: center;
background-image: url(../images/weddings/headerBack.gif);
background-repeat: no-repeat;
background-color: #663333;
 background-image: url(../images/weddings/flavors/headerBackFlavours.gif);
}
#headerCollectionL{
width: 385px;
float: left;
height: 600px;
text-align: left;
background-image: url(../images/weddings/headerBack.gif);
background-repeat: no-repeat;
background-color: #663333;
 background-image: url(../images/weddings/flavors/headerBackFlavours.gif);
}
#FlavourRgtImg{

float: left;
margin: 25px 0px 25px 103px; 
}
#RightCol{
width: 445px;
float: left;
margin: 0px 0px 0px 0px;	
height: 600px;
background-image: url(../images/weddings/RightImage.jpg);
background-repeat: no-repeat;
background-position: center;
}
#RightColCollections{
width: 445px;
float: left;
margin: 0px 0px 0px 0px;	
height: 600px;
background-image: url(../images/collections/RightImage.jpg);
background-repeat: no-repeat;
background-position: center;
}
#RightColGrid{
width: 430px;
float: left;
height: 600px;
margin: 0px 15px 0px 0px;	
}
#RightColGridCelebrations{
width: 430px;
float: left;
height: 600px;
margin: 0px 7px 0px 8px;	
}
RightColGridCelebrationsL{
	
}
#RightBandCelebrations{
	width: 120px;
float: left;
height: 600px;
background-image: url(../images/collections/rightBackImg.gif);
background-repeat: no-repeat;
background-position: center;
text-align: center;
}
#footerCopywright{
	float: left;
	width: 950px;
	height: 30px;
	padding: 15px 0px 0px 0px;
	background-color: #f9cbdf;	

}
#footerCopywrightLeft{
	float: left;
	width: 475px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#footerCopywrightRight{
	float: left;
	width: 475px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}
#footerCopywrightRight a:link,#footerCopywrightRight  a:visited,#footerCopywrightRight  a:active{
	color: #a96d87;
	text-decoration: none;
}
#footerCopywrightRight a:hover{
	color: #a96d87;
	text-decoration: underline;
}
#footerCopywrightLeft a:link,#footerCopywrightLeft  a:visited,#footerCopywrightLeft  a:active, #footerCopywrightLeft a:hover{
	color: #a96d87;
	text-decoration: none;
}
.GrideImgl{
	margin: 0px 9px 9px 0px;
	width: 137px;
	height: 137px;
}
a.GrideImgl:active{
color: white;
}
.GrideImgr{
	margin: 0px 0px 9px 0px;
		width: 137px;
	height: 137px;
}
#GridCont{
height: 440px;
margin: 20px 0px 20px 0px;
}
#DetailCont {
text-align: center;
}
#DetailCont img{
text-align: center;
}
#RightBand{
	width: 120px;
float: left;
height: 600px;
background-image: url(../images/weddings/rightBack.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;

}
#RightBandCollections{
	width: 120px;
float: left;
height: 600px;
background-image: url(../images/collections/rightBackImg.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
}
#RightBandTiered{
	width: 120px;
float: left;
height: 600px;
background-image: url(../images/weddings/rightBack2.gif);
background-repeat: no-repeat;
background-position: center;
text-align:center;
}
#RightColFlav{
width: 474px;
float: left;
height: 600px;
background-color: white;
line-height: 18px;
}
#RightBandFandM{
		width: 120px;
float: left;
height: 600px;
background-image: url(../images/weddings/fandm/rightBack-fandm.gif);
background-repeat: no-repeat;	
background-position: center;
text-align:center;
}
#RightColFlavMenu{
	width: 393px;
float: left;
height: 600px;
background-color: white;
background-repeat: no-repeat;
}
#RightBandFlv{
	width: 86px;
float: left;
height: 600px;
background-image: url(../images/weddings/flavors/rightBack-flavours.gif);
background-repeat: no-repeat;
background-position: right;
text-align:center;
}
.rgtBut1{
	margin: 20px 0px 0px 0px;
	}
	
.rgtBut2{
	margin: 142px 0px 0px 0px;
	}
.rgtBut3{
	margin: 142px 0px 0px 0px;
	}
#Image2{
	margin: 9px 0px 9px 0px;
}
#Peggys-Logo{
margin: 25px 0px 0px 0px;

}
#top-menu{
color: #5b3f3c;
width: 100%;
text-align: center;
margin: 5px 0px 5px 0px;
}
#top-menu a.topMenu{
color: #5b3f3c;
text-transform: capitalize;
text-decoration: none;
font-size: 13px;
}
#top-menu a.topMenu:hover{
color: #000000;
text-decoration: underline;
}
#latesNews{
	text-align: right;
	width: 403px;
	margin: 44px 0px 10px 0px;
	display: block;
	visibility: hidden;
}
#Menu{
float: left;
margin: 0px 0px 0px 128px;
overflow: hidden;
text-align: left;
width: 133px;
}

#Menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 133px;
	}

#Menu ul li {
	float: left;
line-height: 25px;
margin: 0px 0px 15px 0px;
text-align: center;
	}
	
/* Styles for Menu Items */
#Menu ul li a {
	background: url(../images/buttons/MainButton.png) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
	}
/* Fix IE. Hide from IE Mac \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */

#Menu ul li a:hover { background: url(../images/buttons/MainButtonOver.png) no-repeat left top; } /* Hover Styles */

.menuitem{
	padding-left: 10px;
}
.MenuPinkOuty{
float: left;
margin: 0px 0px 0px 128px;
overflow: hidden;
text-align: left;
width: 133px;
}

.MenuPinkOuty ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	width: 133px;
	}

.MenuPinkOuty ul li {
	float: left;
margin: 0px 0px 15px 0px;
text-align: center;

	}
	
/* Styles for Menu Items */
.MenuPinkOuty ul li a {
	 background: url(../images/buttons/PinkOuty.png) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #613437;
	line-height: 25px;
	text-transform: uppercase;
	}
/* Fix IE. Hide from IE Mac \*/
* html .MenuPinkOuty ul li { float: left; height: 1%; }
* html .MenuPinkOuty ul li a { height: 1%; }
/* End */

.MenuPinkOuty ul li a:hover  { background: url(../images/buttons/PinkOutyOver.png) no-repeat left top; } /* Hover Styles */


img{
	border: 0px;
}
#Content{
	width: 172px;
	height: 237px;
	margin: 50px 0px 10px 109px;
	text-align: center;
	font-size: 13px;
	float: left;
}
#ContentCelebrations{
	width: 262px;
	height: 270px;
	margin: 10px 0px 10px 60px;
	text-align: center;
	font-size: 13px;
	float: left;

}
#ContentCelebrations h1{
color: white;
}
#ContentCelebrationsL{
	width: 262px;
	margin: 10px 0px 10px 60px;
	text-align: left;
	font-size: 13px;
	float: left;
	color: white;
	height: 215px;
	
}
#ContentCelebrationsL h1{
color: white;
}
#ContentCelebrationsL p{
color: white;
}
#ContentCollection{
	width: 157px;
	height: 220px;
	margin: 35px 0px 35px 116px;
	font-size: 13px;
	float: left;
}
#Tiered-Content{
	width: 270px;
	margin: 15px 0px 15px 51px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	float: left;
}
#Left-Content{
	width: 280px;
	height: 260px;
	margin: 15px 0px 15px 51px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	float: left;
}
#ContentDes{
	
	width: 272px;
	height: 237px;
	margin: 30px 0px 20px 54px;
	text-align: center;
	font-size: 13px;
	line-height: 20px;
	float: left;
}
#ContentDes h1{
	font-size: 13px;
	line-height: 16px;
	text-transform: capitalize;
	margin: 10px 0px 10px 0px;
	text-align: center;
}
#Content-fandm{
	width: 307px;
	margin: 0px 0px 10px 35px;
	text-align: center;
	font-size: 12px;
	float: left;
}
#WelcomeCont
{
	background-image: url(../images/weddings/textBack.png);
	color: #5b3f3c;
	width: 140px;
	margin: 20px 25px 140px 260px;
	padding: 10px;
}
#CollectionsCont{
	background-image: url(../images/weddings/textBack.png);
	color: #5b3f3c;
	width: 160px;
	margin: 20px 25px 140px 240px;
	padding: 10px;
}
#RightColFandM{
		background-image: url(../images/weddings/fandm/RightImage.jpg);
width: 430px;
margin: 0px 15px 0px 0px;
float: left;
height: 600px;
background-repeat: no-repeat;
background-position: center;
}
#FlavCont
{
	color: #5b3f3c;
	width: 415px;
	margin: 10px 0px 140px 20px;
	padding: 10px;
}
#CupCakesThumb{
margin: 0px 10px 0px 50px; 
float: left;
width: 125px;
text-align: center;
	}
#tieredCakeThumb{
margin: 0px 10px 0px 25px; 
float: left;
width: 125px;
text-align: center;
	}
	
	.MenuFlav{
float: left;
margin: 0px 0px 0px 128px;
overflow: hidden;
text-align: left;
width: 133px;

}
.MenuFlav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	float: left;
	width: 133px;
}

.MenuFlav li {
/*width: 180px;*/
font-size: 12px;
line-height: 25px;
margin: 0px 0px 15px 0px;
text-align: center;
}

.MenuFlav a {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #5b3f3c;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:link {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #5b3f3c;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:visited{
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #5b3f3c;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav a.ml:active {
	background: url(../images/buttons/MainButtonFlav.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #5b3f3c;
	line-height: 25px;
	text-transform: uppercase;
}
.MenuFlav  a.mlAct{
	background: url(../images/buttons/MainButtonFlavOver.gif) no-repeat left top;
	text-decoration:none;
   padding:0px;
	width: 133px;
	display: block;
	font-weight: bold;
	color: #5b3f3c;
	line-height: 25px;
	text-transform: uppercase;
}
.menuitem{
	padding-left: 10px;
}
.MenuFlav a.ml:hover { background: url(../images/buttons/mainButtonFlavOver.gif) no-repeat left top; color: #5b3f3c; }
#fandm-logo{
margin: 0px 0px 0px 114px; 
float: left;
}
.exMenu{
	margin: -1px 0px 12px 0px;
}
h1.cntImg{
	text-align: center;
	margin: 20px 0px 0px 0px;
}
.hello{
float: right;

}
.pressMenu{
	float: left;
	text-align: center;
	margin: 10px 0px 10px 10px;
	width: 490px;
	line-height: 25px;
}
.pressMenu a{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: none;
}
.pressMenu a:link{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: none;
}
.pressMenu a:active{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: none;
}
.pressMenu a:hover{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: underline;
}
.pressMenu a.act{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: underline;
}
.booksMenu{
	
}
.GridMenu{
text-align: center;
padding: 5px 0px 0px 0px; 
}

.GridMenu a{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: none;
}
.GridMenu a:active{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: none;
}
.GridMenu a:hover{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: underline;
}
.GridMenu a.act{
padding: 0px 5px 0px 5px; 
color: #5b3f3c;
text-decoration: underline;
}
.greyout{
padding: 0px 5px 0px 5px; 
	color: #c1c1c1;
}
#ContentCelebrations{
	color: white;
}
.lftImg{
	float: left;
	margin: 0px 10px 10px 0px; 
}
.rgtImg{
	float: right;
	margin: 0px 0px 10px 10px; 
}

.PressImgl{
	margin: 0px 16px 9px 0px; 
	float: left;
	width: 150px;
}
.PressImgr{
	margin: 0px 0px 9px 0px; 
	float: left;
	width: 150px;
}

#mainImg{

}
#PressCont
{
	/*background-image: url(../images/weddings/textBack.png);/*/
	color: #5b3f3c;
	width: 490px;
	margin: 5px 0px 0px 10px;
	padding: 10px;
	text-align: center;
	float: left;
	height: 440px;

}
#bookThumbs{
		color: #5b3f3c;
	width: 490px;
	margin: 5px 0px 10px 5px;
	padding: 0px;
	text-align: center;
	float: left;
	height: 400px;
}
#pressHead{
float: left;
width: 300px;
height: 41px;
}
#pressCount{
float: left;
width: 180px;
text-align: right;

padding: 15px 0px 0px 0px;
height: 26px;
}
.bookThumb{
	width: 150px;
	height: 200px;
	float: left;
	margin: 0px 10px 10px 0px;
}
.mainImageBook{
	width: 150px;
	height: 200px;
	float: Right;
	margin: 0px 0px 5px 10px;
}
.Form_Prompt_Error{
	color: #f96b98;
	padding: 10px 0px 0px 0px;
}
.Form_Prompt_Error img{

}
.Form_Prompt{
margin: 10px 0px 0px 0px;
	vertical-align: baseline; 

	

}
label, input{
	width: 206px;
}
select{
	width: 214px;
}
label{
	margin: 0px 0px 0px 0px;
}

.contactCon{
	width: 220px;
	margin: 0px 20px 0px 0px; 
	float: left;
}
.contAdd{
text-align: center;
line-height: 22px;
}