@import url("/common/css/pagebase.css");
@import url("/common/css/left.menu.css");
@import url("/common/css/textmenu.css");
@import url("/common/css/eventbase.css");

body#page {
  background-color: #f7f7f7;
  /*font-family:  Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Georgia, "Times New Roman", serif;
}
#testimonial {
	text-align: left;
		}
a {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  color: #b50000;
}

a:link, a:visited {
	color: #39b9ff;
  border-bottom-color: #ccc;
}

a:hover, a:active {
  border-bottom-color: #333;
}

a.imagelink:link, a.imagelink:visited, a.imagelink:hover, a.imagelink:active {
  border-bottom-width: 0;
}
img {border: none;}
img[align=right]{padding-left: 8px;}
img[align=left]{padding-right: 8px;}
* html img {padding: 0 8px;}

.frontpageboxes
{
	font-family: 'Didact Gothic', sans-serif;
}


h1, h4 {
  color: #DD0000;
  font-weight: normal;
}
h2, h3 {
	color: #008034;
	font-weight: normal;
}

h1 { font-size: 130% }
h2 { font-size: 115% }
h3 { font-size: 110% }
h4 { font-size: 100% }


* html .castpro { height: 1% } /* IE/Win < 7.0 - force layout */

table h2, table h3 {
  margin-top: 0.5em;
  margin-bottom: 0;
}

.highlight { color: black }

.wrap {
  margin: 0 0 0 0;
  border: 1px solid green;
  padding: 0 0 0 0;
}

#pagetop a:link, #pagetop a:active, #pagetop a:visited, #pagetop a:hover {
  text-decoration: none;
  border: none;
}

/*
 *   news article page styles
 */

.newsfilter { float: right }

.headlinelist {
  float: right;
  width: 20em;
  margin: 10px;
  border: 1px solid black;
  padding: 10px;
}

#creditlink {
  bottom: 8px;
  right: 0;
  background-color: #fffcf9;
  border: 1px solid #15A67F;
  line-height: 1.5em;
}

/*
 *   contentspot link style overrides
 */

/*
 *   page structure styles
 */

#pagetop {
  position: relative;
  z-index: 1;
  height: 125px;
  margin: 10px 8% 0 8%;
  text-align: center;
  border-bottom: 1px solid #a7d5fe;

	background: #eaecec url(../resources/blackbar.png) repeat-x;
}

* html #pagetop { top: 1px;
	background-color: #e6e6e6;
}

#rainbownameslogo {
	position: absolute;
	z-index: 10000;
	left: 50px;
	top: -5px;
}
#wavywords {
	position: absolute;
	z-index: 10001;
	left: 180px;
	top: 25px;
}
#shaving {
	margin-left:120px:
	border: thin solid #99CC33;
		}
.topleft {
	margin: 15px 0 0 10px;
	float: left;
	}
.topright {
	margin: 25px 10px 0 0;
	float: right;
		}
#body, #pagetail {
  margin: 0 8% 0 8%;
  border-style: dotted;
  border-width: 0 1px 1px 1px;
}

#body {
  overflow: hidden;
  position: relative;
  border-color: #aaa;
}

#pagetail {
  border-color: white;
}

#content, #textmenu, #latestnews {
  padding-left: 200px;
  padding-right: 10px;
  text-align: left;
  color: #424242;
}

#latestnews {
	x-background: url(/resources/newsstar.png) no-repeat fixed left center;
	border:  dotted 1px DD00aa;
}

#content {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 140%;
}

#textmenu {
  line-height: 140%;
}


/*
 *   left menu style overrides
 */

#navigate { position: absolute; top: 65px; left: 00px }

#menu { position: relative }
#menubar { position: relative }
#menuoffset { left: 70px; top: 5px; }
#menupad { top: -50px; left: -50px; width: 500px; height: 500px }

#menubar a:link, #menubar a:visited, #menubar a:active, #menubar a:hover {
/*	border: 1px solid #93BCAC; */
	background-color: #d5d5d5;
	width: 130px;
	color:  black;
	border: 1px solid #bfc0c3;
}

#menubar a:link, #menubar a:visited, #menubar a:active,
#menu .menubag a:link, #menu .menubag a:visited, #menu .menubag a:active {
  background-color: #d5d5d5;
  color: #000;
  text-transform: lowercase;
}

#menubar a:hover, #menu .menubag a:hover,
#menubar a.hover:link, #menubar a.hover:visited,
#menubar a.active:link, #menubar a.active:visited {
  background-color: #a0a0a0;
  color: #fff;
}

#menu .menubag div {
  margin-top: 0.6em;
  margin-left: 110px;
  border: 1px solid #bfc0c3;
  width: 130px;
  background-color: #66f;
}
#menubar ul, #menubar li, #menubaroffset ul, #menubaroffset li  {}
#menubar, #menu .menubag { opacity: 0.85;
	list-style-image: none;
	list-style-type: none;
}
/* non-standard alpha settings - will not validate */
#menubar, #menu .menubag { filter: alpha(opacity=85) } /* IE/Win */
#menubar, #menu .menubag { -moz-opacity: 0.85 }        /* early Gecko */
#menubar, #menu .menubag { -khtml-opacity: 0.85 }      /* early Konqueror/Safari */

#menubar .menuspacer {
	margin-top:  20px;
}

#navigate input {
  background-color: #F6F6F6;
  color: #333333;
  border: 1px solid #CECFCE;
}

#navigate input.text { width: 120px }
#znavigate input.button { width: 150px }

#scroller { position: relative; z-index: 10; top: -30px; color: #dd0000 }
#scroller img {vertical-align: -10%; padding-right:  5px;}


.linkclass {display: block; width:100%; height: 100%; text-decoration: none; border: none}
a.linkclass:hover, a.linkclass:active {background: url('/resources/smallrainbow.png') no-repeat top right}

a.basketlink {color: #424242; border-bottom: 1px dotted #DD00aa;}
a.basketlink:hover, a.basketlink:active {color:  #DD00AA;}

.button {
  color: #DD0000;
  font-weight: normal;
  background-color: #fffeff;
  border: 1px dotted #521b91;
}


/*
 *  name picker
 */

.namepicker .orderbox {
  display: inline-block;
  border-bottom: 1px solid #676;
  padding: 0.5em 1em 0.5em 0;
}

.namepicker span.label, .namepicker .control { display: block }

.namepicker input.searchbox {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  font-size: 200%;
}

.namepicker input.searchbox, .namepicker div.suggest a {
  text-transform: uppercase;
  color: #676;
}

.namepicker span.counter { font-size: 85%; color: red }
.namepicker div.buttons { padding: 1em 0 4em 0 }

.popover.status .cart { padding: 1em; font-size: 150%; color: #a66 }