body {

}


#CarouselWrapper {

    height: 291px;
    width: 100%;
    overflow: hidden;

}

#Carousel {

    width: 100%;
    height: 100%;

}

/* order part, left */

#CarouselOrderBgn {

    display: inline; /* i hope you rot in hell MSIE, if this line isn't there the margin is doubled! */
    float: left;
    height: 267px;
    width: 200px;
    overflow: hidden;
    background: #ffdf9b url( '../images/site/carouselorder_bgn.gif' ) repeat-x top left;
    margin-left: 9px;
    margin-right: 4px;

}

#CarouselOrderWrapper {
    height: 267px;
    overflow: hidden;
    background: url( '../images/site/carouselorder_top.gif' ) no-repeat top left;

}

#CarouselOrder {

    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url( '../images/site/carouselorder_bottom.gif' );
    background-repeat: no-repeat;
    background-position: bottom left;

}

#CarouselOrder form {

    margin: 0;
    padding: 2px 0px 0px 0px;

}

.carouselOrderExistingCustomers {

    padding-top: 6px;
    cursor: pointer;

}

.carouselOrderPhoneHeader {

    padding-top: 5px;
    display: block;
}

#CarouselOrderContents {

    padding-top: 16px;
    padding-left: 25px;

}

input.carousel {

    border-bottom: 2px solid #f7b501;
    border-left: 2px solid #f7b501;
    border-top: 2px solid #ecac13;
    border-right: 2px solid #ecac13;
    background: #ffffff url( '../images/site/carouselorder_inputshade.gif' ) repeat-x bottom left;
    color: #231F20;
    height: 16px;
    padding-left: 2px;
    font-size: 0.8em;
    width: 100px;
    float: left;
    font-family: Arial, serif;
}

div.carouselSearchButton {

    background-image: url( '../images/site/carouselorder_searchbutton.gif' );
    background-repeat: no-repeat;
    width: 45px;
    height: 18px;
    margin-left: 3px;
    margin-top: 2px;
    cursor: pointer;
    float: left;
}

/* actual carousel */

#CarouselPictures {

    float: left;
    overflow: hidden;

}

div.scroller {

    width: 744px;
    height: 267px;
    overflow: hidden;

}

div.scroller div.section {

    width: 744px;
    height: 267px;
    overflow: hidden;
    float: left;
}

div.scroller div.content {
    width: 10000px;
	position: relative;
}

div#GetCarousel .controls {
	display: none;
    margin-left: 0px;
    margin-top: 3px;
    float: left;

}

div#GetCarousel .controls a {

    margin-right: 15px;
    margin-left: 15px;

}

div#GetCarousel .playercontrols {

    padding-top: 5px;
	float: right;
	margin-right: 20px;

}

div#GetCarousel .backbutton {

    background-image: url( '../images/site/frontpage_carouselcontrols.gif' );
    background-repeat: no-repeat;
    width: 15px;
    height: 13px;
    cursor: pointer;
    float: left;
}

div#GetCarousel .forwardbutton {

    background-image: url( '../images/site/frontpage_carouselcontrols.gif' );
    background-repeat: no-repeat;
    background-position: -15px 0px;
    width: 15px;
    height: 13px;
    float: left;
    cursor: pointer;

}

div#GetCarousel .pausebutton {

    background-image: url( '../images/site/frontpage_carouselcontrols.gif' );
    background-repeat: no-repeat;
    background-position: -33px 0px;
    width: 9px;
    height: 13px;
    float: left;
    cursor: pointer;

}

div#GetCarousel .pausebuttonselected {

    background-image: url( '../images/site/frontpage_carouselcontrols.gif' );
    background-repeat: no-repeat;
    background-position: -48px 0px;
    width: 9px;
    height: 13px;
    float: left;
    cursor: pointer;

}