/*
  @font-face {
    font-family: Eurostile;
    font-style:  normal;
    font-weight: 700;
    src: url(http://www.sovietjeans.us/_new/fonts/EUROSTI0.eot);
  }
  @font-face {
    font-family: Eurostile;
    font-style:  normal;
    font-weight: normal;
    src: url(http://www.sovietjeans.us/_new/fonts/EUROSTI1.eot);
  }
  */

body, html {
margin: 0px;
padding: 0px;
font-size: 80%;
color: #000000;
background-color: #ffffff;
background: url(graphics/bg.jpg);
background-repeat: no-repeat;
}
/* scrollbar colors */
body	{
	scrollbar-3dlight-color : #313131;
	scrollbar-arrow-color : #313131;
	scrollbar-base-color : #000000;
	scrollbar-darkshadow-color : #000000;
	scrollbar-face-color : #6c6c6c;
	scrollbar-highlight-color : #313131;
	scrollbar-shadow-color : #000000;
	scrollbar-track-color : #6c6c6c;
}
/* General CSS styles */
p, td, div, li, span	{
font-family: Eurostile, "Century Gothic", "Franklin Gothic Book", "Book Antiqua", Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
color: #3E3E3E;
background-color: transparent;
padding: 0 4px;
}
a, a:link, a:visited {
color: #333333;
text-decoration: underline;
background-color: transparent;
}
a:hover, a:active {
color: #cc221f;
background-color: transparent;
text-decoration: underline;
}
blockquote	{
margin: 6px 10px 6px 15px;
padding: 0 0 0 5px;
border-left: 2px solid #6699ff;
}
.photo_left {
float : left;
margin : 10px;
}
.photo_right{
float : right;
margin : 10px;
}
.nobr{
white-space : nowrap;
padding: 0;
marding: 0;
}
/* Positioning quadrants */
#container{
width : 900px;
height : 480px;
border : none;
margin : 55px 0 0 86px;
padding : 0;
text-align : left;
background-image : none;
background-repeat : no-repeat;
background-color : transparent;
}
#nw{
margin : 0;
padding : 5px;
float : left;
width : 700px;
height : 370px;
color: #000000;
background-color : transparent;
overflow : visible;
z-index : 5;
}
#ne	{
display: block;
position: absolute;
top: 55px;
left: 786px;
margin : 0;
padding : 0;
width : 200px;
height : 370px;
color: #000000;
background-color : transparent;
background-image : url(graphics/blue.gif);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
z-index: 6;
	}
#sw{
display: block;
position: absolute;
top: 425px;
left: 55px;
margin : 0;
padding : 0;
float : left;
clear : left;
width : 700px;
height : 180px;
color : #ffffff;
background-color : transparent;
overflow : visible;
z-index : 5;
}
#se	{
display: block;
position: absolute;
top: 425px;
left: 786px;	
margin : 0;
padding : 0;
width : 200px;
height : 110px;
background-color : transparent;
background-image : url(graphics/blue.gif);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
z-index: 5;
}
#logo	{
display: block;
position: absolute;
top: 435px;
left: 780px;
width: 200px;
height: 110px;
border: none;
color: #000000;
background-color: transparent;
z-index: 10;
}
/* top right outside of frame - not used */
#note	{
display: block;
color: #000000;
background-color: transparent;
font-size: 110%;
position: absolute;
display: block;
top: 10px;
left: 850px;
font-family: monospace;
}
/* Navigation area */
#bluestar	{
display: block;
position: absolute;
top: 55px;
left: 787px;
background: url(graphics/blue_star.gif);
background-repeat : no-repeat;
width: 195px;
height: 36px;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
#nav	{
position: absolute;
top: 90px;
left: 781px;
width: 200px;
height: 380px;
text-align: left;
font-size: 190%;
font-weight: bold;
z-index: 10;
}
#nav ul	{
margin: 0;
padding: 0;
width: 200px;
}
#nav li	{
list-style-type: none;
margin: 0;
padding: 0;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #d8d8d8;
white-space : nowrap;
width: 100%;
}
#nav li a, #nav li a:link, #nav li a:visited	{
display: block;
padding: 3px 5px 3px 5px;
margin: 0;
text-decoration: none;
width: 190px;
color: #ffffff;
background-color: transparent;
}
#nav li a:hover	{
color: #cc221f;
background-color: #000000;
text-decoration: none;
padding: 3px 5px 3px 30px;
letter-spacing : 4px;
background-image: url(graphics/soviet_star_small.gif);
background-repeat: no-repeat;
width: 165px;
}
#nav li a:active	{
color: #000000;
background-color: #cc221f;
padding: 3px 5px 3px 5px;
background-image: none;
letter-spacing : 2px;
width: 190px;
}
/* This controls the TEXT of the descriptions */
.desc	{
position: absolute;
top: 82px;
left: 445px;
width: 275px;
height: auto;
background-color: transparent;
}
#nw .desc	{
font-size: 140%;
color: #ffffff;
background-color: transparent;
margin: 0;
padding: 0;
}
.category	{
position: absolute;
top: 40px;
left: 0px;
margin: 0 0 0 10px;
padding: 3px 3px 0 5px;
font-size: 80%;
color: #ffffff;
background-color: transparent;
letter-spacing: 1px;
border-top: 0px solid #d8d8d8;
border-left: 0px solid #d8d8d8;
}
/* This controls the shading behind the descriptions */
#description	{
float: left;
margin: 20px 25px 0 37px;
padding: 5px;
width: 287px;
height: 6.8em;
font-size: 140%;
color: #ffffff;
background-color: transparent;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #5a5a5a;
border-bottom: 1px solid #5a5a5a;
background: url(graphics/blue.gif);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}
.colors	{
color: #ffffff;
background-color: transparent;
}
/* The pictures in the main window - NW */
.picA{
display: inline;
float: left;
clear: left;
margin: 20px 25px 25px 33px;
border: 1px solid #000000;
}
.picB{
display: inline;
float: left;
margin: 80px 23px 0 37px;
border: 1px solid #000000
}
.picC	{
display: inline;
float: left;
margin: 80px 0 0 0;
border: 1px solid #000000
}
.flip	{
position: absolute;
display: block;
top: 95px;
left: 380px;
}
/* This is the Bottom window - SE */
.left	{
position: relative;
left : 30px;
top : 50px;
}
#thumb1	{
float: left;
clear: left;
margin: -20px 0 0 70px;
border: 1px solid #000000;
width: 130px;
height: 100px;
}
#thumb2 {
float: left;
margin: -20px 0 0 26px;
border: 1px solid #000000;
}
#thumb3	{
float: left;
margin: -20px 0 0 23px;
border: 1px solid #000000;
}
#thumb4	{
float: left;
margin: -20px 10px 0 23px;
border: 1px solid #000000;
}
.right	{
float: left;
margin: 20px 0 0;
}
/* General text, such as on the Contact page, Retailers */
.text	{
width: 650px;
margin: 0 0 0 50px;
padding: 20px 0 0;
color: #ffffff;
background-color: transparent;
font-size: 110%;
white-space : normal;
}
html>body .text	{
	font-size: 115%;
}
/* These arrows are used on the Retailers list */
.text .arrowUp	{
position: relative;
margin: 0;
padding: 20px 0 0;
}
.text .arrowDown	{
float: left;
margin: -15px 0 0 0;
padding: 0;
}
.text p {
margin: 3px 0 0 40px;
padding: 3px;
color: #ffffff;
background-color: transparent;
font-size: 120%;
border: none;
white-space : normal;
}
#sw .text a	{
color: #ffffff;
background-color: transparent;
text-decoration: none;
}
#sw .text a:hover	{
text-decoration: underline;
}
/* Controls the brighten-on-hover-effect */
#buttons	{
color: #000000;
background-color: transparent;
background-image: none;
margin: 0;
padding: 0;
}
.button img	{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
width: 130px;
height: 100px;
}
.button:hover img	{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
width: 130px;
height: 100px;
}
/* UPDmedia link */
.upd	{
display: none;
}
html>body .upd	{
	position: absolute;
	display: block;
	top: 500px;
	left: 20px;
	margin-left: -5px;
	margin-bottom: 4px;
}
#mail-list-bg	{
color: #000000;
background-color: transparent;
display: block;
position: absolute;
top: 55px;
left: 230px;
padding: 0px;
width: 410px;
height: 478px;
border-top: 1px solid #d8d8d8;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #5a5a5a;
border-bottom: 1px solid #5a5a5a;
background: url(http://www.sovietjeans.us/graphics/blue.gif);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
-moz-opacity: 0.85;
}
/* These are elements for the About pages */

#mainTextBG	{
display: block;
margin: 5px;
padding: 0 10px 4px;
height: 355px;
width: 630px;
overflow: hidden;
background-image: url(http://www.sovietjeans.us/graphics/linedbg.gif);
border: 1px solid #000000;
}
#mainText	{
display: block;
font-size: 140%;
margin: 0 5px;
padding: 5px;
color: #ffffff;
background-color: #000000;
white-space: normal;
height: 600px;
}
.mainTitle	{
display: block;
color: #ffffff;
background-color: #000000;
font-weight: bold;
font-size: 120%;
padding: 0 0 4px;
margin: 0 0 12px 30px;
width: 500px;
border-bottom: 2px solid #6699ff;
line-height: 1.4em;
font-variant: small-caps;
letter-spacing: 2px;
}
#mainText p	{
color: #ffffff;
background-color: #000000;
line-height: 1em;
margin: 4px 0;
padding: 0;
}
#mainText p b	{
font-variant: small-caps;
padding: 0 0 0 5px;
}
#aboutNav	{
width: 590px;
}
#aboutNav p {
padding: 2px 5px;
margin: 0;
}
.previous	{
float: left;
padding: 5px;
margin: 0;
}
.continued	{
float: right;
padding: 10px;
margin: 0;
}
#maintextbg	{
display: block;
margin: 5px;
padding: 10px;
width: 630px;
height: 340px;
background: url(http://www.sovietjeans.us/graphics/linedbg.gif);
}
/* Glossary Main Page */
#glossary	{
width: 220px;
height: 380px;
overflow: scroll;
padding: 0 10px 0 0;
margin: 0;
color: #ffffff;
background-color: #000000;
border: 2px solid #000000;
font-size: 135%;
}
#glossary ul {
padding: 0;
margin: 0;
list-style-type: none;
width: 100%;
}
#glossary li a, #glossary li a:link, #glossary li a:visited	{
display: block;
list-style-type: none;
color: #ffffff;
background-color: #000000;
text-decoration: none;
width: 100%;
letter-spacing: 1px;
padding: 0;
font-variant: small-caps;
}
#glossary li a:hover, #glossary li a:active	{
color: #000000;
background-color: #ffffff;
padding: 0 10px;
letter-spacing: 3px;
}
.glossary a span, .glossary:link span, .glossary:visited span	{
display: none;
visibility: hidden;
line-height: 1.1em;
}
.glossary a:hover span	{
display: block;
visibility: visible;
position: absolute;
left: 370px;
top: 60px;
padding: 10px 20px 20px 10px;
margin: 0;
line-height: 1.1em;
border-top: 0px solid white;
border-right: 6px solid white;
border-bottom: 0px solid white;
border-left: 6px solid white;
color: #ffffff;
background-color: transparent;
background-image: url(http://www.sovietjeans.us/graphics/linedbg.gif);
font-size: 110%;
letter-spacing: normal;
text-decoration: none;
width: 320px;
height: auto;
font-variant: normal;
}
#glossary a:hover span b	{
display: block;
margin: 0 0 0 10px;
padding: 1px;
border-bottom: 1px dashed white;
}
/* Individualized Glossary Pages */
.glossaryPages	{
display: block;
margin: 10px;
padding: 20px;
color: #ffffff;
background-color: transparent;
font-size: 170%;
background-image: url(http://www.sovietjeans.us/graphics/linedbg.gif);
border: 1px solid #000000;
}
.glossaryPages p	{
margin: 0;
padding: 0;
color: #ffffff;
background-color: transparent;
}
.glossaryPages	b	{
display: block;
font-weight: bold;
margin: 15px 25px 0px 20px;
padding: 0;
font-size: 130%;
border-bottom: 1px dashed #ffffff;
}
.glossaryPages p a:link, .glossaryPages p a:visited	{
color: #ffffff;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
.glossaryPages p a:hover	{
color: #ffffff;
background-color: transparent;
text-decoration: none;
border-bottom: 1px dashed #ffffff;
}
.glossaryPages p a:active	{
color: #ffffff;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}
/* Large photo popups */

#big	{
position: absolute;
visibility: hidden;
display: none;
top: 3px;
left: 346px;
z-index: 0;
}
#big.visible, #big.visible:hover	{
display: block;
position: absolute;
visibility: visible;
top: 1px;
left: 346px;
z-index: 99;

#big.invisible	{
display: none;
visibility: hidden;
z-index: 0;
}