﻿/* 

	BODY TAG

*/
body 
{
/* default document background */
	background-color: #ffffff;
}
/* 

	HORIZONTAL LINES

*/
hr 
{
/* default horizontal rule */
	color: #AFABAC;		
	background-color: #AFABAC; /* fix for Firefox? */
}


/* 

	DEFAULT LINK SELECTORS

*/
a, a:link, a:visited
{
    color: #242021;
}

a:hover 
{
	color: #242021;	
}
/* 

	PAGE LAYOUT COLOURS

*/
#page 
{  
/* default style for entire page table */
	background-color: #FFFFFF;
	color: #666666; /*default text colour */
}

/* 	--- Main Highlight Colour (BLUE: #336699) ---		 
*/
.colour1
{  
	color: #336699;
}
colour1Bullet 
{
    width: 3px;
    height: 3px;
    background-color: #336699;
}
.hrColour1 
{  
	color: #6699CC;
/* (fix for FireFox) */
	background-color: #6699CC;
}

.colour1a 
{
/* "blue" theme soft background*/
	background-color: #ffffff;
}

.colour2 
{  
/* "red" highlights */
	color: #C01214;
}
.colour3 
{  
/* "black" highlights */
	color: #000000;
}

.button
{
    border-right: #FFFFFF 1px solid;
    border-bottom: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
    border-top: #FFFFFF 1px solid;
    background-color: #BA1118;
    color: #FFFFFF;
}

.searchBar
{
    /* same bg as menudynamic hover*/
    background-color: #242021;
    color: #ffffff;   
}

/* 

	DATA GRIDS / FORMATTED TABLES

*/
.datagrid
{/* Outer border on Datagrid */
    border-right: #FAFAFA 10px solid;
    border-top: #FAFAFA 10px solid;
    border-left: #FAFAFA 10px solid;
    border-bottom: #FAFAFA 10px solid;

}
.datagrid td {
    border-right: #EDEDED 0px solid;
    border-top: #EDEDED 0px solid;
    border-left: #EDEDED 1px solid;
    border-bottom: #EDEDED 1px solid;
}

.gridHeader
{
    color: #777777;
    background-color: #eaeaea;   
    background-image: url(../CNW/images/gridheader_bg.jpg);      
    font-weight: bold;
    text-transform: uppercase;
}

.listItem1
{
    width: 50%;
    border-right: #cfcfcf 0px solid;
    border-top: #cfcfcf 0px solid;
    border-left: #cfcfcf 0px solid;
    border-bottom: #cfcfcf 1px solid;
    padding: 15px;
    border-collapse: collapse;
    table-layout: auto;
    
}
.listItem2
{
    border-right: #cfcfcf 0px solid;
    border-top: #cfcfcf 0px solid;
    border-left: #cfcfcf 1px solid;
    border-bottom: #cfcfcf 1px solid;
    padding: 15px;
    border-collapse: collapse;
    table-layout: auto;
    
}

.data
{
    background-color: #FFFFFF;
}
.data, .dataAltRow, .dataOver
{  
	color: #333333;
	
}
.data a:link, .data a:visited, .dataAltRow a:link, .dataAltRow a:visited, .dataOver a:link, .dataOver a:visited
{
    color: #333333;
    text-decoration: none;
}
.data a:hover, .dataAltRow a:hover, .dataOver a:hover
{
    color: #0066cc;
    text-decoration: underline;
}

.dataAltRow 
{
     background-color: #FAFAFA;
}
.form 
{
     /* background-color: #DAE7F3; */
    background-color: #EAEFF5;
}
.form a:hover
{
    margin-left: 0px; 
}


.form hr 
{  
/* default horizontal rule */
	color: #CCCCCC;		
	background-color: #CCCCCC; /* fix for Firefox? */
	border: 1px solid #CCCCCC;
}
.dataOver
{
    border-right: #333333 1px solid;
    border-top: #333333 1px solid;
    border-left: #333333 1px solid;
    border-bottom: #333333 1px solid;
    background-color: #E6EFF7;
}

.dataOver a:link, .dataOver a:visited
{
     text-decoration: underline;
}

.pager {
/* "Page  1, 2, 3, 4, 5..." links */
     color: #666666;
}
.pager table
{    
     height: 50px; 
     vertical-align:middle;
        
}
.pager td span
{
    border: 0px;
    padding: 3px;
}
.pager table td
{
    width: 12px;
    border: 0px;
      
}

.pager span
/*current page */
{
    font-weight: bold; 
    font-size:100%; 
}

.pager a:link, .pager a:visited  
{
    color: #666666;
	text-decoration: underline;	
}
.pager a:hover  
{
    font-size:130%;
    text-decoration: underline;	
}
.column1 
{  
/* left column background (Blue)*/
	background-color: #8A8889;	
}
.column1Top 
{
/* left column background (Blue)*/
	background-color: #8A8889;
}
.topSection
{
/* colour theme for header */
	background-color: #FFFFFF;
}
.column2 
{  
/* centre column */
	margin-left: 0px;
}
.column3 
{
/* right column background */
	background-color: #BD1218;
}
.column3Border td
{
    /* right column area with vertical border */
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CCCCCC;
}



/*

	 TEXT STYLES

*/


.col1text
{
    color: #a9a9a9;
}
.pageTitle
{
    /* page titles */
    color: #C01214;
    font-weight: bold;
}
.errorText
{
     /* includes Validators (skinned) */
    color: #C01214;
}
/* 

	TEXT NAVIGATION LINKS 

*/


.navLinks00, .navLinks00 a:link, .navLinks00 a:visited  {  
/* "Customer Home" link in left menu */
	color: #242021;
	font-weight: bold;
}
.navLinks00 a:hover
{
    color: #242021;
	font-weight: bold;
}

#navLinks02, #navLinks02 a:link, #navLinks02 a:visited  {  
/* "Hi User!" */
	color: #242021;
	font-weight: bold;
}
#navLinks02 a:hover {
	color: #242021;
	font-weight: bold;
	text-decoration: underline;
}

#navLinks03, #navLinks03 a:link, #navLinks03 a:visited  {  
/* "My Account..." links */
	color: #242021;
	font-weight: bold;
	text-decoration: none;	
}
#navLinks03 a:hover {
	color: #242021;
	font-weight: bold;
	margin-left: 0px; 
	text-decoration: underline;
}

.navLinks04, .navLinks04 a:link, .navLinks04 a:visited  {  
/* "Home | Contact Us | ..." links */
	color: #242021;
	font-weight: bold;
}
.navLinks04 a:hover {
	color: #242021;
	font-weight: bold;
	text-decoration: underline;
}

.navLinks05  {  
/* Shopping Cart */
	color: #FFFFFF;
	background-color: #BD1218;
}
.navLinks05 a:link, .navLinks05 a:visited  {  
/* Shopping Cart links */
	color: #FFFFFF;
	text-decoration: underline;
}
.navLinks05 a:hover {
	color: #FFFFFF;	
}

#navLinks06 {  
/* "Go to Checkout"*/
	color: #FFFFFF;
}
#navLinks06 a:link, #navLinks06 a:visited  {  
/* "Go to Checkout" link */
	color: #FFFFFF;
	text-decoration: underline;
}
#navLinks06 a:hover {
	color: #FFFFFF;
	margin-left: 0px; 
	text-decoration: underline;
	/* prevent movement */
}

.navLinks07, .navLinks07 a:link, .navLinks07 a:visited  {  
/* footer links */
	color: #999999;
	border-top-color: #CCCCCC;  
	/* horizontal line above links */
}
.navLinks07 a:hover {
	color: #333333;	
}

#navLinksBread, #navLinksBread a:link, #navLinksBread a:visited {  
	/* Breadcrumb trail links */
	color: #242021;
	font-weight: bold;
}
#navLinksBread a:hover {
	color: #242021;	
	font-weight: bold;
}

#copyright, #copyright a:link, #copyright a:visited, #copyright a:hover   {  
/*  copyright link at base */
	color: #ffffff;	
	background-color: #242021;
}
#privacypolicy, #privacypolicy a:link, #privacypolicy a:visited, #privacypolicy a:hover   {  
/*  privacypolicy link at base */
	color: #ffffff;	
	background-color: #242021;
}
#TsAndCs, #TsAndCs a:link, #TsAndCs a:visited, #TsAndCs a:hover   {  
/*  TsAndCs link at base */
	color: #ffffff;	
	background-color: #242021;
}

.infoMsg
{
	font-size: 71%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fffaf0;
	vertical-align: middle;
	text-align: left;
	border: #dcdcdc 1px solid;
	background-position: 6px 6px;
	background-image: url(../CNW/images/status-info.gif);
	background-repeat: no-repeat;
	padding-right: 4px;
	padding-left: 28px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.subCat
{
    padding-left: 24px;
    text-transform: uppercase;
}
