@import url("/common/css/pagebase.css");
@import url("/common/css/leftmenu.css");
@import url("/common/css/cw2.css");
/* above is the master css */
#pagetop {
	background-color: black;
	height: 100px;
	width: 100%;
	/*margin-top: 20px;
	margin-left: 40px;
	margin-right: 40px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #99CC00;
	border-right-color: #99CC00;
	border-left-color: #99CC00;*/
}
body {
	margin: 0;
	padding-top: 0;
	background-color: #FFFFFF;
}
body#page {
	background-color: #ffffff;
	
}
.wizardslogo {
	border: 0;
	float: left;
	margin-left: 45px;
	margin-top: 15px
	}
.pointy {
	border: 0;
	float: right;
	margin-right: 35px;
	margin-top: 10px; 
	}
.divider {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A892C0;
}	
#content {
	color: #333333;
	font-size:100%;;
	background-color: white;
	margin-left: 40px;
	margin-right: 40px;
	padding: 15px 15px 15px 175px;
	/*	border: 2px solid #99CC00; */
	}
#content p {
	line-height: 150%;
}
#shopcart {
	position: absolute;
	top: 175px;
	right: 45px;
	width: 100px;
	border: 1px solid #FF6600;
}
#shopcart p {padding: 10px;}
#shopsearch {
	position: absolute;
	top: 128px;
	right: 45px;
	width: 100%;
	text-align:right;}

#shopsearch input, #shopsearch select, #shopsearch option {background-color:#99CC00; color:#000000;}

#menu {	top: 155px; }
#menubar { margin-left: 45px; }

#menu a:link, #menu a:visited, #menu a:active {
	color: #333333;
	background-color:#D4D0C8;
	text-transform: lowercase;
	border: 1px solid #FF6600;
  }

#menu a:hover, #menu .menubag div a:hover,
#menu a.hover:link, #menu a.hover:visited,
#menu a.active:link, #menu a.active:visited {
  background-color: #99CC33;
  color: white;
  border: 1px solid #FF6600;
}

#menu .menubag div {
  margin-top: 4px;
  background-color: #FFF;
}

#menupad {
	top: -50px;
	left: -50px;
	width: 600px;
	height: 400px;
}

h1 {
	font-size: 150%;
	color: #FF6600;
	font-weight:normal;
	}
h2 {
	font-size: 120%;
	color: #618300;
	font-weight:normal;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	display: inline;
}
h3 {
	font-size: 110%;
	color: #8668BD;	
	font-weight:normal;
}

a, a:visited {
	color: #666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}
a:hover, a:active {
	color: black;
	background-color: #FFFFFF;
	}

a.tristate:hover, a.tristate:active,
.thumb a:hover, .thumb a:active,
.thumblist a:hover, .thumblist a:active {
  background-color: transparent;
}

input {
	border: 1px solid #A892C0;
	background-color: #F3F3F3;
	color: #614886;
}
select {
	border: 1px solid #A892C0;
	background-color: #F3F3F3;
	color: #614886;
}

textarea {
	border: 1px solid #A892C0;
	background-color: #F3F3F3;
	color: #614886;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}

.service { text-align: center }
.highlight { color: #503B73 }
.explanatory { color: #7E62AD }


/*
 *   thumbnail and gallery styles
 */

.thumb {
  position: absolute;
  width: 110px;
  height: 110px;
  text-align: center;
}

.thumb img {
  border-style: none;
  margin-left: auto;
  margin-right: auto;
}

.piximage img { border-style: none }

.thumbnail { position: relative }

.loading {
  margin: 40px 100px 10px 100px;
  background-color: #b0a5c2;
  padding: 10px;
  text-align: center;
  font-size: 130%;
  color: white;
}

.thumblist {
  float: right;
  margin-top: 40px;
  width: 60px;
}

.thumblist img { border: 1px solid white; margin: 4px 1px }
.thumblist img.missing { border-color: #ddd }

.thumblist .selected img {
  border-color: white;
  opacity: 0.30;
  /* non-standard alpha settings - will not validate :) */
  -moz-opacity: 0.30;
  -khtml-opacity: 0.30;
  filter: alpha(opacity=30);
}

.thumblist a { border-bottom-width: 0 }
.thumblist a:hover img { border-color: #357910 }

.pagenav .thispage { background-color: #b0a5c2; color: white }


/*
 *   embedded admin page styles
 */

.loggedin { border: 1px solid #A892C0; padding: 1em; text-align: center }
.loggedin strong { color: #614B86 }


/*
 *   control panel tweaks
 */

#menubar br { display: none }
#menubar a.nav { margin-bottom: 4px }