/**
 * 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 5px;}
.leftBoxContainer h1 {font-size:2em; color:#795C79; letter-spacing:1px;}
.leftBoxContainer h2 {font-size:1.5em; color:#795C79; letter-spacing:1px;}
.leftBoxContainer h3 {font-size:1em; font-family:georgia; color:#795C79; letter-spacing:1px; padding-left:10px;}
.leftBoxContainer h4 {font-size:14px; color:#333333; font-weight:bold; text-align: center; }
.leftBoxContainer p {font-size:12px; color:#C74339; padding-bottom:0.5em;}
.leftBoxContainer a {color:#795C79;}
.leftBoxContainer a:hover {color:#D3A6E9}

.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:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}
.leftBoxContainer .b3 {background:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}
.leftBoxContainer .b4 {background:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}
.leftBoxContainer .b4b {background:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}
.leftBoxContainer .b3b {background:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}
.leftBoxContainer .b2b {background:#ffffff; border-left:1px solid #795C79; border-right:1px solid #795C79;}

.leftBoxContainer .b1 {margin:0 5px; background:#795C79;}
.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:#999999;}

.leftBoxContainer .boxcontent {

display:block; 
background:#ffffff; 
border-left:1px solid #795C79; 
border-right:1px solid #795C79;
}



/* 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 {display:block; background:transparent; font-size:1px;}
.rightBoxContainer .b1, .rightBoxContainer .b2, .rightBoxContainer .b3, .rightBoxContainer .b4 {display:block; overflow:hidden;}
.rightBoxContainer .b1, .rightBoxContainer .b2, .rightBoxContainer .b3 {height:1px;}
.rightBoxContainer .b2 {background:#AB94C2; border-left:2px solid #AB94C2; border-right:2px solid #AB94C2;}
.rightBoxContainer .b3 {background:#AB94C2; border-left:2px solid #AB94C2; border-right:2px solid #AB94C2;}
.rightBoxContainer .b4 {background:#AB94C2; border-left:2px solid #AB94C2; border-right:2px solid #AB94C2;}

.rightBoxContainer .b1 {margin:0 5px; background:#AB94C2;}
.rightBoxContainer .b2 {margin:0 3px; border-width:0 2px;}
.rightBoxContainer .b3 {margin:0 2px;}
.rightBoxContainer .b4 {height:2px; margin:0 1px;}

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


/* navSuppWrapper Inset 3D Curved */

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

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

/* navMainWrapperSub Inset 3D Curved */

.navMainWrapperSub {background: transparent; width:100%; margin:0 auto; font: arial; font-size: 1.45em; color: #ffffff;}


.navMainWrapperSub h1, .navMainWrapperSub p {margin:0 10px;}
.navMainWrapperSub h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.navMainWrapperSub p {padding-bottom:0.5em;}

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

.navMainWrapperSub .b1, .navMainWrapperSub .b2, .navMainWrapperSub .b3, .navMainWrapperSub .b4 {display:block; overflow:hidden;} 
.navMainWrapperSub .b1b, .navMainWrapperSub .b2b, .navMainWrapperSub .b3b, .navMainWrapperSub .b4b {display:block; overflow:hidden;}
.navMainWrapperSub .b1, .navMainWrapperSub .b2, .navMainWrapperSub .b3 {height:1px;} 
.navMainWrapperSub .b1b, .navMainWrapperSub .b2b, .navMainWrapperSub .b3b {height:1px;}
.navMainWrapperSub .b1 {background:transparent;}
.navMainWrapperSub .b2 {background:#997DB5; border-left:2px solid #D3A6E9; border-right:2px solid #D3A6E9;}
.navMainWrapperSub .b3 {background:#997DB5; border-left:2px solid #9984Ae; border-right:2px solid #9984Ae;}
.navMainWrapperSub .b4 {background:#997DB5; border-left:2px solid #9984Ae; border-right:2px solid #9984Ae;}
.navMainWrapperSub .b4b {background:#663398; border-left:1px solid #663398; border-right:1px solid #663398;}
.navMainWrapperSub .b3b {background:#663398; border-left:1px solid #663398; border-right:1px solid #663398;}
.navMainWrapperSub .b2b {background:#663398; border-left:1px solid #663398; border-right:1px solid #663398;}


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

/*
.navMainWrapperSub .boxcontent {
display:block; 
background: #9984Ae; 
  
height: 35px; 
border-left:1px solid #9984Ae; 
border-right:1px solid #9984Ae;
}
*/
.navMainWrapperSub .boxcontent {
display:block; 
background-image: url(../images/topnav_bg.gif); 
background-repeat: repeat-x;  
height: 35px; 
border-left:1px solid #9984Ae; 
border-right:1px solid #9984Ae;
}

/* featuredWrapper Inset 3D Curved */

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

.featuredWrapper h1, .featuredWrapper p {margin:0 10px;}
.featuredWrapper h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.featuredWrapper p {
	text-align: left;
	margin-bottom: 5px;
	margin-left: 112px;
	padding-top: 9px;
	font-size:12px;
	font-weight: normal;
	font-family: arial; 
	color: #C74339;	
	}


.featuredWrapper .top {display:block; background: transparent; font-size:1px;}
.featuredWrapper .b1, .featuredWrapper .b2, .featuredWrapper .b3, .featuredWrapper .b4 {display:block; overflow:hidden;} 
.featuredWrapper .b1, .featuredWrapper .b2, .featuredWrapper .b3 {height:1px;} 

.featuredWrapper .b1 {background:transparent;}
.featuredWrapper .b2 {background:#997DB5; }
.featuredWrapper .b3 {background:#997DB5; }
.featuredWrapper .b4 {background:#997DB5; }

.featuredWrapper .b1 {margin:0 5px;  background:#AB94C2;}
.featuredWrapper .b2 {margin:0 3px; border-width:0 2px;}
.featuredWrapper .b3 {margin:0 2px;}
.featuredWrapper .b4 {height:2px; margin:0 1px;}

.featuredWrapper .boxcontent {
display:block; 
background:#ffffff;
}


/* testimonialWrapper Inset 3D Curved */

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

.testimonialWrapper h1, .testimonialWrapper p {margin:0 10px;}
.testimonialWrapper h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.testimonialWrapper p {padding-bottom:0.5em;}

.testimonialWrapper .boxcontent {
display:block; 
background:#ffffff;
}

/* rightSideWrapper Inset 3D Curved */

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

.rightSideWrapper .top {display:block; background: transparent; font-size:1px;}
.rightSideWrapper .b1, .rightSideWrapper .b2, .rightSideWrapper .b3, .rightSideWrapper .b4 {display:block; overflow:hidden;} 
.rightSideWrapper .b1, .rightSideWrapper .b2, .rightSideWrapper .b3 {height:1px;} 

.rightSideWrapper .b1 {background:transparent;}
.rightSideWrapper .b2 {background:#AB94C2; }
.rightSideWrapper .b3 {background:#AB94C2; }
.rightSideWrapper .b4 {background:#AB94C2; }

.rightSideWrapper .b1 {margin:0 5px;  background:#AB94C2;}
.rightSideWrapper .b2 {margin:0 3px; border-width:0 2px;}
.rightSideWrapper .b3 {margin:0 2px;}
.rightSideWrapper .b4 {height:2px; margin:0 1px;}

.rightSideWrapper .boxcontent {
display:block; 
background:#ffffff;
}