/*////////// General Layout //////////*/

body
{
    background: #333301;
    font-size: 80%;
    font-family: Arial, Verdana, 'Trebuchet MS';
    color: #444;
    text-align: center;
    line-height: 19px;
}

#wrapper
{
    width: 800px;
    margin: 0 auto;
    text-align: left;
    clear: both;
    background: #fff;
}

#header
{
    background: url(/images/bg_top.gif) no-repeat #fff;
    padding: 10px;
}

#headersearch
{
    background: url(/images/bg_search.gif) no-repeat #e1e1e1;
    margin-top: 6px;
    text-align: right;
    font-size: 90%;
    font-weight: bold;
    border: none;
}

#container
{
    background: url(/images/bg_container.gif) bottom left no-repeat;
}

#leftCol
{
    float: left;
    width: 200px;
}

#contentholder
{
    float: left;
    width: 570px;
    padding: 10px 10px 10px 15px;
}

#home_text, #home_feature
{
    float: left;
    width: 280px;
    padding: 0px 5px 0px 5px;
}

#home_feature
{
    width: 265px;
    height: 160px;
    line-height: 22px;
    padding: 5px 5px 0px 10px;
    border-top: 1px dashed #c1c1c1;
    background: url(/images/bg_homefeature.gif) repeat-x;
}

#footer
{
    width: 770px;
    height: 40px;
    line-height: 40px;
    padding-bottom: 10px;
    background: url(/images/bg_bottom.gif) no-repeat bottom #fff;
    text-align: right;
    padding-right: 30px;

}

ul.bookcat
{
    float: left;
    margin-left: 0px;
    list-style: circle;
}

/*////////// Navigation Styles //////////*/

#nav
{
    float: left;
    width: 180px;
    padding: 0px 0px 40px 20px;
    border-right: 1px dashed #c1c1c1;
    border-bottom: 1px dashed #c1c1c1;
}

#nav .navitem
{
    margin-top: 12px;
}

/*////////// A-Z Search Styles //////////*/

#aToZ
{
    width: 200px;
    text-align: center;
    border-right: 1px dashed #c1c1c1;
    padding-top: 15px;
    margin-bottom: 60px;
}

div.letterholder
{
    width: 145px;
    margin: 0 auto;
    margin-top: 10px;
}

div.atozletter, div.atozselect, div.noletter
{
    float: left;
    width: 17px;
    height: 16px;
    line-height: 16px;
    font-size: 85%;
    text-align: center;
    border: 1px #c1c1c1 solid;
    margin: 1px;
    cursor: pointer;
    text-decoration: none;
}

div.letterholder div.atozletter, div.letterholder div.atozselect, div.letterholder div.noletter{width: 20px; height: 19px; margin: 1px; line-height: 20px;}

div.atozletter:hover
{
    background: #F6EED1;
}

div.atozselect
{
    color: #fff;
    font-weight: bold;
    background: green;
}

div.noletter
{
    cursor: default;
    background: #f1f1f1;
    color: #d1d1d1;
}

form.changecat select, form.changecat input.submit
{
    float: left;
    border: 1px #e3e3e3 solid;
    background: #fff;
}

form.changecat input.submit
{
    border: 1px #d1d1d1 solid;
    margin-left: 5px;
}

/*////////// Text, Images & Links //////////*/

h1, h2, h3
{
    font-size: 120%;
    color: #333301;
}

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

#footer a
{
    color: #666;
    font-size: 90%;
    margin-left: 10px;
}

span.dropcap
{
  display: block;
  float: left;
  width: 51px;
  height: 31px;
  background: url(/images/dropcap_w.gif) no-repeat;
}

span.featuretitle
{
    font-weight: bold;
    font-family: 'Trebuchet MS';
    padding-bottom: 10px;
}

span.dropcap span {display:none;}

/*////////// Table Styles //////////*/


/*////////// Form Styles //////////*/

form#searchform
{
    height: 26px;
    padding: 5px 10px 0px 0px;
}

form#searchform input
{
    width: 100px;
    height: 15px;
    border: 1px #a9a9a9 solid;
    color: #717171;
}

form#searchform input.submit
{
    width: 64px;
    height: 19px;
    color: #717171;
    background: #fff;
    font-size: 90%;
}

form.booksearch input, form.booksearch select, form.booksearch label, form.personaldetails input, form.personaldetails label, form.personaldetails select
{
    width: 200px;
    margin-top: 5px;
}

form.booksearch input, form.personaldetails input
{
    border: 1px #a6a6a6 solid;
}

form.booksearch select, form.personaldetails select
{
    width: 204px;
}

form.booksearch input
{
    width: 300px;
}

form.booksearch select
{
    width: 302px;
}

form.booksearch label, form.personaldetails label
{
    float: left;
    width: 150px;
}

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

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

/*////////// Table Styles //////////*/

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

table.searchResults th,
table.description th
{
	background-color: #77A127;
	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: #77A127;
	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: 80%;
	color: #000; 
	width: 110px;
}

.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: #4F6E14; color: #fff; font-weight: bold;}
.orderStage2Active {border-right: 1px #fff solid; background-color: #4F6E14; color: #fff; font-weight: bold;}
.orderStage3Active {border-right: 1px #fff solid; background-color: #4F6E14; color: #fff; font-weight: bold;}
.orderStage4Active {background-color: #4F6E14; color: #fff; font-weight: bold;}

/*////////// Search Styles //////////*/

.lettersearch a
{
    color: #426B02;
}

.lettersearch a:hover
{
    text-decoration: none;
}

.lettersearch span.on
{
    font-weight: bold;
    background: #77A127;
    color: #fff;
    padding: 0px 2px 0px 2px;
}

.lettersearch span.none
{
    color: #d6d6d6;
}

table.searchresults tr th
{
    background: #77A127;
    color: #fff;
}

/** UPLOADER STYLESHEET **/

#uploaderpane {
	width:304px;
	text-align:left;
	background-color: #fff;
	background-image: url('/wms/images/imgupload_bg.gif');
	padding:0;
}
#uploaderpane .error,
#uploaderpane .success {
	color:Red;
	width:200px;
}
#uploaderpane .success {
	color:#8AAA61;
}
#uploaderpane img{
	margin:0 0 0 20px;
}
#uploaderpane #formholdertop{
	float:left;
	width:240px;
	margin:10px 5px 0 9px;
}
#uploaderpane #footer,
#uploaderpane #top{
	background-image: url('/wms/images/imgupload_footer.gif');
	width:304px;
	height:66px;
	margin:0;
	padding:0;
}
#uploaderpane #top{
	background-image: url('/wms/images/imgupload_top.gif');
	background-repeat:no-repeat;
	height:5px;
}
#uploaderpane label{
	border:solid 1px #919B9C;
	border-top:solid 3px #596F80;
	border-bottom:solid 0px #596F80;
	float:left;
	width:auto;
	background-color:#F4F3EE;
	padding:3px 8px 3px 8px;
	text-align:left;
}
#uploaderpane #formholder{
	border:solid 1px #919B9C;
	float:left;
	width:250px;
	background-color:#F4F3EE;
	padding:20px 8px 16px 8px;
	margin:0 5px 0 9px;
}
#uploaderpane #formholder .btn{
	border:solid 1px #919B9C;
	margin: 0 0 0 9px;
}