/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #CCCCCC; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
    width:100%;
    height:100%;
    font-family:Arial;
    font-size:10px;
    line-height:16px;
    background-color:black;
    background-image:url(http://www.dobuymail.com/images/systemf/mainBackground.jpg);
    background-repeat:no-repeat;
    background-position:top center;
    color:#FFFFFF;
}


FORM {
	display: inline;
}

A, A:visited{
	color:#FFFFFF;
	text-decoration:none;
}

A:hover{
	text-decoration:underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight:bold;
  color: #FF3B00;
  text-transform:uppercase;
}
TD.specialHeader {
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight:bold;
  color: #FF3B00;
  text-transform:uppercase;
}
TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even,  TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TR.productListing-odd, TR.productListing-even {

}

TABLE.productListing {
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}



TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #FF3B00;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, sans-serif;
  font-size: 12px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}



SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}


/* //rmh M-S_multi-pricing end */

.moduleRow { }
.moduleRowOver { background-color: #CCCCCC; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #CCCCCC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.inputRestriction { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666666; } /* //rmh M-S_multi-stores */

 .contentMain a,  .contentMain a:link,  .contentMain a:active {color:#a2c1a2; font-weight:bold; text-decoration:underline;}
 .contentMain a:hover {color:#f54200; text-decoration:underline;}
  .productTitle a,  .productTitle  a:link,  .productTitle  a:active {color:#FFFFFF;text-decoration:none;font-family: arial; font-weight: bold; font-size: 11px; color: #ffffff;}
 .productTitle  a:hover {color:#FFFFFF; text-decoration:underline;}
 /* Global CSSsprite button settings */
 
/* HEADER ------------------------------------------------------------------------- */
#preheader{ height:30px; width:100%; height:30px; text-align:center;}
#preHeaderContent {height:30px; width:960px; background-color:transparent; text-align:right; margin:0px auto;}
#btnForgotPassword { display:block; padding-top:10px; padding-left:15px;width:80px;  color:#bcff9e; font-size:10px;}
#header{ margin-top:30px; background-image:url(http://www.dobuymail.com/images/systemf/headerBackground.png); width:100%; height:103px; text-align:center;}
#headerTop{ width:960px; height:48px; margin:0px auto;}
#headerTop #payoff{float:left; background-image:url(http://www.dobuymail.com/images/systemf/payoff.png); display:block; width:400px; height:45px;}
#headerTop #memberControls{float:right; margin-top:-30px; }
.tblMemberLogin tr.topRow td { height:40px;}
.tblMemberLogin tr.topRow td .frmValidator {color:red; font-weight:bold; width:150px;}
#memberControls #UmbracoLoginView{}

#headerBottom{width:960px; height:55px; margin:0px auto;}
#headerBottom #mainNavigation{}

/* MainNavItem global styling */
#mainNavigation .mainNavItem {
    display:block;
    height:36px;
    width:139px;
    margin-top:10px;
    text-decoration:none;
    background-color:transparent;
    background-image:url(http://www.dobuymail.com/images/systemf/headerNavSprites.png);
    background-repeat:no-repeat;
    }
    
#mainNavigation .mainNavLeft    { float:left; }
#mainNavigation .mainNavRight   { float:right;}

/* MainNavItem CSS-Sprites */
#mainNavItemTheGame         { background-position:0px 0px;}
#mainNavItemTheGame:hover   { background-position:0px -36px;}
#mainNavItemTheGame:active  { background-position:0px -72px;}
#mainNavItemTheRules        { background-position:-139px 0px;}
#mainNavItemTheRules:hover  { background-position:-139px -36px;}
#mainNavItemTheRules:active { background-position:-139px -72px;}
#mainNavItemSchedule        { background-position:-278px 0px;}
#mainNavItemSchedule:hover  { background-position:-278px -36px;}
#mainNavItemSchedule:active { background-position:-278px -72px;}
#mainNavItemSystemF         { background-position:-547px 0px;}  
#mainNavItemSystemF:hover   { background-position:-547px -36px}
#mainNavItemSystemF:active  { background-position:-547px -72px}
#mainNavItemFcsfShop        { background-position:-686px 0px;}
#mainNavItemFcsfShop:hover  { background-position:-686px -36px;}
#mainNavItemFcsfShop:active { background-position:-686px -72px;}
#mainNavItemContact         { background-position:-825px 0px;}
#mainNavItemContact:hover   { background-position:-825px -36px;}
#mainNavItemContact:active  { background-position:-825px -72px;}
 
/* CAROUSEL ---------------------------------------------------------------------- */
#carousel { width:960px; height:265px; margin:0px auto; }

/* MEMBERCONTROLS FORMBUTTONS INC SPRITES */
#memberControls {
  margin-top:11px;
  background-color:none;
  width:410px;
  height:10px;
}
#memberControls .frmBtnLogin, #memberControls .frmBtnRegister, #memberControls .frmBtnLogout, #memberControls .frmBtnProfile, #memberControls .frmBtnRemixes  {
  display:block;
  float:left;
  width:84px;
  background-color:transparent;
  border:0px;
  margin:0px 0px 0px 10px;
  height:27px;
  cursor:pointer;
  text-decoration:none;
  line-height:0px;
  background-image:url(http://www.dobuymail.com/images/systemf/formElements.png);
}

.memberControlValidator {color:red; font-weight:bold;}

table.tblMemberLogin {display:block; float:right;}

td.frmLblLoginName {
  color:#bcff9e;
  padding-top:7px;
  padding-left:30px;
}

.frmLblLoginName {
  font-weight:bold;
  font-size:11px;
}

.frmValidator {}
.tblMemberLogin td { vertical-align:top;}

/* MEMBER PROFILE */
.profileDetails td.detailLabel { font-weight:bold; color:white;}
.profileDetails td.detailValue { font-weight:normal; color:white;}


.frmBtn span, .frmBtnLogin span, .frmBtnRegister span, frmBtnProfile span {display:none; visibility:hidden; text-decoration:none; line-height:0px;}

.frmInput {
  border:1px solid #163e16;
  width:84px;
  height:20px;
  color:#187b18;
  margin:4px 0px 0px 10px;
  padding:0px 0px 0px 4px;
  display:block;
  float:left;
  background-image:url(http://www.dobuymail.com/images/systemf/frmInputBgGrad.jpg);
  background-color:black;
  background-position:bottom left;
  background-repeat:repeat-x;
}

.frmBtnRegister        { background-position: 0px -27px; margin-top:0px; display:block; float:left; width:84px; }
.frmBtnRegister:hover  { background-position: -84px -27px; }
.frmBtnRegister:active { background-position: -168px -27px;}
.frmBtnLogin           { background-position: 0px 0px; }
.frmBtnLogin:hover     { background-position: -84px 0px;}
.frmBtnLogin:active    { background-position: -168px 0px;}
.frmBtnLogout          { background-position: 0px -54px; line-height:0px; font-size:0px; text-decoration:none;}
.frmBtnLogout:hover    { background-position: -84px -54px;}
.frmBtnLogout:active   { background-position: -168px -54px;}
.frmBtnProfile         { background-position: 0px -81px; line-height:0px; font-size:0px; text-decoration:none;}
.frmBtnProfile:hover   { background-position: -84px -81px;}
.frmBtnProfile:active  { background-position: -168px -81px;}
.frmBtnRemixes         { background-position: 0px -108px; line-height:0px; font-size:0px; text-decoration:none;}
.frmBtnRemixes:hover   { background-position: -84px -108px;}
.frmBtnRemixes:active  { background-position: -168px -108px;}


#wrapper {
    background-image:url(http://www.dobuymail.com/images/systemf/backgroundOverlayPattern.gif);
    margin:0px auto;
    z-index:3;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:79px;
}



#logo {
  height:186px;
  width:180px;
  display:block;
  /* background-image:url(/templateAssets/images/parts/logo.png); */
  background-repeat:no-repeat;
  position:absolute;
  z-index:100;
  top:0px;
  left:50%;
  margin-left:-90px;  
  }


/* Global CSSsprite button settings */
.ImageButton {
  display:block;
  text-decoration:none;
  background-repeat:no-repeat;
  background-image:url(/templateAssets/images/csssprites/imageButtons.jpg);
}

.ImageButton span { 
  /* The image button contains a span 
  with the linkname for the searchengines */
  color:transparent;
  display:none;
  width:1px;
  height:1px;
}
#mainWrapper {width:960px; position:absolute; display:table-cell; left:50%; margin-left:-480px;  
  background-image:url(http://www.dobuymail.com/images/systemf/mainContainerHeaderBg.png);
  background-position:top;
  background-repeat:no-repeat;}
#main {width:960px; display:table-cell;
  background-image:url(http://www.dobuymail.com/images/systemf/mainContainerBg.png);
  background-position:bottom;
  background-repeat:no-repeat;
  border-left:1px solid #272f25;
  border-right:1px solid #272f25;
  border-bottom:1px solid #272f25;  
  }
#mainFooter { width:960px; margin:0px auto; display:none; background-image:url(http://www.dobuymail.com/images/systemf/mainContainerFooterBg.png);}

/* FOOTER ------------------------------------------------------------------------- */
#footerWrapper {width:100%; text-align:center; }
#footer { width:960px; height:76px; text-align:right; background-color:black; color:#445444; text-indent:3px; text-transform:uppercase;}
#footer #SiteInfo, #footer #SiteInfo a { font-size:9px; color:#445444; letter-spacing:0.14em; text-transform:uppercase; text-decoration:none;}
#footer #SiteInfo { margin-top:0px; display:block; float:right;}
#imageButtonLogoBlackhole { 
  float:left;
  width:140px; height:76px;
  background-position: 0px 0px;
}
#imageButtonLogoBlackhole:hover {
  background-position: 0px -76px;
}
#imageButtonLogoFlashover { 
  float:left;
  width:100px; height:76px;
  background-position: -140px 0px;
}
#imageButtonLogoFlashover:hover {
  background-position: -140px -76px;
}

#imageButtonLogoCopa { 
  float:left;
  width:100px; height:76px;
  background-position: -240px 0px;
}
#imageButtonLogoCopa:hover {
  background-position: -240px -76px;
}

#imageButtonLogoTrackItDown { 
  float:left;
  width:120px; height:76px;
  background-position: -335px 0px;
}
#imageButtonLogoTrackItDown:hover {
  background-position: -335px -76px;
}
#imageButtonLogoDoBuy { 
  float:left;
  width:150px; height:76px;
  background-position: -460px 0px;
}
#imageButtonLogoDoBuy:hover {
  background-position: -460px -76px;
}

.ImageButton {
  display:block;
  text-decoration:none;
  background-repeat:no-repeat;
  background-image:url(http://www.dobuymail.com/images/systemf/imageButtons.jpg);
}

.ImageButton span { 
  /* The image button contains a span 
  with the linkname for the searchengines */
  color:transparent;
  display:none;
  width:1px;
  height:1px;
}