/****************************************************************************** 
 *  Style Sheet #1 for Sahara Store System                                    *
 ******************************************************************************/
 
/* CSS Reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead, th{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
} 

img, div, input, container, header, header_container, body, items { behavior: url(../../_include/iepngfix.htc)}

A:link				{color:#000;text-decoration:none;}
A:visited			{color:#000;text-decoration:none;}
A:hover				{color:#CC0000;text-decoration:none;}
A:active			{color:#CC0000;text-decoration:none;}


/****************************************************************************** 
 * TOP NAVIGATION LAYER 1                                                     *
 ******************************************************************************/
.NoSpace 			{clear: both; margin: 0px; padding: 0px;}
.SpacerTop1Bottom2 	{padding-left: 5px;padding-right: 2px;padding-top: 1px;padding-bottom: 2px;}

.Spacer			 	{padding: 2px;}
.SpacerLeft   	 	{padding-left: 2px;}
.SpacerRight  	 	{padding-right: 2px;}
.SpacerTop    	 	{padding-top: 2px;}
.SpacerBottom 	 	{padding-bottom: 2px;}
.SpacerLeftRight 	{padding-left: 2px;padding-right: 2px;}
.SpacerTopBottom 	{padding-top: 2px;padding-bottom: 2px;}

.SpacerSm 			{padding: 4px;}
.SpacerLeftSm 		{padding-left: 4px;}
.SpacerRightSm 		{padding-right: 4px;}
.SpacerLeftRightSm 	{padding-left: 4px;padding-right: 4px;}
.SpacerTopSm 		{padding-top: 4px;}
.SpacerBottomSm 	{padding-bottom: 4px;}
.SpacerTopBottomSm 	{padding-top: 4px; padding-bottom: 4px;}

.Spacer1		 	{padding: 1px;}
.Spacer3		 	{padding: 3px;}
.Spacer5		  	{padding: 5px;}
.SpacerLeft5  	  	{padding-left: 5px;}
.SpacerRight5 	  	{padding-right: 5px;}
.SpacerTop5   	  	{padding-top: 5px;}
.SpacerBottom5	  	{padding-bottom: 5px;}
.SpacerLeftRight5 	{padding-left: 5px;padding-right: 5px;}
.SpacerTopBottom5 	{padding-top: 5px;padding-bottom: 5px;}

.Spacer8		  	{padding: 8px;}
.SpacerLeft8  	  	{padding-left: 8px;}
.SpacerRight8 	  	{padding-right: 8px;}
.SpacerTop8   	  	{padding-top: 8px;}
.SpacerBottom8	  	{padding-bottom: 8px;}
.SpacerLeftRight8 	{padding-left: 8px;padding-right: 8px;}
.SpacerTopBottom8 	{padding-top: 8px;padding-bottom: 8px;}

.BlankLine1   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 1px;}
.BlankLine2   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 2px;}
.BlankLine3   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 3px;}
.BlankLine5   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 5px;}
.BlankLine6   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 6px;}
.BlankLine8   		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 8px;}
.BlankLine10  		{background-image: url(../../_images/bgd/spacer.gif);background-repeat: no-repeat;height: 10px;}

.DivSpacer			{clear:both; height: 10px;}

/****************************************************************************** 
 **  BOXES                                                                   **
 ******************************************************************************/
.Box25  	{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFF;width: 25px;border: 1px solid #666666;}
.Box50  	{font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFF;width: 50px;border: 1px solid #666666;}
.Box75	 	{width: 75px; border: 1px solid #BBB; padding: 5px;}
.BoxWhite 	{font-family: Arial, Helvetica, sans-serif;font-size: 24px;color: #333333;background-color: #FFF;width: 200px;border: 1px solid #FFF;font-weight: bold;}
.Box90 		{width: 90px; border: 1px solid #BBB; padding: 5px;}
.Box100 	{width: 100px; border: 1px solid #BBB; padding: 5px;}
.Box150 	{font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #666666;font-weight: bold;background-color: #EFEFEF;width: 150px;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #888888;border-right-color: #FFF;border-bottom-color: #FFF;border-left-color: #888888;}
.Box160 	{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;color: #333333;background-color: #FFF;width: 160px;border: 1px solid #666666;}
.Box190 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFF;width: 173px;border: 1px solid #999999;}
.Box200 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFF;width: 200px;border: 1px solid #999999;}
.Box210 	{width: 210px; border: 1px solid #BBB; padding: 3px;}
.Box230 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFF;width: 230px;border: 1px solid #666666;}
.Box260 	{width: 260px; border: 1px solid #BBB; padding: 5px;}
.Box260DD	{width: 272px; border: 1px solid #BBB; padding: 5px;}
.Box300 	{width: 300px; border: 1px solid #BBB; padding: 5px;}
.Box310 	{width: 311px; border: 1px solid #BBB; padding: 5px;}
.Box350 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #ECECEC;width: 350px;border: 1px solid #666666;}
.Box450 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFF;width: 450px;border: 1px solid #666666;}
.Box544 	{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #FFF;width: 544px;border: 1px solid #666666;}

.LoginBox 	{position:relative; margin:auto; margin-top:20px; border:solid 1px #FF6600; padding-top:5px; background-color:#FFFFEE; width:85%}
.SearchBox 	{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px; height: 22px;width: 183px;background-image: url(../images/nav/box183x22.gif);background-repeat: no-repeat;border: 0px;padding: 2px 5px 2px 5px;}
.SubNavBox 	{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; width: 178px; margin-bottom: 3px;}
.SubNavBoxSm{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 11px; width: 130px; }
.ProductOptionBox {font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;color: #333333;background-color: #FFF; width: 150px; border: 1px solid #999999; margin-right: 5px;}
.ProductOptionBoxLg {font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px;color: #333333;background-color: #FFF; width: 250px; border: 1px solid #999999; margin-right: 5px;}

.Button    	{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #FF6F00; border: 1px outset #FFC9A5; font-weight: bold; text-transform:uppercase; }
.ButtonStd 	{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 10px;color: #000;background-color: #EFEFEF;text-transform:uppercase;height: 20px;border-top: 1px solid #999;border-right: 1px solid #666;border-bottom: 1px solid #333;border-left: 1px solid #999;}
.CommitBtn 	{cursor:pointer; width:100px; padding:3px; background-color:#fcdb26; color:#000; border:solid 1px #999999; font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; font-size:12px; text-transform:uppercase;}
.CancelBtn 	{cursor:pointer; width:100px; padding:3px; background-color:#EE0000; color:#FFF; border:solid 1px #999999; font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px; font-size:12px; text-transform:uppercase;}
.SearchBtn 	{cursor:pointer; height:22px; width: 30px; font-family:Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px;}

.ErrorMsgBox {background-image: url(../images/buttons/error_msg.gif);background-repeat: no-repeat;height: 29px;width: 232px;z-index: 999;padding: 0px;margin: 0px;position: absolute;left: -250px; top: -50px;}
.ErrorMsgTxt {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFF;padding: 0px 15px 0px 20px;}

.Error 		 {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #CC0000;font-weight: bold;}
.ErrorWhite  {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFF;font-weight: bold;background-color: #FF0000;padding: 5px;}

/****************************************************************************** 
 **  TEXT STYLES                                                             **
 ******************************************************************************/

.Txt0  		{font-size: 0px;}
.Txt9  		{font-size: 9px;}
.Txt10 		{font-size: 10px;}
.Txt11 		{font-size: 11px;}
.Txt12 		{font-size: 12px;}
.Txt13 		{font-size: 13px;}
.Txt14 		{font-size: 14px;}
.Txt15 		{font-size: 15px;}
.Txt16 		{font-size: 16px;}
.Txt17 		{font-size: 17px;}
.Txt18 		{font-size: 18px;}
.Txt20 		{font-size: 20px;}

.Arial  	{font-family: Arial, Helvetica, sans-serif;}
.Verdana 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
.Trebuchet 	{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;}

.Bold   	{font-weight: bold;}
.UpperCase  {text-transform: uppercase;}
 
.White  	{color: #FFF;}
.LightGray 	{color: #CCCCCC;}
.Gray 		{color: #666666;}
.DarkGray 	{color: #333333;}
.Black  	{color: #000;}
.Red    	{color: #B9001D;}
.Orange 	{color: #CC0000;}
.Blue   	{color: #0C62B9;}
.Green 		{color: #009900;}

A.LinkStyleChanger:link		{color:#000;text-decoration:none;font-weight: normal;}
A.LinkStyleChanger:visited	{color:#000;text-decoration:none;font-weight: normal;}
A.LinkStyleChanger:hover	{color:#000;text-decoration:underline;font-weight: normal;} 
A.LinkStyleChanger:active	{color:#000;text-decoration:underline;font-weight: normal;}

A.LinkBlue:link				{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkBlue:visited			{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkBlue:hover			{color:#0C62B9;text-decoration:none;font-weight: normal;} 
A.LinkBlue:active			{color:#0C62B9;text-decoration:none;font-weight: normal;}

A.LinkBlackGray:link		{color:#000;text-decoration:none;}
A.LinkBlackGray:visited		{color:#000;text-decoration:none;}
A.LinkBlackGray:hover		{color:#666;text-decoration:none;} 
A.LinkBlackGray:active		{color:#666;text-decoration:none;}

A.LinkOrange:link			{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkOrange:visited		{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkOrange:hover			{color:#FF6600;text-decoration:none;font-weight: normal;} 
A.LinkOrange:active			{color:#FF6600;text-decoration:none;font-weight: normal;}

A.LinkBlack:link			{color:#000;text-decoration:none;}
A.LinkBlack:visited			{color:#000;text-decoration:none;}
A.LinkBlack:hover			{color:#FFF;text-decoration:none;} 
A.LinkBlack:active			{color:#FFF;text-decoration:none;}

A.LinkWhite:link			{color:#0066CC;text-decoration:none;font-weight: lighter;}
A.LinkWhite:visited			{color:#0066CC;text-decoration:none;font-weight: lighter;}
A.LinkWhite:hover			{color:#000;text-decoration:none;font-weight: lighter;} 
A.LinkWhite:active			{color:#000;text-decoration:none;font-weight: lighter;}

A.LinkRed:link				{color:#CC0000;text-decoration:none;}
A.LinkRed:visited			{color:#CC0000;text-decoration:none;}
A.LinkRed:hover				{color:#CC0000;text-decoration:none;} 
A.LinkRed:active			{color:#CC0000;text-decoration:none;}


/****************************************************************************** 
 **  HEADERS                                                                 **
 ******************************************************************************/
.HeaderSm     {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000;font-size: 11px;}
.Header       {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #222222;font-size: 14px;}
.HeaderBlack  {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #000;font-size: 16px;}
.HeaderRed    {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #b01f24;font-size: 14px;}
.HeaderGreen  {font-family: Arial, Helvetica, sans-serif;font-weight: bold;color: #09b801;font-size: 14px;}

/****************************************************************************** 
 **  HOME PAGE                                                               **
 ******************************************************************************/
#HomepageText {float: left; width: 670px; font-family: Arial, Helvetica, sans-serif; color: #555; font-size: 12px; padding: 10px 0; border-top: 1px dotted #666; }

/****************************************************************************** 
 **  PICTURES                                                                **
 ******************************************************************************/
.Picture 		{border: solid 1px #000;}
.PictureGray 	{border: 1px solid #999;}
.Picture30 		{border: 1px solid #666; height: 32px; width: 32px; background-color: #FFF; display: block; text-align: left;}
.Picture50 		{border: 1px solid #999; height: 50px; width: 50px; margin: 2px;}
.PictureCart	{border-right: 1px solid #CCC;}

.PictureFrame {display: block;margin: 0px;padding: 0px;width: 110px;height: 110px;}
.PictureFrame a:link{display: block;border: 1px solid #888888;}
.PictureFrame a:visited{display: block;border: 1px solid #888888;}
.PictureFrame a:hover{display: block;background-color: #DDDDDD;border: 1px solid #666666;}
.PictureFrame a:active{display: block;background-color: #DDDDDD;border: 1px solid #666666;}

.PictureLink {padding: 0; margin: 0;}

/****************************************************************************** 
 **  TXT BOXES                                                               **
 ******************************************************************************/
.TxtBox {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #EEEEEE;padding: 5px;border: 1px solid #666666;}
.TxtBox2 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color: #EEEEEE;border: 1px solid #666666;}
.TxtBoxOddBgd {background-color: #F6F6F6;}
.TxtBoxBot {background-color: #EEEEEE;margin: 0px;padding: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;border-right-width: 1px;
	border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #666666;border-left-color: #666666;}

.LabelTxt	{font-family: Arial, Helvetica, sans-serif; font-size: 11px;color: #666; padding: 5px; }
.InfoTxt	{font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #333; padding: 5px; }

/****************************************************************************** 
 **  LEFT SIDE                                                               **
 ******************************************************************************/
.LeftSubFF {background-image: url(../../_images/header/fightfinder_member.jpg);background-repeat: no-repeat;margin: 0px;padding: 0px;height: 199px;width: 149px;}
.LeftSubFFBox {background-image: url(../../_images/header/fightfinder_member.gif);background-repeat: no-repeat;}

/****************************************************************************** 
 **  TOGGLE ELEMENTS                                                         **
 ******************************************************************************/
.HiddenElement 	{display: none;}
.ToggleOn  		{}
.ToggleOff 		{display: none;}

.OutlineGray   {border: 1px solid #666666;}
.LeftRightGray {border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #666666;border-left-color: #666666;}
.TopBottomGray {border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #666666;border-bottom-color: #666666;}
.BottomGray    {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;}

.TagOn  {background-color: #FF6F00;border-top-width: 1px;border-right-width: 1px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-left-style: solid;border-top-color: #666666;border-right-color: #666666;border-left-color: #666666;}
.TagOff {background-color: #FFF;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #666666;}
.TagBox {border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-right-color: #666666;border-bottom-color: #666666;border-left-color: #666666;padding: 5px;background-color: #FF6F00;}

.TagHeaderOn {background-color: #FF6F00;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #666666;padding: 5px;}
.TagHeaderOffLeft {background-color: #CCCCCC;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #AAAAAA;padding: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFF;border-right-width: 1px;border-right-style: solid;border-right-color: #FFF;}
.TagHeaderOffRight {background-color: #CCCCCC;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #AAAAAA;padding: 5px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style: solid;border-left-style: solid;border-bottom-color: #FFF;border-left-color: #FFF;}
.TagSubHeader {font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;color: #333333;}

.InfoBox {background-color: #EEEEEE;border-top-width: 1px;border-top-style: solid;border-top-color: #FFF;}

/* EVENTS TOGGLE ON HOMEPAGE */
.2TabsLeft {background-image: url(../../_images/button_sm/2tabs_member.gif);background-repeat: no-repeat;background-position: 0px;}
.2TabsRight {background-image: url(../../_images/button_sm/2tabs_member.gif);background-repeat: no-repeat;background-position: -149px;}
.2TabsBgd {background-image: url(../../_images/button_sm/2tabs_bgd_member.gif);background-repeat: no-repeat;}

.LinkTabOn,.LinkTabOff{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;}

A.LinkTabOn:link{color:#000;text-decoration:none}
A.LinkTabOn:visited{color:#000;text-decoration:none}
A.LinkTabOn:hover{color:#000;text-decoration:none} 
A.LinkTabOn:active{color:#000;text-decoration:none}

A.LinkTabOff:link{color:#777777;text-decoration:none}
A.LinkTabOff:visited{color:#777777;text-decoration:none}
A.LinkTabOff:hover{color:#333333;text-decoration:none} 
A.LinkTabOff:active{color:#333333;text-decoration:none}

/* EVENTS TOGGLE ON HOMEPAGE VERSION 2*/
.TabsLeft300 {background-image: url(../../_images/button_sm/2tabs_300px_member.gif);background-repeat: no-repeat;background-position: 0px;}
.TabsRight300 {background-image: url(../../_images/button_sm/2tabs_300px_member.gif);background-repeat: no-repeat;background-position: -300px;}
.TabsBgd300 {background-color: #EEEEEE;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-style: solid;
	border-bottom-style: solid;border-left-style: solid;border-right-color: #666666;border-bottom-color: #666666;border-left-color: #666666;}

.LinkTabOn2,.LinkTabOff2{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;}

A.LinkTabOn2:link{color:#000;text-decoration:none}
A.LinkTabOn2:visited{color:#000;text-decoration:none}
A.LinkTabOn2:hover{color:#000;text-decoration:none} 
A.LinkTabOn2:active{color:#000;text-decoration:none}

A.LinkTabOff2:link{color:#FFF;text-decoration:none}
A.LinkTabOff2:visited{color:#FFF;text-decoration:none}
A.LinkTabOff2:hover{color:#000;text-decoration:none} 
A.LinkTabOff2:active{color:#000;text-decoration:none}
	

/****************************************************************************** 
 * SAHARA SPECIFIC
 ******************************************************************************/
.OuterBox 		{
	border: solid 1px #FF6600;
	background-color: #FFF;
}
.StoreHeader 	{background-image: url(../images/nav/header.jpg);background-repeat: repeat-x; padding-top: 7px; padding-right: 8px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;}
.StoreHeaderBgd {background-image: url(../images/nav/header_bgd.jpg); border-left: solid 1px #FFF; border-right: solid 1px #FFF;}

.Disabled 		{filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; }

.BtnOn,.BtnOff,.BtnOnXtr,.BtnOffXtr { font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;background-repeat: no-repeat;text-align: center; }
.BtnOn 			{ background-image: url(../images/nav/btn_on.gif);color: #FFF; }
.BtnOff 		{ background-image: url(../images/nav/btn_off.gif);color: #333; }
.BtnOnXtr 		{ background-image: url(../images/nav/btn_on_xtr.gif);color: #FFF; }
.BtnOffXtr 		{ background-image: url(../images/nav/btn_off_xtr.gif);color: #333; }
.BtnTextBlack 	{ color:#000; }

.StoreSubNav  	{ text-align:center; font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000;background-color: #ff6f00;padding: 3px 3px 3px 35px; }

/* product drop down box*/
.ProdSelTable 	{ width: 130px; }
.ProdSelCell  	{ background-color: #ffae00; border: 1px solid #ffae00; }
.ProdSelBot	  	{ background-image: url(../images/nav/prodselectbot.gif); height: 7px; }

.ProdCat	  	{ }
.ProdCatOver  	{ background-color: #CCCCCC}

.XToolTip 	  	{ position:absolute;z-index:999;width:127px;height:1px; }

.IconActive   	{ filter: alpha(opacity=100); -moz-opacity: 100; opacity: 100; }
.IconInActive 	{ filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

.BreadCrumBgd 	{ padding: 0px 5px 0px 5px; background-image: url(../images/nav/breadcrum_bgd.gif); }
.BreadCrumTxt 	{ text-align: center; padding: 5px; font-family: Trebuchet, Trebuchet BT, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333;background-image: url(../images/nav/breadcrum_txt.gif); }
.BreadCrumLeft 	{ width: 4px; background-image: url(../images/nav/breadcrum_left.gif); }
.BreadCrumRight	{ width: 4px; background-image: url(../images/nav/breadcrum_right.gif); }
.BreadCrumBtn	{ width: 20px; text-align: center; font-family: Trebuchet, Trebuchet BT, Arial, Helvetica, sans-serif;font-size: 11px; font-weight: bold; color: #000; background-image: url(../images/nav/breadcrum_btn.gif); cursor:pointer; }


/**********************************************************
 * PRODUCT LISTING (AJAX)                                 *
 **********************************************************/
.PaginationTop 	{ padding: 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; border-bottom: 1px dotted #999; background-color:#F4F4F4; }
.PaginationBot 	{ padding: 5px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; border-top: 1px dotted #999; border-bottom: 1px dotted #999; text-align:right; background-color:#F4F4F4; }

.ProductName	{ padding: 0px 5px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #000; }
.ProductNameSm	{ padding: 0px 5px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px; color: #000; }
.ProductText	{ padding: 0px 5px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:12px; color: #666; }
.ProductTextSm	{ padding: 5px 0px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:10px; color: #999; }
.ViewMore		{ width: 50px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size:11px; color: #000; }
.Price 			{ padding: 5px;font-family: Arial, Helvetica, sans-serif;font-weight: normal;font-size:12px;color: #000;vertical-align:top;line-height: 1.5; }
.OurPriceLabel 	{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #000;}
.OurPrice 		{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; color: #CC0000;}
.ProductButton	{ width: 50px; padding: 5px 0px; text-align: right; vertical-align: middle; }


/**********************************************************
 * PRODUCT RELATED (OPTION BOXES)                         *
 **********************************************************/
.ProdOptAvail 			{border:1px solid #666; cursor: pointer; float:left; margin: 1px 2px 1px 1px; font-size:10px; text-align:center; padding: 2px; background-color: #EFEFEF; color: #333; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: auto; }
.ProdOptNotAvail 		{border:1px dashed #CCC; float:left; margin: 1px 2px 0px 1px; font-size:10px; text-align:center; padding: 2px; background-color: #F4F4F4; color: #999; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: auto; }
.ProdOptActive 			{border:2px solid #CC0000; cursor: pointer; float:left; margin: 0px 2px 0px 1px; font-size:10px; text-align:center; padding: 2px; background-color: #FFF; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; width: auto; }

A.ProdOptAvail:link 	{color:#666; text-decoration:none;}
A.ProdOptAvail:visited 	{color:#666; text-decoration:none;}
A.ProdOptAvail:hover 	{border:1px solid #666; color:#FFF;text-decoration:none; background-color: #ff6f00; margin: 0px 2px 0px 2px;}
A.ProdOptAvail:active 	{border:1px solid #666; color:#FFF;text-decoration:none; background-color: #ff6f00; margin: 0px 2px 0px 2px;}

A.ProdOptActive:link 	{color:#000; text-decoration:none;}
A.ProdOptActive:visited {color:#000; text-decoration:none;}
A.ProdOptActive:hover 	{text-decoration:none; background-color: #FFF;}
A.ProdOptActive:active 	{text-decoration:none; background-color: #FFF;}

.LineOn 				{background-color: #EFEFEF;}
.LineOff 				{}

/****************************************************************************** 
 * SUB NAV                                                                    *
 ******************************************************************************/
.CatBox 			{position:absolute; height: 100px; top:138px; z-index: 71; display:none; background-color: #ffd300;}
.ProdSelTrigger     {cursor:pointer;}
.CatRowOff			{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; background-color:#FFF; text-transform:uppercase; height:auto;}
.CatRowOn			{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color:#EEE; text-transform:uppercase; height:auto;}
.CatRowTxt			{cursor: pointer; padding-left: 10px;}
.SubCatRow			{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 2px 2px 2px 20px; background-color:#FFF;border-bottom: dotted 1px #CCCCCC;}
.DropDownNav		{border-bottom:dotted 1px #BBB; padding-top:8px;}
.CatTxtOn			{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;background-color: #000;}
.CatTxtOff			{font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif;font-size: 12px;color: #000;background-color: #ffae00;}

.CatLink			{display: block; width: 178px; height: auto;; padding-left: 10px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase;}
A.CatLink:link      {text-decoration:none;color: #666; background-color: #FFF;}
A.CatLink:visited   {text-decoration:none;color: #666; background-color: #FFF;}
A.CatLink:hover     {text-decoration:none;color: #000; background-color: #EEE;}
A.CatLink:active    {text-decoration:none;color: #000; background-color: #EEE;}

A.CatLinkOn			{display: block; width: 178px; height: auto; padding-left: 10px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; text-transform:uppercase; text-decoration:none;color: #000; background-color: #E2E2E2;}


/****************************************************************************** 
 * LEFT SIDE                                                                  *
 ******************************************************************************/
.LeftColumn 		{background-color: #F4F4F4;border-right-width: 1px;border-right-style: dotted;border-right-color: #666666;}


/****************************************************************************** 
 * LINE STUFF
 ******************************************************************************/
.LineTop			{border-top: 1px solid #999999;}
.LineRight			{border-right: 1px solid #999999;}
.LineBot			{border-bottom: 1px solid #999999;}
.LineLeft			{border-left: 1px solid #999999;}

.LineTopGray 		{border-top: 1px solid #CCCCCC;}
.LineRightGray 		{border-right: 1px solid #CCCCCC;}
.LineBotGray 		{border-bottom: 1px solid #CCCCCC;}
.LineLeftGray 		{border-left: 1px solid #CCCCCC;}

.LineTopDot 		{border-top: 1px dotted #666666;}
.LineRightDot 		{border-right: 1px dotted #666666;}
.LineBotDot 		{border-bottom: 1px dotted #666666;}
.LineLeftDot 		{border-left: 1px dotted #666666;} 

.LineTopWhite 		{border-top: 1px solid #FFF;}
.LineRightWhite 	{border-right: 1px solid #FFF;}
.LineBotWhite 		{border-bottom: 1px solid #FFF;}
.LineLeftWhite 		{border-left: 1px solid #FFF;}

.LineBotDotLight	{border-bottom: 1px dotted #AAAAAA;}


/****************************************************************************** 
 * ZOOM STUFF
 ******************************************************************************/
.MagicZoomBigImageCont {border:1px solid #666666;}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important; }

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border:1px solid #aaa;background:#FFF;}

/* CSS style for loading animation box */
.MagicZoomLoading {text-align:center;color:	#111111;width:200px;height:200px;background:#FFF;border:1px solid #FFF;opacity:0.8;padding:3px 3px 3px 3px !important;display:none; /* do not edit this line please */}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:	3px !important;}

/* Custom zoom box large */
.MagicZoomBig2 {display: none; z-index:999; position: absolute; }

/****************************************************************************** 
 * LINKS
 ******************************************************************************/

.SubNav				{color:#FFF;}
A.SubNav:link		{color:#FFF;text-decoration:none;}
A.SubNav:visited	{color:#FFF;text-decoration:none;}
A.SubNav:hover		{color:#000;text-decoration:none;} 
A.SubNav:active		{color:#000;text-decoration:none;}

A.LinkUnderline:link	{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkUnderline:visited	{color:#333333;text-decoration:none;font-weight: normal;}
A.LinkUnderline:hover	{color:#000;text-decoration:underline;font-weight: normal;} 
A.LinkUnderline:active	{color:#000;text-decoration:underline;font-weight: normal;}

A.CatLinkUnderline:link	{color:#000;text-decoration:none;}
A.CatLinkUnderline:visited	{color:#000;text-decoration:none;}
A.CatLinkUnderline:hover	{color:#000;text-decoration:underline;} 
A.CatLinkUnderline:active	{color:#000;text-decoration:underline;}

A.LinkBlackOrange:link	{color:#FF9900;text-decoration:none;font-weight: bold;}
A.LinkBlackOrange:visited	{color:#FF9900;text-decoration:none;font-weight: bold;}
A.LinkBlackOrange:hover	{color:#000;text-decoration:none;font-weight: bold;} 
A.LinkBlackOrange:active	{color:#FF9900;text-decoration:none;font-weight: bold;}

.PageOn  {height: 16px;width: 16px;border: 1px solid #999999;background-color: #DDDDDD;text-align: center;vertical-align: middle;font-weight: bold;color: #000;padding-top: 0px;padding-right: 4px;padding-bottom: 0px;padding-left: 4px;}
.PageOff {height: 16px;width: 16px;border: 1px solid #999999;background-color: #F4F4F4;	text-align: center;vertical-align: middle;	color: #333333;padding-top: 0px;	padding-right: 4px;padding-bottom: 0px;	padding-left: 4px;}
.PageMinHeight {height:240px;}

/****************************************************************************** 
 *  CURSER STYLES                                                           
 ******************************************************************************/
.CursorCros {cursor:crosshair;}
.CursorHand {cursor:pointer;}
.CursorHour {cursor:wait;}
.CursorHelp {cursor:help;}


/****************************************************************************** 
 *  SuperHerb Specific               
 ******************************************************************************/

/* Remove annoying border on linked images. */
a img 				{ border: none; }

.clearboth 			{ clear: both; }
.floatleft 			{ float: left; }
.floatright 		{ float: right; }


/* Typography */
h1, h2, p, a, li 	{ font-family: Trebuchet, Trebuchet MS, Arial, san-serif; }
h1 					{ font-size: 18px; line-height: 24px; padding: 0; font-weight: normal; color: #333; }
h2 					{ font-size: 14px; line-height: 18px; padding: 0 0 18px 0px; font-weight: bold; color: #666; }
h3			  		{ font-family: Trebuchet, Trebuchet MS, Arial, san-serif; color: #333; font-size: 15px; margin-bottom: 5px;}


/* Layout Blocks */
body 				{ background-color: #CCC; background-image: url(../images/nav/bgd.gif); background-repeat:repeat-x; }
#main 				{ width: 910px; margin: 0 auto; }
#wrapper 			{ margin: 0 auto;width: 910px; height: auto; background-image: url(../images/nav/page_background.png); }
#wrapper_bottom 	{ margin: 0 auto; width: 910px; height: 36px; }
#left_column 		{ float: left; width: 210px; padding-top: 18px; }
#right_column 		{ float: left; width: 600px; padding-top: 18px; }

#header				{ width: 910px; height: 100px; background-image: url(../images/nav/header_div_background.png);}
#header1			{ float: left; width: 910px; height: 36px; z-index:99; }
#header2			{ float: left; width: 910px; height: 1px;}

#languageContainer  { position: absolute;top: 0;left:50%;height: 1px;width: 1px;z-index: 1;visibility: hidden;}
#language 			{ position:relative; left: -245px; top: 3px; height: auto; width: 200px; padding: 10px; z-index: 999; visibility: visible; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#language li 		{ display: inline; padding: 10px 10px 10px 20px; }
.eng 				{ background: url(../images/icons/flag_usa.gif) no-repeat left center; width: 30px; }
.chi 				{ background: url(../images/icons/flag_china.gif) no-repeat left center; width: 30px; }

#login 				{ float: right; width: 550px; height: 26px; padding: 10px 0px 0px 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; margin: 0px; margin-right: 10px;}

#search 			{ float: right; width: 250px; height: 31px; padding-top: 7px; margin-right: 5px; text-align: right; }
#search ul li 		{ display: inline; margin: 0px; padding: 0px; }
#search .input 		{ margin: 0; padding: 3px 8px; width: 140px; border: 0; background: url(../images/nav/search_bar.png) center no-repeat; }
#search .button 	{ margin: 0; padding: 3px 3px; border: 0; background: url(../images/nav/search_button.png) center no-repeat; font-weight: bold; font-size: 11px; }
#logo 				{ float: left; margin: 2px 0px 0px 5px; width: 294px; z-index:-99}
#top_nav 			{ float: right; list-style:none; margin-top: 23px; margin-right: 10px; width: 515px; height: 41px; font-size: 12px; padding: 0; font-weight: bold;}
#top_nav li 		{ display: inline; float: left; width: 100px; margin-right:3px;}
.NavBtn 			{ display: block; width: 100px;	height: 41px; background-image: url(../images/buttons/nav_btn_on.gif); background-repeat: no-repeat; background-position: 0 0; padding-top: 10px; padding-left: 0px; text-align: center;}
				
A.NavBtn:link		{ color:#000000;text-decoration:none;}
A.NavBtn:visited	{ color:#000000;text-decoration:none;}
A.NavBtn:hover		{ color:#FFFFFF;text-decoration:none;} 
A.NavBtn:active		{ color:#FFFFFF;text-decoration:none;}

#container 			{ margin: 0 auto; padding: 0; width: 910px; background: url(../images/nav/container_background.png) top left no-repeat;}
#left_column_nav 	{ margin: 0; padding: 0; width: 210px; }

#main_content 		{ margin-left: 10px; padding: 0px; width: 670px; background-color: #FFF;}
.floral_background 	{ background: url(../images/nav/floaral_background.png) top right no-repeat; }
.content_header		{ float: left; width: 100%; height: 18px !important;	padding: 5px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; text-transform:uppercase; font-weight: bold; color: #000000; background-image: url(../images/nav/main_top_header.gif);	background-repeat: no-repeat; }
.content_text 		{ float: left; width: 658px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color:#f7f7f7;	padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; line-height: 1.5; }

#footer 			{ clear: both; width: 910px; height: 206px;}
#footer_container 	{ margin: 0 auto; width: 910px; height: 206px; background: url(../images/nav/footer_div_background.png) top left no-repeat; }
#footer_content 	{ margin: 0 0 0 10px; width: 900px; height: 206px; }
#footer_image		{ float: left; width: 260px;}
#footer_text 		{ float: left; width: 630px; padding: 60px 10px 0px 0px; font: 12px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; color: #EFEFEF; }

#breadcrumb 		{ margin: 10px; width: 670px; height: 40px; background:url(../images/nav/breadcrumb_background.png) no-repeat; }
#breadcrumb #tracker { float: left; padding: 8px 8px; width: 475px; font: 12px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; color: #777; }

#breadcrumb #cart 	{ float: right; padding: 10px 0px 10px 10px; width: 165px; height: 18px; border-left: 1px solid #ccc; font: 12px Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; color: #777; }
.items 				{ background: url(../images/icons/icon_cart.gif) center left no-repeat; }
.profile 			{ background: url(../images/icons/icon_profile.gif) center left no-repeat; }


/* Product List */
#product_list ul 	{ padding-top: 6px; width: 670px;  }
#product_list ul li { float: left; width: 198px; margin: 0 5px 18px 5px; }
#product_list ul li img { border: 1px solid #CCC; }
#product_list ul li img:hover { border: 1px solid #000; }
#product_list ul li p { float: left; padding: 0 5px; width: 190px; }
.OptGroup 			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #000000; background-color: #EFEFEF; padding: 2px 0px; }


/* NEWS */
#NewsHeaderWrapper 	{ width: 670px; height: 18px !important; padding: 5px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000; background-image: url(../images/nav/main_top_header.gif); background-repeat: no-repeat;}
#NewsContent 		{ margin-left: 20px; padding: 0 10px 10px 10px; width: 670px;}
#NewsFooter 		{ margin-left: 20px; height: auto; padding: 10px !important; width: 670px; text-align:center; font-family: Arial, Helvetica, sans-serif !important; color: #555; font-size: 11px;}
.NewsHeader			{ float: left; width: 400px;}
.NewsHeaderPrint	{ float: right; width: 150px; text-align:right; margin-right: 10px; font-size:10px; font-weight: normal !important;}
.NewsPicture 		{ float: left; width: 300px; height: auto;}
.NewsPictureBox		{ float: left; width: 290px; margin: 0 10px 0 0;}
.NewsText 			{ float: right; width: 340px; height: auto; font-family: Arial, Helvetica, sans-serif !important; color: #555; }
.NewsArchiveText	{ font-family: Arial, Helvetica, sans-serif !important; font-size: 12px; color: #333; }


/* SUB NAV BOX */
#SubNavHeader 		{ margin-left: 15px; padding: 3px 10px; width: 180px; background-image: url(../images/nav/nav_label.png); background-repeat: no-repeat; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #FFFFFF;}
.SubNavListBoxBasic { width: 188px; margin-left: 15px; padding: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #FFF;}
.SubNavListBoxSpacer{ width: 178px; margin-left: 15px; padding: 5px 5px 0px 5px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #FFF;}
.SubNavSearchBox	{ width: 178px; margin-left: 15px; padding: 5px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #FFF;}
.SubNavListBoxGray  { width: 188px; margin-left: 15px; padding: 0px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #E8E8E8;}
#SubNavListBox 		{ padding: 0px; width: 210px; height: 200px;}
#SubNavList, #SubNavList2 { margin-left: 15px; width: 205px; padding: 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 2; text-transform: uppercase; color: #333; border-left: 1px solid #CCC; }
#SubNavList3,#SubNavList4 { margin-left: 15px; width: 188px; height:113px; padding: 0px; font-family: Trebuchet, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 2; text-transform: uppercase; color: #333; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#SubNavList li, #SubNavList2 li { padding-left: 0px; height: 20px; vertical-align:middle; }
.ListBoxDivider 	{ height:1px; background-color:#666666; }
.SubNavScrollPane 	{ width: 200px; height: 200px; overflow: auto; background: #FFF; float: left; }

#nav_cap 			{ margin-left: 15px; width: 190px; height: 6px; background:url(../images/nav/nav_cap.png) no-repeat; }
#nav_cap2 			{ margin-left: 15px; width: 190px; height: 6px; background:url(../images/nav/nav_cap.png) no-repeat; position:relative; margin-top:113px;}

#add_to_cart 		{ border-top: 1px solid #999; border-bottom: 1px solid #999; width: 325px; margin-bottom: 18px; }
#add_to_cart p 		{ float: left; margin: 18px 0; }
#add_to_cart img 	{ float: right; margin: 18px 0; }

#product_images 	{ padding: 10px; width: 305px; margin-bottom: 18px; }
#product_images ul 	{ }
#product_images li 	{ display: inline; }

#dr_recommend 		{ padding: 10px 0 20px 10px; width: 305px; background: url(../images/nav/dr_recommend_background.png); }
#dr_recommend img 	{ float: left; margin: 0 10px 10px 0; border: 1px solid #FFCC00; }
#dr_recommend p 	{ }


/* Account Info */
#account_info h2 	{ padding: 9px 0; }
#my_address 		{ padding: 9px 10px; width: 650px; background: url(../images/nav/dr_recommend_background.png); }
#my_address #form 	{ float: left; width: 325px; }
#my_address #form_help { float: right; width: 325px; }

#my_address ul 		{ }
#my_address ul li 	{ margin-bottom: 18px; padding: 0; }

#my_address .input 	{ margin: 0; padding: 2px 5px; width: 300px; border: 0; background: url(../images/nav/name_input.png) center no-repeat; }
#my_address .input:hover {
	background-image: url(../images/nav/name_input_hover.png);
	background-repeat: no-repeat;
	background-position: center;
}
#my_address .button { margin: 0; padding: 3px 3px; border: 0; background: url(../images/nav/search_button.png) center no-repeat; font-weight: bold; font-size: 11px; }

.visa 				{ background: url(../images/nav/dr_recommend_background.png) center left; }
.mastercard 		{ }
.amex 				{ }


/* Hax */
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }  

/* for IE/Mac */
<!--[if IE]>
.clearfix {
    zoom: 1;     		/* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}  						/* Only IE can see inside the conditional comment
						and read this CSS rule. Don't ever use a normal HTML
						comment inside the CC or it will close prematurely. */
<![endif]-->