/*
print.css
01/09/2006

print styleez
*/


/* main html elements --------------------------------------------------- */

body {
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 11pt;
  background: white;
  margin: 0;
  padding: 25px;
  text-align: center;
  color: black;
  }

img {
  border: 0;
  margin: 0;
  padding: 0;
}

a, #leftcol a { /* need these redundant declarations for ie */
  text-decoration: underline;
  color: #520;
  font-weight: bold;
  background: transparent;
}

p a:link:after, p a:visited:after {
  color: #520;
  font-weight: bold;
  font-size: 85%;
  content: " (" attr(href) ") ";
}

td.pricingbox p a:link:after, td.pricingbox p a:visited:after {
  content: "";
}

blockquote {
  color: #666;
  line-height: 130%;
  margin-left: 10px; /* keep a little bit of margin on the left */
  margin-right: 40px; /* same as the browser default right margin of 40px */
  padding-left: 30px;
  border-left: 3px solid #ccc;
}

hr {
  border: 0;
  height: 1px;
  background: #ccc;
  color: #ccc;
}

form {
  display: inline;
  margin: 0;
}


h1, h2, h3, h4, h5, h6, h7 {
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  margin: 10px 0;
}

h1 {
  font-size: 200%;
  color: black;
}

h2 {
  color: #333;
  font-size: 150%;
  letter-spacing: -1px;
}

h3 {
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
  color: black;
  font-size: 130%;
  clear: left;
  float: left;  
  width: 100%;
}

h4 {
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
  color: black;
  font-size: 130%;
  clear: left;
  float: left;  
  width: 100%;
}

h5 { /* this is the class that features a full-width grey box behind it */
  font-size: 100%;
  color: #ff7300;
  width: 100%;
  background: #e3e3e3;
  clear:left;
  float: left;
  padding: 2px 0 2px 10px;
}  

h6 {
  color: #ff7300;
  font-size: 100%;
}

h7 {
  color: #333;  
}

/* generic classes for use anywhere --------------------------------------*/

.none {display: none !important;}
.clear {clear: left;margin-top:1px;}
.left {float: left;}
.right {float: right;}
.justify {text-align: justify;}
.orange {color: #ff7300;}
.grey {color: #666;}
.padded {padding-right: 10px;}
.clearfloat {clear:left;float:left;margin-top: 0;}

.line {  
  width: 98%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  clear: left;
  float: left; 
  margin: 20px 0 10px 0;
}

.spacer {
  width: 100%;
  height: 5px;
  clear: left;
  float: left;
}


/* main formatting ids ---------------------------------------------------*/

#pagewrap {
  text-align: left;
  margin: 0 auto;
  padding: 0;
  width: 760px;
}

#header {
  display: none !important;
}

#leftcol {
  float: none !important;
  width: 100%;
  margin: 0 4px 0 0;
  color: black;
  line-height: 140%;
}

#leftcol ul {
  clear: left;
}

.mainhomepromo {
  border: 1px solid #ccc;
  margin: 0;
  padding: 0;
}

#rightcol {
  display: none !important;
}

#footer {
  display: none !important;
}

/* new login box ----------------------------------------------------- */
#header #prefs {
  display: none !important;
}

/* login box -------------------------------------------------------------*/

#loginbox {
  display: none !important;
}

/* global navigation -----------------------------------------------------*/

#globalnavigation {
  display: none !important;
}
 
.wrap {
  width: 760px;
  height: 16px;
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2px;
  padding: 0;
}

#listnav {
  display: none !important;
}

#listnav li {
  display: none !important;
}

/* breadcrumbs -----------------------------------------------------------*/

#breadcrumbs {
  border-bottom: 1px solid #ccc;
  height: 23px;
}
  
#bcrumbstext {
  color: #999;
  font-size: 9pt !important;
  margin: 0;
  padding: 5px 0 0 0;
}

#bcrumbstext a {
  color: #999;
  font-size: 9pt !important;
  margin: 0;
  padding: 5px 0 0 0;
  text-decoration: none;
}

.crumb {
  color: #999;
  font-size: 9pt !important;
  margin: 0;
  padding: 5px 0 0 0;
}


/* product overview ------------------------------------------------------*/

.product-short {
  width: 48%;
  padding: 0;
  margin: 10px 4px;
  text-align: left;
  float: left;
}

.product-short h1.title {
  font-size: 14pt;
  color: #ff7300;
  padding: 0;
  margin: 0;
  float: left;
}

.product-short img {
  float: left;
  display: block;
  padding: 0 10px 10px 10px;
}

.product-short p {
  margin-top: 30px;
  font-size: 75%;
}

.product-subsection {
  display: block;
  border-bottom: 1px solid #ccc;
  color: #666666;
  font-weight: bold;
  clear: left;
}
  
.heading {
  display: block;
  width: 98%;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  color: #ff7300;
  font-weight: bold;
  clear: left;
  float: left;
  margin: 20px 0 10px 0;
}


/* product details -------------------------------------------------------*/
.pdabanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/pdasyncbanner.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.pdabanner .pdatext {
  position: relative;
  top: 105px;
  left: 125px;
}

.goldbanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/goldbanner.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.everywherebanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/everywherebanner.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.pcmoverbanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/pcmoverbanner.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.controllerbanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/controllerbanner.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.pcdefensebanner {
  clear: left;
  float: left;
  margin: 0;
  background: url("/pics/pcdefense_banner_en.jpg") 0 0 no-repeat;
  width: 590px;
  height: 150px;
}

.detailbox {
  display: block;
  clear: left;
  float: left;
  margin: 0 0 0 5px;
  width: auto;
  height: auto;
  color: #666;
  font-weight: normal;
  line-height: 130%;
}

.detailbox a {
  color: #ff7300;
  text-decoration: underline;
}

.pricingbox {
  width: 760px;
  float: left;
}

.ataglancebox {
  width: 760px;
  clear: both;
  margin: 0;
}

.overviewtext {
  width: 375px;
  float: left;
  color: #666;
  margin-right: 5px;
}

.overviewimage {
  width: auto;
  height: auto;
  float: left;
}

ul.features {
  clear: left;
  float: left;
  margin: 5px 0 5px 40px;
}

.pricingandglancinglist {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

.pricingandglancinglist li {
  margin: 0;
  padding: 0;
}


/* product pricing -------------------------------------------------------*/

.pricingbanner {
  width: 570px;
  height: 300px;
  background: url("/pics/pricebanner2.jpg") 0 0 no-repeat;
  margin-top: 10px;
  float: left;
  clear: left;
}

.steponeboxes {
  position: relative;
  top: 187px;
  left: 20px;
  width: 520px;
  height: 55px;
  margin-top: 5px;
  margin-left: 20px;
  font-size: 10px;
}

.innerbox {
  float: left;
  width: 160px;
  height: auto;
  margin-right: 10px;
}

.pricingselect {
  border: 1px solid #666;
  width: 115px;
  height: 18px;
  font-size: 10px;
  margin-left: 30px;
  margin-top: 5px;
}

.physicalbox {
  width: 281px;   
  height: 178px;
  background: transparent url("/pics/physicalversion.jpg") no-repeat;
  clear:left;
  float: left;
  margin: 10px 10px 0 0;
}

.downloadbox {
  width: 285px;   
  height: 178px;
  background: transparent url("/pics/downloadversion.jpg") 0 0 no-repeat;
  float: left;
  margin-top: 10px;
}

.boxphysical {
  float:left;
  position: relative;
  top: 35px;
  left: 15px;
}

.boxdownload {
  position: relative;
  float:left;
  top: 35px;
  left: 19px;
}

.orderbox {
  background: #fff url("/pics/greyorderbox.jpg") 0 0 no-repeat;
  width: 320px;
  height: 176px;
  clear:left;
  float:left;
}

.ordernotes {
  background: #fff;
  color: #666;
  height: 176px;
  width: 235px;
  float: left;
  padding: 0 0 0 10px;
  line-height: 120%;
}

.ordernotes h6 {
  margin: 5px 0 2px 0;
}


.orderformwrapper {
  width: 240px;
  height: auto;
  position: relative;
  top: 10px;
  left: 30px;
  }

.orderformline {
  width: 240px;
  height: 15px;
  margin: 0 0 10px 0;
  color: #666;
  background-color: transparent;
  font-weight: bold;
  text-align: right;
}

.orderformline select {
  width: 100px;
  color: #666;
  margin-top: 2px;
}

.buttonwrapper {
  width: 240px;
  height: 25px;
  margin: 2px 0 0 45px;
}

#total {
  background-color: transparent;
  color: #ff7300;
  font-weight: bold;
  font-size: 120%;
  float: left;
 }

.buttonfill {
  width: 80px;
  background: url("/pics/buttonfiller.jpg") 0 0 no-repeat;
  display: inline;
  margin: 0 0 0 15px;
  float: left;
}


/* ---- */

.addtocart {
  position: relative;
  top: 190px;
  left: 20px;
  width: 540px;
  height: 35px;
}
  
.physicaladd {
  width: 145px;
  float: left;
  margin: 5px 0 0 10px;
}

.downloadadd {
  width: 145px;
  float: left;
  margin: 5px 0 0 150px;
}

.addbutton {
  float: left;
  margin-top: 7px;
  margin-left: 5px;
}

.bodytext {
  float: left;
  width: auto;
  margin-top: -5px;
}

/* orange buttons --------------------------------------------------------*/

.sliding-orange-button a {
    text-decoration: none;
    border: 0;
    cursor: pointer;
    color: #fff;
    font-family: verdana, helvetica, arial;
    font-size: 8pt !important;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.sliding-orange-button a:hover p {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

.sliding-orange-button a span {
    background: url("/pics/left.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    height: 26px;
    float: left;
}

.sliding-orange-button a p {
    float: left; 
    background: url("/pics/right.gif") no-repeat right top;
    margin: 0;
    padding: 6px 7px 0 3px;
    height: 26px;
}


/* customer center -------------------------------------------------------*/

.buttonposition {
  margin-left: 350px;
} 


/* yellow mod button -----------------------------------------------------*/

.yellowmodule {
  width: 150px;
  height: auto;
  color: #fff;
  clear: left;
  float: left;
  margin-top: 5px;
}

.yellowmodule a {
  color: #e3e3e3;
  text-decoration: none;
  color: white;
}

.yellowmodule .top  { /* top */
  display: block;
  background: url("/pics/modyellowtop.gif") 0 0 no-repeat;
  width: 150px;
  height: 11px;
  margin: 0;
  padding: 0;
  font-size: 0px !important;
}

.yellowmodule .mid {
  background: url("/pics/modyellowmid.jpg") 0 0 repeat-y;
  color: white;
  height: auto;
  width: 150px;
  margin: 0;
  line-height: 130%;
  font-weight: bold;
  font-size: 11px;
}

.yellowmodule .mid .text {
  margin: 5px 3px 0 5px;
}

.yellowmodule h2 {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 24pt;
  color: white;
}

.yellowmodule h5 {
  display: block; /* bottom */
  background: url("/pics/modyellowbot.gif") 0 0 no-repeat;
  width: 150px;
  height: 11px;
  margin: 0;
  padding: 0;
}

.yellowmodule b {
  background: url("/pics/listarrow.gif") 0 0 no-repeat;
  width: 3px;
  height: 10px;
}


/* blue button -----------------------------------------------------------*/

.bluemodule {
  width: 150px;
  height: auto;
  color: #fff;
  clear: left;
  float: left;
  font-size: 0;
  margin-top: 5px;
}

.bluemodule a {
  color: #fff;
  text-decoration: underline;
}

.bluemodule a:hover {
  color: #ff9300;
}

 .bluemodule .top {
  display: block;
  background: url("/pics/modbluetop.gif") 0 0 no-repeat;
  width: 150px;
  height: 11px;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
}

.bluemodule .mid {
  background: url("/pics/modbluemid.jpg") 0 0 repeat-y;
  width: 150px;
  margin: 0;
  padding: 0 5px;
  line-height: 130%;
  font-size: 11px;
  font-weight: bold;
}

.bluemodule .mid .text {
  margin: 5px 3px 0 3px;
}

.bluemodule h2 {
  display: inline;
  font-size: 24pt;
}

.bluemodule h5 {
  display: block; /* bottom */
  background: url("/pics/modbluebot.gif") 0 0 no-repeat;
  width: 150px;
  height: 11px;
  margin: 0;
  padding: 0;
  font-size: 0 !important;
}

.bluemodule b {
  background: url("/pics/listarrow.gif") 0 0 no-repeat;
  width: 3px;
  height: 10px;
}


/* partners search -------------------------------------------------------*/

#partnerSearch {
  width: 600px;
  height: 100%;
  float: left;
  margin: 10px 0 20px 0;
}
    
#partnerSearch #topBar {
  height: 15px;
  background: #5A5A5A;
}

#partnerSearch #selectBar {
  background: #e3e3e3;
  text-align: center;
  height: auto;
  float: left;
  clear:left;
  width: 100%;
  
}

#partnerSearch select {
  width: 30%;
  margin: 7px 7px;
}

.topbar {
  height: 15px;
  background: #e3e3e3;
  clear:left;
}

.submit {
  clear:left;
  margin: 10px;
}

.resultsbar {
  font-weight: bold;
  font-size: 100%;
  color: #fff;
  background: #000;
  clear: left;
  padding: 6px;
  margin: 0;
}
  
/* partners types pages --------------------------------------------------------*/
.partnertext {
  width: 95%;
  text-align: justify;
  clear:left;
  float:left;	
}


/* partner search listings --------------------------------------------------------*/
.partner-listing {
  padding: 10px;
  border-bottom: 1px dashed #666;
  line-height: 150%;
}

.partner-cityshort {
  float: right;
  clear: both;
}

.partner-name {
  font-size: large;
  color: #ff7300;
  font-weight: bold;
  margin-bottom: 10px;
}

.partner-logo {
  float: right;
  clear: both;
}


/* product overview list-------------------------------------------------------*/
.prodbox {
  width: 285px; 
  height: 100px;
  float: left;
  color: #999;
}

.prodbox h3 {
  margin: 0;
  color: #ff7300;
  border: 0;
  font-size: 130%;
}

.prodbox h3 a {
  text-decoration: none;
}

.prod_boxshot {
  width: 60px;
  height: 80px;
  float: left;
}

.productscol {
  width: 290px;
  height: 600px;
  float: left;
}

.prodtext {
  width: 220px;
  height: 80px;
  float: left;
}

.overviewintro {
  width: 580px;
  float: left;
  border: 1px dotted yellow;
}
  

/* features in depth ------------------------------------------------------*/

.greyline {
  height: 25px;
  width: 600px;
  background: #fff url("/pics/greyline.gif") no-repeat;
  float:left;
  padding: 0;
  font-weight: bold;
  color: #666;
}

.logo {
  float: left;
  width: 140px;
  height: 90px;
  margin-right: 5px;
}

.benefits {
  float: left;
  width: 230px;
  height: 80px;
  margin: 0;
}

.benefits ul {
  margin-top: 5px;
  float: left;
}

.benefits li {
  font-size: 120%;
}

.benefits strong {
  font-weight: bold;
  color: #666;
  margin-bottom: 2px;
  float: left; 
}

.feature {
  margin: 0 0 0 2px;
}


/* awards --------------------------------------------------------------*/

.awardstext {
  float: left;
  width: 430px;
  height: 85px;
  margin: 0;
}

.awardstext ul {
  margin: 5px 0 0 0;
}

.awardsheader {
  background-color: #fff4ca;
  width: 98%;
  color:#999;
  font-weight: bold;
  float:left;
  clear:left;
  padding: 2px;
}

/* become a partner -------------------------------------------------------*/

#becomePartnerForm {
  width: 585px;
  background: #F9F9F9;
  padding: 0;
  margin: 10px 0 0 0;
}

#becomePartnerForm .subhead {
  background: #7A7A7A;
  color: white;
  font-weight: bold; 
  font-size: 120%;
  width: 578px;
  float:left;
  clear: left;
  padding: 2px 2px 2px 5px;
  display: block;
}


#becomePartnerForm .button {
  margin: 10px 0 10px 5px;
}

.partnerboxtop {
  float: left;
  clear:left;
  width: 300px;
  text-align: right;
  line-height: 150%;
  margin: 10px 0 10px 70px;
  padding: 0;
}

.floatholder {
  width: 100%;
  height: 100px;
  float: left;
  clear: left;
}

#becomePartnerForm .partnerboxleft {
  float: left;
  clear:left;
  width: 160px;
  line-height: 130%;
  margin: 5px 0 5px 90px;
  padding: 0;
  display: inline;
}


#becomePartnerForm .col2 {
  float: left;
  width: 200px;
  /* text-align: left; */
  line-height: 130%;
  margin: 5px 0 0 0	;
  padding: 0;
}

/* contact page -------------------------------------------------------*/

#contactselectBar {
  width: auto;
  height: auto;
  float: left;
  clear:left;
  margin-bottom: 20px;
}

.contactSubmit {
  width: 100px;
  height: auto;
  float: left;
  margin: 10px 0 0 0;
}

#contact-listing {
  clear:left;
  float:left;
  margin: 0 0 10px 0;
  border-bottom: 1px dashed #e3e3e3;
  width: 98%;
}

.contactRegion {
  clear:both;
  margin: 2px 0 5px 0;
  color: #f72;
  background-color: #fff4ca;
  width: 98%;
  font-weight: bold;
}

/* show print info box ---------------------------------------------*/

#printinfobox {
	font-family: helvetica, arial, sans-serif;
	font-size: 9pt;
	margin: 15px;
	padding: 10px;
	border: 1px solid black;
	display: block !important;
}

#printinfobox p.title {
	font-weight: bold;
	font-size: 125%;
}