input.error,textarea.error {
    border: 1px solid #F00;
    background-color: #fcf9ae;
}

.inputcheckbox.error {
    outline: 1px solid #F00;
}

input,textarea,select {
    border: 1px solid #848484;
    width: 110px;
    height: 18px;
}

.inputcheckbox {
    padding-left: 0;
    margin-left: 0;
    width: 15px;
    height: 15px;
    background: none;
}

.helper {
    display: none;
}

.checkboxContainer label {
    position: absolute;
}

legend {
    font-size: 20px;
    font-weight: bold;
    padding: 5px;
}

/*************************/
/*    DEFAULT BUTTON     */
/*************************/

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 24px;
}

button, button:hover, button:active, button:focus {
    outline: none;
}

button span.rightSide, button span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button.png') no-repeat;
    height: 24px;
    line-height: 24px;
    display: block;
}

button.simplePinkButton span.rightSide, button.simplePinkButton span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-pink-400x24.png') no-repeat;
}

button span.rightSide, button.simplePinkButton span.rightSide {
    background-position: 100% -24px;
    padding: 0 10px 0 0;
}

button span.text {
    background-position: 0px 0px;
    padding: 0 0 0 10px;
}

button:hover span.rightSide {
    background-position: 100% -72px;
}

button:hover span.text {
    background-position: 0px -48px;
}

button:active span.rightSide {
    background-position: 100% -120px;
}

button:active span.text {
    background-position: 0px -96px;
}

/*************************/
/*     SMALL BUTTON      */
/*************************/

button.small {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 19px;
    font-size: 12px;
}

button.small, button.small:hover, button.small:active, button.small:focus {
    outline: none;
}

button.small span.rightSide, button.small span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-small.png') no-repeat -1000px -1000px;
    height: 19px;
    line-height: 19px;
    display: block;
}

button.small span.rightSide {
    background-position: 100% -19px;
    padding: 0 10px 0 0;
}

button.small span.text {
    background-position: 0px 0px;
    padding: 0 0 0 10px;
}

button.small:hover span.rightSide {
    background-position: 100% -57px;
}

button.small:hover span.text {
    background-position: 0px -38px;
}

button.small:active span.rightSide {
    background-position: 100% -95px;
}

button.small:active span.text {
    background-position: 0px -76px;
}

/*************************/
/*     ARROW BUTTON      */
/*************************/

button.arrow {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    margin: 0;
    margin-left: 2px;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 20px;
}

button.arrow span.innerContent {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-arrow-20x20.png') no-repeat 100% 0px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: block;
}

button.arrow:hover span.innerContent {
    background-position: 100% -20px;
}

button.arrow:active span.innerContent {
    background-position: 100% -40px;
}

/**************************/
/*     SEARCH BUTTON      */
/**************************/

#headerSearchBox {
    width: 145px;
    padding-left: 5px;
}

button.search {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    margin: 0;
    margin-left: 2px;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 20px;
}

button.search span.innerContent {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-arrow-20x20.png') no-repeat 100% 0px;
    height: 20px;
    width: 20px;
    line-height: 20px;
    display: block;
}

button.search:hover span.innerContent {
    background-position: 100% -20px;
}

button.search:active span.innerContent {
    background-position: 100% -40px;
}

/********************************/
/*     SMALL BASKET BUTTON      */
/********************************/

button.basketSmall, input.basketButton {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 19px;
}

button.basketSmall span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-26x19.png') no-repeat 100% 0px;
    height: 19px;
    width: 26px;
    line-height: 19px;
    display: block;
    padding: 0;
}

button.basketSmall span.rightSide {
    padding: 0;
}

button.basketSmall:hover span.text {
    background-position: 100% -19px;
}

button.basketSmall:active span.text {
    background-position: 100% -38px;
}

/********************************/
/*     LARGE BASKET BUTTON      */
/********************************/

button.basketLarge {
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    white-space: nowrap;
    border: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    text-align: left;
    height: 33px;
}

button.basketLarge span.innerContent {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-32x33.png') no-repeat 100% 0px;
    height: 33px;
    width: 32px;
    line-height: 33px;
    display: block;
}

button.basketLarge:hover span.innerContent {
    background-position: 100% -33px;
}

button.basketLarge:active span.innerContent {
    background-position: 100% -66px;
}

/**************************/
/*     INPUT BUTTONS      */
/**************************/

input.basketButton {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-26x19.png') no-repeat 100% 0px;
    height: 19px;
    width: 26px;
    line-height: 19px;
    padding: 0;
    cursor: pointer;
    cursor: hand;
}

input.basketButton:hover {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-26x19.png') no-repeat 100% -19px;
}

input.basketButtonBig {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-input.png') no-repeat 100% 0px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    border: none;
    width: 215px;
    cursor: pointer;
    cursor: hand;
}

input.basketButtonBig:hover {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-basket-input.png') no-repeat 100% -24px;
}

/************************/
/*     LINK BUTTON      */
/************************/

span.rightSide, span.text {
    display: block;
}

a.linkButton, a.linkButtonSmall {
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    background: transparent;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    white-space: nowrap;
    border: 0;
    padding: 0 1px 0 0;
    margin: 0;
    overflow: visible;
    text-align: left;
    display: block;
}

a.linkButton span.rightSide, a.linkButton span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-pink-400x24.png') no-repeat;
    height: 24px;
    line-height: 24px;
    margin: 0;
    color: #000;
}

a.linkButton span.rightSide {
    padding: 0 10px 0 0;
    background-position: 100% -24px;
}

a.linkButton span.text {
    padding: 0 0 0 10px;
    background-position: 0px 0px;
}

a.linkButton:hover span.rightSide {
    background-position: 100% -72px;
}

a.linkButton:hover span.text {
    background-position: 0px -48px;
}

a.linkButton:active span.rightSide {
    background-position: 100% -120px;
}

a.linkButton:active span.text {
    background-position: 0px -96px;
}

/*****************************/
/*     LINK BUTTON SMALL     */
/*****************************/

a.linkButtonSmall span.rightSide, a.linkButtonSmall span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button-small.png') no-repeat;
    height: 19px;
    line-height: 19px;
    margin: 0;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

a.linkButtonSmall span.rightSide {
    padding: 0 10px 0 0;
    background-position: 100% -19px;
}

a.linkButtonSmall span.text {
    padding: 0 0 0 10px;
    background-position: 0px 0px;
}

a.linkButtonSmall:hover span.rightSide {
    background-position: 100% -57px;
}

a.linkButtonSmall:hover span.text {
    background-position: 0px -38px;
}

/******************************/
/*     SIMPLE LINK BUTTON     */
/******************************/

a.simpleLinkButton span.rightSide, a.simpleLinkButton span.text {
    background: transparent url('/layout/Cdf/Themes/2010/Images/button.png') no-repeat;
    height: 24px;
    line-height: 24px;
    margin: 0;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

a.simpleLinkButton span.rightSide {
    padding: 0 10px 0 0;
    background-position: 100% -24px;
}

a.simpleLinkButton span.text {
    padding: 0 0 0 10px;
    background-position: 0px 0px;
}

a.simpleLinkButton:hover span.rightSide {
    background-position: 100% -72px;
}

a.simpleLinkButton:hover span.text {
    background-position: 0px -48px;
}
