/* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/
/******************************* F L E X B T N ****************************************/
/* Author: Marc Bridger | pixelbrite.com **********************************************/
/* This CSS Library and all Images are Copyrighted & Not for Distribution *************/
/* License & Product Link:  http://www.pixelbrite.com/clients/cart.php?gid=9
/* Version: 1.0.6.010509 ****************************************SITE LICENSE****/

/*Reminder: Place this in your HTML to address Ie7 Input Button/Tab issues */
/* remove the {literal} and {/literal} if not in a Smarty environment 
<!--[if IE]>
 <style type="text/css"> {literal}
 .flextab .rightside, .flexbtn .rightside {overflow: visible;}
 {/literal} </style>
<![endif]-->
*/

/*-- FlexBtn */
.flexbtn{overflow: hidden; position: relative; cursor: pointer;}
.flexbtn .leftside { position: absolute; border:none; width: 17px; top: 0; left: 0; height: 35px; }	
.flexbtn.withicon .leftside { width: 40px;}
.flexbtn .rightside {border:none; cursor: pointer; text-align: center; display: block; height: 35px; line-height: 34px; z-index:2; margin-left: 17px; padding:0 17px 0 0px;}
.flexbtn.withicon .rightside { margin-left: 40px; min-width:59px; padding-right: 17px;}
.flexbtn.withicon .piximage { text-indent: -7777px; cursor: pointer; position: absolute; border: none; top: 2px; left: 12px; height: 33px; width: 30px; z-index: 3;}
.flexbtn.withicon.rollover:hover .piximage {background-position: -30px 0;}
.flexbtn.floatleft {float: left;} .flexbtn.floatright {float: right;} .flexbtn.inlineblock {display: inline-block;}
.flexbtn.dinky .leftside { width: 12px; height: 22px; }	.flexbtn.dinky.withicon .leftside {width: 25px;  height: 22px;} .flexbtn.dinky .rightside {height: 22px; line-height: 21px; margin-left: 12px; padding:0 12px 0 0px;}
.flexbtn.dinky.withicon .rightside { margin-left: 25px; min-width:55px; padding-right: 12px;}.flexbtn.dinky.withicon .piximage { top: 3px; left: 6px; height: 18px; width: 18px;}
.flexbtn.dinky.rollover:hover .piximage {background-position: -18px 0;}

/* ~~~~~~~~ rnd-block */
/* rnd-block yelo ~~ usilite (Site "lite" default) */
.flexbtn.rblock-yelo .leftside, .flexbtn.usilite .leftside, .flexbtn.rblock-yelo-h:hover .leftside{background:url(../flexcss/images//btn/rndblockpastel_l.png) 0 0 no-repeat;}
.flexbtn.dinky.rblock-yelo .leftside, .flexbtn.dinky.rblock-yelo-h:hover .leftside, .flexbtn.dinky.usilite .leftside {background:url(../flexcss/images//btn/rndblockpastel22_l.png) 0 0 no-repeat;}
.flexbtn.rblock-yelo .rightside, .flexbtn.rblock-yelo-h:hover .rightside, .flexbtn.usilite .rightside {background:url(../flexcss/images//btn/rndblockpastel_r.png) 100% 0 no-repeat; color: #622d0e;}
.flexbtn.dinky.rblock-yelo .rightside, .flexbtn.dinky.rblock-yelo-h:hover .rightside, .flexbtn.dinky.usilite .rightside {background:url(../flexcss/images//btn/rndblockpastel22_r.png) 100% 0 no-repeat; color: #622d0e;}
/* rblock- gold */
.flexbtn.rblock-gold .leftside, .flexbtn.rblock-gold-h:hover .leftside, .flexbtn.usilite-h:hover .leftside
{background:url(../flexcss/images//btn/rndblockpastel_l.png) 0 -35px no-repeat;}
.flexbtn.dinky.rblock-gold .leftside, .flexbtn.dinky.rblock-gold-h:hover .leftside, .flexbtn.dinky.usilite-h:hover .leftside
{background:url(../flexcss/images//btn/rndblockpastel22_l.png) 0 -22px no-repeat;}
.flexbtn.rblock-gold .rightside, .flexbtn.rblock-gold-h:hover .rightside, .flexbtn.usilite-h:hover .rightside
{background:url(../flexcss/images//btn/rndblockpastel_r.png) 100% -35px no-repeat; color: #622d0e;}
.flexbtn.dinky.rblock-gold .rightside, .flexbtn.dinky.rblock-gold-h:hover .rightside, .flexbtn.dinky.usilite-h:hover .rightside
{background:url(../flexcss/images//btn/rndblockpastel22_r.png) 100% -22px no-repeat; color: #622d0e;}

/* rblock- brown */ 
.flexbtn.rblock-brown .leftside, .flexbtn.rblock-brown-h:hover .leftside,
.flexbtn.usidark-h:hover .leftside{background:url(../flexcss/images//btn/rndblockpastel_l.png) 0 -70px no-repeat;}
.flexbtn.rblock-brown .rightside, .flexbtn.rblock-brown-h:hover .rightside,
.flexbtn.usidark-h:hover .rightside{background:url(../flexcss/images//btn/rndblockpastel_r.png) 100% -70px no-repeat; color: #ffe19e;}
.flexbtn.dinky.rblock-brown .leftside, .flexbtn.dinky.rblock-brown-h:hover .leftside,
.flexbtn.dinky.rusidark-h:hover .leftside{background:url(../flexcss/images//btn/rndblockpastel22_l.png) 0 -44px no-repeat;}
.flexbtn.dinky.rblock-brown .rightside, .flexbtn.dinky.rblock-brown-h:hover .rightside,
.flexbtn.dinky.usidark-h:hover .rightside{background:url(../flexcss/images//btn/rndblockpastel22_r.png) 100% -44px no-repeat; color: #ffe19e;}
/* rblock- dbrown ~~ usidark (site "dark" default)*/
.flexbtn.rblock-dbrown .leftside, .flexbtn.rblock-dbrown-h:hover .leftside,
.flexbtn.usidark .leftside{background:url(../flexcss/images//btn/rndblockpastel_l.png) 0 -105px no-repeat;}
.flexbtn.rblock-dbrown .rightside, .flexbtn.rblock-dbrown-h:hover .rightside,
.flexbtn.usidark .rightside{background:url(../flexcss/images//btn/rndblockpastel_r.png) 100% -105px no-repeat; color: #9F6949;}
.flexbtn.dinky.rblock-dbrown .leftside, .flexbtn.dinky.rblock-dbrown-h:hover .leftside,
.flexbtn.dinky.usidark .leftside{background:url(../flexcss/images//btn/rndblockpastel22_l.png) 0 -66px no-repeat;}
.flexbtn.dinky.rblock-dbrown .rightside, .flexbtn.dinky.rblock-dbrown-h:hover .rightside,
.flexbtn.dinky.usidark .rightside{background:url(../flexcss/images//btn/rndblockpastel22_r.png) 100% -66px no-repeat; color: #9F6949;}
/* FlexCSS™ | Copyright © Pixel Brite Creations, Inc. 2007-2009, All rights reserved **/