﻿
#searchform {
	height: 25px;
	vertical-align: top;
	
}


#BannerLoginName{
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12pt;
	
}

#BannerLastProductAdded{
	padding-top: 65px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: blink;  
	
}



.menuframe{
	width: 180px 
}

.shoppingcart{
	width: 180px;
}

a.previous {
	background-image: url('images/Previous.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.previous {
	background-image: url('images/Previous-On.gif')
}


a.next {
	background-image: url('images/Next.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.next {
	background-image: url('images/Next-on.gif')
}


a.search {
	background-image: url('images/Button-Off.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
	float: left;
	text-decoration: none;
	color: white;
	text-align: center;
	padding-top: 5px;
}

a:hover.search {
	background-image: url('images/Button-On.gif');
}



a.topbutton {
	background-image: url('images/Button-Off.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;	
	text-decoration: none;
	color: white;
	text-align: center;
	padding-top: 5px;
	float:right;
	margin-left:5px;
}

a:hover.topbutton {
	background-image: url('images/Button-On.gif');
	color: yellow;
}


a.GreyButton {
	background-image: url('images/Button-Grey.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
	text-decoration: none;
	color: white;
	text-align: center;
	padding-top: 5px;
	margin-left:5px;
}




#offprevious {
	background-image: url('images/Previous-Off.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

#offnext {
	background-image: url('images/Next-Off.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}


#GreyButton {
	background-image: url('images/Button-Grey.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
	float: right;
	text-decoration: none;
	color: white;
	text-align: center;
	padding-top: 5px;
}


a.login {
	background-image: url('images/Login-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.login {
	background-image: url('images/Login.gif')
}



a.orderststus {
	background-image: url('images/OrderStatus-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.orderststus {
	background-image: url('images/OrderStatus.gif')
}




a.register {
	background-image: url('images/Register-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.register {
	background-image: url('images/Register.gif')
}



a.cart {
	background-image: url('images/Cart-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.cart {
	background-image: url('images/Cart.gif')
}


a.checkout {
	background-image: url('images/Checkout-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.checkout {
	background-image: url('images/Checkout.gif')
}


a.logout  {
	background-image: url('images/Logout-On.gif');
	background-repeat: no-repeat;
	width: 75px;
	height: 25px;
	display: block;
}

a:hover.logout  {
	background-image: url('images/Logout.gif')
}






a.menu0 { text-transform:lowercase; color:orange; text-indent:10px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton.gif');}	
a.menu0:hover {color: #FFFFFF;background-image:url('images/navbutton-over.gif');}

a.menu1 {text-transform:lowercase;color:orange;text-indent:20px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display: block;padding: 5px 0 0 10px;background-image:url('images/navbutton1.gif');}	
a.menu1:hover {color: #FFFFFF;background-image:url('images/navbutton1-over.gif');}

a.menu2 {text-transform:lowercase;color:orange;text-indent:30px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton2.gif');}	
a.menu2:hover {color: #FFFFFF;background-image:url('images/navbutton2-over.gif');}

a.menu3 {text-transform:lowercase;color:orange;text-indent:40px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton3.gif');}	
a.menu3:hover {color: #FFFFFF;background-image:url('images/navbutton3-over.gif');}


a.selmenu0 {text-transform:lowercase;color: #FFFFFF;font-weight:bold; text-indent:10px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton-on.gif');}	
a.selmenu0:hover {color: #FFFFFF;background-image:url('images/navbutton-over.gif');}
a.selmenu1 {text-transform:lowercase;color: #FFFFFF;font-weight:bold;text-indent:20px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display: block;padding: 5px 0 0 10px;background-image:url('images/navbutton1-on.gif');}	
a.selmenu1:hover {color: #FFFFFF;background-image:url('images/navbutton1-over.gif');}
a.selmenu2 {text-transform:lowercase;color: #FFFFFF;font-weight:bold;text-indent:30px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton2-on.gif');}	
a.selmenu2:hover {color: #FFFFFF;background-image:url('images/navbutton2-over.gif');}
a.selmenu3 {text-transform:lowercase;color: #FFFFFF;font-weight:bold;text-indent:40px;height: 21px;text-decoration: none;width: 240px;margin: 0px;display:block;padding: 5px 0 0 10px;background-image:url('images/navbutton3-on.gif');}	
a.selmenu3:hover {color: #FFFFFF;background-image:url('images/navbutton3-over.gif');}




html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#000000;
	background-image: url('images/BackgroundRepeater.gif');
	background-repeat:repeat-x;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:850px;
	background:#FFFFFF;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header {
	padding:0 0 0 0;
	background-color:#2C3847;
	background-image:url('images/BannerTop.jpg');
	background-repeat:no-repeat;
	width: 850px;
	height:120px;	
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}


div#buttonbar {
	background-image:url('images/ButtonBarBig.jpg');
	background-repeat:no-repeat;
	width:834px;height:33px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-top:7px;
	padding-left: 8px;
	padding-right:8px;
	
}


div#content {
	padding:0em 0em 5em; /* bottom padding for footer */
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background-color:#263645;
}
	div#footer p {
		padding:1em;
		margin:0;
		font-size:8pt;
		color:#FFFFFF
	}





#prodcucthead {
	
	background-image: url('images/ProductBanner.gif');
	background-repeat: no-repeat;
	color: white;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	height: 17px;
 	width: 400px; 
	text-indent: 10px;
	padding:  4px 4px 4px 4px;
	display: block;
	position:relative;
	text-decoration: none;
	
}



#prodcucthead {

	background-image: url('images/Menu0.gif');
	background-repeat: no-repeat;
	color: white;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	height: 17px;
 	width: 188px; 
	text-indent: 10px;
	padding:  4px 4px 4px 4px;
	display: block;
	position:relative;
	text-decoration: none;



	
}



#ProductBannerHead{
	background-image: url('images/ProductBannerHead.gif');
	background-repeat: no-repeat;
	width: 500px;
	height: 21px;
	color: white;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	text-indent: 10px;
	padding-top: 6px;
	font-weight: bold;

}


#ProductBannerBody{
	background-image: url('images/ProductBannerBody.gif');
	background-repeat: no-repeat;
	width: 500px;
	height: 123px;
	color: black;
 	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:  8pt;
	padding-bottom:20px;

}




#productspacer {
	width: 500px;
	height: 1px;
	background-color: #8297C7; 
	
}

#productspacerbottom {
	background-image: url('images/ProductBackground.gif');
	background-repeat: repeat-y;
	width: 500px;
	height: 5px;
	padding: 0 0 0 0;margin: 0 0 0 0;
	margin-top: 10px;margin-bottom: 10px;	
}



#productbody {
	width: 500px;
	background-image: url('images/ProductBackground.gif') ;
	background-repeat: repeat-y;
}


#productimage {
	
	width: 104px;
	height: 104px;
	padding:  8px 8px 8px 8px;
 
	
}


#productbodytext {
	padding:  8px 8px 8px 8px;
	height: 80px 
}

#productpricetext {
	padding:  8px 8px 8px 8px;
}


#productpricetextqty {
	padding:  8px 8px 8px 8px;
	text-align: right;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}


#productqtybreak {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: red; 
}


#resultsbanner {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 580px;
	text-align:center;
	font-weight:bold;
}


#newsearchform {
 width: 580px;
 height: 25px;
 padding-top: 5px;
 padding-bottom: 5px; 
 padding-right:5px;
 display:block;
 background-color:#E8E8E8;
}


#topsearchform {
	padding: 0px,0px,0px,0px;
	width: 690px; 
}


#toolbarbuttons {
	display: block;
}


#fakeaddressblock {
	width: 202px;
	height: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align:center;
	vertical-align: middle; 
	border: 1px #8297C7 solid;
	background-color: white;
	padding: 1px;  
}

input.Submit-But {
	background-image: url('images/SmallButton-Off.gif');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 7pt;
	color: white;
	text-decoration: none;
	border: 0px;
	width: 45px;
	height: 17px;
}

input.Submit-But:hover  {
	background-image: url('images/SmallButton-On.gif');
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 7pt;
	color:  yellow;
	text-decoration: none;
	border: 0px;
	width: 45px;
	height: 17px;
}







#productlist {
	width:580px;
	padding:10px 0px 10px 0px;
	display:block;
	height:180px;
	border-bottom:1px black dotted;
	
	
}

#productlist h1{
	font-size:10pt;
	font-weight:bold;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

#productlist h2{
	font-size:8pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}

#productlist h3{
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}



#productlist form{
	padding:0 0 0 0;
	margin:0 0 0 0;
}

#productlist form input{
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
}

#productlist p{
	font-size:9pt;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:0px;padding-right:0px;
	margin-left:0px;margin-right:0px;
}











</style>

