/* ---- =Reset all styles ---------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, label, input, p, blockquote, address, th, td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ol, ul {
	list-style-type: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
fieldset, img {
	border: 0;
}


/* ---- Set new basic styles --------------------------------------------------------- */

body {
	background-color:#FEFBF2;
	/* overflow: -moz-scrollbars-vertical !important;  */
}
body, p, td, th, li, h1, h2, h3, h4, h5, h6, label, legend  {
	font:normal 11px/1.5 Georgia, Trebuchet, serif;
}

.clear {
	clear:both;
}
a {
	color:#7F3A2C;
}
a:hover {
	color:#C15D49;
}


/* ---- =container --------------------------------------------------------- */

#container {

}




/* ---- =header --------------------------------------------------------- */
#header {
	position:relative;
	background:transparent url('/images-new/header.jpg') no-repeat 82px bottom;
	width:944px;
	height:235px;
	margin:10px auto 0 auto;
}

/* if on homepage, style h1.tagged;  if on any other page, style the anchor. */
#newhome h1.tagged, #header h1 a {
	position:absolute;
	top: 203px;
	left: 9px;
	background:url('/images-new/branding.gif') no-repeat center center;
	width:71px;
	height:381px;
	text-indent:-9999px;
	z-index:4000;
	outline:0;
}
#header h1 a:hover {
	background-image:url('/images-new/branding-over.gif');
}
#header-deco {
	position:absolute;
	top:235px;
	right:33px;
	background:url('/images-new/header-deco.jpg') no-repeat center center;
	width:49px;
	height:26px;
}




/* ---- =interior --------------------------------------------------------- */
#interior {
	position:relative;
	margin:0 auto;
	width:944px;
	color:#823A2F;
	background:transparent url('/images-new/interior-tile.jpg') repeat-y center 45px;
	padding-top:1px; 		/* some browser calc <3 */
	padding-bottom:1px; 	/* some browser calc <3 */
	padding-bottom:55px;
	min-height:550px;
}
* html #interior {
	height:550px;			/* some min-height <3 for IE6 */
}
#interior div {				/* all interior divs will center by default */
	margin-left:auto;
	margin-right:auto;
}
#interior-banner {
	width:626px;
	text-align:center;
	font-weight:bold;
}



/* ---- =canvas.  canvas is your useable area for a page! all contained children may reference the canvas for relative positioning. ---- */
/*
not in use:
#canvas {
	position:relative;
	width:740px;
}
*/



/* ---- =content (general properties, no structure) ----------------- */
/*
NOTE, using ".content" class for general styling, and using "#content" to refer to structural div
ALSO NOTE, ".content" class should be idempotent, as it may end up being nested */
*/
#content, .content {
 position:relative;
}
.content h2 {
 font-size:22px;
 font-weight:bold;
 margin-bottom:70px;
 text-transform:uppercase;
}
.content h3 {
 font-size:16px;
 font-family:Arial, Helvetica, sans-serif;
 margin-bottom:12px;
}
.content h4 {
 font-size:14px;
 font-weight:bold;
 margin:1.5em 0;
 border-bottom:1px solid #7F3A2C;
}
.content p {
 margin-bottom:18px;
 line-height:1.8;
}
.content ul {
 list-style-type:disc;
 padding-left:40px;
 margin-bottom:1.5em;
}
.content ol {
 list-style-type:decimal;
 padding-left:40px;
 margin-bottom:1.5em;
}
.content li {
 margin-bottom:1em; 
}
.content dl {
 margin-bottom:2em;
}
.content dt {
 margin-bottom:0.1em;
 font-style:italic;
 font-weight:bold;
}
.content dd {
 margin-left:2em;
 margin-bottom:1.5em;
}


/* ---- =content structures: full, split, and blog.		------- */
/*
Either use an extra interior div such as #interior-box, #interior-ref, #interior-frame, or whatever to use as interior reference; or,
Respect and compensate for unspecified need for horizontal padding of 102px on each side of our containing #interior
*/

/* ---- =full pages structure  ---------------------------------------------- */
#interior.full #content {
	/* content, with nothing on either side of it, will aim for a centered width of 650px. */
	position:relative;
	width:650px;
	margin-left:auto;
	margin-right:auto;
}


/* ---- =split pages structure [was: section pages] ---------------------------------------------- */
#interior.split #content {			/*  #interior.split #content [was: div#section-body] */
	position:relative;
	width:420px;
	margin-left:377px;				/* 275px + 102px padding */
}
#interior.split #section-nav {
	position:relative;
	float:left;
	display:inline;
	width:232px;
	margin-top:95px;
	margin-left:102px;
}


/* ---- =blog pages structure ---------------------------------------------- */
#interior.blog #content {
	position:relative;
	width:450px;
	float:right;
 margin-right:140px;
}
#interior.blog #sidebar {
	position:relative;
	width:200px;
	margin-left:132px;
	margin-right:5px;
}







/* ---- =main (Soon to be just "home") --------------------------------------------------------- */
#main {
	position:relative;
	color:#FEFBF2;
	background:#AFB6B3 url('/images-new/main-tile.jpg') repeat-y center left;
	width:626px;
	min-height:470px;
	height:auto !important;
	height:470px;
	margin:0 80px 30px 80px;
}
#main-top {
	background:transparent url('/images-new/main-top-border.gif') no-repeat top left;
	width:626px;
	height:14px;
}
#main-bottom {
	position:absolute;
	background:transparent url('/images-new/main-bottom-border.gif') no-repeat bottom left;
	width:626px;
	height:45px;
	bottom:0;
	left:0;
}
#maindeco {
	position:absolute;
	width:120px;
	height:112px;
	left:-33px;
	bottom:70px;
	background:transparent url('/images-new/main-deco.gif') no-repeat center center;
}


/* ---- =main children --------------------------------------------------------- */

#mainphoto {
	margin-top:14px;
	width:560px;
}
div#maincontent {
	width:490px;
	margin:12px 30px 12px 100px;
	text-align:right;
	padding-bottom:50px;
}
#maincontent h2 {
	position:relative;
	margin-left:auto;
	margin-top:28px;
	font-size:24px;
}
#maincontent ul li {
	font-size:120%;
	margin-top:4px;
	margin-bottom:4px;
	padding-right:4px;
}
#maincontent p {
	text-align:right;
}




/* ---- =sub (goes with main, usually)--------------------------------------------------------- */
#sub {
	width:626px;
}
#sub p {
	text-align:right;
	margin-top:18px;
	margin-bottom:50px;
	font-weight:bold;
	font-size:120%;
}




/* ---- =section-nav (see nav.css) --------------------------------------------------------- */





/*  ---- For =thumbnail pages: ------------------------------------------------- */

ul.thumbnails {
 margin-top:32px;
  padding-left:0 !important;
}
ul.thumbnails li {
 float:left;
 display:inline;
 width:210px;
 margin-bottom:24px;
 text-align:center;
}
ul.thumbnails li a {
 text-decoration:none;
}
ul.thumbnails li a:hover {
 text-decoration:underline;
}




/* ---- =misc/commerce-related --------------------------------------------------------- */

p.go-back a {
 display:block;
 width:65px;
 height:20px;
 text-indent:-9999px;
 outline:0;
 background:transparent url('/images-new/button-back.gif') no-repeat center center;
}
p.go-back a:hover {
 background:transparent url('/images-new/button-back-over.gif') no-repeat center center;
}



/* ---- =details (as in, product/item details) --------------------------------------------------------- */

#details {
 position:relative;
}

 .detail {
 position:relative;
 margin-bottom:38px;
}
 .detail * {
 text-align:right;
 font-family:Arial;
}
 .detail .contentlist {
 float:left;
 display:inline;
}
 .detail .paginator {

}
/* use same styling for contentlist and paginator */
 .detail .paginator, .detail .contentlist {
 text-transform:uppercase;
 margin:9px 0;
 font-size:16px;
 font-weight:bold;
}
 .detail .paginator a, .detail .paginator span {
 padding:2px;
}
 .detail .paginator a:hover {
 color:white;
 background-color:#823A2F;
}
 .detail .description {
 clear:both;
}
 .detail .description p {
 margin-bottom:6px;
 font-size:14px;
}
 .detail .price {
 font-size:36px;
}
 .detail .action {

}
 .detail .action-buy {
 position:relative;
 left:174px;
 width:75px;
}
 .detail .action-buy a {
 display:block;
 width:75px;
 height:26px;
 text-align:left;
 text-indent:-9999px;
 outline:0;
 background:transparent url('/images-new/button-buy-me.gif') no-repeat center center;
}
 .detail .action-buy a:hover {
 background:transparent url('/images-new/button-buy-me-over.gif') no-repeat center center;
}


.detail .action-subscribe {
 width:auto;
 height:auto;
 left : 0px;
 margin:18px 0;
}

/* ---- =layout (similar to .detail, but centered rather than right-aligned)--------------------------------------------------------- */

 .layout {
 position:relative;
 margin-bottom:38px;
}
 .layout * {
 font-family:Arial;
}
 .layout .image, .layout .image img {
  display:block;
 margin:0 auto;
  margin-bottom:36px;
}
 .layout .description p {
 margin-bottom:6px;
 font-size:14px;
}



/* ---- =tagline --------------------------------------------------------- */
#tagline {
	position:absolute;
	bottom:0;
	width:100%;
	/* use text replacement? */
	left:199px;
	background:url('/images-new/tagline.gif') no-repeat center center;
	width:546px;
	height:27px;
	text-indent:-9999px;
}
#tagline p {
	/* use img tag? */
	/*text-align:center;*/
}



/* ---- =footer --------------------------------------------------------- */
#footer {
	position:relative;
	margin:0 auto;
	margin-bottom:12px;
	width:944px;
	height:120px;
	background:transparent url('/images-new/footer.jpg') no-repeat top center;
}

#footer-side-deco {
	position:absolute;
	width:69px;
	height:323px;
	left:30px;
	top:-203px;
	background:transparent url('/images-new/footer-side-deco.jpg') no-repeat center center;
}

#footer p {
	position:absolute;
	margin:0;
	text-align:center;
	left:602px;
	color:#959B99;
	font-family:Arial, sans-serif;
	bottom:5px;
	line-height:0.9;
}
#footer p span {
	letter-spacing:9px;
	width:9px;
	height:9px;
	background:transparent url('/images-new/footer_at.gif') no-repeat center center;
}
#footer p img {
 margin:0px 1px;
 }


/* ---- =jqmodal --------------------------------------------------------- */

/*
jqModal base styling courtesy of Brice Burgess <bhb@iceburg.net>. Thank you, Brice!
Reshaped and restyled for Kenner Road.
*/


.jqmWindow, div#zzzkit-contents-modal {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -250px;
    width: 500px;
	height:60%;
	overflow:auto;
    border: 1px solid black;
}
.jqmOverlay {
	background-color: #FFF;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* ---- =Kit Contents Modal --------------------------------------------------------- */

#kit-contents-modal {
 color:#FEFBF2;
 background:#AFB6B3 url('/images-new/main-tile.jpg') repeat-y -100px 0;
 z-index:7000;
}
#kit-contents-modal-wrap {
 position:relative;
 height:100%;
}
#kit-contents-modal-interior {
 clear:both;
 padding:20px;
 padding-bottom:31px;
}
#kit-contents-modal-header, #kit-contents-modal-footer {
 padding:10px;
 background-color: #FEFDFC;
 color: #333;
 height:21px;
}
#kit-contents-modal-header {
 border-bottom:1px solid #000;
}
#kit-contents-modal-footer {
 border-top:1px solid #000;
 position:relative;
 bottom:0;
}


#kit-contents-modal div.modal-title {
 float:left;
 display:inline;
 margin:0;
 width:136px;
 height:21px;
 text-indent:-9999px;
 background:#FEFDFC url('/images-new/kit-content-list.gif') no-repeat center center;
}
#kit-contents-modal div.modal-close  { 
 float:right;
 display:inline;
}
#kit-contents-modal div.modal-close a { 
 display:block;
 width:73px;
 height:21px;
 background:#FEFDFC url('/images-new/kit-content-close-out.gif') no-repeat center center; 
 text-indent:-9999px;
}
#kit-contents-modal div.modal-close a:hover { 
 background:#FEFDFC url('/images-new/kit-content-close-over.gif') no-repeat center center; 
}



/* ---- =Errors/Notices --------------------------------------------------------- */
div.error-notice {
 background-color:#FFFFC2;
 background-color:#823A2F;
 border:2px dashed #823A2F;
 border:4px dashed #FFFFCC;
 padding:20px;
 margin-bottom:28px;
 color:#FFF;

}
div.error-notice p, div.error-notice li {
 font-weight:bold !important;
 font-size:150%;
}
div.error-notice li {
 color:#FFFFCC;
}