/* ****** BEGIN DEFAULT STYLES ****** */

/* GENERAL */

BODY {
}

#mainlayout {
 margin-top: 20px;
}

.body {
  background-color: #fff;
  border: 1px solid #000; 
}

#help_logo {
  float: right; 
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

TD,TH {
 border: 0px;
}

/* SET IMAGE TO BLOCK MODE TO FIX DISPLAY BUG - EXTRA WHITESPACE UNDERNEATH IMAGE */

IMG.block {
  display:block;
}

/* LINKS */

A:link, A:active, A:visited {
  color: #990000;
  text-decoration: none;
}

A:hover {
  color: #777777;
  text-decoration: underline;
}

/* COMPONENTS */

.component {
 border: 0px solid #ddd;
 margin-bottom: 10px;
}

.component_header {
  color:#fff;
  margin: 0px;
  padding: 3px;
  font-size: 14px;
}

.component_content {
}

/* CONTENT AREA */

#body-sub H1 {
 font-weight: normal;
 font-family: Georgia, serif; 
 font-size: 18px; 
 color: #333333;
}

#body-sub H1 .italics{
 font-style: italic; 
}

/* IMAGES*/

IMG.book {
  border: 1px solid black;
}

IMG.featured {
  margin:0 10px 10px 0;
}

IMG.fly {
  margin:0 0 10px 10px;
}

IMG.results {
  margin:0 10px 0px 0;
}

/* FORMS */

label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 125px;
        padding: 0;
        margin: 2px; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
}

br.clear {
 clear: both; 
}

INPUT,SELECT,TEXTAREA{
 width: 200px;
 margin: 2px; 
}

INPUT.submit {
 width:auto; 
}

INPUT.radio {
 width:auto; 
}

INPUT.checkbox {
 width:auto; 
}

INPUT.quantity {
 width: 30px; 
} 

INPUT.go {
 width: 30px; 
}

#alert {
 border: 1px solid red;
 color: red;
 font-weight: bold;
 padding:10px;
 margin:10px; 
}

/* ****** END DEFAULT STYLES ****** */



/* ****** BEGIN COMPONENT STYLES ****** */

/* MENU TOP STYLES*/

#menu_top_container {
 background-color: #999;
 overflow: hidden;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

#menu_top {
 background-color: #444; 
 padding:0;
 margin:0;
 color:#fff;
 white-space:nowrap;
}

#menu_top li {
 display:inline;
}

.clear {
 clear:both;
}

#menu_top A {
 padding:0.5em 1em;
 color:#fff;
 float:left;
 border-right:1px solid #000;
}
#menu_top A.first {
 border-left:1px solid #000;
}
#menu_top li a:hover { 
 background:#fff;
 color:#000;
}


/* MENU BOTTOM STYLES*/

#ft {
 font-size: 8pt;
}


A.menubottom:link, A.menubottom:active, A.menubottom:visited {
}

A.menubottom:hover {
}

#menu_bottom_container {
 text-align:center;
}

#menu_bottom {
 margin: 0;
 padding-left: 0; 
}

#menu_bottom li {
 display: inline;
 list-style-type: none;
 padding: 0px 5px;
 margin: 0px; 
}

#bottom, #bottom A { 
}

#bottom ul {
 text-align:center;
}

.copyright {
}

.bibliopolis, .bibliopolis A {
 text-align:right;
}

/* QUICKSEARCH STYLES */

#quick_search {
 padding: 0px;
}
#quick_search LABEL {
 width:auto;
 color: #fff;
 font-weight: bold;
 padding-top: 3px;
}

/* QUICKSEARCH STYLE */

#quicksearch_spec {
 width: 120px; 
}

/* BROWSE LIST STYLES */

#browse_category_list LI{
 list-style-type: none;
 font-size: 8pt;
 padding: 2px;
}
#browse_category_list {
 margin-left: 0px;
 padding: 5px;
}

/* FEATURED ITEMS */

.featured_container {
 padding: 10px 10px 10px 0;
}

/* SEARCH BOX HORIZONTAL */

#search_box_horizontal_component {
 float: left;
}
#search_box_horizontal_component label {
 width: 50px;
 padding-top:3px;
}

/* EMAIL NOTIFICATION */


#email_notify_widget label{
 font-size: 0.8em;
 text-align:left;
}

#email_notify_widget input {
 width:180px;
}
#email_notify_widget select {
 width:180px;
}

#en_added_container {
 height: 0px;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
}
#en_added_message {
 margin:5px;
 padding: 5px;
 background-color:#ddd;
}

#custom_page_list {
 margin:0px;
 padding: 0px;
}
#custom_page_list  LI {
  list-style-type: none;
}
#custom_page_list  LI.active A {
color: rgb(255, 141, 101);
}
/* ****** END COMPONENT STYLES ****** */


/* ****** BEGIN PAGE STYLES ****** */

/* CHECKOUT AND CART STYLES */

#shopping_cart {
 padding: 0px; 
}

#shopping_cart TABLE {
 width: 100%; 
 font-family: Verdana, sans-serif;
 font-size: 11px;
}

.checkoutborder {
  background:#666666; 
}

.checkoutheader {
  background:#AAAAAA; color: #FFFFFF; 
}

.checkoutbg {
  background: #FFFFFF; 
}

#checkout_buttons {
 text-align: center;
}


/* FLYPAGE STYLES */
H1.title {
 border: 0px;
 margin-bottom: 20px;
}

H1.title .author {
 font-weight: normal;
 font-size: 10pt;
}

#fly_image {
 float: left;
 margin: 0 15px;
}


/* SEARCH RESULTS */

.results_row {
 padding: 10px 0px;
 overflow:hidden;
 margin: 0px; 
} 

.results_content {
 width:auto;
}
 
.results_image {
 float: left;   
}



/* SHOPPING CART AND CHECKOUT STYLES */

#shopping_cart TH {
 background-color: #cccccc;
 white-space: nowrap; 
}

#shopping_cart TD,TH {
 border: 1px solid black;
 padding:3px; 
}

#shopping_cart TD.center {
 text-align:center; 
}

#shopping_cart TD.right {
 text-align: right; 
}

#shopping_cart DIV {
 text-align: center; 
}

/* CHECKOUT PAGE STYLES */

#checkout label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 90px;
        padding: 0;
        margin: 3px; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
        font-family: Verdana, sans-serif; 
	font-size: 10px; 
	line-height: 20px; 
	color: #333333;

} 

#checkout br {
 clear: both; 
} 

#checkout INPUT,SELECT {
 width: 165px;
 margin: 3px; 
} 

#checkout TEXTAREA {
 width: 400px;
 height:100px; 
} 

#checkout .submit {
 width: auto;
}

#checkout #credit_card,#postal,#paypal {
 display:none; 
} 

#checkout .cc_expiration {
 width: 95px; 
} 

#checkout #cvv {
 width: 50px; 
}


#checkout_login_info label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 90px;
        padding: 0;
        margin: 3px; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
        font-family: Verdana, sans-serif; 
	font-size: 10px; 
	color: #333333;

} 

#checkout_login_info br {
 clear: both; 
} 

#checkout_login_info INPUT,SELECT {
 width: 165px;
 margin: 3px; 
} 

#checkout_login_info .submit {
 width: auto;
}


/* ****** BEGIN CUSTOM STYLES ****** */

html,body { padding: 0px; margin: 0px; background-color: #2e3138; font-family:Georgia,serif;}

A { text-decoration: none}

.hed {  font-family: Georgia, serif; font-size: 14px; font-weight: bold; color: #333333; padding-left: 200px; }
.hed-italic {  font-family: Georgia, serif; font-size: 14px; font-weight: bold; font-style: italic; color: #333333; }
.text-home {  font-family: Georgia, serif; font-size: 14px; line-height: 21px; color: #ffffff;}
.text {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; color: #333333; width: 570px;}
.text-italic {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; font-style: italic; color: #333333;}
.textbold {  font-family: Georgia, serif; font-size: 11px; line-height: 20px; font-weight: bold; color: #333333;}
.text-toplevel  {  font-family: Georgia, serif; font-size: 14px; line-height: 21px; color: #333333; width: 580px; }
.text-toplevel-italic {  font-family: Georgia, serif; font-size: 14px; line-height: 21px; color: #333333; font-style: italic; width: 580px; }
.text-catalog {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; color: #333333; }
.text-catalog-italic {  font-family: Verdana, sans-serif; font-size: 11px; line-height: font-style: italic; 20px; color: #333333; }
.text-catalog-boldred {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; font-weight: bold; color: #cc3300; }
.text-catalog-ilmss1 {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; color: #333333; }
.text-catalog-bold {  font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; font-weight: bold; color: #333333; }

.home-dividers {color: #FF8D65; letter-spacing: 0px; padding-left: 5px; padding-right: 5px; }

.logotype {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='images/logotype.png');
 width: 787px; 
 height: 26px;
}
.logotype[class] {
  background-image: url('/windle/images/logotype.png');
  width: 787px; 
  height: 26px;
  z-index:10;
}

a:link {color: #CC3300; text-decoration: none}
a:visited {color: #CC3300; text-decoration: none}
a:hover {color: #ffa700;}
a:active {color: #ffffff;}

#footer-home A:link {color: #000000; text-decoration: none}
#footer-home A:visited {color: #000000;}
#footer-home A:hover {color: #ffa700;}
#footer-home A:active {color: #000000;}

#footer-sub A:link {color: #333333; text-decoration: none}
#footer-sub A:visited {color: #333333;}
#footer-sub A:hover {color: #cc3300;}
#footer-sub A:active {color: #333333;}

#nav-sub A:link {color: #ffffff; text-decoration: none}
#nav-sub A:visited {color: #ffffff;}
#nav-sub A:hover {color: #ffa700;}
#nav-sub A:active {color: #ffffff;}

#text-toplevel A:link {color: #333333; text-decoration: none}
#text-toplevel A:visited {color: #333333;}
#text-toplevel A:hover {color: #cc3300;}
#text-toplevel A:active {color: #333333;}

#container-home {
	position: relative;
	margin: 0px auto;
	width: 862px;
	background-color: #546070;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	z-index:10;
	overflow: hidden;
}

#container-sub {
	position: relative;
	margin: 0px auto;
	width: 862px;
	background-color: #f5f1e1;
	border-left: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	z-index:10;
}

#background-global {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index:1;
	}
#background-globalleft {
	float: left;
	width: 50%;
	height: 95px;
	background-image:url(/windle/images/background-upperleft.gif);
	}
#background-globalright {
	float: right;
	width: 50%;
	height: 95px;
	background-image:url(/windle/images/background-upperright.gif)
	}	

#logotype {
	position:absolute;
	width:787px;
	height:26px;
	z-index:3;
	left: 37px;
	top: 39px;
	}

#logobox {
	position:absolute;
	width:862px;
	height:95px;
	z-index:1;
	left: 0px;
	top: 0px;
	background-image: url(/windle/images/logo-background.gif);
	}
	
#illus-home {
	position:absolute;
	width:184px;
	height:774px;
	z-index:3;
	left: 0px;
	top: 95px;
}	
#banner-home {
	position:absolute;
	width:555px;
	height:35px;
	z-index:3;
	left: 234px;
	top: 155px;
}
#nav-home {
	position:absolute;
	width:565px;
	height:160px;
	z-index:3;
	left: 234px;
	top: 615px;
	font-family: Georgia, serif; 
	font-size: 12px; 
	line-height: 24px; 
	color: #ffffff; 
	letter-spacing: 1.3px;
}

#leftcol {
	position:absolute;
	width:184px;
	z-index:4;
	left: 0px;
	top: 95px;
	background-color: #2e3138;
height:100%;
}

#illus-sub {
	position:absolute;
	width:677px;
	height:96px;
	z-index:3;
	left: 185px;
	top: 95px;
}	

#nav-sub {
	position:relative;
	padding-right: 15px;
	text-align: right;
	width:169px;
	z-index:3;
	left: 0px;
	top: 90px;
	font-family: Georgia, serif; 
	font-size: 13px; 
	line-height: 35px; 
}
#bugs-sub {
	position:relative;
	width:184px;
	z-index:3;
	top: 100px;
}	

#body-home {
	position:absolute;
	width:575px;
	height:405px;
	z-index:3;
	left: 234px;
	top: 210px;
}
#body-sub {
        min-height:500px;
	position:relative;
	width:575px;
	z-index:3;
	padding-left: 234px;
	padding-top: 214px;
	padding-bottom: 100px;
}
#body-sub-about {
	position:absolute;
	width:628px;
	height:490px;
	z-index:3;
	left: 234px;
	top: 214px;
}

#body-sub-williamblake {
	position:absolute;
	width:628px;
	height:316px;
	z-index:3;
	left: 234px;
	top: 317px;
}
#body-sub-windlecatbook {
	position:absolute;
	width:628px;
	height:154px;
	z-index:3;
	left: 234px;
	top: 460px;
}
#body-sub-booklist {
	position:absolute;
	width:559px;
	height:1013px;
	z-index:3;
	left: 234px;
	top: 499px;
}
#body-sub-illuminatedmss {
	position:absolute;
	width:576px;
	height:266px;
	z-index:3;
	left: 234px;
	top: 400px;
}
#body-sub-illummsscatalog1 {
	position:absolute;
	width:576px;
	height:213px;
	z-index:3;
	left: 234px;
	top: 680px;
}
#body-sub-illummsscatalog {
	position:absolute;
	width:628px;
	height:213px;
	z-index:3;
	left: 234px;
	top: 151px;
}


#footer-home {
	position:absolute;
	width:575px;
	height:50px;
	z-index:3;
	left: 234px;
	top: 775px;
	margin-top: 35px;
	font-family: Verdana, sans-serif; 
	font-size: 9px; 
	line-height: 16px; 
	text-color: #333333; 
	letter-spacing: .65px;
	text-align: center;
}
#footer-sub {
	position:relative;
	width:575px;
	height:50px;
	z-index:3;
	margin-top: 65px;
	font-family: Verdana, sans-serif; 
	font-size: 9px; 
	line-height: 16px; 
	text-color: #333333; 
	letter-spacing: .65px;
	text-align: center;
}

img.floatLeft { 
    float: left; 
	margin-top:5px;
}
img.floatRight { 
    float: right; 
    margin-left: 20px; 
	margin-bottom: 20px;
	margin-top: 5px;
}

.illus-catalog {
	float: left; 
	padding-top:7px;
}

.matches {
font-family: Verdana, sans-serif; font-size: 11px; line-height: 20px; color: #333333;

}

#catalogues td {
 padding: 5px 10px 5px 0px;
 text-align:left;
}

#widget_editor_container {
 left: 181px;
}

.illuminatedmss-hed {
color:#333333;
font-family:Georgia,serif;
font-size:18px;
text-align:center;
}

.illuminatedmss-hed-italic {
color:#333333;
font-family:Georgia,serif;
font-size:18px;
font-style:italic;
text-align:center;
}

.submit-image IMG {
 margin:2px;
}

#slideshow {
 list-style-type:none;
border: 1px solid green;
}