body { background-color: #ffffff; margin: 0; padding: 0; 
   /* height: 100%; */
   font-size: 12px;
   FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, Sans-serif;   
   color: #333333;
}
#content, #content p, #content td * { font-size: 12px; }
img { border: 0; }
form { margin: 0; padding: 0; }
form * { font-size: 12px; }
#header *, #leftnav *, #rightnav *, #footer { font-size: 11px; }
div.clearing { clear: both; height: 1px; font-size: 1px; }

form fieldset { border: 0; margin: 12px 0 0 0; padding: 0; width: 400px; }
form fieldset legend { width: 400px; margin-top: 6px; font-weight: bold; border-bottom: solid 1px #cccccc; }
form fieldset label { font-weight: normal; padding-left: 12px; }  
form fieldset div.row, form fieldset br { clear: both; }
form fieldset table { width: 400px; border: 0; }
form fieldset p { margin-left: 10px; }
colgroup.cg-title { width: 160px; vertical-align: top; }
colgroup.cg-additional-title { width: 200px; vertical-align: top; }
colgroup.cg-value { width: 240px; }
colgroup.cg-additional-value { width: 200px; }
fieldset#fs-submit { width: 400px; }

form label.required, div.required { background: url(images/required-field-icon.gif) no-repeat left top; }
td.label { font-weight: bold; }

input.xButton { background-color: #cc0000; font-weight: bold; color: #ffffff; font-size: 11px; height: 16px; width: 18px; margin-right: 4px;  }
input.qty { width: 60px; }
div.row { margin: 4px 0 4px 0; }
input.submit { font-weight: bold; padding-left: 6px; padding-right: 6px; }

/* GENERIC STYLES */
   A { COLOR: #006699; TEXT-DECORATION: none; }
   A:hover { TEXT-DECORATION: underline; }
   H1 { FONT-SIZE: 24px; color: #003273; }
   H2 { FONT-SIZE: 16px; color: #666666; }
   H3 { FONT-SIZE: 14px; color: #666666; }
	#rightnav H3 { color: #000000; }
   H4 { FONT-SIZE: 100%; }
   H1, H2, H3, H4 { MARGIN-BOTTOM: 0; }
   P { MARGIN: 0 0 8px 0; }
   
   div.callout {
      BACKGROUND-COLOR: #BFD9E5; /*#F0F0DB*/
      border: dashed 1px #cccccc;
      padding: 0 10px 6px 10px;
      margin: 10px 0;
      font: #000000;
      width:400px;
   }
   div.callout h3 {
      font-size: 12px;
      font-weight: bold;
      color: #000033;
      margin-top: 6px;
      padding-top: 0;
   }
   
/* BUTTONS */
   .FormButton, label {
   	COLOR: #666666; FONT-weight: bold; font-size: 11px;
   }
   table.button {
          FONT-FAMILY: Arial;
   	    BACKGROUND: URL(images/butbg.gif); 
          /* BACKGROUND-COLOR: #68C1FF; */
          COLOR: #000000; 
          FONT-SIZE: 11px;
          TEXT-DECORATION: none;
   }
   input.button {
       padding: 2px 6px;
       font-weight: bold;
   }
   p.button-warning, input.button-warning,
   p.button-delete, input.button-delete {
      background-image: url(./images/btn-bkg-warning.gif);
      background-position: left;
      background-repeat: no-repeat;
      width: 120px;
      height: 24px;
      text-align: left;
      padding-top: 4px;
      padding-left: 24px;
      font-size: 11px;
      font-weight: bold;
      color: #990000;
   }
   p.button-goback, input.button-goback {
      background-image: url(./images/btn-bkg-goback.gif);
      background-position: left;
      background-repeat: no-repeat;
      width: 120px;
      height: 24px;
      text-align: left;
      padding-top: 4px;
      padding-left: 30px;
      font-size: 11px;
      font-weight: bold;
   }
   p.button-continue, input.button-continue {
      background-image: url(./images/btn-bkg-continue.gif);
      background-position: left;
      background-repeat: no-repeat;
      width: 120px;
      height: 24px;
      text-align: left;
      padding-top: 4px;
      padding-left: 6px;
      font-size: 11px;
      font-weight: bold;
   }
   p.button-continue-large, input.button-continue-large {
      background-image: url(./images/btn-bkg-continue2.gif);
      background-position: left;
      background-repeat: no-repeat;
      width: 200px;
      height: 24px;
      text-align: left;
      padding-top: 4px;
      padding-left: 6px;
      font-size: 11px;
      font-weight: bold;
   }
   p.button-addtocart {
         background-image: url(./images/btn-bkg-addcart.gif);
         background-position: left;
         background-repeat: no-repeat;
         width: 100px;
         height: 20px;
         text-align: left;
         padding-left: 24px;
         padding-top: 4px;
         font-size: 11px;
         font-weight: bold;
   }
   input.button-medium,
   p.button-medium {
         background-image: url(./images/btn-bkg-80.gif);
         background-position: left;
         background-repeat: no-repeat;
         text-align: center;
         padding-top: 4px;
         width: 80px;
         height: 20px;
         font-size: 11px;
   }
   input.button-large,
   p.button-large {
      	background-image: url(./images/btn-bkg-160.gif);
      	background-position: left;
      	background-repeat: no-repeat;
      	text-align: center;
      	padding-top: 4px;
      	width: 160px;
      	height: 20px;
      	font-size: 11px;
   }
   input.button-warning,
   input.button-delete,
   input.button-goback,
   input.button-continue,
   input.button-continue-large,
   input.button-medium,
   input.button-large {
      background-color: #ffffff;
      border: 0;
      noshade: noshade;
      padding-top: 0;
   }
   p.button-continue a,
   p.button-goback a,
   p.button-continue-large a,
   p.button-addtocart a,
   p.button-medium a,
   p.button-medium a {
         text-decoration: none;
         color: #333333;
   }
   p.button-link { display: inline; }
   
   a.button-link { font-size: 11px; text-style: underline; color: #006699; }

/* MISCELLANEOUS UNIVERSAL STYLES */
   .HeadBox {
   	BACKGROUND-COLOR: #FFFFFF;
   }
   .HeadText {
           FONT-WEIGHT: bold;
   }
   .aHeadLine {
           BACKGROUND-COLOR: #120C30;
   }
   .HeadLine {
           BACKGROUND-COLOR: #D6D7D9;
   }
   .VertMenuBox {
   	BACKGROUND-COLOR: #F0F0DB;
   }
   .VertMenuBox * { font-size: 11px; }
   .VertMenuBorder {
           BACKGROUND-COLOR: #cccccc;
   }
   .VertMenuTitle {
         font-size: 12px;
           BACKGROUND-COLOR: #003273; COLOR: #ffffff; FONT-weight: bold;
   }
   .DialogTitle,
   .NumberOfArticles
   .TopLabel
   {
   	COLOR: #000000; FONT-weight: bold;
      font-size: 110%;
   }
   .Text {
   	COLOR: #000000;
   }
   .AdminSmallMessage {
   	COLOR: #cc6600;
   }
   .AdminTitle {
   	COLOR: #cc6600; FONT-weight: bold;
   }
   .Line {
   	BACKGROUND-COLOR: #dddddd;
   }

   hr.Line { color: #dddddd; height: 1px; noshade: noshade; width: 100%; margin-bottom: 2px; }
   HR { 
		COLOR: #ffffff; 
		background-color: #ffffff; 
		HEIGHT: 1px; 
		width: auto; 
		border: 0; }	
	
   .Star {
   	COLOR: #FF0000;
   }
   .HighLight {
   		BACKGROUND-COLOR: #FFFFCC;
   }
   .SaveMoneyLabel {
   	COLOR: #FFFFFF;
   }
   
/* ADMIN LIST TABLES */
   .TableHead {
       BACKGROUND-COLOR: #cccccc;
   }
   TR.TableHead { font-weight: bold }
   .TableSubHead {
      BACKGROUND-COLOR: #e8e8e8;
   }
   .TableHead a { color: #000000 }

   table.DataList { width: auto; border: solid 1px #cccccc; font-size: 11px; margin: 0; padding: 0; border-colapse: colapse; }
   table.DataList td { margin: 0; padding: 0; }
   table.DataList tr { margin: 0; padding: 0; }
   table.DataList tr.altrow { background-color: #dddddd; }
   table.DataList tr.TableHead { background-color: #666666; color: #ffffff; font-size: 10px; font-weight: bold; text-align: center; }
   table.DataList tr.TableHead a { font-size: 10px; color: #ffffff; }
   
/* OTHERS.... */
   a.SmallNote {
           COLOR: #888888; TEXT-DECORATION: none; FONT-SIZE: 90%;
   }
   a.SmallNote:hover {
           TEXT-DECORATION: underline; 
   }
   .Tab {
           BACKGROUND-COLOR: #D6D7D9;
           FONT-WEIGHT: bold;
           TEXT-TRANSFORM: uppercase;
   }
   table#DialogTools * { font-size: 11px; }
   .NavDialogTitle {
       font-size: 11px;
       font-weight: bold;
       color: #330000;
   }   
   .NavDialogBorder {
       background-color: #D6D7D9;
   }
   .NavDialogBox {
       background-color: #ffffff;
   }
   .SubHeader2 {
       COLOR: #666666;
       FONT-WEIGHT: bold;
   }
   .SubHeader2Line {
       BACKGROUND-COLOR: #CCCCCC;
   }
   .PopupHelpLink {
       FONT-SIZE: 90%;
       COLOR: #330000;
       TEXT-DECORATION: none;
   }

/* IMAGES */
   img.logo { width: 82px; height: 143px; margin: 0 0 40px 0; }
   img.hdr { margin-left: -6px; width: 400px; height: 40px; }
   img.btn-go        { width: 34px; height: 18px; }
   img.btn-vote      { width: 44px; height: 20px; }
   img.btn-moreinfo  { width: 78px; height: 20px; }
   img.btn-addtocart { width: 98px; height: 20px; }

/* LISTS */
   /* CATLIST: the category list on the left ... a special list */
   div.box div.node ul.catlist {
   	margin: 4px 0 4px 0;
   	padding: 0;
   	list-style-position: outside;
   	list-style-image: none;
   	list-style-type: none;
   }
   div.box div.node ul.catlist * {
      color: #000033;
   }
   div.box div.node ul.catlist li {
   	margin: 0;
      padding: 4px 0 4px 0px;
   }
   div.box div.node ul.catlist li.selected {
      margin: 4px 0 4px 6px;
      padding: 0;
      list-style-type: none;
      list-style-position: outside;
      /* list-style-image: url(usgame/layout/images/bullet-selected.gif); */
      list-style-image: url(images/bullet-selected.gif);
   }
   div.box div.node ul.subcatlist {
      margin: 4px 0 4px 6px;
   	list-style-position: outside;
   	list-style-image: none;
   	list-style-type: none;
   }
   div.box div.node ul.subcatlist li.selected {
      list-style-image: none;
      margin-left: -4px;   
   }
   div.box div.node ul.catlist li.selected a,
   div.box div.node ul.catlist li.selected ul.catlist li.selected a {
      font-weight: bold;
   }
   div.box div.node ul.catlist li.selected ul.catlist li a {
      font-weight: normal;
   }
   /* LINKS LIST: regular "list" of links used in both left & right columns */
   div.box div.node ul.links, div#content ul.links, 
   div#content ul.list, TD.VertMenuBox ul.list {
      padding: 0;
   	margin: 0 0 0 -2px;
      list-style-position: outside;
      list-style-image: none;
      font-weight: bold;
   }
   div.box div.node ul.links li, div#content ul.links li, 
   div#content ul.list li, TD.VertMenuBox ul.list li {
      margin: 4px 0 4px 0px;
      font-weight: normal;
   }
   div.box div.node ol.links { margin-left: 0; list-style-position: inside; padding: 0 }
   div.box div.node ol.links li {
      margin-top: 4px;
   }
   /* NAVLIST: for lists in the right hand column */
   div.box div.node ul.navlist {
      margin: 4px 0 0 12px;
      padding: 0;
      list-style: circle outside url(images/bullet-navlist.gif);
   }      
   div.box div.node ul.navlist li {
      margin: 0;
   	padding: 0 0 4px 0;
   }          

   table#resellerlist * {font-size: 12px;}
   
/* LEFT & RIGHT NAV BOXES */
   div.box  { margin: 0; padding: 0px; width: 100%;
      border-bottom: solid 1px #cccccc; text-align:left;
      background-color: #F0F0DB; }
   div.box div.node { 
      margin: 0;
      padding: 5px 2px 5px 10px; }
   div#leftnav div.box img.boxhdr { width: 142px; height: 26px; }
   div#rightnav div.box { background-color: #ffffff; }
   div#rightnav div.box img.boxhdr { width: 188px; height: 26px; }
   div#rightnav div.box div.node { 
      border-left: solid 1px #cccccc;
      border-right: solid 1px #cccccc; }
   div.box { text-align: left }
   div#rightnav h3, div#leftnav h3 {
      font-size: 100%; font-weight; bold; margin: 0; padding: 0;
      }

/* LEFT NAV: GIFT FINDER */
   form#giftfinder label { font-weight: bold; float: left; width: 40px; margin: 2px 0 2px 0; }
   form#giftfinder select { float: right; width: 88px; }
   /* form#giftfinder br { clear: left; } */

/* RIGHT COLUMN: NEWS */
   div.news {
      border-top: solid 1px #cccccc;
      margin-top: 10px;
   }
   div.news p { margin: 0; }

/* RIGHT COLUMN: CART */
   div#minicart a { color: #666666; }
   div#minicart p { margin: 2px 0 2px 0 }

/* MASTHEAD */
   table#secondnav td, table#search td { padding-left: 6px; }
   table#secondnav * { color: #ffffff; text-decoration: none; }
   table#secondnav a { margin-right: 12px; display: inline; }
   table#search * { color: #000066; font-size: 11px; font-face: Tahoma, sans-serif; text-decoration: none; }
   /* BREADCRUMB - location.tpl */
   div#Breadcrumb { COLOR: #000000; FONT-size: 11px; MARGIN: 0 0 8px 0; }
   *.NavigationPath { COLOR: #000000; FONT-size: 11px; }
   /* PRINT FRIENDLY LINK */
   table#printable { float: right; }
   table#printable * { text-decoration: none; color: #333333; padding-top: 15px; font-size: 11px; }
   table#printable td a,
   table#printable td a:active,
   table#printable td a:link { text-decoration: none; }

/* CONTENT: ERRORS & MESSAGES */
   div.error, div.info, div.warning, .CustomerMessage, .ErrorMessage { font-size: 12px; }
   div.error, .ErrorMessage { color: #cc0000; }
   div.info, .CustomerMessage { color: #336600; }
   div.warning { color: #ff6600; }
   div.error p, div.warning p, div.info p { padding-bottom: 6px; }

   div.error, div.warning, div.info { 
      padding: 6px 0 20px 40px;
      margin: 4px 20px 10px 0;
   }

   div.error { background : url( images/alert-icon-error.gif) no-repeat left top; }
   div.warning { background : url( images/alert-icon-warning.gif) no-repeat left top; }
   div.info { background : url( images/alert-icon-info.gif) no-repeat left top; }

   /* 
   div.error p, div.warning p, div.info p { margin: 10px; }
   .CustomerMessage, .ErrorMessage { COLOR: #cc6600; FONT-weight: bold; font-size: 95%; }
   
   div.error h3, div.warning h3, div.info h3 { width: 100%; text-align: center; padding: 4px; }
   div.error h3, div.warning h3 { background-color: #cc0000; color: #ffffff; }
   div.info h3 { background-color: #cccccc; color: #000000; } 
   */
	div.error h3, div.warning h3, div.info h3 {
		 display: none;
	}

/* CONTENT: PROCUCTS DISPLAY */   
   table.productbox {
      border-colapse: colapse;
      border: 0;
      border-bottom: solid 1px #cccccc; 
      width: 100%;
      margin-bottom: 10px;
   }
   table.productbox p { margin: 0 0 8px 0; }
   table.productbox a { margin: 0; }
   div.tiledproducts * { 
      font-size: 11px;
   }
   div.tiledproducts a.ProductTitle,
   div.tiledproducts a  { color: #333333; }
   div.tiledproducts a.button-link { color: #006699; text-decoration: underline; }
   div.thmbnail {
/*
     width: 80px;
     overflow: hidden;
*/
     margin-right: 10px;
   }
   div.tiledproducts img.thmbnail { 
/*
   	height: 86px;
*/
	}
   div.tiledproducts div.description { margin-left: 10px; text-align: left; }
   /* PAGINATION & SORTING */
   td.paginator { padding-top: 0; padding-bottom: 4px; }
   a.paginator { line-height: 14px; margin: 0; padding: 0; }
   /*
   div#CatalogueNavPaginator { float: left; }
   div#CatalogueNavSearchSort { float: right; }
   */
   div#CatalogueNav * { font-size: 11px; color: #666666; }
   /* PRODUCT DETAILS DISPLAY */
   .ProductTitle { COLOR: #006699; FONT-weight: bold; display: block; }
   .ProductDetailsTitle { FONT-weight: bold; width: 300px; border-bottom: solid 1px #cccccc; }
   div.ProductDetails { display: block; width: auto; }
	p.ProductDescription {
		 margin-bottom: 8px;
	}
   .ProductPriceTitle { FONT: bold; }
   .ProductPriceConverting { COLOR: #000000; }
   .MarketPrice, .ProductPrice, .ProductPriceSmall { color: #000000; }
   .SalePrice, .Discount { COLOR: #CC0000; }
   .ItemsList { COLOR: #081589; FONT: bold 95%; }
   a.viewdetails, a.paginator, a.linkcaption { font-size: 10px; text-decoration: none; color: #666666; }
   /* EXPLORE ... DEFINITION LISTS */
   dl.inline dd { margin-left: 5px; }
   dl.inline dt { margin-top: 6px; }

/* CONTENT: UPDATED DIALOG BOX */
   div.dialogboxc, div.dialogbox { margin: 0 0 10px 16px; }
   div.dialogbox h3 { margin-left: -16px;}
   /*
   div.dialogbox {
      border-right: solid 1px #dddddd;
      border-bottom: solid 2px #dddddd;
      border-left: solid 1px #dddddd;
      border-top: solid 2px #dddddd;
      padding: 4px;
   }
   */
   div.dialogbox table, div.dialogboxc table { width: auto; }
   .DialogBorder {
   	BACKGROUND-COLOR: #68C1FF;
   }
/* FOOTER */
   .Bottom { BACKGROUND-COLOR: #003273; COLOR: #FFFFFF; font-size: 11px; }

/* HOME PAGE LAYOUT */
   table#homeBottomWrapper { text-align: left; }
   div#homePromoWrapper {  text-align: center; margin-top: -14px; }
   div#homePromoWrapper * {  margin: 0; }
   div#homePromoWrapper p,
   div#homePromoWrapper h3 {  display: inline; }

   div.left { float: left; }
   div.right { float: right; }
   p.hidden { color: #ffffff; }
   
   /* for "advanced search" options */
   table#box1 { border-left: solid 2px #dddddd; margin-left: 15px; }
   
   *.discount { color: #cc0000; }
   p.forsaleV, p.forsaleC, p.forsaleN {
    margin: 10px 0 0 0; font-size: 14px; color: #cc0000; font-weight: bold; }
   p.center { text-align: center; }
   
   /* shopping cart stuff */
   div#cart-totals { text-align: left; }
   div.cart-upsnote { font-size: 10px; text-align: left; }
   div#checkout-screen { width: 420px; }
   
   /* news & articles */
   h2.byline {}
   p.voice2 {}
   p.voice1 { color: #cc0000; }   
   p.intro { margin-bottom: 10px; border-bottom: solid 1px #cccccc; font-style: oblique; }
   div.cart-totals p.note, p.note { font-size: 11px; color: #666666; }

/* GENERIC STYLES - TO OVERWRITE */
   /* h1.title { color: #cc6600; } */
   /* h3.title { border-bottom: solid 1px #e8e8e8; } */
   a.title { font-size: 110%; font-weight: bold; }
   h3.dialog { color: #000000; font-size: 16px; font-style: oblique; }
      
/*      
div#regacctinfo, div#billingaddr, div#shippingaddr { border: solid 1px #cc0000; }
div#regacctinfo table, div#billingaddr table, div#shippingaddr table { border: solid 1px #000000; }
*/


div.thumb-prices { font-weight: normal; font-size: 11px; }
div.thumb-prices b { font-weight: normal; }

.xxx {
border: #fd0215 2px solid;
}
