WebStore by Amazon 3.5.1: Merchant Manual
38
/*The “hover” pseudo class controls the behavior of a link on mouse roll-over this
CSS swaps out the button background with another image to give it a push button
look*/ a.topNav:hover { color:#000000; background-color:#F9DDDF; background-
image: url(/images/top_nav_on.gif); background-repeat: repeat-x; }
Remove Date from the Top Navigation
/*Hide the date to make room for more navigation links in the top navigation bar*/
.date{ display:none; } /*leftnav*/
Customize the Left Navigation
/*Set the font color for the left navigation links*/ a.leftNav:link,a.leftNav:visited {
color:#213184;; }
Add a Button Background to the Top Navigation
/*Similar to a.topNav (see above) this CSS class adds a button background //image.
In this case it is a non-tiling image.*/ a.leftNav { display:block; color: #213184;
font-family:Verdana, Arial; font-weight:normal; font-size:10px; border-bottom: 0;
background-color:#DEDEDE; width:166px; height:18px; margin-bottom: 1px;
background-image: url(/images/left_nav_off.gif); background-repeat: no-repeat;
background-position: left top; padding-top: 3px; padding-right: 4px; padding-
bottom: 0px; padding-left: 12px; text-decoration: none; }
Make Left Navigation Buttons Three-Dimensional
/*Similar to a.topNav (see above) the hover class adds a push button effect to the
left navigation links*/ a.leftNav:hover { color: #000000; background-image:
url(/images/left_nav_on.gif); background-repeat: no-repeat; background-position:
left top; background-color:#F3BFC4; } /*****/
Set the Height of the Grey Bar
/*Set the greyBar height to 0*/ .greyBar{height: 0px;}
Hide Lines on Your WebStore Layout
/*Hide line class elements on your WebStore*/ .line{ display:none; }
Add a Repeating Background Image to the lightGrey Bar
/*Add a repeating background image to the lightGreyBar class*/
.lightGreyBar,.lightGreyBarW{ background-image:url(/images/crumbpast_bg.gif);
background-repeat: repeat-x; background-color:#E5E5E5; }
Change colorBar Elements
