/**

 * CSS Buttons Stylesheet

 *

 * Thanks to paulm for much of the content of the CSS buttons code

 *

 * @package templateSystem

 * @copyright Copyright 2003-2005 Zen Cart Development Team

 * @copyright Portions Copyright 2003 osCommerce

 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0

 * @version $Id: stylesheet_css_buttons.css 4387 2006-09-04 13:54:28Z drbyte $

 */



/* css layout boxes */



/* leftBoxContainer Inset 3D Curved */



.leftBoxContainer {background: transparent; width:40%; margin:0 auto; margin-top: 1.5em;}

.leftBoxContainer h1, .leftBoxContainer p {margin:0 10px;}

.leftBoxContainer h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.leftBoxContainer p {padding-bottom:0.5em;}



.leftBoxContainer .top, .leftBoxContainer .bottom {display:block; background:transparent; font-size:1px;}

.leftBoxContainer .b1, .leftBoxContainer .b2, .leftBoxContainer .b3, .leftBoxContainer .b4, .leftBoxContainer .b1b, .leftBoxContainer .b2b, .leftBoxContainer .b3b, .leftBoxContainer .b4b {display:block; overflow:hidden;}

.leftBoxContainer .b1, .leftBoxContainer .b2, .leftBoxContainer .b3, .leftBoxContainer .b1b, .leftBoxContainer .b2b, .leftBoxContainer .b3b {height:1px;}

.leftBoxContainer .b2 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.leftBoxContainer .b3 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.leftBoxContainer .b4 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.leftBoxContainer .b4b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.leftBoxContainer .b3b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.leftBoxContainer .b2b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}





.leftBoxContainer .b1 {margin:0 5px; background:#FFCC33;}

.leftBoxContainer .b2, .leftBoxContainer .b2b {margin:0 3px; border-width:0 2px;}

.leftBoxContainer .b3, .leftBoxContainer .b3b {margin:0 2px;}

.leftBoxContainer .b4, .leftBoxContainer .b4b {height:2px; margin:0 1px;}

.leftBoxContainer .b1b {margin:0 5px; background:#fff;}



.leftBoxContainer .boxcontent {display:block; background:#ffffcc; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}





/* rightBoxContainer Inset 3D Curved */



.rightBoxContainer {background: transparent; width:40%; margin:0 auto; margin-top: 1.5em;}

.rightBoxContainer h1, .rightBoxContainer p {margin:0 10px;}

.rightBoxContainer h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.rightBoxContainer p {padding-bottom:0.5em;}



.rightBoxContainer .top, .rightBoxContainer .bottom {display:block; background:transparent; font-size:1px;}

.rightBoxContainer .b1, .rightBoxContainer .b2, .rightBoxContainer .b3, .rightBoxContainer .b4, .rightBoxContainer .b1b, .rightBoxContainer .b2b, .rightBoxContainer .b3b, .rightBoxContainer .b4b {display:block; overflow:hidden;}

.rightBoxContainer .b1, .rightBoxContainer .b2, .rightBoxContainer .b3, .rightBoxContainer .b1b, .rightBoxContainer .b2b, .rightBoxContainer .b3b {height:1px;}

.rightBoxContainer .b2 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.rightBoxContainer .b3 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.rightBoxContainer .b4 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.rightBoxContainer .b4b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.rightBoxContainer .b3b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.rightBoxContainer .b2b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}





.rightBoxContainer .b1 {margin:0 5px; background:#FFCC33;}

.rightBoxContainer .b2, .rightBoxContainer .b2b {margin:0 3px; border-width:0 2px;}

.rightBoxContainer .b3, .rightBoxContainer .b3b {margin:0 2px;}

.rightBoxContainer .b4, .rightBoxContainer .b4b {height:2px; margin:0 1px;}

.rightBoxContainer .b1b {margin:0 5px; background:#fff;}



.rightBoxContainer .boxcontent {display:block; background:#ffffcc; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}



/* navSuppWrapper Inset 3D Curved */



.navSuppWrapper {background: transparent; width:100%; margin:0 auto; margin-top: 1.5em; font-weight: bold; color: #ffffff;}

.navSuppWrapper h1, .navSuppWrapper p {margin:0 10px;}

.navSuppWrapper h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.navSuppWrapper p {padding-bottom:0.5em;}



.navSuppWrapper .top, .navSuppWrapper .bottom {display:block; background:transparent; font-size:1px;}

.navSuppWrapper .b1, .navSuppWrapper .b2, .navSuppWrapper .b3, .navSuppWrapper .b4, .navSuppWrapper .b1b, .navSuppWrapper .b2b, .navSuppWrapper .b3b, .navSuppWrapper .b4b {display:block; overflow:hidden;}

.navSuppWrapper .b1, .navSuppWrapper .b2, .navSuppWrapper .b3, .navSuppWrapper .b1b, .navSuppWrapper .b2b, .navSuppWrapper .b3b {height:1px;}

.navSuppWrapper .b2 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navSuppWrapper .b3 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navSuppWrapper .b4 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navSuppWrapper .b4b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navSuppWrapper .b3b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navSuppWrapper .b2b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}





.navSuppWrapper .b1 {margin:0 5px; background:#FFCC33;}

.navSuppWrapper .b2, .navSuppWrapper .b2b {margin:0 3px; border-width:0 2px;}

.navSuppWrapper .b3, .navSuppWrapper .b3b {margin:0 2px;}

.navSuppWrapper .b4, .navSuppWrapper .b4b {height:2px; margin:0 1px;}

.navSuppWrapper .b1b {margin:0 5px; background:#fff;}



.navSuppWrapper .boxcontent {display:block; background:#ffffcc; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}



/* navMainWrapper Inset 3D Curved */



.navMainWrapper {background: transparent; width:100%; margin:0 auto; font-weight: bold; color: #ffffff;}

.navMainWrapper h1, .navMainWrapper p {margin:0 10px;}

.navMainWrapper h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.navMainWrapper p {padding-bottom:0.5em;}



.navMainWrapper .top, .navMainWrapper .bottom {display:block; background:transparent; font-size:1px;}

.navMainWrapper .b1, .navMainWrapper .b2, .navMainWrapper .b3, .navMainWrapper .b4, .navMainWrapper .b1b, .navMainWrapper .b2b, .navMainWrapper .b3b, .navMainWrapper .b4b {display:block; overflow:hidden;}

.navMainWrapper .b1, .navMainWrapper .b2, .navMainWrapper .b3, .navMainWrapper .b1b, .navMainWrapper .b2b, .navMainWrapper .b3b {height:1px;}

.navMainWrapper .b2 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navMainWrapper .b3 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navMainWrapper .b4 {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navMainWrapper .b4b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navMainWrapper .b3b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}

.navMainWrapper .b2b {background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}





.navMainWrapper .b1 {margin:0 5px; background:#FFCC33;}

.navMainWrapper .b2, .navMainWrapper .b2b {margin:0 3px; border-width:0 2px;}

.navMainWrapper .b3, .navMainWrapper .b3b {margin:0 2px;}

.navMainWrapper .b4, .navMainWrapper .b4b {height:2px; margin:0 1px;}

.navMainWrapper .b1b {margin:0 5px; background:#fff;}



.navMainWrapper .boxcontent {display:block; background:#FFCC33; border-left:2px solid #FFCC33; border-right:2px solid #FFCC33;}