BODY		{ scrollbar-base-color: #2E2E38;
		scrollbar-track-color: #2E2E38;
		scrollbar-face-color: #4B4B59;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #4B4B59;
		scrollbar-darkshadow-color: #4B4B59;
		scrollbar-shadow-color: #FFFFFF;
		scrollbar-arrow-color: #FFFFFF;
		background-color: #707078;
		background-image: url("picts/background-main.jpg");
		margin: 0;
		padding: 0;
		border: 0px solid; }



/* PAGE LINK COLORS */



a:link		{ color: #CCFFCC; text-decoration: none; }

a:visited	{ color: #CCFFCC; text-decoration: none; }

a:active	{ color: #CCFFCC; text-decoration: none; }

a:hover		{ color: #99CCFF; text-decoration: none; }





/* THE NEXT LINE CONTROLS THE FONT SIZE FOR ALL PAGES */


TABLE 		{ COLOR: #DBDBF4; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.title 		{ COLOR: #FFFFFF; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.subtitle 	{ COLOR: #FFCC00; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.titlelarge	{ COLOR: #FFFFFF; font: 30px verdana, arial, sans-serif; font-weight: normal;}

.smalltitle 	{ COLOR: #FFFFFF; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle 	{ color: #FFCC66; font: 11px verdana, arial, sans-serif; font-weight: bold; }

/* START FOOTER TEXT */

.footer 	{ COLOR: #A2AAC3; FONT: 10px arial, verdana, sans-serif; font-weight: bold; }



/* MISC CODE AND COLORS */

.page-splits	{ border-top: #000000 1px solid; background:#7D7D7F; color:#7D7D7F; height: 2px; width: 100%; }

.hilite		{ COLOR: #FFCC66; }

.formmargin	{ margin: 0px; }

.just 		{ text-align: justify; }





/* HEADER DROP SHADOW */


.headshadow	{ 
		background-image: url("picts/shadow-header.gif");
		background-repeat: repeat-x;
		height: 25px;
		border-top: #000000 0px solid;
		}





/* PAGE TEXT BOXES */

fieldset	{ padding: 10px; -moz-border-radius: 5px; border: #A2AAC3 1px solid; }

fieldset legend	{ padding: 0; margin-bottom: 5px; }




/* LOCATION OF THE LEFT SIDEBAR ON THE PAGES */

#sidebar	{ LEFT: 15px; position: absolute; TOP: 105px; z-index: 4; }





/* ORDERING PAGE OPTIONS */

.imagetitles	{
		background-color: #32323C;
		background-color: transparent;
		BORDER: #32323C 0px solid;
		color: #FFFFFF;
		font: 30px verdana, arial, sans-serif;
		font-weight: normal;
		text-align: left;
		width: 275px;
		}

.safarititles	{
		background-color: #CCCCCC;
		BORDER: #FFFFFF 1px solid;
		color: #000000;
		font: 17px verdana, arial, sans-serif;
		font-weight: bold;
		text-align: left;
		width: 175px;
		}

.checkout 	{ COLOR: #000000;
		  background-color: #E6E1CA;
		  WIDTH: 225PX;
		  FONT: 12px verdana, arial, sans-serif;
		  margin-top:2px;
		  border: #000000 1px solid; }


.button-order { background-image: url("picts/cart-button.gif");
		background-color:#277BFF;
		FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 11px;
		height: 24px;
		width: 165px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left:14px;
		BORDER: #FFFFFF 1px solid }

.buttonon-order { background-image: url("picts/cart-buttonon.gif");
		background-color:#FF2745;
		FONT-FAMILY:  verdana, arial, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 11px;
		height: 24px;
		width: 165px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left:14px;
		BORDER: #FFFFFF 1px solid }


/* SELECTORS ON THE ordering.html */

optgroup 	{
	 	FONT: 13px verdana, arial, sans-serif;
	 	FONT-weight:bold;
	 	COLOR: #996633;
		background-color: #E6E1CA;
		margin-top: 3px;
		margin-bottom: 2px;
	 	}


optgroup option {
		FONT: 12px verdana, arial, sans-serif;
		font-weight:normal;
		COLOR: #000000;
		background-color: #FFFFFF;
		text-indent: 2px;
		padding-left: 2px;
		margin-left: 2px;
		}



/* IMAGE BORDER COLORS */


.Galborder 		{ border: #000000 1px solid;}

.Galborderon 		{ border: #FFFFFF 1px solid; Filter: Alpha(Opacity=80);-moz-opacity: 0.8; }

.image-border		{ LEFT: 0px; position: relative; top: 0px; border: #000000 1px solid; }

.image-borderon		{ LEFT: 3px; position: relative; top: 3px; border: #FFFFFF 1px solid; }





/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide { display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly { display:none; }
}






/* CONTACT FORM CODE */

.button		 {background-color:#717179;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #DEDEEE;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #DEDEEE 1px solid }


.buttonon	{background-color:#848494;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #FFFFFF 1px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid; }


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid; }

.dropdown 	{ COLOR: #7682AD;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif; }



/* LINKS PAGE CODE */


.searchform 	{ background-image: url("picts/shadeform.gif"); WIDTH: 100PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; BORDER: #000000 1px solid }


.searchdrop	{ WIDTH: 70PX; HEIGHT: 20PX; FONT: 11px arial, verdana, sans-serif; background-color:#FFFFFF; color:#333333 }












/* GALLERY NAV MENU */



.menu-nav	{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  text-align: center;
		  letter-spacing: 0px;
		  height: 19px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 8px;
		  padding-right: 8px;
		  margin-left: 3px;
		  margin-right: 3px;
		  cursor:hand;
		  line-height: 19px;
		  display: block;
		  white-space: nowrap;
		  border: #DEDEEE 1px solid; }


a.menu-nav:link 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:visited 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:active 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:hover 	{  background-color:#848494;
		  	   color: #FFFFFF;
			   border: #FFFFFF 1px solid;
			}





/* SLIDESHOW BUTTONS */


.slideshow	{
		background-color:#717179;
		color: #DEDEEE;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0px;
		height: 21px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 3px;
		margin-right: 3px;
		cursor:hand;
		line-height: 17px;
		display: block;
		white-space: nowrap;
		border: #DEDEEE 1px solid;
		}


.slideshowon	{
		background-color:#848494;
		color: #FFFFFF;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0px;
		height: 21px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 3px;
		margin-right: 3px;
		cursor:hand;
		line-height: 17px;
		display: block;
		white-space: nowrap;
		border: #FFFFFF 1px solid;
		}













/* START THE CODE FOR THE MENUS */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 135 IN 4 PLACES TOTAL */

/* menu ver 3.2 2008 */





/* MENU OUTER TABLE - BACKGROUND & TOP & BOTTOM MENU BORDERS */



.menutable 		{
			background-image: url("picts/menu.gif");
			background-color: #5C5C5C;
			white-space: nowrap;
			width:100%;
			border-top: #000000 0px solid;
			border-bottom: #000000 0px solid;
			padding: 0px;
			margin: 0px;
			}


/* CODE FOR MENU 2ND OUTER TABLE */

#menunav, #menunav ul 	{
			float: left;
			white-space: nowrap;
			width: 100%;
			list-style: none;
			padding: 0px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0px 0px 0px 0px;
			}








/* TOP LEVEL MARGINS, FONT FACE & FONT COLORS & PADDING */

#menunav a 		{
			color: #FFFFFF;
			font: 12px arial, "MS Sans Serif", sans-serif;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: center;
			padding: 3px 5px 4px 5px;
			width: auto;
			display: block;
			cursor: pointer;
			}



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li 		{
			background-color: #5C5C5C;
			background-image: url("picts/menu.gif");
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			float: left;
			padding: 0;
			}



/* TOP LEVEL HOVER FONT COLOR */

#menunav li a:hover	{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}







/* TOP LEVEL HOVER BACKGROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li:hover, #menunav li.IEMhover
			{
			background-color: #787878;
			background-image: url("picts/menuon.gif");
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}










/* SUB LEVEL FONT & FONT COLOR & PADDING */

#menunav li ul a 	{
			font: 11px arial, "MS Sans Serif", sans-serif;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: left;
			padding: 4px 0px 4px 0px;
			text-indent: 8px;
			cursor: pointer;
			}



/* SUB LEVEL FONT HOVER COLOR */

#menunav li ul a:hover 	{
			background-image: none;
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}


/* SUB LEVEL OUTER BORDER */

#menunav li ul 		{
			position: absolute;
			left: -999em;
			height: auto;
			width: 135px;
			border: solid #000000;
			border-width: 1px 1px 1px 1px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0;
			margin-left: -1px;
			margin-top: 0px;
			}


/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */

#menunav li ul li 	{
			background-image: none;
			background-color: #717179;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}


/* SUB LEVEL HOVER BACKGROUND AND BORDERS */

#menunav li ul li:hover, #menunav li ul li.IEMhover
			{
			background-image: none;
			background-color: #999999;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}




/* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */

#menunav li li {
	padding-right: 0px;
	width: 135px;
}



/* SUB MENU LINK WIDTH */

#menunav li ul a {
	width: 135px;
}



/* FOR 3rd LEVEL MENU LOCATION */

#menunav li ul ul {
	margin: -21px 0px 0px 135px;
}





#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.IEMhover ul ul, #menunav li.IEMhover ul ul ul
{ left: -999em; }

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.IEMhover ul, #menunav li li.IEMhover ul, #menunav li li li.IEMhover ul
{ left: auto; z-index:5; }







/* FOR 3rd LEVEL ARROW */

#menunav a.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}

#menunav a:hover.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}
/* START THE CODE FOR THE MENUS */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 135 IN 4 PLACES TOTAL */

/* menu ver 3.2 2008 */





/* MENU OUTER TABLE - BACKGROUND & TOP & BOTTOM MENU BORDERS */



.menutable 		{
			background-image: url("picts/menu.gif");
			background-color: #5C5C5C;
			white-space: nowrap;
			width:100%;
			border-top: #000000 0px solid;
			border-bottom: #000000 0px solid;
			padding: 0px;
			margin: 0px;
			}


/* CODE FOR MENU 2ND OUTER TABLE */

#menunav, #menunav ul 	{
			float: left;
			white-space: nowrap;
			width: 100%;
			list-style: none;
			padding: 0px;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0px 0px 0px 0px;
			}








/* TOP LEVEL MARGINS, FONT FACE & FONT COLORS & PADDING */

#menunav a 		{
			color: #FFFFFF;
			font: 12px arial, "MS Sans Serif", sans-serif;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: center;
			padding: 3px 5px 4px 5px;
			width: auto;
			display: block;
			cursor: pointer;
			}



/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li 		{
			background-color: #5C5C5C;
			background-image: url("picts/menu.gif");
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			float: left;
			padding: 0;
			}



/* TOP LEVEL HOVER FONT COLOR */

#menunav li a:hover	{
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}







/* TOP LEVEL HOVER BACKGROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li:hover, #menunav li.IEMhover
			{
			background-color: #787878;
			background-image: url("picts/menuon.gif");
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}










/* SUB LEVEL FONT & FONT COLOR & PADDING */

#menunav li ul a 	{
			font: 11px arial, "MS Sans Serif", sans-serif;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
			letter-spacing: 0px;
			text-align: left;
			padding: 4px 0px 4px 0px;
			text-indent: 8px;
			cursor: pointer;
			}



/* SUB LEVEL FONT HOVER COLOR */

#menunav li ul a:hover 	{
			background-image: none;
			color: #FFFFFF;
			text-decoration: none;
			cursor: pointer;
			}


/* SUB LEVEL OUTER BORDER */

#menunav li ul 		{
			position: absolute;
			left: -999em;
			height: auto;
			width: 135px;
			border: solid #000000;
			border-width: 1px 1px 1px 1px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			margin: 0;
			margin-left: -1px;
			margin-top: 0px;
			}


/* SUB LEVEL BACKGROUND COLOR & BORDER OPTION FOR EACH LINK */

#menunav li ul li 	{
			background-image: none;
			background-color: #717179;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}


/* SUB LEVEL HOVER BACKGROUND AND BORDERS */

#menunav li ul li:hover, #menunav li ul li.IEMhover
			{
			background-image: none;
			background-color: #999999;
			border: solid #000000;
			border-width: 0px 0px 0px 0px;
			/* NOTE: BORDERs ABOVE ARE | top | right | bottom | left */
			}




/* SUB MENU WIDTH - ALSO EDIT TWO BELOW AND ONE ABOVE TO MATCH */

#menunav li li {
	padding-right: 0px;
	width: 135px;
}



/* SUB MENU LINK WIDTH */

#menunav li ul a {
	width: 135px;
}



/* FOR 3rd LEVEL MENU LOCATION */

#menunav li ul ul {
	margin: -21px 0px 0px 135px;
}





#menunav li:hover ul ul, #menunav li:hover ul ul ul, #menunav li.IEMhover ul ul, #menunav li.IEMhover ul ul ul
{ left: -999em; }

#menunav li:hover ul, #menunav li li:hover ul, #menunav li li li:hover ul, #menunav li.IEMhover ul, #menunav li li.IEMhover ul, #menunav li li li.IEMhover ul
{ left: auto; z-index:5; }







/* FOR 3rd LEVEL ARROW */

#menunav a.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}

#menunav a:hover.parent {
	background: url(picts/menu-arrow.gif) center right no-repeat;
}



