@import url("/_layouts/cfretail/layout.css");
@import url('/_layouts/DatePickerWebPart/css/datepicker_darkgrey.css');
@import url('/_layouts/cfretail/print.css') print;

/*************************************************************************
'
'  Global Page Area - Defines page backcround color and image as well as
'                     default link color
'
'*************************************************************************/
.body {
	background-color: #585858;
	color: #000000;
}

a, a:hover {
	color: #585858;
}


/*************************************************************************
'
'  Admin Area - Defines colors used within
'
'*************************************************************************/
div#pageContainer div#admin {
	background-color: #585858;
}
.authoringRegion .sharepointLogin TABLE A:link {
	COLOR: #cccccc;
}

/*************************************************************************
'
'  Header Area - Defines colors used within
'
'*************************************************************************/
div#pageContainer div#header {
	background-color: #585858;
}

div#pageContainer div#header div ul li {
	border-left: 1px solid #ffffff;
}

div#pageContainer div#header div ul li a {
	color: #ffffff;
}

div#pageContainer div#header table.globalNavigation {
	background-color: #8a8a8a;
}

div#pageContainer div#header table.globalNavigation td {
	border-right: 5px solid #585858;
}

div#pageContainer div#header table.globalNavigation td.active {
	background-color: #ffffff;
}

div#pageContainer div#header table.globalNavigation td a {
	color: #ffffff;
}

div#pageContainer div#header table.globalNavigation td.active a {
	color: #000000;
}

div#pageContainer div#header table.globalNavigation td a:hover {
	background-color: #ababab;
	color: #ffffff;
}

div#pageContainer div#header table.globalNavigation td.active a:hover {
	background-color: #ffffff;
	color: #000000;
}

div#pageContainer div#mainContentContainer {
	background-color: #585858;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#leftColumn ul li a {
	background-color: #ababab;
	color: #ffffff;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#leftColumn ul li a:hover {
	background-color: #cdcdcd;
	color: #ffffff;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#leftColumn ul li.active a {
	background-color: #e5e5e5;
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#leftColumn ul li.active a:hover {
	background-color: #e5e5e5;
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn h2 {
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn h3 {
	border-top: 3px solid #cdcdcd;
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn h3 a {
	color: #000000 !important;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn h4 {
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn .ms-WPBody a:link {
	color: #585858;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn table.storeListing th span {
	border-top: 3px solid #cdcdcd;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#largeColumnWithFloatedRightColumnElement h2 {
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#rightColumn div {
	background-color: #e5e5e5;
	color: #000000;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#rightColumn div h4 {
	color: #000000;
	border-top: 3px solid #cdcdcd;
}

/*************************************************************************
'
'  Footer Area - Defines background, text, link color and list bullet
'
'*************************************************************************/
div#pageContainer div#footer {
	background-color: #585858;
	color: #000000;
}

div#pageContainer div#footer h4 {
	color: #ffffff;
	font-weight: bold;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn div.searchPaginationContainer {
	border-top: 3px solid #cdcdcd;
}

div#pageContainer div#footer div.leftColumn div#widget_centrehours {
	color: #ffffff;
}

div#pageContainer div#footer div.rightColumn div#widget_whatsnew ul li {
	background: transparent url('/_layouts/cfretail/Images/bullet_square_darkgrey.gif') no-repeat 0px 0.6em;
}

div#pageContainer div#footer div.rightColumn div#widget_whatsnew ul li a {
	color: #ffffff;
}

div#footerLinks span {
	color: #ffffff;
}

div#footerLinks ul li {
	border-left: 1px solid #acacac;
}

div#footerLinks ul li a {
	color: #ffffff;
}

/*************************************************************************
'
'  Footer Image Links - Defines the English footer images used
'
'*************************************************************************/

.logoShopsCA {
	width:75px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_shops_darkgrey.gif');
	background-repeat:no-repeat;
}

.logoShopCard {
	width:97px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_shopcard_en_darkgrey.gif');
	background-repeat:no-repeat;
}

.logoCF {
	width:75px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_CF_darkgrey.gif');
	background-repeat:no-repeat;
}

/*************************************************************************
'
'  Footer Image Links French  - Defines the French footer images used
'
'*************************************************************************/

.logoShopsCA-fr {
	width:75px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_shops_darkgrey.gif');
	background-repeat:no-repeat;
}

.logoShopCard-fr {
	width:97px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_shopcard_fr_darkgrey.gif');
	background-repeat:no-repeat;
}

.logoCF-fr {
	width:75px;
	height:43px;
	background-color:#ffffff;
	background-image:url('/_layouts/cfretail/images/logo_CF_darkgrey.gif');
	background-repeat:no-repeat;
}

/* new additions */
div#pageContainer div#mainContentContainer div {
	background-color: transparent;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer {
	background-color: #ffffff;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn .ms-WPBody,
div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn .ms-WPTitle {
	font-family: Arial, sans-serif;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn table.storeListing th#nameHeader,
div#pageContainer div#mainContentContainer div#threeColumnContainer div#centreColumn table.storeListing th#phoneHeader {
	border-right: 15px solid #ffffff;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#rightColumn div {
	background-color: #e5e5e5;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#rightColumn div a {
	color: #585858;
}

div#pageContainer div#mainContentContainer div#threeColumnContainer div#rightColumn div#rightColumnTop {
	background-color: #e5e5e5;
}

div#pageContainer div#footer div.rightColumn ul#logos li {
	border-left: 1px solid #acacac;
}

div#admin {
	background-color: #585858;
}

div#pageContainer div#mainContentContainer div#MallFlashContainer,
div#pageContainer div#mainContentContainer div#MallFlashContainer div {
	background-color: #585858;
}

/*************************************************************************
'
'  Additional Core CSS Overides 
'
'*************************************************************************/
.ms-HoverCellInActive,.ms-SpLinkButtonInActive
{
border:none;
margin:1px;
color:#ffffff;
vertical-align:top;
background-color:transparent;
}
.ms-HoverCellActive,.ms-SpLinkButtonActive
{
border:1px transparent solid;
vertical-align:top;
background-color:transparent;
color:#ffffff;
background-image:url("/_layouts/images/blank.gif");
}
.ms-SpLinkButtonActive a, .ms-SpLinkButtonActive a:link,.ms-SpLinkButtonActive a:visited {
color:#ffffff;
text-decoration:underline;
}

.ms-SpLinkButtonActive a:hover{
color:#ffffff;
text-decoration:none;
}

.ms-SPLink A:link {
	color:#ffffff;
	text-decoration:underline;
}
.ms-SPLink A:hover {
	color:#ffffff;
	text-decoration:none;
}