/*
  $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
*/

.boxText { font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
.errorBox { font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #70d250; text-decoration: underline; }

BODY {
  background: #000000;
  color: #ffffff;
  margin: auto;
  background-image:url(images/border1.jpg);


}





h1 { 

 font-family:Arial, Helvetica, sans-serif;

 font-size: 20px;

 font-weight: bold;

 margin-bottom: 0;

 padding-bottom: 0;

}



h2 {

 font-family:Arial, Helvetica, sans-serif;

 font-size: 14px;

 font-weight: normal;

 margin-bottom: 0;

 padding-bottom: 0;

}


h3 {

 font-family:Arial, Helvetica, sans-serif;

 font-size: 18px;

 font-weight: bold;

 margin: 3px;
 border: 1px solid #FFFFFF;

 padding-bottom: 0;

}


a.textbox {
color: #ffffff;
}




	/* added styles for header   */


#top {
		top: 22px;
		position:relative;
		margin: auto;
	    padding: 0;
        width: 820px;
		height: 200px;
		background-color:#000000;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		
		

		
		}
	
	
	

				

	
	#top-left-corner {
	
	/* put the left corner image here  adjust the size to fit the image */
		display: inline;
		position: relative;
		margin: 0;
        padding: 0;
        width: 180px;
		height: 180px;
		float: left;
			
	}
	
	#top-border {
		/* put the top border image here  you could also just put a small square section of the border and repeat-x */
		display: inline;
		position: relative;
		margin: 0;
        padding: 0;
        width: 430px;
		height: 120px;
		background:black;
		float: left;
		
	}
	
	
	.title-box{
		display: inline;	
		position: relative;
		display:block;
		margin: 0;
        padding: 0 5px 0 5px;
        width: 430px;
		height: 180px;
		background:black;
		float: left;
		text-align: center;
		vertical-align:bottom;
		
		
	
	}
	

	
	
		a#home{
		
		position: relative;
		display: block;
		margin: 0 0 0 10px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
		background:#000000;
		text-align:center;		
		background-image: url(images/home_button.jpg);
    	background-position: 0 0;
		
		}
		
		body.home a#home,
		body.home a#home {
        background-position: 0 40px;
		border:none;
}	



a#home:hover {
    background-position: 0 80px;
	border:none;
}
		
		a#ben{
		position: relative;
		display: block;
		margin: 0 0 0 3px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
				
		background-image: url(images/ben_button.jpg);
    	background-position: 0 0;
		
		
		}
		
		
		body.ben a#ben,
		body.ben a#ben {
        background-position: 0 40px;
}

a#ben:hover {
    background-position: 0 80px;
}
		
		a#riz{
		position: relative;
		display: block;
		margin: 0  0 0 3px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
		background:#000000;
		
		background-image: url(images/riz_button.jpg);
    	background-position: 0 0;
		
		
		}
		
		
		body.riz a#riz,
		body.riz a#riz {
        background-position: 0 40px;
}

a#riz:hover {
    background-position: 0 80px;
}



		a#clips{
		position: relative;
		display: block;
		margin: 0 0 0 3px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
		background:#000000;
		
		background-image: url(images/clips_button.jpg);
    	background-position: 0 0;
		
		
		}
		
		
		body.clips a#clips,
		body.clips a#clips {
        background-position: 0 40px;
}

a#clips:hover {
    background-position: 0 80px;
}
	
	
	
	
a#blog{
		position: relative;
		display: block;
		margin: 0 0 0 3px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
		background:#000000;
		
		background-image: url(../images/blogs-button.jpg);
    	background-position: 0 0;
		
		
		}
		
		
		body.blog a#blog,
		body.blog a#blog {
        background-position: 0 40px;
}

a#blog:hover {
    background-position: 0 80px;
}


		a#forum{
		position: relative;
		display: block;
		margin: 0 0 0 3px;
        padding: 0;
        width: 100px;
		height: 40px;
		float: left;
		border:none;
		background:#000000;
		
		background-image: url(../images/forum-button.jpg);
    	background-position: 0 0;
		
		
		}
		
		
		body.forum a#forum,
		body.forum a#forum {
        background-position: 0 40px;
}

a#forum:hover {
    background-position: 0 80px;
}
	
	
	
	

	#top-right-corner {
	/* put the right corner image here   */
	display: inline;
		position: relative;
		margin: 0;
        padding: 0;
        width: 180px;
		height: 180px;
		float: right;
		
	}
		
		
		
		.buttons {
	
		position:relative;
		margin: auto;
	    padding: 0;
        width: 820px;
		height: 40px;
		background-color:#000000;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
	
	}
	
	.blank_buttons {
	position:relative;
		margin: 0;
	    padding: 0;
		float: left;
		display: block;
	     width: 90px;
		 height: 40px;
		
	
	}
		
		
		
		

	/* end of added styles for header  */
	
	/* side column style  */

.columns{


min-height: 550px;
background:#000000;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;


}

/* eond of side column style  */

A {
  color:#0066FF;
text-decoration: none;
font-weight: bold;
}

A:hover {


color:#ffff66;
text-decoration: none;
}

a:visited{
color:#999999;
text-decoration: none;
}

a:visited:hover{
color:#ffff66;
text-decoration: none;
}

FORM {
	display: inline;
}

TR.header {
  background: #000000;
  
  display: block;
}

TR.headerNavigation {
  
  background: #000000;
  
}

TD.headerNavigation {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color:#000000;
		
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #000000;
}

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

TR.headerInfo {
  background: #000000;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



TR.footer {
  height: 30px;
  background-color:#000000;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		
}

TD.footer {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.8em;
	font-weight: bold;
  background: #000000;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
color: #ffffff;
  background-color:#000000;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

.infoBoxContents {
  background-color:#000000;
	
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
}

.infoBoxNotice {
  background-color:#000000;
		
}

.infoBoxNoticeContents {
  background-color:#000000;
	
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
}

TD.infoBoxHeading {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color:#000000;
		
  color: #ffffff;
 
  border-bottom: #FFFFFF 2px solid;
}

TD.infoBox, SPAN.infoBox {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

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-color:#000000;
		
}

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-color:#000000;
		
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #fffff;
  border-spacing: 2px;
}

.productListing-heading {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #000000;
}

TD.pageHeading, DIV.pageHeading {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
  background-color:#000000;
	
}

TR.subBar {
  background: #000000;
}

TD.subBar {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
 background-color:#000000;
	
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.a.smallText {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color:#66CCFF;
text-decoration: none;
}

TD.accountCategory {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  
}

SPAN.greetUser {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family:Arial, Helvetica, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family:Arial, Helvetica, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { cursor: pointer; cursor: hand; }


.checkoutBarFrom, .checkoutBarTo { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }

/* message box */

.messageBox { font-family:Arial, Helvetica, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family:Arial, Helvetica, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #ff0000; }

		#footer {
		clear:both;
		position: relative;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
        padding: 0;
        width: 820px;
		height: 30px;
		 font:Arial, Helvetica, sans-serif;
		background-color:#000000;
		filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
		
		}
		
		#footer-text {
		font: Arial, Helvetica, sans-serif;
		float:left;
		display: inline;
		width: 70%;
		padding: 7px 0 5px 15px;
		color:#ffffff;
		font-size: 10px;
		font-weight: normal;
		}
		
		
a#footer-text {
		
		color:#0066FF;
		
		
		}
		
a#footer-text:hover {
		
		color:#FFFF66;
		text-decoration:underline;
		
		
		}
		
		#footer-right {
		display: inline;
		float: right;
		padding: 7px 15px 5px 0;
		color:#ffffff;
		font-size: 10px;
		font-weight: normal;
		}