/* 	__________________________________________________________________________________________
Custom FredLake.com Theme
6/21/2005
MJB
help@connectweb.net
__________________________________________________________________________________________
*/
/* Basic Styles
_____________________________________________________________________________________________ */
.SingleCategoryGridDisplayName a,
.SingleCategoryGridDisplayName a:link,
.SingleCategoryGridDisplayName a:visited {
font: normal 11px/20px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.SingleCategoryGridDisplayName a:hover {
font: normal 11px/20px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
/* Area where stamp preview is shown */
#TableTopStamp {
background-color: #ccc;
margin-left: auto;
margin-right: auto;
text-align: center;
}
body {
/*  background: #ccc; */
background: transparent url(bg_tile_2.gif); /*MJB*/
margin: 0;
padding: 25px 1px;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #000;
letter-spacing: normal;
}
p, tr, td, ul, li {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
ul li {
margin:0;
list-style-type: square;
}
h1 {
padding: 0;
margin: 0 0 3px 0;
font: bold 16px Arial, Verdana, Helvetica, Sans-Serif;
color: #666;
border: none;
border-bottom: 1px solid #666;
}
h3 {
padding: 0 3px;
margin: 3px;
font: bold 12px/13px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
h3:before {
content: "\00BB \0020";	/* adds a ">>" before H3s, not visible on IE */
}
h4 {
padding: 3px;
margin: 0px;
font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #fff;
text-align: left;
background: #223640;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #748d99;
border-right-color: #748d99;
border-bottom-color: #748d99;
border-left-color: #748d99;
}
h5, h6 {
padding: 0;
margin: 0;
font: bold 12px/16px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
a, a:link, a:visited, a:active {
text-decoration: underline;
color: #333;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
a:hover {
text-decoration: none;
color: #666;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
cursor: pointer;
}
table td { vertical-align:top; }
img { border: none; }
.hide { display: none; }
option { min-width: 1.5em; }
/* Main Layout
___________________________________________________________________________________________ */
/*	_________________________
Fluid Container */
table#container {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 600px;
background:#fff;
border: 1px solid #333;
}
/*	____________________
Pop-up Containers */
#popupContainer {
width:90%;
padding:10px;
margin: 0 3%;
background: #FFF;
}
/*	_______________________
Pages with a sidebar */
#navcolumn {
margin: 0;
padding: 0 5px;
width:171px;
vertical-align:top;
text-align:center;
border-right: 1px solid #eee;
background: transparent url(nav_bg_1.jpg); /*MJB*/
}
#contentcolumn {
padding:0px;
margin:0px;
vertical-align:top;
text-align:left;
width: 100%;
}
/*	__________________________
Pages without a sidebar */
#page, #pag {
padding:0px;
margin:0px;
background:#fff;
}
/*	________________________________
Content Section on Every Page */
#maincontent {
margin:0px;
padding:5px 10px 10px 10px;
text-align: left;
}
/* Header
___________________________________________________________________________________________ */
#Header {
background: #fff;
padding: 0;
margin: 0 0 5px 0;
width: 100%;
position: relative;
}
#BrandingArea {
height:178px;
width:100%;
background: transparent url(main_masthead_graphic_5-2015.jpg) no-repeat bottom right;
position: relative;
top: 0px; /* Distance from the top of your header. */
left: 0px; /* Distance from the left of your header.  You can also use 'right' if you like, depending on your placement. */
}
/*	___________________
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: 38px; /* Distance from the top of your header. */
left: 15px; /* 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(fllogo.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: 297px; /* The exact width of your new logo image. */
height: 124px; /* The exact height of your new logo image, obviously. */
}
#Logo a:hover { /* Selects the hover for our linked background image. */
background: transparent url(fllogo.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: #666;
}
#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: #fff;
line-height: 12px;
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
#SiteMenu a:hover {
color:#ccc;
text-decoration: none;
}
/* 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(sswicons.gif) no-repeat 0px -4px;
padding-left:20px;
}
#SiteMenu a#Header_lnkMyAccount,
#SiteMenu a#Header1_lnkMyAccount {
background: transparent url(sswicons.gif) no-repeat 0px -24px;
padding-left:20px;
}
#SiteMenu a#Header_lnkCustomerService,
#SiteMenu a#Header1_lnkCustomerService {
background: transparent url(sswicons.gif) no-repeat 0px -44px;
padding-left:20px;
}
#SiteMenu a#Header_lnkSearch,
#SiteMenu a#Header1_lnkSearch {
background: transparent url(sswicons.gif) no-repeat 0px -64px;
padding-left:20px;
}
#SiteMenu a#Header_lnkCart,
#SiteMenu a#Header1_lnkCart {
background: transparent url(sswicons.gif) no-repeat 0px -84px;
padding-left:20px;
}
/*	_______
Down */
#SiteMenu a:hover#Header_LoginStatusControl1_lnkStatus,
#SiteMenu a:hover#Header1_LoginStatusControl1_lnkStatus {
background: transparent url(sswicons.gif) no-repeat 0px -104px;
padding-left:20px;
}
#SiteMenu a:hover#Header_lnkMyAccount,
#SiteMenu a:hover#Header1_lnkMyAccount {
background: transparent url(sswicons.gif) no-repeat 0px -124px;
padding-left:20px;
}
#SiteMenu a:hover#Header_lnkCustomerService,
#SiteMenu a:hover#Header1_lnkCustomerService {
background: transparent url(sswicons.gif) no-repeat 0px -144px;
padding-left:20px;
}
#SiteMenu a:hover#Header_lnkSearch,
#SiteMenu a:hover#Header1_lnkSearch {
background: transparent url(sswicons.gif) no-repeat 0px -164px;
padding-left:20px;
}
#SiteMenu a:hover#Header_lnkCart,
#SiteMenu a:hover#Header1_lnkCart {
background: transparent url(sswicons.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:#fff;
text-decoration:none;
padding: 0 0 3px 0;
}
#ShoppingCartLink a:hover {
color:#ccc;
text-decoration: none;
}
/*	___________
MiniCart */
#MiniCart {
position: absolute;
top: 2px;
right: 120px;
color: #fff;
font: bold 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
padding: 0;
}
/* Main Menu
___________________________________________________________________________________________ */
#MainMenu {
width:100%;
background: transparent;
text-align:center;
}
/*	_____________________________
Top-Banner Categories Menu */
#MenuLevel1, #MenuLevel1 table {
background: transparent;
margin: 0 auto;
background: #999;
}
/*	______________________________
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 {
font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
background: #999;
color: #fff;
line-height: 25px;
text-align: center;
}
#MenuLevel1 .MenuItem a:hover, #MenuLevel1 .MenuItemActive a:hover {
font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
background: #666;
color: #fff;
line-height: 25px;
text-align: center;
}
#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {
font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
background: #666;
color: #fff;
line-height: 25px;
text-align: center;
}
#MenuLevel1 A, #MenuLevel1 A:Hover {
font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
line-height: 25px;
display: block;
padding: 0 8px;
white-space:nowrap;
}
/*	________________________________
Sub-Category Links Under Tabs */
#MenuLevel2 {
width:100%;
background: #666;
}
#MenuLevel2 Table {
margin: 0 auto;
}
#MenuLevel2 .MenuItem {
padding: 2px 10px 0 10px;
background:transparent;
text-align: center;
}
#MenuLevel2 a {
font: 11px/16px Verdana, Arial, Helvetica, Sans-Serif;
color:#fff;
text-decoration:none;
white-space:nowrap;
}
#MenuLevel2 a:hover {
color:#ccc;
text-decoration:none;
white-space:nowrap;
}
/* Home Page
___________________________________________________________________________________________ */
#PageHome #MainContent, .HomepageBlock {
padding:0;
margin:0;
}
#HomeTable {
padding:0;
margin:0;
width:100%;
}
#HomeColumn1 {
vertical-align: top;
text-align: left;
padding: 0 5px;
width: 171px;
margin: 0;
/* border-right: 1px solid	#eee;*/
background: transparent url(nav_bg_1.jpg);
}
#HomeColumn2 {
vertical-align:top;
text-align:center;
padding: 0 5px;
margin: 0;
}
#HomeColumn3 {
vertical-align:top;
text-align:left;
padding: 0 5px;
width: 150px;
margin: 0;
border-left: 1px solid #eee;
}
/* 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: #fff; */
background: transparent url(nav_bg_1.jpg); /*MJB*/
padding: 0;
margin: 0;
width: 171px;
}
.NavColumnBlockContent {
padding: 3px;
margin: 0 0 6px 0;
line-height: 1.1em;
text-align: left;
background: #fff;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
color: #666;
}
/*	___________________________________________
Customer Service & My Account Menu Links */
.NavColumnBlockContent a, .NavColumnBlockContent a:visited, .NavColumnBlockContent a:link {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
text-decoration: none;
list-style-type: none;
margin: 0 0 0 10px;
}
.NavColumnBlockContent a:hover {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #333;
text-decoration: underline;
}
/*------------bottom corporate and customer service navigation----------------*//*RM*/
.navshort  {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 10px;
}
.navshort a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 10px;
}
.navshort a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;
margin: 0px 0px 0px 10px;
}
.navshort a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
margin: 0px 0px 0px 10px;
}
/*	_________________________
Side Bar Menus & Forms */
.CategoryList, .SearchBoxForm, .MailingListSignupForm {
width:171px; /*MJB - affects the width of the nav links column for text only */
padding:0;
}
.CategoryListContent, .SearchBoxFormContent, .MailingListSignupFormContent {
padding: 3px;
margin: 0 0 6px 0;
text-align: left;
/*  background: #fff;*/
/*  background: transparent; /*MJB*/
/* border-left: 1px solid #fff;*//*RM*/
/* border-right: 1px solid #fff;*//*RM*/
/* border-bottom: 1px solid #fff;*//*RM*/
}
.SearchBoxFormContent .FormInput, .MailingListSignupFormContent .FormInput {
border: #666 1px solid;
background: #eee;
color: #666;
padding-left: 2px;
font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
height: 18px;
}
.MailingListSignupFormContent .FormLabel {
font: 10px/12px Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
/*	_________________________
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;
}
.CategoryListContent li { margin: 0; }
.CategoryListContent a,
.CategoryListContent a:link,
.CategoryListContent a:visited {
display: block;
color: #fff; /*MJB*/
background-color: transparent; /*MJB*/
padding: 5px 6px; /*MJB*/
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
.CategoryListContent li li a,
.CategoryListContent li li a:link,
.CategoryListContent li li a:visited {
display: block;
color: #ffff00;
background-color: transparent;
padding: 1px 2px 1px 12px;
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
.CategoryListContent .CurrentCategory a,
.CategoryListContent .CurrentCategory a:link,
.CategoryListContent .CurrentCategory a:visited,
.CategoryListContent .CurrentCategory a:hover {
color: #fff;
background-color: #999;
font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
}
.CategoryListContent .SubCategory a,
.CategoryListContent .SubCategory a:link,
.CategoryListContent .SubCategory a:visited {
display: block;
color: #fff;
/*background-color: #eee; */
background: transparent
padding: 1px 2px 1px 12px;
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
.CategoryListContent .CurrentCategory .SubCategory a,
.CategoryListContent .CurrentCategory .SubCategory a:link,
.CategoryListContent .CurrentCategory .SubCategory a:visited {
display: block;
color: #666;
background: transparent;
padding: 1px 2px 1px 18px;
text-decoration: none;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
.CategoryListContent a:hover,
.CategoryListContent li li a:hover,
.CategoryListContent .SubCategory a:hover,
.CategoryListContent .CurrentCategory .SubCategory a:hover {
color: #fff;
background-color: #999;
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
}
/* Breadcrumbs
___________________________________________________________________________________________ */
#BreadCrumbs {
margin: 0 0 8px 0;
padding: 2px 4px;
font: 10px Arial, Verdana, Helvetica, Sans-Serif;
color: #fff;
text-align: left;
display:block;
/* background: #eee; */
background: transparent url(nav_bg_1.jpg);
}
#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {
color: #ccc;
font: 10px Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
}
#BreadCrumbs a:hover {
color: #999;
font: 10px Arial, Verdana, Helvetica, Sans-Serif;
text-decoration: none;
}
.BreadCrumbTrailSpacer {
font: 8px Verdana, Arial, Helvetica, Sans-Serif;
}
.BreadCrumbTrailNoLink {
}
/* Category Page
___________________________________________________________________________________________ */
#LayoutTable {
width:97%;
}
#Records table {
border-top: 1px solid #ccc;
width:97%;
}
#Records table tr td {
text-align:center;
}
#Records table table {
border:none;
width:100%;
}
/*	____________________________________________________
Category Header (also uses H1 for category title) */
#CategoryBanner {
margin: 3px 0;
}
#Description {
font:12px/14px Verdana, Helvetica, Arial, Tahoma, Sans-Serif;
color:#333;
margin:10px 0;
}
#RecordsFound, #Pager ,#Sorter , #Sorter TD {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
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 {
font: normal 11px/16px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.SingleCategoryDisplayname a:hover,
.ListCategoryDisplay a:hover {
font: normal 11px/16px Verdana, Arial, Helvetica, Sans-Serif;
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 {
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.SingleProductDisplayName a:hover {
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
background-color: #eee;
color: #333;
}
.SingleProductDisplayPrice a,
.SingleProductDisplayPrice a:link,
.SingleProductDisplayPrice a:visited {
font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.SingleProductDisplayPrice a:hover {
font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
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; /*MJB*/
border-bottom: 1px solid #ccc; /*MJB*/
padding-bottom:5px;
}
.DetailProductDisplayName td,
.DetailProductDisplayPrice td,
.DetailProductDisplayDescription td,
.DetailProductDisplayControls td {
text-align:left !important;
float:left !important;
}
.DetailProductDisplayName a,
.DetailProductDisplayName a:link,
.DetailProductDisplayName a:visited {
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.DetailProductDisplayName a:hover {
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
background-color: #eee;
color: #333;
}
.DetailProductDisplayPrice a,
.DetailProductDisplayPrice a:link,
.DetailProductDisplayPrice a:visited {
font: noraml 11px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
.DetailProductDisplayPrice a:hover {
font: noraml 11px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration:none;
}
/*#Records .DetailProductDisplayImage {
margin-right: 300px;MJB
width:120px;
padding-bottom:5px;
float:right;
text-align:right;*/
}
/*	________________
Pricing Links */
a .ListPrice,
a:link .ListPrice,
a:visited .ListPrice { color: #999; }
a .SitePriceDiscounted,
a:link .SitePriceDiscounted,
a:visited .SitePriceDiscounted { color: #f00; }
a:hover .ListPrice { color: #666; }
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:98%;
}
#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 #eee;
}
/*	_________
Styles */
#lblSKU { font-size: 10px; color: #666; }
#productdescription {
padding: 8px;
font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
#imgZoom, #PrintThisPage, #EmailThisPage { margin: 0 0 2px 0; }
#ProductImage a, #ProductImage a:hover { text-decoration: none; }
/*	_______________________
Product Controls Box */
#ProductControls {
margin-top:5px;
border: 3px double #999;
background: #ffc;
padding: 12px 0 0 12px;
}
/*	_____________________
Product Properties */
.ProductPropertyLabel { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }
#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 { font: 11px Verdana, Arial, Helvetica, Sans-Serif; color:#333; }
.SitePriceDiscounted,.YouSave,.ListPrice,.SitePrice { font: 11px Verdana, Arial, Helvetica, Sans-Serif; }
.SitePrice, .ListPrice { color:#666; }
.ListPrice { text-decoration:line-through; }
.YouSave { color:#f00; }
.SitePriceDiscounted { color:#333; }
/*	_________________
Volume Pricing */
#VolumeDiscounts { margin:5px; }
.VolumePricingHeader { background:#999; font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#FFF; }
.VolumePricingText { font: 11px/12px Verdana, Arial, Helvetica, Sans-Serif; color:#666; }
/*	________________
Related Items */
.RelatedItemsBlock {
background: #fff;
margin: 0;
padding: 0 0 3px 0;
background-color: #f5f5f5;
}
.RelatedItemsBlock H3 {
padding: 3px;
margin: 0 0 4px 0;
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
text-align: left;
background-color: #eee;
}
.RelatedItemsBlockContent {
padding: 0 9px;
text-align: center;
}
.RelatedItemsBlock .SingleProductDisplay {
border: 1px solid #ccc;
width:145px;
margin: 0 0 4px 0;
background: #fff;
}
.RelatedItemsBlock .SingleProductDisplayName a,
.RelatedItemsBlock .SingleProductDisplayName a:link,
.RelatedItemsBlock .SingleProductDisplayName a:visited,
.RelatedItemsBlock .SingleProductDisplayName a:hover { font: bold 11px Verdana, Arial, Helvetica, Sans-Serif; }
/*	__________________
Product Reviews */
#ProductReviews {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
margin: 20px 0;
padding: 0 0 3px 0;
}
#ProductReviews H3 {
padding: 3px;
margin: 0 0 5px 0;
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
background: #eee;
}
#ProductReviewNew { margin: 10px 0; }
#ProductReviews a,
#ProductReviews a:link,
#ProductReviews a:visited {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
padding: 3px;
text-decoration: none;
}
#ProductReviews a:hover {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
padding: 3px;
}
.ProductReviewRating {
font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
}
.ProductReview {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
margin: 5px 10px;
border-left: 2px solid #ccc;
padding-left: 4px;
}
.ProductReviewKarma {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
white-space: nowrap;
}
#pnlReviewDisplay {
border: 1px solid #999;
padding: 5px;
}
#pnlWriteAReview textarea {
width: 250px;
height: 150px;
}
/* Checkout
___________________________________________________________________________________________ */
#tblItems {
border: 1px solid #999;
width:98%;
margin:5px;
}
table#dgOrders {
width:100%;
}
#CheckoutTable {
width:98%;
margin: 0 1%;
}
.Header {
padding: 3px;
margin: 0;
font: bold 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #fff;
background: #999;
}
.CheckoutDescription {
font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
/*	_________________
Checkout Steps */
#CheckoutSteps {
padding:5px;
background: #fff;
margin:0;
}
.CheckoutStep {
padding-right:20px;
}
.CheckoutStep a,
.CheckoutStep a:link,
.CheckoutStep a:visited {
font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
color:#999;
white-space:nowrap;
text-decoration:none;
}
.CheckoutStep a:hover {
font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
white-space:nowrap;
text-decoration:none;
}
.CheckoutStep .CheckoutStepCurrent,
.CheckoutStep a:link.CheckoutStepCurrent,
.CheckoutStep a:visited.CheckoutStepCurrent,
.CheckoutStep a:hover.CheckoutStepCurrent {
font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
white-space:nowrap;
text-decoration:none;
}
/*	_____________________
Shopping Cart Page */
#CartTitle {
width:100%;
}
#lblcart {
color: #333;
}
table#CartContainer {
width:98%;
padding:0;
margin:0 auto;
}
table#CartContainer tr td {
vertical-align:middle;
}
#CartItemBlock {
padding:0px;
margin:0px;
}
#CartItemBlock Table {
margin:0px;
width:100%;
border-right: 1px solid #999;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-bottom: none;
}
#CartUpdateBlock {
width:75%;
background:#fff;
margin:0px;
text-align:center;
vertical-align:middle;
}
#CartTotalBlock {
border-bottom: double 3px #999;
border-right: solid 1px #999;
border-left: solid 1px #999;
width:25%;
margin:0px;
padding:5px;
text-align:center;
vertical-align:middle;
}
#lblSubTotal {
font: bold 14px Arial, Verdana, Helvetica, Sans-Serif;
}
#CartCheckoutButtons {
width:98%;
text-align:right;
margin-top:10px
}
.CartItem,
.CartAlternateItem {
padding: 5px;
font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
text-align: left;
border-bottom:1px solid #999;
}
.CartItem { background: #fff; }
.CartAlternateItem { background: #f5f5f5; }
.CartItem a,
.CartItem a:link,
.CartItem a:visited,
.CartAlternateItem a,
.CartAlternateItem a:link,
.CartAlternateItem a:visited {
color: #666;
text-decoration: none;
font-weight: bold;
}
.CartItem a:hover,
.CartAlternateItem a:hover {
color: #333;
text-decoration: none;
font-weight: bold;
}
/*	________________________
Shipping Methods List */
#ShipMethodsList {
border-left: 3px solid #ccc;
margin-left: 8px;
}
/*	__________________
Checkout Styles */
#AddressBookPanel {
width:100%;
margin:0;
}
#AddressList td {
border: 3px double #ccc;
padding: 5px;
}
#AddressList td:hover {
background: #ffc;
}
.ContentBox {
margin: 3px 0px 5px 20px;
text-align:left;
background:#ffe;
border: solid 1px #999;
padding:10px;
}
#CheckoutTotals {
text-align:center;
background:#f5f5f5;
border-left: 1px solid #999;
border-top: 1px solid #999;
border-right: 1px solid #999;
padding:5px;
margin: 0;
width: 172px;
}
#lblGrandTotal {
border-top: 1px solid #ccc;
}
#PlaceOrderCell {
padding:0px;
margin: 0;
text-align:center;
background:#fff;
}
.ControlArea {
border: 1px solid #999;
background: #f5f5f5;
padding:5px;
margin-top:5px;
}
#CheckoutPayment {
background:#f5f5f5;
border: 1px solid #999;
padding:5px;
margin: 0;
text-align:left;
width: 172px;
}
#InstructionsField {
background: #fff;
border: 1px solid #ccc;
width: 100%;
padding:3px;
margin: 3px 0;
}
#OrderItemPreview table {
width: 98%;
}
#OrderItemPreview table table {
width: 100%;
}
#ShipToMultipleAddressesButton { margin: 5px; }
/* Misc Visual Styles
___________________________________________________________________________________________ */
.SSWtext, .CartText {
font: 11px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
.SSWsmalltext {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
color:#666;
}
a#LoginControl1_lnkForgotPassword { text-decoration: none; }
#btnUpdateTotals { background-color: #ffc; }
#PackageList a,
#CheckoutPayment a {
text-decoration: none;
font-weight: bold;
}
.SSWtext .Stories {
text-align: justify;
}
.Item {
padding: 5px;
background: #fff;
font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
text-align: left;
}
.AlternateItem {
padding: 5px;
background: #eee;
font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
text-align: left;
}
.FormTable {
margin: 3px 5px;
}
.contentcell {
width: 50%;
background: #f5f5f5;
border: 3px solid #eee;
}
.FormInput, #inKeyword {
border: #999 1px solid;
background: #fff;
color: #666;
padding-left: 2px;
font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
height: 18px;
}
.ContentCell .FormInput, .ContentCell .FormInputError { width: 200px; }
.FormInput:focus { background: #ffc; } /* changes color of focused input box */
#btnSearch { margin: -2px 0 0 3px; } /* fixes alignment of search button on search page */
.FormInputError {
border: #999 1px solid;
background: #ffb5b5;
color: #333;
padding-left: 2px;
font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
height: 18px;
}
.formlabel {
font: 12px Verdana, Arial, Helvetica, Sans-Serif;
color: #333;
letter-spacing: normal;
}
.CheckoutDescription span.FormLabel label {
background: #ffc;
padding:2px;
}
span.FormLabel label:before {
content: "\00AB \0020";	/* adds a "<<", not visible on IE */
}
.FormLabelStrong {
font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
letter-spacing: normal;
}
span#lblAddress { font: normal 14px/16px Arial, Verdana, Helvetica, Sans-Serif; }
.indent {
margin-left:20px;
}
.Padded {
margin:10px;
}
#dlPolicy, #dlPolicy a, #dlPolicy a:hover {
font: 12px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
.text {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
padding-bottom: 8px;
}
select {
color: #333;
}
a#lnkMyAccount, a:link#lnkMyAccount , a:visited#lnkMyAccount {
font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
color: #666;
}
a:hover#lnkMyAccount {
color: #9f0;
text-decoration: none;
}
/* Various Messages
___________________________________________________________________________________________ */
.ErrorMessage, .ErrorMessage UL {
display: block;
background: transparent;
font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
color: #f00;
}
.SuccessMessage {
display: block;
background:#9f0;
padding: 3px;
color: #333;
font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
text-align: center;
}
.WebPageMessage {
border:solid 1px #f00;
background:#fff;
padding:0;
margin:0;
}
.WebPageMessageError, .WebPageMessageWarning, .WebPageMessageInformation, .WebPageMessageQuestion, .WebPageMessageOK {
padding: 5px;
background-position: 5px 5px;
background-repeat: no-repeat;
}
.WebPageMessage .Message {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
padding: 0 0 0 40px;
height:30px;
margin:0;
color:#333;
}
.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 {
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
clear: both;
margin: 3px 0 0 0;
width: 100%;
color: #fff;
padding: 3px 0;
text-align: center;
background: #999;
border-top: 12px solid #666;
}
#footermenu a {
padding-left:4px;
padding-right:4px;
color: #ccc;
font: 10px Verdana, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
#footermenu a:hover {
color:#fff;
text-decoration: none;
}
#footercustommenu {
padding: 4px 8px;
}
#copyright {
font-size: 10px;
position: relative;
top: 0px;
color: #ccc;
display: block;
padding: 3px;
text-align: center;
}
/* the table in stamp design screens where you enter text for customization */
.ItemCustomTable {
border: 1px solid #000;
width: 90%;
}
.ItemCustomTable td {
margin: 0 5%;
padding: 4;
/*width: 90%;*/
background:#fff;
border: 0px solid #ff0000;
text-align:center;
}
.ItemCustomTable th {
margin: 0 5%;
padding: 4;
/*width: 90%;*/
background:#ccc;
border: 0px solid #000;
}
#thTopBottom, #thEmpty{
margin: 0 0%;
padding: 0;
/*width: 90%;*/
background:#fff;
border: 0px solid #ff0000;
}
.QTYColorTable {
border: 0px solid #ff0000;
width: 420px; /* MJB */
border:1px solid #000; /* MJB */
}
.QTYColorTable td {
margin: 0 5%;
padding: 4;
/*width: 90%;*/
background:#fff;
border: 0px solid #ff0000;
}
.QTYColorTable th {
margin: 0 5%;
padding: 4;
/* width: 90%; */
background:#ccc;
border: 1px solid #fff;
}
.UploadTable {
width: 90%;
border:1px solid #000; /* MJB */
}
.UploadTable td {
margin: 0 5%;
padding: 4;
width: 90%;
background:#fff;
border: 0px solid #ff0000;
vertical-align: top;
}
.UploadTable th {
margin: 0 5%;
padding: 4;
width: 90%;
background:#ccc;
border: 0px solid #ff0000;
}
#tdUpload {
background: #ccc;
}
#ClipartButton {/*MJB */
text-align:center;
margin:4px;
position:relative;
top:-35px;
}
/*
#imgClipArt {
z-index: 3;
top: -59px;
left: 300px;
position: relative;
}
*/
.imgClipArt_signs {
z-index: 2;
top: -50px;
left: 200px;
position: relative;
}
#cmbClipSize {
vertical-align: top;
}
#ScaleLabel {
font-weight: normal;
#UploadImageLable {
font-weight: normal;
}
}
#ColorLabel2 {
font-weight: normal;
}
#AutoNumberLines {
width: 34%;
}
#WizardColorHeader {
background-color: #ccc;
text-align: center;
}
#Choice235 {
width: 250px;
}
/* the tables in the Re-Order Page */
.ReorderMasterTable {
padding: 0;
width: 90%;
min-width: 400px;
background:#bbb;
border: 1px solid #333;
}
.ReorderHeadTable {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#fff;
border: 1px solid #333;
}
.ReorderItemHeadTable {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#bbb;
border: 0px solid #333;
}
.ReorderItemDetailTable {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#f5f5f5;
border: 0px solid #333;
}
.ReorderDivTable {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#fff;
border: 1px solid #333;
}
.ReorderBackGndTable {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#fff;
border: 1px solid #333;
}
.ReorderBackGndTableAlt {
margin: 0 5%;
padding: 0;
width: 90%;
min-width: 400px;
background:#ccc;
border: 1px solid #333;
}
/* Are where stamp preview is shown */
#TableTopStamp {
background-color: #ccc;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/**************************
Chat Styles
**************************/
.FrameBackground {  background: #c2d4e6;}
.Titles {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
.Text {  font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.FormBackground { background: #E6E6E6; }
.FormField {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; }
.ChatBackground {  background: #FFFFFF;}
.ErrorText {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #FF0000}
.usertext {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #003399}
.reptext {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FF0000}
.SystemMsg {  font-family: Tahoma, Verdana, sans-serif; font-size: 12px; font-weight: normal; background-color: #F3F3F3; border: 1px #666666 solid}
.Smalltext {  font-family: Tahoma, Verdana, Arial; font-size: 9px}
.BkgUserChatTop {
background-image: url(../images/chat/bkgUserChatTop.gif);
background-repeat: no-repeat;
background-position: right top;
background-color: #FFFFFF;
border: 1px solid #999999;
}
/**************************
END Chat Styles
**************************/
/****** MJB 5/17/2010 ********/
div#Description #CategoryDescription {
margin-right: 1em;
width: 99%;
}
/****** END MJB 5/17/2010 ********/
/******** Start additions for Tabular List Dividers - ALK - 4/19/2013 ********/
.TableListProduct {
padding-top: 4px;
border-top: 2px dotted #333;
border-right: 1px dotted #aaa;
}
.TableListDesc, .TableListPrice {
padding-top: 4px;
border-top: 2px dotted #333;
border-right: 1px dotted #aaa;
vertical-align: middle;
}
.TableListAdd {
padding-top: 4px;
border-top: 2px dotted #333;
vertical-align: middle;
}
/******** End additions for Tabular List Dividers - ALK - 4/19/2013 ********/
/**** New Shopping Cart **/
div#cartcontainer {
margin:10px 0;
padding:0;
width:80%; /* 800px; */
border:1px #808588 solid; /*MJB Temporary */
}

/* Cart Header */
div#cartheader {
background-color: #808588;
color: #fff;
/* border: 1px black solid; */
font: bold 13px 'Segoe UI', Arial, Helvetica, Sans-Serif;
min-height: 3em;
}
div#cartheaderblank {
background-color: transparent;
float: left;
padding-left: 2px;
}
div#cartheaderimage {
background-color: transparent;
float: left;
padding-left: 5px;
}
div#cartheaderproduct {
background-color: transparent;
float: left;
padding-left: 5px;
}
div#cartheaderprice {
background-color: transparent;
float: left;
padding-left: 5px;
}
div#cartheaderqty {
background-color: transparent;
float: left;
padding-left: 5px;
}
div#cartheadertotal {
background-color: transparent;
float: left;
padding-left: 5px;
}
div#cartheaderdelete {
background-color: transparent;
float: left;
padding-left: 5px;
}
/* END Cart Header */

div.lineitemwrapper {
min-height: 100px;
border-bottom: 1px #808588 dotted;
overflow: auto;
}
div.lineitemalternatewrapper {
min-height: 100px;
background-color: #eee;
border-bottom: 1px #808588 dotted;
overflow: auto;
}

div#tblitems {
height: 100% !important;
}
div#itemsincart {
}

div#cartupdateblock {
float: left;
width: 50%;
margin-top: 1em;
}

div.cartitemcount, div.cartalternateitemcount  {
float: left;
}

div.cartitemqty, div.cartitemtotal, div.cartitemdelete, .cartitemdelete, div.cartitemsku, div.cartitemimage, div.cartitemprice, div.cartitemcount {
float: left;
}
div.cartalternateitemqty, div.cartalternateitemtotal, div.cartalternateitemdelete, .cartalternateitemdelete, div.cartalternateitemsku, div.cartalternateitemimage, div.cartalternateitemprice, div.cartalternateitemcount {
float: left;
}
.cartitemqtyinput {
width: 50%;
}
div#carttotalblock {
float: right;
border-left: 1px #808588 solid;
border-right: 1px #808588 solid;
border-bottom: 1px #808588 solid;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 3px;
}
div#proofchargepnl {
clear: both;
width:75%;
}
div#cartcheckoutbuttons {
width:80%; /* 800px; */
}
/**** END New Shopping Cart ***.

/***bottom-bottom***/