@charset "utf-8";

/** Universal **/
body {
	margin: 0;
	padding: 0;
	background: url(images/bkg/bodyImg.gif) repeat-x 0 0;
}
body.receipt {
	background: none;
	margin: 15px;
}
img {
	border: 0;
}
/** Type **/
body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #333;
}
h3, h3 a:link {
	font-size: 14px;
}
h4, h4 a:link {
	font-size: 12px;
}
a, a:link {
	text-decoration: none;
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #369;
	text-decoration: underline;
}
p a:link {
	font-weight: bold;
}
ol {
	margin: 0;
	padding: 0 50px;
}
ol li {
	margin: 0 0 2px 15px;
	list-style: inside;
	padding: 0;
}

/** Layout **/
#print {
  color: #f00;
 }

.jsdisabled {
  color: #f00;
 }
 
select.jsdisabled {
  display:none;
 }
 
td.train img {
  vertical-align: middle;
 }
 
#container {
	margin: 0 auto;
	padding: 0;
	width: 975px;
}
#header {
	height: 100px;
}
/** Intro **/
#intro {
	margin: 0;
	padding: 15px 0 40px 0;
	background: url(images/bkg/banner-top.gif) no-repeat 0 100%;
}
#intro h2, #intro h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
	float: left;
}
#intro-nav {
	margin: 0;
	padding: 0;
	float: right;
}
#intro-nav a {
	padding: 0 0 0 15px;
	font-size: 11px;
}
#intro-nav a.active {
	color: #999;
}
/** Navigation **/
#nav-container {
	height: 50px;
}
ul#main-nav {
	height: 40px;
	margin: 0;
	padding: 0 0 0 150px;
}
#main-nav li, #top-nav li, #intro-nav li {
	list-style: none;
	display: inline;
}
#main-nav a {
	width: 130px;
	height: 40px;
	float: left;
}
#main-nav a:hover  { 
	background-position: 0 -40px;
}
#main-nav a:focus  { 
	background-position: 0 -40px;
}

#main-nav a#active { 
	background-position: 0 -80px;
}
#main-nav span {
	display: none;
}
#tb-products a, #tb-support a, #tb-training a, #tb-downloads a, #tb-purchase a {
	width: 135px;
}
#tb-products a {
	background: url(images/nav/tb_products.gif) no-repeat 0 0;
}
#tb-support a {
	background: url(images/nav/tb_support.gif) no-repeat 0 0;
}
#tb-training a {
	background: url(images/nav/tb_training.gif) no-repeat 0 0;
}
#tb-downloads a {
	background: url(images/nav/tb_downloads.gif) no-repeat 0 0;
}
#tb-purchase a {
	background: url(images/nav/tb_purchase.gif) no-repeat 0 0;
}
ul#top-nav {
	margin: 0;
	padding: 25px 0 15px 0;
}
#top-nav a {
	padding: 0 0 0 25px;
	float: right;
}
/** Banner **/
#banner {
	margin: 0;
	padding: 0 0 15px 0;
	background: url(images/bkg/banner-bot.gif) no-repeat 100% 100%;
}
#banner-intro {
	margin-left: auto;
	margin-right: auto;
	padding: 0 50px;
	background: url(images/bkg/banner-bkg.gif) repeat-y 0 0;

}
#banner-intro h1, #banner-content h1 {
	font-size: 30px;
	margin: 0 0 25px 0; 
	padding: 5px 50px 0 50px;
}
#banner-intro p {
	padding: 0 50px;
	font-size: 13px;
}
#banner-intro a:link, #banner-intro a:visited {
	font-weight: bold;
}
#banner-content {
	margin: 0; 
	padding: 2em 0 0 0;
	background: #fbfbfb url(images/bkg/banner-bkg.gif) repeat-y 0 0;
}
#banner-content p {
  margin:0;
  padding: 0;
}
#banner-content h3 {
	font-size: 14px;
	margin: 0 0 15px 0;
}
#banner-content h4 {
	font-size: 12px;
	margin: 0 0 5px 0;
}
#banner-sum {
	margin: 0;
	padding: 0 50px;
}
/** Footer **/
#footer {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	background: url(../images/bkg/footer-top.gif) no-repeat 0 0;
}
#footer.home {
	margin: 0;
	padding: 45px 0 0 0;
	background: url(../images/bkg/footer-home-top.gif) no-repeat 0 0;
}
#footer-content {
	margin: 0; padding: 0;
	background: url(../images/bkg/footer-bkg.gif) repeat-y 0 0;
}
.foot-col-a {
	margin: 0; padding: 0;
	width: 190px;
	float: left;
	background: url(../images/bkg/foot-col-a.gif) repeat-y 0 0;
}
.foot-col-b {
	margin: 0 0 15px 0; padding: 0;
	width: 190px;
	float: left;
}
.foot-col-c {
	margin: 0; padding: 0;
	width: 190px;
	float: right;
	background: url(../images/bkg/foot-col-c.gif) repeat-y 0 0;
}
#footer ul {
	margin: 0 0 0 35px;
	padding: 0;
}
#footer li {
	list-style: none;
	font-size: 11px;
	display: block;
}
#footer a {
	color: #999;
}
#footer a:hover { color: #069; }
#footer h4 {
	margin: 15px 0 0 35px; 
	padding: 0;
	font-size: 11px;
}
#footer h4 a:link { color: #666; }
#footer h4 a:hover { color: #069; }
#footer h4 a:visited { color: #666; }
#sub-footer {
	margin: 0;
	padding: 15px 0 0 0;
	background: url(../images/bkg/footer-bot.gif) no-repeat 0 0;
	color: #999;
}
#sub-footer p {
	font-size: 9px;
	text-align: center;
    clear:both;
}
#sub-footer p a:link { font-weight: normal; }
#sub-footer p a:hover { color: #069; }
#sub-footer a:visited { color: #999; font-weight: normal; }


/** Tags **/
.img-left {
	margin: 0;
	padding: 0 15px 10px 0;
	float: left;
}
.logo {
	margin: 0;
	padding: 20px 0 0 10px;
	float: left;
}
.small {
	font-size: 11px;
}

.continue {
  clear:both;
  text-align:center;
}
.lihead {
	font-weight: bold;
	color: #000;
	margin: 0;
	text-align: center;
}
.liitem {
	font-weight: bold;
	color: #369;
	padding: 1px;
	text-align: right;
}
/**Table Styles**/

table    { 
	width: 90%;
	padding: 0;
	margin: 0 0 25px 0;
	background-color: #fff;
}
table p a:link {
	font-weight: normal;
}
table p a:visited {
	font-weight: normal;
}
table p.small {
	font-weight: normal;
}
table h4 {
	color: #069;
}
tr, td {
/*	border: 1px solid #ccc; */
	margin: 0;
	padding: 2px;
}

thead th {
	background-color: #dedede;
	color: #069;
	font-weight: bold;
	text-align: center;
    vertical-align:middle;
	margin: 0;
	padding: 5px 0 0 0;
}
.tableSubhead {
	background: #ccc;
	font-weight: bold;
	color: #369;
	margin: 0;
	padding: 5px;
	text-align: center;
}
table.receipt {
	width: 85%;
	border-collapse: collapse;
	margin: 0 auto 10px auto;
}
table.orderfrm, table.orderdetail {
	width: 85%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0 auto 10px auto;
}

table.orderdetail td {
	border: 1px solid #ccc; 
}

table.orderfrm tbody th {
	text-align: right;
}
table.ordersubtotal {
  width:100%;
  border-collapse:collapse;
  margin: 0;
  padding: 0;
}
table.ordersubtotal td, table.ordersubtotal th {
  border: 1px solid #ccc;
}
table.ordersubtotal th {
  text-align:right;
 }
table.training {
	width: 80%;
	border: 1px solid #ccc;
	margin: 0 auto 10px auto;
}

table.training td {
	text-align: center;
	border: none;
}
table.training th {
	text-align: center;
}

table.product {
	width: 80%;
	border: 1px solid #ccc;
/*  border-collapse:collapse; */ 
	margin: 0 auto 10px auto;
}
table.product td {
	text-align: center;
	border: none;
}
table.product th {
	text-align: center;
}

.smalltext {
	font-size: xx-small;
	text-align: right;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

#salestax {
	text-align: right;
	display: none;
}

.training td, .training tr {
	padding: 0;
}
table.international {
	width: 75%;
	margin: 0 auto 25px auto;
	border: 1px solid #ccc;
	border-width: 1px 0 0 1px;
}
table.specialoffer {
	width: 75%;
	margin: 0 auto;
	border: 1px solid #ccc;
}
table.specialoffer td {
	padding-left: 20px;
	border: none;
}
table.specialoffer th {
	padding: 5px 0 1px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px dotted #000000;
}


/** Form styles **/
fieldset.address {
  margin: 0 auto;
  width: 95%;
 }
input.submit {
  margin-left: 40%;
}
 
fieldset.ship, fieldset.interest {
  float:left;
  margin: 1em .5em;
  width: 420px; 
 }
 
fieldset.ship legend, fieldset.interest legend {
  font-weight:bold;
  background-color:#dedede;
  border: 1px solid #7b7b7b;
}
 
 fieldset.ship div {
  clear:left;
  margin:0;
  padding: 5px 0 0 0;
 }
 
 fieldset.ship label {
   float:left;
   text-align:right;
   width: 35%;
   font-weight:bold;
 }
 
 fieldset.interest label {
   font-weight:bold;
 }
 #international {
   padding-left:80px;
   width: 90%;
   float:left;
 }
.subtotal {
   display:inline;
   margin-right: 5px; 
   float: right; 
   text-align: right;
 }
 
.subtotal h2 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 5px 10px 4px;
}
.total {
  display:inline;
  width: 30em;
  margin-top:20px;
  margin-right: 10px;
  padding-right: 4px;
  float:right;
  text-align:right;
}
.contactme legend span, .order2 legend span {
  color: #000;
  font-size: 1.5em;
  background-color:#dedede;
  border: 1px solid #7b7b7b;
 }
 
form {
    margin: 0;
	padding: 0;

}
form.receipt-pg {
	padding: 0;
}
form p {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px;
	padding: 0;
}
form h3 {
	font-weight: normal;
}
input, select { 
	font-size: 1em;
	margin: 0 5px;
	padding: 1px;
}

input.address {
	width: 200px;
}

input.required {
	width: 200px;
	background-color: #ffc;
}

input.price {
	text-align: right;
	width: 50px;
}

select.required {
	background-color: #ffc;
}

select.license {
	width: 160px;
}

select.regional {
	width: 230px;
}

textarea   { 
	font-size: 1em; 
	padding: .2em;
	width: 95%;
}

.contactme p {
	font-weight: normal;
	text-align: center;
}
/*Clear Fix*/
.clearboth {
	clear: both;
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
} 
.clearfix {
	display: inline-block;
} 
/* Hide from IE Mac \*/ 
.clearfix {
	display:block;
} 
/* End hide from IE Mac */ 
* html .clearfix {
	height: 1px;
}