/**********************************************************************

  $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
  
  CSS style by Alberto Messeguer, webmaster@mischunches.com

***********************************************************************/
@import url(nav.css);


/* body				-------------------------------------------------------- */
* 					{margin:0;padding:0;border:0;}
html,body 			{height:100%;}
body 				{font:normal 12px/120% Arial,Helvetica,sans-serif;color:#666666;background:#272727 url(../_img/layout/bg.jpg) no-repeat;}


/* page structure	-------------------------------------------------------- */
#outerWrapper		{width:800px;margin:0 auto;padding:0;}
#header				{height:180px;position:relative;background:#F1F3E8 url(../_img/layout/header.jpg) no-repeat;}
#contentWrapper		{margin:0;height:100%;padding:20px 0 0 0;overflow:auto;}
#footerWrapper		{height:100px;position:relative;background:url(../_img/layout/footer.jpg) no-repeat;color:#333;font:11px normal;padding:5px 20px 0 20px; margin:0px 0 0 0;}


/* header style  	-------------------------------------------------------- */
#logo				{height:130px;width:250px;position:absolute;top:50px;left:0;}
#collage1			{height:180px;width:350px;position:absolute;top:0;left:250px;background: url(../_img/layout/collage01.jpg) no-repeat;}
#collage2			{height:40px;width:170px;position:absolute;bottom:0;right:0;background: url(../_img/layout/collage02.jpg) no-repeat;}
#langBox			{height:20px;position:absolute;top:8px;left:210px;}
#langBox img		{margin:0 5px 0 0;}
#currencyBox		{position:absolute;top:5px;left:380px;}
#shoppingBox		{position:absolute;top:5px;left:540px;color:#333;font-weight:bold;background: url(../_img/layout/icon_cart.jpg) no-repeat;padding:3px 0 0 34px;height:35px;display:block;}
#shoppingBox a		{color:#333;}
#shoppingBox a:hover{text-decoration:none;color:#000000;}


/* sidebar style	-------------------------------------------------------- */
#sidebar			{float:left;width:180px;font-size:11px;}
.sidebarBoxWrapper	{margin-bottom:10px;}
.sidebarBoxWrapper h3{height:24px;background: url(../_img/layout/sidebarBox_top.jpg) no-repeat;font-size:12px; text-align:center;padding: 6px 0 0 0;margin:0;}
.sidebarBox			{padding:5px 15px;background:url(../_img/layout/sidebarBox_bg.jpg);}
.sidebarBox ul,
.sidebarBox li		{margin:0;padding:0; list-style: none;}
.sidebarBox_bot		{height:15px;background:url(../_img/layout/sidebarBox_bot.jpg) no-repeat;}
.sidebarCatWrapper	{margin-bottom:10px;}
.sidebarCatWrapper h3{height:24px;background: url(../_img/layout/sidebarCat_top.jpg) no-repeat;font-size:12px; text-align:center;padding: 6px 0 0 0;margin:0; color:#FFFFFF;}
.sidebarCat			{padding:5px 15px;background:url(../_img/layout/sidebarCat_bg.jpg);color:#333333}
.sidebarCat a		{color:#333333;}
.sidebarCat a:hover {color:#000000;}
.sidebarCat ul,
.sidebarCat li		{margin:0;padding:0; list-style: none;}
.sidebarCat_bot		{height:15px;background:url(../_img/layout/sidebarCat_bot.jpg) no-repeat;}
.sidebarBox1Wrapper	{margin-bottom:10px;}
.sidebarBox1Wrapper h3{height:24px;background: url(../_img/layout/sidebarBox1_top.jpg) no-repeat;font-size:12px; text-align:center;padding: 6px 0 0 0;margin:0; color:#000;}
.sidebarBox1		{padding:5px 15px;background:url(../_img/layout/sidebarBox1_bg.jpg);color:#333333}
.sidebarBox1 a		{color:#333333;}
.sidebarBox1 a:hover{color:#000000;}
.sidebarBox1 ul,
.sidebarBox1 li		{margin:0;padding:0; list-style: none;}
.sidebarBox1_bot	{height:15px;background:url(../_img/layout/sidebarBox1_bot.jpg) no-repeat;}


/* mainContent style-------------------------------------------------------- */
#mainContent		{float:right;width:600px;padding:1px 0;margin:0;}
#mainContent h2		{height:30px;background:#EFF1E6 url(../_img/layout/content_top.jpg) no-repeat;font-size:20px;text-align:center;padding:10px 0 0 0;margin:0; line-height:24px;font-size:20px;}
#content			{padding:10px;background:#EFF1E6 url(../_img/layout/content_bg.jpg);margin:0;height:100%;}
.boxContent			{margin:30px 0 10px 0;padding:0 0 1px 0;text-align:center;}
.boxContent h2		{height:24px;color:#333;font-size:14px;margin:0 0 0 0;padding:3px 0;text-align:center;}
.boxContent h3		{height:20px;color:#333;font-size:12px;margin:0 0 10px 0;padding:5px 0;text-align:center;}
.boxProd			{float:left;margin:0 8px 16px 8px;width:150px;padding:10px;font-size:10px;border:1px solid #CCC; height:135px; text-align:center;}
.boxCat				{float:left;margin:0 8px 16px 8px;width:115px;padding:10px;font-size:10px;border:1px solid #CCC;}
.catBox				{float:left;margin:0 5px 10px 0;font-size:10px;text-align:center;}
.boxCont1			{float:left;width:210px;padding:5px;border:1px solid #CCC;}
.boxCont2			{float:right;width:210px;padding:5px;border:1px solid #CCC;}
.boxCont1 h3,
.boxCont2 h3		{font-size:14px;margin:0 0 10px; text-align:center;}
#content_bot		{height:20px;background:url(../_img/layout/content_bot.jpg) no-repeat;}


/* footer style	 	-------------------------------------------------------- */
#footerWrapper a 	{color:#333;padding:0;text-decoration:none;}
#footerWrapper a:hover {color:#333;text-decoration:none;}
#footer				{margin:10px 0;}
#creditcard			{position:absolute;top:30px; left:20px;width:134px;height:22px;background:url(../_img/layout/credit_cards1.jpg) no-repeat;}
#footerText			{padding:30px 0 0 0;color:#CCCCCC;}
#footerText	a		{color:#CCC;}
#footerText	a:hover	{color:#CCC; text-decoration:underline;}


/* type				-------------------------------------------------------- */
p					{margin:0 0 10px 0;}
ul					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
ol					{margin:10px 0 20px 15px;padding:0 0 0 20px;}
li					{margin:5px 0 0 0;padding:0;}
a					{color:#336699;}
a:hover				{color:#FF9900;}
h4					{margin:0 0 5px 0;font-size:14px;color:#666666;}
h5					{margin:0 0 5px 0;font-size:12px;color:#666;}


/* classes   		-------------------------------------------------------- */
p.hr 				{line-height:1.0em;border-bottom:1px dotted #CCC;margin:1.5em 0;}
.clear				{clear:both;}
.imgRight			{float:right;margin:0 0 10px 10px;}
.imgLeft			{float:left;margin:0 10px 10px 0;}
.bold				{font-weight:bold;font-variant:small-caps;}
.floatRight			{float:right;}
.textCenter			{text-align:center;}
.textLeft			{float:left;}
.textRight			{float:right;}
.enlaces			{margin:0 10px 20px 0;}
.smallText			{font-size:9px;}
.moduleRow 			{}
.moduleRowOver 		{background-color:#D7E9F7;cursor:pointer;}
.moduleRowSelected 	{background-color:#E9F4FC;}

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


/* product list		-------------------------------------------------------- */
.prodListBox		{margin-bottom:20px;border:1px solid #CCC;padding:4px;position:relative;background:#FCFCFC;height:100%;}
.prodListBox1		{float:left;width:185px;border-right:1px dotted #CCC;padding:0 5px;}
.prodListBox2		{float:right;width:235px;}
.prodListBox2L		{float:left;width:150px;text-align:right;}
.prodListBox2R		{float:right;width:85px;text-align:right;}
.prodListRemove		{float:left;width:40px;text-align:center;}
.prodListBoxImg		{float:left;width:110px;text-align:center;}
.prodListTxt		{float:right;width:320px;}
.prodListTxt ul		{margin:0;padding:0;}
.prodListProd		{float:left;width:280px;text-align:center;}
.prodListDesc		{float:left;width:160px;}
.prodListQuant		{float:left;width:40px; text-align:center;}
.prodListPrice		{float:right;width:65px;text-align:right;padding-right:20px;}
.prodListBoxShipL	{float:left;width:165px; border-right:1px dotted #CCC;padding:0 5px;}
.prodListBoxShipR	{float:right;width:255px;}
.prodListShip		{float:left;width:95px;}
.prodListAddressL	{float:left;width:360px;padding-right:10px;}
.prodListAddressR	{float:right;width:60px;text-align:center;}
.prodListTxt p		{margin:0 0 5px 0;}
.bullet1 li			{background:transparent url(../_img/layout/arrow_green.gif) no-repeat 0 4px;list-style:none;margin:0 0 5px 0;padding-left:15px;}
.alsoPurchased		{float:left;padding:20px 10px;text-align:center;}

/* upcoming products-------------------------------------------------------- */
.upProdBox			{width:410px;margin:30px auto 10px auto; padding:10px; border: 1px solid #B8B196;}
.upProdBox h3		{margin:0;padding:0;font-size:16px;line-height:16px;}
.upProdBox p		{margin:0;padding:0;}
.upProdBoxL			{float:left;width:200px;text-align:center;}
.upProdBoxR			{float:right;width:200px;text-align:center;}

/* buttons			-------------------------------------------------------- */
.boxBtn				{text-align:right;padding-right:10px;margin:20px 0;}
.boxBtn img			{margin-right:10px;}
.boxBtn1			{float:left;}

/* login boxes		-------------------------------------------------------- */
.boxLoginLeft		{float:left;width:270px;padding:5px;border:1px solid #CCC;background:#FCFCFC;height:250px;position:relative;}
.boxLoginRight		{float:right;width:270px;padding:5px;border:1px solid #CCC;background:#FCFCFC;height:250px;position:relative;}
.boxLoginLeft h3,
.boxLoginRight h3	{font-size:14px;margin:10px 0;text-align:center;}
.posRB				{position:absolute;right:10px;bottom:10px;}


/* form sidebar		-------------------------------------------------------- */
.formSidebar		{width:120px;}
.inputQty			{width:50px;background-color:#F2FFF2;padding:2px;border:1px solid #CCC; text-align:center;}
.inputLogin			{width:200px;background-color:#F2FFF2;padding:3px;border:1px solid #CCC;height:12px;}


/* 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;padding:3px; color:#333;}
.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; }

/* misChunches		-------------------------------------------------------- */ 
.mis 				{color:#FFFFFF;font-family:"times new roman", serif;}
.chunches 			{font-family:tahoma, arial, verdana, sans-serif;margin:0;color:#CC6600;font-weight:normal;}