/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/



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

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

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

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  background-image: url('http://www.amazing-lace.net/shop/images/ao_bg.jpeg');

  background-repeat: repeat; 

  background-position: center;
  
  background-color:000000;

  color: #000000;

  margin: 0px;

  scrollbar-FACE-COLOR: #660000;

  scrollbar-HIGHLIGHT-COLOR: #DBB7CF;

  scrollbar-SHADOW-COLOR: #660000;

  scrollbar-ARROW-COLOR: #FF9900;

  scrollbar-BASE-COLOR: #660000;

  scrollbar-TRACK-COLOR:#000000;

  scrollbar-dark-shadow-color: #7B3E67;

  scrollbar-3d-light-color: #ff9900;

}



A {

  color: #660000;

  text-decoration: none;

}



A:hover {

  color: #FF9900;

  text-decoration: none;

}



FORM {

 display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #bbc3d3;

}



TD.headerNavigation {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight : bold;

}



A.headerNavigation { 

  color: #FF6600;

  font-size: 13px;  

  font-weight: bold;

  text-decoration: none;

}



A.headerNavigation:hover {

  color: #FFCC00;

  font-size: 13px;  

  font-weight: bold;

  text-decoration: underline;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #bbc3d3;

}



TD.footer {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight: bold;

}



.infoBox {

  background: #FFFFFF;
  background-color:#FFFFFF;

}



.infoBoxContents {

  background-color: #FFFFFF;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #333333;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

}



TD.infoBoxHeading {

  background-image: url('http://www.amazing-lace.net/shop/images/infobox/corner_center.gif');

  font-family: Arial, Verdana, sans-serif;

  font-size: 18px;

  font-weight: normal;

  color: #000000;

  display: none;

}



TD.infoBox, SPAN.infoBox {

  font-family: Arial, Helvetica, 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: #FFFFFF;

}



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: #FFFFFF;



}

TABLE.productListing {

  border: 0px;

  border-style: solid;

  border-color: #FFDDFF;

  border-spacing: 1px;

  

}



.productListing-heading {



border-right:1px solid #FFDDFF; 

border-top:0px solid #FFFFFF; 

border-bottom:1px solid #FFDDFF; 

text-align:center;

 



  color: #8E8E8E;

  font-weight: bold;

  padding: 12px;

  font-family: Arial, Helvetica, sans-serif;

  text-transform:uppercase;

  font-size: 11px;

  background: #FFFFFF;



}



TD.productListing-data {

border-right:1px solid #FFDDFF; 

border-bottom:1px solid #FFDDFF; 

text-align:center;

vertical-align:top; 

padding:10 10 10 10;





  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #660000;

}







A.pageResults {

  color: #747474;

}



A.pageResults:hover {

  color: #747474;

}



A.pageResults:visited {

  color: #747474;

}





TD.pageHeading, DIV.pageHeading {

	font-size: 14px;

	color: #FF6600;

	font-weight: bold;

	height:28px;

	width: 100%;

	background: url('http://www.amazing-lace.net/shop/images/m99.gif');

	background-repeat: repeat-x;

	padding-bottom:0px;

	padding-left: 20px;

	font-family: "Times New Roman", Times, serif;

		letter-spacing: 0.2em;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #000000;

}



TD.main, P.main {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  padding-left: 10px;

}



TD.accountCategory {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Arial, Helvetica, 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: Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Arial, Helvetica, sans-serif;

  font-size: 12px;

  color: #660000;

  font-weight: bold;

}



SPAN.productSpecialPrice {

  font-family: Arial, Helvetica, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Arial, Helvetica, sans-serif;

  color: #ff0000;

}

TD.productPriceInListing {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #d2e9fb;

}



TD.productPriceInBox {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

  background: #eeeeee;

}



TD.productPriceInProdInfo {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ccffcc;

}



 .pr_category{

  font-size: 13px;

 color: #000000;

 text-decoration: none;

 text-transform: none;

 font-weight: bold;

 }



 .pr_name{

 font-size: 12px;

 color: #660000;

 font-weight: bold;

 text-transform: none;

 text-decoration: none;





}





 .pr_price{

 font-size: 13px;

 color: #000000;

 font-weight: bold;

 font-family: "Times New Roman", Times, serif;





 }



 .pr_descr{

 font-family: Arial, Helvetica, sans-serif;

 font-size: 11px;

 color: #333333;



}









.moduleRow { }

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

.moduleRowSelected { background-color: #E9F4FC; }



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

.checkoutBarCurrent { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



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



td{

 font-family: Arial, Helvetica, sans-serif;

 font-size: 11px;

 color: #333333;

}



 .bg{

 background: #FFFFFF

 }



 .bg1{

 background-image: url("http://www.amazing-lace.net/shop/images/ao_bg.jpg");

 background-repeat: repeat-x; 

 }



 .bg2{

 background-image: url("");

 }



 .ch1{

 font-size: 11px;

 color: #FF6600;

 font-weight: bold;

 }



 .ch2{

	font-size: 14px;

	color: #FF6600;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

    letter-spacing: 0.2em;

 }



 .ch3{

 font-size: 14px;

 color: #2C2C2C;

 font-weight: bold;

 }



 .ch4{

	font-size: 14px;

	color: #FF6600;

	font-weight: bold;

	font-family: "Times New Roman", Times, serif;

	letter-spacing: 0.2em;

 }



 .ch5{

 padding-left: 16px;

 }



 .ch6{

 font-size: 11px;

 color: #FFCC00;

 }



 .ch7{

 font-size: 11px;

 color: #CCCCCC;

 text-decoration: none;

 }



 .ch8{

 font-size: 11px;

 color: #C1C1C1;

 }



 .ch9{

 font-size: 12px;

 font-weight: bold;

 color: #4C4C4C;

 }



 .ch11{

 font-size: 11px;

 font-weight: bold;

 color: #565656;

 }



 .ch12{

 font-size: 11px;

 color: #660000;

 font-weight: bold;

 font-family: "Times New Roman", Times, serif;

 	letter-spacing: 0.2em;

 }             



 .ch13{

 font-size: 13px;

 color: #660000;

 font-weight: bold;

 font-family: "Times New Roman", Times, serif;

 	letter-spacing: 0.2em;

 }             



 .ch14{

 font-size: 11px;

 color: #660000;

 font-weight: bold;

 font-family: "Times New Roman", Times, serif;

 	letter-spacing: 0.2em;

 }             



 .ch15{

 font-size: 13px;

 color: #660000;

 font-weight: bold;

 font-family: "Times New Roman", Times, serif;

 	letter-spacing: 0.2em;

 }             



 .ch16{

 font-size: 11px;

 color: #000000;

 }             



 .ml1{

 font-size: 11px;

 color: #FF9900;

 font-weight: bold;

 text-decoration: none;

 }

 .ml12{

 font-size: 11px;

 color: #000000;

 font-weight: bold;

 text-decoration: none;

 }



 .ml2{

	font-size: 11px;

	color: #FFCC00;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

 }



 .ml2:hover{

	font-size: 11px;

	color: #FF9900;

	font-weight: bold;

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

 }



 .ml3{

 font-size: 12px;

 color: #660000;

 font-weight: bold;

 text-transform: none;

 text-decoration: none;

 }



 .ml4{

 font-size: 12px;

 color: #ADADAD;

 font-weight: bold;

 text-transform: none;

 text-decoration: none;

 }



 .ml5{

 font-size: 11px;

 color: #660000;

 text-decoration: none;

 }



 .ml6{

 font-size: 11px;

 color: #900915;

 text-decoration: none;

 }



 .ml7{

 font-size: 11px;

 color: #C0C0C0;

 text-decoration: none;

 }



 .se{            

 background: #EBEBEB;

 width: 108px;

 font-size: 9px;

 color: #737373

 }



 .se2{            

 border: #FFDDFF 1px solid;

 width: 139px;

 font-size: 9px;

 color: #737373

 }

 













 

 .image_border_{

 }

a.creaccount:link {

	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #660000;

}

/*-------------------------------------*/

/*   Horizontal Drop-Down Menu Style   */

/*-------------------------------------*/



.horbar	{   /* Color of main horizontal menubar and border */

	color: black;

	background-color: #e6e7e6;

	border: 1px outset #525252;

}



.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */

	float: left;

	white-space: nowrap;

}



.horizitem a {              /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

	font-size: 12px;	

	text-decoration: none;

	position: relative;	

	display: block;	

}



.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */

	color: #000000;

	text-decoration: none;

}



.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */

	color: #ffffff;

	background-color: #21459c;

	text-decoration: none;

}



.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */

	color: #ffff00;

	background-color: #666666;	

	text-decoration: none;

}



.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

}



.horizsubframe	{      /* Color of submenu item and border */

	background-color: #e6e7e6;

	border: 2px outset #fdfefd;

	

	position: relative;

	display: block;	

}



.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

	text-align: left;

	white-space: nowrap;

}



.horizsubitem a {            /* Font style, size of submenu items */

  font-family: Verdana, Arial, sans-serif;

	font-size: 12px;	

	text-decoration: none;

	

	position: relative;

	display: block;	

}



.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */

	color: #000000;

	font-size: 12px;	

	text-decoration: none;

}



.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */

	color: #ffffff;

	background-color: #21459c;

	text-decoration: none;

}



.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */

	color: #ffff00;

	background-color: #666666;		

	text-decoration: none;

}



.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */

	position: absolute;

	top: 5px;

	right: 8px;

}



.dmselected {   /* Style override for selected category tree */

    background-color: #ccc;

		font-weight: bold;

}



.horbar .dmselected {   /* Style override for selected root category */

    background-color: #999;

}





/*---------------------------------*/

/*   Vertical Fly-Out Menu Style   */

/*---------------------------------*/



.verbar	{   /* Color of main vertical menubar and border */

	color: #000000;

	background-color: #000000;

}



.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */

	text-align: center;

	white-space: nowrap;

}



.vertitem	a {

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	text-decoration: none;

	position: relative;

	display: block;

	font-weight: bold;

	padding: 5px;

	height: 24px;

	width: 175px;

}



.vertitem a:link, .vertitem a:visited	{

	color: #FFFFFF;

	text-decoration: none;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

}



.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */

	color: #000000;

	background-color: #FFFFFF;

	text-decoration: none;

}



.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */

	color: #FFFFFF;

	background-color: #FF9900;	

	text-decoration: none;	

}



.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */

	position: absolute;

	left: 0;

	top: 0;

	visibility: hidden;

}



.vertsubframe	{   /* Color of submenu item and border */

	background-color: #660000;



	position: relative;

	display: block;	

}



.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */

	text-align: center;

	white-space: nowrap;

}



.vertsubitem a	{

	font-family: Verdana, Arial, sans-serif;

	font-size: 10px;

	text-decoration: none;

	position: relative;

	display: block;

	padding: 5px;

	height: 24px;

	width: 170px;

	font-weight: bold;

	color: #FFFFFF;

}



.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */

	color: #FFFFFF;

	text-decoration: none;	

}



.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */

	color: #FF9900;

	background-color: #000000;

	text-decoration: none;

}



.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */

	color: #FFFFFF;

	background-color: #000000;	

	text-decoration: none;			

}



.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */

	position: absolute;

	top: 5px;

	right: 8px;

}



.dmselected {   /* Style override for selected category tree */

	color: #FFFFFF;

    background-color: #B8E4E4;

		font-weight: bold;

}



.verbar .dmselected {   /* Style override for selected root category */

	color: #FF6600;

    background-color: #660000;

}



/*---------------------------*/

/* Tree and Plain Menu Style */

/*---------------------------*/



.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */

	display: block;

	white-space: nowrap;

}





.phplmbodytable { /* Class of table cells containing plain menus */



}



.phplmnormal {     /* Font size & color of unlinked menu items */

	color: #000000;

	font-size: 13px;	

	text-decoration: none;	

}





a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */

	color: #003300;

	font-size: 13px;	

	text-decoration: none;	

}





a.phplm:hover	{      /* Font color, style of menu items when hovered over */

	color: #841212;

	background-color: #ccc;

	font-size: 13px;	

	text-decoration: none;	

}



a.phplm:active	{      /* Font size & color of menu items when clicked */

	color: #ff0000;

	font-size: 13px;	

	text-decoration: none;	

}



.dmselected {   /* Style overide for selected category tree */

    background-color: #ccc;

		font-weight: bold;

}
/* Jo Addon */
.whitebkg_rightborder {
	background-color:#FFFFFF;

	border-left-color:#660000;
	border-left-style:solid;
	border-left-width:thin;
}

.footer_border {
	border-right-color:#660000;
	border-right-style:solid;
	border-right-width:thin;
	border-left-color:#660000;
	border-left-style:solid;
	border-left-width:thin;
	background-color: #FFFFFF;
}
