/*
  $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; }
.infoblackBox { background: #000000; }

FORM {
	display: inline;
	padding:0px;
	margin:0px;
}

.infoBox {
	border:1px solid #666;
	background-color: #333;
	color: #FFF;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

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: #00ff00;
}

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

UL.leftNavigation {
	list-style-type:none;
	margin:0px; 
	padding:0px;
}

UL.leftNavigation li {
	border-left: 10px solid #1B1B1B;
	background-color: #1B1B1B;
	padding: 2px 8px;
	border-top: 1px solid #444;
	font-size:11px;
	margin:0px 0px 1px 0px; 
	height:13px;
	line-height:15px;
	color:#A7A7A7;
	text-transform:uppercase;
}

UL.leftNavigation li a {
	color: #FFF;
	text-transform: none;
	font-size:11px;
	text-decoration:none;
}

UL.leftNavigation li a:hover {
	color:#A7A7A7;
	font-size:11px;
	text-decoration:underline;
}

UL.leftNavigation li.subcat1 { border-left: 15px solid #1B1B1B; border-top: 0; }
UL.leftNavigation li.subcat2 { border-left: 30px solid #1B1B1B; border-top: 0; }
UL.leftNavigation li.subcat3 { border-left: 45px solid #1B1B1B;	border-top: 0; }
UL.leftNavigation li.subcat4 { border-left: 50px solid #1B1B1B; border-top: 0; }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNotice td {
  color: #000000;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #B60000;
  color: #ffffff;
}

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

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: #3A3A3A;
}

TABLE.productListing a {
  text-decoration: none;
}

TABLE.productListing td {
	padding: 3px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background-color: #1B1B1B;
  color: #99CC00;
  font-weight: bold;
  text-decoration: none;
  height: 10px;
}

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

A.pageResults {
  color: #99CC00;
}

A.pageResults:hover {
  color:#FFF;
  text-decoration: underline;
}

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

TR.subBar {
  background: #f4f7fd;
}

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.main a:hover { color: #FFF; }

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: #f0a480;
  font-weight: bold;
}

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: bold;
}

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

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

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

.moduleRow { }
.moduleRowOver td { color: #FFF; cursor: pointer; cursor: hand; }
.moduleRowSelected { color: #FFF; }

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

/* message box */

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

/* input requirement */

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

body	{
		margin:0px;
		padding:0px;
		background-color:#000000;
		font-family:Tahoma;
		scrollbar-base-color: #333;
		scrollbar-arrow-color: #D00;
		scrollbar-3dlight-color: #333;
		scrollbar-darkshadow-color: #000;
		scrollbar-face-color: #333;
		scrollbar-highlight-color: #999;
		scrollbar-shadow-color: #000;
		scrollbar-track-color: #666;
}
																					
em, i {
		font-style: oblique;
}

em 	{
		color:#FFF;
		font-size:10px;
		}	
em a	{
						color:#FFF;
						text-decoration:underline;
						}
em a:hover	{
						color:#99CC00;
						text-decoration:none;
						}

td {
		vertical-align:top;
		font-size:11px;
		line-height:12px;
		font-family:Tahoma;
		color:#A7A7A7;
		}
img {
		border:0;
		}
			
h1, h2, h3 	{
		color:#ffffff;
		font-size:13px;
		text-transform:uppercase;
		}	
h1	{
		line-height:21px;
		padding:0px 0px 0px 0px;
		margin:15px 0px 0px 0px;
		}
						
h3	{
		line-height:18px;
		padding:0px 3px;
		margin:10px 0px 0px 0px;
		background-color:#B60000;
		vertical-align:middle;
		font-size: 1em;
		border-bottom: 1px solid #CCC;
		}					

a	{
		color:#CCC;
		font-size:11px;
		text-decoration:underline;
		}
		
a:hover	{
		color:#FFF;
		text-decoration:none;
		}



strong b {
		color:#99CC00;
		font-size:13px;
		color:#ffffff;
		}																			                                              
strong {
		/* color:#99CC00; */
		}
						
h1 a {
		color:#fff;
		text-decoration:none;
		}

h1 a:hover {
		color:#fff;
		text-decoration:none;
		}
			
input[type="text"], textarea {
		border:1px solid #999999;
		font-family:Tahoma;
		font-size:11px;
		color:#000000;
		line-height:13px;
		padding-left:4px;
		padding-right:4px;
		}
.input_1	{
		height:17px;
		width:129px;
		margin:0px 0px 0px 0px;
		}												

.textarea_1	{
		height:90px;
		margin:0px 0px 0px 0px;
		overflow:hidden;
		}	

.footer td	{
		color:#ffffff;
		font-size:11px;
		line-height:17px;
		}	
.footer a	{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		}
.footer a:hover	{
		color:#ffffff;
		font-size:11px;
		text-decoration:underline;
		}
.footer span {
		color:#B1B1B1;
		font-size:11px;
		}	
.footer span a	{
		color:#B1B1B1;
		font-size:11px;
		text-decoration:none;
		}
.footer span a:hover	{
		color:#B1B1B1;
		font-size:11px;
		text-decoration:underline;
		}	
.footer strong a	{
		color:#A3D500;
		font-size:11px;
		text-decoration:underline;
		}
.footer strong a:hover	{
		color:#A3D500;
		font-size:11px;
		text-decoration:none;
		}

.border  {
		border:9px solid #ffffff;
		border-bottom:0px;
		border-top:0px;
		}
						
.head li	{
		background-image: url(images/list_0_1.gif);
		background-position: 0% 3px;
		background-repeat: no-repeat;
		font-size:11px;
		margin:0px 0px 2px 0px; 
		padding:0px 0px 0px 9px;
		height:13px;
		line-height:12px;
		color:#7C7C7C;
		}
.head li a	{
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		}
.head li a:hover	{
		color:#ffffff;
		font-size:11px;
		text-decoration:underline;
		}
.head input	{
		height:17px;
		width:92px;
		margin:0px 0px 0px 21px;
		background-color: #000;
		border: 1px solid #CCC;
		font-family:Tahoma;
		font-size:11px;
		color:#777E85;
		}
.head select	{
		height:17px;
		width:116px;
		margin:4px 0px 9px 3px;
		font-size:10px;
		}
.head b  {
		color:#ffffff;
		}						
.head b a {
		color:#ffffff;
		text-decoration:none;
		}	
.head b a:hover {
		color:#ffffff;
		text-decoration:underline;
		}						
.head i {
		color:#B9F200;
		font-size:11px;
		}
.head i a {
		color:#99CC00;
		font-size:11px;
		text-decoration:none;
		}	
.head i a:hover {
		color:#99CC00;
		font-size:11px;
		text-decoration:underline;
		}													
.head i b {
		color:#B9F200;
		font-size:11px;
		font-weight:bold;
		}	
.head td  {
		color:#B7B7B7;
		font-size:11px;
		}	
.head strong  {
		color:#B7B7B7;
		}	
.head span {
		color:#ffffff;
		}		
.head em strong {
		color:#202020;
		font-size:12px;
		}
.head a {
		color:#A7A7A7;
		text-decoration:none;
		}	
.head a:hover {
		color:#A7A7A7;
		text-decoration:underline;
		}

.breadcrumb, .breadcrumb a {
		color: #9a9a9a;
		}

.banner {
		background: #303030;
		border-bottom:3px solid #000000; 
		border-left:1px solid #000000;
		}

.more {
		padding-right:1em;
		padding-bottom:1em;
		text-align: right;
		}

.more a:link,
.more a:active,
.more a:visited  {
		color: #FFF;
		text-decoration: none;
		}
.more a:hover {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #666;
		}
						
.product a:link,
.product a:active,
.product a:visited  {
		color: #FFF;
		text-decoration: none;
		}
.product a:hover {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #666;
		}

.product p {
		color:#FFF;
		margin:0 10px 0 20px;
		text-indent: -10px;
		}
				
.product p a,
.more a {
		color: #FFF;
		text-decoration: none;
		}

/* Announcements Page */
#announcements p {
	color: #FFFFFF;
	margin:1em 2em 0em 1em;
	font-size: 1em;
}

/* Announcements Box for Homepage */
#announcementsBox {
	/*height: 100%;*/
	height: 450px;
	width: 100%;
	overflow: auto;
	color: #FFFFFF;
}

#announcementsBox p {
	margin:1em 2em 0em 1em;
}

/*------------------------------------------------------  table_3_1	 ---------------------*/						
.table_3_1 td	{
						background-color:#1E1E1E;
						}
.table_3_1 .input_3 {
						width:20px;
						height:14px;
						background-color:#ffffff;
						border:1px solid #818181;
						font-family:Tahoma;
						font-size:11px;
						color:#4C4C4C;
						line-height:12px;
						padding:0;
						padding-left:4px;
						padding-right:4px;
						margin:9px 0px 0px 0px;
						}
.table_3_1 .input_2 {
						width:14px;
						height:14px;
						background-color:#ffffff;
						border:1px solid #818181;
						font-family:Tahoma;
						font-size:11px;
						color:#4C4C4C;
						line-height:12px;
						padding:0;
						margin:9px 0px 0px 0px;
						}
/*------------------------------------------------------  popup	 ---------------------*/	
.popup td	{
						line-height:14px;
						}																																																																																						
						
#zxc2 table {
						background-color: #1B1B1B;
						width:100%;	
						}
#zxc2 table td {
						padding: 2px 8px;
						}
.zxc3 a {
	color:#99CC00;
	text-decoration:none;
}

.zxc3 a:hover {
	text-decoration:underline;
}

.zxc4, .zxc4 * {
	padding:0;
	margin:0 auto;
	text-align:center;
}

#zxc5 * {
	padding:0;
	margin:0;
	width:auto;
	height:auto;
	border:none;
}

.zxc7, .zxc7 a {
	color:#99CC00;
}

.zxc7 a:hover {
	color: #B60000;
	text-decoration:underline;
}

#zxc2 .infoBox  {
	border:none;
}

.zxc6 {
	position:relative;
	top:-4px;
}

.zxc {
	border:0;
	background:none;
	width:auto;
}

#gallery { overflow:visible; margin-top:15px; width: 800px; }

.CategoryMenu {
	width: 700px;
	background-color: #1B1B1B;
	border: 1px solid #000000;
	margin-bottom: 8px;
	padding: 0;
	display: block;
	clear: both;
	}
	
.CategoryMenu a {
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
	clear: both;
	text-decoration: none;
	line-height: 2em;
	}

.CategoryMenu a:link p,
.CategoryMenu a:visited p {
	display: block;
	color: #FFFFFF;
	float: left;
	text-decoration: none;
	}

.CategoryMenu a:hover p,
.CategoryMenu a:active p {
	display: block;
	color: #CC0000;
	float: left;
	}
		
.CategoryItems {
	margin: 0;
	padding: 0;
	width: 700px;
	display: table-cell;
	}
	
.CategoryItems p {
	margin-top: 18px;
	margin-left: 20px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: 2.5pt;
	font-variant: small-caps;
	float: left;
	display: block;
	}
	
.CategoryItems p strong {
	margin-top: 30px;
	font-size: 20px;
	}
	
.CategoryItems img {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	display: block;
	}

table.CarSpecs {
	border: 0; /*1px solid #CC0000;*/
	border-collapse: collapse;
	width: 450px;
}

table.CarSpecs th, table.CarSpecs th strong {
	font-family: Arial,sans-serif;
	color: #e1e1e1;
	font-size: 12px;
	background-color: #CC0000;
	text-align: left;
	padding-left: 4px;
	border-left: 1px solid #CC0000;
	border-right: 1px solid #CC0000;
}

table.CarSpecs td,table.CarSpecs td strong {
	font-family: Arial,sans-serif;
	color: #e1e1e1;
	font-size: 12px;
	border: 1px solid #000000;
	background-color: #1B1B1B;
}

table.CarSpecs td p {
	margin-left: 3px;
	font-family: Arial,sans-serif;
	color: #e1e1e1;
	font-size: 11px;
	}
	
.CarNotes {
	width:450px;
	max-height:200px;
	_height:200px;
	overflow-y: auto;
	z-index:0;
	}
	
.CarNotes p {
	font-size: 11px;
	}
	
.CarNotes strong {
	color: #FFF;
	}
	
.CarNotes p a {
	color: #CCC;
	text-decoration: underline;
	}

.CarNotesHeader {
	font-weight: bold;
	font-size: 14px;
	}
	
.carthumbs {
	float: right;
	margin-right: -6px;
	_margin-right: -15px;
	}

dl {width:88px; height:59px; text-align:center; margin:0px; float:left;}

.carthumbs {text-align:center; width:280; border: 0;; background-color:#303030; _margin-top:-20px;}
.carthumbs a, a:link, a:hover, a:visited { border:0px!important; text-decoration:none!important; }
.galerie_clearfix { clear:both; line-height:0; margin:0; padding:0; font-size:0; }
.carthumbs .invisible {  display:none;  font-size:0;  line-height:0;}
.carthumbs a { height:100%; display: block; cursor: pointer;text-decoration: none; color: #FFF;font-weight:normal;}
.carthumbs img { border:0!important;}
/* vignette contenant l\image et sa description */ 
.carthumbs dl {width:88px; height:59px; text-align:center; margin:0px; float:left;}
/* miniature de l\image */ 
.carthumbs dt { text-align:center;  vertical-align:middle; width:100%;height:100%;display:block;line-height:59px; }
.carthumbs dt a img { vertical-align:middle;margin: 0; }
.carthumbs dt a {display:inline; vertical-align:middle; height:100%; width:100%}
/* légende de l\image */ 
.carthumbs dd {height: 15pxpx;  margin-bottom:0px;margin-top: 5px;margin-left:0;padding:0;width:100%;text-align:center;overflow:hidden;color : #FFF; }
.carthumbs h3{width:100%;}
.carthumbs .description {width:95%;font-style:italic;text-align:left;margin:5px;}
.carthumbs .galerie_page {color:#DDD; float:right; font-size:1em; font-style:italic; margin-right:10px; margin-top:-1.5em;}
.carthumbs dd a:hover {color:#FFF;text-decoration:none;font-weight:bold;background-color:#303030;}
.carthumbs dd a {text-decoration: none; color: #FFF;font-weight:normal;}
.carthumbs dl:hover {color:#FFF;text-decoration:none;font-weight:bold;background-color:#303030;}
.carthumbs dt a:hover {color:#FFF;text-decoration:none;font-weight:bold;background-color:#303030;}
.carthumbs dt a img {opacity:1;	-moz-opacity:1;	filter:alpha( opacity=100 );}
.carthumbs dt a img:hover {opacity:0.74;	-moz-opacity:0.74;	filter:alpha( opacity=74 );}
	
.pathway {
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #CCC;
	font-size:11px;
	text-transform:uppercase;
	line-height:21px;
	padding:0px 0px 0px 0px;
	margin:15px 0px 0px 0px;
}

.pathway a {
	color: #CCC;
	text-decoration:none;
}

.pathway a:hover {
	color:#FFF;
	text-decoration:none;
}

.contentheading {
	font-size: 22px;
	font-weight: normal;
	line-height: normal;
 	color: #ffffff;
	text-align:left;
	}
	
p.load { height:500px; background: url(css/loadingAnimation.gif) no-repeat center; }