@import url("menu.css");
@import url("tabcontent.css");

TABLE, td, BODY { 
   font-size: 13px;
   font-family: Arial, Helvetica, sans-serif; 
   color: #333333;
   text-align: left;
}
   
.pad { padding-left: 7px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px }

.form { font: 11px Tahoma,Arial; color: #333333 }
.title { background-color: white; font: 22px "Arial Narrow",Arial,Tahoma; font-weight: normal; color: #ff9933 }
.title2 { font: 12px Arial,Tahoma; font-weight: bold; color: #6699FF }

.footer { font: 11px Verdana,Arial,Tahoma; font-weight: normal; color: #FFFFFF;}

a:link { color: #466A9F; text-decoration: none; font-weight: normal; }
a:visited { color: #466A9F; text-decoration: none; font-weight: normal;}
a:active { color: #466A9F; text-decoration: none; font-weight: normal;}
a:hover { color: #489FF7; text-decoration: none; font-weight: normal; }

.text a:link {color: #3333CC; font: 13px Arial,Tahoma; }
.text a:visited {color: #3333CC; font: 13px Arial,Tahoma; }
.text a:active {color: #3333CC; font: 13px Arial,Tahoma; }
.text a:hover {color: #FF9900; font: 13px Arial,Tahoma; }

.indent {
   margin-left: 10px;
   }

p {
   margin-top:3px;
   margin-bottom:8px;
   line-height:140%;
   }
   
h1 {
   font-size:20px;
   color: #3688A3;
   font-weight: bold;
   margin-bottom:8px;
   margin-top:5px;
   }
   
h2 {
   font-size:16px;
   padding: 0;
   margin:0px;
   }
   
h3 {
   font-size: 15px;
   font-weight: bold;
   margin: 0px;
   padding-top: 3px;
   padding-bottom:0px;
   }
   
h4 {
   font-weight: bold;
   font-size: 13px;
   margin-top: 13px;
   margin-bottom: 5px;
   }

img {border:0;}
   
img.icon {
   padding-left:5px;
   padding-right:2px;
   vertical-align:text-bottom;
   }

   
.bold {font-weight:bold;}
   
div#legal  p {
   font-size:12px;
   }
   
div#legal  h2 {
   font-size:13px;
   }

div.screenshot {
   text-align:center;
   padding-bottom:15px;
   padding-top:10px;
   margin:0px;}
   
div.h2box{
   border:1px solid #ccc;
   background-color:#fff;
   color:#252525;
   padding:5px;
   margin:20px 0px 15px 0;}

div.h2box h2 {
   font: bold 16px arial, helvetica, sans-serif;
   color:#252525;
   margin: 0;
   }

img.addtocart {
   vertical-align:top;
   }

tr.greyrow {
   background-color:#EEEEEE;
   }
   
table.table {
   border: 1px solid #999999; 
   padding-right:10px;
   padding-top:10px
   }

/* Accordion Thing */

div.whitebox {
   border:1px solid #ccc;
   background-color:#fff;
   padding:10px;
   margin:20px 0px 15px 0;
   }

#bottom_container {
   padding-top:5px;
   }

#bottom_container h1 {
font-size:18px;
}

#bottom_container h2 {
font-size:13px;
}

.accordion_toggle {
font-size:12px;
display: block;
height:20px;
background-color: #e5e9ee;
padding: 4px 10px 0 10px;
color: #252525;
font-weight: bold;
text-decoration: none;
outline: none;
border-bottom: 3px solid #ccc;
cursor: pointer;
margin: 2px 0 2px 0;
}

.accordion_toggle_active {
background-color: #cdd4de;
color: #000;
border-bottom: 3px solid #969495;
}

.accordion_content {
background-color: #ffffff;
color: #252525;
overflow: hidden;
margin-bottom:3px;
padding-bottom:3px;
}
.accordion_content p {
   line-height: 150%;
   padding: 5px 10px 7px 10px;
   margin-bottom:0px;
}


   
/*footer copyright*/

td.copyright {
   border: 0px solid #CCCCCC;
   font-size: 11px;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-left: 10px;
   }
   
   
   
   
/* gray box */

table.grey {
   border: 1px solid #999999;
   margin-bottom: 10px;
   margin-top: 5px;
   }
   
table.grey td {
   padding: 4px;
   border-left:0px;
   border-right:0px;
   }
   
table.grey td.greyhead {
   background-color:#EEEEEE;
   border-bottom: 1px solid #999999;
   font-weight: bold;
   padding: 3px;
   padding-right:7px;
   background: white url(shadegrey.gif) top left repeat-x;
   }
   
table.grey td.grey {
   background-color:#EEEEEE;
   text-align:center;
   }

table.grey td.grey p{
   font-size:11px;
   line-height:110%;
   }
   
table.grey td.purchase {
   padding-left:8px;
   }