/*
  $Id: stylesheet.css,v 1.1.26.1 2004/06/20 08:48:04 esf Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
  configuration by esfbackground: #FFFFFF;
background-image: url(images/page/bg_header.gif);
 background-attachment: fixed;
 background-repeat: repeat;

*/

.boxText { font-family: Arial, Verdana, sans-serif; font-size: 12px; padding: 0; margin: 0; }
.errorBox { font-family: Arial, Verdana, sans-serif; font-size: 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #cc0033; }
.productsNotifications { background: #f2f2f2; }
.orderEdit { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #ff0000; text-decoration: underline; }

BODY {
	color: #196C7E;
	margin: 0px;
	background: #FFF;
}

A {
	font-weight:bold;
  color: #196C7E;
  text-decoration: none;
}

/*esf*/
A:hover {
	color: #8DB5BD;
	text-decoration: none;
}

FORM {
	display: inline;
}

/*esf*/
TD.header, TD.header A, TD.header A:hover{
	background: url('images/header.jpg') no-repeat bottom right;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	height: 226px
	
}

TABLE.header {
 background: #FFFFFF;
 
}

TABLE.headerBar {
 background: #FFFFFF;
}

TD.headertop {
  font-family: Arial, Verdana, sans-serif;
   background-color:#333333;
  font-size: 9px;
  color: #333333;
  font-weight : normal;
}

/*esf*/
TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  text-align:center;
  background: url(images/bg.png) repeat-x top center;
  font-size: 12px;
  color: #196C7E;
  font-weight : bold;
  line-height: 22px;
 
  
  
}

TD.headerNavigationOver {
  font-family: Arial, Verdana, sans-serif;
  text-align:center;
  background: url(images/bg_over.png) repeat-x top center;
  font-size: 12px;
  color: #FF9900;
  font-weight: bold;
  line-height: 22px;
  

}

P {
	
font-family: Arial, Helvetica, sans-serif;	
	
}
  
  
TD.headerNavigation_salon {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #CC0000;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #CC0000;
 }

TD.headerNavigationOver_salon{
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #FF3737;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #FF3737;
  }
  
TD.headerNavigation_advice {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #42080A;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #42080A;
 }

TD.headerNavigationOver_advice{
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #D1FF48;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #D1FF48;
  }
  
TD.headerNavigation_shop {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #D559AC;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #D559AC;
 }

TD.headerNavigationOver_shop{
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #EAAAD6;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #EAAAD6;
  }
  
TD.headerNavigation_contact {
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #FF9900;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #FF9900;
 }

TD.headerNavigationOver_contact{
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  color: #FFB951;
  font-weight : bold;
  width:125px;
  border-bottom: 6px solid #FFB951;
  }

/*esf*/
TD.headerNavigation A { 

}

TD.headerNavigation A:hover {
	color: #006666;
	text-decoration: none;
}

TD.headerCategory, TD.headerCategory A, TD.headerCategory A:hover { 
  font-family: Arial, Verdana, sans-serif;
  color: #3D250D;
  font-weight : normal;
  font-size: 11px;
}

TD.headerSEARCH, TD.headerSEARCH A, TD.headerSEARCH A:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: F89E23;  

}

TABLE.headerSEARCH  {
	width:269px;
	background-image: url('images/page/search_background.png');
background-repeat: no-repeat; 
margin: 5px 20px 0px 0px;
  padding: 10px;
  
}

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


/*esf*/
TD.footer, TD.footer A {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  font-weight : normal;
  line-height: 25px;
}

/*esf*/
, TD.footer A:hover {
  color: #3D250D;
  font-weight: normal; 
}

/*esf*/
TD.footerBottom, TD.footerBottom A {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #777777;
  font-weight : normal;
}

/*esf*/
, TD.footerBottom A:hover {
  color: #003399;
  font-weight: normal; 
}

/*esf*/
TD.leftBorder {
background: transparent;
}

TD.rightBorder {
background: #FFFFFF;
}

/*esf*/
.imageBoxLeft {
background: #FFFFFF;
}

/*esf*/
.imageBoxRight {
background: #FFFFFF;
}

/*esf*/
.columnLeft {
background: #FFFFFF;
}

/*esf*/
.infoBox {
  background: #dddddd;
}

.infoBoxBorder {

}

.infoBoxHeadingBorder {
   background: #FFFFFF;
}

.contentBoxBorder {
  background: #FFFFFF;
  
}

/*esf*/
.infoBoxContentsLeft {
background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

/*esf*/
.infoBoxContentsLeftCategories, .infoBoxContentsLeftCategories A {

  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}


/*esf*/
.infoBoxContentsRight {
 background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}



/*esf*/
.infoBoxContentsRightSpecials {
background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

/*esf*/
.copyrightBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #FFFFFF;
  color: #006600;
}

/*esf*/
.copyrightBox a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*esf*/
.copyrightBox A {
  color: #ffffff;
  text-decoration: none;
}

/*esf*/
.infoBoxContents {
  background: #fdfdfd;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

/*esf*/
TD.infoBoxHeading {
	background: url(images/col_header_right.png) repeat-x;
	font-family: Arial, Verdana, sans-serif;
	font-size: 14px;
	background-color: #FFF;
	font-weight: bold;
}

/*esf*/
.contentBoxHeading, .contentBoxHeading A, .contentBoxHeading A:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight : bold;
  line-height: 22px;
  background: url(images/col_header_right.png) top left repeat-x;
}


.contentBoxHeadingLeft {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight : bold;
  line-height: 22px;
  background: url(images/corner_left.png) left top no-repeat;
}



/*esf*/
.contentBoxContents {
 background: ##FFFFFF;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}
/*esf*/
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;
}
/*esf*/
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;
}
/*esf*/
TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 2px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.6em;
}
/*esf*/
.productListing-heading {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	color: Black;
	font-weight: normal;
	line-height: 20px;
}

TD.productListing-data {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

A.pageResults {
  color: #007F99;
  font-weight:bold;
}

A.pageResults:hover {
  color: #FFFFFF;
  background: #007F99;
}

/*esf*/
TD.pageHeading, DIV.pageHeading {
	font-family: Arial,Verdana,  sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #196C7E;
}

TR.subBar {
  background: #ccddee;
}

TD.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #3D250D;
}

TD.main, P.main, .main {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  
  padding:0;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

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

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

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

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

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

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

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

/*esf*/
SPAN.greetUser {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: 006666;
	font-weight: bold;
}

/*esf*/
TABLE.formArea {
  background: #f6f6d4;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 0px;
}

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: Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

/* esf */
.moduleRow { }
.moduleRowOver { background-color:#f3f3f3 ; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #e3e3e3; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; }

/* message box */

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

/* input requirement */

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

TD.main_banner_bg {

}

TABLE.mainPage {
  width: 960px;
  /*background: url('images/background.png') top no-repeat #ffffff;  */

}

.style1 {
	color: #737373;
	font-size: 9px;
	font-family: tahoma;
	text-decoration:none
}
.style2 {
	color: #7d7256;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style3 {
	color: #FFFFFF;
	font-size: 9px;
	font-family: tahoma;
}
.style4 {
	color: #7d7256;
	font-size: 10px;
	font-family: tahoma;
}
.style5 {
	color: #ffffff;
	font-size: 12px;
	font-family: tahoma;
	font-weight: bold;
}
.style6 {
	color: #cc0001;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style7 {
	color: #7d7256;
	font-size: 12px;
	font-family: tahoma;
}


/*change the menu hover color below*/
#thecategories a {
	background: url('images/newNavBlue.png') no-repeat left top;
	color: #69704B;
	height: 22px;
	display: block;
	padding: 3px 0px 0px 20px;
	

	
}


#thecategories a:hover {
	background: url('images/newNavOver.png') no-repeat left top;
	color: #00A0DE;
	height: 22px;
	display: block;
	padding: 3px 0px 0px 20px;
}



.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	width:210px;
	font-weight: bold;
	
}

.activelink {
	display: block;
	font-weight: bold;
	background: #ffffff;
}



/*mozilla fix*/
html>body #thecategories a {
	width: 185px;
}
/*end of mozilla fix*/


#secondcat a:hover {
color: #00A0DE;
background: #FFF;
border:none;
padding:0px;
margin-top: 3px;
margin-bottom: 3px;
list-style:none;

}

#secondcat a {
padding:0px;
background: #FFF;
display:block;
color:#196C7E;
margin-top: 3px;
margin-bottom: 3px;
list-style:none;
}



#thirdcat a {
	color: #196C7E;
	padding-left: 25px;
	background:transparent;
}

#thirdcat a:hover {
	color: #00A0DE;
	padding-left: 25px;
	background:transparent;
}

#fourthcat a {
	padding-left: 35px;
}

#fifthcat a {
	padding-left: 45px;
}

.attributes {
border:1px solid #DDDDDD;
background:#FDFDFD;
padding: 5px;
color: #F15A24;'
}

.attributeshead {

background:#DDDDDD;
padding-bottom: 5px;
color: #222222;
}

.attributesbody {

background:#FDFDFD;
padding-top: 5px;

}



.shoppingcartbox{
font-family: Arial, Helvetica, sans-serif;	
}

/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	display:block;
	position: relative; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;			
}		
/*----------------------------End Suggest Styles------------------------*/