/* Override YUI classes */

#doc3 {
	margin: auto;
}

/* Default overrides */

/*  Makes body background color extend full page
 *  but only works in FF, not IE.  Bummer. 
html {
	background-color: inherit;
}		
*/

body {
	Xfont-family:"Lucida Sans Unicode",verdana,helvetica,sans-serif;
	Xfont-family:"Helvetica Neue",helvetica,arial,sans-serif;
	line-height: 20px;
	height: auto;
}

p {
	padding-bottom: 1em;
}
h1,h2,h3,h4 {
	color: #782323;
	font-family: times;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 0.5em;
	text-align: center;
}

h1 {
	font-size: 180%;
}

h2 {
	font-size: 150%;
	text-align: left;
}

h3 {
	font-size: 130%;
}
h4 {
	font-size: 120%;
	text-align: justify;
}

strong {
	font-weight: bold;
}

a {
	color: #782323;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;  /* Removes dotted line around links in FF */
}
a:focus {
	-moz-outline-style: none;  /* Removes dotted line around links in FF */
}

/* Custom styles */

.clearer {
	clear: both;
}
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}

p.centered {
	text-align: center;
}

div.hdft {
}
	div.hdft a {
		color: #666;
	}
	div.hdft div.wrap {
		width:74.923em;*width:73.05em;
		margin-left: auto;
		margin-right: auto;
	}

div#hd {
}
	div#hd div.divider {
		clear: both;
		border-top: 2px solid #8b9298;
		height: 18px;
	}
	div#hd a {
		display: block;
	}
		div#hd a:hover {
			text-decoration: none;
		}
	div#hd a#viewall {
		background-image: url(../i/viewall.png);
		width: 151px;
		height: 34px;
	}
	div#hd a#viewcart {
		background-image: url(../i/viewcart.png);
		width: 151px;
		height: 41px;
		margin-top: 3px;
	}
	div#hd div.logo {
		float: left;
		background-image: url(../i/logo.png);
	}
		div#hd div.logo a {
			width: 585px;
			height: 115px;
		}
	div#hd div#buttons {
		float: right;
		margin-top: 30px;
	}

div#content {
	padding-bottom: 2em;
}

div.main {
	padding-top: 2em;
}

div.navigation {
	padding-top: 2em;
}

div#bd p {
}
	div#bd p.palettes {
		line-height: 10px;
	}
	div#bd p.noindent {
		text-indent: 0;
	}

div#ft {
	padding-top: 10px;
	text-align: left;
	color: #666;
	border-top: 2px solid #8b9298;
}
	div#ft div.logo {
		font-size: 95%;
		margin-left: 5px;
		margin-bottom: 4px;
	}
		div#ft div.logo span {
			font-size: 150%;
			color: white;
		}
		div#ft div.logo a:hover {
			text-decoration: none;
		}
		div#ft div.logo a:hover span {
			text-decoration: underline;
		}
	div#ft div#copyright {
		float: right;
		font-size: 75%;
	}
	div#ft ul.nav {
	}
		div#ft ul.nav li {
			display: inline;
			font-size: 75%;
			font-weight: bold;
			padding-right: 5px;
		}

body.landingStyle {
}
	body.landingStyle div#content {
		background-color: #000;
		padding-top: 0;
		padding-bottom: 0;
	}
	body.landingStyle div#content img {
		float: right;
		display: block;
	}
	body.landingStyle div#content ul.nav {
		margin-top: 2em;
	}
		body.landingStyle div#content ul.nav a {
			color: white;
		}
	body.landingStyle div.divider {
		background-color: #f1f0eb;
	}

body.homeStyle {
}
	body.homeStyle div#hd div.logo {
		background-image: url(../i/logo-home.png);
	}
/*
	body.homeStyle div#bd p {
		text-align: left;
	}
*/
	body.homeStyle div#content {
		background-color: #e9f4f3;
	}
		body.homeStyle div#yui-main a,
		body.homeStyle ul.nav a.active,
		body.homeStyle div#content h1 {
			color: #9c8364;
		}
	body.homeStyle div.divider {
		background-color: #f4faf9;
	}
	body.homeStyle div#hd a#viewall {
		background-image: url(../i/viewall-home.png);
	}
	body.homeStyle div#hd a#viewcart {
		background-image: url(../i/viewcart-home.png);
	}

body.quizStyle {
}
	body.quizStyle div#content {
		background-color: #ece3c7;
	}
		body.quizStyle div#yui-main a,
		body.quizStyle ul.nav a.active,
		body.quizStyle div#content h1 {
			color: #772223;
		}
	body.quizStyle div.divider {
		background-color: #f6f1e3;
	}
	body.quizStyle div#hd a#viewall {
		background-image: url(../i/viewall-quiz.png);
	}
	body.quizStyle div#hd a#viewcart {
		background-image: url(../i/viewcart-quiz.png);
	}

body.paintStyle {
}
	body.paintStyle div#content {
		background-color: #ffffff;
	}
	body.paintStyle div.divider {
		background-color: #f1f0eb;
	}

body.bookStyle {
}
	body.bookStyle div#content {
		background-color: #e5e3e9;
	}
		body.bookStyle div#yui-main a,
		body.bookStyle ul.nav a.active,
		body.bookStyle div#content h1 {
			color: #c7792a;
		}
	body.bookStyle div.divider {
		background-color: #f2f1f4;
	}
	body.bookStyle div#hd a#viewall {
		background-image: url(../i/viewall-book.png);
	}
	body.bookStyle div#hd a#viewcart {
		background-image: url(../i/viewcart-book.png);
	}

body.mediaStyle,
body.earthStyle {
}
	body.mediaStyle div#content,
	body.earthStyle div#content {
		background-color: #ebdd9a;
	}
		body.mediaStyle div#yui-main a,
		body.mediaStyle ul.nav a.active,
		body.mediaStyle div#content h1,
		body.earthStyle div#yui-main a,
		body.earthStyle ul.nav a.active,
		body.earthStyle div#content h1 {
			color: #9a1920;
		}
	body.mediaStyle div.divider,
	body.earthStyle div.divider {
		background-color: #f5eecd;
	}
	body.mediaStyle div#hd a#viewall,
	body.earthStyle div#hd a#viewall {
		background-image: url(../i/viewall-earth.png);
	}
	body.mediaStyle div#hd a#viewcart,
	body.earthStyle div#hd a#viewcart {
		background-image: url(../i/viewcart-earth.png);
	}

body.locationStyle {
}
	body.locationStyle div#content {
		background-color: #ffffff;
	}
	body.locationStyle div.divider {
		background-color: #f1f0eb;
	}

body.allisonStyle {
}
	body.allisonStyle div#hd div.logo {
		background-image: url(../i/logo-allison.png);
	}
	body.allisonStyle div#content {
		background-color: #dfe9e7;
	}
		body.allisonStyle div#yui-main a,
		body.allisonStyle ul.nav a.active,
		body.allisonStyle div#content h1,
		body.allisonStyle div#ft div.logo span {
			color: #569f78;
		}
	body.allisonStyle div.divider {
		background-color: #eff4f3;
	}
	body.allisonStyle div#hd a#viewall {
		background-image: url(../i/viewall-allison.png);
	}
	body.allisonStyle div#hd a#viewcart {
		background-image: url(../i/viewcart-allison.png);
	}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1em;
}

img.mediatype,
img#allison {
	float: left;
	margin-right: 1em;
}

ul.nav {
	margin-left: 5px;
	font-family: times;
	font-size: 125%;
}
	ul.nav a {
		color: #515b53;
	}
		ul.nav a.active {
			color: #782323;
		}
	ul.nav>li {
		margin-bottom: 2em;
	}
		ul.nav>li ul {
			margin-left: 1em;
		}
			ul.nav>li ul>li {
				margin-top: .5em;
			}


div.headline {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}
	div.headline h1 {
		margin-top: 1em;
		margin-left: .5em;
		margin-right: .5em;
		line-height: normal;
		text-align: center;
		font-style: italic;
	}
	div.headline p {
		text-align: center;
		font-size: 100%;
		margin-right: 1em;
	}

div.column {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-left: 10px;
	margin-right: 20px;
}

div.sidebar {
	margin-left: 0;
	Xmargin-right: 30px;
	margin-bottom: 1em;
	padding: 4px; 
	border: 1px solid black;
}
	div.sidebar h3 {
		color: black;
	}
	div.sidebar h3 {
		padding: 2px;
		background-color: #2f5271;  /* slate blue */
	}
		div.sidebar h3 a {
			display: block;
			text-align: center;
			color: #ffe3b1;
			color: white;
		}
	div.sidebar>div {
		text-align: center;
		padding: 5px 10px;
		background-color: #ccd6df;  /* slate blue */
	}
		div.sidebar>div>div {
			padding: 3px 0;
		}

div#quiz {
}
	div#quiz div {
 		background-color: #eaf0b9;  /* pale`green */
	}
	div#quiz h3 {
		background-color: #acb652;	/* green */
	}
	div#quiz div p {
		text-align: center;
	}
		div#quiz div p a {
			color: #630;
		}

div.product {
	margin: auto;
	margin-bottom: .5em;
}
	div.product a.prodicon {
		text-decoration: none;
	}
	div.product img {
		border: 1px solid grey;
	}
	

.left {
	margin-right: 1em;
	float: left;
}

.right {
	margin-left: 1em;
	margin-bottom: .5em;
	float: right;
}

.pics {  
	margin-left: 3em;
	margin-bottom: .5em;
}
	.pics div {
		text-align: center;
		Xmargin-left: 4em;
	}
	.pics a:hover {
		text-decoration: none;
	} 
 
 		.pics a:hover div {
			text-decoration: underline;
		} 

div.swatches {
	margin-top: 1em;
	text-align: center;
    height: 160px;  
}

.hoverMe {
	opacity: .85;
	Xbackground-image: url(../img/magnifier.png);
	Xborder: 1px solid black;
}

div.contentList {
}
	div.contentList dl {
	}
		div.contentList dl dt {
		}
		div.contentList dl dd {
		}

div.loginPanel {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border: 1px solid #8b9298;
	padding: 1em;
}

/* 		background-color: #eaf0b9;  /* pale`green */
/*		background-color: #dd6959;  /* rosey red */
/*		ackground-color: #2f5271;  /* slate blue */
/*		background-color: #ffe3b1;  /* pale orange */
/*		background-color: #e2a855;  /* golden */
/*		background-color: #af693f;  /* brown */