body {
	font-family:sans-serif;
	background:url(gfx/bg.png) repeat-x #fff;
	margin:0;
	font-size:11pt;
}
a {
	text-decoration:underline;
	color:#555588;
}
a:hover {
	color:#333366;
}
h1 {
	font-size:14pt;
	margin:0px;
	color:#444455;
}
h1 a,h2 a,h3 a{
	color:#444455;
	text-decoration:none;
}
h1 a:hover,h2 a:hover,h3 a:hover{
	color:#333344;
}
h2 {
	font-size:14pt;
	margin:0px;
	color:#444455;
}
h3 {
	font-size:12pt;
	margin:0px;
	color:#444455;
}
p {
	margin:0px;
}
img{
	border:none;
}
ul{
	list-style:circle;
}
#float-r,.float-r {
	float:right;
	margin:5px;
}
#float-l,.float-l {
	float:left;
	margin:5px;
}
#nav {
	background:url(gfx/nav.png) #000;
	background-repeat:repeat-x;
	width:100%;
	height:30px;
	margin-top:19px;
}
#nav a {
	color:#eee;
	font-size:12pt;
	line-height:23pt;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
	margin-left:2px;
}
#nav a:hover {
	background:url(gfx/nav-h.png) repeat-x;
	color:#eee;
}
#nav a:active {
	background:url(gfx/nav-h.png) repeat-x;
	color:#000;
}
#nav .current {
	background:url(gfx/nav-h.png) repeat-x;
	color:#000;
}
#nav #spacer {
	margin-left:70px;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#nav li {
	float:left;
	display:inline;
}
#nav #shopping-cart{
	float:right;
	padding-right:100px;
}
#nav #search{
	float:right;
	padding:4px 100px 0px 0px;
	color:#eee;
	display:none;
}
#nav #search form{
	display:inline;
	margin:0;
	padding:0;
}
#nav #search input.field{
	background:url(gfx/search-input.png) top repeat-x;
	width:143px;
	height:21px;
	padding:2px 0px 0px 3px;
	margin:0px;
	color:#000;
	font-size:10pt;
	font-family:"Myriad Pro",Verdana, Geneva, sans-serif;
	border:none;
}
html>/**/body #nav #search input.field{
	position:relative;
	bottom:3px;
}
#nav #search input.field:hover,#nav #search input.field:focus{
	background-position:bottom;
}
#nav #search input.button{
	background:url(gfx/search-button.png) no-repeat;
	width:64px;
	height:23px;
	border:none;
	cursor:pointer;
}
#banner-wrapper {
	background:url(gfx/banner-bg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:124px;
}
#banner {
	background:url(gfx/banner.jpg) no-repeat;
	width:684px;
	height:124px;
}
#banner-flash{
	position:absolute;
	top:49px;
	left:0px;
}
#moon-refl {
	background:url(gfx/moon-refl.jpg) no-repeat;
	width:226px;
	height:38px;
	position:absolute;
	top:173px;
	left:58px;
	z-index:2;
}
* html #moon-refl {
	display:none;
}
#pen {
	background:url(gfx/pen.png) no-repeat;
	width:80px;
	height:149px;
	position:absolute;
	top:54px;
	left:100px;
	z-index:5;
}
* html #pen {
	display:none;
}
#body {
	background:url(gfx/body.png) repeat-x;
	width:100%;
	min-height:400px;
}
#body #wrapper {
	padding-right:50px;
	padding-bottom:50px;
	z-index:3;
	position:absolute;
	top:186px;
	left:220px;
}
#body #wrapper #product{
	font-size:10pt;
	line-height:14pt;
}
#body #wrapper #product img{
	float:right;
	margin:0px 0px 0px 30px;
	padding:0px;
	border:5px solid #364f61;
}
#body #wrapper #product h1{
	padding-bottom:15px;
}
#body #wrapper #order-info{
	padding:30px 0px 15px 30px;
	margin:0 0 30px 0;
	background:url(gfx/product-page-gradient.png) no-repeat bottom left;
}
input[type=submit],input[type=reset], button{
	width:64px;
	height:32px;
	margin-left:10px;
	background:url(gfx/button.png) no-repeat;
	border:none;
	color:#eee;
	cursor:pointer;
}
#order-info .button{
	position:absolute;
	display:block;
	width:64px;
	height:32px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	margin-top:-26px;
	margin-left:58px;
	background:url(gfx/button.png) no-repeat;
	border:none;
	color:#eee;
	cursor:pointer;
}
* html #order-info .button{
	margin-top:-10px;
	margin-left:28px;
}
*:first-child+html #order-info .button{
	margin-top:-10px;
	margin-left:28px;
}
#body #wrapper #product del{
	font-weight:bold;
	color:#c00;
}
#body p {
	margin-bottom:20px;
	text-align:justify;
}
#section {
	background:url(gfx/section.png) repeat-x;
	width:440px;
	padding:5px 0px 5px 0px;
	margin:10px auto 10px auto;
	text-align:center;
}
#section img{
	width:400px;
}
* html #section {
	background:url(blank.gif) #eeeeff;
	border-top:1px solid #ccccee;
}
#sidebar {
	background:url(gfx/sidebar.png) top right;
	background-repeat:repeat-y;
	width:172px;
	position:absolute;
	top:186px;
	left:30px;
	z-index:4;
}
#sidebar h1 {
	margin:5px 10px 5px 0px;
	font-size:12pt;
	color:#eee;
}
#sidebar-hr {
	background:url(gfx/sidebar-hr.png) no-repeat;
	width:149px;
	height:1px;
	margin-left:10px;
}
#sidebar-b {
	background:url(gfx/sidebar-b.jpg) no-repeat;
	width:172px;
	height:178px;
}
#sidebar a {
	display:block;
	color:#eee;
	text-decoration:none;
	padding-left:8px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:1px;
}
#sidebar a:hover {
	background:url(gfx/sidebar.png);
	color:#000;
}
#sidebar a.no-link{
	cursor:default;
}
/* Start Dropdown */
#sidebar-nav, #sidebar-nav ul { /* all lists */
	padding: 10px 0px 0px 0px;
	margin: 0;
	list-style: none;
	float : left;
	width : 11em;
}

#sidebar-nav li { /* all list items */
	position : relative;
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width: 11em;
}

#sidebar-nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 11em;
	margin-top : -1.85em;
}

#sidebar-nav li ul ul { /* third-and-above-level lists */
	left: -999em;
}

#sidebar-nav li a {
	width: 11em;
	w\idth : 10em;
	display : block;
	padding : 0px 5px 5px 5px;
	border-bottom:1px solid #364f61;
}

#sidebar-nav li a:hover {
	border-bottom:1px solid #ccc;
	color:#ccc;
}

#sidebar-nav li:hover ul ul, #sidebar-nav li:hover ul ul ul, #sidebar-nav li.sfhover ul ul, #sidebar-nav li.sfhover ul ul ul {
	left: -999em;
}

#sidebar-nav li:hover ul, #sidebar-nav li li:hover ul, #sidebar-nav li li li:hover ul, #sidebar-nav li.sfhover ul, #sidebar-nav li li.sfhover ul, #sidebar-nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background:#fff;
	background:url(gfx/sidebar-h.png) repeat-y right top #fff;
	border:1px solid #ccc;
}
/* End Dropdown menu */
.item{
	margin:10px 15px 10px 15px;
	width:200px;
	height:186px;
	float:left;
	display:block;
	background:url(gfx/item-background.png) repeat-x bottom #fff;
	border:5px solid #586f83;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}
.item:hover{
	border:5px solid #364f61;
}
.item img{
	padding:10px 0px 5px 0px;
}
div.item{
	color:#697f94;
	cursor:default;
	border:5px solid #ccc;
}
div.item:hover{
	border:5px solid #ccc;
}
div.hr{
	background:url(gfx/large-hr.png) no-repeat center;
	width:466px;
	height:12px;
}
#homepage-info{
	position:relative;
	margin:0px auto 0px auto;
	width:80%;
	min-width:750px;
}
* html #homepage-info{
	width:750px;
}
#homepage-info #monthly-special .wrapper{
	float:left;
	width:30%;
	font-size:11pt;
	line-height:15pt;
}
#homepage-info #monthly-special h2{
	padding-bottom:10px;
}
#homepage-info #monthly-special a{
	border-bottom:1px solid #ccc;
	color:#000;
	text-decoration:none;
}
#homepage-info #monthly-special a:hover{
	color:#222;
	background:#eee;
}
#homepage-info #monthly-special a:active{
	color:#444;
}
#homepage-info #monthly-special #product-image{
	border:5px solid #364f61;
	margin:10px 0px 0px 30px;
}
.handmade-pens h1{
	clear:both;
	padding-top:24px;
}
a#handmade-button{
	display:block;
	width:270px;
	height:26px;
	background:url(gfx/handmade-background.png) no-repeat left top;
	color:#eee;
	text-align:center;
	padding:7px 0 0 0;
	margin:0;
	text-decoration:none;
	font-weight:bold;
}
a#handmade-button:hover{
	color:#fff;
	background-position:left center;
}
a#handmade-button:active{
	color:#ccc;
	background-position:left bottom;
}
.handmade-text{
	padding:5px 10px;
	margin:0;
	color:#333;
}
.handmade-text a{
	color:#555588 !important;
}
#homepage-sidebar{
	width:270px;
	height:370px;
	color:#eee;
	float:right;
	clear:right;
}
#homepage-sidebar .wrapper{
	background:url(gfx/homepage-sidebar.jpg) no-repeat;
	padding:16px 25px 10px 10px;
}
#homepage-sidebar h2{
	color:#eee;
}
#homepage-sidebar a{
	color:#eee;
}
#homepage-sidebar a:hover{
	color:#999;
}
#footer {
	clear:both;
	text-align:center;
	color:#888;
	font-size:9pt;
	padding-top:120px;
}
#footer a {
	color:#888;
}
#footer a:hover {
	color:#666;
}

@media print {
#sidebar,#nav,#moon-refl,#section{
	display:none;
}
#body,body{
	background:none;
}
#banner-wrapper{
	background:url(gfx/banner.jpg) no-repeat;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#body #wrapper{
	position:absolute;
	top:143px;
	left:0px;
	width:100%;
}
#body p{
	margin:0px;
}
.item,div.item{
	border:none;
	color:#000;
	margin:0px;
}
#footer{
	margin:0px;
	padding:0px;
	color:#000;
}
#footer a{
	color:#000;
	text-decoration:none;
}
}