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

.boxText 
{ 
	font-family: "Trebuchet MS"; font-size: 13px; }
.errorBox 
{ 
	font-family : "Trebuchet MS"; 
	font-size : 12px; 
	background: #ffb3b5; 
	font-weight: bold; 
}
.stockWarning 
{ 
	font-family : "Trebuchet MS"; 
	font-size : 12px; 
	color: #cc0033; 
}
.productsNotifications 
{ 
	background: #f2fff7; 
}
.orderEdit 
{ 
	font-family : "Trebuchet MS"; 
	font-size : 12px; 
	color: #70d250; 
	text-decoration: underline; 
}

A 
{
 	color: #000000;
  	text-decoration: none;
}
A:hover 
{
  	color: #AABBDD;
  	text-decoration: underline;
}

FORM 
{
	display: inline;
}

TR.header 
{
  	background: #ffffff;
}
TR.headerNavigation 
{
  	background: #bbc3d3;
}

TD.headerNavigation 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	background: #bbc3d3;
  	color: #ffffff;
  	font-weight : bold;
}

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

TR.headerError 
{
  	background: #ff0000;
}
TD.headerError 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	background: #ff0000;
  	color: #ffffff;
  	font-weight : bold;
  	text-align : center;
}

TR.headerInfo 
{
  	background: #00ff00;
}
TD.headerInfo 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	background: #00ff00;
  	color: #ffffff;
  	font-weight: bold;
  	text-align: center;
}

TR.footer 
{
  	background: #bbc3d3;
}
TD.footer 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	background: #bbc3d3;
  	color: #ffffff;
  	font-weight: bold;
}

.infoBox 
{
  	background: #b6b7cb;
}

.infoBoxContents 
{
  	background: #FFFFFF;
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}
.infoBoxNotice 
{
  	background: #FF8E90;
}
.infoBoxNoticeContents 
{
  	background: #FFE6E6;
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}

TD.infoBoxHeading 
{
  	font-family: "Trebuchet MS";
  	font-size: 15px;
  	font-weight: bold;
  	background-image: url(images/headingBackground.jpg);
  	background-repeat: repeat-x;
  	color: #ffffff;
}
TD.infoBox, SPAN.infoBox 
{
  	font-family: "Trebuchet MS";
  	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: #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: 1px;
  	border-style: solid;
  	border-color: #b6b7cb;
  	border-spacing: 1px;
}

.productListing-heading 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	background: #950000;
  	color: #FFFFFF;
  	font-weight: bold;
}

TD.productListing-data 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}

A.pageResults 
{
  	color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading 
{
  	font-family: "Trebuchet MS";
  	font-size: 20px;
  	font-weight: bold;
  	color: #9a9a9a;
}

TR.subBar 
{
  	background: #f4f7fd;
}
TD.subBar 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	color: #000000;
}

TD.main, P.main 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText 
{
  	font-family: "Trebuchet MS";
  	font-size: 11px;
}

TD.accountCategory 
{
  	font-family: "Trebuchet MS";
  	font-size: 13px;
  	color: #aabbdd;
}
TD.fieldKey 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	font-weight: bold;
}
TD.fieldValue 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}
TD.tableHeading 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	font-weight: bold;
}

SPAN.newItemInCart 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}

TEXTAREA 
{
  	width: 100%;
  	font-family: "Trebuchet MS";
  	font-size: 12px;
}

SPAN.greetUser 
{
  	font-family: "Trebuchet MS";
  	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: "Trebuchet MS";
  	font-size: 12px;
  	font-weight: bold;
}

SPAN.markProductOutOfStock 
{
  	font-family: "Trebuchet MS";
  	font-size: 12px;
  	color: #c76170;
  	font-weight: bold;
}
SPAN.productSpecialPrice {
  font-family: "Trebuchet MS";
  color: #ff0000;
}
SPAN.errorText 
{
  	font-family: "Trebuchet MS";
  	color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	color: #8c8c8c; 
}
.checkoutBarCurrent 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	color: #000000; 
}

/* message box */
.messageBox 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
}
.messageStackError, .messageStackWarning 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	background-color: #ffb3b5; 
}
.messageStackSuccess 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	background-color: #99ff00; 
}

/* input requirement */
.inputRequirement 
{ 
	font-family: "Trebuchet MS"; 
	font-size: 12px; 
	color: #ff0000; 
}

/*****************************************************************************************/
/*****************************************************************************************/
/****************************My Declarations for Total************************************/
/***********************************Modification******************************************/
/*****************************************************************************************/
/*****************************************************************************************/
/*****************************************************************************************/

body 
{
	background-color: #FFFFFF;
	margin-top: 15px;
}

#wrapper 
{ 
 	margin: 0 auto;
 	width: 1000px;
}
/*Wrapper Auxiliar que evita la duplicidad de los colores de fondo para el esquema de 3 y 2 columnas*/
#wrapper2 
{ 
 	margin: 0 auto;
 	width: 1000px;
	height: auto;
	background-color: #0F0F0F;
}

#header 
{
 	width: 1000px;
 	height: 130px;
 	background-color: #0F0F0F;
	margin-left: auto;
	margin-right: auto;
}
	#headerLeft
	{
		width: 290px;
		height: 130px;
		float: left;
		
		background-image: url(images/mainHeaderLeft.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		
	}
	#headerLeftNoAdd
	{
		width: 290px;
		height: 130px;
		float: left;
		
		background-image: url(images/mainHeaderLeftNoAdd.jpg);
		background-position: 0px 0px;
		background-repeat: no-repeat;
		
	}	
	#headerCenter
	{
		width: 420px;
		height: 130px;
		margin-left: 0px;
		margin-right: 0px;
		float: right;
	}
	#headerRight
	{
		width: 290px;
		height: 130px;
		float: right;
		
		background-image: url(images/mainHeaderRight.jpg);
		background-position: 277px 0px;
		background-repeat: no-repeat;
	}

#menu
{
	width: 1000px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
	#menuLeftCorner
	{
		width: 35px;
		height: 80px;
		float: left;
		
		background-image: url(images/menuLeftCorner.jpg);	
	}
	#menuRightCorner
	{
		width: 35px;
		height: 80px;
		float: right;
		
		background-image: url(images/menuRightCorner.jpg);
	}
	#menuCenter
	{
		width: 930px;
		height: 80px;
		margin-left: 0px;
		margin-right: 0px;
		float: right;
		
		background-image: url(images/menuBackground.jpg);
		background-position: 0px 0px;
		background-repeat: repeat-x;
	}


#leftcolumn 
{ 
 	background: #0F0F0F;

 	padding: 10px;
 	height: auto;
 	width: 180px;
 	float: left;
}
#rightcolumn 
{ 
 	background: #0F0F0F;

 	padding: 10px;
 	height: auto;
 	width: 250px;
 	float: right;
}
#contentOpc 
{ 
 	float: left;
 	background-color: #0F0F0F;
 	height: auto;
 	width: 550px;
 	display: inline;
}
#content 
{ 
 	float: left;
 	background-color: #0F0F0F;
 	height: auto;
 	width: 800px;
 	display: inline;
}
		#contentRightNews
		{
			width: 800px;
			height: 200px;
			float: left;
			margin-top: 15px;
					
			background-color: #0F0F0F;
		}
		#contentRightNewsWrapper
		{
			width: 450px;
			height: 185px;
			float: right;
			
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 40px;
			padding-top: 40px;
			
			background-image: url(images/newsBackground.jpg);
			background-position: 0px 0px;
			background-repeat: repeat-x;
		}
		#contentRightNewsImage
		{
			width: 250px;
			height: 185px;
			float: right;
			
			background-image: url(images/newsPhoto.jpg);
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		#contentRightUpcomings
		{
			width: 750px;
			height: auto;
			float: left;
			
			background-color: #0F0F0F;
		}

#title1Wrapper
{
	width: 600px;
	height: 45px;
	float: right;
	margin-top: 15px;
	padding-top: 5px;

	background-image: url(images/categoryFrame.jpg);
	background-repeat: no-repeat;
}
#searchBoxWrapper
{
	width: 180px;
	height: 100px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #0F0F0F;
}
#categoryBoxWrapper
{
	width: 180px;
	height: auto;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #0F0F0F;
}
#specialBoxWrapper
{
	width: 180px;
	height: auto;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #0F0F0F;
}
#newBoxWrapper
{
	width: 780px;
	height: auto;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #0F0F0F;
}


#footer 
{ 
 	width: 1000px;
 	clear: both;
	background-color: #FFFFFF;
}

#footerCenter
{
	width: 900px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;	
}


/*******************************************************/
/*********************Font Styles***********************/
/*******************************************************/

.mainText
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}
.newsText
{
	font-family: "Trebuchet MS";
	color: #600000;
	font-size: 15px;
}
.title1Text
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 28px;
	text-align: center;
}
.subTitleText
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
}

.subTitleTextRed
{
	font-family: "Trebuchet MS";
	color: #990000;
	font-size: 18px;
	font-weight: bold;
}

.newProductsText
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
}

.smallWhiteText
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}
.normalWhiteText
{
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

.hyper2 a
{
	color: #FFFFFF; 
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	font-size: 14px;
}
.hyper2 a:hover 
{
	color: #950000; 
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	font-size: 14px;
	text-decoration: none;
}


td.hyper1  
{
	color: #FFFFFF; 
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	font-size: 14px;
}
td.hyper1 a 
{
	color: #FFFFFF; 
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	font-size: 14px;
}
td.hyper1 a:hover 
{
	color: #950000; 
	font-family: "Trebuchet MS"; 
	font-weight: bold; 
	font-size: 14px;
	text-decoration: none;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*Menu de navegacion!*/
#vdividermenu ul{
padding: 24px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
float: left;
font-family: "Trebuchet MS";
font-size: 20px;
width: 100%;
height: 80px;
background-image: url(images/menuBackground.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: left;
color: #FFFFFF;
font-family: "Trebuchet MS";

padding: 2px 20px;
text-decoration: none;
background: transparent url(images/vertical.gif) center right no-repeat;
}

#vdividermenu ul li a:hover{
color: black;
}