#homeIntroBlurbs {
    text-align: center;
    font-size: 0.9em;
}
#twitter_div {
    float: right;
    clear: right;
    width: 90%;
/*    height: 86px;*/
/*    margin-left: 10px;*/
    text-align: left;
    border: 1px solid #060;
    margin: 10px 5%;
}
#twitter_div h2 {
    background-color: #060;
    color: #FFF;
    margin: 0;
    padding: 0 0 2px 0;
    text-align: center;
}
ul#twitter_update_list { padding: 5px; margin: 0; overflow: hidden; }
ul#twitter_update_list li { margin: 0; padding: 5px 0 5px 0; list-style: none; }

#homeNews {
    margin-top: 20px;
    margin-bottom: 2em;
    padding: 0 1em;
    background-color: #FFE;
    border: 1px solid #060;
}

/* homeFocusedWrap */
#homeFocusedWrap {
    float: left;
    width: 210px;
    margin: 7px 20px 0 0;
    padding-top: 15px;
    border-top: 2px dashed #060;
}

#homeFocused {
    padding: 5px;
    font-size: .9em;
    border: 2px solid #060;
    background-color: #24903D;
    color: #FFF;
}
#homeFocused a {
    text-decoration: none;
    color: #FFC;
    background-color: inherit;
}
#homeFocused a:active, #homeFocused a:visited {
    text-decoration: none;
    color: #FF9;
    background-color: inherit;
}
#homeFocused a:hover, #homeFocused a:focus {
    text-decoration: underline;
    color: #2BAE4A;
    background-color: #FFC;
}
#homeFocused div {
    margin-bottom: 1em;
}
#homeFocused h3 {
    margin: 0;
}
#homeFocused h4 {
    margin: .5em 0 .2em 0;
}
#homeFocused ul {
    margin: 0;
    margin-left: 1em;
}

#homeFocusedAnimalBottom {
    /* ~ 200x* */
    margin-top: 20px;
    padding-top: 40px;
    border-top: 2px dashed #060;
}
/* homeFocusedWrap */

/* homeSaleProducts */
#homeSaleProducts {
    margin-bottom: 10px;
    padding: 5px;
    border: 2px solid #060;
    background-color: #FFC;
}
#homeSaleProducts h2 {
    margin: 0 0 .3em 0;
}
#homeSaleProducts .homeSaleProductsColumn {
    float: left;
    width: 230px;
    padding: 0 5px;
    font-size: .9em;
}
/* homeSaleProducts */

/* homeTestimonialsWrap */
#homeTestimonialsWrap {
    clear: both;
    margin-top: 30px;
}

/* for the bg image */
div.scrollable_container { 
/*    width: 555px; */
    height:368px;
    margin-left: -40px;
    background: transparent url(../image/scrollable/container.jpg) no-repeat top left;
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
    /* required settings */ 
    position:relative;
    top: 57px; 
    overflow:hidden; 
    width: 400px; 
    height:250px;
    margin: 0 50px 0 72px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.scroll_items { 
    /* this cannot be too large */ 
    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. 
*/ 
div.scrollable div.scroll_items div.scroll_item { 
    float:left;
    width: 400px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.scroll_items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

div.scrollable div.scrollables_controls {
    margin-top: 205px;
}
/*
The buttons sprite dimensions are  15x30 (45x60)
[0][0] = next                 (0, 0)
[0][1] = next over          (-15, 0)
[0][2] = next click         (-30, 0)

[1][0] = previous           (0, -30) 
[1][1] = previous over    (-15, -30)    
[1][2] = previous click   (-30, -30)
*/
div.scrollable div.scrollables_previous {
    float: right;
    width: 15px;
    height: 30px;
    margin: 5px;
    background: transparent url(../image/scrollable/buttons.png) no-repeat scroll 0 -30px;
    cursor: pointer;
}
div.scrollable div.scrollables_previous:hover {
    background-position: -15px -30px;
}
div.scrollable div.scrollables_previous:active {
    background-position: -30px -30px;
}
div.scrollable div.scrollables_next {
    float: right;
    width: 15px;
    height: 30px;
    margin: 5px;
    background: transparent url(../image/scrollable/buttons.png) no-repeat scroll 0 0;
    cursor: pointer;
}
div.scrollable div.scrollables_next:hover {
    background-position: -15px 0;
}
div.scrollable div.scrollables_next:active {
    background-position: -30px 0;
}
div.scrollable div.scrollables_navigator {
    float: left;
    margin: 0 0 0 5px;
    width: 50%;
    text-align: center;
}
div.scrollable div.scrollables_navigator a {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    margin: 5px;
    background: transparent url(../image/scrollable/buttons.png) no-repeat scroll 0 -60px;
    cursor: pointer;
    font-size: 1px;
}
div.scrollable div.scrollables_navigator a:hover {
    background-position: -15px -60px;
}
div.scrollable div.scrollables_navigator a:active {
    background-position: -30px -60px;
}
div.scrollable div.scrollables_navigator a.active {
    background-position: -30px -60px;
}