/* div { border: 1px solid red; } */
body {
	background-color:#AE8569;
	color:#663300;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:12px;
	text-align: center;	/* use along with #container to center page */
}
div#container {
	width: 800px;
	height: 600px;
	margin: 1em auto;	/* auto left/right margin centers the div */
	text-align: left;	/* reset left alignment for the page */
}
a img, img {
	border: 0;
}
a,
a:active,
a:visited {
	color:#663300;
	text-decoration: none;
}
a:hover {
	color:#48354D;
	text-decoration: none;
}
ul {
	margin:2;
	padding:0;
	list-style-type: none;
}


/* page header collage graphic */
div#navGraphicBar {
	background-image: url(images/NewDesign_01.jpg);
	width: 800px;
	height: 135px;
	position: relative;
	top: 21px;
	left: 0px;
}
/* hack for non-IE browsers */
head:first-child+body #navGraphicBar {
	top: 0;	
}

/* website logo div */
div#logo { display:none; }
/* "my account" icon */
div#myAccount { display:none; }
/* "shopping cart" icon */
div#shoppingCart { display:none; }
/* "checkout" icon */
div#checkout { display:none; }



/* text-based navigation: top "menu" bar */
div#headerNavigation {
	width:565;
	height:27;
	z-index: 5;
	position:relative;
	top:-8px;
	left:224px;		/* tied to breadCrumb.left */
}
/* hack for non-IE browsers */
head:first-child+body #headerNavigation {
	top:-235px;
}


/* breadcrumbs, top nav, mission graphic */
div#breadCrumb {
	position: relative;
	top:-197;
	left:-224;
	width: 800px;
	height: 45px;
	background-image:url(images/NewDesign_02.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-left: 300px;
	padding-top: 18px;
}
/* hack for non-IE browsers */
head:first-child+body #breadCrumb {
	top:27;
}
div#breadCrumb a {		/* breadcrumb links */
	font-size: 12px;
	padding: 2px;
	text-transform: none;
	line-height: 20px;
}
div#breadCrumb ul {
	float: left;
}
#globalNav {			/* top menu list */
	position: relative;
	top: -272px;
	float: left;
	z-index: 9;
}
/* hack for non-IE browsers */
head:first-child+body #globalNav {
	top: -63px;
}
#globalNav li {
	float: left;
	color: #a98c60;
	/*
	list-style: square outside url('images/PipeBar.gif');
	*/
	background-image: url(images/CrossBullet_3b.gif);
	background-repeat: no-repeat;
	background-position: 0 6;
	padding-left: 23;
	padding-right: 5;
}
#globalNav li.firstItem {
	background-image: url(images/pixel_trans.gif);
	background-repeat: no-repeat;
	padding-left: 5px;
}
#globalnav a,
#globalnav a:active,
#globalnav a:visited {
	/* Xcolor: #a98c60; */
	color:#663300;
	padding:0;	/* works with #globalNav li {} */
	line-height: 30px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	/* not implemented yet:
	font-stretch: expanded;
	*/
	letter-spacing: 2px;
}
#globalnav a:hover {
	color:#48354D;
}

#contentHeader {
z-index:5;
}


/* MODULES */

/* generic module box styling */
div.infoBox { }
.infoBoxText { }
.boxHeading {
	font-size:14px;
	font-weight:bold;
}
h1.boxHeading  { font-size:14px; }
h1.pageHeading { font-size:14px; }
div.infoBox h1 { font-size:14px; }

div.infoBox .formLabel {
	display: block;
	text-align: right;
	float: left;
}
div.infoBox input { float:right; }


/* module box specific styling */
div#categories {
	line-height: 25px;
	font-size:12px;
	position: relative;
	top:65px;
	left:28px;
	z-index: 2;
	width:170px;
	height:203px;
}

div#authors { display:none; }
div#whatsNew { display:none; }

div#search {
	z-index: 3;
	position: relative;
	top:-80;
	left:28;
	background-color:none;
	width:160px;
	height:112px;
	display: none;
}
div#search input.field {
	width: 130px;
	float: left;
}
div#search .image {
	width: 16px;
	background-image: url(includes/languages/english/images/buttons/button_quick_find.gif);
	background-repeat: no-repeat;
	background-position: 0 3;
	padding-bottom: 3;
	margin-top: 3;		/* must match pad-bot: X, and bg-pos: _ X */
	margin-right: 10;
}

div#information { display:none; }
div#shoppingCart { display:none;
	border:1px dotted red;
	font-size:12px;
	position: relative;
	top:189px;
	left:597px;
	background-color:none;
	width:160px;
	height:58px;
}
div#specials { display:none; }
div#reviews { display:none; }
div#specials { display:none; }
.productSpecialPrice { }
div#currencies { display:none; }

/* main dynamic product content area - basically the center area */
div#products {
	z-index: 1;
	position: relative;
	top:-240;
	left:220;
	width:540px;
	height:310;
}
/* hack for non-IE browsers */
head:first-child+body #products {
	top:-190;
}

div.product {
	background-color: #ffffff;
	padding: 3px;
	border: 1px solid black;
	width:240px;
	height:120;
	margin: 0 9 9 9;
}
div.product img {
	width: 82px;
	height: 120px;
}
div.product a.desc {
	height: 25%;
	display: block;
}
div.product .regularPrice {
	text-align: right;
	width: 95%;
	display: block;
	border-bottom: 1px dotted #663300;
	padding: 5 5 0 0;
	margin: 5 5 0 0;
}
div.product .thumbnail {
	height: 100%;
	float: left;
}
div.product .caption {
	float: right;
	width: 70%;
}

div#login {
	z-index: 1;
	width:550px;
	height:310;
	overflow: auto;
}
div#login div.infoBox {
	height: 65%;
}
.clear {
	clear: both;
	margin-top: 9px;
	padding-top: 9px;
}
div#loginNew {
	background-color:#ffffff;
	float:right;
	height: 175;
	width:45%;
	border: 1px #000000 solid;
	margin: 5px;
	padding: 5px;
}
div#loginReturning {
	background-color:#ffffff;
	height: 175;
	width:45%;
	float:left;
	border: 1px #000000 solid;
	margin: 5px;
	padding: 5px;
	line-height: 20px;
}


/* box to hold all subcategory icons for a selected parent category */
div#categoryIconBox { }
/* img and caption container */
div.categoryIcon { }
/* break between the img and the caption */
br.imgCaptionSep { }


/* footer */
div#footer {

	position: relative;
	top:-551;
	left:0;
	background-image: url(images/NewDesign_03.jpg);
	width:800;
	height:462;
	height:475;
}
/* hack for non-IE browsers */
head:first-child+body #footer {
	top:-504;
}

div#footerText {
	z-index: 5;
	position: relative;
	top:400px;
	left:165px;
	height:51px;
	color:#463661;
	font-size:13px;
	width:600;
}
div#footerDate { }
div#footerRequestsSince { }
div#footerTextBody { }
div#banner { }


.SubPageContent {
	z-index:3;
	width: 525px;
	height: 265px;
	background-color: #FFFFFF;
	overflow: auto;
}
/* hack for non-IE browsers */
head:first-child+body .SubPageContent {
	position:relative;
	margin-top: 30;	/* this seems to push it into place for Safari */
	top: -30;	/* now bring it back up 30... */
}

.rotateSubPageContent {
	z-index:3;
	width: 525;
	height: 232;
	background-color: #FFFFFF;
	overflow: hidden;
}
/* hack for non-IE browsers */
head:first-child+body .rotateSubPageContent {
	position:relative;
	margin-top: 30;	/* this seems to push it into place for Safari */
	top: -30;	/* now bring it back up 30... */
}



.SubPageContent p {
	color:#4F310A;
	font-size:13px;
	text-align:left;
	padding:8px;
}

.SubPageContent h1 {
color:#463661;
font-size:14px;
}

.SubPageContent ul {
	color:black;
	font-size:13px;
	list-style-type:square;
	margin:20;
	padding:0;
}

/* white_bg softbeige_bg beige_bg */
div#navGraphicBar { background-image:url(./white_bg/images/NewDesign_01.jpg); }
div#breadCrumb    { background-image:url(./white_bg/images/NewDesign_02.jpg); }
div#footer        { background-image:url(./white_bg/images/NewDesign_03.jpg); }
body { background-color: #ffffff; }   /* white */
/*
       background-color: #fef6e3;    softbeige
       background-color: #f6ddad;    beige
*/

div#MainPageRotateDivFooter {
	z-index:30;
	position:relative;
/*
	Xtop:275px;
	Xleft:225px;
*/
	top:215;
	width: 533px;
	height: 40px;
	/* background-image: url(images/main_RotateDiv_Footer.gif); */
	background-repeat: no-repeat;
	overflow: hidden;
	visibility: hidden;
	/*border: 2 #4F310A solid;*/
}
