/*
fi2rundirect.com stylesheet document
Created by Paul Evans, P E Design
http://www.pedesign.co.uk
paul@pedesign.co.uk

First issued NOV 2005
Amended FEB 2007
*/

/* semantics */
body {
	margin: 1px 1px 10px 1px;
	font: normal 100.01%/1.2em Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #000;
}
a:link { color: #33c; }
a:visited { color: #44b; }
a:hover, a:active { color: #00c; outline: none;}
p { font-size: 1.2em; }
h1 { font-size: 2em; font-weight: bold; }
h2 { font-size: 1.7em; font-weight: normal; }
h3 { font-size: 1.6em; font-weight: normal; }
h4 { font-size: 1.5em; font-weight: normal; }
h5 { font-size: 1.4em; font-weight: normal; }
h6 { font-size: 1.3em; font-weight: bold; }
p, h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin: .4em 0 .2em 0; }
p.note { font-size: 1em; color: #333; }
p.em { font-size: 1.2em; font-weight: bold; background-color: #ddf; padding: .5em; }
hr { color: #999; }
form { margin: 0; }
ul { list-style-image: none; list-style-position:inherit; list-style-type: none; padding: 0 0 0 0; margin: 0; }
ul li { padding: 0 0 0 0; margin: 0 0 .1em 0; }
strike { color: #999; font-weight: normal; }
.hide { visibility: hidden; display: none; }
.clearboth { clear: both; }
ul.product { font-size: 1.2em; }

ul.info { list-style: inside url(/images/ui/bullet_info.gif); margin: 1em 0; }

/* structural */
#wrapper {
	font-size: 0.7em;
	width: 100%;
	margin: 0;
}  /* This font-size value neds to be kept high for accessibility. A lower value reduces the degree of increment when text is resized. */
#header {
	background: #489422 url("/images/ui/bg_brandheader.jpg") repeat-x top left;
	margin: 0 0 1px 0;
	padding: 0 20px;
}
#brand {
	height: 66px;
	width: 750px;
	margin: 0 auto;
	position: relative;
}
#nav {
	margin: 0 0 20px 0;
	padding: 0 20px;
	background: #f10700 url("/images/ui/bg_navheader.jpg") repeat-x left top;
}
#tabs {
	width: 750px;
	height: 4em;
	position: relative;
	margin: 0 auto;
	padding: 0;
}
div#content {
	padding: 0 20px;
	width: 750px;
	margin: 0 auto;
}
div#columns {
	width: 750px;
	margin: 0 auto;
}
div#content div#main {
	width: 570px;
	float: right;
}
div#content div#mid {
	width: 350px;
	float: left;
	margin: 0 20px;
}
div#content div#subcontent {
	width: 200px;
	float: right;
}
div#content div#subnav {
	width: 150px;
	float: left;
}
div#columns div.col_xo {
	float: left;
	width: 250px;
}
div#columns div.col_ox {
	float: left;
	width: 250px;
	margin-left: 10px;
}
#footer {
	margin: 20px 0 5px 0;
	padding: 10px 20px;
	border-top: 2px solid #ddd;
}

#brand h1 {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	font-size: 2px;
}
#brand h1 a {
	display: block;
	width: 65px;
	height: 66px;
	background: transparent url("/images/logo_fit2rundirect.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
}
#brand h2 {
	background: transparent url("/images/header_number_new.gif") no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	font-size: 2px;
}
#brand h2 a {
	display: block;
	width: 600px;
	height: 66px;
	text-indent: -1500em;
	text-decoration: none;
}

/* navigation */
#tabs ul {
	width: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	font: bold 1.1em Arial,sans-serif;
	text-transform: uppercase;
}
#tabs li {
	float: left;
	background: transparent url("/images/ui/tabs.gif") 100% -200px no-repeat;
	padding: 0 12px 0 0;
	margin: 0 1px 0 0;
}
#tabs ul a {
	float: left;
	display: block;
	padding: 9px 0 5px 12px;
	background: transparent url("/images/ui/tabs.gif") 0% -200px no-repeat;
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin: 0;
}
#tabs ul li#menu_offers {
	background-image: url("/images/ui/tabs_blue.gif");
	margin-left: 5px;
}
#tabs ul li#menu_offers a {
	background-image: url("/images/ui/tabs_blue.gif");
	color: #dfd;
}
#tabs ul li#menu_offers:hover a {
	color: white;
}

#tabs ul li:hover {
	background-position: 100% -400px;
	color: white;
}
#tabs ul li:hover a {
	background-position: 0% -400px;
	color: white;
}

body.section1 #tabs ul li#menu1 a,
body.section2 #tabs ul li#menu2 a,
body.section12 #tabs ul li#menu3 a,
body.section3 #tabs ul li#menu4 a,
body.section4 #tabs ul li#menu5 a,
body.section44 #tabs ul li#menu6 a,
body.section55 #tabs ul li#menu7 a,
body.offers #tabs ul li#menu_offers a {
	background-position: 0% 0px;
	color: black;
}

body.section1 #tabs ul li#menu1,
body.section2 #tabs ul li#menu2,
body.section12 #tabs ul li#menu3,
body.section3 #tabs ul li#menu4,
body.section4 #tabs ul li#menu5,
body.section44 #tabs ul li#menu6,
body.section55 #tabs ul li#menu7,
body.offers #tabs ul li#menu_offers {
	background-position: 100% 0px;
}

body.section1 #tabs ul li#menu1:hover,
body.section2 #tabs ul li#menu2:hover,
body.section12 #tabs ul li#menu3:hover,
body.section3 #tabs ul li#menu4:hover,
body.section4 #tabs ul li#menu5:hover,
body.section44 #tabs ul li#menu6:hover,
body.section55 #tabs ul li#menu7:hover,
body.offers ul #tabs ul li#menu_offers:hover {
}

body.section1 #tabs ul li#menu1:hover a,
body.section2 #tabs ul li#menu2:hover a,
body.section12 #tabs ul li#menu3:hover a,
body.section3 #tabs ul li#menu4:hover a,
body.section4 #tabs ul li#menu5:hover a,
body.section44 #tabs ul li#menu6:hover a,
body.section55 #tabs ul li#menu7:hover a,
body.offers #tabs ul li#menu_offers:hover a {
	color: #00f;
}

/* subnav */

div.subsections ul {
	width: auto;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	list-style: none;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1em;
}
div.subsections li {
	padding: 0 0 0 0;
	margin: 0 0 .2em 0;
	border: 1px solid white; /* for PC IE */
}
div.subsections li a {
	display: block;
}
div.subsections li.on a {
	border-left: 2px solid #c00;
	padding-left: 3px;
}

/* search module - sub column */
div.search {
	background: #d4e9ce url("/images/ui/searchmodule_foot.gif") bottom right no-repeat;
	padding: 0 0 5px 0;
	margin: 0 0 1em 0;
}
div.search h2 {
	margin: 0;
	padding: .3em 5px .3em 5px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1em;
	color: white;
	background: #489422 url("/images/ui/searchmodule_head.gif") top right no-repeat;
}
div.search form {
	margin: .2em 0;
	padding: 0 5px;
}
div.search input.field, div.search select {
	width: 105px;
	margin: 2px 0;
	font-size: 1em;
	float: left;
	height: 16px;
}
div.search input.btn {
	margin: 0;
	float: right;
}

/* form module - sib column */
div#subscribe {
	background: white url("/images/ui/formmodule.gif") bottom left no-repeat;
	padding: 0 0 10px 0;
	margin: 0 0 1em 0;
}
div#subscribe h2 {
	background: white url("/images/ui/formmodule.gif") top left no-repeat;
	margin: 0;
	padding: 10px 10px .3em 10px;
	font-size: 1.3em;
	color: white;
	font-weight: bold;
}
body.homepage div#subscribe {
	background: white url("/images/ui/formmodule_wide.gif") bottom left no-repeat;
}
body.homepage div#subscribe h2 {
	background: white url("/images/ui/formmodule_wide.gif") top left no-repeat;
}
div#subscribe p {
	font-size: 1.1em;
	color: #eef;
	padding: .3em 10px 0 10px;
}
div#subscribe p.disclaimer {
	font-size: .9em;
	color: #dde;
}
div#subscribe form {
	padding: 0 10px;
}
div#subscribe form input.field {
	width: 90%;
}
div#subscribe form label {
	color: white;
}
div#offersbar {
	margin: .2em 0 1em 0;
	padding: 0 20px;
	vertical-align: middle;
	text-align: center;
	background-color: #e5e5cc;
	height: 31px;
}
div#options div.filter {
	width: 750px;
	text-align: right;
	padding: 0;
	margin: 0 auto;
}
div#options div.filter h3 {
	font-size: 1.2em;
	display: inline;
	font-weight: bold;
	margin-right: .5em;
}
div#options div.filter p {
	font-size: 1.2em;
	display: inline;
	margin-right: .5em;
}
div#options div.filter form { margin: 0; }

span.offer, p.offer {
	background-color: red;
	color: white;
	text-transform: uppercase;
	padding: 0 .5em;
	font-weight: bold;
	white-space: nowrap;		
}
div.pm_black p.offer {
	background-color: black;
}


/* info for product listings */
div#main div.info {
	margin: 0 0 10px 0;
}


/* product listing module for offers */
div.pm, div.pm_red, div.pm_black {
	width: 270px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	background: transparent url("/images/ui/pm_grey_foot.gif") left bottom no-repeat;
}
div.pm div.pmhead { background: transparent url("/images/ui/pm_grey_foot.gif") left top no-repeat; height: 10px; }

/* red variant */
div.pm_red { background: white url("/images/ui/pm_red_foot.gif") left bottom no-repeat; }
div.pm_red div.pmhead { background: transparent url("/images/ui/pm_red_foot.gif") left top no-repeat; height: 10px; }
/* black variant */
div.pm_black { background: white url("/images/ui/pm_black_foot.gif") left bottom no-repeat; }
div.pm_black div.pmhead { background: transparent url("/images/ui/pm_black_foot.gif") left top no-repeat; height: 10px; }


div.pmcontent {
	padding: 10px;
}
div.pmcontent img.offer {
	float: right;
	margin: 0 0 0 5px;
	margin: 0;
	border: 0;
}
div.pmcontent img.product {
	float: right;
	margin: 0 0 0 10px;
	border: 0;
}
div.pmcontent p {
	font-size: ;
	line-height: 1.2em;
	margin: 0 0 .5em 0;
	text-align: left;
	padding: 0;
}
div.pmcontent p.category, div.pmcontent p.gender {
	color: #444;
}
div.pmcontent h3.brand {
	font-weight: normal;
	margin: 0 0 .1em 0;
	text-align: left;
	padding: 0;
}
div.pmcontent h2.prodname {
	font-weight: bold;
	margin: 0 0 .5em 0;
	text-align: left;
	padding: 0;
}
div.pmcontent h3.price {
	font-weight: bold;
	margin: .2 0 .1em 0;
	text-align: left;
	padding: 0;
}


div#productinfo ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	padding: 0;
	margin: .5em 0;
	font-size: 1.1em;
}
div#productinfo ul li {
	padding: 0 0 0 0;
	margin: 0 0 .05em 0;
}

ul.sizes, ul.sizekey {
	list-style: none;
	padding: 0 0 0 0;
	margin: .5em 0;
}
ul.sizes li {
	display: inline;
	padding: .1em .3em;
	margin: 0 1px 1px 0;
	font-size: 1.2em;
}
ul.sizes li.y {
	color: white;
	background-color: #113;
	font-weight: bold;
}
ul.sizes li.n {
	color: white;
	background-color: #ccc;
}
ul.sizes li.n strike {
	text-decoration: none;
	color: white;
}
ul.sizekey li.y {
	border-left: 20px solid #113;
	padding-left: .5em;
}
ul.sizekey li.n {
	border-left: 20px solid #ccc;
	padding-left: .5em;
}

/* brand logos panel */
div#brands { margin: 0 0 1em 0; }
div#brands h1 {
	display: block;
	background: transparent url("/images/title_shopbybrand.gif") no-repeat;
	text-indent: -700em;
	text-decoration: none;
	height: 17px;
}
div#brands ul.brandlogos { margin: 0; }
div#brands ul.brandlogos li {
	display: inline;
	margin: 0;
	padding: 0 1px 2px 1px;
}

/* home offers panel */
div#offers {
	margin: 0 0 1em 0;
	padding: 0;
	border: 1px solid red;
	padding: 4px 0 4px 4px;
	background-color: #f8eeee;
}
div#offers h1 {
	text-indent: -700em;
	margin: 0 4px 4px 0;
	padding: 0;
	background: red url("/images/panel_hdr_greatoffers2.gif") no-repeat;
	text-decoration: none;
	height: 25px;
}
div#offers div#offers_body {
	
}
div#offers div.offer {
	width: 120px;
	float: left;
	padding: 0 0 0 0;
	text-align: center;
	margin: 0 4px 5px 0;
	background: white url("/images/ui/bg_offer.gif") left bottom no-repeat;
}
div#offers div.offer div.info {
	padding: .5em .5em 0 .5em;
	text-align: left;
}
div#offers div.offer div.info h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 .5em 0;
}
div#offers p {
	margin: 0 0 .1em 0;
	
}
div#offers h3.price {
	margin: 0 0 .1em 0;
	color: #c00;
}
div#offers div.offer div.pic {
	height: 90px;
}
div#offers div.offer div.pic a {
	height: 90px;
	width: 120px;
	decoration: none;
	display: block;
	text-indent: -700em;
}
div#offers hr {
	height: 1px;
	color: red;
	border: none;
	border-top: 1px solid red;
	margin-right: 4px;
}



div.news {
	font-size: .9em;
	margin: 0 0 1em 0;
}

/* news page */
div.p { font-size: 1em; margin: .4em 0 .2em 0; }
div.p ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:disc;
	padding: 0;
	margin: .5em 0;
	font-size: 1.2em;
}
div.p ul li {
	padding: 0 0 0 0;
	margin: 0 0 .5em 0;
	line-height: 1.2em;
}

/* search page filter tabs */
div.searchfilter {
	background: white url("/images/ui/pixel_666.png") bottom left repeat-x;
	}
ul.searchfilter {
	list-style: none;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	clear: both;
}
ul.searchfilter li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}
ul.searchfilter li.on {
	padding: 0 5px 0 0;
	background: white url("/images/ui/tab_searchfilter.png") top right no-repeat;
}
ul.searchfilter li a {
	padding: .2em 0 .2em 5px;
	display: block;
	margin: 0;
}
ul.searchfilter li.on a,
ul.searchfilter li.on a:link,
ul.searchfilter li.on a:visited {
	color: black;
	font-weight: bold;
	background: white url("/images/ui/tab_searchfilter.png") top left no-repeat;
	text-decoration: none;
}

/* #footer */
#footer div.site {
	width: 750px;
	text-align: center;
	margin: 0 auto 1em auto;
	font-size: 1em;
	text-transform: uppercase;
	color: #555;
}
#footer div.production {
	width: 750px;
	text-align: center;
	margin: 0 auto;
	padding: .5em 0 0 0;
	font-size: 1em;
	border-top: 1px solid #eee;
	color: #999;
}
#footer p {
	font-size: 1em;
	margin: .2em 0 .3em 0;
	padding: 0;
}