/* CSS Redefined HTML Tags */

body {
	font-size:70%; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif; 
	color: #340000;
	background:#fff; /* url(/stores/umbro/_artwork/_common/interface/background.jpg);*/
	text-align: center;
	padding: 10px 0;
	margin: 0
}

body #orderReceipt
{
	font-size:70%; 
	font-family: Arial, Verdana, Helvetica, Sans-Serif; 
	color: #000;
	background-color:#fff;
	background-image:none;
	text-align: center;
	padding:0;
	margin:0
}

p, td
{
	/*font-size:0.9em;*/
	font-size:11px;
	font-family:Arial, Verdana, Helvetica, Sans-Serif; 
	color: #000}

a, a:link, a:visited {text-decoration: none; color: #000}
a:hover, a:active {text-decoration: underline; color: #000}

a em {
	font-style: normal;
	text-decoration: underline}

hr {height:1px; color: #000; margin: 3px 5px 3px 0px}
li {list-style-position: outside; margin: 0px 0px 5px}
img {border:0px}
h2 {font-size:14px; color:#313031}
h5 {color: #636563;	margin:.3em 0}	

/* ID Selectors */

#pageContainer 
{
	width: 86em;
	position:relative;
	background-color:#fff;
	text-align: left;
	margin: 0 auto;
}

#Header 
{
	text-align:left;
	height:6em;
	background-color:#fff;
	overflow:hidden;
	
}

/* Horrible Bug Fix for IE6 */
/* Hides from IE5-mac \*/
/* html #Header {height: 1%;}
/* End hide from IE5-mac */ 

#Header #Logo
{
	width:15em;
	height:6em;	
	float:left;
	padding:0;
	border:0px dotted red	
}
#Logo img
{
	padding:13px 0
}

#Header #Menu
{
	/*width:56em;*/
	height:0em;	
	float:left;
	padding:0;
	border:0px dotted red;
	}
#Header #Menu #MenuList
{
	float:left;
	margin:0 auto;	
	text-align: center;
	position:absolute;
	top:40px;
	left:400px;
	
}
#Header #Menu ul
{
	margin:0;
	padding:0em 0.5em 0em 6em;
	text-align: center;
}
#Header #Menu li
{
	float:left;
	margin:0; 
	padding: 0.5em 1.0em;
	list-style: none;
	display: inline;
}
#Header #Menu a
{
	float:left;
	display:block;
	margin:0; 
	color:#B5B5B5;
	font-weight:bold; 
	text-transform:lowercase;
}

#Header #Menu a.navTopLink {padding:0 0 0 0.5em; font-weight: bold; color:#000}
#Header #Menu a.navTopLinkSelected {padding:0 0 0 0.5em; color:#ce0000; font-size:12px; font-weight: bold}

#Header #Menu #MenuSearch
{
	float:left;
	width:auto;
	margin:0 auto;	
	padding:0px;
	text-align:left;
	font-weight: bold;
	color:#B5B5B5;
	border:0px dotted yellow;
	overflow:hidden;

	position:absolute;
	top:43px;
	left:160px;
	
}

#Header #Basket
{
	width:14em;
	height:6em;
	float:right;
	background-color:#fff;
	color:#000;
	text-align:left;
	padding-left:0.5em;
	border-left:1px solid #B5B5B5
}
#Basket a {color:#fff}
#Basket a:visited {color:#fff}


#Basket .BasketContents
{
	padding:1px 0 0 0;
	height:68px;
	text-align:left;
	color:#B5B5B5
}
.BasketContents a {color:#fff}
.BasketContents a:visited {color:#fff}

#Basket .BasketContents img
{
	text-align:left
}
.BasketContents a {color:#fff}
.BasketContents a:visited {color:#fff}
	
#Basket .BasketNoContents
{
	height:68px;
	background-color:#f7f7f7;
	text-align:center;
	color:#fff
}

#Navigation
{
	border-top:1px solid #B5B5B5;
	text-align:center;
	/*width: 86em;
	float:left*/
}
/* Horrible Bug Fix for IE6 */
/* Hides from IE5-mac \*/
* html #Navigation {height: 1%;}
/* End hide from IE5-mac */ 
/* Nav Specifics */

#Level1Navigation
{
	
	margin:0;
	padding:0;
	color:#fff; 
	text-decoration: none;
	background: #000 url(/stores/umbro/_artwork/_common/interface/tab_bg.gif) repeat-x top center;
	text-align: center;

}
#Level1Navigation ul
{
	width:48em;
	height:18px; 
	margin:0 auto;
	padding:0;
	text-align: center
}
#Level1Navigation li
{
	float:left;
	margin:0; 
	list-style: none;
	display: inline;
	text-align:center
}
#Level1Navigation a
{
	float:left;
	display:block;
	width:83px;
	/*padding:2px 39px 2px 30px;	*/
	padding:2px 20px;
	margin:0; 
	color:#fff;
	font-weight:bold; 
	text-transform:uppercase;
}

#Level1Navigation a:hover
{
	background: url(/stores/umbro/_artwork/_common/interface/tab.gif) no-repeat top center;
	text-decoration:none
}

#Level2Navigation
{
	border-top:1px solid #B5B5B5;
	border-bottom:1px solid #B5B5B5;
	text-align:left;
	float:left;
	display:block;
	width:86em;
	position:relative;
	z-index:10
}
#Level2Navigation ul
{
	margin:0;
	padding:3px;
	background:#fff;
	list-style: none;
	height:1.5em
}
#Level2Navigation a
{
	color:#474747;
	font-weight:bold;
	display:block
}
#Level2Navigation ul li
{
	margin:0; 
	padding:2px 12px;
	font-weight:bold;
	color:#000;
	float:left;
	background: url(/stores/umbro/_artwork/_common/interface/nav_separator.gif) right no-repeat
}
#Level2Navigation ul li ul
{
	position: absolute;
	/*width: 14em;*/
	left: -999em;
	padding:0.1em;
	z-index:9
}

#Level2Navigation ul li ul li
{
	list-style: none;
	display:block;
	float:none;
	background:#fff;
	padding:5px;
	border-left: solid 1px #B5B5B5;
	border-right: solid 1px #B5B5B5;
}
#Level2Navigation ul li ul li a
{
	display:block
}

#Level2Navigation ul li ul li:hover
{
	color:#fff;
	background:#000;
	text-decoration:none
}
#Level2Navigation ul li ul li a:hover
{
	text-decoration:none
}

#Level2Navigation li:hover ul, #Level2Navigation li.sfhover ul
{
	left: auto;
	padding:0.1em;
	margin-top:5px
	/*position:absolute	*/
}
.NavOpen
{
	display: block;
}
.NavClosed
{
	display: none;
}
#Level1Navigation .navOn
{
	background: url(/stores/umbro/_artwork/_common/interface/tab.gif) no-repeat top center;
	text-decoration:none
}

#pageContentContainer
{
	margin:0px 10px 5px 10px
}
#pageContentContainer #Navigation
{
	margin-top:-5px;
	margin-right:-10px !important;
	margin-right:-10px;
	margin-bottom:10px;
	margin-left:-10px !important;
	margin-left:-10px; 
	position: relative;
	width:86em
}

/* for understanding browsers */

#Content 
{
	background-color:#fff;
	margin:0; 
	text-align:left;
	min-height:34em
}
/**/

/* for Internet Explorer */
* html body #Content
{
    background-color:#fff;
	margin:0; 
	text-align:left;
	height:34em
}

#Footer
{
	padding:11px 0;
/*	background-color:#000*/
}
#Footer #FooterText
{
	padding:5px 10px 5px 10px;
	border-top:13px solid #fff;/* #bf0200;*/
	background-color:#B5B5B5;
	color:#fff
}


/* CSS Classes */

/* Misc */
.clearBoth 
{
	clear:both;
	/*line-height:0;*/
	padding:0;
	margin:0
}

/* Headings */
.pageHeader
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.1em; 
	font-weight: bold; 
	color: #000;
	margin: 5px 0 8px 0; 
	padding: 3px 3px 3px 0;
	background-color: #fff;
	border-bottom:1px solid #000
}
.pageHeader a:link {text-decoration: none; color: #000}
.pageHeader a:visited {text-decoration: none; color: #000}
.pageHeader a:hover {text-decoration: none; color: #000}
.pageHeaderMenu
{
	background-color:#fff;
	padding:0px;
	margin:-8px 0 20px 0
}
	
.pageHeaderMenu ul
{	
	padding:4px 0;
	margin:0 0 4px 0;
	border-bottom:1px solid #000
}

.pageHeaderMenu li
{
	color:#000;
	display: inline;
	font-weight:bold
}


.pageHeaderMenu a 
{
	color:#000; 
	text-decoration:none;
	padding:0 3px 0 0
}
.pageSubHeader 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	font-weight: bold; 
	text-transform:uppercase;
	color: #636563;
	margin: 0px 0px 8px	0px;
	border-bottom: 1px solid #CECFCE;
	padding: 3px 3px 6px 0px;
	text-align:left
}
.pageSubHeader a {color:#636563}
.pageSubHeader a:link {color:#636563}
.pageSubHeader a:visited {color:#636563}
.pageSubHeader a:active {color:#636563}
.pageSubHeader a:hover {color:#636563}

.pageHighlight  /* Used for important statements - e.g. form errors, required fields text etc */
{
	font-weight: bold; 
	color: #00457B
}

.pageLink /* A bolder colour link class */
{
	text-decoration: none; 
	color: #31287b
}
.pageLink:link {text-decoration: none; color: #31287b}
.pageLink:visited {text-decoration: none; color: #31287b}
.pageLink:hover {text-decoration: underline; color: #31287b}

.pageBold
{
	font-weight:bold;
	text-transform: uppercase
}

/* Interface */
.interfacePanel
{
	color: #000; 
	background-color:#F7F7F7; 
	margin-bottom: 0px;
	padding: 5px
}
.interfacePanelInset
{
	color: #ffffff; 
	background-color:#ffffff; 
	border-color: #666666 #cecfce #cecfce #666666; 
	border-style: solid; 
	border-width: 1px 2px 2px 1px;
	padding: 5px	
}
.interfacePanelheading 
{
	font-weight: bold; 
	color: #ffffff; 
	background-color:#EFF3FF;
	border-color: #cccccc #666666 #666666 #cccccc; 
	border-style: solid; 
	border-width: 1px 2px 2px 1px
}
.interfaceBackground 
{
	color: #000000; 
	background-color: #E7E7E7; 
	padding: 8px
}
.interfaceBgcolour1
{
	color: #000000; 
	background-color: #E7E7E7
}
.interfaceBgcolour1 a:link {text-decoration: none; color: #000000; background-color: #E7E7E7}
.interfaceBgcolour1 a:visited {text-decoration: none; color: #000000; background-color: #E7E7E7}
.interfaceBgcolour1 span {text-decoration: none; color: #000000; background-color: #E7E7E7}
.interfaceBgcolour1 td {text-decoration: none; color: #000000; background-color: #E7E7E7}

.interfaceBoxTop
{
	font-weight: bold; 
	color: #525152;
	background-color: #e7e7e7; 
	padding: 5px;
	border-top:1px solid #525152;
	border-right:1px solid #525152;
	border-left:1px solid #525152	
}
.interfaceBoxTop td  {color: #525152}
.interfaceBox
{
	color: #000000;
	background-color: #ffffff; 
	padding: 5px; 
	border: 1px solid #525152
}
.interfaceBox thead tr th
{
	font-weight:bold; 
	background-color: #e7e7e7; 
	color: #000000;
	height:30px
	}
.interfacePanel3Top
{
	color: #fff;
	background-color:#F71821;
	padding:4px
}
.interfacePanel3Bottom
{
	color: #ffffff;
	background-color: #fff;
	border: 1px solid #848284;
	padding: 5px
}
.interfacePanel3Middle
{
	color: #636563;
	background-color: #fff;
	border-right: 1px solid #848284;
	border-left: 1px solid #848284;
	padding: 7px;
	text-align:left
}

.interfaceTabLeftOff
{
	color: #ffffff; 
	text-decoration: none;	
	width:70px;
	padding: 9px 9px 10px 9px;
	margin: 0px;
	background-image: url(/stores/reebok/_artwork/_common/interface/tab_left.gif); 
	background-position: top right;
	background-repeat: no-repeat; 
	display:  block;
	text-align:right
}
.interfaceTabLeftOff:link {text-decoration: none}
.interfaceTabLeftOff:visited {text-decoration: none}
.interfaceTabLeftOff:hover {text-decoration: none}
.interfaceTabLeftOn
{
	color: #ffffff; 
	text-decoration: none;	
	width:70px;
	padding: 9px 9px 10px 9px;
	margin: 0px;
	background-image: url(/stores/reebok/_artwork/_common/interface/tab_left_on.gif); 
	background-position: top right;
	background-repeat: no-repeat; 
	display: block;
	text-align:right
}
.interfaceTabLeftOn:link {text-decoration: none}
.interfaceTabLeftOn:visited {text-decoration: none}
.interfaceTabLeftOn:hover {text-decoration: none}

#standardtable /* id selector for use on when creating a standard table */
{	
	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: Verdana, Helvetica, Arial, Sans-Serif;
    font-size:.9em;
    color: #313031
}

/* ReebokStore nav Areas */
.navTopLink
{
	color: #f5f5f5; 
	text-decoration: none
}
.navTopLink:link {color: #f5f5f5; text-decoration: none}
.navTopLink:active {color: #f5f5f5; text-decoration: none}
.navTopLink:visited {color: #f5f5f5; text-decoration: none}
.navTopLink:hover {color: #f5f5f5; text-decoration: none}

.navTopMenu
{
	color: #313031; 
	background-color: #BDBEBD;
	text-decoration: none;
	padding: 4px;
	display: block;
}
.navTopMenu:link {color: #313031; text-decoration: none}
.navTopMenu:active {color: #313031; text-decoration: none}
.navTopMenu:visited {color: #313031; text-decoration: none}
.navTopMenu:hover {color: #000000; text-decoration: none; background-color:#8C8E8C}

.navTopMenuOff {color: #f7f7f7; background-color: #313031; text-decoration: none}
.navTopMenuOff a:link {color: #f7f7f7; background-color: #313031; text-decoration: none}
.navTopMenuOff a:visited {color: #f7f7f7; background-color: #313031; text-decoration: none}
.navTopMenuOff a:hover {color: #f7f7f7; background-color: #313031; text-decoration: none}

.navTopMenuOn {color: #313031; background-color: #BDBEBD}
.navTopMenuOn:link {color: #313031; background-color: #BDBEBD}
.navTopMenuOn:visited {color: #313031;background-color: #BDBEBD}
.navTopMenuOn:hover {color: #313031;background-color: #BDBEBD}

.navTopMenuOn a:link {color: #313031; background-color: #BDBEBD}
.navTopMenuOn a:visited {color: #313031;background-color: #BDBEBD}
.navTopMenuOn a:hover {color: #313031;background-color: #BDBEBD}


.navTopSubMenu
{
	color: #313031; 
	text-decoration: none;
	background: #8C8E8C	url(/stores/reebok/_artwork/_common/interface/top_menu_droparrow.gif) no-repeat center right;
	padding: .1em 0 .2em .5em;
	border-right: 1px solid #ffffff;
	/*display: block*/
}
.navTopSubMenu:link {color: #313031; text-decoration: none}
.navTopSubMenu:active {color: #313031; text-decoration: none}
.navTopSubMenu:visited {color: #313031; text-decoration: none}
.navTopSubMenu:hover {color: #313031; text-decoration: none}
.navTopSubMenu a {color: #313031; text-decoration: none}
.navTopSubMenu a:hover {color: #313031; text-decoration: none}

.navSetting
{
	visibility: hidden;
	position: absolute;
	border-top: 1px #CECFCE solid;
	padding: 0px;
	width: 140px
}


.navList
{
	color: #ffffff;
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 10px
}

.list
{
	margin: 0px 2px 5px 0px;
	display: block
}

.browse
{
	color:#fff; 
	/*position:relative;*/
}
.browseHighlight
{
	font-weight:bold;
	text-align:left;
	text-transform: uppercase;
	color: #000; 
	background-color:#BDBEBD;
	margin:0;
	padding:4px
}
.browseHighlightBlank
{
	font-weight:bold;
	color: #000; 
	margin:0;
	padding:4px;
}

.browseImage {text-align:center; border:1px solid #bbb; padding:5px}
.browseImage img {width:100px; height:100px}
.browseDesc {text-align:left; padding: 3px 0px}
.browsePrice {color: #000;text-align:left}
.browseMore {text-align:left;padding-top:3px}

.tlmLink
{
	background-color:#313031;
	color:#fff;
	text-align:center;
	padding:.2em
	}
.tlmLink a:link {color:#fff}
.tlmLink a:visited {color:#fff}
.tlmLink a:active {color:#fff}
.tlmLink a:hover {color:#fff}

.tlmLanding
{
	float:left;
	padding:3px
	}

.nflTeam
{
	position:absolute; 
	top:48px; 
	left:8px; 
	width:160px; 
	height:322px; 
	z-index:1
}

/* kit selector classes/selectors */
.selectorlight 
{
	background-color: #f7f7f7
}

#KitSelector
{
	position:relative;
	padding-top:2px;
	border-width:0 0px;
	border-style: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:680px;
	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:1px;
	padding-left:1px
	}

#KitSelectorProducts
{
	margin-left:5px;
	width:700px;
	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:210px;
	float:left;
	text-align:center;
	padding-top:20px}	

#KitSelectorProducts .selectorProductDetails
{
	width:270px;
	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:#000 url(/stores/reebok/_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
}
	
/* Langing Page */
#landingPage
{
	margin:10px 0;
	text-align:center
}
#Basket_basket_contents_lbl_v3_qty, #Basket_basket_contents_lbl_v3_unitprice, #Basket_basket_contents_lblTotalHeader
{
	color:#000 !important;
}

#Layout_top_nav_basket_lnkBasketSummaryCheckout, #Layout_top_nav_basket_lnkBasketSummaryView
{
		color:#B5B5B5 !important;
}
