/* CSS Document */

body {background-color:#FFFFFF;
		background-image:url(images2/2009-site-background.gif);
		text-align:center;
		margin-top:0px;
		}

#frame {
		width:780px;
		height:100%;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		background-color: #FFFFFF;
		border-left:1px solid #49006c;
		border-right:1px solid #49006c;
		border-bottom:1px solid #49006c;
		}
		
#header {
		width:780px;
		height:120px;
		background-image:url(images2/website-header.jpg);
		background-repeat:no-repeat;
		background-position:center;
		}
		
#navlinks {
		width:780px;
		text-align:center;
		}
		
#content {
		width:740px;
		height:100%;
		padding-left:20px;
		padding-right:20px;
		#padding-top:20px;
		text-align:justify;
		}		
		
#intro {
	padding:0;
	}		
		
#lbox {
float:left;
width:220px;
background-image:url(images2/box-background.jpg);
background-repeat:repeat-y;
margin:0 0 0 20px;
display:block;
padding:0;
}

#leftpic {
	background:url(images2/pearls.jpg) no-repeat; width:200px; height:186px; margin:0 auto; padding:0;
}

#midbox {
width:220px;
background-image:url(images2/box-background.jpg);
background-repeat:repeat-y;
margin:0 0 0 260px;
display:block;
padding:0;
}

#midpic {
	background:url(images2/presents-200.jpg) no-repeat; width:200px; height:186px; margin:0 auto; padding:0;
}

#rbox {
float:right;
width:220px;
background-image:url(images2/box-background.jpg);
background-repeat:repeat-y;
margin:0 20px 0 0;
display:block;
padding:0;
}

#rightpic {
	background:url(images2/black-phone.jpg) no-repeat; width:200px; height:186px; margin:0 auto; padding:0;
}

#lbox p span, #rbox p span, #midbox p span {
padding:10px 20px 0px 20px;
display:block;
text-align:justify;
}		
		
#ctable {padding:10px 0 0 0;}		
		
#footer {
		width:778px;
		text-align:center;
		}
		
#footer p {font-weight:bold; font-size:14px;}
	
#lbox h3 {background:url(images2/header-jewellery.jpg) no-repeat; height:40px; margin:0; padding:0;}
#rbox h3 {background:url(images2/header-about.jpg) no-repeat; height:40px; margin:0; padding:0;}
#midbox h3 {background:url(images2/header-wrap.jpg) no-repeat; height:40px; margin:0; padding:0;}

#lbox .p3 span, #rbox .p3 span, #midbox .p3 span {
padding-bottom:40px;
background:url(images2/footer-boxes.jpg) bottom no-repeat;
}

#lbox .p3 span a, #rbox .p3 span a, #midbox .p3 span a {
font-weight:bold;
text-decoration:none;
}

p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
li {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}
td {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#intro p {padding:0px;}
#intro .p2 {padding:0px;}
#intro h3 {font-family:Arial, Helvetica, sans-serif; color:#49006c;}
#intro h2 {background:url(images2/title-welcome.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#jtitle h2 {background:url(images2/title-jewellery.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#abtitle h2 {background:url(images2/title-about.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#contitle h2 {background:url(images2/title-contact.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}
#prtitle h2 {background:url(images2/title-press.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#wiutitlehome h2 {background:url(images2/title-wrap-it-up-home.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#romancehome h2 {background:url(images2/title-niagara-romance-home.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

#feelgoodhome h2 {background:url(images2/title-feel-good-home.gif) no-repeat; height:40px; margin:30px 0 0 0; #margin:0; padding:0;}

h2, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif; color:#49006c;}

h1 span {display:none;}

h1 {height:120px; width:778px; margin:0; padding: 0; }

h2 span, h3 span, #ctitle h2 span, #whatitle h2 span, #retitle h2 span {
display:none;
}

#intro p {margin-bottom:15px;}

.emph {font-size: 16px; font-weight: bolder; color: #993333;}
.prdate {font-weight:bold; vertical-align:top;}
.vendor {font-weight:bold;}
.vt {width:33%; vertical-align:top; text-align:center; font-weight:bold;}
.gb {width:33%; vertical-align:top; background-color:#f0f0f0; text-align:center; font-weight:bold;}

#zebra td {vertical-align:top; text-align:left; font-weight:bold;}

.hlight {  background-color: #FFFF00}
.p20 {padding-left:20px; padding-right:10px; padding-top:20px;}
.p20t {padding-left:5px; padding-right:5px; padding-top:20px;}
.r10 {padding-right:10px;}
.p10 {padding-left:10px; padding-right:10px; padding-top:20px;}

.wrapnav {font-size:11px;font-weight:bold;padding-top:5px; padding-bottom:5px;}


.home {font-family:Arial, Helvetica, sans-serif; font-size:14px;}

.yback {background-color:#FFFF00;}

#footer p {padding:5px 0 20px 0;}
.credits {font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#CC9900; text-decoration:none;}

/* Dropdown Navigation Section */

#nav, #nav ul {
	float: left;
	width: 780px;
	list-style: none;
	line-height: 15px;
	background: #49006c;
	font-weight: bold;
	padding: 0;
	margin-top:0px;
	margin-left:0px; /* This needs to be here for IE to centre the nav menu */
	}

/*These width settings don't appear to change anything in Firefox but makes a difference in IE*/

.subnav {font-family:Arial, Helvetica, sans-serif; font-size:12px;text-align:left;}

#nav a {
	display: block;
	/*width: 114px;
	w\idth: 114px;*/
	color: #FFFFFF;
	text-decoration: none;
	/*text-align:center;*/
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
	/*border-right:solid 1px #FFFFFF;*/
	border-right:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

#nav a:hover {color:#000000;}

/*The width here affects the width of the main header*/
#nav li {
	float: left;
	text-align:left;
	/*width: 120px;*/ /*Don't specify a width and you'll be able to control spacing by adjusting padding */
}

/* This affects the first dropdown menu*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 250px;
	w\idth: 250px;
	font-weight: normal;
	margin-left: 0;
}

#nav li li {
	padding-right: 0;
	width: 235px;
	padding-left: 15px;
	padding-right:0px;
	border-bottom:1px solid #FFFFFF; /* adds border between dropdown nav elements */
}

/* This controls the border and width of the lower dropdown boxes*/
#nav li ul a {
	width: 250px;
	w\idth: 250px;
	border-right: 0px;
	padding:5px 0px 5px 0px;
	/*text-align:center;*/
	color:#CCCCCC; /* changes color of first level dropdown items */
}

#nav li ul a:hover {color:#000000;}

/* Original Margin margin: -1.75em 0 0 14em; */
#nav li ul ul {
	margin: -1.75em 0 0 7em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul,
 #nav li li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background:#CACAFF; /* original #FEC200;*/
}

/* testimonial fader box */

#tic {
  /* enter any styles for the ticker below */
  margin-left:auto;
  margin-right:auto;
  border: .05em #CEC3AD solid;
  text-align:center;
  background-color:#663399;
  padding:10px;
  width:720px;
  line-height:20px;
}
#tic * {
  /* this will hide all children tags */
  font-size: 14px;
  font-family:Arial, Helvetica, sans-serif;
  font-style:italic;
  font-weight:bold;
  color:#FFFFFF;
  margin:0px;
  padding:0px;
  display:none;
}
#tic a {
  /* add more tags to this list if you wish to display them inside the children */
  display:inline;
}