﻿

/* --- Page style starts here --- */
/* Body settings */
h2
{
    font-size: 18pt;
    color: #FE8011;
    margin-left: 41px;
    font-weight:lighter;
}
body
{
    font-size: 11px;
    margin: 0px 0px 2px 0px;
    line-height: 1.3em;
    font-style: normal;
    font-family: Verdana, Arial, Georgia, Times, 'Times New Roman' , Serif;
    background-color: #FFFFFF;
    line-height: 1.3em;
    color: #4C4C4C;
}
#graybg1 {
	background-color: #949494
}
a.menu {
	font-weight: normal; 
	font-size: 9px; 
	color: #ffffff; 
	font-family: verdana; 
	text-decoration: none;
}
a.menu:hover {
	font-weight: normal; 
	font-size: 9px; 
	color: #f7913c; 
	font-family: verdana; 
	text-decoration: none;
}
#footer {
	FONT: 8pt arial; COLOR: #000000;
}
.BookType
{
    font-weight: normal;
    font-size: x-large;
    color: #F77605;
    font-family: sans-serif;
    letter-spacing: 1px;
}
.BookTitle
{
	font-weight: bold; 
	font-size: 8pt; 
	color: #f7913c; 
	font-family: verdana, geneva, arial, helvetica;
	/*display: block;*/
	}

.BookTitle:hover
{
    color:Blue;
}

.BookTitleSide
{
    font-weight: bold;
    font-size: 8pt;
    color: #f7913c;
    font-family: verdana, geneva, arial, helvetica;
    font-style: italic;
}

.BookTitleSide:hover
{
    color:Blue;
}

.BookAuthor
{
	font-weight: normal; 
	font-size: 8pt; 
	color: #4c4c4c; 
	font-family: verdana, geneva, arial, helvetica;
	}
.BookDetail
{
	font-weight: normal; 
	font-size: 8pt; 
	color: #4c4c4c; 
	font-family: verdana, geneva, arial, helvetica;
	}
.BookPrice
{
	font-weight: normal; 
	font-size: 9pt; 
	color: #4c4c4c; 
	font-family: verdana;
	}
a.BuyNow
{
    font-weight: normal;
    font-size: 7pt;
    font-family: verdana;
    color: White;
    width: 43px;
    height: 15px;
    /*border: solid 1px gray;*/
    background-color: #03A5CE;
    padding: 2px;
}
#ContentTitle
{
    color: #f7913c;
    font-family: verdana;
    letter-spacing: 1px;
    padding: 10px 0px 17px 5px;
}
#ContentSubTitle
{
	font-weight: bold; 
	font-size: 8pt; 
	color: #4c4c4c; 
	font-family: verdana;
}
#ContentDetail
{
	font-weight: normal; 
	font-size: 8pt; 
	color: #4c4c4c; 
	font-family: verdana;
	line-height: 10pt;
}
a.mailaddress
{
	font-weight: normal; 
	font-size: 8pt; 
	color: Navy; 
	font-family: verdana; 
	text-decoration: none;
	}
.buttonLogin 
{
	background-image:url(Images/but1.png); 
	border:1px solid #aabbbf; 
	cursor:pointer; 
	background-repeat :no-repeat;
}

.headingCart 
{
	COLOR: #999999; 
	FONT: bold 18pt arial;
}

.heading1 
{
	COLOR: #ff7800; 
	FONT: bold 18pt arial;
}

#heading2 {
	COLOR: #c90101; 
	FONT: bold 18pt arial;
}

#heading3 {
	COLOR: #999999; 
FONT: bold 14pt arial
}

#heading4 {
	COLOR: #ed1e24; FONT: bold 12pt arial
}

.heading5 {
	COLOR: #ff7800; FONT: bold 14pt arial
}
#heading6 {
        COLOR: #02a0c7; FONT: bold 10pt arial
}
#heading7 {
	COLOR: #FF0000; FONT: bold 10pt arial
}
#heading8 {
	COLOR: #FF0000; FONT: bold 12pt arial
}

#heading9 {
	COLOR: #FF0000; FONT: bold 14pt arial
}

#title{
	COLOR: #127bfe; FONT: bold 13pt Arial
}

.smalltext { COLOR: #4C4C4C; FONT: 7pt verdana, geneva, arial, helvetica }
.text {
	COLOR: #4C4C4C; FONT: 8pt verdana, geneva, arial, helvetica
}

.text1 {
	COLOR: #000000; FONT: 10pt geneva, arial, helvetica
}

.text2 {
	COLOR: #4C4C4C; FONT: 10pt verdana, geneva, arial, helvetica
}

#subtitle {
	COLOR: #000000; FONT: bold 9pt geneva, arial, helvetica
}

#orange {
        COLOR: #f7913c;
}

#title_catalogue_font {
	COLOR: #F77811; FONT: bold 12pt verdana, arial, helvetica
}

#title_catalogue_title_font{
	COLOR: #C6C7C6; FONT: bold 10pt verdana, arial, helvetica
}


#adv_bk_srh{
	COLOR: #6B696B; FONT: bold 6pt verdana, arial, helvetica
}

#searchbox {
        MARGIN: 0px; 
        border: 0px none #2F3F50 solid;
	FONT: 9px arial;
}

#date{
	COLOR: #cacaca; TEXT-DECORATION: none;
	FONT-SIZE: 9px;	
	FONT-FAMILY: arial;
}

#author{
	COLOR: #000000; TEXT-DECORATION: none;
	FONT-SIZE: 9px;	
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

#presssub{
	COLOR: #f7913c; TEXT-DECORATION: none;
	FONT-SIZE: 10px;	
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

FORM {
	MARGIN: 0px; 
	PADDING-BOTTOM: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-RIGHT: 1px; 
	PADDING-TOP: 1px
}

A {
	COLOR: #0f4692; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}

A.news {
	COLOR: #4c4c4c;
	FONT-SIZE: 8pt; 
	FONT-FAMILY: verdana, geneva, arial, helvetica TEXT-DECORATION: none;
}


A.news:hover {
	COLOR: #0000ff; TEXT-DECORATION: none;
}


#news {
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
FONT-FAMILY: arial;
}

#news_c {
COLOR: #a4a4a4;
FONT-SIZE: 14px;
FONT-WEIGHT: bold;
FONT-FAMILY: arial;
}


A.footer {
	COLOR: #000000; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.footer:hover {
	COLOR: #f7913c; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.menuhl {
	COLOR: #f7913c; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
}

A.menu {
	COLOR: #ffffff; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-FAMILY: verdana;
}

A.menu:hover {
	COLOR: #f7913c; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-FAMILY: verdana;
}

A.press {
	COLOR: #AEAEAE; TEXT-DECORATION: none;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.press1 {
	COLOR: #F87815; TEXT-DECORATION: none;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.press1:hover {
	COLOR: #0000ff; TEXT-DECORATION: none;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.pressblack {
	COLOR: #000000; TEXT-DECORATION: none;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.press:hover {
	COLOR: #0000ff; TEXT-DECORATION: none;
	FONT-SIZE: 15px;
	FONT-WEIGHT: bold;
	FONT-FAMILY: arial;
}

A.more {
	COLOR: #f7913c; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
}

A.more:hover {
	COLOR: #0000ff; TEXT-DECORATION: none;
	FONT-SIZE: 9px;
	FONT-FAMILY: arial;
}

/* headlinks */
a.headlinks {
	font-family: verdana, tahoma, arial, trebuchet ms; 
	font-size: 9px;
	font-weight: bold;
	color: #4C4C4C;
}

/* headlinks.hover */
a.headlinks:hover { 
	font-family: verdana, tahoma, arial, trebuchet ms; 
	font-size: 9px; 
	font-weight: bold; 
	color: #ff7800;   
	text-decoration: none;
}

/* headlinks.active */
a.headlinks:active {
	font-family: verdana, tahoma, arial, trebuchet ms;
	font-size: 9px;
	font-weight: bold;
	color: #4C4C4C; 
}

input.smallbutton {
	BACKGROUND-COLOR: #EEF3FB;
	FONT-FAMILY: trebuchet ms, Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
	FONT-SIZE: 9px;FONT-STYLE: normal;FONT-WEIGHT: bold;
	cursor: hand;
	color: #5472a6;	
	text-align: center;
	border-left: solid 1px #7694c8;
	border-top: solid 1px #7694c8;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

select, input.textbox {
	BACKGROUND-COLOR: #ffffff;
	FONT-FAMILY: trebuchet ms, Georgia, Times, Arial, Helvetica, Verdana, sans-serif;
	FONT-SIZE: 10px;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	color: #000000;	
	    margin-left: 0px;
}
.BookDetailsHeading
{
    font-family: 'Microsoft Sans Serif';
    font-size: small;
    font-weight: bold;
    color: #02A0C7;
}

.BookTableBorder
{
    border-right-style: dashed;
    border-color: #808080;
    border-bottom-style: dashed;
    border-width: 0.85pt;
}

.ImageStyle
{
    color: #FFFFFF;
}
.CatalogueBookTitle
{
    font-family: Arial;
    font-size: small;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #AEAEAE;
}

.CatalogueBookTitle:hover
{
    color: #0000FF;
}

.ButtonSearch
{
    background-color: #EEF3FB;
    border-style: outset;
    border-color: #7694C8;
    color: #5472A6;
    font-size: x-small;
    font-family: 'Arial Black';
    font-weight: normal;
    height: 22px;
}

.SearchTextBox
{
    border-style: inset;
}

.IndexChildControl
{
    vertical-align: top;
    text-align: left;
}

.SearchTextBoxMain
{
    background-image: url(/Images/search_line.gif);
    background-attachment: fixed;
}

.catalogueName
{
    color: #FF6600;
    font-weight: bold;
    font-family: verdana;
    font-size: medium;
}

.Events
{
    font-size: 6.5pt;
    color: #f7913c;
    font-family: arial;
    text-decoration: underline;
}

.Events:hover
{
    color:Blue;
}


/* Begin CSS Drop Down Menu */

#menuh-container
	{
	position: absolute;		
	top: 5.3em;
	left: 58em;
	}

#menuh
{
    font-size: 9px;
    font-family: verdana;
    width: 100%;
    float: left;
    margin: 2em;
    margin-top: 1em;
}
		
#menuh a
	{
	text-align: center;
	display:block;
	
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active
{
    color: white;
    background-color: #949494;
    text-decoration: none;
}
	
#menuh a:hover
{
    color: #FF9933;
    background-color: #949494;
    text-decoration: none;
}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent
{
    border: 1px solid #949494;
    color: #FFFFFF;
    background-color: #BDBDBD;
}

#menuh a.parent:hover
{
    background-color: #FF6600;
    color: #FFFFFF;
}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:9em;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 			/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

.menu1 ul li:hover ul li:hover ul.left {left:-105px;}








