@import"_icxShop.css";

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

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

p, pre, blockquote, label, 
fieldset, address { margin: 0.7em 0; }

dl, ul, ol, li, dd, blockquote { margin-left: 1.0em; }

html, body { color: #555;
             font-family: 'Times New Roman',Times,Georgia,serif;
/*             font-family:Verdana, Arial, Helvetica, sans-serif; */
             background: none; }

form label { cursor: pointer; }

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

.container {
	clear:left; 
	display:inline-table; }

.container .mark {
	float:left; 
	display:inline-table; 
	width:340px; 
	margin:0 5px 15px; }

.container .mark .title {
	font-weight:bold; }

.container .price {
	font-weight:bold; 
	display:inline-table; 
	margin:0 5px 0; }

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

body { color:#555; background-color:#FFF6D6; height:100%; }
h1 { font-size:28px; color:#306; font-style:italic; font-weight:normal; margin:0; padding:0; line-height:1.1em; }
h2 { font-size:22px; color:#170; font-style:italic; font-weight:normal; margin:6px 0; padding:0; line-height:1.0em; }
h3 { font-size:20px; color:#D43; font-style:italic; font-weight:normal; margin:16px 0 0; padding:0; line-height:1.0em; }
h4 { font-size:18px; color:#DA0; font-style:italic; font-weight:normal; margin:10px 0 0; padding:0; line-height:1.0em; }
h5 { font-size:14px; color:#660; font-style:italic; font-weight:normal; margin:10px 0 0; padding:0; line-height:1.0em; }
h6 { font-size:14px; color:#CCC; font-style:italic; font-weight:normal; margin:10px 0 0; padding:0; line-height:1.0em; }
td { font-size:16px; color:#033; }
th { font-size:16px; color:#333; }
p  { font-size:16px; color:#033; }
li { font-size:16px; margin-bottom:5px; }
pre { border:1px solid #FF0000; color:#FF0000; }

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

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

th.preview { background-color:#07F; color:white; font-family:Verdana,Helvetica,Arial,sans-serif; font-size:10px; font-weight:bold; margin:0; padding:2px; }
td.preview { background-color:#FFF; }

.head { padding:4px 0; }
.head ul { display:table; padding-right:25px; float:right; }
.head ul a { white-space:nowrap; }
.nav { background-color:#D43; text-align:right; }
.left { background-color:white; border-right:1px solid #117700; }
.center { background:white; }
.foot { background:#60B; }
.foot a { color:#DA0; }

.article   { display:table; clear:both; padding:0; margin:20px 40px 16px 40px; color:#033; font-size:12px; }
.asset     { display:block; font-size:12px; font-style:italic; background:transparent; padding:5px; margin:2px 10px;}
.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; }
.contact { display:block; background-color:#FFF6D6; clear:both; text-align:left; color:#06C; font-weight:bold; margin:10px; padding:10px 10px 10px; font-size:12px; border:1px solid #117700; }
.copyright { display:block; clear:both; text-align:center; color:white; padding:5px 10px 0px; font-size:11px; font-weight:normal; font-style:italic; }
.footnote  { display:block; clear:both; text-align:center; color:white; padding:0px 10px 2px; font-size:11px; font-weight:normal; font-style:italic; }
.faq   { display:table; clear:both; padding:0; margin:0px 40px 10px 40px; color:#003333; font-size:14px; }

/* =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;  }


.authorization { font-size:12px; color:white; }
.authorization .notice { color:#FF0000; }

.directory { display:table; clear:both; float:right; position:relative; font-weight:bold; font-size:15px; padding:0; margin:0; }
.directory a { display:table; clear:none; float:left; text-decoration:none; padding:2px 10px; margin:0; }
.directory a:link,
.directory a:visited { color:white; background-color:#6600BB; border-left:1px solid white; }
.directory a:hover   { color:white; background-color:red; text-decoration:underline; }

.heading   { display:block; clear:none; color:#0077FF; background-color:#FFFFFF; border-bottom:1px solid #BBBBBB; border-top:2px solid #0077FF; padding:0px 10px; font-size:21px; font-weight:normal;}

.index { display:table; font-size:13px; font-weight:bold; position:relative; width:90%; height:auto; margin:3px; white-space:normal; text-align:center; background:url(/images/button.gif) top left no-repeat #117700; }
.index a         { display:block; clear:both; padding:2px 0; width:100%; text-decoration:none; border-bottom:1px solid white; }
.index a:link,
.index a:visited { color:white; background:url(/images/button.gif) bottom right no-repeat; }
.index a:hover   { color:white; background:-100px red; text-decoration:underline; }

.banner { display:block; clear:none; text-align:center; margin:10px; padding:0px; color:#0077FF; font-style:italic; font-size:18px; }
.banner a p       { color: #0077FF; font-style:italic; font-size:18px; }
.banner a:hover p { color: #FF0000; }

.resource { display:block; clear:none; margin:10px 20px; padding:0px; color:#666666; font-size:14px; }
.resource h3 a       { color: #0077FF; font-style:italic; }
.resource a       { color: #0066CC; font-style:italic; }
.resource a:hover { color: #FF0000; }


#placard {
	display: block;
	height: 73px; 
	margin: 0 20px 0 390px;
	padding: 10px 0;
	vertical-align: middle;}

#placard p {
	color: #090; }

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

.download_list { clear:both; border: 1px solid #170; width: 100%; font: 'Times New Roman',Times,Georgia,serif;}
.download_list th { background: #306; color: white; padding: 2px 4px; font-weight: bold; font-size: 14px; }
.download_list .dl_asset td { background: #FFF6D6; color: #666666; border-top: 1px dotted #FD551D; padding: 2px 4px; font-size: 12px; }
.download_list a:link,
.download_list a:visited { color: #06C; }
.download_list a:hover { color: #F00; }
.download_list .title { font-weight: bold; }
.download_list .caption { font-style: italic; }

/* =COLUMNS
------------------------------------------------------------------------------*/
.twocolumns {
	display: table;
	width: 100%;
	border: 1px dotted #999; }

.twocolumns .one {
	display: inline-table;
	float: left;
	width: 47%;
	border: 1px dotted #BBB; }

.twocolumns .two {
	display: inline-table;
	float: right;
	width: 47%;
	border: 1px dotted #BBB; }

.threecolumns {
	display: table;
	width: 100%;
	border: 1px dotted #999; }

.threecolumns .one {
	display: inline-table;
	float: left;
	width: 30%;
	border: 1px dotted #BBB; }

.threecolumns .two {
	display: inline-table;
	float: left;
	width: 30%;
	border: 1px dotted #BBB; }

.threecolumns .three {
	display: inline-table;
	float: left;
	width: 30%;
	border: 1px dotted #BBB; }

.fourcolumns {
	display: table;
	width: 100%;
	border: 1px dotted #999; }

.fourcolumns .one {
	display: inline-table;
	float: left;
	width: 24%;
	border: 1px dotted #BBB; }

.fourcolumns .two {
	display: inline-table;
	float: left;
	width: 24%;
	border: 1px dotted #BBB; }

.fourcolumns .three {
	display: inline-table;
	float: left;
	width: 24%;
	border: 1px dotted #BBB; }

.fourcolumns .four {
	display: inline-table;
	float: left;
	width: 24%;
	border: 1px dotted #BBB; }


/* =PATH DOORS
------------------------------------------------------------------------------*/
.columns1,
.columns2,
.columns3,
.columns4 {
	width: 100%;
	height: 120px;
	vertical-align: middle;
	border: 1px dotted #CCC; }

.columns1 .col1 {
	background: #EEE;
	padding: 1.0em;
	text-align: center; 
	vertical-align: middle;
	border: 1px dotted #AAA; }


.columns2 .col1,
.columns2 .col2 {
	background: #EEE;
	width: 50%; 
	padding: 1.0em;
	text-align: center; 
	vertical-align: middle;
	border: 1px dotted #AAA; }


.columns3 .col1,
.columns3 .col2,
.columns3 .col3 {
	background: #EEE;
	width: 33%; 
	padding: 1.0em;
	text-align: center; 
	vertical-align: middle;
	border: 1px dotted #AAA; }


.columns4 .col1,
.columns4 .col2,
.columns4 .col3,
.columns4 .col4 {
	background: #EEE;
	width: 25%; 
	padding: 1.0em;
	text-align: center; 
	vertical-align: middle;
	border: 1px dotted #AAA; }
	
.columns1 .col1 a,
.columns2 .col1 a,
.columns2 .col2 a,
.columns3 .col1 a,
.columns3 .col2 a,
.columns3 .col3 a,
.columns4 .col1 a,
.columns4 .col2 a,
.columns4 .col3 a,
.columns4 .col4 a {
	font-weight: bold;
	font-size: 22px; }