/* Page Elements
----------------------------------------------- */
body {
  background:#FFF;
  color:#000;
  margin:10px auto;
  padding:0;
  font:x-small arial,sans-serif;
  text-align:center;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;}
body.resultspg {
  margin:10px 15px;
  text-align:left;
  }
#main {
  position:relative;
  width:730px;
  margin:0 auto;
  text-align:left;
  }
#content {
  position:relative;
  width:800px;
  margin:0 auto;
  text-align:left;
  background:#fff;
  }

  
/* Links
----------------------------------------------- */



#menu {
    position: relative;
    top: 30px;
    width:580px;
 
}

#menu ul
{
	margin: 0px;
	padding: 0px;
}

#menu li
{
	margin: 1px;
	display: inline;
	list-style: none;
	
}

#menu a:link, #menu a:visited {
    float: left;
    line-height: 5px;
    display: block;
    padding: 10px;
    text-decoration: none;
    font: .9em Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000;
	border-left: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	border-top: solid 1px #bbb;
}

.rt {
	border-right: solid 1px #bbb;

}

#menu a:hover {
	color: #000;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	background-color: #F60;
}

#active a:link, #active a:visited, #active a:hover {
	color: #000;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	background-color: #F60;
}

#menu img {
	float: left;
	}


#categories
{
	border-top: 10px solid #F90;
	border-bottom: 10px solid #F90;
	padding: 5px;
	background-color: #FFF;
	color: #000;
	text-align: center;
}

#categories a
{
	color: black;
	text-decoration: none;
}

#categories a:hover
{
	color: #999;
	border-bottom: 2px solid #F90;
	border-top: 2px solid #F90;
}

#categories .select
{
	font-weight: bold;
	border-bottom: 2px solid #F90;
	border-top: 2px solid #F90;
}
	

/* North (logo/links)
----------------------------------------------- */
#north {
  position:relative;
  width:750px;
  margin:0 auto 10px;
  padding:2px 0 7px;
  text-align:right;
  color:#666;
  }
.resultspg #north {
  width:100%;
  }
#north .logo {
float:left;
text-align:left;
  top:0;
  left:0;
  background:#fff;
  padding:2px 2px 0 2px;
  }
#north hr {display:none;}
  

/* Header
----------------------------------------------- */
#header {
  background:#e0e0e0;
  border-top:1px solid #9b9b9b;
  padding:5px 0 1px;
  margin:0 0 15px;
  text-align:left;
  }
#sheader {
  background:#e0e0e0;
  border-bottom:1px solid #9b9b9b;
  padding:1px 0 5px;
  margin:15px 0 0;
  text-align:left;
  }
#header .query {
  margin:0 15px 8px;
  white-space:nowrap;
  }
#sheader .query {
  margin:8px 15px 0;
  clear:both;
  }
#sheader .query span {
  white-space:nowrap;
  }
#header .query label {
  font-weight:bold;
  }
#header .addlinks {
  margin:0;
  padding-right:15px;
  float:right;
  }
#header p {
  margin:3px 0 0;
  }
.toggle {
  clear:both;
  background:#ADCFFF url("img/3px_666.gif") repeat-x top;
  margin:0;
  text-align:right;
  padding:0 15px 0 0;
  }
#sheader .toggle {
  background-position:bottom;
  }


hr {
clear:both;
}


/* Horizontal Tabs
----------------------------------------------- */
.htabs {
  margin:0;
  padding:0 0 0 10px;
  text-align:left;
  }
.htabs li {
  list-style:none;
  display:inline;
  padding:0;
  margin:0;
  }
.htabs a, .htabs a:visited, .htabs strong, .htabs em {
  display:block;
  float:left;
  padding:2px 8px;
  margin:14px 2px 1px 2px;
  border:1px solid #cef;
  border-width:1px 1px 0;
  font-weight:bold;
  line-height:1.2em;
  }
#sheader .htabs a, #sheader .htabs a:visited, #sheader .htabs strong, #sheader .htabs em {
  margin:0 2px 14px 2px;
  border-width:0 1px 1px;
  }
.htabs a:hover {
  background:#fff;
  }
.htabs strong {
  background:url("img/pt_t.gif") no-repeat 50% 0%;
  margin-top:0;
  padding:14px 0 0;
  border-width:0;
  }
#sheader .htabs strong {
  background:url("img/point_bot_1.gif") no-repeat 50% 100%;
  margin-bottom:0;
  margin-top:-1px;
  padding:0 0 15px;
  border-width:0;
  }
.htabs span {
  float:left;
  display:block;
  background:#fff;
  border:1px solid #999;
  border-bottom-color:#fff;
  padding:2px 12px 3px;
  }
/* \ Hack to get IE5/Mac to ignore the following rule - it needs the floated span and the extra pixel of padding-bottom */
.htabs span {float:none; padding-bottom:2px;}
#sheader .htabs span {
  border-color:#999;
  border-top-color:#fff;
  }
.htabs em {
  float:none;
  margin:0;
  padding:16px 0 3px;
  border-width:0;
  }
#sheader .htabs em {
  margin:0;
  padding:3px 0 16px;
  border-width:0;
  }


/* Vertical Tabs
----------------------------------------------- */
.vtabs {
  position:absolute;
  top:0;
  left:0;
  background:#FFF;
  width:159px;
  margin:0;
  padding:0;
  }
.vtabs li {
  display:inline;
  margin:0;
  padding:0;
  list-style:none;
  line-height:1.5em;
  }
.vtabs a, .vtabs strong {
  display:block;
  background:no-repeat 3px 50%;
  padding:.8em 0 .5em 45px;
  margin-right:1px;
  line-height:1em;
  height:2.8em;
  border:1px solid #dedede;
  border-width:0 0 1px 1px;
  voice-family: "\"}\""; voice-family:inherit;
  height:1.5em;
  } html>body .vtabs a, html>body .vtabs strong {height:1.5em;}
.vtabs strong {
  border-color:#a4a4a4;
  border-top-width:1px;
  background-color:#F90;
  margin-right:0;
  height:2.8em;
  position:relative;
  top:-1px;
  voice-family: "\"}\""; voice-family:inherit;
  height:1.5em;
  } html>body .vtabs strong {height:1.5em;}
.vtabs a:link, .vtabs a:visited {
  color:#F60;
  }
.vtabs a:hover {
  color:#333;
  background-color:#F90;
  }

.vtabs {
  border-top:1px solid #dedede;
  height:41px;
  top:0;
  voice-family: "\"}\""; voice-family:inherit;
  height:22px;
  } html>body .vtabs {height:22px;}


/* content
----------------------------------------------- */
#inside {
  background:#FFFFFF;
  color:#000;
  border:1px solid #a4a4a4;
  padding:15px 20px;
  margin:0 0 0 159px;
  }
#cart {
  background:#FFFFFF;
  color:#000;
  border:1px solid #a4a4a4;
  padding:15px 20px;
  margin:0 0 0 0px;
  }
form p {
  margin:1em 0;
  }
.addlinks {
  margin:15px 0 20px;
  font:75%/1.3em Verdana,Sans-serif;
  color:#666;
  }
p.tour {
  margin:32px 0 15px;
  font-size:125%;
  }
  
p.text {
	margin-bottom: 1.2em;
	letter-spacing: .08em;
	}
	
p.faq {
	margin-bottom: 2em;
	letter-spacing: .08em;
	}
	
p.standout {
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	padding: 15px;
	text-align: center;
	font-size: 120%;
	letter-spacing: .08em;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	
	}

li {
	margin-bottom: 1.2em;
	letter-spacing: .08em;
	}

/* Product Display
----------------------------------------------- */

#prod {
	float: left;	
	position: relative;
	padding: 2px;
	margin-bottom: 10px;
	}

#prod .box {
	border: 1px solid #999;
	width: 125px;
	height:270px;
	font: 10px arial;
	text-align: center;
	}

#prod .box_lg {
	border: 1px solid #999;
	width: 210px;
	height:260px;
	font: 10px arial;
	text-align: center;
	}

#prod img {
	border: 0;
	}
	
#prod .title {
	font: 16px arial;
	font-weight: bold;
	text-align: center;
	}

/* Titles
----------------------------------------------- */
h1 {
  margin:0 0 5px;
  font-size:125%;
  clear:both;
  }
.resultspg h2 {
  clear:left;
  margin:15px 0 5px;
  padding-bottom:3px;
  border-bottom:1px solid #c00;
  font-size:100%;
  color:#c00;
  text-transform:uppercase;
  }
.resultspg h2.first {
  border-width:0;
  }
.resultspg h2 span {
  font:75% Verdana,Sans-serif;
  color:#666;
  text-transform:none;
  }
.resultspg h3 {
  margin:0;
  font-size:100%;
  }


/* Form Elements
----------------------------------------------- */
input.text {
  font:small Arial,Sans-serif;
  }
#inside p span {
  display:block;
  margin-top:0px;
  }
p.query label {
  display:block;
  margin:0 0 3px;
  font:bold 75% Verdana,Sans-serif;
  }
fieldset {
  border-width:0;
  display:inline;
  padding:0;
  margin:0 auto;
  }
  

/* Categories
----------------------------------------------- */
.categories {margin:10px 0;}
.categories h3 {display:inline;}
.categories ul, .categories li {
  display:inline;
  margin:0;
  padding:0;
  }
.categories li {
  padding-left:5px;
  }


/* Lists
----------------------------------------------- */
ul.ovr, .ovr li, ol#web, #web li {
  margin:0;
  padding:0;
  }
.ovr li, #web li {
  margin:0 0 10px 35px;
  }
.ovr a, #web a.rt {
  font-size:110%;
  }
.ovr em, #web em {
  font-style:normal;
  color:#777;
  }

  
/* Directory Listing
----------------------------------------------- */
.directory {width:100%;}
.directory dl {
  float:left;
  width:48%;
  margin:0;
  }
.directory dt {
  margin:5px 0 0;
  }
.directory dd {
  margin:0 0 0;
  padding-bottom:10px;
  }
.directory div {
  clear:both;
  font-size:1px;
  height:1px;
  line-height:1px;
  }


/* Page
----------------------------------------------- */
#page {
  position:relative;
  margin:15px 0 25px;
  width:100%;
  border:1px dotted #333;
  border-width:1px 0;
  border-left-style:none;
  border-right-style:none;
  padding:8px 2px;
  voice-family: "\"}\""; voice-family:inherit;
  width:auto;
  } html>body #page {width:auto;}
#page span {
  position:absolute;
  right:15px; margin-right:-15px;
  top:.6em;
  background:#fff;
  padding-left:10px;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  text-align:center;
  padding-top:15px;
  line-height:1em;
  }
#footer h2 {
  font-size:100%;
  display:inline;
  line-height:1em;
  }
#footer ul, #footer li {
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
  }
#footer li {
  margin-left:5px;
  line-height:1em;
  }
.copy {
  font-size:85%;
  line-height:1.4em;
  }


/* Miscellaneous
----------------------------------------------- */
p {
	margin-bottom: 1.2em;
	letter-spacing: .08em;
  margin:0;
  padding:0;
  }
.desc {
  font:75% Verdana,Sans-serif;
  }
p.sponsor {
  float:right;
  padding-left:10px;
  background:#fff;
  }
.smallest {
  font:75% Verdana,Sans-serif;
  color:#666;
  }
.imgleft {
  float:left;
  margin-right:5px;
  position:relative;
  top:2px;
  }
  
.imgkids {
  margin-left:160px;
  margin-bottom:1px;
  position:relative;
  top:0px;
  }
  
.imgright {
  float:right;
  margin-right:5px;
  top:2px;
  }
  
tt {font:100% "Courier New",Courier,monospace;}
.skip, .hide {
  display:none;
  }
.tempnote {
  padding:5px;
  border:1px solid #eee;
  margin:2em 0;
  color:#999;
  font:75%/1.3em Verdana,Sans-serif;
  }

.clear {
clear: both;
}


.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border-top: 1px solid #F90;
	border-bottom: 1px solid #F90;
	}
	
.title2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border-top: 1px solid #F90;
	border-bottom: 1px solid #F90;
	margin-bottom: 10px;
	}
	
.AuthorizeNetSeal {
padding: 20px;
text-align: center;
}


.notice
{
	width: 80%;
	margin: auto;
	text-align: left;
	color: #333;
	padding: 10px 25px;
	border: 1px solid #e4c7a8;
	background-color: #fdf4c9;
	margin-bottom: 8px;
}

.notice b
{
	font-size: 14px;
	color: #421311;
}

.notice a:link
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:visited
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:active
{
	color: #F14C12;
	font-weight: bold;
	text-decoration: underline;
}

.notice a:hover
{
	color: #421311;
	font-weight: bold;
	text-decoration: none;
}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f0d9b7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f0d9b7;
	box-shadow:inset 0px 1px 0px 0px #f0d9b7;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fcddae), color-stop(1, #ff9900) );
	background:-moz-linear-gradient( center top, #fcddae 5%, #ff9900 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcddae', endColorstr='#ff9900');
	background-color:#fcddae;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #c2995b;
	display:inline-block;
	color:#78511a;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #fce7c7;
}
.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff9900), color-stop(1, #fcddae) );
	background:-moz-linear-gradient( center top, #ff9900 5%, #fcddae 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#fcddae');
	background-color:#ff9900;
}
.myButton:active {
	position:relative;
	top:1px;
}
#rfl {float:right;}