/* real CSS styles for well behaved browsers */

/* import CSS for compliant browsers */
/* ------------------------------------------------------- */
@import url(reset.css);
@import url(typography.css);
@import url(navigation.css);
/* positioning */
.accessibility {
	   position: absolute;
       left: -999em;
       width: 990em;
   }
body {
	height: 100%;
}

.clearboth{ clear:both;}
a.accessibility:active, a.accessibility:focus {
	left: 0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:3em;
	line-height: 3em;
	font:1em bold Arial, Helvetica, sans-serif;
	color:#03F;
}
a.footerAccessibility {
	   position: absolute;
	   bottom:0;
       left: -999em;
       width: 990em;
   }
a.footerAccessibility:active, a.footerAccessibility:focus {
	left: 0em;
	bottom:0em;
	width:10em;
	border: 3px solid #FF0000;
	background-color: #fff;
	text-align:center;
	height:20px;
	line-height: 20px;
	font:14px bold Arial, Helvetica, sans-serif;
	color:#03F;
}
body {
	background: #131312 url(/images/tilebg.png) repeat;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#container {
	width:960px;
	position:relative;
	margin-left:-480px;
	left:50%;
}
#container .inner #header {
	background:url(/images/layout/masthead_bg.png) no-repeat left top;
	width:960px;
	height:187px;
}
ul#navTools {
	position:absolute;
	display:inline;
	text-align:right;
	top:8px;
	right:40px;
	width:540px;
}
ul#navTools li {
	display:inline;
}
ul#navTools li a {
	padding: 0 5px;
}
/*p#basketNav {
	position:absolute;
	top:0;
	right:25px;
	width:300px;
	height:40px;
	text-align:right;
}*/
#content p, #sidebar p, #lowerSideBar p {
-x-system-font:none;
color:#171717;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
}
p.basketSummary {
	color:#FFFFFF;
	font-size:14px;
	padding-right:47px;
	position:absolute;
	right:0;
	text-align:right;
	top:28px;
}
p.orderTelNo {
	position:absolute;
	top:75px;
	right:40px;
	width:320px;
	height:40px;
}
#mid {
	background:url(../images/layout/mid_bg.png) repeat-y;;
	padding:0 30px;
}
#searchBlock {
	position:absolute;
	right:40px;
	top:207px;
}
#searchForm, #newsletterForm {
	background:#e5e2d8;
	width:280px;
	padding:5px 10px 10px 10px;
}
form#search input {
	margin-bottom:4px;
}
form#newsletter input#newsletterEmail {
	margin: 5px 0;	
}
#newsletter input, #newsletter submit{
	display:inline;
	margin: 5px 0;	
}
#newsletter{width:100%;}
#newsletterForm {
	margin-top:10px;
}
input[name="timer"]{display:none;}
#sidebar {
	float:right;
	width:342px;
}
.homePic {
	float:left;
}
#homepage #recentlyViewedItems {

}
#homepage #main #content {
	float:left;
	width:560px;
	margin-top:10px;
}
#main #lowerSideBar {
	float:right;
	width:300px;
	margin-top:25px;
}
#lowerSideBar blockquote {
	background:url(../images/text/commentsIcon.png) no-repeat left top;
	padding-left:45px;
	width:225px;
	margin-bottom:25px;
}
ul.homeDepts {
	float:left;	
	margin-top:20px;
}
ul.homeDepts li {
	float:left;
}
ul.homeDepts li a {
	display:block;
	padding:8px;
	text-decoration:none;
}
ul#navSubDept li a {
	display:block;
	text-decoration:none;
}
/*#homepage ul#navDept {
	position:absolute;
	left:0px;
	top: 0px;
}*/
li.deptTop {
	top:0;
	left:-5000px;
	position:absolute;
}

/*li.deptTop ul.navSub li {
	position: absolute;
	top:0px;
	left:0px;
}*/

.inner .search {
	position:absolute;
	left:0px;
	top: 0px;
}	
#footer {
	clear:both;
	background: url(../images/layout/baseBg.png) no-repeat left top;
	height: 47px;
	padding:0 25px;
}
#footer ul {
	float:left;
	width:770px;
	margin:30px 0 20px;
}
#footer ul li {
	float:left;
}
#footer ul li a {
	display:block;
	padding-right:8px;
}
#footer p#credits {
	float:right;
	margin-right:5px;
	margin-top:30px;
}
/*----------------------------department page-----------------------------------*/
#main #content {
	float:left;
	width:560px;
	margin-bottom:15px;
}
#main .inner {
	min-height:420px;	
}
#productSort {
	width:580px;
}
#productSortOptions {
	background:#E5E2D8;
	padding:5px;
}
.sortBlock {
	float:left;
	width:auto;
	padding:5px;
}
form#productSortForm .sortBlock label {
	width:120px;
	font-size:12px;
}
#recentlyViewedItems {
	background:#E5E2D8;
	padding:10px;
	float:left;
	width:880px;
}
ul#recentlyViewed {
	padding-left:15px;
	list-style-type:none;
	display:inline;
}
ul#recentlyViewed li {margin:5px; width:280px;float:left; background:#fff;}
ul#recentlyViewed img{float:left; margin:3px 15px 3px 3px;}
ul#recentlyViewed div{margin-top:15px;}
.checkoutpages h2{
	padding:30px 2px 10px 2px;
	text-decoration:underline;
}
.checkoutpages h3{
	padding:5px 2px;
}
.pagination {
	width:580px;
}
.pagination p {
	float:right;	
}
.products li {
	background:#e5e2d8;
	width:570px;
	padding:5px;
	margin:10px 0 0 0;
	min-height:160px;
}
p a[rel="lightbox"] {
	background:url(../graphics/site/magnifier.png) no-repeat scroll left top;
	height:22px;
	padding-left:20px;
}
#product .image {
	float:left;
	margin-right:15px;
	min-height:315px;
}
#product .info {
	float:right;
	width:300px;
	background:#fff;
	padding:10px;
}
ul.products li p.image {
	float:left;	
	margin-right:15px;
}
ul.grid li p.image {
	float:none;
	margin-right:0px;
}
ul.products li div {
	margin-top:10px;
}
ul.grid {
	float:left;
	width:580px;
	margin-bottom:10px;
}
ul.grid li {
	float:left;
	width:165px;
	height:270px;
	margin-right:15px;
	min-height:205px;
}
ul.grid h3{
	height:90px;
}

#main .inner ul.grid li p.image, ul.grid p.price {
	text-align:center;
}

form#productDisplay select, form#productDisplay input {
	margin:7px 0;
}
.products ul li a img {
	float:left;
	margin-right:15px;
}

.ui-tabs-panel ul {
	list-style-type:disc;
	padding-left:15px;
	color:#171717;
}
.formButton {
	background:#050505 none repeat;
	border:medium none;
	color:#FFFFFF;
	height:2.2em;
	line-height:2.2em;
	overflow:hidden;
	padding:0 4px 2px;
}
input#quantity {
	padding: 4px;
}

/*--------------------------------reviews--------------------------------------*/
#reviews {
	background-color:#fff;
	border:1px solid #F5F3EE;
	padding:10px;
	width:566px;
	margin-bottom:20px;
}
.review {
	background:transparent url(/graphics/petrol/ratings.gif) no-repeat scroll 0 0;
	display:block;
	height:12px;
	line-height:12px !important;
	margin:1em 0;
	padding-left:80px;
}
#reviewForm label {
	float:left;
	width:120px;
}
#reviewForm dd {
	margin:8px 0;
}
#reviewForm #title, #reviewForm textarea {
	width:300px;
}
#reviews p.review {
	line-height:12px !important;
	float:right;
}
p.rating0 {
	background-position: 0 0;
	}
p.rating1 {
	background-position: 0 -12px;
	}
p.rating2 {
	background-position: 0 -24px;
	}
p.rating3 {
	background-position: 0 -36px;
	}
p.rating4 {
	background-position: 0 -48px;
	}
p.rating5 {
	background-position: 0 -60px;
	}
p.rating6 {
	background-position: 0 -72px;
	}
p.rating7 {
	background-position: 0 -84px;
	}
p.rating8 {
	background-position: 0 -96px;
	}
p.rating9 {
	background-position: 0 -108px;
	}
p.rating10 {
	background-position: 0 -120px;
	}
/*--------------------------------basket---------------------------------*/
/*table tr th.quantity {
border-left:1px solid #4C4C4C;
}*/
table tr th, table tr th {
	background:#E5E2D8;
	border-bottom:1px solid #555555;
	border-top:1px solid #555555;
	color:#1E283A;
	text-align:center;
}
table#basket th, table#review th {
border-right:1px solid #4C4C4C;
}
table th, td, table th {
	padding:5px 10px;
}
table td img {
	vertical-align: middle;	
}
td.removeItem {
	text-align:center;
}
#total dd {
	margin-bottom:10px;
}

fieldset {
	margin:1em 0;
	padding:1em;
	border:1px solid #ccc;
	background:#E5E2D8;
	position: relative;
	}

fieldset.submit input {
	width: auto;
}
legend {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #171717;
	}
label {
	display:block;
	font:12px Arial, Helvetica, sans-serif;
	}
table input {
	width:200px;
	}
input.formFieldShort {
	width:auto;
}
table input:focus, table textarea:focus {
	border: 1px solid #171717;
	}
input[type="text"], textarea, table select, input[type="password"], fieldset input, fieldset select {
	border:1px solid #ccc;
	}
.required {
	font-size: 0.75em;
	color: #FF0000;
}

.privacyText {
	font-size: 10px;
}

/**drop down**/
.dropdown{
display:none;
text-align:left;
position:absolute;
top:174px;
left:0;
width:200px;
margin:1px;
background:#020202;
color:#F5F3ee;
padding:5px;
z-index:100;
border:1px solid #fff;
-webkit-box-shadow: 2px 2px 5px #888;
-moz-box-shadow: 2px 2px 5px #888;
box-shadow: 2px 2px 5px #888;
padding:5px 5px 5px 15px;
}
.dropdown a, .dropdown a:visited{color:#F5F3ee;}
.dropdown a:hover, .dropdown a:focus, .dropdown a:active {text-decoration:none;}
.dropdown li{ padding:3px;}

#LadiesShoes{margin-left:160px;}
#LadiesClothing{margin-left:275px;}
#GentsShoes{margin-left:405px;}
#GentsClothing{margin-left:515px;}
#Accessories{margin-left:635px;}
/*-----------------------------------------------*/
table.user td {
	padding-left:0px;
}
h3 input#cc {
	display:none;
}
#postage p {
	margin: 0 !important;
}

/* spam trapping css to hide input field from Humans */
.hideInput { display:none; }