/* =INITIALIZE
------------------------------------------------------------------------------*/
* { margin:0; 
    padding:0; }

h1, h2, h3, h4, h5, h6 { margin:.3em 0; }

p, pre, blockquote, label, dl, 
ul, ol, fieldset, address { margin:.7em 0; }

li, dd, blockquote { margin-left:1em; }

html, body { color:#555555;
             font-family:Verdana, Arial, Helvetica, sans-serif;
/*             font-family:Verdana, Arial, Helvetica, sans-serif; */
             background:none; }

form label { 
    cursor: pointer;
    font-size: 0.9em; }

fieldset { border: none; }
fieldset input { margin: 0 4px; }

/*------------------------------------------------------------------------------*/

.registration { 
    width: 90%;
    margin: 0 auto; }

.registration fieldset span { 
    margin: 0.5em 0; 
    vertical-align:middle; }

.registration input,
.registration span { vertical-align:middle; }

.registration table { 
    width: 100%;
    background: none; }

.registration th {
    text-align: right;
    background: none; 
    font-size: 1.2em; }

.registration td {
    background: none; 
    font-size: 1em; }

span#initial { display:inline; vertical-align:middle; }

fieldset#preferences span { display:block; clear:both; vertical-align:middle; }

fieldset#init_first_flag, 
fieldset#init_first_flag span { 
    display:inline; 
    vertical-align:middle; }


body { font-size:10px; color:#555555; background-color:white; height:100%; }
td { font-size:14px; color:#000000; }
th { font-size:14px; color:#000000; }
p  { font-size:14px; color:#000000; line-height:1.3em; }
h1 { font-size:27px; color:#002277; font-weight:normal; margin:0 0 8px;  }
h2 { font-size:21px; color:#FF0000; font-style:italic; font-weight:normal; margin:10px 0;  }
h3 { font-size:18px; color:#336699; font-style:italic; font-weight:normal; margin:20px 0 0;  }
h4 { font-size:12px; color:#666666; font-style:italic; font-weight:normal; margin:0 0 10px;  }
h6 { font-size:12px; color:#999999; font-weight:normal; font-style:italic; margin:0 0 10px;  }
h5 { font-size:12px; color:#336699; font-weight:normal; font-style:italic; margin:0 0 10px;  }
li { font-size:14px; color:#000000; margin-bottom:5px; }

a:link    { color:#002277; }
a:visited { color:#336699; }
a:hover   { color:#FF0000; }

.hidden_row { display:none; }
.visible_row { display:table-row-group; }
.visible_row td {  border-bottom:1px solid #6666FF; background-color:#F9F9F9; }
.hidden_div { display:none; }
.visible_div { display:block; position:absolute; background-color:#EEE; border:1px solid #F00; height:17px; }

a#logo  { display:block; height:100px; width:280px; background:url(/images/logo.gif) top left #000040; }
a#logo:hover  { background-position:0 -100px; }

.heading   { display:block; clear:none; color:white; background:red; padding:0 10px 3px 10px; font-size:15px; font-weight:bold;}

.article   { display:block; clear:both; margin:20px 10px 10px 40px; color:#003333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.copyright { display:block; clear:both; text-align:center; color:#336699; padding:5px 10px 0px; font-size:11px; font-weight:normal; font-style:italic; }
.footnote  { display:block; clear:both; text-align:center; color:#336699; padding:2px 10px 2px; font-size:11px; font-weight:normal; font-style:italic; }

.asset   { display:block; float:none; font-size:10px; font-style:italic; background-color:transparent; padding:5px; margin:2px 10px;}
.caption * { font-size:12px; font-style:italic; }

.directory { display:table; clear:both; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; white-space:nowrap; float:right; padding:0 0 0 20px; background:url(/images/TabBG.gif) -12px 0 no-repeat #0033CC; border-bottom:2px solid black; }
.directory a { display:block; clear:none; border-left:2px solid #001166; border-top:1px solid #0066FF; float:left; text-decoration:none; padding:3px 5px; }
.directory a:link,
.directory a:visited { color:white; background-color:#0033CC; }
.directory a:hover   { color:white; background-color:red; text-decoration:underline; border-left:2px solid #000099; border-top:1px solid #FF9999; }

.index { display:block; border-top:1px solid white; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:none; width:120px; text-align:left; }
.index a { display:block; clear:both; width:100%; text-decoration:none; padding:2px 0; margin:7px 0; }
.index a:link,
.index a:visited { color:#0033CC; background-color:white; }
.index a:hover   { color:white; background-color:red; text-decoration:underline; }

.address { padding:0 10px; color:white; }
.address p { color:white; margin:0 0 8px; font-weight:bold; font-size:12px; }
.address a:link { color:white; font-size:12px; }
.address a:hover { color:blue; }

.authorization {
    display:block;
    background:#006;
    width:157px;
    margin:25px 0;
    padding:5px 15px;
    text-align:center;
    font-size:12px;
    color:white; }
.authorization a { color:white; }
.authorization a:hover { color:#FA0; }
.authorization .notice { color:#FA0; }


#left a,
#left a:link,
#left a:visited,
#left a:hover { color:white; }


/* =CONTACT US
------------------------------------------------------------------------------*/
#contact_us {
	font-size: 14px; }

#contact_us table {
	margin: 0 auto; }

#contact_us th {
	text-align: right; 
	padding: 3px; 
	font-weight: bold;
	white-space: nowrap; }

#contact_us td {
	text-align: left; 
	padding: 3px;  }

#contact_us div#message {
	border: 1px solid #DDD;
	height: 5.0em;
	padding: 3px;
	overflow: auto;  }


/* =STORE
------------------------------------------------------------------------------*/
.shop { display:block;
        text-align:center; }
.shop table { margin:0 auto;
              text-align:center; }
.shop th { background-color:#002277;
           color:white;
           font-size:11px;
           padding:0.1em 0.3em;
           font-weight:bold; }
.shop td { background-color:#EEEEEE;
           color:#000000;
           font-size:11px;
           font-weight:normal; }
.shop .product { color:#EEF6CC;
                 display:block;
                 float:left;
                 margin:10px; }
.shop .asset { color:#999999;
               display:table;
               font-size:11px;
               font-style:italic;
               background-color:none;
               padding:5px;
               margin:2px 10px;
               width:40%; }
.shop a:link,
.shop a:visited { color:#666666;
                  display:block; }
.shop a:hover { color:white; 
                display:block; 
                background-color:#000000;}



.buyitem { display:table;
           width:90%;
           margin:15px auto 25px; }
.buyitem table { margin:0 auto; }
.buyitem .article { display:block;
                    margin:15px 0 0;
                    clear:left; }
.buyitem .asset { display:block; 
                  clear:right; 
                  float:right; 
                  color:#333333;
                  font-size:11px; 
                  font-style:italic; 
                  text-align:center; 
                  padding:5px; 
                  margin:0 0 2px; 
                  background-color:none; 
                  width:130px; }

#buy_item { 
    display: table; 
    position: relative;
    margin: 0 auto; 
    width: 90%; }

#buy_item .assets {
    display: table;
    clear: right; 
    float: right;
    text-align: center;
    background: none;
    width: 120px;
    z-index: 1; }

#buy_item .asset {
    cursor: hand;
    display: block;
    clear: both; 
    color: #333;
    text-align: center;
    padding: 5px;
    margin: 0 10px 2px;
    background: none;
    width: 120px; }

#buy_item .asset .image { 
    cursor: hand; 
    margin: 0 auto; }

#buy_item .asset .caption { 
    font-size: 0.8em; }

#buy_item .asset .enlarge { 
    font-size: 0.8em; 
    font-style: italic; }

#buy_item .article { 
    display: table;
    padding:0;
    margin:30px 0 0;
    clear:left; }

#buy_item .title { 
     color:#027;
     font-size: 2em;
     line-height:1em; }

#buy_item .code { 
    font-size: 0.8em; 
    font-style: italic; }

#buy_item .descr { 
    font-size: 1em; }




#buy_item .shop { 
    display: table;
    text-align: center;
    margin: 0 auto;
    width: auto; 
    z-index: 2; }

#buy_item .shop  table { 
    display: block;
    margin: 0 auto; 
    font-size: 11px;
    width: 100%; }

#buy_item .shop  th { 
    background: #027; 
    font-size: 1.0em;
    color: white; 
    padding: 3px; }

#buy_item .shop  td { 
    background: #EEE; 
    font-size: 0.9em;
    color: black; 
    padding: 3px; }

.shop .qualifier { 
    display: inline-table;
    text-align: center;
    margin: 0 auto; 
    white-space: nowrap; }


.specials {
    display: table; 
    clear: both; 
    width: 90%; 
    margin: 20px auto;
    padding: 0;
    background: #EEE; 
    text-align: center; }
.specials .title { 
    display: block; 
    clear: both; 
    padding: 3px; 
    background: #F00; 
    color: white; 
    font-weight: bold; 
    text-align: center; }
.specials .shop { margin: 0 auto; }

.product_list { 
    display:table;
    position:relative;
    margin:0 auto; 
    width:90%;
    text-align:center; }
.product { 
	display:inline-table;
	background:white;
	float:left;
	min-height:150px;
	width:155px;
	margin:5px;
	text-align:center; }
.product img {
    margin: 0 auto; }
.product .title {
    display: block; 
    clear: both; 
    background: none;
    color: #027;
    margin: 0 auto;
    padding: 0;
    font-size: .9em;
    font-weight: bold; 
    text-align: center; }
.product .code {
    display: block; 
    clear: both; 
    margin: 0 auto;
    background: none;
    color: #999;
    text-align: center; }
.product .price {
    display: block; 
    clear: both; 
    margin:0 auto;
    background: none;
    color: #027;
    font-size: 1.1em;
    font-weight: bold; 
    text-align: center; }
.product_list .product .price { display:none; }


.product a:link,
.product a:visited { display:block; 
                     border:1px solid white; 
                     text-decoration: none; }
.product a:hover { color:#FF0000; 
                   display:block; 
                   border:1px solid #FF0000; 
                   text-decoration: underline; }


pre { border:1px dashed #FF0000; color:#FF0000; }