/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
 #flashlogo {



margin-top: -100px;
position:relative;
top:10px;
}

.cardlogos {
height:30px;
width:auto;

}

.divider {
border-top:1px solid #666666;
height:10px;

width:550px;
}


h2 {

text-transform: uppercase;
margin-top:0;
padding-top:0;
font-weight:normal;
font-size:14px;
}

h3 {
text-transform: uppercase;
font-weight:normal;

font-size:12px;
}
.outer {width:900px;
margin:20px auto;
background-repeat: no-repeat;


}


a.rollover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;}

a.rollover:hover img {
filter:alpha(opacity=70);   
-moz-opacity: 0.7;   
opacity: 0.7;
}




.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight:normal; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #000;
  color: #999999;
  margin: 0px;
   font-family: Century Gothic, Verdana, Helvetica, sans-serif;
}

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

A:hover {
  color: #555555;
  text-decoration: none;
}
a img {
border:0;
}
FORM {
	display: inline;
}






/* HEADER ************************************** */
.logo {
margin-bottom:0px;
}
.header {
margin-bottom:0px; 
padding: 0 0 20px 0;
border-bottom: 1px solid #777777;
}

TR.headerNavigation {

}

TD.headerNavigation {

  font-size: 12px;


  font-weight :normal;
}
span.border  {
/*border-bottom: 1px solid #777777;*/
  padding: 0 0 5px 0;
}
.menu a  {
/*border-bottom: 1px solid #777777;*/
  color: #999999; 
  padding: 0 0 5px 0;
}
.menu a:hover {
/*border-bottom: 1px solid #999999;*/
color: #555555;
}
.submenu {
position:relative;
top:-20px;

  font-size: 10px;
}
#flashcontentwebsitelink {
position:relative;
left:30px;
top:-17px;

}
.sponsors {
margin-bottom:10px;

}
A.headerNavigation { 
  color: #999999; 
}

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

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {

}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;

  color: #ffffff;
  font-weight:normal;
  text-align: center;
}

.footer {
border-top:1px solid #777777;
margin-top:0px;
}

.footertd {
  font-size: 10px;
text-transform:uppercase;

padding-top:3px;}
.footertd img{
position:relative;
top:5px;
}
.currencies  {
width:60px;
position:relative;
left:3px;
top:-14px
}

.currencyimg img {
border:0px solid red;
width:18px;
height:18px;

}

.currencies select  {
margin-top:0px;
text-transform:uppercase;
text-transform:uppercase;
font-weight:bold;
}


.currencies .infoBoxHeading {

display:none;
}
.infoBox {

}


.sidemenutd {

height:100%;

}


.sidemenu {
width:170px;
min-height:250px;

margin: 0 10px 0 0;

}
.sidemenudivide {

height:7px;
}
.sidemenu img {
margin:0px 0 0px 0;
width:170px;
height:70px;
border:1px solid #777777;
}
.sidemenubottom {
width:170px;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
border-top:1px solid #777777;
margin: 0 10px 0 0;
padding:10px 0 0px 0;
}
.sidemenubottomtable td{
font-weight:bold;
font-size:10px;
text-transform:uppercase;
text-align:left;
}
.rright{ padding:0 0 0 20px;
}

.sidemenuproblems {
width:170px;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
border-top:1px solid #777777;
margin: 0 10px 0 0;
padding:10px 0 10px 0;
}
.sidemenu ul li, .sidemenu ul  {
margin:0;
padding:0;
list-style:none;
list-style-type:none;
font-weight:bold;
font-size:11px;
text-transform:uppercase;
}


.maincontent {padding:0px 0 0 10px;

border-left:1px solid #666666;

}
.frontimage {
margin:0px 0 0 0px;
height:382px;
width: 700px;
}
.maincontentdiv {width:700px;
border:0px solid red;

}


.bodytext {
text-transform:none;
}
.infoBoxContents {

  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {

  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight:normal;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}







TABLE.productListing {

}

.productListing-heading {
border-bottom:1px solid #777777;
font-size: 10px;
}
.productListing-data3 {
border:0px solid red;

}


.productListing-data3 img{
border:0px solid blue;

}

.listingtext {
font-size: 10px;
padding:5px 4px 10px 4px;
margin:2px 0 10px 0;
text-transform: uppercase;
height:31px;
font-weight:normal;
border:0px solid green;

}


.listingtext a {
position:relative;
top:2px;
border:0px solid red;
}
.prodbox img {
max-width:150px;
max-height:150px;
height:auto;
width:auto;


}
.prodbox {
border:0px solid #777777;
width:150px;
margin-bottom:20px;
min-height:100%
}


.prodbox img{
padding:0px 0 10px 0;
border-bottom:1px solid #777777;
border-top:0px solid #777777;

}


TD.productListing-data {
border:0px solid red;
  text-transform: uppercase;
  font-size:11px;
  font-weight: bold;
}

.left {
border:0px solid red;

width:330px;
}
.prodinfoimage {
border:0px solid red;
height:360px;
width:350px
}

.prodinfoimage img {
height:auto;
width:auto;
width:350px;
max-height:350px;
margin-left:0px;
border:1px solid #777777;
}
.prodinfo_manufact {
width:70px;
float:left;
text-align:right;
}
.prodinfo_manufact img {
margin:3px 0 0 0;
height:60px ;
width:60px;
border:1px solid #777777;
}
.prodinfo_name {

float:left;
width:260px;

}


.prodinfotext {
text-align:left;;
font-size:10px;
font-weight:normal;
margin: 10px 0 20px 0;
width:310px;
text-transform: uppercase;

}




.accountleft {
width:200px;
text-transform: uppercase;
font-weight:normal;
font-size:10px;

}
A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-size: 14px;
  font-weight:normal;
  text-transform:uppercase;
padding-top:0;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-size: 10px;
  line-height: 1.5;
  
  
  text-transform: uppercase;
}

select {
width:150px;
border:1px solid #777777;
background:#000000;
color:#777777;

}


.main input {border:1px solid #777777;
background:#000000;
color:#777777;

}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight:normal;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight:normal;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight:normal;
}

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

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

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

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #222222; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #333333; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #cccccc; color:#000000 }
.messageStackSuccess { font-size: 10px; background-color: #cccccc; color:#000000}

/* input requirement */

.inputRequirement { font-size: 10px; color: #cccccc; }












div.jqZoomTitle
{
	z-index:5000;
	text-align:center;
	font-size:11px;
	font-family:Tahoma;
	height:16px;
	padding-top:2px;
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	color: #FFF;
	background: #777;
border:0px solid green;
width:350px;
}

.jqZoomPup
{
		overflow:hidden;
		background-color: #FFF;
		-moz-opacity:0.6;
		opacity: 0.6;
		filter: alpha(opacity = 60);
		z-index:10;
		border-color:#c4c4c4;
		border-style: solid;
		cursor:crosshair;
		border:1px solid #000000;
}

.jqZoomPup img
{	
	border: 0px;
}

.preload{
-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(/images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	* width:100px;
	height:43px;
	*height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

.jqZoomWindow
{ 
	border: 1px solid #777777;
	background-color: #FFF;
}


/* ================================================================================================

    !!!!!!!! YOUR ATTENTION PLEASE !!!!!!!!

    Styles below particular to demo layout, not necessarily related to scrolling div code  

================================================================================================= */

div#wn {
    float:left;
    margin-right:8px;
    }
    
div#scrollbar {
    float:left;
    }

.clearer { clear:left; }






#extra_controls, #scrollbar { 
    display:block; /* initially display:none; to hide from incapable */
	width:300px;
    }

div#wn	{ 
	position:relative;
	width:330px; height:278px; 
	
	overflow:hidden;
	margin-bottom:0px;
	border-bottom:1px solid #666666;
	border-top:1px solid #666666;
	}
div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
div#lyr1 { /* show first div */
    visibility:visible;
	padding-right:45px;
    }
div#scrollbar { 
  position:relative;
  width:2px; height:263px; 
  font-size:1px;
  left:-20px;
  top:8px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:18px;
  width:11px; height:226px;
  background: #222222;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:7px; height:20px;
  background-color:#666;
  border:1px solid #666;
  }  
div#up { position:absolute; left:0; top:-2px;  margin-bottom:7px; }  
div#down { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
	width:10px;
	height:auto;
    } 
    
/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}




div#wn {
    float:left;
    margin-right:8px;
    }
    
div#scrollbar {
    float:left;
    }

.clearer { clear:left; }

div#wn2	{ 
	position:relative;
	
	width:320px; height:340px; 
	overflow:hidden;
	margin-bottom:0px;
	border:0px solid red;
	}
div.content { /* hide content to be swapped in */
	position:absolute; visibility:hidden;
	left:0px; top:0px; 
	}
div#lyr2 { /* show first div */
    visibility:visible;
	padding-right:15px;
    }
div#scrollbar2 { 
  position:relative;
  left:320px;
  width:2px; height:340px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track2 { 
  position:absolute; left:0; top:18px;
  width:11px; height:304px;
  background: #ccc;
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:7px; height:20px;
  background-color:#fff;
  border:1px solid #CCCCCC;
  }  
div#up { position:absolute; left:0; top:-2px;  margin-bottom:7px; }  
div#down { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar2 img {
    display:block; 
	width:10px;
	height:auto;
    } 
    
/* for safari, to prevent selection problem */
div#scrollbar2, div#track2, div#dragBar2, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}




div#wn2 {
    float:left;
    margin-right:8px;
    }
    2
div#scrollbar {
    float:left;
    }