/* USING 2 screen style sheets. Check both
----------------------------------------------- */
html, body, div, p {
	font-family: helvetica, arial, sans-serif;
   color:#58595B;
}


body{
text-align:center;
margin:0; padding:0;

font:76% helvetica, arial, sans-serif;

background: url(../images/bk.gif) repeat-x #E6E7E8;

}

/* ROLLOVER STYLES
----------------------------------------------- */
a:link, a:visited { font-weight: bold; color: #659f88;  text-decoration: none; } 
 
a:hover, a:active { font-weight: bold; color: #659f88; text-decoration: underline; } 


#footer a:link, #footer a:visited, #secondNav a:link, #secondNav a:visited  { font-weight:normal;  color: #58595B;  text-decoration: none; } 
 
#footer a:hover, #footer a:active, #secondNav a:hover, #secondNav a:active {font-weight:normal;  color: #000; text-decoration: underline; } 

a.smallBlLinks:link, a.smallBlLinks:visited,  a.smallBlLinks:hover, a.smallBlLinks:active   {  
color: #58595B;  text-decoration: none; font-size:0.9em; font-weight:bold;
} 

#breadcrumb a:link, #breadcrumb a:visited { font-weight:normal; color:#58595B;  text-decoration: none;  } 
 
#breadcrumb a:hover, #breadcrumb a:active { font-weight:normal; color:#58595B; text-decoration: underline; } 


#homeText a:link, #homeText a:visited, #subcatText a:link, #subcatText a:visited, #tradeText a:link, #tradeText a:visited  {  font-weight:normal;  color: #000;  text-decoration: none; } 
 
#homeText a:hover, #homeText a:active, #subcatText a:hover, #subcatText a:active, #tradeText a:hover, #tradeText a:active {  font-weight:normal; color: #000; text-decoration: underline; } 

#navigation a:link, #navigation a:visited {  font-weight:normal; color: #000;  text-decoration: none; } 
 
#navigation a:hover, #navigation a:active { font-weight:normal; color: #000; text-decoration: underline; } 




#smallBlLinks  { width:114px; }



/* TEXT STYLES
----------------------------------------------- */

h1, h2, h3, h4 { margin:0; padding:0; 
color:#AAA683; 
}	

h1 { font-size:1.0em; margin-bottom:4px; }
h2 { font-size:1.0em;  }

h3 { font-size:1.0em; margin-bottom:4px;  }





h4 { font-size:1.3em;   }


h5 { font-size:1.3em;  margin:0;padding:0; padding-bottom:18px; font-weight:normal; }

p {
font-size:1.0em; margin:0; padding:0; padding-bottom:18px; 

}

.productDesc {
font-size:0.9em; margin:0; padding:0; padding-bottom:18px; 

}



.small { font-size:0.8em; }


.smallBl { width:126px; font-size:0.9em; font-weight:bold; line-height:1.1em; margin-top:2px; margin-bottom:14px; color:#58595B; }



.checkSp { margin-top:5px; }


.tableCl { margin:0; padding:0;  border:1; }



.whiteHeader { color:#FFF; font-weight:bold; }



/* IMAGE POSITIONS + HELP WITH PAGE LAYOUT
----------------------------------------------- */	
img.floatLeft { 
    float: left; 
}



img.floatRight { 
    float: right;  
}

img.floatLeftPadBot { 
    float: left; 
	padding-bottom:9px;
}

.floatLeftTEMP { 
    float: left; 


}



#searchFac { position:absolute; left:315px; 
margin-right:15px;  top:-46px;

}


#checkoutFac { position:absolute; left:466px; top:-2px;
border:solid 1px #ABACAE; margin-top:12px;
width:128px;height:68px; background-color:#F5F5F6;padding:8px;

}

#signUpFac { position:absolute; left:623px; top:10px;
width:188px;  border:solid 1px #ABACAE; background-color:#99CCCC;
padding:4px; 
}
#signUpFac form {  margin:0; padding:0; } 

.joinList {
font-weight: bold; font-family:Arial; font-size:10px; color:#FFFFFF;
}
p.joinList  {
margin:0; padding:0;  padding-bottom:3px;
}

/* USE float: left and overflow: hidden to fix missing backgroud colours */

#wrapper{
margin:0 auto;
text-align:left;
	width:820px;


	overflow: hidden;
}

#header1 { position:relative;
 float: left;
width:820px;
background-color:#E6E7E8;
height:109px;

}


#logo {
    float: left;
height:98px;	
}

#checkoutFac { 
float: right; border:solid 1px #ABACAE; margin-top:12px;

}

#checkoutFacBL { 
float: right;  margin-top:12px;

}


#searchFac { float: right;
margin-right:15px; 
margin-top:49px;
}



#navigation {

clear:both;
width:820px;
background: url(../images/bk2.gif) repeat-x #E6E7E8;
height:32px;
_margin-top:-3px;
}



#breadcrumb {

clear:both;
width:820px;padding:0;
height:12px;
padding-top:8px;
padding-left:16px; font-size:11px; 
padding-bottom:0px;
}



#divider {

clear:both;
float: left;
height:17px;
width:865px;
background:url(../images/grey-divider.gif) no-repeat;

}

#title {
float: left;
margin:0;
padding:0;
padding-left:22px;
}



#thumbs {
padding-bottom:9px;


}

#thumbs2 {
padding-bottom:10px;

}

/* underscore hack used to fix 1 pixel problem in ie */
#maincol { 
float: left;
margin:0; margin-top:10px;

background-color:#F5F5F6;

padding:0;

padding-left:12px; padding-top:5px;

}

#maincol2 { 
float: left;
margin:0; margin-top:10px;

background-color:#F5F5F6;

padding:0;

padding-left:12px;padding-top:10px;padding-right:1px;

}



#rightcol { 
float: left;

margin:0; margin-top:10px;

width:282px; background-color:#F5F5F6;

padding:0;padding-left:5px;
}

#rightcol2 { 
float: left;
margin:0; padding:10px; 

width:360px; 

background-color:#E6E7E8;
}

#rightcol2 p {  font-size:1.0em; }


/*  overflow:hidden; fixes missing bottom line in netscape */
#fullCol { float:left; width:795px; border: 1px solid #58595B; padding:0; margin-right:11px; margin-top:5px; background-color:#E6E7E8; overflow:hidden; } 
#fullCol2 { float:left; width:795px; border: 1px solid #58595B; padding:0; margin-right:11px; margin-top:5px; background-color:#BEBBA1; overflow:hidden; } 

#fullTextCol { float:left; width:658px;  margin-top:10px; padding:40px 145px 10px 18px;   background-color:#F5F5F6;  } 
#checkout { float:center; width:750px;  margin-top:10px; padding:40px 145px 10px 18px;   background-color:#F5F5F6;  float: left; margin-bottom:8px;  } 

/*  ABOUT TEMPLATE */

#fullAbout { float:left; width:800px;  margin-top:10px; padding:10px; _padding-bottom:0px; background-color:#F5F5F6;  } 


#fullAbout2 {  float:left; border:solid 1px #ABACAE; margin-top:0px; width:434px; padding:20px; padding-bottom:0px; margin-bottom:0px; background-color:#E6E7E8; } 
#floatLeft { float:left; width:323px; padding:0;margin:0; }
#floatLeftPd { float:left;  padding:0;margin:0; padding-top:10px; padding-left:10px; }

.aboutImg  {  border:solid 1px #ABACAE; border-left:0px; } 

/*  PRESS TEMPLATE */

#fullPress { float:left; width:800px;  margin-top:10px; padding:10px; _padding-bottom:0px; background-color:#F5F5F6;  } 
#fullPress2 {  float:right; border:solid 1px #ABACAE; margin-top:0px; width:434px; padding:20px; margin-bottom:0px; background-color:#E6E7E8; min-height:482px; } 

#floatRightPd { float:left;  padding:0;margin:0; padding-top:10px; padding-right:9px;}
.PressImg  {  border:solid 1px #ABACAE; border-right:0px; } 



#wherecolA {  float:left; width: 468px; background:url(../images/headers/where-to-find-us.gif) #BEBCA2 no-repeat; }


/* wherecolB and wherecolB div used to create the vertical aligned text at the bottom */

#wherecolB {
padding-right:12px;
	margin: 0 auto; 
 position:relative;	
width: 50px; 
height:266px;

}

#wherecolB div {
width: 250px;
text-align:right;
	position:absolute;
	bottom:10px;
	left:0;	

}

/* dincolB and dincolB div used to create the vertical aligned text at the bottom */

/* wrap dincolB to stop layout problem in Netscape */
#wrapdincolB { float:right; }


#dincolB {
background-color: #BEBCA2; 
 position:relative;	
width: 379px;
height:315px;
}

#dincolB div { 

width: 330px;
	position:absolute;
	bottom:10px;
	left:0;	
padding-left:12px;	
}

#primaryText {
width: 359px; height:295px; background-color:#BEBCA2; padding:10px;  overflow: auto; font-family:Verdana, Geneva, sans-serif;
}

#rangesText {
	float:right; margin-right:10px;margin-bottom:8px;margin-top:0px;
width: 237px; height:183px; background-color:#BEBCA2; padding:10px;  overflow: auto; font-family:Verdana, Geneva, sans-serif;

}

#giftscolB {
background-color: #BEBCA2; 
 position:relative;	
width: 469px;
height:313px;
}

#giftscolB div { 

width: 330px;
	position:absolute;
	bottom:10px;
	left:0;	
padding-left:12px;	
}


#checkOutcol { 
float: left;

width: 468px; background-color:#BEBBA1; 

}



.categories { float:left; width:795px; padding:0; margin-right:11px; margin-top:94px;

 margin-bottom:11px; 
 _margin-bottom:15px; 
 
 } 
 
 .metaAdditional { float:left; width:795px; padding:0; margin-right:11px; margin-top:15px;

 margin-bottom:20px; 

 
 } 
 

 .GiftCategories { float:left; width:795px; padding:0; margin-right:11px; margin-top:13px; padding-bottom:37px; } 
 
 .relatedProductsCheck { float:left; width:795px; padding:0; margin-right:11px; margin-top:13px; padding-bottom:18px; } 
 
 .checkoutMessage { clear:both; margin-top:27px;  }
 

.addBorder1 { border: 1px solid #58595B; margin-bottom:8px; }

.addTEMPBorder1 { border: 1px solid #58595B;  }

.addsubCatBorder { float:left; border: 1px solid #58595B;  padding:0; margin-right:10px; margin-bottom:8px; } 

.addsubCatBorder2 { float:right;  border: 1px solid #58595B;  padding:0; margin-right:10px; margin-bottom:8px; } 

.addsubRelBorder { float:left;  border: 1px solid #58595B;  padding:0; margin-right:5px; margin-bottom:4px; } 
.addsubRelText {   font-size:0.8em; color:#FFF; line-height:1.1em;  padding-right:8px; padding-left:2px; margin-top:0px; margin-bottom:12px; }
.addsubRelImg {   padding-left:2px; }


.addmainBorder { float:left; border: 1px solid #58595B;  padding:0; margin-right:5px; margin-top:5px; } 

.addmainBorderRi { float:right; border: 1px solid #58595B;  padding:0; margin-right:10px; margin-top:5px;  }

.addmainBorderRi2 { float:right; border: 1px solid #58595b;  padding:0; margin-right:10px; margin-top:6px;  } 

.cartRelatedBorder1 { border: 1px solid #58595B; }

#homeText {
float:right; width:249px; height:399px;background-color:#a2c0be; padding:10px; margin-right:10px;margin-top:5px; overflow: auto; font-family:Verdana, Geneva, sans-serif;
}

#subcatText {
float:right; width:257px; height:270px;background-color:#BEBCA2; padding:10px; margin-top:14px; margin-right:22px;overflow: auto; font-family:Verdana, Geneva, sans-serif;
}

#tradeText {
float:right; width:283px; height:465px; background-color:#BEBCA2; padding:14px 14px 14px 14px; overflow: auto; font-family:Verdana, Geneva, sans-serif;
border: 1px solid #58595B; 
}
#tradeText p { padding:0; padding-bottom:10px; }

#bottcol { 

float: left;

margin:0; margin-bottom:8px; 

width:820px; background-color:#F5F5F6;

padding:0;padding-left:12px;


}

#bottcol h1, #bottcol h2, #bottcol h3, #bottcol h4, #bottcol h5 { margin:0; padding:0; 
color:#AAA683; font-size:0.9em; 
}



#bottcolA { 
float: left;
width:465px;

}

#relatedItems { 
margin:12px 0 0 54px;
padding:4px 8px 10px 8px;
float: left;
width:260px; 
background-color:#BEBCA2;
border: 1px solid #58595B;
}

#relatedProducts { 
float: left;
}

.smallcolA {
float: left;
width:118px;
padding:15px 35px 0 0;

}


.smallcolB {
float: left;
width:145px;
padding:15px 29px 0 0;
}

.smallcolC {
float: left;
width:130px;
padding:15px 15px 0 0;
}


.smallcolD {
float: left;
width:148px;
padding:15px 29px 18px 0;

_padding-bottom:22px;
}


.moveoneRi {

padding-left:2px;
}

.widthFull {
width:820px; 
margin-bottom:-15px;
}



#footer { 
clear:both;
height:35px;
margin:0; padding:0; padding-top:15px; 
width:820px; background-color: #F5F5F6; color:#58595B; 
}

#secondNav { clear:both; padding-top:6px; margin-bottom:10px; font-size:0.9em; }


.alignRight { float:right; margin-right:10px; }


.clear { clear: both;  padding:0; margin:0; }


#clear2 {  clear: both; padding:0;margin:0; margin-bottom:3px; }

.spacer { margin-bottom:10px; }

.spacer2 { 
margin-bottom:-6px;
 }
 

 

/* FORM FIELDS */

form { margin:0; padding:0; margin-top:7px; margin-bottom:10px; }

.inputFdJoin
{
font-size:12px;	
width:137px;
height:16px; line-height:20px;
}

.inputFd
{
width:105px;
height:20px; line-height:20px;
}

.inputFd2
{

height:16px; line-height:16px;
font-size:12px;
color:#333333;
}

.inputFd3
{

height:16px; line-height:16px;
font-size:12px;
color:#333333;
width:15px;
}

.inputFd4
{

height:16px; line-height:16px;
font-size:12px;
color:#333333;
width:20px;
}

.inputFd5
{
width:175px;
height:20px; line-height:20px;
}



input
{
float:left;
color: #717171;
background: #F1F1F2;
border: 1px solid #ABACAE; font-size:14px;
margin-right:2px;line-height:28px;
}


.input2
{

border: 0;

}

.red { color:#CC0000; }

.ShopColour { color:#92b1af; }

select { 
background: #F1F1F2;
 font-size:0.8em;
  } 


.magentaFlag { color:#ED008C; }



/* SP OFFERS */

.HalfPriceSp { color: #FF0000; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }