@charset "UTF-8";
/* CSS Document */

body {
	background: #000000 url(/media/fade_bg_page.jpg) repeat-x top center;  
/*	background: #000000 url(images/fade_bg_page_2.jpg) repeat-y top left; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0 20px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	color: #ffffff;
}
p {
	margin: 8px 0px 0px 0px;
}
a {
	color:#CC6633;
	text-decoration: none;
	outline: none;
}
a:hover {
	color:#ff9966;
}
.oneColFixCtrHdr #container {
	width: 880px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	width: 100%;
	height: 135px;
	margin: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #themeline {
	width: 100%;
	height: 25px;
/*	background: #000000; */
	letter-spacing: 6px;
	font-weight: bold;
	text-align: right;
	padding: 0px;
}
.oneColFixCtrHdr #mainContent {
	width: 100%;
	height: 344px;
	position: relative;
	background: #000000;
	margin: 0px;
	padding:  0px ;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.oneColFixCtrHdr #checkoutContent {
	width: 100%;
	height: auto;
	position: relative;
	background: #ffffff;
	margin: 0px;
	padding:  0px ;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.oneColFixCtrHdr #footer {
	background: #000000; /* url(images/content_glow.jpg) no-repeat top center; */ 
	width: 100%;
	height: 250px;
	position: relative;
	margin: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	text-align: right;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#admin-logout {
	float: right; 
	margin-top: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #cc6633;
	font-size: 11px;
	font-weight: bold;
}
#admin-logout a {
	padding: 0px 6px;
}

#breadcrumbs{
	color: #ccc;
	letter-spacing: 1px;
	width: 480px; 
	height: 20px; 
	margin: 5px 0px 0px 12px; 
	text-align: left; 
	font-size: 11px;
}
#breadcrumbs span#current {
	color: #fff;
}
#breadcrumbs a {
	cursor: pointer;
	color: #ccc;
	text-decoration:none;
}
#breadcrumbs a:hover {
	color: #fff; /* c63 for orange */
}

#mainContent #main-image {
	position: absolute;
	left: 0px;
	top: 0px;
}
#mainContent #main-image img {
	width: 380px; 
	height: 340px; 
	margin: 2px 0px; 
	border: none;	
}
#mainContent #main-image-label-sr, #mainContent #main-image-label-et, #mainContent #main-image-label-ms {
	position: absolute;
	top: 18px;
	width: 105px;
	height: 279px;
}
#mainContent #main-image-label-sr {
	left: 32px;
	background-image: url(/media/sr_label.jpg);
	background-repeat: no-repeat;
	background-position: -150px 100px;
}
#mainContent #main-image-label-et {
	left: 138px;
	background-image: url(/media/et_label.jpg);
	background-repeat: no-repeat;
	background-position: -150px 100px;
}
#mainContent #main-image-label-ms {
	left: 244px;
	background-image: url(/media/ms_label.jpg);
	background-repeat: no-repeat;
	background-position: -150px 100px;
}
#mainContent #main-image-label-sr:hover, #mainContent #main-image-label-et:hover, #mainContent #main-image-label-ms:hover {
	background-position: -3px 116px;
}
#mainContent #main-image-label-sr img, #mainContent #main-image-label-et img, #mainContent #main-image-label-ms img {
	width: 105px;
	height: 279px;
}

#mainContent #main-image-checkout {
	width: 380px; 
	height: 30px; 
	overflow: hidden;
}
#mainContent #main-image-checkout img {
	float: left; 
	width: 380px; 
	height: 340px; 
	margin: 2px 0px; 
	border: none; 
}
#mainContent #content-area {
	float: right; 
	width: 500px; 
	height: 344px; 
	margin: 0px; 
	background:url(/media/fade_bg_top.jpg) no-repeat top center;
}
#mainContent #content-lower {
	clear: both; 
	margin: 13px 0px 0px 30px; 
	width: 445px; 
	height: 296px;
}
#mainContent #content-lower-2 {
	clear: both; 
	margin: 13px 0px 0px 0px; 
	width: 500px; 
	height: 306px;
}
#mainContent #content-title {
	width: 420px; 
}
#mainContent #content-title-2 {
	float: left;
	width: 365px;
	height: 15px;
	margin-bottom: 10px;
	margin-left: 30px !important;
	margin-left: 15px;
}
#mainContent #content-title, #mainContent #content-title-2 {
	height: 15px; 
	text-align: left; 
	letter-spacing: 5px; 
	font-weight: bold; 
	text-transform: uppercase; 
	font-size: 13px; 
	color: #cc6633;
}
#mainContent #content-intro-line {
	margin: 20px auto 0px 10px; 
	position: relative;
	width: 435px; 
	height: auto; 
	letter-spacing: 1px; 
	line-height: 17px; 
	font-size: 11px; /* 2px spacing, size 12px */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* remove */
}
#mainContent #content-panel-2 {
	padding: 0px;
	clear: both; 
	width: 500px; 
	height: 280px; 
	background: #f0f0f0 url(/media/fade_bg.jpg) no-repeat top center;
}

.content, .content-leadingline {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* remove */
	width: 445px;
	height: 265px;
	padding: 15px 25px 0px 30px;
	overflow: auto;
	position: relative;
	letter-spacing: 0px;
	line-height: 17px;
	font-size: 11px; /* 12 */
	color: #333; /* 000 */
}
.content-leadingline:first-line {
/*	font-size:13px;
	font-variant:small-caps;
	color:#666633;
	font-weight:bold;
	letter-spacing:2px; */
}
.content-leadingline:first-letter {
	font-family: "Times New Roman", Times, serif;
	font-size:24px;
	font-variant:small-caps;
	color:#993300;
	font-weight:normal;
	/* font-weight:bold; */
}
span.headline, div.headline, div.headline-center, div.headline-center-kbg {
	text-transform: uppercase;
/*	font-variant:small-caps; */
	font-size: 11px;
	color: #666633;
	font-weight: bold;
	letter-spacing: 2px;
}
div.headline-center, div.headline-center-kbg {
	text-align:center; 
	margin: 20px auto 0px auto;
}
div.headline-center-kbg {
	color: #80804d;
}

.signoff {
	margin: 5px; 
	float: right; 
	font-weight: bold;
}

form.foxycart {
	margin-top: 10px;
	margin-bottom: 0px;
	clear: both;
}
#cart-link-div {
	float: right;
	height: 15px;
	width: 45px;
	margin-right: 15px !important;
	margin-right: 8px;
	margin-bottom: 10px;
	text-align: right;
	letter-spacing: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(/media/cart.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#cart-link-div a {
	padding-left: 20px;
}
#cart-link-div:hover {
	background-position: 0px -14px;
}

.order-note {
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 9px;
	text-decoration: none;
}
div.more, div.more-center {
	position: relative; 
	top: 5px;
}
div.more-center {
	text-align:center; 
	margin: 20px auto 0px auto;
}
div.more {
	float: right;
}
div.more a, div.more-center a {
	margin-left: 20px;
}
.more a, .more-center a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CC6633;
	font-size:10px;
	text-decoration:none;
}
.more a:hover, .more-center a:hover {
	color:#ff9966;
}

.spacer-10, .spacer-15, .spacer-20  {
	width: 10px; 
	clear: both;
	}
.spacer-10 { height: 10px; }
.spacer-15 { height: 15px; }
.spacer-20 { height: 20px; }
 
.legal {
	width: 380px;
	height: auto;
	position: relative;
	top: 45px;
	float:left;
	text-align: center;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666;
}
.legal-checkout {
	clear: both;
	width: 380px;
	height: auto;
	float:left;
	text-align: center;
	line-height: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666;
}
.legal a, .legal-checkout a {
	font-size: 9px;
	color:#666;
	text-decoration: none;
}
.legal a:hover, .legal-checkout a:hover {
	color:#999;
}


.family-member {
	margin-bottom: 12px;
	position: relative;
}

.family-member img {
	float: left; 
	width: 60px; 
	height: 80px;
	border: 1px solid #333300;
	margin: 3px 10px 5px 0px;
}

.family-member:first-line, .family-member p:first-line {
	font-size:13px;
	font-variant:small-caps;
	color:#666633;
	font-weight:bold;
	letter-spacing:2px;
}


div#where-left-col {
	float: left; 
	width: 190px; 
	line-height: 150%;
}
div#where-right-col {
	margin-left: 10px;
	float: left; 
	width: 190px;
	line-height: 150%;
}
div.name_text, span.name_text {
	font-weight: bold;
	color: #366;
	}
div.name_text {
	margin-top: 10px;
}
span.sold-out {
	color: #cc6633;
	font-weight: bold;
}

table#contact-form {
	width: 95%;
	padding: 0px;
	margin: 5px 0px;
}
table#contact-form td.form-label {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}
table#contact-form td.form-input {
	text-align: left;
}
div#contact-alerts {
	width: 95%;
	padding: 5px 0px 0px 0px;
	margin: 0px;
}
div#contact-alerts td {
	text-align:left;
}
table#contact-form input#send {
	margin: 2px 5px;
}
table#contact-form input.std, table#contact-form input.narrow, table#contact-form input.x-narrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;	
	height: 15px;
	padding-top: 1px;
	margin: 2px 5px;
}
table#contact-form input.std, table#contact-form textarea {
	width: 250px;
}
table#contact-form input.narrow{
	width: 117px;
}
table#contact-form input.x-narrow{
	width: 50px;
}
table#contact-form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;	
	height: 40px;
	padding: 1px;
	margin: 2px 5px;
}
.small-red {
	font-weight: bold;
	color: #800000;
}
.small-green {
	font-weight: bold;
	color: #004d00;
}
.edit {
	position: absolute;
	display: inline;
	left: -22px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: none;
	text-align: center;
}
/* for some edit buttons, relative positioning is required */
.edit a, div.more div.edit a {
	position: absolute;
	top: 1px;
	left: 3px;
	display: inline;
	margin-left: 0px;
	font-size: 9px;
}
.r {
	position: relative;
}
.u {
	top: -12px;
}
.edit img {
	width: 18px;
	height: 18px;
	border: none;
}