/*
_______________________________________________________________________________________

Changes made by Aaron Pitt (May 13th, 2006)
 - SiteMenu
 - MenuLevel1 
 - #MenuLevel1 .MenuItem, #MenuLevel1 .MenuItem a
 - CategoryListContent .CurrentCategory a:hover
 - CategoryListContent .CurrentCategory .SubCategory a:hover
 - .FormInput:focus
 - other miscellaneous changes
_____________________________________________________________________________________________ */

/* Basic Styles
_____________________________________________________________________________________________ */

/* USA Print Broker Stuff */

#ShippingCost_InputFields {
border: 0;
}
#TemplateBox {
  margin: 0 0 8px 0;
  padding: 2px 4px;    
  background: red;
  border: solid 1px silver;
  display: inline
  }

body {
  background: #f5f5f5;
  margin: 0;
  padding: 0;
  color: #000000;
  letter-spacing: normal;
  font-family: Verdana, Arial, "Times New Roman", Sans-Serif;
  font-size: 8pt;
  }
ul li {
  margin:0;
  list-style-type: square;
  }
h1 {
  padding: 0;
  margin: 0 0 3px 0;
  color: #4C52A3;
  border: none;
  border-bottom: 1px solid #e5e5e5;
  }
h3 {
  padding: 0 3px;
  margin: 3px;
  color: #4C52A3;
  }
h3:before {
  content: "\00BB \0020";	/* adds a ">>" before H3s, not visible on IE */
  }
h4 {
  padding: 3px;
  margin: 0;
  color: #ffffff;
  text-align: left;
  background: #2d78bc;
  /*background: #4C52A3;*/
  /*border: 1px solid #e5e5e5;*/
  }
h5, h6 {
  padding: 0;
  margin: 0;
  color: #4C52A3;
  }
a, a:link, a:visited, a:active {
  text-decoration: underline;
  color: #4C52A3;
  }
a:hover {
  text-decoration: underline;
  color: #4C52A3;
  cursor: pointer;
  }
table td { vertical-align:top; }
img { border: none; }
.hide { display: none; }
option { min-width: 1.5em; }


/* Main Layout
___________________________________________________________________________________________ */
/*	_________________________
	Left-Aligned Container */
/*#container {
  margin: 0;
  padding: 0;
  width: 765px;
  background:#ffffff;
  }*/

			/* ...or... */

/*	___________________________
	Center-Aligned Container */
table#container {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  background:#ffffff;
  border: 1px solid #e5e5e5;
  }

/*	____________________
	Pop-up Containers */
#popupContainer {
  width:90%;
  padding:10px;
  margin: 0 3%;
  background: #ffffff;
  }

/*	_______________________
	Pages with a sidebar */
#navcolumn {
  margin: 0;
  padding: .5em .5em;
  width: 150px;
  vertical-align:top;
  text-align:center;
  border-right: 1px solid #eeeeee;
  }
#contentcolumn {
  margin: .5em 0 0 0;
  padding: 0;
  width:620px;
  vertical-align:top;
  text-align:left;
  }
  
/*	__________________________
	Pages without a sidebar */
#page, #pag {
  padding:0px;
  margin:0px;
  background:#ffffff;
  }
  
/*	________________________________
	Content Section on Every Page */
#maincontent {
  margin: 0;
  padding: .5em;
  text-align: left;
  }

/* Header
___________________________________________________________________________________________ */
#Header {
  background: #ffffff;
  padding: 0;
  margin: 0 0 5px 0;
  width: 100%;
  /*border-top: solid 1px black;*/
  }
#BrandingArea {
  height:70px;
  width:765px;
  background: transparent;
  position: relative;
  }
  
/*	___________________
	Logo Positioning */
/*#Logo {
  position: absolute;
  top: 24px;
  left: 10px;
  }*/
  
/*	___________________
	Logo Replacement */
	/* Want to use one logo for your site, and another for printing?  Here's a trick: the following css
	will hide your site logo and replace it with a different logo as a background image.  The background
	image will show on your site, the store logo will print. This will also allow you to create a hover
	effect since your logo links to the home page. */
#Logo a { /* Selects the logo link, where your default logo resides, so we can use a new background image as a link. */
  position: absolute; /* This sets the positioning for your logo.  Absolute positioning will allow it to float over everything else in your header so you can put it where you like. */
  top: 32px; /* Distance from the top of your header. */
  left: 10px; /* Distance from the left of your header.  You can also use 'right' if you like, depending on your placement. */
  text-indent: -9999px; /* This will help hide any text or images that might be a part of your logo. */
  background: transparent url(logo.gif) no-repeat top left; /* Your new logo image. */
  display: block; /* This is important; it allows us to define a size for the link that our logo sits within. */
  width: 125px; /* The exact width of your new logo image. */
  height: 54px; /* The exact height of your new logo image, obviously. */
  }
#Logo a:hover { /* Selects the hover for our linked background image. */
  background: transparent url(logo.gif) no-repeat top left; /* Want the image to change when hovered over? Use an image the exact size as your new logo image. */
  }
#Logo img { display: none; } /* Some browsers are still rather stupid, so this will make sure the linkage area is contained to only your new image, not beyond it if the original and new images are different sizes. */

/*	____________
	Site Menu */
#SiteMenu {
  background: #f5f5f5;
  height: 18px;
  vertical-align: middle;
  }
#SiteMenu ul {
  margin:0;
  padding: 0 6px 3px 6px;
  white-space:nowrap;
  text-align: left;
  }
#SiteMenu li {
  display: inline;
  list-style-type: none;
  }
#SiteMenu a {
  padding: 0 4px;
  color: #000000;
  line-height: 12px;
  text-decoration: none;
  }
#SiteMenu a:hover {
  color:#000000;
  text-decoration: underline;
  }

/* Site Menu Icons
___________________________________________________________________________________________ */
/* Here is an example of how you can add icons with a hover effect
   to your site menu for better link recognition. */
/*	_____
	  Up */
#SiteMenu a#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a#Header1_LoginStatusControl1_lnkStatus {
  background: transparent url(FSicons.gif) no-repeat 0px -4px;
  padding-left:20px;
  }
#SiteMenu a#XHeader_lnkMyAccount,
#SiteMenu a#XHeader1_lnkMyAccount {
  background: transparent url(FSicons.gif) no-repeat 0px -24px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkCustomerService,
#SiteMenu a#Header1_lnkCustomerService {
  background: transparent url(FSicons.gif) no-repeat 0px -44px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkSearch,
#SiteMenu a#Header1_lnkSearch {
  background: transparent url(FSicons.gif) no-repeat 0px -64px;
  padding-left:20px;
  }
#SiteMenu a#Header_lnkCart,
#SiteMenu a#Header1_lnkCart {
  background: transparent url(FSicons.gif) no-repeat 0px -84px;
  padding-left:20px;
  }

/*	_______
	  Down */
#SiteMenu a:hover#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a:hover#Header1_LoginStatusControl1_lnkStatus {
  background: transparent url(FSicons.gif) no-repeat 0px -104px;
  padding-left:20px;
  
  }
#SiteMenu a:hover#Header_lnkMyAccount,
#SiteMenu a:hover#Header1_lnkMyAccount {
  background: transparent url(FSicons.gif) no-repeat 0px -124px;
  padding-left:20px;
  
  }
#SiteMenu a:hover#Header_lnkCustomerService,
#SiteMenu a:hover#Header1_lnkCustomerService {
  background: transparent url(FSicons.gif) no-repeat 0px -144px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkSearch,
#SiteMenu a:hover#Header1_lnkSearch {
  background: transparent url(FSicons.gif) no-repeat 0px -164px;
  padding-left:20px;
  }
#SiteMenu a:hover#Header_lnkCart,
#SiteMenu a:hover#Header1_lnkCart {
  background: transparent url(FSicons.gif) no-repeat 0px -184px;
  padding-left:20px;
  }

/*	________________________
	Link to Shopping Cart */
#ShoppingCartLink a, #ShoppingCartLink a:link, #ShoppingCartLink a:active, #ShoppingCartLink a:visited {
  position: absolute;
  top: 1px;
  right: 10px;
  color: #000000;
  text-decoration:none;
  padding: 0 0 3px 0;
  }


/*	___________
	MiniCart */
#MiniCartX {
  position: absolute;
  top: 18px;
  right: 10px;
  color: #4C52A3;  
  padding: 0;
  }

/* Main Menu
___________________________________________________________________________________________ */
#MainMenu {
  clear: both;
  width: 100%;
  text-align:center;
  border: 1px solid #f00;
  }
  
/*	_____________________________
	Top-Banner Categories Menu */
#MenuLevel1, #MenuLevel1 table {
  /*background: transparent;*/
  margin: 0 auto;
  background: transparent;
  
  }

/*	______________________________
	Category Top-Banner Tab Images
	(to control spacing, uncomment and adjust this and don't forget to comment out link tabs below) */
/*#MenuLevel1 .MenuItem,
#MenuLevel1 .MenuItemActive {
  padding: 0 8px;
  }*/
  
/*	_____________________________
	Category Top-Banner Tab Links
	(comment out the following if you're using category images, see above)*/
#MenuLevel1 .MenuItem, #MenuLevel1 .MenuItem a {
  
  border-left-style: solid;
  border-left-color: #ffffff;
  border-left-width: 1px;
    
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#EE3537', startColorstr='#FF9999', gradientType='0');*/
  background: #EE3537;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a:hover {    
  border-left-style: solid;
  border-left-color: #ffffff;
  border-left-width: 1px;
  background: #4C52A3;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {
  
  border-left-style: solid;
  border-left-color: #ffffff;
  border-left-width: 1px;
  background: #4C52A3;
  color: #ffffff;
  line-height: 25px;
  text-align: center;
  }
#MenuLevel1 A, #MenuLevel1 A:Hover {
  
  border-left-style: solid;
  border-left-color: #ffffff;
  border-left-width: 1px;
  
  text-decoration:none;
  line-height: 25px;
  display: block;
  padding: 0 8px;
  white-space:nowrap;
  }

/*	________________________________
	Sub-Category Links Under Tabs */
#MenuLevel2 {
  width:765px;
  
  /*border-top-color: gray;
  border-top-width: 1px;
  border-top-style: solid;*/
  
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffffFFF', startColorstr='silver', gradientType='0');*/
  background: #f5f5f5;
  border-top: solid 1px silver;
  
  }
#MenuLevel2 Table {
  margin: 0 auto;
  
  }
#MenuLevel2 .MenuItem {
  padding: 2px 10px 0 10px;
  background:transparent;
  text-align: center;
  
  }
#MenuLevel2 a {
  color:#ffffff;
  text-decoration:none;
  white-space:nowrap;
  }
#MenuLevel2 a:hover {
  color:#ccc;
  text-decoration:none;
  white-space:nowrap;
  }

/* Home Page
___________________________________________________________________________________________ */
#PageHome #MainContent, .HomepageBlock {
  margin: .5em .5em .5em .5em;
  padding: 0;
  }
#HomeTable {
  margin: 0;
  padding: 0;
  width:950px;
  }
#HomeColumn1 {
  vertical-align: top;
  text-align: left;
  margin: 0;
  padding: 0 .5em 0 0;
  width: 150px;
  border-right: 1px solid #eeeeee;
  }
#HomeColumn2 {
  vertical-align:top;
  text-align:center;
  margin: 0;
  padding: 0;
  }
#HomeColumn3 {
  vertical-align:top;
  text-align:left;
  margin: .5em 0 0 0;
  padding: 0 0 0 .5em;
  width: 150px;
  border-left: 1px solid #eeeeee;
  }
#HomepageSample1 {
  background: #ffffff url(FreshStartImage.png) no-repeat 50% 50%;
  height: 180px;
  margin: 0;
  padding: 0;
  }
#HomepageSample2 {
  background: #f5f5f5;
  text-align: left;
  vertical-align: middle;
  margin: 10px 0;
  padding: 5px;
  border: solid 1px #e5e5e5;
  }

/* Other Menus
___________________________________________________________________________________________ */
#navColumn ul, .CategoryList ul,
#navColumn ul li, .CategoryList ul li {
  padding: 0;
  margin:0;
  list-style-type: none;
  }
  
/*	________________________________________
	Customer Service and My Account Menus */
.NavColumnBlock {
  background: #ffffff;
  padding: .5em .5em 0 .5em;
  margin: 0;
  width: 150px;
  }
.NavColumnBlockContent {
  padding: 3px;
  margin: 0 0 6px 0;
  line-height: 1.1em;
  text-align: left;
  background: #ffffff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #4C52A3;
  }

/*	___________________________________________
	Customer Service & My Account Menu Links */
.NavColumnBlockContent a, .NavColumnBlockContent a:visited, .NavColumnBlockContent a:link {
  color: #4C52A3;
  text-decoration: none;
  list-style-type: none;
  line-height:18px;
  margin: 0 0 0 10px;
  }
.NavColumnBlockContent a:hover {
  color: #333333;
  text-decoration: underline;
      line-height:18px;
  }  

/*	_________________________
	Side Bar Menus & Forms */
.CategoryList, .SearchBoxForm, .MailingListSignupForm {
  width:150px;
  padding:0;
  }
.CategoryListContentF {
  padding: 3px;
  margin: 0 0 6px 0;
  text-align: left;
  background: #b8d3eb;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
 }
.CategoryListContent, .SearchBoxFormContent, .MailingListSignupFormContent {
  padding: 3px;
  margin: 0 0 6px 0;
  text-align: left;
  background: #ffffff;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  }
.SearchBoxFormContent .FormInput, .MailingListSignupFormContent .FormInput {
  border: #000 1px solid;
  background: #f5f5f5;
  color: #4C52A3;
  padding-left: 2px;
  height: 18px;
  }
.MailingListSignupFormContent .FormLabel {
  color: #000000;
  }
/*	_________________________
	Search Button Position */
#ContentColumn1__ctl1_btnGoSearch,
#ContentColumn4__ctl1_btnGoSearch,
#ContentColumn5__ctl1_btnGoSearch {
  margin-bottom: -4px; /* Adjust as needed. */
  }

/*	_________________________________
	Side Bar Categories Menu Links */
.CategoryListContent ul, .CategoryListContent ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height:18px;
  }
.CategoryListContent li { margin: 0; }
.CategoryListContent a,
.CategoryListContent a:link,
.CategoryListContent a:visited {
  display: block;
  color: #2d78bc;
  padding: 1px 6px;
  text-decoration: underline;
  line-height:18px;
  }
.CategoryListContent li li a,
.CategoryListContent li li a:link,
.CategoryListContent li li a:visited {
  display: block;
  color: #4C52A3;
  background: #f5f5f5;
  padding: 1px 2px 1px 12px;
  text-decoration: underline;
      line-height:18px;
  }
.CategoryListContent .CurrentCategory a,
.CategoryListContent .CurrentCategory a:link,
.CategoryListContent .CurrentCategory a:visited,
.CategoryListContent .CurrentCategory a:hover {
  /*color: #ffffff;
  background: #EE3537;*/
  border: solid 1px #000000;
  /*background: #ffffffFCC;*/
  background: #f5f5f5;
  /*font: 11px Verdana, Arial, Helvetica, Sans-Serif;
      line-height:18px;*/
      line-height:18px;
      color: #000000;
  }
.CategoryListContent .SubCategory a,
.CategoryListContent .SubCategory a:link,
.CategoryListContent .SubCategory a:visited {
  display: block;
  color: #4C52A3;
  background: #eeeeee;
  padding: 1px 2px 1px 12px;
  text-decoration: none;
      line-height:18px;
  }
.CategoryListContent .CurrentCategory .SubCategory a,
.CategoryListContent .CurrentCategory .SubCategory a:link,
.CategoryListContent .CurrentCategory .SubCategory a:visited {
  display: block;
  color: #4C52A3;
  background: #eeeeee;
  padding: 1px 2px 1px 18px;
  text-decoration: none;
      line-height:18px;
  }
.CategoryListContent a:hover,
.CategoryListContent li li a:hover,
.CategoryListContent .SubCategory a:hover,
.CategoryListContent .CurrentCategory .SubCategory a:hover {
  color: #ffffff;
  background: #71afe8;
  line-height:18px;
  }

/* Breadcrumbs
___________________________________________________________________________________________ */
#BreadCrumbs {
  margin: 0 0 8px 0;
  padding: 2px 4px;    
  color: #4C52A3;
  text-align: left;
  display: block;
  background: #f5f5f5;
  border: solid 1px silver;
  }
#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {
  color: #4C52A3;
  text-decoration: underline;
  }
#BreadCrumbs a:hover {
  color: #4C52A3;
  text-decoration: none;
  }

/* Category Page
___________________________________________________________________________________________ */
#LayoutTable {
  width:760px;
  }
#Records table {
  border-top: 1px solid #cccccc;
  width:583px;
  }
#Records table tr td {
  text-align:center;
  }
#Records table table{
  border:none;
  width:98%;
  }

/*	____________________________________________________
	Category Header (also uses H1 for category title) */
#CategoryBanner {
  margin: 3px 0;
  }
#Description {
  color:#333333;
  margin:10px 0;
  }
#RecordsFound, #Pager ,#Sorter , #Sorter TD {
  color:#4C52A3;
  margin-bottom: 3px;
  white-space:nowrap;
  }
#Records {
  padding: 5px 0;
  }

/*	_____________________________
	"New" Image Position */
.NewProductBadge {
  position:relative;
  left:-60px;
  top:-128px;
  }

/*	_______________________
	Categories Grid/List */
.SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:180px;
  margin:5px auto;
  vertical-align:top;
  }
.SingleCategoryDisplayname a,
.SingleCategoryDisplayname a:link,
.SingleCategoryDisplayname a:visited,
.ListCategoryDisplay a,
.ListCategoryDisplay a:link,
.ListCategoryDisplay a:visited {
  text-decoration:none;
  }
.SingleCategoryDisplayname a:hover,
.ListCategoryDisplay a:hover {
  text-decoration:none;
  }

/*	________________
	Products Grid  */
.SingleProductDisplay {
  display: block;
  text-align:center;
  width:180px;
  vertical-align:top;
  padding:5px;
  margin:6px auto;
  }
.SingleProductDisplayImage {
  padding-bottom:5px;
  }
.SingleProductDisplayName a,
.SingleProductDisplayName a:link,
.SingleProductDisplayName a:visited {
  text-decoration:none;
  }
.SingleProductDisplayName a:hover {
  text-decoration:none;
  background: #eeeeee;
  color: #333333;
  }
.SingleProductDisplayPrice a,
.SingleProductDisplayPrice a:link,
.SingleProductDisplayPrice a:visited {
  text-decoration:none;
  }
.SingleProductDisplayPrice a:hover {
  text-decoration:none;
  }

/*	________________
	Product Lists */
.ListProductDisplay {
  height: 100%;
  }
.ListProductDisplayName, .ListProductDisplayName td,
.ListCategoryDisplayName, .ListCategoryDisplayName td {
  text-align:left !important;
  }
.ListProductDisplayPrice, .ListProductDisplayPrice td {
  float:right !important;
  text-align:right !important;
  }

/*	__________________________
	Detailed Products Lists */
.DetailProductDisplay {
  margin: 15px;
  text-align:left;
  }
.DetailProductDisplayName td,
.DetailProductDisplayPrice td,
.DetailProductDisplayDescription td,
.DetailProductDisplayControls td {
  text-align:left !important;
  float:left !important;
  }
.DetailProductDisplayName a,
.DetailProductDisplayName a:link,
.DetailProductDisplayName a:visited {
  text-decoration:none;
  }
.DetailProductDisplayName a:hover {
  text-decoration:none;
  background: #eeeeee;
  color: #333333;
  }
.DetailProductDisplayPrice a,
.DetailProductDisplayPrice a:link,
.DetailProductDisplayPrice a:visited {
  text-decoration:none;
  }
.DetailProductDisplayPrice a:hover {
  text-decoration:none;
  }
#Records .DetailProductDisplayImage {
  width:120px;
  float:right;
  text-align:right;
  }
 
/*	________________
	Pricing Links */
a .ListPrice,
a:link .ListPrice,
a:visited .ListPrice { color: #EE3537; }
a .SitePriceDiscounted,
a:link .SitePriceDiscounted,
a:visited .SitePriceDiscounted { color: #f00; }
a:hover .ListPrice { color: #4C52A3; }
a:hover .SitePriceDiscounted { color: #f00; }
 
/*	_______________________________________
	Side Bar Product & Category Rotators */ 
.HomepageBlock .SingleCategoryDisplay {
  display: block;
  text-align:center;
  width:140px;
  margin: 5px auto;
  vertical-align:top;
  }
.HomepageBlock .SingleProductDisplay {
  display: block;
  text-align:center;
  width:140px;
  vertical-align:top;
  border: none;
  padding:5px;
  margin:6px auto;
  }
.HomepageBlock .SingleProductDisplay {
  margin-top: 5px !important;
  }
.HomepageBlock .SingleProductDisplayImage {
  /* height: 64px; */
  padding-bottom:5px;
  }
  
/* Product Page
___________________________________________________________________________________________ */

/*	_________
	Layout */
#ProductPageContainer {
  width:583px;
  }
#ProductPageImageColumn {
  width:175px;
  padding:0 10px 0 0;
  margin:0px;
  vertical-align:top;
  text-align:center;
  }
#ProductPageContentColumn {
  padding:0 0 0 10px;
  margin:0;
  vertical-align:top;
  text-align:left;  
  border-left: 1px solid #eeeeee;
  }

/*	_________
	Styles */
#productdescription {
  padding: 8px;
  color: #4C52A3;
  }
#imgZoom, #PrintThisPage, #EmailThisPage { margin: 0 0 2px 0; }
#ProductImage a, #ProductImage a:hover { text-decoration: none; }

/*	_______________________
	Product Controls Box */
#ProductControls {
  margin-top:5px;
  /*border: double 3px #EE3537;*/
  border-width: 1px;
  border-style: outset;
  background: #f5f5f5;
  padding: 15px 0 0 15px;
  }

/*	_____________________
	Product Properties */
.ProductPropertyLabel { color:#4C52A3; }
#ProductProperties { text-align:left; }
#ProductProperties ul { margin: 5px 0 0 50px; padding: 0; }
#ProductProperties ul li { margin-top:3px; }
#ProductProperties ul ul { margin: 5px 0 0 0; }

/*	________________
	Pricing */
.DiscountText { color:#333333; }
.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice {  }
.SitePrice, .ListPrice { color:#4C52A3; }
.ListPrice { text-decoration:line-through; }
.YouSave { color:#f00; }
.SitePriceDiscounted { color:#333333; }

/*	_________________
	Volume Pricing */
#VolumeDiscounts { margin:5px; }
.VolumePricingHeader { background:#EE3537; color:#ffffff; }
.VolumePricingText { color:#4C52A3; }

/*	________________
	Related Items */
.RelatedItemsBlock {
  background: #ffffff;
  margin: 0;
  padding: 0 0 3px 0;
  background: #f5f5f5;
  }
.RelatedItemsBlock H3 {
  padding: 3px;
  margin: 0 0 4px 0;
  color: #4C52A3;
  text-align: left;
  background: #eeeeee;
  }
.RelatedItemsBlockContent {
  padding: 0 9px;
  text-align: center;
  }
.RelatedItemsBlock .SingleProductDisplay {
  border: 1px solid #cccccc;
  width:145px;
  margin: 0 0 4px 0;
  background: #ffffff;
  }
.RelatedItemsBlock .SingleProductDisplayName a,
.RelatedItemsBlock .SingleProductDisplayName a:link,
.RelatedItemsBlock .SingleProductDisplayName a:visited,
.RelatedItemsBlock .SingleProductDisplayName a:hover {  }

/*	__________________
	Product Reviews */
#ProductReviews {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 20px 0;
  padding: 0 0 3px 0;
  }
#ProductReviews H3 {
  padding: 3px;
  margin: 0 0 5px 0;
  color: #4C52A3;
  background: #eeeeee;
  }
#ProductReviewNew { margin: 10px 0; }
#ProductReviews a,
#ProductReviews a:link,
#ProductReviews a:visited {
  padding: 3px;
  text-decoration: none;
  }
#ProductReviews a:hover {
  padding: 3px;
  }
.ProductReviewRating {
  color:#4C52A3;
  }
.ProductReview {
  margin: 5px 10px;
  border-left: 2px solid #cccccc;
  padding-left: 4px;
  }
.ProductReviewKarma {
  color:#4C52A3;
  white-space: nowrap;
  }
#pnlReviewDisplay {
  border: 1px solid #EE3537;
  padding: 5px;
  }
#pnlWriteAReview textarea {
  width: 250px;
  height: 150px;
  }

/* Checkout
___________________________________________________________________________________________ */
#tblItems {
  border: 1px solid #EE3537;
  width:745px;
  margin:5px;
  }
#CheckoutTable {
  width:745px;
  }
.Header {
  padding: 3px;
  margin: 0;
  color: #ffffff;
  background: #2D78BC;
  }
.CheckoutDescription {
  }

/* Upload Artwork */
#UploadArtwork 
{
	margin-top: 8px;
	margin-bottom:8px
}

/*	_________________
	Checkout Steps */
#CheckoutSteps {
  padding:4px;
  background: #ffffff;
  margin:0;
  }
.CheckoutStep {
  padding-right:16px;
  color:#EE3537;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep a, 
.CheckoutStep a:link, 
.CheckoutStep a:visited {
  color:#EE3537;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep a:hover {
  color:#4C52A3;
  white-space:nowrap;
  text-decoration:none;
  }
.CheckoutStep .CheckoutStepCurrent, 
.CheckoutStep a:link.CheckoutStepCurrent, 
.CheckoutStep a:visited.CheckoutStepCurrent, 
.CheckoutStep a:hover.CheckoutStepCurrent {
  color:#4C52A3;
  white-space:nowrap;
  text-decoration:none;
  }

/*	_____________________
	Shopping Cart Page */
#CartTitle {
  width:100%;
  }
#lblcart {
  color: #333333;
  }
table#CartContainer {
  width:745px;
  padding:0;
  margin:0 auto;
  }
table#CartContainer tr td {
  vertical-align:middle;
  }
#CartItemBlock {
  padding:0px;
  margin:0px;
  }
#CartItemBlock Table {
  margin:0px;
  width:745px;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-bottom: none;
  }
#CartUpdateBlock {
  width:500px;
  background:#ffffff;
  margin:0px;
  text-align:center;
  vertical-align:middle;
  }
#CartTotalBlock {
  border-bottom: double 3px #e5e5e5;
  border-right: solid 1px #e5e5e5;
  border-left: solid 1px #e5e5e5;
  width:25%;
  margin:0px;
  padding:5px;
  text-align:center;
  vertical-align:middle;
  }
#lblSubTotal {
  }
#CartCheckoutButtons {
  width:745px;
  text-align:right;
  margin-top:10px
  }
.CartItem,
.CartAlternateItem {
  padding: 5px;
  color: #4C52A3;
  text-align: left;
  border-bottom:1px solid #e5e5e5;  
  }
.CartItem { background: #ffffff; }
.CartAlternateItem { background: #f5f5f5; }
.CartItem a,
.CartItem a:link,
.CartItem a:visited,
.CartAlternateItem a,
.CartAlternateItem a:link,
.CartAlternateItem a:visited {
  color: #4C52A3;
  text-decoration: none;
  }
.CartItem a:hover,
.CartAlternateItem a:hover {
  color: #333333;
  text-decoration: none;
  }

/*	________________________
	Shipping Methods List */
#ShipMethodsList {
  border-left: 3px solid #cccccc;
  margin-left: 8px;
  }

/*	__________________
	Checkout Styles */
#AddressBookPanel {
  width:735px;
  margin:0;  
  }
#AddressList td {
  border: 3px double #cccccc;
  padding: 5px;
  }
#AddressList td:hover {
  background: #ffcccc;
  }
.ContentBox {
  margin: 3px 0px 5px 20px;  
  text-align:left;
  background:#ffe;
  border: solid 1px #e5e5e5;
  padding:10px;
  }
#CheckoutTotals {
  text-align:center;
  background:#f5f5f5;
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding:5px;
  margin: 0;
  width: 172px;
  }
#lblGrandTotal {
  border-top: 1px solid #cccccc;
  }
#PlaceOrderCell {
  padding:0px;
  margin: 0;
  text-align:center;
  background:#ffffff;
  }
.ControlArea {
  border: 1px solid #e5e5e5;
  background: #f5f5f5;
  padding:5px;
  margin-top:5px;
  }
#CheckoutPayment {
  background:#f5f5f5;
  border: 1px solid #EE3537;
  padding:5px;
  margin: 0;
  text-align:left;
  width: 172px;
  }
#InstructionsField {
  background: #ffffff;
  border: 1px solid #cccccc;
  width: 100%;
  padding:3px;
  margin: 3px 0;
  }
#OrderItemPreview table {
  width: 98%;
  
  }
#OrderItemPreview table table {
  width: 100%;
  }
#ShipToMultipleAddressesButton { margin: 5px; }
  
/* Misc Visual Styles
___________________________________________________________________________________________ */
.BVText, .CartText {
  color: #4C52A3;
  }
.BVSmallText {
  color:#4C52A3;
  }
a#LoginControl1_lnkForgotPassword { text-decoration: none; }
#btnUpdateTotals { background: #ffcccc; }
#PackageList a,
#CheckoutPayment a {
  text-decoration: none;
  }
.BVText .Stories {
  text-align: justify;
  }
.Item {
  padding: 5px;
  background: #ffffff;
  color: #4C52A3;
  text-align: left;
  }
.AlternateItem {
  padding: 5px;
  background: #eeeeee;
  color: #4C52A3;
  text-align: left;
  }
.FormTable {
  margin: 3px 5px;
  }
.contentcell {
  width: 360px;
  background: #f5f5f5;
  border: 3px solid #eeeeee;
  }
.FormInput, #inKeyword {
  border: dimgray 1px solid;
  background: #ffffff;
  color: #4C52A3;
  padding-left: 2px;
  height: 18px;
  }
.ContentCell .FormInput, .ContentCell .FormInputError { width: 200px; }
.FormInput:focus { background: ghostwhite; } /* changes color of focused input box */
#btnSearch { margin: -2px 0 0 3px; } /* fixes alignment of search button on search page */
.FormInputError {
  border: #EE3537 1px solid;
  background: #ffb5b5;
  color: #333333;
  padding-left: 2px;
  height: 18px;
  }
.formlabel {
  color: #333333;  
  letter-spacing: normal;  
  }
.CheckoutDescription span.FormLabel label {
  background: #ffcccc;
  padding:2px;
  }
span.FormLabel label:before { 
  content: "\00AB \0020";	/* adds a "<<", not visible on IE */
  }
.FormLabelStrong {
  color: #4C52A3;  
  letter-spacing: normal;  
  }
.indent {  
  margin-left:20px;
  }
.Padded {
  margin:10px;
  }
#dlPolicy, #dlPolicy a, #dlPolicy a:hover {
  color: #4C52A3;
  }
.text {
  color: #4C52A3;
  padding-bottom: 8px;
  }
select {
  color: #333333;
  }
a#lnkMyAccount, a:link#lnkMyAccount , a:visited#lnkMyAccount {
  color: #4C52A3;
  }
a:hover#lnkMyAccount {
  color: #9f0;
  text-decoration: none;
  }

/* Various Messages
___________________________________________________________________________________________ */
.ErrorMessage, .ErrorMessage UL {
  display: block;
  background: transparent;
  color: #f00;
  }
.SuccessMessage {
  display: block;
  background:#9f0;
  padding: 3px;
  color: #333333;
  text-align: center;
  }
.WebPageMessage {
  border:solid 1px #f00;
  background:#ffffff;
  padding:0;
  margin:0;
  }
.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
  padding: 5px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
  }
.WebPageMessage .Message {
  padding: 0 0 0 40px;
  height:30px;
  margin:0;
  color:#333333;
  }
.WebPageMessageError { background-image: url(MessageERROR.gif); }
.WebPageMessageWarning { background-image: url(MessageWARNING.gif); }
.WebPageMessageInformation { background-image: url(MessageINFO.gif); }
.WebPageMessageQuestion { background-image: url(MessageQUESTION.gif); }
.WebPageMessageOK { background-image: url(MessageOK.gif); }
  
/* Footer
___________________________________________________________________________________________ */
#footer {
  clear: both;
  margin: .5em auto;
  width: 956px;
  color: #000000;
  padding: 3px 0;
  text-align: center;
  /*background: #EE3537;*/
  background: #ffffff;
  border: 1px solid #e5e5e5;
  /*filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#ffffffFFF', startColorstr='silver', gradientType='0');*/
  }
#footermenu a {
  padding-left:4px;
  padding-right:4px;
  /*color: #ccc;*/
  color: #4C52A3;
  text-decoration: underline;
  }
#footermenu a:hover {
  /*color:#ffffff;*/
  color: #4C52A3;
  text-decoration: none;
  }
#PrintBrokerExtras {
  clear: both;
  /*margin: 3px 0 0 8px;*/
  margin-bottom:8px;
  width: 100%;
  color: #000000;
  padding: .5em 0 .5em 0;
  text-align: center;
  /*background: #EE3537;*/
  background: #ffffff;
  
  /*width: 430px;*/
  border-top-width: 1px;
  border-top-color: #000000;
  border-top-style: dashed;
  border-bottom-width: 1px;
  border-bottom-color: #000000;
  border-bottom-style: dashed;
  }
#PrintBrokerExtras a {
  padding-left:4px;
  padding-right:4px;
  color: #4C52A3;
  text-decoration: underline;
  }
#PrintBrokerExtras a:hover {
  color: #4C52A3;
  text-decoration: none;
  }
#footercustommenu {
  padding: 4px 8px;
  }
#copyright {
  position: relative;
  top: 0px;
  color: #000000;
  display: block;
  padding: 3px;
  text-align: center;
  }
#copyright a {
  padding-left:4px;
  padding-right:4px;
  color: #000000;
  text-decoration: none;
  }
#copyright a:hover {
  color: #000000;
  text-decoration: none;
  }
 
/* Top Navigation Tabs */
#tabsF { float:left; width:100%; background:#efefef; line-height:normal; border-bottom:1px solid #666666; }
#tabsF ul { margin:0; padding:10px 10px 0 50px; list-style:none; }
#tabsF li { display:inline; margin:0; padding:0; }
#tabsF a { float:left; background:url("tableftF.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsF a span { float:left; display:block; background:url("tabrightF.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span { float:none; }
/* End IE5-Mac hack */
#tabsF a:hover span { color:#ffffff; }
#tabsF a:hover { background-position:0% -42px; }
#tabsF a:hover span { background-position:100% -42px; }

/* TABS FOR ALL PAGES */
#tabsB { line-height: normal; padding: 0 0 .5em 0; }
#tabsB ul { float: left; margin: 0; padding: .9em .5em 0 0; list-style: none; }
#tabsB li { display: inline; margin: 0; padding: 0; }
#tabsB a { float: left; background: url("tableftB.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#tabsB a span { float: left; display: block; background: url("tabrightB.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #666666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span { float: none; }
/* End IE5-Mac hack */
#tabsB a:hover span { color: #000000; }
#tabsB a:hover { background-position: 0% -42px; }
#tabsB a:hover span { background-position: 100% -42px; }
#tabsB .current a { background-position: 0% -42px; }
#tabsB .current a span { background-position: 100% -42px; }

/* SECONDARY TABS */
#tabsBX { width: 633px; float: left; line-height: normal; margin: 0; padding: 0; }
#tabsBX ul { margin: 0; padding: 0; list-style: none; width: 100%; }
#tabsBX li { display: inline; margin: 0; padding: 0; }
#tabsBX a { float: left; background:url("tableftBX.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
#tabsBX a span { float: left; display:block; background:url("tabrightBX.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #666666; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsBX a span { float: none; }
/* End IE5-Mac hack */
#tabsBX a:hover span { color: #000000; }
#tabsBX a:hover { background-position: 0% -42px; }
#tabsBX a:hover span { background-position: 100% -42px; }
#tabsBX .current a { background-position: 0% -42px; }
#tabsBX .current a span { background-position: 100% -42px; }

#tabsBX2 { line-height: normal; }
#tabsBX2 ul { float: left; margin:0; padding: 0; list-style:none; }
#tabsBX2 li { display:inline; margin:0; padding:0; }
#tabsBX2 a { float:left; background:url("tableftF.gif") no-repeat left top; background-position: 0 -42px; margin:0; padding:0 0 0 4px; text-decoration:none; }
#tabsBX2 a span { float:left; display:block; background:url("tabrightF.gif") no-repeat right top; background-position: 100% -42px; padding:5px 15px 4px 6px; color: #000000; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsBX2 a span {float:none;}
/* End IE5-Mac hack */
#tabsBX2 a:hover span { color: #666666; }
#tabsBX2 a:hover { background-position:0% 0; }
#tabsBX2 a:hover span { background-position:100% 0; }
#tabsBX2 .current a { background-position:0% -42px; }
#tabsBX2 .current a span { background-position:100% -42px; }
 
 #robhead {
	display: block;
	width: 100%;
	height: 70px;
 }

 #roblogo {
	padding: 1em;
 }
 
 #robcart {
	float: right;
	width: 115px;
	height: 35px;
	margin: 1em;
 }
 
 #verytop {
 margin: 0;
 width: 958px;
 background: #2d78bc;
 height: 15px;
 }
 
 #verybottom {
 margin: 0 auto;
 padding: .3em 0 0 0;
 width: 100%;
 background: #2d78bc;
 height: 21px;
 }
 
 #verybottom a {
 color: #fff;
 text-decoration: underline;
 }
 
 #verybottom a:hover {
 color: #fff;
 text-decoration: none;
 }
 
 #logoarea {
 width: 760px;
 margin: 0 auto;
 padding: .5em 0 .5em 2em;
 }
 
 .spaced td span
 {
 padding: 0 0 0 1em;
 }
 
  /* My own stuff */
  
  .txt 
{
	BORDER-RIGHT:#a3a3a3 1px solid; 
	BORDER-TOP:#a3a3a3 1px solid; 
	BORDER-LEFT:#a3a3a3 1px solid; 
	BORDER-BOTTOM:#a3a3a3 1px solid; 
	background:#ffffff;
	width:180px
}

.txtCaption
{
	color: #3366cc;
	text-decoration:none;
	line-height:15px;
}

.btn
{
	BORDER-RIGHT:#a3a3a3 1px solid; 
	BORDER-TOP:#a3a3a3 1px solid; 
	BORDER-LEFT:#a3a3a3 1px solid; 
	BORDER-BOTTOM:#a3a3a3 1px solid; 
	background:#cccccc;
}
.dd

{
	BORDER-RIGHT:#a3a3a3 1px solid; 
	BORDER-TOP:#a3a3a3 1px solid; 
	BORDER-LEFT:#a3a3a3 1px solid; 
	BORDER-BOTTOM:#a3a3a3 1px solid; 
	background:#ffffff;
}
.TemplateImage
{
	BORDER-RIGHT:#a3a3a3 1px solid; 
	BORDER-TOP:#a3a3a3 1px solid; 
	BORDER-LEFT:#a3a3a3 1px solid; 
	BORDER-BOTTOM:#a3a3a3 1px solid; 

}
.CleanTable {
    margin: 0;
    padding: 0;
    border: 0;
    border-spacing: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
