CSS margin: 0 auto; not centering!

Similar Questions

• Page and background not centering

  I am a beginner CSS coder, so I don't know that I did something very stupid:
  
  I have a div wrapper, which is wide 850px. I set the margins to: 0 auto;
  
  It looks good on a Mac in Firefox or Explorer, but seen on IE 5 or 6 on a PC, the background image is disabled and the site is embedded left - not centered.
  
  My header div is 800px wide and centered, and my main contained dive is 800px centered, so the background image of the wrapper appear on the sides and top evenly.
  
  Here's the url: http://www.hudsontrailers.com
  
  Here's the css:
  
  {body
  background-color: #003300;
  Police-family: Palantino "Times New Roman", Times, serif;
  do-size: 1em;
  text-align: left;
  }
  
  {#wrapper}
  background-image: url (.. / images/bkgnd.jpg);
  background-attachment: fixed;
  Width: 850px;
  height;
  margin: 25px auto;
  Padding: 25px 0;
  }
  
  #header {}
  background-color: #003300;
  border-top: medium solid #FFFFFF;
  border-right: medium solid #FFFFFF;
  border-left: medium solid #FFFFFF;
  Width: 800px;
  margin: 0 auto;
  padding: 0;
  
  }
  #main {}
  Clear: both;
  background-image: url (.. / images/images/main_bkgnd.jpg);
  Width: 800px;
  Auto margin: 0;
  padding: 0;
  border-left: medium solid #FFFFFF;
  border-right: medium solid #FFFFFF;
  border-bottom: medium solid #FFFFFF;
  }
  
  Any help would be greatly appreciated.

  Problem solved...

  Added:

  position: absolute;
  left: 50%;
  margin left:-425px;

  to the div wrapper... all goes well now on IE 5 and 6.

  Discovered that I should not include your suggestion to:

  Body {text-align: center ;}}
  #wrapper {text-align: left ;}}

  Thanks a lot for your help!

• Why my logo is not centered?

  I've assigned my logo a class called 'logo' with the left and right margins to auto, but for some reason it is not centering? What is going on?

  zonaproperties.toscawebdesign.com/Test1.htm

  The image should be centered as a result

  .logo img {}

  display: block;

  margin: auto;

  }

• Page not centering and background repeat question in Safari

  I've recently set up a new Web site. It seems to be working and displays well in IE, Chrome and FF. My problem is Safari. The page is not centering (go left) and I'm also having a problem with

  my footer div background image does not repeat. I'm sure it's something simple (that is to say: stupid) I did, but it just escapes me. The other interesting thing is that the background for the footer image

  (which is the image of grass) is actually 1024px wide but it does not fully display, or else it is compress. Here is a link to the Web site. Ideas are appreciated. I use Safari on iPad so

  What counts.

  www.cardinalwood.com

  Donna

  OK, first apology.  I know you said that you were done with it, but I didn't!  It's niggling at me as I read your post.

  If you are still interested, take a look at your page on my test site:

  martcol.co.UK/test/cardinalwood.html

  That's what I did (the CSS is in the head).  moved the footer to the container.  Added the image of the grass to the bottom of the body. tinkered with the width thing.  At the left off the bottom NAV margin.

  This last step to focus correctly. I also put text-align: center on the body.

  I think that's it.  It's rambling abit but makes it very well on my iPhone.

  I'll take the page down in a week or two. I hope you didn't do this to me.

  Martin

• CSS working locally but not on server

  Hey everybody,

  I just finished a website for a client, it all fine links locally on my computer but when I download it, the css stylesheet is not at all related to html files.

  I use dreamweaver CS5

  Here is a link to the site: http://eyeronec.us - the site is about 80% completed

  Here's the style.css

  body{
       font-family:Helvetica,
       Arial, sans-serif; 
       font-size:14px;
       background: #999; /* for non-css3 browsers */
  
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#3333FF'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#3333FF)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #006699,  #3333FF); /* for firefox 3.6+ */ 
  
  }
  
  .small {font-size:10px; color:#333}
  
  div.floating-menu {position:fixed;z-index:100;}
  div.floating-menu a, div.floating-menu h3 {display:block;margin:0 0.5em;}
  
  #container {
       width:810px; 
       margin: 0 auto;
       background-color:#FFF;
  }
  
  #footer {
       width:810px;
       background-color:#FFF;
       text-align:center;
       font-size:10px;
       color:#666;
  }
  
  .main {
       width:95%;
       font-family:Verdana, Geneva, sans-serif;
       padding:20px;
  }
  
  .main h1 {
       size:13px;
       color:#03C;
       text-align:center;
  }
  
  .main h2 {
       size:10px;
       color:#03C;
       text-align:center;
  }
  
  .main h3 {
       size:10px;
       color:#03C;
  }
  
  .main ul {
       padding-left:20px;
  }
  
  /*** 
                                               | Drop menu using css3 | 
  ***/
  
  .menu-nav { 
       position:relative; 
       width:786px; 
       height:50px; 
       font-size:14px; 
       color:#999; 
       margin: 0 auto; 
       margin-top: 20px;
  }
  
  .menu-nav ul { 
       list-style:none; 
       color: #FFF;
  }
  
  .menu-nav ul li {
        float:left; 
        position: 
        relative;
  }
  .menu-nav ul li a { 
       border-right:1px solid #364f87; 
       border-left:1px solid #7189c0; 
       padding:20px; 
       display:block; 
       text-decoration:none; 
       text-align:center; 
       color:#FFF; 
       background: #395593;
       background: 
       -moz-linear-gradient(top, #647db5, #395593);
       background: -webkit-gradient(linear, left top, left bottom, from(#647db5), to(#395593)); 
       text-shadow: 0 -1px 0 #111;
  }
  .menu-nav ul li a:hover { 
       background: #647db5; 
       background: -moz-linear-gradient(top, #395593, #647db5);
       background: -webkit-gradient(linear, left top, left bottom, from(#395593), to(#647db5)); 
       color:#fff;
  } 
  
  .menu-nav ul li ul {
       display: none;
  }
       
  .menu-nav ul li:hover ul {
       display:
       block; 
       position: 
       absolute; 
       top:56px; 
       min-width:200px; 
       left:0; 
       margin-top: -1px;
  }     
  
  .menu-nav ul li:hover ul li a {
       display:block; 
       color:#ffffff; 
       width: 110px; 
       text-align: center;
       border-bottom: 1px solid #283f74;
       border-top: 1px solid #366ea6; 
       background: #364f87;
  }
  
  .menu-nav ul li ul li:first-child a {
       border-top:none;
  }
  
  .menu-nav ul li ul li:last-child a {
       border-bottom-left-radius: 5px; 
       border-bottom-right-radius: 5px; 
       -moz-border-radius-bottomleft: 5px; 
       -moz-border-radius-bottomright: 5px; 
       -webkit-border-bottom-right-radius: 5px; 
       -webkit-border-bottom-left-radius: 5px; 
  }
       
  .menu-nav ul li:hover ul li a:hover { 
       background:#395593; 
       color:#ffffff; 
  }
  
  #footer-space {
       background: #000;
       padding:50px;
       margin-top:250px;
  }
  
  #footer-space a {
       color:#2C6996;
       font-size:24px;
       text-decoration:none;
  }
  
  #footer-space a:hover {
       color:#FF0;
  }
  
  #footer-space span {
       color:#fff;
  }
  

  and here is the top of the web pages linked too the style.css file

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <link rel="stylesheet" type="text/css" href="/style.css"/>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>EyeRonec International - Home Page</title>
  </head>
  <body>...
  

  I don't see what the problem is... its been really doing my head in the morning.

  I really appreciate the help in advance.

  Thank you very much

  Scott_EyeRonec wrote:

  I don't see what the problem is... its been really doing my head in the morning.

  I know what the problem is.  You do not have a style.css file in your folder root (see the name exactly!).  I suggest you copy your style that you gave above to a text file and save it as: styles.css.  When you have done that, upload it to your folder root (essentially in the same folder as your index.html).  Reload your page and see what happens.  Post back with a new link.

  Please also explain what a {www.care.cc} has to do with your site.  I'm not a link it here because it seems to be a spam.

  HTH

• Web site is not centered in Mozilla Firefox

  Hello

  Our Web site was designed by a developer with whom we come into contact with. There is a small problem and we just have to understand how to solve it if we turn helps it.

  When you open our website http://nflalumnisouthflorida.org in Internet Explorer, it is well aligned to the center of the page, however when we open in Mozilla Firefox it appears on the left side.

  I don't know that it's a mere oversight when it was developed, however we cannot find the appropriate line in the code to fix this.

  Help, please.

  Thanks in advance for your attention and help,
  South Florida Chapter of the old NFL team

  You must apply this rule to the Table #container element (body > div table) or add it to the style sheet included.

  • http://nflalumnisouthflorida.org/styles/styles1.CSS

  #container {
  	border: thin solid #000000;
  	width: 760px;
  	height: 1px;
  	margin-left: auto;
  	margin-right: auto;
  }
  

  Also check the page source as there seems to be a lot or labels marked in red indicating an error.

  • Firefox > Web Developer > Page Source
  • Tools > Web Developer > Source of the Page (Ctrl + U)

  If you place such a red tag, you get a ToolTip with some information.

• My fluid grid divs are slightly to the right and not centered

  I use CS6 and grids of fluid to make my mobile friendly Web site. The problem I have is that, for some reason, some of my divs (the ones I check to start on a new line) are off-center and appear to be too far to the right. But the one I unchecked to start on a new line so that it snaps up next to the one above when displayed on a shelf or desktop version is perfectly centered. I've looked everywhere and I can't find why it's happening. Here is a screenshot of the problem. You will see the second image with (about Writeaholics div), is centered. If anyone knows what's the problem and has a solution I would be eternally grateful. Thank you.

  

  I removed the padding and everything is fine

  #header {}

  Clear: both;

  float: left;

  left margin: 0;

  Width: 100%;

  display: block;

  background-color: #ffdf80;

  / * padding-left: 5px; * /

  / * right padding: 5px; * /

  margin: 0 auto;

  }

• Body {margin: 0px ;} does not?}

  Hello

  I want to delete lines that are at the top and at the bottom (top and bottom margin?), so I added this property:

  
  

  body {
      margin: 0px;
  }
  
  

  But the problem is still there:

  

  

  Also, I tried with: padding: 0px; or simply with margin:0 auto; and it didn't work.

  
  

  Do you know what could be the problem?

  
  

  Also, here is the HTML structure:

  
  

  <!doctype html>
  <html>
       <head>
       <meta charset="utf-8">
       <title>Example</title>
       <link href="styles/highway.css" rel="stylesheet" type="text/css">
  </head>
  <body>
       <div id="wrapper">
            //some other html elements are here...
       </div>
  </body>
  </html>
  
  

  And here's the CSS:

  @charset "utf-8";
  @import url("../webfonts/OpenSans_Regular/stylesheet.css");
  
  #wrapper {
      width: 1200px;
      background-color: #FFFFFF;
      margin-left: auto;
      margin-right: auto;
  }
  
  body {
      color: #202020;
      background-color: #C54786;
      font-family: "OpenSans Regular", "Gill Sans MT", Arial, "Times New Roman", sans-serif;
      margin: 0px;
  }
  
  
  

  Thanks in advance!

  It seems to me as a collapse of a margin

  or tag with the white content area. If it is, add something like...

  border-top: 1px solid white;

  the white content area is a way to fix it.

  Or removing the margin-top of the

  or tag used...

  margin-top: 0;

  Here is some info on the collapse of the margin: margins collapse - SitePoint

  The part with the margin collapsing between Parent and child elements button on it.

• Time is not centered on the screen

  Since the upgrade to iOS 10 time is not centered when I turned my iPad to landscape mode.  It is shifted to the left, it's just something cosmetic but it is ugly.

  Apple has done that you think is because there is nothing of what everyone here, yourself included, can do about it.

  http://www.Apple.com/feedback/iPad.html

• OfficeJet 6500 e709: prints w / scale on the left margin and does not print right side of the page

  Prints with a wide margin and does not print the last 2 "or 3" on the right side of the page. This occurs even when the value of the left margin to little or none.

  HP trouble shoot said there is nothing wrong and test page prints fine.  Then back to the problem so try to print.

  HI @philg2,

  I see your thoughts produce a wide margin left and right of the page is cut off. What program are you printing from, and this occurs when you print from all programs or just a particular program?

  I see your post that this is not happening when you print a test page, so I think the problem is somehow related to the driver or program that you use. Let's start with the HP print and Scan Doctor is a free utility (tool) that allows to quickly resolve problems printing, scanning and connectivity, including but not limited to:

  • Connectivity:

    USB: Check that the USB connection from your computer to the HP product works properly.

    Network: Verifies that the network connection between your computer and your network is working properly.

  • Device Status Test: checks the errors of the device, such as paper, paper jams, stands transport and paper issues and provides instructions to resolve the error.

  • Driver: checks the driver missing or corrupt files.

  • Device Manager: check the problems in Device Manager that could prevent printing.

  • Device online: check if the product has been suspended or put in offline and then sets the State back in line if necessary.

  • Print queue: checks and clears pending print jobs in the print queue (a newspaper for printing waiting to print).

  • Port Match: check the port settings for the HP product.

  • Device conflicts: check the conflicts with other drivers, such as the other brands of printers.

  • Ink issues: check the cartridges and the ink levels for issues that affect the print quality.

  • Print settings: check and adjust the print quality settings.

  • Test print: print a test page for the assessment of the print quality and provides options for cleaning and if necessary print head alignment.

  • Scan tests: check the scanning mechanism, drivers, and registry entries.

  Source:try the HP Print and Scan Doctor for Windows

  Click here to download and run the print and Scan Doctor > > www.hp.com/go/tools

  If this does not resolve the problem, after back and let me know if there are all the symbols except the Green checkmarks and what they are next of course. The key is not always easy to identify the key and check mart are in the green circle.

  • If you see only the Green checkmarks (), the tool did not find any problem.

  • If you see green sides (), the utility identified a problem and fix it automatically.

  • If you see yellow exclamation points (), the test failed and requires monitoring of the user, but the step was ignored.

  • If you see a red X (), follow the onscreen instructions to fix the problem.

  Thanks, I look forward to hearing back on your part.

• The screen is not centered!

  I can't read the first 3 letters (about) what anyone on the left side of my screen. The picture on my Dell monitor is not centered. There is a vertical black band of half an inch on the right side and the left side is cut by about the same amount.  Any suggestions?

  Hi Fred

  This sounds like a problem that can be corrected with the control buttons on the monitor.

  See the documentation for the monitor for instructions.

  Tell us what you find.

  Concerning

• Smartphone-Version of the site is not centered

  Hello everyone,

  I have a problem with my site

  www. imagesachen.de

  It works very well in the PC Version, everything is centered, but in the Version mobile seemed tilted on the left side

  or in other words, it is not centered more.

  Does anyone have an idea how to solve this problem?

  Thank you!!

  Wolfram

  In Unlike desktop browsers, mobile browsers are trying to show what is on the page and viewable!

  Check, if there are elements that overlap the limits of point of stop/page or are placed outside these limits. Check this box on layout and master pages.

  How to: Zoom out considerably and do a 'select all' (CDM + A)

  If there is no element on the outside, try to remove your 3rd party widgets (if there is).

• The poster image not centering in the browser

  My image of the poster (for display in IE8) is not centered in the browser window. This is the view as aligned with a big gap to the right of the image on the left. How can I fix it?

  Or I could (which I just discovered) just take my OAM file and place it in a page of Muse, thus ensuring that everything goes as it should.

  Thanks for chiming in well!

• Why is my cleat centre in my title not centered?

  I creates a few ending for my film credits and set up of the tabs to allow me to have two columns as well as the topics centered text. Aligned to the left and right tabs work fine, but the Center tab does not work properly. The only thing that seems to be centered is the first letter of the line!

  I've attached a screen so you can see what is happening. 'The bosses of Bar' section is the text obviously not centered mostly on the Center tab, but the same thing happens with the "Casting" section above it. I've included the tab stops display as well as the tab stops dialog box to show I created correctly.

  Does anyone else have this problem? What can I do about it?

  

  If you want centered Cast you need to set the alignment of the text in the Center.

  But who will mess up of the left and right column.

  So do separate boxes for the casting, the Bar Patrons with the centered text.

  

• CSS HELP! IT IS NOT CENTERING BACKGROUND

  OK my page's work perfidy everywhere but not in Internet Explorer... I want the background to be centered and fixed also (so it does not scroll), everything I try send page wach hole or it alings he left

  CSS:

  /*****************************************/

  /*************** RESET CSS ***************/

  /*****************************************/

  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td, ht ml, label, table, tr, td {margin: 0; padding: 0 ;}}

  table {border-collapse: collapse; border-spacing: 0 ;}}

  fieldset, img, an img,: link, img: visited img {border: 0 ;}}

  address, caption, cite, dfn, code, var, th {make-style: normal; make-weight: normal ;}}

  OL, ul {list-style: none ;}}

  Caption, th {text-align: left ;}}

  H1, h2, h3, h4, h5, h6 {make-size: 100% ;}}

  q: before, q: after {content: ";}}

  / * Site * /.

  {body

  Background: #2 c 2825 url(images/topBg-repeat.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-attachment: fixed;

  font: 12px / 1.46 Verdana, Verdana, Geneva, without serif.

  margin: 0;

  Color: #000;

  text-align: center;

  }

  TD {make-size: 1em ;}}

  form {}

  Display: inline;

  margin: 0;

  padding: 0;

  }

  H1 {make: normal 1.5em Arial, Helvetica, without serif; color: #0f0f0f;}   }

  H2 {make: normal 1.3em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

  H3 {make: normal 1.1em Arial, Helvetica, without serif; color: #0f0f0f;}  padding-bottom: 20px; }

  {H2. Header}

  color: #484848;

  padding: 10px;

  background-color: transparent;

  make-weight: bold;

  }

  {p}

  padding-bottom: 10px;

  padding-left: 20px;

  }

  an img {border: 0 ;}}

  a: link {color: #493933 ;}}

  a: visited {color: #493933 ;}}

  a: active {color: #bbb0a8}

  a: hover {color: #bbb0a8 ;}}

  . Clear {clear: both; font-size: 0em; height: 0em ;}}

  .floatRight {float: right ;}}

  .floatLeft {float: left ;}}

  . AlignRight {text-align: right ;}}

  . AlignLeft {text-align: left ;}}

  .AlignCenter {text-align: center ;}}

  .margincenter {auto margin: 0 ;}}

  . Small {make-size: .9em ;}}

  . Smaller {make-size: .8em ;}}

  . Smallest {make-size: .7em ;}}

  signs {size are: 1.1em ;}}

  .larger {size are: 1.2em ;}}

  .largest {size are: 1.3em ;}}

  . Bold {make-weight: bold ;}}

  . Italic {make-style: italic ;}}

  .red {color: #dd0000 ;}}

  . Blue {color: #0000ff ;}}

  . Grey {color: #999999 ;}}

  . NoWrap {white-space: normal ;}}

  . Link-pipe {color: #999999 ;}}

  .input_error {border-color: #cc0000 #ff0000 #ff0000 #ff0000 ;}}

  Select {}

  border-width: 1px;

  border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

  padding: 1px 2px;

  }

  . Error-message {}

  padding: 4px;

  text-align: center;

  Width: 60%;

  Auto margin: 0;

  color: #dd0000;

  make-weight: bold;

  }

  . LOGN .error-message,

  . AFCL .error-message,

  . ORDL .error-message {}

  margin: 12px 24 PX.

  Width: auto;

  }

  any intelligence-message {}

  padding: 4px;

  text-align: center;

  Width: 60%;

  Auto margin: 0;

  color: #0000dd;

  }

  . LOGN all intelligence-message {}

  margin: 12px 24 PX.

  Width: auto;

  }

  TD. Field textarea {}

  Width: 200px; height: 100px;

  }

  . TextField, select, textarea,

  #tax - fields of entry {} .form_row

  border-width: 1px;

  border-style: solid;

  border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

  padding: 1px 2px;

  Police: normal Arial, Helvetica, Verdana, without serif 1em;

  }

  . TextField, textarea {}

  Width: 140px; height: 18px;

  }

  button {}

  border: none;

  background-color: #9c1f1c;

  color: #ffffff;

  font-size: .9em;

  padding: 3px;

  margin: 0;

  cursor: pointer;

  Width: auto;

  overflow: visible;

  }

  {#site-container}

  Width: 960px;

  Auto margin: 0;

  text-align: left;

  border-collapse: collapse;

  }

  #bottom-wrap {clear: both; font-size: 0em; height: 0em ;}}

  / Top Navigation * bar * /.

  {#-barre of navigation

  Background: #fff url(images/mainNav-bg.jpg) no-repeat center;

  height: 41px;

  line-height: 0;

  margin-bottom: 20px;

  margin-top: 16px;

  padding: 10px;

  }

  bar of navigation-# ul {}

  Auto margin: 0;

  padding: 8px 0 0 0;

  Width: 560px;

  Clear: both;

  }

  bar of navigation-# li {}

  color: #ffffff;

  list-style: none;

  line-height: 12px;

  float: right;

  text-align: center;

  margin: 0 2px;

  Police-weight: normal;

  }

  navigation bar-# li.navigation - point-on {}

  navigation bar-# li.navigation - point-off}

  / * tab padding * /.

  bar of navigation-# li div div {padding: 5px 18px ;}}

  / * tab off images side * /.

  li.navigation - point-off div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

  li.navigation - point-off div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

  / * tab on the side images * /.

  li.navigation - point-on div.item - left navigation #-barre {background: transparent url() in top left no-repeat scroll ;}}

  li.navigation - point-on div.item - right navigation #-barre {background: transparent no-repeat scroll top right ;} url()}

  / navigation bar links * /.

  navigation bar-# li a: link,.

  navigation bar-# li a: visited,

  navigation bar-# li a: hover,

  #-barre of navigation li a: active {}

  color: #fff;

  text-decoration: none;

  }

  {} #nav - box

  #nav - search {}

  {#nav} - basket

  {#nav} - account

  {} #nav - all - products

  {#nav} - showcase

  / * Left navigation * /.

  {#left-navigation}

  padding: 10px 10px 20px 10px;

  vertical-align: top;

  Width: 200px;

  }

  / * Column Pages * /.

  . One-column #left navigation {display: none ;}}

  . One-column #main - content {padding: 20px; width: 940px ;}}

  #shipping - payment .form_row {text-align: left ;}}

  {#category-tree}

  background-color: #e3dad4;

  padding: 10px;

  }

  {#category - tree - top - image}

  Width: 218px;

  }

  {#category - tree - low - image}

  background: transparent url(images/footer-bottom-bg.jpg) low no-repeat;

  padding-bottom: 29px;

  }

  #category - tree {}

  Display: block;

  text-decoration: none;

  color: #0f0f0f;

  do-size: 12px;

  }

  {div #category - tree}

  border-bottom: 1px solid #eee8e5;

  padding: 10px 0;

  }

  tree-category # level - 1 {a}

  padding: 4px 6px 4px 0;

  background: transparent url() right no-repeat;

  }

  #category - tree level-2 a {padding: 4px 6px 4px 20px ;}}

  #category - tree level-3 a {padding: 4px 6px 4px 30px ;}}

  #category - tree level-4 a {padding: 4px 6px 4px 40px ;}}

  #category - tree level-5 a {padding: 4px 6px 4px 50px ;}}

  #category - tree level-6. a {padding: 4px 6px 4px 60px banner ;}}

  #category - tree div.active End Sub

  {#category-tree-header}

  background: top url(images/categoryTitle-bg.jpg) no-repeat scroll Center;

  height: 46px; Width: 218px;

  padding-bottom: 20px;

  }

  {#category - tree - footer

  background: url(images/catTreeSocialFooter-bg.jpg) no-repeat scroll center top transparent;

  height: 200px;

  Padding: 60px banner 0 0 20px;

  Width: 199px;

  margin-top: 15px;

  }

  #category - tree - Footer img {}

  Width: 35px; height: 35px;

  margin-left: 5px;

  }

  {img.social - icons-first #category - tree - footer

  margin-left: 25px;

  }

  / * Content * /.

  {#content container}

  Clear: both;

  margin: 0;

  background-color: #fff;

  }

  {#main - content

  vertical-align: top;

  Width: 730px;

  }

  / * Header/footer global * /.

  {#global-in-head}

  background: url() not high repetition;

  }

  #logo {}

  height: 79px;

  Width: 213px;

  }

  #logo a {}

  Background: URL(images/logo.gif) no-repeat scroll left top transparent;

  cursor: pointer;

  Display: block;

  height: 79px;

  Width: 320px;

  }

  {#search}

  float: right;

  Padding: 40px 10px 4px 0;

  }

  {#header-links}

  float: right;

  Padding: 40px 12px 0 0;

  line-height: 22px;

  color: #ededed;

  text-align: right;

  }

  {#header-links}

  color: #fff;

  }

  {#global-footer}

  border-top: 1px solid #dbcfca;

  margin: 60px banner 0;

  padding-top: 20px;

  text-align: center;

  }

  #footer - links {}

  color: #bbb0a8;

  }

  #footer - links ul {}

  font: normal .9em Verdana, Helvetica, Arial, without serif.

  margin: 8px 0;

  padding: 0;

  }

  #footer - links ul li {}

  list-style-type: none;

  border-left: 1px solid #bbb0a8;

  padding: 0 2px 0 6px;

  margin: 0;

  text-align: center;

  Display: inline;

  }

  #footer - links li.first - child ul {border: 0 ;}}

  #global-footer #footer - links #footer - plan of the site-link {display: none ;}}

  {#miva-link}

  do-size: .8em;

  margin: 16px 0;

  }

  #miva - link has {color: #999999 ;}}

  #-l ' the page header {clear: both ;}}

  page #-pied {clear: both ;}}

  {#maintenance}

  color: #dd0000;

  make-weight: bold;

  }

  / * ACAD, CADE, AFAD, DAVID, OFC * /.

  {.logout-link

  margin: 12px 0;

  float: right;

  }

  #customer - the label fields.

  {label #affiliate - fields}

  Clear: both;

  float: left;

  padding: 2px 5px 3px 0;

  text-align: right;

  white-space: nowrap;

  Width: 170px;

  }

  label #affiliate - commissions,.

  . {Label editable OSEL .not}

  float: left;

  Width: 120px;

  make-weight: bold;

  text-align: right;

  padding: 0 6px 0 0;

  }

  #customer - input.textfield fields,

  #affiliate - input.textfield fields,

  #tax - input fields,

  #affiliate - div.form_row div commissions,

  div.form_row. fix div {}

  Width: 170px;

  margin: 0 4px 0 0;

  }

  #affiliate - commissions div.form_row div {float: left ;}}

  #customer - select fields.

  #affiliate - fields select {}

  Width: 176px;

  margin: 0 4px 0 0;

  }

  #login-details.

  {#affiliate-Info}

  margin: 16px 0 0 0;

  }

  #affiliate - commissions .form_row {margin: 0 8px 0 0;}

  . {#Affiliate - AFAD fields

  Width: 50%;

  Auto margin: 0;

  }

  . Contact-DAVID #affiliate - #affiliate fields,

  . DAVID #affiliate - #affiliate - commissions {} fields

  float: left;

  Width: 50%;

  }

  {.affiliate-code #affiliate - commissions}

  Width: 230px! important;

  }

  {#affiliate - image #affiliate - commissions}

  Width: 236px! important;

  overflow: auto;

  }

  #affiliate-terms {margin-left: 155px ;}}

  #affiliate - .form_row {div. fix fields

  margin: 0 8px 0 0;

  padding: 2px 0 0 0;

  }

  except-button,

  continue-button {}

  Clear: both;

  text-align: right;

  Padding: 24 PX 0 0 0;

  }

  .required {make-weight: bold ;}}

  {H2. Fields-topic

  background-color: #68635f;

  color: #fff;

  margin: 0 12px 0 0;

  padding: 4px 4px 4px 12px;

  }

  .address2-label {margin: 0 14px 0 0;}

  . Controls {}

  Police: normal Verdana, Helvetica, Arial, without serif .7em;

  visibility: hidden;

  }

  #customer - fields .controls label {}

  float: none;

  }

  #ship-to,.

  Bill - to # {}

  Width: 50%;

  float: left;

  }

  #ship - to input.checkbox h2,

  #bill - h2 {input.checkbox}

  margin: 0 2px 12px 0;

  padding: 0;

  Width: 13px;

  height: 13px;

  overflow: hidden;

  }

  div. Invalid input.textfield,

  div. Invalid select,

  #tax - fields of entry {} div.invalid

  border-color: #cc0000 #ff0000 #ff0000 #ff0000.

  }

  tag div. Invalid {color: #dd0000 ;}}

  . Warning-message {}

  padding: 4px;

  text-align: center;

  Width: 60%;

  Auto margin: 0;

  color: #dd0000;

  }

  #customer - fields.editable .form_row,

  {.form_row #affiliate - fields.editable}

  margin: 6px 0 0 0;

  text-align: left;

  }

  #customer - fields.non-{editable .form_row

  margin: 0 4px 0 0;

  text-align: left;

  }

  #customer - editable fields.non-etiquette.

  #affiliate - fields.non-{editable label

  margin: 0 0 0 30px;

  padding: 0 4px 0 0;

  make-weight: bold;

  Width: 110px;

  text-align: right;

  float: left;

  Clear: both;

  white-space: nowrap;

  }

  #customer - fields.non - editable .form_row div,.

  #affiliate - fields.non - editable .form_row div {}

  float: left;

  }

  {#update-record}

  Clear: both;

  margin: 0 0 24 PX 24 PX.

  }

  label fields .tax {make-weight: bold ;}}

  / * LOGN, AFCL, ORDL ORHL * /.

  . AFCL #main - happy,

  . LOGN #main - happy. {#Main - content ORHL

  Width: 940px;

  }

  . ORHL #main - content {}

  . ORDL #main - content {padding: 28px 16px ;}}

  . AFCL hickiing,

  . LOGN hickiing {}

  float: left;

  height: 220px;

  Width: 49%;

  text-align: center;

  }

  . Hickiing {} ORDL

  float: left;

  height: 220px;

  Width: 33%;

  }

  . .Lookup-section {} ORHL

  float: left;

  height: 220px;

  Width: 50%;

  }

  . {.signin-section ORHL

  float: left;

  height: 220px;

  Width: 48%;

  }

  . Lookup-section .form_row {}

  . SignIn-section .form_row {}

  hickiing h3,

  . Lookup-section h3,

  . SignIn-section h3 {}

  text-align: center;

  padding-bottom: 10px;

  }

  {.form_row}

  margin: 6px 0 0 0;

  text-align: center;

  }

  . Label LOGN,

  . Label ORDL,

  . {Label AFCL

  Clear: both;

  Width: 80px;

  padding: 3px 5px;

  }

  . {Label ORHL

  Clear: both;

  padding: 3px 5px;

  text-align: right;

  white-space: nowrap;

  Width: 90px;

  }

  . Grey-border-right {border-right: 1px solid #cccccc ;}}

  . LOGN-entry {width: 120px ;}}

  {# key invalid

  Width: 23px;

  float: left;

  margin: 0 4px 0 0;

  border-width: 1px;

  border-style: solid;

  border-color: #cc0000 #ff0000 #ff0000 #ff0000.

  }

  {}. sign-in-buttons

  text-align: center;

  margin: 12px 0 0 0;

  }

  {forgot password

  font-size: .9em;

  text-align: center;

  margin: 12px 0 0 0;

  }

  / * BASK, ASTC, OPAY, OSEL SE * /.

  #basket - happy. non-modifiables.

  #basket - happy .editable,

  {Table #order - summary

  Width: 100%;

  border-left: 1px solid #d6d6d6;

  border-top: 1px solid #d6d6d6;

  margin-top: 10px;

  }

  #basket - happy. editable non-table.

  table #basket - happy .editable,

  {Table #order - summary

  border-collapse: collapse;

  Width: 100%;

  }

  #basket - happy editable .non-td,

  TD #basket - happy .editable

  #order - content td {}

  background-color: #fff;

  border-bottom: 1px solid #d6d6d6;

  border-right: 1px solid #d6d6d6;

  vertical-align: top;

  Padding: 6px;

  Police: normal 1em Arial;

  }

  #basket - table of contents table tr.basket - section td,

  #basket - table of contents table tr.basket - section td,

  #order - summary table tr.heading td {}

  background-color: #68635f;

  color: #fff;

  make-weight: bold;

  text-align: center;

  do-size: 1em;

  white-space: nowrap;

  }

  #Basketball-content .basket-Qty-input {width: 34px ;}}

  #Basketball-content .item - delete {}

  Width: 8%;

  vertical-align: middle;

  }

  #basket - table of contents table .basket-section name - td.item {}

  text-align: left;

  }

  #basket - happy .editable .item-quantity {}

  Width: 13%;

  text-align: center;

  white-space: nowrap;

  }

  #basket - happy .non-{.item-editable quantity

  Width: 6%;

  text-align: center;

  }

  #Basketball-content .item-name options .item {padding-left: 16px ;}}

  #basket - happy. fix .item-name {width: 59% ;}}

  #basket - happy .editable .item-name {width: 66% ;}}

  #basket - materials td.item - name {text-align: left ;}}

  # price-.item-basketball-content {}

  Width: 10%;

  text-align: right;

  white-space: nowrap;

  }

  #basket - content total .item {}

  Width: 10%;

  text-align: right;

  }

  #basket - .basket-cost materials .charge-description,.

  #Basketball-content .basket-loads load .formatted {}

  make-style: italic;

  text-align: right;

  white-space: nowrap;

  }

  #basket - #basket summary - totals .formatted-total,.

  #basket - #basket - total summary .total-speedy {}

  make-weight: bold;

  text-align: right;

  }

  #Basketball-content .item-options td {}

  .go .item-quantity {width: 8%! important ;}}

  .go .item-name {width: 64%! important ;}}

  #fields-key {margin: 16px 0 ;}}

  .go-button {}

  margin: 12px 10px;

  text-align: right;

  }

  #payment-{} input fields

  border-width: 1px;

  border-style: solid;

  border-color: #333333 #bbbbbb #bbbbbb #bbbbbb.

  padding: 1px 2px;

  Police: normal Arial, Helvetica, Verdana, without serif 1em;

  }

  {label #payment - fields}

  white-space: nowrap;

  text-align: left;

  padding: 3px 5px 3px 0;

  Clear: both;

  margin: 2px 0 0 0;

  }

  # fields - payment td {}

  padding: 0 6px 0 0;

  }

  #shipping - payment .form_row {margin: 10px 0 0 0 ;}}

  {label #shipping - payment}

  float: left;

  Width: 65px;

  white-space: nowrap;

  text-align: left;

  padding: 3px 5px 3px 0;

  Clear: both;

  margin: 2px 0 0 0;

  }

  . OSEL .continue-button,

  . OPAY .continue-button {}

  margin: 0 12px 0 0;

  }

  . OFC #basket - content {margin: 32px 0 0 0 ;}}

  . OPAY .fields-key {margin: 16px 0 0 0;}

  fields-payment # .form_row {margin: 10px 0 0 0 ;}}

  #customer - fields. fix {margin: 32px 0 0 0;}

  #basket - happy. fix {32px margin: 16px 0 0 ;}}

  / * SRCH, PLST, CTGY, OUS1, OUSM * /.

  . Categoy-registration

  . All products,

  product related,

  *.search-results {}

  Clear: both;

  }

  . Product-item {}

  float: left;

  padding: 0 20px 10px;

  Width: 215px! important;

  }

  {.padding .product-point

  background-color: #fff;

  height: 300px;

  overflow: hidden;

  padding: 20px 10px;

  text-align: center;

  color: #484848;

  border: 1px #dbcfca solid;

  }

  previous-next-.product {}

  Clear: both;

  margin: 12px 0;

  }

  . CTGY .product-details,

  . PLST .product-details,

  . SRCH .product-detail {}

  overflow: hidden;

  text-align: center;

  color: #493933;

  padding: 0;

  margin: 0;

  }

  . Product-point .product-thumbnail {}

  margin: 0 12px 0 0;

  text-align: center;

  }

  . Product-point .product-thumbnail img {}

  border: 0px solid #D6D6D6;

  Max-width: 190px; height: 165PX;

  }

  {.purchase-buttons

  text-align: center;

  margin: 16px 0 0 0;

  }

  . Purchase-buttons input.button {}

  margin: 0 0 0 17px;

  padding: 5px;

  float: left;

  }

  {td.item - .line-point buttons

  white-space: nowrap;

  }

  . Item-buttons input.button {}

  float: left;

  margin: 0 0 0 5px;

  padding: 5px;

  }

  . Point-line tr.header - line td {make-weight: bold ;}}

  {.thumbnail-non-availability

  Display: block;

  Width: 110;

  height: 110px;

  background: transparent url() no-repeat scroll left top;

  Auto margin: 0;

  }

  {image-no-availability

  Display: block;

  background: transparent url() no-repeat scroll left top;

  }

  . Next-previous {margin: 12px 0 0 0 ;}}

  . Next-button {float: right ;}}

  . Previous-button {float: left ;}}

  . Search-new {margin: 0 3px 10px;}

  . {#Main - content OUS1

  padding-left: 225px;

  padding-right: 225px;

  }

  . Upsale-section {text-align: center ;}}

  . OUS1 .product-thumbnail {}

  float: left;

  height: 300px;

  Max-width: 300px;

  text-align: center;

  padding: 0 20px 0 0;

  }

  . OUS1 .product-description {margin: 16px 0 0 0 ;}}

  . OUS1 .thumbnail-non-availability {auto margin: 16px ;}}

  . {#Main - content OUSM

  padding-left: 160px;

  padding-right: 160px;

  }

  {.upsale-lot

  Width: 100%;

  padding: 2px;

  }

  . Upsale-lot .heading td {make-weight: bold ;}}

  . Upsale-box {width: 32px ;}}

  . Upsale-name {width: 175px ;}}

  . OUS1 .purchase-buttons textarea {}

  text-align: center;

  Width: 390px;

  height: 100px;

  }

  . OUSM continue-button {text-align: center ;}}

  .line-article table {width: 99% ;}}

  . Line-item table tr.heading td {make-weight: bold ;}}

  . Line-item table td {}

  padding: 10px;

  {border: 1px solid #ccc}

  . Line-item .item-name {width: 30% ;}}

  tr.alt_row .line-item {background-color: #f4ece7 ;}}

  / * PRODUCT DISPLAY * /.

  .product-details-1 {}

  Width: 48%;

  float: left;

  }

  . Product-details-1 p {}

  text-align: center;

  }

  {.product-details-2

  Width: 48%;

  float: left;

  }

  {.purchase .product-details-2 buttons}

  margin: 16px 0;

  text-align: left;

  Width: 200px;

  }

  . Product-details-2 .purchase-keys {}

  font-size: 17px;

  height: 39px;

  margin: 10px 0 0;

  text-shadow: 2px 2px 2px #496E92;

  Width: 140px;

  }

  .product-image {}

  Max-width: 300px;

  margin: 20px 0;

  text-align: center;

  }

  . Product-image img {}

  Max-width: 300px;

  Max-height: 300px;

  }

  . Product-quantity-input {}

  margin: 4px 0;

  overflow: auto;

  Width: 34px;

  text-align: left;

  }

  {} related products

  Clear: both;

  16px margin: 32px 0 0;

  }

  . Product-attributes {}

  margin: 16px 0;

  text-align: left;

  }

  . Product-attributes td {}

  padding: 4px 0;

  }

  . Product-attributes td.prompt}

  vertical-align: top;

  text-align: left;

  padding-right: 5px;

  }

  . Product-attributes td.field}

  text-align: left;

  }

  / * INVC * /.

  . INVC ordering-id,

  . ADR ordering id {}

  float: left;

  make-weight: bold;

  }

  . INVC ordering date,

  . {. Order-date ADR

  float: right;

  text-align: right;

  }

  . INVC ordering period,

  . . Order date of ADR span {}

  make-weight: bold;

  }

  . INVC h3,

  . ADR h3 {}

  Clear: both;

  margin: 16px 0 24 PX 0;

  }

  / * PATROL * /.

  . PATR .continue-button {}

  text-align: right;

  margin: 12px 0;

  }

  / * SMAP * /.

  . SMAP h3 {}

  }

  . SMAP .category {}

  Width: 33%;

  text-align: left;

  float: left;

  }

  . SMAP .category {} .padding

  padding: 2px;

  }

  . SMAP .product {}

  Width: 33%;

  text-align: left;

  float: left;

  }

  . SMAP .product .padding {padding: 2px ;}}

  / * ORDH, ADR * /.

  table #orderhistory - list {border-collapse: collapse ;}}

  {Table #order - summary

  Width: 100%;

  }

  #order - summary table td.

  #orderhistory - list table td {}

  vertical-align: top;

  }

  #orderhistory - list ordering - reorganize {text-align: center ;}}

  #orderhistory - list ordering-Bill {}

  #orderhistory - list ordering-description {text-align: left ;}}

  #orderhistory - list ordering-date {}

  #orderhistory - ordering-bought list {text-align: center ;}}

  #orderhistory - list ordering quantity {text-align: center ;}}

  #orderhistory - list ordering {text-align: center ;}}

  #orderhistory - followed list ordering {text-align: left ;}}

  #orderhistory - ordering-total list {text-align: right ;}}

  #-orderhistory - ordering rix {text - align:right ;}

  #orderhistory - ordering-view list {}

  vertical-align: middle;

  padding: 0 8px;

  }

  #orderhistory - list tr.heading td {}

  make-weight: bold;

  white-space: nowrap;

  }

  #order - summary table tr td.order - reorganize {text-align: center ;}}

  #order - summary table tr td.order - invoice {}

  #order - summary table tr td.order - description {text-align: left ;}}

  #order - summary table tr td.order - date {text-align: left}

  #order - contents table tr td.order - bought {text-align: center ;}}

  #order - summary table tr td.order - quantity {text-align: center ;}}

  #order - summary table tr td.order - status {text-align: left ;}}

  #order - summary table followed tr td.order {text-align: left ;}}

  #order - summary table tr td.order - total {text-align: right ;}}

  #order - summary table tr td.order - price {text-align: right ;}}

  Description - #order - summary table tr td.charge,

  #order - summary table tr td.charge - fairy {}

  make-style: italic;

  text-align: right;

  }

  #order - summary table tr td.charge - fairy {text-align: right ;}}

  #order - summary table tr td.formatted - total,

  #order - summary table tr td.total - speedy {}

  text-align: right;

  make-weight: bold;

  }

  {#customer-fields}

  margin: 16px 0;

  }

  #Order_BillZip {width: 44px ;}}

  .widest {width: 100% ;}}

  / * Homepage elements * /.

  body. SFNT #left navigation {display: none ;}}

  body. SFNT #main - content {width: 960px; padding: 0 ;}}

  body. SFNT #main - content h1, body. SFNT #main - happy h2, body. H3 #main - content SFNT {margin-left: 20px ;}}

  #header {}

  background: url(images/header.jpg) no-repeat scroll center top transparent;

  height: 280px;

  20px margin: 10px 0 0;

  Width: 960px;

  }

  #header a {}

  position: absolute;

  Width: 940px; height: 250px;

  }

  #header has {span

  display: none;

  }

  {#free-shipping}

  background: transparent url(images/shipping-banner.jpg) top no-repeat;

  Width: 960px; height: 50px;

  padding-bottom: 20px;

  float: left;

  }

  #free - shipping a {}

  position: absolute;

  Width: 940px; height: 46px;

  }

  #free - shipping a span {}

  display: none;

  }

  left-ad # {}

  background: transparent url(images/left-ad.jpg) top no-repeat;

  Width: 460px; height: 132px;

  padding-bottom: 20px;

  margin-top: 20px;

  float: left;

  }

  left-ad # a {}

  position: absolute;

  Width: 460px; height: 132px;

  }

  a span {left-ad #}

  display: none;

  }

  right-ad # {}

  background: transparent url(images/right-ad.jpg) top no-repeat;

  Width: 460px; height: 132px;

  padding-bottom: 20px;

  float: right;

  margin-top: 20px;

  }

  right-ad # a {}

  position: absolute;

  Width: 460px; height: 132px;

  }

  right-ad a span {#}

  display: none;

  }

  / * - Welcome banner-* /.

  {#welcome banner}

  background: url(images/welcome-bg.jpg) no-repeat scroll center top transparent;

  float: left;

  height: 128px.

  margin: 15px 0 0 10px;

  padding-bottom: 10px;

  Width: 687px;

  Display: inline;

  }

  #welcome - banner h1 {}

  color: #523F29;

  margin: 0;

  padding: 0;

  }

  #welcome - banner p {}

  color: #523f29;

  Width: 650px;

  margin-top: 10px;

  }

  #welcome - banner a {}

  color: #523f29;

  text-decoration: underline;

  margin-top: 10px;

  padding: 0 20px 10px 20px;

  }

  / * - end welcome banner-* /.

  / * - End newsletter-* /.

  {#social-media}

  background: url(images/socialMedia-bg.jpg) no-repeat scroll center top transparent;

  float: left;

  height: 128px.

  margin: 15px 0 0 20px;

  Width: 220px;

  Display: inline;

  }

  # media social .the-icon {}

  display: inline;

  float: left;

  margin: 55px 0 0 18px;

  padding: 0;

  }

  / * - End newsletter-* /.

  / *-subpages-* /.

  #main - content h1 {}

  margin: 0 20px 20px 10px;

  color: #0f0f0f;

  }

  / * - image css machine-* /.

  .thumbnails {}

  display: block;

  margin: 0 0 0 60px banner;

  padding: 0;

  Width: 230px;

  }

  .thumbnails li {}

  Display: block;

  float: left;

  margin: 5px 5px 0 0;

  padding: 0;

  Width: 150px;

  height: 150px;

  text-align: center;

  border: 1px solid #eeeeee;

  cursor: pointer;

  }

  .thumbnails li span {}

  Display: inline-block;

  height: 100%;

  text-align: center;

  vertical-align: middle;

  }

  .thumbnails li img {}

  vertical-align: middle;

  }

  {.swatches}

  Display: inline;

  margin: 0;

  padding: 0;

  }

  . Swatches li {}

  Display: block;

  float: left;

  margin: 4px 4px 0 0;

  padding: 0;

  Width: 50px;

  height: 50px;

  text-align: center;

  border: 1px solid #eeeeee;

  cursor: pointer;

  }

  . Swatches li span {}

  Display: inline-block;

  height: 100%;

  text-align: center;

  vertical-align: middle;

  }

  . Swatches li img {}

  vertical-align: middle;

  }

  {.product-image-margin

  height: 8px;

  }

  {.closeup}

  position: absolute;

  top: 150px;

  Padding: 15px;

  Background: #fff;

  border: 3px solid #eaeaea;

  text-align: center;

  display: none;

  z index: 9999;

  min-width: 274px;

  min-height: 274px;

  border-radius: 5px;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

  -moz-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

  -webkit-box-shadow: rgba(0,0,0, 0.75) 0px 0px 25px;

  }

  . CloseUp a {}

  cursor: pointer;

  position: absolute;

  right:-15px;

  top:-15px;

  z index: 9999;

  Color: #ff0000;

  }

  {#closeup - legend

  margin: 15px 15px 0;

  padding: 5px;

  Police: "BOLD" 14px Arial, Helvetica, without serif.

  color: #fff;

  Background: #666;

  -moz-border-radius: 5px;

  -webkit-border-radius: 5px;

  box-shadow: rgba(255,255,255, 0.75) 0px 0px 25px;

  display: none;

  }

  {.closeup_backing}

  position: absolute;

  left: 0px;

  Top: 0px;

  Background: #000;

  Background: RGBA (0,0,0,.6);

  Filter:alpha(opacity=60);

  Width: 100%;

  z-index: 100;

  }

  . CTGY .product-details .product name.

  . PLST .product-details .product name.

  . SRCH .product-details .product-name {}

  height: 40px;

  }

  Holy Mexican mole sauce! That's a lot of CSS code.

  All you really need is this:

  {body

  Background: #2 c 2825 url(images/topBg-repeat.jpg) no repeat center top fixed;

  }

  See a live demonstration:

  http://ALT-Web.com/demos/fixed-background.shtml

  Nancy O.

  ALT-Web Design & Publishing

  Web | Graphics | Print | Media specialists

  http://ALT-Web.com/