body        { background: #d9eeee url("images/body_bg.gif") repeat-x; margin: 0px; font-family: verdana, sans-serif; font-size: 12px;  color: #333333;}
div,p       { line-height: 1.6;}
img         { border: none; margin: 0px; padding: Opx;}
h1          { color: #008B8B; font-size: 18px; font-weight: normal; margin: 0px;}
h2          { color: #008B8B; font-size: 16px; font-weight: normal; margin: 0px;}
/*li          { list-style-image:url("images/arrow.gif");}*/

/*  OVERAL DESIGN  */
#centr             { position: absolute; left: 50%; margin-left: -512px; }
#head              { background: url("images/head.jpg"); width: 1024px; height: 100px; border: 1px solid #008b8b; margin-left: -1px;}
  #steadyco_logo   { float: right; margin-top: 15px; margin-right: 20px;}

#page1                { width: 1024px;}
#page2                { background-color: #FFFFFF; float: left; width: 1024px; min-height: 500px; _height: 500px;}
  #menu               { width: 180px; margin-top: 26px; float: left;}
  #big_links          { width: 180px; height: 79px; float: left; margin-bottom: 10px;}
  #viewport           { width: 765px; padding: 25px 40px 25px 0px; float: right; text-align: left; margin: 0px;}
    #port_a           { float: left; width: 400px;}
    #port_b           { float: right; width: 360px; text-align: center;}
    #part_obr         { float: right; text-align: right; padding: 0px 0px 0px 10px; margin: 0px; min-width: 100px; _width: 100px;}
    
#float                { float: left;}
.style1               { color: #3A8B9F;}
.style2               { color: #0000FF;}
.style3               { color: #FF0000;}
.style4               { color: #FFCC00;}
.style5               { color: #FF00FF;}
.style6               { color: #A0A0A0;}

a:link  	  {	color: #333333; text-decoration: none;}
a:visited   {	color: #333333; text-decoration: none;}
a:hover 	  {	color: #333333; text-decoration: underline;}
a:active	  {	color: #333333; text-decoration: none;}

/*  ANKETS  */
#anketaa            { background: url("images/ankets_bg_a.gif") no-repeat; width: 181px; height: 18px; float: left;}
#anketab            { background: url("images/ankets_bg_b.gif") repeat-y; width: 181px; float: left; font-size: 10px; color: #FFFFFF; padding-left: 10px;}
#anketac            { background: url("images/ankets_bg_c.gif") no-repeat; width: 181px; height: 18px; float: left; margin-bottom: 10px;}
#ankets_line        { height: 7px; float: left; background: #008B8B url("images/ankets_line.gif") repeat-x; margin: 5px 3px 0px 10px;}
#ankets_links       { background: url("images/arrow2.gif") no-repeat; border-top: 1px dotted #FFFFFF; width: 146px; margin-top: 5px; padding-left: 15px;}
a.l_ankets:link  	  {	color: #FFFFFF; text-decoration: none;}
a.l_ankets:visited  {	color: #FFFFFF; text-decoration: none;}
a.l_ankets:hover 	  {	color: #FFFFFF; text-decoration: underline;}
a.l_ankets:active	  {	color: #FFFFFF; text-decoration: none;}

/*  FOOT PAGE */
#foot       { background: url("images/foot.gif"); width: 1024px; height: 95px; clear: both;}

/*  PRODUKT */
#click_this1          { width: 250px; text-align: left; float: right; clear: right; margin: 10px 50px 10px 30px; color: #3A8B9F;}
#click_this2          { float: right; clear: right; margin: 0px 0px 30px 30px;}
a.click_this:link     { background-color: #3A8B9F; color: #FFFFFF; height: 20px; width: 150px; float: left; text-align: center; text-decoration: none; line-height: 20px;}
a.click_this:visited  { background-color: #3A8B9F; color: #FFFFFF; height: 20px; width: 150px; float: left; text-align: center; text-decoration: none; line-height: 20px;}
a.click_this:hover    { background-color: #2C6978; color: #FFFFFF; height: 20px; width: 150px; float: left; text-align: center; text-decoration: none; line-height: 20px;}
a.click_this:active   { background-color: #3A8B9F; color: #FFFFFF; height: 20px; width: 150px; float: left; text-align: center; text-decoration: none; line-height: 20px;}

/*  FLAYER*/
#a1                   { width: 100%; height: 370px; display: table; #position: relative; overflow: hidden; background: url("images/bg_flayer.gif") no-repeat; background-position: center center;}
#a2                   { #position: absolute;  #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; }
#a3                   { #position: relative;  #top: -50%; #left: -50%; text-align: center;}
#no_list_f            { width: 50px; height: 25px; float: left; color: #FFFFFF; background: url("images/no_list.gif") no-repeat; text-align: center; font-size: 16px; font-weight: bold; color: #000000;}
#no_list_b            { width: 50px; height: 25px; float: right; color: #FFFFFF; background: url("images/no_list.gif") no-repeat; text-align: center; font-size: 16px; font-weight: bold; color: #000000;}
#lista1               { float:left; width: 25%; height:25px; text-align: right; margin-top: 10px;}
#lista2               { float:left; width: 50%; height:25px; text-align: center; margin-top: 10px; font-size: 14px;}
#lista3               { float:left; width: 25%; height:25px; text-align: left; margin-top: 10px;}
a.l_list_f:link  	    {	width: 50px; height: 25px; background: url("images/list.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: left;}
a.l_list_f:visited    {	width: 50px; height: 25px; background: url("images/list.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: left;}
a.l_list_f:hover 	    {	width: 50px; height: 25px; background: url("images/list2.gif") no-repeat; text-align: center; color: #008B8B; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: left;}
a.l_list_f:active	    {	width: 50px; height: 25px; background: url("images/lis.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: left;}
a.l_list_b:link  	    {	width: 50px; height: 25px; background: url("images/list.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: right;}
a.l_list_b:visited    {	width: 50px; height: 25px; background: url("images/list.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: right;}
a.l_list_b:hover 	    {	width: 50px; height: 25px; background: url("images/list2.gif") no-repeat; text-align: center; color: #008B8B; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: right;}
a.l_list_b:active	    {	width: 50px; height: 25px; background: url("images/lis.gif") no-repeat; text-align: center; color: #FFFFFF; text-decoration: none; font-size: 16px; font-weight: bold; padding: 0px; float: right;}


/*  SALE PLACES */
#sale_places          { text-align: center;}

/*  ORDER CATALOG */
#order_catalog    { width: 305px; float: left;}
  #o1             { float: left; width: 150px; height: 25px;}
  #o2             { float: left; width: 155px; height: 25px;}
#stav_ok          { height: 30px; padding-left: 35px; line-height: 30px; color: #0000CC; background: url(images/ok.gif) left no-repeat; float: left; margin: 60px 0px 0px 50px; font-size: 14px;}
#stav_faild       { height: 30px; padding-left: 35px; line-height: 30px; color: #CC0000; background: url(images/faild.gif) left no-repeat; float: left; margin: 60px 0px 0px 50px; font-size: 14px;}
.f_input_text     { border: 1px solid black; width: 150px; height: 15px; font-size: 12px;  color: #333333; padding-left: 3px;}
.f_input_text_e   { border: 1px solid black; width: 150px; height: 15px; font-size: 12px;  color: #FFFFFF; padding-left: 3px; background-color: #CC0000;}
.f_send           { border: 1px solid black; width: 75px; height: 20px; font-size: 12px;  color: #333333; padding-left: 3px; background-color: #008B8B; color: #FFFFFF;}

/*  LINKS  MENU  */
a.l_menu:link  	  {	border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 176px; height: 21px; background: #008B8B url(images/bg_link_menu.gif); float: left; text-align: left; color: #FFFFFF; text-decoration: none; font-size: 13px; padding: 1px 0px 0px 4px;}
a.l_menu:visited  {	border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 176px; height: 21px; background: #008B8B url(images/bg_link_menu.gif); float: left; text-align: left; color: #FFFFFF; text-decoration: none; font-size: 13px; padding: 1px 0px 0px 4px;}
a.l_menu:hover 	  {	border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 176px; height: 21px; background: #008B8B; float: left; text-align: left; color:#FFFFFF; text-decoration: none; font-size: 13px; padding: 1px 0px 0px 4px;}
a.l_menu:active	  {	border-left: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; width: 176px; height: 21px; background: #008B8B; float: left; text-align: left; color:#FFFFFF; text-decoration: none; font-size: 13px; padding: 1px 0px 0px 4px;}
.bg_link_bottom   { background: url("images/bg_link_bottom.gif"); width: 181px; height: 25px; float: left; margin-bottom: 10px;}





/*		LIGHTBOX		*/
#lightbox					{	position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox a img				{ 	border:none;}
#outerImageContainer		{	position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer				{	padding:10px;}
#loading					{	position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav					{	position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav	{ 	left:0;}
#hoverNav a					{ 	outline:none;}
#prevLink, #nextLink		{	width:49%; height:100%;	background:transparent url(../images/blank.gif) no-repeat; display:block;}
#prevLink					{	left:0; float:left;}
#nextLink					{	right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer			{	font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}
#imageData					{	padding:0 10px; color:#666;}
#imageData #imageDetails	{	width:70%; float:left; text-align:left;}	
#imageData #caption			{	font-weight:bold;}
#imageData #numberDisplay	{	display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose	{	width:66px; float:right; padding-bottom:0.7em;}
#overlay					{	position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}