<?php
// set default values
	$themeColor1="#000000";			//primary: black
	$themeColor2="#FFFF00";			//contrast: bright yellow
	$themeColor3="#FF0000";			//compliment: bright red-orange
	$themeColor4="#FFFFFF";         //compliment: white
	$themeColor5="#FF9900";         //bright/emphasis: tangerine
	$themeColor6="#3300CC";         //another emphasis
	$liBulletImg="../_assets/graphics/bullet.gif";
	//$navLink=$themeColor1;
	$navSectionLink=$themeColor1;
	$navDetailLink=$themeColor1;
	$navRo="#3300CC";   // blue
	$navOn="#660033";   // purple
?>

body, p, th, td, input, textarea {font-family:Tahoma, Verdana, Arial, sans-serif; color:<?php echo $themeColor1?>; font-size: <?php echo $font_size?>; line-height:130%; }
body {margin:5px; padding:0; background-color:#FFFFFF; }
ol.decimal {list-style-type: decimal; background-position:0em .5em; padding-left: .5em; padding-bottom:.3em;}
ul.bullet {list-style-image: url('<?php echo $liBulletImg?>') no-repeat; background-position:0em .5em; padding-left: .5em; padding-bottom:.3em; }
/*li {background:url('<?php echo $liBulletImg?>') no-repeat; background-position:0em .5em; padding-left: 1em; padding-bottom:.3em; } */
/*li {background-position:0em .5em; padding-left: 1em; padding-bottom:.3em; } */
hr {color:<?php echo $themeColor1?>; background-color:<?php echo $themeColor1?>; }
form {margin-top:0; margin-bottom:0; }
h1, h2, h3 {line-height:130%; color:<?php echo $themeColor3?>}
h2, h3 {font-size:110%; }
h4 {line-height:100%; font-size:90%; color:#000000}


/* used in store */
/*#smalllink td {background:#AEC1E1; font-size:70%; padding-left:20px; padding-right:20px; height:25px; border-top: 1px solid <?php echo $themeColor1?>; }*/
.smalllink a:link    {color:#FF6699; text-decoration:none; font-size:80%;}
.smalllink a:visited {color:#FF6699; text-decoration:none; font-size:80%;}
.smalllink a:hover   {color:#FF0033; text-decoration:underline; font-size:80%;}
.smalllink a:active  {color:#FF0000; text-decoration:none; font-size:80%;}
.producthed {
	font: bold 130% Tahoma, Arial, Helvetica, sans-serif;
	color: #3333CC;
	text-decoration: underline;
}
.productdesc {
	font: bold 120% Tahoma, Arial, Helvetica, sans-serif;
	color: #336699;
}

.toptext {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: -0.15pt;
}


#topbar {
	background: url(../_assets/graphics/topbar.png);
}

td.rulert {
	border-top: thin #336699;
	border-right: thin solid #336699;
	border-bottom: thin #336699;
	border-left: thin #336699;
}
/* store navigation */
#nav-new  {
	text-decoration:underline;
	background-color:#FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
#nav-gen  {
	text-decoration:underline;
	background-color:#FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
#nav-ladies  {
	text-decoration:underline;
	background-color:#FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
#nav-vintage  {
	text-decoration:underline;
	background-color:#FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
#nav-other  {
	text-decoration:underline;
	background-color:#FF0000;
	font-weight: bold;
	color: #FFFFFF;
}
/* end store navigation */
/*                       end store styles                          */


a:link {text-decoration:underline; color:<?php echo $navRo?>; }
a:hover {text-decoration:underline; color:<?php echo $navRo?>; }
a:visited {text-decoration:underline; color:<?php echo $navOn?>; }
a:active {text-decoration:none; color:<?php echo $navOn?>; }

.heading-fancy {font-family: pristina, cursive; font-size:140%; font-weight:bold; }
.color1 {color:<?php echo $themeColor1?>}
.color2 {color:<?php echo $themeColor2?>}
.color3 {color:<?php echo $themeColor3?>}
.color4 {color:<?php echo $themeColor4?>}
.color5 {color:<?php echo $themeColor5?>}
.highlight {color:<?php echo $themeColor3?>; font-weight:bold; }
.note {font-size:90%; color:<?php echo $themeColor6?>; padding:7px; border: 1px solid <?php echo $themeColor1?>; background-color:#F0F0F0}
// .testimonial {font-size:90%; color:<?php echo $themeColor1?>; font-weight:bold; padding:7px; border: 1px solid <?php echo $themeColor3?>; }
.testimonial {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:7px; }
.countdowntext {font-size:100%; color:<?php echo $themeColor1?>; font-weight:bold; padding:7px;}
.countdowntime {font-size:100%; color:<?php echo $themeColor1?>; font-weight:bold; }
.smallertext {font-size:90%; }
.smallesttext {font-size:80%; }
.largertext {font-size:115%; }
.largesttext {font-size:130%; }
.required {color:#FF0000; font-weight:bold; }
.hrule {border:1px solid <?php echo $themeColor1?>; margin:5px 0px;}
.artistdropdown {color:#000000; }

#vrule {border-right:#CCCC66; }

img.box {padding:1px; }

#container-outside { }
#container {background-color:#FFFFFF; border:2px solid #FFFFFF; }

#header { width:750px; }
#content {padding:12px; }

#col-left-container {height:100%; border-right:3px dotted #66DD33; }
#col-left {padding:10px 5px; height:100%; }

#col-right-container {height:100%; border-left:3px dotted #66DD33; }
#col-right {padding:10px 5px; }

#registration {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; border:2px solid <?php echo $themeColor3?>; background-color:<?php echo $themeColor5?>; padding:3px}
.registrationtext {font-size:90%; font-weight:bold; text-align:center; color:<?php echo $themeColor4?>;}

a.nav-section:link {text-decoration:none; color:<?php echo $navSectionLink?>; font-weight:bold; }
a.nav-section:visited {text-decoration:none; color:<?php echo $navSectionLink?>; font-weight:bold; }
a.nav-section:hover {text-decoration:underline; color:<?php echo $navSectionLink?>; font-weight:bold; display:block; width:100%; background-color:<?php echo $themeColor5?>}
a.nav-section:active {text-decoration:none; color:<?php echo $navOn?>; font-weight:bold; display:block; width:100%; background-color:<?php echo $themeColor2?>}   /* chg below, too */

#nav-detail {font-size:80%; padding-left:5px; }
a.nav-detail:link {text-decoration:none; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; }
a.nav-detail:visited {text-decoration:none; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; }
a.nav-detail:hover {text-decoration:underline; color:<?php echo $navDetailLink?>; font-weight:bold; font-size:90%; display:block; background-color:#6688C6}
a.nav-detail:active {text-decoration:none; color:<?php echo $navOn?>; font-weight:bold; font-size:90%; } /* chg below, too */

/* #quotescontainer {font-size:80%; color:<?php echo $themeColor1?>; font-weight:bold; padding:5px; border:2px solid <?php echo $themeColor3?>; background-image: url(../_assets/graphics/bg-fondgris.gif); } */
#quotescontainer-home {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:5px;  }
#quotescontainer-inside {font-size:90%; color:<?php echo $themeColor4?>; font-weight:bold; padding:5px;  background-color:<?php echo $themeColor4?>}
.quotestitle {font-size:90%; }
.quotestext {font-size:90%; font-weight:bold; text-align:left; color:<?php echo $themeColor1?>;}
.quoteswho {font-size:90%; font-style:italic; text-align:center; font-weight:bold; color:<?php echo $themeColor1?>;}

#formwarning {margin:7px; padding:5px; border: 1px solid #D92D39; background-color:#FCFCFC; }
.formwarning {color:#D92D39; }
.formsection {color:<?php echo $themeColor1?>; font-weight:bold; background-color:#CCCCCC; }

#prtsndsav {color:#FFFFFF; font-size:110%; font-weight:bold; padding-left:5px; }
a.prtsndsav:link {color:#FFFFFF; font-size:90%; font-weight:bold; text-decoration:none; }
a.prtsndsav:visited {color:#FFFFFF; font-size:90%; font-weight:bold; text-decoration:none; }
a.prtsndsav:hover {color:#FFFFFF; font-size:90%; font-weight:bold; text-decoration:underline; }
a.prtsndsav:active {color:#FFFFFF; font-size:90%; font-weight:bold; text-decoration:underline; }

#footer td {background:<?php echo $themeColor5?>; color:<?php echo $themeColor1?>; font-size:70%; padding-left:20px; padding-right:20px; height:25px; border-top: 1px solid <?php echo $themeColor3?>; }
.footer a:link    {color:#FFFFFF; text-decoration:underline; }
.footer a:visited {color:#FFFFFF; text-decoration:underline; }
.footer a:hover   {color:#FFFFFF; text-decoration:none; }
.footer a:active  {color:#FFFFFF; text-decoration:none; }

/* Image Gallery */
.thumbtitle {text-align:center; }
.enlargedimagetitle {padding:0px 10px; font-weight:bold; font-size:1.3em; }
.enlargedimagecategory {padding:0px 20px; color:#FF0000; font-family:'Times New Roman', Times, serif; font-size:1.5em; font-weight:bold; }
#thumbcontainer {padding:10px; }
#enlargedimagecontainer {padding:0px 10px; }

/* Styles for Photo gallery dotted dividers  */
.dividerleft {padding: 0px 0px 0px 15px; border-top-width: thin; border-right-width: thin;	border-bottom-width: thin; border-left-width: 2px;	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	margin:5px;
}
.dividertopleft {padding: 15px 0px 0px 15px; border-top-width: 2px; border-right-width: thin;	border-bottom-width: thin; border-left-width: 2px;	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: dotted;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	margin:5px;
}
.dividertop {padding: 15px 0px 0px 0px; border-top-width: 2px; border-right-width: thin;	border-bottom-width: thin; border-left-width: 2px;	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #FF0000;
	border-bottom-color: #FF0000;
	border-left-color: #FF0000;
	margin:5px;
}
/* END Styles for Photo gallery dotted dividers  */

<?php
// set the style for current detail and section links
//   do section link last in case detail and section IDs are the same - we want Section to win (be written last)
if ($currentDetailLink <> "")
  echo "\na#$currentDetailLink {text-decoration:none; color:$navDetailLink; font-weight:bold; font-size:90%; display:block; width:100%; background-color:$themeColor5}";
if ($currentSectionLink <> "")
  echo "\na#$currentSectionLink {text-decoration:none; color:$navSectionLink; font-weight:bold; font-size:100%; display:block; width:100%; background-color:$themeColor2}";
?>