/* VISION - IN FLY FISHING */

* { border: 0px; font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px;  z-index: 0; }

body, html {
	background: #959595;
	color: #fff;
	text-align: center;
}

a, a:visited { color: #7c8692; text-decoration: none; } 
a:hover { text-decoration: underline; }

.nobackground { background-image: none !important; }
.nobottompadding { padding-bottom: 0px !important; }
.nomargin { margin: 0px; padding: 0px; }
.nopadding { padding: 0px !important; }
.clear { clear: both; }
.right { text-align: right; }
.left { float: left; }

/* containers */
#container { background: #959595 url('../images/backgrounds/body_catalogue.gif') top left repeat-x; padding: 0 0 100px 0; }
.catalogue_body { background: #959595 url('../images/backgrounds/body_catalogue.gif') top left repeat-x !important; }
#main { height: 1%; left: 0px; margin: 0px auto; overflow: hidden; padding: 0 3px 0 0; position: relative; width: 992px; }
#footer { font-size: 11px; height: 1%; left: 0px; margin: 0px auto; overflow: hidden; padding: 0 3px 0 0; padding: 9px 0 0 21px; position: relative; text-align: left; width: 974px; }

#content { float: right; padding: 0; text-align: left; width: 747px; }
#page_container { background: #fff; height: 573px; margin: 26px 0 0 0; overflow: hidden; position: relative; width: 995px; }
#page_img { height: 573px; left: 0px; width: 498px; position: absolute; text-align: left; top: 0px; }
#page_content { background: #fff url('../images/logo_white.gif') top right no-repeat; color: #808080; font-size: 12px; height: 552px; left: 526px; overflow: hidden; position: absolute; text-align: left; top: 21px; width: 440px; }

#page_content h1 { color: #545454; font-size: 18px; font-weight: normal; margin: 56px 0 17px 0; }
#page_content h2 { color: #c4c4c4; font-size: 14px; font-weight: normal; margin: 0 0 44px 0; }
#page_content #searchits h2 { margin-bottom: 5px; margin-top: 20px; }
#page_content #searchits a, #page_content #searchits a:visited { text-decoration: none; }
#page_content #searchits a:hover { text-decoration: underline; }

#page_content #searchits ul { height: 1%; margin: 0 0 10px 0; overflow: hidden; }
#page_content #searchits ul li { clear: both; height: 1%; list-style: none; margin: 0 0 10px 0; overflow: hidden; }
#page_content #searchits p { float: left; display: block; margin: 0px; width: 350px; }
#page_content #searchits img { float: left; margin: 0 20px 0 0; }



#page_content h3 { color: #545454; font-size: 18px; font-weight: normal; margin: 0 0 17px 0; }

#page_content a, #page_content a:visited, #page_content a:hover { color: #767676; }
#page_content p { line-height: 18px; margin: 0 0 17px 0; }
#page_content .ingress { color: #707070; font-size: 14px; } 
#page_content #products, #page_content #content_lists { position: absolute; top: 384px; left: 0px; width: 440px; }
#page_content #products h4, #page_content #recent_stories h4 { color: #666666; font-size: 14px; font-weight: normal; margin: 0 0 5px 0; }
#page_content #products ul { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 1%; overflow: hidden; padding: 10px 0; width: 100%; }
#page_content #products ul li { background: transparent url(../images/backgrounds/productspacer.gif) top right repeat-y; color: #838383; float: left; list-style: none; margin: 0; padding: 0 41px 0 0; text-align: center; }
#page_content #products ul li  h5 { color: #838383; font-size: 11px; font-weight: normal; margin: 1px 0 0 0; /*width: 80px;*/ }

#page_content #content_lists { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; height: 215px; padding: 15px 0; top: 280px; }
#page_content #content_lists ul { list-style: none; }
#page_content #content_lists ul li { background: transparent url(../images/dots.gif) 0 3px no-repeat; display: block; list-style: none; margin: 0 0 3px 0; padding: 0 0 0 10px; }
#page_content #content_lists .list, #page_content #content_lists .country_list { float: left; width: 180px; } 
#page_content #content_lists .country_list { width: 120px; } 
#page_content .list { margin: 0 20px 0 0; }

#page_content #subpages { border-top: 1px solid #e2e2e2; padding: 10px 0 0 0; position: absolute; top: 515px; left: 0px; width: 440px; }


/*
#footer { background: transparent url('../images/backgrounds/footer.gif') top left repeat-x; clear: both; height: 22px; width: 100%; }
*/

/* catalogue */
#catalogue { height: 1%; left: 0px; padding: 0 0 100px 0; text-align: left; position: relative; z-index: 1; }
#catalogue #ingress { clear: both; font-size: 16px; padding: 19px 0px 24px 38px; }
#catalogue #ingress p { font-size: 16px; }
#catalogue #ingress h1 { color: #eaeaea; font-size: 20px; font-weight: normal; }

#catalogue_header { text-align: right; }

#catalogue #items { clear: both; height: 1%; overflow: hidden; padding: 0 0 0 26px; text-align: left; }

#catalogue .item { float: left; text-align: center; margin: 0 20px 20px 0; padding: 0; position: relative; overflow: hidden !important; width: 115px; }
#catalogue .item h2 { color: #ffffff !important; display: block; font-size: 13px; font-weight: normal; line-height: 20px; height: 20px; margin: 0 0 5px 0; }
#catalogue .item .item_info { height: 1px; visibility: hidden; overflow: hidden; }
#catalogue .item div ul li { list-style: disc; }
#catalogue .item a, #catalogue .item a:visited, #catalogue .item a:hover { outline: none; }

#catalogue .item a h2, #catalogue .item a:visited h2 { color: #ffffff !important; }

/* new */
#catalogue li.item { float: left; display: inline; margin: 0 20px 20px 0; padding: 0px; }
#catalogue ul#items { padding: 0 0 0 26px; margin: 0px; list-style: none; }
/* -- */

.shadow { background: #959595; display: block; filter: alpha(opacity=0); height: 100%;  left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; }
#catalogue .item_hover { cursor: pointer; }

#item_info { background: #666362; color: #d1d0d0; font-size: 11px; padding: 5px; position: absolute; text-align: center; width: 255px; z-index: 7000; }
#item_info h3 { color: #fff; font-size: 12px;  font-weight: normal; }

.products_5 .item { width: 115px !important; }
.products_4 .item { width: 145px !important; }
.products_2 .item { width: 335px !important; }

/* navigation */
#navigation { height: 27px; }
#navigation ul { float: left; margin: 7px 0 0 0; padding: 0 0 0 21px; }
#navigation ul li { background: transparent url('../images/backgrounds/navspacer.gif') top right no-repeat; float: left; height: 14px; list-style: none; padding: 0 16px 0 0; }

/* search */
#navigation #search { background: transparent url('../images/backgrounds/searchspacer.gif') 0px 7px no-repeat; float: right; height: 27px; padding: 0 2px 0 8px; width: 189px; /*width: 286px;*/ }
#navigation div#search.hover { background: #eeeff0; }
#navigation #search form { float: right; }
#navigation #search input { color: #636464; float: left; margin: 5px 0 0 0; }
#navigation #search img { float: left; margin: 5px 0 0 0; }
#navigation #search #searchwords { background: #fafafa url('../images/srch_bg.gif') top left repeat-x; float: left; font-size: 11px; height: 15px; height: "17px"; padding: 2px 0px; width: 142px; }
#navigation #search #search_btn { margin: 5px 0 0 5px; }


/* sidebar */
#sidebar { /* background: yellow; */ color: #7c838c; float: left; padding: 0px; text-align: left; width: 205px; }

#sidebar #sidebar_navigation { overflow: hidden; padding: 0 0 0 12px; } 
#sidebar ul { border-bottom: 1px solid #a5a6a6; padding: 9px 0; width: 176px; }
#sidebar ul li { color: #939da0; font-size: 12px; list-style: none; margin: 0 0 1px 0; padding: 0; text-align: left; white-space: nowrap; }
#sidebar ul li a, #sidebar ul li a:visited, #sidebar ul li a:hover { background: transparent url(../images/dots.png) 5px 6px no-repeat; _background: transparent url(../images/dots2.gif) 5px 9px no-repeat; color: #eaeaea; display: block; outline: none; padding: 2px 0 2px 15px; /*width: 100%;*/ } 
#sidebar ul li a:hover  { background: #9f9fa0 url(../images/dots.png) 5px 6px no-repeat; _background: #9f9fa0 url(../images/dots2.gif) 5px 9px no-repeat; text-decoration: none; }
#sidebar ul li a.current, #sidebar ul li a.current:visited, #sidebar ul li a.current:hover { background: #9f9fa0 url(../images/dots.png) 5px 6px no-repeat; _background: #9f9fa0 url(../images/dots2.gif) 5px 9px no-repeat; }


*+html #sidebar ul li a, *+html #sidebar ul li a:visited, *+html #sidebar ul li a:hover { background: transparent url(../images/dots.png) 5px 9px no-repeat; } 
*+html #sidebar ul li a:hover  { background: #9f9fa0 url(../images/dots.png) 5px 9px no-repeat;  }
*+html #sidebar ul li a.current, *+html #sidebar ul li a.current:visited, *+html #sidebar ul li a.current:hover { background: #9f9fa0 url(../images/dots.png) 5px 9px no-repeat; }



#sidebar_navigation #footer { color: #EAEAEA !important; margin: 0px !important; padding: 50px 0 0 4px; !important; width: auto !important; }

/* logo */
#sidebar #logo { height: 113px; width: 205px; } 
#sidebar #logo img { margin: 32px 0 0 18px; }

/* search results */
#searchresults { background: transparent; position: absolute; top: 0px; right: 0px; width: 294px; z-index: 999; }

#searchresults ul { background: transparent url(../images/backgrounds/searchresults.png) bottom left no-repeat; _background-image: none; _background: transparent url(../images/backgrounds/searchresults.gif) bottom left no-repeat; color: #7c7c7c; font-size: 11px; margin: 27px 0 0 0; padding: 0 0 5px 0; text-align: left; width: 294px; }
#searchresults ul li { border-bottom: 1px solid #e7ebec; color: #7c7c7c; list-style: none; margin: 0 0 0 3px; overflow: hidden; padding: 3px 6px 3px 12px; width: 270px; }
#searchresults ul li.hover, #searchresults ul li:hover { background: #f5f7f8; cursor: pointer; }
#searchresults ul li img { display: inline; float: left; margin-right: 9px; margin-left: -3px; /*padding: 0 9px 0 0; */ width: 62px; height: 67px; }
#searchresults ul li a, #searchresults ul li a:link, #searchresults ul li a:visited, #searchresults ul li a:hover { color: #7c7c7c; font-weight: bold; }

#searchresults ul li.category { background: #eeeff0; border-top: 1px solid #fff; font-size: 11px; font-weight: bold; height: 21px; padding: 0 11px 0 12px; width: 265px; }
#searchresults ul li.category p { color: #7c7c7c; padding: 4px 0 0 0; }

#searchresults ul li.last { border-bottom: 0px; }

/*
#searchresults ul li { border-bottom: 1px solid #e7ebec; color: #7c7c7c; font-size: 11px; height: 1%; list-style: none; margin: 0 0 0 3px; overflow: hidden; }
#searchresults ul li:hover { background: #f5f7f8; cursor: pointer; }
#searchresults ul li img { float: left; margin-left: -3px; padding: 0 9px 0 0; }
#searchresults ul li a, #searchresults ul li a:link, #searchresults ul li a:visited, #searchresults ul li a:hover { color: #7c7c7c; font-weight: bold; }
#searchresults ul li.category { background: #eeeff0; border-top: 1px solid #fff; font-size: 11px; font-weight: bold; height: 21px; padding: 0 11px 0 12px; width: 268px; }
#searchresults ul li.category p { color: #7c7c7c; padding: 4px 0 0 0; }
#searchresults ul li.last { border-bottom: 0px; }
#searchresults ul li.hover { background: #f5f7f8; cursor: pointer; }
*/

/* Item sidebar  */
#item_sidebar { float: left; padding: 120px 0 0 15px; width: 332px; width: "347px"; }

#item_thumbnails { height: 1%; overflow: hidden; padding: 0 0 20px 0; }
#item_thumbnails a { float: left; margin: 0 5px 0 0; }
#item_thumbnails img { border: 1px solid #fff; }

#item_pictures { clear: both; height: 700px; overflow: hidden; position: relative; width: 347px; } 
#item_pictures img { position: absolute; }

/* Item content */
#item_content { color: #6d6e6e; float: left; font-size: 12px; overflow: hidden; padding: 120px 0 0 15px; width: 350px; }

#item_name { display: block; width: 100%; }
#item_slogan { display: block; width: 400px; }

#item_content #item_name, #item_content #item_slogan { color: #e5e5e5; font-size: 18px; }
#item_content #item_name em { color: #e5e5e5; font-style: normal; } 
#item_content #item_slogan { color: #7e888e; }
#item_description { color: #fff; padding: 16px 0 0 0; } 
#item_description p { line-height: 15px; margin: 0 0 10px 0; }
#item_description #specs { padding: 40px 0 0 0; }
#item_description a, #item_description a:hover, #item_description a:visited { color: #fff; text-decoration: underline; }
#item_description a:hover { text-decoration: none; }

#item_relations { border-bottom: 1px solid #b1b2b2; border-top: 1px solid #b1b2b2; color: #e5e5e5; font-size: 16px; margin: 40px 0; padding: 13px 0; width: 100%; }

#item_relations em { font-style: normal; }
#item_relations a, #item_relations a:visited, #item_relations a:hover { color: #ffffff; }



#language_select {
	background: transparent url(../images/backgrounds/selectlanguage.jpg) top left no-repeat; cursor: pointer; height: 20px; margin: 20px 0 0 16px; width: 155px;
}

#language_select p {
	color: #939da0;
	font-size: 11px;
	padding: 3px 0 0 10px;
}

#languages { display: none; font-size: 11px; margin: 0 0 0 20px; }
#languages ul, #languages ul li { border: 0px; font-size: 11px; }


#frontpage_welcome { clear: both; margin: 19px 0 0 0; position: relative; }
#frontpage_welcome img { z-index: 0; }
#frontpage_welcome #txt { color: #fff; left: 21px; position: absolute; text-align: left; top: 285px; z-index: 1; }
#frontpage_welcome #txt h1, #frontpage_welcome #txt h1 em { color: #e7e7e7; font-size: 20px; font-weight: normal; font-style: normal; width: 900px; }
#frontpage_welcome #txt p { color: #e9eff5; font-size: 16px; margin: 0 0 0 0; font-weight: lighter; width: 900px; }


#recent { border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; clear: both; color: #fff; font-size: 12px; height: 1%; margin-top: 17px; overflow: hidden; padding: 18px 0; text-align: left; }
#recent h2 { color: #fff; font-size: 14px; font-weight: normal; }
#recent ul li { color: #fff; list-style: none; margin: 0 0 4px 0; }

#recent a, #recent a:hover, #recent a:visited { color: #fff; padding: 0px; text-decoration: none; }
#recent a:hover { background: #a6a6a7; }

#recent #guys { float: left; width: 200px; }
#recent #stories { float: left; width: 700px; }
#recent #stories h2 { margin: 0 0 0 7px; }
#recent #stories ul { border-left: 1px solid #a5a6a6; font-size: 12px; float: left; margin: 0 25px 0 0; padding: 0 0 0 5px; }

#subnavigation { clear: both; color: #707b87; height: 21px; padding: 0 0 18px 0; width: 100%; }
#subnavigation ul { margin: 0px; padding: 8px 0 0 0; width: 100%; }
#subnavigation ul li { background: transparent url('../images/navigation/sub/spacer.gif') top right no-repeat; color: #707b87; float: left; list-style: none; margin: 0px; padding: 0 18px 0 0; }
#subnavigation ul li a, #subnavigation ul li a:visited, #subnavigation ul li a:hover { color: #7c8692; outline: none; }
#subnavigation ul li a:hover { color: #383e46; }

#subnavigation #back { padding: 8px 0 0 0; }

#story_pager { background: transparent url('../images/backgrounds/logo.png') bottom right no-repeat; margin: 0 0 30px 0; text-align: left; }
#story_pager #back { font-size: 14px; padding: 30px 0 5px 0; }
#story_pager #back a, #story_pager #back a:visited, #story_pager #back a:hover { color: #fff; }

#story_pager h1 { color: #e7e7e7; font-size: 20px; font-weight: normal; margin: 0px; padding: 0px; }
#story_pager h1 a, #story_pager h1 a:visited, #story_pager h1 a:hover { color: #e7e7e7; font-size: 14px; }
#story_pager h1 em { color: #e7e7e7; font-size: 14px; font-style: normal; }

#story_sidebar { float: left; padding: 25px 0 0 0; text-align: left; width: 400px; }
#story_sidebar #ingress { color: #fff; font-size: 16px; } 

#story_sidebar #items { border-bottom: 1px solid #b8b8b8; border-top: 1px solid #b8b8b8; height: 1%; overflow: hidden; padding: 20px 0 20px 0; }
#story_sidebar #items .item { float: left; margin: 0 5px 0 0; text-align: center; width: 125px; }
#story_sidebar #items .item h3 { color: #fff; font-size: 13px; font-weight: normal; margin: 0 0 10px 0; }
#story_sidebar h2 { color: #e7e7e7; font-size: 16px; margin: 40px 0 5px 0; }

#story { width: 440px; }
#story_content a, #story_content a:visited { text-decoration: underline; }
#story_content a:hover { text-decoration: none; }

#pager { color: #767676; clear: both; }
#pager a, #pager a:visited { text-decoration: none; outline: none; }
#pager a:hover { text-decoration: underline; }

.hoveri { background: #000000; margin: 0 0 10px 0; width: 50%; }

#content_lists a, #content_lists a:visited { text-decoration: none; }
#content_lists a:hover { color: #383e46; }


/*
	Languages
*/

#languages { background: transparent url(../images/languages/dropdown.gif) top left no-repeat; float: right; display: none; height: 18px; margin: 5px 10px 0 0; outline: none; text-indent: -9999em; width: 44px; }
.languages_fi { background: transparent url(../images/languages/dropdown_fi.gif) top left no-repeat !important; }
.languages_de { background: transparent url(../images/languages/dropdown_de.gif) top left no-repeat !important; }
.languages_se { background: transparent url(../images/languages/dropdown_se.gif) top left no-repeat !important; }
.languages_ru { background: transparent url(../images/languages/dropdown_ru.gif) top left no-repeat !important; }


#languages_dropdown { background: #fbfbfb; border: 1px solid #cccdce; border-top: 0px; color: #707070; display: none; font-size: 11px; padding: 5px 5px 3px 5px; position: absolute; right: 201px; text-align: left; top: 27px; z-index: 999; width: 120px; }
#languages_dropdown ul li { list-style: none; margin: 0 0 2px 0; }
#languages_dropdown ul li img { margin-right: 5px; }
#languages_dropdown ul li a, #languages_dropdown ul li a:visited, #languages_dropdown ul li a:hover { color: #9b9b9b; }



#material_bank select { border: 1px solid #e1e1e1; color: #808080; font-size: 11px; font-weight: normal; margin: 5px 0; padding: 1px; width: 200px; }
#material_bank .product_select { display: none; }
#material_bank #thumbnail_loader { display: none; margin: 50px 10px; }
#material_bank #thumbnails { margin: 20px 0; }
#material_bank .materialbank_thumbnail { float: left; display: block; height: 62px; margin: 0 20px 10px 0; width: 62px; }
#prevloader { display: none; margin: 250px; }


.newsletter_form input { border: 1px solid #e2e2e2; padding: 2px 3px; }
.newsletter_form p { margin: 0 0 5px 0 !important; }
.newsletter_form .textinput { width: 200px; }


a.btn, a:visited.btn, a:hover.btn { background: transparent url(../images/buttons/btn_left.gif) top left no-repeat; color: #4c4c4c; display: block; float: left; font-size: 12px; height: 20px; line-height: 20px; text-decoration: none !important; padding: 0 0 0 9px; }
.btn span { background: transparent url(../images/buttons/btn_right.gif) top right no-repeat; display: block; height: 20px; padding-right: 9px; }


.error { border: 1px solid #a10000 !important; }
.tooltip { background: #5caa00; color: #fff; font-size: 11px; padding: 4px;  }


.disabled { opacity: .5; filter: alpha(opacity=50); }

.kuvanostot { border-top: 1px solid #e2e2e2; display: block; height: 1%; list-style: none; overflow: hidden; padding: 20px 0 0 0; }
.kuvanostot li { display: block; float: left;  height: 209px; overflow: hidden; width: 209px; }
.kuvanostot li.marginright { margin-right: 22px; }