/*Copy and Paste this into design.css for a generic starting place, or delete the dev8 design.css and save this as design.css*/


/* -- General Settings --------------------------------------------------- */
html, body, form, fieldset, td {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

html {
	font-size: 100%;
}

body { 
	font-size: 83%;
	/*margin: 20px 0;*/
	background: #dee9ef;
	
}


ul{
list-style-type: square;
margin-left: 1em;
}

li{
margin-bottom:.5em;
}
a, a:link, a:visited {
	color: #541053;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	color: #3B0b3a;
	text-decoration: underline;
}
h3{ /*used for contentSection titles, etc.*/
font-size: 110%;
}
h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

#textlinks a, #textlinks a:link, #textlinks a:visited {
	color: #a056a1;
	text-decoration: none;
}

#textlinks a:focus, #textlinks a:hover, #textlinks a:active {
	color: #d95bd8;
	text-decoration: underline;
}
/* -- Main Layout ------------------------------------------------------------ */
/* Main <table> creating the basic page layout. */
#layoutTable {
	width: 700px;
	border-collapse: collapse;
	margin: 0 auto;
	margin-top: 20px;
}

/* Page header*/
#headerCell {
	/*	height: 80px;
	background: #009;	
	color: #fd0;
	border: 1px solid #666;
	border-width: 0 1px 
 	*/
	background: url("/img/topbar.jpg") no-repeat center bottom;
}

#survey #headerCell, #surveyemail #headerCell{
	background: url("/img/savemorebar.jpg") no-repeat center bottom;
}


#headerCell img{
	padding-right: 5px;
	padding-bottom: 30px;/*33px;*/
	
}
	#headerCell h1 {
	/*margin: 0 35px;
	font-size: 3em;
	line-height: 2em;
	*/	
	}

/* Sidebar*/
#sidebarCellLeft {
	/*	width: 19%;
	background: #eee;
	border: 1px solid #ddd;
	border-width: 0 1px;
	*/
	vertical-align: top;
}

/*main content cell*/
#contentCell {
	/*border-right: 1px solid #ddd;
	width: 80%;*/
	background: #fff;
	height: 400px;  /*sets a minimum content height*/
	padding-right: 50px;
	padding-bottom: 30px;
	padding-left: 50px;
	padding-top: 5px;
}



/*page footer*/
#footerCell {
background: url("/img/basebar.jpg") no-repeat center;
	text-align: center;
	font-size: 0.8em;


}

/* -- Common Page Items ------------------------------------------------- */
#page-breadcrumbs {
	margin-top: 15px;
}

#page-title-container {
		}

#page-title {
	font-size: 1.8em;
	height: 20px;
	margin-top: 10px;
	width: 440px;
}

	

#page-subtitle {
	color: #666;	
	margin-bottom: 10px;
}

#page-intro {
margin: 10px 0 10px;	
}

#locator #searchintro{
border-bottom: 2px solid #f0f0f0;
height: 115px;
margin-bottom: 15px;
}

#locator #searchintro img {
padding-left: 50px;
padding-right: 40px;
}
#locator #page-outro{
text-align: center;
}
 #openings #page-intro img{
 padding-left: 40px;
padding-right: 10px;
padding-bottom: 15px;
 }
#vday #page-intro img#vday-img {padding-left: 15px;}
#vday #vday-text {
	color:#CC0033;
	font-size: 85%;
	margin: auto 0;
}
#vday .dataGrid-column-1 {
	width: 5%;
}
#vday .dataGrid-item-row {
	padding: 0.5em 0.4em;
}
 
 
#page-intro img{
padding-bottom: 15px;
}

#page-content {
margin: 10px 0;

	
}

#page-outro {
font-size: 80%;	
}

#page-pager-container {
	float: left;
	margin: 10px 0;
	/* Fix IE Doubled Float-Margin Bug
	   http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
	/* 2 lines below removed 090827 to change default setting */
	/* background: #f6f6f6; */
	/* border: 1px solid #eee; */
	width: 100%;
}
#realestateOverview #page-pager-container,
#realestateReqs #page-pager-container {
	background-color: #fff; /* white out default gray */
	border: 0; /* remove default border */
}

.page-pager {
	width: 14em;
	margin: 0.33em 0.66em;
}

#page-pager-back,
#page-pager-next {
	float: right;
	text-align: right;
	/* 090827 changes below, Simon */
	padding-left: 17px; /* make room for caret */
	background: url(../realestate/images/caretLeft.gif) center left no-repeat; /* place caret */
	width: auto; /* default is 14 em; makes unsightly whitespace on shorter link texts */
}
#page-pager-back {
	float: left; /* one rule changed from above in page-pager-next */
}
#page-bottomLinks {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
	font-size: 85%;
}

#copyright {
font-size: 85%;
}

#copyright img {
	margin-bottom: -2px;
}

/* -- Misc. Look And Feel --------------------------------------------------------- */


#sitemap ul {
	list-style-type: disc;
	margin-left: 1em;
}

#sitemap ul ul {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	list-style-type: circle;
}

#sitemap ul ul ul {
	list-style-type: square;
}

/* -- Mailing List Form ----------------------------------------------- */
/*
#ml-form {
	margin: 25px 0.5em 15px;
}

#ml-email {
	width: 96%;
	
}

#ml-submit {
	margin-top: 0.5em;
}

.ml-text {
	font-size: 0.9em;
}
*/

.phpmenu{
display: none;
}

#locator .phpmenu{
display: inline;
}

.caption{
	padding-left: 50px;
	padding-right: 50px;
	margin-top: -7px;
	font-size: 95%;
}


/*ecommerce*/

/*product listing*/

OPTION.oostock {
display: none;
}  /*hides out of stock product options*/

.prodname{
text-align:center;
font-size: 14px;
font-weight: bold;
}
.proddescription{
font-size:11px;
text-align:center;
font-weight: bold;
}

.prodimage{
height: 150px;

}

.prodimage img{
height: auto;
}

.prodprice{
text-align: right;
margin-right: 45px;
font-weight: bold;
font-size: 150%;
color: #022990;
margin-top: 15px;
}
.prodprice strong{
display: none;
}

div.proddiscounts{
color: #FF0000;
font-size: 11px;
}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 

.detailname{
font-weight: bold;
}


/*minicart*/
.minicart {
float:right;
margin-top: 15px;
}
.mincart{

	font-size: 85%;	
}


.mincart a:focus, .mincart a:hover, .mincart a:active {
	color: #666;
	text-decoration: underline;
}	



/*shopping cart summary*/


table.cobtbl {

	background: #fff;

}



table.cobtbl td {

	background: #fff;

	color: #666;

	font-weight: normal;

	padding: 3px 5px;

	font-size: 90%;

	border-bottom: 1px solid #eee;

}



table.cobtbl td table td {

	border: 0;

}


table.cobtbl td a {

	padding: 0;

}



table.cobtbl td.cobhl {

	background: #f5f5f5;

	color: #999;

	border-bottom: 1px solid #ddd;

}





	

/*for survey*/
.php-smarty {
display:none;
}

body#survey .php-smarty {
display: block;
} 
#survey #contentCell td{
color: #A552A0;
}
.error{
clear: left;
float: left;
}

.colorbar{
width: 100%;
height: 25px;
background-color: #3D0b3e;
}


#surveyemail #page-subtitle{
position: relative;
padding: 0;
margin:0;

}
#win{
position: absolute;
top: -40px;
float: right;
}
#prizes {
float: right;
color: #014694;
font-size: 130%;
line-height: 100%;
position: relative;
top: -50px;
left: 155px;
height: 10px;
}

#wonderful{
font-size: 130%;
color: #a1559f;
font-weight: bold;
}

.footnote{
font-size: 80%;
margin-top: 10px;
}
/*sidebar*/
#sidebarRight {
	width: 150px; /* limit the width */
	float: right; /* move it to the right */
	padding: 15px 0 15px 15px; /* left: make room for divider bar; top/bottom: lengthen the divider bar */
	margin-right: -35px; /* move DIV right to match Photoshop mock-up */
	margin-top: 100px;
	border-left: 1px solid #541053; /* purple divider for the sidebar */
	color: #541053;

}
#surveyemail #sidebarRight{
margin-top: 220px;
}
#sidebarRightTitle{
margin-bottom: 15px;
background: url(/img/sidebarheader.jpg) center left no-repeat;
color: #fff;
width: 127px;
height: 21px;
padding: 5px 10px 0;
font-size: 80%;
font-weight: bold;
}
#sidebarRightContent{
padding: 0 3px;

}
#sidebarRight ul { /* sidebar menu styling */
	list-style: none;
	margin-left: 0; /* zero out default UL margins */
}
#sidebarRight li {
	margin-left: 0; /* zero out default LI margins */
}
#sidebarRight a {
	padding-left: 15px;
	color: #666; /* color me badd */
	background: url(/realestate/images/bulletLight.gif) center left no-repeat;
}
#sidebarRight a:hover {
	color: #541053; /* purple for hover */
}
#sidebarRight a.active {
	color: #B3009D; /* You-Are-Here */
}

#contentArea #page-content, #contentArea #page-intro
	{
	width: 450px; /* create column effect to clear right sidebar */
	line-height: 1.5em;
}

#surveyemail #contentArea #page-intro{
 margin-top: 190px;
 }
/* Real Estate Section CSS
---------------------------------------------------*/

/***** Sidebar Menu CSS
----------------------*/
#realestateOverview #headerCell,
#realestateReqs #headerCell,
#realestateSuggest #headerCell {
	/* new header image for Real Estate section */
	background: transparent url(/realestate/images/topbar-realestate.jpg) center top no-repeat;
}
#realestateOverview #sidebarRight #sidebarRightTitle,
#realestateReqs #sidebarRight #sidebarRightTitle,
#realestateSuggest #sidebarRight #sidebarRightTitle {
	padding: 0;
	padding-top: 5px;
	text-align: center;
}

/*********** Menu Items - Carets
-------------------------------*/

/* make general rule for all sidebar links */
#sidebarRight ul li a {
	background: url(/realestate/images/bulletLight.gif) center left no-repeat;
}
/* You-Are-Here states for the active links */
#realestateOverview #menu-overview a,
#realestateReqs #menu-siteReqs a,
#realestateSuggest #menu-suggestSite a,
#realestateContact #menu-contactRE a,
#realestateConstruction #menu-construction a {
	background: url(/realestate/images/bulletDark.gif) center left no-repeat;
	color: #3B0B3A;
}

/***** Content CSS
-------------------*/

/* requested by client */
#realestateOverview #page-content,
#realestateReqs #page-content,
#realestateSuggest #page-content {
	text-align: justify;
}

/* #realestateReqs .page-pager {width: 25em;} /* override default settings */
/* END Next Page link styles */

/* Header Images - on all pages; two buildings */
.realestate-header {
	display: block; /* for auto margins */
	margin: 0 auto 10px; /* center the image and give it bottom margin */
	text-align: center; /* ONLY for the text on Submit Site page */
}

/* Overview */
#header-overview {
	margin-bottom: 10px; /* separate header image and textual content below */
}
.overviewText { /* Overview body text */
	line-height: 1.4em;
}
/* Site Requirements / Construction page */
#realestateConstruction #page-outro {
	font-size: 100%; /* override 80% defaults */
	width: 75%;
}

.listSiteReqs,
#realestateConstruction #contentSection-outroLinks {
	line-height: 1.1em; /* squeeze the list items */
	margin-bottom: 40px; /* separate the link below */
	list-style: none; /* remove default list styles */
	text-align: left;
}
#realestateConstruction #contentSection-outroLinks {
	margin-left: 13px !important; /* override rules in genericContent.css */
}
.listSiteReqs li,
#realestateConstruction #contentSection-outroLinks li {
	margin-left: 0; /* remove default margin */
	padding-left: 20px; /* make room for bullets */
	background: url(../realestate/images/listBullet.gif) no-repeat 0 6px;
	line-height: 1.3em;
}

#realestateOverview .contentSection-text h2,
#realestateSuggest .contentSection-text h2,
#realestateReqs .contentSection-text h2,
#realestateConstruction h3.contentSection-title {
	font-size: 1.2em;
	color: #B3009D;
}
/* Suggestion Form */
/* #realestateSuggest h4 { */\
#realestateSuggest h5.form-fieldset-title {
	color: #B3009D; /* color of sub-headings */
	font-size: 1.3em;
	margin-bottom: 0.5em;
}
#realestateSuggest #form-fieldset-1 td,
#realestateSuggest #form-fieldset-2 td,
#realestateSuggest #form-fieldset-3 td {
	/* vertical-align: top; <-- looks bad */
	padding-bottom: 3px;
}
#realestateSuggest #form-fieldset-1 label,
#realestateSuggest #form-fieldset-2 label,
#realestateSuggest #form-fieldset-3 label {
	width: 6em; /* increase from default width for long "unbreakable" words */
}
#realestateSuggest #form-fieldset-1 input,
#realestateSuggest #form-fieldset-2 input,
#realestateSuggest #form-fieldset-3 input {
	/* display: block; /* make SPAN drop down */
	/* margin-bottom: 3px; /* space the SPAN a little off */
}
#realestateSuggest #form-checkbox-fieldset-1 {
	/* add gray box and border to Checklist */
	background: #F6F6F6 none repeat scroll 0 0;
	border: 1px solid #ddd;
}
#realestateSuggest #page-outro {
	width: 450px; /* limit Contact Info width to match other fields */
}
#realestateContact {
	/* add gray box and border to Contact Information */
	background: #F6F6F6 none repeat scroll 0 0;
	border: 1px solid #ddd;
	/* add a bit of padding inside the box */
	padding-left: 15px;
	padding-top: 10px;
}
.realestateContactText {
	margin-left: 20px; /* move text right */
}
.realestateContactText strong {
	line-height: 1.8em;
}
#realSuccess a,
#realError a {
	color: #B3009D;
}

#buttonSubmitSite {
	background: transparent url(http://99only.com/realestate/images/buttonSubmitSite.jpg) no-repeat scroll center top;
	border: 0;
	cursor: pointer;
	height: 30px;
	margin: 0;
	padding: 0;
	padding-top: 30px;
	width: 68px;
}

/* Construction Page */

/*#menu-construction a {text-decoration: line-through;} /* this is a temporary rule until they provide content */

/* Countdown to 9-9-09 Promo CSS
---------------------------------------------------*/

p#linkOfficialRules {
	/* follow standard styling - See 99's Webform */
	background: #F6F6F6 none repeat scroll 0 0;
	border: 1px solid #DDDDDD;
	/* align the link text */
	text-align: center;
	/* limit the width */
	width: 18em;	
}
p#linkOfficialRules a {
	/* expand clickable area */
	padding: 0.6em 1em;
	display: block;
	/* background property in the rule above may
	   move down here for hover-state bg changes */
}


#contestPopup table {
	margin: 0 auto;
}
#contestPopup tr.thead {
	background: #ccc;
	text-align: center;
}
#contestPopup tr.odd {
	background: #ddd;
}
#contestPopup tr.even {
	background: #f6f6f6;
}
#contestPopup td {
	padding: 0.2em 0.6em;
}

/* Weddings Page "Discount Store Diva" CSS
---------------------------------------------------*/

/* index.html */
img#discountStoreDiva {
	display: block; /* give it its own box */
	margin: 2em auto; /* center it and give it top/bottom margin */
	border-top: 2px solid #D95BD8;
	border-left: 2px solid #D95BD8;
	border-bottom: 2px solid #A056A1;
	border-right: 2px solid #A056A1;
	padding: 1px;
	/* cancel out below */
	padding: 0;
	border: 0;
}
#discountDivaText {
	padding: 0;
}

#discountDivaSponsors {
	display: block;
	margin: 2em auto;	
}
#weddings99 #page-subtitle,
#weddingGallery #page-subtitle {
	text-align: center;
}
#weddings99 #page-title-container,
#weddingGallery #page-title-container {
	display: none;
}
#weddings99 #weddingSubHeading {
	text-align: center;
	color: #D95BD8;
}
#weddings99 #headerCell,
#weddingGallery #headerCell {
	background: transparent url(/img/savemorebar.jpg) no-repeat scroll center bottom;
}
#weddings99 #contentSection-outroLinks {
	margin: 0 auto; /* zero out defaults and center */
	padding-top: 70px; /* make room for divider */
	background: url(/stores/images/99wedding-ribbon-small.gif) top center no-repeat;
	width: 280px;
}
#weddings99 #contentSection-outroLinks li {
	padding-left: 17px;
	background: transparent url(../realestate/images/caretLeft.gif) no-repeat scroll left center;
	list-style: none;
}
/* gallery.html */
#weddingGallery #page-content {
	margin-top: 0; /* move gallery up */
}
#weddingGallery #page-subtitle {
	margin-bottom: 0; /* move gallery up */
}

/** Promotions Pages **/

.promotionSubHeading {
   font-size:16pt;
   margin-bottom:10px;
   text-align:center;
}

.promotionSubText {
  text-align: center;
  font-size: 12pt;
  margin-bottom: 30px;
}

.promotionContent ol {

}

.promotionContent ol li {
list-style:decimal outside none;
margin-left:30px;
}

#promotions #contentSection-outroLinks {
font-weight:bold;
list-style:none outside none;
text-align:center;
}

#promotions #page-title {
  display: none;
}