﻿.BasketLinkStyle {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #BCCD27;
	border:none;
}
.sheo{
display:none;
visibility:hidden;
color:red


}
.ProductPanelText{
font-style:bold;
margin-top:6px;
}

a.BasketLinkStyle:link {
	color: #BCCD27;
	text-decoration: none;
}

.MaleBrandsDDL {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
	background-color: #E4E9D6;
}

.FemaleBrandsDDL {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	width: 120px;
	background-color: #F9EEF2;
	
}

a.BasketLinkStyle:hover {
	color: #BCCD27;
	text-decoration: underline;
}
.maintext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.mtlarge {
	font-size: small;
}
.terms {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF; 
	
}
.terms a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	
}
.bartext {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	
}
.bartext a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.bartext a:link {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.navbox {
	background-image:  url("../images/nav_bg.gif");
	background-repeat: repeat-y;
	background-position: left top;
}
.check {
padding:0;
border:none;
margin:0;
}
.tilebox {
	background-image:  url("../images/basket_bg.gif");
	background-repeat: repeat-y;
}
.subnav {
}
.thumbright {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #808080;
}
.input {
	height: 16px;
	width: 177px;
	background-color: #F9F9F9;
	border: 1px solid #000000;
	font-size:11px;
	font-weight:bold;
}
.pagehead {

	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:  url("../images/background.jpg");
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#000000;
}
a:link {
	color: #BCCD27;
	text-decoration: none;
	font-weight:bold;
}
a.subnav:link {
	color: #BCCD27;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color: #BCCD27;
	font-weight:bold;
}
a.subnav:visited {
	text-decoration: none;
	color: #BCCD27;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
	color: #BCCD27;
	font-weight:bold;
}
a.subnav:hover {
	text-decoration: underline;
	color: #000000;
	font-weight:bold;
}
a:active {
	text-decoration: none;
	color: #BCCD27;
	font-weight:bold;
}
a.subnav:active {
	text-decoration: none;
	color: #BCCD27;
	font-weight:bold;
}
.style1 {
	color: #BCCD27;
	font-weight: bold;
	font-size:11px;
}
.header {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.headerLarge {
	font-size: 26px; 
	color: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 6px solid #000000;
	text-transform:uppercase;
}
.headerMedium {
	font-size: 17px; 
	color: #1A982A;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 3px solid #1A982A;
	text-transform:uppercase;
}
.headerGrey {
	font-size: 17px; 
	color: #757575;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	
	
}
.tableColor{
	background-color: #F7F7F7;
}
.tableColor td {
border: 1px solid #ffffff;
}

.greyLine {
	border-bottom: 1px solid #CCCCCC;
}
h1 {
	font-size: 150%; 
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 5px solid #BCCD27;
	padding-top:20px;
}
h2 {
	font-size: 130%; 
	color: #DBDBDB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 5px solid #DBDBDB;
}
h3 {
	font-size: 100%; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
}
.sizes{
	border: 1px solid #CCCCCC;
}
.HelpText {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:12px;
}
a.HelpText:link {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
}
a.HelpText:hover {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size:12px;
	text-decoration: underline;
	
}
.HelpBorder {
	border-top: 2px solid #1A982A;
}

.ProductPanelText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.WasPrice {
font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
text-decoration:line-through;

}
.NormalPrice {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
color:#000000;

}

.SalePrice {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 18px;
color:#FF0000;

}
img a:link, img a:active, img a:visited, img a:hover{
	border:none;
	margin:0;
	padding:0;
}
img { margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;}

.title {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}
a.PagingSelectText {
	border-right: 1px solid darkgreen;
	padding-left: 2px;
	padding-right: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
}

a.PagingSelectText:visited {

	color: black;
}

.PagingSelectedText {
	border-right: 1px solid darkgreen;
	padding-left: 2px;
	padding-right: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}


a.PagingFirstText {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border-right: 1px solid darkgreen;
	padding-right: 5px;
	cursor: pointer;
	color: black;
}

a.PagingFirstText:visited {

	color: black;

}

a.PagingFirstText:link {

	color: black;
	text-decoration: underline;

}

a.PagingFirstText:hover {
	color: black;
	text-decoration: underline;
}

a.PagingSelectText {

	cursor: pointer;
	font-family: Arial, Verdana, Helvetica, sans-serif;	

}

a.PagingSelectText:link {
	padding-left: 2px;
	padding-right: 3px;
	border-right: 1px solid darkgreen;
	color: black;
}
a.PagingSelectText:hover {
    color: black;
    text-decoration: underline;
}

a.PagingSelectedText {

	font-weight: bold;

}

.PagingSelect {
border-right: 1px solid darkgreen;
padding-left: 5px;
padding-right: 5px;
}

.PagingLastText {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 5px;
	cursor: pointer;
	color: black;

}
a.PagingLastText:link {
	color: black;
	text-decoration: none;
}
a.PagingLastText:visited {
	color: black;
	text-decoration: none;
}
a.PagingLastText:hover {
	color: black;
	text-decoration: underline;
}

.PagingShowAllText {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding-left: 15px;
	cursor: pointer;
	font-weight: bold;
	color: black;
}
a.PagingShowAllText:link {
	color: black;
	text-decoration: none;
}
a.PagingShowAllText:visited {
	color: black;
	text-decoration: none;
}
a.PagingShowAllText:hover {
	color: black;
	text-decoration: underline;
}

.ProductPanelLabel
{
		
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
		
}
.ProductListStyle
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	
}

.productText 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.PagingRow {
	text-transform:uppercase;
	width:100%;

}

.PageXofYBox {
	text-align:left;
	width: 50%;
	font-weight:bold;

}

.PagingBox {

	text-align: right;

}

.storesText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.7em;
	}
.padding {
	padding:5px;
}
.padLeft {
	padding-left:5px;
}
.padBottom {
	padding-bottom:5px;
}
.topLink a:link, .topLink a:active, .topLink a:visited, .topLink a:hover{
	font-size:11px;
	color:#999999;
	font-weight:bold;
}
.topLink{
	font-size:11px;
	color:#999999;
	font-weight:bold;
}
/* lists */

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	margin:0;
	padding:0;
}

ul#menulist { width: 100%; z-index:1000; height:29px}
#menulist li { float:left; position: relative; z-index:1000;}
#menulist li a { position: relative;color: #000; font-size: 1.1em; padding:8px 25px; text-decoration: none; font-weight:bold; display: block; z-index:1000}
#menulist li:hover a { background: #000 top repeat-x; color: #FFF; } 
#menulist li:hover ul li a { background: none; } 
#menulist ul { float: left;  margin: 0 0 0 0px;position: relative; width: 410px; padding: 0px; }
#menulist ul li.subcathead { float: left;  width: 125px; display: block; padding: 2px; font-weight: bold; border: 0px; font-size: 1.2em; color: #BCCD27; }

#menulist ul li ul { float: left;  padding: 0;}

#menulist ul li ul.override{ width: 115px; padding-left:10px;}



#menulist ul li ul li { border: 0px;font-size: 0.7em; }
ul#menulist .rpddmenu li a { font-size: 1em;  color: #FFF;  }


#menulist ul li a { display: block; background: none; border: 0px solid #000; font-size: 12px; padding: 2px 0;  line-height: 16px; background: none; width: 125px; _margin-right: 0px; }
#menulist ul li a:hover { color: #FFF; background: none; text-decoration: underline; }

li.mnutitle { padding: 5px;  }
ul#menulist li a {
font-size: 1.2em;
background-image:url(../images/nav_back.jpg); 
background-repeat:inherit;
color:#FFFFFF;

}

div.rpddmenu { text-align:left; display: none; position: absolute; top: 32px; right: 0px;  padding: 5px;z-index:1000; border-top: 0px solid #EEE; background: #000;
}


#leftmenu div.rpddmenu { z-index: 1; background: #FFF; background-image: none; display: block; position: relative; width: 200px; padding: 5px; border-top: 0px solid #EEE;  z-index:1000}

#pmts, #brands, #newz, #offers { position: relative; z-index:1000}
div#pmtsmenu.rpddmenu, div#newzmenu.rpddmenu,div#offersmenu.rpddmenu  {  width: 190px; z-index:1000}



div#pmtsmenu.rpddmenu ul,  div#newzmenu.rpddmenu ul,div#offersmenu.rpddmenu ul  {  width: 190px; z-index:1000}

div#newzmenu.rpddmenu{  width: 145px; z-index:1000};
div#offersmenu.rpddmenu ul {  width: 47px; z-index:1000;};


.mainlink span{

}
div#brandsmenu.rpddmenu ul li a{
border:0px;
}




.ProductListItemStyle {

	}
.green {
	color: #BCCD27;
	font-size:14px;
}
.darkgreen {
	color: black;
	font-size:14px;
}
.productTitle {
	color:#BCCD27;
	font-size:18px;
}
.colour {
	font-size:13px;
}
.code{
	font-size:10px;
	color:#666666;
}
.price {
	font-size: 18px;
}
.productBorder {
	border-bottom:5px solid #EBEBEB;
}
.add {
	font-weight:bold;
	padding:5px 0 5px 0;
}
.style5 {
font-size:16px;
font-weight:bold;
}

.formtextbox {
	height: 20px;
	width: 177px;
	background-color: #F9F9F9;
	border: 1px solid #000000;
	font-size:11px;
	font-weight:bold;
}
#cmdChangeAddress{
	width:126px;
}
a.largepic{ 
  width:185px; 
  text-decoration:none; 
  position:relative; 
  display:block; 
  float:left; 
} 
 
a.largepic span.icon{ 
  position:absolute; 
  left:12px; 
  top:12px; 

} 
.footerGreen {
	color: #BCCD27;
	font-weight:bold;
	font-size:11px;
}

.footer a:link, .footer a:visited, .footer a:active, .footer a:hover {
	color: #999999;
	font-weight:bold;
	font-size:11px;
}
.footer a:hover {
	text-decoration:underline;
}
#cmdSubmit {
	background-color:#C7DB43;
	font-weight:bold;
	color:#000;
	border:none;
	margin-right:40px;
}
#txtName {
	border:1px solid black;
	background-color:#f9f9f9;
}
#txtEmail{
	border:1px solid black;
	background-color:#f9f9f9;
}
#txtComments {
	border:1px solid black;
	background-color:#f9f9f9;
}


.vAlign {

vertical-align:bottom;/*IE 5 for PC only*/
voice-family:"\"}\"";
vertical-align:bottom;\/*IE8 only*/
vertical-align:bottom;/*Mozilla - Firefox only*/
[vertical-align:bottom;
vertical-align:bottom;]/*Opera and newer Safary 4+*/
}
/*end*/

/*\*/
html*.vAlign {
[vertical-align:bottom;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh,
which is addressed below.*/
vertical-align:bottom;/*Affects Google Chrome (v1-2) and Safari for Macintosh (v1-3). Seen also by IE5-6, but that's addressed below.
Also hidden from older Firefox and Netscape browsers.*/
]vertical-align:top;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all Firefox
and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Chrome/Safari, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is unaffected
by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari, as well as Chrome, see each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape read the []
as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html .vAlign {
vertical-align:bottom;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7-8 for PC are
not affected here, which means purple above should work only in IE 7 above and gray for IE8!*/
}
/**/


/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #777;
 font-size:12px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #777;
 border-bottom: none;
 background: #F2F1F1;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #000; }
ul.tabbernav li a:visited { color: #000; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #fff;
 border-color: #777;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #777;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
