/* ------------------------------------
File:      default.css
Function:  Defines styles for Shop Cart Yellow color
Author:    MJH
Date:      5/27/03

Style Guide
	Tan: ffffcc
	Maroon: 80233b
	DK Blue: 3660AB
	LT Blue: 3768b0
	Warm Grey: 686757
	Grey: 808080
------------------------------------ */

	body {
		background-color: #ffffff;
		font-family: Verdana, Arial, sans-serif;
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		scrollbar-face-color:#F2B30D;
		scrollbar-arrow-color:#00639C;
		scrollbar-track-color:#999999;
		scrollbar-shadow-color:'';
		scrollbar-highlight-color:'';
		scrollbar-3dlight-color:'';
		scrollbar-darkshadow-Color:#00639C;
	}

/*--------------------------
Specialty/Odds & Ends list
--------------------------*/

	HR  {
		color : #999999;
	}
	
	HR.default  {
		color : #F2B30D;
	}
	
	.shadow {
		filter:progid:DXImageTransform.Microsoft.Shadow(color = gray, STRENGTH=5, DIRECTION=135)
	}
	
	.myborder {
		border : 1px solid #999999;
	}
	
	.star {
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		color : Red;
	}
	
	.dots {
		border-bottom : thin dotted Gray;
	}
	
	.dingbat {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #99CC99;
	  color: #006666; 
		font-weight: bolder;
		font-size: medium;
	}
	.red {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		background-color: white;
		color: red;
	}
	
	/*| for the mini cart |*/
	#floater {
		position: absolute;
		left: 15;
		top: 200;
		width: 125;
		visibility: visible;
		z-index: 10;
	}
	
	/*| for the mini cart |*/
	#static {
		position: absolute;
		left: 15;
		top: 200;
		width: 125;
		visibility: visible;
		z-index: 10;
	}

/*----------------------------
Form list
----------------------------*/

	form {
		margin: 0px;
	}
	
	INPUT {
		margin: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #000000;
	}
	
	SELECT {
		margin: 0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	SELECT.ShipBox {
		font-family: Verdana, Arial, sans-serif; 
		font-size: 10px; 
		color: 999999; 
		font-weight: normal; 
		width: 150; 
		border : 1px solid #999999;
	}
	.btn {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: white;
		background : #F2B30D;
		border : 1px solid #999999;
	}
	
	.btnCont {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #999999;
		background : #FFFFFF;
		border : 1px solid #999999;
	}
	
	.btnRed {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: white;
		background : red;
		border : 1px solid #999999;
	}
	
	.btnGo {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: white;
		background : #979797;
		border : 1px solid #000000;
	}
	
	.formfield {
		font-family: Verdana, Arial, sans-serif;
		color: #999999;
		font-size: 8px;
		font-weight : bold;
		text-align : right;
		border : 0px solid #F2B30D;
	}
	
	.formfield2 {
		font-family: Verdana, Arial, sans-serif;
		color: #999999;
		font-size: 8px;
		font-weight : bold;
		text-align : right;
		border : 1px solid #999999;
	}
	
	/* used in showcase */
	SELECT.op {
		font-family: Verdana, Arial, sans-serif;
		font-size: 8px;
		color: 999999;
		font-weight: normal;
		width: 90;
		border : 0px solid #999999;
	}
	
	/* not used yet */
	input.defaultText {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		color: #999999;
		font-weight: normal;
	}
	
	input.big {
		width: 100px;
	}
	
	input.small {
		width: 50px;
	}
	input.readonly {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 10px;
		color: #999999;
		text-align: center;
		border-style : none none solid none;
		border-bottom : 1px solid #999999;
	}

	.formtoptable {
		border : 1px solid #556B2F;
		background-color : white;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	.formtable {
		background-color : white;
		border : 0px solid white;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
	}
	
	.formcaption {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
	}
	
	.formcomment {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
	}
	.formsectiontitle {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		font-weight : bold;
		text-align : center;
		background-color : #CDE6FE;
	}
	.comments {
		background-color : #FCFCDE;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		border : 1px solid #4A7CAF;
		width : 100%;
	}
	.selectbox {
		background-color : #FCFCDE;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		border : 1px solid #4A7CAF;
	}
	
		caption {
		background-color : #FFFFFF;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		width : 100%;
		font-weight : bold;
		padding : 5 5 5 5;
	}
	


/*----------------------
Table list
----------------------*/

	tr.mainbg {	
		background : F2B30D;
	}
	
	tr {	
		background : white;
	}
	
	tr.gray {	
		background-color : silver;
	}
	
	td.white {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: white;
		}
		
	td.gray {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		background-color: white;
		color: #999999;
	}
	td.red {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		background-color: white;
		color: red;
	}
	
	td.grayBold {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		background-color: white;
		color: #999999;
	}
	
	td.grayBoldSmaller {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		background-color: white;
		color: #999999;
	}
	
	td.default {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		background-color: white;
		color: #F2B30D;
	}
	
	td.hdr1 {
		font-family: Verdana, Arial, sans-serif;
		font-size: 28px;
		font-weight: bold;
		color: #F2B30D;
		background-color: white;
	}
	
	td.hdr2 {
		font-family: Verdana, Arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #F2B30D;
		background-color: white;
	}
	td.hdr3 {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #F2B30D;
		background-color: white;
	}
	td.vpe {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #66CC66;
	}
	
	td {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: black;
	}
	
	.small_table {
		border-bottom : 1px solid #4A7CAF;
	}
	
	.vhead {
		background : #556B2F;
		color : white;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-weight : bold;
		layout-flow : vertical-ideographic;
		padding-top : 10;
	}

/*----------------------------
Link list
----------------------------*/

	A:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: 999999;
	}
	
	A:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: F2B30D;
	}
	
	A:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: 999999;
	}
	
	A:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: F2B30D;
	}
	
	/* top link line starting with "back to my page" */
	A.nav:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #999999;
	}
	
	A.nav:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #F2B30D;
	}
	
	A.nav:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #999999;
	}
	
	A.nav:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: normal;
		color: #F2B30D;
	}
	
	/* menu link line starting with "home" */
	A.menu:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	
	A.menu:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	A.menu:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	
	A.menu:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	/* sub category link line starting with "weight loss" */
	A.subcat:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	A.subcat:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	A.subcat:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	A.subcat:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	
	/* footer link line starting with "my office" */
	A.footernav:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	
	A.footernav:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
	A.footernav:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #999999;
	}
	
	A.footernav:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		color: #F2B30D;
	}
	
/* links for mini cart */
	A.miniCart:visited {		
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #ffffff;
		
	}
	
	A.miniCart:active {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #ffffff;
	}
	
	A.miniCart:link {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #ffffff;
	}
	
	A.miniCart:hover {
		text-decoration : none;
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #ffffff;
	}

/*-------------------
Text list
-------------------*/

	.distName {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		line-height: 22px;
		font-weight: bold;
	  color: white;
	}
	
	.hdr1 {
		font-family: Arial Black, Verdana, Arial, sans-serif;
		font-size: 24px;
		font-weight: normal;
		color: #F2B30D;
		background-color: white;
	}
	
	/*for prod name on detail page*/
	.hdr2 {
		font-family: Arial Black, Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight: normal;
		color: #F2B30D;
		background-color: white;
	}
	
	.gray {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: normal;
		background-color: white;
		color: #999999;
	}
	
	.default {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: bold;
		background-color: white;
		color: #F2B30D;
	}
	

	.row1 {
		background-color : #F5F5F5;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}		
	.row2 {
		background-color : White;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	.inbox {
		border : 1px solid Olive;
		background-color : White;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
	}
	
	.inboxr {
		border : 1px solid #FA8072;
		background-color : White;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color : Black;
	}
	
	h1 {
		background-color : transparent;
		color : Black;
		font-family : "Times New Roman", Times, serif;
		font-weight : bold;
		margin-left : 15;
		font-size : xx-large;
	}
	
	.footer {
	  font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 22px;
		color: #333333;
		background-color: #CCCCCC;
	}
	
	.legal {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #333333;
	}
	
	.box1 {
		border-color: #000000 #000000 #000000 #000000;
		border-width: 1;
	    border-style: ridge;
	}
	
	.promo {
		font-family: "Times New Roman", Times, serif;
		color: #000033;
	}
	
	.titlebar {
		font-family: "Times New Roman", Times, serif;
		font-size: 9px;
		color: #FFFFFF;
	  background-color: #336699;
	}
	
	.title {
		font-family: Arial, Helvetica, sans-serif;
	  font-size: 24px;
		line-height: 30px;
	  background-color: #006666;
		color: #DCDCDC;
	}
	
	.subtitle {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 22px;
		font-weight: bold;
	  color: #006666;
	}
	
	.header {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		background-color: #006666;
	  color: #DCDCDC;
	}
	
	/*.nav {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
	  font-weight: bold;
		background-color: #CCCCCC;
	}
	
	.navLink {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		background-color: #DEDECA;
	}*/
	
	/*Not Used Yet list*/
	
	.sidebar {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		padding: 3px;
		background-color: #FFFFFF;
	}
	
	.sidebarHeader {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 24px;
		color: #FFFFFF;
		background-color: #339999;
	}
	
	.sidebarFooter {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 18px;
		background-color: #CCCCCC;
	}
	.OrangeDot {	
	color : #F2B30D;
}