/* ------------------------------------------------------------------
	Filename:        common.css
	Author:          AKQA
	Description:     Basic page layout and default styles
        
	Contents:
	- Reset styles
	- Global styles
	- Basic Page Layout
        
	Sainsbury's colour palette:
	- Aubergine - #4e0011
	- Plum - #930031
	- Cherry - #c11933
	- Strawberry - #e23d3a
	- Orange - #f26334
	- Tangerine - #f57f33
	- Apricot - #fbac18
	- Lemon - #ffd100
	- Butter - #ffeb9a
	- Cream - #fdeec3
	        
  -------------------------------------------------------------------
  Reset Styles */
  
/* Fixes Mozilla (i.e. Firefox) scrollbar issue, by indicates that scrollbars
	 should always appear, therefore stopping the center of the page jumping if
	 the page is smaller than the browser window */
html {overflow:scroll;}

/* Fixes Mozilla (i.e. Firefox) ellipsis issue */
*:focus {outline-style:none;}

/* Fixes required to overwrite styles no longer needed in site.css */
#content, #maincontent, #left {background:none}
#maincontent, .maincontent {padding-top:0}

/* Fixes required to overwrite styles no longer needed in Level css files */
#head div.left,
#head div.right {background:none}
 
form {margin:0;}

#globalHeader input, 
#globalHeader select, 
#globalHeader textarea {padding:2px;}

ul {margin:0;padding:0;list-style-type:none;}
/* End Reset Styles */  

/* ------------------------------------------------------------------
  Global Styles */
  
.hidden {display:none;}
  
/* Error used for when there are validation problems when submitting a form.
   This style may need to be modified once server-side validation is
   introduced. */
.error  {color:#f00;}
  
/* Start Global Anchor Styles 

	 Anchor styles are defined so that if by default, all links are underlined.
	 As an exception, if the link is given a 'chevron' class, it will be
	 prefixed with a chevron image and will only underline on hover.
	 New window suffixes a new window icon to the link */
	 
a { color:#000;}
a:hover { text-decoration:underline; }
a:focus {
text-decoration:underline !important;
}

a.chevron {
	padding-left:8px;
	text-decoration: none;
	background:url(/global/library/default/images/common/chevrons/right-full.gif) no-repeat left 60%; }

a.newWindowText {
	display:inline-block;
	padding-right:15px;
	background:url(/global/library/default/images/common/icons/icon-external-link.gif) no-repeat top right;}

a.newWindow {
	padding-right:15px;
	background:url(/global/library/default/images/common/icons/icon-external-link.gif) no-repeat right 1px;
	display: inline;}

a.newWindowRHN
{
	padding-right:20px;
	background:url(/global/library/default/images/common/icons/icon-external-link-righ-placeholder.gif) no-repeat right bottom;
	display:block;
	}

/* End Global Anchor Styles */

/* Start Global Form Input Styles 

	 Input styles are defined so that the text color of user entered data is black.
	 System entered data is grey, as set by the 'default' class. */

#globalHeader input, 
#globalHeader select, 
#globalHeader textarea {
	font:1em tahoma,arial,sans-serif; color: #000;
} 

#globalHeader select {border:solid 1px #a9afb5;}

input.checkbox { border:none;background:none }

#globalHeader option { 
	padding:0 4px;
	color: #000; }

select.default,
option.default,
input.default,
textarea.default { color:#666; }

input.readonly {
	color:#666;
	background-color:#efefef
}

/* End Global Form Input Styles */

/* ------------------------------------------------------------------
  Basic Page Layout */
  
#globalHeader {
	font-size:0.7em;text-align:left;}

.container {
	margin:0 auto;padding-bottom:1px;width:995px;
	text-align:left; }

/* ------------------------------------------------------------------
  Page layout/border */

.page {
	margin:0 10px 30px 10px;
	font-size:0.7em;
	background:url(/global/library/default/images/common/body/bg-main-top.gif) no-repeat top left;
	border-bottom:1px solid #CCC }

.page { clear:both;}

.page .pageData {
	background:transparent url(/global/library/default/images/common/body/bg-main-top-right.gif) no-repeat right top;
}

div.pageContent { 
	clear:both;
	padding-top: 25px;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.page .pageFooter {
	margin-bottom:10px;
}

.page .pageFooter .left {
	float:left;
	width:51%;
	height:4px;
	font-size:1px;
	background:url(/global/library/default/images/common/body/bg-main-bottom-left.gif) no-repeat top left; }
	
.page .pageFooter .right {
	float:right;
	width:49%;
	height:4px;
	font-size:1px;
	background:url(/global/library/default/images/common/body/bg-main-bottom-right.gif) no-repeat top right; }


/* Global Footer */

#globalFooter {
	margin:0 10px 30px 10px;
	font-size:0.7em;
	background:url(/global/library/default/images/common/body/bg-main-top.gif) no-repeat top left;
	border-bottom:1px solid #CCC }

#globalFooter div.sitemapBgRight {
	padding-top:12px;
	background:url(/global/library/default/images/common/body/bg-main-top-right.gif) no-repeat top right; }

#globalFooter h3 {
	margin:0 0 8px 0;width:173px;height:20px;
	text-indent:-9999px;
	background:url(../images/common/sitemap/h-explore-sitemap.gif) no-repeat 17px 3px;
}

#globalFooter a {
	color:#828282;
	text-decoration:none;
}

#globalFooter a:hover {
	text-decoration:underline;
}

#globalFooter a.newWindow {
	display: inline-block;
	background:url(../images/common/sitemap/icon-external-link.gif) no-repeat right 1px; }

#globalFooter div.sitemapHeadings { 
	position:relative;
	border-top:1px solid #CCC
}

/* removed grid 
#globalFooter div.sitemapHeadings div.listOneBorder {background:url(../images/common/sitemap/bg-divide-repeat.gif) repeat-y 25% 0;}
#globalFooter div.sitemapHeadings div.listTwoBorder {background:url(../images/common/sitemap/bg-divide-repeat.gif) repeat-y 50% 0;}
#globalFooter div.sitemapHeadings div.listThreeBorder {background:url(../images/common/sitemap/bg-divide-repeat.gif) repeat-y 75% 0;}
*/

#globalFooter ul li {
	float:left;margin:0;padding:0;width:25%;

	background:none
}

#globalFooter li.sitemapHeadingFour {width:24.5%}

#globalFooter h4 {
	margin:14px 0px 0 18px;
	font-size: 1em;
	
}

#globalFooter li.sitemapHeadingOne h4 {
	 
	}
#globalFooter li.sitemapHeadingTwo h4 {
	 
	}
#globalFooter li.sitemapHeadingThree h4 {
	 
	}
#globalFooter li.sitemapHeadingFour h4 {
	 
	}
	
#globalFooter ul li ul {
	margin:10px 14px 10px 18px; border:none;
}
#globalFooter ul li ul li {
	float:none;margin:7px 0;padding:0 0 0 8px;width:auto;
	text-indent:0;
	background:url(../images/common/chevrons/left-full-grey.gif) left 2px no-repeat;
}

/* Global Terminator */

#globalTerminator {
	clear:both;
	height:1.25em;margin:0 10px;
	background:#f26334 url(/global/library/default/images/common/footer/bg-curve-top-left.gif) no-repeat top left;
}

#globalTerminator div.footerInner {
	float:left;
	width:100%;padding-bottom:0.4em;
	font-size:0.7em;
	background:url(/global/library/default/images/common/footer/bg-curve-top-right.gif) no-repeat top right;
	}
	
#globalTerminator ul {
	margin:0 0 0px 0;padding:3px 0 0 19px;
}
	
#globalTerminator ul li {
	float:left;
	height:auto;margin:0 13px 0 0; padding-bottom:0;padding-left:7px;
	background:url(/global/library/default/images/common/chevrons/right-full-white.gif) left center no-repeat;
	}
#globalTerminator ul li a {color:#fff;}


/* standard clear classes */
.clearFloat { display:inline-block; }
.clearFloat:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac */
.clearFloat {display: block;}
/* End hide from IE-mac */

.clearFloatLeft { clear:left; }
.clearFloatBoth { clear:both; }
.clearFloatRight { clear:right; }

.invisClear {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}


/* standard error CSS */

/* ------------------------------------------------------------------
/* Page content */
.pageHeader {margin-top:25px;float:left;width:210px}

.pageHeader p { margin:27px 30px 16px 25px}
.pageHeader img { margin:27px 0 16px 25px}

.info {color:#828282;}

.pageContent a {text-decoration:underline;color:#000}


/* ------------------------------------------------------------------
/* Buttons */

/* generic rounded button styles */
.btnRounded,
.btnRound { /* top left corner, top edge */
	float:left;display:none;
	background-repeat:no-repeat;
}

.btnRounded a,
.btnRound a,
.btnRoundedBack a { /* top left, top edge, gradient */
	font-weight:bold;font-size:1.0em;line-height:normal;color:#fff;text-decoration:none;
}
.btnRounded a:hover,
.btnRound a:hover,
.btnRoundedBack a:hover { text-decoration:none;}

.btnRounded *,
/*.btnRound *,*/
.btnRoundedBack * {display:block;}

.btnRounded span,
.btnRound span { background:transparent no-repeat right top; } /* top right, no edge */
.btnRounded span span,
.btnRound span span { background:transparent no-repeat left bottom; } /* bottom left, bottom edge */
.btnRounded span span span,
.btnRound span span span {
	padding:8px 0 9px;
	background:transparent no-repeat right bottom; } /* bottom right, right edge*/
.btnRounded span span span span,
.btnRound span span span span { 
	padding:0 16px 0 22px;
	background:transparent no-repeat 14px 56%; } /* chevron */

.btnPlain ,
.pageContent a.btnPlain  {
	padding:2px;width:auto;
	color:#fff;font-weight:bold;
	border:solid 2px #d9d9d9;background:#f36738 url(/global/library/default/images/common/buttons/btn-bg-orangeonwhite.gif) no-repeat -10px -6px;
	text-decoration: none;
}

.btnRound span,
.btnRound span span,
.btnRound span span span,
.btnRound span span span span
{
	display:block;
}


/* action button on plain background (orange button with white background) */
.btnAction { background:#fff url(/global/library/default/images/common/buttons/btn-bg-orangeonwhite.gif); }
.btnAction span,
.btnAction span span,
.btnAction span span span {
	background-image:url(/global/library/default/images/common/buttons/btn-corners-orangeonwhite.gif); }
	
/* action button on plain background (orange button with pink background) */
.sec-select .btnAction { background:#fff url(/global/library/default/images/common/buttons/btn-bg-orangeonpink.gif); }
.sec-select .btnAction span,
.sec-select .btnAction span span,
.sec-select .btnAction span span span {
	background-image:url(/global/library/default/images/common/buttons/btn-corners-orangeonpink.gif); }	








/* action button on plain background (orange button with orange background) */
.btnActionRecApply { background:#fff url(/global/library/default/images/common/buttons/btn-bg-orangeonorange.gif); }
.btnActionRecApply span,
.btnActionRecApply span span,
.btnActionRecApply span span span {
	background-image:url(/global/library/default/images/common/buttons/btn-corners-orangeonorange.gif); }
	
	a.btnActionRecApply:focus,
	a.btnActionRecApply:hover,
	a.btnActionRecApply:active
	{
		color:#ffffff !important;
		 }
		 
/* action button chevrons - regardless of background */
.sec-select .btnAction span span span span,.btnAction span span span span,.btnActionRecApply span span span span, .btnActionHighlight span span span span { background-image:url(/global/library/default/images/common/buttons/btn-chevron-orange.gif); }
.btnAction span span span span.back, .btnActionHighlight span span span span.back { background-image:url(/global/library/default/images/common/buttons/btn-chevron-yellow-back.gif); }

/* cancel button chevrons - regardless of background */
.btnCancel span span span span, .btnCancelHighlight span span span span { background-image:url(/global/library/default/images/common/buttons/btn-chevron-yellow-back.gif); }

/* button positioning */
.printOptions div { float:right; }

/* search control, global style from js */

.floatLeft {float:left}
.floatRight {float:right}
.bold { font-weight:bold; }

/* Mel C: Added this class as chevron was getting overidden by [.pageContent a] at line 325 of common*/

.pageContent a.chevron {
	text-decoration:none;
}
.pageContent a.chevron:hover {
	text-decoration:underline;
}