/* 
	Book Record Styles
	These are all the Book Record styles that control basic HTML tags.
*/

h5.Title a:link
{
	color: blueviolet;
}
p.lineitem   
{  font-family: "Arial";
   color: #9900CC; 
   margin-left: 4em ; 
   margin-right: 4em; 
   text-align:justify; 
   margin-top:.5em
}

h5.Title a:visited
{
	color: darkorchid;
}
h5.Title a:hover
{
	color: tomato;
}
h5.Title a:active
{
	color: dodgerblue;
}
h5.Title
{
	margin-top: 0em;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 0em;
	color: blueviolet;
	line-height: 1em;
	font-family: Arial;
}

h6.Author          
{ 	font-family: Arial; 
	font-size: .8em; 
	color: #9900CC; 
	line-height:1em; 
	margin-top:0em; 
	margin-bottom:.5em 
}
cite.Synopsis
{
	margin-top: 0em;
	font-size: 0.8em;
	margin-bottom: 1em;
	color: #9900cc;
	line-height: 1em;
	font-style: normal;
	font-family: "arial";
}
em.Description
{
	margin-top: 0em;
	font-size: 0.8em;
	margin-bottom: 1em;
	color: #9900cc;
	line-height: 1em;
	font-family: "Arial";
}
strong.Price       
{ 	
	font-size: 1em; 
	color: #9900FF; 
	font-weight: bold; 
	line-height:1em; 
}
div.BookRecord
{
	border-right: #ccaaff 1px;
	padding-right: 1.5em;
	border-top: #ccaaff 1px;
	padding-left: 1.5em;
	font-size: 1em;
	margin-bottom: 1em;
	padding-bottom: 0.2em;
	margin-left: 1em;
	border-left: #ccaaff 1px;
	width: 100%;
	line-height: 1em;
	margin-right: 1em;
	padding-top: 0.2em;
	border-bottom: #ccaaff 1px;
	font-family: "Arial";
	background-color: transparent;
}

/* 
	Basic styles
	
	These are all the base styles that control basic HTML tags.
	All the referenced styles sheets are imported to control the UI
	of the theme.
*/
table.Formatting
{	border-collapse:collapse;
	border-width: 0;	
	border: 0;
	width:100%;
}	
		
div.PageContent
{
	position: absolute;
   	top: 141px;
   	left: 0px;
   	width: 100%;
   	height: 100%;
   	z-index: 2;
}
div#Heading
{
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 141px;
   z-index: 1;
   
   background-attachment: fixed;
   background-image: url("images/qsHeadingSpacer.png");
}
div#Selector
{
	position: absolute; 
	top: 120px;
	left: 0px; 
	width: 100%; 
	height: 20px; 
	z-index: 2; 

	padding-left:12px; 
}
div#Content
{	
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 4; 

	padding-top: 142px
}

#Advertisment
{
	position: absolute; 
	top: 87px;
	left: 85px; 
	width: 320px; 
	height: 30px; 
	z-index: 2; 
}

IMG a:link
{
	border-right: gold 1px solid;
	border-top: gold 1px solid;
	border-left: gold 1px solid;
	border-bottom: gold 1px solid;
}

p.webtext
{
	padding-right: 1em;
	padding-left: 1em;
	font-weight: normal;
	font-size: 1em;
	vertical-align: baseline;
	color: darkviolet;
	direction: ltr;
	line-height: 1.1em;
	padding-bottom: 0.5em;
	font-family: 'Times New Roman';
	letter-spacing: normal;
	text-align: left;
}	
	
P.teaserline
{
	margin-top: 5px;
	padding-top: 5px;	
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: blueviolet;

	font-family: 'Trebuchet MS';
}



/* 
	Basic styles
	
	These are all the base styles that control basic HTML tags.
	All the referenced styles sheets are imported to control the UI
	of the theme.
*/

.Thumbnail 
{  	
	border-color:"white"; 
	progid:DXImageTransform.Microsoft.Shadow(direction=145,color="darkgray", strength=3);
}


img.comicImage
{
   margin-top: 1em;
   margin-left: 168px;
}

div.comicDetail
{
   padding-left: 20%;
   padding-top: 1em;
   width: 100%;
}   
   
span.field, span.descriptor
{  
   font-weight: bolder;
   float:left;
   padding-bottom: .1em;
   width: 160px;
   border-bottom: mediumvioletred .05em solid;
   text-align: right;

}   
span.text
{
   width:80%;
   padding-left: .3em;
   text-align: justify;
   display:block;
   padding-bottom: .3em;
   color: indigo;
}
  
span.price
{
	font-size: 1em;
	color: blueviolet;
	font-weight: bold;
}


span.description
{
	font-size: .9em;
	color: darkorchid;
	font-family: arial;
	font-weight: normal;

}

span.button
{

   font-weight: bold;

   padding-right: 10px;
   padding-left: 10px;
   font-weight: bold;
   font-size: 1em;
   padding-bottom: 5px;
   color: white;
   padding-top: 5px;
   font-family: Arial;
   background-color: blueviolet;
   text-decoration: none;
}

div.cpSelector
{
   padding-left: 84px;
   font-weight: bold;
   font-size: 1.1em;
   padding-bottom: 20px;
   color: blueviolet;
   font-family: Tahoma;
}

input .stext
{
   border-right: darkviolet thin solid;
   border-top: darkviolet thin solid;
   font-size: 0.8em;
   border-left: darkviolet thin solid;
   color: mediumorchid;
   border-bottom: darkviolet thin solid;
   font-family: Verdana;
   position: static;
   background-color: white;
}
select .sby
{
	font-family: Verdana;
	font-size: .8em;
	color: mediumorchid;
	background-color: white;
}

.SubSection
{
   font-weight: bold;
   font-size: 1.6em;
   text-transform: uppercase;
   color: #990099;
   font-style: italic;
   font-family: Trebuchet MS
}



.menu
{
   font-weight: normal;
   font-size: 13px;
   left: 10px;
   padding-bottom: 4px;
   color: #9900cc;
   font-family: Verdana;
   position: relative;
}
/* provides support for selector menu 24.09.2004 jdj */

span.selectorMenu, span.selectorMenu a:link, span.selectorMenu a:link
{
   font-weight: normal;
   font-size: 13px;
   color: #9900cc;
   font-family: Verdana;
}
span.selectorMenu a:hover
{
	color: tomato;
}


h4, h4 a:link, h4 a:visited
{
	background-position: 5px 10px;
	padding-left: 8px;
	font-weight: normal;
	font-size: 14pt;
	background-attachment: fixed;
	background-image: url(images/ssbackground.gif);
	margin: 0em;
	text-transform: capitalize;
	color: darkviolet;
	padding-top: 2px;
	background-repeat: no-repeat;
	font-family: Rockwell, Arial;
	height: 30px;
	text-align: left;
}

h4 a:hover
{
	color: crimson;
}


P.SECTIONHEAD A:HOVER
{
   padding-left: 8px;
   font-weight: normal;
   font-size: 14.pt;
   margin-bottom: 0em;
   margin-left: 0em;
   text-transform: lowercase;
   width: 200px;
   color: tomato;
   line-height: 1em;
   margin-right: 0em;
   padding-top: 2px;
   font-family: Rockwell, Arial;
   height: 30px;
   text-align: left;
   text-decoration: none;
}
P.SECTIONHEAD A:LINK, P.SECTIONHEAD A:VISITED
{
   padding-left: 8px;
   padding-bottom: 1px;
   font-weight: normal;
   font-size: 14pt;
   margin-bottom: 0em;
   margin-left: 0em;
   text-transform: lowercase;
   width: 200px;
   color: mediumorchid;
   line-height: 1em;
   margin-right: 0em;
   padding-top: 2px;
   font-family: Rockwell, Arial;
   height: 30px;
   text-align: left;
   text-decoration: none;
}
P.SECTIONHEAD
{

   padding-left: 8px;
   font-weight: normal;
   font-size: 14pt;
   background-position: 5px 10px;
   background-attachment: fixed;
   background-image: url(images/ssbackground.gif);
   background-repeat: no-repeat;
   margin-bottom: 0em;
   margin-left: 0em;
   text-transform: lowercase;
   width: 200px;
   color: mediumorchid;
   line-height: 1em;
   margin-right: 0em;
   padding-top: 2px;
   background-repeat: no-repeat;
   font-family: Rockwell, Arial;
   height: 30px;
   text-align: left;
   text-decoration: none;


}
P.QUICKLINK
{
 	text-align: left; 
 	font-size: 0.8em; 
 	font-family: Arial; 
	margin-left: .5em; 
    margin-right: .5em; 
    line-height:1em; 
    margin-bottom:1em;
}

P.QUICKTITLE
{
 	font-weight: bold;
	text-align: left; 
 	font-size: 0.8em; 
 	font-family: Tahoma; 
	margin-left: .2em; 
    margin-right: .2em; 
    line-height:1em; 
    margin-bottom:1em;
}
.instructions
{
   border-top-width: 1px;
   padding-left: 10px;
   font-size: 0.8em;
   border-bottom-width: 1px;
   padding-bottom: 0.5em;
   margin: 0px;
   vertical-align: baseline;
   border-left: tomato 2px solid;
   width: 350px;
   color: darkviolet;
   padding-top: 0.5em;
   font-family: Tahoma;
   text-align: left;
   border-right-width: 1px;
   text-decoration: none;
}
               
span.sectionHeader
{
   padding-right: 5px;
   padding-left: 5px;
   font-size: .8em;
   padding-bottom: 0px;
   color: dimgray;
   padding-top: 0px;
   font-family: Tahoma;
   letter-spacing: 1pt;
}
span.abelink
{
   font-weight: normal;
   font-size: x-small;
   left: 10px;
   padding-bottom: 4px;
   color: #9900cc;
   font-family: Tahoma;
   position: relative;
   font-variant: small-caps;
}
span.abeauthorline
{
   font-weight: normal;
   font-size: x-small;
   left: 10px;
   padding-bottom: 4px;
   color: #9900cc;
   font-family: arial;
   position: relative;
   font-variant: normal;
}
span.abedesription
{
   font-weight: normal;
   font-size: xx-small;
   left: 10px;
   padding-bottom: 2px;
   color: #9900cc;
   font-family: Tahoma;
   position: relative;
   font-variant: normal;
}

.bookDescription
{
   font-size: x-small;
   vertical-align: baseline;
   color: darkmagenta;
   font-family: 'Times New Roman';
   position: relative;
   line-height: 1em;

   text-justify: newspaper;
   text-align: justify;
   font-variant: normal; margin-bottom:0.8em; margin-left:1.5em; margin-right:1em
}
.bookTitle a:hover, .bookTitle A:visited, .bookTitle A:link
{
   font-size: small;
   text-transform: capitalize;
   color: blueviolet;
   position: relative;
   line-height: 1em;
   font-style: italic;
   font-family: 'Times New Roman';
   text-align: left;
   font-variant: normal; margin-bottom:0.8em; margin-left:.5em; margin-right:1em

}

.bookTitle a:hover
{
	color: tomato;

}
span.bookPrice
{
   font-weight: bold;
   font-size: x-small;
   left: 15px;
   padding-bottom: 5px;
   vertical-align: baseline;
   text-transform: uppercase;
   color: darkmagenta;
   font-style: normal;
   font-family: Georgia;
   position: relative;
   text-align: left;
   font-variant: normal;
}
.justifyText
{
   padding-right: 1em;
   padding-left: 1em;
   text-justify: newspaper;
   font-size: 1em;
   margin: 0px;
   vertical-align: baseline;
   color: #8a2be2;
   text-indent: 1em;
   line-height: 1.4em;
   padding-top: 1em;
   font-family: Arial;
   letter-spacing: normal;
   position: static;
   text-align: justify;
   text-decoration: none;
}
.blocktext
{
   padding-right: 0px;
   padding-left: 0px;
   font-weight: normal;
   text-justify: newspaper;
   font-size: 1.2em;
   padding-bottom: 0px;
   margin: 0px 30px;
   vertical-align: baseline;
   color: indigo;
   text-indent: 0px;
   line-height: 2em;
   padding-top: 0px;
   font-family: 'Times New Roman';
   position: relative;
   text-align: justify;
}
.subheader
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   overflow: hidden;
   width: 180px;
   padding-top: 0px;
}
.picturead
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 15px 0px 0px;
   padding-top: 15px;
}
.browsebook
{
   padding-right: 0px;
   display: block;
   padding-left: 0px;
   font-weight: normal;
   font-size: 0.8em;
   padding-bottom: 0px;
   margin: 2px 0px 0px 10px;
   vertical-align: baseline;
   overflow: hidden;
   color: blueviolet;
   line-height: 1em;
   padding-top: 1px;
   font-family: tahoma;
   text-align: left;
}

.fieldName
{
	display: block;
	font-size: 0.9em;
	text-transform: uppercase;
	color: indigo;
	font-family: 'Courier New';
	text-align: left;
	text-decoration: none;
}



INPUT.BooleanButton
{

   margin-top: 2px;
   font-size: 1em;
   margin-bottom: 2px;
   color: indigo;
   font-family: 'Courier New';
}

LEGEND
{
   border-right: darkgray 1px solid;
   border-top: darkgray 1px solid;
   border-left: darkgray 1px solid;
   border-bottom: darkgray 1px solid;
}
OPTION
{
}
a:link       { color: #9900FF }

p            { line-height: 100%; margin-top: 0; margin-bottom: 0 }

BODY
{
   padding:0px; background-position: center 145px;
   background-attachment: fixed;
   background-image: url('images/qsBackground.png');
   margin: 0px;
   color: darkorchid;
   background-repeat: no-repeat
}

FORM
{
   padding-right: 0px;
   padding-left: 0px;
   padding-bottom: 0px;
   margin: 0px;
   border-top-style: none;
   padding-top: 0px;
   border-right-style: none;
   border-left-style: none;
   border-bottom-style: none;
}