/* sitestyle.css stylesheet, version 6.0, 2006-09-11 */

/* initial conditions ============================================== */
* {
	margin:0px;
	padding:0px;
	}
/* /initial conditions ============================================== */

/* Tag styles ========================================================= */
/* Test Sitestyle: removed background 3 items; changed to verdana */

body {
	background-color: #ff9933;
	text-align: center;
	}

body,td,input,textarea,select,option,pre {
	font: normal .8em verdana,'verdana ms','ms verdana',sans-serif;
	}
input,textarea,select,option,pre {
	font-size: 100%;
	}

p {
	margin: 0px 0px .5em 0px;
	color: #3b3939;
	}

p2 {
	margin: 0px 0px .01em 0px;
	color: #3b3939;
	}

br {line-height: 10px;}

b {font-weight: bold;}
i {font-style: italic;}
u {text-decoration: underline;}

a, a:visited {
	color: #bf1f13;
	text-decoration: none;
	}
a:hover {
	color: #f13b08;
	text-decoration: none;
	}

h1 {
	color:#3b3939;
	font-size: 155%;
	margin-bottom: .25em;
	}
h2 {
	color:#3b3939;
	font-size: 135%;
	letter-spacing: -.025em;
	margin-bottom: .25em;
	}
h2 span {
	font-size: 12px;
	font-weight: normal;
	}
h3 {
	color:#3b3939;
	font-size: 115%;
	margin-bottom: .25em;
	}
h3 span {
	font-size: 12px;
	font-weight: normal;
	}
h4 {
	color:#3b3939;
	font-size: 90%;
	margin-bottom: .25em;
	}

.smtxt {
	font-size: 90%;
	line-height: 14px;
	color: #3b3939;
	}

.dateline {
	font-size: 90%;
	line-height: 8px;
	color: #3b3939;
	}

table {border-collapse: collapse;}
table.separate {border-collapse: separate;}

form table td {padding: 3px;}

fieldset {
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	}
legend {padding: 0px 5px 0px 5px;}

img {border-width: 0px;}

iframe {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #999999;
	}

img, div {
	behavior: url("/iepngfix/iepngfix.htc");/* IE 5-6 png fix */
	}
/* /Tag styles ========================================================= */

/* list styles ========================================================= */
ul, ol {margin: 0px 0px 0px 5px;}
ul {padding: 0px 0px 0px 15px;}
ol {padding: 0px 0px 0px 25px;}
li {}
ul.bullet {list-style-image: url("/pix/bullet.gif");}
/* /list styles ========================================================= */

/* form ================================================================= */
option {padding: 0px 5px 0px 0px;}

label {
	font-weight: bold;
	font-size: 85%;
	}
input {width: 300px;}
textarea {width: 300px;}

.required {color: #cc0000;}
.auto {width: auto;}

.form1 div {
	clear: both;
	padding: 0px 0px 4px 0px;
	}
.form1 label {
	display: block;
	float: left;
	width: 80px;
	text-align: right;
	padding: 3px 4px 0px 0px;
	}
.form1 label.label2 {
	display: inline;
	float: none;
	width: auto;
	text-align: left;
	padding: 3px 4px 0px 0px;
	}
.form1 span {
	display: block;
	float: left;
	padding: 3px 0px 3px 0px;
	}
.form1 .multicontainer {
	width: 300px;
	padding: 0px 0px 0px 84px;
	}
.form1 div.controlset {
	clear: none;
	xwidth: 300px;
	float: left;
	padding: 4px 0px 0px 0px;
	}
.form1 div.controlset label {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	float: none;
	width: auto;
	text-align: left;
	padding: 0px 0px 4px 18px;
	padding: expression("0px 0px 4px 22px");
	}
.form1 div.controlset input {
	position: absolute;
	top: 1px;
	top: expression("-2px");
	left: 0px;
	left: expression("-22px");
	width: auto;
	}
.form1 div.controlset div {
	clear: none;
	float: left;
	}
.form1 .px25 {width: 25px;}
.form1 .px50 {width: 50px;}
.form1 .px75 {width: 75px;}
.form1 .px100 {width: 100px;}
.form1 .px125 {width: 125px;}

.form2 div {
	clear: both;
	padding: 0px 0px 4px 0px;
	}
.form2 label {
	display: block;
	width: 80px;
	padding: 3px 4px 0px 0px;
	}
.form2 input {
	width: 250px;
	}
.form2 .auto {width: auto;}
/* /form ================================================================= */

/* pads ======================================================== */
.m0 {margin: 0px 0px 0px 0px;}
.m5 {margin: 0px 0px 5px 0px;}
.m15 {margin: 0px 0px 15px 0px;}

.padtop3 {padding-top: 3px;}
.padright3 {padding-right: 3px;}
.padbottom3 {padding-bottom: 3px;}
.padleft3 {padding-left: 3px;}

.padtop5 {padding-top: 5px;}
.padright5 {padding-right: 5px;}
.padbottom5 {padding-bottom: 5px;}
.padleft5 {padding-left: 5px;}

.padtop10 {padding-top: 10px;}
.padright10 {padding-right: 10px;}
.padbottom10 {padding-bottom: 10px;}
.padleft10 {padding-left: 10px;}

.padtop15 {padding-top: 15px;}
.padright15 {padding-right: 15px;}
.padbottom15 {padding-bottom: 15px;}
.padleft15 {padding-left: 15px;}

.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}

table.tblpad3 td {padding: 3px;}
table.tblpad5 td {padding: 5px;}
/* /pads ======================================================== */

/* buttons =========================================================================== */
/* NOTE: do NOT put these stroked buttons in a tight table, or IE will 
cut off the top border. If you MUST put them into a tight table, 
set the cellpadding to be equal with the padding below */
a.bn1,
a:visited.bn1,
input.bn1 {
	border-style: solid;
	border-width: 1px;
	border-color: #3b3939;
	padding: 2px 7px 2px 7px;
	padding: expression("1px 7px 1px 7px");
	font-size: 80%;
	font-weight: bold;
	text-transform: uppercase;
	color: #3b3939;
	text-decoration: none;
	background-color: #fb8a33;
	background-image: url("/pix/button-background.png");
	}
input.bn1 {
	cursor: pointer;
	padding: 1px 9px 1px 5px;
	padding: expression("2px 2px 0px 0px");
	}
a.bn1:hover,
input:hover.bn1 {
	text-decoration: none;
	color: #ffffff;
	}
#header_user .button-loginout	{
	float: right;
	margin: 0px 0px 10px 10px;
	}
#header_user .button-loginout	.bn1 {
	display: block;
	font-size: expression("90%");
	margin: 0px 0px 0px 0px;
	}

a.bn2,
a.bn2_white {
	font-size: 85%;
	text-transform:uppercase;
	background: url("/pix/icons/arrows-11pt-blue.gif") no-repeat left;
	padding-left: 7px;
	font-weight: bold;
	}
a.bn2_white {
	background: url("/pix/icons/arrows-11pt-white.gif") no-repeat left;
	}

.bn3:after,
.bn4:after,
.bn5:after {
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
.bn3,
.bn4,
.bn5 {
	display: block;
	display: expression("inline-block");
	padding: 0px 0px 15px 0px;
	line-height: 85%;
	}

div.bn3 div {
	float: left;
	background-image: url("/pix/bn_sm_left.png");
	background-repeat: no-repeat;
	background-position: center left;
	}
div.bn3 div div {
	background-image: url("/pix/bn_sm_right.png");
	background-repeat: no-repeat;
	background-position: center right;
	}
div.bn3 div div a {
	height: 17px;
	height: expression("22px");
	display: block;
	display: expression("inline-block");
	padding: 5px 5px 0px 5px;
	margin: 0px 7px 0px 7px;
	background-image: url("/pix/bn_sm_center.png");
	background-repeat: repeat-x;
	}
div.bn3 a,
div.bn3 a:link,
div.bn3 a:visited,
div.bn3 a:hover {
	color: #ffffff;
	}
div.bn4 div,
div.bn5 div {
	float: left;
	background-image: url("/pix/bn_big_left.png");
	background-repeat: no-repeat;
	background-position: center left;
	}
div.bn4 div div,
div.bn5 div div {
	background-image: url("/pix/bn_big_right.png");
	background-repeat: no-repeat;
	background-position: center right;
	}
div.bn4 div div a,
div.bn5 div div a {
	position: relative;
	top: 0px;
	left: 0px;
	left: expression("7px");
	height: 25px;
	height: expression("35px");
	display: block;
	display: expression("inline-block");
	padding: 10px 5px 0px 36px;
	margin: 0px 7px 0px 7px;
	background-image: url("/pix/bn_big_center.png");
	background-repeat: repeat-x;
	}
div.bn5 div div a {
	padding: 10px 5px 0px 5px;
	}
div.bn4 div div a img {
	position: absolute;
	top: 5px;
	left: 0px;
	float: left;
	}
div.bn4 a,
div.bn4 a:link,
div.bn4 a:visited,
div.bn4 a:hover,
div.bn5 a,
div.bn5 a:link,
div.bn5 a:visited,
div.bn5 a:hover {
	color: #ffffff;
	}

input.bn6 {
	cursor: pointer;
	border-style: solid;
	border-width: 0px;
	border-color: #ffffff;
	background-color: #ffffff;
	color: #bf1f13;
	padding: 2px 0px 0px 0px;
	}
input.bn6:hover {
	color: #f13b08;
	}

.buttons {
	padding: 5px 0px 15px 0px;
	}
.cart_buttons {
	padding: 10px 0px 0px 80px;
	}
/* /buttons =========================================================================== */

/* body structure ================================================================== */
#shell {
	width: 774px;
	width: expression('774px'); /* ie width, add in the left and right border widths */
	margin: 5px auto 0px auto; /* centers this div on the page, also, see body definition above */
	text-align: left;
	border-style: solid;
	border-width: 0px;
	border-color: #00ff00;
	background-color: #ffffff;
	}
/* /body structure ================================================================== */

/* header ============================================================= */
/* Changes: header_contents left pad; test changing bottom pad from 0; changed header_user to white from e4e4e5 */
#header_curves {
	height: 10px;
	width: 100%;
	line-height: expression("1%");
	background-image: url("/pix/container_curve_right2.gif");
	background-repeat: no-repeat;
	background-position: top right;
	}

#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 91px;
	height: expression("91px");
	}

#header_contents {
	margin: 0px 0px 0px 230px;
	margin: 0px 0px 0px 210px;
	padding: 22px 27px 0px 27px;
	text-align: right;
	}	

#logo_container {
	position: absolute;
	top: 0px;
	left: 55px;
	width: 85px;
	text-align: center;
	background-color: #ffffff;
xborder-style: solid;
xborder-width: 1px 1px 1px 1px;
xborder-color: #bf1f13;
	}
#logo_container #logo {
	padding: 0px 0px 4px 0px;
	}
#logo_container #decoration {
	}

#header_user {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #ffffff;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	}
#header_user #text {
	font-size: 85%;
	}
/* /header ============================================================= */

/* page ============================================================== */
#contentpad {
	margin: 0px 27px 0px 27px;
	border-style: solid;
	border-width: 7px 0px 0px 0px;
	border-color: #e4f1f9;
	}

#pagecontainer {
	position: relative;
	top: 10px;
	left: 0px;
	width: 100%;
	}

#pageboxfull, #pagebox1, #pagebox3 {
	padding: 0px 0px 10px 0px;
	}
#pageboxfull {
	margin: 0px 0px 0px 0px;
	}
#pagebox1 {
	margin: 0px 301px 10px 0px;
	}
#pagebox2 {
	/* NOTE: NO padding or margins in this box!!! use the width and right values instead */
	position: absolute;
	right: 0px;
	top: 0px;
	width: 261px;
	width: expression("281px");
	padding: 10px 10px 0px 10px;
	background-color: #e4f1f9; /* in-case javascript is turned off */
	border-style: solid;
	border-width: 0px 0px 0px 2px;
	border-color: #e4e4e5;
	}
#pagebox3 {
	margin: 0px 361px 10px 0px;
	}
#pagebox4 {
	/* NOTE: NO padding or margins in this box!!! use the width and right values instead */
	position: absolute;
	right: 0px;
	top: 0px;
	width: 201px;
	width: expression("221px");
	padding: 10px 10px 0px 10px;
	background-color: #e4f1f9; /* in-case javascript is turned off */
	border-style: solid;
	border-width: 0px 0px 0px 2px;
	border-color: #e4e4e5;
	}

/* /page ============================================================== */

/* footer ============================================================= */
/* footer ============================================================= */
#footer1 {
	clear: both;
	margin: 20px 0px 0px 0px;
	margin: expression("0px 0px 0px 0px");
	padding: 15px 0px 20px 0px;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #e4e4e5;
	}
#footer2 {
	padding: 10px 10px 20px 10px;
	font-size: 85%;
	}
/* /footer ============================================================= */

/* navs =============================================================== */
/* Changes: removed uppercase;  in navs, increased line-height, removed bold*/

ul#mainnav {
	float: right;
	margin: 0px;
	xpadding: 0px 0px 3px 0px;
	list-style-type: none;
xborder-style: solid;
xborder-width: 1px 1px 1px 1px;
xborder-color: #bf1f13;
	}
ul#mainnav li {
	float: left;
	height: expression('1%');
	}
ul#mainnav a {
	display: block;
	font-size: 100%;
	line-height: 125%; 	
	color:#bf1f13;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #bf1f13;
	padding: 0px 10px 0px 17px;
	background-image: url("/pix/icons/arrows-11pt-red2.gif");
	background-repeat: no-repeat;
	background-position: 10px 50%;
	}
ul#mainnav a#end {
	padding-right: 0px;
	border-width: 0px;
	}

ul#mainnav a.nav, ul#mainnav a:visited.nav {
	text-decoration: none;
	}
ul#mainnav a:hover.nav {
	text-decoration: none;
	color: #f13b08;
	}
ul#mainnav a.navstatic, ul#mainnav a:visited.navstatic {
	color: #3b3939;
	text-decoration: none;
	}
ul#mainnav a:hover.navstatic {
	color: #3b3939;
	text-decoration: none;
	}

ul#footernav {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	}
ul#footernav li {
	float: left;
	height: expression('1%');
	}
ul#footernav a {
	display: block;
	padding: 0px 5px 0px 5px;
	font-size: 85%;
	line-height: 125%;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	border-color: #bf1f13;
	}
ul#footernav a#end {border-right-width: 0px;}

ul#footernav a, ul#footernav a:visited {
	font-weight: normal;
	text-decoration: none;
	}
ul#footernav a:hover {
	text-decoration: none;
	}
/* /navs =============================================================== */


/* misc classes ===================================================================== */
.alert {
	color: #3b3939;
	}

.block {display: block;}
.inline {display: inline;}
.none {display: none;}

.floatright {float: right;}
.floatleft {float: left;}
.clear {clear: both;}

img.picleft {display: block;}
.picleft, img.picleft {
	float: left;
	margin: 0px 10px 10px 0px;
	}
img.picright {display: block;}
.picright, img.picright {
	float: right;
	margin: 0px 0px 10px 10px;
	}

.clearfix:after {
	/*apply this class to any floated element that needs to be cleared afterwards*/
	content: "."; 
	display: block; 
	height: 0px; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.topline {
	padding: 10px 0px 0px 0px;
	border-style: solid;
	border-width: 2px 0px 0px 0px;
	border-color: #e4e4e5;
	}

.quote span	{
	display: block;
	text-align: right;
	font-style: italic;
	}

.photo_caption {
	padding: 3px 0px 0px 0px;
	font-size: 85%;
	line-height: 1em;
	}

#steps {
	padding: 0px 0px 2px 0px;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #e4e4e5;
	}

.gallery_a {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 3px;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #e4e4e5;
	}
.gallery_a .photo {
	padding: 0px 0px 3px 0px;
	}
.gallery_a .delete {
	font-family: verdana, sans-serif;
	font-size: 10px;
	text-align: right;
	}

#thawte {
	}
#thawte img {
	}

#books_menu_top {
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	}
#books_menu_top h1 {
	xfont-weight: bold;
	xfont-family: "arial narrow",arial,sans-serif;
	xfont-size: 34px;
	xtext-transform: lowercase;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	}
table.books_menu_kids_list td {
	font-size: 100%;
	}
/* /misc classes ===================================================================== */

/* print styles ========================== */
@media print {
/* hack to give hasLayout to IE7, stops runaway printing */
#pagecontainer,
#pageboxfull,
#pagebox0,
#pagebox1,
#pagebox2,
#pagebox3 {
	min-height: 0 !important;
	}
/* /hack to give hasLayout to IE7 */

	}
/* /print styles ========================== */