body {
  margin:0;
  padding:0;
  text-align:left;
  min-width:800px;
  background-color: #ffffff;
  font:normal 11px Tahoma, Helvetica, Arial, sans-serif;
}

span.input-help {
  display:none;
}

p.sel {
  position:relative;
}

p.sel span.input-help {
  display:block;
  position:absolute;
  margin-top:10px;
  margin-left: 10px;
  width:370px;
  height:110px;
  padding-top:30px;
  padding-left:35px;
  background:url(searchtip.png) no-repeat;
  border:0px;
}

p.searchtip {
  margin-top: 0px;
}

a {
  color:#FFFFFF;
  border-bottom: none;
  text-decoration: none;
}

a:hover {
  text-decoration:none;
  border-bottom: 1px solid white;
}

h1 {
  color:#333333;
  padding-left: 10px;
  background-image: url(h1_bg.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-family: Arial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  margin-bottom: 6px;
}

h2 {
  color:#444444;
  background-image: url(bullet_h2.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 18px;
  margin-bottom: 5px;
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size:100%;
  font-weight:bold;
  margin-top: 5px;
}

h3 {
  font-weight:bold;
  text-decoration:underline;
  font-size:100%;
  margin-bottom: 5px;
}

h4 {
  font-weight:normal;
  text-decoration:underline;
  font-size:100%;
  margin:5px auto;
}

h5 {
  font-weight:bold;
  text-decoration:none;
  font-size:130%;
  margin:0 auto;
}

#outer{
  width:800px;
  text-align:left;
  margin:0 auto;
  color: #333;
}

#outer2{
  width:160px;
  position: absolute;
  text-align:left;
  margin:0 auto;
  margin-left: 800px;
  color: #333;
}

#header {
  position:relative;
  float:left;
  margin:0;
  width:800px;
  height:115px;
}

#header_container {
  width:800px;
  margin:0 auto;
  text-align:left;
  vertical-align: top;
}

#header_panel {
  width:100%;
  height: 80px;
  background:url(main_bg_new.gif) top repeat-x;
  margin:0 auto;
}

.in_header_panel {
  width:800px;
  margin:0 auto;
  text-align:left;
  vertical-align: top;
  padding-top:9px;
  color: #fff;
}

#searchbox {
  border:1px solid #bbbbbb; 
  padding-left:5px; 
  padding-right:4px; 
  padding-top:3px; 
  padding-bottom:1px; 
  background: url("input_bg2.gif") no-repeat 0 0; 
  width:415px; 
  height:17px; 
  margin-left: 10px; 
  margin-top: 9px; 
  font-size: 100%; 
  color: #666;
}

#searchbox, x:-moz-any-link, x:default {
  padding-top: 4px;
  padding-bottom: 0px;
} /* firefox only gets this style */

#left {
  position:relative;
  width:230px;
  float:left;
  background-color: #ffffff;
}

.categories {
  position:relative;
  width:230px;
  padding-top: 35px;
  float:left;
  background-color: #e4e7f5;
  background-image: url(category_begin.png);
  background-repeat: no-repeat;
}

.subcats {
  line-height: 190%;
  padding-right: 6px;
  margin: -2px 0 0px 0  !important;
  text-align: left !important;
}

.subcats a {
  margin-right: 6px;
  white-space: nowrap;
}

.user_report {
  position:relative;
  width:220px;
  float:left;
  padding: 4px 3px 2px 7px;
  background-image: url(user_report_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

.user_report_new {
  position:relative;
  width:220px;
  float:left;
  padding: 4px 3px 2px 7px;
  background-image: url(user_report_bg_new.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

.topsoft {
  margin-top: 67px;
  position:relative;
  width:218px;
  float:left;
  padding: 10px 3px 2px 7px;
  background-color: #F0F5FB;
  border-width: 1px;
  border-style: solid;
  border-color: #C8D3E1;
  background-image: url(topsoft_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
}

.news {
  margin-top: 43px;
  position:relative;
  width:218px;
  float:left;
  padding: 10px 3px 2px 7px;
  background-color: #f3f3f3;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
  background-image: url(news_bg.png);
  background-repeat: no-repeat;
  background-position: top left;
}

#left p {
  text-align:justify;
  margin:8px 0 8px 0;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

#left p.headline {
  text-align:justify;
  margin:8px 0 10px 0;
  padding-left: 10px;
  font-weight:bold;
}

#left a {
  color:#333;
  text-decoration: underline;
}

#left a:hover {
  color:#333;
  text-decoration: none;
  border: 0;
}

#content{
  margin:0;
  width:520px;
  float:left;
  margin-left:35px;
  padding:5px 0;
}

#content p{
  margin-bottom:15px;
  line-height: 15px;
  text-align: justify;
}

#content p.pages{
  margin-bottom:15px;
  line-height: 15px;
  text-align: right;
}

#content a {
  color:#333;
  text-decoration: underline;
}

#content a:hover {
  color:#333;
  text-decoration: none;
}

#logo {
  float:left;
  margin:0;
  width:300px;
  height:85px;
  padding-top: 25px;
}

#banner_main {
  float:left;
  margin:0;
  width:500px;
  height:75px;
  padding-top: 35px;
}

#banner_main img {
  float:right;
  margin-right: 11px;
}

#banner_main img, x:-moz-any-link, x:default {
  margin-top: 7px;
} /* firefox only gets this style */

#logo p {
  margin-right:20px;
  padding-bottom:2px;
  padding-top: 20px;
}

#header_container #logo img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-width: 50px;
  top: 200px;
  right: 100px;
}
#outer #content img {
  border-right-width: 10px;
  border-bottom-width: 10px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #FFFFFF;
  border-bottom-color: #FFFFFF;
  border-top-style: solid;
  border-top-color: #FFFFFF;
  border-top-width: 5px;
  border-left-color: #FFFFFF;
  border-left-style: solid;
  border-left-width: 1px;
}

#outer #content #download img {
  border-right-width: 3px;
  border-right-color: #FFFFFF;
}

#footer {
  width:800px;
  height:50px;
  text-align:center;
  margin:0 auto;
  margin-top:15px;
  border-top:5px solid #eaeaea;
  color: #888;  
}

#footer #container {
  width:800px;
  margin:0 auto;
  padding-top:8px;
  text-align:left;
}

#footer #container a {
  color:#D22717;
  text-decoration: underline;
}
#footer #container a:hover {
  text-decoration: none;
}

#footer .left {
  width: 150px;
  float:left;
}

#footer .middle {
  width: 100px;
  height: 14px;
  float: left;
  padding-top:2px;
  padding-left: 220px;
}

#footer .right {
  width: 640px;
  float:right;
  text-align: right;
}

#clearfooter {width:100%;height:50px;clear:both} /* to clear footer */

clear {
  clear:both; 
  height:1px; 
  margin:0; 
  padding:0; 
  line-height: 1px;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html>body .clearfix {
  display: block; 
  width: 0;
}

* html .clearfix {
  /* Hides from IE-mac \*/
  height: 0;
  /* End hide from IE-mac */
}

* html #footer {/*only ie gets this style*/
  height:50px;/* for ie6 */
  margin-bottom:-1px;
}

div, p  {
}/*clear top margin for mozilla*/

* html #outer{height:99.9%;} /*For ie as treats height as min-height anyway - also addreeses rounding bug at bottom of screen in IE*/

/* Highslide */
.highslide {
  cursor: pointer;
  outline: none;
}
.highslide-loading {
  display: block;
  width:81px;
  height:60px;
  color: black;
  font-size: 8pt;
  font-family: sans-serif;
  font-weight: bold;
  text-decoration: none;
  background-color: black;
  margin-top: 5px;
  margin-left: -5px;
  background-image: url(../../../highslide/graphics/loader.gif);
  background-repeat: no-repeat;
  background-position: 24px 14px;
}

.highslide-dimming {
  background: black;
  position: absolute;
}

a.highslide-full-expand {
  background: url(../../../highslide/graphics/fullexpand.gif) no-repeat;
  display: block;
  margin: 0 10px 10px 0;
  width: 34px;
  height: 34px;
}

/* These must always be last */
.highslide-display-block {
  display: block;
}
.highslide-display-none {
  display: none;
}

/* eTarget */
.etarget {
  background-color:#ffffff;
  font-size:11px;
  color:#333333;
  margin:0px;
  padding:0px;
  font-family:Tahoma,Arial,helvetica,sans-serif;
}
.etarget a {
  color:#333333;
}
.etarget a:hover {
  text-decoration: none;
}
.etarget .selfpromo {
  background-color:#ffffff;
  color:#333333;
  font-size:11px;
  border-bottom:#333333;
  width:100%;
}
.etarget .selfpromo a {
  color:#333333;
}
.etarget .selfpromo .left {
  text-align:left;
  font-weight:normal;
  padding:10px 19px 10px 3px;
  color:#444444;
}
.etarget .selfpromo .right {
  text-align:right;
  padding:10px 80px 10px 3px;
  font-weight:normal;
}
.etarget .title {
  color:#444444;
  margin:1px;
  padding:1px 5px 1px 8px;
}
.etarget .description {
  padding:1px 5px 1px 10px;
}

.search {
  font-size:11px;
}

.search_highlight {
  font-size:11px;
  background-color: #cccccc;
}

#buy{
  width:60px;
  height:24px;
  background:url(buy.gif) no-repeat top right;
  position: absolute;
  text-align:left;
  margin:0 auto;
  margin-left: 454px;
  margin-top: -20px;
  color: #333;
  padding-top: 5px;
}

.tip {
  position: absolute;
  text-align:left;
  margin:0 auto;
  margin-left: 8px;
  margin-top: -15px;
}

.red {
  color:#FF0000
 }

.submit {
  background:url(back_to_order.png) no-repeat;
  width:93px;
  height:27px;
  border:none;
  margin-top:-2px;
  margin-left:3px;
}
