/* SARAH KEY BOOKS BOOKS STYLESHEET */

/* START LAYOUT STYLES */

body
{
	text-align: center;
	margin-top: 15px;
}

#container
{
	width: 760px;
	font-family: arial, sans-serif;
	font-size: 80%;
	color: #333;
	text-align: left;
	margin: 0 auto;
}

#header
{
	background-color:#fff;
}

#decoration
{
	position: absolute;
	margin-left: 550px;
	margin-top: -70px;
	float: right:
}

#homeLeft
{
	width: 300px;
	margin-right: 20px;
	float: left;
}

#homeRight
{
	width: 400px;
	float: right;
}

#searchBox
{ 
	margin: 0;
	background: #CC1740;
	margin-bottom: 20px;
}

b.rtop, b.rbottom{display:block; background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #CC1740}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#defaultBox
{ 
	margin: 0;
	background: #F9F9F9;
}

b.rtop1, b.rbottom1{display:block; background: #FFF}
b.rtop1 b, b.rbottom1 b{display:block;height: 1px; overflow: hidden; background: #F9F9F9}
b.r11{margin: 0 5px}
b.r21{margin: 0 3px}
b.r31{margin: 0 2px}
b.rtop1 b.r41, b.rbottom1 b.r41{margin: 0 1px;height: 2px}

.contentContainerHome
{
	padding: 10px;
}

.contentContainerHome ul
{
	margin: 0px;
}

.contentContainerHome li
{
	line-height: 1.5;
	margin-left: -20px !important; margin-left: 10px;
}

#homeCatsLeft
{
	float: left;
	width: 180px;
}

#homeCatsRight
{
	float: left;
	width: 180px;
}

#contentContainer
{
	padding: 10px;
	_height: 100%;
	min-height: 320px;
}

#contentContainer ul
{
	line-height: 1.5;
	margin-left: -2	0px !important; margin-left: 0px;
 	width: 360px;
}

#contentContainer li
{
	padding-left: 10px; /* left padding moves the text away from the bullet */
	list-style-image: url(/images/bullet.gif);
}

#content
{
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px !important; margin-top: 0px;
}

#content ul
{
	margin-top: 5px;	
	margin-bottom: 5px;	
	margin-left: 20px;
}

#content li
{
	list-style-image: url(/images/bullet.gif);
}

#footer
{
	margin-top:10px;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: #CC1740;
	clear: both;
	padding-top: 5px;
}

/* END LAYOUT STYLES */

/* START NAVIGATION STYLES */

#mainNav
{
	padding-top: 7px;
	font-family: verdana, serif;
	color: #ffffff;
	font-size: 110%;
	letter-spacing: -1;
	width: 760px;
	height: 40px;
	background-image: url(/images/nav_bg.gif);
	background-repeat: no-repeat;
	font-weight: bold;
}

#secNav
{
	font-family: times, serif;
	font-size: 105%;
	margin-top: -10px;
	margin-bottom: -10px;
	font-weight: normal;
}

#mainNav ul
{
	margin-left: -37px !important; margin-left: 2px;
	margin-top: 0px;
}

#mainNav li
{
	display: inline;
	list-style-type: none;
	margin-left:10px;
	line-height:25px;
	color: #CC1740;
}

#mainNav li a
{
	text-decoration:underline;
	color: #CC1740;
}
	
#mainNav li a:hover
{
	text-decoration:none;
}

#mainNav li.primary
{

}

#mainNav li.secondary
{
 	
}

#mainNav li.active
{
	
}

#footer ul
{
	margin: 5px;
}

#footer li
{
	display: inline;
	list-style-type: none;
	padding-right: 10px;
}

/* START TEXT, LINK & IMAGE STYLES */

h1,
h2,
h3,
h4,
h5
{
	color: #CC1740;
	font-family: times, Verdana, sans-serif;
	margin-top: 0px;
	font-size: 150%;
	font-weight: bold;
}

h2
{
	font-size: 130%;
}

h3,
h4,
h5
{
	font-size: 110%;
	display: block;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color: #99284C;
}

a
{
	color: #CC1740;
}

a:hover
{
	color: #CC1740;
	text-decoration: none;
}

hr
{
	color: #CC1740;
}

.warning
{
	color:#B32400;
}

#error
{
	border: 2px #CC1740 solid;
	padding: 10px; 
}

#error h2
{
		
}

#error li
{
		
}

.numbers {font-family: Arial, Helvetica, sans-serif;font-size: 85%; color:#000000;}
.noletter {font-family: Arial, Helvetica, sans-serif;font-size: 90%; color:#666666;}
.letterselect {font-family: Arial, Helvetica, sans-serif;font-size: 85%; font-weight: bold; color:#ffffff; background-color: #99284C;}

img
{
	border:0px;
}

.pageimage
{
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

.floatRight
{
	float: right;
	margin-top: -16px;
}

/* TABLE STYLES */

table.searchResults,
table.description
{
	margin-top: 5px;
	border-collapse: collapse;
	background-color: #F6F7F7;
	border-top: 1px #F0F1F1 solid;
	border-bottom: 1px #F0F1F1 solid;
	border-right: 0px #fff solid;
	font-size: 100%;
	width: 700px;
	
}

table.searchResults th,
table.description th
{
	background-color: #CC1740;
	text-align: left;
	padding: 5px;
	color: #fff;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #fff;
	border-style: solid;
}

table.searchResults td,
table.description td
{
	padding: 8px;
	border-bottom: 1px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-color: #CC1740;
	border-style: solid;
	vertical-align: top;
}


/* ORDER STAGE STYLES */

#orderStageHolder
{
	width: 100%;
}

.orderStage1,
.orderStage2,
.orderStage3,
.orderStage4,
.orderStage1Active,
.orderStage2Active,
.orderStage3Active,
.orderStage4Active
{
	display: block;
	background-color: #CDD4CD;
	float: left;
	padding: 3px;
	font-size: 85%;
	color: #000; 
	width: 168px !important; width: 174px;
}

.orderStage1 {border-right: 1px #fff solid; }
.orderStage2 {border-right: 1px #fff solid;}
.orderStage3 {border-right: 1px #fff solid;}
.orderStage4 {}
.orderStage1Active {border-right: 1px #fff solid; background-color: #CC1740; color: #fff; font-weight: bold;}
.orderStage2Active {border-right: 1px #fff solid; background-color: #CC1740; color: #fff; font-weight: bold;}
.orderStage3Active {border-right: 1px #fff solid; background-color: #CC1740; color: #fff; font-weight: bold;}
.orderStage4Active {background-color: #CC1740; color: #fff; font-weight: bold;}



/* START FORM STYLES */

#form
{

}

#form label
{
	width: 180px;
	float: left;
	margin-right: 5px;
	padding-top: 3px;
	color: #99284C;
}

.formSelectLrg
{
	width: 250px;
	margin-bottom: 5px;
}

.formSelectSml
{
	width: 80px;
	margin-bottom: 5px;
}

label.home
{
	width: 70px;
	float: left;
	margin-right: 5px;
	padding-top: 3px;
	color: #fff;
	font-weight: bold;
}

.inputText1
{
	width: 250px;
	border: 1px #ccc solid;
	margin-bottom: 5px;
}

.checkbox1
{
	margin-bottom: 5px;
	margin-left: -3px;
}

.submitbutton
{
	width: 80px;
	height: 23px;
	background-image: url(/images/search_button_bg.gif);
	border: 0px;
	font-family: Verdana, sans-serif;
}

form.internal
{
	background-color:#fcfcfc
}


.Col1
{
	width: 200px;
	float: left;
	font-weight: bold;
}

.Col2
{
	float: left;
}