/* CSS Redefined HTML Tags */
body {background-color:#E1E1E1; margin:0; text-align:center;font-size: 11px; font-family: Arial, Tahoma,  Verdana, Helvetica, Sans-Serif; color: #000}
p, td, th {font-size:11px; font-family: Arial, Tahoma, Verdana, Helvetica, Sans-Serif; color: #000}
p a:link, td a:link, th a:link {color:#5a5a5a; text-decoration:none}
p a:visited, td a:visited, th a:visited {color:#5a5a5a; text-decoration:none}
p a:hover, td a:hover, th a:hover {text-decoration:underline}
p a:active,td a:active, th a:active {text-decoration:underline}

a.underline {text-decoration: underline}
a:link.underline {text-decoration: underline}
a:visited.underline {text-decoration: underline}

a:hover.underline {text-decoration: underline}
a:active { outline: none; }
a:focus { outline:none }
a:focus { -moz-outline-style: none; } 

hr {height:1px; margin: 3px 5px 3px 0px}
img {border:0}
h2 {font-size:14px; color:#000031}
 
/* Selectors */
#pageContainer
{
	 width:770px; 
	 margin:5px auto; 
	 padding:0; 
	 background-color:#fff;
	 text-align:left;
	 border-left:solid 1px #cecece;
	 border-right:solid 1px #cecece;
	 border-bottom:solid 1px #cecece;
	}
	
#header
{
	text-align:center;
	height:103px;
	margin-bottom:3px}

#headerlogo
{
	float:left;
	width:594px; 
	height:73px;
	}

#headerbasket
{
	float:right;
	width:160px;
	height:70px;
	color:#000;
	text-align:left	
	}

#headerbasket .BasketContents
{
	padding:3px 0 0 0;
	height:65px !important;
	height:65px;
	text-align:left;
	color:#000
	}
.BasketContents a {color:#5a5a5a;}
.BasketContents a:visited {color:#5a5a5a;}

/* These can go when Classes and Selectors added to all sites */
.BasketContents span {padding:0 4px; text-align:center;	display:block}
.BasketContents div {text-align:center;}
.BasketContents a {padding:0 4px 4px 4px;	text-align:left}	
	
#headerbasket .BasketNoContents
{
	height:67px;
	color:#000;
	background-color:#f7f7f7;
	margin:5px 0 0 -3px;
	text-align:center
	}

#topNavigation
{
	/*background:#666; */
	color:#fff;
	padding:1px 9px 1px 5px;
	/*
	border-top:dotted 2px #5A5A5A;
	border-bottom:dotted 2px #5A5A5A;
	/*height:18px !important;
	height:17px*/}

#topNavigation #topSearch
{
	float:left
	}
	
#topSearch td 
{
	color:#5A5A5A;
	font-weight:bold
	}

#topNavigation #topMenu
{
	float:right; 
	padding:0px 0;
	margin:0;
	width:350px;
	text-align:right;
	
}

#topMenu ul
{
	margin:3px 0 0 0;
	padding:0
}

#topMenuOptions li
{
	margin:0;
	color:#5A5A5A;
	display: inline;
	list-style-type: none;
	padding-right:2px
}
#topMenuOptions a {color:#5A5A5A; padding-right:2px; font-weight:bold; text-decoration:none}

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

.navTopLinkSelected {color:#b00!important; font-size:12px; font-weight: bold}
.navTopLinkSelected:link {color:#b00; font-weight: bold; text-decoration: none}

#pageShopContainer
{
	background-color:#fff;
	overflow: hidden;
	padding:3px 6px 6px 6px;
	min-height:480px;
	height:auto;

 	}

#pageShopNavigation
{
	float:left;
	width:140px; 
	/*min-height:465px; */
	text-align:left; 
	color: #fff;
	position:relative;
	margin:-3px 0 0 -6px !important;
	margin:-3px 0 0 -3px;


	}

#pageShopContent
{
	float:left;
	width:610px;
	padding:0 0 5px 5px;
	margin:0;
		border-left:solid 1px #cecece;	
		min-height:460px;
		height:auto !important;
		height:480px;
}

#pageFooter
{
	padding:5px; 
	background-color:#fff;
	text-align:left;
	height:55px;
	}
#pageFooter a 
{
	color:#666; 
	text-decoration:none;
	padding:0 3px
	}

#pageFooter ul
{
	padding:0;
	margin:0
	}
	
#pageFooter li
{
	color:#666;
	display: inline}	

	/*
#pageFooter ul li:after
{
	content: "|";}
		
#pageFooter ul li.last:after
{
	content: " ";}	
*/
/* Nav Specifics */

.dotBorder{background:url('/stores/fa/_artwork/english/interface/main/dots.gif') repeat-x; height:1px; margin:3px;}

.pageShopNavigationList
{
	margin:0;
	padding:0 0 0 5px;
	color:#fff; 
	text-decoration: none;	
}

.pageShopNavigationList li
{
	margin:0; 
	padding:0;
	list-style: none;
	background:#fff url('/stores/fa/_artwork/english/interface/main/link-arrow.gif') no-repeat 0 4px;
	}

.pageShopNavigationList li a
{
	display: block;
	height:11px;
	margin:0;
	padding:4px 2px 8px 17px;
	/*background: #717171 url(/stores/fa/_artwork/_common/interface/main/nav_bg.jpg) no-repeat -5px 0;*/
	color:#5A5A5A;
	font-weight:bold;
	text-decoration: none
}

.pageShopNavigationList li a:hover
{
	display: block;
	margin:0;
padding:4px 2px 8px 17px;
/*	background: #717171 url(/stores/fa/_artwork/_common/interface/main/nav_bg.jpg) no-repeat 0 0;*/
	color:#5a5a5a;
	text-decoration: none
}

.pageShopNavigationList li ul
{	
	margin:0;
	padding:2px 0 4px 0;
	color:#5a5a5a;
}
	
.pageShopNavigationList li ul li a
{
	display:block; 
	height:auto !important;
	height:15px;
	margin:0;
	padding:4px 4px 0 12px;
	list-style: none;
		color:#5a5a5a;


	}
	
.pageShopNavigationList li ul li a:hover
{
	display:block; 
	margin:0;
	padding:4px 4px 0 12px;
	list-style: none;
	text-decoration:underline;
	color:#5a5a5a;
	}	

#pageShopNavigationList .navOn a
{
/*	background: #717171 url(/stores/fa/_artwork/_common/interface/main/nav_bg.gif) no-repeat 0 0;*/
}

#pageShopNavigationList .navOn a:hover
{
}
	
#pageShopNavigationList .navOn ul li a
{
	}	

.pageShopNavigationList .navOn ul li a:hover
{
	text-decoration:underline;
	}		

.SideNavOpen
{
	display: block;
	}

.SideNavOpen li {background:#fff!important;}

.SideNavClosed
{
	display: none;
	}
	
#otherStores 
{
	width:125px;
	margin:5px auto 0 auto;
	border:solid 1px #CECECE;
}	

#bottomNewsletter
{
	padding:2px 6px;
	text-align:left;
	font-size:12px;
	font-weight:bold; 
	color:#5a5a5a;
	background:#dcdcdc;
	width:746px;
	margin:0 auto;
}
#bottomNewsletter a {color:#5a5a5a}
#bottomNewsletter input 
{	
	margin:2px;  
	padding:2px;
	font-size:11px; 
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-weight:normal;
	border:solid 1px #cecece;
	color:rgba(255,0,0,0.7);
}

	
/* CSS Classes */

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

/* Headings */
.pageHeader
{
	font-weight:bold; 
	color:#5a5a5a;
	background-color:#dcdcdc; /* #000033; */
	margin:0 0 8px 0; 
	padding:3px 6px; 
	text-decoration:none;
	font-size:13px;
}
.pageHeader a:link {text-decoration: none; color: #5a5a5a;}
.pageHeader a:visited {text-decoration: none; color: #5a5a5a;}
.pageHeader a.underline {text-decoration:underline; color: #5a5a5a;}
.pageHeader a:visited.underline {text-decoration:underline; color: #5a5a5a;}

.pageHeaderMenu
{
	/*background-color: #ff0000;*/
	color:#5a5a5a;
	padding:0px;
	margin:-8px 0 6px 0
}
	
.pageHeaderMenu ul
{	
	padding:6px;
	margin:0;
	border-top:1px solid #fff
}

.pageHeaderMenu li
{
	color:#5a5a5a; 
	display: inline;
	font-weight:bold
}


.pageHeaderMenu a 
{
	color:#5a5a5a; 
	text-decoration:none;
	padding:0 3px 0 0;
}

.pageSubheader 
{
	font-weight: bold; 
	font-size:12px;
	color: #5A5A5A;
	background-color:#DCDCDC; 
	margin: 0px 0px 8px	0px;
	padding: 3px
}
.pageHighlight  /* Used for important statements - e.g. form errors, required fields text etc */
{
	font-weight: bold; 
	color: #000}

.pageLink /* A bolder colour link class */
{
	text-decoration:none; 
	color:#5a595a;
	text-transform:uppercase;
	font-weight:bold}
.pageLink:link {text-decoration: none; color: #5a595a}
.pageLink:visited {text-decoration: none; color: #5a595a}
.pageLink:hover {text-decoration: none; color: #000}

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

/* Interface */
.interfacePanel
{
	color: #000; 
	font-weight:bold;
	background:#cecfce;
	border-top: 9px solid #5a5a5a;
	margin:5px;
	padding:5px 5px 15px 5px
}
.interfacePanelheading 
{
	font-weight: bold; 
	color: #fff; 
	background-color:#EFF3FF;
	border-top: 1px solid #ccc; 
	border-right: 2px solid #666; 
	border-bottom: 2px solid #666; 
	border-left: 1px solid #ccc
}

.interfaceBackground 
{
	color: #000000; 
	background-color: #dcdcdc; 
	padding: 8px
}
.interfaceBgcolour1
{
	color: #000000; 
	background-color: #dcdcdc;
}
.interfaceBgcolour1 a:link {text-decoration: none; color: #000; background-color: #E7E7E7}
.interfaceBgcolour1 a:visited  {text-decoration: none; color: #000; background-color: #E7E7E7}
.interfaceBgcolour1 span  {text-decoration: none; color: #000; background-color: #E7E7E7}
.interfaceBgcolour1 td  {text-decoration: none; color: #000; background-color: #E7E7E7}

.interfaceBoxTop
{
	font-weight: bold; 
	color: #5a5a5a;
	background-color:#dcdcdc; 
	padding:3px	
}
.interfaceBoxTop td  {color: #000}
.interfaceBox
{
	color: #000;
	background-color:#fff; 
	padding:5px; 
	border: 1px solid #ced3ce
}
.interfaceBox thead tr th
{
	font-weight:bold; 
	background-color: #e7e7e7; 
	color: #000;
	height:30px
	}
.interfacePanel3Top
{
	color:#5a5a5a;
	font-weight:bold;
	background-color: #cecece;
	padding:1px
}
.interfacePanel3Top a, .interfacePanel3Top a:link
{
	color:#5a5a5a;
	font-weight:bold;
	text-decoration:none
}
.interfacePanel3Top td
{
	color:#5a5a5a;
	font-weight:bold;
	text-decoration:none
}

.interfacePanel3Bottom
{
	color: #000;
/*	background:#fff url(/stores/fa/_artwork/_common/interface/corner_bottomleft_interfacepaneltop.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
*/
	border-right: 1px solid #ced3ce;
	border-left: 1px solid #ced3ce;
	border-bottom: 1px solid #ced3ce;
	padding:8px 8px 30px 8px 
}
.interfacePanel3Middle
{
	color: #000;
	background-color: #fff;
	border-right: 1px solid #ced3ce;
	border-left: 1px solid #ced3ce;
	border-bottom: 1px solid #ced3ce;
	padding:8px
}
#standardtable /* id selector for use on when creating a standard table */
{	
	font-size: 11px; 
	color: #000; 
	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: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #cecece;
	color:#5a5a5a;
	margin: 1px;
	padding: 2px
}


/* Others */
.browse
{
	color:#fff; 
	position:relative
}
.browseHighlight /*intentionally invisible*/
{
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
	color:#fff; 
	background-color:#fff; 
	margin:0;
	padding:4px
}
.browseHighlightBlank
{
	color: #fff; 
	margin:0;
	padding:4px;
}

.browseImage {text-align:center; padding:5px; width:100px; height:100px; }
.browseDesc {text-align:left; padding: 3px 0px}
.browsePrice {color: #000;text-align:left}
.browseMore {text-align:left;padding-top:3px}

/* kit selector classes/selectors */
.selectorlight 
{
	background-color: #f7f7f7
}

#KitSelector
{
	position:relative;
	margin-left:-6px
}

/* 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:4px 0;
	margin:-2px 0 0 0;
	border:0;
	background:#fff}

#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:2px;
	width:498px;
	float:left}
	
#KitSelectorProducts #KitSelectorButtons
{
	text-align:right}
	
#KitSelectorButtons span
{
	font-weight:bold;
	padding:3px;
	background-color:#f7ef00;
	display:block;
	width:300px;
	text-align:center;
	float:right;
	margin:2px 0}
		
	
#KitSelectorProducts .selectorProductImages
{
	width:218px;
	float:left;
	text-align:center;
	padding-top:20px}	
	
.selectorProductImages a 
{color:#000; text-decoration:none}

#KitSelectorProducts .selectorProductDetails
{
	width:264px;
	float:right;
	padding:6px 5px 30px 6px;
	margin:5px 0;
	background:#fff url(/stores/fa/_artwork/_common/interface/corner_bottomleft_interfacepaneltop.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
	border-right: 1px solid #ced3ce;
	border-top: 1px solid #ced3ce;	
	
	}	
	
.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
}

#KitSelectorProducts h3
{
	background:#000 url("/stores/fa/_artwork/_common/interface/Kit-Selector-Banner.jpg") no-repeat top right;
	color:#5A5A5A;
	font-weight:bold;
	font-size:13px;
	margin: 0pt;
	text-transform:uppercase;
	padding:7px;
/*	margin:2px 0 4px 0}
*/
}	
#KitSelectorProducts hr
{
	margin:2px;
	color:#8c8c8c;
	height:1px}
	
/*
	Landing Pages
*/	

.centerDiv
{
	text-align:center; 
	display:block;
}

#Basket_basket_contents_lbl_v3_qty, #Basket_basket_contents_lbl_v3_unitprice, #Basket_basket_contents_lblTotalHeader
{
	color:#000 !important;
}
.tdSpace{width:109px;}
#Edit_details_Address_lookup1_txtPostCode{margin-bottom:5px!important;}

.searchBox{padding:1px 2px; border:0; margin:1px; font-size:12px; width:140px; border:solid 1px #cecece; color:rgba(255,0,0,0.7);}
.hotProducts td {width:33%}
#Layout_top_nav_basket_imgBasketSummaryEmptyHeader{height:33px!important;}
#order_receipt_imgReceiptTitle{width:550px!important;height:95px!important;}
#orderReceipt{background-color:#fff!important}
.liDouble{	margin:0; 
	padding:0;
	list-style: none;
	background:#fff url('/stores/fa/_artwork/english/interface/main/link-arrow-double.gif') no-repeat 0 -4px!important;}
.liDouble a{height:25px!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; }