/* start global reset */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end global reset */

/* \*/
#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: #DADADA;
}

div#container {
	width:990px;
	margin:0 auto;
	text-align: left;
}
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: 10px;
	padding-left: 520px;
	color: #ddd;
}

div#headerlinks ul{
list-style: square;
}

div#headerright a {
	color: #ffffff;
}

div#wrapper{float:left;width:100%}
div#content{padding:0px; margin: 0 200px;}
div#navigation{float:left;width:200px;margin-left:-100%}
div#extra{float:left;width:200px;margin-left:-200px}
div#footer{
	clear:left;
	width:100%;
	color: #CCCCCC;
	background-color: #000000;
	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: #3a4c6e;
	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: #bbc2d1;
}

/* 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; font-size:11px;}
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: #3a4c6e;
	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;
	}
	
	
/* this block is for main navigation lists */
.mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	clear: both;
	float: left;

}
.mainnav dl {
	padding:0 0 12px;
	margin:0 0 5px;
	background-image: url('nav_bottom.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 187px;
	font-size: 12px;
}
.mainnav dt {
	padding:4px 4px 4px 8px;
	margin:0;
	background-image: url('nav_top.gif');
	background-repeat: no-repeat;
	/*width: 187px;*/
	font-size: 12px;
	background-position: left top;
	color: #000000;
	font-weight: bold;
}
.mainnav dd {
	background-image: url('nav_loop.gif');
	background-repeat: repeat-y;
	padding:4px 3px 0px 12px;
	margin:0;
	color: #FFFFFF;
	font-size: 11px;
}
dt a {
	color: #FFFFFF;
}
dd a {
	color: #FFFFFF;
}


/* 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: #000000;
}

/* about product boxes and section boxes */
.sectionbox {
	font-size: 10px;
	color: #000000;
	background-image: url('sectionbox_small.gif');
	height: 168px;
	width: 180px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	margin-right: 10px;
	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: #3a4c6e;
	padding:0px;
	margin:0px;
	margin-bottom:5px;}
	
	.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:0px;
	font-size: 9px;

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

.frontpagetitle {
	font-size: 11px;
	text-align: left;
	}

.frontpageblockimage {
	background-color: #FFFFFF;
	text-align: center;
	width: 100%;
	height: 190px;
	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;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a00000;	
}
.frontpageblockpusher {
height:200px;
}



/* 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: #3a4c6e;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url('http://www.basketballasylum.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: #3a4c6e;
}

.s_item {
	background-color: #bbc2d1;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3a4c6e;
	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: #3a4c6e;
}
.boldandwhite {
	color: #ffffff;
}
#guideform {
	padding-left: 5px;
}


/* ajax bit footer */
#ajaxletfooter {
	background-color: #000000;
	color: #ffffff;
	padding: 5px;
	background-image: url('http://www.basketballasylum.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;
}



div.AlphaStoreNav ul {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

div.AlphaStoreNav li {
	list-style-type: none;
	background-color: #2c3952;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}
div.AlphaStoreNav a {
	color: #eee;
	padding: 5px;
	display: block;
	text-decoration: none;
}

div.AlphaStoreNav a:hover {
	text-decoration: underline;
}

div.AlphaStoreNav .li1 {
	background-color: #171f2e;
	background-image: url('nav-major.png');
	background-repeat: no-repeat;
	background-position: left top;

}
div.AlphaStoreNav .li1 a {
	padding-left: 10px;
}

div.AlphaStoreNav .li1_selected {
	background-color: #171f2e;
	border-bottom-width: 0px;
	background-image: url('nav-major.png');
	background-repeat: no-repeat;
	background-position: left top;
	
}
div.AlphaStoreNav .li1_selected a {
	color: #fff;
	padding-left: 10px;

	}

div.AlphaStoreNav .li2 {
	border-bottom-width: 0px;
	background-color: #3a4c6e;		
	font-size:80%;
	}

div.AlphaStoreNav .li2 a {
	color: #ddd;	
}

div.AlphaStoreNav .li2_selected {
	background-color: #516488;	
	font-size:80%;
	}

div.AlphaStoreNav .li2_selected a {
	font-weight: bold;
	color: #fff;		
}





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

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

.shippingnote {
padding:10px;
	background-color: #fff;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1b1b42;
}