/* GLOBAL */

* {
	font-family:Arial,Helvetica;
}

body {
	background:white url(/img/body_bg.png) repeat;
	margin:0px;
	font-size:0.75em;
}

form {
	margin:0px;
}

img {
	border:0px;
}

img.border {
	width: 908px;
}

div.affirmfloat {
	position:absolute;
	top:20px;
	left:20px;
	z-index:100;
	width:260px;
	height:91px;
	background:url(/img/affirmations-float.png) no-repeat;
}

div.bgwords-left {
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
	background:url(/img/bgwords-left.png) no-repeat top left;
	width:100%;
	height:100%;
}

div.bgwords-right {
	position:absolute;
	top:0px;
	right:0px;
	z-index:20;
	background:url(/img/bgwords-right.png) no-repeat top right;
	width:100%;
	height:100%;
}

#workspace {
	background-color:white;
	width:784px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	z-index:30;
	position:relative;
	padding:8px;
}

#workspace #content {
	border: 2px solid #b4b4b5;
}

div.bg-topleft, div.bg-topright, div.bg-bottomleft, div.bg-bottomright {
	background:url(/img/body-corn-topleft.png) no-repeat top left;
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	z-index:31;
}

div.bg-topright {
	background:url(/img/body-corn-topright.png) no-repeat top right;
	right:-7px;
	top:-7px;
}

div.bg-bottomleft {
	background:url(/img/body-corn-bottomleft.png) no-repeat bottom left;
	left:-7px;
	bottom:-7px;
}

div.bg-bottomright {
	background:url(/img/body-corn-bottomright.png) no-repeat bottom right;
}

a.banner {
	position:relative;
	z-index:50;
}

/* FOOTER */

div#footer {
	text-transform:uppercase;
	height:25px;
	line-height:25px;
	text-align:right;
	padding-right:30px;
	font-size:0.8em;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	z-index:30;
	position:relative;
}

div#footer a {
	color:black;
	text-decoration:none;
}

div#footer a.cred {
	color:#666666;
}



/* TOP NAVIGATION */

div.topnav {
	height:3.25em;
	margin-left:10px;
	margin-right:10px;
	line-height:3.25em;
	text-align:right;
	position:relative;
	z-index:50;
}

div.topnav div.logininfo {
	float:left;
}

div.topnav ul {
	margin:0px;
	padding:0px;
}

div.topnav li {
	display:inline;
	margin:0px;
	padding:0px;
}

div.topnav li a {
	border-right:1px solid #e5e5e5;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#7d7e80;
	text-transform:uppercase;
	font-size:0.75em;
}

div.topnav li.last a {
	border-right:0px none;
	padding-right:0px;
}

div.topnav div.logininfo {
	padding-top:1em;
	line-height:100%;
}

div.topnav div.logininfo a {
	padding-right:6px;
}

.logout_button {
	margin-top: -5px;
}

/* LEFT NAVIGATION */

div.leftnav {
	width:140px;
	float:left;
	padding:10px;
	position:relative;
	z-index:50;
}

div.leftnav ul {
	margin:0px;
	padding:0px;
	padding-bottom:25px;
	border-bottom:1px solid #999999;
	margin-bottom:25px;
}

div.leftnav ul ul {
	padding:0px;
	margin:0px;
	border:0px none;
}

div.leftnav ul a {
	color:black;
	text-decoration:none;
}

div.leftnav ul li ul li a {
	color: #7d7e80;
}

div.leftnav li {
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	list-style:none;
	line-height:200%;
	font-weight:bold;
	font-size:0.9em;
}

div.leftnav li li {
	margin-left:1px;
	padding-left:9px;
	text-transform:none;
	background:url(/img/leftnav-bullet.png) no-repeat 0em 0.5em;
	line-height:110%;
	font-weight:normal;
	font-size:1.1em;
	position:relative;	/* This MUST be here for the bullet to appear in MSIE */
}

div.leftnav li li.sel {
	font-weight:bold;
}


/* BODY & BODY CONTENTS */

div.body {
	margin:10px;
	margin-left:160px;
	border-left:1px solid #b4b4b5;
	padding-left:10px;
	position:relative;
	z-index:50;
}

div.content {
	padding-left:8px;
	padding-right:8px;
}

/*div.body a, div.body a:visited {
	color:#ff3399;
}*/

div.body hr {
	border:0px none;
	border-bottom:1px solid #cccccc;
	margin-top:10px;
	margin-bottom:10px;
}

div.body ul, div.body ol {
	list-style-position:inside;
	margin:0px;
}

div.body h1 {
	font-size:2.5em;
	border-bottom:1px solid #999999;
	font-weight:normal;
	color:#555555;
	margin:0px;
	padding:0px;
	padding-left:8px;
	line-height:100%;
	padding-bottom:0.3em;
	margin-bottom:0.3em;
	margin-left:-8px;
	margin-right:-8px;
	font-family:Helvetica, Arial Narrow, Arial;
}

div.body h2 {
	font-size:1.85em;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:100%;
	padding-bottom:0.5em;
	padding-top:0.3em;
}

div.body h3 {
	font-size:1.25em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:100%;
	padding-bottom:0.5em;
	padding-top:1em;
}

div.body h4 {
	font-size:1em;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:100%;
	padding-bottom:0.5em;
	padding-top:1em;
}

a.backtotop, a.backtotop:visited {
	background:url(/img/top.png) no-repeat left;
	padding-left:14px;
	clear:both;
	text-decoration:none;
	color:black !important;
	line-height:100%;
	display:block;
}

div.clear {
	clear:both;
}

div.body br.half {
	height:0.75em;
	line-height:0.75em;
}

table.summary {
	width:100%;
}

table.summary tbody th {
	font-weight:bold !important;
	font-size:0.9em;
	text-transform:uppercase;
	vertical-align:top;
}

table.summary tbody td {
	vertical-align:top;
}

table.data {
	width:100%;
}

table.data thead th {
	font-weight:bold !important;
	font-size:0.9em;
	text-transform:uppercase;
	border-bottom:1px solid #333333;
}

table.data tbody td {
	border-bottom:1px solid #cccccc;
	padding:2px;
}

table.data tfoot th {
	font-weight:bold !important;
	font-size:0.9em;
	text-transform:uppercase;
}

table.data td, table.data th {
	vertical-align:top;
}

.alt-row {
	background-color:#e5e5e5;
}


/* MODULE PAGINATION */

div.paging {
	text-align:center;
	line-height:100%;
}

div.paging a, div.paging a:visited {
	text-decoration:none;
	color:black;
	border-right:1px solid black;
	padding-left:3px;
	padding-right:3px;
}

div.paging a.sel {
	font-weight:bold;
}

div.paging a.first {
	border-left:1px solid black;
}

div.paging a.prev, div.paging a.prev:visited {
	float:left;
	background:url(/img/prev.png) no-repeat left;
	padding-left:10px;
	border:0px;
	font-size:0.85em;
}

div.paging a.next, div.paging a.next:visited {
	float:right;
	background:url(/img/next.png) no-repeat right;
	padding-right:10px;
	border:0px;
	font-size:0.85em;
}



/* MODULE FORMS */

div.body form table {
	border-collapse:collapse;
}

div.body form table tbody th {
	white-space:nowrap;
	width:1%;
}

div.body form table th, div.body form table td {
	font-weight:normal;
	padding:0.1em;
	padding-right:10px;
	text-align:left;
}

div.body form input.text, div.body form textarea {
	border:1px inset #68bde0;
	font-size:0.85em;
	width:100%;
}

div.body form sup {
	vertical-align:middle;
	color:red;
	font-size:1.25em;
}

div.req-instruct {
	float:right;
	line-height:120%;
	font-size:0.8em;
	padding-top:1em;
}

ul.error {
	border:1px solid red;
	margin:0px;
	margin-top:1em;
	padding:0px;
	padding-bottom:0.25em;
}

ul.error li {
	color:red;
	margin:0px;
	padding:0px;
	line-height:150%;
	list-style:none;
	background:url(/img/error-bullet.png) no-repeat 0.5em 0.2em;
	padding-left:2.25em;
}



/* HOME TEMPLATE */

body.home {
	background-color:#ffffff;
	background-image:none;
	text-align:center;
	font-size:0.75em;
	margin:0px;
	height:100%;
}

div#stamps {
	margin-top:10px;
}

div#stamps a.fade img {
	-moz-opacity:0.25;
	opacity:0.25;
	-khtml-opacity:0.25;
	filter:Alpha(opacity=25);
}

div#stamps img {
	margin-right: 5px;
}

/*div#stamps a img {
	padding:14px;
	padding-left:11px;
	background:url(/img/home-stamp-bg.png) no-repeat;
}

div#stamps a.first img {
	padding-left:14px;
	background:url(/img/home-stamp-bg-first.png) no-repeat;
}

div#stamps a.last img {
	background:url(/img/home-stamp-bg-last.png) no-repeat;
}*/

div#cats {
	text-transform:uppercase;
	color:#cccccc;
	margin: 5px 0px;
	white-space:nowrap;
	text-align: left;
	padding-left: 65px;
}

div#cats #greeting-cards {
	margin-right: 62px;
}

div#cats #bookmarks {
	margin-right: 49px;
}

div#cats #little-affirmations {
	margin-right: 63px;
}

div#cats #posters {
	margin-right: 104px;
}

div#cats #gifts {
	margin-right: 104px;
}

div#cats a {
	text-decoration:none;
	color:#BD2953;
	white-space:nowrap;
}


div#wordstoliveby {
	text-transform:lowercase;
	color:#845AA4;
	margin-top:31px;
}

.catnavchildon, .catnavchildoff {
	background:white;
	text-transform:uppercase;
	color:black;
	white-space:nowrap;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-size:0.85em;
	line-height:150%;
}

.catnavchildon {
	color:#BD2953;
}


/* PRODUCT DETAIL TEMPLATE */

body.product {
	padding:25px;
}

div.product-outer {
	position:relative;
	width:484px;
	height:384px;
	padding:8px;
	background:white;
}

div.product-border {
	position:relative;
	width:468px;
	height:368px;
	padding:8px;
	border:1px solid #cccccc;
}

div.product-corn-bottomleft {
	position:absolute;
	bottom:-8px;
	left:-8px;
	right:0px;
	top:0px;
	background:url(/img/product-corn-bottomleft.png) no-repeat bottom left;
}

div.product-inner {
	position:absolute;
	right:8px;
	top:8px;
	left:280px;
	height:368px;
	z-index:50;
	line-height:120%;
	overflow:hidden;
}

div.product-inner sup {
	vertical-align:middle;
	font-size:1.1em;
}

div.product-img img {
	border:1px solid #cccccc;
}

div.product-img {
	position:relative;
	width:250px;
	margin-right:16px;
	height:368px;
	text-align:center;
}

div.product-inner h3 {
	margin-top:0px;
}

div.product-outer div.paging {
	width:82px;
	float:left;
}

div.product-note-footer {
	position:absolute;
	left:280px;
	bottom:8px;
	right:8px;
	z-index:100;
}

div.product-note-header {
	position:absolute;
	left:280px;
	bottom:48px;
	right:8px;
}

div.product-outer a.close {
	float:right;
	background:url(/img/close.png) no-repeat right;
	border:0px;
	height:12px;
	font-size:0.85em;
	line-height:12px;
	text-decoration:none;
	color:black;
	padding-right:14px;
	margin-right:10px;
}

div.product-inner input {
	vertical-align:middle;
}

div.product-inner input.text {
	width:3em;
	height:1.5em;
	border:1px solid #e5e5e5;
	padding:0px;
	text-align:center;
	line-height:100%;
	font-size:0.85em;
}



/* SHOPPING CART SUMMARY */

div.cart-summary {
	float:right;
	padding-top:5px;
}

div.cart-summary div {
	float:left;
	line-height:120%;
	text-transform:uppercase;
	font-size:0.88em;
	border-left:1px dashed #e5e5e5;
	padding-left:10px;
	margin-left:10px;
}

div.cart-summary div.first {
	border-left:4px solid #e5e5e5;
	text-align:right;
}



/* PRODUCT LISTING */

div.product-thumbrow {
	position:relative;
	border-bottom:1px solid #ff3399;
	padding-bottom:0.6em;
	padding-top:1em;
	width:600px;
	height:207px;
	display: inline-block; /* For MacIE, doesn't seen to hurt anything else */
}

div.product-thumb {
	width:200px;
	position:absolute;
	font-size:0.825em;
	line-height:150%;
}

div.product-thumb a {
	color:black;
	text-decoration:underline;
}

div.product-thumb input.qty {
	width:2em;
	height:1.5em;
	border:1px solid #e5e5e5;
	font-size:1em;
	padding:0px;
	text-align:center;
	margin-left:7px;
}

div.product-thumb input.add {
	background:white url(/img/icon-cart.png) no-repeat left;
	border:0px;
	text-decoration:underline;
	margin-left:10px;
	padding-left:18px;
	font-size:1em;
}

div.product-thumb input.add-unsaved {
	background-image:url(/img/icon-cart-unsaved.png);
}

div.product-thumb input.add-saved {
	background-image:url(/img/icon-cart-saved.png);
}

div.product-thumb div.info img {
	vertical-align:middle;
	padding-left:11px;
	padding-right:3px;
}

div.product-thumb div.caption {
	position:absolute;
	left:119px;
	right:5px;
	overflow:hidden;
	height:142px;
	cursor:pointer;
}

div.product-thumb div.caption h3 {
	padding:0px;
	margin:0px;
	font-size:1.2em;
}

div.product-thumb div.info {
	height:5em;
}

div.product-thumb div.thumb, div.product-thumb div.thumb-blank {
	padding-top:5px;
	height:142px;
	margin-bottom:5px;
}

div.product-thumb div.thumb {
	background:url(/img/product-thumb-bg.png) no-repeat;
	text-align:center;
	width:109px;
	height:148px;
	cursor:pointer;
}

div.product-thumb div.thumb img {
	border:1px solid #eaeaea;
	margin-left:7px;
}

div.right-box {
	float:right;
	white-space:nowrap;
	font-size:0.9em;
}

div.right-box input {
	padding:0px;
	margin:0px;
}