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

/*

Yogalily CI Colours:

Dark purple: 	#330066
Light purple:	#9900DD
Dark Blue:	                #331199
Shock pink:	#FF66FF
Light Grey:	#DDDDDD


*/

.boxText {  font-size: 10px; }
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit {  font-size : 10px; color: #70d250; text-decoration: underline; }

body {
  	background: #FFFFFF;
	text-align: center;
	margin: 10px 0px 0px;
	padding: 0px;
	font: 11px Verdana, arial, Helvetica, sans-serif;
	color: #666666;
}

p, td {
	font: 11px Verdana, arial, Helvetica, sans-serif;
	color: #666666;
}

h1 {
	color: #6F013C;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	color: #333333;
	font: bold 11px Verdana, arial, Helvetica, sans-serif;
}
h3 {
	font: bold 11px Verdana, arial, Helvetica, sans-serif;
}

h3.catmenu {
	font-size: 14px;
	color: #FFFFFF;
	padding-left: 17px;
	padding-top: 6px;
	margin-bottom:4px;
}

a {
	color: #740741;
}

a:hover {
  color: #999999;
}

form {
	display: inline;
}

tr.headerError {
  background: #ff0000;
}

td.headerError {
  
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

tr.headerInfo {
  background: #00ff00;
}

td.headerInfo {
  
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.infoBox {
  background: #D3D1D1;
}

.infoBoxContents_form {
  background: #f8f8f9;
  
  font-size: 10px;
}

.infoBoxContents_button {
  
  font-size: 10px;
}

.infoBoxContents_center {
  background: #f8f8f9; 
  
  font-size: 10px;
}

.infoBoxContentsText_center {
  
  font-size: 10px;
}

a.infoBoxContentsText_center {
  
  font-size: 10px;
  text-decoration: none; 
}


.infoBoxContentsText_left {
  
  font-size: 10px;
}

a.infoBoxContentsText_left {
  
  font-size: 10px;
  text-decoration: none; 
}


.infoBoxContents_right {
  background: #f8f8f9; 
  
  font-size: 10px;
}

.infoBoxContentsText_right {
  
  font-size: 10px;
}

a.infoBoxContentsText_right {
  
  font-size: 10px;
  text-decoration: none; 
}

.infoBoxContents_categ {
  background: #f8f8f9; 
  
  font-size: 10px;
}

.infoBoxContentsText_categ {
  
  font-size: 10px;
}

a.infoBoxContentsText_categ {
  
  font-size: 10px;
  text-decoration: none; 
}

a.productTitle {
	
	font-size: 10px;
	color: #888888;
	text-decoration: none;
	padding-top: 5px;
	font-weight: bold;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  font-size: 10px;
}

td.infoBoxHeading {
  
  font-size: 10px;
  font-weight: bold;
  background: #FFFFFF;
  color: #ffffff;
}

td.infoBoxHeading_center {
  
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

td.infoBoxHeading_right {
  
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

td.infoBoxHeading_categ {
  
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

td.infoBox, span.infoBox {
  
  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: #ECECEC;
  //shopping-cart content color
}

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: #ECECEC;
  //shopping-cart content color
}

table.productListing {
  border: 0px;
  border-style: solid;
  border-color: #FFF5D9;
  //shopping-cart header/footer color
  border-spacing: 1px;
  
}
table.linkListing {
  border: 1px solid #333333;
}

.linkListing-heading {
border-bottom:2px solid #ffffff;  
text-align:center; 

  color: #545454;
  font-weight: bold;
  padding: 10px;
  
  font-size: 11px;
  background: #FFF5D9;
}

td.linkListing-data {
  border-right: 1px solid #747474;
  border-bottom: 1px solid #747474;
  padding: 4px;
  
  font-size: 10px;
  color:#000000;
}

.productListing-heading {

border-right:2px solid #ffffff; 
border-bottom:2px solid #ffffff;  
text-align:center; 

  color: #545454;
  font-weight: bold;
  padding: 10px;
  
  font-size: 11px;
  background: #FFF5D9;
}

td.productListing-data {
text-align:center;
vertical-align:top; 
padding:10 12 10 12;
color:#333333
}


a.pageResults {
	font-size: 10px;
	font-weight: bold;
}

a.pageResults:hover {
  color: #888888;
}


tr.subBar {
  background: #f4f7fd;
}

td.subBar {
  
  font-size: 10px;
  color: #FFFFFF;
}

td.smallText, span.smallText, p.smallText {
  
  font-size: 10px;
  padding-left: 10px;
}

td.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

td.searchBox {
	background: url(images/images2/search.jpg) no-repeat center center;
	height: 48px;
	width: 201px;
}

td.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
}

td.fieldValue {
  
  font-size: 12px;
}

td.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

span.newItemInCart {
  
  font-size: 10px;
  color: #ff0000;
}

checkbox, input, radio, select {
  
  font-size: 11px;
}

textarea {
  width: 100%;
  
  font-size: 11px;
}

span.greetUser {
  
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

table.formarea {
  background: #4a4540;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

td.formareaTitle {
  
  font-size: 12px;
  font-weight: bold;
}

span.markproductOutOfStock {
  
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

span.productSpecialprice {
  
  color: #FF66FF;
  font-weight: bold;
}

span.errorText {
  
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }

/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputrequirement {  font-size: 10px; color: #330066; }

.templateinfobox     {
	font-size: 10px;
	color: #000000;
}

.infoBoxContents {
  background: #FFFFFF;
  
  font-size: 10px;
}
.infoBoxContents {
	font-size: 10px;
	color: #000000;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #000000;
  
  font-size: 10px;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  
  font-size: 10px;
}

td.infoBoxHeading {
	font-family: Tahoma;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	
}

td.infoBox, span.infoBox {
  
  font-size: 10px;
}

td.contentBoxHeading {
	font-family: Century Gothic;
	font-size: 15px;
	font-weight: none;
	color: #ffffff;
	valign: middle;
	padding-left:7;
}


   .text {  padding-left:20; padding-right:10 }
.sl {color:000000}


 .bg{
  background-image: url(images/m19.gif);
  background-repeat: repeat-y; 
 }

 .bg1{
  background-image: url(images/m27.gif);
  background-repeat: repeat-y; 
 }

 .bg2{
  background-image: url(images/m29.gif);
  background-repeat: repeat-y; 
 }

 .bg3{
  background-image: url(images/m41.gif);
  background-repeat: repeat-y; 
 }

 .bg4{
  background-image: url(images/m49.gif);
  background-repeat: repeat-y; 
 }
 
.go{
  border-style: solid;
  border-width: 1px;
  border-color: #CFCFCF;
  width: 135px;
  height: 19px;
  color: #CFCFCF;
  font-size: 9px;
 }

 .cs{
  font-size: 10px;
  color: #6C6C6C;
  font-weight: bold;
 }

 .cs1{
  font-size: 10px;
  color: #2C2C2C;  
 }


 .cs2{
  font-size: 16px;
  color: #9900DD;
  font-weight: bold;  
 }

 .cs3{
  font-size: 11px;
  color: #424242;  
 }


 .ml{
  color: #2C2C2C;
  font-size: 10px;
  text-decoration: underline;
 }

 .ml1{
  color: #330066;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
 }

 .ml2{
  color: #330066;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
 }

 .ml3{
  color: #330066;
  font-size: 10px;  
  text-decoration: none;
 }

 .ml4{
  color: #330066;
  font-size: 11px;  
  text-decoration: underline;
 }

 .ml5{
  font-size: 11px;
  color: #424242;
  font-weight: bold;  
  text-decoration: none;
 }

 .ml6{
  color: #330066;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
 }

 
 .se{
  width: 93px;
  font-size: 9px;
  color: #B2B2B2;
 }
 
img {
	border-style: none;
}

//td.productListing-data img {border: 1px #000000 solid;}

td.topnavright {
	padding-top: 20px;
	padding-bottom: 4px;
	background: url(images/images2/pale_line.jpg) repeat-x right bottom;
	padding-left: 195px;
}

#topmenu ul {
	margin: 0;
	padding: 0;
	border-width: 0 1px;
}

#topmenu li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	white-space:nowrap;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
	padding-left: 10px;
}

#topmenu li.last {
	border-right-style: none;
}

#topmenu li a {
	display: block;
	text-decoration: none;
	color: #B06A84;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#topmenu li a:hover {
	color: #999999;
}

ul#mainmenu {
	margin: 0;
	padding: 10px 0;
}

ul#mainmenu li {
	list-style: none;
	text-align: left;
	margin: 0;
	line-height: 2.1em;
	padding-left: 18px;
}

ul#mainmenu li a {
	font-weight: bold;
	color: #740741;
	background: url(images/images2/lge_arrow.jpg) no-repeat left center;
	text-decoration: none;
	display: block;
	padding-left: 10px;
}

ul#mainmenu li a:hover {
	color: #999999;
	text-decoration: underline;
}

ul#mainmenu li.sale a {
	color: #E60000;
}

ul#mainmenu li.sale a:hover {
	text-decoration: underline;
	color: #E60000;
}

#freeship {
	padding-left: 18px;
	padding-top: 10px;
	background: url(images/images2/free_ship_bg.jpg) no-repeat center top;
	height: 120px;
}

#freeship a.txt {
	font-size: 10px;
	font-weight: normal;
	color: #740741;
	text-decoration: underline;
	background: url(images/images2/lge_arrow.jpg) no-repeat left center;
	padding-left: 10px;
}

#freeship a:hover.txt {
	color: #999999;
}

#headright {
	text-align: right;
	margin-top: 26px;
	float:right;
	width: 264px;
}

* html #headright {
	width: 276px;
}

#basket {
	background: url(images/images2/basket_box.jpg) no-repeat center center;
	height: 57px;
	width: 134px;
	float: right;
	padding-top: 5px;
	padding-right: 10px;
	color: #000000;
	text-align: right;
	line-height: 1em;
}

* html #basket {
	width: 158px;
	height: 64px;
	padding-right: 16px;
	padding-top: 8px;
}

#customer {
	height: 58px;
	margin-right: 144px;
	background: url(images/images2/cust_box.jpg) no-repeat center center;
	font-size: 9px;
	padding-top: 4px;
	padding-left: 10px;
}


ul#cust {
	margin: 0;
	padding: 6px 0;
}

ul#cust li {
	list-style: none;
	text-align: left;
	margin: 0;
	padding-left: 4px;
	line-height: 1.5em;
}

* html ul#cust li {
	line-height: 0.9em;
	padding-left: 2px;
}

ul#cust li a {
	color: #000000;
	background: url(images/images2/sm_arrow.gif) no-repeat left center;
	padding-left: 6px;
	font-weight: normal;
	text-decoration: underline;
	display: block;
}

ul#cust li a:hover {
	color: #999999;
}

.botnav {
	background: url(images/images2/dark_line.jpg) repeat-x center bottom;
	height: 20px;
	padding-left:50px;
}

#botmenu ul {
	margin: 0;
	padding: 0;
	border-width: 0 1px;
}

#botmenu li {
	position: relative;
	list-style: none;
	margin: 0;
	white-space:nowrap;
	padding-right: 10px;
	border-right: 1px solid #CCCCCC;
	padding-left: 10px;
	float: left;
}

#botmenu li.last {
	border-right-style: none;
}

#botmenu li a {
	display: block;
	text-decoration: none;
	color: #B06A84;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
}

#botmenu li a:hover {
	color: #999999;
}

.header {
	padding-top: 20px;
}

* html .header {
	padding-top: 12px;
}

.conthead {
	background: url(images/images2/cont_head.jpg) no-repeat center top;
	height: 29px;
}

.content {
	padding: 14px 12px 20px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

ul {
	list-style: circle;
}