/**
 * 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:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.leftBoxContainer .b3 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.leftBoxContainer .b4 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.leftBoxContainer .b4b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.leftBoxContainer .b3b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.leftBoxContainer .b2b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}


.leftBoxContainer .b1 {margin:0 5px; background:#000000;}
.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 #000000; border-right:2px solid #000000;}


/* 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:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.rightBoxContainer .b3 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.rightBoxContainer .b4 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.rightBoxContainer .b4b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.rightBoxContainer .b3b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.rightBoxContainer .b2b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}


.rightBoxContainer .b1 {margin:0 5px; background:#000000;}
.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 #000000; border-right:2px solid #000000;}

/* 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:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navSuppWrapper .b3 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navSuppWrapper .b4 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navSuppWrapper .b4b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navSuppWrapper .b3b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navSuppWrapper .b2b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}


.navSuppWrapper .b1 {margin:0 5px; background:#000000;}
.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 #000000; border-right:2px solid #000000;}

/* 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:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navMainWrapper .b3 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navMainWrapper .b4 {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navMainWrapper .b4b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navMainWrapper .b3b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}
.navMainWrapper .b2b {background:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}


.navMainWrapper .b1 {margin:0 5px; background:#000000;}
.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:#000000; border-left:2px solid #000000; border-right:2px solid #000000;}