/* CSS Redefined HTML Tags */

body 
{
	/*background-color:#fff;*/	
	margin:0;
	text-align:center;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	background:url(/stores/celtic/_artwork/_common/interface/homepage_bg.jpg) center top;
}
p, td, th {font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; color: #000}
a:link {text-decoration: none; color: #000}
a:visited {text-decoration: none; color: #000}
a:hover	{text-decoration: underline; color: #000}
a:active {text-decoration: underline; color: #000}
a.underline {text-decoration: underline}
img {border:0}
hr {height:1px; color: #000000; margin: 3px 5px 3px 0px}
li {list-style-position: outside; margin: 0px 0px 5px}
h2 {font-size:14px; color:#000}


/* Layout Top Classes */

#pageContainer
{
	width:770px; 
	margin-right:auto; 
	margin-left:auto; 
	margin-top:5px; 
	padding:0px; 
	text-align:left;
	background-color:#fff
}
#pageTop
{
	position:relative; 
	background-color:#fff;
	margin-bottom:2px;
	z-index: 9999;
}

#header
{
	margin-top:0px;
	text-align:center;
	height:70px
}

#headerlogo
{
	background-color:#00966b;
	width:630px; 
	float:left
}

#headerbasket
{
	 width:140px;
	 height:70px;
	 background-color:#000;
	 color:#FFF;
	 text-align:left; 
	 float:left
	}

#headerbasket .BasketContents
{
	padding:1px 0 0 3px;
	height:67px !important;
	height:70px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:left;
	color:#FFF
}
.BasketContents a {color:#FFF}
.BasketContents a:visited {color:#FFF}
.BasketContents img {padding:0 0 10px 0}
	
#headerbasket .BasketNoContents
{
	height:67px !important;
	height:70px;
	background-color:#f7f7f7;
	border-top:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	text-align:center;
	color:#fff
}

.BasketNoContents img {padding:0}

#topNavigation
{
	color:#fff;
	height:22px; 
	background-color:#00966b;
	text-transform:uppercase;
	border-bottom:1px solid #00966b;
	font-size:10px
}
#topNavigation #topSearch
{
	float:right; 
	padding:2px 8px 0 2px
}
#topSearch td 
{
	color:#fff;
	font-weight:bold;
	font-size:10px
}
#topNavigation #topMenu
{
	float:left; 
	padding:3px 0 3px 10px;
	margin:0;
	width:400px;
	text-align:left
}
#topMenu ul
{
	margin:0;
	padding:0
}
#topMenuOptions li
{
	margin:0;
	font-weight:bold;
	color:#fff;
	display: inline;
	list-style-type: none;
	padding-right:25px
}
#topMenuOptions a {color:#fff; padding-right:5px}

#boundary
{
	z-index:100; 
	top:70px; 
	left:32px; 
	visibility:hidden; 
	width:180px; 
	position:absolute
}

#hprofile
{
	z-index:102; 
	left:70px; 
	top:72px; 
	visibility:visible; 
	position:absolute
}

#profile
{
	z-index: 105; 
	left:56px; 
	top:93px; 
	visibility: hidden; 
	position: absolute;
	border:2px solid #fff
}

#profiledropdown div 
{
	padding:6px;
	background-color:#00966b;
	width:120px;
}

#profiledropdown a
{
	color:#fff;
	font-weight:bold}


/* Layout Bottom Classes */

#pageFooter
{
	padding:2px;
	background-color:#FFF;
	color:#000;
	text-align:left;
	margin-top:5px
}
#pageFooter a {color:#000}
	
#bottomNewsletter
{
	padding:2px 6px;
	background-color:#00966b; 
	text-align:left;
	font-size:13px; 
	font-weight:bold; 
	color:#fff;
	border:1px solid #000;
}
#bottomNewsletter a {color:#fff}
#bottomNewsletter input {margin:2px;  font-size:11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold}



/* Layout Nav Classes */

#leftNavigation ul
{
	margin:0;
	padding:0;
	list-style-type: none;
	color: #000; 
	text-decoration: none;	
	font-size: 12px;
	background-color: #d6d7d6;
	width:130px;

	}

#leftNavigation li 
{
	margin:0;
/*	width:130px;*/
}

#leftNavigation li .nav
{
	background: #00966b url(/stores/celtic/_artwork/_common/interface/main/nav_left_bg.jpg) no-repeat -5px 0px;
	font-weight:bold;
	display: block;
	color: #000;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	/*width: 140px;*/
	text-decoration: none;
}

#leftNavigation li .nav:hover
{
	background: #00966b url(/stores/celtic/_artwork/_common/interface/main/nav_left_bg.jpg) no-repeat 0px 0px;
	margin:0;
	display: block;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
/*	width: 140px;*/
	text-decoration: none;
}

#leftNavigation li .xmasnav
{
	background: #00966b url(/stores/celtic/_artwork/_common/interface/main/xmasnav_left_bg.jpg) no-repeat -5px 0px;
	font-weight:bold;
	display: block;
	color: #000;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	text-decoration: none;
}

#leftNavigation li .xmasnav:hover
{
	background: #00966b url(/stores/celtic/_artwork/_common/interface/main/xmasnav_left_bg.jpg) no-repeat -5px 0px;
	margin:0;
	display: block;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	text-decoration: none;
}

#leftNavigation li .xmas_nav
{
	background: #d6d7d6 url(/stores/celtic/_artwork/_common/interface/main/Xmas-Nav-Button-off.jpg) no-repeat -5px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	border-bottom:2px solid #bbb;
	text-decoration: none
}

#leftNavigation li .xmas_nav:hover
{
	background: #d6d7d6 url(/stores/celtic/_artwork/_common/interface/main/Xmas-Nav-Button-hover.jpg) no-repeat -5px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	text-decoration: none;
	border-bottom:2px solid #bbb
}

#leftNavigation li .xmas_nav:active
{
	background: #d6d7d6 url(/stores/celtic/_artwork/_common/interface/main/Xmas-Nav-Button-click.jpg) no-repeat -5px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 128px !important;
	text-decoration: none;
	border-bottom:2px solid #bbb
}

#leftNavigation ul li ul
{
	color: #000; 
	text-decoration: none;	
	font-size: 12px;
	background-color: #00966b;
		padding:0 5px;
}

#leftNavigation ul li ul li
{
	background: #00966b;
	margin:2px auto;
	width: 120px;
}

#leftNavigation ul li ul li a
{
	background: #00966b;
	/*width: 140px;*/
	color: #FFF;
/*	padding: 3px 2px 4px 8px;*/
}

#leftNavigation ul li ul li a:hover
{
	background: #00966b;
	color: #000;
/*	width: 140px;*/
	/*padding: 3px 2px 4px 8px;
	padding:2px 2px 2px 5px;*/
}

/*************/

#bottomRTB 
{
	margin:8px 5px 8px 0;
	padding:4px 8px; 
	background-color:#000;
	color:#fff;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase
	}

#bottomRTB ul
{
	color:#fff;
	padding:0;
	margin:0;
}
	
#bottomRTB li
{
	display: inline;
	padding:3px 6px 3px 0;
}	
#bottomRTB a 
{
	color:#fff;
	text-decoration:none;
	
}
#bottomRTB a:hover
{
	text-decoration:underline;
} 

/* Misc */
.clearBoth 
{
	clear:both;
	padding:0;
	margin:0
	}

/* Headings */
.pageHeader
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #ffffff;
	background-color: #A5A6A5; 
	margin: 0px 0px 8px 0px; 
	padding: 3px 3px 3px 3px; 
	border-width: 0px 0px 0px 0px;
	border-style: solid
}
.pageHeader:link {text-decoration: none; color: #ffffff}
.pageHeader:hover {text-decoration: none; color: #ffffff}
.pageHeader:visited {text-decoration: none; color: #ffffff}

.pageHeader a:link {text-decoration: none; color: #ffffff}
.pageHeader a:hover {text-decoration: none; color: #ffffff}
.pageHeader a:visited {text-decoration: none; color: #ffffff}

.pageSubheader 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #A5A6A5; 
	margin: 0px 0px 8px	0px;
	padding: 3px
}
.pageHighlight  /* Used for important statements - e.g. form errors, required fields text etc */
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #000000
}

.pageLink /* A bolder colour link class */
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	text-decoration: none; 
	color: #31287b
}
.pageLink:link {text-decoration: none; color: #31287b}
.pageLink:hover {text-decoration: underline; color: #31287b}
.pageLink:visited {text-decoration: none; color: #31287b}

.pageBold
{
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase
}

/* Interface */
.interfacePanel
{
	background-color:#E7E7E7; 
	border: 1px solid #424963;
	margin-bottom: 5px;
	padding: 10px;
	color:#000
}
.interfacePanelheading 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #ffffff; 
	background-color:#EFF3FF;
	border-top: 1px solid #cccccc; 
	border-right: 2px solid  #666666; 
	border-bottom: 2px solid #666666; 
	border-left: 1px solid #cccccc
}

.interfaceBackground 
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000; 
	background-color: #E7E7E7; 
	padding: 8px
}
.interfaceBgcolour1
{
	color: #000000; 
	background-color: #E6E6E6
}
.interfaceBgcolour1 a:link {text-decoration: none; color: #000000; background-color: #E6E6E6}
.interfaceBgcolour1 a:visited  {text-decoration: none; color: #000000; background-color: #E6E6E6}
.interfaceBgcolour1 span  {text-decoration: none; color: #000000; background-color: #E6E6E6}
.interfaceBgcolour1 td  {text-decoration: none; color: #000000; background-color: #E6E6E6}

.interfaceBoxTop
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #000;
	background-color: #e7e7e7; 
	padding:5px;
	border-top:1px solid #00966B;
	border-right:1px solid #00966B;
	border-left:1px solid #00966B
}
.interfaceBoxTop td  {color: #000}
.interfaceBox
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000;
	background-color: #ffffff; 
	padding: 5px; 
	border: 1px solid #00966B
}
.interfaceBox thead tr th
{
	font-size: 11px;
	font-weight:bold; 
	background-color: #e7e7e7; 
	color: #000000;
	height:30px
	}

.interfacePanel3Top
{
	color: #636563;
	font-size: 10px;
	background-color: #ffffff;
	border: 1px solid #EFEBEF;
	padding: 5px
}
.interfacePanel3Bottom
{
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #EFEBEF;
	padding: 5px
}
.interfacePanel3Middle
{
	color: #636563;
	background-color: #ffffff;
	border-right: 1px solid #EFEBEF;
	border-left: 1px solid #EFEBEF;
	padding: 7px
}

#standardtable /* id selector for use on when creating a standard table */
{	
	font-size: 11px; 
	color: #000000; 
	padding:5px 0;
	margin:0
	}

#standardtable thead tr th
{	
	font-weight:bold; 
	background-color:#f7f7f7;
	padding:5px 10px 5px 0px;
	margin:0
	}
	
#standardtable tfoot tr td
{	
	background-color:transparent;
	vertical-align:top;	
	padding:5px 5px 5px 0px;
	margin:0;
	}		

#standardtable .separator /*apply to cells that require a separator */ 
{	
	background-color:transparent;
	vertical-align:top;	
	padding:10px 10px 10px 0px;
	margin:0;
	border-bottom:1px solid #cecbce
	}

/* Form Classes */
.formInput
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: 1px groove #424142;
	margin: 1px;
	padding: 1px
}

/* nav Areas */
a.nav {background: #00966B; display: block}
a.nav:hover {background: #000000}
div.nav {background: #00966B; display: block}
div.nav:hover {background: #000000}
area.nav {background: #00966B; display: block}
area.nav:hover {background: #00CB31}
img.nav {background: transparent}

.navSub
{
	font-family:  Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #ffffff;
	text-decoration: none;	
	background-color: #00966b; 	
	background-image: url(/stores/celtic/_artwork/_common/interface/nav_bg.jpg); 
	background-repeat: no-repeat; 
	background-position: bottom left; 
	padding: 5px 2px 5px 5px;
	font-weight:bold 
}
.navSub:link {color: #5a5152; text-decoration: none; display: block; padding: 5px 0px 0px 0px}
.navSub:visited {color: #5a5152; text-decoration: none; display: block; padding: 5px 0px 0px 0px}
.navSub:hover {color: #FF0000; text-decoration: none; display: block; padding: 5px 0px 0px 0px}
.navSub a:link {color: #ffffff; text-decoration: none; display: block; padding: 5px 0px 0px 0px}
.navSub a:visited {color: #ffffff; text-decoration: none; display: block; padding: 5px 0px 0px 0px}
.navSub a:hover {color: #00cb31; text-decoration: none; display: block;  padding: 5px 0px 0px 0px}

.navSubDrop
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #393c39;
	text-decoration: none;	
	text-align: right;
	width: 120px;
	background-color: #e7e7e7; 	
	border: 1px solid #C6C7C6;
	padding: 5px 5px 5px 3px;
}
.navSubDrop:link {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}
.navSubDrop:visited {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}
.navSubDrop:hover {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}
.navSubDrop a:link {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}
.navSubDrop a:visited {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}
.navSubDrop a:hover {color: #393c39; text-decoration: none; display: block; padding: 2px 0px}

.navBasketTop
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-align: right; 
	color: #ffffff; 
	background-color: #424963; 
	height: 25px;
	margin: 0px;
	padding: 7px;
	border-top: 2px #ffffff solid;		
}
.navBasketTop a:link {text-decoration: none; color: #ffffff}
.navBasketTop a:visited {text-decoration: none; color: #ffffff}
.navBasketMiddle
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #ffffff;
	background-color: #E7E7E7; 
	margin: 0px;
	padding: 2px;
	min-height: 60px; 
	height:auto; 
	_height:60px
}
.navBasketBottom
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	text-align: right;
	color: #ffffff; 
	background-color: #424963; 
	height: 25px;
	margin: 0px;
	padding: 7px;
	border-bottom: 4px #ffffff solid;
}
/* Changes the link colour when within the navBasketTop class */
.navBasketBottom a:link {text-decoration: none;	color: #ffffff}
.navBasketBottom a:visited {text-decoration: none; color: #ffffff}
.navList
{
	color: #ffffff;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px
}

.navTopLink {font-weight: bold;	color:#fff}
.navTopLink:link, .navTopLink:visited {color:#fff}

.navTopLinkSelected {font-size:13px; font-weight: bold; text-decoration:underline}
.navTopLinkSelected:link {color:#fff; font-weight: bold; text-decoration:underline}

.browse
{
	color:#ffffff; 
	position:relative
}
.browseHighlight
{
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
	color:#fff; 
	background-color:#A5A6A5;
	margin:0;
	padding:4px
}
.browseHighlightBlank
{
	font-weight:bold;
	color: #000; 
	margin:0;
	padding:4px;
}

.browseImage {text-align:center; border:1px solid #A5A6A5; padding:5px}
.browseDesc {text-align:left; padding: 3px 0px}
.browsePrice {color: #000;text-align:left}
.browseMore {text-align:left;padding-top:3px}

/* Landing Page Classes */
.landingPage_Header
{
	margin:20px 5px 10px 5px;
	border-bottom:1px solid black; 
	padding-bottom:2px; 
	color:black;
	font-weight:bold; 
	font-size:11px;
	text-align:left;
	float:none;
	clear:both
}

#landingPage
{
	margin:5px;
	text-align:center}

#landingPage h3
{
	margin:15px 5px 10px 5px;
	border-bottom:1px solid #000; 
	padding-bottom:2px; 
	color:#101c5a;
	font-weight:bold; 
	font-size:11px;
	text-align:left;
	float:none;
	clear:both
}

#landingPage div
{
	float:left;
	padding:2px 2px 4px 2px}	
	
#landingPage div a
{
	float:left;
	margin:1px;
	border:1px solid #fff}
	
#landingPage div a:hover
{
	float:left;
	margin:1px;
	border:1px solid #000
}

/* kit selector classes/selectors */
.selectorlight { background-color: #f7f7f7 }
.selectorMoreDetails { visibility:hidden; width:190px; z-index:100;	top:-20px; left:0; text-align:left;	padding:10px; background-color: #f7f7f7; border:1px solid #000;	position:absolute }

#KitSelector { position:relative; padding-top:2px }

/* Horrible Bug Fix for IE6 */
/* Hides from IE5-mac \*/
* html #KitSelector {height: 1%;}
/* End hide from IE5-mac */ 	

#KitSelectorImages { width:255px; height:680px;	float:left;	position:relative; padding:0; margin:0;	border:0; background:#000 }
#KitSelectorImagesMood { position:relative;	height:500px }	
#KitSelectorImagesMood div { position:absolute; top:0px; left:0px }
#KitSelectorImagesMoodThumbs div { float:left; padding-top:1px;	padding-left:1px }

#KitSelectorProducts { margin-left:5px;	width:506px; float:left }
#KitSelectorProducts #KitSelectorButtons { text-align:right }
#KitSelectorProducts hr { margin:2px; color:#8c8c8c; height:1px }	
#KitSelectorProducts .selectorProductImages { width:220px; float:left; text-align:center; padding-top:20px }	
#KitSelectorProducts .selectorProductDetails { width:276px;	float:left;	padding:5px; margin-top:5px; background-color: #f7f7f7 }	

#KitSelectorButtons span { font-weight:bold; padding:3px; background-color:#f7ef00; display:block; width:300px;	text-align:center; float:right;	margin:2px 0 }
	
#kitSelectorKit h3 { background:#2D9F64 url(/stores/celtic/_artwork/_common/interface/pageheader_bg.gif) no-repeat top right; color:#fff; font-weight:bold;	font-size:12px;	text-transform:uppercase; padding:8px 1px 15px 6px; margin:0 }

.ilt
{
	width:100%;
	text-align:center;
	border:1px solid #DEDFDE;
	background-color:#f7f7f7
}

#tblLinks tr td 
{
	padding:0;
	margin:0;
	vertical-align:top;
	text-align:center
}

#tblLinks tr td div
{	margin:auto
}

#tblLinks tr td img
{
	padding:0;
	margin:0
}

/*Site Map Navigation*/

div.SMHolder
{
	background-color:#f7f7f7;
	border:1px solid #dedfde;
	overflow:hidden;
	width:770px;
	height:24px;
	line-height:24px;
	margin:2px auto 1px auto;
	border:1px solid silver;text-align:center;
}
	
div.SMHolder a 
{
	padding:0 1px 0 1px
}

#image1 { background:url('/stores/celtic/_artwork/_common/interface/main/interface_top_submit.gif') no-repeat 0 0; height:18px; width:20px; }
.tdSpace{width:109px;}
#Basket_basket_contents_lbl_v3_qty { color: #000 !important; }
#Basket_basket_contents_lbl_v3_unitprice { color: #000 !important; }
#Basket_basket_contents_lblTotalHeader { color: #000 !important; }


/************* CONTACT PREFERENCES *********/
.ContactPreferences { margin: 1em 0em 2em 5px; border-collapse: collapse; width:100%; }
.ContactPreferences tbody td { padding: 0.4em 0.2em; text-align:center; width:20%; border-bottom: solid 1px #717073; }