﻿/*
  $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: 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; }







BODY {



  background: #ffffff;



  color: #000000;



  margin: 0px;



}







A {



  color: #000000;



  text-decoration: none;



}







A:hover {



  color: #AABBDD;



  text-decoration: underline;



}







H1 {



font-size: 18px;
margin-top:1px;
margin-bottom:1px;


}

H2 {



font-size: 11pt;
margin-top:0px;
margin-bottom:0px;



}



UL { padding:0px; margin:4px; }
/*LI { padding:0px; margin:0px; }*/





FORM {



	display: inline;



}







TR.header {



  background: #ffffff;



}







TR.headerNavigation {



  background: #008A4D;



}







TD.headerNavigation {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  background-image: url('images/topbar.gif');  



  color: #ffffff;



  font-weight : bold;



}







A.headerNavigation { 



  color: #FFFFFF; 



}







A.headerNavigation:hover {



  color: #ffffff;



}







TR.headerError {



  background: #ff0000;



}







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;



}







TR.footer {



  background: #3cba3c;



}







TD.footer {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  background: #3cba3c;



  color: #ffffff;



  font-weight: bold;



}







.infoBox {



  background: #b6b7cb;



}







.infoBoxContents {



  background: #f8f8f9;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







.infoBoxNotice {



  background: #FF8E90;



}







.infoBoxNoticeContents {



  background: #FFE6E6;



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







TD.infoBoxHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  font-weight: bold;



  background-image: url('images/infobox/infobox_bkg.gif');



  color: #ffffff;

  

}



TD.infoBox, SPAN.infoBox {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



}







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: #fcfcfc;



}







TABLE.productListing {



  border: 1px;



  border-style: solid;



  border-color: #b6b7cb;



  border-spacing: 1px;



  	margin: 0 auto; 



    text-align: center;



}







.productListing-heading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 10px;



  background: #0103a1;



  color: #FFFFFF;



  font-weight: bold;



}







TD.productListing-data {



    width: 230px; /* added by Steve 25-08-2008 */



	height: 202px;



	margin: 0 auto; 



	background-image : url(/images/background_cell.gif); 



	background-repeat: no-repeat;  


	background-position: center top;


	font-family: Verdana, Arial, sans-serif;



    font-size: 10px; 	



}


TD.defProdListing-data {
    width: 230px; 
	height: 202px;
	margin: 0 auto;
	background-image : url(/images/background_cell.gif); 
	background-repeat: no-repeat;  
	font-family: Verdana, Arial, sans-serif;
    font-size: 10px; 	
}



TD.cartListing-data {

  font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

}	


A.pageResults {



  color: #0000FF;



}







A.pageResults:hover {



  color: #0000FF;



  background: #FFFF33;



}







TD.pageHeading, DIV.pageHeading {



  font-family: Verdana, Arial, sans-serif;



  font-size: 18px;



  font-weight: bold;



  color: #9a9a9a;



  color: #000080;







}







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.5;



}







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.productInfoSpecialPrice{
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
  font-size: 102%;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
  font-weight: bold;
  font-size: small;
  margin-left: -16px;
}

SPAN.productPriceSpec {
	position: absolute;
	margin-top: -16px;
	font-family: Verdana, Arial, sans-serif;
	color: #427c2a;
	font-weight: bold;
	font-size: x-small;
}


SPAN.productPrice {  /* Steve August 2008 */
  font-family: Verdana, Arial, sans-serif;
  color: #427c2a;
  font-weight: bold;
  font-size: x-small;
}







SPAN.errorText {



  font-family: Verdana, Arial, sans-serif;



  color: #ff0000;



}







.moduleRow { }



.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }



.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; }





SPAN.limeDefault, TD.limeDefault {  /* Steve Nov 2008 */



  padding-left: 4px; 

  

  padding-right: 4px;

  

  background-color: #F2FFF2;

  

  font-family: Verdana, Arial, sans-serif;



  font-size: 11px;



  line-height: 1.4em;

  

  }

 

 H1.limeDefault {

 

 	font-size: 11px;



	}


#optionsPopupParent
	{
	position:relative;
	}
	

SPAN.prodOpt { /* product options box for product info page */

  float: right;

  /* width: 90em; em width variance by element*/

  margin: 0 0 0 0em;

  padding: 0.2em;

  padding-bottom: 1em;

  /* border-left: 2px dotted #2e8b57; */

  border-bottom: none;

  text-align: center;
  
  text-decoration: none;

  }

  

  A SPAN.prodOpt {

  display: none;

  text-decoration: none;

  }





  A:hover SPAN.prodOpt {

  display: block;

  text-decoration: none;

  text-align: center;

  /* position: absolute; bottom: 19em; right: 22em;   */

 /*  position: absolute; top: 25em; right: 23em;   */
  position: absolute; top:-35px; right:162px;  

   width: 330px;

  padding-top: 11px;
  
  padding-left: 15px; 

  padding-right: 15px;

  margin: 25px; 

  z-index: 100;

  color: #ffffff; 

  background: #018b01;

  font: 11px Verdana, sans-serif; 

  font-weight: bold;

  border: 1px solid #33CC33;

  cursor: pointer;
	}
	
#headerlogo {
	float: left; 
	padding-right: 10px;	
	}
	

#headerfirst {
	padding-right: 50px; 
	float:left; 
	margin-top:4px;
	}
	
#headerhelp{
	width:339px; 
	border: thin #008000 dashed; 
	padding: 1px 3px 1px 3px; 
	color: #008000; 
	float:left; 
	margin-top: 7px;	
	}
	
.headername {
	font-family: Arial;
	font-size: 34px;
	font-weight: bold;
	color: #000080;
	}
.headertag {
	color: #000080;
	font-size: 24px;
	font-family: Arial;
	}
.headerdetails {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	white-space: normal;
	}
.headerflash {
	font-family: Verdana;
	
	font-weight: bold;
	color: #000080;
	}
	
#xmasTrees {
text-align:center; position:absolute; background-image:url('/lime/images/snowytrees.jpg'); top:0px; z-index:-1; height:165px; width:100%;
}
#xmasTrans {
text-align:center; margin-right:auto; margin-left:auto; position:relative; margin-bottom:-156px; height:156px; width: 805px; background:white; 	filter: alpha(opacity=72); opacity: 0.72; z-index:26;
}

#xmasPos {
z-index:27;  position:relative; 
display:table;  
text-align:center; margin-right:auto; margin-left:auto;
padding-left:15px; padding-right:5px; background:rgba(255, 255, 255, 0.7);
}
	
	
#imgbox 
{
    vertical-align: middle;
    position: absolute;
    right: 10%;
    top: 25px;
    border: 2px solid #999;
    background: #FFFFFF; 
   	filter: alpha(opacity=100); /* IE's opacity*/;
	opacity: 1;
    visibility: hidden;
    height: auto;
    width: auto;
    margin: 10px;
    z-index: 50;
    overflow: hidden;
    text-align: center;
    font-family: Tahoma;
	font-size: xx-small;
	line-height: 150%;
    box-shadow: 2px 2px 10px #aaaaaa;
}

.addInfo {
	font-size: xx-small;
	display: none;
}

#popframe {
	left:50%;
	margin-left:-275px;
	background-color:white;
	width: 550px;	
	font-size: x-small;
	top: 97px;
	height: 212px;
	z-index: 250; 
	position: absolute;
	border: 2px;
	border-style: solid;
	display: none;	
}
#iframepop{
	padding-top:2px;
/*	border-style:solid;
	border-width:1px;
	border-color:black; */
	width:100px;
	height:40px;
	cursor:pointer;
	text-align:center; 
	background-image:url('includes/languages/english/images/buttons/button_fakes_r.png');
/*	background-color:#FF1A1A; */
	color:white; 
	position:absolute; 
	top:105px; 
	left: 450px; 
	margin-bottom: -34px;
	font-weight:bold;
}

#popframeIndex {
	left:50%;
	margin-left:-100px;
	background-color:white;
	width: 550px;	
	font-size: x-small;
	top: -310px;
	height: 212px;
	z-index: 999999; 
	position: absolute;
	border: 2px;
	border-style: solid;
	display: none;	
}
#iframepopIndex{
	padding-top:2px;
/*	border-style:solid;
	border-width:1px;
	border-color:black; */
	width:100px;
	height:40px;
	cursor:pointer;
	text-align:center; 
	background-image:url('includes/languages/english/images/buttons/button_fakes_r.png');
/*	background-color:#FF1A1A; */
	color:white; 
	position:absolute; 
	top:-11px; 
	left: 20px; 
	margin-bottom: -34px;
	font-weight:bold;
}



.news_title {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:green;
}

.headline {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:navy;
text-decoration:none;
font-weight:bold;
display:block;
}

.headline a {
text-decoration:none;
color:navy;
}

.news {
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
color:black;
top:-5px;
position:relative;

}

.news a {
text-decoration:none;
color:black;
}

.source {
font-size:8px;
color:#C0C0C0;
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
top:-3px;
position:relative;
}

.timestamp {
font-size:8px;
color:#C0C0C0;
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
padding-left:5px;
top:-3px;
position:relative;
}

TD.categoryDescription {
padding-top:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#endFlow {
/*border: 2px navy groove;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:white;
display:table;
padding:8px 8px 8px 8px;
background:#0000CC;
}

.flow {
/*border: 2px navy groove;*/
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:navy;
display:table;
padding:8px 8px 8px 8px;
background:#CCFFCC;
z-index:1;
}

.join {
border: medium #000080;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:navy;
display:table;
white-space: nowrap;
margin-left:5px;
margin:0 auto;
position:relative;
z-index:1;
}

.line {
width:2px; height:20px; color:#CCFFCC; margin-top:0px; margin-bottom:-1px;
background:#CCFFCC;
z-index:1;
}

.copyright {
position:absolute;
background:#CCFFCC;
filter: alpha(opacity=0); /* IE's opacity*/;
opacity: 0.0;
z-index:9;
height:100%;
width:100%;
top:0;
padding-top:25px;
padding-left:15px;
}

.selectRadios {
position:relative;
z-index:200;
}

a.selectRadios {
color:#EAFFCC
}

.nosel{
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.selectImage {
border: 7px white solid; 
margin-bottom:2px;
margin-top:1px;
}

#sl {
text-align:center;
}

#waiting {
width:50px;
text-align:center;
margin:0 auto;
}

#end {

width:10px;
height:1px;
margin:0 auto;
}

#wizard {
display:block;
position:absolute;
top: 120px;
z-index:50;
vertical-align: middle;
border: 1px ridge #999;
background: #FFFFFF; 
/*filter: alpha(opacity=100); /* IE's opacity* removed for IE8 issue */
opacity: 1;
height: auto;
min-width:340px;
width: auto;
padding:15px;
margin: 70px;
/*    overflow: hidden;*/
text-align: center;
font-family: Tahoma;
font-size: xx-small;
line-height: 150%;
}

.wizHead {
color:white; 
background:navy;
margin-top:-14px; 
margin-left:-14px;
margin-right:-14px; 
padding:4px;
height:14px;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold;
margin-bottom:5px;
z-index:1;
}

#startWiz {
padding:5px;
cursor:pointer; 
border:thin navy solid; 
background:#CCFFCC; 
color:navy;
display:inline-block; 
text-align:center; 
font-family:Arial, Helvetica, sans-serif; 
font-size:12px; 
font-weight:bold;
margin:12px;
z-index:1;
}

#startWiz:hover {
border:thin blue solid; 
background:navy; 
color:white;
  }

h3.crumbH3 {
	display:inline;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight : bold;
}

h1.inline {
	display:inline;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  font-weight : bold;

}

h3.inline {
	display:inline;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;

}

h2.inline {
	display:inline;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight : bold;

}

/* categories_ul vertical fly-out menu - see: /www.htmldog.com/articles/suckerfish/dropdowns/example/vertical.html */


	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 11em;
		z-index:999999;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 11em;
		background-color : #F8F8F9;
	/*	z-index:999999;*/

	
	}
	
	#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.5em;
		margin-top : -1.7em;
		background-color : #F8F8F9;
		color:black;
		border-top : 1px solid #b6b7cb;		
		border-bottom : 2px solid #b6b7cb;		
		border-right : 2px solid #b6b7cb;
		width: 16em;		
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left :-999em;
	}
	
	#nav li a {
		width: 10.5em;
		display : block;
		color : black;
		font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
		text-decoration : none;
		border : 1px solid #F8F8F9;
		padding : 0.1em 0.2em;
	}
	
	#nav li ul a {
		width: 15.5em;
		display : block;
		color : black;
		font-family: Verdana, Arial, sans-serif;
        font-size: 10px;
		text-decoration : none;
/*		border : 1px solid #b6b7cb;*/
		padding : 0.1em 0.2em;
	}
	
	
	#nav li a:hover {
		color : white;
		background-color : #6699FF;
	}
	
	#nav li ul a:hover {
		color : white;
		background-color : #6699FF;
	}
	
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: 0.5em;
	}

	
/* Menu items with subcategories */	
#nav a.mainCat {
	background: url('images/categories/arrow_right.png') no-repeat 95% 50%;
}


/* Menu items withOUT subcategories */	
#nav a.normal {
/*	background: url('images/categories/arrow_bullet.gif') no-repeat center right;*/
}


/* Selected items with subcategories */	
#nav li.selected {
  font-weight: bold;
    background-color: white;
    	color: #1111FF;    
}

#nav li.selected a {
  font-weight: bold;
    background-color: white;
    	color: #1111FF;    
}

#nav li.selected a:hover {
  font-weight: normal;
		color : white;
		background-color : #6699FF;
   
}


#nav li.selected ul  a {
  font-weight: normal;
    background-color: #F8F8F9;
    	color: black;    
}

#nav ul.selected  a {
	  font-weight: normal;
		background-color : white;
    	color: blue;    
}

#nav ul.selected  a:hover {
  font-weight: normal;
		background-color : white;
    	color: blue;    
}


#nav li.selected ul a:hover {
		color : white;
		background-color : #6699FF;
    
}

#nav ul li.selected  a {
  font-weight: bold;
		background-color : white;
    	color: blue;    
}

.sfhover
{
		color : white;
		background-color : #6699FF;

}

#findoutmore, #findoutmore2 {
display:none;
}