/* includes */
@import "includes/popups.css";

/* general styles */
body {margin: 0; padding: 0; color: black; background: #EEEEEE; border-top: 4px solid #DADADA; border-left: 1px solid white;  text-align: center; }
body, form, input, th, td {font-family: arial, sans-serif; font-size: x-small; line-height: 1.6em; voice-family: "\"}\""; voice-family: inherit; font-size: small}
html>body, html>body form, html>body input, html>body th, html>body td {font-size: small}
input {line-height: 1.2em}
a img {border: 0}
h1, h2, h3, h4 {font-family: tahoma, sans-serif; color: #B30101;  background-color: white; }
h1 {font-size: 1.4em; font-weight: bold; margin-top: 0px; padding-top: 16px}
h2 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em; }
h3 {font-size: 1em;   font-weight: bold; color: #222222; background-color: white;}
p {margin: 0.9em 0; line-height: 1.6em}
h1 a, h2 a, h3 a, h4 a {text-decoration: none ! important; color: #B30101 ! important; background-color: white;}
h3.product_title {
	color: #c30000;
	font-size: 1.1em;
	background: none;
}

/* header-specific styles*/
.header {margin: 14px 0 0 0; padding: 0 12px 0 21px; height: 56px; width: 764px; voice-family: "\"}\""; voice-family: inherit; width: 731px}
html>body .header {width: 731px}

/* left sidebar */
.wrap {width: 764px; background: white url("images/sidebar_bg1.gif") 0 0 repeat-y}
.sidebar {width: 166px; float: left; clear: left; line-height: 1.2em ! important}
.decoration {border-top: 2px solid white; height: 245px; background: transparent url("images/sidebar_bg2.gif") 100% 0 no-repeat}
.search {color: black; background: #CC0000; border-top: 2px solid white; padding: 10px 0 10px 8px} 
.search form {margin: 0; padding: 0;}
.search form * {vertical-align: middle; margin: 0; padding: 0}
.search .query {width: 84px}

/* menu styles */
.menu {border: 4px solid #DADADA; border-width: 4px 0; color: black; background: white; font-family: tahoma, sans-serif;}
.menu {font-size: 10pt; line-height: 11pt}
.menu ul {margin: 0; padding: 0; width: 166px; border: 1px solid white; border-width: 1px 0; list-style: none}
.menu li {margin: 0; padding: 0;}
* html .menu li {float: left; width: 166px; clear: left}
.menu li a {text-decoration: none; display: block; border: 1px solid white; border-width: 1px 0; padding: 8px 0 8px 16px; margin: 0; font-weight: bold; color: white; background: #4B4B4B url("images/arrow1.gif") 95% 50% no-repeat}
.menu li a.expand {background: #131313 url("images/arrow2.gif") 95% 50% no-repeat}
.menu li a.single {background-image: url()}
.menu li a.download {padding: 8px 0 8px 40px; background: #FF3300 url("images/icon_download.gif") 10% 50% no-repeat}
.menu li a.download_exp {padding: 8px 0 8px 40px; background: #131313 url("images/icon_download_exp.gif") 10% 50% no-repeat}
.menu li a.purchase {padding: 8px 0 8px 40px; background: #CC0000 url("images/icon_purchase.gif") 10% 50% no-repeat}
.menu li a.purchase_exp {padding: 8px 0 8px 40px; background: #131313 url("images/icon_purchase_exp.gif") 70% 50% no-repeat}
.menu li ul {padding: 2px 0; background: #DADADA}
.menu li li a {border: 0; padding: 2px 0 2px 35px; font-weight: normal; color: #212121; background: transparent url("images/arrow3.gif") 13% 50% no-repeat}
.menu li a.current {text-decoration: underline; background-image: url("images/arrow4.gif"); color: black}

/* main content-specific*/
.wrap2 {margin-left: 168px; background: white url("images/content_bg1.gif") 0 6px repeat-x; padding-top: 6px}
.content {background: transparent url("images/content_bg2.gif") 100% 0 no-repeat; padding: 24px 8px 24px 18px}
.content a {color: #CC0000; text-decoration: underline}
.content ul {margin: 0; padding: 0 0 0 1.2em}
.content ul li {padding-bottom: 0.2em}
.content ol {margin: 0; padding: 0 0 0 1.6em}
.content ol li {padding-bottom: 0.2em}

.wrap3 {margin: 10px 0; width: 566px; background: transparent url("images/banner_bg1.gif") 0 0 no-repeat; clear: right}
.banner {background: transparent url("images/banner_bg2.gif") 0 100% no-repeat; padding: 10px}
.banner h2, .banner p {margin: 0; padding: 2px 0}

/* footer-specific styles*/
.footer {margin: 2px 0 0 0; clear: both; padding: 12px 0 40px 0; border-top: 6px solid #CC0000; width: 766px}
.footer p {margin: 0; padding-left: 21px}

/* misc. styles*/
.cl {font-size: 1px; line-height: 1px; clear: both}
.hr {border-top: 2px solid #DEDDE1; text-align: right; line-height: 1px }
.hr a {display: block; float: right; background: transparent url("images/bullet3.gif") 0 8px no-repeat; padding:  4px 0 0 12px; font-weight: bold;  line-height: 1em; font-size: smaller; font-family: tahoma, sans-serif}
.slim {font-weight: normal}
.nounder {text-decoration: none ! important}
.note {color: #ED1C24}
.gloomy {font-weight: bold; color: #4B4B4B ! important}
.shot {border: 1px solid #686868}
.sideblock {margin: 6px 0 6px 6px; padding: 8px; background: #DFDFDF; float: right; color: #3D3D3D}
.sideblock img {border: 1px solid #686868}
.inv {text-decoration: none ! important;}
.b {font-weight: bold}
.flags p img {vertical-align: middle}

/* tables */
table.tb1 {margin: 0; padding: 0; border: 0; border-collapse: collapse}
.tb1 td, .tb1 th {padding: 5px; text-align: left; vertical-align: middle}
table.tb2, table.tb3, table.tb4 {margin: 12px 0; padding: 0; border: 1px solid #C9C9CA; border-collapse: separate; border-spacing: 0; }
.tb2 th, .tb2 td, .tb3 th, .tb3 td {text-align: center; vertical-align: middle; padding: 5px 2px; border: 1px solid white;}
.tb4 th, .tb4 td {text-align: left; vertical-align: middle; padding: 5px 2px; border: 1px solid white;}
.tb2 th, .tb3 th, .tb4 th {background: #C9D5DA; font-weight: bold}
.tb2 td, .tb3 td, .tb4 td {background: #E5EDF0}
.tb2 td.empty, .tb3 td.empty, .tb4 td.empty {background: #F2F6F8}
.tb2 th.empty, .tb3 th.empty, .tb4 th.empty {background: #d4e0e6;}
.tb3 th, .tb3 td {text-align: left; padding: 5px 8px}

/* lists */
ul.u1 {list-style: none; margin: 0; padding: 0 0 0 0.1em;}
ul.u1 li {background: transparent url("images/bullet1.gif") 0 0.3em no-repeat; padding-left: 20px; font-weight: bold}
ul.u2 {list-style: none; margin: 0; padding: 0 10px 0 0.1em;}
ul.u2 li {background: transparent url("images/bullet2.gif") 0 0.6em no-repeat; padding-left: 20px;}
ul.u3 {float: left; width: 100%; list-style: none; margin: 0; padding: 0}
ul.u3 li {clear: left; padding: 0 0 16px 0}
ul.u3 img {float: left; padding: 0 1em 1em 0}
ul.u3 p {margin-left: 200px; margin-top: 0; padding-top : 0}
ul.faq {list-style: none}
ul.faq div {visibility: hidden; padding-left: 16px}
html > body ul.faq div {height: 0}
* html ul.faq div {display: none}
ul.faq li {margin: 0 0 16px 0; padding: 0 0 0 20px; background: transparent url("images/question.gif") 0 0 no-repeat}
ul.faq li li {list-style: inherit; margin: auto; padding: 0 0 0 10px; background-image: url()}
.currency_symbol { font-weight: normal; font-size: 14px; }
#container {
  margin: 0 auto;
  width: 766px;
  text-align: left;
  background-color: white;
  border:1px solid #333;
  }