BODY{ padding: 0px; margin: 0px; margin-bottom: 50px; background-color: #D3D3D3;}
BODY.Scroller{ background-color: Silver;}
TABLE, TR, TD { font: 9pt Arial, Helvetica, sans-serif; color: black; }

TABLE.Main{ width: 760px; margin-left: auto; margin-right: auto;  border: 1px solid Gray; background-color: White; }
TABLE.Header{ width: 760px; margin-left: auto; margin-right: auto; background-color: White; }
TABLE.Content{ width: 760px; height: 100%; margin-left: auto; margin-right: auto; background-color: transparent; }
TABLE.Scroller{ width: 160px; margin-left: auto; margin-right: auto; background-color: Silver; }
TABLE.Google{ background-color: Silver;}

IFRAME.Scroller{font: 9pt Arial, Helvetica, sans-serif; background-color: Silver;}

TD.MainTopMenu{ width: 120px; height: 60px; background-color: #A0A7B0; vertical-align: bottom; text-align: right;  color: White;  font: bold 12pt Arial, Helvetica, sans-serif;  cursor: pointer;  text-indent: 3px;}
TD.TopMenuBaseLineOn{ width: 120px; height: 13px; background-color: #092D59;}
TD.TopMenuBaseLineOff{ width: 120px; height: 13px; background-color: #009241;}
TD.LightBG{ width: 760px; height: 100%; background-image: url(../Images/Site/LightBG_01.jpg);}
TD.GreenTD{ width: 10px; height: 265px; background-color: #009241;}
TD.MainText{ width: 550px; height: 200px; vertical-align: top; padding: 10px;}
TD.Footer{ width: 760px; height: 40px; background-color: #092D59; text-align: center;  color: White;  font: bold 9pt Arial, Helvetica, sans-serif;}


IMG.NoBorder{ border: 0px;}
IMG.Border{ border: 1px solid #447DAF;}
IMG.Arrow{ vertical-align: middle; float: right;}

H1{ font: bold 12pt Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #35638A;}
H2{ font: bold 11pt Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #E69600;}
H3{ font: bold 10pt Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; color: #7CA8CD;}

A.PhotoCatMenu:LINK, A.PhotoCatMenu:VISITED, A.PhotoCatMenu:ACTIVE { text-decoration: none;  color: white;  font: bold 11pt Arial, Helvetica, sans-serif;}
A.PhotoCatMenu:HOVER { text-decoration: none;  color: white;  font: bold 11pt Arial, Helvetica, sans-serif;}
A.CatMenu:LINK, A.CatMenu:VISITED, A.CatMenu:ACTIVE { text-decoration: none;  color: White;  font: bold 12pt Arial, Helvetica, sans-serif;}
A.CatMenu:HOVER { text-decoration: none;  color: White;  font: bold 12pt Arial, Helvetica, sans-serif;}
A.PrevNext:LINK, A.PrevNext:VISITED, A.PrevNext:ACTIVE { text-decoration: none;  color: #191970;  font: bold 9pt Arial, Helvetica, sans-serif;}
A.PrevNext:HOVER { text-decoration: none;  color: #191970;  font: bold 9pt Arial, Helvetica, sans-serif;}


A.NoDecor:LINK, A.NoDecor:VISITED, A.NoDecor:ACTIVE {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #232323; font-size: 9pt;  }
A.NoDecor:HOVER {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #232323; font-size: 9pt; }
A.Cat:LINK, A.Cat:VISITED, A.Cat:ACTIVE {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #00008B; font-size: 9pt;  font-weight: bold;   }
A.Cat:HOVER {font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #00008B; font-size: 9pt;  font-weight: bold;  }
A.YouAreHere:LINK, A.YouAreHere:VISITED, A.YouAreHere:ACTIVE { font: bold 13pt Arial, Helvetica, sans-serif; color: Navy; text-decoration: none;}
A.YouAreHere:HOVER { font: bold 13pt Arial, Helvetica, sans-serif; color: Navy; text-decoration: underline;}
A.Footer:LINK, A.Footer:VISITED, A.Footer:ACTIVE { font: bold 9pt Arial, Helvetica, sans-serif; color: white; text-decoration: none;}
A.Footer:HOVER { font: bold 9pt Arial, Helvetica, sans-serif; color: white; text-decoration: underline;}


#loading {width: 200px; height: 100px; background-color: #FFFFFF; filter:alpha(opacity=60); position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -100px; text-align: center; FONT-SIZE: 15px; FONT-STYLE: normal; FONT-FAMILY: Arial; z-index: 10; }

/* Products Menu (in Default.asp) */

TD.Category01on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_01_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category02on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_02_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category03on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_03_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category04on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_04_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category05on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_05_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category06on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_06_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category07on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_07_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category08on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_08_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category09on{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_09_Off.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}

TD.Category01off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_01_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category02off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_02_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category03off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_03_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category04off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_04_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category05off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_05_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category06off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_06_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category07off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_07_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category08off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_08_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}
TD.Category09off{ width: 120px; height: 80px; background-image: url(../Images/Site/MainButton_09_On.jpg); vertical-align: bottom; text-align: left; cursor: pointer;  text-indent: 5px; direction: ltr;}

DIV.Shaddow{ width: 120px; height: 80px; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=000000, Positive=true);}

/* Category Menu (MainCategory.asp) */
TABLE.ScrollerLong{ width: 160px; height: 519px; margin-left: auto; margin-right: auto; background-color: Silver; filter:alpha(opacity=60); }
TABLE.CatMainText{ width: 720px; margin-left: auto; margin-right: auto; padding-top: 10px;}
TABLE.ItemsList{ width: 480px; margin-left: auto; margin-right: auto;}

TD.BlueMenuStrip{ width: 168px; height: 29px; background-image: url(../Images/Site/BlueMenuStrip.jpg); vertical-align: middle; text-indent: 5px;  cursor: pointer;  }
TD.GreenMenuStrip{ width: 168px; height: 29px; background-image: url(../Images/Site/GreenMenuStrip.jpg); vertical-align: middle; text-indent: 5px;  cursor: pointer;  }
TD.RedMenuStrip{ width: 180px; height: 29px; background-image: url(../Images/Site/RedMenuStrip.jpg); vertical-align: middle; text-indent: 5px; color: White;  font: bold 12pt Arial, Helvetica, sans-serif;  }
TD.GreenStrip{ width: 10px; height: 29px; background-color: #009241;}
TD.BlueStrip{ width: 10px; height: 29px; background-color: #092D59;}
TD.TopMenuGray{ width: 120px; height: 43px; background-color: #A0A7B0; vertical-align: bottom; text-align: right;  color: White;  font: bold 12pt Arial, Helvetica, sans-serif;  cursor: pointer;  text-indent: 3px;}
TD.TopMenuBlue{ width: 120px; height: 43px; background-color: #092D59; vertical-align: bottom; text-align: right;  color: White;  font: bold 12pt Arial, Helvetica, sans-serif;  cursor: pointer;  text-indent: 3px;}
TD.RedStrip{ width: 20px; height: 519px; background-image: url(../Images/Site/RightRedStrip.jpg);}
TD.YouAreHere{ width: 400px; font: bold 13pt Arial, Helvetica, sans-serif; color: Navy; text-indent: 8px; vertical-align: top;}
TD.CatSubText{ font: bold 12pt Arial, Helvetica, sans-serif; color: #092D59; text-indent: 8px;}
TD.CatMainText{ width: 740px; height: 519px; vertical-align: top;}

div.CatDesc{ width: 500px; height: 400px; overflow: auto;}

TD.Category01BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat01BG.jpg);}
TD.Category02BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat02BG.jpg);}
TD.Category03BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat03BG.jpg);}
TD.Category04BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat04BG.jpg);}
TD.Category05BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat05BG.jpg);}
TD.Category06BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat06BG.jpg);}
TD.Category07BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat07BG.jpg);}
TD.Category08BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat08BG.jpg);}
TD.Category09BG{ width: 760px; height: 519px; background-image: url(../Images/Site/Cat09BG.jpg);}
/* Float Menu */

TABLE.FloatMenu800{z-index: 100;  visibility: hidden;  position: absolute; top: 64px; left: 10px; width: 355px; height: 220px; background-color: #092D59;}
TABLE.FloatMenu1024{z-index: 100;  visibility: hidden;  position: absolute; top: 64px; left: 125px; width: 355px; height: 220px; background-color: #092D59;}
TABLE.FloatMenu1280{z-index: 100;  visibility: hidden;  position: absolute; top: 64px; left: 250px; width: 355px; height: 220px; background-color: #092D59;}


/* Item Page */
TABLE.Thumbnails{ width: 480px; margin-left: auto; margin-right: auto; text-align: center;}

TD.Details{ font: bold 10pt Arial, Helvetica, sans-serif;  color: #8B0000;  }
TD.NextPrev{ font: bold 10pt Arial, Helvetica, sans-serif; color: Gray; text-align: left;}
TD.Thumbnail{ width: 80px; height: 80px; background-color: #DCDCDC;  border: 2px solid #092D59; text-align: center; vertical-align: middle; cursor: pointer;}

A.NextPrev:LINK, A.NextPrev:VISITED, A.NextPrev:ACTIVE { text-decoration: none;  color: #092D59;  font: bold 10pt Arial, Helvetica, sans-serif;}
A.NextPrev:HOVER { text-decoration: none;  color: #8B0000;  font: bold 10pt Arial, Helvetica, sans-serif;}

#PhotoFrame{position: relative; top: 0px; left: 0px; z-index: 4;}
#ItemPhoto{position: absolute; z-index: 1;  text-align: center;  }

A.ItemCat:LINK, A.ItemCat:VISITED, A.ItemCat:ACTIVE { text-decoration: none;  color: #004201;  font: bold 20pt Arial, Helvetica, sans-serif;}
A.ItemCat:HOVER { text-decoration: none;  color: #004201;  font: bold 20pt Arial, Helvetica, sans-serif;}

H1.ItemCat{ font: bold 20pt Arial, Helvetica, sans-serif;  padding-bottom: 1px;  color: #004201;  text-decoration: none;    }
/* Order Page */
TABLE.ScrollerLong{ width: 160px; height: 519px; margin-left: auto; margin-right: auto; background-color: Silver; filter:alpha(opacity=60); }

TD.OrderPhoto{ padding-left: 10px; padding-right: 10px; vertical-align: top; height: 150px;}

/* Contact Page */
TABLE.ContactForm{ width: 540px; margin-left: auto; margin-right: auto; padding-top: 10px;}
TD.ContactForm{ height: 519px; vertical-align: top;}

INPUT.Contact{ border: 1px solid #708090;  width: 300px;  font: 9pt Arial, Helvetica, sans-serif;  height: 18px; }
INPUT.ContactShort{ border: 1px solid #708090;  width: 250px;  font: 9pt Arial, Helvetica, sans-serif;  height: 18px; }
Select.Contact{ border: 1px solid #708090;  width: 304px;  font: 9pt Arial, Helvetica, sans-serif;  height: 18px; z-index: 1; }
Select.ContactKidomet{ border: 1px solid #708090;  width: 46px;  font: 9pt Arial, Helvetica, sans-serif;  height: 18px; z-index: 1;}
INPUT.Submit{ border: 1px solid #708090;  width: 80px;  font: bold 9pt Arial, Helvetica, sans-serif;  height: 20px;  background-color: #696969;  color: White;   }
TEXTAREA.Contact{ border: 1px solid #708090;  width: 300px;  font: 9pt Arial, Helvetica, sans-serif;  height: 100px; }


INPUT.SendAFriend{ border: 1px solid #708090;  width: 180px;  font: 9pt Arial, Helvetica, sans-serif;  height: 18px; }
TEXTAREA.SendAFriend{ border: 1px solid #708090;  width: 180px;  font: 9pt Arial, Helvetica, sans-serif;  height: 70px; }


.border {
	border: 1px solid Gray;
	text-align: right;
	text-indent: 3px;
}

/* Email Templates */

TABLE.Email{ width: 600px; margin-left: auto; margin-right: auto;}

	/* CSS for my first scrolling box */
	#scrollingContainer{
		width: 160px;	/* 170 pixels in width */
		height: 250px;	/* Height of box */
		
		border: none;	/* Black border around box */
		background-color: Silver;	/* Light blue background color */

		padding:2px;	/* A little bit of space between border of box and text inside */
		float:right;	/* I want the text to wrap around the box */
		direction: rtl;
		text-align: right;
		margin-right:10px;	/* Right margin of 10 pixels */
		margin-left:10px;
		font: bold 9pt Arial, Helvetica, sans-serif;	/* Smaller font size than the rest of the page */
		
		overflow:hidden;	/* Hide overflow content */
	}
	/* End css for my first scrolling box */}