/*
  $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: 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; }

#container {WIDTH: 1026px; background-image:url(images/ct.gif);  background-repeat:no-repeat;background-color:#f8f8dd;margin-left:auto; margin-right:auto; POSITION: relative; }
* HTML #container {WIDTH: 1026px;}

TD.righty {border-right: 1px dotted #FFFF00;}
TD.lefty {border-left: 1px dotted #FFFF00;}

BODY {
  background-image:url(images/bg.jpg);  background-repeat:repeat;
  text-align: center;

  margin: 0px;
  color: #000000;
  margin: 0px;
}

.fixcenter {

  width: 1026px;


  background: #ffffff;

  color: #000000;

  margin: auto;


  text-align: left;

}


a.border img { 
border: none; 
} 

a.border:hover img{ 
background:url(images/bacdrop.png);}

  ul.sitemap {
  color: #ff0000;
}

#cwdusacontainer {

  width: 1026px;/* width can be changed to what you want just stay under 900px*/

  

 background-image:url(images/ct.gif); background-repeat:no-repeat;
 background-color:#FFFFFF;

  color: #000000;
  position:relative;

  margin: 0px auto 0px auto;

  text-align: left;

 }
 #ejov {
	width: 100%;
}

A {
  color: #000000;
  text-decoration: none;
}

TABLE.whirly {line-height: 22px; font-size: 14px; color:#FFFFFF;}

#outlier {position:absolute; margin: -390px 0px 0px 0px; z-index:1;}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline; margin: 30px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

TABLE.headnav {font-size: 11px; width: 750px; height: 44px; padding: 0px;}

table.product_presenter {font-size: 10px;}
td.even {border-bottom: 1px solid #e2e2ce;}
td.odd {border-bottom: 1px solid #e2e2ce; background:#f5f5e2;}

table.catcheye {width: 190px; height: 45px; background:url(images/css/catchy.gif);}

#marketing {
	float:left;
	margin: 0px 0px 0px 0px;
	width:430px;
}
#marketing p{margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;}
#marketing p.orange {font-size: 2em; font-family:Arial, Helvetica, sans-serif; color:#FFCC00;}

p.ctext {font-size:10px;}


#big_master_pack {width: 210px; height: 210px; background-image:url(images/css/big.gif); float:left; text-align:center; background-repeat:no-repeat;}
#big_master_pack p{
	margin: 3px 2px 2px 2px;
	padding: 3px 2px 2px 2px;
}

TABLE.specifications {font-size:9px; margin: 5px 0px 0px 0px;}

#big_shelf_pack {margin: 0px 5px 0px 0px; width: 210px; height: 210px; background-image:url(images/css/big_shelf.gif); float:left; text-align:center; font:Arial, Helvetica, sans-serif;background-repeat:no-repeat; }
#big_shelf_pack p{margin: 3px 2px 2px 2px; padding: 3px 2px 2px 2px;}

p.num{font-size: 1.2em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 0px 0px 2px 0px; padding: 0px 0px 0px 0px;}

.div showcase {  margin: 0px 0px 0px 150px; height: 45px;  padding: 0px 0px 0px 0px; font-size:11px; }
.showcase p{margin: 5px 0px 0px 0px}
.showcase input{margin: 5px 0px 0px 0px}

#presentme { margin: -25px 0px 0px 0px;}

TD.compact {font-size: 12px; }

TR.smallfont {border-bottom: 1px #999999 dotted; font: 10px; font-family:Arial, Helvetica, sans-serif;}

#shield {background:#009933;}


TABLE.loginin {margin: 15px 0px -20px 150px; height: 60px; font-size:10px;}

TR.header {
  background: #ffffff;
}

TR.header IMG{display: inline; margin: 0px 12px 0px 0px;}

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;
}

#flashout {z-index: 4; width: 250px; position: absolute; left: 980px; top: 0px; z-index: 4;overflow:hidden;}

#breadcrumb {width: 500px;margin: 3px 0px 17px 0px; color:#000000;font-size: .9em; height: 1.2em; font-family:Arial, Helvetica, sans-serif; clear:both;}

#breadcrumb a:link {color:#0066FF;text-decoration:none;}
#breadcrumb a:visited {color:#000000;text-decoration:none;}
#breadcrumb a:hover {color:#009933;text-decoration:underline; background-color:#FFFFFF;}
#breadcrumb a:active {color:#000000;text-decoration:none;}

#star {position: absolute; left: 0px; top: 40px; z-index: 4;}

#wishlist {position: absolute; top: 45px; z-index: 4;}

TABLE.cooltable
{font-size:10px;}
TABLE.cooltable p {font-size:10px;}

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;
}


#footme {height: 72px; width: 1026px;background:url(images/footer.gif); background-repeat:no-repeat; text-align:center; margin: 0px 0px 0px 0px;}

#topoffooter {padding: 23px 0px 0px 0px;}
#topoffooter p{display: inline; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin: 0px 15px 0px 15px;}


p.organge {font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#DD6F00; clear:both;}

#footlower {clear:both;}

.upper {background:#00CC33; width: 200px;}


.superheading {background:#FF0000;}

TD.superheading {width: 100%; height: 44px;}

TD.declare {font-size: 20px; padding-top: 5px; line-height: 24px;}
.infoBox {
  background: #fff;  border-left: 1px solid #d6d6cf; border-right: 1px solid #d6d6cf; border-bottom:1px solid #d6d6cf; border-top:1px solid #d6d6cf;margin: 0px 0px 5px 0px;
}

.infoBoxContents {
  background:#FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 
}

.featured21 {background: url(images/long_tab.gif); height: 34px; text-indent: 15px; background-repeat:no-repeat;}
tr.featured21 {background: url(images/long_tab.gif); height: 34px; text-indent: 15px; background-repeat:no-repeat;}


.infoBoxNotice {
  background:fff;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 height: 34px; font-size: 16px; text-indent: 12px ;
  line-height: 14px;
  font-weight: bold;
  
  color:#666666;
}

TABLE.mary {border: 1px dotted #FAFAFA;}
TD.spec {border-bottom: 1px dotted #CCCCCC;}

.thinner {background:#000033; width: 800px;}
.thinner p{display: inline;}
.thinner input{display: inline;}

TABLE.greg {width: 700px; font-size:12px; margin: 14px 0px 1px 180px;}
.greg input { width: 100px; background:#003366;}

p.huge {font-size: 1.4em; color:#993300;}

TD.plainBox27 {     }

TR.plainBox27 { }

.plainBox27 input{ background:#FFFFCC; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.plainBox27 { }

.plainBox27 p{display:inline; margin: 12px 0px 10px 30px; clear:both; }

TABLE.signer {width:800px; height:68px;}

#logme a:link {color:#0099FF;text-decoration:none;}
#logme a:visited {color:#000000;text-decoration:none;}
#logme a:hover {color:#FFFFFF;text-decoration:underline; background-color:#FFFFFF;}
#logme a:active {color:#000000;text-decoration:none;}


TD.logme {height: 68px;font-family:Arial, Helvetica, sans-serif;font-size: 11px; }
TR.logme {}
.logme input {background:#FFFDD3; }
.logme p{display:inline; font:Arial, Helvetica, sans-serif; margin: 0px 10px 0px 10px;}

TD.plainBox26 { font-size: 16px; text-indext: 15px;  }

TR.plainBox26 {background: #414141; }

.plainBox26 input {padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}

.plainBox26 {text-indent: 12px; background:url(images/long_tab.gif); background-repeat:no-repeat;height: 35px;}

p.gigato {font-size: 1.5em;clear:both; border:none;}

TD.plainBox {font-family:Arial, Helvetica, sans-serif;background:url(images/long_tab.gif); background-repeat:no-repeat;height: 35px; font-size: 16px; text-indext: 15px;  }

TR.plainBox {border-bottom: 1px dotted #000000; }

.plainBox input {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color:#FFFFCC;}

.plainBox {text-indent: 12px;}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px; border-bottom: #333333 dotted 3px;
}

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: #f8f8f9;
 border-left: 1px solid #CCCCCC;
}

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:#F6EBDA;
 border-left: 1px solid #CCCCCC;
}

TABLE.productListing {background:url(images/long_tab.gif);
 
}

TR.productListing-odd IMG{margin: 10px 10px 10px 10px;}
TR.productListing-even IMG{margin: 10px 10px 10px 10px;}


.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background:none;
  line-height: 35px;
  color: #000;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-bottom: 12px;
  border-bottom: 1px #FFCC00 dotted;

}

TD.productListing-data p{ border-bottom: 1px dotted #E5E2E2; margin: 1px 1px 1px 1px; padding: 1px 1px 1px 1px;}


p.producto {font-size: 1.2em; color:#333333;}
p.producto2 {font-size: 11px; color:#FF0000;}

TABLE.ostyle
{background:#009933;}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  
}

TD.productname {border-bottom:1px dotted #CCCCCC; font:Arial, Helvetica, sans-serif;}
TD.productname p{font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 5px 0px 0px 5px;}

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.5em;
}

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: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.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 */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.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; }


/* BOF: Open Featured Products */
TD.featuredProducts, TD.featuredCategories, TD.featuredManufacturers, TD.featuredManufacturerWP {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  height: 12px;
  
}

TD.featuredProducts A, TD.featuredCategories A, TD.featuredManufacturers A, TD.featuredManufacturerWP A {
 
  text-decoration: none;
}

TD.featuredProducts A:hover, TD.featuredCategories A:hover, TD.featuredManufacturers A:hover, TD.featuredManufacturerWP A:hover {
   background-color:#FFFFCC;
  text-decoration: underline;
}
/* EOF: Open Featured Products */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}


#flasher {width: 52px; height: 52px; position:absolute; z-index: 5; left: 200px;}

.thumbnail span{ /*CSS for enlarged image*/
cursor: pointer;
width: 250px;
height: 220px;
position: absolute;
background:url(images/css/pop-back.gif);
padding: 5px;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 5px;
align: left
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -60px;
left: -60px; /*position where enlarged image should offset horizontally */

}


#whitelong {background:#FFFFFF;}

.toppresenter {}
TR.toppresenter {background: #009933;}

#mrclear {clear:both;}


#left_image {float:right;}
#apDiv1 {
	position: absolute;
	top: 120px;
	left: 0px;
	width: 1026px;
	background-image: url(images/iso.png);
	background-repeat: repeat;
	height: 800px;
	z-index: 1;
	visibility: hidden;
}