/* CSS Document */
body {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
color:#575656;
margin:0;
background:transparent url(images/bodyimage.gif) repeat-x scroll 0 0;
height:100%;
font-family:arial narrow,"Times New Roman", Times, serif;
}
#secbody{
width:980px;
height:100%;
margin:10px auto;
}

#header{
height:100px;
background-image:url(images/logo.gif);
background-repeat:no-repeat;
border-bottom:3px solid #AAA9A9;

}

#breadcrumbs{
height:20px;
border-top:3px solid #AAA9A9;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
padding:10px 10px 0px 0px;
font-weight:bold;
}


#sidebar {
	width:180px;
	float:left;
	
  }

#main {
    margin-left: 4px;
	width:770px;
    float:left; 
	color:#000000;
	padding-left: 20px;
  }
  
#main #items ul {
	float:left;
	width:246px;
	height:275px;
	text-align:center;
	margin:5px;
	padding: 10px 0 10px 0px;
	background-color:#EBEBEB;
	font-size:14px;
}

#main #items ul li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
text-align:center;
}
#listproducts { 
margin:auto;
height:1000px;
}

#shortdescription { 
width:180px; 
text-align:center;
margin:auto; 
}
  /* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#flyout {float:left; padding:0; margin:3px 0 0 0; list-style:none; position:relative; width:180px;}
#flyout ul {padding:0; margin:0; list-style:none; width:180px; height:auto; background: url(images/trans.gif); position:absolute; left:-9999px; top:0; border-style:solid;}
#flyout table {border-collapse:collapse; width:0; height:0; margin:-1px -10px;}

#flyout li {float:left; margin-bottom:1px; background:url(images/right-arrow.gif) no-repeat left center;}
#flyout li a {display:block; float:left; width:180px; height:24px; color:#000; line-height:24px; font-family:arial narrow, sans-serif; font-size:14px; text-decoration:none; text-indent:10px;}
#flyout li a.fly { background:url(images/right-arrow.gif) no-repeat right center;}

#flyout li:hover {position:relative;}
#flyout li a:hover {position:relative; background-color:#CCCCCC; color:#fff;}
#flyout li:hover > a {background-color:#CCCCCC; color:#fff;}

#flyout ul li a {background:#ccc;}
#flyout ul li a.fly {background-color:#ccc; background: url(images/right-arrow.gif) no-repeat right center;}
#flyout ul ul li a {background:#ccc;}
#flyout ul ul li a.fly {background-color:#ccc; background: url(images/right-arrow.gif) no-repeat right center;}
#flyout ul ul ul li a {background:#ddd;}

#flyout li a.current,
#flyout ul li a.current,
#flyout ul ul li a.current,
#flyout ul ul ul li a.current {background-color:#c40; color:#fff;}

#flyout :hover ul,
#flyout :hover ul :hover ul,
#flyout :hover ul :hover ul :hover ul {left:120px;}

#flyout :hover ul ul,
#flyout :hover ul :hover ul ul {left:-9999px;}

#flyout ul li:hover > a {background-color:#e60; color:#fff;}
#flyout ul ul li:hover > a {background-color:#e60; color:#fff;}

#footer {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#4A4849 none repeat scroll 0 0;
height:200px;
padding-top:10px;
color:#FFFFFF;

}

#topnav{
font-family:Arial Narrow,Arial,Helvetica,sans-serif;
font-size:15px;
line-height:20px;
padding:2px 0 4px;
text-align:left;
vertical-align:middle;
width:760px;
margin-bottom:20px;
}

#topnav h1{
font-size:15px;
margin:0;
display: inline;

}

#boxheader{
background-image:url(images/catorgies.gif);
border:1px solid #D6D6D6;
margin:3px 0 0 0;
width:180px;
height:27px;
}
#boxheaderbrands{
background-image:url(images/brands.gif);
border:1px solid #D6D6D6;
margin:3px 0 0 0;
width:180px;
height:27px;
}
#boxheadermerchants{
background-image:url(images/merchants.gif);
border:1px solid #D6D6D6;
margin:3px 0 0 0;
width:180px;
height:27px;
}
#boxheadercolours{
background-image:url(images/colours.gif);
border:1px solid #D6D6D6;
margin:3px 0 0 0;
width:180px;
height:27px;
}