body {background-color:#161A1D; margin:0; text-align:center; font-size: 11px; font-family: Helvetica, Tahoma, Arial, sans-serif; color: #000}
p, td, th {font-size:11px; font-family: Helvetica, Tahoma, Arial, sans-serif; color: #000}
a:link {text-decoration: none; color: #000000}
a:visited {text-decoration: none; color: #000000}
a:hover	{text-decoration: underline; color: #000000}
a:active {text-decoration: underline; color: #000000}
a.underline {text-decoration: underline}
hr {height:1px; color: #000000; margin: 3px 5px 3px 0px}
li {list-style-position: outside; margin: 0px 0px 5px}
img {border:0}
h2 {font-size:14px; color:#000}


/* ID Selectors */ 
#pageContainer
{
	width:770px; 
	margin-right:auto; 
	margin-left:auto; 
	margin-top:5px; 
	padding:0px; 
	text-align:left;
	background-color: #FFFFFF
}
#pageTop
{
	position:relative; 
	background-color:#f7f7f7;
	z-index: 9999;
}
#pageContent {}
#header
{
	border-top: solid 0px #161A1D;
	text-align:left;
	height:70px;
	background-color: #000000
}


#headerlogo
{
	background-color:#000; 
	width:630px; 
	float:left
}
#headerbasket
{
	width:140px;
	background-color:#000000;
	color:#FFFFFF;
	text-align:left; 
	float:left;
	height: 70px

	}

#headerbasket .BasketContents
{
	height:70px;
	padding:1px 0 0 0;
	text-align:center;
	color:#FFFFFF
}
.BasketContents a {color:#FFFFFF}
.BasketContents a:visited {color:#FFFFFF}
.BasketContents a:hover {color:#FFFFFF}
.BasketContents img {padding:0 0 10px 0}
	
#headerbasket .BasketNoContents
{
	height:70px;
	background-color:#000000;
	border-top:1px solid #000;
	border-right:1px solid #000;
	text-align:center;
	color:#FFFFFF;}

#topNavigation
{
	font-size: 10px;
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: #cdc5b0 1px solid;
	height: 20px;
	background-color: #928461;
}
#topNavigation #topSearch
{
	float:left; 
	padding:2px 8px 0 2px
}
#topSearch td 
{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px
}
#topNavigation #topMenu
{
	float:right; 
	padding:6px 0 3px 0;
	margin:0;
	width:350px;
	text-align:right
}
#topMenu ul
{
	margin:0;
	padding:0
}
#topMenuOptions li
{
	margin:0;
	font-weight:bold;
	color:#FFFFFF;
	display: inline;
	list-style-type: none;
	padding-right:3px
}
#topMenuOptions a {color:#FFFFFF; padding-right:5px}

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

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

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

#profiledropdown div 
{
	padding:6px;
	background-color:#424963;
	width:120px;
	/*position:absolute;
	*/
	z-index:1000;
}

#profiledropdown a
{
	color:#fff;
	font-weight:bold
}
	
#leftNavigation
{
	margin-top: 4px	
}

#leftNavigation ul
{
	margin:0;
	padding:0;
	list-style-type: none;
	color: #000; 
	text-decoration: none;	
	text-transform:uppercase;
	font-size: 10px;
	background-color: #FFFFFF;
}

#leftNavigation li {margin:0}

#leftNavigation .nav:link, #leftNavigation .nav:visited, #leftNavigation .nav:active
{
	background: #000000 url() no-repeat -5px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	
	width: 140px;
	border-bottom:1px solid #71706C;
	text-decoration: none
}

#leftNavigation .nav:hover
{
	background: #000000 url() no-repeat 0px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 140px;
	text-decoration: none;
	border-bottom:1px solid #71706C
}	

#leftNavigation .xmasnav:link, #leftNavigation .xmasnav:visited, #leftNavigation .xmasnav:active
{
	background: #003366 url(/stores/portsmouth/_artwork/_common/interface/bk.gif) no-repeat 0px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	
	width: 140px;
	border-bottom:1px solid #71706C;
	text-decoration: none
}

#leftNavigation .xmasnav:hover
{
	background: #003366 url(/stores/portsmouth/_artwork/_common/interface/bk_over.gif) no-repeat 0px 0px;
	display: block;
	color: #fff;
	margin:0;
	padding: 6px 2px 4px 10px;
	width: 140px;
	text-decoration: none;
	border-bottom:1px solid #71706C
}	

.leftNavText
{
	color: #928461
}

#bottomNewsletter
{
	padding:2px 6px;
	background: #000; 
	margin-bottom:2px;
	text-align:left;
	font-size:13px; 
	font-weight:bold; 
	color:#FFFFFF
}

#bottomNewsletter a {color:#FFF}
#bottomNewsletter input {margin:2px;  font-size:11px; font-family: Helvetica, Tahoma, Arial, sans-serif; color:#000000}

#bottomNavigation
{
	padding:4px; 
	background-color:#FFF;
	text-align:left
}

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

#bottomRTB ul
{
	color:#FFFFFF;
	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;
}

/* CSS Classes */

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

/* Headings */
.pageHeader
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold;
	color: #ffffff;
	background-color: #0756A4; 
	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: 11px; 
	font-weight: bold; 
	color: #0A1D7E;
	background-color: #BDBECE; 
	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: 11px; 
	font-weight: bold; 
	color: #000000
}
.signupHighlight
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #ffffff;
}

.pageLink /* A bolder colour link class */
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	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
}
.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: 11px; 
	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: 11px; 
	font-weight: bold; 
	color: #000;
	background-color: #f7f7f7; 
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#424963;
	padding: 5px
}
.interfaceBoxTop td  {color: #000}
.interfaceBox
{
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
	background-color: #ffffff; 
	padding: 5px; 
	border: 1px solid #424963
}

.interfaceBox thead tr th
{
	font-size: 11px;
	font-weight:bold; 
	background-color: #e7e7e7; 
	color: #000000;
	height:30px
	}

.interfaceBoxBlack { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; background-color: #ffffff; padding: 5px; border: 1px solid #525152 }
.interfaceBoxBlack thead tr th {	font-size: 11px; font-weight:bold; background-color: #e7e7e7; color: #000000; height:30px }		
.interfaceBoxBlack td  { color: #000000 }
.interfaceBoxBlack td  a{ color: #000000 }
.interfaceBoxBlack p  { color: #000000 }

.interfacePanel3Top
{
	background-color: #ADB2C6;
	background-image: url(/stores/chelsea/_artwork/_common/interface/corner_topleft.gif); 
	background-repeat: no-repeat;	
	background-position: left top;
	border-bottom: 2px solid #ffffff;
	padding: 5px
}
.interfacePanel3Bottom
{
	background-color: #ADB2C6;
	background-image: url(/stores/chelsea/_artwork/_common/interface/corner_bottomleft.gif); 
	background-repeat: no-repeat;	
	background-position: left bottom;
	border-top: 2px solid #ffffff;
	padding: 5px
}
.interfacePanel3Middle
{
	background-color: #E7E7E7;
	padding: 5px
}

#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 tbody tr td /* apply to rows 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: 11px;
	border: 1px groove #424142;
	margin: 1px;
	padding: 1px
}


/* Browse Page Classes */
.browse
{
	color:#ffffff; 
	position:relative
}
.browseHighlight
{
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
	color:#fff; 
	background-color:#00499C;
	margin:0;
	padding:4px
}
.browseHighlightBlank
{
	font-weight:bold;
	color: #000; 
	margin:0;
	padding:4px;
}

.browseImage {text-align:center; border:1px solid #bbb; 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
{
	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: #eff3ff
}

#KitSelector
{
	position:relative;
	padding-top:2px;
	border-width:0 1px;
	border-style:0px solid;
	border-color:#000
}

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

#KitSelectorImages
{
	width:255px;
	height:675px;
	float:left;
	position:relative;
	padding:0;
	margin:0;
	border:0;
	background:#fff}

#KitSelectorImagesMood
{	
	position:relative;
	height:500px
}	

#KitSelectorImagesMood div
{
	position:absolute; 
	top:0px; 
	left:0px
}

#KitSelectorImagesMoodThumbs div
{
	float:left; 
	padding-top:2px;
	padding-left:1px
	}

#KitSelectorProducts
{
	margin-left:5px;
	width:508px;
	float:left}
	
#KitSelectorProducts #KitSelectorButtons
{
	text-align:right}
	
#KitSelectorButtons span
{
	font-weight:bold;
	padding:3px;
	background-color:#000000;
	display:block;
	width:300px;
	text-align:center;
	float:right;
	margin:2px 0;
	color: #FFF
}
		
	
#KitSelectorProducts .selectorProductImages
{
	width:220px;
	float:left;
	text-align:center;
	padding-top:20px}	

#KitSelectorProducts .selectorProductDetails
{
	width:278px;
	float:left;
	padding:5px;
	margin-top:5px;
	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
}

#KitSelectorProducts h3
{
	background:#000000 url(/stores/portsmouth/_artwork/_common/interface/pageheader_bg.gif) no-repeat top right;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	padding:7px;
	margin:0}
	
#KitSelectorProducts hr
{
	margin:2px;
	color:#8c8c8c;
	height:1px}
	
.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
}

.receiptTable
{
	background-color: #FFFFFF;
	padding: 3px;
	color: #FFFFFF
}

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

.Layout_top_nav_basket_lblBasketSummary
{
	color:ffffff;

}
.tdSpace{width:109px;}
#Edit_details_Address_lookup1_txtPostCode{margin-bottom:5px!important;}
#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; }