/*-----------------------------------------------
# [Master Stylesheet] 
#  
# Project:				Retkiaitta
# Version:				0.2
# Last change:			4.5.2009 
# Last assigned to:		Joni 
-----------------------------------------------*/


/*-----------------------------------------------
Colors
-----------------------------------------------*/

/*	
#	background:			#003e29;
#	light green:		#008557;
#	dark green:			#4c6c00;
#	brown:				#ae7e0a;
#	orange:				#ee8701;
#	text:				#666;
*/



/*-----------------------------------------------
General
-----------------------------------------------*/

body
{
background: #fcfbfb url(../i/Tausta_toukokuu-2011.jpg) center 0 no-repeat fixed;
color: #666; 
font: 75% 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5em;
}

html>body {
font-size:12px;
}

div.hr {
clear: both;
background: #fff url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
height: 1px;
}

div.hr hr, 
div.hr_dotted hr {
display: none;
}

div.clear {
clear: both;
}




/*-----------------------------------------------
Typography - General
-----------------------------------------------*/

h2, h3, h4, h5,
h2 a, h3 a, h4 a, h5 a 
{
color: #AE7E0A;
}


h1.flir {
color: #4c6c00;
font-size: 2.667em; /* 32px */
margin-top: 0.3em;
}

h1 {
font-size: 2em; /* 24px */
line-height: 0.563em; 
font-weight: 400;
color: #4c6c00;
}

#general h1.flir {
background: #fff url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
padding-bottom: 5px;
margin-bottom: 15px;
}

h2 {
font-size: 1.667em; /* 20px */
line-height: 0.75em;
margin-bottom: 0.5em;
}

h3 {
font-size:1.5em; /* 18px */
line-height: 1em; 
}

h4 {
font-size:1.167em; /* 14px */
line-height: 1.286em;
}

h5 {
font-size:1em; /* 12px */
line-height: 1.5em;
text-transform: uppercase;
}

p {
font-size: 1em; 
margin:0 0 1.5em 0;
}

address {
font-style: normal;
margin-bottom: 1.5em;
}

strong {
font-weight: bold;
}

span.bullet {
color: #666;
padding: 0 5px;
}




/*-----------------------------------------------
Links - General
-----------------------------------------------*/

a { 
color: #4c6c00;
cursor: pointer;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.general_navigation_links {
position: relative;
float: left;
font-weight: bold;
font-size: 1.17em;
padding: 1em 0;
}




/*-----------------------------------------------
Layout
 -----------------------------------------------*/

div.container {
position: relative;
margin: 40px auto 30px;
overflow: hidden;
width: 980px;
}

div#header {
clear: both;
width: 980px;
}

* + html div#header {
margin-bottom: 7px;
}


div.login_box {
float: left;
background: #fff;
height: 85px;
margin: 0 10px 10px 0;
padding: 20px 10px 15px;
width: 255px;
}

* html div.login_box {
padding: 20px 10px 9px;
}

div#shopping_cart {
float: left;
background: #fff url(../i/icon_shopping_cart.png) 200px 15px no-repeat;
padding: 20px 15px 11px 15px;
text-align: right;
width: 210px;
}

* html div#shopping_cart {
padding-bottom: 11px;
}

div#navigation {
float: left;
background: transparent url(../i/bg_green_90.png) 0 0 repeat;
color: #fff;
line-height: 1.83em;
padding: 0 0 20px 0;
width: 260px;
}

div#sidebar {
float: left;
margin-right: 10px;
width: 260px;
}

div.sidebar_box {
float: left;
background: transparent url(../i/bg_white_80.png) 0 0 repeat;
margin-top: 10px;
padding: 10px;
width: 240px;
}

div#content {
float: left;
background: transparent url(../i/bg_white_80.png) 0 0 repeat;
padding: 0 10px;
width: 690px;
}

* + html div#content {
padding-bottom: 10px;
}

div#toolbar {
float: left;
background: transparent url(../i/bg_breadcrumb.png) 0 0 repeat;
padding: 10px 10px 0;
width: 690px;
}

div.content_wide {
float: left;
clear: both;
background: #fff;
display: inline;
margin-bottom: 10px;
padding: 10px 15px;
width: 660px;
}

div#footer_bg {
float: left;
background:transparent url(../i/bg_white_80.png) repeat scroll 0 0;
padding: 10px;
margin-top: 10px;
}

div#footer {
float: left;
background: #fff;
border-top: 1px solid #ee8701;
padding: 30px 15px;
width: 930px;
}





/*-----------------------------------------------
Forms general + login + logout + search
-----------------------------------------------*/

input, textarea, select {
font: 0.917em Lucida Grande; 
color: #666;
}

.text_field {
background: #fff;
border: 1px solid #999;
padding: 6px 2px 5px;
}

/*-- Dynamic form start --*/

.dynamic_form {
margin: 1.5em 0;
width: 500px;
}

.dynamic_form label {
float: left;
clear: both;
display: block;
margin: 1.5em 0 3px;
}

#contact_form span {
position:relative;
float:right;
color: #ccc;
font-size:0.9em;
padding-top:5px;
}

.dynamic_form input.checkbox,
.dynamic_form input.radio {
float: left;
clear: left;
margin: 1.5em 5px 0 0;
}

.dynamic_form label.checkbox {
float: left;
clear: none;
margin-top: 1.5em;
width: 370px;
}

* html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

* + html .dynamic_form label.checkbox {
margin: 1.7em 0 3px;
}

.dynamic_form .text_field,
.dynamic_form textarea,
.dynamic_form .browser,
.dynamic_form select {
float: left;
clear: both;
display: block;
width: 400px;
}

.dynamic_form select {
width: 200px;
}

.dynamic_form textarea {
float: left;
padding: 3px;
width: 400px;
}

.dynamic_form input.button {
float: left;
margin-top: 1.5em;
}

* html .dynamic_form input.button {
width: 280px;
}

* + html .dynamic_form input.button {
width: 280px;
}

span.star {
color: #c14e0f;
font-size: 1.17em;
line-height: 0.9em;
}

label.error {
color: #c14e0f;
}

legend {
color: #90bd00;
line-height: 1.2em; /* 24px / 16px = 1.2em */
font-size: 1.67em; /*  = 16px / 12px = 1.333em */
margin: 0;
padding: 0;
}


/*-- Login start --*/

div.login_box p.flir {
font-size: 1.167em;
color: #ae7e0a;
margin-bottom: 2px;
width: 100%;
}


div#loggedin p.flir {
padding-bottom: 10px;
background: transparent url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
margin-bottom: 10px;
}

div.login_box {
line-height: 1em;
}

div.login_box p.shop_open,
div.login_box a {
font-size: 0.917em;
margin-bottom: 3px;
}

/* html div#loggedin.login_box p.shop_open,
div#loggedin.login_box a, div#loggedin.login_box p.heading {
display: none;
}*/


div.login_box div.hr {
margin: 5px 0 7px;
}

div#loggedout.login_box a#btn_login,
div#loggedin.login_box a#btn_login {
float: left;
border: 0;
background: url(../i/btn_login.png) 0 0 no-repeat;
cursor: pointer;
display: block;
height: 25px;
margin-right: 5px;
text-indent: -9999px;
width: 121px;
}

.customerLoggedIn a#btn_login {
background: url(../i/btn_logout.png) 0 0 no-repeat !important;
}
/*
.customerLoggedIn div#loggedout.login_box,
div#loggedin.login_box {
display: none;
}

div#loggedout.login_box,
.customerLoggedIn div#loggedin.login_box {
display: block;
}
*/
div.account_buttons {
float: right;
width: 127px;
}

div.account_buttons a {
display: block;
width: 127px;
}


/*-- Newsletter start --*/

form#newsletter_form {
background: #fff;
margin: 0;
width: 240px
}

form#newsletter_form h4.flir {
background:#008557 url(../i/bg_navigation_header.png) repeat-y scroll 0 0;
color: #fff;
font-size: 0.917em;
display: block;
line-height: 1em;
margin: 10px 0 0px -10px;
padding: 8px 0 6px 20px;
text-transform: uppercase;
width: 160px;
}

form#newsletter_form input.text_field {
margin: 10px 0 10px 10px;
width: 210px;
}

form#newsletter_form input.button_arrow {
margin: 0 0 10px 10px;
}




/*-----------------------------------------------
Profile
-----------------------------------------------*/

#register_form {
width: 600px;
}

#register_form div.hr {
float: left;
margin: 3em 0 1.5em;
}

#register_form fieldset {
float: left;
clear: both;
background: transparent url(../i/hr_dotted.gif) 0 bottom repeat-x;
margin-top: 3em;
padding-bottom: 1.5em;
width: 600px;
}

#register_form fieldset.wide {
width: 600px;
}

* html #register_form fieldset legend {
margin-left: -8px;
}

* + html #register_form fieldset legend {
margin-left: -8px;
}

#register_form fieldset.no_border {
margin-top: 1.5em;
background: none;
}

#register_form fieldset.no_border input{
margin-top: 0;
}

#register_form label.checkbox.public_info {
float: right;
display: inline;
margin: 0.4em 100px 0 0;
width: auto;
}

.dynamic_form input.checkbox.public_info {
clear: none;
float: right;
display: inline;
margin: 0.4em 5px 0 0;
}

* html .dynamic_form input.checkbox.public_info {
margin-top: 0.2em;
}

* + html .dynamic_form input.checkbox.public_info {
margin-top: 0.2em;
}

#register_form .text_field,
#register_form textarea,
#register_form .browser,
#register_form select {
width: 270px;
}

#register_form select {
width: 280px;
}

#register_form textarea {
width: 270px;
}

#register_form .birthday {
clear: none;
margin-right: 5px;
width: 80px;
}

p.cannot_change {
float: left;
color: #90bd00;
font-weight: bold;
margin: 0 0 0.5em 20px;
width: 100%;
}

p.cannot_change span{
color: #999;
font-style: italic;
font-weight: normal;
margin-left: 5px;
}

table#user_profile_info {
margin-bottom: 1.5em;
}

table#user_profile_info td {
padding: 5px 10px 0 10px;
}

fieldset#profile_picture_section img#profile_picture {
float: left !important;
padding: 0 !important;
}

img#profile_picture {
float: right !important;
padding: 7px 0 0 15px !important;
}

img#profile_picture.change {
float: left !important;
clear: both;
margin: 1.5em 0 0;
}

form#contact_form {
margin-top: 0;
}

form#contact_form label.checkbox{
margin-bottom: 1.5em;
}

#register_form div.hr {
background: #fff url(../i/hr.gif) -10px 0 no-repeat;
width: 600px;
}

div.warning {
float: left;
border: 1px solid #c14e0f;
}

ul#form_errors {
float: left;
padding: 5px;
margin-bottom: 1.5em;
width: 395px;
}

ul#form_errors li {
padding: 3px;
}

a#show_more_profile {
float: left;
background: transparent url(../i/hr_dotted.gif) 0 bottom repeat-x;
font-size: 1.17em;
font-weight: bold;
padding: 1.5em 0 1.5em;
width: 100%;
}





/*-----------------------------------------------
Contact
-----------------------------------------------*/

#contact h1 {
margin-bottom: 0.75em;
}

#contact h2 {
font-size: 1.33em;
font-weight: normal;
margin-bottom: 0.75em;
}

#contact div#contact_phone {
float: left;
width: 300px;
}

#contact div#contact_phone p{
margin-bottom: 0;
}

#contact div.content_wide address {
float: left;
clear: right;
}

#contact form#contact_form {
float: left;
clear: both;
}





/*-----------------------------------------------
Logo
 -----------------------------------------------*/
 
h1#logo_retkiaitta {
position: relative;
float: left;
margin: 0 10px 10px 0;
width: 445px;
}

h1#logo_retkiaitta a {
font-size: 1em;
background: transparent url(../i/Retkiaitta_weblogo.png) no-repeat;
display: block;
height: 120px;
text-indent: -9999px;
width: 445px;
}

a#logo_retkiaitta {
float: left;
font-size: 1em;
background: transparent url(../i/Retkiaitta_weblogo.png) no-repeat;
display: block;
height: 120px;
margin: 0 10px 10px 0;
text-indent: -9999px;
width: 445px;
}




/*-----------------------------------------------
breadcrumb
 -----------------------------------------------*/

div#toolbar div {
float: left;
background: #fff;
font-size: 0.917em;
line-height: 1.25em;
padding: 5px 0;
}

ul#breadcrumb {
float: left;
background: #fff;
padding-top: 7px;
width: 403px;
}

ul#breadcrumb li {
float: left;
background: #fff;
padding: 0px 5px 0 0;
}

a#home {
float: left;
background: #fff;
padding: 8px 10px 0 15px;
}

ul#breadcrumb li,
ul#breadcrumb li a{
color: #999;
}

ul#breadcrumb li a:hover {
color: #ee8701;
}

/* JAAKON LIS€YS */
ul.Breadcrumb, ul.Breadcrumb li, ul.Breadcrumb li a {
display: inline;
}




/*-----------------------------------------------
Search JONI
-----------------------------------------------*/
form#search_form {
position: relative;
float: right;
background: #fff;
margin: -31px -10px 0 0;
padding: 0 15px 10px 15px;
width: 210px;
}

form#search_form input.text_field {
float: left;
background: #fff url(../i/icon_searchglass.gif) 5px 5px no-repeat;
padding-left: 25px;
width: 140px;
}

form#search_form input.button_arrow {
padding: 1px 0 0 3px;
}



/*-----------------------------------------------
Search JAAKKO
-----------------------------------------------*/
/*
form#SearchForm {
float: right;
background: #fff;
margin: -31px -10px 0 0;
padding: 0 15px 10px 15px;
width: 210px;
}

form#SearchForm #SearchInput {
float: left;
background: #fff url(../i/icon_searchglass.gif) 5px 5px no-repeat;
padding-left: 25px;
width: 140px;
height: 20px;
}

form#SearchForm #SearchButton {
margin: 5px 0 0 0; 
padding: 1px 0 0 3px;
float: left;
}
*/



/*-----------------------------------------------
Banners
-----------------------------------------------*/

.banner_etusivu { display: block; float: left; width: 675px !important; overflow: hidden; }
div.content_wide a.BannerLink {
float: left; width: auto; clear: none; margin-right: 15px;
}
.banner_etusivu img {
 display: block; float: left; margin: 0; padding: 0; clear: none;
}

div.content_wide a.banner {
float: left;
border: 0;
cursor: pointer;
height: 105px;
margin-right: 15px;
text-indent: -9999px;
width: 210px;
}

a#naistentuotteet {
background: url(../i/banner_naistentuotteet.png) 0 0 no-repeat;
}

a#naistentuotteet:hover {
background: url(../i/banner_naistentuotteet.png) 0 -105px no-repeat;
}

a#lastentuotteet {
background: url(../i/banner_lastentuotteet.png) 0 0 no-repeat;
}

a#lastentuotteet:hover {
background: url(../i/banner_lastentuotteet.png) 0 -105px no-repeat;
}

a#matkailutuotteet {
background: url(../i/banner_matkailutuotteet.png) 0 0 no-repeat;
}

a#matkailutuotteet:hover {
background: url(../i/banner_matkailutuotteet.png) 0 -105px no-repeat;
}




/*-----------------------------------------------
Product list
-----------------------------------------------*/

ul.productlist_wide {
float: left;
background: #fff;
border-top: 1px solid #ee8701;
margin-bottom: 10px;
padding: 0px 15px 0px;
width: 660px;
}

ul#search_result.productlist_wide {
border-top: 0;
padding: 0;
}

ul.productlist_wide,
ul.productlist_narrow {
padding-top: 30px;
}

ul.productlist_wide li{
float: left;
display: inline;
border-bottom: 2px solid #fff;
height: 250px;
padding: 10px 5px 3px;
text-align: center;
width: 155px;
}

ul.productlist_wide li.ProductOutOfStock,
ul.productlist_narrow li.ProductOutOfStock { display: none !important; }

ul.productlist_wide li.heading,
ul.productlist_narrow li.heading,
ul.productlist_narrow.right li.heading {
border: 0;
display: block;
float: left;
height: 36px;
margin-top: -35px;
padding: 0;
width: 100%;
}

ul.productlist_narrow.right li.heading {
padding: 0 0 0 15px;
}

ul.productlist_wide li.right,
ul.productlist_narrow.right,
div.content_wide a.banner.right,
.column_225px.right {
margin-right: 0;
}

ul.productlist_narrow {
float: left;
background: #fff;
border-top: 1px solid #ee8701;
margin: 0 10px 10px 0;
padding: 30px 0px 10px 15px;
width: 325px;
}

* html ul.productlist_narrow {
width: 320px;
}

ul.productlist_narrow.right {
float: left;
padding: 30px 15px 10px 0px;
}

* html ul.productlist_narrow.right {
float: right;
display: inline;
padding: 30px 0px 10px 0px;
margin: 0 !important;
}

ul.productlist_narrow li {
float: left;
border-right: 2px solid #fff;
height: 110px;
padding: 5px 13px 5px 0;
width: 310px;
}

* html ul.productlist_narrow li {
padding: 5px 15px 5px 0;
}

ul.productlist_narrow.right li {
padding: 5px 0 5px 13px;
border-right: 0;
border-left: 2px solid #fff;
}

* html ul.productlist_narrow.right li {
padding: 5px 0 5px 15px;
}


ul.productlist_narrow list {
float: left;
}

ul.productlist_wide a.img_link {
float: left;
height: 100px;
margin-bottom: 1em;
width: 155px;
}

ul.productlist_narrow a.img_link {
float: left;
text-align: center;
padding-right: 10px;
width: 100px;
}

div#content h2.flir {
float: left;
background: #fe940a url(../i/bg_h2_orange.gif) 0 bottom repeat-x;
color: #fff;
font-size: 1em;
padding: 7px 15px 5px 10px;
text-transform: uppercase;
width: auto;
}

div#content div#news h2.flir,
div#footer h2.flir {
margin-top: -35px;
}

ul.productlist_wide h3,
ul.productlist_narrow h3 {
font-size: 1.167em;
}

ul.productlist_wide h3,
ul.productlist_wide a,
ul.productlist_wide p  {
float: left;
width: 155px;
}

ul.productlist_wide a p  {
text-decoration: none;
}

ul.productlist_wide h3 a,
ul.productlist_narrow h3 a {
color: #4c6c00;
}

ul.productlist_wide li:hover {
border-bottom: 2px solid #fe940a;
}

ul.productlist_wide li.heading:hover,
ul.productlist_narrow li.heading:hover,
ul.productlist_narrow.right li.heading:hover {
border: 0;
}

ul.productlist_narrow li:hover {
border-right: 2px solid #fe940a;
}

ul.productlist_narrow.right li:hover {
border-right: 0;
border-left: 2px solid #fe940a;
}

ul.productlist_wide li p,
ul.productlist_narrow li p {
color: #666;
font-size: 0.917em;
line-height: 1.4em;
margin: 6px 0;
}

ul.productlist_narrow li h3,
ul.productlist_narrow li a,
ul.productlist_narrow li p {
float: right;
width: 200px;
}

a.description {
color: #666;
text-decoration: none;
}

ul.productlist_narrow li p.price {
margin: 0;
}

ul.productlist_wide li p.price, ul.productlist_narrow li p.price {
margin: 0;
}

p.price a {
color: #ae7e0a;
font-size: 1.167em;
text-decoration: none;
}

p.price span {
color: #666;
font-size: 0.768em;
display: block;
text-decoration: line-through;
}

/* JAAKON LIS€YS */
dt.Price {
display: none;
}

.level_4 ul.productlist_wide {
border-top: 0;
padding: 0;
}


/*-----------------------------------------------
News
-----------------------------------------------*/

div#news {
border-top: 1px solid #ae7e0a;
padding-top: 30px;
}

div#news ul {
float: left;
clear: left;
width: 430px;
}

div#news ul li {
background: transparent url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
}

div#news ul li a {
font-size: 1.083em;
display: block;
padding: 0 0 12px;
}

div#news ul li span{
color: #666;
display: block;
font-size: 0.833em;
line-height: 1em;
padding: 18px 0 3px;
}

div#news a.news_banner {
float: right;
}




/*-----------------------------------------------
Category
-----------------------------------------------*/

#category h1 {
background: #fff url(../i/hr_katkoviiva.gif) 0 bottom repeat-x;
padding-bottom: 5px;
}

#category.level_3 div#navigation_sub {
padding-bottom: 0;
margin-bottom: 0;
}

#category.level_3 ul.productlist_wide {
padding: 0px 15px 20px;
border: 0;
}

#category.level_3 ul.productlist_wide li{
padding-top: 30px;
}





/*-----------------------------------------------
News
-----------------------------------------------*/

#news div#content h1.flir {
margin-bottom: 0.2em;
}

#news p.news_ingress {
color: #999;
font-size: 1.167em;
font-family: Georgia;
font-style: italic;
line-height: 1.5em;
background: #FFFFFF url(../i/hr_katkoviiva.gif) repeat-x scroll 0 bottom;
padding-bottom: 1em;
}

#news span.news_date {
float: left;
font-size: 0.7em;
padding: 16px 10px 5px 0;
}

#news div#content h1, #news div#content h2, #news div#content h3, #news div#content h4, #news div#content h5 {
color: #AE7E0A;
margin-bottom: 0.5em;
}

#news div#content ol {
list-style-type: decimal;
margin-bottom: 1.5em;
margin-left: 10px;
padding-left: 15px;
}

#news div#content ul {
margin-bottom: 1.5em;
}

#news div#content ul li {
background: transparent url(../i/icon_bullet.png) 0 7px no-repeat;
margin-left: 10px;
padding-left: 15px;
}



/*-----------------------------------------------
Product
-----------------------------------------------*/

#product div#price_info {
float: left;
text-align: right;
width: 145px;
}

#product div#price_info p{
margin: 0;
}

#product div#price_info p#price_ovh {
text-decoration: line-through;
}

.margin {
margin-bottom: 1.5em;
}

#product dd.Price {
color: #4c6c00;
font: 2.4em 'Trebuchet MS','Lucida Sans Unicode','Lucida Grande',Arial,Helvetica,sans-serif;
font-weight: bold;
}

#product dd.ListPrice {
text-decoration: line-through;
color: #636363;
font-size: 1.2em;
}

#product dd.KreditorPrice,#product dd.KlarnaPrice {
color: #AE7E0A;
font-size: 1.2em;
}


dt.ListPrice {
display: none;
}

dd.ListPrice {
text-decoration: line-through;
}

#product dl.Availability {
font-size: 0.917em;
line-height: 1.3em;
margin: 1em 0;
}

#product dl.Availability dd.Available {
color: #4C6C00;
}

#product dl.Availability dd.Unavailable span{
/* display: none;*/ color: #844;
}

#product dl.Availability dd.DeliveryTime {
color: #4C6C00;
}

#product div#price_info p#price_sale_info {
background: transparent url(../i/icon_exclamation_mark.gif) 10px 0 no-repeat;
color: #ee8701;
font-weight: bold;
}

form#add_shopping_cart {
float: left;
margin-top: 0;
width: 195px;
}

div#product_pics {
float: right;
background: #fff url(../i/hr_katkoviiva_y.gif) 0 0 repeat-y;
text-align: center;
width: 325px;
}

div#product_pics a#CurrentProductImage img {
padding: 0;
border: 0;
}

div#product_pics a.ProductThumbnail {
float: left;
border: 1px solid #e0e0e0;
height: 85px;
padding: 4px;
width: 85px;
}

div#product_pics a:hover.ProductThumbnail {
border: 1px solid #ee8701;
}

div#product_info {
float: left;
background: transparent url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
margin-top: 0.7em;
width: 325px;
}

div#product_info h2 {
font-size: 1.33em;
font-weight: normal;
margin: 1.5em 0 0.75em;
}

div#price_info p.price_sale_info {
color: #ee8701;
margin-bottom: 0;
}

#partner_logo, .BrandLink {
float: right;
margin: -8px -15px 0 20px;
padding-top: 13px; padding-right: 15px; padding-left: 15px;
}
.BrandLink:hover { margin-top: -10px; border-top: 2px solid #ee8701; }
div#product_info ul {
margin-bottom: 1.5em;
}

div#product_info li {
background: transparent url(../i/icon_bullet.png) 0 7px no-repeat;
margin-left: 10px;
padding-left: 15px;
}

a#print_product_info {
float: left;
background: transparent url(../i/icon_forward_brown.png) 0 0 no-repeat;
color: #ae7e0a;
padding-left: 25px;
}

a#size_chart {
float: right;
background: transparent url(../i/icon_size_chart.gif) 0 3px no-repeat;
color: #ae7e0a;
padding-left: 20px;
}

a#CurrentProductImage {
float: left;
height: 260px;
width: 100%;
}

ul#ProductThumbnails {
float: left;
margin-top: 3em;
width: 100%;
}

ul#ProductThumbnails li {
float: right;
padding: 5px;
}

div#ordering {
float: left;
background: transparent url(../i/hr_katkoviiva_y.gif) 0 0 repeat-y;
margin-left:12px;
padding-left:13px;
width: 160px;
}

div#ordering h3{
color: #AE7E0A;
font-size: 1em;
margin-bottom: 0.5em;
}

form.BuyForm {
float: left;
}

form.BuyForm label {
float: left;
width: 55px;
}

form.BuyForm input {
float: left;
border:1px solid #999999;
padding: 6px 2px 5px;
text-align: center;
width: 34px;
}

form.BuyForm select {
width: 100px;
}

form.BuyForm button.AddToCart {
position: relative;
float: left;
background: #ee8701 url(../i/btn_add_to_cart.png) no-repeat scroll 0 0;
border: 0;
color:#fff;
cursor: pointer;
height: 30px;
padding: 0;
text-align: left;
text-indent: -9999px;
width: 155px;
}





/*-----------------------------------------------
Page pagination
 -----------------------------------------------*/

div#page_pagination {
float: left;
height: 18px;
margin: 1.5em 0 3em;
width: 600px;
}

div#page_pagination.upper {
margin: 2em 0 1em;
}

div#page_pagination span {
color: #5b5b5b;
margin: 0 5px 0 2px;
}

div#page_pagination a {
background: #eee;
color: #5b5b5b;
margin-right: 5px;
padding: 3px 7px;
}

div#page_pagination a.active,
div#page_pagination a:hover {
background: #90bd00;
color: #fff;
}

div#page_pagination a#back_to_up {
float: left;
background: transparent url(../i/icon_up_arrow.gif) 0 5px no-repeat;
color: #90bd00;
cursor: pointer;
padding: 0 0 0 12px;
width: 113px;
}



/*-----------------------------------------------
Footer
 -----------------------------------------------*/
 
.column_225px {
float: left;
margin-right: 10px;
width: 225px;
}  
 
div#footer dl dt.flir {
color: #AE7E0A;
font-size:1.167em;
margin: 0.2em 0 0.3em;
} 
 
div#footer p#copyright {
color:  #4C6C00;
font-size:1.33em;
margin-bottom: 0.3em;
} 

div#footer h2.flir {
float: left;
background: #fe940a url(../i/bg_h2_orange.gif) 0 bottom repeat-x;
color: #fff;
display: inline;
font-size: 1em;
margin-top: -35px;
padding: 7px 10px;
text-transform: uppercase;
width: auto;
}

div#footer p {
clear: both;
}

/*

div#footer ul#partner_list {
float: left;
background: #fff url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
margin-top: 1em;
padding: 1.5em 30px 0;
width: 870px;
}
div#footer ul#partner_list li {
float: left;
padding: 10px 0;
text-align: center;
width: 124px;
}
*/

div#footer_bg ul#partner_list {
float: left;
background: #fff;
border-top: 1px solid #ee8701;
margin-bottom: 10px;
margin-top:10px;
padding: 30px 15px 0px;
width: 930px;
}

div#footer_bg ul#partner_list li {
float: left;
padding: 10px 0;
text-align: center;
width: 124px;
}

div#footer_bg ul#partner_list li {
float: left;
display: inline;
padding: 0;
text-align: center;
width: auto;
margin: 0 15px 15px 0;
}
div#footer_bg ul#partner_list li a { float: left; padding: 9px 19px; border: 1px dashed #ccc; }
div#footer_bg ul#partner_list li a:hover { border: 2px solid #ee8701; padding: 8px 18px; }

div#footer_bg ul#partner_list li.heading {
border: 0;
display: block;
float: left;
height: 36px;
margin-top: -35px;
padding: 0;
width: 100%;
}
div#footer_bg ul#partner_list li.heading h2.flir {
float: left;
background: #fe940a url(../i/bg_h2_orange.gif) 0 bottom repeat-x;
color: #fff;
font-size: 1em;
padding: 7px 15px 5px 10px;
text-transform: uppercase;
width: auto;
}

/*-----------------------------------------------
Size Charts
 -----------------------------------------------*/

div#size_chart {
float: left;
clear: both;
width: 660px;

}

div#size_chart p {
float: left;
text-align: center;
width: 220px;
}

* html div#size_chart p {
float: left;
text-align: center;
width: 220px;
}

div#size_chart img {
padding-bottom: 10px;
}

div#size_chart a {
display: block;
}

div#size_chart div.hr {
padding-bottom: 3em;
}



/*-----------------------------------------------
Navigation - live
 -----------------------------------------------*/

div#navigation,
div#navigation a,
div#navigation h2 {
color: #fff;
}

div#navigation h2.flir {
background: #008557 url(../i/bg_navigation_header.png) 0 0 repeat-y;
font-size: 0.917em;
display: block;
margin: 20px 0 0px 0px;
padding: 8px 0 6px 20px;
text-transform: uppercase;
width: 140px;
}

div#navigation h2.first {
margin-top: 10px;
}

div#navigation ul li {
font-size: 1.08em;
}

div#navigation ul li a {
margin-top: 5px;
padding: 5px 0 5px 20px;
}

div#navigation ul li.Current {
display: block;
background: #015236;
}

div#navigation ul li.Current ul {
margin-left: 28px;
padding-bottom: 3px;
}

div#navigation ul li.Current ul li.Current ul{
margin-left: 0px;
padding-left: 20px;
}

div#navigation ul li.Current ul li {
display: block;
font-size: 0.93em;
margin-left: 0;
padding: 0;
}

div#navigation ul li.Current ul li a {
padding-left: 12px;
}

div#navigation ul li.Current ul li.Current ul li a {
background: none !important;
padding-left: 15px;
}

/*div#navigation dt.selected,
div#navigation dd {
background: #006140;
}
*/
div#navigation ul li.Current ul li.Current a {
background: transparent url(../i/icon_arrow_right.png) 0 7px no-repeat !important;
}

div#navigation ul li.Current ul li.Current ul li.Current a{
background: #00402a url(../i/icon_arrow_right.png) 3px 8px no-repeat !important;
padding: 5px 30px 5px 15px;
}



/*-----------------------------------------------
Navigation sub
 -----------------------------------------------*/

div#navigation_sub {
padding-bottom: 20px;
}

div#navigation_sub ul {
float: left;
}

div#navigation_sub ul li a {
color: #AE7E0A;
}

div#navigation_sub ul li {
padding-top: 1.5em;
}


div#navigation_sub ul li ul li {
display: block;
line-height: 1.5em;
padding-top: 0;
}

div#navigation_sub ul li ul li a{
font-weight: normal;
color: #838383;
}

/*div#navigation_sub ul li {
float: left;
width: 220px;
}*/

div#navigation_sub ul li {
float: left;
font-weight: bold;
line-height: 1.2em;
margin-right: 10px;
width: 120px;
}

div#navigation_sub dl dd {
/*background: transparent url(../i/bg_bullet.gif) right 3px no-repeat;
padding: 0 10px 0 5px;*/
}


div#navigation_sub dl dd.right {
background: none;
padding-right: 0;
}




/*-----------------------------------------------
Sitemap
-----------------------------------------------*/

div#navigation_sub div#sitemap ul li {
padding-top: 0;
}

div#navigation_sub div#sitemap ul li {
font-size: 1.2em;
font-weight: normal;
width: 155px;
}

div#navigation_sub div#sitemap ul li a{
color: #4C6C00;
}

div#navigation_sub div#sitemap ul li ul {
padding-top: 0.5em;
}

div#navigation_sub div#sitemap ul li ul li {
clear: both;
font-size: 0.9em;
padding: 0 0 1em 0;
margin-right: 0;
}

div#navigation_sub div#sitemap ul li ul li ul{
padding-top: 0em;
}

div#navigation_sub div#sitemap ul li ul li a {
color: #AE7E0A;
}


div#navigation_sub div#sitemap ul li ul li ul li {
background: none;
font-size: 0.9em;
padding: 0;
width: 155px;
}

div#navigation_sub div#sitemap ul li ul li ul li ul li {
padding-left: 10px;
width: 145px;
}

div#navigation_sub div#sitemap ul li ul li ul li a{
color: #666;
}

div#navigation_sub div#sitemap ul.InfoNavigation {
background: #fff url(../i/hr_katkoviiva.gif) 0 0 repeat-x;
padding-top: 1.5em;
width: 660px;
}

div#navigation_sub div#sitemap ul.InfoNavigation li{
font-size: 1em;
padding-bottom: 0.5em;
}

div#navigation_sub div#sitemap ul.InfoNavigation li.InfoPageID-8 {
display: none;
}