body {
  background: #fff;
  background: -moz-linear-gradient(100% 100% 90deg, #fff, #F2F2F2) no-repeat;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F2F2F2), to(#fff)) no-repeat;
  font-family: Arial, Helvetica, sans-serif;
}
h5 {
  font-weight: normal;
}
img {
  border: none;
}

div#main {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  background: #FFF;
  text-align: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 1px 1px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -webkit-box-shadow: 1px 1px 3px #999;
  behavior: url(/assets/PIE.htc);
  position:relative;
}

div#auth {
  height: 20px;
  max-width: 750px;
  margin: 0 8px;
  text-align: left;
  font-size: 12px;
}
div#auth a {
  color: #667899;
}

div#navi { 
  background-color: #d5d5d5;
  margin: 0 15px;
  -webkit-border-bottom-left-radius:3px; /* bottom left corner */
  -webkit-border-bottom-right-radius:3px; /* bottom right corner */
  -moz-border-radius:0px 0px 3px 3px;
  border-radius: 0 0 3px 3px;

}

div#navi ul
{
list-style-type:none;
margin:0;
padding:0 3px 0 3px;
overflow:hidden;
}
div#navi li
{
float:left;
}


div#navi a:link, div#navi a:visited
{
display:block;
font-weight:bold;
font-size: 12px;
color:#000;
background-color:#d5d5d5;
text-align:center;
padding:4px 10px;
text-decoration:none;
border-right: thin solid #c4c4c4;
}
div#navi a:hover,div#navi a:active
{
background-color:#c4c4c4;
}
div#navi a:link .first, div#navi a:visited .first, div#navi a:hover .first,div#navi a:active .first { 
  -webkit-border-bottom-left-radius:3px; /* bottom left corner */
  -moz-border-radius:0px 0px 0px 3px;
  border-radius: 0 0 0 3px;
}

div#feed-container 
{
font-size: 11px;
}

div#feed-container ul
{
list-style-type:none;
margin:0;
padding:5px 10px 0 0;
overflow:hidden;
}
div#feed-container li
{
float:right;
margin-left: 8px;
}

li.feed-label
{
  font-size: 12px;
  margin: 5px 0 0 0;
}

div#auth #logout {
  float: right;
}

div#blog-container {
  margin: 25px 8px 5px 8px;
  padding: 0;
  font-size: 14px;
}
div.blog-link {
  margin: 5px 0 0;
  text-align: right;
}

a:link, a:visited {
  color: #369;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

#cart-head {
  padding: 10px;
}

#cart-head h1 {
  font-size:30px;
  font-weight:bold;
  letter-spacing:-2px;
  margin-top: 12px;
  margin-left: 8px;
}

#cart-head .cart-language {
  text-align: right;
  margin-right: 8px;
}
#cart-body {
  padding: 10px;
}

#cart-footer {
  padding: 10px;
}

#dpdlogo {
  max-width: 750px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
  font-size: x-small;
}

#dpdlogo img {
  padding: 0 5px 0 0;
}

.section-header {
  margin: 0 8px 0 8px;
  padding: 5px 10px;
  background-color: #1f7be5;
  background: -moz-linear-gradient(100% 100% 90deg, #1f7be5, #3f90e2);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f90e2), to(#1f7be5));
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  behavior: url(/assets/PIE.htc);
}

.section-header h2 {
  font-size:16px;
  font-weight:bold;
  color: #FFF;
  margin-top: 3px;
  margin-bottom: 3px;
}

.items-purchased-container {
  margin: 25px 8px 5px 8px;
  padding: 0;
}

.item-row {
  margin: 0 0 0 0;
  border-bottom: thin dashed #999;
  padding: 10px 0;
}

.cart-container .item-row {
  border-bottom: none;
}

.publish-date {
  color: #C00;
  font-weight: bold;
}

.index-product-container .index-product-row {
  border-bottom: thin solid #f3f3f3;
  padding: 0 0 10px 0;
  margin: 10px 0 0 0;
}

.eula {
  white-space: pre-wrap;
  font-family: serif;
}

.index-product-row-image {
  float: left;
  margin-right: 10px;
}
  
.index-product-row-left {
  float: left;
  width: 480px;
}
  
.index-product-row-right {
  float: right;
  width: 150px;
  text-align: center;
}

.item-row-image {
  float: left;
  margin-right: 15px;
}
  
.item-row-left {
  float: left;
}
  
.item-row-right {
  float: right;
  width: 120px;
  margin-bottom: 8px;
  text-align: center;
}
  
.item-name {
  font-weight: bold;
  font-size: 16px;
}

.index-product-name {
  font-weight: bold;
  font-size: 16px;
}

.item-sku {
  font-size: 14px;
  font-weight: normal;
  display: inline;
  padding-left: 15px;
}

.item-cart-description {
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  width: 475px;
}

.index-product-description {
  padding: 5px 0 0 0;
  font-size: 12px;
  font-weight: normal;
  color: #666;
  width: 500px;
}

.index-product-price {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  margin-right: 12px;
  text-align: right;
}
  
.item-price {
  font-weight: bold;
  font-size: 16px;
  margin-right: 5px;
  text-align: right;
}
.item-terms {
  font-size: 12px;
  margin-right: 5px;
  text-align: right;
}
.item-tax {
  font-weight: bold;
  font-size: 12px;
  margin: 0 5px 0 0;
  text-align: right;
}
.item-functions {
  text-align: right;
}

.index-product-functions {
  text-align: right;
}

.item-functions img, .index-product-functions img {
  padding: 7px 10px 7px 0;
}
.item-qty {
  float: right;
}
.item-qty input { 
  width: 20px;
  text-align: right;
  padding: 3px 5px;
  margin-right: 5px;
}

.items-purchased-foot {
  margin: 0 8px 25px 8px;
  padding: 0;
}
  
.items-purchased-foot-left {
  float: left;
}
  
.items-purchased-foot-right {
  float: right;
}

.cart-total {
  font-weight: bold;
  font-size: 16px;
  text-align: right;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-top: 0;
  padding: 0;
}

.cart-total span {font-size: 18px;}

.continue-shopping { text-align: right; }
.continue-shopping a { margin: 0 20px 20px 0;}

.coupons {
  margin-bottom: 20px;
  font-size: 12px;
}

.coupons input {
  width: 100px;
  padding: 0px 2px;
  margin-right: 5px;
}

.clear {clear: both;}

/* buttons */

.button {
  font-family: sans-serif;
  display: inline-block;
  line-height: 1em;
  padding: 6px 13px;
  margin: 0.25em 0.5em;
  border: 1px solid #4081af;
  border-bottom-color: #20559a;
  color: white !important;
  text-align: center;
  text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
  text-decoration: none !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #237fd7;
  -webkit-box-shadow: 
    0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
  -moz-box-shadow: 
    0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
  box-shadow: 
    0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
  behavior: url(/assets/PIE.htc);
}

.button.small { padding:2px 10px; font-size:0.9em; }
.button.medium { padding:7px 14px; font-size:1.0em; }
.button.large { padding:7px 16px; font-size:1.4em; }
.button.xl { padding:9px 20px; font-size:1.8em; }

.button:hover, 
.button.hover, 
.button.active {
  text-decoration: none !important;
  background: #0073d2;
}

.button:active,
.button.active  {
  border-color: #20559a;
  -webkit-box-shadow: 
    0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
  -moz-box-shadow:
    0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
  box-shadow:
    0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

.button.dark span { color:#555; text-shadow:0 1px #fff; }
.button.custom:hover { opacity:0.85; }

.button span { line-height:1.2em; min-height: 16px; font-weight: bold; }

.button.red { 
  border-color: #af4040; border-bottom-color: #9a2020; background: #d72323;
}
.button.red:hover { 
  background: #d20000;
}

.button.orange { 
  border-color: #af7440; border-bottom-color: #9a5420; background-color: #d76b23;
}
.button.orange:hover { 
  background: #d25e00;
}

.button.green { 
  border-color: #87bf00; border-bottom-color: #7ca122; background-color: #8dc11e;
}
.button.green:hover { 
  background: #87c000;
}

.button.aqua { 
  border-color: #40af96; border-bottom-color: #209a82; background-color: #23d7af;
}
.button.aqua:hover { 
  background: #00d2a8;
}

.button.teal { 
  border-color: #23a6d6; border-bottom-color: #20799a; background-color: #23abd7;
}
.button.teal:hover { 
  background: #009ed2;
}

.button.purple { 
  border-color: #234dd6; border-bottom-color: #20489a; background-color: #2356d7;
}
.button.purple:hover { 
  background: #0036d2;
}

.button.pink { 
  border-color: #d623cb; border-bottom-color: #9a2096; background-color: #d723d5;
}
.button.pink:hover { 
  background: #bc00d2;
}

.button.silver { 
  color: #444 !important;
  text-shadow:0 1px #fff;
  border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
}
.button.silver:hover { 
  background: #ccc;
}

h3.form-section-heading {margin-right: 30px;}

.cart-form, .cart-container {
  margin: 8px;
}

.cart-form input {display: block; width: 250px; padding: 3px; /*border: thin solid #369;*/ margin: 5px 0;}
.cart-form select {width: 260px; padding: 3px; margin: 5px 0;}
.cart-form.credit-card-payment .cart-form-left select { width: auto;}
.cart-form input.small {width: 25px; !important}
.cart-form label {display: block; font-weight: bold;}
.cart-form label.required:after {content: "* "; color: #F00; font-weight: bold; font-size: 18px;}
.cart-form label.optional:after {content: " (optional)"; color: #bbb; font-weight: normal; font-size: 14px;}
.cart-form .checkout-form input {
  border: none;
  width: auto;
  height: auto;
}
.cart-form-left {float: left; width: 46%;}
.cart-form-right {float: right; width: 46%;}
.cart-form-right #bill_to_shipping {width: auto; display: inline}
.cart-form-right #bill_to_shipping + label {display: inline}

ul.payment-method-selection {list-style: none; padding: 2px;}
ul.payment-method-selection li {margin: 0 0 12px 0;}
.payment-method-selection input {margin-right: 10px; }
.payment-method-selection img {margin: 0 5px -10px 0;}
.payment-method-text {font-size: 12px; }

.custom-fields-container {}
.custom-fields-container label {margin-top:5px;}
.custom-fields-container textarea {width: 100%; height: 5em;}

ul.custom-fields-radio {list-style: none; padding: 0; margin: 5px;}
ul.custom-fields-radio li {margin: 0 0 5px 0;}
.custom-fields-radio input {margin-right: 5px; display: inline; width: 10px; }
.custom-fields-radio label {display: inline; font-weight: normal;}

.custom-fields-checkbox input {margin-right: 5px; display: inline; width: 10px; }
.custom-fields-checkbox label {display: inline;}
.custom-fields-checkbox p.description {margin-left: 20px;}

.continue-checkout-button {padding: 8px 20px 0 0; text-align: right; font-size: 18px;}

.product-container {
  background-color: #fcfcfc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 1px 1px 3px #999;
  -webkit-box-shadow: 1px 1px 3px #999;
  padding: 8px;
  margin-bottom: 8px;
  display: block;
  behavior: url(/assets/PIE.htc);
}

/* review/shipping options */

#shipping-container {
  margin: 5px 10px;
  width: 100%;
}

.shipping-method-select {
width: 48%;
float: left;
}

.shipping-address {
width: 48%;
float: right;
}

.shipping-address h3 span {font-size: 12px; font-weight: normal; margin-left: 8px;}

/* review/Payment options */

#payment-container {
  margin: 5px 10px;
  width: 100%;
}

#customer-notes {
  padding: 10px;
}
#customer-notes label {
  font-size: 12px;
}
#customer-notes textarea {
  width: 50%;
  height: 5em;
}

.credit-card-payment {
  background-color: #eee;
  padding: 1px 0px 10px 18px;
}

.secure-heading {
  margin-bottom: 10px;
}
.secure-heading h3 {
  margin-bottom: 0;
}
.secure-heading h5 {
  margin-top: 0;
  margin-left: 40px;
  color: #333;
}
.secure-heading img {
  float: left;
  margin-right: 10px;
}

p.description {
  margin: 0;
  color: #333;
  font-size: 12px;
}
span.description {
  color: #333;
  font-size: 12px;
  font-weight: normal;
}

.keycode {
  text-align: right;

}
.keylabel {
  text-align: right;
  font-size: 16px;
}

.flash {
  margin: 8px 8px;
  border: 1px solid #0a0;
  border-radius: 3px;
  padding: 8px;
  background-color: #cec;
  color: #333;
}

.notice {
  margin: 8px 8px;
  border: 1px solid #a00;
  border-radius: 3px;
  padding: 8px;
  background-color: #ecc;
  color: #333;
}
.info {
  margin: 8px 8px;
  border: 1px solid #0a0;
  border-radius: 3px;
  padding: 8px;
  background-color: #cec;
  color: #333;
}
/* IE Fix for max-width */
* html div#main, * html #dpdlogo {
  width: expression( document.body.clientWidth > 750 ? "750px" : "auto" );
}

.cart-profile-menu {
  float: right;
  width: 250px;
  padding: 5px 15px 5px 15px;
  margin-top: 20px;
  background-color: #e0efff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  behavior: url(/assets/PIE.htc);
}

.cart-profile-menu h3 {
  font-weight: bold;
  font-size: 14px;
  padding: 0 0 3px 0;
  border-bottom: thin solid #ccc;
}

.content-post-meta {
  border: thin solid #ccc;
  background-color: #f9f9f9;
  padding: 5px;
  margin-right: 15px;
  font-size: smaller;
}

.content-post-meta span {
  float: right;
  text-align: right;
  font-weight: bold;
  }

#cart-body table {
  margin: 10px 8px;
}

#cart-body table tr td {
  border-bottom: 1px solid #dedede; 
}
#cart-body table tr th {
  padding: 0 15px 0 0;
}

.invoice-table 
  {
  padding: 10px 8px;
  width: 90%;
}

.invoice-table th
{
  font-size: 13px;
  font-weight: normal;
  padding: 10px !important;
  background: #b9c9fe;
  border-bottom: 1px solid #fff;
  color: #039;
}

.invoice-table td
{
  padding: 8px;
  background: #e8edff; 
  border-bottom: 1px solid #fff;
  color: #669;
  border-top: 1px solid transparent;
}

.invoice-table td a {text-decoration: underline;}

.fulfillments {
  margin-left: 115px;
}

.fulfillment-file-container, .fulfillment-key-container, .fulfillment-message-container {
  margin: 3px;
  background: #eee;
  padding: 2px;
}

.fulfillment-message-container p {padding: 0 10px;}

.item-file-info {
  float: left;
  width: 50%;
  font-weight: bold;
  padding: 12px;
  text-align: left;
}

.item-key-info {
  float: left;
  width: 30%;
  font-weight: bold;
  padding: 12px;
  text-align: left;
}

.fulfillment-file-button {
  float: right;
}
.fulfilment-key-button {
  float: right;
}

.fulfillment-key-text {
  float: right;
  width: 60%;
  text-align: right;
  padding-right: 10px;
}

.closeDPDLightbox {
  cursor: pointer;
  background: url("close_cart.png");
  background-size: cover;
  height: 32px;
  width: 32px;
  position: absolute;
  right: -16px;
  top: -16px;
}