/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #FF0066; text-decoration: underline; }


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	text-align: center;
}
#page{
	background-image:url(images/heeltipsbgCatalog.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:inherit;
	background-color: #FFFFFF;
}

A:link, A:visited {
	color: #666666;
	text-decoration: none;
}
A:hover, A:active{
    color:#FF0066;
	text-decoration: underline;
}

FORM {
	display: inline;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  color: #ffffff;

}
A.headerNavigation:link, A.headerNavigation:visited, A.headerNavigation:hover, A.headerNavigation:active { 
  color: #FFFFFF; 
  	text-transform: capitalize;
	padding-left:5px;
padding-right:5px;
}

TD.headerTopMenu{
font-size:11px;
}




TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, 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, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #000000;
}

TD.footer {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
}

#leftCol{
	border-right:1px solid #CCCCCC;
	margin-top:0px;
}
	#nav, #nav ul {
	list-style: none;
	/*float : left;*/
	padding: 0;
	margin-top: 7px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
	}

	#nav li { /* all list items */
	width:140px;
		/*position : relative;
		float : left;*/
		background-color : white;		
			border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	}
		#nav li a {
		width: 140px;
		/*display : block;*/
		color : black;
		text-decoration : none;
        font-size: 11px;
	margin-bottom: 2px;
	/*padding-top: 2px;*/
	/*padding-bottom: 2px;*/
	padding-left: 4px;
	}
	
		#nav li a:hover {
	background-color: #CCCCCC;
	}
	#nav li ul {/* second-level lists */
		list-style: url(../images1/heeltips_arrows.jpg);
		/*float : left;*/
		padding-left: 30px;
		/*margin: auto;*/
		/*width:115px;*/
	}
		#nav li ul li{ /* second level list items */
	/*width:110px;
		position : relative;*/
		/*float : left;*/
		background-color : white;
		border-bottom-width:0px;
	}
	


		#nav li ul li a {
		font-weight:normal;
		/*width: 110px;
		display : block;*/
		color : black;
		text-decoration : none;
        font-size: 11px;
	/*margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;*/
	}
	

		#nav li ul li a:hover {
	background-color: #ffffff;
	color:#FF0033;
	}

#leftNavCat a.daddy{
background: url(images/arrow_green.gif) no-repeat right center;
}

#leftNavCat li.selected {
font-weight:bold;
}

#leftNavCat, #leftNavCat ul{
	font-size: 11px;
	
	}

#leftNavCat li {
list-style-type: none;
	margin-left: -43px;
	margin-bottom: 2px;
		margin-top: 2px;
		border-bottom:1px dotted #cccccc;
}

#leftNavCat li ul li {
/*list-style-image:url(../images1/heeltips_arrows.jpg);*/
		margin-left: -25px;
}

#leftNavCat li a:link, #leftNavCat li a:visited {
	/*margin-bottom: 2px;
	color: #000000;
	text-decoration: none;
	width: 150px;
	padding-left: 4px;*/
	font-size: 11px;
	margin-bottom: 2px;
	color: #000000;
	text-decoration: none;
	width: inherit;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	display: block;
}
#leftNavCat li a:hover, #leftNavCat li a:active {
	/*margin-bottom: 2px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	padding-left: 4px;
	width: 150px;*/
		font-size: 11px;
	margin-bottom: 2px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	padding: 2px;
	width: inherit;
	display: block;
}






.plainBox{
	background-color:#FFFFFF;
	font-family: Arial, sans-serif;
    font-size: 11px;
	line-height:22px;
}


.plainBox  li {
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 11px;
	margin-left: -43px;
	margin-bottom: 2px;
}
.plainBox a:link, .plainBox a:visited {
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #000000;
	text-decoration: none;
	width: 140px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.plainBox a:hover, .plainBox a:active {
	font-size: 11px;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	width: 140px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
		border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}



.infoBox {
}

.infoBoxContents {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

.infoBoxNotice {
  background: #FFFFFF;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background-color: #b4b4b4;
  height:18px;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

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: #f8f8f9;
}

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: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 2px;
}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 11px;
  background-color: #FF0066;
  color: #FFFFFF;
  font-weight: bold;
}
a.productListing-heading:link, a.productListing-heading:visited, a.productListing-heading:hover, a.productListing-heading:active{
  font-family: Arial, sans-serif;
  font-size: 11px;
  background-color: #FF0066;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #ff0066;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Arial, sans-serif; font-size: 10px; color: #ff0000; }


/*table {
	background-color: #FFFFFF;
}
*/
