/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: #ffffff;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: .7em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    color: #333333;
    background-image: url(images/bgeb.gif);
	background-position: left top;
	background-repeat: repeat;
    
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
    margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
}
H1	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-bottom: 5px;
	color: #993333;
	padding: 5px 0px 0px 0px ;
	}	
		
H2	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1.55em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-bottom: 5px;
	color: #003366;
	padding: 5px 0px 0px 0px ;
	
	
	}	
		
H3	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-bottom: 5px;
	}
H3.du	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-bottom: 5px;
	border-bottom: dashed 1px #cccccc;
	}
		
H4	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	700;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	
	
	}	
		
H5, DT	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	background-color: Aqua;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

.tblHead
{
	background-color: #993333;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}
.tbl
{
	border: solid 1px #cccccc;
	font-size: 1em;
}
A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	


UL LI	{	
	list-style-type:	square ;
	
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
		
	}

table
{
	font-size: 1em;
}
/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:800px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background-color: #ffffff; 
 border: solid 1px #999999;
} 
 
#header{
 color: #ffffff;
 height:135px; 
 width:100%;
 background-image: url(images/Basketball-Shop-EB.gif);
 background-repeat: repeat-x;
 background-position: left top;
 
 
}

#header a {color: #ffffff;}
 
#leftcol{
 width:150px; 
 float:left; 
 background-color:#ffffff;
 margin-top: 0px;
 }
 
#twocols{
 width:640px; 
 float:right; 
 margin-top: 0px;
  }
 
#rightcol{
 width:150px; 
 float:right; 
 
 
 }
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 width:475px; 
 }
 
 #maincolFull
 {
	background-color: #FFFFFF;  
	float: left; 
	display:inline; 
	
	width:640px; 
 }
 #maincolFullOneColumn
 {
	background-color: #FFFFFF;  
	float: left; 
	display:inline;
	padding: 5px 5px 5px 5px;
	
	
 }
 #headerinner
 {

 }
 #maincolinner
 {
	padding: 2px 5px 10px 5px;
 }
 
 #leftcolinner
 {
	padding: 5px 0px 5px 0px;
	margin-top: 0px;
 }
 #rightcolinner
 {
	padding: 5px;
 }
 
#footer {
	
  background-color:#ffffff;
  color: #ffffff;
  clear:both;
 }
#footer a {
  color: #ffffff;
 }
#footerinner
 {
	padding: 5px;
 }
 
img.leftspacerheight
 {
	float: left;
	height: 500px;
	width: 1px;
 }
img.rightspacerheight
 {
	float: right;
	height: 500px;
	width: 1px;
 }

td.admindescription
{
	background-color: #eeeeee;
	
}

.block
{
	font-size: 10px;
}

.heading
{
	background-color: #993333;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
}

.sectionhead
{
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
}

.sectiontext
{
	color: #003366;
	font-size: 14px;
}

.sectionbodytext
{
	padding-left: 15px;		
}

.fieldname
{
	background-color: #cccccc;
}

.value
{
	background-color: #eeeeee;
	
}
.msgerror
{
	color: Red;
}
.bl {background: url(images/bl.gif) 0 100% no-repeat #e68200; width: 300px}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding: 10px}
.clear {font-size: 1px; height: 1px}

.smaller 
{
	font-size: 10px;
	font-weight: normal;	
}

.section
{
	
	color: #333333;
	background-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	padding: 2px 2px 2px 5px ;
	
	border: solid 1px #cccccc;
	background-image: url(images/headergradient.gif);
	background-position: left top;
	background-repeat: repeat-x;
	
}

.sectionbody
{
	background-color: #ffffff;
	TEXT-ALIGN: center;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;

}

.sectionfooter
{
	background-image: url(images/cornerborder_left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 20px;
}
.subsection
{
	background-color: #993333;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 2px 2px 2px;
	margin: 3px 0px 3px 0px;
}
.statuspanel
{
	border: solid 1px #999999;
	background-color: #ffffcc;
	padding: 5px 5px 5px 5px;
}
.productbriefcell
{
	border-bottom: solid 1px #cccccc;	
}

.title
{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:	1.1em;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}
.valuetitle
{
	font-weight: bold;
}
.details
{
	font-weight: normal;
	padding-left: 5px;
	font-size:	10px;
	text-align: left;
	
}


.highlight
{
	color: #993333;
	font-weight: bold;
}

.indented
{
	padding-left: 5px;
}
div.boxright
{
	float: right;
	border: solid 1px #cccccc;
	padding: 1px 1px 5px 1px;
}

div.boxnormal
{
	border: solid 1px #cccccc;
	padding: 1px 1px 5px 1px;
}
div.boxright div.header
{
	background-color: #993333;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 3px 3px 3px 3px;
}
div.boxnormal div.header
{
	background-color: #cccccc;
	margin-bottom: 5px;
	padding: 2px 2px 2px 2px;
}

div.boxright div.body
{
	padding-left: 5px;
}
div.boxnormal div.body
{
	padding-left: 5px;
}


input.right
{
	text-align: right;	
}

input.postcode
{
	text-transform: uppercase;
}
.actionresult
{
	border: solid 1px #993333;
	background-color: Yellow;
	color: #993333;
	padding: 3px 3px 3px 3px ;
	display: block;
}
#divStatus
{
	border-right: #cccccc 1px solid;
	padding-right: 2px;
	border-top: #cccccc 1px solid;
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 2px;
	border-left: #cccccc 1px solid;
	padding-top: 2px;
	border-bottom: #cccccc 1px solid;
	background-color: #ffffcc;
}

.container
{
	background-color: #eeeeee;
	border: solid 1px #cccccc;
	padding: 2px 2px 2px 2px;
}

#divStatus span
{
	font-size: 10px;
	font-weight: normal;
	
}
#productname
{
	color: #993333;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
}
#productnavigation
{
	padding: 3px 3px 3px 3px;
}
.dgBasket 
{
	padding: 3px;	
}
.dgHeader
{
	background-color: #993333;
	font-weight: bold;
	padding: 10px 3px 3px 3px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
}
.dgHeader a:link
{
	color: #ffffff;
}
.dgPager
{
	text-align: center;
	
}
.dgItem
{
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	
}
.dgAlternatingItem
{
	border-bottom: solid 1px #cccccc;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	
}


.tblEdit
{
	border: solid 1px #cccccc;
	
}

.tblEditHead
{
	background-color: #cccccc;
	font-weight: bold;
}

input
{
	font-size: 10px;
	color: #333333;
	padding: 1px 1px 1px 1px;
}

textarea
{
	font-size: 10px;
	font-family: Arial, Tahoma;
}
select
{
	font-size: 10px;
	color: #333333;
}
button
{
	font-size: 10px;
	border: solid 1px #993333;
}
checkbox 
{
	font-size: 10px;
}
label
{
	font-size: 10px;
}


 
 /* *** Float containers fix:*/
 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 

span.lift

{

	background-color: Aqua;	

}

.me

{

	font-family: Arial;
}






.none

{

	font-family: Arial;

}

.ebaDescriptionArea	

{

	width: 100%;

	display: block;

	background-image: url(images/tip.gif);

	background-position: left top;

	background-repeat: no-repeat;

	padding: 8px 8px 8px 8px;

	background-color: #dddddd;

}

.subject

{

	color: #993333;

	font-weight: normal;

}

.helpinheading
{
	float: right;
	padding: 0px 3px 0px 3px;
	color: #ffffff;
	font-weight: normal;	
}

.required
{
	color: red;
	font-size: 9px;
}

.txtSmall
{
	font-size: 10px;	
}
.txtBig
{
	font-size: 12px;	
}
.txtPurchaseItem
{
	font-size: 12px;	
	font-weight: bold;
}

.boxtrl
{
	border-top: solid 1px #666666;	
	border-right: solid 1px #666666;	
	border-left: solid 1px #666666;	
}
.boxrl
{
	
	border-right: solid 1px #666666;	
	border-left: solid 1px #666666;	
}
.boxrbl
{
	border-bottom: solid 1px #666666;	
	border-right: solid 1px #666666;	
	border-left: solid 1px #666666;	
}


.headerB
{
	padding: 2px 2px 2px 5px ;
	border: solid 1px #cccccc;
	background-color: #f5f5f5;
	font-size: 14px;
	font-family: Arial;
	color: #993333;
	font-weight: bold;
}

.headerBbody
{
	padding: 5px 5px 5px 5px;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #ffffff;
}


a.onDark:link     {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onDark:visited  {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onDark:active   {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onDark:hover    {   text-decoration: none; color: yellow; }

a.onHeaderStrip:link     {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onHeaderStrip:visited  {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onHeaderStrip:active   {   text-decoration: none;  font-weight: normal; color: #ffffff}
a.onHeaderStrip:hover    {   text-decoration: none; color: #ffffff; text-decoration: underline;}