/* Global Styles
----------------------------------------------- */

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

a:hover {
   text-decoration:underline;
   color:#ccc;
}

a img {
   border:0;
}

pre {
   font-size:11px;
}

form {
   margin:0;
   padding:0;
   border:0;
}
fieldset {
   margin:0;
   padding:0;
   border:none;
}

input {
   margin:0;
   padding:0;
}

input #textBox{
   border: 1px solid #000;
}
 
select {
    margin:0;
    padding:0;
    border: 1px solid #000;
}

table {
   font-size:1em;
 	margin: 0px;
	padding: 0px;
	border: none;
	border-collapse: collapse;

}
td {
	padding:0px;
}	
	
label {
   margin:0;
   padding:0;
}

.horizline {
   clear:both;
   border-bottom:1px solid #ccc;
   margin:0 0 1.5em 0;
}

.none {
   display:none;
}
h1 {
   display:none;
}

.pagenav span {
   font-weight:bold;
}
.red {
	font-weight:bold;
	color:red;
}

/* Page Structure
---------------------------*/

html body {
   margin:5px;
   padding:5px;
   color:#fff;
   text-align:center;
   font-family: Arial,Verdana, Helvetica, sans-serif;
   background:#000;
  background-image:url("graphics/body.gif");
 }
#construction {
   width: 820px;
    background:#ccc;
   text-align:center;    
   margin:0 auto;
   color:#000;
}

#page {
   width:820px;
   text-align:left;
   background:#354B63;
      margin:0 auto;

   
}
#header {
   background-image:url("graphics/banner.jpg");
   width:820px; 
   height:161px; 
   text-align:left;
      margin:0 auto;
}
#header_secure {
   background-image:url("graphics/banner_secure.gif");
   width:820px; 
   height:161px; 
   text-align:left;
}
#content {
   width:820px; 
   background:#354B63; 
   padding-top:15px;
   margin:0 auto;
}

#content .greybox{
   width:465px;
   font-size:0.7em;
   color:#FFF;	 
   background-image:url("graphics/content-grey-box.gif");
   margin:0 0 0 0;
   border-bottom:1px solid #000;
   border-top:1px solid #000;
   padding-top:10px;
   text-align:left;   
}
#content .greybox2{
  width:465px;
    /*font-size:0.7em;*/
   color:#FFF;	 
   background-image:url("graphics/content-grey-box.gif");
   margin:0 0 0 0;
   border-bottom:1px solid #000;
   border-top:1px solid #000;
   padding-top:10px;
   text-align:left;   
}

#content .catheading{
   float:left;
   font-size:1.0em;
   color:#000;		
   text-align:left;
   font-weight:bold;
   margin: 5px;
}
#content .catheading #resultcount{
   color:#ccc;	
   padding-left:40px;
   font-weight:normal;   
}
#content .catheading2{
   float:left;
   font-size:0.7em;
   color:#000;		
   text-align:left;
   font-weight:bold;
   margin: 0 0 0 0px;
   padding-left:10px;

}

#content .pagelist{
   float:right;
   font-size:0.7em; 
   padding-right:20px;
   font-weight:bold; 
   color:#ccc;
}
#content .pagelist a{
	color:#FFF;	
}
.heading{
	color:#FFF;	
	font-weight:bold;
	font-size:16px;
}

/*Menu Column*/
#menu-col{
	width:167px;
	float:left;
	text-align:left;
	   background:#354B63;
	   padding-left:10px;

}
#menu-col h2{
	height:24px;
	width:157px;
	background-image:url("graphics/left-header.gif");
	font-weight:bold;
	font-size:0.7em;
	text-align:center;
	line-height:23px;
	color:#FFF;	
    margin:0 0 0 0; 
}
#menu-col .greybox{
	width:157px;
	font-size:0.7em;
	color:#FFF;	 
	background-image:url("graphics/left-menu.gif");
    margin:0 0 0 0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding-top:10px;
}
#menu-col .greybox a{
	color:#FFF;	
	font-weight:bold; 
}
#menu-col .inGreyBoxMenu{
	margin-left:0px;
		font-weight:bold;	
}
#menu-col .inGreyBox{
		margin-left:8px;
		color:#CCC;	
}
#content-col{
/*	width:437px;*/
	float:left;
	width:479px;
	background:#354B63;

}
#right-col{
	width:156px;
	float:left;
}

#right-col h2{
	height:24px;
	width:156px;
	background-image:url("graphics/right-header.gif");
	font-weight:bold;
	font-size:0.7em;
	text-align:center;
	line-height:23px;
	color:#000;	
    margin:0 0 0 0; 
}
#cart{
	height:20px;
	width:130px;
	float:right;
	background-image:url("graphics/cart.gif");
}
#right-col .greybox{
	width:156px;
	font-size:0.7em;
	color:#FFF;	 
	background-image:url("graphics/right-menu.gif");
    margin:0 0 0 0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding-top:10px;
	text-align:left;
}
#right-col .greybox a{
	color:#FFF;	
	font-weight:bold; 
}
#right-col .inGreyBox{
		margin-left:8px;
		color:#CCC;
}

#right-col #footer a{
	color:#000;
}

#content-left-col{
/*	width:219px;*/
    width:237px;
	float:left;
}
#content-left-col h2{
	height:24px;
	width:225px;
	background-image:url("graphics/frontpage-header.gif");
	font-weight:bold;
	font-size:0.7em;
	text-align:center;
	line-height:23px;
	color:#FFF;	
    margin:0 0 0 0; 
}
#content-left-col .greybox{
	width:225px;
	font-size:0.7em;
	color:#FFF;	 
	background-image:url("graphics/frontpage-menu.gif");
    margin:0 0 0 0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding-top:10px;
	text-align:left;
}
#content-left-col .greybox a{
	color:#FFF;	
	font-weight:bold; 
}
#content-left-col .inGreyBox{
		margin-left:8px;
		color:#CCC;
}
#content-right-col{
	width:237px;
	float:left;
}

#content-right-col h2{
	height:24px;
	width:225px;
	background-image:url("graphics/frontpage-header.gif");
	font-weight:bold;
	font-size:0.7em;
	text-align:center;
	line-height:23px;
	color:#FFF;	
    margin:0 0 0 0; 
}
#content-right-col .greybox{
	width:225px;
	font-size:0.7em;
	color:#FFF;	 
	background-image:url("graphics/frontpage-menu.gif");
    margin:0 0 0 0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	padding-top:10px;
	text-align:left;
}
#content-right-col .greybox a{
	color:#FFF;	
	font-weight:bold; 
}
#content-right-col .inGreyBox{
		margin-left:8px;
		color:#CCC;
}
/*spangly bits*/

#button-box {
	float:right;
	height:137px;
	width:500px;
}
#reg-box {
	height:34px;
	padding-right:7px;
}
#reg-box table {
	float:right;
	margin:5px;
}
#contact-box {
	text-align:right;
	font-weight:bold;
	font-size:0.7em;	
	height:28px;
	color:#FFF;	
	line-height: 28px;
	padding-right:15px;
}
#contact-box a{
	color:#FFF;	
}
#topmenu-box {
	padding-top:10px;
	text-align:left;
	height:34px;
}
#topmenu-box table {
	float:right;
	margin-right:5px;
	margin-top:5px;
}

/*buttons*/
.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight:bold;
	font-size:9px;
    background-image:url("graphics/but-mid.gif");
	align:center;
 	margin: 0px;
	padding: 0px;
	border: none;	
	}
.button a{
	color:#FFF;	
}	
.b1a {
	width:17;
	height:24px;
	background-image:url("graphics/but-lefta.gif");
}
.b1 {
	width:10;
	height:24px;
	background-image:url("graphics/but-left.gif");
}
.b2 {
	width:10;
	height:24px;
	background-image:url("graphics/but-right.gif");
}

.button2 {
	font-weight:bold;
	font-size:0.7em;
    background-image:url("graphics/but2-mid.gif");
	margin: 0px;
	padding: 0px;
	border: none;
}
.button2 a{
	color:#FFF;	
}

.b12 {
	width:7;
	height:24px;
	background-image:url("graphics/but2-left.gif");
}
.b22 {
	width:7;
	height:24px;
	background-image:url("graphics/but2-right.gif");
}

/*menu bar*/
#leftnav ul {
   list-style-type:none;
   margin:0;
   padding:0;
}
#leftnav ul.leftnav1 li {
   background-image:url("graphics/leftnav1.gif");
   background-repeat:no-repeat;
   background-position:10px 5px;
   padding:0px 5px 5px 20px;
   margin:0;
   font-weight:bold;
}

#leftnav ul.leftnav2 li {
   background-image:url("graphics/leftnav2.gif");
   background-repeat:no-repeat;
   background-position:0px 10px;
   padding:0px 0 2px 10px;
   font-weight:normal;
}
}

/*Misc bobbins*/
.red{
	color:#f00;
}
.red a{
	color:#f00;
}
.search {
	width:210px;
   padding-left:20px;
   line-height:20px;
   color:#000;
   font-size:0.7em;
   font-weight:bold;
}

#breadcrumb{
   clear:both;
   font-size:0.7em;
   font-weight:bold;
   color:#f00;
   padding:12px 0px 0px 0px;
   width:400px;
}
#breadcrumb a{
   color:#f00;
}
/*main item view*/
#itemView{
   padding:10px;
   color:ccc;
 /*  font-size:0.8em;*/
   font-weight:normal;
}
#itemView .price{
	font-weight:bold;
	   font-size:1.2em;
}
#itemView a{
	font-weight:bold;
	color:#FFF;	
}
.basketName{
	color:#FFF;	
	font-size:0.8em;
}
.basketPrice{
	color:#ccc;	
	font-size:0.8em;
	float:left;
}
#footer{
  background-image:url("graphics/footer.gif");
  width:820px; 
  height:29px; 
  text-align:center;
  	font-weight:bold;
  	font-size:0.7em;
  	line-height:33px;
	color:#FFF;
   margin:0 auto;
}
#contentBasket table {
   font-size:1em;
 	margin: 1px;
	padding: 0px;
	border: 1px solid #fff;

}
#contentBasket th {
        align:middle;
	padding:3px;
	font-weight:bold;

}	
#contentBasket td {
	padding:3px;
	border: 1px solid #fff;
}	
#blank table {
   font-size:1em;
 	margin: 0px;
	padding: 0px;
	border: none;
}
#blank td {
	padding:0px;
	border: none;
	
}