/*
+ + + + + + + + + + + + + + + + + + + + + + 
   WSA Stylesheet Master
   Developed by PowerServe International
   Last Modified: 09.07.2004
   CDH
+ + + + + + + + + + + + + + + + + + + + + +
*/

  body {
  	background:#c00;
	color:#000;
	font:normal 1em tahoma, arial, helvetica, sans-serif;
	margin:0 0 10px 0;
	padding:0;
	text-align:center; }
  	/*	devnote: If using 'text-align:center;' to center your layout, you must use a
		container (see below) to fix a browser glitch. -ch */

  a {
  	color:#630000;
	text-decoration:none; }
  a:hover {
  	color:#fc0; }
  form {
  	margin:0;
	padding:0; }

/*
Container / Header
*/
  #container {
  	border:0px solid #000;
	margin:10px auto;
	text-align:left;
	width:760px; }
  	/*	devnote: '#container' The combination of margin:0 auto; and text-align:left; fixes a bug in
		IE 5/6 that causes text to inherit centering from the body selector. -ch */
  #pageheader {
	margin:0;
	text-align:right;
	background:url("/images/header.gif") top left no-repeat;
	height:86px; 
    padding:0;
	vertical-align:top;
	}

  #pageheader .search { 
  	font-weight:bold; 
	color:#900;
	padding:1px;
  	display:block;
	width:185px;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:.3em;
	margin:7px 0 0 430px;
	float:left;
	}
 #pageheader .search .searchform {
 	width:113px;
 	}

/*
Top Header Navigation
*/
  #topnav {
	color:#014A7F;
	font-size:10px;
	margin:22px 0 0 0;
	padding:0; 
	height:17px;
	width:500px;
	font-family:verdana,tahoma,sans-serif;
	vertical-align:bottom;
	float:right;
	}

 * html #pageheader .search { 
	padding-right:140px;
	}
  #topnav td {
	padding:0;
	}
  #topnav a {
    color:#014A7F;
	font-weight:bold;
	margin:0 4px 0 2px;
	padding:0 10px 0 8px; 
	width:auto;
	height:27px;
	}
  #topnav a:hover {
    color:#fc0; 
	}
  #topnav strong {
	font-size:10px;
	color:#fff;
	font-weight:bold; 
	}

   #hdrnav {
   font-family:verdana,tahoma,sans-serif;
   font-size:9px;
   text-align:right;
   letter-spacing:-.05em;
   }

	#popup {
	background:#fff;
	width:100%;
	margin:5px 0;
	padding:20px;
	border:1px solid #000;
	}
/*
Content Area
*/
  #homepagecontent {
  	background:#ffffe8;
  	padding:10px 0 10px 10px;
	vertical-align:top;
	width:319px;
	}
  #homepagecontent .h2, h2, heading2, subheader { 
  	font-size:17px; 
	font-weight:bold; 
	font-style:normal; 
	color:#004A80; 
	margin:0;
	}

	#schools{
	
		}

	#knit{
	
		}

	#ladies{
	
		}

	#tshirts{
	
		}

	#woven{
	
		}
  
  #leftcol {
  	width:50px;
	}
  
  #pgcontent {
  	background:#ffffe8;
  	padding:20px 0 0 20px;
	vertical-align:top; 
	}
  #pgcontent .text a {
	font:normal .75em verdana,tahoma,sans-serif;
	margin:0 0 10px 0;
	padding:0;
  	color:#069; 
	}
  #pgcontent .text a:hover {
  	color:#999; 
	}
  #pgcontent .contentsearch {
	font-size:10px;
	}
  #pgcontent p {
	font-size:.75em;
	margin:0px 50px 0px 0px;
	padding:7px 0 7px 0;
	}
  #pgcontent li {
	font-size:.75em;
	margin:0px 10px;
	padding:0;
	list-style:none;
	}
  #pgcontent strong {
  	font-size:1em;
  	}	
	
  #audioplayer {padding:5px; text-align:center; background:#ccc;}
/*
Heading Styles
*/
#pgcontent .h1, h1, heading1, boldlargetext { font-family:Tahoma, Arial, Helvetica, sans serif; color:#B74036; font-size:1.25em; font-weight:bold; padding:10px 0px 5px 0px; text-align:left; }
#pgcontent .h2, h2, heading2, subheader { font-family:"Arial Narrow"; font-size:1.2em; font-weight:bold; font-style:normal; color:#630000; margin:0; border-bottom:0px solid #ccc }
#pgcontent .h3, h3, heading3 { font-size:1em; font-weight:bold; }
#pgcontent .h4 { font-size:.75em; font-weight:bold; font-style:normal; color:#630000; }
#pgcontent .h5 { font-size:.75em; font-weight:normal; }
#pgcontent .h6 { font-size:.75em; font-weight:bold; font-style:italic; }

*html #pgcontent .h1 { font-family:"Arial Narrow"; color:#B74036; font-size:1.4em; font-weight:bold; padding:0; text-align:left; margin:0; }

/*
Text Styles
*/
.text, p { font-size:.75em; font-weight:normal; font-style: normal; padding:5px 0px 0px 0px; }
.textital, .italtext, em, i { font-size:.75em; font-style: italic;  padding-top:5px; }
.boldtext, strong, b { font-size:.75em; font-weight:bold; padding-top:5px; }
.small { font-size:.65empx; padding-top:5px; }
.boldsmallertext { font-size:.65em; font-weight:bold; padding-top:5px; }


/*
Footer Styles
*/
  #footer {
    font-family:verdana,tahoma,sans-serif;
  	background:#fff url("/images/footer.gif");
	height:68px;
	color:#fff;
	padding:1px 0px 0px 7px;
	}
  #footer .nav {
	color:#fff;
    font-size:9px;
	text-align:center;
	padding:10px 20px 0px 10px; 
	}
  #footer .nav a {
  	color:#630000; 
	margin-right:15px;
	}
  #footer .nav a:hover {
  	color:#fc0; 
	}
  #footer .nav .text {
  	color:#fff;
	font-size:10px;
	}
  #footer .footerTitle {
	text-align:center;
	font-weight:bold;
  	color:#555;
	font-size:10px;
	}
  #footer .footerText {
  	text-align:center;
  	color:#555;
	font-size:10px;
	}

  #footer2 {
	color:#fff;
    font-size:11px;
	text-align:center;
	padding:10px 10px 10px 10px; 
	}
  #footer2 a {
  	color:#fc0; 
	}
  #footer2 a:hover {
  	color:#fff; 
	}
  #footer2 .text {
  	color:#fff;
    font-size:11px;
	}
.ssl {
	float:left;
	}
/*
Hot Lists & Nav Lists
*/
#hotlist {
	float:right;
	padding:10px 10px 20px 10px;
    font-family:verdana,tahoma,sans-serif;
	width:369px;
	background:#fff;
	border:1px 0 1px 1px solid #ccc;
	}
#hotlist .hotlisttable {
	border:0px solid #014171;
	color:#014171;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left; 
	}
#hotlist .hotlisttitle {
	color:#B74036;
	font-family:"Arial Narrow";
	font-size:1.5em;
	font-weight:bold;
	margin:0;
	padding:3px;
	text-align:left; 
	}
#hotlist .hotlisttable .hotlistitem {
    padding:0; 
	background:#FFFFEC;
	}
#hotlist .hotlisttable .hotlistitem a {
	font:normal 10px; 
	padding:0px auto; 
	display:block; 
	color:#014171; 
	border:2px solid #000; 
	}
#hotlist .hotlisttable .hotlistitem a:hover {
	color:#EEB620; 
	}

#hotlist .resource { 
	margin:2px 2px 2px 2px; 
	border:1px solid #555; }


.resource { margin:15px; }
img.resource { margin:3px; border:0px; }

/*
Left Navigation
*/
  #leftnav {
	background:#ffffe8;
	margin:0px;
	padding-top:8px;
	text-align:left;
	vertical-align:top;
	width:180px; 
	font-family:"Arial Narrow";
	}
  #leftnav a {
  	font-weight:bold; 
	color:#FFFFFF;
	padding:0px 0px 4px 12px;
  	display:block;
	font-size:.8em;
	margin:0 0 0 0px;
	}
  #leftnav span {
	border-bottom:0px solid #004A80;
	display:block;
	width:150px;
	padding:0;
	margin:0; 
	}
  #leftnav a:hover {
	color:#fc0; 
	}
  #leftnav .text {
  	color:#000;
	font-size:10px;
	margin:10px 0 0 0;
	padding:0; 
	}
  #leftnav .cathdr {
  	font-weight:bolder; 
  	background:#1497CD;
	color:#fff;
	padding:3px 3px;
  	display:block;
	border:1px solid #555;
	width:140px;
	font-size:.85em;
	text-transform:uppercase;
	letter-spacing:.2em;
	margin:3px 0 3px 7px;
	}

  #leftnav .categories { font-family:"Arial Narrow"; background:#1497CD; border-color:#000; border-style:solid; border-width:1px; color:#fff; font-size:1em; font-weight:bold; margin:0; padding:3px 0 3px 5px; width:140px; }
  #leftnav .categories a { color:#004A80; margin-left:0;}
  #leftnav .categories .text { color:#000; }
/* Flash Header */

  #flashheader {
   background:url("/images/flashheaderbg.gif");
   height:160px;
   margin:0 auto;
   padding:7px 0 0 0;
   text-align:center;
   }



/*
Top Menu Navigation
*/
	#topnavmenu {
		background:url(/images/topnavmenubg.gif) top left no-repeat;
		color:#ffffe8;
		clear:both;
		display:block;
		height:28px;
		margin:-5px 0 0 0;
		padding:0;
		text-align:center;
        font-size:18px;
		width:100%;
		}
	* html #topnavmenu { margin:0 0 0 0; }

	#topnavmenu ul#navlist {
		width:747px;
		list-style-type:none;
		margin:0 0 0 6px;
		padding:0;
		text-indent:0;
		height:28px;
		font-weight:bold;
		}
	* html #topnavmenu ul#navlist { margin:0 0 0 0; }

	#topnavmenu ul#navlist li {
		float:left;
		font-size:70%;
		padding:0;
		position:relative;
        width: 149px;
		text-align:center;
		margin:0;
		}

	#topnavmenu ul#navlist li a {
		color:#ffffe8;
		display:block;
		height:auto;
		margin:0 0 0 0;
		padding:6px 2px;
		width:145px;
		}

	#topnavmenu  a:hover  {
		color:fc0;
		}
	#topnavmenu  a.active {
		color:fc0;
		}

	#topnavmenu ul#navlist li ul {
		background:#D43E33;
		display:none;
		left:6px;
		width:140px;
		list-style:none;
		margin:0 9px 0 -2px;
		padding:3px;
		position:absolute;
		text-indent:3px;
		top:28px;
		z-index:200;
		}
	#topnavmenu ul#navlist li>ul { 
        left:2px; 
        top:auto; 
        }

	#topnavmenu ul#navlist li:hover ul { 
        display:block; 
        width:148px; 
        }
	#topnavmenu ul#navlist li.over ul { 
        display:block; 
        width:148px; 
        }
	#topnavmenu ul#navlist li ul li { 
        clear:both; 
        display:block; 
        font-size:90%; 
        width:auto; 
		text-align:left;
        }
	* html #topnavmenu ul#navlist li ul li { 
        width:100%; 
        }

	#topnavmenu ul#navlist li ul li a { 
        background:#D43E33; 
        color:#ffffe8; 
        display:block; 
        margin:0; 
        padding:2x 4px; 
        width:148px; 
        }
	
	#topnavmenu ul#navlist li ul li a:hover { 
        background:#fc0; 
        color:#333; 
        }

/*
Miscellaneous / Legacy Styles
*/


.adminlink, .adminmsg {
 font:normal 11px "lucida grande", tahoma, verdana, sans-serif;
 color:#000;
 background:#e6e6e6;
 border:1px solid #ccc;
 display:block;
 padding: 10px;
 margin:0px auto 10px auto;
 text-align:left;
 width:760px;
 }

/* miscellaneous styles */
.button { font-size:10px; }
.error { color:#c00; }
.header { color:#fff; font-size: 15px; }
.info { color: #900; }
.pagehead { font-size:15px; font-weight:bold; color:#fff; background-image:url(/images/header.gif); height:93px; }
.reccnt { color:#900; }
.sorted { font-size:10px; color:#ff6; }
.tblhead { font-weight:bold; background:#ccc; }

.divider { background:#fff; }
.question { font-weight:bold; font-size:14px; color:#fff; background:#900; }
.forum { font-size:12px; color:#fff; background:#036; }
.forumsub { font-size:12px; color:#fff; background:#ccc; }


/* Used for stylizing text on FEEDBACK.ASP forms */
.forms { 
	font-size:11px; 
	font-weight:bold; 
	padding:0px 5px 0px 0px;
	width:500px;
}

/*
RightBar
*/
#rightbar {
	float:right;
	margin:0 0 10px 10px;
	padding:0;
	position:relative;
    font-family:verdana,tahoma,sans-serif;
	}
#rightbar .pagelist {
	background:#fff;
	border:solid #667;
	border-width:1px 1px 0 1px;
	color:#667;
	margin:0 0 3px 0;
	padding:0; }
#rightbar .pagelist h3 {
	background:#667;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	margin:0;
	padding:5px; }
#rightbar .pagelist ul {
	list-style:none;
	margin:0;
	padding:0;
	text-indent:0; }
#rightbar .pagelist li {
	display:block; }
#rightbar .pagelist a {
	background:#fff;
	border:solid #667;
	border-width:0 0 1px 0;
	color:#000;
	display:block;
	margin:0;
	padding:5px;
	width:100%; }
#rightbar .pagelist a:hover {
	background:#e6e6e6;
	color:#c00; }


/*Cart and Checkout Styles */

/* Product Thumbnail Table */

.producttable {
	background: #fff;
	border:1px solid #ccc;
	margin-bottom:20px;
	}


/*Product Details */

.details_prodname {
	font-size:1.25em;
	font-weight:bold;
	color:#CC0000;
	padding:10px 0;
	text-align:center;
	
	}
.proddetails td {
  vertical-align: top;

  }
.proddetails p strong {
  font-size:.95em;

  }
.proddetails .imgdisplay {
  padding-right: 10px;
  }
.proddetails .imgdisplay img { border:0; }

.checkout {
  width:95%;
  vertical-align: top;
  text-align: left;
  padding: 10px;
  }
.checkout p {
  font-size:1em;
  }
.checkout p strong, b {
  font-size:1em;
  }
.checkout .forminfo {
  font-size:.7em;
  }

.checktout td {
  vertical-align: top;
  }

.checkout .h1 { 
  color:#B9973B; 
  font-size:1.4em; 
  font-style:bold; 
  padding-top:3px; 
  }

.checkout h3 {
  font: bold 1em  tahoma, arial, helvetica, sans-serif;
  margin: 20px 0px 10px 0px;
  color: #fff;
  background: #1497CD;
  padding: 5px;
  }
.checkout a {
  color: #900;
  text-decoration: none;
  }
.checkout a:hover {
  color: #06c;
  }
.checkout .cartheader td {
  padding: 5px;
  border: 1px solid #039;
  background: #CFEBF6;
  color: #004A80;
  font: bold .75em  tahoma, verdana, sans-serif;
  text-align: center;
  }
.checkout .cartline td {
  padding: 5px;
  font-size:.7em;
  border: 1px solid #039;
  background: #e6e6e6;
  text-align: center;
  }
.checkout td.cvv2 {
  font: normal .55em tahoma, verdana, sans-serif;
  padding: 5px;
  border: 1px solid #039;
  background: #e6e6e6;
  vertical-align: top;
  }
.checkout div.check {
  font: normal 10px tahoma, verdana, sans-serif;
  padding: 5px;
  margin-top: 10px;
  border: 1px solid #039;
  background: #e6e6e6;
  vertical-align: bottom;
  }
.checkout td.shipsame {
  font: bold 10px tahoma, verdana, sans-serif;
  padding: 5px;
  border: 1px solid #039;
  background: #e6e6e6;
  vertical-align: top;
  }
  .checkout td.shipsame span {
    display: inline;
	vertical-align: middle;
	}
.checkout .cartlinealt td {
  padding: 5px;
  font-size:.7em;
  border: 1px solid #039;
  background: #fff;
  text-align: center;
  }
.checkout .carttotal td.total {
  padding: 5px;
  border: 1px solid #039;
  background: #000;
  text-align: center;
  color: #fff;
  font: normal .75em  tahoma, verdana, sans-serif;
  }

.checkout .cartbuttons {
  text-align: right;
  }
.checkout .cartbuttons img {
  margin: 20px 0 0 0;
  }

.checkout .cartnotax p {
  text-align: right;
  padding: 10px 0;
  font: normal 10px  tahoma, verdana, sans-serif;
  color: #c00;
  }


.required {
  color: #c00;
  }

/* Products View Page */
.proddetails h1 { 
  color: #B9973B; 
  font-size: 1.7em; 
  font-style: bold; 
  padding: 3px 0px 0px 0px; 
  border-bottom: 0px solid #ccc;
  }

.proddisplay {
  vertical-align: bottom;
  text-align: center;
  font: normal .95em  tahoma, verdana, sans-serif;
  padding: 5px;
  }
.proddisplay p {
  margin: 0px;
  }
.proddisplay img {
  margin: 0 0 5px 0;
  }
.proddisplay span {
  }
.proddisplay .details {
  font: normal .95em  tahoma, verdana, sans-serif;
  }
.proddisplay .details a {
  color: #039;
  text-decoration: none;
  }
.proddisplay .details a:hover {
  color: #c00;
  }

.prodname {
  padding: 3px;
  font: bold .75em  tahoma, verdana, sans-serif;
  width: 152px;
  }
.flags {
  padding: 0px;
  font: normal .7em  tahoma, verdana, sans-serif;
  color: #c00;
  display: block;
  }
.price {
  padding: 3px;
  font: normal .75em tahoma, verdana, sans-serif;
  }
.item {
  padding: 3px;
  font: bold .6em  tahoma, verdana, sans-serif;
  }

.prodtype {
  float: right;
  font: normal 10px  tahoma, verdana, sans-serif;
  background: #666;
  padding: 10px;
  color:#fff;
  }
.prodtype a {
  color: #ff0;
  text-decoration: none;
  }
.prodtype span {
  padding: 0px 0px 0px 10px;
  display: inline;
  vertical-align: middle;
  }
.prodtype form {
  margin: 0;
  padding: 0;
  }
.err {
	font-size:.75em;
	color: #c00;
  }
.err .strong {
	font-size:.75em;
	color: #c00;
  }
div.err {
  border: 1px solid #c00;
  background: #fff url(/images/alert.gif) no-repeat 1% 50%;
  margin: 0 auto 15px auto;
  padding: 10px 10px 10px 65px;
  font: normal 1em tahoma, verdana, sans-serif;
  }
#pgcontent .err {
	font-size:13px;
	color: #c00;
  }
#pgcontent .err strong {
	font-size:13px;
	color: #c00;
  }
.catimage  {
	vertical-align:middle;
	padding:5px;
	border:none;
}

