/*################
###### BODY ######
################*/

body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #FFFFFF;
	background-image		: url(../images/bg.jpg);
	background-repeat		: repeat-x;
	margin					: 0px;
	padding 				: 0px;
	margin-top 				: 10px;
	background-color 		: #F3ADCC;
}

#container{
	width					: 828px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	

}




/*#################
###### FONTS ######
#################*/

h1{
	color 						: #C7256D;
	font-size 					: 160%;
	padding						: 10px 0px 5px 0px;	
	margin						: 0px;
}


h2{
	color 						: #EF74AC;
	font-size 					: 120%;
	padding						: 3px 0px 5px 0px;	
	margin						: 0px;
}


h3{
	color 						: #EC008C;
	font-size 					: 100%;
	padding						: 0px 10px 5px 0px;	
	margin						: 0px 0px 0px 0px;
	font-style					: italic;
}



h4{
	color 						: #F167A5;
	font-size 					: 105%;
	padding						: 0px;	
	margin						: 0px;
}
.h4{
	color 						: #EC048C;
	font-style 					: italic;
	padding						: 0px;	
	margin						: 0px;
}


p{
	padding						: 0px 10px 5px 0px;	
	margin						: 0px 0px 0px 0px;
	color						: #000;
}


.quote{
	line-height					: 1.4em;
	padding						: 10px 10px 15px 0px;	
	margin						: 0px;
}


/*##################
###### HEADER ######
##################*/

#header img{
		margin-bottom:0px;
}

*html #header img{
		margin-bottom:-17px;
}
	




/*######################
###### NAVIGATION ######
######################*/

ul#shoppingNav{
	float 					: right;
	list-style 				: none;
	margin 					: 0px;
	padding					: 0px;
	margin-top	 			: 16px;
	margin-right 			: 40px;
	color					: #000000;
}

*html ul#shoppingNav{
	margin-right 			: 20px;
}


ul#shoppingNav li{
	display 				: inline;
}
ul#shoppingNav li.first a{ 
	border-right 			: 1px solid #590C3A;
	padding-right 			: 5px;
}
ul#shoppingNav li a{
	display 				: block;
	float 					: left;
	color 					: #000;
	text-transform 			: uppercase;
	text-decoration 		: none;
	margin-left 			: 5px;
}
ul#shoppingNav li a:hover{
	color 					: #EE008C;
}	
/* Main navigation */

ul#mainNav{
	clear 					: both;
	float 					: right;
	list-style 				: none;
	margin 					: 0px;
	padding					: 0px;
	margin-top	 			: 17px;
	width 					: 380px;
	margin-right 			: 40px;
}

*html ul#mainNav{
	margin-right 			: 20px;
}

ul#mainNav li{
	display 				: inline;
	float 					: right;
}
ul#mainNav li a{
	display 				: block;
	color 					: #EE008C;
	font-style				: italic;
	font-weight				: bold;
	text-decoration 		: none;
	margin-left 			: 10px;
}
ul#mainNav li a:hover{
	color 					: #8F1B50;
	text-decoration			: underline;
}



/* --- Products Nav --- */

#navigation{
	height					: 40px;
	padding-top				: 10px;
	width					: 600px;
	margin-bottom			: -15px;
}
*html #navigation{
	height					: 40px;
	padding-top				: 20px;
}

ul#productsNav{
	clear 					: both;
	list-style 				: none;
	margin 					: 0px;
	padding					: 0px;
	margin-left 			: 40px;
}
ul#productsNav li{
	display 				: inline;
}
ul#productsNav li a{
	display 				: block;
	color 					: #EE008C;
	font-style				: italic;
	font-weight				: bold;
	text-decoration 		: none;
	float 					: left;
	font-size 				: 14px;
	padding 				: 5px 7px 5px 7px;

}
ul#productsNav li a:hover,ul#productsNav li a.current{
	color 					: #FFFFFF;
	background-color 		: #EE008C;
}




/*###################
###### CONTENT ######
###################*/

#content{
	border						: 1px solid #EE008C;
	min-height 					: 319px;
	width 						: 726px;
	background-image			: url(../images/content_bg.jpg);
	background-repeat			: repeat-x;
	background-color 			: #F0AACF;
	color	 					: #000;
	padding 					: 10px;
	margin-left 				: 40px;
}

*html #content{
	margin-left 				: 40px;
	border						: 1px solid #EE008C;
	min-height 					: 319px;
	width 						: 726px;
	background-image			: url(../images/content_bg.jpg);
	background-repeat			: repeat-x;
	background-color 			: #F0AACF;
	color	 					: #000;
	padding 					: 10px;
}
#contentWhite{
	margin-left 				: 40px;
	border						: 1px solid #EE008C;
	min-height 					: 319px;
	width 						: 726px;
	background-color 			: #FFFFFF;
	color	 					: #000;
	padding 					: 10px;
}
*html #contentWhite{
	margin-left 				: 40px;
	border						: 1px solid #EE008C;
	min-height 					: 319px;
	width 						: 726px;
	background-color 			: #FFFFFF;
	color	 					: #000;
	padding 					: 10px;
}

#contentMainWhite ul {
	padding						: 0px;	
	list-style 					: none;
	margin						: 5px 10px 5px 8px;
}

#contentMainWhite ul li {
	padding						: 0px 0px 8px 18px;	
	margin						: 0px;
	color						: #000;
	background-image			: url(../images/petalPoint.gif);
	background-repeat			: no-repeat;
	background-position			: left top
}

#pictureViewer{
	width	 					: 300px;
	display	 					: block;
	float 						: left;
	margin-right 				: 10px;
}
#contentCentre{
	width	 					: 240px;
	display	 					: block;
	float 						: left;
	margin-right 				: 10px;
	color						: #FFFFFF;
	height 						: 300px;
	line-height 				: 140%;
}
#contentMain{
	color						: #FFFFFF;
	display	 					: block;
	width	 					: 730px;
}
#contentMainWhite{
	display	 					: block;
	width	 					: 730px;
}

.petalsRegister{
	position					: absolute;
	margin						: 0px 0px 0px 0px;
	padding						: 0px 0px 0px 235px;
}

.registerField{
	font-size 					: 90%;
	margin						: 8px 0px 0px 0px;
	height 						: 13px;
	width						: 145px;
}
*html .registerField{
	font-size 					: 90%;
	margin						: -27px 0px 0px 0px;
	height 						: 13px;
	width						: 145px;
}
.registerButton{
	float 						: right;
	margin						: 5px 4px 0px 0px;
}
*html .registerButton{
	float 						: right;
	margin						: -5px 1px 0px 0px;
}

/*##################
###### TEASER ######
##################*/

#teasers{
	width	 					: 162px;
	display	 					: block;
	float 						: left;
}

#teasers .register{
	background-image			: url(../images/register_bg.gif);
	background-position			: top;
	background-repeat			: no-repeat;
	width						: 152px;
	min-height					: 120px;
	padding 					: 5px;
	margin-bottom 				: 10px;
	
}

*html #teasers .register{
	height						: 120px;
	
}

#teasers .register p{
	color 						: #FFFFFF;
	font-size 					: 90%;
	margin						: 10px 0px 0px 0px;
}
#teasers .link{
	background-image			: url(../images/teaser_bg.jpg);
	background-position			: bottom;
	background-repeat			: no-repeat;
	width						: 152px;
	margin						: -15px 0px 0px 0px;
	padding 					: 7px 4px 6px 6px;
	
}

*html #teasers .link{
	margin						: -18px 0px 0px 0px;
	padding 					: 7px 4px 6px 6px;
	
}



/*##################
###### FOOTER ######
##################*/

#footer{
	margin		 				: 10px 10px 0px 40px;
	color 						: #EE008C;
	width						: 746px;		
}

*html #footer{
	margin		 				: 10px 0px 0px 40px;
}

#footer a{
	color 						: #EE008C;
	text-decoration				: none;
}
#footer a:hover{
	color 						: #590C3A;
	text-decoration				: underline;
}
#footer ul{
	float 						: right;
	list-style 					: none;
	margin 						: 0px;
	padding						: 0px;
	margin-right 				: 25px;
	width 						: 340px;
}
#footer ul li{
	display 					: inline;
}
#footer ul li a{
	display 					: block;
	float 						: left;
	font-style 					: italic;
	font-weight					: bold;
	padding 					: 0px 5px 0px 5px;
}

#footer ul li a:hover{
	display 					: block;
	float 						: left;
	font-style 					: italic;
	padding 					: 0px 5px 0px 5px;
	text-decoration				: underline;

}

/* --- Side logos --- */
#sideLogos{
	position				: absolute;
	border					: none;
	margin					: -350px 0px 0px -140px;
	padding					: 0px 0px 0px 0px;
	text-align				: center;
	color					: #EE008C;
}
#sideLogos p{
	color					: #EE008C;
}
#sideLogos a{
	color					: #EE008C;
	font-weight				: bold;
	text-decoration			: none;
}
#sideLogos a:hover{
	color					: #590C3A;
	text-decoration			: underline;
}


/* --- Bottom logos --- */
.footerLogo
{
	margin					: 5px 5px 0px 5px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #EE008C;
}



/* --- Petal --- */
.petal{
	position					: absolute;
	margin						: -50px 0px 0px 720px;
}

*html .petal{
	margin						: -50px 0px 0px 720px;
}




/* ----------------------------------------------------------------------------------- */

.productList{
	width 						: 168px;
	min-height 					: 210px;
	float 						: left;
	margin-right 				: 10px;
	margin-bottom 				: 10px;
	padding-top					: 3px;
	padding-left				: 3px;
	font-size 					: 90%;
	color 						: #FFF;
	background-color			: #8A1451;	
}

*html .productList{
	height 						: 210px;
}


.paging{
	float 						: right;
	font-size 					: 90%;
}
.paging ul{
	list-style 					: none;
	margin						: 0px;
	padding 					: 0px;
}
.paging ul li{
	display						: inline;
}
.paging ul li a{
	color						: #FFFFFF;
	padding 					: 3px;
}
.productList img{
	border 						: 0px none;
}


.pagingBtm{
	font-size 					: 90%;
}
.pagingBtm ul{
	list-style 					: none;
	margin						: 0px;
	padding 					: 0px;
}
.pagingBtm ul li{
	display						: inline;
}
.pagingBtm ul li a{
	color						: #FFFFFF;
	padding 					: 3px;
}






#thumbProducts{
	list-style 					: none;
	margin						: 0px;
	padding 					: 0px;
	float 						: left;
	margin-right 				: 10px;
}
#thumbProducts a img{
	border 						: none;
	margin						: 2px;
}
#thumbProducts a img.selected{
	border 						: 2px solid #EE008C;
	margin						: 0px;		
}
#mainImage{
	float 						: left;
	margin-right 				: 10px;
}
.productDetails{
	float 						: left;
	color 						: #FFF;
	font-size					: 100%;	
	width						: 360px;		
}
.productDetails h1{
	color 						: #FFF;
	font-size 					: 120%;
	padding						: 0px 0px 5px 0px;
	margin						: 0px 0px 0px 0px;
}
.productDetails h2{
	color 						: #EE008C;
	font-style 					: italic;
	font-size 					: 110%;
	padding						: 0px 0px 5px 0px;
	margin						: 0px 0px 0px 0px;
}
.productPrice{
	font-size 					: 130%;
	font-style					: italic;
	font-weight 				: bold;
}
a.productBack{
	display 					: block;
	width 						: 110px;
	height 						: 23px;
	background-image			: url(../images/button_bg.gif);
	background-repeat			: repeat-x;
	color 						: #FFFFFF;
	text-transform				: uppercase;
	font-size 					: 90%;
	text-align					: center;
	padding-top					: 7px;
	text-decoration 			: none;
}


#related{
	clear						: both;
	width 						: 720px;
	display						: block;
	float 						: left;
	margin						: 0px;
	padding						: 0px;	
}

*html #related{
	margin						: -15px 0px 0px 0px;
}


.arrow{
	color						: #FFF;
	font-weight					: bold;
	margin						: 0px;
	padding						: 0px;	
}

*html .arrow{
	margin						: 0px 0px 8px 0px;
}

#relatedProduct{
	width 						: 360px;
	display						: block;
	min-height 					: 170px;
	float 						: left;
	margin						: 0px;
	padding						: 0px;
}

*html #relatedProduct{
	margin-top					: -22px;
}

#relatedProduct h1{
	color 						: #FFFFFF;
	font-size 					: 130%;
	font-style					: italic;
	font-weight 				: bold;
	margin-top 					: 0px;
	margin-bottom				: 10px;
}


.relatedDetails{
	width 						: 82px;
	margin-right 				: 4px;
	float 						: left;
	color 						: #fff;
	font-weight 				: bold;
	background-color			: #8A1451;
	padding						: 2px;	
}
.relatedDetails img{
	border 						: 0px none;
}

#bespokeProduct{
	display						: block;
	width						: 350px;
	height 						: 161px;
	margin-top 					: 20px;
	float						: right;
}

#bespokeProduct p{
	color						: #FFF;
}
#bespokeProduct h1{
	color 						: #FFFFFF;
	font-size 					: 120%;
	font-weight 				: bold;
	margin-top 					: 0px;
	margin-bottom				: 10px;
}
.generalHeader{
	color 						: #EE008C;
	margin-bottom 				: -5px;
	font-weight 				: bold;
	font-size 					: 105%;
}

.generalLink{
	color 						: #EE008C;
	text-decoration				: none;
}
.generalLink:hover{
	color 						: #C7256D;
	text-decoration				: underline;
}
.generalLink2{
	color 						: #FFF;
	text-decoration				: none;
	font-weight					: bold !important;		
}
.generalLink2:hover{
	color 						: #FFF;
	text-decoration				: underline;
}

.infoLink{
	border						: none;
	margin						: 0px 0px -4px 0px;
	padding						: 0px 0px 0px 10px;
	
}

a.btt{
	color 						: #EF74AC;
	float						: right;
	font-size					: 90%;
	text-transform				: lowercase;
	text-decoration				: none;
	background-image			: url(../images/topArrow.gif);
	background-repeat			: no-repeat;
	background-position			: right;
	padding-right				: 15px
}
a.btt:hover{
	color 						: #C7256D;
	text-decoration				: underline;
}


/*---- SUB MENU LAYOUTS ----*/


ul#breadCrumbs{
	list-style 					: none;
	margin 						: 0px 0px 10px 0px;
	padding 					: 0px;
	background-color 			: #F5ACCA;
	height 						: 28px;
}

ul#breadCrumbs li{
	display	 					: inline;
	padding						: 0px;
	background-image			: none;
	
}
ul#breadCrumbs li a{
	color 						: #000;
	padding 					: 5px;
	padding-right				: 10px;
	padding-left				: 10px;
	display 					: block;
	float 						: left;
	text-decoration 			: none;
	border-right 				: 1px solid #FFFFFF;
	height 						: 18px;
}
ul#breadCrumbs li a:hover{
	color 						: #FFFFFF;
	background-color 			: #EF74AC;
	height 						: 18px;

}


/*---- SUB MENU LAYOUT VARIATION 1 (for bespoke page) ----*/

ul#breadCrumbs1{
	list-style 					: none;
	margin 						: 0px 0px 10px 0px;
	padding 					: 0px;
	background-color 			: #F5ACCA;
	height 						: 28px;
}

ul#breadCrumbs1 li{
	display	 					: inline;
	padding						: 0px;
	background-image			: none;
	
}
ul#breadCrumbs1 li a{
	color 						: #000;
	padding 					: 5px;
	padding-right				: 7px;
	padding-left				: 7px;
	display 					: block;
	float 						: left;
	text-decoration 			: none;
	border-right 				: 1px solid #FFFFFF;
	height 						: 18px;
}
ul#breadCrumbs1 li a:hover{
	color 						: #FFFFFF;
	background-color 			: #EF74AC;
	height 						: 18px;

}


/*---- SUB MENU LAYOUT VARIATION 2 (for bespoke page) ----*/


ul#breadCrumbs2{
	list-style 					: none;
	margin 						: 0px 0px 10px 0px;
	padding 					: 0px;
	background-color 			: #F5ACCA;
	height 						: 28px;
}

ul#breadCrumbs2 li{
	display	 					: inline;
	padding						: 0px;
	background-image			: none;
	
}
ul#breadCrumbs2 li a{
	color 						: #000;
	padding 					: 5px;
	padding-right				: 7px;
	padding-left				: 6px;
	display 					: block;
	float 						: left;
	text-decoration 			: none;
	border-right 				: 1px solid #FFFFFF;
	height 						: 18px;
}
ul#breadCrumbs2 li a:hover{
	color 						: #FFFFFF;
	background-color 			: #EF74AC;
	height 						: 18px;

}




.formField{
	width 						: 250px;
	font-family					: Arial, Helvetica, sans-serif;
}

.formField1{
	width 						: 256px;
	font-family					: Arial, Helvetica, sans-serif;
}


.formArea{
	width 						: 250px;
	font-family					: Arial, Helvetica, sans-serif;
	font-size					: 100%;
}
td{
	vertical-align 				: top;
}

.imgRight{
	float						: right;
	border						: none;
	padding						: 0px 0px 15px 20px;
}

.bespokeDiv{
	position					: absolute;
	width						: 400px;
	height						: 200px;
	margin-left					: 200px;
	padding						: 5px;
	border						: 1px solid #EE008C;
	display						: none;
	overflow					: hidden;
	overflow-y					: scroll;
	background-color			: #FDE8F1;
}


.ringTable{
	border						: 1px solid #EE008C;
	width						: 650px;
	margin						: 0px 0px 10px 0px;

}

.ringTable td{
	height						: 25px;
	vertical-align				: middle;
	text-align					: center;
	margin						: 0px;
	padding						: 0px;

}

.ringTableHead{
	border-bottom					: 1px solid #EE008C;

}