/* GLOBAL RESET */
html, body, p, div, img, h1, h2, h3, h4, li, ul, ol, dl, dd, dt, form, table, td, tr {
  margin:0px; 
  padding:0px; 
  border:0px; 
  border-collapse:separate; 
  border-spacing:0px;
}

/* \*/
#content { height: 1%; }
.titleblockouterlight { height: 1%; }
div#wrapper { height: 1%; }
/* I am the Bad Wolf. I create myself. I take the words. I scatter them ... in time, and space. A message to lead myself here. */


body{
	font: 75% verdana,sans-serif;
	background-color: #dedbde;
}

/*
div#header{
	background-image: url('asylum_header_loop.gif');
	background-repeat: repeat-x;
	height: 115px;
}

div#headerleft{
	background-image: url('asylum_header_left.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 115px;
}

div#headerright {
	background-image: url('asylum_header_right.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	height: 115px;
}
div#headerlinks {
	padding-top: 93px;
	padding-left: 207px;
	color: #aaaaaa;
}
div#headerright a {
	color: #ffffff;
}
*/

.mainheader {
	background-image: url('asylum_header_loop.gif');
	background-repeat: repeat-x;
	height: 115px;
}
.mainheaderleft {
	background-image: url('asylum_header_left.jpg');
	background-repeat: no-repeat;
	height: 115px;
	background-position: left top;
}
.mainheaderright {
	background-image: url('asylum_header_right.jpg');
	background-repeat: no-repeat;
	height: 115px;
	background-position: right top;
}
.mainheaderbuttonbar {
	padding-top: 45px;
	text-align: right;
	padding-right: 20px;
}
.mainheadertabs {
	padding-top: 30px;
	padding-left: 210px;
}
div#container{width:990px;margin-left:auto;margin-right:auto;}
div#wrapper{float:left;width:100%}
div#content{padding:0px; margin: 0 200px;}
div#navigation{
	float:left;
	width:200px;
	margin-left:-100%;
	text-align: left;
}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{
	clear:left;
	width:100%;
	color: #CCCCCC;
	background-color: #4b0e51;
	padding: 5px;
	text-align: center;
}

.padding {
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*background-color: #ff0000;
	border: 1px solid #000000;	*/
}

.contentpadding {
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* a main title block dark */

.titleblockinner {

}

.titleblockinner h1 {
	font: 16px verdana,sans-serif;
	padding: 5px;
	margin:0;
	color: #ffffff;
	background-image: url('prodtitleright.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.titleblockouter {
	background-image: url('prodtitleleft.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #7b108c;
	padding:0px;
	margin:0px;
}

/* a main title block light */

.titleblockinnerlight {
	background-image: url('box_bottom_right_lightest.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	font: 75% verdana,sans-serif;

}
.titleblockinnerlight h1 {
	font: bold 12px verdana, sans-serif;
	padding: 5px;
	margin:0;
	color: #000000;
}
.titleblockouterlight {
	/*background-image: url('prodtitleleft_light.gif');
	background-repeat: no-repeat;
	background-position: left top;*/
	background-color: #7b108c;
}

/* breadcrumbs */
.breadcrumbbox {
	font-size: 10px;
	color: #000000;
	padding:0 0 5px 5px;
	margin:0;
}
.breadcrumbbox a {
	color: #333333;
}

/* related to the layout of a product */
/* this is the product layout */
div#productimage{}
div#productfooter{}
div#productwrapper{float:right;width: 100%;margin-left: -260px}
div#productdescription{margin-left: 260px}
div#productimage{float:right;width:260px}
div#productfooter{clear:right;width:100%}
div#prodcontainer{padding:5px;clear:both;}

	/* product title */
	div#productheader{
	background-image: url('prodtitleleft.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #7b108c;
	padding:0px;
	margin:0px;}
	
	div#productheader h1{
	font: 16px verdana,sans-serif;
	padding: 5px;
	margin:0;
	color: #ffffff;
	background-image: url('prodtitleright.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	

/* about product boxes and section boxes */
.productbox {

	font-size: 10px;
	color: #000000;
	background-image: url('productbox_large.gif');
	height: 220px;
	width: 180px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.productboxpadding {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
}
.productboxtitle {
	margin-right: 20px;
}
.productboxtitle a {
		color: #ffffff;
}
.productboxdescription {
	margin-right: 20px;
}
.productboxdescription a {
		color: #FFF;
}

/* about product boxes and section boxes */
.sectionbox {
	font-size: 10px;
	color: #FFF;
	background-image: url('sectionbox_small.gif');
	height: 168px;
	width: 180px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-right: 15px;
	margin-bottom: 10px;
}
.sectionboxpadding {
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	padding-right: 0px;
}
.sectionboxtitle {
	margin-right: 20px;
}
.sectionboxtitle a {
		color: #000000;
}
.sectionboxdescription {
	margin-right: 20px;
}
.sectionboxdescription a {
		color: #000000;
}


/* incidental blocks */

	/* product title */
	.blockouter{
	background-image: url('prodtitleleft.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #7b108c;
	padding:0px;
	margin:0px;
	margin-bottom:5px;}
	
	.blockouter a{
	color:#fff;}
	
	.blockinner{
	font: 11px verdana,sans-serif;
	padding: 5px;
	margin:0;
	color: #ffffff;
	background-image: url('prodtitleright.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	.blockinner .thistitle {
	color: #ffffff;
	padding:5px;
	font: 12px verdana,sans-serif;
	font-weight: bold;
	}

	
	/*marketing items both upwards and sideways configurations */
	.marketingitem {
	color: #ffffff;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dadada;
	}	
	
	.marketingitem a {
	color: #dfdfdf;
	}
	
	.marketingitem .pricelayout {
	color: #ffffff;
		font-weight: bold;
	}
	
	/* now sideways */
	.marketingitemsideways {
	color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #dadada;
	}
	.marketingitemsideways a {
	color: #dfdfdf;
	}
	
	.marketingitemsideways .pricelayout {
	color: #ffffff;
		font-weight: bold;
	}
	
	
	
/* navigation form dropdown */

.navdropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #000000;
}

/* EXTERMINATE THE DOCTOR AT ALL COSTS!! */

/* front page marketing blocks */
/* the outer shell of the front page blocks */
.frontpageitemblockinner {
	background-image: url('box_bottom_right_lightest.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 9px;

}
.frontpageitemblockouter {
	background-image: url('box_top_left_lightest.gif');
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #c5afc7;
	margin: 5px;
}

.frontpagetitle {
	font-size: 11px;
	}

.frontpageblockimage {
	background-color: #FFFFFF;
	text-align: center;
	width: 100%;
	height: 120px;
	border: 1px solid #000066;
}
.frontpageinfolink {
	font-weight: normal;
	color: #000000;
	text-align: right;
}
.frontpageinfolink a {
	font-weight: normal;
	color: #000000;
	text-align: right;
}
.frontpageblockprices {
	font-size: 11px;
	color: #006600;
	text-align: right;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #000000;		
}
.frontpageblockpusher {
height:190px;
}

/* frontpage welcome block layout */
div#fp_wrapper{float:right;width: 100%;margin-left: -220px}
div#fp_content{padding-top:5px;padding-left:5px;margin-left: 220px}
div#fp_leftimages{float:right;width:220px}
div#fp_footer{clear:right;width:100%}



/* **************************************** */
/* act search ajax enhancement  css         */


#s_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 0px;
	width: 100%;
}
#s_container h3 {
	font-size: 14px;
	background-color: #c5afc7;
	padding: 3px;
	font-weight: bold;
	color: #000;
	background-image: url('http://www.wish-bone.co.uk/acatalog/prodtitleleft.gif');
	background-repeat: no-repeat;
	background-position: left top; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:3px
}
#s_items {
}

#s_title {
	padding-bottom: 3px;
	color: #FFFFFF;
	background-color: #c5afc7;
}

.s_item {
	background-color: #c5afc7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	width: auto;
	padding-bottom: 2px;
}

.s_item_image {
	width:32px;
	height:32px;
	float:left;
	}
	
/* this is for the image popup */
a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
/*width:200px;  give it a width */
/*height:0;  no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:50px; /* position:the image */
top:-50px;
}
a.screen:hover {
text-decoration:none; 
border:0px none; /* needed for this to work in IE */ 
z-index:1000
}
a.screen:hover b {
visibility:visible; /* make the image visible */
/*height:150px;  now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0px none; /* remove the link border */
}


/*hovering table colours */
.s_item:hover {
	background-color: #ffffff; }
#s_headers {
	background-color: #7b108c;
}
.boldandwhite {
	color: #ffffff;
}
#guideform {
	padding-left: 5px;
}


/* ajax bit footer */
#ajaxletfooter {
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	background-image: url('http://www.wish-bone.co.uk/acatalog/rightinforight.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
}
#ajaxletfooter a {
	color: #ffffff;
}
.boldandwhite {color: #000000}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
}

 /* ***************************************** */
/* end clever ajax css                       */


/* mini cart styles */
.minicarttable {
	color: #FFFFFF;
}
.minicarttable a {
	color: #FFFFFF;
}


 /* **************************************** */
/* main section tabs begin                  */

    #tabsG {
	float:left;
	width:100%;
	font-size:14px;
	line-height:normal;
	font-weight: bold;
      }
    #tabsG ul {
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:left;
      background:url('tableftG.gif') no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url('tabrightG.gif') no-repeat right top;
      padding:3px 13px 2px 4px;
      color:#000000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#333333;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
	background-position:100% -42px;
	color: #333333;
      } 

/* frontpage deal items css */
div#fp_hottestdeals_container{width:550px;margin:0 auto}
div#fp_hottestdeals_wrapper{float:left;width:100%}
div#fp_hottestdeals_content{margin-left: 130px}
div#fp_hottestdeals_piccle{
	float:left;
	width:130px;
	margin-left:-570px;
	padding-top: 10px;
	padding-left: 35px;
}
#fp_hottestdeals_outer {background-image: url('fp_hottestdealslooper.gif');	text-align:center;}
#fp_hottestdeals_container {
	text-align:left;
	background-image: url('fp_hottestdeals.jpg');
	height: 140px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}

#fp_hottestdeals_content {
	margin-top: 35px;
	margin-left: 0px;	
	margin-right: 0px;
	margin-bottom: 0px;
}
#fp_hottestdeals_content h2 {
	float: left;
	padding: 0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;

}
#fp_hottestdeals_content h2 a {
	color: #fff;
	text-decoration: none;
}

.gradbox {
	background-color: #4b0e51;
	border: 1px solid #000000;
	margin:0px;
	
	padding: 3px;
	clear: both;
	width: 183px;
	text-align: left;
	margin-left: 4px;	
}
.gradbox h2{
	margin:0px;
	padding: 0px;
	font-size:16px;
	color: #fff;
	
}

.fp_fragtext {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a00000;
}

.headerlinks {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: right;
}
.headerlinks li{
	margin: 0px 5px 0px 0px;
	padding: 2px 6px;
	display: inline;
	background-color: #4b0e51;
	border: 1px solid #000000;
	text-align: left;
}
.headerlinks li a{
	color: #FFFFFF;
	text-decoration: none;
}

.shiptablefontage {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.shiptable {
background-color:#c6aec6;
border: 1px solid #948294;
}


.shiptabletdlight {
background-color:#c698c6;
}


.shiptableheader {
background-color: #c574c5;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777000;
}

.shiptablemorefontage {
background-color: #948294;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #777000;
font-weight: bold;

}




.navcontainerment {
	font-size: 12px;
}
.navcontainerment a{
	color: #fff;
	text-decoration: none;
}
.navcontainerment ul{
	list-style-type: none;
	padding: 0px;
}

.ul1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
.li1 {
	background-color: #4b0e51;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: normal;
}
.li1_selected {
	background-color: #000000;
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	font-weight: normal;
}
.ul2 {
	font-size: 11px;
	margin: 3px 0px;
	padding: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}
.li2 {
	background-color: #c5afc7;
	padding: 3px 0px 3px 8px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
.li2 a {
 color:#000;
}


.cartyheader {
	background-color: #45144E;
	color: #FFFFFF;
	font-size:18px;
}
.carttable {
	background-color: #c5afc7;
	border: 1px solid #666666;
	width:100%

}
.carttable th{
	background-color: #45144E;
	color: #FFFFFF;
}
.carttable td{
	padding:5px;
	color: #000;
	background-color: #e6d9e8;
}


.cartinfopanel {
background-color: #c5afc7;
}

.carttableouter {
width:600px;
background-color: #fff;
margin-left:auto;
margin-right:auto;
}


.imginfolink {
text-decoration: none;
font-weight: bold;
font-size:13px;
color: #4b0e51;
}

.receiptpage {
font-size:11px;
background-color: #fff;
color: #4b0e51;
}

.cartheading {
background-color: #fff;
}


.cartinnertable {
margin:10px;
}
.cartinnertable tr td {
margin:3px;
}

.stylebutton{
	background-color: #4b0e51;
	color:#fff;
	padding: 5px;
	margin: 5px;
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
	border-color: #000;

}


/* ###### BLOONZ ##### */
.cartbloon {
position:relative;
}

.cartbloon .bloon {
display:none;
position:absolute;
width:241px;
left:-241px;
height:148px;
top:0px;
background:url('crowe-cart-bubble.png') no-repeat right top;
}

.blooncontent {
padding:20px 40px 20px 20px;
color:#000000;
}
.blooncontent p {
padding:0px; margin:0px;
margin-bottom:8px;
}

.blooncontent a {
color:#000000;
}