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

h1, h2, h3, h4, h5, h6 { margin: 0.3em 0; line-height: 1em; } 

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

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

html, body, td.preview { 
	position: relative;
    color: #555555;
/*    font-family: 'Times New Roman',Times,Georgia,serif; */
    font-family: Helvetica, Arial, Verdana, sans-serif;
    }

form label { cursor: pointer; }

fieldset {
    border: none;
    vertical-align: middle; }

/* =STRUCTURE
------------------------------------------------------------------------------*/
#frame { position: relative; }

#left {
	position: relative;
    width: 290px;
    text-align: right;
    background: url(/images/foot.jpg) bottom left no-repeat;
    padding-bottom: 290px; }

/*------- As if it were a swarm of bees, avoid #left-insert --------*/
#left_inset {
    display: block;
    position: relative;
    margin: 0 75px; }

#nav {
    width: auto;
    background: url(/images/logo_bg.gif) top left repeat-x; }

#column_R {
    background: url(/images/logo_bg.gif) top left repeat-x; 
    width: 13.0em;
    padding-top: 60px; }

#heading_2 { 
    display: block;
    text-transform: lowercase;
    font-style: italic;
	font-size: 20px;
    color: #F00; }

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

#catalog_tree { 
	display: table;
	font-size: 1.0em;
	text-align: left;
    text-transform: lowercase; }

#catalog_tree ul,
#catalog_tree li { 
	padding: 0; 
	margin: 0; 
	display: block; }


#catalog_tree a,
#catalog_tree a:link,
#catalog_tree a:visited { 
	display: block;
	color: #F00; 
	font-style: italic;
	border-bottom: 1px solid #999; 
	text-decoration: none;  
	padding: 6px 0; }

#catalog_tree .selected a,
#catalog_tree .selected a:link, 
#catalog_tree .selected a:visited {
	font-size: 20px; 
	padding: 3px 0; }

#catalog_tree a:hover { 
    color:#F00; 
    text-decoration:underline; }

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

body { }
h1 { font-size:20px; color:#000; font-style:normal; font-weight:normal; text-transform: uppercase; }
h2 { font-size:18px; color:#F00; font-style:italic; font-weight:normal; text-transform: uppercase; }
h3 { font-size:16px; color:#555; font-style:italic; font-weight:normal; margin-top:15px; }
h4 { font-size:16px; color:#F00; font-style:italic; font-weight:normal; }
h5 { font-size:10px; color:#555; font-style:italic; font-weight:normal; margin-bottom: 10px; }
h6 { font-size:10px; color:#CCC; font-style:italic; font-weight:normal; }
td { font-size:12px; color:#003333; font-style:normal; font-weight:normal; }
th { font-size:13px; color:#333333; font-style:normal; font-weight:normal; }
p  { font-size:12px; color:#000; font-style:normal; font-weight:normal; text-align: justify; line-height: 1.25em; margin:12px 0px; }
li { 
    display:table;
    list-style:none;
    font-size:12px; 
    line-height: 1em;
    margin:3px; 
    font-style:normal; 
    font-weight:normal; 
    padding-left: 0.5em; }

pre { border:1px solid red; color:red; }

a,
a:link,
a:visited { color:#0066AA; }
a:hover   { color:#FF0000; }

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

th.preview { background-color:#0077FF; color:white; font:Arial,Helvetica,Verdana,sans-serif 10px bold; padding:2px; }
td.preview { background-color:#FFFFFF; padding:10px 75px; }

.article { 
    display:block; 
    clear:both; 
    margin:60px 60px 10px 26px; 
    color:#000; 
    font-size:12px; }

.popup { 
    display:block; 
    clear:both; 
    margin:20px 25px 15px 25px; 
    color:#000; 
    font-size:12px; }

.article p:first-letter { font-size: 1.0em; }

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

.gallery { 
    text-align:center; 
    margin:0 auto 25px; }

.gallery td {
	padding: 15px 0; }

.gallery img {
	border: 1px solid #DDD; }

.gallery td.nav {
	padding: 5px 0; }

.gallery table {
	margin: 0 auto; }

.gallery td.item {
	padding: 2px; }

.gallery .caption { font-size: 12px; font-weight: bold; font-style: normal; }

.return { 
	display: block; 
	margin: 15px 0; }

.museum { 
    text-align:center; 
    margin-bottom:25px; }
.museum .caption { font-style:italic; }
.museum_descr { font-size:14px; font-style:italic; }
.caption * { font-size:12px; font-style:italic; }
.copyright { display:block; clear:both; text-align:center; color:#555; margin:25px 10px 10px; font-size:11px; font-weight:normal; font-style:italic; }
.footnote  { display:block; clear:both; text-align:center; color:#555; margin:5px 10px 2px; font-size:11px; font-weight:normal; font-style:italic; }

.authorization { font-size:12px; 
    color:#0077FF;
    margin-top: 30px; }
    
.authorization .notice { color:#FF0000; }

.portfolio {
	display: table;
	width: 590px; }

.portfolio a,
.portfolio a:link,
.portfolio a:hover,
.portfolio a:visited {
	color: #000; 
	text-decoration:none; }

.portfolio a:hover {
	color: #FF0000; 
	text-decoration:none; }


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

#contact_us table {
	margin: 0 auto; }

#contact_us th {
	text-align: right; 
	padding: 3px; 
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	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;  }


/* =NAVIGATION
------------------------------------------------------------------------------*/
#heading { 
    display:block; 
    clear:none; 
    color:#F00; 
    border-bottom:1px solid #555; 
    margin:10px 40px 0 10px; 
    font-size:24px;
    font-style:italic;
    text-transform: lowercase;
    text-align:right; }

.directory {
    display:table;
    width:auto;
    font-size: 14px;
    font-style:italic;
    text-transform: lowercase;
    margin:19px 0 0 20px; }

.directory a {
    display:table;
    float:left;
    padding:6px 15px; }

.directory a:link,
.directory a:visited { 
    color:#F00;
    text-decoration: none;  }

.directory a:hover { 
    color:#F00;
    text-decoration:underline; }


.index { 
	display: table;
	float: right; 
	font-size: 1.0em;
	text-align: right;
    text-transform: lowercase;
	margin-bottom: 375px; }


.index a,
.index a:link,
.index a:visited { 
	display: list-item;
/*	list-style: inside url(/images/bullet.gif); */
	color: #000; 
	font-size: 0.9em;
	border-bottom: none; 
	text-decoration: none;  
	padding: 4px 0; }

.index a:hover { 
    color:#F00; 
    text-decoration:underline; }




/*------- As if it were a swarm of bees, avoid .heirarchy --------*/
.heirarchy { 
	display: block;
	text-align: right;
    text-transform: lowercase;
	padding: 0;
	margin: 0; }

.heirarchy ul { 
	display: table;
	width: auto;
	padding: 0;
	margin: 0; }

.heirarchy li { 
	display: block;
	list-style: none; 
	background: none; 
	font-style: italic; 
	border-bottom: 1px solid #999;  
    border-right: 1px dotted white;
	padding: 0; 
	margin: 0; }

.heirarchy a,
.heirarchy a:link,
.heirarchy a:visited {
	display: block;
	color: #F00; 
	text-decoration: none; 
	padding: 5px 0; }

.heirarchy a:hover {
	color: #F00; 
	text-decoration: underline; }

.heirarchy .selected li { 
	border-bottom: none; 
	display: block;
	width: 100%; }

.heirarchy .selected a,
.heirarchy .selected a:link,
.heirarchy .selected a:visited {
	display: list-item;
	font-size: 20px; 
	padding: 3px 0; }

.heirarchy .selected ul a,
.heirarchy .selected ul a:link,
.heirarchy .selected ul a:visited {
	color: #000; 
	font-size: 14px;
	border-bottom: none; 
	text-decoration: none; }

.heirarchy .selected ul a:hover {
	color: #F00; 
	text-decoration: underline; }

.heirarchy li ul { 
	display: none; 
	padding-bottom: 2px;}

.heirarchy li.selected ul { display: block; }



/* =CGAsssets
------------------------------------------------------------------------------*/

.download_list { border: 1px solid #000; width: 100%; font: Helvetica, Arial, Verdana, sans-serif;}
.download_list th { background: #D33; color: white; padding: 2px 4px; font-weight: bold; font-size: 14px; }
.download_list .dl_asset td { background: white; color: #666666; border-top: 1px dotted #822; padding: 2px 4px; font-size: 12px; }
.download_list .title { font-weight: bold; }
.download_list .caption { font-style: italic; }

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






/*------- As if it were a swarm of bees, avoid #catalog --------*/
#catalog { 
    display: block;
	border-bottom: 1px solid #999; 
    border-right: 1px dotted white;
    text-transform: lowercase;
    font-style: italic;
    text-align: right;
	font-size: 20px;
    color: #F00; 
    margin-top: 5px; }

#catalog ul { 
    display: table;
    width: 100%;
	padding: 0;
	margin: 0; 
	line-height: 1.0em; }

#catalog li { 
	display: block;
	list-style: none;
	background: none;
	font-style: italic;
	padding: 0;
	margin: 0; 
	line-height: 1.0em; 
    border: 1px dotted white; }

#catalog a,
#catalog a:link,
#catalog a:visited {
	color: #000; 
	font-size: 14px;
	border-bottom: none; 
	text-decoration: none; 
	display: block;  
	padding: 3px 0; 
	margin: 0; 
/*	list-style: inside url(/images/bullet.gif); */ }

#catalog ul a:hover {
	color: #F00; 
	display: block;  
	text-decoration: underline; }
	

#catalog_list { 
	width: 468px;
    display: table;
    text-transform: lowercase;
    font-style: italic;
    text-align: center;
	font-size: 20px;
    color: #F00; 
    margin: 40px auto 0; }

#catalog_list ul { 
    display: table;
	float: left;
    width: 100%;
	padding: 0;
	margin: 0; 
	line-height: 1.0em; }

#catalog_list li { 
	display: block;
	float: left;
	list-style: none;
	background: none;
	font-style: italic;
	padding: 0;
	margin: 0 12px; 
	line-height: 1.0em; }

#catalog_list a,
#catalog_list a:link,
#catalog_list a:visited {
	color: #000; 
	font-size: 14px;
	border-bottom: none; 
	text-decoration: none; 
	display: block;  
	padding: 3px 0; 
	margin: 0; }

#catalog_list ul a:hover {
	color: #F00; 
	text-decoration: underline; }




/* =ICX SHOP
------------------------------------------------------------------------------*/
.shop { display:block;
    text-align:center;
    margin: 45px 0 0 25px; }

.shop table {
	margin: 0 auto; }

.shop th { 
    background: #E3E3E3; 
    color: #444; 
    font-size: 12px; 
    font-weight: normal; 
    padding: 4px; }

.shop td { 
    background: #F9F9F9; 
    color: black; 
    font-size: 11px; 
    font-weight: normal; 
    padding: 4px; }

.shop .product { 
    color: #EEF6CC; 
    display: block; 
    float: left; 
    margin: 10px; }

.shop .asset { 
    color: #999;
    display: table;
    font-size: 10px;
    font-style: italic;
    background: none;
    padding: 5px;
    margin: 2px 10px;
    width: 40%; }

.shop a:link,
.shop a:visited { color: #666; display: block; }

.shop a:hover { color: white; display: block; background-color: black; }




#buy_item { 
    display:table; 
    position:relative; 
    margin:0 auto; 
    width:90%; }
#buy_item table { 
    position:relative; 
	margin:0 auto; }
#buy_item .article { 
    display:block;
    clear:left; 
    margin: 0; }
#buy_item .title { 
    font-size: 21px; }
#buy_item .code { 
    font-size: 12px; 
    color: #999; 
    font-style: italic;}
#buy_item .asset {
	border: 1px dotted red;
    display:table;
    clear:right; 
    float:right;
    color:#999;
    font-size:10px;
    font-style:italic; 
    text-align:center;
    padding:5px;
    margin:0 0 2px 10px;
    background: none;
    width:125px; }




.product_list .title { 
	text-transform: uppercase; 
    font-size: 10px;
    color: #000; }

.product_list .article { 
    display:table;
    width:90%;
    margin:0 auto; }

.product_list { 
    display:table;
    width:90%;
    margin:0 auto; }

.product { 
    display: block; 
    float: left; 
    height: 16.0em; 
    border: 1px solid #DDD;
    border-width: 0 1px 1px 0;
    width: 125px; 
    margin: 10px;
    padding: 3px;
    text-align: center; }

.product div { 
    display: block; 
    clear: both; 
    width: 125px; 
    text-align: center; }


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

.product_table {
	clear: both; 
	margin: 0 35px; }

.product_table .cat_title {
	font-size: 27px; 
	font-style: italic;
	color: #F00;
	text-align: center; 
	margin-top: 0.7em; }

.product_table .cat_descr {
	font-size: 15px; 
	font-weight: normal; }

.product_table table {
	margin: 0 auto; }

.product_table #tally {
	width: 100%; 
	margin: 8px auto 3px;
	border-collapse: collapse; }

.product_table #tally td {
	font-size: 12px;}

.product_table #tally .found {
	border-bottom: 2px solid #200;
	font-weight: bold;
	text-align: left; 
	cell-spacing: 0; 
	padding: 3px; }

.product_table #tally .page {
	border-bottom: 2px solid #200;
	font-weight: bold;
	text-align: right; 
	cell-spacing: 0; 
	padding: 3px; }

.product_table #tally .sort {
	background: #FFF;
	font-weight: bold;
	text-align: center; 
	cell-spacing: 0; 
	padding: 3px; }

.product_table #tally a,
.product_table #tally a:link {
	padding: 0 0.7em; 
	text-decoration: none; }

.product_table #tally a.live {
	color: #F00; 
	text-decoration: underline; }

.product_table #tally a:hover {
	text-decoration: underline; }

.product_table .prod {
	background: #FFF;
	width: 145px;  
	padding: 0.2em; 
	border: 1px solid #EEE; 
	vertical-align: top; }

.product_table .prod * {
	font-size: 13px;
	text-align: center; }

.product_table .prod .title {
	font-weight: bold; }

.product_table .prod .code {
	color: #555;
	font-size: 11px; 
	margin-top: 3px; }

.product_table .prod .price {
	color: #F00;
	font-size: 14px; 
	font-weight: bold; 
	margin-top: 3px; }

.product_table .prod a,
.product_table .prod a:link,
.product_table .prod a:visited {
	border: 1px solid #FFF; 
	display: block; 
	color: #000; 
	text-decoration: none; }

.product_table .prod a:hover {
	color: #F00; 
	border: 1px solid #F00; }

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