body {
  margin: 0;
  padding: 0;
  background: #e0e0e0 url(../images/bg_pg.gif) repeat-x; }

hr {
  display: none; }

#page {
  background-color: #fff;
  margin: 0 auto;
  max-width: 980px;
  min-width: 770px;
  padding: 0;
  width: expression(document.body.clientWidth < 772? "770px" : document.body.clientWidth > 982? "980px" : "auto"); }

div#page.homepage {
  width: 770px; }

#header {
  background: url(../images/header_upper.png) no-repeat;
  height: 60px;
  margin: 0 10px;
  padding: 0;
  width: auto; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    #header {
      background-image: url(../images/header_upper@2x.png);
      background-size: auto 100%; } }

#headerBorderLeft {
  background: url(../images/fade_hdr_l.gif) repeat-y left; }

#headerBorderRight {
  background: url(../images/fade_hdr_r.gif) repeat-y right; }

#navigation {
  background: url(../images/header_lower.png) no-repeat;
  height: 20px;
  margin: 0 10px !important;
  padding: 0 0 0 25em !important; }

#content {
  margin: 0;
  padding: 15px 20px;
  width: auto; }

.clear {
  clear: both;
  margin: 0;
  padding: 0;
  width: auto; }

#contentLeft, #contentRight, .contentFull, .contentHalfLeft, .contentHalfRight {
  margin: 0;
  padding: 0; }

#contentLeft {
  float: left;
  margin-right: 15px;
  width: 64%; }

#contentRight {
  float: right;
  width: 33%; }

.contentFull {
  clear: both;
  width: auto; }

.contentHalfLeft {
  float: left;
  margin-right: 4%;
  width: 47%; }

.contentHalfRight {
  float: left;
  width: 47%; }

.widget {
  margin-bottom: 30px; }

.left {
  float: left; }

.right {
  float: right; }

#contentBorderLeft {
  background: url(../images/fade_content_l.gif) repeat-y left; }

#contentBorderRight {
  background: url(../images/fade_content_r.gif) repeat-y right; }

#footer {
  clear: both;
  margin: 0;
  padding: 5px 20px 10px 20px;
  width: auto; }

#footerLeft, #footerRight {
  margin: 0;
  padding: 0;
  width: 45%; }

#footerLeft {
  float: left;
  text-align: left; }

#footerRight {
  float: right;
  text-align: right; }

#footerFull {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: center;
  width: auto; }

.footerLine {
  border-top: 1px solid #006fa3;
  display: block;
  padding-top: 10px; }

h1, h2, h3, h4, #navigation {
  color: #006fa3;
  font-family: "Trebuchet","Trebuchet MS",Verdana,sans-serif;
  margin: 0;
  padding: 0; }

#header h1 a {
  background: transparent;
  display: block;
  height: 60px;
  text-indent: -999999px;
  width: 230px; }

h2 {
  font-size: 24px; }

h3 {
  border-bottom: 1px dotted #006fa3;
  font-size: 18px; }

h4 {
  font-size: 14px;
  font-weight: bold; }

#content .bodyContent h4 {
  margin-top: 15px; }

#navigation p {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 0; }

#content p, #content li, #content small, #content dt, #content dd, blockquote, #content th, #content td {
  color: #333;
  font: 12px/20px Verdana,sans-serif;
  margin: 0;
  padding: 0; }

blockquote {
  margin: 10px 25px;
  padding: 10px; }

blockquote.alt {
  background-color: #effaff;
  margin: 10px 25px;
  padding: 10px; }

#content blockquote img {
  margin: 0;
  padding: 0; }

#content .bodyContent blockquote p {
  margin: 0;
  padding: 0; }

#content small, #content span.caption {
  font-size: 10px; }

#content dl.glossary dt {
  display: block;
  float: left;
  font-weight: bold; }

#content dl.glossary dd {
  padding-left: 100px;
  padding-bottom: 25px; }

#content dl.faq dt, #content label, dl.RegistrationForm dt span {
  font-weight: bold; }

#content dl.faq dd {
  padding-bottom: 25px; }

#content dl.faq dd p {
  margin: 0;
  padding: 0; }

#content dl.faq dd p.block {
  margin: 0;
  padding: 5px 0; }

#content p.return {
  margin: 0 0 50px 0 !important;
  padding: 10px 0 !important;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; }

#content p.return.last {
  margin: 0 !important;
  padding: 10px 0 !important;
  border-top: 1px solid #ccc;
  border-bottom: none; }

#footer p, .ui-tooltip-content {
  font: 10px Verdana,sans-serif;
  color: #333; }

#content input, #content select, #content textarea {
  margin: 0;
  padding: 0;
  font: 12px Verdana,sans-serif;
  color: #333; }

.alignLeft {
  text-align: left; }

.alignCenter {
  text-align: center; }

.alignRight {
  text-align: right; }

.borderBottom {
  border-bottom: 1px dotted #006fa3; }

.warningInactive, .warningArchived, .warningNotOpenSource {
  color: red; }

.warningActive, .warningUnarchived, .warningOpenSource {
  color: green; }

a, a:link, a:active {
  color: #006fa3;
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

a:visited {
  color: #2d07a3;
  text-decoration: underline; }

a.noUnderline, a.noUnderline img, a img {
  text-decoration: none;
  border: none; }

#footerLeft a.gspLogo {
  width: 154px;
  height: 28px;
  display: block;
  text-indent: -999999px;
  background: url(../images/logo_gsp_ftr.gif) no-repeat; }

#navigation a, #navigation a:link, #navigation a:active, #navigation a:visited {
  color: #fff;
  text-decoration: none; }

#navigation a:hover, #navigation a.on {
  color: #bfeaff; }

span.inactiveLink {
  text-decoration: line-through;
  color: red; }

#content .bodyContent ul.searchList, #content .bodyContent ul.searchResultsList, #content .bodyContent ul.detailsList {
  margin: 15px 0;
  padding: 0;
  list-style: none;
  list-style-type: none; }

.srLeft, .detailsLeft {
  margin: 10px;
  padding: 15px;
  display: block;
  float: left; }

.detailsLeft {
  margin-top: 0;
  width: 120px; }

.srRight, .detailsRight {
  margin: 10px 10px 10px 160px;
  padding: 15px;
  display: block; }

#content .srRight p.block {
  margin-bottom: 10px !important; }

.srType {
  margin: 0 10px 0 0;
  padding: 0;
  width: 24px;
  height: 24px;
  vertical-align: middle; }

.srDirection {
  margin: 0 10px 0 0;
  padding: 0;
  width: 32px;
  height: 34px;
  float: left;
  vertical-align: top; }

.log, .myHomeWidget {
  margin: 20px 0;
  padding: 0 0 20px 0; }

#content .bodyContent h3 {
  margin-bottom: 15px;
  border: none; }

#content .bodyContent p {
  margin: 0;
  padding: 0 0 15px 0; }

img.tutorialImg {
  margin: 0 10px 0 0;
  padding: 0 10px 0 0 !important; }

img.attributeIcon {
  height: 30px;
  width: 30px;
  border-width: 0; }

.warning {
  margin: 0 0 15px 0;
  padding: 5px;
  background-color: #ff9;
  border: 1px dotted #000; }

.warning h3 {
  padding-bottom: 5px;
  font-size: 14px;
  color: #000;
  border-bottom: none; }

.warning .typeSuccess, .warning .typeWarning, .warning .typeError, .success .typeSuccess, .success .typeWarning, .success .typeError {
  padding-left: 45px; }

.warning .typeSuccess, .success .typeSuccess {
  background: url(../images/icon_success.gif) no-repeat 5px 5px; }

.warning .typeWarning, .success .typeWarning {
  background: url(../images/icon_warning.gif) no-repeat 5px 5px; }

.warning .typeError, .success .typeError {
  background: url(../images/icon_error.gif) no-repeat 5px 5px; }

.featured h3 {
  border-bottom: none; }

.featured h4 {
  margin: 0;
  padding: 10px 0; }

#content .featured ul {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-type: none; }

#content .featured p.left {
  margin: 0 10px 10px 0;
  padding: 0; }

#content p.arrows {
  margin: 10px 0 0 248px;
  padding: 0; }

.lessthan {
  padding-left: 15px;
  padding-bottom: 15px;
  background: url(../images/icon_lessthan.gif) no-repeat 0 0; }

.greaterthan {
  width: 50px;
  padding-right: 32px;
  padding-bottom: 15px;
  background: url(../images/icon_greaterthan.gif) no-repeat 32px 0; }

.profile {
  padding: 0;
  border: 1px dotted #006fa3;
  background-color: #bfeaff; }

.profileText {
  padding: 5px;
  border: 1px solid #fff; }

#content .profileText p {
  line-height: 14px; }

.widgetTextBox {
  margin: 0;
  padding: 5px;
  border: 1px dotted #006fa3; }

.pocketPC h3, .colorado h3, .upsell h3, .player h3, .builder h3, .searchInside h3, .emailList h3, .cartLoc h3 {
  border-bottom: none; }

#content .upsell .widgetTextBox p.left {
  margin: 0;
  padding: 0 5px 0 0; }

#content .searchInside .widgetTextBox p {
  margin: 0;
  padding: 0 0 5px 0; }

#content p.gpsPhoto {
  padding: 0 10px 5px 0;
  float: left; }

#content .corner h4 {
  margin: 0;
  padding: 5px 0; }

#content .corner p.left {
  margin: 0;
  padding: 0 10px;
  width: 29%; }

.greyBorder {
  margin: 0 5px 0 0;
  padding: 0;
  border: #ebebeb 1px solid; }

.attributeTable {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse; }

.attributeTable tr, .attributeTable th, .attributeTable td {
  margin: 0;
  padding: 0;
  border-collapse: collapse; }

.attributeTable th {
  padding: 3px;
  font-weight: bold; }

.attributeTable td {
  padding: 3px; }

img.attributeImage {
  vertical-align: middle; }

.myCartridgeTable {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse; }

.myCartridgeTable tr, .myCartridgeTable th, .myCartridgeTable td {
  margin: 0;
  padding: 0;
  border-collapse: collapse; }

.myCartridgeTable th {
  padding: 3px;
  font-weight: bold; }

.myCartridgeTable td {
  padding: 3px; }

img.cartridgeTableImage {
  vertical-align: middle; }

.myCartridgeTable tr.alt {
  background-color: #effaff; }

form {
  margin: 0;
  padding: 0; }

.searchInsideForm {
  margin: 0;
  padding: 5px 5px 0 5px; }

.searchInsideForm input.text {
  width: 176px; }

.searchInsideForm select {
  width: 180px; }

.signinForm table tr td {
  text-align: left !important; }

#content .signinForm input {
  margin-bottom: 15px !important; }

#content .signinForm input[type="checkbox"] {
  margin-right: 3px !important; }

html > body #content .signinForm .checkbox label {
  *position: relative;
  *top: -1.1em; }

* html #content .signinForm .checkbox label {
  position: relative;
  top: -1.3em; }

#content .signinForm td .validationText, #content .signinForm td .failureText p {
  color: #8c0b0b !important; }

.validateForm label {
  display: block;
  float: left;
  clear: both;
  width: 130px; }

.validateForm input.text {
  width: 200px; }

.validateForm input.submitButton {
  margin: 0 0 0 130px !important;
  padding: 0; }

.needHelpForm label {
  display: block;
  float: left;
  clear: both;
  width: 150px; }

.needHelpForm input.text {
  width: 200px; }

.needHelpForm input.button {
  position: relative;
  left: 150px; }

.editUploadForm {
  margin: 0;
  padding: 0;
  width: 90%;
  float: left; }
  .editUploadForm label {
    margin: 0;
    padding: 0;
    float: left;
    width: 150px;
    display: block; }
  #content .editUploadForm p {
    clear: both; }
  .editUploadForm input.text {
    margin: 0;
    padding: 0;
    width: 150px; }
  .editUploadForm input.textSm {
    margin: 0;
    padding: 0;
    width: 30px; }
  .editUploadForm input.textMd {
    margin: 0;
    padding: 0;
    width: 50px; }
  .editUploadForm .textarea {
    margin: 0;
    padding: 0;
    width: 95%;
    height: 100px; }
  .editUploadForm .moveFields {
    margin: 0 0 0 150px;
    padding: 0;
    display: block; }

.accountDetailForm label {
  margin: 0;
  padding: 0;
  float: left;
  width: 200px;
  display: block; }
.accountDetailForm input.text {
  margin: 0;
  padding: 0;
  width: 200px; }
.accountDetailForm input.textSm {
  margin: 0;
  padding: 0;
  width: 30px; }
.accountDetailForm input.textMd {
  margin: 0;
  padding: 0;
  width: 50px; }
.accountDetailForm textarea {
  margin: 0;
  padding: 0;
  width: 200px;
  height: 100px; }
.accountDetailForm .moveFields {
  margin: 0 0 0 200px;
  padding: 0;
  display: block; }
#content .accountDetailForm h4 {
  margin-top: 25px;
  margin-bottom: 5px; }

.editCartridgeForm label {
  margin: 0;
  padding: 0;
  float: left;
  width: 225px;
  display: block; }
  .editCartridgeForm label small {
    width: 175px;
    display: block; }
  .editCartridgeForm label.radioLabel {
    margin: 0 10px 0 0;
    padding: 0;
    float: none;
    display: inline; }
  .editCartridgeForm label.checkboxLabel {
    margin: 0 10px 0 5px;
    padding: 0;
    float: none;
    display: inline; }
.editCartridgeForm input.text {
  margin: 0;
  padding: 0;
  width: 200px; }
.editCartridgeForm input.textSm {
  margin: 0;
  padding: 0;
  width: 30px; }
.editCartridgeForm input.textMd {
  margin: 0;
  padding: 0;
  width: 50px; }
.editCartridgeForm input.radio {
  margin: 0 5px 0 0 !important;
  padding: 0; }
.editCartridgeForm select.selectSm {
  margin: 0;
  padding: 0;
  width: 50px; }
.editCartridgeForm textarea {
  margin: 0;
  padding: 0;
  width: 200px;
  height: 100px; }
.editCartridgeForm .moveFields {
  margin: 0 0 0 225px !important;
  padding: 0;
  display: block; }

.setLocationForm input.radio {
  margin: 0 5px 0 0 !important;
  padding: 0; }
.setLocationForm input.text {
  margin: 0;
  padding: 0;
  width: 200px; }
.setLocationForm input.textSm {
  margin: 0;
  padding: 0;
  width: 30px; }
.setLocationForm input.textMd {
  margin: 0;
  padding: 0;
  width: 50px; }
.setLocationForm label.radioLabel {
  margin: 0 10px 0 0;
  padding: 0;
  float: none;
  display: inline; }
.setLocationForm label.checkboxLabel {
  margin: 0 10px 0 5px;
  padding: 0;
  float: none;
  display: inline; }
.setLocationForm select.selectSm {
  margin: 0;
  padding: 0;
  width: 50px; }

.changePasswordForm label {
  margin: 0;
  padding: 0;
  float: left;
  width: 200px;
  display: block; }
.changePasswordForm input.text {
  margin: 0;
  padding: 0;
  width: 150px; }
.changePasswordForm input.submitButton {
  margin: 0 0 0 200px !important;
  padding: 0; }

#content table.PagerContainerTable {
  margin: 0;
  padding: 0; }
  #content table.PagerContainerTable td {
    padding-right: 10px; }

.Login-FailurePanel {
  margin: 0 0 20px 0;
  padding: 5px;
  display: block;
  background-color: #ecd1bc;
  border: 1px dotted #8c0b0b; }
  #content .Login-FailurePanel p {
    margin: 0;
    padding: 0;
    display: block; }

.MembershipWidget .WidgetBody {
  font: 12px/20px Verdana,sans-serif; }

.MembershipComparisonTable {
  margin-bottom: 1.5em !important; }
  .MembershipComparisonTable th {
    font-weight: bold !important; }
  .MembershipComparisonTable th, .MembershipComparisonTable td {
    padding: 1em !important; }

.Common h3 {
  border-bottom: none !important; }

.Branding h3, .Branding h4 {
  margin-top: 1.5em !important; }

.Branding dl.RegistrationForm dt {
  width: 16em !important;
  padding-bottom: 1.5em !important;
  clear: both !important; }

.Branding dl.RegistrationForm dd {
  margin-left: 16em !important;
  padding-bottom: 1.5em !important; }

.MembershipWidget dl.PaymentForm dt, .MembershipWidget dl.AddressForm dt, .MembershipWidget dl.CreditCardForm dt, .MembershipWidget dl.SubscriptionForm dt, .MembershipWidget dl.GiftCardForm dt {
  width: 17em !important;
  clear: both !important;
  font-weight: bold !important; }

.MembershipWidget dl.PaymentForm dd, .MembershipWidget dl.AddressForm dd, .MembershipWidget dl.CreditCardForm dd, .MembershipWidget dl.SubscriptionForm dd, .MembershipWidget dl.GiftCardForm dd {
  margin-left: 17em !important;
  padding-bottom: 1.5em !important; }

dl.CartList dt {
  width: 15em !important;
  padding-bottom: 1em !important;
  font-weight: bold !important; }

dl.CartList dd {
  margin-left: 15em !important;
  padding-bottom: 1em !important; }

.WHSpacing {
  margin: 1.5em 0 !important; }

h3.WHBorder {
  border-bottom: none !important; }

.alert-cookies {
  background-color: #3d76c5;
  border-color: #3d76c5;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  margin: 0;
  overflow: hidden;
  padding: 1rem 1.5rem;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 9999; }
  .alert-cookies p, .alert-cookies .btn {
    font-size: 14px;
    line-height: 1.3; }
  .alert-cookies p {
    margin: 0 auto 1em; }
    @media (min-width: 1055px) {
      .alert-cookies p {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 3em; } }
  .alert-cookies a, .alert-cookies a:visited {
    color: inherit; }
    .alert-cookies a:hover, .alert-cookies a:active, .alert-cookies a:focus, .alert-cookies a:visited:hover, .alert-cookies a:visited:active, .alert-cookies a:visited:focus {
      text-decoration: none; }
  .alert-cookies .btn {
    background: none;
    border: 2px solid #fff;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: .28125rem 1.25rem;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;
    -moz-transition: background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;
    -o-transition: background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;
    transition: background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out; }
    .alert-cookies .btn:hover, .alert-cookies .btn:active, .alert-cookies .btn:focus {
      background-color: #fff;
      color: #3d76c5; }

/*# sourceMappingURL=Screen.css.map */