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

  $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 .8em/120% Verdana, Arial, Helvetica, sans-serif;color:#666;background:#457744;}

/* page witdhs		-------------------------------------------------------- */
/*					outerWrapper = padding + sidebar + margin + mainContent + space + sidebarR + padding
					800px        = 20px    + 130px   + 10px   + 480px       + 10px  + 130px    + 20px
					
					space (10px) is automatically set by having sidebarR with float=right.
/* ------------------------------------------------------------------------- */
.outerRing			{margin:0 auto;padding:0 20px;width:960px;}

/* header style  	-------------------------------------------------------- */
#headerWrapper		{background:#F4FCEB url(../_img/layout/header.jpg) repeat-x;}
#header				{height:300px;position:relative;font-size:12px;line-height:14px;background:url(../_img/layout/header_bg.jpg) no-repeat;}
#logo_bg			{}
h1, h1 a			{}
#header h2			{position:absolute;bottom:-20px;right:10px;font-size:11px;color:#5984AD;}
#logo				{height:100px;width:100px;position:absolute;top:0;left:0;}
#collage			{height:50px;width:50px;position:absolute;top:40px;right:200px;background:url(../_img/layout/collage.jpg) no-repeat;}
#collage1			{height:50px;width:50px;position:absolute;bottom:0;right:30px;background:url(../_img/layout/collage1.jpg) no-repeat;}
#ranita				{position:absolute;top:0;left:520px;width:160px;height:140px;background:url(../_img/layout/ranita.jpg) no-repeat; display:block;}
#langBox			{height:20px;position:absolute;top:165px;left:820px;}
#langBox img		{margin:2px 0 0 0;}
#currencyBox		{position:absolute;top:185px;left:820px;}
#shoppingBox		{position:absolute;top:230px;left:820px;color:#333;background:url(../_img/layout/icon_cart.jpg) 0 0 no-repeat;padding:3px 0 0 36px;height:35px;display:block;font-size:11px;}
#shoppingBox a		{color:#333;}
#shoppingBox a:hover{text-decoration:none;color:#000000;}
#searchBox			{position:absolute;top:265px;left:600px;font-size:.85em;}
#textBox			{position:absolute;top:85px;right:10px;height:20px;}

/* content style-------------------------------------------------------- */
#outerWrapper		{background-color:#F4FCEB;}
#contentWrapper		{margin:0 0 20px 0;}

#mainContentWrapper	{float:right;width:720px;}
#mainContent_top	{height:15px;width:720px;background:#FFF url(../_img/layout/content_top.jpg) no-repeat;}
#mainContent		{padding:1px 9px;margin:0;background:#FFF;border-left:1px solid #D9E8AC;border-right:1px solid #D9E8AC;}
#mainContent h2		{text-align:center;margin:0 0 20px 0;font-size:1.4em;background:#FFF url(../_img/layout/content_h2_bg.jpg);width:700px;height:42px;display:block;color:#000;font-weight:normal;padding-top:8px; line-height:1.5em;}
#mainContent_bot	{height:15px;width:720px;background:#FFF url(../_img/layout/content_bot.jpg) no-repeat;}

#content			{}
.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:115px;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;}


/* sidebar style	-------------------------------------------------------- */
#sidebar			{float:left;width:220px;margin:0;padding:0;font-size:.9em;}
#sidebar h3			{font-size:1.3em;font-weight:normal;margin:0 0 .9em 0;text-align:center; color:#000000;}
.sidebarBox			{}
#sidebar ul			{margin:0 0 0 1em;padding:0;}
#sidebar li			{margin:0;padding:0;margin-bottom:5px;}
#sidebar .level2	{margin:0 0 5px 15px;}
#sidebar .selected	{color:#FFFF00;}
#sidebar li a		{text-decoration:none;}
#sidebar li a:hover	{text-decoration:underline;}
.sidebarBoxWrapper	{margin-bottom:10px;}
.sidebarBox_bot		{height:15px;border-bottom:1px solid #B6C8DB;}
#sidebar_bot		{height:20px;background:url(../_img/layout/sidebar_bot.jpg) no-repeat;}

/* box1 */
.sideBarBox1_top	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox1_top.jpg) no-repeat;}
.sideBarBox1		{padding:5px 15px;background:#F4FCEB url(../_img/layout/sidebarBox1_bg.jpg) repeat-y;}
.sideBarBox1 a		{}
.sideBarBox1 a:hover{}
.sidebarBox1 h3		{}
.sideBarBox1_bot	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox1_bot.jpg) no-repeat;}

/* box 2 box*/
.sideBarBox2_top	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox2_top.jpg) no-repeat;}
.sideBarBox2		{padding:5px 15px;background:#F4FCEB url(../_img/layout/sidebarBox2_bg.jpg) repeat-y;}
.sideBarBox2 a		{}
.sidebarBox2 h3		{}
.sideBarBox2_bot	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox2_bot.jpg) no-repeat;}

/* box 3 box*/
.sideBarBox3_top	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox3_top.jpg) no-repeat;}
.sideBarBox3		{padding:5px 15px;background:#F4FCEB url(../_img/layout/sidebarBox3_bg.jpg) repeat-y;}
.sideBarBox3 a		{color:#333;}
.sidebarBox3 h3		{}
.sideBarBox3_bot	{height:15px;width:220px;background:#F4FCEB url(../_img/layout/sidebarBox3_bot.jpg) no-repeat;}


/* footer style	 	-------------------------------------------------------- */
#footerWrapper		{background:#447744 url(../_img/layout/footer.jpg) repeat-x;margin:0; padding:0; font-size:.85em;}
#footer				{margin:0; padding:0; color: #CCC; padding-top:40px;}
#footer .textLeft	{color:#333;}
#footer .textRight	{color:#333;}
#footer a 			{ color:#CCC;}
#footer a:hover 	{ color:#000;}
#creditcard			{position:absolute;top:30px;left:20px;width:134px;height:22px;background:url(../_img/layout/credit_cards1.jpg) no-repeat;}
#footerText			{margin:30px 0 0 0;color:#CCC;}
#footerText	a		{color:#000;}

#logos				{margin:20px 0; width:920px; height:60px; padding:10px 20px 30px 20px; text-align:center; background: #FFF url(../_img/layout/bg_logos.jpg) no-repeat;}
.boxLogo			{float:left;}
/* 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: #990000;}
h3					{margin:10px 0;font-size:16px;color: #336699;}
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;}
.offleft			{margin-left:-9000px;position:absolute;}
.imgRight			{float:right;margin:0 0 10px 10px;}
.imgLeft			{float:left;margin:0 10px 10px 0;}
.imgBoxWhite		{padding:5px;background:#FFF;margin-bottom:5px;border:1px solid #333;}
.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;}
.fieldInput			{padding:2px;font-size:11px;width:100px;}

.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;}
.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:420px;}
.prodListTxt ul		{margin:0;padding:0;}
.prodListProd		{float:left;width:380px;text-align:center;}
.prodListDesc		{float:left;width:260px;}
.prodListQuant		{float:left;width:40px;text-align:center;}
.prodListPrice		{float:right;width:100px;}
.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				{margin:20px 0;text-align:center;}
.boxBtn img			{margin-right:10px;}
.boxBtn1			{float:left;}

/* login boxes		-------------------------------------------------------- */
.boxLoginLeft		{float:left;width:280px;padding:10px;border:1px solid #CCC;background:#FCFCFC;height:250px;position:relative;}
.boxLoginRight		{float:right;width:280px;padding:10px;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;}

/* mybanner			-------------------------------------------------------- */
#mybanner			{margin-bottom:20px;text-align:center;}

/* 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:0 3px;color:#333;margin:0;}
.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:#003366;font-family:"times new roman", serif;}
.chunches 			{font-family:tahoma, arial, verdana, sans-serif;margin:0;color: #990000;font-weight:normal;}