/* Mollio overrides */
#wrap {
/*
	min-width:997px;
	max-width:997px;
*/
   width: 997px;
	margin: 0 auto;
	position:relative;

}

#type-a #sidebar, #type-b #sidebar {
	display: none;
}
#search {
	display: none;
}
#header {
	padding-top: 1em;
	background-color: black;
	background-image: none;	
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#header #site-name {
	margin-left: 0;
}
#content {
	margin: 0px;
}
#footer {
	border-top: none ;
	padding: 0px;
}
/* General */
.hidden-item {
	display: none;
}
span.logo {
    background-image: url(../images/logo.gif);
	height: 38px;
	width: 140px;
	display: block;
}
/* Page specific CSS markup */

/* FAQ */
.questionPrefix {
	color: red;
	font-weight: bold;
}
.answerPrefix {
	color: green;
	font-weight: bold;
}
.questionAnswer {
	padding-bottom: 1em;
}
.oddRow {
	background-color: pink;
}
.evenRow {
	background-color: yellow;
}

/* News Detail */
.article {
	margin-top: 1em;
}

/* General */
body {
	background-color: black;	
	color: white;
	padding-left: 0;
	padding-right: 0x;
	padding-top: 5px;
	font-family: "Arial Narrow" ,Arial, Helvetica, sans-serif;
	font-size: .9em;
	/*scrollbar-base-color: #E46F00;*/
}

#pageBody {
	position: absolute;
	top: 60px;
	width: 95%;
	z-index: 1;
}
h1, h2, h3, h4, h5, h6 {
	color: #D87319; /* orange */
	border-bottom: none;
	margin: 0px;
	font-family: "Arial Narrow" ,Arial, Helvetica, sans-serif;	
}
h1 {
	font-size: 1.8em;
}
h2 {
	font-size: 1.6em;
}
h3 {
	font-size: 1.5em;
	font-weight: bolder;
}
h4 {
	font-size: 1.3em;
	font-weight: bold;
}
li {
	background: none;
}
.backLink {
	float: right;
}

/* Round box classes */
.bl {
	background: url(../images/bl.gif) 0 100% no-repeat;
} 
.br {
	background: url(../images/br.gif) 100% 100% no-repeat;
} 
.tl {
	background: url(../images/tl.gif) 0 0 no-repeat;
} 
.tr {
	background: url(../images/tr.gif) 100% 0 no-repeat; 
} 
.tm {
	background: url(../images/tm.gif) repeat-x top;
} 
.cl {
	background: url(../images/cl.gif) repeat-y left;
} 
.cr {
	background: url(../images/cr.gif) repeat-y right;
}
.bm {
	background: url(../images/bm.gif) repeat-x bottom;
} 

.roundedBox .clear,
.roundedBox2 .clear,
.roundedBox3 .clear,
.roundedBox4 .clear,
.roundedBox5 .clear
{
	font-size: 1px; 
	height: 1px
}

.roundedBox, .roundedBoxFullWidth, .roundedHomeBox {
	background-color: transparent;
	width: 543px;
	padding: -10px;
	position: absolute;
	top: 0px;
}
.roundedBoxFullWidth {
	width: 974px;
}
.roundedHomeBox {
	width: 621px;
}

.roundedBoxContent {
	height: 543px;
	background-color: transparent;
}
#box1Image {
	width: 543px;
	height: 543px;
	overflow: hidden;
}
/* Round box 2 classes */
.roundedBox2 {
	width: 431px;
}
.roundedBox2Content {
	height: 543px;
	background-color: transparent;
	margin-right: 3px;
	margin-left: 4px;
}
/* Round box 3 classes */
#box3 {
	width: 215px;
}
#box3 .pageContent {
	background-color: black;
	padding: 1px;
	overflow: hidden;
	height: 190px;
}
.roundedBox3 {
	background-color: black;
	width: 215px;
	position: absolute;
	top: 0px;
}
.roundedBox3Content {
	width: 100%;	
	height: 217px;
	background-color: transparent;
	margin-left: 5px;
}
/* Round box4 classes */
#box4 {
	width: 745px;
	position: absolute;
	left: 226px;
}
#box4Image {
	height: 217px;
	overflow: hidden;
}
.roundedBox4 {
	background-color: transparent;
	width: 745px;
	padding: -10px;
	position: absolute;
	top: 0px;
}
.roundedBox4Content {
	height: 217px;
	background-color: transparent;
}
/* Round box5 classes */
#box5 {
	width: 974px;
	margin-bottom: 5px;
}
#box5Image {
	height: 220px;
	overflow: hidden;
}
.roundedBox5 {
	background-color: transparent;
	width: 974px;
	padding: -10px;
	position: absolute;
	top: 0px;
}
.roundedBox5Content {
	height: 220px;
	background-color: transparent;
}
/* Round homeBox classes */
#homeBox {
	width: 621px;
	position: absolute;
	top: 0px;
	left: 355px;
}
#homeBoxImage {
	width: 621px;
	height: 543px;
	overflow: hidden;
}
.and1Logo {
	position: relative;
	top: -5px;
	background: url(../images/and1Logo.gif) no-repeat;
	height: 38px;
	width: 140px;
	display: block;
}

.and1Logo span {
	display: none;
}
.footLockerLogo {
	float: left;
	background: url(../images/Footlocker.gif) no-repeat;
	height: 26px;
	width: 150px;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
}


a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer} 
a:link {color: #F9F9F9;/*white*/
} 
a:visited {color:#CCC} 
a:hover,a:active {color: #FFA500;/*orange*/
} 
ul a {padding: .2em 0 .2em .4em; margin:0;
} 

/* Page Setup */
#boxSet {
	position: relative;
}
#box1 {
	width: 543px;
	position: absolute;
	top: 0px;
	left: 433px;
}
#box2, #box2Inverse {
	width: 431px;
}
#box2Inverse {
	color: black;
	background-color: white;
}
#box2 #content, #box2Inverse #content {
	padding: 1em;
	overflow: auto;
	width: 92%;
	height: 465px;
	z-index: 10;
}
#boxFullWidth {
	width: 974px;
}
/* Standard page */
#page h1 span, #page #content {
	display: none;
}
#box2 h1 {
	margin: 0px;
	text-transform: uppercase;
}
/* Page Specific */
/* Home page */
#homeLink1 a, #homeLink2 a, #homeLink3 a {
	height: 181px;
	width: 350px;
	float: left;
}
#homeLink1 a {
	background-image: url(../images/button_shoe_out.gif);
	margin-bottom: 5px;
}
#homeLink1 a:hover {
	background-image: url(../images/button_shoe_over.gif);
}
#homeLink2 a {
	background-image: url(../images/button_uniform_out.gif);
	margin-bottom: 5px;
}
#homeLink2 a:hover {
	background-image: url(../images/button_uniform_over.gif);
}
#homeLink3 a {
	background-image: url(../images/button_third_out.gif);
}
#homeLink3 a:hover {
	background-image: url(../images/button_third_over.gif);
}

#homeLink1 a span, 
#homeLink2 a span, 
#homeLink3 a span, 
#homePage h1 span, 
#homePage #content {
	display: none;
}
/* News page */
.pageContent {
	padding: 1em;
	margin-top: 13px;
	overflow: auto;
	width: 93%;
	height: 490px;
/*
	border-style: solid;
	border-color: blue;
	border-width: thin;
*/
}
.newsItem h2 {
	color: #990000;
	margin-bottom: 1em;
	font-size: 1em;
}
.newsItem .date {
	font-weight: bolder;
	margin-bottom: 1em;
}
.newsItem a {
	text-transform: uppercase;
	color: #990000;
	margin-bottom: 1em;
}
/* Retailer Page */
.footLockerLogo span {
	display: none;
}
.retailer {
	margin-top: 1.5em;
}
.retailer h3.name {
	font-size: 1em;
	margin: 0px;
}
.retailer .address {
}
.retailer .town {
}
.retailer .telephone {
}
.retailer .eMail {
}
.retailer hr {
	width: 100%;
	height: 1px;
}
/* Uniform page */
#uniform {
	padding: 1em;
	margin-top: 13px;
	overflow: auto;
	width: 93%;
	height: 490px;
}

#uniform h2 {
	font-size: 1.2em;
	color: #FF8C00; /*orange*/
	text-transform: uppercase;
}
#uniform h3 {
	font-size: 1.2em;
	text-transform: uppercase;
}
#pdfDownload {
	padding: 1.5em;
	margin-top: 2px;
	overflow: auto;
	width: 93%;
	height: 490px;
}

#pdfDownload h2 {
	font-size: 1.2em;
	color: #000; /*black*/
	text-transform: uppercase;
}
#pdfDownload h3 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight : bold;
}
.getAcrobatReader {
	background-image: url(../images/get_adobe_reader.gif);
	width: 112px;
	height: 33px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 14px;
	left: 14px;
	display: block;
}
/* Contact Page */
#contact form {
	width: 94%;
}
#contact fieldset {
	float: left;
	margin-right: 5%;
	background-color: #D87621;
	border: none;
	width: 90%;
	padding: 10px;
}
#contact legend {
	font-weight: bold;
	font-style: italic;
}
#contact label, #contact label input, #contact label select {
	display: block;
}
#contact label input#MixTapeTour, #contact label input#MailingList, #contact #phoneCountry, #contact #phoneArea, #contact #phone, #contact #faxCountry, #contact #faxArea, #contact #fax {
	display: inline;
}
#contact button {
	margin: 2px;
}
#contact input, #contact select {
	width: 95%;
}
#contact #phoneArea, #contact #faxArea {
	width: 15%;
}
#contact #phone, #contact #fax {
	width: 77%;
}
#contact .hint {
	font-style: italic;
	font-size: smaller;
}
#contact #contactSubscription div {
	width: 85%;
	float: left;
}
#contact #contactSubscription input {
	width: 15px;
}
#contact textarea {
	overflow: auto;
	width: 90%;
	height: 50px;
}
#contact #buttons {
	width: 90%;
	text-align: center;
}
#contact #buttons button {
	font-size: 1em;	
}
/* DVD Page */
.dvdItem .image {
	margin-top: 1em;
}
/* Catalogue Page */
#underConstruction {
	width: 100%;
	text-align: center;
}
#underConstruction img {
	border: none;
}
/* Product page */
#productPage #pageHeader {
	height: 229px;
	width: 100%;
}
#productPage #productFirstLevelMenu {
	width: 100%;
	height: 95%;
}
#productPage #productFirstLevelMenu .menuTitle {
	background-color: #D87319; /* orange */
}
#productRanges {
	width: 33%;
	font-size: .7em;
}
#productRanges .productRange {

}
#productRanges .productRangeImage {
	float: left;
}
#productSecondLevelContainer {
	width: 27%;
	height: 200px;
	float: left;
	margin-left: 1em;
}
#productPage .productBox {
	margin-top: 1em;
	overflow: auto;
	width: 98%;
	height: 95%;
}

.productSecondLevel .image {
	clear: both;
	float: left;
	display: block;
	height: 72px;
	width: 118px;
	overflow: hidden;
}

.productSecondLevel .detail {
	background-color: #2A2A2A; /* dary grey */
	padding: .5em;
	float: right;
	width: 48%;
	height: 58px;
	overflow: hidden;
	font-size: .9em;
	display: block;
}

.productSecondLevel a {
	color: white;
	text-decoration: none;
}
.productSecondLevel .detail:hover {
	background-color: #D87319; /* orange */
}
.productSecondLevel .detail .title {
	font-weight: bold;
	text-transform: uppercase;
	display: block;
}
#productPage #panel2 {
	width: 34%;
	float: left;
	margin-left: .5em;
}
#productPage #featuredShoe {
	background-color: #383838;
}

#productPage #featuredShoe #featuredShoeImageContainer {
	text-align:  center;
}
#productPage #featuredShoe img {
	margin-top: .5em;
}

#productPage .heading {
	background-color: #989898;
	width: 100%;
	text-transform: uppercase;
	padding-top: .5em;
	padding-bottom: .5em;
}
#productPage #availableColours {
	margin-top: .5em;
	background-color: #383838;
}
#productPage .availableColour {
	padding-left: .5em;
	padding-top: .2em;
	margin-top: .2em;
	padding-left: .5em;	
	padding-right: .5em;	
	height: 70px;
	overflow: hidden;
}
#productPage .availableColour img {
	float: left;
	margin-right: .5em;
	height: 71px;
	width: 117px;
}
#productPage .availableColour .description{
	background-color: black;
	height: 48px;
	font-size: .85em;
	padding: 1em;
}
#productPage .availableColourLast {
	padding-bottom: .5em;
}

#productPage #productDetail {
	width: 30%;
	float: right;
	padding-right: .5em;
	padding-left: .5em;
}
#productPage #productDetail #productName {
	color: #D87319; /* orange */
	font-size: 1.2em;
	font-weight: bold;
}
#productPage #productDetail #priceHeading {
	margin-top: 1em;
	margin-bottom: .5em;
}
#productPage #productDetail #price {
	color: #989898;
}
#productPage #productDetail #features {
	font-size: .9em;
	color: #989898;
	
	/*added 2007 may 23*/
	padding-left: 5px;
	padding-right: 5px;
}

/* Product page menu level one (category) */
#pageHeader #productFirstLevelMenu  {
	font-size: .9em;
	font-weight : bolder;
}
#pageHeader #productFirstLevelMenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px; /* This is required for Netscape */

}
#pageHeader #productFirstLevelMenu li {
	border-bottom: 1px solid #333;
	text-transform: uppercase;
	padding-top: 3px;
	padding-bottom: 3px;
	margin:0;
	padding-right: 0;
	
}

#pageHeader #productFirstLevelMenu a {
	text-decoration: none;
	display: block;

}

#pageHeader #productFirstLevelMenu a:hover {
	color: black;
	background-color: #FFFFFE; /* white */
}

/* if the browser doesn't read the :hover pseudoclass, this
	shouldn't render and the text shouldn't change color */
#pageHeader #productFirstLevelMenu ul li:hover a, 
#pageHeader #productFirstLevelMenu #lselect ul li:hover a {
	color: yellow;
}
/* Uniform page PDF catalogue*/
.catalogueLeft{
	float : left;
}
.catalogueRight{
	float : right;
}
.catalogueLeft,  .catalogueRight {
	color:#333;
	padding: 10px 1px 10px 1px;
	margin: 0 0 0.5em 1px;
	background: white;
	width : 49%;
}
.catalogueLeft p, .catalogueRight p, .catalogueLeft h1, .catalogueRight h1, .catalogueLeft h2, .catalogueRight h2, .catalogueLeft h3, .catalogueRight h3, .catalogueLeft h4, .catalogueRight h4 {margin: 0 0 .1em 0;color:#000;font-size:0.2em}
.catalogueLeft p, .catalogueRight p {border:none;margin: 0 0 1px 0;color:#444}
.catalogueLeft a, .catalogueRight a {
font-weight: bold;
font-size : 9px;
color:#000;
}
.catalogueLeft a.view, .catalogueRight a.view {
border-top: 1px dotted #D3D3D3;
padding : 5px 0 0 0;
}