/* Notes:
   Table "border-spacing" doesn't work in IE.
   IE can only handle PNG transparency for 256 color palette (indexed
      color). Greater color depth (RGB) doesn't work.
 
   . = class
   # = id 
	form #calc //this didn't work because of the space before id.
        form#calc  //this worked...no space.
		   //same hold for "class" selectors.

The key thing to know is that IDs identify a specific element and 
therefore must be unique on the page – you can only use a specific ID 
once per document. Many browsers do not enforce this rule but it is a 
basic rule of HTML/XHTML and should be observed. Classes mark elements 
as members of a group and can be used multiple times, so if you want 
to define a style which will be applied to multiple elements you should 
use a class instead. 
*/

body {
   background-color : #ffffee; /*#fffff0;*/
   /*background-image: url("background/grd-4x4.gif");*/
   font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   /*font: normal 13px verdana,arial,'Bitstream Vera
 * Sans',helvetica,sans-serif;*/
}

form {
   /*need margin option so forms don't add empty space below item
     in a TABLE */
   margin-bottom: 0; 
   /*background: #000000;*/
   text-align: right;
   /* text-align: right; */

   border: 0px solid #00aabb;
   padding: 0px;
   }

form#calcu {
   /*need margin option so forms don't add empty space below item
 *      in a TABLE */
   margin-bottom: 0;
   /*background: #000000;*/
   text-align: left;
   /* text-align: right; */

   border: 0px solid #00aabb;
   padding: 0px;
   }

pre {
/*border: 1px */
border-style: dashed;
border-width: thin;        /* sets border width on all sides */
border-color: lime;
background-color: #ffffff
}

a:link { color: #0066cc }
a:visited { color: #00aadd }
a:active { color: #990099 }
a:focus { background: yellow }
/* a:focus:hover { background: red } */
/*a:hover { background: red }*/

ul.stylenone {
	list-style-type: none;
}

.emphasize{
	font: italic bold 14px serif;
	color: #FF3030;
}

.alignmiddle{
	vertical-align: middle;
}

.right {
   text-align: right;
   width: 100%;
   /*background-color: #aabbcc;*/
}


.searchbox{
   text-align: right;
   vertical-align: center;
   width: 100%;
   /*height: 20px;*/
   /*background-color: #aabbcc; */
   margin: 0px;
   border: 0px solid #00aadd;
   padding: 0px;
}

/*#logobar {
/*   border: 1px outset #00aadd; 
   border-collapse: separate;
   border-spacing: 5px; 
   background-image: url("background/grd-1x200.gif");
   /*width: 140px;
}
*/

#logobar {
/* Testing */
	background-image: url("background/grd-1x200.gif");
	border: 1px outset #009000;
   padding: 5px;
   margin: 0px;
/* testing end */

   vertical-align: middle;
   text-align: right;
   width: 100%;
}

#logo #viewcart {
   /*align: right;*/
   vertical-align: center;
   text-align: right;
   width: 100%;
   }

#NavMenu { 
   /*position: absolute;*/
   top: 100px;
   left: 8px;
   text-align: right;
   vertical-align: top;
   /*font-size: small;*/
   /*font-weight: bold;*/
   font: bold 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   width: 120px;
   /*border: 1px outset #00aadd;*/
   /*border-right: 2px outset #00aadd;
   border-bottom: 2px outset #00aadd; */
   background-color: #ffffee;
   /*background-image: url("background/grd-4x4.gif");*/
   padding: 0px;
   margin: 0px;
}

#NavMenu ul {
   list-style: none;
   text-align: center;
   padding: 0px;
   border: 0px;
   margin: 0px;
   }

#NavMenu ul li{
   padding: 0px;
   display: inline; /*IE fix for extra space in UL */
   }

#NavMenu ul li a { 
   color: #249a10;
   /*background: #aaddee;*/
   background-image: url("background/grd-1x200.gif");
   border: 1px outset #00aadd;
   margin: 0px;
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
   /* _height: 1px; */ /*This Also fixes IE UL space bug*/
   }

#NavMenu ul li a:hover { 
   color: #246001;
   /*background: #ffffe0;*/
   border: 1px inset #00aadd;
   }

#MainText {
   /*position: absolute;*/
   /*left: 150px;
   top: 100px; */
   text-align: top; 
   vertical-align: top; 
   font: normal 14px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   padding: 5px; 
   background-color: #f1f4f6; /*#dcebfd;*/
   border: 1px outset #009000;
   width: 580px; /*580px;*/
   /*border-left: 5px groove #009000;*/
   }
 
#MainText #title{
   background: #5588ff;
   font: bold italic 16px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   /*font: bold italic 16px sans-serif;*/
   color: #f1f4f6;
   width: 100%;
   }

#MainText #body{
   font: normal 14px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   width: 100%;
   list-style-type: none;
   }

#MainText td{
   font: normal 14px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   }
   
#MainText #space{
   /*background: #0066cc;*/
   width: 10px;
   }

#MainText #data{
   /*background: #0066cc;*/
   width: 100%;
   }

#oddrow {
   /*background: #00aadd;*/
   background: #d3dce8;
   }

#evenrow {
   /*background: #efefef;*/
   background: #e9edf4;
   }

#cart {
   /*position: absolute;
   left: 140px;*/
   text-align: left;
   vertical-align: top;
   font: normal 13px verdana,arial,'Bitstream Vera Sans',helvetica,sans-serif;
   /*font-size: medium;
   font-weight: normal;*/
   padding: 5px;
   /*padding-left: 5px;*/
   border: 1px outset #009000;
   width: 580px;
   }

#cart td{
   padding: 2px 10px 2px 10px;

}

#cart #title {
   background: #9cb8c6;
   }

#cart #oddrow {
   /*background: #00aadd;*/
   background: #d3dce8;
   }

#cart #evenrow {
   /*background: #efefef;*/
   background: #e9edf4;
   }  


#footer {
   /*position: relative bottom:*/   
   text-align: center;
   color: gray;
   font-size: x-small;
   border-top: 1px solid #cccccc;
   margin-top: 30px;
   margin-bottom: 30px;
}

/*  Added _chrome with the graphics for the addition of the Disney Family.com chrome */
    #topShadow { width: 770px; height: 10px; background-image: url(background/bg_top-shadow_chrome.gif ); background-repeat: no-repeat; background-position: 0px 0px; }
    #topShadow_wide { width: 1000px; height: 10px; background-image: url(background/bg_top-shadow_wide_chrome.gif ); background-repeat: no-repeat; background-position: 0px 0px; }

    #leftShadow { width: 8px; background-repeat: repeat-y; background-position: 0px 0px; background-image: url(background/lf_grad2.jpg ); }
    #rightShadow { width: 8px; background-image: url(background/rt_grad2.jpg ); background-repeat: repeat-y; background-position: 0px 0px; }
    
    #bottomShadow { width: 770px; height: 20px; background-image: url(background/btm.jpg ); background-repeat: no-repeat; background-position: 0px 0px; }
    #bottomShadow_wide { width: 1000px; height: 20px; background-image: url(background/btm_wide.jpg ); background-repeat: no-repeat; background-position: 0px 0px; }

    .shadowBar { width: 8px; height: 188px; border: 0; }