/* home page */
h5#a-marketplace  { line-height:20px; }
.scroll, .scroll2 { float:left; }
#new_arrivals { height:400px; }
#on_sale, #new_arrivals { background-color:#fff;height:auto;margin-bottom:2px;height:490px; }
#best-sellers-grid {
    background:#EEFFEE none repeat scroll 0 0;
    border:1px solid #66CCFF;
    width:654px;
    overflow:hidden;
    margin:10px 0;
    padding:10px;
}
#welcome_left,#welcome_right   { margin-top:4px;font-size:11px;padding:4px 20px;
                                background-color:#FFFF99;color:#7E2217;margin-left:0px;}
#welcome_left   { width:auto; }
#welcome_right  { width:284px; }
.best_sell {
    height:80px;font-size:11px;
    border:1px solid #CCCCCC;
    padding:4px;
    margin:0 2px 4px 0;
    width:274px;
    float:left;
    overflow:hidden;
}
.best_sell img {
    float:left;
    height:75px;
    padding-right:10px;
}
.best_sell h3 {
    color:#333333;
    font-size:11px;
    margin:0px;
    padding:0;
}
.best_sell h3 a { padding:0; }
#rotator { height:160px;padding:0 0 24px; }
#rotator p { overflow:hidden;line-height:12px;padding:2px; }

img#amazon-home-ad { padding:2px 10px;width:auto;height:auto; }
 #marketplace-home { border:1px solid #DDEEFF;width:328px;*height:225px; }

/*scrollable*/
.scrollable {
	position:relative;
	overflow:hidden;
	width:572px;
	height:90px;
}

/*	root element for scrollable items. Must be absolutely positioned and it should 
    have a extremely large width to accommodate scrollable items. it's enough that 
    you set width and height for the root element andnot for this element.
*/
/* this cannot be too large */
.scrollable .items { width:20000em; position:absolute; }
/*	a single item. must be floated in horizontal scrolling.	typically, this element 
    is the one that *you* will style the most.
*/
.items div { float:left; }
a.disabled  { visibility:hidden !important; }
a.browse {
    background:url("/Images/scrollable-btn.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;display:block;
    float:left;
    font-size:1px;margin:40px 10px;
    height:30px;width:30px;
}
a.left          { margin:10px 10px 0 0; }
a.left:hover  	{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.right         { background-position:0 -30px; clear:right; margin-right:0;margin-top:-80px;float:right; }
a.right:hover 	{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* rounded corners */
#best-sellers-grid, #welcome_left, #welcome_right, #marketplace-home {
    -webkit-border-top-left-radius:       .5em;
    -moz-border-radius-topleft:           .5em;
    border-top-left-radius:               .5em;
    -webkit-border-bottom-left-radius:    .5em;
    -moz-border-radius-bottomleft:        .5em;
    border-bottom-left-radius:            .5em;
    -webkit-border-top-right-radius:      .5em;
    -moz-border-radius-topright:          .5em;
    border-top-left-radius:               .5em;
    -webkit-border-bottom-right-radius:   .5em;
    -moz-border-radius-bottomright:       .5em;
    border-bottom-right-radius:           .5em;
}