Body
{
    font-family: Helvetica, 'Arial sans-serif';
    text-decoration: none;
   	margin:0px;
   	margin-top:5px;
   	background-color:#C2C2A7;
   	 text-align:center;
   	 line-height:120%;
    }

#container
{
	background-color:white;
	width:1000px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
    }


@media screen {#topPanel{
	font-size: 80%;
	text-align:right;
	padding-right:3px;
}
}

@media print {#topPanel{
	display:none;
}
}

#topPanel img{ vertical-align:middle;}

#topPanel a{
	text-decoration:none;	
	color:black;
}

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

#nav{
	background-image: url('../images/Navigation.jpg');
	text-align: center;
	padding-top: 10px;
	height: 30px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom:5px;
	text-transform: lowercase;
}

#nav  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#nav  li {
	display: inline;
}
#nav  ul  li  a {
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	font-size: 90%;
	color: #A6D2D2;
	font-weight: normal;
	border: thin none #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#nav   ul   li   a:hover {
	color: #F8FFFF;

}

#siteMap{
     background-color:#E1F3E3;
     color:gray;
     font-size:75%;
     line-height:80%;
     margin:2px;
}

#siteMap a{
    text-decoration:none;
    }
     
#siteMap a:hover{
    color:Black;
    text-decoration:underline;
    }


#rightSidePanel{
	
	float:right;
	width:200px;
}

#contentPanel
{
   margin-right:205px;
   margin-bottom: 20px;
}

.box{
 	padding:5px;
 	background-color:#e2e8dc	;
 	margin-bottom:10px;
 	 margin-left:5px;
 	 margin-top:5px;
}

.boxBorder{
	border: 1px gray solid;
	background-color:#92b6b6;
	padding:3px;
	margin-bottom: 5px;
	margin-right:5px;
	margin-top:5px;
}

.spacer{
     line-height:50%;
     
     }

.spacerLarge{
    line-height:150%;
    }
    
#footerNav{
	background-color:#383838;
	text-align: center;
	padding-bottom:4px;
	height: 20px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	text-transform: lowercase;
	border-top:1px black solid;
}

#footerNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#footerNav li {
	display: inline;
}
#footerNav ul  li  a {
	padding-right: 15px;
	padding-left: 15px;
	text-decoration: none;
	font-size: 70%;
	color: #A6A6A6;
	font-weight: normal;
	border: thin none #000000;
	font-family: Arial, Helvetica, sans-serif;
}
#footerNav ul li a:hover {
	color: #F8FFFF;
}

#footer{
	background-color:#B7B7B7;
	text-align:center;
	font-style: normal;
	font-size:60%;
	color:black;
}

.basketCtrlHeader{
     background-color: Gray ;
     height:25px;
     font-size:90%;
     line-height:125%;
     text-align:center;
     padding-bottom:5px;
     padding-top:3px;
     color:White;
     
     }   
     
.basketCtrlHeader img{
    vertical-align:middle;
    }
     

.basketAlert
{
    font-size: 9pt;;
	color: black;
	font-family: 'Arial';
 background-color:White;
}
     
.searchCtrlHeader{
     background-color: Gray ;
     height:25px;
     font-size:90%;
     line-height:125%;
     text-align:center;
     padding-bottom:5px;
     padding-top:3px;
     color:White;
      
     }   
     
.searchCtrlHeader img{
    vertical-align:middle;
    }

#newAccountBox{
     float:right;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     text-align:left;
     height:300px;
     width:48%
     
     }     
#loginBox{
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:5px;
     text-align:left;
     width:45%;
     height:300px;
     }
     
.loginBoxHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
#loginBox ul {
	margin: 0px;
	margin-bottom: 5px;
	padding: 0px;
	list-style-type: none;
     text-align:center;
}
#loginBox li {
	display: inline;
	font-size:small;
	font-weight:bold; 
	padding:15px;
	text-align:center;
}

#loginBox ul li form
{
    font-family: Arial;
    font-size: 9pt;
    color: #002B55;
    border-style: solid;
    border-width: 1px;
}

#loginBox form:active
{
    font-family: Arial;
    font-size: small;
    color: #000000;
    border-style: solid;
    border-width: 1px;
    background-color: #FFFFFF;
}

.UpdateProgress
{
    background-color: #CCCCCC;
    font-size: 12pt;
    font-weight: bold;
    font-style: italic;
    text-decoration: blink;
     float:left;
}

.validationError{
    font-size:8pt;
     font-style:italic;
     color:Red;
     margin:10px;
     }

#loginPageGeneralBox{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
}

#MainPanel2{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
    background-color:#e2e8dc	;    
}

#MainPanel{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
    background-color:#e2e8dc	;    
}


#AddressPanel{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
    background-color:#e2e8dc	;    
}

#AddressDetailsBox
{
    float: right; /*border:solid 1px black;*/
    padding: 0px;
    margin: 2px;
    text-align: left;
    width: 49%;
    height: 350px;
    overflow: auto;
}     
#ContactDetailsBox{
     /*border:solid 1px black;*/
     padding:0px;
     margin:2px;
     text-align:left;
     width:49%;
     height:350px;
     overflow:auto;
     }
     
#PaymentDetailsPanel{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
    background-color:#e2e8dc	;    
}

#CreditCardDetailsPanel
{
    float: right; /*border:solid 1px black;*/
    padding: 0px;
    margin: 2px;
    text-align: left;
    width: 49%;
    height: 450px;
    overflow: auto;
}     
#OrderDetailsPanel{
     /*border:solid 1px black;*/
     padding:0px;
     margin:2px;
     text-align:left;
     width:49%;
     height:450px;
     overflow:auto;
     }
     
     

.MainHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
.AddressHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
.ContactHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
     .OrderHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
     .CreditCardHeader{
     background-color: Gray ;
     height:30px;
     font-size:120%;
     line-height:125%;
     text-align:center;
     padding:5px;
     color:White;
     }   
     
#aboutUsList{
    font-size:small;
    }
    
#aboutUsList ul{
      list-style-type:none;
      }
    
#aboutUsList ul li{
    display:inline;
    padding:10px;
    text-align:center;
    white-space: pre-wrap;
    }
    
#productList{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:left;
    
    }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#contactForm{
    position: relative;
     top: 15px;
     left:15px;
     margin:0 0 0 15px;
     padding: 10px;
     width:90%
}

div.row{     clear:both;     height:20px;     margin:5px; font-size:small;}
div.row2{    clear:both; height:40px;  margin:5px;font-size:small;}
div.row3{    clear:both; height:120px;  margin:5px;font-size:small; vertical-align:top;}
div.row4{    clear:both; height:50px;  margin:5px;font-size:small; vertical-align:top;}

.col1{     float:left;       width:180px;       text-align:right;      }
.col2{     float:left;       width:30px;       text-align:left;      }
.col3{     float:left;    text-align:right;   font-weight:bold;    }

.required
{
    color: #FF0000;
    font-size:  75%;
   
   }

#contactForm h2
{
    font-size: small;
    font-weight: bold;
    color: #550000;
}       


#ProductListHeader
{
     background-color:Gray;
     height:25px;
     line-height:100%;
     font-size: 70%;
      font-style:normal;
       text-align:center;
       margin:0px;
       padding-bottom:5px;
       padding-top:0px;
       
      }
      
#ProductListHeader ul{
       list-style-type:none;
       margin:0px;
       padding:0px;
}

#ProductListHeader ul li{
      display:inline;
    text-align:center;
    margin:0px;
    }
    
.ProductListHeaderimg{
        padding-top:0px;
        margin:0px;
         background-color:White;
          border: solid 1px black;
         vertical-align:middle;
    }

#ProductListHeader.ul.li.form{
    height:18px;
    font-size:x-small;
    color:Gray;
    border: solid 1px blue;
     background-color:White;
      margin-top:1px;
       vertical-align:middle;
     }
   
  #ProductList
  {
    margin-top:0px;
    
  }
  
.ProductRow{
     height:40px;
      background-color:#DAFEEF;
       font-size: small;
      
}

.ProductRowAlt{
     height:40px;
      background-color:#6dEB99;
     font-size: small;

}
  #PagerTemplate
{
     background-color:Gray;
     height:20px;
     line-height:100%;
     padding-top: 0px;
     font-size: 65%;
      font-style:italic;
       text-align:center;
        vertical-align:middle;
      }
      
#PagerTemplate ul{
       list-style-type:none;
       
}

#PagerTemplate ul li{
      display:inline;
    padding:15px;
    text-align:center;
    }
    
#PagerTemplate ul li a:hover{
    color:White;
    }    

.catListClass
{
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    line-height: 120%;
    font-size: 80%;
    color: #ACACAC;
    width:70%;
}

.catListClass A{
     text-decoration:underline;
      white-space:nowrap;
     
 }
    
.catListB{
 display:inline;
    padding:5px;
    color:Black;
    line-height:110%;
      font-size:80%;
    text-align:center;
     font-weight:bold;
      white-space:nowrap;
    
}

.catListB A{
    text-decoration:none;
}

.RemoveFilterImage{
     vertical-align:middle;
      white-space:nowrap;
   }

#ProductInfo{
     float:right;
     border:solid 1px black;
     padding: 25px;
     margin:10px;
     margin-top:0px;
     text-align:left;
     height:260px;
 	background-color:#e2e8dc	;
 	  width:44%;     
     
     }     
#ProductImage{
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:5px;
     text-align:left;
     height:300px;
     background-color:#e2e8dc	;
      text-align:center;
     }

#ProductGeneralBox{
     display:block;
     border:solid 1px black;
     padding:5px;
     margin:10px;
     margin-left:15px;
     text-align:center;
}

.HeadingTxt, h1
{
	font-weight: bold;
	font-size: 16pt;
	
}

.SubHeadingTxt,h2
{
	font-weight: bold;
	font-size: 14pt;
	
}

.twelvept
{
	font-size: 12pt;
	
}

.tenpt, p
{
	font-size: 10pt;
}

.ninept
{
	font-size: 9pt;

}

.twelveptb
{
	font-weight: bold;
	font-size: 12pt;
	
}

.tenptb
{
	font-weight: bold;
	font-size: 10pt;
	
}

.nineptb
{
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial;
}

.NewsHeadline
{
	font-weight: normal;
	font-size: 10px;
	color: black;
	
}

.NewsHeadlineTitle
{
	font-weight: bold;
	font-size: 12px;
	color: black;
	
}

.CopyrightText
{
	font-size: 9px;
	color: #505a89;

}

a
{
	color: #000000;
	text-decoration: underline;
}

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

a:visited
{
	color: #000000;
	text-decoration: underline;
}

a:active
{
	color: #6c8d52;
	text-decoration: underline;
}
.ProductPanel
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: #91aa7d;
}
.TenpxtxtIndent
{
	font-size: 10px;
	color: #000000;
	
}
.form
{
    border: 1px solid #0033CC;
    font-size: 10pt;
    color: black;
    font-family: Arial;
    background-color: #FFFFFF;
}

.ProductItemRow
{
	border-top: black 1px solid;
	font-size: 10px;
	border-left: black 1px solid;
	
}

.ProductAltItemRow
{
	border-top: black 1px solid;
	font-size: 10px;
	border-right: black 1px solid;
	
	background-color: #cdd2c6;
}

.SearchBox
{
	font-size: 10px;
	color: black;
	font-family: 'Lucida Console' , 'Courier New';
	background-color: #cdd2c6;
	width:103px;
}

.ValidationSummary
{
    font-size: 10pt;
    color: Red;
    text-indent: -10px;
     margin-left: 15px;
}



#CatList{
	padding: 5px;
	background-color:#e2e8dc;
	 margin-left:2px;
 	 margin-top:2px;
}

#CatList td{
     height:225px;
     border: solid 1px black;    
      vertical-align:top;
       padding-top:10px;
       text-align:center;

}

#CatList img{
}