/**
 * CSS Boxes Stylesheet
 *
 * Thanks to Laszlo for much of the content of the CSS boxes 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 */

/* Small left and right boxes */
		/* Box layout 1 - Blue */
/*div.bluebox { width: 800px; } /* Debug option */
div.blueboxsmall {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #2C2C2C; margin-top:8px; }
div.blueboxsmall div.top { background-image: url(../images/boxes/box_small_blue_1b.gif); background-repeat: repeat-x; height: 20px; }
div.blueboxsmall div.top div.left { background-image: url(../images/boxes/box_small_blue_1a.gif); background-repeat: no-repeat; width: 8px; height: 20px; float: left; }
div.blueboxsmall div.top div.title { background-image: url(../images/boxes/box_small_blue_1b.gif); background-repeat: repeat-x; padding-top: 3px; padding-left:10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; text-align: left; float: left; }
div.blueboxsmall div.top div.title a { color: #FFFFFF; }
div.blueboxsmall div.top div.right { background-image: url(../images/boxes/box_small_blue_1c.gif); background-repeat: no-repeat; width: 8px; height: 20px; float: right; }
div.blueboxsmall div.middle { margin: 0px; padding: 0px; background-color:#FFFFFF; border: none; border-left: solid 1px #9a9a9a; border-right: solid 1px #9a9a9a; }
div.blueboxsmall div.bottom { background-image: url(../images/boxes/box_small_blue_3b.gif); background-repeat: repeat-x; height: 6px; }
div.blueboxsmall div.bottom div.left { background-image: url(../images/boxes/box_small_blue_3a.gif); background-repeat: no-repeat; width: 8px; height: 6px; float: left; }
div.blueboxsmall div.bottom div.right { background-image: url(../images/boxes/box_small_blue_3c.gif); background-repeat: no-repeat; width: 8px; height: 6px; float: right; }



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


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


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


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

/* navSuppWrapper Site Footer */
/* my stuff */
div.navSuppWrapper { margin: 0px; margin-top:5px; width: 100%; height: 21px; border: none; background-image: url(../images/footer/footer_bg.gif); }
div.navSuppWrapper div img { border: 0px; }
/* predefined */