/* general page structure and layout */
body {

	font-family: "Comic Sans MS";

	font-size: .8em;

	color: #000000;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	background: #ffffff url('images/stitchbg.jpg') repeat;

;	text-align: center;

}

.top {

margin:0 auto;

padding:0 0 0 0;

width:780px;

height:0px;

background:#ffffff url('images/page_top.jpg') repeat-x;

}



.page_wrap {

/* includes the header, main body content and the footer */

margin:0 auto;

padding:0 0 0 0;

width:780px;

background: url('images/body_bg.jpg') repeat-y;

text-align:center;

}



.logo {
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.navbar {
	background-position: top;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 780px !important;
	width: 742px;
	height: 39px;
	background: url('images/linkbar.jpg') repeat-x;
	text-align: left;
	color: #000000;
	font-size: .9em;
}

.container {
position:relative;
margin:10px 0 0 10px;
padding:0 0 0 0;
width:760px !important;
width:742px;
background:transparent;
text-align:left;
}

.left_column {
position:absolute;
left:0;
width:140px;
margin:0 0 0 0;
padding:0 4px 0 0;
background:transparent;
font-size:.9em;
color:#6E312A;
}
.table_left_column {
width:190px;
margin:0 0 0 0;
padding:0 4px 0 0;
background: transparent;
font-size:.9em;
color: black;
vertical-align:top;
}

.table_center_column {
width:595px;
margin:0 0 0 151px;
padding:0 0 0 10px;
border-left:1px solid #000669;
vertical-align:top;
background: transparent;
}

.center_column {
position:relative;
width:595px;
margin:0 0 0 151px;
padding:0 0 0 10px;
border-left:1px solid #999999;
}

.box_right {
position:relative;
float:right;
width:150px;
margin:0 0 3px 10px !important;
margin:0 5px 3px 10px;
padding:2px 5px 2px 10px;
background:#eeeeee;
border:1px solid #cccccc;
text-align:left;
color:#616161;
font-size:.9em;
}

.footer {
position:relative;
margin:0 0 0 0;
padding:10px 0 0 0;
width:780px;
font-family:"Comic Sans MS";
font-size:.8em;
color: black;
background:transparent;
text-align:center;
}

.footer_logo {
position:relative;
float:right;
margin:0 0 0 15px;
padding:0 0 0 0;
}


.bottom {
margin:0 auto;
padding:0 0 0 0;
width:780px;
height:11px;
background:#ffffff url('images/page_bottom.jpg') no-repeat 50% top;
}

/* navigation bar */
#nav ul{
	padding: 0 0 0 0;
	margin: 0 0 0 0em;
	white-space: nowrap;
	font-size: 1.1em;
	color: #ffffff;
	float: left;
	width: 100%;
	height: 39px;
	background: transparent;
	list-style: none;
	font-family: "Comic Sans MS";
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
	margin: .2em 0 0 0;
	padding: .4em 1em .46em 1em;
	color: black;
	text-decoration: none;
	float: left;
	border-right: 1px solid #000669;
	background: transparent;
}

#nav ul li a:hover{
color:black;
text-decoration:none;
font-weight:bold;
border-left:1px solid #999999;
}
#nav ul li a:active{

color:black;

text-decoration:none;

font-weight:bold;

border-left:1px solid #000669;

}
.searchForm {
	vertical-align: middle;
}

.search{

	padding: 0 0 .3em 0;

	margin: 0 0 0 0;

	display:inline;

	white-space: nowrap;

	font-size: 1.1em;

	color: black;

	text-decoration: none;

	float: left;

	background: transparent;

	vertical-align: middle;

	font-family: "Comic Sans MS";

}



/* fonts and colors */

h1 {
color:#eeeeee;
font-size:2em;
letter-spacing:.1em;
text-transform:capitalize;
margin:0 0 0 0;
padding:20px 0 0 0;
}

h2 {
color:#000000;
font-size:1.2em;
text-transform:capitalize;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -6px 0;
}

h2:after {
color: #000000;
}

h3 {
color:#000000;
font-size:1.1em;
text-transform:capitalize;
font-weight:bold;
padding:0 0 0 0;
margin:0 0 -8px 0;
}

h3:after {
color: #000000;
content: "\0020 \00BB";
}

.box_right h3 {
color:#6E312A;
margin:2px 0 -10px 0;
}

.box_right h3:after {
color: #6E312A;
content: "\0020 \00BB";
}

a {
  font-family:"Comic Sans MS";
color: black;
text-decoration:none;
}

a:hover {
color: black;
font-weight:bold;
text-decoration: none;
}

.left_column a {
color:#000000;
text-decoration:underline;
}

.left_column a:hover {
color: black;
text-decoration:none;
}

/* images */
img {
border:none;
}

.left {
float:left;
margin:0 0 0 0;
padding:0 0 0 0;
}

.right {
float:right;
margin:0 0 0 0;
padding:0 0 0 0;
}


/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* oscommerce styles */
.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.boxText { font-family: "Comic Sans MS"; font-size: 12px; text-decoration:none;}

TD.infoBoxHeading {
  font-family:"Comic Sans MS";
	font-size: 12px;
	background:#0c8cee;
	color: #ffffff;
	padding-left: 2px;
}

A.infoBoxHeading { 
  color: #FFFFFF; 
}

A.infoBoxHeading:hover {
  color: #FFFFFF;
}

TD.infoBox, SPAN.infoBox {
  font-family:"Comic Sans MS";
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #E9E9E9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #999999;
  border-spacing: 1px;
}

.productListing-heading {
  font-family:"Comic Sans MS";
  font-size: 10px;
  background: #0c8cee;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family:"Comic Sans MS";
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family:"Comic Sans MS";
  font-size: 20px;
  font-weight: bold;
  color: black;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {

  font-family:"Comic Sans MS";

  font-size: 11px;

  line-height: 1.5;

}

TD.mainProductImage {

  font-family: Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;
  
  text-align : center;

}


TD.smallText, SPAN.smallText, P.smallText {

  font-family: "Comic Sans MS";

  font-size: 10px;

  color: #000000;

}



TD.reviewText, SPAN.reviewText, P.reviewText {

  font-family: "Comic Sans MS";

  font-size: 10px;

  color: #006699;

}



TD.accountCategory {
  font-family: "Comic Sans MS";
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:"Comic Sans MS";
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: "Comic Sans MS";
  font-size: 12px;
}

TD.tableHeading {
  font-family: "Comic Sans MS";
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family:"Comic Sans MS";
  font-size: 11px;
  line-height: 1.5;
}

TD.productDesc {
  font-family:"Comic Sans MS";
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

TD.productheadDesc {
 font-family:"Comic Sans MS"; font-size: 10px;
 font-weight: normal;
 color: #000000;
 padding: 4px 0px 0px 10px;
}

TD.cat_head {
  font-family: "Comic Sans MS";
  font-size: 14px;
  font-weight: bold;
}

TD.cat_desc {
  font-family:"Comic Sans MS";
  font-size: 12px;
}
.pageReviewHeading {
  font-family: "Comic Sans MS";
  font-size: 12px;
  line-height: 1.5;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: "Comic Sans MS";
  font-size: 10px;
  color: #ff0000;
}

SPAN.removeProduct {
  font-family: "Comic Sans MS";
  font-size: 9px;
  color: #3366FF;
  font-weight: normal;
}

INPUT.quantitybox {
  border: 1px;
  border-style: solid;
  border-color: #000000;
    font-size: 12px;
  width: 20px;
  height: 22px;
  border-spacing: 0px;
  background: #F8f8f9;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: "Comic Sans MS";
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family:"Comic Sans MS";
  font-size: 11px;
}

SPAN.greetUser {
  font-family: "Comic Sans MS";
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #999999;
  border-color: #999999;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: "Comic Sans MS";
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: "Comic Sans MS";  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: "Comic Sans MS";
  color: #ff0000;
}

SPAN.errorText {
  font-family: "Comic Sans MS";
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: "Comic Sans MS"; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:"Comic Sans MS"; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: "Comic Sans MS"; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: "Comic Sans MS"; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: "Comic Sans MS"; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: "Comic Sans MS"; font-size: 10px; color: #ff0000; }

/* menu Image - Show Sub-categories  Star */
a.menucateg:link, a.menucateg:visited {



vertical-align: middle;

font-size: .9em;

font-family: "Comic Sans MS";

font-weight: bold;

text-align: left;

text-decoration: none;

}


a.menucateg:active {



vertical-align: middle;

font-size: .9em;

font-family: "Comic Sans MS";

font-weight: bold;

text-align: left;

}

a.menucateg:hover {
	display: table; /*not sure what to put here as Block messes things up*/
	background-image: url('images/menuon.png');
	background: #0c8cee;
	background-repeat: repeat;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
}



a.menusubcateg:link, a.menusubcateg:visited, a.menusubcateg:active {

display: block;
padding-left: 10px;

vertical-align: middle;

font-size: .9em;

font-family: "Comic Sans MS";

text-align: left;

text-decoration: none;



}



a.menusubcateg:active {

display: block;
padding-left: 10px;

vertical-align: middle;

font-size: .9em;

font-family: "Comic Sans MS";

text-align: left;

font-weight: bold;

text-decoration: none;
}



a.menusubcateg:hover {

display: block;
background-image: url('images/menuon.png');

background:#0c8cee;

background-repeat: repeat;

text-decoration: none;

color: #FFFFFF;

}

/* menu Image - Show Sub-categories  End */



/*Great Categories mod*/

/*change the menu hover color below*/

#thecategories a:hover {

	background-color: #eeeeee;

	color: #000000;

}



.catwithsubs, .catwithnosubs {

	padding-right: 5px;

}



#thecategories {

	position: relative;

	top: -9px;

	margin-bottom: -16px;

	width: 140px;

}



.activelink {

	display: block;

	font-weight: bold;

}



#thecategories a {

	display: block;

	padding-bottom: 7px;

	padding-top: 3px;

	width: 100%;

}



/*mozilla fix*/

html>body #thecategories a {

	width: auto;

}

/*end of mozilla fix*/



#topcat a {

padding-left: 5px;

}



#secondcat a {

	padding-left: 20px;

}



#thirdcat a {

	padding-left: 35px;

}



#fourthcat a {

	padding-left: 50px;

}



#fifthcat a {

	padding-left: 65px;

}



/* Sample vertical fly-out menu */



/* The following is *A SAMPLE ONLY* and is based off the "suckerfish"

   drop-down menu. Is it provided only as an example of what is possible

   using CSS and unordered lists.



   See: http://www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html

   and : http://www.htmldog.com/articles/suckerfish/dropdowns/



   For best effect, you'll want to set the config to render the whole tree,

   and you may want to add some before/after html to clear floats, etc...



   Note: to overcome MSIE's deficiency of not recognizing elements besides the 

   anchor tag for the hover event, add the following JS to your template header



<script type="text/javascript"><!--//--><![CDATA[//><!--



sfHover = function() {

	var sfEls = document.getElementById("nav").getElementsByTagName("LI");

	for (var i=0; i<sfEls.length; i++) {

		sfEls[i].onmouseover=function() {

			this.className+=" sfhover";

		}

		sfEls[i].onmouseout=function() {

			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");

		}

	}

}

if (window.attachEvent) window.attachEvent("onload", sfHover);



//--><!]]></script>





*/







	#navcss2, #navcss2 ul { /* all lists */

		padding: 0;

		margin: 0;

		list-style: none;

		float : left;

		width : 11em;

	}

	

	#navcss2 li { /* all list items */

		position : relative;

		float : left;

		line-height : 1.25em;

		margin-bottom : -1px;

		width: 11em;

		background-color : white;		

	}

	

	#navcss2 li ul { /* second-level lists */

		position : absolute;

		left: -999em;

		margin-left : 11.05em;

		margin-top : -1.35em;

	}

	

	#navcss2 li ul ul { /* third-and-above-level lists */

		left: -999em;

	}

	

	#navcss2 li a {

		width: 11em;

		display : block;

		color : black;

		font-weight : bold;

		text-decoration : none;

		border : 1px solid black;

		padding : 0 0.5em;

	}

	

	#navcss2 li a:hover {

		color : white;

		background-color : black;

	}

	

	#navcss2 li:hover ul ul, #navcss2 li:hover ul ul ul, #navcss2 li.sfhover ul ul, #navcss2 li.sfhover ul ul ul {

		left: -999em;

	}

	

	#navcss2 li:hover ul, #navcss2 li li:hover ul, #navcss2 li li li:hover ul, #navcss2 li.sfhover ul, #navcss2 li li.sfhover ul, #navcss2 li li li.sfhover ul { /* lists nested under hovered list items */

		left: auto;

	}



	

/* Menu items with subcategories */	

#navcss2 a.daddy {

	background: url(images/arrow_green.gif) center right no-repeat;

}



/* Selected items with subcategories */	

#navcss2 li.selected {

    background-color: #FFCC00;

}