/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  #006633

  Released under the GNU General Public License
*/


/*
  $Id: dynamenu_for_osc_styles.txt,v 1.00 2006/05/07 20:04:02 nate_02631 Exp $
	
	Dynamenu for osCommerce CSS Definitions

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  
	Released under the GNU General Public License
	
	Below are styles to be included in your catalog stylesheet (stylesheet.css) for
	use with Dynamenu for osCommerce. All the CSS declarations for various menu styles
	are included below. You need only include the style for the type of menu you plan
	to use in your store template (of course feel free to paste them all in if experimenting).
	
	The plain and DHTML  menus also work with a set of templates found in the
	/includes/functions/dynamenu/templates folder, but in just about all cases
	modifying the styles below should net you the results you want. 
	
*/
/* header nav*/
#second_row{text-align:right;
            margin-top:10px;
           font-size:small;
            }

#extras_row{text-align:right;
            margin-top:5px;
            font-size:small;
            color:#ffffcc}
#extras_row a{ font-size :small;
            color:#ffffcc;
            text-decoration: none;}
#third_row{text-align:right;margin-top:5px;}

#third_row	ul {list-style:none;margin:0;padding:0;font-size: 12px}
#third_row ul	li {float:right;width:auto;margin:0;padding:0;text-align:center;}
	#a li a {display:block;padding:5px 5px;height:100%;color:#ffffCC;text-decoration:none;border-right:1px solid #000000;}
	 li a {background:url(bg.png) repeat 0 0;}
	#a li a:hover, li a:focus, li a:active {background-position:-150px 0;color:#006633}
	#a a {background:url(bg.png) repeat -20px 35px;}


#spinner{margin-top: 75px;
	text-align: center;
}
#wholesite{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
}
#headernew{
font-family: Verdana, Arial, sans-serif; font-size: 10px;
   background:#006633;
   padding:10px;
   margin-top: 3px;
}

#logo{display:none;}



#slider-code { height: 250px; overflow:hidden;margin-left:auto;margin-right: auto ; text-align: center;}
#slider-code .viewport { float: left; width: 430px; height: 600px; overflow: hidden; position: relative; }
#slider-code .buttons { display: block; margin: 30px 10px 0 0; float: left; font-size: large; color:"#006633"}
#slider-code .next { margin: 30px 0 0 10px;  }
#slider-code .disable { visibility: hidden; }	
#slider-code .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 30; top: 0; }
#slider-code .overview li{ float: left; margin: 0 10px 0 0; padding: 1px; height: 190px; border: 2px solid #006633; width: 200px;}
					
.thumb{
border: 1px solid #696;
padding: 5px;
height:120px;
display:table-cell; vertical-align:middle;
width: 120px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius: 10px;
-pie-border-radius: 10px;

background: #ffffff;
margin-bottom: 3px;

webkit-box-shadow: #666 0px 4px 5px;
-moz-box-shadow: #666 0px 4px 5px;
box-shadow: #666 0px 4px 5px;
position:relative;
z-index:0;
behavior: url(PIE.php);


}


.boximage{
  width:160px;
  height:auto}
	 
#pscroller1 {
	height: 160px;
	border: 0px;
	padding: 5px;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 0px;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass {
  	font-family: sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
}




/*-------------------------------------*/
/*   Horizontal Drop-Down Menu Style   */
/*-------------------------------------*/

.horbar	{   /* Color of main horizontal menubar and border */
	color: black;
	background-color: #e6e7e6;
	border: 1px outset #525252;
}

.horizitem	{          /* Behaviour of main horizontal menu items, leave as is for proper operation */
	float: left;
	white-space: nowrap;
}

.horizitem a {              /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	position: relative;	
	display: block;	
}

.horizitem a:link, .horizitem a:visited 	{      /* Font style & color of main menu items */
	color: #000000;
	text-decoration: none;
}

.horizitem a:hover	{       /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizitem a:active	{       /* Font style & color, background menu color of main menu item when clicked */
	color: #ffff00;
	background-color: #666666;	
	text-decoration: none;
}

.horizsubmenu	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.horizsubframe	{      /* Color of submenu item and border */
	background-color: #e6e7e6;
	border: 2px outset #fdfefd;
	
	position: relative;
	display: block;	
}

.horizsubitem	{       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.horizsubitem a {            /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;	
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.horizsubitem a:link, .horizsubitem a:visited	{       /* Font color, style of submenu items */
	color: #000000;
	font-size: 12px;	
	text-decoration: none;
}

.horizsubitem a:hover	{      /* Font color, style, background submenu color of submenu item when hovered over */
	color: #ffffff;
	background-color: #21459c;
	text-decoration: none;
}

.horizsubitem a:active	{      /* Font color, style, background submenu color of submenu item when clicked */
	color: #ffff00;
	background-color: #666666;		
	text-decoration: none;
}

.horizsubitem .horizfwdarr, .horizitem .horizfwdarr	{      /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ccc;
		font-weight: bold;
}

.horbar .dmselected {   /* Style override for selected root category */
    background-color: #999;
}


/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/

.verbar	{   /* Color of main vertical menubar and border */
	color: #006633;
	background-color: #ffffcc;
	border: 0px outset #ffffcc;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
}

.vertitem	a {   /* Font style, size of main menu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;		
	text-decoration: none;
	position: relative;
	display: block;		
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #006633;
	text-decoration: none;	
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #ffffcc;
	background-color: #006633;
	text-decoration: none;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #ffffcc;
	background-color: #006633;
	text-decoration: none;	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #ffffcc;
	border: 1px outset #006633;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
  font-family: Verdana, Arial, sans-serif;
	font-size: 12px;			
	text-decoration: none;
	
	position: relative;
	display: block;	
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #006633;
	text-decoration: none;	
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #ffffcc;
	background-color: #006633;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #ffffcc;
	background-color: #006633;
	text-decoration: none;		
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #006633;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
   background-color: #ffffcc;
		font-weight: bold;
}

/*---------------------------*/
/* Tree and Plain Menu Style */
/*---------------------------*/

.treemenudiv	{     /* Behaviour of tree/plain menu item - leave as is for proper performance */
	display: block;
	white-space: nowrap;
}


.phplmbodytable { /* Class of table cells containing plain menus */

}

.phplmnormal {     /* Font size & color of unlinked menu items */
	color: #000000;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:link, a.phplm:visited	{      /* Font color, style of linked & visited menu items */
	color: #003300;
	font-size: 13px;	
	text-decoration: none;	
}


a.phplm:hover	{      /* Font color, style of menu items when hovered over */
	color: #ffffcc;
	background-color: #006633;
	font-size: 13px;	
	text-decoration: none;	
}

a.phplm:active	{      /* Font size & color of menu items when clicked */
	color: yellow;
	font-size: 13px;	
	text-decoration: none;	
}

.dmselected {   /* Style overide for selected category tree */
    background-color: #ffffcc;
    color: #006633;
		font-weight: bold;
}



.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  //background: #eeffee;
  background-image:url('backstripe.gif');
  background-repeat: repeat-x;
  color: #000000;
  margin: 0px;
}

A { zoom:1;
//  display:block;zoom:1;cursor:pointer;
//  display:block;zoom:1;cursor:pointer;
  color: #000000;
  text-decoration: none;
}

A:hover {
 // zoom:1;
 // display:block;
  color: #AABBDD;
  text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #006633;
}


TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 18px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #006633;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006633;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #ffffcc;
}

.infoBoxContents {
  background: #ffffcc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;text-align:center;
  font-weight: bold;
  background: #ffffcc;
  color: #006633;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;border:0;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #006633;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006633;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #006633;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}



TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #006633;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(0,100%,100%,0);
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#ffffff;
	layer-background-color:#ffffff;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:12px;
}

.clLevel0{
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
	color:#006633;
}

.clLevel0over{
	background-color:#006633;
	layer-background-color:#006633;
	color:#ffffcc;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#ffffcc;
	layer-background-color:ffffcc;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Verdana,arial,helvetica;
	font-size:12px;
}

.clLevel1{
	background-color:#ffffcc;
	layer-background-color:#ffffcc;
	color:#006633;
}

.clLevel1over{
	background-color:#006633;
	layer-background-color:#006633;
	color:#ffffcc;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#006633;
	layer-background-color:#006633;
}

/* ----------------- coolMenu_eof ----------------- */


/* Special Scroller */
.productListing-data .css3button{
	font-size: 10px;
     
	padding: 2px 2px;
}
.productListing-data .css3button:hover{
	font-size: 10px;
	padding: 2px 2px;
}
/*
.css3button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
          cursor:pointer;
	color: #eef0a6;
	padding: 6px 7px;
        background: #006633;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#006633');
         zoom:1;
      
 //       display:block;
	background: -moz-linear-gradient(
		top,
		#fafafa 0%,
		#006633 54%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fafafa),
		color-stop(0.54, #006633),
		to(#000000));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #006633;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(234,240,065,0),
		2px 1px 0px rgba(214,073,214,0);

        behavior: url(/testsite/PIE.php);}
.css3button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #eef0a6;
        
  	padding: 6px 7px;
background: #006633;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#006633');

	background: -moz-linear-gradient(
		top,
		#fafafa 0%,
		#006633 97%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fafafa),
		color-stop(0.97, #006633),
		to(#000000));
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border: 1px solid #006633;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(234,240,065,0),
		2px 1px 0px rgba(214,073,214,0);


}
.css3button:active {
	position: relative;
	top: 1px;

}

*/
.css3button{

   margin-top:2px;
	margin-bottom:2px;
	cursor: pointer;
	text-decoration:none;
	border: 0px solid rgb(136, 136, 136);
	padding: 3px 5px 3px 5px;
        
	color:rgb(255, 255, 204);
	font-size:13px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(85, 85, 85);
	font-size: 13px;
	border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	box-shadow:0px 3px 4px rgb(0, 0, 0);
	-moz-box-shadow:0px 3px 4px rgb(0, 0, 0);
	-webkit-box-shadow:0px 3px 4px rgb(0, 0, 0);
	background-color: #007733;
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 102, 51) 68%, rgb(0, 102, 51));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), color-stop(0.68, rgb(0, 102, 51)), to(rgb(0, 102, 51)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 102, 51) 68%, rgb(0, 102, 51));
   position:relative;
   z-index:0;
   -pie-border-radius: 10px;
   -pie-background: linear-gradient(-90deg, rgb(255, 255, 255), rgb(0, 102, 51) 68%, rgb(0, 102, 51));
 
   }
.css3button:hover {
  cursor: pointer;
	text-decoration:none;
	outline:none;
	border: 0px solid rgb(136, 136, 136);
	padding: 3px 5px 3px 5px;
	color:rgb(255, 255, 204);
	font-size:13px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(85, 85, 85);
	font-size: 13px;
	border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	box-shadow:0px 3px 4px rgb(0, 0, 0);
	-moz-box-shadow:0px 3px 4px rgb(0, 0, 0);
	-webkit-box-shadow:0px 3px 4px rgb(0, 0, 0);
	background-color: rgb(0, 102, 51);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgba(0, 102, 51, 0.4) 40%, rgb(0, 102, 51));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), color-stop(0.4, rgba(0, 102, 51, 0.4)), to(rgb(0, 102, 51)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgba(0, 102, 51, 0.4) 40%, rgb(0, 102, 51));
   -pie-background: linear-gradient(-90deg, rgb(255, 255, 255), rgba(0, 102, 51, 0.4) 40%, rgb(0, 102, 51));   
   }
.css3button:active {
 	cursor: pointer;
	text-decoration:none;
        outline:none;
	border: 0px solid rgb(136, 136, 136);
	padding: 3px 5px 3px 5px;
	color:rgb(255, 255, 204);
	font-size:13px;
	font-family:arial, serif;
	text-shadow: 0px 0px 5px rgb(85, 85, 85);
	font-size: 13px;
	border-radius:20px 20px 20px 20px;
	-moz-border-radius:20px 20px 20px 20px;
	-webkit-border-radius:20px 20px 20px 20px;
	box-shadow:0px 3px 4px rgb(0, 0, 0);
	-moz-box-shadow:0px 3px 4px rgb(0, 0, 0);
	-webkit-box-shadow:0px 3px 4px rgb(0, 0, 0);
	background-color: rgb(0, 102, 51);
	background-image:linear-gradient(-90deg, rgb(255, 255, 255), rgba(0, 102, 51, 0.35) 0%, rgb(0, 102, 51));
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, from(rgb(255, 255, 255)), color-stop(0, rgba(0, 102, 51, 0.35)), to(rgb(0, 102, 51)));
	background-image:-moz-linear-gradient(-90deg, rgb(255, 255, 255), rgba(0, 102, 51, 0.35) 0%, rgb(0, 102, 51));
   }





.box{
background-color:#ffffcc;
zoom:1;
position:relative;
padding:7px;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
behavior: url(/testsite/PIE.php);
border: 1px groove #807F7F;
}
#breadcrumb {
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('bc_bg.gif'); 
    background-repeat:repeat-x;
	height:30px;
    line-height:30px;
    color:#006636;
    border:solid 1px #006633;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}

#breadcrumb li {
    list-style-type:none;
    padding-left:10px;
	display:inline-block;
	float:left;
}

#breadcrumb a {
	display:inline-block;
    background-image:url('bc_separator.gif'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#006633;
	outline:none;
}

.home {
    border:none;
    margin: 7px 0px;
}

#breadcrumb a:hover {
	color:#ffffcc;
}