<style type="text/css">
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
	
}

a {
	font-size: .9em;
	font-family:Arial, Helvetica, sans-serif;
	color:#006FA4;
	 
 }
 
 a:hover {
	color:#6FD0FF;
	 
 }


p, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
}

h3 {
  font-size: 1em;
}
 
 p {
	 font-family:Georgia, "Times New Roman", Times, serif;
	 font-size: .8em;
	 text-align: justify;
 }
 
 
h6 {
	font-size: .7em;
}

ul 
 {
 	margin: 0px;
 	padding: 0px;
 	list-style-type: none;
 }
 
ul li {
	list-style-type: none;
}

#outerWrapper {
	width: 980px;
	margin: 0px auto;
	min-height: 800px;
	height: auto !important;
	height: 100%;
	background:#FFF;
	overflow:auto;
	background: url("../_images/site_graphics/background.png") repeat-y top left;	
	
}
#header {
	background-color: #FFF;
	width: 100%;
	height: 160px;
	background: url("../_images/site_graphics/header.png") no-repeat;
}

#logo {
	background-color: #FFF;
	background: url("../_images/site_graphics/logo.png") no-repeat;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	width: 143px;
	height: 95px;
	position:relative;
	left:10px;
	top:30px;
}


#content-wrapper {
	width:600px; 
	height:100%;
	overflow: auto;
	/*background:FFF;*/
	margin-top:10px;
	margin-bottom:5px;
	float:left;
}

#leftSidebar {
	width: 190px;
	height:100%;
	float: left;
	margin-bottom:5px;
}	

#rightSidebar {
	width: 190px;
	float: right;	
}	
.content {
	width:590px;
	height:100%;
	margin:0 auto;
}

#footer {
	width: 980px;
	height: 150px;
	margin: 0 auto;
	background: #FFF;
	
}
.noOverlap {
	height: -4em;
	clear: both;
}

#navbar-wrapper {
	width:100%;
}

#nav-bar {
	float:right;
	margin-right:10px;
	margin-top:2px;
}

#nav-bar ul {
	font-family: "Courier New", Courier, monospace;
	font-size:16px;
	font-weight:bold;
	list-style:none;
	
	
}

#nav-bar ul li {
	display:inline;
}


#nav-bar ul li a {
	text-decoration:none;
	display:inline;
	color:#c3e2e4;
	/*float:left;*/
	padding:0px 5px;
	text-align:center;
}

#nav-bar ul li a:hover {
	color:#4d686a;
}

/*
ul#navbar {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	font-weight:bold;
	list-style:none;
	margin:0 auto;
	padding:0;
	width:560px;
	overflow: auto;
}

ul#navbar li {
	display:inline;
}

ul#navbar li a {
	text-decoration:none;
	display: block;
	padding:8px 0px;
	background:#C3E2E4;
	color:#333;
	float:left;
	text-align:center;
	border-style:dashed;
	border-color:#FFF;
	border-width:1px;
	width:109px;

}

ul#navbar li a:hover {
	background:#D7EDEE;
}

ul#navbar li a:active {
	background:#A5B9BA;
}

#navbar {
	width: 100%;
	background:#C3E2E4;
/*	background:#B9E8EC;	*/	
/*}

#navbar div {
	width:560px;
	margin: 0 auto;
	padding: 10px;
}*/

#navinfo {
	position: relative;
	width: 100%;
	height:25px;
	/*height:10px;*/
	background:#FFF;
	padding-bottom:10px;	
}

.search {
   position: relative;
   height:100%;
   padding-left: 5px;
   padding-top: 5px;
   width:350px;
   float:left;
}

.search input[type="text"] {
 	 border: 1px solid #CCC;
     color: #333;
	 font-size:16px;
     height: 20px;
     line-height:20px;	
}

.float-bottom {
   position: absolute;
   bottom: 0;

}

.cart {
	position: relative;
	width:150px;
 	height:100%;
	float:right;
}

.cart a {
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	text-decoration:none;
	color:#333;
	
}

.cart a:hover {
	color:#666;
	
}


.buttonbar ul
 {
 	margin: 0;
 	padding:10px; 

	
 }
 
.button-bar ul li { 
	display: inline;
	list-style-type: none;
	
	text-align: center;	
}

.button-bar ul { 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	overflow:auto; 
	}
	
.button-bar ul li { 
	display:block;
	width:100px;
	float:left; }


/*.button-bar div li {
    vertical-align: top;
	text-align:center;
	padding: 5px;
}*/

.button-bar ul li a:hover
 {
	 color:#009; 
	 border-color:#CCC;
	 background:#D5F0F4;
 }

.button-bar ul li a
 {
	 text-decoration: none;
	 border-style:dashed;
	 border-width:2px;
	 border-color:#6699CC;
	 background:#B9E8EC;
	 font-size: 1.3em; 
	 font-style:none;
	 color:#333;
	 
	 /*padding: 10px;*/
 }
 
 .list-style-hierarchy a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-stretch:semi-condensed;
	font-size: 14px;
	font-weight:bold;
	padding:5px 0px 0px 10px;
	text-decoration: none;
 }
 
 .list-style-hierarchy h5 {
	/*Styleing for PATTERN CATAGORIES link */
	color:#333;
	font-size:14px;
	font-family:"Courier New", Courier, monospace;
	padding-top: 10px;
	text-align:center;
}


.list-style-hierarchy a:hover h5{
	 /*Hover color for PATTERN CATAGORIES link */
	 color:#666; 
}

.list-style-hierarchy ul
 {
 	margin-top: 5px;
 	padding: 0px;
 	list-style-type: none;
 	text-align: left;
 }

.list-style-hierarchy li
{
	padding:5px 0px 0px 10px;
}

.list-style-hierarchy ul li a
 {
 	text-decoration: none;
 	color: #C71805;
 }
 
 .list-style-hierarchy ul ul > li a
 {
	font-weight:normal;
	margin-left: 15px;
	padding-top: -5px;
 }

.list-style-hierarchy ul li a:hover, a:active 
 {
 	color: #933;
 }
 
 .list-style-hierarchy li a.current {
	color: #66140B
}

 .list-style-hierarchy {
	height:100%;
}

.div-center {	
	/*background:#FFF;*/
	
}
.div-center div {
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	/*padding: 5px 0px;*/
}

.div-padding  {
	padding: 5px 0px;
}

.text-block div {
	width: 400px;
	height:100%;
	margin:0 auto;

}
.text-block p, h3, h4, h5 {
	font-family:"Comic Sans MS", cursive;	
}

.text-block h3 {
	font-weight:normal;
}


.text-block p {
	text-align:center;
	font-size:.9em;
	line-height:1.4em;
	color:#333;	
}

/*.text-block div:nth-child(3) {
	width: 150px;
	margin:0 auto;
	height:100%;
}*/
.text-block-small p 
{
	font-family:"Comic Sans MS", cursive;
	font-size:1em;
}
.text-block-small {
	width: 150px;
	margin:0 auto;
	height:100%;
}

.clear {	
	clear:both;
}

ul.list-inline-box {
	padding-left:1px;
}

ul.list-inline-box li {
	padding-left:1px;
    display: inline-block;
    vertical-align: top;
	/*text-align:center;*/
	*display: inline;
    *zoom: 1;
}

ul.list-inline-box a {
	color: #333;
  	text-decoration: none;
	text-align:center;
}

ul.list-inline-box li p {
	text-align: center;
}

.thumbnail-box-small li {
	width: 80px;
	height:50px;
	border-style:dashed;
	border-width:1px;
	border-color:#9FF;
}

.thumbnail-box-small li:hover {
	border-style:dashed;
	border-width:1px;
	border-color:#09C;
}

.thumbnail-box-small li.current {
	border-style:dashed;
	border-width:1px;
	border-color:#09C;
}

.thumbnail-box-small img {
	width:80px;
	height:50px;
}

/*.thumbnail-box-large li {
	width: 125px;
	height:150px;
	border-style:dashed;
	border-width:2px;
	border-color:#A5B9BA;
}

.thumbnail-box-large li:hover {
	border-style:dashed;
	border-width:2px;
	border-color:#C3E2E4;
}*/

.thumbnail-box-large li {
	margin-top:5px;
}

.dashed-border {
	width: 140px;
	padding:0px 0px;
	border-style:dashed;
	border-width:1px;
	border-color:#999900;
}

.dashed-border:nth-child(2) {
	height:30px;
	margin-top:5px;
	background:#BBE0E0;

}

.dashed-border h5, h6 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	font-weight:normal;
}


li:hover .dashed-border {
	border-style:dashed;
	border-width: 1px;
	border-color:#C3E2E4;
}



.list-column div {
	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
     -moz-column-count: 3; /* Firefox */
     column-count: 3;
}


ul.basic-list {
	display: block;
	margin-bottom: 20px;
 	padding: 5px;
 	list-style-type: none;
 	text-align: left;
}

.basic-list li {
	color:#333;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .8em;
}

.basic-list li a {
	color:#006FA4;	
}

.basic-list a:hover {
	color:#6FD0FF;
}


.lg-dashed-border {
	font-family:"Comic Sans MS", cursive;
	width: 180px;
	padding:5px;
	margin-top:5px;
/*	border-style:dashed;
	border-width:2px;
	border-color:#A5B9BA;*/
}

.lg-dashed-border h4 {
	font-size:14px;
/*	border-style:dashed;
	border-width:2px;
	border-color:#A5B9BA;*/
}

.padding-top  {
	padding-top: 20px;
}


.pageNav ul
 {
 	margin: 5px 10px 15px 10px;
 	list-style-type: none;
 	text-align: center;
 }
 
 .pageNav h4
 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333;
 }

.pageNav ul li { 
	display: inline; 
	
}

.pageNav ul li a
 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-style:none;
	
 }
 
 /* style for '1 of 2' */
 .pageNav li > h4 { 
	display: inline;
	color:#999; 
}

/* style for 'Next, Back, View All, Show Pages' */
.pageNav li > h4 a {
	padding-left: 5px;
	font-size:12px;
	color:#333;
}

.pageNav li > h4 a:hover {
	color:#999;
}

.pageNav a.current  {
	text-decoration:underline;
}


#cat-banner {
	/*position:absolute;
	margin-top:-20px;
	margin-left:340px;*/
	margin:0 auto;
	width:300px;
	text-align:center;
}


#cartTable {
	width:500px;
	margin: 0px auto;
	text-align: center;
}


#cartTable p, h4, h5, a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: center;	
}


#cartTable div {
	margin: 0px auto;
	padding: 10px 0px;
}


#cartTable h5 {
	font-size:12px;
	padding:1px;
	color:#333;
}

#cartTable h4 {
	text-align: center;	
	font-size:14px;
	padding:2px;
	color:#000;
}

#cartTable table {
	width:500px; 	
}

#cartTable tr td {
	padding:5px;

}


#cartTable tr {
	background:#DEE1E4;
}


.foot-list {
	width:560px;
	margin: 0px auto;

}
.foot-list ul {
	text-align:center;

}

.foot-list div {
	float:left;
	width:186.6px;
	padding-top: 15px;
}

.foot-list li h4 {
	color:#000;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: .7em
}

.foot-list li a {
	text-decoration:none;
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size: .5em
}

.foot-list li a:hover {
	color:#666;
}

#copy-right {
	width:200px;
	height:30px;
	margin: 0px auto;
	padding-top:5px;
	clear:both;

}


#copy-right h5 {
	text-align:center;
	font-family:"Century Gothic", Century, serif;
	font-size: 10px;
	font-style:normal;

}

.block-color {
	height:15px;
	background:#C3E2E4;	
}

.highlight {
 	color:#CC0000;
}
 a img { 
		border: none; 
 }

 

.float-right {
	float:right;
}

.float-left {
	float:left;
}

float-center {
	margin:0px auto;
}

.no_padding {
	padding:0 !important;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

</style>
