html {
background: #FFFDEC;
}

body {
background: url(../graphics/shadow_ground.png) repeat-y  -5px #FFFDEC;
margin: 0px;
padding: 0px 0px 0px 22px;
color: #333;
font: 12px/1.3 georgia, serif;
}

#imgs img, #breadcrumb, .inventory, #text-frame img, #flipper_shadow, div.first:hover, .inventory h1, .inventory h1.featured, .search h1.searched, .blog_nav, #logo img, .toggler img { behavior: url(/css/iepngfix.htc) }

a img {
border: 0px none;
}

h1 {
padding: 8px 0px 7px 10px;
margin: 0px;
color: #3c3c3c;
text-align: center;
font-family: georgia;
border-top: 3px solid #999;
border-bottom: 1px dotted #999;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .2em;
font-size: 16px;
}

#text-frame h1 {
font-family: helvetica, arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
font-stretch: ultra-condensed;
letter-spacing: normal;
text-align: left;
font-size: 22px;
line-height: 22px;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 6px 0px 0px 16px;
border-top: 0px;
border-bottom: 0px;
}

#text-frame h2 {
font-family: helvetica, arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
font-size: 18px;
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 4px 10px 8px 16px;
border-top: 0px;
border-bottom: 0px;
}

h2 {
font: 12px/14px georgia, times, "times new roman", serif;
margin: 3px 0px;
padding: 0px;
}

h3 {
font: normal 14px/17px helvetica, arial, sans-serif;
margin: 11px 0px 0px 0px;
padding: 0px;
}

h3.hidden, h3.hidden2 {
height: 0px;
overflow: hidden;
}

div.invisible {
display: none;
}

h4 {
font: bold 10px/12px helvetica, arial, sans-serif;
margin: .5em 0px;
padding: 0px;
}

h5 {}

h6 {
padding: 0px;
margin: 5px 5px 0px 0px;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: inline;
font-family: helvetica;
color: #333;
letter-spacing: .08em;
}

p {}

blockquote {
margin-left: 1.5em;
}

a:link {color: #2885a6;
text-decoration: none;}
a:visited {color: #2885a6;
text-decoration: none;}
a:hover {color: #55b5d7;
text-decoration: underline;}
a:active {color: #55b5d7;
text-decoration: underline;} 

/* search bar */

#searchbar {
position: absolute;
top: 0px;
height: 17px;
width: 100%;
background: #3c3c3c;
margin: 0px 0px 0px -22px;
padding: 6px 0px 8px 24px;
color: #F0EBC7;
border-top: 1px solid #597B84;
}

#searchbar ul {
display: inline;
padding: 0px;
margin: 0px 15px;
white-space: nowrap;
}

#searchbar ul li {
display: inline;
padding: 0px;
margin: 0px 15px 0px 0px;
white-space: nowrap;
}

#searchbar #search input {
background-color: #FFFDEC;
border: solid 1px #C8C87D;
padding: 2px;
width: 90px;
font-family: helvetica;
font-size: 9px;
}

#searchbar #search input.button {
padding: 1px;
}


#searchbar #browse select {
border: solid 1px #C8C87D;
padding: 1px 0px;
width: 114px;
font-family: helvetica;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .1em;
background-color: #FFFDEC;
margin-right: 0px;
}

/* breadcrumbs */

#breadcrumb {
position: relative;
top: 32px;
width: 100%;
background: url(../graphics/breadcrumb.gif) #F3E955 repeat-x;
margin: 0px 0px -1px -22px;
padding: 6px 2px 6px 22px;
color: white;
z-index: 80;
}

#breadcrumb ul {
display: inline;
padding: 0px;
margin: 0px 15px;
}

#breadcrumb ul li {
display: inline;
padding: 0px;
margin: 0px 2px 0px 0px;
}

#breadcrumb a:link, #breadcrumb a:visited {
color: white;
}
#breadcrumb a:hover, #breadcrumb a:active {
color: #49B8DF;
text-decoration: underline;
}


/* header */

#masthead {
margin: 32px 0px 0em 0px;
width: 840px;
background: #FFFDEC;
height: 111px;
position: relative;
}

#logo {
position: absolute;
z-index: 80;
overflow: visible;
top: 31px;
left: -10px;
height: 112px;
width: 460px;
}

#shopping, #login, #register, #chpass, #forgot {
position: absolute;
right: 10px;
display: block;
height: 54px;
margin-top: 25px;
border-bottom: 1px solid #C8C87D;

}


#shopping p, #login p, #register p, #chpass p, #forgot p {
font-family: helvetica;
font-size: 9px;
margin: 0 0 1px 0;
padding: 0;
}

#usererrors {
position: absolute;
right: 10px;
display: block;
margin-top: 5px;
color: #900;
}

#usererrors li {
	display: inline;
}



#register, #login, #showcart, #chpass, #forgot {
display: none;
}

span#showcart {
}

#shopping img {
float: left;
width: 24px;
margin-top: 10px;
}

#user_tools {
position: absolute;
border: 0px none;
right: 10px;
top: 81px;
padding-top: 2px;
font-size: 9px;
font-family: helvetica;
text-align: right;
white-space: nowrap;
}



#cart_items {
float: left;
margin: 18px 0px 0px 4px;
}

#login input, #register input, #chpass input, #forgot input {
border:solid 0 #fff;
border: solid 1px #C8C87D;
padding: 2px 4px 2px 4px;
width: 114px;
font-family: helvetica;
font-size: 9px;
letter-spacing: .1em;
margin: 1px;
}

#login input.button, #register input.button, #chpass input.button, #forgot input.button {
padding: 1px 4px;
background: #f5ed67;
}

#register input {
width: 114px;
}

/* content */

#items {
padding: 0px;
border: 0px none;
width: 620px;
margin-top: 0px;
float: none;
position: relative;
z-index: 1;
margin-left: 232px;
}

.inventory {
background: #FFFDEC url(../graphics/shadow_right-trans.png) repeat-y;
width: 600px;
float: left;
padding-top: 220px;
}

#flipper_shadow {
position: absolute;
background: url(../graphics/shadow_right-trans.png) repeat-y; 
height: 220px;
z-index: 80;
top: 0px;
width: 10px;
left: 0px;
}

#items .inventory .item, #items .inventory .object .item {
width: 90px;
padding: 15px;
float: left;
}

div.item:hover {
background: #F0EAD2;
}

div.first {
clear: left;

}

div.first:hover {
background: #F0EAD2 url(../graphics/shadow_right-trans.png) repeat-y;
}

.clear {
clear: both;
}

.inventory h1 {
background:  url(../graphics/shadow_right-trans.png) repeat-y #fdf4ba;
}


.inventory h1.featured {
background:  url(../graphics/shadow_right-trans.png) repeat-y #fbec86;
}

/* sidebar */

#corporate {
width: 200px;
float: left;
padding: 25px 15px 15px 15px;
top: 124px;
z-index: 20;
margin-left: 2px;
font-family: georgia;
line-height: 1.3;
color: black;
}

#corporate h1 {
padding: 0px;
background: none;
margin: 0px 0px 10px 0px;
color: #3c3c3c;
border: 0px none;
text-align: left;
font-weight: bold;
letter-spacing: 0;
}

#corporate h2 {
background: #E8CB31;
color: #3c3c3c;
margin: 0px -15px;
padding: 7px 15px;
border-bottom: #3c3c3c 1px solid;
}

#corporate h3 {
margin: 3px 0px;
}

#about, #mailing, #feature_list {
margin-right: -15px;
}

#mailing {
margin-top: 10px;
}

#mailing input {
background-color: #fff;
border: solid 1px #C8C87D;
padding: 3px;
font-family: helvetica;
font-size: 9px;
margin-top: 4px;
}

#mailing input.button {
background-color: #FFFDEC;
border: solid 1px #C8C87D;
padding: 2px;
font-family: helvetica;
font-size: 9px;
}


#posts p {
display: inline;
}


#corporate #feature_list div.accordion select, #corporate #about div.accordion select {
border: solid 1px #C8C87D;
padding: 1px 0px;
width: 190px;
margin: 5px 0px 5px 0px;
font-family: helvetica;
font-size: 9px;
text-transform: uppercase;
letter-spacing: .1em;
background-color: #FFFDEC;
}

#feature_list ul {
list-style-type: none;
}

#corporate p {
padding: 0px 0px 5px 0px;
margin: 0px;
}

#corporate ul {
padding: 0px;
margin: 0px;
}

#corporate li {
margin: 3px 0px;
}

.accordion {
width: 200px;
padding-bottom: 0px;
}

.accordion ul, .accordion li {
list-style-type: none;
margin: 0px;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 90%;
font-weight: bold;
padding: 0px;
}

form.feature {
	display: inline;
}

.features a img,
.sites a img,
.dept-store a img,
.interviews a img,
.is a img,
.contact a img, 
.ordering a img {
margin: 0px 0px -5px -15px;
padding: 0px 24px 0px 15px;
}

.features a img {background: #faf4a6}
.sites a img {background: #efe87a}
.dept-store a img {background: #f9f182}
.interviews a img {background: #f8f07e}
.is a img {background: #f5ef94}
.contact a img {background: #e9e060}
.ordering a img {background: #e4db4e}

*html .features {background: #faf4a6}
*html .sites {background: #efe87a}
*html .dept-store {background: #f9f182}
*html .interviews {background: #f8f07e}
*html .is {background: #f5ef94}
*html .contact {background: #e9e060}
*html .ordering {background: #e4db4e}


#corporate div#feature_list form div.accordion ul, #corporate div#about  div.accordion p {
margin-top: 15px;
}

/*shift box*/

#hiderator {
position: absolute; 
top: 122px;
height: 310px;
left: 0px;
width: 22px;
z-index: 2;
} 

#imgs-frame {
width: 600px;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
height: 220px;
overflow:hidden;
}

#imgs {
position: absolute;
height: 220px;
overflow: hidden;
z-index: 0;
}

#imgs td {
vertical-align: top;
}

#text-frame {
position: absolute;
bottom: 0px;
left: 0px;
width: 600px;
height: auto;
}

#controller {
position: absolute;
top: 0px;
font-size: 20px;
padding: 0px;
text-align: left;
right: 0px;
width: 55px;
margin: 5px -15px 0px 0px;
}

#controller a {
background: #fff;
padding: 2px;
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
display: inline
}


/* object page specific styles */

.object h1 {
margin: 10px 0px 0px 0px;
}

.object #imgs {
	position: absolute;
height: 310px;
overflow: hidden;
}

.object #flipper_shadow {
height: 310px;
}

.object #imgs-frame {
height: 310px;

}



.object .inventory {
padding-top: 325px;
}

.object #items .object {
width: 600px;
padding: 0px;
float: none;
}

.object #items .object img {
float: left;
padding-left: 15px;
}

.object #items .object .item {
width: 90px;

padding: 15px;
float: left;
}

.object #items .inventory .item img {
padding: 0px 0px 10px 0px;}

.object #description {
width: 435px;
padding: 0px 15px;
margin-left: 120px
}

table.email {
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding: 4px 0px;
margin: 4px 0px 20px 0px;
}

table.email td {
width: 50%;
vertical-align: top;
}

.email input {
font-size: 9px;
margin-right: 10px;
}

.object p.price {
font-weight: bold;
font-size: 14px;
margin: 0px;
}

.object p.price.discount {
	color:red;
}

.object p.price em.regular {
	font-weight: normal;
	color: black;
	font-size: 12px;
}

ul#keywords, ul#keywords li, ul.keywords, ul.keywords li {
display: inline;
list-style-type: none;
padding: 0px;
margin: 0px;
}

.stock {
font-size: 12px;
margin: 10px 0px;
}

div.meta {
font-size: 11px;
margin-left: 20px;
margin-top: 10px;
float: left;
clear: left;
}
div.meta ul { 
list-style-type: none;
padding: 0px;
width: 97px;
margin: 0 auto;
}

div.meta ul li {
margin: 4px 0px;
}

.item_description {
margin-top: 0px;
}

#description a {
font-weight: bold;
text-decoration: none;
}

a:link.shoperation, a:visited.shoperation {
color: #49B8DF;
font-size: 12px;
}
a:hover.shoperation, a:active.shoperation {
color: #0097E9;
}

.more {
margin: 15px 0pc;
}
.more a:link, .more a:visited {
color: #49B8DF;
}
.more a:hover, .more a:active {
color: #0097E9;
}


#footer {
border: 1px solid #ccc;
border-left: 0px;
border-right: 0px;
margin-left: -22px;
padding-left: 42px;
width: 100%;
background: #FFFDEC;
z-index: 80;
clear: both;
}

/* search specific styles */

.search .inventory {
padding-top: 0px;
}

.search h1.searched {
background:  url(../graphics/shadow_right-trans.png) repeat-y #fbec86;
font-weight: bold;
border-top: 0px none;
border-bottom: 1px dotted #D1C401;
text-align: right;
padding-right: 20px;
font-size: 12px;
width: 370px;
padding-left: 210px;
}

.search #items .inventory a:link, .search #items .inventory a:visited, .home #items .inventory a:link, .home #items .inventory a:visited {
color: #333;
}

.search #items .inventory a:hover, .search #items .inventory a:active, .home #items .inventory a:hover, .home #items .inventory a:active {color: #55b5d7;} 

/* feature page specific styles */

.feature #imgs {
	position: absolute;
height: 220px;
overflow: hidden;
}

.feature #flipper_shadow {
height: 220px;
}

.feature #imgs-frame {
height: 220px;
}

.feature .inventory {
padding-top: 325px;
}

.feature .object p, 
.feature .object h4 {
padding: 0px 20px;
}

p.question {
font-weight: bold;
}

.feature #items .object p img {
margin-left: -15px;
}

.blog_nav {
padding: 10px 20px 22px 20px;
text-transform: uppercase;
font-size: 90%;
letter-spacing: .1em;
margin-bottom: -2px;
border-bottom: 1px dotted #ccc;
background:  url(../graphics/shadow_right-trans.png) repeat-y #fdf4ba;
}

.blog_nav .next_page {float: left;}
.blog_nav .prev_page {float: right;}

/* blog specific styles */

.posting {
padding: 10px 20px 15px 20px;
border-bottom: 1px #ccc dotted;
}

/* CART PAGE specific styles */

#items #cart {
padding: 15px;
width: 575px;
}

h1.cart_step {
background:  url(../graphics/shadow_right-trans.png) repeat-y #fbec86;
font-weight: bold;
border-top: 0px none;
border-bottom: 1px dotted #D1C401;
text-align: right;
padding-right: 20px;
font-size: 12px;
width: 370px;
padding-left: 210px;
}

table.cart {
padding: 0px;
margin: 0 0 .5em 0;
width: 100%;
}

.cart th {
text-align: left;
border-bottom: 1px #ccc solid;
padding: .5em 0;
}

.cart td {
border-bottom: 1px #ccc dotted;
padding: .5em 0;
vertical-align: middle;
}

.cart td.title {
}

.cart td img {
width: 40px;
padding-right: 10px;
}

.cart td.thumb {
width: 1%;
}

.cart .price {
	text-align: inherit;
}

td.cart_math {
white-space: nowrap;
width: 50px;
}

.datum {
float: right;
width: 11em;
clear: right;
font-size: 13px;
margin: .2em 0 0 0;
}
#cart div.datum label {
text-align: right;
padding-right: .5em;
}
div.datum span.price {
}

#cart h3 {
margin-top: 2em;
}

.feedback ul {
list-style-type: none;
padding: 0px 0px 10px 0px;
margin:0px;
color: red;
}

form.labelAbove label {
	display: block;
}


#cart form.labelAbove div.row {
	margin: 0;
}
	div.type {
	font-weight: bold;
}


.row {
float: left;
}

 #cart form.labelAbove.credit-card div.row {
 margin: 0 .75em .5em 0;
 }
 
 
div#cart .address input {
	width: 28.5em;
	margin: .2em 0;
}

form input, form select {
font-size: 9px;
margin-right: 5px;
}

.address label {
width: 100px;
margin-top: .5em;
}

.city {
float: left;
margin: .5em 0;
}

.city input {
width: 14em;
}

.zip {
clear: both;
float:left;
display: block;
margin-bottom: .5em;
}

.country, .state, .province {
float: left;
margin-top: .5em;
height: 3.5em;
}

.country select  {
width: 13em;
}

.state, .province {
clear:both;
}

.phone {
float:left;
display: block;
}

div#cart div.address-section {
clear:right;
	float:left;
	width: 287px;
	margin-right: 0;
}

div.shipping {
	float:right;
	margin-right: 0em;

}

input.exp {
	width: 2em;
}

input.cvv {
	width: 4em;
}

form.labelAbove div#payment-nav {
	clear: right;
	float:left;
	width: 40em;
}

#form95, #form35 {
margin-top: 60px;
}


#form95 {
margin-left: -10px;
}

#form95 h4, #form95 p, #form95 label, #form95 input {
margin-left: 10px;
}

#form95 p input {
margin: 10px 0px -10px 0px;
}

/* link styling */

#breadcrumb a:link, #breadcrumb a:visited {
color: white;
text-decoration: none;
}
#breadcrumb a:hover, #breadcrumb a:active {
text-decoration: underline;
}

#masthead a:link, #masthead a:visited, .feature a:link, .feature a:visited, #footer a:link, #footer a:visited {
text-decoration: none;
color: #49b8df;
}
#masthead a:hover, #masthead a:active, .feature a:hover, .feature a:active, #footer a:hover, #footer a:active {
color: #2885a6;
text-decoration: underline
}

#controller a:link, #controller a:visited {
color: #333;
text-decoration: none;
}
#controller a:hover, #controller a:active {
color: #2885a6;
}

#corporate a:link, #corporate a:visited {
color: #333;
text-decoration: none;
font-weight: bold;
}
#corporate a:hover, a:active {
color: #2885a6;
text-decoration: underline;
}

#items .inventory .item a:link, #items .inventory .item a:visited {
color: #333;
text-decoration: none;
}
#items .inventory .item a:hover, #items .inventory .item a:active {
color: #2885a6;
}

/* IE6 FIXES - I HATE IE6 */

*html body {
background: url(../graphics/shadow_ground.gif) repeat-y  -5px #FFFDEC;
}

*html #searchbar {
height: 33px;
padding: 0px 0px 0px 20px;
overflow: hidden;}

*html #searchbar form {
padding-top: 5px;
}

*html .inventory {
padding-top: 0px;
margin-top: 0px;
margin-left: -4px;
}

*html #items {
margin-left: 0px;
width: 600px;
}

*html #imgs-frame {
margin-top: -239px;
}

*html #flipper_shadow {
margin-top: -21px;
margin-bottom: 21px;
}


*html h1 {
padding: 8px 0px 7px 0px;
}

*html h1.cart_step, *html .inventory h1, *html .inventory h1.featured, *html .search h1.searched {
background:  url(../graphics/shadow_right-trans.gif) repeat-y #fbec86;
}

*html #items h1.cart_step {
width: 600px;
margin-left: -3px;
}

*html #form37 #items h1.cart_step {
width: 355px;
margin-left: 10px;
}

*html td.cart_math {
width: 70px;
padding-left: 10px;
}

*html td.price {
text-align: center;
}

*html form.labelAbove {
margin-top: 0px;
} 

*html #footer {
height: 30px;
padding-top: 10px;
}

*html #cart {
margin-left: -5px;
}

*html div.meta {
margin-left: -120px;
}

*html .object #items #imgs-frame #text-frame {
margin-bottom: -3px;}

*html .object #items #imgs-frame {
top: 241px;
margin-left: -4px;
}

*html #items .inventory #imgs-frame {
top: 21px;
left: 0px;
}

*html #items .inventory h1.featured {
margin-top: 19px;
margin-left: 0px;
width: 600px;
}

*html #items .inventory .blog_nav {
margin-top: 0px;
width: 600px;
margin-left: 0px;
background:  url(../graphics/shadow_right-trans.gif) repeat-y #fdf4ba;;
}


*html .feature #items {
left: -4px;
}

*html .feature #items .object div {
padding-top: 1px;
}

*html #controller, *:first-child+html #controller {
right: 0px;
width: 60px;
margin: 5px -15px 0px 0px;
overflow: visible;
padding-left: 16px;
white-space: nowrap;
}

*html #controller a, *:first-child+html #controller a {
filter:alpha(opacity=70); 
-moz-opacity: 0.7; 
opacity: 0.7;
}

*html #masthead {
position: relative;
top: 34px;
z-index: 100;
}

*html h3.toggler {
width: 219px;
padding: 0px 9px 0px 0px}

*html #about, *html #feature_list {
margin-left: -15px;
margin-right: -5px;
}


*html #about p, *html #feature_list p, *html #about ul, *html #feature_list ul, *html #feature_list form#feature-form22 .accordion select {
margin-left: 15px;}

*html .events, *html .features, *html .interviews, *html .is, *html .contact, *html .ordering {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

*html .events a img, *html .features a img, *html .interviews a img, *html .is a img, *html .contact a img, *html .ordering a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

*html .events a, *html .features a, *html .interviews a, *html .is a, *html .contact a, *html .ordering a {
margin: 0px -2px 0px -2px;
padding: 0px 0px 0px 15px;
}

*html #corporate h3 {margin: 0px;}


*html #corporate, *html #items {
margin-top: 32px;
}

*html #imgs-frame {
margin-left: 0px;
}

*html div.item h3 {
font-size: 13px}

*html #breadcrumb {
margin-bottom: -34px;
left: -22px;
margin-left: 0px;
}

*html .r label {
white-space: nowrap;
}

*html .phone label {
margin-top: 3px;
}

*html .search #items .inventory .item {
height: 260px;
}

*:first-child+html .search #items .inventory .item {
height: 260px;
}

*html #corporate {
margin-right: -9px;
}


/* IE7 FIXES - I HATE IE7 AS WELL */

*html #searchbar, *html #breadcrumb, *:first-child+html #searchbar, *:first-child+html #breadcrumb {
position: relative;

}

*:first-child+html #masthead {
z-index: 10;
top: 0px;
}

*:first-child+html #items, *:first-child+html #corporate {
margin-top: px;
}

*:first-child+html #footer {
height: 30px;
padding-top: 10px;
}

*:first-child+html #mailing input {
margin-top: -34px;
}

*:first-child+html #about {
margin-top: -20px;
}

*:first-child+html #feature_list h3.toggler {
margin-top: -1px;
}

*:first-child+html #about h3.toggler {
margin-top: -8px;
}

*:first-child+html div.meta {
margin-left: -360px;
}

*:first-child+html .object #items #imgs-frame #text-frame {
margin-bottom: -3px;}

*:first-child+html .phone {
margin-top: 9px;
}

*:first-child+html .labelAbove h1.cart_step {
margin-top: -19px;
}

*:first-child+html #login input.button, *:first-child+html #register input.button, *:first-child+html #chpass input.button, *:first-child+html #forgot input.button {
padding: 0px 2px;
margin-left: 2px;}

*:first-child+html #searchbar ul {
margin: 0px 10px;
}

*:first-child+html #searchbar {
margin-bottom: -32px;
}

*:first-child+html #shopping, *:first-child+html #login, *:first-child+html #register, *:first-child+html #chpass, *:first-child+html #forgot {
height: 58px;
margin-top: 21px;
}

a#rss {
	float: right;
	font-size: 90%;
	padding-right: 1em;
}