.button_header, .button_content {display:inline-block; overflow:hidden; line-height:0em;} /* ************************************************************************************* */ .button_header {margin-left:5px;} .button_header4, .button, .button-t {display:inline-block;} .button_header .button, .button_header .button:hover, .button_header .button.act, .button_header .button:hover div, .button_header .button div {display:inline-block; cursor:pointer; overflow:hidden;} .button_header .button, .button_header .button:hover, .button_header .button.act .button_header .button, .button_header .button:hover, .button_header .button.act {padding:0; overflow:hidden; font-size:1em;text-transform:uppercase;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_header4 .button .button-t, .button_header4 .button:hover .button-t, .button_header4 .button.act .button-t {background:transparent;}/*url('../images/button_header4.gif') repeat-x */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_header4 .button .button-t, .button_header4 .button.act:hover .button-t {background-position:0 0;border:0px solid #870521;} .button_header4 .button:hover .button-t, .button_header4 .button.act .button-t {background-position:0 100%;border:0px solid #67994d;} /* ************************************************************************************* */ .button_header4 .bg_button .button-t, .button_header4 .bg_button:hover .button-t, .button_header4 .bg_button.act .button-t {margin: 0px 0px 0px 0px; height:28px;} /* ************************************************************************************* */ /* ************************************************************************************* */ .button_header4 .bg_button a span.ui-button-text, .button_header4 .bg_button span.ui-button-text, .button_header4 .bg_button:hover a span.ui-button-text, .button_header4 .bg_button.act a span.ui-button-text, .button_header4 .bg_button:hover span.ui-button-text, .button_header4 .bg_button.act span.ui-button-text {font-weight:bold;text-decoration:none; white-space:nowrap;text-transform:none;text-transform:uppercase;font-family: 'Open Sans', sans-serif;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_header4 .bg_button:hover a span.ui-button-text, .button_header4 .bg_button.act a span.ui-button-text, .button_header4 .bg_button:hover span.ui-button-text, .button_header4 .bg_button.act span.ui-button-text {color:#fff;} .button_header4 .bg_button a span.ui-button-text, .button_header4 .bg_button span.ui-button-text {color:#fff;line-height:1em;padding:8px 0px 9px 10px; display:inline-block;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content button {height:27px; font-size:100%; font-family:Arial, Helvetica, sans-serif;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content .button, .button_content .button.act, .button_content .button div {display:inline-block; cursor:pointer; overflow:hidden;} .button_content .button, .button_content .button.act {padding:0; overflow:hidden; position:relative;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content .bg_button .button-b, .button_content .bg_button:hover .button-b, .button_content .bg_button.act .button-b, .button_content .bg_button .button-t, .button_content .bg_button:hover .button-t, .button_content .bg_button.act .button-t { background:url('/img/button_c.png') repeat-x transparent;} .button_content .bg_button .button-t {background-position: 0 0;border:0px solid #dfdede;} .button_content .bg_button:hover .button-t, .button_content .bg_button.act .button-t {background-position: 0 -27px;border:0px solid #4c9e1a;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content .bg_button .button-t, .button_content .bg_button:hover .button-t, .button_content .bg_button.act .button-t {height:27px;position:relative; display:block;} /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content .bg_button a span.ui-button-text, .button_content .bg_button span.ui-button-text, .button_content .bg_button:hover a span.ui-button-text, .button_content .bg_button.act a span.ui-button-text, .button_content .bg_button:hover span.ui-button-text, .button_content .bg_button.act span.ui-button-text {line-height:1em;font-weight:bold;white-space:nowrap;text-decoration:none; text-transform:uppercase; display:inline-block;} .button_content .bg_button a span.ui-button-text, .button_content .bg_button span.ui-button-text, .button_content .bg_button:hover a span.ui-button-text, .button_content .bg_button.act a span.ui-button-text, .button_content .bg_button:hover span.ui-button-text, .button_content .bg_button.act span.ui-button-text { font-size:1em; } /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content2 .bg_button a span.ui-button-text, .button_content2 .bg_button span.ui-button-text {color:#fff;text-decoration:none;} .button_content2 .bg_button:hover a span.ui-button-text, .button_content2 .bg_button.act a span.ui-button-text, .button_content2 .bg_button:hover span.ui-button-text, .button_content2 .bg_button.act span.ui-button-text {color:#fff;text-decoration:none;} /* ************************************************************************************* */ /* ************************************************************************************* */ .button_content22 .bg_button a span.ui-button-text, .button_content22 .bg_button span.ui-button-text {color:#fff;text-decoration:none;} .button_content22 .bg_button:hover a span.ui-button-text, .button_content22 .bg_button.act a span.ui-button-text, .button_content22 .bg_button:hover span.ui-button-text, .button_content22 .bg_button.act span.ui-button-text {color:#fff;text-decoration:none;} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 8px 9px 3px 9px; } .prod_info_next .button_next .ui-button-text-icon-primary .ui-button-text, .prod_info_next .button_next .ui-button-text-icons .ui-button-text { padding: 8px 9px 3px 9px; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {padding:8px 9px 3px 9px; } .button__padd .ui-button-text-icon-primary .ui-button-text, .button__padd .ui-button-text-icons .ui-button-text { padding: 8px 9px 3px 9px;} .button__padd .ui-button-text-icon-secondary .ui-button-text, .button__padd .ui-button-text-icons .ui-button-text {padding: 8px 9px 3px 9px;} span.ui-button-icon-primary {display:none;} /**/ .button_content2 .ui-state-default .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_orange_256x240.png');} .button_content2:hover .ui-state-default .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_ffffff_256x240.png');} .button_content2 .ui-state-hover .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_ffffff_256x240.png');} .button_content22 .ui-state-default .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_grey_256x240.png');} .button_content22:hover .ui-state-default .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_ffffff_256x240.png');} .button_content22 .ui-state-hover .ui-icon { background-image: url('http://livedemo00.template-help.com/osc_38286/ext/jquery/ui/redmond/images/ui-icons_ffffff_256x240.png');} /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */ /* ************************************************************************************* */