/**
 * 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:#a73f59; }
.leftBoxContainer .b3 {background:#a73f59; }
.leftBoxContainer .b4 {background:#a73f59; }
.leftBoxContainer .b4b {background:#a73f59; }
.leftBoxContainer .b3b {background:#a73f59; }
.leftBoxContainer .b2b {background:#a73f59; }


.leftBoxContainer .b1 {margin:0 0 0 5px; background:#a73f59;}
.leftBoxContainer .b2, .leftBoxContainer .b2b {margin:0 0 0 3px; border-width:0 2px;}
.leftBoxContainer .b3, .leftBoxContainer .b3b {margin:0 0 0 2px;}
.leftBoxContainer .b4, .leftBoxContainer .b4b {height:2px; margin:0 0 0 1px;}
.leftBoxContainer .b1b {margin:0 0 0 5px; background:#fff;}

.leftBoxContainer .boxcontent {display:block; background:#F4F4F4; }


/* 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:#396496;}
.rightBoxContainer .b3 {background:#396496;}
.rightBoxContainer .b4 {background:#396496;}
.rightBoxContainer .b4b {background:#396496;}
.rightBoxContainer .b3b {background:#396496;}
.rightBoxContainer .b2b {background:#396496;}


.rightBoxContainer .b1 {margin:0 5px 0 0; background:#396496;}
.rightBoxContainer .b2, .rightBoxContainer .b2b {margin:0 3px 0 0; border-width:0 2px;}
.rightBoxContainer .b3, .rightBoxContainer .b3b {margin:0 2px 0 0;}
.rightBoxContainer .b4, .rightBoxContainer .b4b {height:2px; margin:0 1px 0 0;}
.rightBoxContainer .b1b {margin:0 5px 0 0; background:#fff;}

.rightBoxContainer .boxcontent {display:block; background:#f4f4f4;}

/* navSuppWrapper Inset 3D Curved */

.navSuppWrapper {background-color: #969EAB; 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:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}
.navSuppWrapper .b3 {background:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}
.navSuppWrapper .b4 {background:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}
.navSuppWrapper .b4b {background:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}
.navSuppWrapper .b3b {background:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}
.navSuppWrapper .b2b {background:#ffbd00; border-left:2px solid #ffbd00; border-right:2px solid #ffbd00;}


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

/* navMainWrapper Inset 3D Curved */

.navMainWrapper {background: transparent url(../images/mast-r.gif) no-repeat top right; height:30px;  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 .boxcontent {display:block; }

.boxtop {
font-size:0px;
height:30px;
background: transparent url(../images/mast-l.gif) no-repeat top left; 
} 

#boxbottom {
font-size:0px;
height:30px;
background: transparent url(../images/footer-l.gif) no-repeat top left; 
} 

#boxBottomWrapper {
background: #969EAB url(../images/footer-r.gif) no-repeat top right;
height:30px;
}