a:hover {
	font-weight:bold;
	font-style:italic;
	color: #CCCCCC;
}
a{
text-decoration:none;
color: #0066FF;
}
.navbar{color:#FFFFFF; text-decoration:none}
h2{
 font-family: "Trebuchet MS";
 font-size:0.8em;
color:#FFFFFF;
}
#td .grid{
font-size:0.8em;
width:230px;
padding:10px;
float:left;
border-right:1px dotted #53959D;
min-height:170px
}

.grid{
width:140px;
float:left;
margin-right:20px
}
.grid2{
width:160px;
float:left;
margin-right:20px;

}

ul{
font-size:0.8em;
margin-left:5x;
list-style:none;
margin-top:5px

}
ul li{
font-family:"Trebuchet MS";
display:inline
}
ul li a{
color: #FFFFFF;
padding:2px 0 3px;
display:block;
border-bottom:1px dotted #3B5998;
text-decoration:none;
}
ul li a:hover{
text-decoration:none;
color: #FFFFFF;
}


#pnav li.top{
display:block;
background:transparent url(images/pnav_top.gif) no-repeat top left;
}
#pnav li.bottom{
display:block;
background:transparent url(images/pnav_bottom.gif) no-repeat top left;
}
#pnav td a{
padding:1px 0 1px 10px;
display:block;
text-decoration:none;

background:transparent url(images/pnav_mid.gif) repeat-y top left;
}
#pnav td a:hover, #pnav td a.on{
color:#000000;
background:transparent url(images/pnav_ho.gif) repeat-y top left;
}
.style19 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #FF0000;}
.style7 {font-family: "Trebuchet MS"; color: #000000; font-size: 12px; }
.style8 {font-family: "Trebuchet MS"; color: #FFFFFF; font-size: 14px; }
.style18 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color:#333; font-size: 12px;}
.style88 {font-family: "Trebuchet MS"; color: #000000; font-size: 15px; }
.style9 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #FFFFFF; font-weight:bold; font-size: 12px;}
.style43 {font-family: "Trebuchet MS"; color: #FFFFFF; font-size: 14px; font-weight: bold; }
.style44 {font-family: "Trebuchet MS"; color: #FFFFFF; font-size: 13px; }
.style45 {font-family: "Trebuchet MS"; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.style46 {font-family: "Arial";"Trebuchet MS"; color: #000000; font-size: 14px; }
.style466 {font-family: "Arial";"Trebuchet MS"; color: #000000; font-size: 16px; }
.style467 {font-family: "Arial";"Trebuchet MS"; color: #000000; font-size: 12px; }
.style47 {font-family: "Trebuchet MS"; font-size: 14px; }
.style477 {font-family: "Times New Roman"; font-size: 16px; font-style: italic; color: #000000; font-weight:bold;}
.style49 {font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 16px; color: #FF0000}
.style50 {font-family: "Arial"; font-size: 13px; font-weight: bold;  }
/*.style51 {font-family:  "Times New Roman","Trebuchet MS"; font-size: 30px; } */
.style5111 {font-family:  "Trebuchet MS","Trebuchet MS"; font-size: 20px; }
.style511 {font-family:  "Trebuchet MS","Times New Roman"; font-size: 20px; font-style: italic}
.style52 {font-family: "Trebuchet MS"; font-size: 30px; color: #FFFFFF; font-weight: bold; }
.style523 {font-family: "Trebuchet MS"; font-size: 20px; color: #FFFFFF; font-weight: bold; }
.style522 {font-family: "Trebuchet MS"; font-size: 28px; color: #000000; font-weight: bold; text-shadow:2px 2px 2px #CCCCCC; }
.style51 {font-family: "Trebuchet MS"; font-size: 28px; color: #000000; font-weight: bold;  }
.style99 {font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #000000; font-weight:bold; font-size: 14px;}
/*.NonPrintable{ display: none; } */

body{
    scrollbar-arrow-color: #FFFFFF;
      scrollbar-3dlight-color: #000000;
      scrollbar-highlight-color: #FFFFFF;
      scrollbar-face-color: #000000;
      scrollbar-shadow-color: #FFFFFF;
      scrollbar-darkshadow-color: #000000;
      scrollbar-track-color: #000000;
}
input.rounded {
border: 1px solid #ccc;
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 14px;
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 3px 1px;
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;
  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input,
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
}
input.rounded:focus {
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #339933;
}
#checkoutbutton:hover {opacity: 0.6; }

#checkoutbutton {
	width: 90%;
  height: 35px;
    background-color: #FFFFFF;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 3px dotted #F00;
  padding: 3px;
   outline: 0;
}
textarea {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	padding: 3px 1px;
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
   
  outline: 0;
}
.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	border: 3px solid #F00;
	padding: 3px 1px;
  outline: 0;
}
.vText {
   -moz-transform: rotate(-90deg) translate(0, 100%);
   -moz-transform-origin: 0% 100%;
   -o-transform: rotate(-90deg) translate(0, 100%);
   -o-transform-origin: 0% 100%;
   -webkit-transform: rotate(-90deg) translate(0, 100%);
   -webkit-transform-origin: 0% 100%;
   transform: rotate(-90deg) translate(0, 100%);
   transform-origin: 0% 100%;
   writing-mode: bt-rl;
filter: flipV flipH;
line-height: 25px; 
	
     
}
.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
white-space:nowrap;
 transform-origin: 0% 100%;
 display: table-cell;
    vertical-align: middle;
 
}

input.calculus {
border: 1px solid #ccc;
  /* Safari 5, Chrome support border-radius without vendor prefix.
   * FF 3.0/3.5/3.6, Mobile Safari 4.0.4 require vendor prefix.
   * No support in Safari 3/4, IE 6/7/8, Opera 10.0.
   */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  /* Chrome, FF 4.0 support box-shadow without vendor prefix.
   * Safari 3/4/5 and FF 3.5/3.6 require vendor prefix.
   * No support in FF 3.0, IE 6/7/8, Opera 10.0, iPhone 3.
   * change the offsets, blur and color to suit your design.
   */
  -moz-box-shadow: 2px 2px 3px #666;
  -webkit-box-shadow: 2px 2px 3px #666;
  box-shadow: 2px 2px 3px #666;
  /* using a bigger font for demo purposes so the box isn't too small */
  font-size: 18px;
  /* with a big radius/font there needs to be padding left and right
   * otherwise the text is too close to the radius.
   * on a smaller radius/font it may not be necessary
   */
  padding: 3px 1px;
  /* only needed for webkit browsers which show a rectangular outline;
   * others do not do outline when radius used.
   * android browser still displays a big outline
   */
  outline: 0;
  /* this is needed for iOS devices otherwise a shadow/line appears at the
   * top of the input. depending on the ratio of radius to height it will
   * go all the way across the full width of the input and look really messy.
   * ensure the radius is no more than half the full height of the input,
   * and the following is set, and everything will render well in iOS.
   */
  -webkit-appearance: none;
}
input.calculus:focus {
  /* supported IE8+ and all other browsers tested.
   * optional, but gives the input focues when selected.
   * change to a color that suits your design.
   */
  border-color: #339933;
}