/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

body {
  	font-family:Arial, Helvetica, sans-serif;
  	font-size: 70%;
  	color: #000000;
	background:url(../images/logo/bodybg.gif) repeat-y center;
    margin: 0px;
    text-align: center;
	}
	
#container {
  margin: 0 auto;
  width: 980px;
  text-align: left;
  background: #fff;
}

#logo a:active, #logo a:focus {
  width:0;
  height:0;
  outline:0;
}

.logobg {background:url(../images/logo/headerright.jpg) #000000 no-repeat right; height:135px}

.logobar {background:url(../images/logo/headerbar.gif) repeat-x; height:27px; margin-left:2px; margin-right:2px}

h1 { 
 font-family:Arial, Helvetica, sans-serif;
 font-size: 150%;
 font-weight: bold;
 margin-bottom: 5px;
 padding-bottom: 5px;
 color: #9a9a9a;
}

h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:100%;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000000;
}

h2.product {
 font-family:Arial, Helvetica, sans-serif;
 font-size:130%;
 font-weight: normal;
 margin-bottom: 3px;
 padding-bottom: 3px;
 color: #9a9a9a;
 font-weight:bold;
}

.boxText { 
	font-size: 90%; 
	}

.errorBox { 
	font-size : 90%; 
	background: #ffb3b5; 
	font-weight: bold; 
	}
	
.stockWarning { 
	font-size : 90%; 
	color: #cc0033; 
	}
	
.productsNotifications { 
	background: #f2fff7; 
	}
	
.orderEdit { 
	font-size : 90%; 
	color: #C00; 
	text-decoration: underline; 
	}

A {
  	color: #606069;
  	text-decoration: none;
}

A:hover {
  	color: #606069;
  	text-decoration: underline;
	}

FORM {
	display: inline;
	}

TR.header {
  	background: #ffffff;
	}

TR.headerNavigation {
  	background: #bbc3d3;
	}

TD.headerNavigation {
  	font-size: 90%;
  	background: #bbc3d3;
  	color: #ffffff;
  	font-weight : bold;
	}

A.headerNavigation { 
  	color: #FFFFFF; 
	}

A.headerNavigation:hover {
  	color: #ffffff;
	}

.headerError {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #ff0000;
  	color: #ffffff;
  	font-weight : bold;
  	text-align : center;
	width:980px
	}

.headerInfo {
  	font-family: Tahoma, Verdana, Arial, sans-serif;
  	background: #00ff00;
  	color: #ffffff;
  	font-weight: bold;
  	text-align: center;
	width:980px
	}

.infoBox {
  	background: #CCCCCC;
	}

.infoBoxContents {
  	background: #EEEEEE;
	color:#000000;
	font-weight:bold;
	line-height:120%;
	}
	
.boxText a { 
  	color: #FFFFFF;
	}

.boxText a:hover {
  	color: #ffffff;
	}
	
.infoBoxNotice {
  	background: #FF8E90;
	}

.infoBoxNoticeContents {
  	background: #FFE6E6;
	}

TD.infoBoxHeading {
	font-family:Arial, Helvetica, sans-serif;
  	background: #EEEEEE;
  	color: #000000;
	height:23px;
	font-weight:bold;
	}

TD.infoBox, SPAN.infoBox {
	}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  	background: #ffffff;
	}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  	background: #ffffff;
	}

TABLE.productListing {
  	border: 0px;
	}

.productListing-heading {
  	background: #E9E9E9;
	border-bottom:#7A7A7A 1px solid;
  	color: #000000;
  	font-weight: bold;
	}

TD.productListing-data {
  	background: #ffffff;
	border-bottom:#7A7A7A 1px solid;
	}

A.pageResults {
  	color: #CC0000;
	text-decoration:none;
	font-weight:bold;
	}

A.pageResults:hover {
  	color: #CC0000;
	text-decoration:underline;
  	background: #FFFF33;
	}

TD.pageHeading, DIV.pageHeading {
  	font-size: 150%;
  	font-weight: bold;
  	color: #9a9a9a;
	}

TR.subBar {
  	background: #f4f7fd;
	}

TD.subBar {
  	color: #000000;
	}

TD.main, P.main {
  	line-height: 1.5;
	}

TD.smallText, SPAN.smallText, P.smallText {
	}

TD.accountCategory {
  	color: #aabbdd;
	}

TD.fieldKey {
  	font-weight: bold;
	}

TD.tableHeading {
  	font-weight: bold;
	}

TEXTAREA {
  	width: 100%;
	}

SPAN.greetUser {
  	color: #f0a480;
  	font-weight: bold;
	}

TABLE.formArea {
  	background: #f1f9fe;
  	border-color: #7b9ebd;
  	border-style: solid;
  	border-width: 1px;
	}

TD.formAreaTitle {
	font-weight: bold;
	}

SPAN.markProductOutOfStock {
	color: #c76170;
  	font-weight: bold;
	}

SPAN.productSpecialPrice {
	color: #cc0000;
	}

SPAN.errorText {
  	color: #ff0000;
	}

.moduleRowOver { 
	background-color: #D7E9F7; cursor: pointer; cursor: hand; 
	}

.moduleRowSelected { 
	background-color: #E9F4FC; 
	}

.checkoutBarFrom, .checkoutBarTo { 
	color: #8c8c8c; 
	}


.checkoutBarCurrent { 
	color: #000000; 
	}

/* message box */

.messageBox { 
	}

.messageStackError, .messageStackWarning { 
	background-color: #ffb3b5; 
	}

.messageStackSuccess { 
	background-color: #99ff00; 
	}

/* input requirement */

.inputRequirement { 
	color: #ff0000; 
	}

#logobar {
float:left;
text-align:right;
width:50%;
height:27px;
overflow:hidden;
}
#logoleft {
float:left;
width:50%;
position:relative;
top:8px;
color:#BB0000;
font-size:110%;
font-weight:bold;
left:37px;
}

#logoleft a {
color:#BB0000;
}

#logoleft a:hover {
color:#BB0000;
}

#logobar ul {
position:relative;
top:8px;
margin:0 0 1px;
padding-left: 0em;
}

#logobar ul li {
margin:2px 10px 0;
list-style:none;
display:inline;
font-size:110%;
font-weight:bold;
/*background:#EEEEEE;*/
color:#303030;
}

#logobar ul li a {
font-weight:bold;
color:#606060;
}
	
#catbox {
background:#7a7a7a;
padding-bottom: 1px;
}

#catbox ul {
margin:0 0 1px;
padding-left: 0em;
}

#catbox ul li {
margin:2px 2px 0;
list-style:none;
}

#catbox ul li div {
padding:4px 0 4px 8px;
background:#5a5a5a;
}

#catbox ul li div:hover, #catbox ul li.over div {
padding:4px 0 4px 8px;
background:#777;
}

#catbox ul li div a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
display:block;
}

#infobox {
background:#7a7a7a;
padding-bottom: 1px;
}

#infobox ul {
margin:0 0 1px;
padding-left: 0em;
}

#infobox ul li {
margin:2px 2px 0;
list-style:none;
}

#infobox ul li div {
padding:4px 0 4px 8px;
background:#5a5a5a;
}

#infobox ul li div:hover, #infobox ul li.over div {
padding:4px 0 4px 8px;
background:#777;
}

#infobox ul li div a {
color:#ffffff;
font-weight:bold;
text-decoration:none;
display:block;
}

input.searchbox {
width:128px;
border:1px solid #000000;
height:1.5em;
}

#search1 {
float:left;
width:80%;
text-align:center;
}

#search2 {
float:left;
width:18%;
margin-top:2px;
margin-right:2px;
text-align:center;
}

#search3 {
clear:both;
width:100%;
}

.wholefooter {
background:#000; 
color:#FFF;
}

.wholefooter a {
color:#FFF;
}

.wholefooter a:hover {
color:#FFF;
}

.columnleft {
background:url(../images/infobox/fireleft.jpg) #000000 bottom no-repeat;
}

.columnblack {
background:#000;
}

.bodytext {
padding:10px 10px 10px 10px;
line-height:150%;
}

.navBox {
  	background: #000000;
	padding:1px 1px;
	}

.navContents {
  	background: #7A7A7A;
	color:#FFFFFF;
	font-weight:bold;
	line-height:120%;
	}
	
.navContents a {
	color:#FFFFFF;
}

TD.navHeading {
	font-family:Arial, Helvetica, sans-serif;
  	background: #000000;
  	color: #ffffff;
	text-transform:uppercase;
	height:23px;
	}

TD.navBox, SPAN.navBox {
	}

.telephone {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#E9E9E9;
	font-size:14px;
	line-height:120%;
}

.telephone span {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	line-height:150%;
}

.retailp {
font-size:135%; font-weight:bold;
}

.specialp {
font-size:140%; font-weight:bold; color:#c00;
}

.largetext {
font-size:110%;
}

/*Additions For Div Layout*/
#leftcol {
  float: left;
  width: 180px;
}
#content {
  background: #fff;
  float: left;
  width: 800px;
}
#bhleft {
  float:left;
  background:#7A7A7A;
  width:395px;
  height:94px;
}
#bhright {
  float:left;
  background:#7A7A7A;
  width:404px;
  height:94px
}
#bhborder {
  clear: both;
  height: 23px;
  width: 100%;
  background:#AAA;
}
#cartleft {
  float:left;
  background:#7A7A7A;
  width:255px;
  padding-top:15px;
  padding-left:10px;
}
#cartright {
  float:left;
  background:#7A7A7A;
  width:110px;
  text-align:right;
  padding-top:15px;
  padding-right:10px;
}
#advice {
  float:left;
  background:#7A7A7A;
  width:273px;
  height:76px;
  border-left:#000000 1px solid;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#E9E9E9;
  font-size:14px;
  line-height:120%;
  padding-top:18px;
}
#telephone {
  float:left;
  background:#7A7A7A;
  width:128px;
  height:94px;
}
#telnum {
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	line-height:150%;
}
#indexleft {
  float:left;
  width:70%;
}
#indexright {
  float:left;
  width:30%;
  text-align:right;
}
#indexbottom {
  clear:both;
  height:50px;
}
#footer {
  background:#000000;
  clear: both;
  width: 980px;
}
#leftfoot {
  background: #7A7A7A;
  width:431px;
  float:left;
  padding:1px 1px;
}
#rightfoot {
  background: #7A7A7A;
  width:545px;
  float:left;
  text-align:right;
  padding:1px 1px;
}
#footerbody {
  clear: both;
  width: 980px;
  text-align:center;
}
.leftheading {
  height:23px;
  /*background:#646464;
  border-bottom-color:#E74141;
  border-bottom-width:2px;
  border-bottom-style:solid;*/
}
div.searchbox {
  text-align:center;
  padding:10px 0px;
}
.footer {
  font-size: 90%;
  background: #7A7A7A;
  color: #ffffff;
  font-weight: bold;
}

#secureheader {
  background:url(../images/logo/headerlogogrey.gif) #D8D8D8 40px 5px no-repeat;
  height:115px;
  width:100%;
  border-bottom:#bababa solid 3px;
}
#secureheaderright {
  float:right;
  margin-top:90px;
  margin-right:15px;
}
#securefooter {
  clear:both;
  background:#D8D8D8;
  height:100px;
  width:100%;
  border-top:#bababa solid 3px;
}
#loginpage {
  width:80%;
  margin-top:40px;
  margin-bottom:40px;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
   height: expression( this.scrollHeight < 600 ? "600px" : "auto" ); /* sets min-height for IE */
   min-height: 600px; /* sets min-height value for all standards-compliant browsers */  
}
#lpfloatleft {
  width:60%;
  float:left;
  height:330px;
  margin-right:10px;
  padding:10px;
}
#lpfloatright {
  width:29%;
  float:left;
  height:330px;
  margin-right:10px;
  padding:10px;
}
h2.secure {
 font-family:Arial, Helvetica, sans-serif;
 font-size:130%;
 font-weight: normal;
 margin-bottom: 3px;
 padding-bottom: 3px;
 color: #606069;
 font-weight:bold;
}

.pricematch {
  font-size:120%; font-weight:bold; color:#C00;
}

.pricematch span {
  font-weight:bold; color:#C00;
}