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

.boxText {   font-family: Arial; font-size: 11px; background: #FFFFFF;  font-align:justify; }
.errorBox { font-family : Arial font-size : 11px; background: #FFFFFF; font-weight: ; font-align:justify; }
.stockWarning { font-family : Arial font-size : 11px; color: #666; background: #fFFFFF;  font-align:justify;}
.productsNotifications { background: #FFFFFF;  font-align:justify;}
.orderEdit { font-family : Arial font-size : 11px; color: #666; text-decoration: none; background: #FFFFFF;  font-align:justify; }

.manufacturerhead {
font-align: right;
align: right;
}



subb { font-size: 9px; }
subbb { font-size:12px; }


body{
border: 0px none;
font-size:11px;
color: 999999;
  font-family: Arial;
background: #e9e9e9 url('none') repeat-y 0% 50%;
background-color: #e9e9e9;  
 font-align:justify;

	margin-top: 0px;
	padding-top: 0px;
	color: #666666;
}

.33heading { font: Helvetica, sans-serif; font-size: 21px; color: #999999; letter-spacing: 0.12em; padding-bottom: 0px;}

.44heading { font-family: Helvetica, sans-serif; font-size: 16px; color: #999999; letter-spacing: 0.12em; padding-bottom: 0px; }

.content { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

a:link {
  color:7e7e7e;
 text-decoration: none;
 border: 0px
   }
  


a:visited {
  color:7e7e7e;
   text-decoration: none;
   border: 0px;
  border: 0px
  }
    

.bodywrapper { background-color:#FFFFFF; width:100%; position: absolute; margin:0; }
	
	
.footerouterwrapper { background-color:#e9e9e9; width: 100%; position: absolute; margin:0; margin-left:0px; padding-top:20px; padding-bottom:20px;}	
.footerwrapper{
   position: relative;
   margin-left:auto;
margin-right:auto;
   width: 1037px;
   background-color: #e9e9e9;
  
}
.footerleft1{
   position: relative;
   float: left;
   left: 0px;
   width: 340px;
   background-color: #e9e9e9;
   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.5em;
   
}
.footerleft2{
   position: relative;
   float: left;
   left: 20px;
   width: 150px;
   background-color: #e9e9e9;
   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.5em;
}
.footerleft3{
   position: relative;
   float: left;
   left: 40px;
   width: 150px;
   background-color: #e9e9e9;
   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.5em;
}
.footerleft4{
   position: relative;
   float: left;
   left: 60px;
   width: 150px;
   background-color: #e9e9e9;
   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.5em;
}
.footerright{
   position: relative;
   float: right;
   right: 0px;
   width: 167px;
   background-color: #e9e9e9;
   font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height: 1.5em;
}

.footerhead {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333; padding-bottom:8px; border-bottom: 1px dotted #999999; margin-bottom: 10px; }
.footertext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666;}


	

.menulink {
  color:666666;
   text-decoration: none;
  font-family: Arial;
	font-size: 10px;
}

img.big {
  width: 180px;
  height: 280px;
}

a:hover {
  color:333333;
   text-decoration: none;
border: 0px
  }
  

.columnleftt {
border-top: 0 ;
}



.menu_list {	
	width: 143px;
}

.menu_head {
	padding: 0px;
	cursor: pointer;
	position: relative;
	margin:1px;
    font-weight:;
    background: #fff url() center right no-repeat;
		padding-top:10px;
}
.menu_body {
	display:none;
	background: url() bottom repeat-x;

	
}
.menu_body a{
  display:block;
  color:#666666;
  background-color:#fff;
  padding-left:0px;
  font-weight:;
  text-align:right;
  text-decoration:none;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.2em;
  background-color:#efefef;
  padding:4px;

}
.menu_body a:hover{
  color: #333333;
  text-decoration:;
  }

.text {
font-size:11px;
color: 666666;
  font-family: Arial;
background: #fff;
background-color: #fff;  
 font-align:justify;

}

.arial-1 { 
font-size:11px;
line-height:0.8em;
font-face: Arial;
color: 999999;

text-transform: lowercase;
font-weight: 0;
}

.arial-2 { 
font-size:11px;

letter-spacing: ; 
color: 999999;
  font-face: Arial;
  font-family: Arial
}

a.signin {

font-family: Arial;
font-face: Arial;
color:#999999;
font-size: 11px;

}

a.hover signin

font-family: Arial;
font-face: Arial;
color:#666666;
font-size: 11px;

}


a.visited signin

font-family: Arial;
font-face: Arial;
color:#999999;
font-size: 11px;

}



.heading { 
font-size:11px;
color: 999999;
  font-face: Arial;
  font-family: Arial;
font-weight:00;

}

.date {
font-size:10px;
font-weight:;
color: 999999;
  font-face: Arial;
  font-family: Arial
}

.newshead {
font-size:11px;
letter-spacing: ; 
color: 666666;
  font-face: Arial;
  font-family: Arial
}

.heading2 { 
font-size:11px;
letter-spacing: ; 
color: 333333;
  font-face: Arial;
  font-family: Arial
font-weight:0;
}

a.heading2 { 
font-size:11px;
letter-spacing: ; 
color: 333333;
  font-face: Arial;
  font-family: Arial
font-weight:0;
}

a.hover heading2 { 
font-size:11px;
letter-spacing: ; 
color: 333333;
  font-face: Arial;
  font-family: Arial
font-weight:0;
}

.content {
font-size:11px;
color: #666666;
  font-face: Arial;
 font-align:justify;

}

.grey-text {
font-size:11px;
color: 999999;
  font-family: Arial;

}

a.visited grey-text {

font-size:11px;
color: 999999;
  font-family: Arial;

}


a.hover grey-text {
font-size:11px;
color: 333333;
  font-family: Arial;

}


.grey-text-links {
font-size:11px;
  font-face: Arial;
color: 666666;
}

A.grey-text-links {
font-size:11px;
  font-face: Arial;
  font-family: Arial;
color: 666666;
}

A.hover grey-text-links {
font-size:11px;
  font-face: Arial;
  font-family: Arial;
color: 999999;

}

A.visited grey-text-links {
font-size:11px;
  font-face: Arial;
  font-family: Arial;

color: 666666;
}


.contentfont {
font-size:11px;
color: 666666;
  font-family: Arial;
 font-align:justify;

}

.smallcontentfont {
font-size:11px;
color: 666666;
  font-family: Arial, Helvetica, sans-serif;
}

img {border: 0px;}
a:link img  {border: 0px solid #000000;}
A:visited img    {border: 0px solid #000000;}
A:active img  {border: 0px solid #000000;}
A:hover img    {border: 0px solid #000000;}

select
{
color: #333333;
border: 0px solid #fff;
font-family:Arial, Helvetica, sans-serif;
background: #d4d4d4;
font-size: 11px;
border: 0px solid #fff
}

 input
{
color: #333333;
border: 0px solid #fff;
font-family:Arial, Helvetica, sans-serif;
background: #d4d4d4;

border: 0px solid #d6d6d6

}

textarea
{
color: #333333;
font-family:Arial, Helvetica, sans-serif;
background: #d4d4d4;
border: 0px solid #fff;

border: 0px solid #d6d6d6

}

.input submit
{
color: #333333;
font-family:Arial, Helvetica, sans-serif;
background: #d4d4d4;
border: 0px solid #fff;

border: 0px solid #d6d6d6
}


FORM {
	background-position: 0% 0%; display: inline;
	border: 0px none;
background-color; background-color:url('none'); background-image:none; background-repeat:repeat

}

option
{
color: #333333;
font-family:Arial, Helvetica, sans-serif;
background: #d4d4d4;
border: 0px solid #fff;

border: 0px solid #fff
}

TR.header {

}

TR.headerNavigation {
}

TD.headerNavigation {
    font-family: Arial;
  font-size: 11px;

  color: #666;

}

A.headerNavigation { 
  color: #666; 
      font-family: Arial;
  font-size: 11px;
}

A.headerNavigation:hover {
  color: #999;
      font-family: Arial;
  font-size: 11px;
}

TR.headerError {
  background: #FFFFFF;
}

TD.headerError {
    font-family: Arial;
  font-size: 11px;  background: #FFFFFF;
  color: #999;

  text-align : center;
}

TR.headerInfo {  background: #FFFFFF;
}

TD.headerInfo {
    font-family: Arial;
  font-size: 11px;  background: #FFFFFF;
  color: #666;

  text-align: center;
}

TR.footer {  background: #FFFFFF;
}

TD.footer {
    font-family: Arial;
  font-size: 11px;  background: #FFFFFF;
  color: #666;
}

.infoBox {

}

.infoBoxContents {

    font-family: Arial;
  font-size: 10;
}

.infoBoxNotice {  background: #FFFFFF;
}

.infoBoxNoticeContents {  background: #FFFFFF;
    font-family: Arial;
  font-size: 11px;
}

TD.infoBoxHeading {
    font-family: Arial;
  font-size: 11px;

  color: #666;
}

TD.infoBox, SPAN.infoBox {
    font-family: Arial;
  font-size: 11px;
}

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;
    font-family: Arial;
  font-size: 11px;
}

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;
    font-family: Arial;
  font-size: 11px;
}

TABLE.main {
height: -11px;
padding-top:10px;
background-color:#FFFFFF;
}

TABLE.productListing {
  border: 0px none;
align:;
  font-size: 11px;
vertical-align:top;
    font-family: Arial
}

.productListing-heading {
    font-family: Arial;
  font-size: 11px;

  color: #fff;

 align: left;
vertical-align:top;
}

TD.productListing-data {
    font-family: Arial;
  font-size: 11px;
  color: #666;
margin-bottom: 45px;
padding-bottom:45px;
	
}

A.pageResults {
    font-family: Arial;
  font-size: 11px;
  color: #666;
}

A.pageResults:hover {
    font-family: Arial;
  font-size: 11px;
  color: #666;
}

TD.pageHeading, DIV.pageHeading {
font-size:11px;

color: #999999;


  font-face: Arial;

  font-family: Arial;
}

td.pageheading2 {
font-size:11px;
color: 333;
  font-face: Arial;
  font-family: Arial;
}


TR.subBar {
  background: fff;
}

TD.subBar {
    font-family: Arial;
  font-size: 11px;
  color: #666;
}

TD.main, P.main {
font-size:11px;
color: #666;
  font-family: Arial;
 font-align:justify;
 background-color: #FFFFFF;

}

TD.smallText, SPAN.smallText, P.smallText {
font-size:11px;
color: #999999;
  font-family: Arial;
 font-align:justify;

}

TD.accountCategory {
font-size:11px;
color: 666;
  font-family: Arial;
}

TD.fieldKey {
    font-family: Arial;
  font-size: 11px;

}

TD.fieldValue {
    font-family: Arial;
  font-size: 11px;
}

TD.tableHeading {
    font-family: Arial;
  font-size: 11px;
  color: 999;

}

SPAN.newItemInCart {
    font-family: Arial;
  font-size: 11px;
  color: #666;
}

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: Arial;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
    font-family: Arial;
  font-size: 11px;
}

SPAN.greetUser {
    font-family: Arial;
  font-size: 11px;
  color: #666;

}

TABLE.formArea {  background: #FFFFFF;  
  border-style: solid;
  border-width: 0px;
}

TD.formAreaTitle {
    font-family: Arial;
  font-size: 11px;

}

SPAN.markProductOutOfStock {
    font-family: Arial;
  font-size: 11px;
  color: #999;

}

SPAN.productSpecialPrice {
    font-family: Arial;
  color: #999;
}

SPAN.errorText {
    font-family: Arial;
  color: #999;
}

.moduleRow { }
.moduleRowOver {  cursor: pointer; cursor: hand; }
.moduleRowSelected { }

.checkoutBarFrom, .checkoutBarTo {   font-family: Arial; font-size: 11px; color: #666; }
.checkoutBarCurrent {   font-family: Arial; font-size: 11px; color: #666; }

/* message box */

.messageBox {   font-family: Arial; font-size: 11px; }
.messageStackError, .messageStackWarning {   font-family: Arial; font-size: 11px; }
.messageStackSuccess {   font-family: Arial; font-size: 11px;  }

/* input requirement */

.inputRequirement {   font-family: Arial; font-size: 11px; color: #333333; background-colour: #000000; }

/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	clip:rect(10%,100%,100%,0);
	left:0; 
	top:0;
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;
	width:10;
	height:10;
	background-color:#000000;
	layer-background-color:#000000;
	visibility:hidden;
}

.clLevel0, .clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,Arial, Helvetica, sans-serif,helvetica;
	font-size:11px;
}

.clLevel0{
	background-color:#000000;
	layer-background-color:#000000;
	color:#ffffff;
}

.clLevel0over{
	background-color:#000000;
	layer-background-color:#000000;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
	layer-background-color:000000;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Arial
	font-size:11px;
}

.clLevel1{
	background-color:#000000;
	layer-background-color:#000000;
	color:#FFFFFF;
}

.clLevel1over{
	background-color:#000000;
	layer-background-color:#000000;
	color:#ffffff;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#000000;
	layer-background-color:000000;
}
/* ----------------- coolMenu_eof ----------------- */

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif; font-size: 11px; color: #d4d4d4; }

/* BOF: Additional Images */
.imagesBoxContents {
  font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
  font-size: 11px;
}
/* EOF: Additional Images */




.2heading {font: Helvetica, sans-serif; font-size: 21px; color: #999999; letter-spacing: 0.12em; padding-bottom: 0px;}

.navcontent {font: Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; color:#666666; padding-left:15px; padding-right:15px; height:188px;}

.content {font: Arial, Helvetica, sans-serif; font-size:11px; color: #666666; }

div#container1{text-align:left}

div#navigation1 p{ padding-left:15px; padding-right:15px; padding-top:10px; }

div#navigation1{background-image: url(http://i33.tinypic.com/28termc.jpg); height:235;}

div#container1{width:809px; height:290;margin:0 auto}

div#content1{float:left;width:543px; border-top: solid 6px #e1e1e1; height:290px; border-bottom: solid 6px #e1e1e1;}

div#navigation1{float:right;width:266px; border-top: solid 6px #e1e1e1; height: 290px; border-bottom: solid 6px #e1e1e1;}

img.rss { margin-bottom:-6px; }

a.blogrss:active { text-decoration: none; }
a.blogrss:visited { text-decoration: none; }
a.blogrss:hover { text-decoration: none; }


div#box{

width:258px; 

height:146px; 

border-top:6px solid #e1e1e1;

}

div#boxcaption{

width:242px; 

height:130px; 

border-bottom:6px solid #e1e1e1; 

background-image: url(http://i35.tinypic.com/qq5wew.jpg);

padding-top:5px; 

padding-left:8px; 

padding-right:8px; 

border-top:6px solid #EEEEEE;

font-family: Arial, Helvetica, sans-serif; 

font-size:11px; 

color:#666666; 

}


.345heading {

font-family: Helvetica, sans-serif; 

font-size: 14px; 

color: #999999; 

letter-spacing: 0.12em; 

padding-bottom: 0px;

}




		captionboxhead{ color:#FFF; font:18px Helvetica, sans-serif; letter-spacing:0.03em; font-weight: normal; padding-bottom:4px; }
			
			a.captionlink:active {color:#cccccc; font-family: Arial, Helvetica, sans-serif; font-size: 18px; letter-spacing: 0.03em;
			font-face: Arial, Helvetica, sans-serif;
			font: Arial, Helvetica, sans-serif; text-decoration:none;}
			a.captionlink:visited {color:#cccccc; text-decoration:none;}
			a.captionlink:hover {color:#666666; text-decoration:none;}
			
			.boxgrid{ 
				width: 543px; 
				height: 290px; 
				margin:0px; 
				float:left; 
				background:#;  
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 290;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 260;
 					left: 0;
 				}


.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
color: #333333;
}

/* ######### Alternate multi-column class for drop down menus ######### */

.anylinkcsscols{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
padding-top:10px;
padding-bottom:7px;

font-family:Garamond;
letter-spacing:1px;
font-style:italic;
font-size:11px;

color: #333333;

line-height:auto;
letter-spacing:0.0em;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #FFFFFF;

margin-top:7px;
border-top: 1px dotted #999999;
}

.anylinkcsscols .column{
width: 280px;
float: left;
color: #D4d4d4;
}

.anylinkcsscols .column a:hover{
width: 280px;
float: left;
}

.anylinkcsscols .column ul{

margin: 0;
padding: 0;
list-style-type: none;
color: #D4d4d4;

}

.anylinkcsscols li{

color: #3333333;
letter-spacing:1px;


}



.courier, #courier, courier {
font: normal 11px;
font-family:Garamond;
letter-spacing:1px;
font-style:italic;
color: #333333;
}

.courier, #courier, courier a:hover{
font: normal 11px;
font-family:Garamond;
letter-spacing:1px;
font-style:italic;
color: #000000;
}


/* ######### class for shadow DIV ######### */