/*
  $Id: stylesheet.css,v 1.1.1.1 2005/01/15 06:43:57 Michael Sasek Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  Updated by  TemplateShopper.com November 2003 for AAbox .com
*/



/* 
	LAYOUT 
	
*/


body {
  width: 100%;
  height: 100%;
  margin: 0; 
  padding: 0;
}



#leftcol {
	
}

#contentcol {
	 margin-left: 180px;
	
	
}

#content {
	padding: 10px 30px 10px 20px;
	position: relative;
}


.footerbottom {
	padding-top: 6px;
}


/* 
	BASIC SETTINGS
	
*/


body, td {
	font-family: verdana,arial, helvetica;
	font-size: 9pt;
	
}



a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}


form {
	display: inline;
}

a img {
	border: none;
}



/* 
	SPECIFICS
	
*/

.clearer {
	clear: both;
}

.clearfix {
	overflow: auto;
	/* don't need the clearfix:after hack, above works for better browsers */
}





/*
	Side Boxes (left or right)
	
*/

.sideBox {
	margin-top: 12px;
	font-size: 10pt;
	line-height: 125%;
}

.sideBoxOuter {
}

.sideBoxInner {
}

.sideBox h1 {
	margin: 0px 8px;
	padding: 2px 0 0 0;

}

.sideBoxContents {
	padding: 12px 5px 12px 15px;
	line-height: 150%;
}



/* END side BOX */


/* 
	mBox
*/

.mbox {
	margin-bottom: 12px;
}

.mbox_inner {
	margin-right: 12px;
	padding: 4px 8px 0px 20px;
	/* position: relative; this allows for absolutely positioned items inside - breaks in IE, so use absolute of parent  */
}

.mbox_bottom {
	height: 12px;
	/* margin-top: -12px; not displayed higher, hidden instead */
}

.mbox_bottomleft {
	float: left;
	width: 12px;
	height: 12px;
}

/* image header */
.mbox_headimg {
  
}


/* END mbox */




/* 
	CATEGORY LIST 
*/


ul.catlist, ul.catlist ul {
	margin: 0 0 0 36px;
	padding: 0;
	list-style: none;
	line-height: 100%;
	font-size: 8pt;
}
ul.catlist ul {
	margin-left: 4px;
}

/* top level items */
ul.catlist li {
	/* border-bottom: solid 1px #ddd; */
	/* padding: 4px 4px; */
}

ul.catlist li a {
	display: block;
	padding: 1px 4px 1px 8px;
}

ul.catlist li a.cathere  {
	/* border-left: solid 2px red; */
	font-weight: bold;
	margin-left: -2px;
}

ul.catlist li a:hover {
	background: #fff;
	text-decoration: none;
	color: blue;
}


/* second level items */
ul.catlist ul {

}

ul.catlist ul li {
	margin: 0 0 0 10px;
	padding: 0 0 0 5px; 
	border: none;
	
	
}




/* END CATEGORY LIST */




/* 
	HOME PAGE CONTENT 
	
*/



/* END HOME PAGE */


#breadcrumbs {
	margin: 0 20px;
	margin-top: 4px;
	font-size: 9pt;
	color: gray;
}
#breadcrumbs a {
	color: #015cb9;
	
}


/* 
	CATEGORY PAGE
	
*/

.catpic {
	float: right;
	margin: 4px 4px 8px 20px;
}

td.catcell, td.productListing-data {
	border: solid 2px white;
	vertical-align: middle; /* was bottom */
	background-color: white;
}

td.catcell:hover , td.productListing-data:hover {
	/* background-color: #ffffdd; */
	border: solid 2px #c0e57e;
}

/* end category page */

/* used at category heading */
h1 {
	font-size: 14pt;
	color: red;
}
h1.prodtitle {
	font-size: 14pt;
	color: red;
}

/* used as category titles for sub cats */
h2 {
	font-size: 10pt;
}

/* category description text */
h3 {
	font-size: 12pt;
	font-family: Georgia,times;
	font-style: italic;
	color: #89935e;
	line-height: 150%;
}


A.areg {
  color: blue;
  text-decoration: underline;
}


.boxText { font-family: Verdana, Arial, sans-serif; font-size: 8pt; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 8pt; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 8pt; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 8pt; color: #70d250; text-decoration: underline; }


.smallText {
  font-family: verdana,Arial, sans-serif;
  font-size: 8pt;
  color: black;
}

/* use on create account page */
.title {
	font-size: 12pt;
	color: #89935e;
	font-weight: bold;
}

.smalllink {
	line-height: 100%;
	font-size: 8pt;
	
}


TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  /*background: #bbc3d3;*/
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
  background-color : #587CBE;
  padding-bottom : 2px;
  padding-top : 2px;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

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



.footertitle {
  
  font-size: 18pt;
}


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

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: #f8f8f9; */
}

.tablecontent {
  background: white;
  padding: 10pt;
}

tr.productListing-odd {
  vertical-align: bottom;
}

/*
	PRODUCT PAGE 
*/

TABLE.productListing {
  border: none;
  margin: 16px 0;
}

.productListing-heading {
  font-size: 8pt;
  background: #587cbe;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 12pt;
  padding-top: 20px; 
}

td#shipping-cart-td TD.productListing-data {
  font-size: 9pt;	
  padding-top: 0px; 
}

td#shipping-cart-td table.productListing {
	margin-bottom: 0;
}

.shipcart-edit {
	border-bottom: solid 6px #587cbe;
	margin-bottom: 6px;
}

td.shipcart-subtotal {
	border-top: solid 1px #587cbe;
		
}


TD.productListing-data A {
  /* text-decoration:underline; */
}

.productListing-data2 span {
	font-size: 7pt;
	font-style: italic;
	color: #666666;
}

.price {
	font-size: 9pt;
	color: black;
}

.product_price {
	font-size: 11pt;
	padding-bottom: 4px;
}

.proddesc {
	font-size: 12pt;
	color: black;
	
}

.prodmodel {
	color: #999999;
	font-size: 8pt;
	margin-left: 50px;
	font-weight: normal;
}

div.prodimg {
	float: right;
	margin-top: 12px;
	text-align: center;
	clear: right;
	
}
div.prodimg a  {
	border: none;
	text-decoration: none;
}

.clear_solvent {float:left; width:0px; height:0px;}

	/* ORDER BOX */
.orderbox {
	width: 158px;
	text-align: center;
	background: transparent url(/images/orderbox-bg.gif) repeat-y right top;
	float: right;
	margin: 30px 3px 10px 10px;
	
	
}
.orderbox .product_price {
}
.orderbox img {
	display: block;
}

	/* END ORDER BOX */

/* END PRODUCT PAGE */



A.pageResults {
  color: #0000FF;
}

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

.pageHeading {
  font-size: 18pt;
  font-weight: bold;
  /* color: #000099; */
  color: #ff0000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
}

.main a {
  text-decoration: underline;
}


TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 8pt;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  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: 10pt;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10pt;
  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  { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #8c8c8c; }
.checkBarTo { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 8pt; color: #000000; }

/* message box */

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

/* input requirement */

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

.shipinfo {
  font-size: 8pt;
  margin: 4pt 10pt;
  padding: 8pt;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}
.shipinfoheading {
  font-size: 10pt;
  font-weight: bold;
  color: #ff6600;
  
}


.footerbright {
  font-weight: bold;
  color: red;
}
.websiteby { 
  font-weight: normal;
  color: #999999;
}
div.websiteby a {
  color: #999999;
}
.categoryName {
  
  font-size: 14pt;
  font-weight: normal;
}
.categoryName a {
  color: red;
}

.stockout {
  color: #663366;
}

.hometitle {
  
  font-size: 14pt;
  color: red;
  margin-bottom: 0;
}
.hometitlesub {
  color: #587CBE;
  font-weight: bold;
  /* font-style:italic; */
}
.tdship {
  font-size: small;
  border-collapse: collapse;
}
.tdship td { 
  border: solid 1px #cccccc;
}
.emph1 {
  font-weight: bold;
}

.nostock {
	font-style: italic;
	
}





/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 170px; /* Width of Menu Items */
border-bottom: 1px solid #ccc;
font-family: verdana,arial;
font-size: 11px;
}
	
.suckerdiv ul li{
position: relative;
background-color: #eee;
}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
left: 169px; /* Parent menu width - 1*/
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
display: none;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ 
left: 169px; /* Parent menu width - 1*/
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li a{ 
left: 169px; /* Parent menu width - 1*/
background-color: #ddd;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li a{ 
background-color: #bbb;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul li ul li a{ 
background-color: #aaa;
}

/* menu links style */
.suckerdiv ul li a{
display: block;
color: black;
text-decoration: none;
background-color: #eee;
padding: 1px 5px;
border: 1px solid #ccc;
border-bottom: 0;
line-height: 2em;
}

.suckerdiv ul li a:visited{
color: black;
}

.suckerdiv ul li a:hover{
background-color: yellow;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li a:hover{
background-color: yellow;
color: black;
text-decoration: none;
}

.suckerdiv ul li ul li ul li a:hover{
background-color: yellow;
color: black;
text-decoration: none;
}

/* The main categories with sub-categories */
.suckerdiv .subfolderstyle{
background: url(/images/arrow-list.gif) no-repeat center right;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul .subfolderstyle {
background-color: #ddd;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul .subfolderstyle {
background-color: #bbb;
}

/* This one colors the sub-folder with other sub-folders */
.suckerdiv ul li ul li ul li ul .subfolderstyle {
background-color: #aaa;
}
	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */

a span.popup_title {
	background-color: gray;
	display: block;
	padding: 4px 0;
	font-family: Verdana;
	font-size: 8pt;
	color: white;

}


/* BROWSE BY */

#browse_by_table {
	/* margin-top: 20px; */
}
#browse_by_table tr {
  vertical-align: top;
}
#browse_by_table td {
  /* padding: 2px 4px; */
	font-size: 10pt;
}
#browse_by_table td a {
	display: block;
	/* text-align: center; */
	/*padding: 3px 0 4px 12px; */
	padding: 4px 0 0px 20px; 
}
.browse_by_list {
}
.browse_by_age {
  color: red;
}


#signupframe {
	width: 560px;
	height: 500px;
	margin-bottom: 20px;
}

#giftcard_pay {
}
#giftcard_pay  label {
	margin-left: 155px;
}
#giftcard_pay  input {
}


#cartship td.boxText table {
	width: 100%;
	
}
.cartship-title {
	font-size: 10pt;
	color: white;
	text-align: center;
	background-color: #587CBE;
	margin-top: 12px;
}
	
.cartship-needed {
	margin-top: 10px;
	text-align: center;
	color: red;
	font-weight: bold;
}


#bunnybucks {
	margin-bottom: 20px;

}
#bunnybucks h3, #gr-giftwrap h3 {
	font-family: verdana;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 6px;
}
#bunnybucks p, #bunnybucks select {
	margin-left: 20px;
}
#bunnybucks p {
	margin-bottom: 4px;
	margin-top: 0;
}

#gr-giftwrap {
	border-top: solid 6px #587cbe;
	margin-top: 6px;
}
#gr-giftwrap h3 {
	margin-bottom: 0;
}
#gr-giftwrap h3 img {
}
#gr-giftwrap h3 img:focus {
}
#gr-giftwrap div.gr-giftwrap-section {
	border: solid 1px white;
	margin: 0 20px;
	background-color: #fffff0;
	padding: 6px;
}
	
#gr-giftwrap ul {
	list-style-type: none;
}
#gr-giftwrap ul li {
	margin-bottom: 8px;
	margin-left: 0px;
	line-height: 150%;
}
#gr-giftwrap li div label {
	text-align: right;
	width: 100px;
	font-style: italic;
	float: left;
	
}
#gr-giftwrap .gr-itemlabel {
	font-weight: bold;
	text-align: left;
	font-style: normal;
}
#gr-giftwrap li div {
	margin-left: 30px;
}
#gr-giftwrap li div input {
	width: 200px;
	margin-left: 10px;
}
#gr-giftwrap li div select {
	margin-left: 10px;
}

#gr-giftwrap li div span {
	font-size: 7pt;
	color: #333333;
	font-family: arial;
}

#warnings {
	border: solid 1px #cc3333;
	padding: 8px;
	margin: 12px 0;
}
#warnings img {
	display: inline;
	border: none;
}

.cart_truck {
	font-size: 85%;
	font-style: italic;
	color: red;
	padding-left: 12px;
}