/* Big Yellow Buttons */

button.yellowDropdown, button.yellowDropdown:hover, button.yellowDropdown:active,
a.yellowDropdown, a.yellowDropdown:hover, a.yellowDropdown:active {

    overflow            : visible;
    cursor                : pointer;
    background            : none;
    margin                : 0px;
    border                : none;
    padding                : 0px;
    text-decoration        : none;
    white-space            : nowrap;
    color                : #333333;
}

button.yellowDropdown span.left-large-arrow, button.yellowDropdown:hover span.left-large-arrow, button.yellowDropdown:active span.left-large-arrow,
button.yellowDropdown span.left-large-body, button.yellowDropdown:hover span.left-large-body, button.yellowDropdown:active span.left-large-body,

a.yellowDropdown span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:active span.left-large-arrow,
a.yellowDropdown span.left-large-body, a.yellowDropdown:hover span.left-large-body, a.yellowDropdown:active span.left-large-body {

    display                : inline-block;
    white-space            : nowrap;
    background            : transparent url(../images/buttons/site_buttons_04.png) no-repeat;
    margin-right        : 0px;
    padding                : 0px 5px 0px 20px;
    vertical-align        : middle;
    font-size            : 20px;
    font-weight            : bold;
    line-height            : 56px;
    height                : 56px;
}

button.yellowDropdown span.left-large-arrow, button.yellowDropdown:hover span.left-large-arrow, button.yellowDropdown:active span.left-large-arrow,
a.yellowDropdown span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:active span.left-large-arrow {
    padding-left        : 55px;
}

button.yellowDropdown span.left-arrow, button.yellowDropdown:hover span.left-arrow, button.yellowDropdown:active span.left-arrow,
button.yellowDropdown span.left-body, button.yellowDropdown:hover span.left-body, button.yellowDropdown:active span.left-body,

a.yellowDropdown span.left-arrow, a.yellowDropdown:hover span.left-arrow, a.yellowDropdown:active span.left-arrow,
a.yellowDropdown span.left-body, a.yellowDropdown:hover span.left-body, a.yellowDropdown:active span.left-body {

    display                : inline-block;
    white-space            : nowrap;
    background            : transparent url(../images/buttons/site_buttons_04.png) no-repeat;
    margin-right        : 0px;
    padding                : 0px 5px 0px 20px;
    vertical-align        : middle;
    font-size            : 20px;
    font-weight            : bold;
    line-height            : 56px;
    height                : 56px;
}

button.yellowDropdown span.left-arrow, button.yellowDropdown:hover span.left-arrow, button.yellowDropdown:active span.left-arrow,
a.yellowDropdown span.left-arrow, a.yellowDropdown:hover span.left-arrow, a.yellowDropdown:active span.left-arrow {
    padding-left        : 55px;
}

button.yellowDropdown span.left-large-arrow, a.yellowDropdown span.left-large-arrow                    { background-position    : 0px -121px;}
button.yellowDropdown:hover span.left-large-arrow, a.yellowDropdown:hover span.left-large-arrow     { background-position    : 0px -181px;}
button.yellowDropdown span.left-large-body, a.yellowDropdown span.left-large-body                    { background-position    : 0px 0px;}
button.yellowDropdown:hover span.left-large-body, a.yellowDropdown:hover span.left-large-body         { background-position    : 0px -60px;}

button.yellowDropdown span.left-arrow, a.yellowDropdown span.left-arrow                    { background-position    : 0px -121px;}
button.yellowDropdown:hover span.left-arrow, a.yellowDropdown:hover span.left-arrow     { background-position    : 0px -181px;}
button.yellowDropdown span.left-body, a.yellowDropdown span.left-body                    { background-position    : 0px 0px;}
button.yellowDropdown:hover span.left-body, a.yellowDropdown:hover span.left-body         { background-position    : 0px -60px;}


button.yellowDropdown span.right-large-arrow, button.yellowDropdown:hover span.right-large-arrow, button.yellowDropdown:active span.right-large-arrow,
button.yellowDropdown span.right-large-edge, button.yellowDropdown:hover span.right-large-edge, button.yellowDropdown:active span.right-large-edge,

a.yellowDropdown span.right-large-arrow, a.yellowDropdown:hover span.right-large-arrow, a.yellowDropdown:active span.right-large-arrow,
a.yellowDropdown span.right-large-edge, a.yellowDropdown:hover span.right-large-edge, a.yellowDropdown:active span.right-large-edge {

    display                : inline-block;
    white-space            : nowrap;
    background            : transparent url(../images/buttons/site_buttons_04.png) no-repeat;
    margin-left            : 0px;
    padding                : 0px 30px 0px 4px;
    vertical-align        : middle;
    font-size            : 20px;
    font-weight            : bold;
    line-height            : 56px;
    height                : 56px;
}

button.yellowDropdown span.right-arrow, button.yellowDropdown:hover span.right-arrow, button.yellowDropdown:active span.right-arrow,
button.yellowDropdown span.right-edge, button.yellowDropdown:hover span.right-edge, button.yellowDropdown:active span.right-edge,

a.yellowDropdown span.right-arrow, a.yellowDropdown:hover span.right-arrow, a.yellowDropdown:active span.right-arrow,
a.yellowDropdown span.right-edge, a.yellowDropdown:hover span.right-edge, a.yellowDropdown:active span.right-edge {

    display                : inline-block;
    white-space            : nowrap;
    background            : transparent url(../images/buttons/site_buttons_04.png) no-repeat;
    margin-left            : 0px;
    padding                : 0px 30px 0px 4px;
    vertical-align        : middle;
    font-size            : 20px;
    font-weight            : bold;
    line-height            : 56px;
    height                : 56px;
}

button.yellowDropdown span.right-large-arrow, a.yellowDropdown span.right-large-arrow                { background-position    : -450px 0px;}
button.yellowDropdown:hover span.right-large-arrow, a.yellowDropdown:hover span.right-large-arrow     { background-position    : -450px -60px;}
button.yellowDropdown span.right-large-edge, a.yellowDropdown span.right-large-edge                    { background-position    : -450px -121px;}
button.yellowDropdown:hover span.right-large-edge, a.yellowDropdown:hover span.right-large-edge     { background-position    : -450px -181px;}

button.yellowDropdown span.right-arrow, a.yellowDropdown span.right-arrow                { background-position    : -450px 0px;}
button.yellowDropdown:hover span.right-arrow, a.yellowDropdown:hover span.right-arrow     { background-position    : -450px -60px;}
button.yellowDropdown span.right-edge, a.yellowDropdown span.right-edge                    { background-position    : -450px -121px;}
button.yellowDropdown:hover span.right-edge, a.yellowDropdown:hover span.right-edge     { background-position    : -450px -181px;}






/* modernizr CSS3 buttons */
html.cssgradients .yellowDropdown {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFC06), to(#E1E105), to(#FCFC06)); /* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* IE 10 */
    background: -o-linear-gradient(top, #FCFC06, #E1E105, #FCFC06); /* Opera 11.10+ */
}
html.cssgradients .yellowDropdown:hover {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E805), to(#FCFC06), to(#E8E805));
    background: -webkit-linear-gradient(top, #E8E805, #FCFC06, #E8E805);
    background: -moz-linear-gradient(top, #E8E805, #FCFC06, #E8E805);
    background: -ms-linear-gradient(top, #E8E805, #FCFC06, #E8E805);
    background: -o-linear-gradient(top, #E8E805, #FCFC06, #E8E805);
}


/* ie9 yellow gradient */
html.no-cssgradients.borderradius .yellowDropdown {
    background: transparent url(/assets/images/buttons/site_buttons_02_yellow_gradient.svg) 0 0 repeat-x;
}
html.no-cssgradients.borderradius .yellowDropdown:hover {
    background-position: 0 100%;
}