body {color: #000000;FONT-FAMILY: Verdana, Serif; font-size: 11px;
  /* MSIE 5 doesn't center based on auto left/right margins, 
     but 'text-align:center' does center top-level divs: */
  text-align: center;
  /* Specify a min-width for the body as wide as the 'wrapper'
     element itself. This prevents negative (i.e. inaccessible)
     left-margins in narrow browser windows when using 
     Navigator 6+/Mozilla on Win32: */
  min-width: 984px;

	margin:0px;
	padding:0px 0px 0px 0px;
	background-image:url('http://www.myscooterparts.co.uk/images/bg.jpg'); 
	background-repeat: repeat-x;
	background-color:#ffffff;
}

#main_container{position: relative; width:984px; margin-left: auto; background-color:#ffffff; margin-right: auto; text-align:left; padding:0px 5px 5px 5px}

dl dt {margin-right: 7px;}

dl#login_form dt {width:11em; float:left; padding-top:2px;}
dl#login_form dd {margin-bottom:6px;}

image
{
	border:0;
}

.small
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.big
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 26px;
    FONT-WEIGHT: bold;
	text-decoration: none;
	text-align:center;
}


h1
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

h2
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 14px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

h1 a:active
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

h1 a:link
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

h1 a:visited
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

h1 a:hover
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bold;
	text-decoration: underline;
}


.heading
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 1.4em;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.heading2
{
	COLOR: #996633;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 1.5em;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.footer
{
	COLOR: #ffffff;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 0.9em;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.error
{
	COLOR: red;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.stockerror
{
	COLOR: red;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.etitle
{
	COLOR: red;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 28px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.htitle
{
	COLOR: black;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 20px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.basket
{
	COLOR: #000000;
    FONT-FAMILY:  Verdana, Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}


.model_links a:link
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.model_links a:visited
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.model_links a:hover
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: underline;
}

.model_links a:active
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.basket a:link
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.basket a:visited
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.basket a:hover
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: underline;
}

.basket a:active
{
    COLOR: #333333;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 9px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}




.left_margin
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: none;
	text-align:left;
}

.left_margin a:link
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: none;
	text-align:left;
}

.left_margin a:visited
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: none;
	text-align:left;
}

.left_margin a:active
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: none;
	text-align:left;
}

.left_margin a:hover
{
    COLOR: #000000;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: underline;
	text-align:left;
}

.note
{
    COLOR: #cccc66;
    text-decoration: none;  
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;
}

.note a:link
{
    COLOR: #cccc66;
    text-decoration: none;  
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;
}

.note a:active
{
    COLOR: #cccc66;
    text-decoration: none;  
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;
}

.note a:visited
{
    COLOR: #cccc66;
    text-decoration: none;  
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;
}


.note a:hover
{
    COLOR: #cccc66;
    text-decoration: none;  
	FONT-WEIGHT: normal; 
    FONT-SIZE: 10px;
text-decoration:underline;
}












.footer A:link
{

    COLOR: #999999;
    text-decoration: none;  
	FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;
}

.footer A:active
{
    COLOR: #999999;
    text-decoration: none;
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px; 
}

.footer A:visited
{
    color: #999999;
    text-decoration: none;
	FONT-WEIGHT: bold; 
    FONT-SIZE: 12px;
}

.footer A:hover
{
    COLOR: #666666;
    text-decoration: underline;
	FONT-WEIGHT: bold;
    FONT-SIZE: 12px; 
}


.homelinks A:link
{

    COLOR:#000000;
    text-decoration: none;  
	FONT-WEIGHT: bold; 
    FONT-SIZE: 10px;
	line-height:18px;
}

.homelinks A:active
{
    COLOR:#000000;
    text-decoration: none;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px; 
	line-height:18px;
}

.homelinks A:visited
{
    color:#000000;
    text-decoration: none;
	FONT-WEIGHT: bold; 
    FONT-SIZE: 10px;
	line-height:18px;
}

.homelinks A:hover
{
    COLOR:red;
    text-decoration: underline;
	FONT-WEIGHT: bold;
    FONT-SIZE: 10px; 
	line-height:18px;
}


A:link
{

    COLOR:#000000;
    text-decoration: none;  
	FONT-WEIGHT: bold; 
    FONT-SIZE: 11px;
}

A:active
{
    COLOR:#000000;
    text-decoration: none;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px; 
}

A:visited
{
    color:#000000;
    text-decoration: none;
	FONT-WEIGHT: bold; 
    FONT-SIZE: 11px;
}

A:hover
{
    COLOR:#666666;
    text-decoration: underline;
	FONT-WEIGHT: bold;
    FONT-SIZE: 11px; 
}


.wtext
{
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}


.wtext A:link
{
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.wtext A:active
{
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.wtext A:visited
{
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.wtext A:hover
{
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
	text-decoration: underline;
}

form
{
	margin:0px;
	padding:0px 0px 0px 0px;
	border:0px;
}

input
{
	font-size: 12px;
	border:1px solid #000000;
	padding:2px;
	background-color: #eeeeee;
}

select
{
	font-size: 12px;
	color:#000000;
	border:1px solid #000000;
	background-color: #eeeeee;
	margin:0px;
	padding:2px;
}

textarea
{
	font-size:12px;
	border:1px solid #000000;
	background-color: #eeeeee;
	padding:2px;
}

.button
{
	font-size:0.8em;
	color:#000000;
	border:1px solid #000000;
	padding:2px;
	background-color: #ffcc33;
}

legend
{
	padding:11px;
	text-align:left;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

fieldset
{
	text-align:left;
	padding:11px;
	COLOR: #000000;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
	text-decoration: none;
}

.nav
{
	background-color:#104E25;
	padding:10px 6px 11px 6px;
	border:0px #ffffff solid;
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.nav a:link
{
	background-color:#104E25;
	border:0px #ffffff solid;
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.nav a:active
{
	background-color:#104E25;
	border:0px #ffffff solid;
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.nav a:visited
{
	background-color:#104E25;
	border:0px #ffffff solid;
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration: none;
}

.nav a:hover
{
	background-color:#104E25;
	border:0px #ffffff solid;
    COLOR: #fff;
    FONT-FAMILY: Verdana,  Serif;
    FONT-SIZE: 10px;
    FONT-WEIGHT: bold;
	text-decoration: underline;
}

.price
{
    COLOR: #FF6D00;
    FONT-FAMILY: Verdana, Serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

.navimg ul
	{	
		margin:0px;
		padding:0px;
		text-align:left;

	}

.navimg li
	{	
		line-height:20px;
		margin:0px;
		padding:0px;
		text-indent:-45px;
		text-align:left;
		list-style-position: inside;
	}


.navimg a	
	{	
		padding:2px 5px 2px 8px;
		color:#3c3c3c;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
	}

	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		text-decoration:underline;
	}

.navimg li:hover>a	
	{	
		text-decoration:underline;
	}


.spiderpic{
position: relative;
z-index: 0;
}

.spiderpic:hover{
background-color: transparent;
z-index: 50;
}

.spiderpic span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.spiderpic span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.spiderpic:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.pagination									{font-size:11px;width:554px; text-align:center;font-weight:bold;background-color:#cccccc;height:25px;padding:5px 10px 0px 10px;}
span.pg_first, span.pg_last					{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}
span.pg_first a, span.pg_last a				{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}
span.pg_first a:hover, span.pg_last a:hover	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}

span.pg_current								{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:red;height:20px;width:20px;text-align:center;}
span.pg_current a							{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:red;height:20px;width:20px;text-align:center;}
span.pg_current a:hover						{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:red;height:20px;width:20px;text-align:center;}

span.pg a									{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}
span.pg a:hover								{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}

span.pg_next, span.pg_prev					{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}
span.pg_next a, span.pg_prev a				{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}
span.pg_next a:hover, span.pg_prev a:hover	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#cccccc;height:20px;width:20px;text-align:center;}