/* CSS Document */
body {
	font-family: Century Gothic, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other
font-sizes in % (preferred) or ems ***/
		}

/*#container-center{
	background: #000000 url(../images/bottom_sml.gif) no-repeat right bottom;
	}
/*end*/

/*styles for the entire site*/

 td.home a:hover, img a:hover{
 background:none;
 }
 
 td img a:hover{
 background:none;
 }
 
 td.homePage a:hover{
 background:none;
 }

a {
	text-decoration: none;
	outline: none;
	color:#DFC0AA;
	background:none;
	}
a:visited {
	color:#DFC0AA;
	}
a:active {
	color:#AFE4CA;
	background-image:none;
	
	}
a:hover {
	background:url(../images/horizDot.gif) repeat-x bottom;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 90%;
	line-height: 1.4em;
	margin-bottom: 1.2em;
	color:#fff;
	margin-right: .5em;
	}
.pinkHeading {
	font-family: "Century Gothic";
	font-weight: bold;
	color: #e1adad;
}
.pinkText{
	color: #e1adad;
	font-family: "Century Gothic";
	}
.breadcrumbArrow {
	background: url(../images/doubleArrow.gif) no-repeat center;
}
.whiteHeading {
	font-family: "Century Gothic";
	color: #FFF;
	font-weight: bold;
}
.toTop {
	font-size: 70%;
	background: url(../images/doubleArrowUp.gif) no-repeat right center;
	width: 90px;
	margin-top: 10px;
	margin-bottom: 20px;
}
.padding {
	padding: 5px;
	text-align: center;
}

.margin15{
	margin-top:15px;
	}
li {
	font-size: 90%;
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
	padding: .2em;
	}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	}
#infoRightContent ul{
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	list-style: url(../images/bullet_pink.gif) none;
	}
table{
	border:none;
	}
	
/*these classes are for the stockist pages or anywhere where you need to display data*/
table.dataDisplay {
	border:1px solid #f8d4d4; 
	margin:10px 20px;
	width:90%;
	}
table.stockist {
	border:1px solid #f8d4d4; 
	margin:10px 0;
	width:98%;
	}
	table.stockist td {
	padding:8px 0 8px 15px;
	vertical-align:top;
	}
table.dataDisplay td{
	padding:4px;
	vertical-align:top;
	}
/**************************************************/
table.peter
	{
	width:90%;
	}
td {
	font-size:90%;color:#fff; text-align:center;
	}
td.breadcrumb{
	text-align:right;
	}
td.homePage{
	text-align:left;
	width:210px;
	}
td.home, tr.home{
	vertical-align:top;
	text-align:center;
	}

td.home, tr.home a:hover {
	text-decoration:none;
	outline:none;
	background:none;
	padding-bottom:0;
	} 
	
/*this is only for the detail page!!!!!!!!!!***************
*******************************************************/
#detailBreadcrumb{
	float:left; width:60%;
	}
/******************************************************
*******************************************************/
img {
	border: 0;
	outline:none;
	}
img a{
	outline:none;
	border:0;
	}

#topCorner{
position:absolute; top:0px; left:0px; background:transparent url(../images/corner3.gif) no-repeat; width:220px; z-index:30; height:136px;}


.copyright {
	font: normal 65% Georgia, "Times New Roman", Times, serif;
}
#footer{
	background: #FBEEE4;
	z-index: 2;
}

#footer.corner3{background: #FBEEE4 url(../images/bottomRightSide3.gif) no-repeat right bottom;}


/*these styles are for the thumbnail catalogue pages and 4column catalogue index pages*/

p.thumbIntro {
	padding:0 12px;
	text-align:left;
	}
/*this is the header for the accessories catalogue home page*/
	
.accessoriesHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/accessories.gif) no-repeat center;
	width:180px;
	height:40px;
	}
/*this is the header for the peter trends catalogue & gowns home page*/
.peterTrendsHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/peterTrends.gif) no-repeat center;
	width:190px;
	height:40px;
	}
.gownsHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/gowns.gif) no-repeat center;
	width:190px;
	height:40px;
	}
/*these are the headers for the accessories & special occasions catalogue thumb pages*/
.bagsHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/finalTouchesHeader.gif) no-repeat center;
	width:230px;
	height:40px;
	}
.jewelleryHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/jewelleryHeader.gif) no-repeat center;
	width:190px;
	height:40px;
	}
.hairHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/hairHeader.gif) no-repeat center;
	width:200px;
	height:40px;
	}
.veilsHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/veilsHeader.gif) no-repeat center;
	width:180px;
	height:40px;
	}
.specialHeader{
	margin: 10px 0;
	background:url(../images/pageHeaders/specialHeader.gif) no-repeat center;
	width:240px;
	height:40px;
	}
/*these are the headers for the peter trends catalogue thumb pages*/

.alineHeader{
	margin: 10px 0 8px 0;
	padding-left:10px;
	background:url(../images/pageHeaders/alineHeader.gif) no-repeat center;
	width:190px;
	height:40px;
	}
	
.straplessHeader{
	margin: 10px 0 8px 0;
	background:url(../images/pageHeaders/straplessHeader.gif) no-repeat center;
	width:190px;
	padding-left:10px;
	height:40px;
	}

.slinkyHeader{
	margin: 10px 0 8px 0;
	padding-left:8px;
	background:url(../images/pageHeaders/slinkyHeader.gif) no-repeat center;
	width:190px;
	height:40px;
	}

.bigBeautifulBridesHeader{
	margin: 10px 0 8px 0;
	padding-left:8px;
	background:url(../images/pageHeaders/bigBridesHeader.gif) no-repeat center;
	width:260px;
	height:40px;
	}

.realLifeBridesHeader{
	margin: 10px 0 8px 0;
	padding-left:8px;
	background:url(/images/pageHeaders/realLifeBridesHeader.gif) no-repeat center;
	width:240px;
	height:40px;
	}


/*this is the header for the emanuella catalogue thumb page*/
.emanuellaCatalogue{
	margin: 10px 0 8px 0;
	background:url(../images/pageHeaders/emmanuellaHeader.gif) no-repeat center;
	width:190px;
	height:40px;
	}

	
	td.leftAlign{
		text-align:left;
		}
	
	/***********end thumbnail pages******************/
	
	
	
	/*these styles are for the detail pages*/
	td.detailText{
	padding-left: 20px;
	text-align:left;
	vertical-align: top;
	margin: 0px;
	padding-top: 0px;
	}
	.next {
	background: url(../images/doubleArrow.gif) no-repeat 110px 5px;
	margin-bottom: .7em;
	
	}

	.back {
	background: url(../images/doubleArrowLeft.gif) no-repeat 110px 5px;
	margin-bottom: .7em;
	}
	.email {
	background: url(../images/email.gif) no-repeat 110px center;
	margin-bottom: .7em;
	}
	/************************end*/

/*these styles are for the info pages and catalogue index pages*/
	
	#topImg {
	position:absolute;
	left:30px;
	top:176px;
	width:180px;
	height:230px;
	z-index:3;
	padding-top:50px;

}
#topImgStockist{
	position:absolute;
	left:30px;
	top:176px;
	width:160px;
	height:43px;
	z-index:3;
	padding-top:50px;
	}

.aboutHeader{
	background:url(../images/pageHeaders/aboutHeader.gif) no-repeat left top; 
	}
.contactHeader{
	background:url(../images/pageHeaders/contactHeader.gif) no-repeat left top; 
	}
.eventsHeader{
	background:url(../images/pageHeaders/eventsHeader.gif) no-repeat left top;
	}
.stockistsHeader{
	background:url(../images/pageHeaders/stockistsHeader.gif) no-repeat left top;height:40px;
	}	
.emanuellaHeader{
	background:url(../images/pageHeaders/emmanuella.gif) no-repeat -20px top;
	}
.specialOccHeader{
	background:url(../images/pageHeaders/specialOcc.gif) no-repeat left top;
	width:190px;
	height:40px;
	}
#bottomImg {
	position:absolute;
	left:130px;
	top:338px;
	width:170px;
	height:230px;
	z-index:4;
}

#infoRightContent {
	float:right;
	width:400px;
	color:#FFF;
	margin-right:20px;
	padding-top:30px;	
	position:relative;
	height: 100%;
	}

#infoRightContent.stockist {
	width:530px;
	}
#infoRightContent p{ text-align:justify;}

/*this class is for the info template pages that require breadcrumb navigation to push it away from the absolute div */
#infoRightContent p.first{
	padding-top:36px;
	margin: 10px;
	}
/*end*/

#infoLeftContent{
	float:left; width:300px; color:#FFF; height:500px;	
	}
	
#infoLeftContent p{
padding-left:20px; padding-right:20px; padding-top:20px;
}

#infoLeftContent p.first{
	margin-top:60px;
	}
.leftText {
	margin-top: 380px;
	margin-left:10px;
}

#infoLeftContent.stockists {
	width: 200px;
}


/*these are the styles for the ornamental first letters on the info pages*/

.dropcap {
    display:block;
    float:left;
    margin-right:1px;
    background-repeat:no-repeat;
    }
 
  .dropcap span {display:none;}

.dropA {
	background-image:url(../images/dropCaps/a.gif);
	width:52px;
	height:33px;
	}
	
.dropS {
	background-image:url(../images/dropCaps/s.gif);
	width:69px;
	height:56px;
	margin:0;
	}
.dropP {
	background-image:url(../images/dropCaps/p.gif);
	width:73px;
	height:46px;
	}
.dropN {
	background-image:url(../images/dropCaps/n.gif);
	width:90px;
	height:75px;
	}
.dropT {
	background-image:url(../images/dropCaps/t.gif);
	width:62px;
	height:52px;
	}
.dropV {
	background-image:url(../images/dropCaps/v.gif);
	width:53px;
	height:55px;
	}	
	
.dropO {
	background-image:url(../images/dropCaps/o.gif);
	width:66px;
	height:60px;
	}	
.dropI{
background-image:url(../images/dropCaps/i.gif);
	width:30px;
	height:34px;
	}
.dropW{
	background-image:url(../images/dropCaps/w.gif);
	width:78px;
	height:68px;
	}
	
/************************end*/	
	
h2 {
	font: italic 100% "Century Schoolbook";
	color: #EED2D2;
	margin: 0;
	padding: 0 0px 0px 5px;
}