﻿

* {
	margin: 0px;
	padding: 0px;
	/*border: 1px solid red;*/
}

p
{
	margin: 10px 0px 10px 0px;
	
}

a
{
	color: #006038;
}

a img
{
	border: none;
}

body {

	text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Sans-Serif;
    font-size: 0.8em;
    background-color: #e5e5e5;
    color: #333333;
    /*background-image: url('../SiteImages/Highstreet.jpg');
    background-attachment: fixed;*/
    background-image: url('../SiteImages/BackgroundBack.png');
	background-repeat: repeat-y;
	background-position: center;
}


div#layoutContainer 
{
	margin: 0 auto 0 auto;
    width: 962px;
    text-align: center;
}

div#pageTopDiv
{
	background-image: url('../SiteImages/BackgroundBack.png');
	background-repeat: repeat-y;
	height: 10px;
	text-align: right;
	z-index: 10;
}

div#bannerDiv
{
	background-image: url('../SiteImages/Banner_Headspace.png');
	background-repeat: no-repeat;
	height: 128px;
	text-align: left;
}

div.breadCrumbDiv
{
	/*background-image: url('../SiteImages/PageBack.png');
	background-repeat: repeat-y;*/
	height: 18px;
	text-align: left;
	position: relative;
	top: 18px;
	left: 37px;
}

.masterSiteMap
{
	position: relative;
	left: 0px;
	top: -8px;
	color: #666666;
	font-size: 0.85em;
	color: #175a3b;
	font-weight: bold;
	text-decoration: none;
	
}

.masterSiteMap a
{
	text-decoration: underline;
}

.breadCrumbSeparator
{
	font-weight: normal;
	color: #666666;
}

div#navigationBarContainerDiv
{
	background-image: url('../SiteImages/PageBack.png');
	background-repeat: repeat-y;
	height: 40px;
}

div#navigationBarDiv
{
	margin: 0px 35px 0px 34px;
	background-image: url('../SiteImages/MainNavBack.png');
	background-position: 0px -7px;
	background-repeat: repeat-x;
	height: 40px;
	color: #999999;
}

/*div#navigationBarDiv ul li
{
	display: inline;
	list-style-type: none;
	color: #fbbb3a;
}*/

div#navigationBarTextContainer
{
	position: relative;
	top: 10px;
}

div#navigationBarDiv div#navigationBarTextContainer a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	padding: 15px 18px 23px 18px;

	background-position: bottom center;
	background-repeat: no-repeat;
	

}

div#navigationBarDiv div#navigationBarTextContainer a:hover
{
	
	background-image: url('../SiteImages/SubNavPointerBig.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	
}

div#navigationBarDiv div#navigationBarTextContainer a.activeNavLink
{
	/* 10/01/2010 Request to have subnavigation bar only when
	   hovering over main nav link. This means the main nav link does
       not need the active graphic 
	*/
	
	background-image: url('../SiteImages/SubNavPointerBig.png');
	background-position: bottom center;
	background-repeat: no-repeat;
	
	text-decoration: underline;
	
}

div#subNavigationBarDivTextContainer div
{
	/* By default show all sub navs hidden to begin with */
	display: none;
	padding: 10px;
}

div#subNavigationBarContainerDiv
{
	background-image: url('../SiteImages/PageBack.png');
	height: 35px;
	overflow: visible;
	text-align: left; /* IE 7 Shows in center by default so move left */
}

.subNavPipeSplit
{
	margin: 0px 20px 0px 20px;
}




div#subNavigationBarDiv div
{
	height: 60px;
	
}

div#subNavigationBarDiv div *
{
	position: relative;
	left: 10px;
	text-decoration: none;
}

div#subNavigationBarDiv div a.activeSubNaveLink
{
	font-weight: bold;

}

div#subNavigationBarDivTextContainer div.activeSubNav
{
	display: block;
	
}





div#subNavigationBarDiv
{
	/*display: none;*/
	background-color: #fcc456;
	background-image: url('../SiteImages/SubNavBackground.png');
	background-repeat: repeat-x;
	/*z-index: 12;*/
	height: 35px;
	position: absolute;
	width: 893px; /* Change this at end */
	
	margin-left: 34px;
	margin-top: 0px; /* Change this to move sub nav bar down */
}


div#bodyDiv
{
	background-image: url('../SiteImages/PageBack.png');
	background-repeat: repeat-y;
	
	/* Pull body up for sub navigation show / hide change */
	
	/*margin-top: -44px;*/
	
	z-index: -10;
}

div#footerDiv
{
	background-image: url('../SiteImages/BackgroundBack.png');
	background-repeat: repeat-y;
	height: 90px;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

div#pageBottom
{
	background-image: url('../SiteImages/PageFooter.png');
	height: 25px;
	background-repeat: no-repeat;
}


.logoHomeLinkLinkBtn
{
	padding: 30px 70px 20px 70px;
	position: relative;
	top: 40px;
	left: 30px;

}

div#contentLeftDiv
{


	width: 620px;
	float: left;
	text-align: left;
	background-color: #ffffff;
	padding: 0px 20px 0px 5px;
	line-height: 1.5em;
}

div#contentRightDiv
{
	padding: 0px 0px 10px 18px;
	width: 220px;
	float: left;
	background-image: url('../SiteImages/SideSplitter.png');
	background-repeat: repeat-y;
	text-align: left;
	background-color: #ffffff;
	line-height: 1.5em;
}

h1, h1.highlight
{
	font-family: Arial;
	font-weight: bold;
	/*color: #006038;*/
	color: #666666;
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 10px;
	background-repeat: repeat-x;
	clear: left;
}

h1.highlight
{
	border-bottom: 2px solid #fab700;
	/*background-image: url('../SiteImages/YellowGradientHighlight.png');*/
	background-position: 0px 0px;
	padding: 0px 0px 2px 0px;
}

h1.onPage
{
	padding-top: 5px;
}

h2
{
	font-family: Arial;
	font-weight: bold;
	/*color: #006038;*/
	color: #666666;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom: 5px;
}

div#contentWrapperDiv
{
	margin-left: 34px;
	padding: 15px 0px 15px 0px;
}

table.benefitsCalcTable
{
	font-size: 0.85em;
}

.benefitsCalcTextBoxSmall
{
	width: 65px;
	padding: 3px;
}

.benefitsCalcTextBoxLarge
{
	width: 50px;
}


.calcBenefitsBtn
{
	padding: 3px 7px 3px 7px;
	margin-top: 10px;
}

.button
{
	cursor: pointer;
}

.loginButton
{
	padding: 5px;
}

.updateAddressBtn
{
	padding: 5px;
	margin-top: 10px;
}

.updateTotalsBtn
{
	padding: 5px;
	margin-top: 10px;
}

.emailFormSubmitBtn
{
	padding: 3px 7px 3px 7px;
	margin-top: 10px;
}

.emailFormSubmitBtnDiv
{
	text-align: left;
	
}

.benefitsCalcValSummary
{
	font-size: 0.85em;
	border: 1px solid red;
	padding: 5px 5px 5px 20px;
	background-color: #ffffcc;
	margin-top: 10px;
	margin-bottom: 10px;
}

.benefitsCalcRes
{
	margin: 10px 0px 5px 0px;
	font-size: 0.85em;
	font-weight: bold;
}

.red
{
	color: Red;
}

.green
{
	color: Green;
}

.benefitCalcProgressGif
{
	margin: 20px 0px 10px 80px;
}





a:focus {
	outline: none;
}

#panel {
	background: #ffffcc;
	height: 200px;
	display: none;
	z-index: 10;
}

.slide {
	margin: 0;
	padding: 0;
	border-top: solid 1px #999999;
	background: url('../SiteImages/btn-slide.png') no-repeat center top;
	z-index: 10;
}
.btn-slide {
	background: url('../SiteImages/white-arrow.gif') no-repeat right -50px;
	text-align: center;
	width: 190px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	z-index: 10;
}

.active {
	background-position: right 12px;
}

.slidePanelContainer
{
	width: 226px;
}

hr
{
	height: 1px;
	margin: 10px 0px 10px 0px;
	border: 1px solid #cccccc;
}

.inputLabel
{
	font-weight: bold;
	font-size: 0.85em;
}

.emailInputTxtBox
{
	padding: 5px;
	background-color: #ffffff;
	width: 610px;
	border: 1px solid #999999;
	vertical-align: top;
	font-family: Arial;
}


.standardValSummary
{
	padding: 10px 10px 10px 25px;
	border: 1px solid #999999;
	background-color: #ffffcc;
	margin-top: 10px;
}

.adminCreateNewUserResultPnl
{
	margin-top: 10px;
	padding: 10px 10px 10px 25px;
	border: 1px solid #999999;
	background-color: #ffffcc;
}

.emailConfirmationLbl
{
	padding: 10px 10px 10px 25px;
	border: 1px solid #999999;
	background-color: #ffffcc;
	display: block;
	margin-top: 10px;
}

.userInputFormTable
{
	border: 1px solid #999999;
	padding: 5px;
	background-color: #ffffff;
	
}

.userLoginAdminTxtBx
{
	width: 225px;
	padding: 3px;
	margin: 3px 3px 3px 3px;
}

.userLoginAdminTxtBx3Char
{
	width: 27px;
	padding: 3px;
	margin: 3px 3px 3px 3px;
}

.userLoginAdminTxtBx5Char
{
	width: 40px;
	padding: 3px;
	margin: 3px 3px 3px 3px;
}

.centre
{
	text-align: center;
}

.rightAlign
{
	text-align: right;
}

.errorPnl
{
	padding: 5px;
	background-color: #ffffcc;
	border: 1px solid red;
	margin-top: 10px;
}

.errorPnl
{
	padding: 5px;
	background-color: #ffffcc;
	border: 1px solid red;
	margin-top: 10px;
	margin-bottom: 10px;
}

.pageImage
{
	border: 1px solid #cccccc;
	padding: 2px;
}

#languageSelectionDiv
{
	margin: 0px 0px 15px 0px;
}

.languageSelectionDDL
{
	width: 180px;
}

.languageSelectionFlagImg
{
	margin: 0px 0px 0px 2px;
	border: 1px solid #999999;
	padding: 1px;
	position: relative;
	top: 4px;
	right: 2
}

ul
{
	list-style-type: disc;
}

ul li
{
	margin-bottom: 5px;
	padding-left: 0px;
	margin-left: 18px;
}

br 
{
	height: 0.7em;
}


#bannerControls
{
	text-align: right;
	margin-top: 10px;
	margin-right: 45px;
}

#googleSearchDiv
{
	margin-top: 15px;
	color: #ffffff;
	position: relative;
	left: -2px;
}

#globalControlsLinkDiv
{
	margin-top: 5px;
	color: #ffffff;
}


#globalControlsLinkDiv a
{
	color: #ffffff;
	margin: 0px 5px 0px 5px;
}

.searchTxtBox
{
	padding: 4px;
	width: 270px;
	color: #006038;
	border: 1px solid #666666;
}

.searchBtn
{
	padding: 3px;
	cursor: pointer;
	color: #ffffff;
}

.SideNavContactUsBtnContainer
{
	height: 67px;
	width: 240px;
	overflow: visible;
	padding-left: 10px;
	position: relative;
	left: -10px;
}

.rightNavYellowBar
{
	border-bottom: 2px solid #fab700; margin: 10px 0px 10px 0px;
}

.RoundedImageButton
{
	position: relative;
	left: -3px;
	
}

#placeStockOrderBtnDiv
{
	text-align: right;
	width: 300px;
	height: 90px;
}

.PlaceStockOrderLinkButton
{
	background-image: url('../SiteImages/ContactUsBtn.png');
	padding: 18px 75px 20px 75px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	overflow: visible;
	position: relative;
	top: 30px;
	left: 10px;
	text-decoration: none;
	color: #666666;
	
}

.rightColPromoBox
{
	margin-top: 10px;
}

#footNav
{
	margin-top:10px;
	
}

#footNav a 
{
	color: #666666;
}

.stockOrderTable
{
	border: 1px solid #999999;
	padding: 10px;
	width: 300px;
	background-color: #ffffcc;
	
}

.stockOrderTableLeft
{
	margin-right: 10px;
}

div#orderStockContactDetailsDiv
{
	float: left;	
	width: 310px;
}

div#contactDetailsStockDiv
{
	float: left;	
}

.addressInputTxtBx
{
	width: 150px;	
	padding: 3px;
	margin: 2px 0px 2px 0px;	
}

.stockQtyInputTxtBx
{
	width: 50px;
	padding: 3px;
	margin: 2px 0px 2px 0px;	
}

.stockQtyInputCell
{
	width: 40px;
	
}

.stockLblCell
{
	width: 100px;
}

#orderStockCallEmailDiv
{
	margin-top: 15px;
	width: 300px;
}

strong
{
	font-size: 1.4em;
	margin: 0px 2px 0px 2px;
}

.editAddressLinkBtn
{
	display: block;
	margin-top: 10px;
}

.viewOrdersTable
{
	width: 100%;
	border: 1px solid #999999;
	border-collapse: collapse;
	margin-top: 10px;
}

.viewOrdersTable tr td, .viewOrdersTable tr th
{
	border: 1px solid #999999;
	border-collapse: collapse;
	padding: 3px;
}

.viewOrdersTable tr th
{
	background-color: #ffffcc;
	text-align: left;
	font-size: 0.85em;
}

.viewOrdersTable
{
	width: 100%;
}

.viewOrdersTable tr td
{
	border-bottom: 1px solid #999999;
	padding: 3px;
}

/* Right col RSS feed */

#contentRightDiv .RSSTextContainer .RSSTextItemContainer 
{
	font-size: 0.85em;
	line-height: 1.5em;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}

#savvyIframeNewsContainer .RSSTextContainer .RSSTextItemContainer a
{
	color: Green;
}

#contentRightDiv .RSSTextContainer .RSSTextItemContainer h2
{
	font-size: 1.1em;
	color: #006038;
}

/* Left col RSS feed */

.newPageRssTextContainer .RSSTextContainer .RSSTextItemContainer 
{
	font-size: 0.95em;
}

.newPageRssTextContainer .RSSTextContainer .RSSTextItemContainer h2 
{
	font-size: 1.2em;
}

.separator
{
	margin-bottom: 12px 0px 12px 2px;
	border-bottom: 1px solid #cccccc;
}

.testimonialSource
{
	display: block;
	margin-top: 5px;
	font-size: 0.8em;
}

.displayBlock
{
	display: block;
}


.newsHeader
{
	display: block;
	margin-bottom: 10px;
}

.savvyUkNewsIframe
{
	position: relative;
	left: -10px;
}

.homePageInfoGraphic
{
	margin-top: 10px;
}

.smartCardConfigBigLbl
{
	font-size: 1em;
	font-weight: bold;
}

#smartCardOrderAjaxLoadDiv
{
	height: 0px;
	overflow: visible;
	position: relative;
	top: 230px;
	left: 10px;
}

.cardConfigTbl
{
	padding: 5px; 
	width: 230px;
}

#ctl00_ContentPlaceHolder1_uc_userDataGridView tr td
{
	padding: 3px 5px 3px 5px;
}

#ctl00_ContentPlaceHolder1_uc_userDataGridView tr th
{
	padding: 3px 5px 3px 5px;
}

.adminLinksDiv
{
	margin-bottom: 10px;
}


#digicertSealRightCol
{
	margin: 75px 0px 0px -5px;
}

.PaymentTestModeIndicatorDiv
{
	background-color: Red;
	padding: 10px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}
