body {
text-align: left;
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 85%;
color: #333;
line-height: 1em;
background: url('https://www.rexannasfoundation.org/giving/images/bg-body.gif');
background-color: #f5f5f5;
background-repeat: repeat-y;
background-position: center center
}

.productListing-odd td {
border-top:1px solid #F2E1BB;
padding:12px 0;
line-height:1.3em;
padding:12px;
}

/* #productAttributes h3 {display:none} */
#productAttributes .attributesComments {display:block}

.productListing-even td {
border-top:1px solid #F2E1BB;
padding:12px 0;
line-height:1.3em;
padding:12px;
}

#cat1Table {
background:#FFF9ED;
border:3px solid #F2E1BB ;
}

#productsListingTopNumber {display:none}

#mystory li {margin:0 0 12px 0}

/* ==================   Navigation   ================== */

.clearb { clear: both; }
#menuwrapper { 
/* Fix for Opera 8 */ 
/*   overflow: hidden;  */ 
background: url('https://www.rexannasfoundation.org/giving/images/bg-menu.gif') repeat-x;
width:750px;
height: 36px;
padding: 0
}

#primary-nav, #primary-nav ul { 
list-style: none; 
margin: 0px; 
padding: 5px 0 0 0
}

#primary-nav ul { 
position: absolute; 
top: auto; 
display: none
}

#primary-nav ul ul { 
margin-top: -4px;
margin-left: -1px;
left: 100%; 
top: 0px
}
	
#primary-nav li { 
margin-left: -1px;
float: left;
}

#primary-nav li li { 
margin-left: 0px;
margin-top: -1px;
float: none; 
position: relative;
background: #009097
}

#primary-nav a { 
display: block; 
margin: 0px; 
font-weight: bold;
height: 14px;
width: 107px;
text-align: center;
padding: 7px 0; 
text-decoration: none; 
color: #fff
}

#primary-nav li a {border-left: 1px solid #fff}

#primary-nav li li a {
border: 1px solid #C0C0C0;
text-align:left;
width: 160px;
padding: 7px 0 7px 10px
}	

#primary-nav li, #primary-nav li.menuparent {}
#primary-nav li.menuactive {background-color: #9E4E78}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {background-color: #9E4E78}
#primary-nav li li a:hover {background-color: #9E4E78}

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul {display: block}

/* IE Hacks */
#primary-nav li li {float: left; clear: both}
#primary-nav li li a {height: 1%}

/* ==================   Links   ================== */

a img {border: none}

a:link, #navEZPagesTOC ul li a {
color: #3300FF;
text-decoration: none
}
 
a:visited {
color: #3300FF;
text-decoration: none
}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
color: #FF0000
}

a:active {color: #0000FF}
.biggerText {font-size: 1.2em}
	
/* ==================   Headings   ================== */

div#content h1 {
font-size: 1.8em;
line-height: 1em;
margin: 0
}

#productListHeading  {
font-size:1.8em;
margin:25px 0 0 0;
padding:0;
line-height:0
}

.productGeneral {
font-size:1.8em;
margin:25px 0 25px 0;
padding:0;
}

h2 {
color: #294B5F; 
font-size: 160%; 
border-bottom: 1px solid #e7ab0b; 
line-height: 1.5em;
font-weight: normal;
margin: 25px 0 .6em 0
}

h3 {
font-size: 115%;
line-height: 1.3em;
margin: 0 0 5px 0
}

h4 {
font-size: 1.2em;
margin: 0 0 0.25em 0
}

p {
margin: 0 0 1.2em 0;
line-height: 130%;
padding: 0
}

/* ==================   Layout   ================== */
/* ==================   Header   ================== */

div#header {
height: 110px;
background-image: url('https://www.rexannasfoundation.org/giving/images/bg-header.gif');
margin: 0
}

div#header h1 a {
height: 110px; 
float: left;         
text-indent: -999em;  
text-decoration: none}

#donate {
float: left;
width: 90px;
height: 110px}

#register {
float: right;
width: 90px;
height: 110px}

#header ul {
float: left;
position: relative;
left: 555px;
top: 17px;
font-size: 70%
}

#header li {
display: inline;
padding: 0 5px 0 0;
text-decoration: none
}

#header li a {
color: #777;
text-decoration: none
}

#header li a:hover {
text-decoration: underline;
color: blue
}

/* ==================   Content   ================== */

#mainWrapper { 
margin: 0; 
padding: 0; 
width: 750px
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0;
padding: 0
}

.centerColumn {
width: 600px;
margin: 0 auto
}

.centerColumn form {font-size: 95%}

#logoWrapper {height: auto}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto
} 

#navColumnOneWrapper, #navColumnTwoWrapper {
margin-left: 0.5em;
margin-right: 0.5em
}
	
#tagline {
color:#000;
font-size: 2em;
text-align : center;
vertical-align: middle
}

#sendSpendWrapper {
border: 1px solid #cacaca;
float: right;
margin: 0em 0em 1em 1em
}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 47%;
}

/*The main content classes*/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
vertical-align: top;
}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
/*font-size: 1.2em;*/
padding: 0;
}

.alert {color:#FF0000;margin-left:0.5em}
.advisory {}
.important {font-weight: bold}
.notice {}
.rating {}
.gvBal {float:right}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {padding: 0}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {font-size: 0.9em}

/* =================== Custom Pages =================== */
/* =================== Make a Gift =================== */

#cartAdd {
float: right;
text-align: center;
margin: 0 0 15px 15px;
border: 2px solid #FFE8BF;
background: #FFFBEF;
padding: 10px 15px;
}

#cartAdd input {vertical-align: middle}
#quantity {margin: 0 5px 0 0}
.wrapperAttribsOptions {margin: 0 0 0 0px}

#categories {
background: #EFF6FF;
margin: 10px 0 10px 0;
border: 1px solid #CFE3FF;
padding: 6px 6px 0px 6px
}

#categories h3 {
font-size: 120%;
line-height: 1.3em;
margin: 0
}

.rowOdd {
background-color: #FFF3DF;
height: 1.5em;
vertical-align: top;
}

.rowEven {
background-color: #FFFBEF;
height: 1.5em;
vertical-align: top;
}

/* =================== Verify Your Gift =================== */

#cartContentsDisplay {
width: 600px;
background: #FFFBEF;
margin: 0 
}

.tableHeading TH {
border-bottom: 1px solid #8FC0FF; 
border-top: 1px solid #8FC0FF; 
background: #EFF6FF;
padding: .5em
}

#cartSubTotal {
border-bottom: 1px solid #8FC0FF; 
border-top: 1px solid #8FC0FF; 
background: #EFF6FF;
font-weight: bold;
font-size: 120%;
text-align: right;
line-height: 2.2em;
padding: 0 .5em
}

/* =================== Login Form =================== */

#returning {background: #FFF9DF}
#hide {display: none}
#donation {background: #FFF9DF}
#donation fieldset {border: none}

.tableRow, .tableHeading, #cartSubTotal {height: 2.2em}
#scUpdateQuantity {width: 2em}
.cartQuantity {width: 4.7em}
.cartRemoveItemDisplay {width: 3.5em}
.cartAttribsList {margin-left: 1em}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
padding: 0.5em 0em
}

.cartUnitDisplay, .cartTotalDisplay {
text-align: right;
padding-right: 0.2em
}

.cartNewItem {
color: #33CC33;
position: relative;  /*do not remove-fixes stupid IEbug*/
}

.cartOldItem {
color: #660099;
position: relative;  /*do not remove-fixes stupid IEbug*/
}

.cartBoxTotal {
text-align: right;
font-weight: bold
}

#mediaManager {
width: 50%; 
margin: 0.2em;
padding: 0.5em;
background-color: #E4FEf5;
border: 1px solid #003D00;
}

.normalprice, .productSpecialPriceSale {text-decoration: line-through}
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {color: #ff0000}
#cartBoxListWrapper ul, #ezPageBoxList ul {list-style-type: none}
#cartBoxEmpty, #cartBoxVoucherBalance {font-weight: bold}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
margin: 0;
padding: 0.2em 0em
} 

.orderHistList {
margin: 1em;
padding: 0.2em 0em;
list-style-type: none
} 

.totalBox {
width: 5.5em;
text-align: right;
padding: 0.2em;
}

.lineTitle, .amount {
text-align: right;
padding: 0.2em;
}

.amount {width: 5.5em}

/*Image Display*/

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0em 1em 1em 0em
}

.categoryIcon {}
#cartImage {margin: 0.5em 1em}

/*Attributes*/

.attribImg {
width: 20%;
margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
margin: 1em 0em;
}

.centerBoxWrapper {
border: 1px solid #9a9a9a;
height: 1%;
margin: 1.1em 0;
}

h2.centerBoxHeading {
font-size: 1.3em;
color: #fff
}

/*misc*/
.back {float: left}
.forward, #shoppingCartDefault #PPECbutton {float: right}

.bold {font-weight: bold}
.hiddenField {display: none}
.visibleField {display: inline}
CAPTION {/*display: none;*/}
#myAccountGen li, #myAccountNotify li {margin: 0} 

.accountTotalDisplay, .accountTaxDisplay {
width: 20%;
text-align: right;
/*vertical-align: top*/
}

.accountQuantityDisplay {
width: 10%;
vertical-align: top
}

TR.tableHeading {
background-color: #cacaca;
height: 2em
}

.productListing-rowheading {
background-color: #FFF9ED;
height: 2.5em;
}

.productListing-rowheading a {padding:12px;color:#000}

#siteMapList {
width: 90%;
float: right
}

.ratingRow {margin: 1em 0em 1.5em 0em}

LABEL#textAreaReviews {
font-weight: normal;
margin: 1em 0em
}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
background-color: #fff
}

/* ==================   Footer   ================== */

div#footer {
clear: both;
position: absolute;
bottom: 0px;
width: 100%;
background: #f4f8fc;
background: url(https://www.setonwilliamsonfdn.org/uploads/images/css/bg_footer.gif);
background-repeat: repeat-x;
height: 45px;
padding: 15px 0;
font-size: 90%;
text-align: center
}

div#footer a {color: #333}
div#footer a:hover {color: #235F8F}
	
/* ====================== kelly's hacks ====================== */
	
#productPrices {display:none}
#whatsNew {display: none}
	 
/* accessibility */

span.accesskey {text-decoration:none}

.accessibility, hr {
position: absolute;
top: -999em;
left: -999em
}

dfn {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(uploads/williamson/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(uploads/williamson/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(uploads/williamson/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	float: left;
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	}

LABEL, h4.optionName {
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

ADDRESS {font-style: normal}
.clearBoth {clear: both}

/* ==================   Warnings and Errors   ================== */

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}