	/*  CSS */
/*
WalkersShop Final
*/
body	{
	background: #000000;
	color: #333;
	height: 100%;
	margin:0;
    margin-left:auto;
    margin-right:auto;
	padding: 0;
	text-align:center;

	}
	
#outer{ 
    margin-right:auto;
    margin-left:auto;
	padding:0;
	text-align:center;
	width:910px;
}	

#inner	{

	background: url(../graphics/innerbg.jpg);
	float:left;
	width:910px;
}

#inner2	{
 
	background: url('../graphics/innerbg2.jpg');
	float:left;
	width:910px;
}

#inner3	{
   
	background: url(../graphics/innerbg3.jpg);
	float:left;
	width:910px;
}

#banner {


	background: url(../graphics/topbanner.jpg) ;
	height:121px;
	width:910px;
}


#logo { 
display:none;
float:left;
height:109px;
width:240px;
position:relative;
 } 

	
/* LEFTCOL
----------------------------------------------------------------------------- */

#leftcol {
	margin-left: 18px; /*  all browsers, mainly Opera, Firefox, etc. */
	.margin-left: 18px; /*  readable by both IE6 & IE7,*/
	_margin-left: 9px; /* Only IE6 reads this  */
	
	float:left;
	min-height:179px;
     height:auto !important;
     height:179px;
	padding:0px 0 0 0;
	text-align:left;
	WIDTH: 155px;
	_width:130px;
	/*background-color:#CCCCCC;*/
	
}

/* MAINCOL
----------------------------------------------------------------------------- */

#maincol {
	FLOAT: left; 
	width:665px;
	_width:600px;
	padding:0px 17px 20px 25px ;
	
	margin-left:8px;
	
	margin-bottom:0px;
	text-align:left;
	 min-height:339px;
     height:auto !important;
     height:342px;
	 border: 1px solid #D7BD81;
	 border-left:none;
	/* _background-color:#efefef;*/
}



#maincolext  {
	width: 892px; _width:892px;  
	float:left;
	padding: 0px 0 0 18px;
	margin-bottom:0px;
	height:315px;
}

#maincolext2 form {
width:700px;
}
#maincolext2 input
{
	margin-right:-105px;
	margin-top:-5px;
	.margin-top:0px;
}
#maincolext2  {



	width:  819px; 

	float:left;
	text-align:left;
	 border-top: 1px solid #D7BD81;
	 border-bottom: 1px solid #D7BD81;
	 padding:10px 17px 20px 35px ;
	 margin-left: 17px; 
	.margin-left: 17px; 
	_margin-left: 9px;  
}

#maincol p.required
{
font-size:1.1em
}

/* RIGHTCOL
----------------------------------------------------------------------------- */

#rightcol {
	MARGIN:0;
	padding: 0px 0px 0 5px;
	width:200px;
	text-align:left;
	float:left;
    background:  url(../graphics/rightcolbg.jpg) no-repeat;
	min-height:333px;
    height:auto !important;
    height:333px;

	
}



/*  FOOTER
----------------------------------------------------------------------------- */
	
#footer {


clear:both;
background:#000 url(../graphics/footerbg.jpg) no-repeat;
width:890px;
_width:892px;
height:49px;
text-align:center;
margin-right:auto;
margin-left:auto;
padding: 20px 0 0 20px;

}




#footer a {
	color: #FFFFFF;
	font-weight:normal;
	
	}

#footer p {
	
margin-top:2px;
   padding:0;
	line-height:0em;
	font-size:85%;  
	color:#FFFFFF;

	text-align:left;

}

/* TYPOGRAPHY
----------------------------------------------------------------------------- */
	
h1, h2, h3, h4, h5, h6	{
	
	font-weight: normal;

	letter-spacing: 1px;
	color:#006599;
	font-family:    Arial, Helvetica, sans-serif;
	}


	
#maincol h1, #maincolext h1, #maincolext2 h1	{
	padding:9px 0 10px 0;
	margin:0;
	font-size: 189%;
	color:#820000;	
    }	

	
#maincol p, #maincolext p, #maincolext2 p{

    margin: 5px 0 10px 0;
	padding:0;
	line-height:1.6em;
	font-size:   92%;  
	color:#494949;
	text-align:left;

}

#maincol p.altstyle, #maincolext p.altstyle {

 	margin: 3px 0 10px 0;
	padding:10px 0 0 0;
	line-height:1.7em;
	font-size: 107%;
	color:#333;
	text-align:left;
	
	
	}



#maincol h2, #maincolext h2, #maincolext2 h2 	{

	margin: 10px 0 0;
	color:#820000;
	font-weight:500 ;
	font-size:174%; 
    }	
	
	#maincol td h2
	{
		border-bottom:1px solid #820000;
		display:block;
	}


#maincol ul,  #maincolext2 ul{
	line-height:1.6em;
	font-size:85%;  
	color:#000000;
	margin:0 0 0 24px;
	padding: 0 0 5px 0;
}


#maincol a, #maincolext2 a	{
	color:#A60000;
	text-decoration:none
}


#maincol a:hover, #maincolext2 a:hover	{
   
	color:#A60000;
	text-decoration:underline
}

#leftcol h1 {
	COLOR: #447CBB;
	font-weight:bold;
	margin:0 0 5px 20;
	padding:21px 0 5px 19px;
	text-transform:uppercase;
	letter-spacing:2px;
	font-size:.8em;
}

#rightcol p {
	font-size:11px;
	color:#666666;
	line-height:15px;
	font-weight:normal
}


#rightcol h1 {

font: 12px Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	font-weight:bold;
	margin: 0px 0 7px 0;
	padding: 2px 0 3px 0;
	background-image:url(../graphics/h1bg.jpg);
	clear:both

}


#rightcol h2 {

	font: 12px Arial, Helvetica, sans-serif;
	color:#003399;
	font-weight:bold;
	margin: 0px 0 7px 0;
	

}

#rightcol a {

	font: 11px Arial, Helvetica, sans-serif;
	color:#0E61AF;
	font-weight:normal
}




/*  HOME PAGE ADS
----------------------------------------------------------------------------- */

#mainad {   


width:408px;
padding-bottom:0px;
margin-right:6px;
margin-left:2px;
margin-top:1px;
float:left
}

/* GENERAL LINKS
----------------------------------------------------------------------------- */
	
a:link, a:visited {
	
	text-decoration : none;
	color:#990000;
	
	}

a:hover {
	
	text-decoration : underline;
	color: #D6593F;
	
	}

a:active {
	
	text-decoration : none;
	color:#99714D;
	
	 
	}


/* MAIN HORIZONTAL NAV
----------------------------------------------------------------------------- */


#nav {
	height:55px;
	background:url(../graphics/menubg.jpg) 0 -1px ;
	padding:7px 0 0 80px;
	margin:0;
	}
	
#nav ul {
	float:left;
	padding:0;
	margin:0;
	LIST-STYLE-TYPE: none;
}

#nav li {
	
	FLOAT: left; 
	MARGIN: 0; 
	padding:0 0 0 0;
	position:relative;
	margin-right:1px;
	display:inline; 
}

#nav a {
	padding: 0 5px;
	margin:0;
	DISPLAY: block;
	COLOR: #eaeaea;
	TEXT-DECORATION: none;
	font-size:85%;
	line-height:16px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	border-left: 1px solid #fff;
}



#nav a:hover {
	 COLOR: #fff; text-decoration:underline
}
#nav a.selected {
	BACKGROUND: white; COLOR: #000
}

#nav a.last, #nav a.first {
	border-right:0px;
	border-left:0px;
}

#navSearch{
	float: right;
	margin: 0 10px 0 0;
	display: inline;
	}
	
#navSearch fieldset{
	display: inline;
	}
	
#navSearch input.text{
	margin: 0 5px 0 0;
	padding: 2px 0;
	border: 0;
	}
	
#navSearch input.img{
	top: 0;
	}


/* LEFT MENU STYLES
----------------------------------------------------------------------------- */

#navcontainer {
	margin: 0;
	padding:10px 0 5px 5px;
	width: 148px;
	margin-top:4px;
	text-align:left;
	border:0px solid #D7BD81

}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#navcontainer li {
margin: 0;
padding: 0;	
display:inline;

	
}

#navcontainer li.home_link{
	text-transform: uppercase;
	list-style: none;
	font-weight: bold;
	}
	
	
#navcontainer li.home_link a, #navcontainer li.home_link a:hover{
	background: none;
	margin: 0 0 10px 0;
	}

#navcontainer li a
{
	display: block;
	 line-height:15px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	color: #996600; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:13px;
    margin: 0px;
	background-image: url(../graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;

}



#navcontainer li a:hover
{
	display: block;
	 line-height:15px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	color: #996600; 
	text-decoration: underline;
    margin: 0px;

}

#navcontainer ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul li a
{
	display: block;
	padding: 2px 0px 2px 10px;
	width: 137px;
	text-decoration: none;
	font-size: 85%;
	margin: 0px;
	COLOR: #000;
	font-weight:normal;
	background-image:none
}

#navcontainer ul ul a:hover
{text-decoration: underline;}
#navcontainer a.current
{
    font-weight:bold;
	background-image: url(../graphics/arrowd.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}


#navcontainer ul span span ul li a.current
{
    font-weight:bold;
	background-image: url(../graphics/arrowd.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	color:#820000
}

#navcontainer br
{display:none;}

/*
SUB-MENU - - - - - - - - */ 

#navcontainer ul span span li a, #navcontainer ul span span li a:link, #navcontainer ul span span li a:visited, #navcontainer ul span span li a:hover
{
	color:#000;
	width:110px;
	margin-left:10px;
	
	background-image: url(../graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#navcontainer ul span span li a:hover
{
	text-decoration:underline;
}

#navcontainer ul span span 
{	margin-bottom:2px; margin-top:0px; }



/* IMAGE POSITIONING
----------------------------------------------------------------------------- */
	
.imageright {float: right; margin: 7px 0px 10px 15px; border: 0px solid #fff;}	
.imageleft {float: left; margin: 10px 7px 10px 0px; border: 0px solid #000000;}
.imagecenter {  text-align:center;  margin-left: auto;margin-right: auto;}
	
.fact.imagecenter { margin: 0px; text-align:left; width:auto }
.testimonial.imagecenter { margin: 0px; text-align:left; width:auto}

#leftcol .imageright { float: right; margin: 7px 0px 10px 0px; border: 0px solid #fff;}
#leftcol .imageleft{ float: left; margin: 7px 15px 10px 0px; border: 0px solid #000000;}
			

.clearboth {CLEAR: both}

/* FORMS GENERIC
----------------------------------------------------------------------------- */

td input, td textarea, td select, #searchform input, #advsearch input {
  font-size:11px;
  margin: 0;
  }
input.text {margin: 0px;}


 .img {
  vertical-align:top;
  padding:0;
  margin:0;
  float:left;
  position:relative;
  top:-3px;
  }
  
  
form, select, fieldset { margin:0px;  padding:0} 

.formfix input
{margin-top:3px;} 
#formFix
{
	display:none;
}

/* Validators on create accound form
----------------------------------------------------------------------------- */

.createAccValidatiors
{
	right:20px;
}

/* BREADCRUMBS
----------------------------------------------------------------------------- */

#breadcrumbs, #breadcrumbs2
{

width:652px;
height:11px;

padding: 12px 0 8px 0px;
margin: 0px 0 0px 0px;
text-align:left;



}


#breadcrumbs p, #breadcrumbs2 p

{
font-size: 11px;
padding:0px;
margin: 0px;


}

#breadcrumbs a, #breadcrumbs2 a

{
font-size: 11px;
padding:0px;
padding-right:12px;
background: url(../graphics/arrow.gif) right no-repeat 4px;
.background: url(../graphics/arrow.gif) right no-repeat 6px;
color: #885B00; 


}

 #breadcrumbs a:hover, #breadcrumbs2 a:hover

{
	text-decoration:underline;
}



#maincol .titleBackGround h2

{


padding:2px 0 2px 5px;
font-size:    0.95em;  
font-weigth:bold;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
background-color:#8F95C2



}


.caption {

color:#000;
font-size:11px;
text-align:center

}

/* QUICK VIEW BASKET
----------------------------------------------------------------------------- */


#basket_popup_pic{ padding-top:0px;text-align:center; width:308px; height:301px; _height:305px; float:left; background-color: #fff;  border:1px solid #820000; border-right:0;   }

#basket_popup {width:300px;_width:300px;height:293px; background-color:#EFE6CF; float:left; padding:4px; border:1px solid #820000; z-index:0;}
#basket_popup p {}

#basket_popup div.domtab{ 
width:308px;
border:none;
float:left;
padding:0;
    margin:0;
padding:0 0 0 0; text-align:left; height:293px;
z-index:0;}		
#basket_popup .domtab ul.domtabs li{
    float:left;
	background:url("../graphics/tab_right_norm.gif") no-repeat right top;
    margin:0;
	padding:0;
	margin-right:5px;
}

#basket_popup .domtab p
{	font-size:1em;	}

#basket_popup .domtab p strong{
	font-size:1.4em;
}
#basket_popup .domtab ul{
		
border-bottom:1px solid #820000;
			margin:0 0 0 0;	padding:0; font-size:.85em;
		}
		
#basket_popup div.domtab div{
			clear:both;
			z-index:0;
			border:1px solid #820000;
			border-top:none;
			width: 281px;
			height:253px;
			background:#fff;
			color:#fff;
			padding:5px 5px 5px 12px;
			overflow:auto
		}

#basket_popup .domtab ul.domtabs a{
color:#FFFFFF;
display:block;
	background:url("../graphics/tab_left_norm.gif") no-repeat left top;
    padding:2px 14px 2px 14px;
	line-height:24px;
	}
#basket_popup .domtab ul domtabs a:hover{ text-decoration:underline;}




#basket_popup .domtab ul {    margin:0;padding:0;list-style:none;width: 300px;	}


#basket_popup .domtab ul li.active a:hover{ text-decoration:none;}

#basket_popup .domtab ul li.active
{
	z-index:2;
    float:left;
	background:url("../graphics/tab_right_over.gif") no-repeat right top;
    margin:0;
	padding:0;
	margin-right:5px;
}
#basket_popup .domtab ul li.active a
{
	color:#820000;
	display:block;
	background:url("../graphics/tab_left_over.gif") no-repeat left top;
    padding:2px 14px 2px 14px;
	z-index:2;
}

#basket_popup div.domtab div h2 a,
		div.domtab div h2 a:hover,
		div.domtab div h2 a:active
		{
			color:#820003;
			margin:0;
			display:inline;
			text-decoration:none;
			padding:0;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif
		}

#basket_popup input
{
float:left;
margin-top:5px;
}
#basket_popup select
{
border:1px solid #999999;
}
#basket_popup .txtQuantity
{
	
}



/* ACCORDION
----------------------------------------------------------------------------- */


#accordion {   


width:450px;
height:308px;
float:left;
margin-bottom:0;
margin-top:1px;
border:none;
/*

*/
}


#accordion div
{
	border:1px solid #820000;
	height:265px;
	_height:264px;
	float:left;
	width:435px;
	position:relative;
	z-index:0;
}
#accordion div.domtab
{
border:none;
border-bottom:1px solid #820000;
float:left;
padding:0;
    margin:0;
	width:454px;
}
#accordion div.domtab ul
{
    margin:0;
    padding:0;
    list-style:none;
    position: relative;
    top: 1px;
    z-index: 9000;
}
#accordion ul.domtabs li
{

    float:left;
	background:url("../graphics/tab_right_norm.gif") no-repeat right top;
    margin:0;
	padding:0;
	margin-right:5px;
}
#accordion ul.domtabs a
{
	display:block;
	height:90%;
	background:url("../graphics/tab_left_norm.gif") no-repeat left top;
    padding:2px 14px 2px 14px;
	line-height:24px;
	text-indent:-7px;

}
#accordion ul.domtabs li.active
{
border-bottom:none;
    float:left;
	background: #fff url("../graphics/tab_right_over.gif") no-repeat right top;
    margin:0;
	padding:0;
	margin-right:5px;
	z-index:20;
}
#accordion ul.domtabs li.active a
{
border-bottom:none;
	display:block;
	background:url("../graphics/tab_left_over.gif") no-repeat left top;
    padding:2px 14px 2px 14px;
	z-index:10;
	color:#700000;
}
#accordion ul.domtabs a:hover{	text-decoration:underline;	}

.imgleft { 

	float:left;
	padding: 0 1px 1px 0;
	padding-bottom: 2px; 
	.padding-bottom: 2px; 
	_padding-bottom: 1px;  

	margin:1px;
	margin-right:20px;
	margin-bottom:0px;
	_margin-bottom:0px;

  }
#accordion h2 #cakes
{
	
	_margin-top:-10px;
	_padding:0px;
}


#maincolext .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#maincolext  .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}
/*	deal with the vagaries of IE6 and the DOMtabs	*/

#DataList1
{
	/* tab 1 */
	float:left;
	_margin:0px;
	_padding:0px;
	_margin-top:-2px;
	_margin-bottom:-10px;
}

#DataList2
{
/*	tab 2	*/
	
	.margin-top:-12px;
	.margin-left:-5px;
	
	_position:absolute;
	_margin:0px;
	_height:236px;
	_top:28px;
	_padding:0px;
	_padding-bottom:10px;
	_margin-bottom:-250px;
	
}
#cakeHead
{	_float:left;_position:absolute; _top:-10px;_width:400px;}
#accordion p
{
	/* takes care of tabs 3 & 4	*/
	_width:420px;
	_height:236px;
	_overflow:hidden;
	_margin:0px;
	_padding:0px;
	
}
.badtab 
{
	_width:400px;
	/* _margin-top:-137px; */
}
#accordion img
{
/*
	width:119px;
	height:153px;
*/
}
#accordion p img
{
width:auto;
}
 #DataList3,  #DataList4
 {
 	width:300px;
 	_margin-bottom:-150px
 }
 


/* SHOPPING BASKET - TOP RIGHT OF MOST PAGES
----------------------------------------------------------------------------- */

#outer #banner #shoppingbasket {

float:right;
width:218px;
height:100px;
padding: 0px;
margin:0px;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
_margin-right:-7px;

}


#outer #banner #shoppingbasket .youraccount  { background-image:none; padding-left:0;}
#outer #banner #shoppingbasket .youraccount a:hover { background-image:none; padding-left:0;}

#outer #banner  #shoppingbasket p

{
padding-top:4px;
font-size: 85%;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
margin:0 0 0px 0;
padding-bottom:0px;
/*margin-top:1px;*/
}

#outer #banner  #shoppingbasket a{
	background:transparent url(http://www.walkersshortbread.com/Portals/Walkers/graphics/shopping-cart.jpg) no-repeat scroll left top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9900;
	padding-left:30px;
	padding-top:3px;
}
#outer #banner  #shoppingbasket a:hover{
	text-decoration:underline;
}

#outer #banner  #shoppingbasket a.home{
	background:transparent url(http://www.walkersshortbread.com/OnlineShop/graphics/home-icon.jpg) no-repeat scroll left top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9900;
	padding-left:30px;
	padding-top:3px;
	float:right;
	margin:0 54px 0 0;
	display:none;
}
#outer #banner  #shoppingbasket a:hover.home{
	text-decoration:underline;
}



/* SEARCH BOX 
----------------------------------------------------------------------------- */

form { margin:0; padding:0; }

 #banner  #search  {
	margin: 7px 0px 0px 0;
	padding: 0px 0 0px 0;
	text-align:left;
	/*margin-top:18px;	*/
	/*.margin-top:0px;*/
	overflow:hidden;
	}

 #banner  #search  form {
	margin:0 0 0 0;
	padding:0px 0 0 0;
	}
	
 #banner #search fieldset {
	margin: 0;
	padding: 0px 0 0 0;
	border: none;
	}
	
 #banner #search label {
	margin: 0;
	padding: 0px 0 0 0;
}


 #banner #search  input {
	float:left; /*position:relative; top:-14px; */
	vertical-align: top;
	font-size: 11px;
	color: #000;
	padding:2px;
	margin:0px 5px 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	}
 #banner #search input.text {
	font-family:Arial, Helvetica, sans-serif;
margin:0; float:left; /*position:relative; top:-12px;*/
	width: 125px;
	background-color:#fff;
	border:1px solid #FFFFFF;
	padding:3px;
	margin-right:5px;
	
	}
	
/* PRODUCT INFO
----------------------------------------------------------------------------- */

DIV INPUT {
	DISPLAY: block; FONT-SIZE: 11px; FLOAT: left; COLOR: #492d00; MARGIN-RIGHT: 7px;
	font-family:Arial, Helvetica, sans-serif;
}
 #product-shot {
	FLOAT: left; WIDTH: 344px; TEXT-ALIGN: center; padding: 0px 0 0 20px;
	_padding-left:0px;
	/*_background-color:#eee;*/
	_width:auto;
}
#product-shot p
{
	clear:both;
	
}
#product-shot IMG {
	DISPLAY: block; MARGIN: 0px auto 10px; TEXT-ALIGN: center;
}
#productinfo #content #product-shot P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; clear:both;
}
#productinfo input{float:none; padding-left:15px; margin-left:15px; .padding:0px; .margin-left:86px; .margin-top:-3px; .padding:3px;}
#productinfo select{padding:0px; margin:0px;}
#productinfo {
	FLOAT: left; WIDTH: 300px; 
	margin-bottom:20px;
	/*_background-color:#eee;*/
}
#productinfo h2 {
	FLOAT: left; WIDTH: 650px; margin-top:30px;
}
#product-info p
{
}
#content #product-info P {
	MARGIN: 0px 40px 10px 0px;
}

 STRONG{
	font-size:1.2em;
}

#productinfo #content #product-model {
	DISPLAY: block; FONT-SIZE: 11px! important; LEFT: 15px; MARGIN: -26px 0px 0px; COLOR: #a4967f; POSITION: absolute; TOP: 100%
}
#productinfo DIV {
	MARGIN: 0 0px 0 0;
}
#productinfo DIV LEGEND {
	DISPLAY: none
}

#productinfo .txtQuantity{border:1px solid #999999; padding:2px;}
#productinfo SELECT#cart_quantity {
	FLOAT: left; MARGIN: 0px 10px 0px 0px; 

}

#productinfo SELECT#cart_quantity OPTION {
	MARGIN: 0px 0 0px 0px
}
#productinfo #also-available {
	FLOAT: none; MARGIN: 1em 0px 2em;clear:both; 
}
#productinfo DL#also-available DT {
	FONT-WEIGHT: bold
}
#productinfoBody DL#also-available DT:unknown {
	content: ':'
}
#productinfoBody #product-list LI {
	HEIGHT: 206px
}

/*BANNER ADS AT BOTTOM OF PAGE
----------------------------------------------------------------------------- */

/*	MAIN PAGE	*/
#bannerads { width:891px;background: url(../graphics/innerbg.jpg) repeat-y; /*height:62px;*/float:left; padding-left:20px;_padding-left:22px; padding-top:0px; margin-top:0px;}
#bannerad1 { width:200px;/*height:62px;*/float:left; padding-right:8px; _padding-right:2px}
#bannerad2 { width:200px;/*height:62px;*/float:left; padding-right:6px; _padding-right:6px}
#bannerad3 { width:454px;/*height:62px;*/float:left; padding-right:0px}

#bannerads img{ height:62px;}

/*	OTHER PAGES	*/
#inner2 #bannerads, #inner3 #bannerads
{ 
	clear:both;
	width:891px;
	background: url(../graphics/innerbg.jpg) repeat-y; 
	float:left; 
	padding-left:18px;
	padding-top:10px;
	_padding-left:18px;
	-padding-top:10px;
	_width:895px;
	
	
}

#inner2 #bannerads #bannerad1, #inner2 #bannerads #bannerad2, #inner2 #bannerads #bannerad3, 
#inner3 #bannerads #bannerad1, #inner3 #bannerads #bannerad2, #inner3 #bannerads #bannerad3
{	padding-right:8px;_padding-right:8px;	}

#inner2 #bannerads #bannerad1 img, #inner3 #bannerads #bannerad1 img,
#inner2 #bannerads #bannerad2 img, #inner3 #bannerads #bannerad2 img
{
	float:left; width:200px
}
#inner2 #bannerads #bannerad3 img, #inner3 #bannerads #bannerad3 img
{
	width:454px;float:left; 
}

/*PRODUCT THUMBNAILS
----------------------------------------------------------------------------- */

#maincol .thumbnail IMG{border: 0px solid #fff;}

#maincol .thumbnail
{
	float: left; 
	width: 160px;
	border: 1px solid #E9DBBA;
	margin: 0 0px 0px 0;
	text-align:center;
	font-size:11px;
	padding: 2px 0px 0px 0px;
	margin-right:4px;
	margin-bottom:5px;
    height:226px;
	position:relative;
}

#maincol .thumbnail a
{
font-size:11px;
color:#931A1F;
margin:0px;
text-align:center;
padding-left:1px;
padding-right:2px;
font-family:    Arial, Helvetica, sans-serif;
}

#maincol .thumbnail p{
font-size:12px;
color:#999;
margin:0px;
padding-left:4px;
}

.thumbnail strong
{
	font-size:1em;
	color:#666666;
}

/*ICONS
----------------------------------------------------------------------------- */

#show1 {
	
	color:#C50000;
	float:left;
	width:150px;
	cursor: pointer;
	border:0;
	height:25px;
	text-decoration:none;
	padding: 0 0px 0 7px;
	margin:0 7px 0 0;
	background: url(../graphics/magnify.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#show1 a:hover{text-decoration:underline;}

#show2 {
line-height:25px;
	font-size:13px;
	color:#820000;
	text-indent:20px;

	text-align:left;
	cursor:pointer;
	border:0;
	height:25px;
	text-decoration:none;
	padding: 0 0px 0 7px;
	margin:0;
	margin-bottom:20px;
	background: url(../graphics/info.gif) no-repeat 0 50%;
	

}
	
#show2 a:hover{text-decoration:underline;}


/*YOU MIGHT ALSO LIKE
----------------------------------------------------------------------------- */

#alsolike
{
	float:left;
	position:relative;
	top:-5px;
	background-color:#fff;
	border-top:1px solid #820000;	
	height:50%;
	_width:680px;
	/*_background-color:#eee;*/
}
	
	#alsolike div.thumbnail
	{
		float:left;
		position:relative;
		margin-left:2px;
		margin-right:2px;
		background-color:#fff;
		border:none;
	}
			
		#alsolike div.thumbnail img
		{
			margin-top:25px;
		}

/*	this should be changed to a custom div tag	*/
h3 {
	clear:both;
	background: url(../graphics/youmightlike.jpg) no-repeat;
	display:block;
	color:#fff;
	height:26px;
	
	margin-top:0px;
	.margin-top:50px;
	_margin-top:-30px;
	
	padding-top: 7px; 
	.padding-top: 7px; 
	_padding-top: 6px;  
	
	padding-bottom: 0px;
}


/*SHOPPING BASKET TABLE
----------------------------------------------------------------------------- */

.shoppingbaskettable {
	width: 805px;
	_width:800px;
	padding: 0;
	margin: 0 -20px 10px 0;
	border: 1px solid #820003;
	background-color:#820003;
	color:#fff
}

.shoppingbaskettable th{
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	border-bottom: 1px solid #820003;
}

.shoppingbaskettable td {
	border-bottom: 1px solid #820003;
	background: #fff;
	padding: 6px 6px 6px 8px;
	color: #000;
	font-size:12px ;
	text-align:left;
}
.shoppingbaskettable td.alt {
	background: #FFF8E6 ;
	color: #000;
	border-bottom: 0px solid #820003;
}
.shoppingbaskettable td input
{margin:0 auto;}
.shoppingbaskettable .txtQuantity{border:1px solid #4e4e4e;}

.shoppingbaskettable .basketDescription a
{color:#333333; }
.shoppingbaskettable .basketDescription a:link, .shoppingbaskettable .basketDescription a:visited
{ color:#666666; text-decoration:underline; }

.pagenation a:link, .pagenation a:visited 
{
    text-decoration:none;
}
.pagenation a:hover
{
    text-decoration:underline;
}
/*	shopping basket table buttons	*/
.basketButtonAlign
{
	padding:0px; 
	_margin-left:0px;
}
.basketButtonAlign input, .basketButtonAlign img
{
	border:0px;
	height:24px;
}

.basketButtonAlign img
{
	border:0px;
	height:24px !important;
}
.basketButtonAlign input
{
	height:24px;
	margin-right:0px !important;
	margin-top:0px !important;
	/*
	float:right;
	margin-left:542px;
	_margin-left:67px;
	_margin-top:-20px;
	*/
}
.basketButtonAlign td
{
	width:400px;
}
.basketButtonAlignLeft td
{
/*
	float:left;
*/	
	margin-left:-3px;
	_margin-top:10px;
	_margin-left:-30px;

}

.basketButtonAlignRight 
{
	margin-top:5px;
	_padding-top:5px;
}

.basketButtonAlignRight input
{
	float:right;
	margin-right:10px;
}


/*
DELIVERY FORM _ _ _ _ _ _ _ _ _ _ _ */

#maincol .info-box table
{
	.margin-left:0px;
	.margin-top:0px;
}

#maincol .info-box .info-box-inner {

	PADDING:1px; 
	MARGIN: 1px; 
	margin-bottom:0px;
	padding-bottom:0px;
	width:600;
	.width:600px;
	text-align:left;
}

#maincol .info-box 
{	border-top:1px solid #820000; padding-top:25px; margin-top:0px;	}
#maincol .info-box .info-box-inner input {
BORDER: #666 1px solid; font-size:inherit; width:100%;float:left;

}
#maincol .info-box .info-box-inner select 
{width:auto; float:none; margin-left:200px; margin-top:-10px; }

#maincol .info-box .info-box-inner textarea
{	border:1px solid #4e4e4e;	}

#maincol .info-box .info-box-inner checkbox
{	margin-left:200px; border:none;	}

#ctl00_crMain_uxAddressSelect_chkSelected
{	margin-left:200px;}

#ctl00_crMain_uxAddressListControl_uxAddressSelectPanel
{

}

#maincol .info-box .info-box-inner label
{width:180px; float:left; text-align:right; margin-right:20px; margin-top:-10px; }

#maincol .required
{	width:200px; text-align:left; }

#maincol select{border:1px solid #666; font-size:inherit;}

.ff_fix
{	
	width:680px;
	overflow:hidden;
}
	.ff_fix input
	{ padding:2px;
                        margin-bottom:3px;
                        border:1px solid #4e4e4e;
	}
	.ff_fix div
	{
		
	}
	
	.ff_component
	{
	}
		.ff_component span
		{
		}
		.ff_component .addeditdel
		{
			float:left;
			width:auto;
			padding:10px;
			padding-top:0px;
			margin-left:30px;
			.margin-left:30px;
			
			z-index:3
		}
		.ff_component .addeditdel .lbut
		{
			float:none;
			width:100%;
			margin-top:10px;
		}
		.ff_component .txtbox
		{
			width:300px;
		}
		.ff_component div{	}
		
	.fl_left
	{
		float: left; width: 132px;
		text-align:right;
	}
	.fl_right
	{
		float: right; width: 50%;
		margin-right:23%;
	}			
		.passform
		{
			width:50%;
		}
	.greyed
	{
		background:#f9f9f9;
		cursor:default;
		margin-left:4%;
		width:50%;
	}
	.special
	{
		margin-left:15px;
	}
	.special2
	{
		width:55%;
		margin-right:110px;
	}
		.fl_right span
		{
			
		border:1px solid #000;
		padding:0px;
		padding-left:3px;
		min-height:18px;
		}
	
	.ff_tab 
	{
		width:480px;
	}
	
	.txtright
	{
		float:left;
		margin-left:5px;
		width:300px;
		border:1px solid #000;
		min-height:100px;
		padding-left:3px;
	}
	.innertxtbox
	{
		width:200px;
		border:1px solid #000;
		min-height:100px;
	}
		.fl_right input, .fl_right select
		{
			width:80%;
			border:1px solid #000000;
			padding-left: 5px;
		}
		
		
	.fl_right span
	{
		float:right;
		width:300px;
	}
		#disp
		{
			border:1px solid #000000;
		width:400px;
		height:300px;
		}
		#disp2
		{
			padding:3px;
			width:300px;
			border:1px solid #000000;
		}
		#emptytxt{margin:50px;width:200px;height:200px;}
	.prev_tabel table
	{
		float:right;
	}
	.ff_clear
	{	clear:both; margin-top:10px; padding-left: 167px .padding-left: 0px _padding-left: 0px; margin-left: 167px	}
	
	
 
.DivDeliveryAddress td input, .DivDeliveryAddress td textarea
{
   width:250px;
   text-align:left;
}
.DivDeliveryAddress .inputTD input
{
   width:auto;
}
.DivDeliveryAddress .chkbox
{
    float:left;
    position:relative;
    margin-left:-120px;
}

.DivDeliveryAddress .PhoneChkbox
{
	float:left;
    margin-left:-2px;
    margin-top:10px;
    clear:both;
    width:250px;
}
 .EmailCheckBox
 {
	float:left;
	margin-left:-5px;
 }
 .EmailCheckBox input
 {
	width:50px !important;
	margin-left:-17px;
	float:right;
 }
 
 .EmailCheckBox label
 {
	width:150px !important;
	float:right;
 }
 

 


	
/*CHECKOUT SIGN IN
----------------------------------------------------------------------------- */

DIV#login, fieldset#create_account, DIV#newAccountLogin
{
WIDTH: 500px; text-align:left;  margin:0; padding:0; font-size:.95em; clear:both; margin-bottom:10px;
}

DIV#login center, fieldset#create_account center, DIV#newAccountLogin center
{
	float:right;
	text-align:right;
	margin-right:-50px;
	.margin-right:-50px;
	margin-top:-2px;
	font-size:12px;
	
	
	_float:none;
	_font-size:.7em;
	_width:auto;
	_display:inherit;
	_margin-right:-10px;
	_margin-top:0px;
}

#login h3, #create_account h3, #newAccountLogin h3
{
background:none;
color:#820000;
border-bottom: #820000 1px solid; 
margin-bottom:0px;
width:472px;
.margin-top:-10px;
_margin-top:0px;
}

DIV#login .info-box .info-box-inner INPUT.image, DIV#newAccountLogin .info-box .info-box-inner INPUT.image {FLOAT: none;  clear:both;}
DIV#login INPUT.text, fieldset#create_account INPUT.text {WIDTH: 205px}
DIV#login INPUT.password, fieldset#create_account INPUT.password {WIDTH: 205px}
fieldset#create_account INPUT#postcode, fieldset#create_account INPUT#state {WIDTH: auto}
fieldset#create_account LABEL#do_create_account_label 
{	PADDING-RIGHT: 15px; DISPLAY: inline; FLOAT: none; WIDTH: auto; TEXT-ALIGN: left	}
fieldset#create_account INPUT#do_create_account 
{	MARGIN-BOTTOM: 25px; MARGIN-LEFT: 15px	}
DIV#login .info-box {MARGIN: 0px;}
DIV#login input.image, fieldset#create_account INPUT.image, DIV#newAccountLogin INPUT,
{
	float:right;
	margin-bottom:0px;
	margin-right:205px;
	.margin-right:205px;
	/*	IE6	*/
	_margin-right:95px;
}
fieldset#create_account INPUT.image
{
	margin-left:225px;
	.margin-left:inherit;
	.margin-right:200px;
	/*	IE6	*/
	_margin-right:95px;
}
DIV#newAccountLogin INPUT, DIV#login input.image
{margin-left:220px; .margin-left:200px;}
DIV#newAccountLogin INPUT{.margin-left:220px;_margin-left:235px;}
fieldset#create_account input.image
{ 
	.margin-right:220px;
	/*	IE6	*/
	_margin-right:95px;
}
DIV#login a
{
	float:right;
	margin-top:-15px;
	_margin-top:0px;
	margin-right:195px;
	margin-bottom:5px;
	top:-20px;
}
fieldset#create_account INPUT.image
{
	margin-top:15px;
}

fieldset#create_account P, DIV#login P {
	MARGIN-LEFT: 15px; width:100%; margin-bottom:0px; margin-top:1px; padding:0px;
	
}
fieldset#create_account P STRONG {
	font-size:1em;
	COLOR: #cc0000;
}
BODY#createaccountsuccessBody P#continue {
	MARGIN: 0px 0px 0px 460px; WIDTH: 78px; POSITION: relative; HEIGHT: 19px
}
BODY#createaccountsuccessBody P#continue A {
	DISPLAY: block; FONT-SIZE: 1%; RIGHT: 0px; BACKGROUND: url(../buttons/english/continue-button.gif); OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: -9999px; POSITION: absolute; TOP: 0px; HEIGHT: 100%; TEXT-DECORATION: none
}
DIV#forgot-password INPUT.image {
	FLOAT: none; MARGIN-LEFT: 60px
}
DIV#time-out P {
	MARGIN-RIGHT: 10px; TEXT-ALIGN: right
	
}
DIV#time-out INPUT.image {
	FLOAT: none; MARGIN: 10px 0px 25px 461px
}


FIELDSET {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.info-box {
	MARGIN: 0px 56px 0px 0px; 
	PADDING: 0; 
	POSITION: relative;
	
}


DIV#login .info-box .info-box-inner span
{
	float:left;
	
}
DIV#login .info-box .info-box-inner BR, fieldset#create_account .info-box .info-box-inner BR
{
	clear:both;
}

DIV#login .info-box, fieldset#create_account .info-box
{	border:none;	}

DIV#login .info-box .info-box-inner, fieldset#create_account .info-box .info-box-inner, .optional {

	margin:0 auto;
	PADDING:10px; 
	padding-top:15px;
	MARGIN: 10px; 
	margin-bottom:0px;
	padding-bottom:0px;
	float:left;
	width:520px;
	font-size:1.2em;
	margin-top:-20px;
	margin-left:15px;
}
DIV#login .info-box .info-box-inner strong, fieldset#create_account .info-box .info-box-inner strong
{	font-size:.8em; padding-left:5px;	}

.optional
{
	font-size:1em;
	margin-left:-10px;
	_margin-left:-10px;
}
DIV#login .info-box .info-box-inner input, DIV#login .info-box .info-box-inner select, fieldset#create_account .info-box .info-box-inner input, fieldset#create_account .info-box .info-box-inner select {
	display:inherit;
	BORDER: #842929 1px solid;
	width:250px;
	margin-top:-2px;
	margin-bottom:20px;
	_margin-bottom:0px;
	_margin-top:-5px;
	border:1px solid #666;
	font-size:inherit;
}
fieldset#create_account select
{
width:250px;
}
fieldset#create_account INPUT#telephone_1, fieldset#create_account INPUT#telephone_2, fieldset#create_account INPUT#telephone_3
{
	width:50px; padding-right:100px;
}

.info-box .info-box-bot {
	FONT-SIZE: 1%;  MARGIN-RIGHT: 3px; HEIGHT: 3px; 
	height:0px;
	width:100%;
	text-align:center;
}
#page #main #content .info-box EM {
	DISPLAY: block; FONT-SIZE: 99%; FLOAT: left; MARGIN: 0px; PADDING-TOP: 3px; FONT-STYLE: normal
}
DIV TEXTAREA {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; COLOR: #492d00; PADDING-TOP: 1px; 
	font-family:Arial, Helvetica, sans-serif;
}
DIV LABEL {
	DISPLAY: block;  FLOAT: left; MARGIN: 0px 10px 13px 0px; WIDTH: 236px; COLOR: #492d00; TEXT-ALIGN: right
}
DIV SPAN#lblQuestion {
	DISPLAY: block; FONT-SIZE: 11px; FLOAT: left; MARGIN: 0px 10px 13px 0px; WIDTH: 136px; COLOR: #492d00; TEXT-ALIGN: right
}
DIV ADDRESS LABEL {
	DISPLAY: inline; FONT-SIZE: 100%; FLOAT: none; MARGIN: 0px; WIDTH: auto; TEXT-ALIGN: left
}
DIV INPUT {
	DISPLAY: block; FONT-SIZE: 11px; FLOAT: left; COLOR: #492d00; MARGIN-RIGHT: 7px; 
	font-family:Arial, Helvetica, sans-serif;
}
SELECT {
	DISPLAY: block; FONT-SIZE: 11px; FLOAT: left; COLOR: #492d00; MARGIN-RIGHT: 7px; 
	font-family:Arial, Helvetica, sans-serif;

}
SELECT OPTION {
	MARGIN-RIGHT: 1em
}
SELECT#country {
	WIDTH: 140px;
}
DIV BR {
	CLEAR: both
}
#main DIV P {
	MARGIN-LEFT: 58px;
	font-size:1.2em;
}
#main DIV H3 {
	MARGIN-LEFT: 58px
}
#main DIV * P {
	MARGIN-LEFT: 0px
}
#main DIV * H3 {
	MARGIN-LEFT: 0px
}
.required {
	FONT-WEIGHT: bold;
}
.required STRONG {
	COLOR: #cc0000; 
}
INPUT.required {
	FONT-WEIGHT: normal
}
SELECT.required {
	FONT-WEIGHT: normal
}

/*
PREVIOUS ORDERS	--------------------------- */

 #maincol div tbody th {
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	border:0px solid #820000;
}


 #maincol div tbody td { 
	background: #fff;
	padding: 6px 6px 6px 8px;
	color: #000;
	font-size:12px ;
	text-align:left;
	border:0px solid #820000;
}


/*
ACCOUNT ADMIN	--------------------------- */
 #lblAddress,  #lblOrder
{
	float:left;
	position:relative;
	left:-64px;
}
#lblPassword
{
	float:left;
	position:relative;
	left:-16px;
}
 #lblOrder
{
	float:left;
	position:relative;
	left:-81px;
}
 #lblOrder2
{
	clear:both;
}


/*
	popup	- - - - - - */

.popPanel
{
display:none;width: 625px; height:303px;_width:626px;z-index: 2;opacity: 0;-moz-opacity:.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);font-size: 12px;padding-right:2px;_padding-right:1px;
}

.popPanelMainPanel
{
	font-size:1.2em;
	display:block;
}
.popPanelMainPanel div {border:1px solid #820000; border-top:none;	display:block;}

.popPanelClosePanel
{
float:right; top:6px; right:8px; position:absolute; 
}

#btnClose
{
 text-align:left; font-weight: bold; text-decoration: none; border: 2px solid #4e4e4e; padding: 5px; color:#000; background-color:#FFFFFF;
}

.popPanelCloseButton { color:#000000;  }

/*Hover Menu*/
.popupMenu {
position:absolute;
	/* visibility:hidden; */
	float: left;
	margin-top: 3px;
	background-color:#F5F7F8;
	filter: alpha(opacity=90);
}

.popupHover {
	background-repeat:repeat-x;
	background-position:left top;
	background-color:#F5F7F8;
}

/* */

#shortbread
{
	font-family:   Arial, Helvetica, sans-serif;
	font-weight:550;
	font-size:13px;
}


/*ADMINCATEGORIES.ASPX
----------------------------------------------------------------------------- */


.drpQuantity
{
	width:70px;
}

.updateProduct
	
{
	clear: both;
}

.updateProductLeft
{
	width: 150px;
	vertical-align: top;
	padding-top:3px;
	float: left;
	text-align:right;
}

.updateProductRight
{
	float: right;
	width:320px;
	text-align:left;
	padding-top: 10px;
}

.float_left
{
	float:left;
}

.divUpdateProduct
{ 


	color:#fff;
	padding-bottom:10px;
	float:left;
	padding-left: 120px; 
	.padding-left:120px;
	width:500px;
}

.divUpdateProduct th{
	text-transform: uppercase;
	text-align: left;
	padding: 3px;
	padding-left:5px;
	font-size:92%;
}

.divUpdateProduct td {
	padding: 6px 6px 6px 8px;
	color: #4e4e4e;
	font-size:100%;
	text-align:left;
	border:#820000;
	margin-top:10px;
}
.divUpdateProduct table
{
	border:none;
	background:none;
	width:100%;
	font-size:100%;
}
.divUpdateProduct input
{
	padding:0px;
	font-size:92%;
}

/*	NAV	*/

#adminNav {
	margin: 0;
	padding:10px 0 5px 5px;
	width: 148px;
	margin-top:4px;
	text-align:left;
	border:0px solid #D7BD81

}

#adminNav ul
{
margin: 0;
padding: 0;
list-style-type: none;

}

#adminNav li {
margin: 0;
padding: 0;	
display:inline;

	
}

#adminNav li a
{
	display: block;
	 line-height:15px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	color: #996600; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif, "Lucida Sans";
	font-size:13px;
    margin: 0px;
	background-image: url(../graphics/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;

}



#adminNav li a:hover
{
	display: block;
	 line-height:15px;
	padding: 2px 0px 2px 10px;
	width: 137px;
	color: #996600; 
	text-decoration: underline;
    margin: 0px;

}

#adminNav ul ul li { margin: 0 0 0 0; }

#adminNav ul ul li a
{
	display: block;
	padding: 2px 0px 0px 20px;
	width: 137px;
	text-decoration: none;
	font-size: 107%;
	margin: 0px;
	COLOR: #333;
	font-weight:normal;
	background-image:none
}

#adminNav ul ul a:hover
{
	display: block;
	padding: 2px 0px 0px 20px;
	width: 137px;
	text-decoration: none;
	font-size: 107%;
	margin: 0px;
	COLOR: #333;
	font-weight:normal;
	background-image:none;text-decoration: underline;
}
#adminNav a.current
{
    font-weight:bold;
	background-image: url(../graphics/arrow_down2.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}


#adminNav ul span span ul li a.current
{
    font-weight:bold;
	background-image: url(../graphics/arrow_down2.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	color:#333
}

#adminNav br
{display:none;}




/*NUTRITIONAL INFO
----------------------------------------------------------------------------- */

 #maincol #panel2 .table {
	width: 319px;
	padding: 0;
	margin: 0 0  0px 0;
	border-left: 1px solid #820000;
}



 #maincol #panel2 th {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	border-right: 1px solid #820000;
	border-left: 0px solid #D0A762;
	border-bottom: 1px solid #820000;
	border-top: 1px solid #820000;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 4px 4px 4px 8px;
	background-color:#fff;
}



 #maincol #panel2 tbody td {
	border-right: 0px solid #820000;
	border-left: 0px solid #D0A762;
	border-top: 1px solid #820000;
	background: #fff;
	padding: 2px 2px 2px 4px;
	color: #000;
	font-size:11px ;
	text-align:left;
	
}


.1le td.alt {
	background: #fff ;
	color: #faf8d2;

	border-right: 0px solid #820000;
	
}


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
.yui-overlay {
	position:absolute;
	display:block;
}

.yui-tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
		border:1px solid #820000;
	font:100% sans-serif;
	width:auto;
}

* html body.masked select {
	visibility:hidden;
}

* html div.yui-panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    z-index:0;
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

.hide-scrollbars * {
	overflow:hidden;
}

.hide-scrollbars textarea, .hide-scrollbars select {
	overflow:hidden;
	display:none;
}

.show-scrollbars textarea, .show-scrollbars select {
	overflow:visible;
}

.yui-panel-container {
	position:absolute;
	background-color:transparent;
	z-index:6;
	visibility:hidden;
	overflow:visible;
	width:auto;
}

.yui-panel-container.focused {
}


.yui-panel-container.matte {
	padding:3px;
	background-color:#FFF;
}

.yui-panel-container.matte .underlay {
	display:none;
}

.yui-panel-container.shadow {
	padding:0px;
	background-color:transparent;
}

.yui-panel-container.shadow .underlay {
	visibility:inherit;
	position:absolute;
	background-color:#000;
	top:3px;left:3px;
	z-index:0;
	width:100%;
	height:100%;
    -moz-opacity: 0.25;
    opacity:.25;
    filter:alpha(opacity=20);
	zoom:1;
}

.yui-panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0px;top:0px;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #820000;
	z-index:1;
	overflow:hidden;
	background:#fff;
}

.yui-panel .hd {
	background-color:#820000;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	overflow:hidden;
	padding:4px;
}

.yui-panel .bd {
	overflow:hidden;
	padding:4px;
	background:#fff;
}

.yui-panel .bd p {
	margin:0 0 1em;
}

.yui-panel .container-close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background:url(../assets/close12_1.gif) no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.yui-panel .ft {
	padding:4px;
	overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.yui-simple-dialog .bd span.blckicon {
	background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
	background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
	background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
	background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
	background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
	background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
	margin:0;
}

.button-group button {
	background:url(../assets/close12_1.gif) no-repeat;
	font:100 76% Arial;
	text-decoration:none;
/*	background-color: #E4E4E4; */
	background-color: #000000;
	color: #ccc;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}

/*   */ 


.reportGridView
{
}

.reportGridView span
{
	padding:3px;
	display:block;
	border-left:0px solid #820000;
}

.reportGridView th
{	
	background:#820000;
	color:#FFFFFF;
}
.reportGridView td
{
	border-bottom:0px solid #820000;
	padding-bottom:10px;
}

#searchDiv
{
    padding-top:22px;
    width:150px;
    float:right;
    
}
#searchDiv input
{
    float:none;
    padding:1px;
    margin:0px;
    clear:none;
}

#searchDiv strong
{
    color:#820000;
    font-size:112%
}
#adminHeader h3
{
    background:none;
    color:#820000;
    margin-top:0px;
    width:100%;
    border-bottom:1px solid #820000;
}


.orderOptions
{
    width:420px;
    float:left;
    margin-top:12px;
    margin-left:245px;
}
.orderOptions td
{
    margin-bottom:0px;
    padding-bottom:0px;
    padding-left:5px;
}

 
.orderOptions
{
    width:63%;
    float:left;
    margin-top:0px;
    margin-left:0px;
    border-bottom:1px solid #820000;
    text-align:left;
    padding-bottom:5px;
}
.orderOptions td
{
    margin-bottom:0px;
    padding-bottom:0px;
    padding-left:5px;
    
}
.orderOptions a
{
    width:32%;
    float:left;
    display:inline;
}
 
#login #adminH3
{
    width:515px;
}



#maincolext2 .ordersbutton {

display:block;
color:#000;
background-color:#CCCCCC;

font-size:14px;
padding:3px;
text-align:center;
border-right: 2px solid #000;
border-top: 2px solid #EAEAEA;
border-left: 2px solid #EAEAEA;
border-bottom: 2px solid #000;

}


#maincolext2 .logoutbutton {

display:block;
color:#000;
background-color:#CCCCCC;
width:100px;
font-size:12px;
padding:3px;
text-align:center;
border-right: 2px solid #000;
border-top: 2px solid #EAEAEA;
border-left: 2px solid #EAEAEA;
border-bottom: 2px solid #000;

}

h6 {   

color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:27px 0 5px 0



  }
h5 {   

color:#660000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin:10px 0 5px 0



  }
  
  
  
  
  .txtQuantity{border 1px solid #4e4e4e;}
  
  .ExpressionValidation
  {
 	border:1px solid #4e4e4e;
 	padding-bottom:10px;
  }
  
  .txtQuantity 
  {
	text-align: right; 
	padding-left: 5px;
    width: 65px; 
    text-align: left; 
    _margin-top:5px;
  }
  
  
/*
POPUP ERROR - - - - - */

.PopupError
{
	float:left;
	position:relative;
	margin-top:-5px;
	width:90%;
}


/*
FILTER - - - - - */
.filter
{
	color:#000;
	margin-left:120px;
	margin-bottom:10px;
}
	#maincolext2 .filter input
	{
		margin-top:-15px;
		float:left;
		margin-right:5px;
	}
	#maincolext2 .filter span
	{
		float:left;
		margin-right:20px;
		margin-left:-120px;
		line-height:2em
	}
	
/*	*/

 #accordion td
 {
/*
 	_width:130px;
 	_max-width: 130px;
 	_padding:0px;
 	_margin:0px;
 	_overflow: hidden;
 	_float: left;
 	_position: absolute;
*/	
 }
 
 .promoholder
 {
 	height:268px;
 	_height:200px;
 	overflow: hidden;
 }
 
 
 .ChequeLabel
 {
	width:auto;
	margin-top:-5px;
 }
 
 .PhoneDeliveryLabel
 {
	width:243px !important;
 }
 
 .VTButton
 {
	border:thin solid;
 }
 
 
/*
Phone operator - - - - */
.PhoneOperator{
	background:url(../graphics/PhoneOperator.gif) right top no-repeat;
	padding:5px 45px 0 0;
	height:27px;
	color:#FFFFFF;
	text-align:left;
	position:absolute;
	margin:72px 0 0 119px;
	width:91px;
}

/*New promo page*/

#promo_cont{
	width: 435px; 
	height: 268px;
	}

.promo_cont_left{
	width: 245px;
	float: left;
	}
	
.promo_cont_left h1{
	text-align: center;
	font-size: 20px;
	margin: 0;
	padding: 0;
	}
	
.promo_cont_right{
	width: 190px;
	float: right;
	}
	
/* - 2010 Alts */

a.mainsiteLink  
{
    float:left;
    color: #C6AD86;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 0 0 3px;
    background: transparent url(../graphics/arrow.png) no-repeat right center;
	padding: 0 10px 0 0;
}

.basketBanner{
	float: right;
	height: 30px;
	line-height: 30px;
	color: white;
	margin: 0 5px 0 0;
	}
	
.basketBanner a{
	color: #C6AD86;
	background: transparent url(http://www.walkersshortbread.com/Portals/Walkers/graphics/shopping-cart.jpg) no-repeat top left;
	padding: 0 0 0 30px;
	}
	
a.youraccount{
	float: right;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #C6AD86;
	background: transparent url(../graphics/arrow.png) no-repeat right center;
	padding: 0 10px 0 0;
	margin: 0 10px 0 0;
	}
	
.header_links{
	overflow: hidden;
	background: transparent url(../graphics/top_shop.jpg) no-repeat 617px bottom;
	}
	
span.breaker{
	float: left;
	line-height: 30px;
	margin: 0 5px 0 10px;
	color: #C6AD86;
	}