/* category colors 

kids - 0099cc
home - 99cc99
adult - 006080
seasonal - FF6633
working - 9571FF
*/

/* background image */

.bg {background: url(../images/bg.jpg) no-repeat; }

.floatRight {float: Right;}
.floatLeft {float: Left;}
.border {border-color: #5F9FDF; border-width: 2px; border-style: solid;}

/* body borders */
td.border {background: url(../images/newsbanner.jpg) no-repeat; border-right: 2px solid #0099CC;border-top: 2px solid #0099CC;border-left: 2px solid #0099CC;border-bottom: 2px solid #0099CC;}
td.events {background: url(../images/events.jpg) no-repeat; border-right: 2px solid #0099CC;border-top: 2px solid #0099CC;border-left: 2px solid #0099CC;border-bottom: 2px solid #0099CC;}
td.featured {float: Right; background: url(../images/featured.jpg) no-repeat; border-right: 2px solid #0099CC;border-top: 2px solid #0099CC;border-left: 2px solid #0099CC;border-bottom: 2px solid #0099CC;}



u.policy{font-family:tahoma;font-size:12;color: #FF8041;font-weight: bold;}

/* top right goo colors */
.cellback {background: url(images/background.jpg) no-repeat; width: 900px;}



/* product listing table border */
#frame-bottom { border-bottom: 2px solid #0099CC;}

.frame-headerkids {background: url(../images/kids_soap.jpg) no-repeat; border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}
.frame-headeradult {background: url(../images/adult_soap.jpg) no-repeat; border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}
.frame-headerworking {background: url(../images/working_soap.jpg) no-repeat; border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}
.frame-headerseasonal {background: url(../images/seasonal_soap.jpg) no-repeat; border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}
.frame-headerhome {background: url(../images/home_soap.jpg) no-repeat; border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}
.frame-header { border-top: 4px solid #0099CC; border-left: 4px solid #0099CC; border-right: 4px solid #0099CC; color: #000000; background-color: #0099CC;}



.frame-nav { border-top: 2px solid #0099CC; border-bottom: 2px solid #0099CC; color: #000000;}
.frame-div { border-bottom: 1px solid #c0c0c0; color: #000000;}
.frame-body { border-left: 2px solid #0099CC; border-right: 2px solid #0099CC; color: #000000;}
.frame-body-bottom { border-left: 2px solid #0099CC; border-bottom: 2px solid #0099CC; border-right: 2px solid #0099CC; color: #000000;}
.frame-full { border-top: 2px solid #0099CC; border-left: 2px solid #0099CC; border-bottom: 2px solid #0099CC; border-right: 2px solid #0099CC; color: #000000;}



.body {border-right: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;padding: 30px;background-color: #ffffff;}
.white {background-color: #ffffff;}
.nav {border-right: 2px solid #FFFFFF;border-top: 2px solid #FFFFFF;border-left: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;padding: 0px;background-color: #ffffff;}

/* link prefs */
a:link {color: #0099cc;font-family:Trebuchet MS;font-size:12;font-weight: bold;}
a:visited {color: #0099cc;font-family:Trebuchet MS;font-size:12;font-weight: bold;}
a:hover {color: #000000;text-decoration: none;}
a:active {color: #333333;}
.navfont{font-family:tahoma;font-size:10;color: #ffffff;font-weight: bold;}
.navfont:link{font-family:tahoma;font-size:10;color: #ffffff;font-weight: bold;}
.navfont:visited{font-family:tahoma;font-size:10;color: #ffffff;font-weight: bold;}
.navfont:hover{font-family:tahoma;font-size:10;color: #ffffff;font-weight: bold;text-decoration: none;}

/* text prefs */
.blue{font-family:tahoma;font-size:12;color: #0099cc;font-weight: bold;}
.orange{font-family:tahoma;font-size:12;color: #FF8041;font-weight: bold;}
.h1{font-family:tahoma;font-size:16;color: #5F9FDF;font-weight: bold;}
.secondary{font-family:tahoma;font-size:12;color: #0099CC;font-weight: bold;}
.frame-font{font-family:tahoma;font-size:12;color: #5F9FDF;font-weight: bold;}
.note{font-family:tahoma;font-size:10;color: #000000;}
.gray{font-family:tahoma;font-size:10;color: #c0c0c0;}
.alert{font-family:tahoma;font-size:10;color: #FF0000;}

.eventsDates{font-family:tahoma;font-size:10;color: #000000;}
.eventsName{font-family:tahoma;font-size:10;color: #0099cc;font-weight: bold;}


/* admin scent style boxes */
.db{visibility: hidden;}

/* admin edit icons */
a.edit:link {color: #ffffff;}
a.edit:visited {color: #ffffff;}
a.edit:hover {color: #c0c0c0;}
A:link .thumb {border-color: #ffffff;}
A:visited .thumb {border-color: #ffffff;}
A:hover .thumb {border-color: #c0c0c0;}

/* admin table colors */
td.kids{background-color: #CCCCFF;}
td.working{background-color: pink;}
td.adult{background-color: lightblue;}
td.seasonal{background-color: #CCFFCC;}
td.home{background-color: #FFFF99;}
td.scents{background-color: #CCCCFF;}
td.styles{background-color: lightblue;}
td.fabrics{background-color: #CCFFCC;}
/* ideal color scheme ideas

0099cc - blue
007CA6 - darker blue
006080 - darkest blue
CC7700 - orange
A64500 - darker orange
803500 - darkest orange
333333 - standard dark gray
cccccc - standard light gray
000000 - standard black

tandard dark gray
cccccc - standard light gray
000000 - standard black
*/



/* LYTEBOX CODE BELOW */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(images/close_red.png) no-repeat; }
	#lbClose.green { background: url(images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }


 }
	#lbPause.green { background: url(images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(images/pause_gold.png) no-repeat; }


