
/* [ps] ProMOTIONSICKNESS.com
______________________________________________________________________________________________

Fresh Start v.07 Fixed-Width Edition - "Chrome"

(a starter theme for bv commerce 2004)

by cjs. at www.promotionsickness.com

______________________________________________________________________________________________

	__________________________________________________________________________________________	

	THIS MESSAGE MUST REMAIN INTACT:

	This work was created by Cliff Spence at ProMotionSickness.com, but may have been modified

	to fit the design of this website by a third party.  ProMotionSickness.com cannot take

	responsibility for any modified version of this work.  It is licensed under the Creative

	Commons Attribution-ShareAlike License. To view a copy of this license, visit

	http://creativecommons.org/licenses/by-sa/2.0/ or send a letter to:

	Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

	__________________________________________________________________________________________	

	There is no support available for this theme, it's offered 'as is', but if you do have

	a problem or find a bug, leave a comment on the Fresh Start v.07 Fixed-Width Edition section of:

	-> http://freshstart.promotionsickness.com <-

	What is BV Commerce 2004? Find out at www.bvsoftware.com

	Best viewed with Firefox (www.getfirefox.com)

	Need some CSS help?  We've compiled a list of the books and references we've found helpful

	at http://freshstart.promotionsickness.com/resources.html

/* Basic Styles

_____________________________________________________________________________________________ */

body {

  background: #FFF;

  margin: 0;

  padding: 0;

  font: 11px Verdana, Arial, Helvetica, Sans-Serif;

  color: #000;

  letter-spacing: normal;

  background-image:url(bevo_backer.jpg);

  background-position:left;
  background-position:top;
  background-repeat:repeat-x;

  }

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: #994000;

  border: 1px solid #666;

  }

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

___________________________________________________________________________________________ */

/*	_________________________

	Left-Aligned Container */

/*#container {

  margin: 0;

  padding: 0;

  width: 765px;

  background:#fff;

  }*/



			/* ...or... */



/*	___________________________

	Center-Aligned Container */

table#container {

  display: block;

  position: absolute;

  top: 20px;

  left: 50%;

  margin: 0 0 0 -383px;

  padding: 0;

  width: 767px;

  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:170px;

  vertical-align:top;

  text-align:center;

  border-right: 1px solid #eee;

  }

#contentcolumn {

  padding:0px;

  margin:0px;

  width:600px;

  vertical-align:top;

  text-align:left;

  }

  

/*	__________________________

	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: 765px;

  position: relative;

  }

#BrandingArea {

  height:116px;

  width:765px;

  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: 16px; /* 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. */

  text-indent: -9999px; /* This will help hide any text or images that might be a part of your logo. */

  background: transparent url(ScreenLogo.jpg) 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: 765px; /* The exact width of your new logo image. */

  height: 100px; /* The exact height of your new logo image, obviously. */

  }



#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: #CC5500;

  }

#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(FSicons.gif) no-repeat 0px -4px;

  padding-left:20px;

  }

#SiteMenu a#Header_lnkMyAccount,

#SiteMenu a#Header1_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:#fff;

  text-decoration:none;

  padding: 0 0 3px 0;

  }

#ShoppingCartLink a:hover {

  color:#ccc;

  text-decoration: none;

  }



/*	___________

	MiniCart */

#MiniCart {

  position: absolute;

  top: 18px;

  right: 10px;

  color: #000;  

  font: bold 10px/10px Verdana, Arial, Helvetica, Sans-Serif;

  padding: 0;

  }



/* Main Menu

___________________________________________________________________________________________ */

#MainMenu {

  width:765px;

  background: transparent;

  text-align:center;

  }

  

/*	_____________________________

	Top-Banner Categories Menu */

#MenuLevel1, #MenuLevel1 table {

  background: transparent;

  margin: 0 auto;

  background: #CC5500;

  }



/*	______________________________

	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: #CC5500;

  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: #EBBB9B;

  color: #fff;

  line-height: 25px;

  text-align: center;

  }

#MenuLevel1 .MenuItemActive, #MenuLevel1 .MenuItemActive a {

  font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;

  background: #EBBB9B;

  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:765px;

  background: #CC5500;

  }

#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:#EBBB9B;

  text-decoration:none;

  white-space:nowrap;

  }



/* Home Page

___________________________________________________________________________________________ */

#PageHome #MainContent, .HomepageBlock {

  padding:0;

  margin:0;

  }

#HomeTable {

  padding:0;

  margin:0;

  width:765px;

  }

#HomeColumn1 {

  vertical-align: top;

  text-align: left;

  padding: 0 5px;

  width: 170px;

  margin: 0;

  border-right: 1px solid	#eee;

  }

#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;

  }

#HomepageSample1 {

  background: #fff 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 #999;

  font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;

  }



/* 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;

  padding: 0;

  margin: 0;

  width: 150px;

  }

.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;

  }  



/*	_________________________

	Side Bar Menus & Forms */

.CategoryList, .SearchBoxForm, .MailingListSignupForm {

  width:150px;

  padding:0;

  }

.CategoryListContent, .SearchBoxFormContent, .MailingListSignupFormContent {

  padding: 3px;

  margin: 0 0 6px 0;

  text-align: left;

  background: #fff;

  border-left: 1px solid #666;

  border-right: 1px solid #666;

  border-bottom: 1px solid #666;

  }

.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: #666;

  background-color: #fff;

  padding: 1px 6px;

  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: #666;

  background-color: #fff;

  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: #994000;

  font: 11px Verdana, Arial, Helvetica, Sans-Serif;

  }

.CategoryListContent .SubCategory a,

.CategoryListContent .SubCategory a:link,

.CategoryListContent .SubCategory a:visited {

  display: block;

  color: #666;

  background-color: #fff;

  padding: 1px 2px 1px 12px;

  text-decoration: none;

  font: 11px Verdana, Arial, Helvetica, Sans-Serif;
  font-style:italic;

  }

.CategoryListContent .CurrentCategory .SubCategory a,

.CategoryListContent .CurrentCategory .SubCategory a:link,

.CategoryListContent .CurrentCategory .SubCategory a:visited {

  display: block;

  color: #666;

  background-color: #fff;

  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: #666;

  background-color: #EEC7AA;

  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: #999;

  text-align: left;

  display:block;

  background: #eee;

  }

#BreadCrumbs a, #BreadCrumbs a:link, #BreadCrumbs a:visited {

  color: #666;

  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:583px;

  }

#Records table {

  border-top: 1px solid #ccc;

  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 {

  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/12px Verdana, Arial, Helvetica, Sans-Serif;

  text-decoration:none;

  }

.SingleCategoryDisplayname a:hover,

.ListCategoryDisplay a:hover {

  font: normal 11px/12px 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;

  }

.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 {

  width:120px;

  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:160px;

  margin:5px auto;

  vertical-align:top;

  }

.HomepageBlock .SingleProductDisplay {

  display: block;

  text-align:center;

  width:160px;

  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 #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: #E7E7E7;

  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:745px;

  margin:5px;

  }

#CheckoutTable {

  width:745px;

  }

.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: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 #999;

  border-left: 1px solid #999;

  border-top: 1px solid #999;

  border-bottom: none;

  }

#CartUpdateBlock {

  width:500px;

  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:745px;

  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:735px;

  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

___________________________________________________________________________________________ */

.BVText, .CartText {

  font: 11px Verdana, Arial, Helvetica, Sans-Serif;

  color: #666;

  }

.BVSmallText {

  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;

  }

.BVText .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: 360px;

  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: 765px;

  color: #fff;

  padding: 3px 0;

  text-align: center;

  background: #CC5500;

  border-top: 12px solid #EBBB9B;

  }

#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;

  }


