/***************************/ 
/* General element styles:*/ 
/***************************/ 

body {
 	background: #d9d9d9 none repeat left;            
 	/*background: url(images/bg.gif) repeat top left;*/
}

A { color:#333333; }
A:hover { color:#7a9987; }

h1 { color: #cccccc;}
h1.uline {border-bottom: 1px dotted #cccccc; }

HR {
	border-color: #cccccc;
}

#title {
	color:#000000;
	border-color: #CCCCCC;
}

fieldset {
 border-color: #cccccc;
}

legend {
 color: #000000;
}

/***************************/ 
/* NORMAL PAGE LAYOUT:*/ 
/***************************/ 

#wrapper-main {
	background: #FFF;
}

/* ***Commented out border images***

.box-main {
	background: url(images/top-left.png) no-repeat top left;
}

.box-top-main {
	background: url(images/top-right.png) no-repeat top right;
}

.box-bottom-main {
	background: url(images/bottom-left.png) no-repeat bottom left;
}

.box-bottom-main div {
	background: url(images/bottom-right.png) no-repeat bottom right;
}

.box-content-main {
	background: url(images/right.png) top right repeat-y;
	padding: 0px; 
	width: 100%;
}

***End of Comment*** */

#banner { background: #0085A2 url(images/readergrasmere.jpeg) no-repeat top left; }

#logo-left a{
	background: url(images/logo-left.jpg) no-repeat top left;
}

#header-img-main {
	background: url(images/logo-right.jpg) no-repeat top;
}

#sidebar-links	{
		font: .72em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#sidebar-links a:link {
	background: #ffffff;
	color:#000000;
}

#sidebar-links a:visited {
	background: #ffffff;
	color:#7a9987;
}

#sidebar-links a:hover {
	background: #7a9987;
	color:#ffffff;
}

#sidebar-links a:active {
	background: #414141;
	color:#FFFFFF;
}

/***************************/ 
/* FOOTER LAYOUT:*/ 
/***************************/ 

#sponsors {
	color: 	#FFFFFF;
}

#footer-main {
	background: #414141;
	color: 	#FFFFFF;
	font: .72em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#footer-main a:link {
	color: 	#FFFFFF;
}

#footer-main a:active,
#footer-main a:visited {
	color: #FFFFFF;
}

#footer-main a:hover {
	color: #7a9987;
}

/***************************/ 
/* MENU LAYOUT:*/ 
/***************************/ 
.ul-menu1 li {
	background-color: #414141;
	color: #fff;
}

.ul-menu1 a:link {
	color:#fff; /* white*/ 
}

.ul-menu1 a:visited {
	color:#fff; /* white*/ 
}

.ul-menu1 a:hover {
	background-color: #000;
	color:#7a9987;
}

.ul-menu1 a:active {
	color:#fff; /* white*/ 
}

#menu2-block {
	background: #ffffff;
}

#menu2 {
	background-color: #ffffff;
}

#menu2-image {
	background: #ffffff url(images/sub-menu-image.jpg) no-repeat;
}

.ul-menu2 a:link {
	border-bottom:2px solid #CCCCCC;
	background: #ffffff;
	color:#000000;
}

.ul-menu2 a:visited {
	border-bottom:2px solid #CCCCCC;
	background: #ffffff;
	color:#7a9987;
}

.ul-menu2 a:hover {
	border-bottom:2px solid #CCCCCC;
	background: #7a9987;
	color:#ffffff;
}

.ul-menu2 a:active {
	border-bottom:2px solid #CCCCCC;
	background: #414141;
	color:#FFFFFF;
}

/***************************/ 
/****** BOTTOM LINKS *******/
/***************************/ 

#gettylink {
	color: #ccc;
}

#gettylink a,
#gettylink a:visited {
	color: #ccc;
}

#gettylink a:hover {
	color: #FFF;
}

/**********************************/
/** Common bits 								 **/
/**********************************/
#itemBar {
	background-color: #cde;
}

/**********************************/
/** Section used for shop layout **/
/**********************************/
.sale { color: #CC6600; }

#shoppingBasketSmall {
	border-left: #cde 1px solid;
	border-bottom: #cde 1px solid;
	background-color: #F6F6F6;
}

.cartTrash { background: url(images/trash_24.png); }
/*******************************************************/
/** Section used for paypal look-a-like checkout page **/
/*******************************************************/
div.box { border-color: #CC0000; }
div.color { background: url(snow.jpg);}
div.menuline { border-color: #CCCCCC; }

.checkout td {border: 1px solid #aaa; background-color: #fff;}
.checkout td.header {background-color: #cde;}
.checkout td.headerMoneyColumn {background-color: #cde;}
.checkout tr.summary td {background-color: #efefef; border-color: #efefef; }
.checkout tr.summary td.button {background-color: #efefef; border-color: #efefef; }
.checkout td.spacer {border: 1px solid #fff; }
.checkout td.spacerGrey {border: 1px solid #aaa; }

.viewBasket td.total {background-color: #cde;}
.viewBasket td.spacerGrey {border-bottom: 1px solid #aaa; }

/***************************************/
/** Section for columnar reports			**/
/***************************************/
#transLayout .sortInactiveButton {
	color:						#46525D;
	background:				#AFDFFF;
}

#transLayout .sortButton a, #transLayout .sortAscButton a, #transLayout .sortDescButton a {
	color:						#46525D;
	background:				#AFDFFF;
}

#transLayout .sortButton a:hover, #transLayout .sortButton a:focus,
#transLayout .sortAscButton a:hover, #transLayout .sortAscButton a:focus,
#transLayout .sortDescButton a:hover, #transLayout .sortDescButton a:focus {
	color:						#303840;
	background:				#AFDFFF;
}

#transLayout .sortAscButton a, #transLayout .sortAscButton a:hover, #transLayout .sortAscButton a:focus {
	background:				#AFDFFF url(/images/mypagedisplay_buttons/asc_order.png) no-repeat center right;
}

#transLayout .sortDescButton a, #transLayout .sortDescButton a:hover, #transLayout .sortDescButton a:focus {
	background:				#AFDFFF url(/images/mypagedisplay_buttons/desc_order.png) no-repeat center right;
}

.nav_first{
	background:				url(/images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
}

.nav_previous{
	background:				url(/images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
}

.nav_next{
	background:				url(/images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
}

.nav_last{
	background:				url(/images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
}

.nav_first_disabled{
	background:				url(/images/mypagedisplay_buttons/button_first.gif) no-repeat center center;
}

.nav_previous_disabled{
	background:				url(/images/mypagedisplay_buttons/button_previous.gif) no-repeat center center;
}

.nav_next_disabled{
	background:				url(/images/mypagedisplay_buttons/button_next.gif) no-repeat center center;
}

.nav_last_disabled {
	background:				url(/images/mypagedisplay_buttons/button_last.gif) no-repeat center center;
}

/*****************************************/
/** Form Layouts for collecting details **/
/*****************************************/
#memberLayout, #plainLayout, #transLayout, #confirm {
	color:						#4F4F4F;
}

#memberLayout {
	background:				#F6F6F6;
}

#memberLayout fieldset {
	border: #CCCCCC 1px solid;
}

#memberLayout h5 {
	color:						#0099FF;
}

#memberLayout a:link {
	color: #B7A5DF;
}

#memberLayout a:hover, #memberLayout a:active {
	color: #9685BA;
}

#memberLayout table {
	border-top:				1px solid #EDEDED;
	border-left:			1px solid #EDEDED;
	border-right:			1px solid #61C0FF;
	border-bottom:		1px solid #61C0FF;
}

#transLayout table {
	border-top:				1px solid #EDEDED;
	border-left:			1px solid #EDEDED;
	border-right:			1px solid #61C0FF;
	border-bottom:		1px solid #61C0FF;
}

#plainLayout {
	background:				#FFF;
}

.validationError {
	color:						red;
}

/***************************/ 
/* CONTACT PAGE LAYOUT:*/ 
/***************************/ 
.form-title {
	background: url(../common-images/contact-title.gif) left top no-repeat;
	color: #fff;
}

#contactUs form fieldset {
	border: 1px solid #CCCCCC;
	background: url(../common-images/contact-form-bg.jpg) left top repeat-x #FFFFFF;
}

#contactUs input.frmButton {
	color: #000;
	background: #ccc;
	border-top: 1px solid #FCFCFC;
	border-left: 1px solid #FCFCFC;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#contactUs input.frmButton :focus {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #FCFCFC;
	border-bottom: 1px solid #FCFCFC;
}

#contactImg {
	background: url(../common-images/contact-logo.jpg) no-repeat top;
}

.contactEmail {
	margin: 5px 0 10px 0px;
	text-indent: 30px;
	background: url(../common-images/email.gif) left 50% no-repeat;
	line-height: 25px;
}
.contactPhone {
	background: url(../common-images/phone.gif) left 50% no-repeat;
}

.contactFax {
	background: url(../common-images/fax.gif) left 50% no-repeat;
}
	
.contactPost {
	background: url(../common-images/post.gif) left top no-repeat;
}

/*************************************/ 
/* LOGIN */ 
/*************************************/ 
.login-container {background: #F6F6F6; }

.login-signin {
	border-right: 1px solid #cccccc;
}

button.loginBg {
	color: #333333;
	background: url(../common-images/login.gif) right bottom no-repeat;
}

button.loginBg:hover {
	color: #FFFFFF;
}
