body {
	background:#ffffff url(/graphics/bg.gif) repeat-x;
  background-position: 0px 130px;
  /*
  background:#ffffff url(/graphics/xmas-1.gif);  
  background-position: 75px 50px;  
  */
	color:#000000;
	font-size:92%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	}
	
#pageWrap {
  background: white;
  }	

h1 {
	font-size:1.4em;
	font-weight:bold;
	color:#6B5AA6;
	}

h2 {
	font-size:1em;
	font-weight:bold;
	color:#6B5AA6;
	}
	
h3 {
	color:#6B5AA6;
	font-size:1em;
	font-weight:bold;
	margin-bottom: 0;
	padding-bottom: 0;
	}	
		
a:link, a:visited {
	color:#6B5AA6;
	}

a:hover, a:active {
	color:#FF8E43;	
	}
	
img {
	border:0;
	}	
	
select, input {
	font-size:.8em;
	}	
	
/* Logo and navigation at the top of the page */
.topBox {
	background:white;
	height: 130px;
	width: 100%;
	position: relative;
	}

.logoBox {
 float: left;
 height: 130px; 
 width:225px;
}

/* WE WILL RENAME ALL THIS */	
.cornerBox { position: relative; background: #716DC8; width: 100%; }
.corner { position: absolute; width: 16px; height: 16px; background: url('/graphics/circ.gif') no-repeat; font-size: 0%; }
.cornerBoxInner { padding: 12px; }
.TL { top: 0; left: 0; background-position: 0 0; }
.TR { top: 0; right: 0; background-position: -16px 0; }
/*
.BL { bottom: 0; left: 0; background-position: 0 -16px; }
.BR { bottom: 0; right: 0; background-position: -16px -16px; } 
*/
		
/* Various and sundry navigation bits */

/* Order- and cart-related items at the very top */
.navShop {
  font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	letter-spacing: 1px; /* Not sure about this - adjust later? */
	padding:4px;
	position:absolute;
	bottom:0;
	right:0;
	}
	
.navShop a {
	padding:0 6px;
	text-decoration: none;
	}	

.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	color:#6B5AA6;
	font-size:.7em;
	margin-top:12px;
	padding:0;
	}
	
.breadcrumb a {
	text-decoration: none;
	}
	
.pageNav {
	color:gray;
	font-size:.8em;
	}	

.pageNav .current {
	font-weight:bold;
	}

/* Sort form and elements */

.nosort {
  color: gray;
	font-size:.8em;
	line-height: 1.2em;
	margin: 14px 0;
	}

.sortform {
	font-size:.8em;
	}

.sortform select {
	}

/* Height and top margin give this pretty much the same position in IE and FF */
/* Text-indent pushes aside the text IE requires.  */
.sortform button {
	border:0;
	height:20px;
	margin-top:-4px;
	text-indent:100px;
	width:20px;
	}

button.arrowup {	
	background: url(/graphics/arr_up.gif) no-repeat;
	background-position:50% 50%;
	}
	
button.arrowup:hover {
	background: url(/graphics/arr_down.gif) no-repeat;
	background-position:50% 50%;		
}	
	
button.arrowdown {	
	background: url(/graphics/arr_down.gif) no-repeat;
	background-position:50% 50%;	
	}	
	
button.arrowdown:hover {
	background: url(/graphics/arr_up.gif) no-repeat;
	background-position:50% 50%;		
  }		

.sortform .buttonlabel {
	font-size:.9em;
	margin-left:4px;
}

/* Search */
.searchForm .textInput {
  width: 120px;
  }
  
.searchForm .subButton {
  background:url(/graphics/go.gif) no-repeat;
  cursor:pointer;
  width: 27px;
  height: 24px;
  border: none;
}
  
.searchForm .small {
  font-size: .7em;
  line-height: .8em;
}  

/* Left navigation */

#leftNav {
	background:#eaeaea;
	border:1px dotted #716DC8;
	border-top:0;
  font-family: Arial, Helvetica, sans-serif;
  padding: 12px 8px;
	}

.leftNavHead {
  color: #6B5AA6;
  font-size: 1.3em;
  line-height:1.7em;
	}

#leftNav a {
	text-decoration:none;
	}
	
/* Left navigation list items */

#leftNav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}	

/* These are the nested categories */

.lnTop {
	color:#6B5AA6;
	font-size: .8em;
	font-weight:bold;
	padding:4px;
	}

.lnOne {
	font-size:.9em;
	font-weight:normal;	
	padding:2px 0 0 8px;
	}

.lnTwo {
	font-size:.9em;
	font-weight:normal;	
	padding:2px 0 0 8px;	
	}

/* Bottom navigation etc */

.navBottom {
	font-size:.8em;
	margin:auto;
	text-align:center;
	}

.navBottom .links a {	
	padding: 0 4px;
	}

.copyright {
  font-size: 85%;
  margin: 24px 0;
  }

/* Entry/front page stuff */

div.fpMain {
  margin: 24px 0;
  }

div.miniColumn {
  border: 0px solid gray;
  float: left;
  font-size:.9em;
  padding: 12px;
  width: 45%;
  }

.newHead {
  background: #716DC8; 
  color: white;
  margin: 10px 0;
  padding: 3px;
  width: 95%;
}

.newHead a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}

.newHead a:hover, a:active {
	color:#FF8E43;	
	}

.linkTable {
  border: 1px solid gray;
  margin: auto;
  width: 348px;
  }

.linkTable td {
  width: 33%;
  }


/* Products/categories pages */

div.prodCell {
  background: url('/graphics/thumb_frame.gif');
  background-repeat: no-repeat;
  border: 0px solid gray;
  float: left;
  height: 220px;
  margin: 0 8px 0 0;
  max-width: 150px;
  padding: 5px 5px 15px 5px;
  position: relative;
  width: 150px;
  }

.ptImgBox {
  border: 0px solid red;
  height:120px;
  text-align: center;
  }

.ptImgBox a {
  display: block;
  }

.ptStuffBox {
  border: 0px solid red;
  bottom: 0;
  position: absolute;
  width: 100%;
  }

/*
.ptBuyBox {
  float: right;
  }

.ptPriceBox {
  border: 1px solid gray;
  float: left;
  width: 50%;
  }
*/

.ptThumb {
	border: 0;
	padding: 4px 0;
	}

.ptName {
	font-size:.9em;
	font-weight:bold;
	line-height: 1.2em;
	}

.ptName a {
	text-decoration:none;
	}

.ptName a:link, ptName a:visited {
	color:#6B5AA6;
	}

.ptName a:hover, .ptName a:active {
	color:#FF9C6C;
	}

.ptDesc	{
	font-size:.8em;
	}

.ptPrice {	
	color:gray;
  float: left;
	font-size: .8em;
	font-weight:bold;
	padding: 3px 0 0 0;
	text-decoration: none;
	width: 43%;
	}

.ptPrice a {
	color:gray;
	text-decoration: none;
  } 
  
/*
.topProdCell .ptPrice {
  float: none;
  width: 100%;
  }
*/

.ptRate {
  color: gray;
  float: left;
  font-size: .7em;
  line-height: 2.4em;
  } 

.ptRate a {
  text-decoration: none;
  }

.recProdCell .ptPrice {
  float: none;
  width: 100%;
  }

.recProdCell .ptRate {
  float: none;
  }

.ptOos {
	color:gray;
	font-size:.8em;
	font-style:italic;
	}

/* Top selling products sidebar */

div.topProdColumn .heading {
  color: #6B5AA6;
  font-family: ARial, Helvetica, sans-serif;
  font-size: 1.3em;
  line-height:1.7em;
  }

div.topProdColumn {
   background: url('/graphics/frame-middle.gif');
   background-repeat: repeat-y;   
   border: 0px solid red;
   text-align:center;
  }

div.topProdColTop {
   background: url('/graphics/frame-top.gif');
   background-repeat: no-repeat;   
   border: 0px solid red;   
   height:15px;
   margin-top: 12px;
  }
  
div.topProdColBottom {
   background: url('/graphics/frame-bottom.gif');
   background-repeat: no-repeat;   
   border: 0px solid red;      
   height:15px;
  }

div.topProdCell {
  border:  0px solid blue;
  height: 240px;
  margin: 0 8px 0 0;
  padding: 0 6px;
  position: relative;
  width: 136px;  
  }

.topLink {
  font-family: Arial, Helvetica, sans-serif;
	font-size:.8em;
	font-weight:bold;
	letter-spacing: 1px; /* Not sure about this - adjust later? */  
  }

.topLink a {
  text-decoration: none;
  }

/* Individual Product Pages */

/* Holds the image and the basic info */
.prodMain {
  border: 0px solid yellow;
}

.prodImage {
  border: 0px solid yellow;  
  float: left; 
  margin-right: 12px;
  min-height:300px;
}

.prodInfo {

}


h1.prodName {
	color:#6B5AA6;
	margin-bottom:0;
	}

.prodManu {
  font-size:.9em;
  font-style: italic;
}


.prodPid { 
	color:gray;
	font-size:.9em;
	padding:4px; 
	}

.prodDesc { 
/*	font-family:Verdana,Arial,Helvetica,sans-serif; */
	font-size:.9em;
	margin: 6px 0 8px 0;
	}

.prodPrice {
	color: gray;
	font-size:1.6em;
	font-weight:bold;
	padding: 4px 0;
	}
	
.prodRate {
  font-size: 95%;
  } 
	
.prodOos {
	font-style:italic;
	color: gray;
	}

.prodNotify {
/*	font-family:Verdana,Arial,Helvetica,sans-serif;*/
	font-size:.9em;
	font-style:italic;
	}

.prodOptions {
	padding:8px 0;
	}

.prodOptions .label {
	font-size:.7em;
	}

.prodOptions form {
	margin-top: 0;
	padding-top: 4px;
	}	

.prodOptions select {
	width:220px;
	}

/* Recommended product, shown on individual product pages */

div.recProdCell {
 /*
  background: url('/graphics/thumb_frame.gif');
  background-repeat: no-repeat;
*/  
  border: 0px solid gray;
  float: left;
  height: 180px;
  margin: auto;
  padding: 5px 3px 15px 3px;
  position: relative;
  width: 130px;
  }

/* Notifications lists and stuff */

.notifyLink {
/*	font-family:Verdana,Arial,Helvetica,sans-serif; */
	font-size:.8em;
	line-height: 1.2em;
	}

table.notifyList {
	margin-bottom:12px;
	}

.notifyList td {
	font-size:.9em;
	padding:4px;
	}

.notifyOptions {
	font-size:.9em;
	}

/* Search Results styles */

/* New and updated; we're changing to our own template */

.searchImgBox {
  background: url('/graphics/thumb_frame.gif');
  background-repeat: no-repeat;
  border: 0px solid gray;
  float: left;
  height: 120px;
  margin: 0 8px 0 0;
  max-width: 150px;
  padding: 5px;
  width: 150px;
  }

.searchTextBox {
  float: left;
  height: 110px;
  padding: 5px 0;
  position: relative;
  width: 410px;
  }

a.searchMore {
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
}
/* This is the lines of text at the top and bottom of the search results page. It's coded into FDSE. */
.fd_results {
	font-size:.9em;
	}

.searchRes {
	font-size:.8em;
	font-weight:bold;
	}

.searchDesc {
/*	font-family:Verdana,Arial,Helvetica,sans-serif; */
	font-size:.9em;
	}

.searchMeta {
	color:gray;
	font-size:.8em;
	padding-top:8px;
	}

.searchMeta a {
	text-decoration:none;
	}

.searchImg {
	left:0;
	padding:5px;
	position:relative;
	}

/* The default page text */
.searchTips {
  padding-left: 4px;
  }

/* This is the FDSE copyright line */
.fdseCopy {
  border: 0px solid gray;
	font-size:.7em;
	margin: 24px auto;
	text-align:center;
	}

/* Shipping info */

.shipTable {
  font-size: .9em;
  }

.shipTable td {
  padding: 0 5px;
  }  
  
/* General */

.small {
  font-size: small;
  }

.sc {
	font-variant:small-caps;
	}
	
.center {
  text-align: center;
  margin: auto;
  }	
  
br.clear {
  clear: both;
  }  

/* Tabber Tab Styles */
/* http://www.barelyfitz.com/projects/tabber/ */
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
 font: bold .9em Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 3px 0;
}

ul.tabbernav li {
/* display: inline; */
 display: block;
 float: left;
 list-style: none;
 margin: 0;
}

ul.tabbernav li a {
 background: #DDE;
 background: url(/graphics/tab_inactive.png) no-repeat; 
/* border-bottom: 1px solid #716DC8; */
 padding: 5px 0;
 margin: 0 auto;
 text-decoration: none;
 display: block;
 text-align: center;
 width: 145px;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
 color: white;
 /*
 background: #AAE;
 border-color: #227;
 */
}

ul.tabbernav li.tabberactive a {
 background: url(/graphics/tab_active.png) no-repeat;
 background-color: white;
 border-bottom: 0; 
}

ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background-color: white;
/* border-bottom: 1px solid white; */
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
  border:1px solid #716DC8;
  /*border-top: 0;*/
  max-height:440px;
  overflow:auto;
  padding:5px;   
  }

/* If desired, hide the heading since a heading is provided by the tab */
/*
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
*/
/* Example of using an ID to set different styles for the tabs on the page */
.tabbertab#related {
  min-height: 300px;
}

.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:230px;
 overflow:auto;
}

/* End of Tabbertab styles */