/*  Common styles */

*				{ line-height: 1.6em; }
BODY			{ background: url('/i/BGTop.jpg') repeat-x left top; color: #606060; }

A					{ color: #606060; }

H2				{ text-transform: uppercase; color: #606060; font-size: 1em; } 
H5				{ font-size: 1em; color: #606060; }
#Header			{ height: 186px; }
#Footer			{ width: 700px; font-size: 0.86em; text-align: center; margin: 2em auto;}

.Counters		{ margin-top: 2.5em; text-align: center; }

#Logo			{ width: 195px; height: 149px; position: absolute; top: 31px; left: 112px; }


#MainMenu		{ display: block; margin: 0; padding: 0; position: absolute; top: 136px; left: 390px; list-style-type: none; font-size: 0.86em; }
#MainMenu LI	{ display: inline; margin: 0 20px 0 0; padding: 0; list-style-type: none; cursor: pointer; position: relative; }
#MainMenu LI.Selected	{ color: black; cursor: default; }
#MainMenu LI.Selected A	{ color: black; cursor: default; }
#MainMenu A.Parent		{ color: black; }
#MainMenu A				{ text-decoration: none; }
#MainMenu UL	{ position: absolute; width: 200px; margin-top: 5px;}
#MainMenu LI LI	{ display: block; margin: 0;}

.Submenu		{ display: block; margin: 0; padding: 0; list-style-type: none; }
.Submenu LI		{ display: block; margin: 0 0 0.2em 0; padding: 0; list-style-type: none; }
.Submenu A		{ color: black; }

.IndexPage		{ position: relative; top: 0; left: 0; }

/*  Content stripe */
#MetaContentStripe		{ width: 100%; height: 540px; overflow: hidden;}

#ContentStripe	{ margin: 0px 0 30px 0; font-size: 0.86em; width: 6900px; }
.ContentItem	{ width: 840px;  height: 475px; float: left; }

.LastPic		{ width: 390px; float: left; padding-top: 30px; height: 475px; background-repeat: no-repeat; background-position: left top;}
.IntroPic		{ background-repeat: no-repeat; background-position: 75% top; width: 394px; padding-top: 227px; }
.News			{ display: block; padding: 0; margin: 0 0 0 118px; list-style-type: none; width: 230px;}
.News DT		{ display: block; padding: 0; margin: 0; list-style-type: none; color: black; }
.News DD		{ display: block; padding: 0; margin: 0 0 1em 0; list-style-type: none; }

.News A			{ text-decoration: none;  }


.MainContent	{ margin-top: 30px; }
.OneOfTwo		{ width: 205px; float: left; margin-right: 20px; height: 220px; }
.OneOfTwo P:first-letter	{margin-left: 1.5em; }

.TwoOfTwo		{ width: 205px; float: left;  height: 220px; }
.TwoOfTwo P:first-letter	{margin-left: 1.5em; }
.TwoOfTwo .Continue:first-letter		{ margin-left: 0; }

/* Concrete */
#About			{ width: 450px; }

#Catalog			{ width: 510px; }

#Where2Buy			{ width: 510px; }

#Sizes			{ width: 400px; }
#Sizes UL		{ margin-top: 0em; }
#Sizes UL LI	{ padding-left: 1.5em; }
#Sizes .SpanCols	{ }
.Data			{ width: 300px; margin: 0 0 2em 0; float: left; }
.Data THEAD TH	{ border-bottom: 1px solid black; padding: 0.3em 0em 0.3em 1.5em; width: 60px;}
.Data THEAD TD	{ border-bottom: 1px solid black; padding: 0.3em 1.5em; text-align: left; }
.Data TBODY TH	{ padding: 0.3em 0 0.3em 1.5em; width: 60px;}
.Data TBODY TD	{ padding: 0.3em 1.5em; text-align: left; }



#Contacts			{ width: 270px; }
#Contacts A			{ color: black; }

.InterContentItem		{ float: left; height: 475px; }
.InterContentItem IMG	{ margin-right: 40px; }

#BtnLeft			{ display: block; width: 20%; height: 400px;  position: absolute; top: 200px; left: 0; z-index: 98; }
#BtnRight			{ display: block; width: 20%; height: 400px;  position: absolute; top: 200px; right: 0; z-index: 98; }

#BtnLeft EM			{ display: block; width: 92px; height: 74px; background: url('/i/ArrowLeft.gif') no-repeat left top; position: absolute; top: 140px; left: 0; cursor: pointer; display: none; z-index: 99; }
#BtnRight EM		{ display: block; width: 92px; height: 74px; background: url('/i/ArrowRight.gif') no-repeat left top; position: absolute; top: 140px; right: 0; cursor: pointer; display: none; z-index: 99; }

#BtnLeft STRONG			{ display: block; height: 400px; background: white; position: relative; top: 0; left: 0; z-index: 95;}
#BtnRight STRONG		{ display: block; height: 400px; background: white; position: relative; top: 0; left: 0; z-index: 95; }


/* Catalog */

#MetaCatalogStripe						{ width: 100%; height: 446px; overflow: hidden;}
#MetaCatalogStripe #ContentStripe					{ margin: 0px 0 30px 0; font-size: 0.86em; width: 15900px; height: 446px; }
#MetaCatalogStripe .ContentItem				{ display: block; height: 446px; width: auto; float: left; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem .Description		{ width: 150px; height: 110px; overflow: hidden; padding-right: 20px;}
#MetaCatalogStripe .ContentItem INS				{ cursor: pointer; }
#MetaCatalogStripe .ContentItem H2				{ font-weight: bold; color: #e47aa3; font-size: 1.1em; text-transform: none; margin: 0; line-height: 1.2em;}
#MetaCatalogStripe .ContentItem H3				{ font-weight: normal; font-size: 1em; margin: 0; line-height: 17px; vertical-align: middle; color: black; padding-right: 20px; background-repeat: no-repeat; background-position: right center; float: left; min-height: 17px; }
* HTML #MetaCatalogStripe .ContentItem H3		{ height: 17px; }

#MetaCatalogStripe .ContentItem P					{ font-weight: normal; font-size: 1em; margin: 0; line-height: 1.2em; clear: left;}
H3.Girl									{ background-image: url('/i/IconGirl.gif'); }
H3.Boy									{ background-image: url('/i/IconBoy.gif'); }
H3.Unisex								{ background-image: url('/i/IconUnisex.gif'); }

#MetaCatalogStripe .WithImages			{ cursor: pointer; }
#MetaCatalogStripe .BigImages			{ display: none; }

#CatalogNavigation						{ height: 50px; margin: 0 auto; position: relative; top: 0; left: 0; }
#CatalogNavigation DIV					{ border: 2px solid #666666; height: 35px; position: absolute; top: 3px; width: 100px; z-index: 60;}
* HTML #CatalogNavigation DIV			{ top: 8px; }
#CatalogNavigation UL					{ display: block; margin: 5px 0 0 0; padding: 0; list-style-type: none; } 
#CatalogNavigation LI					{ display: block; margin: 5px 0 0 0; padding: 0; list-style-type: none; height: 35px; width: 10px; float: left; cursor: pointer; }
#CatalogNavigation LI IMG				{ display: block; margin: 0; padding: 0; height: 35px; }


/* Simple pages */
.SimpleContent	{ padding: 0 0 0 390px; }
.SimpleContent *	{ line-height: 1.4em; }
.SimpleContent H2	{ font-size: 1.2em; }

UL.Files			{ list-style-type: none; display: block; margin: 1em 0; padding: 0; }
UL.Files LI			{ list-style-type: none; display: block; margin: 0 0 0.5em 0; padding: 0;  }


/* Shops */

#MetaShops			{ position: relative; top: 0; left: 0; width: 100%; margin-top: 30px; background-repeat: no-repeat; background-position: 800px 0; margin-bottom: 30px; }
#MetaShops H1		{ margin-top: -2em;}
#MetaShops DL		{ font-size: 0.9em;  margin: 0.5em 0 2em 0; }
#MetaShops DL *		{ line-height: 1.2em; color: black; }
#MetaShops DT		{ font-weight: bold; }
#MetaShops DD		{ margin-bottom: 1.5em; }

#ShopsContent		{ width: 400px; margin-left: 390px;  border-top: 1px solid white;}




/* News */

#MetaNews			{ position: relative; top: 0; left: 0; width: 100%; margin-top: 30px;  background-repeat: no-repeat; background-position: 860px 67px; overflow: hidden;}
#MetaNews H1		{ margin: 0 0 50px 0; text-indent: -9000px; font-size: 1px; width: 85px; height: 13px; background: url('/i/TitleNews.gif') no-repeat left top; }

#NewsSlogan			{ width: 390px; height: 475px; position: absolute; top: 0px; left: 0; }
#NewsSlogan DIV		{ width: 390px; height: 475px; background-position: 75% top; background-repeat: no-repeat; }

#NewsMainPics 		{ float: right; width: 250px; height: 475px; overflow: hidden; display: none; }

#NewsContent		{ position: relative; top: 0; left: 0; font-size: 0.86em; width: 450px;  margin-left: 390px;}

.NewsOne			{ float: left; height: 400px; width: 440px;} 
.NewsOne EM			{ display: block; color: black; font-size: 1.2em; font-style: normal; margin-bottom: 1em; }
.NewsOne DFN		{ display: block; margin: 0; padding: 0; }

.LinkToManyPhotos	{ display: block; clear: both; position: relative;  top: 2em; padding-left: 225px; }
.LinkToManyPhotos .NotShow { display: none; }

#NewsContent #BtnNext	{ position: absolute; top: 33em; left: 225px; }
#NewsContent #BtnPrev	{  position: absolute; top: 33em; right: 260px; }