/*
  $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, Helvetica, sans-serif; font-size: 11px; }
.errorBox { font-family : Arial, Helvetica, sans-serif; font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Arial, Helvetica, sans-serif; font-size : 11px; color: #70d250; text-decoration: underline; }

body {color: #000000;  background: url(images/redesign2009/blackgrad_bg.gif) repeat-x #f3f3f3 top; margin:0; position:relative;}

A {
  color: #336699;
  text-decoration: none;
}

A:hover {
  color: #95B7CC;
  text-decoration: none;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #000E77;
}

TD.headerNavigation {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #000E77;
  font-weight : bold;
}

a.headerNavigation {
  color: #8c2123;
  font-weight: bold;
}

a.headerNavigation:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #3a77ac;
}

TD.footer {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #3a77ac;
  color: #ffffff;
  font-weight: bold;
}

/* side boxes */
.infoBox {
	background: #CCCCCC;
}

.infoBoxContents {
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.infoBoxNotice {
  background: #FFFFFF;
}

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

TD.infoBoxHeading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

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

/* page columns */

.columnLeft {
	background: #FFFFFF;
	padding : 2px 2px 2px;
}

.columnRight {
	background: #FFFFFF;
	padding : 2px 2px 2px;
}

.columnCenter {
	background: #FFFFFF;
	padding : 5px 5px 5px;
}

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: #efefef;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #cccccc;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	margin:0 5px 0 5px;
}

TD.pageHeading2, DIV.pageHeading2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	text-align: center;
	background: #ffffff;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

TD.main, P.main {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
TD.main {padding:0 0px 0 10px;}
TD.main-form, P.main-form {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #ffffff;
  text-align: center;
}

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

TD.smallText-form, SPAN.smallText-form, P.smallText-form {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #ffffff;
  text-align: center;
}

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

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

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

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

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

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

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

SPAN.greetUser {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #fb7f1d;
  font-weight: bold;
  font-style:italic;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
  font-size: 16px;
  font-weight: bold;
}

SPAN.productOldPrice {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
  text-decoration: line-through;
}

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

TD.category_desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.0;
}

TABLE.categ {
	border: 0px;
	border-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

TD.categ {
     vertical-align: top;
}

TD.productDesc {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #808080;
    padding: 1px 7px 1px 7px;
  }

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

/* BOF: More Pics 6 */
TABLE.popup {
  border-width: 1px;
  border-style: dotted;  
  border-color: #FFFFFF;
}
/* EOF: More Pics 6 */

.redButton {
    background-color: #8c2123;
    color: #ffffff;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #ffcc99;
    border-left: 1px solid #ffcc99;
    border-right: 1px solid #624500;
    border-bottom: 1px solid #624500;
}


/* HEADER */
#ru_header                    { width: 790px; background-color: #fff; border-top: 5px solid #fff; margin: 0 auto;}

#ru_header_content            { background: url(ru_images/ru_cinderella_hair_logo2.jpg) no-repeat top left #7B8695; width: 780px; height: 126px; margin: 0 auto; }
#ru_header_content_top        { height: 95px; }
#ru_header_content_top a      { text-decoration: none; font-weight: bold; }
#ru_header_content_top label  { float: left; display: block; width: 80px; text-align: right; padding-right: 5px; }
#ru_header_content_top input  { float: left; }

/* NAVIGATION */
#ru_header_navigation         { height: 28px; margin: 0 auto; padding: 0; text-align: center; }
#ru_header_navigation div     { width: 772px; _width: 772px; background: url(ru_images/ru_navigation_bg_right.jpg) no-repeat top right; margin: 0 auto; }
#ru_navigation                { float: left; margin: 0; padding: 0; }
#ru_navigation li             { display: inline; float: left; }
#ru_navigation a              { font-size: 10px; font-weight: bold; background: url(ru_images/ru_navigation_gradient.jpg) repeat-x top left; font-size: 16px; color: #FFF; text-decoration: none; display: block; padding: 6px 23.3px; _padding: 6px 23.3px 5px; outline: none; }
#ru_navigation a:hover        { color: #ccc; background: url(ru_images/ru_navigation_gradient_down.gif) repeat-x top left; }

/* SEARCH BAR */
#search_bar {
    width: 770px;
    background-color: #CCCCCC;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    font-size: 12px;
    text-align: left;
    border-left: 5px solid #FFF;
    border-right: 5px solid #FFF;
}


/* GENERAL CLASSES */
.clear                        { clear: both; padding: 0px; margin: 0px;}

#topCategoriesSelect {

	float:left;

}.operation_hours {
	font-size: 14px;
	padding: 10px;
	border: 1px solid #FF0000;
}


/**--REDESIGN 2009 STYLES**/
body {position:relative; background: url(images/redesign2009/blackgrad_bg.gif) repeat-x #f3f3f3 top; margin:0; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
.ShadowBackground {background:url(images/redesign2009/shadow_bg.png) repeat-y; width:826px; margin:0 auto;}
.HeaderWrapper {position:relative; background:url(images/redesign2009/header_bg.jpg); width:790px; height:106px;}
	#ru_header_login { float: right; background:#b46300; padding:5px 8px 5px 8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size: 11px; color: #fff; margin:0; border-left:1px solid #fff; border-bottom:1px solid #fff;}
	#ru_header_login a {text-decoration: none; color:#FFFFFF;}
	#ru_header_login a:hover {text-decoration: underline}
	a.LogoLink {display:block; position:absolute; top:0; left:0; width:385px; height:106px;} 
/**TOP NAVIGATION**/
.TopNavigation {position:relative; background:url(images/redesign2009/topnav_bg.gif) repeat-x; width:790px; height:23px;}
	/**TOP NAVIGATION ITEMS**/
	.TopNavigation ul, .TopNavigation li {margin:0; padding:0; list-style:none; list-style-type:none;}
	.TopNavigation li {float:left;}
	.TopNavigation li a {display:block;}
	a.Home {background:url(images/redesign2009/nav/home.png) no-repeat 0px 0px; width:109px; height:23px;}
	a.Home:hover {background:url(images/redesign2009/nav/home.png) 0px -23px;}
	
	a.AboutUs {background:url(images/redesign2009/nav/aboutus.png) no-repeat 0px 0px; width:108px; height:23px;}
	a.AboutUs:hover {background:url(images/redesign2009/nav/aboutus.png) 0px -23px;}
	
	a.Blog {background:url(images/redesign2009/nav/blog.png) no-repeat 0px 0px; width:79px; height:23px;}
	a.Blog:hover {background:url(images/redesign2009/nav/blog.png) 0px -23px;}
	
	a.Products {background:url(images/redesign2009/nav/products.png) no-repeat 0px 0px; width:102px; height:23px;}
	a.Products:hover {background:url(images/redesign2009/nav/products.png) 0px -23px;}
	
	a.Seminar {background:url(images/redesign2009/nav/twodayseminar.png) no-repeat 0px 0px; width:131px; height:23px;}
	a.Seminar:hover {background:url(images/redesign2009/nav/twodayseminar.png) 0px -23px;}
	
	a.Photogallery {background:url(images/redesign2009/nav/photogallery.png) no-repeat 0px 0px; width:131px; height:23px;}
	a.Photogallery:hover {background:url(images/redesign2009/nav/photogallery.png) 0px -23px;}
	
	a.ContactUs {background:url(images/redesign2009/nav/contactus.png) no-repeat 0px 0px; width:130px; height:23px;}
	a.ContactUs:hover {background:url(images/redesign2009/nav/contactus.png) 0px -23px;}
	
.SearchCartWrapper {position:relative; background:#feebd3; width:770px; height:27px; padding:7px 10px 0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; z-index:1;} 
	.greenButton {background-color: #94ae01; color: #ffffff; padding: 2px 5px 2px 5px; border:1px solid #fff; cursor:pointer;}
#mainContentWrapper {padding:10px; text-align:left;}
	#mainContentWrapper table table {}
	/**HOMEPAGE**/
	#mainContentWrapper h1 {
	font-size:22px;
	color:#9d5600;
	display:block;
	padding:0 0 3px 0;
	margin:0 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddb98c;
	}
	#mainContentWrapper.Classes {border:none; width:770px; overflow:hidden;}
	#mainContentWrapper.Classes h1, #mainContentWrapper.Classes h2 {border:none; color:#000000; margin:0; padding:0 0 0px 0;}
	#mainContentWrapper h2 {font-size:18px; color:#6494c1; display:block; padding:0 0 10px 0; margin:0;}
	#mainContentWrapper p {line-height:22px; font-size:15px;}
	#flashCarousel {position:relative; width:455px; height:150px;}
	#loginBox {position:relative; margin:0 0 25px 0; z-index:10;}
	#rssFeed {position:relative;}
	#rssFeed h1 {
	font-size:18px;
	color:#9d5600;
	display:block;
	padding:0 0 3px 0;
	margin:0 0 20px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddb98c;
	}
	a.RssLinkBtn {background:url(images/redesign2009/rss_icon.png) no-repeat; position:absolute; top:202px; left:247px; width:23px; height:23px; display:block; outline:none;}
	#rssFeed h3 {font-size:14px; color:#6494c1; display:block; padding:0 0 5px 0; margin:0;}
	#rssFeed ul, #rssFeed li {list-style:none; list-style-type:none; margin:0; padding:0;}
	#rssFeed li p {font-size:13px; line-height:18px;}
	
#footerWrapper {background:url(images/redesign2009/footer_bg.png) no-repeat; width:826px; height:43px; padding:10px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif}
	#footerWrapper .FooterLinks {margin:0 auto; width:720px;}
	#footerWrapper .FooterLinks ul, #footerWrapper .FooterLinks li {margin:0; padding:0; list-style:none; list-style-type:none;}
	#footerWrapper .FooterLinks li {float:left; color:#b0b0b0; font-size:8px;}
	#footerWrapper .FooterLinks a {color:#404040; font-size:11px; padding:0 5px 0 5px;}
	#footerWrapper .FooterLinks a:hover {text-decoration:underline;}
#bottomText {position:relative; font-size:10px; color:#999999; width:745px; margin:0 auto; padding:0;}
	#bottomText a {color:#999; text-decoration:none;}
	#bottomText a:hover {text-decoration:underline;}

/**Two Day Seminar**/
#twoDaySeminar_wrapper {}
#twoDaySeminar_wrapper li {font-size:12px; padding:0 0 8px 0;}
#twoDaySeminar_wrapper td {vertical-align:top;}
a.EnrollToday {background:url(images/twodayseminar/enroll_today.jpg) no-repeat 0px 0px; width:173px; height:31px; display:block;}
a.EnrollToday:hover {background:url(images/twodayseminar/enroll_today.jpg) no-repeat 0px -31px;}

a.ReadFaq {background:url(images/twodayseminar/read_faqs.jpg) no-repeat 0px 0px; width:158px; height:28px; display:block;}
a.ReadFaq:hover {background:url(images/twodayseminar/read_faqs.jpg) no-repeat 0px -28px;}

a.ViewCalendar {background:url(images/twodayseminar/view_calendar.jpg) no-repeat 0px 0px; display:block; width:281px; height:28px;}
a.ViewCalendar:hover {background:url(images/twodayseminar/view_calendar.jpg) no-repeat 0px -28px;}

a.ViewList {background:url(images/twodayseminar/view_list.jpg) no-repeat 0px 0px; display:block; width:281px; height:28px;}
a.ViewList:hover {background:url(images/twodayseminar/view_list.jpg) no-repeat 0px -28px;}

.SmallRed {font-size:9px; font-weight:bold; color:#ee0000; text-align:center;}
.TwoDaySeminar_left {width:460px;}
.TwoDaySeminar_right {width:286px;}
#miniCalendar {background:#eee; width:286px; border:1px solid #666666;}
	#miniCalendar .ActiveDate {color:#FF0000; font-weight:bold;}

/**Contact Us Other Field**/
.SmallGray {font-size:11px; color:#666666;}

/**PRODUCTS PAGE**/
#productsPageWrapper {position:relative; background:url(images/productpage/productspage.jpg) no-repeat; width:710px; overflow:hidden; height:452px; padding:73px 0px 0 56px;}
	a.hairExtension {background:url(images/productpage/hairExtension.jpg) no-repeat 0px 0px; display:block; width:209px; height:188px;}
	a.hairExtension:hover {background:url(images/productpage/hairExtension.jpg) no-repeat 0px -188px;}
	a.remyHair {background:url(images/productpage/remyHair.jpg) no-repeat 0px 0px; width:209px; height:188px; display:block;}
	a.remyHair:hover {background:url(images/productpage/remyHair.jpg) no-repeat 0px -188px;}
	a.profiberHair {background:url(images/productpage/profiberHair.jpg) no-repeat 0px 0px; display:block; width:203px; height:188px;}
	a.profiberHair:hover {background:url(images/productpage/profiberHair.jpg) no-repeat 0px -188px;}
	a.preparationProducts {background:url(images/productpage/preparationProducts.jpg) no-repeat 0px 0px; display:block; width:209px; height:187px;}
	a.preparationProducts:hover {background:url(images/productpage/preparationProducts.jpg) no-repeat 0px -187px;}
	a.leatherCase {background:url(images/productpage/leatherCase.jpg) no-repeat 0px 0px; display:block; width:203px; height:187px;}
	a.leatherCase:hover {background:url(images/productpage/leatherCase.jpg) no-repeat 0px -187px;}
	a.shears {background:url(images/productpage/shears.jpg) no-repeat 0px 0px; display:block; width:203px; height:187px;}
	a.shears:hover {background:url(images/productpage/shears.jpg) no-repeat 0px -187px;}
/**MISC**/
.Spacer {margin:0; padding:0; font-size:0px;}
p {margin:0; padding:0 0 10px 0;}
td, tr {vertical-align:top; margin:0; padding:0;}
tbody {border:none;}
a {outline:none;}
img {margin:0; padding:0;}
.about_btm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #EEEEEE;
	padding: 10px;
}
.sitemap {
}
.sitemap li {
	line-height: 25px;
}


/****DROP DOWN MENU***/
.DropMenu ul ul {width:200px; background:#fff; position:absolute; margin:0 0 0 10px; z-index:1000; display:none;}
.DropMenu li li {color:#FFFFFF; background:#2b64a9;}
.DropMenu li li a {font-size:12px; text-decoration:none; display:block; color:#fff; display:block; width:190px; height:25px; padding:7px 0 0px 10px; text-align:left; z-index:1000;}
.DropMenu li li a:hover {background:#a0c6f5; color:#000; z-index:1000;}
.DropMenu li li.Last {margin:0 0 5px;}


#smallWidth, #smallWidth li, #smallWidth li a, #smallWidth li a:hover {width:140px;}
#smallWidth li a:hover {width:130px;}