@charset "utf-8";
/* CSS Document */

body {
margin:0;padding:0 0 30px 0;
background:#fff;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:12px;
color:#62775c;
}

h1 {font-size:2.5em;margin:0 0 0.5em 0;}
h2 {font-size:1.8em;margin:0 0 0.5em 0;}
h3 {font-size:1.5em;margin:0.5em 0 0.25em 0;}
h4 {font-size:1.25em;margin:0.5em 0 0.25em 0;}
p {font-size:1em;margin:0 0 0.5em 0;line-height:1.5em;color:#666;}
li {font-size:1em;margin:0;line-height:normal;}
td {vertical-align:top;}
p.errFieldMessage {color:red;}

a img {border:none;}

a {
color:#bf6f60;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

#headerFull {
margin:0; padding:0;
height:130px;
background:#fff url(../images/v2/header.jpg) repeat-x;
}

	#headerContainer {
	width:760px;
	margin:0 auto 0 auto;
	}

	#header {
	width:760px;
	float:left;
	height:110px;
	padding:20px 0 0 0;
	}
	
	#headerLeft {
	width:160px;
	float:left;
	}
	
	#headerRight {
	width:588px;
	float:right;
	}

	#tagLine {
	width:336px;
	padding-top:18px;
	float:left;
	}

/*Flowers and Gifts Button*/
	#flowersAndGifts {
	width:150px;
	float:right;
	}
	
	ul.navi {  
	margin:0;  
	padding:0;  
	list-style-type:none;  
	position:absolute;  
	}
	   
	.sub-navi {background-color:#ffe7ca;}

	ul.sub-navi {  
	margin:0 0 0 5px;  
	padding:5px 2px;  
	list-style-type:none;  
	display:none;
	width:80px;  
	text-align:left;
	max-height:100px;
	}  
	
	span.link {  
	cursor:pointer;  
	}
	
	ul.sub-navi li {
	padding:2px;
	}
	
	ul.sub-navi li a {
	text-decoration:none;
	color:#333;
	}

	.sub-navi li a:hover { 
	text-decoration:underline;
	}
	
	.clearBlock{clear:both;}

/*End Flowers and Gifts button */
		
	#headerArea{
	clear:both;
	width:200px;
	float:left;
	padding:5px 0 0 3px;
	}

	#headerSignin, #cartItems {
	width:350px;
	float:right;
	text-align:right;
	}
		
		#headerSignin {
		padding-top:10px;
		}
	
#signInFull {
margin:0; padding:0;
height:35px;
}

	#signInContainer {
	width:760px;
	margin:0 auto 0 auto;
	}

	#signIn {
	width:760px;
	text-align:right;
	height:35px;
	float:right;
	}

	#signIn input[type='text'] {
	width:100px;
	height:13px;
	font-size:10px;
	}


/* MAIN NAV */
#navFull {
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
margin:0;
padding:0;
overflow:auto;
}

#navContainer {
width:760px;
margin:5px auto 0 auto;
}

#nav {
width:344px;
float:right;
text-align:right;
font-size:1.1em;
line-height:normal;
clear:both;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
float:left;
margin:0 3px 0 0;
}

#nav a {
margin:0;
background:#fff;
color:#62775c;
padding-left:10px;
text-decoration:none;
font-weight:bold;
}

#nav a span {
padding-right:10px;
}

#nav a, #nav a span {
display: block;
float: left
}

/* Hide from IE5-Mac \*/
#nav a, #nav a span
{
float: none
}
/* End hide */

#nav a:hover, #nav li#active a {
color:#62775c;
background:#c7e4be url(../images/v2/button-left.png) left top no-repeat;
padding-left:10px;
}

#nav a:hover span, #nav li#active a span {
background:url(../images/v2/button-right.png) right top no-repeat;
padding-right:10px;
}

/* END MAIN NAV */
	
#middleContentFull {
clear:both;
margin:0;
padding:0;
height:300px;
background:#fff;
overflow:auto;
}

#middleContentContainer {
width:760px;
margin:0 auto 0 auto;
}

#middleContent {
clear:both;
width:760px;
padding:13px 0 0 0;
margin:0;
}

#middleContentLeft {
width:363px;
padding:0 5px 0 0;
float:left;
}

	#middleContentLeft img {
	border:3px double #ddd;
	}

#middleContentRight {
width:372px;
float:right;
padding:0;
line-height: 1.2 em;
}

	#middleContentRight h2 {
	color:#e9c9a3;
	}		

	#middleContentRight .buttonContainer {
	float:left;
	padding:0;margin:23px 0 0 0;
	width:360px;
	overflow:hidden;
	border:none;
	}

	#middleContentRight .button1, #middleContentRight .button2, #middleContentRight .button3 {	
	border:none;
	width:110px;
	height:140px;
	margin:0 5px 0 0;
	float:left;
	padding:0;
	overflow:hidden;
	cursor:pointer;
	}
	
	#middleContentRight .button1 {
	background:url(../images/v2/button-create-new-registry.png) no-repeat;
	}

	#middleContentRight .button2 {
	background:url(../images/v2/button-search-registry.png) no-repeat;
	}
	
	#middleContentRight .button3 {
	background:url(../images/v2/button-edit-registry.png) no-repeat;
	}

	#middleContentRight .button1:hover,	#middleContentRight .button2:hover,	#middleContentRight .button3:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	}

#bottomContentHome { /*For home page only*/
clear:both;
margin:0;
padding:20px 0;
border-top:1px solid #dadada;
overflow:auto;
background:#fffdcd;
}

#bottomContentFull { /*For all other pages*/
clear:both;
margin:0;
padding:20px 0;
background:#fff;
overflow:auto;
}

#bottomContentContainer {
width:760px;
margin:0 auto 0 auto;
}

#bottomContent {
width:760px;
clear:both;
}

	#bottomContent .news, .registries {
	background:#fff url(../images/v2/sectionhead.png) top repeat-x;
	padding:5px;
	border:1px solid #aebfa9;
	height:355px;
	}

	#bottomContent .news {
	float:left;
	width:346px;
	}
	
	#bottomContent .displayNews {
	font-size:11px;
	
	width:200px;
	height:500px;
	overflow:auto;
	
	}
	
	.displayNews {
		float:left;
		width:355px;
		border:1px solid #ffd8a1;
	}
	
	.newsDetails	{
		float:left;
		width:510px;
		padding-left:30px;
	}
	
	/************* CMS ************/
	.pageMenus {
		float:left;
		width:355px;
	}
	
	.pageDetails	{
		float:left;
		width:405px;
		padding-left:30px;
	}
	/*******************************/

	#bottomContent .news h3, #bottomContent .displayNews h3 {
	color:#bf6f60;
	}

	#bottomContent .news .sectionHead h3, .registries .sectionHead h3 {
	margin-top:0;
	color:#62775c;
	font-size:1.25em;

	}

	#bottomContent .news .sectionBody {
	height:320px;
		
	}
	
	#bottomContent .newsView {
	margin-bottom:-8px;
	background:url(../images/sectionhead.png) top repeat-x;
	height:38px;
	width:202px;
	overflow:auto;
	}

	#bottomContent .registries {
	float:right;
	width:380px;
	padding-right:0;
	}

	#bottomContent .regCat {
	float:left;
	width:185px;
	height:76px;
	padding:5px 5px 0 0;
	}
	
	#bottomContent #terms{
	text-align:justify;
	
	}
		
#footer {
margin:0 0 50px 0;
height:40px;
clear:both;
background:#fff url(../images/v2/footer.png) center repeat-x;
}

#footerContainer {
width:760px;
margin:0 auto 0 auto;
font-size:0.9em;
color:#666;
}

#footerLeft, #footerRight {
padding-top:5px;
width:370px;
}

#footerLeft {float:left;}
#footerRight {float:right; text-align:right;}

/*FORMS*/

#newAccountForm {
width:650px;
margin:0 auto;
}

	#iframe{
	width:650px;
	padding:0px;
	overflow:hidden;
	height:1600px;
	border:0px;
	}

/*FORM TABLE*/
table.formTable {
border:none;
width:500px;
margin:10px auto;
}

	table.formTable td {
	vertical-align:top;
	padding:6px 4px;
	}
	
	table.formTable td.left {
	font-weight:bold;
	text-align:right;
	width: 200px;
	}

	table.formTable td.heading {
	border-bottom:1px solid #ccc;
	}

	table.formTable h4 {
	margin:1em 0 0 0;
	}
	
	table.formTable input[type="text"].date {
	width:188px;
	margin-bottom: 2px;
	}

	table.formTable td.submit {
	text-align:right;
	}
	
	table.formTable input[type='text'], table.formTable input[type='password'], table.formTable textarea {
	width:100%;
	}
	
	table.formTable textarea {
	height:100px;
	}
	
	table.formTable td.note {
	text-align:right;
	font-style:italic;
	}
	
    table.formTable .captcha{width:100px;}

	table.formTable td div.error p{	
	text-align:left;
	color:#f00;
	}
	
.query{text-align:right;margin-right:200px;}

/*ADDED 15 June 2008*/

#shopContainer a {
color:#333;
}

#shopContainer a:hover {
text-decoration:none;
}

#shopHeader {
	display: inline;
}

#shopLeft {
width:130px;
float:left;
background:#e9f5ee;
padding:0 5px;
}

	#shopLeft ul {
	padding:0;margin:0;
	list-style:none;
	}
	
	#shopLeft ul li {
	margin:5px 0;
	padding:0 5px;
	border-bottom:1px solid #ccc;
	text-align:right;
	}

	#shopLeft ul li:hover {
	background:#ffd9a5;
	}
	
	#shopLeft ul li a {
	color:#333;
	}
	
	#shopLeft ul li a:hover {
	}
	
	#shopLeft ul li.active {
	background:#ffd9a5;
	}
	
#shopRight {
width:610px;
float:right;
}

#shopHead {
background:#eee;
margin:0 0 0 7px;
}

#shopHeadLeft {
height:30px;
width:460px;
float:left;
}

#shopHeadRight {
height:30px;
width:140px;
float:right;    
}


#lstProduct {
float:left;
clear:both;
}

table#shopTable {
	margin-left: 5px;
}

table#shopItem td {
width:140px;
}

table#shopItem td#photo {
height:180px;
text-align:center;
background:#fff;
vertical-align:bottom;
}



 table#shopTable td {
	width:140px;
	background:#eee;
	vertical-align:top;
	}
	
	table#shopTable #img{ height:190px; padding-top:10px; text-align:center; background:#fff;} 
		
#productZoomHead {
background:#daece2;
}

table#productZoomTable {
width:610px;
background:#eee; 
}

    /*added ariel 09-16-08*/
	table#productZoomTable #productPhoto{height:175px; text-align:center;}
	table#productZoomTable #productDescription{ width:300px;}

	table#productZoomTable td {
	padding:10px;
	vertical-align:top;
	}
	
	table#productZoomTable td h3, table#productZoomTable td h4 {
	margin-top:2px;
	margin-bottom:5px;
	}
	
	/* Shop head */
	div#rightHead{
	width:200px;
	float:left;
	}
		
	/* Cart table */
	table#tblCart {
	vertical-align:top;
	width: 720px;
	font-size:12px;
	text-align:center;
	border:1px solid black;
	}
	
	table#tblCart td, th {
	vertical-align:top;
	text-align:left;
	padding:5px;
	}
	
	#btnSubmit {
		cursor:pointer;
	}

	/* CREATE REGISTRY */
	div#divCreateRegister {
	margin:0 auto 0 auto;
	width:600px;
	}
	
	a#lnkView, a#lnkEdit {
		font-size:13px;
		font-weight:bold;
		cursor:pointer;
		text-decoration:none;
	}

	.tdLabel {
		text-align:right;
	}
	.tdLabel #btnSubmit {
		
	}
	
	table.tblBottom{
		margin:0 auto 0 auto;
	}
	
	tblChk{
	text-align:right;
	}
	
	/* INFORM FRIENDS */
	form.dataForm textarea.inform {
		width:380px;
		height:120px;
	}
	
	/* */
	.lblRgstry {
		width:70px;
	}
	/* REGISTRY */ 
	table#tblEditRegistryLeftTable {
		width:550px;
		float:left;
	}

		table#tblEditRegistryLeftTable td {
		vertical-align:top;
		}

		table#tblEditRegistryLeftTable td.lblRgstry {
		font-weight:bold;
		width:150px;
		}
	
	#txtEventVenue, #txtFirstName, #txtLastName, #txtFirstName2, #txtLastName2, #txtEmailAdd, #txtAddress1, #txtAddress2, #txtCity, #txtContactNumber, #txtMessage {
		width:250px;
	}
	iframe#ifUpload {
		border:0px;
		float:right;
		margin-top:5px;
		/*width:205px;*/
		width:250px;
		height:370px;
		
		
	
	}
	/* HIDDEN DIV */
	div#hiddenDIV {
		height:200px;
		width:0;
	}
	/* GUEST VIEW */
	/* REGISTRY */ 
	table#tblEditGuestLeftTable {
		width:550px;
		float:left;
	}

		table#tblEditGuestLeftTable td {
		vertical-align:top;
		}

		table#tblEditGuestLeftTable td.lblRgstry {
		font-weight:bold;
		width:150px;
		}
	
	
	table#tblSearch {
		margin: 0 auto 0 auto;
		padding-left:50px;
	}
	
	p#searchNotFound {
		margin-left:195px;
		color:red;
	}
	
	div#dvGuestWrapper {
		width:700px;
		clear:both;
		height:150px;
	}
	
	table#tblView {
		float:left;
		width:300px;
	}
	
	div#dvPhoto {
		float:right;
		width:100px;
		text-align:right;

	}
	.productInactive {
		background-color:#eee;
		color:#999;
		font-style:italic;
	}
	
	/* CART */
	p.pNote {
		color:red;
		font-weight:bold;
		font-size:10px;
	}
	
	/* FAQ */
	p.question {
		cursor:pointer;
		font-size:13px;
		font-weight:bold;
		color:#bf6f60;
		padding-bottom:5px;
	}
	div.answer {
	padding-bottom:5px;	
	}
	
	/*TABLES */
			tbody.myTBody {
				background-color:#E9F5EE;
			}			
			th {
				background-color:#21824D;
				color:#FFF;
			}
			
            th.headerSortUp {
			background-image:url(../../../../images/asc.png); 
			background-color: #3399FF;
			color:white; 
			}
			
			th.headerSortDown { 
				background-image: url(../img/small_desc.gif); 
				background-color: #3399FF; 
				color:white; 
				
			} 			
			th.header { 
				background-image: url(../img/small.gif);     
				cursor: pointer; 
				font-weight: bold; 
				background-repeat: no-repeat; 
				background-position: center left; 
				padding-left: 20px; 
				border-right: 1px solid #dad9c7; 
				margin-left: -1px; 
			}
			
			#myTable {
				vertical-align:top;
			}
			
			/* DISPLAYING LOGO  */
			div#displayLogo {
				width:590px; 
				padding-left:10px;
				padding-top:2px;
				padding-bottom:2px;
				margin-left:8px;
				background-color:#E9F5EE;
				text-align:center;
				clear:both;
			}
			
			/* DISPLAY PAGINATION */
			div#displayPagination {
				padding-left:8px;
				clear: both;
			}


			#unverified {
			color:#000;
			padding:2px 5px;
			border:1px solid #f00;
			background:#fcd1d1;
			margin-left:8px;
			}
			
				#unverified a {
				color:#bf6f60;
				text-decoration:none;
				}
				
				#unverified a:hover {
				text-decoration:underline;
				}
				
			/* TOP SHOP */	
			div#prodTopNote {
				float:left;
			}
			div#prdTopSearch {
				float:right;
				margin-bottom:2px;
				padding-right:7px;
			}
		.login{margin-left:100px;margin-top:20px;width:100px;}
		
/* REQUIRE LOGIN SPLASH PAGE */
div#requireLoginLeft {
float:left;
width:200px;
background:#fdf6ea;
padding:10px;
}

div#requireLoginRight {
float:left;
width:350px;
padding:10px;
margin-left:50px;
}

/*   ajax login script added today 11-17-2008*/
.homeLoginBox {
margin: 0px auto;
}

#homeLoginBoxContainer {
position: relative;
margin-top:30px;
float:right;
}

#homeLoginForm {
height:160px;
width:310px;
background-color:#ffffd3;
border:solid 1px #4d3a24;
}

#contactform fieldset {
	padding:30px;
	border:none;
}
      
#contactform label {
	display:block;
	font-size:14px;
	color:#21814c;
	margin-left:25px;
}
      
#contactform input[type=text] {
	display:block;
	border:solid 1px #4d3a24;
	width:150px;
	margin-bottom:10px;
	height:18px;
	font-size:14px;
	cursor:text;
}  

#contactform input[type=password] {
	border:solid 1px #4d3a24;
	width:150px;
	margin-bottom:10px;
	height:18px;
	font-size:14px;
}  

#contactLink {
cursor: pointer;
}
.img_preview{float:left; width:70px; margin-right:10px;margin-bottom:10px; }
.bodytext img { float:left; width:100px; margin-right:10px;margin-bottom:10px;}
.sectionHead{ margin-left:5px; font-size:11px;
}

#contactform1{ position:absolute; margin-left:188px; margin-top:41px;background-color: #ebe3d9; width:200px; height:60px;}
#contactform1 ul { display:inline; float:left; margin:10px;}


#listOfBrands  { float:left; margin:5px; height:auto; }

.brandImage {
float:left;
margin:10px; 
width:150px; 
padding:10px 5px;
cursor:pointer;
}


.showCategories { 
position:relative;
left:0px;
top:0px;
cursor:pointer;
}

div.showCategories a{
color:#21814c;
text-decoration:none; 
}

div.showCategories a:hover {
background-color:#BBDCAF;
text-decoration:underline;
}

ul#categoryList {
position: absolute;
list-style:none;
background:#ffe7ca;
margin:0; padding:0;
}

	ul#categoryList li {
	list-style:none;
	border-bottom:1px solid #ccc;
	padding:2px;
	}
/**
* Top Alert Message **/
	div.positiveFeedbackMessage {
		width:490px;
		padding:15px;
		background-color:#C8FFA4;
		border:1px solid #006600;
	}
		div.positiveFeedbackMessage img {
			margin-right:20px;
		}
	
	div.negativeFeedbackMessage {
		width:490px;
		padding:15px;
		margin-left: 5px;
		margin-bottom: 10px;
		background-color:#FFA4AA;
		border:2px solid #B00000;
		color: #660000;
	}
			div.negativeFeedbackMessage img {
			margin-right:20px;
			}

/**
* Inline alert **/
.inlineAlert {
	margin-left: 2px;
	font-weight:bold;
	color: #B51B04;
}

/**
* Calendar **/
.calendar {
	border: 1px #6975A3 solid;
	background-color: transparent;
}
.calheading {
	background-color: #7C8BC0;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.calnavleft {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	cursor: pointer;
}
.calnavright {
	background-color: #7C8BC0;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align:  right;
	padding: 4px;
	cursor: pointer;
}
.caldayheading {
	background-color: #000;
	color: #fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 10px;
	text-align: center;
	padding: 6px 2px 6px 2px;
}
.caldaycells{
	color: #000;
	background-color: #D1D7E6;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #E0E5F1 solid;
	cursor: pointer;
}
.caldaycellhover{
	color: #fff;
	background-color: #B3BCD4;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 4px;
	border: 1px #B3BCD4 solid;
	cursor: pointer;
}
.caldayselected{
	background-color: #737FAC;
	color:	#fff;
	font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	border: 1px #566188 solid;
	padding: 3px;
	cursor: pointer;
}
.calblanktop {
	background-color: #fff;
	padding: 4px;
}
.calblankbot {
	background-color: #fff;
	padding: 4px;
}

/**
** Ajax loading */
span.loading {
	padding: 5px;
	font-weight: bold;
	background-color:#FFFF00;
}

/**
* Notices **/
p.notices {
	padding: 5px;
	font-weight: bold;
	background-color:#FFFF00;
}

/**
* Required Fields **/
span.required {
	font-style: italic;
	font-weight:normal;
}

.unverifiedUser {
	border: 2px solid #630;
	background-color: #BC0735;
	padding: 5px;
	color: #fff;
}

/* para sa style na gray ng button */
input, select
{
border: #999 1px solid;
font-family: helvetica, sans-serif;
font-weight: normal;
font-size: 10px
}



/** OLD STYLE **/
form.dataForm table {
border:none;
width:380px;
margin:10px auto;
}

form.dataForm table table.calendar {
	width: 200px;
	margin:0;
	padding:0;
}

form.dataForm textarea {
	width:252px;
	height:100px;
}

	form.dataForm td {
	padding:6px 4px;
	vertical-align:top;
	}
	
	form.dataForm td.label, td.submit {
	text-align:right;
	vertical-align:top;
	}
	
	form.dataForm td.label {
	width:120px;}
	
	form.dataForm input[type='text'] {
	width:250px;
	}
    .captcha{width:100px;}

	form.dataForm td div.error p{	
	text-align:left;
	color:#f00;
	}

/** Registry Home **/
table#registryView td#registryInfo {
	padding-left: 10px;
}

table.registryRightRegistryInfo
{
	text-align: left;
}

/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


table#tblListProducts tbody td {
	vertical-align: middle;
}

/* javascript validation css */
.valid {
	padding: 2px;
	font-weight:bold;
	color: #009900;
}

.invalid {
	padding: 2px;
	font-weight:bold;	
	color: #FF0000;
}

/* Calendars */
table.calendar {
	width: 100px;
}