/*
  $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: Verdana, Arial, sans-serif; font-size: 10px; }*/
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }


.fixcenter {
  width: 778px;
  border: solid; border-color:#B8CDE0; border-width: 1px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 20px;
  text-align: left;
}



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

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  
}

.headerproducttitle {
 font-size: 24px; 
 color: #333399;
 font-weight : bold;
}
/*TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  
  color: #000000;
  font-weight : bold;
}
*/



div.headerproductinfo {
 font-size: 12px; 
 color: #333399;
 font-weight : bold;
}


div.headerproducttabs {
 font-size: 12px; 
 color: #333399;
 font-weight : bold;
}

a.headerproducttabs {
 font-size: 10px; 
 color: #333399;
 font-weight : bold;
}


#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 25px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}


A.headerNavigation { 
  color: #314483; 
}

A.headerNavigation:hover {
  color: #044CD0;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #646464;
}

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

TR.footer {
 
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 

  color: #000000;
  font-weight: bold;
}


.componentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 100%;
	color: #333399;
	letter-spacing: -1px;
}

.contentheading {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 100%;
	color: #333399;
	letter-spacing: -1px;
}


.infoBox {
  
}

/*.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border-spacing: 2px;
  border-collapse: separate;
  border-collapse: expression('separate', cellSpacing = '2px');
}
*/

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  

  color: #516384;

}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  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 {
  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: #EEEFF0;
}

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

.productListingHeader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #7d9cec66;
  color: #000;
  font-weight: bold;
  
}
/*
.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #91B0C5;
  color: #000;
  font-weight: bold;
 }
*/
TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  }

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  
}

TR.subBar {
  background: #f4f7fd;
}

.sectiontableheader {
font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #7d9cec66;
  color: #000;
  font-weight: bold;
}


TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
/*
TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

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

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

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

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

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

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

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

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

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

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: Verdana, Arial, sans-serif;
  color: #ff0000;
}

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

 
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */



/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #FECCCB;  color: #941C26; font-weight: bold; border-color: #941C26; border-style: solid; border-width: 1px;}
.messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #E8F48D;  color: #516384; font-weight: bold; border-color: #C1DB02; border-style: solid; border-width: 1px;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #D3FED1;  color: #006600; font-weight: bold; border-color: #006600; border-style: solid; border-width: 1px;}




/* input requirement */

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

TABLE.productinfoBox {
border: solid; 
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.Price {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}


/* BEGIN Fancier Invoice and Packingslip */
.order_history_top { color : #006699; font-weight: bold; font-family: Verdana; font-size: 13px; }
.order_infobox_heading { color : #000000; font-weight: bold; font-family: Verdana; font-size: 12px; }
.order_infobox_data { color : #000000; font-family: Verdana; font-size: 12px; } 
.product_infobox_heading_row {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #7d9cec66;
  color: #000;
  font-weight: bold;
.product_infobox_heading { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; font-weight: bold; }
.product_infobox_data_row { background-color: #FFFFFF; }
.product_infobox_data { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }
/* END Fancier Invoice and Packingslip */


/* data table */
.dataTableHeadingRow { background-color: #C9C9C9; }
.dataTableHeadingContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold; }
.dataTableRow { background-color: #FFFFFF; }
.dataTableRowSelected { background-color: #DEE4E8; }
.dataTableRowOver { background-color: #F0F1F1; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; 
}
.infoBoxNotice, .infoBoxNoticeContents {background-color: #c9c9c9;
font-weight: bold;
}

.infoBoxProducts {
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	border: 2px;
	border-style: solid;
	border-color: #666666;
  font-weight: normal;
  background-color: #fff;
  color: #333333;
	margin-bottom:-8px;
	-moz-border-radius:20px;
  	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px; 
	vertical-align: bottom;
}

.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}
TD.infoBoxGrid:hover {
		background-color: #E6DFD3;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
 border: ridge 0px #faf0e6;
 border-collapse: collapse;
 background-color: #E6DCC8;
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #333;
}

.productListing-title a, .productListing-title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	padding-left:18px;
	padding-bottom:5px;
}
.productListing-name a, .productListing-name {
	font-family: Comic Sans MS,Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding-bottom: 6px;

}
.productListing-short {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
	 color: #333;
}	 

TABLE.buytable {
	 width: 100%;
	 height: 80px;
	 vertical-align: bottom;
         text-align:right;
}
DIV.multi_buy_now {
width: 99%;
text-align : right;
position:relative;
}

DIV#gbutton1 {
margin-bottom:-25px;
z-index:30;
}
DIV#gbutton2 {
margin-top:-25px;
z-index:30;
}

.quantity {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align : center;
}

.quantity input {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : center;
background: #fff;
font-weight: bold;
border:2px solid #666666;
color:#333;
}
TD.attributes {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : right;
}
TABLE.attributes select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #fff;

color:#333;
}
TABLE.drop select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #fff;

color:#333;
}
TR.list-block {
}		
SPAN.list_info {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
cursor:pointer;
}	
SPAN.list_info span {
display:none;
position:relative;  
}		
SPAN.list_info:hover span  {
display:block;
cursor:pointer;
margin-top:-20px;
margin-left:-100px;
position:absolute;
padding: 5px; 
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#333;
background: #c0c0c0;
border:2px solid #666666;
text-align : center;
} 

#popCart {
	position: absolute; /*do not change this*/
	top: 20%;
	left: 35%;
	width: 370px;
	background-color: #f8f8f8;
	border: 6px solid #333399;
	color: #CE12F1;
	z-index: 10002; /*do not change this*/
	display: none; /*do not change this*/
	padding: 20px;
}

/*
position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  text-align: left;
*/
ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
	position: fixed;
	z-index:10001;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #000;
    display:none;
    opacity:0.5;
   	filter:alpha(opacity=75);
	-moz-opacity: 0.5;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/*INFOLAYER*/
.startlayer {
    background: none repeat scroll 0 0 rgba(245, 245, 245, 0.5);
    color: #CCCCCC;
    height: 100%;
    left: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 5000;
}

.containerbox p {
    color: #212121;
    font-size: 14px;
    line-height: 20px;
}

#maintable, #maintable tr, #maintable td {
    border: 0 none;
    height: 100%;
    margin: 0 auto;
}
#layerbox {
    background: none repeat scroll 0 0 rgba(207, 231, 247, 0.8);
    border: solid 1px #b5dd7; 
    margin: auto;
    padding: 35px;
    text-align: center;
}

@media only screen and (max-width: 480px) {
#layerbox {
    background: none repeat scroll 0 0 rgba(207, 231, 247, 0.8);
    border: solid 1px #b5dd7; 
    margin: auto 0;
    padding: 35px;
    text-align: center;
}
}
/*INFOLAYER End*/

/* Multi collumn product-listing */


.infoBoxProducts {
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
	border: 2px;
	border-style: solid;
	border-color: #666666;
  font-weight: normal;
  background-color: transparent;
  color: #333333;
	margin-bottom:-8px;
	-moz-border-radius:20px;
  	-webkit-border-radius:20px;
	-khtml-border-radius:20px;
	border-radius:20px; 
	vertical-align: bottom;
}

.infoBoxProducts a {
  color: #333333;
}
TD.infoBoxGrid {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border: solid 1px #999999;
}
TD.infoBoxGrid:hover {
		background-color: #d3d3d3;
}
/* set pos buy/details button on list */
img.buy_now {  
  margin-bottom:10px;
} 
/* set pos buy/details button on thumbnail */
img.thm_buy_now {
  margin-bottom:-3px;
} 
/* set style buy/details seperator thumbnail */
.buy_now {
  font-weight: bold;
	font-size: 18px;
	color: #999999;
} 
.infoBoxList {
 border: ridge 4px #faf0e6;
 border-collapse: collapse;
 background-color: #fff;
 }
.thumbcontent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#666666;
  text-align:center;
}
TD.noborderbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
TD.separator {border-bottom: 1px solid #ccc;}

.productListing-list-price {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
}

.productListing-title a, .productListing-title {
	font-family: Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	padding-left:18px;
	padding-bottom:10px;
}
.productListing-name a, .productListing-name {
	font-family: Comic Sans MS,Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	padding-bottom: 6px;

}
.productListing-short {
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
	 color: #333;
}	 

TABLE.buytable {
	 width: 100%;
	 height: 80px;
	 vertical-align: bottom;
         text-align:right;
}
DIV.multi_buy_now {
width: 99%;
text-align : right;
position:relative;
}

DIV#gbutton1 {
margin-bottom:-25px;
z-index:30;
}
DIV#gbutton2 {
margin-top:-25px;
z-index:30;
}

.quantity {
font-family:Verdana,Arial,sans-serif;
font-size:10px;
text-align : center;
}

.quantity input {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : center;
background: #c0c0c0;
font-weight: bold;
border:2px solid #666666;
color:#333;
}
TD.attributes {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
text-align : right;
}
TABLE.attributes select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TABLE.drop select {
font-family:Verdana,Arial,sans-serif;
font-size:11px;
background: #c0c0c0;
font-weight: bold;
color:#333;
}
TR.list-block {
}		
SPAN.list_info {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
color: #333;
cursor:pointer;
}	
SPAN.list_info span {
display:none;
position:relative;  
}		
SPAN.list_info:hover span  {
display:block;
cursor:pointer;
margin-top:-20px;
margin-left:-100px;
position:absolute;
padding: 5px; 
font-family:Verdana,Arial,sans-serif;
font-size:12px;
color:#333;
background: #c0c0c0;
border:2px solid #666666;
text-align : center;
}