body
	{
	position: relative;
	margin: 0;
	padding: 0;
	color: black;
	background-color: #D1CCAC;
	font-size: 100%;
	background-image: url(images/simon/bg-fade.jpg);
	background-repeat: repeat-x;
	font-family: "Times New Roman", serif;
	}

/* Set positioning for horizontally set elements */
.posleft
	{
	position: relative;
	}

.searchLink
{
	padding-left:20px;
}


.posright
	{
	position: absolute;
	}

/* Wrapper for header */	
#topbar
	{
	position: relative;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	color: black;
	background-color: white;
	font-size: 10px;
	font-family: arial, sans-serif;
	}
	
#topbar .posright
	{
	top: -3px;
	right: 0;
	color: white;
	background-image: url(images/simon/search-box.png);
	background-repeat: no-repeat;
	padding: 0.5em;
	width: 503px;
	height: 37px;
	}
	
#topbar a
	{
	color: white;
	/* padding-left: 26px; */
	padding-right: 26px;
	}
	
.search
	{
	position: absolute;
	top: 3px;
	right: 10px;
	padding-left: 0;
	padding-right: 0;
	border: none;
	}
	
.advSearch:hover
	{
	text-decoration: underline;
	}	

#phone
{	position: absolute;
	padding-right:160px;
	bottom: 0;
	right: 0;
	font-size: 22px;
	font-style:italic;
	font-weight:bold;
	color:#511D05;
}
	
#cart
	{
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #D1CCAC;
	text-align: right;
	font-size: 16px;
	padding: 3px;
	}
	
.viewcart
	{
	position: absolute;
	top: -12px;
	right: 0;
	font-size: 11px;
	}
	
#topbar .viewcart a
	{
	color: black;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
.totaltext
	{
	position: absolute;
	left: -40px;
	top: 10px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	}
	
.cartimage
	{
	position: relative;
	right: 0;
	height: 18px;
	margin-left: 40px;
	padding-top: 7px;
	padding-right: 4px;
	padding-left: 5px;
	font-size: 14px;
	color: white;
	background-color: #511D05;
	background-image: url(images/simon/nav-bg.jpg);
	background-repeat: repeat-x;
	}
	
.cartimage img
	{
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	padding: 0;
	margin: 0;
	}
	
#navbar
	{
	position: relative;
	height: 30px;
	background-color: #511D05;
	background-image: url(images/simon/nav-bg.jpg);
	background-repeat: repeat-x;
	color: white;
	padding: 0;
	margin: 0;
	}
	
#navbar a
	{
	color: white;
	}

/* Set properties for links in Navbar */
.linkbox
	{
	position: relative;
	height: 26px;
	top: 9px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 9px;
	padding-bottom: 1px;
	font-family: arial, sans-serif;
	font-size: 13px;
	}
	
.linkbox:hover
	{
	background-color: #D1CCAC;
	text-decoration: none;
	}

/* Position text in Navbar links */	
.buttontext
	{
	position: relative;
	top: -5px;
	}

/* Positions and hides images that round corners for highlight on Navbar links */	
.leftbutton
	{
	position: absolute;
	left: 0;
	top: -2px;
	border: none;
	display: none;
	}
	
.rightbutton
	{
	position: absolute;
	right: 0;
	top: -2px;
	border: none;
	display: none;
	}

/* Dispays hidden images */	
a:hover img
	{
	display: inline;
	}

a:hover img
	{
	display: inline;
	}


/* Centers elements in header and footer */
.poscenter
	{
	position: relative;
	width: 960px;
	margin: 0 auto;
	}
	
/* Centers content between headers */
#centerdiv
	{
	width: 960px;
	position: absolute;
	left: 50%;
	margin-left: -481px;
	padding-bottom: 60px;
	color: black;
	}

/* Sets 'belly' shadow under Navbar */	
.navshadow
	{
	position: absolute;
	top: 0;
	}

/* White area that displays product types and new products */	
#products
	{
	position: relative;
	width: 100%;
	background-color: white;
	margin: 0 0 25px 0;
	padding-top: 0.1em; /* This prevents the gap between the header and products area in FF */
	padding-bottom: 10px;
	}

/* Set properties for the breadcrumb */	
.breadcrumb
	{
	font-size: 11px;
	color: #501C04;
	padding-left: 5px;
	position: relative;
	top: -3px;
	}
.logoff
	{
	font-size: 11px;
	color: #501C04;
	position: absolute;
	top: 3px;
	right:15px;
	text-align:right;
	}	
.logoff a
	{
	color: #501C04;
	}		
	
.breadcrumb a
	{
	color: #501C04;
	}
	
/* These are necessary to prevent the three large images from stretching the products or centerdiv divs */
.moveleft
	{
	position: relative;
	left: -2px;
	}
	
.moveright
	{
	position: relative;
	right: -2px;
	}

#descimage
	{
	position: relative;
	left: 230px;
	width: 282px;
	color: #501C04;
	/* border: 1px solid lime; */
	height: 500px; /* Temp hight for testing */
	}
	
#categories
	{
	position: absolute;
	top: 0;
	left: -220px;
	width: 200px;
	font-size: 26px;
	font-weight: bold;
	}
	
#categoriesPL
	{
	top: 0;
	font-size: 26px;
}

#catBox
{
	font-size: 12px;
	background: #D1CCAC;
	border: 1px solid #FFF;
	width:200px;
	
}
#catBox a
{
	color:#000000;
}
	
	
#description
	{
	position: absolute;
	top: 0;
	right: -432px;
	width: 417px;
	color: black;
	}
	
#prices
	{
	position: relative;
	left: 105px;
	color: white;
	font-size: 30px;
	font-weight: bold;
	width: 156px;
	}
	
.strikeprice
	{
	position: relative;
	left: -5px;
	text-decoration: line-through;
	text-align: center;
	color: black;
	background-color: #D1CCAC;
	width: 156px;
	}
.strikepriceWhite
	{
	position: relative;
	left: -5px;
	text-decoration: line-through;
	text-align: center;
	color: black;
	background-color: #FFFFFF;
	width: 156px;
	}	
	
	
#prices .posright
	{
	text-align: center;
	right: -156px;
	width: 156px;
	top: 0;
	background-color: #501C04;
	}
	
.upright
	{
	position: absolute;
	top: 0;
	right: 0;
	}
	
.upleft
	{
	position: absolute;
	top: 0;
	left: 0;
	}
	
.downright
	{
	position: absolute;
	bottom: 0;
	right: 0;
	}
	
.downleft
	{
	position: absolute;
	bottom: 0;
	left: 0;
	}
	
.choicetitle
	{
	color: #501C04;
	font-size: 20px;
	}
	
#description .formprop
	{
	position: relative;
	background-color: #D1CCAC;
	padding: 10px;
	}
	
label
	{
	display: inline;
	font-size: 20px;
	}
	


/* Divider line between three huge images and new products */	
.line
	{
	position: relative;
	width: 940px;
	margin: 0 auto;
	padding-top: 15px;
	border-bottom: 1px solid #501C04;
	}

/* Properties for New Products area */	
#newproducts
	{
	position: relative;
	width: 840px;
	height: 160px;
	/*height: 256px;*/
	margin: 15px 0 25px 5px;
	background-color: #FFFFFF; /*Needs to be set to create the bgcolor for price  D1CCAC */
	}
	
.productstext
	{
	text-align: left;
	font-size: 26px;
	padding-top: 12px;
	padding-left: 14px;
	color: #501C04;
	}
	
.dog
	{
	position: absolute;
	right: -115px;
	bottom: -65px;
	}

#productfoot
	{
	position: relative;
	width: 98%;
	text-align: right;
	margin-bottom: 35px;
	padding-right: 14px;
	}
	
#productfoot .line
	{
	width: 705px;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
#productfoot .descfootlink
	{
	background-color: #D1CCAC;
	padding: 5px 10px;
	margin-right: 3px;
	color: black;
	font-size: 12px;
	}
	
#productfoot span
	{
	color: #501C04;
	font-size: 12px;
	margin-left: 118px;
	}
	

/* Positions  dropshadows */
.dropshadow
	{
	position: absolute;
	left: -4px;
	}

/* Sets dropshadow under Products area */	
#products .dropshadow
	{
	bottom: -16px;
	}

/* Properties for special div which contains the Specials area and the Newsletter area */	
#specials
	{
	position: relative;
	width: 555px;
	height: 263px;
	background-color: #501C04;
	}

.specialsribbon
	{
	position: relative;
	left: -2px;
	top: -2px;
	}
	
.specialstext
	{
	position: absolute;
	right: 0;
	top: 0;
	text-align: right;
	font-size: 26px;
	padding-top: 12px;
	padding-right: 14px;
	color: white;
	}

/* Set smaller text size in place of inherited text sizes */	
.subtext
	{
	font-size: 13px;
	}
	
/* Creates white box area for Newsletter */
.newsletter
	{
	position: absolute;
	width: 402px;
	height: 263px;
	background-color: white;
	right: -406px;
	}
	
.newstext
	{
	position: absolute;
	left: 0;
	top: 0;
	text-align: left;
	font-size: 26px;
	padding-top: 12px;
	padding-left: 14px;
	}

/* Positions title of unordered list in Newsletter area */	
#specials p
	{
	position: absolute;
	right: -130px;
	top: 60px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	}

/* Positions unordered list in Newsletter area */
#specials ul
	{
	position: absolute;
	right: -205px;
	top: 80px;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	}
	
#specials li
	{
	position: relative;
	right: -24px;
	font-weight: normal;
	margin-top: 5px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url(images/simon/arrow.gif);
	background-repeat: no-repeat;
	}
	
	/*{
	position: relative;
	right: -24px;
	font-weight: normal;
	padding-top: 5px;
	list-style-image: url(images/simon/arrow.gif)
	}*/
	

.website
	{
	position: absolute;
	right: -406px;
	bottom: 0;
	}
	
.signup
	{
	position: absolute;
	right: -210px;
	bottom: 20px;
	border: none;
	}
	
/* Wrapper for footer */
#footer
	{
	position: fixed;
	width: 960px;
	bottom: 0;
	left: 50%;
	margin-left: -481px;
	}

/* Sets dropshadow above Footer */	
#footer .dropshadow
	{
	top: -16px;
	}

/* Contains all content of Footer */	
.footercontent
	{
	background-color: white;
	font-size: 11px;
	width: 100%;
	height: 45px;
	}
	
#footer .posright
	{
	right: 3px;
	top: 0;
	}
	
.footercontent a
	{
	color: black;
	padding: 7px;
	}

/* Global anchor tag pseudo-classes */	
a:link
	{
	text-decoration: none;
	}
	
a:visited
	{
	text-decoration: none;
	}
	
a:active
	{
	text-decoration: none;
	}
	
a:hover
	{
	text-decoration: underline;
	}

img
	{
	border: none;
	}
	
/* Styling osCom input code */

.infoBoxHeading
	{
	display: none; /* Removes this from the page since I can't figure out how to get rid of it in osCom */
	}

#newproducts .smallText
	{
	height: 194px;
	border: 0px solid #FFFFFF;
	padding: 0;
	margin: 0;
	}
	
#newproducts .specialBox 
{
	border:1px solid #D1CCAC;
}
		
	
#newproducts .smallText a
	{
	display: block;
	width: 100%;
	color: #501C04;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	min-height:30px;
	}
	
#newproducts .smallText a img
	{
	display: block;
	background-color: white;
	margin: 0;
	padding: 0;
	}
	
#specials .infoBoxContents2
	{
	position: relative;
	top: -35px;
	}
	
#specials .smallText
	{
	color: white;
	font-size: 16px;
	}
	
#specials .smallText a
	{
	color: white;
	}
	
#specials .smallText a img
	{
	display: block;
	background-color: white;
	margin: 0;
	padding: 0;
	}
	
/*     from original stylesheet     */

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}


.infoBoxNew {
  background: #501C04;
  margin-left: auto;
	margin-right: auto;
}

.infoBoxContentsNew {
  background: #e5e3d6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}


TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #e5e3d6;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #e5e3d6;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
  border-right: 15px;
  border-right-color: #ffffff;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #501C04;
  color: #FFFFFF;
  font-weight: bold;
  border-right-width:1px;
  border-right-style:solid;
  border-left-width:1px;
  border-left-style:solid;
  border-color: #FFFFFF;
}
.productListing-heading2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #501C04;
  color: #FFFFFF;
  font-weight: bold;
  
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-width:1px 0;
  border-style: solid;
  border-color: #FFFFFF;
}

TD.productListing-data a
{
	color:Black;
	font-weight:bold;
	font-size:12px;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #501C04;
  padding-left: 10px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}



SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 85%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
