@charset "utf-8";







/* CSS Document */







/* Created: 14/11/07 */











/* COLOURS */



/*







red		#ca1c27







*/







/*-------------- RESET, HTML, BODY --------------*/







* { margin:0px; border:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; }







html, body, div, span, applet, object, iframe,



h1, h2, h3, h4, h5, h6, p, blockquote, pre,



a, abbr, acronym, address, big, cite, code,



del, dfn, em, font, ins, kbd, q, s, samp,



small, strike, sub, sup, tt, var,



dl, dt, dd, ol, ul, li,



fieldset, form, label, legend,



table, caption, tbody, tfoot, thead, tr, th, td {



	margin: 0px;



	padding: 0px;



	border: 0px;



	outline: 0px;



	font-weight: inherit;



	font-style: inherit;



	font-size: 11px;



	font-family: Arial, Helvetica, sans-serif;



	vertical-align: baseline;



	text-align:left;



}



/* remember to define focus styles! */



:focus {



	outline: 0;



}







body {



	line-height: 1;



	color:#231f20;



	background: #bdbdbd url('../images/bg.png') repeat-x 0px 0px;



	text-align:center



}











ol, ul {



	list-style: none;



}



/* tables still need 'cellspacing="0"' in the markup */



table {
	border-collapse: collapse;
	border-spacing: 0;
}



caption, th, td {



	text-align: left;



	font-weight: normal;



}



blockquote:before, blockquote:after,



q:before, q:after {



	



}



blockquote, q {



	



}







.clearfix:after {



    content: "."; 



    display: block; 



    height: 0; 



    clear: both; 



    visibility: hidden;



}







.clearfix {display: inline-block;}







/* Hides from IE-mac \*/



* html .clearfix {height: 1%; }



.clearfix {display: block;}



/* End hide from IE-mac */







HTML {



	 overflow-y:scroll;



	 background:#bdbdbd;



	 overflow-x:none;



}







table, tr, td {



	vertical-align:top;



	color:#231f20;



}







/*---------- H TAGS ----------------*/







H1, H2, H3, H4, H5, H6 {



	font:bold 24px Arial, Helvetica, sans-serif;



	font-weight:bold;



	color:#231f20;



	padding:10px 0px 0px 10px;



}







H2 {



	font-size:16px;



}







H3 {



	font-size:14px;



	color:#FFF;



}







H4 {



	font-size:13px;



}







H5 {



	font-size:12px;



}







H6 {



	font-size:11px;



	color: #FF9900;



}







P {



	text-align:left;



	padding:16px 11px 0px 11px;



	margin:0px;



	line-height:1.3em;



}







a {



	font:normal 11px Arial, Helvetica, sans-serif;



	text-decoration:none;



	color:#231f20;



}







a:hover {



	color:#c4d92e;



}







.input, textarea {



	border:1px solid #b8b8b8;



	height:16px;



	font-size:11px;



	width:200px;



}

textarea {
	width:400px;
	height:100px;
}







/*--------------- HEADER ---------------*/


.page {
	width:840px;
	display:block;
	margin:0px auto 0px;
	min-height:800px;
	background:transparent url(../images/fade.png) top center repeat-y;
	behavior: url(iepngfix.htc);
	text-align:center;
}

.page:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

.page {display: inline-block;}

/* Hides from IE-mac \*/

* html .page {height: 1%; }

.page {display: block;}

.main {
	width:800px;
	display:block;
	margin:0px auto 0px;
	min-height:800px;
	background:#FFF;
	text-align:center;
}


.head {
	width:800px;
	height:141px;
	margin:0px auto;
	padding:0px;
	border:0px none;
	background:#FFF url('../images/headerBg.png') repeat-x 0px 0px;
}

.redNavLine {
	height:4px;
	background:#cd0810;
	width:800px;
	line-height:4px;
	margin:0px auto;
	font-size:4px;
	display:block;
}






.head .adminMessage {



	float:left;



	padding:27px 0px 0px 10px;



	font:normal 16px "Times New Roman", Times, serif;



	color:#df190a;



}




.headerDiv {
	margin:0px auto 0px;
}	


.head .loggedIn {



	float:right;



	padding:31px 10px 0px 10px;



	font:normal 11px Arial, Helvetica, sans-serif;



	color:#CCC;



}







.logo {
	float:left;
}

.logo img {
	padding:8px 0px 0px 22px;
}

.viewCartHeader {
	float:left;
	padding:11px 20px 0px 110px;
}

.viewCartHeader a {
	color:#333;
}


.loginHolder {

	width:308px;
	height:89px;
	float:right;
}







.loginText {

	font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-bottom:3px;
	padding-top:3px;
}







#login {



	width:308px;



	height:85px;



	background:#FFF url('../images/login/loginBg.gif') no-repeat top left;



	float:left;



	display:block



}







#login input {
	/*background:url('../images/forms/formBg.gif') repeat-x top left;*/
	padding-top:2px;
	padding-bottom:2px;
	width:80px;
	font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Arial, Helvetica, sans-serif;
	border:none;
	font-size:11px;
	vertical-align:top
	
} 







.loginClickHere {
	width:298px;
	height:22px;
	float:left;
}







.loginClickHere a {
	width:298px;
	height:22px;
	background:url('../images/login/memberLogin.gif') no-repeat left top;
	display:block
}







.loginClickHere a:hover {
	width:298px;
	height:22px;
	background:url('../images/login/memberLogin-over.gif') no-repeat left top;
}


#loginLinks a:hover {
	color:#FFF
}


#flashBanner {
	width:800px;
	height:250px;
}

.middleLogin {



	width:605px;



	background:url('../images/mainBg.png') no-repeat top left;



	height:auto



}







.middle {



	width:780px;



	margin:0px auto;



	height:500px;



	background:url('../images/contentBg.png') repeat-x top left;



	height:auto;



	text-align:center



}







.middleInner {



	padding:26px 13px 26px 13px;



	text-align:left;



}







.middleInnerLeft {



	padding:0px;



	text-align:left;



	float:left;



}







.middleInnerRight {



	padding:0px 0px 0px 11px;



	text-align:left;



	float:left;



}






.greyBox2 {



	width:367px;



	min-height:80px;



	background:url('../images/greyBoxBg.gif') repeat-x top center;



	border:1px solid #c1c1c1



}




.greyBox {



	width:367px;



	min-height:150px;



	background:url('../images/greyBoxBg.gif') repeat-x top center;



	border:1px solid #c1c1c1



}







.greyBox .productImage {



	padding:0px 1px 0px 1px;



	display:block;



	text-align:center



}







.greyTabBig {



	width:272px;



	height:84px;



	display:block;



	background:url('../images/buttons/greyTabBig.png') no-repeat 0px 0px;



}







.greyTabBig .text {



	font:normal 11px Arial, Helvetica, sans-serif;



	color:#FFF;	



	padding:0px 0px 0px 10px;



	margin:0px;



	clear:both



}







.greyTabBig .text a {



	color:#FFFFFF;



	font-weight:bold;



}



.greyLine {
	height:1px;
	background:#c1c1c1;
	line-height:1px;
	width:700px;
	margin:0 auto;
}



.greyTabBig .text a:hover {



	color:#c4d92e;



}







.cartItems {



	padding:0px;



	height:auto;



	clear:both



}







.cartItems .total {



	height:20px;



	width:262px;



	background:#FFF;



	clear:both;



}







.cartItems .total P {



	padding:5px;



	margin:0px;



}







.cartItems ul {



	margin:0px;



	padding:0px;



	width:262px;



	display:block;



}







.cartItems ul li {



	width:262px;



	background:#FFF url('../images/shopSummaryTop.png') no-repeat top left;



	border-bottom:1px solid #f0f1f1;



	display:block; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px;

	clear:both;



}







.cartItems ul li P {



	margin:0px;



	padding:7px;



	display:block;



	float:left;



}







.cartItems ul li P SPAN {



	font:normal 11px Arial, Helvetica, sans-serif;	



	width:140px;



	float:left;



	display:block;



}







.cartItems ul li P IMG {



	width:100px;



	float:left;



	display:block;



}







.green {



	color:#c4d92e



}







.readMore {



	display:block;



	clear:both;



	padding:11px;



}







.readMore a {



	display:block;



	width:74px;



	height:12px;



	background:url('../images/buttons/readMore.gif') no-repeat;



}







.readMore a:hover {



	background:url('../images/buttons/readMore-over.gif') no-repeat;



}







.clickHereWhite {



	display:block;



	clear:both;



	padding:5px 5px 0px 11px;



}







.clickHereWhite a {



	display:block;



	width:67px;



	height:8px;



	background:url('../images/buttons/clickHereWhite.gif') no-repeat;



}







.clickHereWhite a:hover {



	background:url('../images/buttons/clickHereWhite-over.gif') no-repeat;



}







.menu {

	width:593px;
	height:32px;
	background:none;
	/*z-index:10;*/
	left:205px;
	position:relative;
	float:left;

}







.categoryContainer, 

.categoryContainer .category,

.categoryContainer .shoes,



.categoryContainer .apparel,



.categoryContainer .accessories {



	width:153px;



	height:150px;



	padding:0px;



	margin:0px;



	background:none;



	float:left;



	line-height:1px;



	font-size:1px;



}







.categoryContainer .shoes a {



	width:143px;



	height:138px;



	display:block;



	padding:0px;



	margin:0px;



	background:url('../images/buttons/categoryShoes.png') no-repeat 0px 0px;



	float:left



}







.categoryContainer .shoes a:hover {



	background:url('../images/buttons/categoryShoesOn.png') no-repeat 0px 0px;



}







.categoryContainer .apparel a {



	width:143px;



	height:138px;



	padding:0px;



	margin:0px;



	display:block;



	background:url('../images/buttons/categoryApparel.png') no-repeat 0px 0px;



	float:left



}







.categoryContainer .apparel a:hover {



	background:url('../images/buttons/categoryApparelOn.png') no-repeat 0px 0px;



}







.categoryContainer .accessories a {



	width:143px;



	height:138px;



	padding:0px;



	margin:0px;



	display:block;



	background:url('../images/buttons/categoryAccessories.png') no-repeat 0px 0px;



	float:left



}







.categoryContainer .accessories a:hover {



	background:url('../images/buttons/categoryAccessoriesOn.png') no-repeat 0px 0px;



}







.categoryContainer, .pagination {



	width:460px;



	height:169px;



	clear:both;



}







.pagination {



	height:23px;



}







.pagination .previous {



	padding:5px 10px 0px 0px; 



	float:right;



}







.pagination .previous a {



	width:66px;



	height:12px;



	float:left;



	display:block;



	background:url('../images/buttons/previous.gif') no-repeat top left;



}







.pagination .previous a:hover {



	background:url('../images/buttons/previous-over.gif') no-repeat top left;



}







.pagination .next {



	padding:5px 0px 0px 0px; 



	float:right;



}







.pagination .next a {



	width:41px;



	height:12px;



	float:left;



	display:block;



	background:url('../images/buttons/next.gif') no-repeat top left;



}



.listingInfo {
	padding:2px 0px;
	display:block
}



.pagination .next a:hover {



	background:url('../images/buttons/next-over.gif') no-repeat top left;



}







.pagination .pageNumber {



	padding:5px 2px 0px 0px; 



	float:right;



	clear:both



}







.pagination .pageNumber a {



	font-weight:bold;



}







.pagination .pageNumber a:hover, .pagination .pageNumber a.on {



	color:#ca1c27;



}







.running, .walking, .sports{



	width:153px;



	height:148px;



	float:left;



}







.running a, .walking a, .sports a {



	width:143px;



	height:138px;



	padding:0px;



	margin:0px;



	display:block;



	background:url('../images/buttons/running.png') no-repeat 0px 0px;



	float:left



}





.walking a { background:url('../images/buttons/walking.png') no-repeat 0px 0px;  }



.sports a { background:url('../images/buttons/sports.png') no-repeat 0px 0px;  }







.running a:hover { background:url('../images/buttons/running.png') no-repeat -143px 0px;   }



.walking a:hover  { background:url('../images/buttons/walking.png') no-repeat -143px 0px;   }



.sports a:hover  { background:url('../images/buttons/sports.png') no-repeat -143px 0px;  }







.menu .home {



	width:60px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .home a {



	width:59px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px 0px;



}







.menu .home a:hover {



	background:url('../images/menu.png') no-repeat -131px 0px;



}







.menu .about {



	width:76px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .about a {



	width:75px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -32px;



}







.menu .about a:hover {



	background:url('../images/menu.png') no-repeat -131px -32px;



}







.menu .feetFacts {



	width:83px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .feetFacts a {



	width:82px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -64px;



}







.menu .feetFacts a:hover {



	background:url('../images/menu.png') no-repeat -131px -64px;



}







.menu .onlineStore {



	width:93px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .onlineStore a {



	width:92px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -96px;



}







.menu .onlineStore a:hover {



	background:url('../images/menu.png') no-repeat -131px -96px;



}







.menu .becomeMember {



	width:132px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .becomeMember a {



	width:131px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -128px;



}







.menu .becomeMember a:hover {



	background:url('../images/menu.png') no-repeat -131px -128px;



}







.menu .links {



	width:55px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .links a {



	width:54px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -160px;



}







.menu .links a:hover {



	background:url('../images/menu.png') no-repeat -131px -160px;



}







.menu .contact {



	width:86px;



	height:32px;



	background:#FFF;



	float:left;



}







.menu .contact a {



	width:86px;



	height:32px;



	display:block;



	background:url('../images/menu.png') no-repeat 0px -192px;



}







.menu .contact a:hover {



	background:url('../images/menu.png') no-repeat -131px -192px;



}







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







.generalApparel, .socks {



	width:153px;



	height:150px;



	float:left;



}







.generalApparel a, .socks a {



	width:143px;



	height:138px;



	padding:0px;



	margin:0px;



	display:block;



	background:url('../images/buttons/apparel.png') no-repeat -143px 0px;



	float:left



}







.socks a {



	background:url('../images/buttons/apparel.png') no-repeat 0px 0px;



}



.socks a:hover {



	background:url('../images/buttons/apparel.png') no-repeat 0px -138px;



}



.generalApparel a:hover {



	background:url('../images/buttons/apparel.png') no-repeat -143px -138px;



}



	



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







.backToBrands {



	padding:5px 20px 0px 10px; 



	float:right;



}







.backToBrands a {



	width:99px;



	height:12px;



	float:left;



	display:block;



	background:url('../images/buttons/backToBrands.gif') no-repeat top left;



}







.backToBrands a:hover {



	background:url('../images/buttons/backToBrands-over.gif') no-repeat top left;



}







.moreInfo {



	padding:5px 10px 5px 45px; 



	float:left; 



}







.moreInfo a {

	width:69px;

	height:12px;

	float:left;

	display:block;

	background:url('../images/buttons/moreInfo.gif') no-repeat top left;

}







.moreInfo a:hover {

	background:url('../images/buttons/moreInfo-on.gif') no-repeat top left;

}





.refineSearch {

	padding:5px;

	background:#f8f8f8;

	border:1px solid #eeeded;

}



.shoe {

	float:left;

	padding:0px 10px 10px 0px;

	text-align:center;

}







.shoe .shoeInfo {

	width:140px;

	height:320px;

	text-align:center;

	vertical-align:middle;

	background:transparent url(../images/productListingBg.png) top left repeat-x;

	border:1px solid #eeeded;

	display:block;

}







.shoe .shoeInfo a {

	text-align:center;

	vertical-align:middle;

	display:block;

}







.shoe .shoeInfo IMG {

	text-align:center;

	vertical-align:middle;

	padding:5px 0px 3px 0px;

}





.shoe .shoeInfo H1 {

	font-size:11px;

	width:117px;

	float:left;

	padding:0px;

	text-align:left;

	line-height:1em

}



.shoe .shoeInfo .shoeGender {

	width:21px;

	height:19px;

	float:left;

	border:0px;

}



.shoe .shoeInfo .shoeGender IMG {

	margin-top:0px;

	display:block;

	text-align:right

}



.shoe .shoeInfo H1 a {

	text-align:left;

	padding:3px 0px 4px 10px;

}

.tableCell {
	padding:4px;

}

.tableCellCheckout {
	padding:5px;
	border-bottom:2px solid #FFFFFF;
}

.tableCellCheckoutTitle {
	background:#CCCCCC;
	padding:5px;
	font-weight:bold;
	margin-bottom:3px
}

.tableCellCheckoutRow {
	background:#F7F7F7;
	padding:5px;
	border-bottom:1px solid #EEEEEE;
}


SELECT {

	border:1px solid #FFF;
	background:#ededed;
	width:150px;
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#231f20
}



.footer {
	width:800px;
	display:block;
	margin:0px auto 0px;
	height:30px;
	background:#FFF;
	text-align:right;
	clear:both;
}



.footer .block {
	width:800px;
	display:block;
	margin:10px auto 0px;
	border-top:1px solid #949393;
	text-align:right;
	background:#b5b4b4;
	clear:both;
	color:#FFF;

}







.footer .block .right, .footer .block .left {



	width:400px;



	height:30px;



	background:#b5b4b4;



	color:#FFF;



	float:left;



	text-align:right;



}

.footer .block .left {



	text-align:left;



}




.footer .block .right P, .footer .block .left P {

	padding:7px 22px 5px 22px;
	font-size:11px;
	color:#FFF;
	text-align:right;

} 




.footer .block .left P {
	text-align:left;
}







.footer a {

	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;


}



.footer a:hover {
	color:#c4d92e;

}


.siteLink {
	width:130px;
	text-align:center;
	margin-top:10px;
	float:left
}

.siteLink a {
	font-size:10px;
	text-align:center;
	color:#666
}