﻿/* Page styling */
/* Use this css for overriding common styles for individual pages. Also create new classes for styles that are only to
		exist in specific pages here */

/* Caerus.Master */
#Caerus_MasterPage
{
	width:100%;
}

#Caerus_MasterPage #Header_Container
{
	min-width:980px;
	width:980px;
	clear:both;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 20px;
	height: 110px;
	color: #3d7d31;
}

#Caerus_MasterPage #Header_Container #Logo
{
	float:left;
	background: url(Images/logo-on-backgr.png) left top no-repeat;
	height:129px;
	width:167px;	
	margin-left: -3px;
}

#Caerus_MasterPage #Header_Container #LogInView
{	
	float:left;
	font-size:1.2em;
	margin-left: 20px;
	margin-right: 30px;
	width: 250px;
	bottom: -35px;
	height: 28px;
	position: relative;
	overflow: hidden;
}

#Caerus_MasterPage #Header_Container #LogInView #LogInViewDate
{	
	font-size:0.8em;
	margin-top:4px;
	position: absolute;
	bottom: 0px;
}

#Caerus_MasterPage #Header_Container #Control_BasketButton
{
	float:left;
	margin-top: 23px;
}

#Caerus_MasterPage #Header_Container #Control_ProductSearch
{
	float:left;
	width:214px;	
	margin-top: 23px;
}

#Body_Container
{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	min-width: 980px;
	width: 980px;
}

#Caerus_MasterPage #Content_Container
{
	min-height:600px;
	padding-left: 25px;
	margin-top: -2px;
	overflow: hidden;
	width:790px;
}

#Caerus_MasterPage #Footer_Container
{
	clear:both;
	width:100%;
	height:113px;
	background-color:#4d8952;
	background:url(images/footer-background.png) left top repeat-x;
	color: white;
	font-size: 1em;
	margin-top: 15px;
}

#Caerus_MasterPage #Footer_Container div.copy {
	padding:16px 15px 0 15px;
	margin: 0 auto;
	background:url(images/footer-background.png) left top repeat-x;
	width: 970px;
}

#Caerus_MasterPage #Footer_Container a {
	color:#fff;
	text-decoration:underline;
	font-size: 1em;
}

#Caerus_MasterPage #Footer_Container a:hover {
	color: white;
	text-decoration: none;
}

#Caerus_MasterPage #Footer_Container div#rawnet {
	float: right;
	margin-right:10px;
	margin-top: 4.7em;
}

#Caerus_MasterPage #Footer_Container p#copyright {
	font-size:1em;
	line-height:1;
	margin-top:0.4em;
	margin-bottom:2em;
}

/*=======================================================================================================================================*/
/* Main Menu control styling */
/*=======================================================================================================================================*/

/* shared styling */
.MainMenu 
{
	width: 160px;
	float:left;
	margin-bottom: 26px;	
}

.MainMenu a
{	
	color:#fff;
	font-size:13px;
	text-decoration:none;
	font-weight:bolder;
	display: block;
	width:146px;
}

.MainMenu .MenuItem
{
	font-weight:bolder;
	font-size: 13px;
	color:#fff;
	text-decoration: none;
}

.MainMenu .MenuItem:hover,
.MainMenu .MenuItem.DarkGreen:hover,
.MainMenu .MenuItem.LightGreen:hover,
.MainMenu .MenuItem.MenuItemHeader:hover,
.MainMenu .MenuItem.MenuItemFooter:hover
{
	background-position: left -32px;
}

.MainMenu .MenuItem .MenuItemLink:hover 
{
	background-position: left -32px;
}

.MainMenu .MenuItemLink
{
	height: 31px;
}

.MainMenu .MenuItemLink a
{
	padding-top: 8px;
	padding-left: 12px;
	padding-bottom: 5px;
}

.MainMenu .MenuItemSubNavLink
{
	background:#f6f2b3 url(Images/subnav-background.png) left top no-repeat;
}

.MainMenu .MenuItemSubNavLink a
{
	color:#4D8952;
	font-size:10px;
	padding-left:12px;	
	padding-top: 4px;
	padding-bottom: 5px;
}

.MainMenu .MenuItemSubNavLink ul 
{
	padding:0px;	
	margin:0px;
	margin-bottom:-1px;
	padding-top:10px;
}

.MainMenu .MenuItemSubNavLink ul li
{
	list-style-type:none;	
	border-bottom:1px solid #c8cd7c;
	width:160px;
	background: none;
	/* IE6 Hacks */
	_width:158px !important;
}

.MainMenu .MenuItemSubNavLink ul li:hover
{
		background:#f6f2b3 url(Images/subnav-active.png) left top repeat-x;
}

/* Custom menu items*/

.MainMenu .MenuItem.MenuItemHeader
{
	background: url(Images/subnav-primary.png) left top no-repeat;
}

.MainMenu .MenuItem.DarkGreen
{
	background:url(Images/subnav-button-backgr.png) repeat-x left top;	
}

.MainMenu .MenuItem.LightGreen
{
	background: url(Images/subnav-secondary.png) left top no-repeat;
}

.MainMenu .MenuItem.MenuItemFooter
{
	background: url(Images/subnav-button-bottom.png) left top no-repeat;
}

.MainMenu .MenuItemHeader .MenuItemLink a,
.MainMenu .MenuItem.LightGreen .MenuItemLink a
{
	color:#3D7D31;
}

.MainMenu .DarkGreen.Catalogues .MenuItemSubNavLink
{
	background-image:none;
	background:url(Images/subnav-background_dark.png) left top no-repeat;
}


/*=======================================================================================================================================*/
/* Top Navigation */
/*=======================================================================================================================================*/
#Caerus_MasterPage .TopSubNavMenu
{
	float: left;
	/*ie6 hacks*/
	_width:500px;
	_position:relative;
	_top: -13px;
}

#Caerus_MasterPage .TopSubNavMenu .MenuItem
{
	float:left;
}

#Caerus_MasterPage .TopSubNavMenu .MenuItemHeader .MenuItemLink a,
#Caerus_MasterPage .TopSubNavMenu .MenuItem .MenuItemLink a,
#Caerus_MasterPage .TopSubNavMenu .MenuItemFooter .MenuItemLink a
{
	display:block;
	height:33px;
	line-height:33px;
	padding:0 15px;
	background:url(images/topnav-backgr.png) left top repeat-x;
	border-right:1px solid #3b7240;
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	white-space:nowrap;
}

#Caerus_MasterPage .TopSubNavMenu .MenuItemHeader .MenuItemLink a:hover,
#Caerus_MasterPage .TopSubNavMenu .MenuItem .MenuItemLink a:hover,
#Caerus_MasterPage .TopSubNavMenu .MenuItemFooter .MenuItemLink a:hover
{
	background-position:left bottom;
	border-right:1px solid #417a47;
}


/*=======================================================================================================================================*/
/* Account Menu */
/*=======================================================================================================================================*/
#Caerus_MasterPage .AccountMenu
{
	float:right;
	margin-right:15px;
	/*ie6 hacks*/
	_left:22px;
	_position:relative;
	_top: -13px;
}

#Caerus_MasterPage .AccountMenu .MenuItem
{
	float:left;
}

#Caerus_MasterPage .AccountMenu .MenuItemHeader .MenuItemLink a,
#Caerus_MasterPage .AccountMenu .MenuItem .MenuItemLink a,
#Caerus_MasterPage .AccountMenu .MenuItemFooter .MenuItemLink a
{
	display:block;
	height:33px;
	line-height:33px;
	padding:0 10px;
	background:url(images/topnav-alternate-backgr.png) left top repeat-x;
	font-size: 13px;
	font-weight: bold;
	color: #3d7d31;
	text-decoration:none;
	border-right:1px solid #a3bb57;
	white-space:nowrap;
}

#Caerus_MasterPage .AccountMenu .MenuItemHeader .MenuItemLink a:hover,
#Caerus_MasterPage .AccountMenu .MenuItem .MenuItemLink a:hover,
#Caerus_MasterPage .AccountMenu .MenuItemFooter .MenuItemLink a:hover
{
	background-position:left bottom;
}

/*=======================================================================================================================================*/
/* Shopping Menu */
/*=======================================================================================================================================*/
#Caerus_MasterPage .ShoppingMenu
{
	float:left;
	height: 52px;
	margin-left:95px;
	margin-top: 23px;
	/*ie6 hacks*/
	_margin-left:105px !important;
}

#Caerus_MasterPage .ShoppingMenu .MenuItemHeader.MenuItem
{
	background:url(images/fastshop-background.png) left top no-repeat;	
	width:65px;
}

#Caerus_MasterPage .ShoppingMenu .MenuItemHeader.MenuItem:hover
{
	background-position: left bottom
}

#Caerus_MasterPage .ShoppingMenu .MenuItem
{
	background:url(images/search-background.png) -60px top no-repeat;	
	float:left;
	border-right:1px solid #bee2f5;
}

#Caerus_MasterPage .ShoppingMenu .MenuItemHeader .MenuItemLink a,
#Caerus_MasterPage .ShoppingMenu .MenuItem .MenuItemLink a,
#Caerus_MasterPage .ShoppingMenu .MenuItemFooter .MenuItemLink a
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:52px;
	height: 32px;
	padding-top:12px;
	padding-bottom:8px;
	padding-left:14px;
}

#Caerus_MasterPage .ShoppingMenu .MenuItemHeader .MenuItemLink a:hover,
#Caerus_MasterPage .ShoppingMenu .MenuItem .MenuItemLink a:hover,
#Caerus_MasterPage .ShoppingMenu .MenuItemFooter .MenuItemLink a:hover
{
	color:#fff;
	text-decoration:underline;
}

/*==========*/
/* IE6 Hacks */
/*==========*/
#Caerus_MasterPage .MenuItem
{
	_width:1px;
}

/*=======================================================================================================================================*/
/* Default page styling */
/*=======================================================================================================================================*/
#Page_Default
{
	
}

/*=======================================================================================================================================*/
/* Template page styling */
/*=======================================================================================================================================*/
#Page_Template
{
	margin-bottom:20px;
	margin-top:0px;
}

/*=======================================================================================================================================*/
/* Register page styling */
/*=======================================================================================================================================*/
#Page_Register
{
}

#Page_Register .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);	
}	

#Page_Register .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_Register .PageContainer
{
	/* ie6 hack */
	_padding-right:20px !important;
}

#Page_Register .PageContainer-Footer
{
	border-top:none;
}

#Page_Register .PageContainer-Footer .buttonContainer
{
	border-top:#ddd 1px solid;
	width:100%;
}

#Page_Register #Control_UserProfiles 
{
	padding: 10px 10px 10px 10px;
}

/*=======================================================================================================================================*/
/* Basket page styling */
/*=======================================================================================================================================*/
#Page_Basket #Control_Basket .BasketProductsGrid
{
	width: 100% !important;
}

#Page_Basket #Control_Basket .BasketVouchersGrid
{
	width: 100% !important;
}

#Page_Basket #Control_Basket .BasketProductsGrid .BasketItemsGrid_ISBNID,
#Page_Basket #Control_Basket .BasketProductsGrid .BasketItemsGrid_TotalIncVat,
#Page_Basket #Control_Basket .BasketProductsGrid .BasketItemsGrid_ItemIncVat,
#Page_Basket #Control_Basket .BasketProductsGrid .BasketItemsGrid_ItemIncVatHeader,
#Page_Basket #Control_Basket .BasketProductsGrid TH.BasketItemsGrid_ItemIncVatHeader,
#Page_Basket #Control_Basket .BasketProductsGrid .BasketItemsGrid_TotalIncVatHeader,
#Page_Basket #Control_Basket .BasketProductsGrid TH.BasketItemsGrid_TotalIncVatHeader,
#Page_Basket #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ISBNID,
#Page_Basket #Control_Basket .BasketVouchersGrid .BasketItemsGrid_TotalIncVat,
#Page_Basket #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ItemIncVat,
#Page_Basket #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ItemIncVatHeader,
#Page_Basket #Control_Basket .BasketVouchersGrid TH.BasketItemsGrid_ItemIncVatHeader,
#Page_Basket #Control_Basket .BasketVouchersGrid .BasketItemsGrid_TotalIncVatHeader,
#Page_Basket #Control_Basket .BasketVouchersGrid TH.BasketItemsGrid_TotalIncVatHeader,
#Page_Basket #Control_Basket  #BasketTotals #Totals #BasketTotalIncVat
{
	display:none;
}

#Page_Basket #BasketTotals .RecalculateButton,
#Page_Basket .CheckoutButton
{
	clear: both;
	float: right;
	padding: 0px 0px 0px 0px;
}

#Page_Basket .CheckoutButton
{
	padding-top: 10px;
}

#Page_Basket .ErrorSymbol
{
	padding-top: 130px;
	padding-left: 10px;
}

#Page_Basket .PageContainer-Footer .buttonContainer
{
	margin-top: 0px;
	min-width: 97%;
	padding-right: 0px;
}

#Page_Basket .PageContainer-Footer .buttonContainer #RightHandButtons .EmptyBasketButton 
{
	margin-left: -10px;
	padding-right: 12px;
}


#Page_Basket .PageContainer-Footer .buttonContainer #RightHandButtons .EmailBasketButton,
#Page_Basket .PageContainer-Footer .buttonContainer #RightHandButtons .EmptyBasketButton
{
	float:right;
	margin-right: 10px;
}

#Page_Basket #BasketOptions .EmailBasketButton .buttonContainer.PopupButtonContainer
{
	float:left;
}

#Page_Basket #BasketOptions .Control_ModalPopup .subcontainer-container
{
	width:700px;
}

#Page_Basket .BasketStage
{
	width:741px;
	height: 73px;
	background:url(images/steps-basket.png) no-repeat center 20px;
}

#Page_Basket #NoItems
{
	color:#0f87e4;
	font-weight:bold;
	font-size: 1.4em;
	margin: 20px 0px 20px 10px;
}

#Page_Basket #Disclaimer
{
	padding: 20px 0px 0px 10px;
	width: 420px;
	float: left;
	overflow: hidden;
}

#Page_Basket #Disclaimer #DisclaimerTitle
{
	color:#0f87e4;
	font-weight:bold;	
	font-size: 1.4em;
}

#Page_Basket #Disclaimer #DisclaimerText
{
	padding-top: 5px;
	font-size: 1.1em;
}

#Page_Basket #Disclaimer #DisclaimerText a
{
	font-size: 1.0em;
}

#Page_Basket #BasketTotals
{
	overflow:hidden;
	float:right;
	margin-top:5px;
}

#Page_Basket .subcontainer-content.AcceptedCards
{
	min-height:0px;
	padding-bottom:0px;
}

/*==========*/
/* IE6 Hacks */
/*==========*/
#Page_Basket .PageContainer
{
	_padding-right:2px !important;
}

#Page_Basket .PageContainer-Footer
{
	_background-position:top !important;
}

#Page_Basket .subcontainer-content
{
	_margin-bottom:10px !important;
}

#Page_Basket .button
{
	_display:inline-block;
	_float:left;
}

#Page_Basket .LeftHandButtons
{
	_display:inline-block;
	_float:left;
}

#Page_Basket .RightHandButtons
{
	_display:inline-block;
	_float:right;
}

/*=======================================================================================================================================*/
/* Login  page styling */
/*=======================================================================================================================================*/
#Page_Login
{
	
}

#Page_LogIn .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);	
}	

#Page_LogIn .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_LogIn .PageContainer-Footer
{
	border-top:none;
}

#Page_LogIn .subcontainer-content 
{
	padding: 0px 0px 20px 0px;
	/*ie6 hacks*/
	_height:100%;
	_margin-bottom:20px;
}

#Page_LogIn .subcontainer-container
{
	/*ie6 hacks*/
	_margin: 16px -1px 8px 0px
}

/*=======================================================================================================================================*/
/* Fastshop page styling */
/*=======================================================================================================================================*/
#Page_FastShop
{
	padding-bottom: 60px;
}

/*=======================================================================================================================================*/
/* View orders page styling */
/*=======================================================================================================================================*/
#Page_ViewOrders 
{
	margin-bottom:20px;
}

#Page_ViewOrders .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);	
}	

#Page_ViewOrders .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_ViewOrders .AdditionalOrderInfo 
{
}

#Page_ViewOrders .AdditionalOrderInfo .subcontainer-content
{
	padding: 20px 10px 10px 20px;
	min-height:50px;
}

#Page_ViewOrders .buttonContainer .EmailOrdersButton.button 
{
	float:right;
	margin-right: 0px;
}

/*==========*/
/* IE6 Hacks */
/*==========*/
#Page_ViewOrders .PageContainer
{
	_padding-right: 4px !important;
}

#Page_ViewOrders .PreviousPageButton
{
	_padding-right:20px;
}

#Page_ViewOrders .PreviousPageButton,
#Page_ViewOrders .PrintButton
{
	_display:inline-block;
	_float:left !important;
}

/*=======================================================================================================================================*/
/* User profiles page styling */
/*=======================================================================================================================================*/
#Page_UserProfiles .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);	
}	

#Page_UserProfiles .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_UserProfiles .PageContainer .UserProfile_HeaderText
{
	font-size: 1.4em;
	font-weight: bold;
	color: #0f87e4;
}

#Page_UserProfiles .PageContainer .UserProfile_UpdateButtonContainer
{
	float: right;
}

#Page_UserProfiles .PageContainer .subcontainer-container .subcontainer .subcontainer-content
{
	padding: 5px 10px 0px 10px;
}

#Page_UserProfiles .PageContainer .ButtonContainer
{
	margin-top: 20px;
}

#Page_UserProfiles .PrivacyDetails
{
	padding: 0px 40px 40px 40px;	
}

#Page_UserProfiles .PrivacyDetails .PrivacyDetails_Header
{
	padding-bottom:3px;
}

#Page_UserProfiles .PrivacyDetails .PrivacyDetails_Text
{
	font-size:1.3em;
}

#Page_UserProfiles .UserProfile_BackButtonContainer .button span
{
	background-image: url(images/button-blue-backgr.png);
}

#Page_UserProfiles .UserProfile_BackButtonContainer .button a
{
	background: url(images/button-blue-backgr.png) no-repeat right top;
}

#Page_UserProfiles .UserProfile_BackButtonContainer .button:hover span
{
	background-position:left bottom;	
}

#Page_UserProfiles .UserProfile_BackButtonContainer .button:hover a
{
	background-position:right -30px;
	color:#fff;
}

/*=======================================================================================================================================*/
/* Email Settings page styling */
/*=======================================================================================================================================*/
#Page_EmailSettings .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);	
}	

#Page_EmailSettings .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_EmailSettings .PageContainer
{
	/* ie6 hacks */
	_padding-right:0px;
}

#Page_EmailSettings .PageContainer .subcontainer-container
{
	/* ie6 hacks */
	_margin:16px 0px 8px 0px	
}

#Page_EmailSettings .PageContainer .UserProfile_HeaderText
{
	font-size: 1.4em;
	font-weight: bold;
	color: #0f87e4;
}

#Page_EmailSettings .PageContainer .UserProfile_UpdateButtonContainer
{
	float: right;
}

#Page_EmailSettings .PageContainer .subcontainer-container .subcontainer .subcontainer-content
{
	padding: 5px 10px 20px 10px;
	/*ie6 hacks*/
	_height:100%;
	_width:100%;
}

#Page_EmailSettings .PageContainer .ButtonContainer
{
	margin-top: 20px;
}

#Page_EmailSettings .PrivacyDetails
{
	padding: 0px 40px 20px 40px;
	clear:both;
}

#Page_EmailSettings .PrivacyDetails .PrivacyDetails_Text
{
	font-size:1.3em;
}

#Page_EmailSettings .PrivacyDetails .PrivacyDetails_Header
{
	padding-bottom:3px;
}

#Page_EmailSettings .UserProfile_BackButtonContainer .button span
{
	background-image: url(images/button-blue-backgr.png);
}

#Page_EmailSettings .UserProfile_BackButtonContainer .button a
{
	background: url(images/button-blue-backgr.png) no-repeat right top;
}

#Page_EmailSettings .UserProfile_BackButtonContainer .button:hover span
{
	background-position:left bottom;	
}

#Page_EmailSettings .UserProfile_BackButtonContainer .button:hover a
{
	background-position:right -30px;
	color:#fff;
}

#Page_EmailSettings #Header
{
	padding-top: 20px;
}

#Page_EmailSettings #Header .fieldrow
{
	width: 90%;
	padding: 0px 40px 20px 40px;
	margin-bottom: 0px;
}

#Page_EmailSettings #Header .fieldcapture
{
	clear: left;
	font-size: 1.2em;
	float: left;
	padding-left: 180px;
	padding-top: 15px;
}

#Page_EmailSettings #Header #EmailErrors
{
	clear: left;
	font-size:1.2em;
	padding-top: 10px;
	width:100%;
}

#Page_EmailSettings #Header input
{
	width:250px;
}

#Page_EmailSettings #CurrentEmailAddress 
{
}

#Page_EmailSettings #CurrentEmailAddress .fieldlabel,
#Page_EmailSettings #NewEmailAddress .fieldlabel
{
}

#Page_EmailSettings #CurrentEmailAddress .fieldcapture,
#Page_EmailSettings #NewEmailAddress .fieldcapture
{
	width:70%;
}

#Page_EmailSettings .ThankyouMessage
{
	color: #0f87e4;
	font-size: 1.4em;
	font-weight:bold;
	padding: 10px 40px 20px 40px;
}

#Page_EmailSettings #Control_UserProfiles .UserProfile_ContactProfiles
{
	padding-bottom: 10px;
	padding-top: 0px;
}

#Page_EmailSettings #Control_UserProfiles .UserProfile_ContactProfiles p
{
	font-size:1em;
}

#Page_EmailSettings #Control_UserProfiles #ctl00_cphMain_edcEmailSettings_cpcContactProfiles_0_ctl01
{
	padding-top: 15px;
	width: 400px;
}

#Page_EmailSettings #Control_UserProfiles #ctl00_cphMain_edcEmailSettings_cpcContactProfiles_1_ctl01
{
	margin-left: 160px;
}

#Page_EmailSettings #Control_UserProfiles .STATEMENTID_C2016812
{
	text-align: left;
}

#Page_EmailSettings #Control_UserProfiles .STATEMENTANSWERID_C2019089
{
	margin-left: 105px;
}

#Page_EmailSettings #Control_UserProfiles #ctl00_cphMain_edcEmailSettings_cpcContactProfiles_2 .fieldlabel
{
	float:left;
	min-width: 230px;
	width: 230px;
	padding-right: 0px;
	padding-top: 2px;
}

#Page_EmailSettings #Control_UserProfiles #ctl00_cphMain_edcEmailSettings_cpcContactProfiles_2 .fieldcapture
{
	float:left;
	min-width: 20px;
	width: 20px;
}

#Page_EmailSettings #Control_UserProfiles #ctl00_cphMain_edcEmailSettings_cpcContactProfiles_2 .fieldcapture TD
{
	padding: 0px 0px 0px 0px;
}

/*=======================================================================================================================================*/
/* 404 error page styling */
/*=======================================================================================================================================*/
#Page_404 #main.fullsize {
	margin-top:75px;	
}

#Page_404 #shelves 
{
	width:591px;
	height:241px;
	margin-top:0px;
	margin-left:9px;
	margin-bottom:10px;
	padding-left:354px;
	padding-top:230px;
	background:url(./images/missing-page-backgr.jpg) left top no-repeat;
	overflow:hidden;
}

#Page_404 #shelves h1 {
	display:none;	
}

#Page_404 #shelves p {
	width:350px;
	height:53px;
	margin-bottom:18px;
	overflow:hidden;
}

#Page_404 #shelves .button {
	margin-right:10px;	
}

/*=======================================================================================================================================*/
/* Generic error page styling */
/*=======================================================================================================================================*/

#GenericErrorPage #shelves {
	width:800px;
	height:450px;
	background:url(./images/generic-error-page-backgr.jpg) left top no-repeat;
	overflow:hidden;
}

#GenericErrorPage #shelves p {
	width:350px;
	height:53px;
	margin-bottom:18px;
	overflow:hidden;
}

#GenericErrorPage #shelves .button {
	margin-right:10px;	
}

#GenericErrorPage #shelves #Message 
{
	margin-top: 100px;
	margin-left: 270px;
}

/*=======================================================================================================================================*/
/* My local rep page styling */
/*=======================================================================================================================================*/

#MyLocalRep .PageContainer-Title
{
	background-image: url(images/infobox-toptab-green.png);	
}	

#MyLocalRep .PageContainer-Title h1
{
		color: #3d7d31;
}

#MyLocalRep .FindRepContainer
{
	margin: 35px 175px 39px 212px;
}

#MyLocalRep .FindRepContainer h3
{
	color: #0f87e4;
	padding-top: 10px;
}

#MyLocalRep .fieldrow
{
	margin-top: 6px;
}

#MyLocalRep .fieldlabel
{
	font-size: 1.2em;
	font-weight: bold;
	color: #0f87e4;
	width: 70px;
	min-width: 50px;
	padding-top: 4px;
}

#MyLocalRep .HeaderRowCss
{
	line-height: 44px;
	font-size: 1.2em; 
	color: #1b5920;
	font-weight: bold;
}

#MyLocalRep .HeaderRowCss .RepEmailColumn
{
	padding-left:25px;
}

#MyLocalRep .RepNameColumn 
{
	padding-left: 20px;
	width: 245px;
	text-align: left;
}

#MyLocalRep .RepLeaColumn 
{
	padding-left: 20px;
	width: 135px;
	text-align: left;
}

#MyLocalRep .RepPhoneColumn 
{
	padding-left: 20px;
	width: 85px;
	text-align: left;
}

#MyLocalRep .RepMobileColumn 
{
	padding-left: 20px;
	width: 85px;
	text-align: left;
	}

#MyLocalRep .RepEmailColumn 
{
	padding-right: 12px;
	text-align: left;
}

#MyLocalRep .SalesRepPicture img 
{
	margin-top: 10px;
	float: left;
	width: 43px;
	height: 53px;
	margin-right: 21px;
	border:1px solid #bfbdbd;
}

#MyLocalRep .SalesRepPicture p 
{
	line-height: 53px;
	font-size: 12px;
	white-space: nowrap;
	margin-bottom: 0;
	margin-top: 0px;
	padding-top: 5px;
}

#MyLocalRep .ItemRowCss
{
		background-color: #f2f2f2;
		height: 76px;
		clear: both;
}

#MyLocalRep .AlternateItemRowCss
{
	 height:76px;
	 clear: both;
}

#MyLocalRep .ItemRowCss .RepLeaColumn,
#MyLocalRep .ItemRowCss .RepPhoneColumn,
#MyLocalRep .ItemRowCss .RepMobileColumn,
#MyLocalRep .AlternateItemRowCss .RepLeaColumn,
#MyLocalRep .AlternateItemRowCss .RepPhoneColumn,
#MyLocalRep .AlternateItemRowCss .RepMobileColumn
{
	margin-top: 10px;
	font-size: 12px;
	vertical-align: middle;
}

#MyLocalRep .ItemRowCss .RepEmailColumn,
#MyLocalRep .AlternateItemRowCss .RepEmailColumn
{
	padding-left: 25px;
}

#MyLocalRep .FindRepContainer .buttonContainer
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
	top: -36px;
	left: 240px;
}

#MyLocalRep .PageContainer-Footer-NoBorder
{
	margin-bottom: 60px;
}

/*=======================================================================================================================================*/
/* Manage account page styling */
/*=======================================================================================================================================*/
#Page_ManageAccount
{
}

#Page_ManageAccount #AddressSetup
{
	margin-bottom: 30px;
	/*ie6 hacks*/
	_display:inline-block !important;
	_width:456px;
}

#Page_ManageAccount #EditContactCntrl
{
	float:left;
	margin: -10px 0px 10px 320px;
	/*ie6 hacks*/
	_margin: -10px 0px 10px 160px;
}

#Page_ManageAccount #EditContactCntrl .button.OpenButton
{
	margin-left:40px;
}

#Page_ManageAccount #EditContactCntrl .PopupContentHeader
{
	background-image: url(images/infobox-toptab-green.png);
}

#Page_ManageAccount #EditContactCntrl .PopupContentHeader h1
{
	color:#3d7d31;
}

#Page_ManageAccount #EditContactCntrl .button.OpenButton
{
	margin-top:10px;
}

#Page_ManageAccount #EditContactCntrl .button.OpenButton,
#Page_ManageAccount #EditContactCntrl .OKButton
{
	background-image:url(images/button-green-backgr-fixed-50px.png);
	width:50px;
}

#Page_ManageAccount #EditContactCntrl .button.OpenButton:hover,
#Page_ManageAccount #EditContactCntrl .OKButton:hover,
#Page_ManageAccount #EditContactCntrl .CancelButton:hover
{
	color:#3d7d31;
}

#Page_ManageAccount #EditContactCntrl .CancelButton
{
	background-image:url(images/button-green-backgr-fixed-110px.png);
}

#Page_ManageAccount .PageContainer-Title
{
	background-image:url(images/infobox-toptab-green.png);
}

#Page_ManageAccount .ContactDetails .fieldlabel
{
	margin-top:2px;
}

#Page_ManageAccount .ContactDetails .MarkRegisteredAddress .fieldcapture
{
}

#Page_ManageAccount .PageContainer-Title h1
{
	color:#3d7d31;
}

#Page_ManageAccount .subcontainer-content
{
	padding:10px 10px 10px 10px;
	min-height: 60px;
}

#Page_ManageAccount .subcontainer-container
{
	margin-bottom:20px;
}

#Page_ManageAccount .ContactDetails .fieldlabel
{
	width:49%;
	min-width:0px;
	text-align:right;
	font-weight: bold;
	color:#3d7d31;
}

#Page_ManageAccount .ContactDetails .fieldcapture
{
	width:50%;
	min-width:0px;
	margin-left:0px;
	font-size:1.2em;
	padding-top:2px;
	padding-bottom:2px;
	/*ie6 hacks*/
	_width:49%;
}

#Page_ManageAccount .Control_AddressManager .buttonContainer
{
	margin-left:295px;
}

#Page_ManageAccount .Control_AddressManager .RegisteredAddressKey
{
	text-align:center;
}

#Page_ManageAccount .Control_AddressManager .AddressDetails .fieldlabel,
#Page_ManageAccount .Control_AddressManager .SelectAddress .fieldlabel,
#Page_ManageAccount .Control_AddressManager .MarkRegisteredAddress  .fieldlabel
{
	color:#3d7d31;
}

#Page_ManageAccount .PageContainer-Footer
{
	border-top:none;
	margin-bottom: 40px;
}

#Page_ManageAccount .ContactDetails .fieldcapture .fieldlabel
{
	font-size:1em;
}

#Page_ManageAccount .ContactDetails .fieldcapture.EditContact
{
	width:100%;
}

#Page_ManageAccount .ContactDetails #Control_ContactDetails .fieldlabel
{
	color:#0f87e4;
}

#Page_ManageAccount .Control_AddressManager .OpenButton
{
	margin-left:300px;
}

#Page_ManageAccount .Control_AddressManager .OpenButton:hover
{
}

#Page_ManageAccount .Control_AddressManager table
{
	font-size:1.2em;
}

#Page_ManageAccount .Control_AddressManager .fieldlabel
{
	color:#0f87e4;
	font-size:1.2em;
}

#Page_ManageAccount .Control_AddressManager .EstabSearchIntroText,
#Page_ManageAccount .Control_AddressManager .EstabSearchOutroText
{
	font-size:1.2em;
	color:#727374;
}

#Page_ManageAccount .Control_AddressManager #EstablishmentSearch .SpiritSearch input.SearchButton,
#Page_ManageAccount #EstablishmentSearch .SpiritSearch input.SearchButton
{
	left:420px;
}

#Page_ManageAccount .ContactDetails .fieldcapture .Control_ModalPopup .buttonContainer.PopupButtonContainer
{
	margin-top:10px;
}

#Page_ManageAccount .ViewOrderInfo,
#Page_ManageAccount .ViewOrderLinks,
#Page_ManageAccount .ViewPreferences,
#Page_ManageAccount .ViewPreferencesLinks,
#Page_ManageAccount .ViewWishListInfo,
#Page_ManageAccount .WishListLinks
{
	float: left;
	width: 40%;
	padding: 20px 20px 10px 20px;
}

#Page_ManageAccount .Title h2
{
	padding-bottom: 5px;
}

/*==========*/
/* IE6 Hacks */
/*==========*/
#Page_ManageAccount .PageContainer
{
	_padding-right: 4px !important;
}

#Page_ManageAccount #EditContactCntrl .PageContainer
{
	_padding-right:3px !important;
}

#Page_ManageAccount .Control_AddressManager .PageContainer
{
	_padding-right:0px !important;
}

#Page_ManageAccount #EditContactCntrl .subcontainer-container
{
	_border: solid 1px gray;
}

/*=======================================================================================================================================*/
/* Checkout page styling */
/*=======================================================================================================================================*/
#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_ISBNID,
#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_TotalIncVat,
#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_TotalIncVatHeader,
#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_ItemIncVat,
#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_Remove,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ISBNID,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_TotalIncVat,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_TotalIncVatHeader,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ItemIncVat,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_Remove,
#Page_Checkout #Control_Basket  #BasketTotals #Totals #BasketTotalExcVat
{
	display:none	;
}

#Page_Checkout #Control_Basket
{
	margin-bottom: 10px;	
	min-height:300px;
}

#Page_Checkout .BasketProductsGrid,
#Page_Checkout .BasketVouchersGrid
{
	width: 524px;
	border-bottom: solid 2px #f2f2f2;
}

#Page_Checkout #BasketDetails
{
	float: left;
	width: 530px;
	background:url(images/separator-vertical.gif) right top repeat-y;	
	padding-right: 0px;
	vertical-align:top;
	min-height: 350px;	
	height:100%;
}

#Page_Checkout #CheckoutDetails
{
	float: left;
	width: 200px;
	min-height:260px;
	vertical-align:top;
	font-size: 1.1em;
	overflow:hidden;	
	padding-bottom:10px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_Title,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_Title
{
	padding-left:8px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_Title
{
	width: 110px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_ISBN,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ISBN
{
	width:20px;
	padding-left:2px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_ItemExVat,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_ItemExVat
{
	width:20px;
	padding-left:2px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_Availability,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_Availability
{
	width:20px;
	padding-left:2px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_Quantity,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_Quantity
{
	width:20px;
	padding-left:2px;
}

#Page_Checkout #Control_Basket .BasketProductsGrid .BasketItemsGrid_TotalExVat,
#Page_Checkout #Control_Basket .BasketVouchersGrid .BasketItemsGrid_TotalExVat
{
	width:20px;
	padding-left:2px;
	overflow:auto;
}

#Page_Checkout #CheckoutDetails #SubTotalExcVat,
#Page_Checkout #CheckoutDetails #DeliveryCharge,
#Page_Checkout #CheckoutDetails #TotalExcVat,
#Page_Checkout #CheckoutDetails #TotalVat,
#Page_Checkout #CheckoutDetails #TotalIncVat,
#Page_Checkout #CheckoutDetails #PurchaseRef,
#Page_Checkout #CheckoutDetails #PaymentType,
#Page_Checkout #CheckoutDetails #DeliverOption
{
	padding-left: 2px;
	padding-right: 2px;
	width: 200px;
}

#Page_Checkout #CheckoutDetails #TotalExcVat
{
	display:none;
}

#Page_Checkout #CheckoutDetails #SubTotalExcVat 
{
	padding-top: 20px;
}

#Page_Checkout #CheckoutDetails .fieldlabel
{
	float:left;
	font-size:1em;
	font-weight: bold;
	color: #0f87e4;
	margin-top:0;
	margin-right:0px;
	width: 120px;
	text-align: right;
	padding-right: 3px;
	min-width:0px;
}

#Page_Checkout #CheckoutDetails #TotalIncVat .fieldlabel,
#Page_Checkout #CheckoutDetails #TotalIncVat .fieldcapture
{
	font-size: 1.6em;
	font-weight: bold;
	line-height:1.286;
	color: #0f87e4;
	margin-top:0;
}

#Page_Checkout #CheckoutDetails #DeliverOption .fieldrow,
#Page_Checkout #CheckoutDetails #PaymentType .fieldrow,
#Page_Checkout #CheckoutDetails #PurchaseRef .fieldrow
{
	margin-bottom:0px;
}

#Page_Checkout #CheckoutDetails #DeliverOption .fieldlabel,
#Page_Checkout #CheckoutDetails #PaymentType .fieldlabel,
#Page_Checkout #CheckoutDetails #PurchaseRef .fieldlabel
{
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
}

#Page_Checkout #CheckoutDetails #DeliverOption .fieldcapture,
#Page_Checkout #CheckoutDetails #PaymentType .fieldcapture,
#Page_Checkout #CheckoutDetails #PurchaseRef .fieldcapture
{
	float:none;
	clear:both;
	padding-left: 5px;
	padding-bottom: 0px;
}

#Page_Checkout #CheckoutImage
{
	background:url(images/steps-checkout.png) no-repeat center 20px;
	height: 73px;
}

#Page_Checkout #OrderDetailsTitle
{
	padding-top: 10px;
	padding-bottom : -10px;
}

#Page_Checkout .PageContainer
{
	/*ie6 hacks*/
	_padding-right:4px;
}

#Page_Checkout .PageContainer-Footer
{
	margin-bottom : 40px;
}

#Page_Checkout #CheckoutDetails .CheckoutPlaceOrderButton
{
	margin-left:20px;
}

#Page_Checkout .subcontainer-content .CheckoutRemoveVouchersButton 
{
	margin-left:20px;
	margin-bottom:10px;
}
	
#Page_Checkout #VoucherCode .ApplyVoucherButton
{
	float: left;
	padding-left: 10px;
}
	
#Page_Checkout #VoucherCode .VoucherTextArea
{
	float:left;
	padding-top:5px;
	padding-left: 10px;
	color: #0f87e4;
	font-weight:bold;
	font-size: 1.1em;
}

#Page_Checkout #VoucherCode .GeneralErrorText
{
	font-weight:normal;
	font-size: 1.2em;
	padding-top:7px;
}

#Page_Checkout #VoucherCode .VoucherTextArea INPUT[type=text],
#Page_Checkout #CheckoutDetails INPUT[type=text]
{
	width:100px;
	color: #0f87e4;
	font-weight:bold;
	font-size: 1.1em;
}

#Page_Checkout #BasketDetailsSection .BasketItemGridHeaderRow,
#Page_Checkout #BasketDetailsSection .BasketItemGridHeaderRow .BasketItemsGrid_Title,
#Page_Checkout #BasketDetailsSection .BasketItemGridHeaderRow .BasketItemsGrid_ISBNID
{
	background-color: transparent;
}

#Page_Checkout .Control_ModalPopup .subcontainer-container.PopupControlContainer
{
	width:700px;
}

#Page_Checkout #ChangeSchoolAddress
{
	padding-left: 10px;
}

#Page_Checkout .subcontainer-content.AcceptedCards
{
	min-height:0px;
	padding-bottom:0px;
}

/*=======================================================================================================================================*/
/* Order complete page styling */
/*=======================================================================================================================================*/
#Page_OrderComplete .PageContainer
{
	padding-bottom: 20px;
	margin-bottom: 0px;
	min-height: 140px;
}

#Page_OrderComplete .PageContainer-Footer
{
}

#Page_OrderComplete .subcontainer-content
{
	padding-left:5px;
	padding-right:5px;
}

/*=======================================================================================================================================*/
/* Registration process page */
/*=======================================================================================================================================*/

#Page_RegistrationProcess .RegistrationError p
{
	text-align: center;
}

#Page_RegistrationProcess .RegistrationComplete p
{
	text-align: center;
	margin-top: 10px;
}

#Page_RegistrationProcess .RegistrationComplete
{
	overflow:hidden;
	/*ie6 hacks*/
	_height:100%;
	_width:99%;
}

#Page_RegistrationProcess .RegistrationComplete .button.Home
{
	margin-left: 320px;
	margin-top: 10px;
	margin-bottom: 25px;
	/*ie6 hacks*/
	_margin-left: 160px;
}

#Page_RegistrationProcess .RegistrationComplete .WizardStageHeader
{
	background-image:url(images/steps-done.png);
}

.RegistrationComplete p
{
	text-align:center;
	font-weight:bold;
	color: #0f87e4;
	margin-top:10px;
}

/*=======================================================================================================================================*/
/* App Offline page */
/*=======================================================================================================================================*/
#Page_Offline
{
	margin-left:auto;
	margin-right:auto;
	width: 800px;	
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	line-height:1.2;
	color:#727374; 
}

#Page_Offline #OfflineHeader
{
	margin-left:auto;
	margin-right:auto;
	background-image: url(images/logo-on-backgr.png);
	background-position:center center;
	background-repeat: no-repeat;
	height:129px;
	width:167px;	
}
	
#PageOffline #OfflineMessage
{
	width: 100%;
	text-align: center;
}

#PageOffline #OfflineMessage ul
{
	list-style-type:none;
}

/*=======================================================================================================================================*/
/* Purchased Downloads page */
/*=======================================================================================================================================*/
#Page_PurchasedDownloads .PageContainer
{
	/*ie6 hacks*/
	_padding-right:4px;
}