/* fonts, basic colors and backgrounds*/
/* basic page elements */
/* content type specific styles */
/* frontpage */
/* content pages */

/* ------------------------------------------------------------ */
/* ------------------- fonts & basic colors ------------------- */

h1, h2, h3, h4, h5, h1 sup, h2 sup, h3 sup, h4 sup, h5 sup { 
	font-family: 'Amaranth',Helvetica,Sans-serif; 
	color: #860063; /* rose */
} 
html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	font-family: 'Source Sans Pro', sans-serif;
	color: #140050; /* dark blue */
	line-height:1.35em;
} 
p a, li a, span a {color:#b30058;} /* bright rose */
h1 a, h2 a, h3 a, h4 a, h1 a sup, h2 a sup, h3 a  sup, h4 a  sup {color:#860063;} /* rose */
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, span a:hover, li a:hover {color:#b30058;} /* bright rose */

.darkblue  a {color: #140050;} /* dark blue */
.darkblue  a:hover {color: #140050;} /* dark blue */

::-moz-selection { /* Code for Firefox */
    color: white;
    background: #b30058;
}
::selection {
    color: white;
    background: #b30058;
}

.content img {
	width:100%;
	height:auto;
}

.content ul {
	overflow:hidden;
	list-style-image: url('http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/bullet.gif'); 
}

html  {
	background:	url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/bgr_ylamoniste_3.png), 
				url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/body_bgr_pattern_3.gif), 
				url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/body_bgr_2.jpg);
	background-size:1px 300px, 600px 375px, cover;
    background-repeat: repeat-x, repeat, repeat;
	background-position: 0px 100px , left top, center center;
}

#navbar 	{
	background-color:  rgba(255,255,255,0.5);
	background: url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/natha_frontpage_banner_2.jpg), 
				url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/bgr_ylamoniste_2.png);
	background-size:auto 103px, auto 103px; /* Conflicting with unknown background shorthand line probably > removes second bgr image */
    background-repeat:no-repeat,  repeat-x;
	background-position:70% 0px,  left top; 
	border:0;
	min-height:100px;
}

@media (max-width: 992px) {
#navbar {
	background-color:  rgba(255,255,255,0.5);
	background:	url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/bgr_ylamoniste_2.png);
	background-repeat:repeat-x;
	background-position:left top; 
}
}

body {background-color:transparent;}

.page-header h1 {padding-top:0;}
h2 {font-size:24px;}
h3 {font-size:20px;}


/* ------------------------------------------------------------ */
/* -------------------- basic page elements ------------------- */


.alert {	
	border:0px;
	border-radius:0px;
}
.qtip-link {color: #76003a;} /* tooltip color */

/*.breadcrumb {display:none;}
.breadcrumb {background-color:transparent;}*/

.jumbotron  {background-color: rgba(50,0,200,0.3);}

.page-header{
	border-bottom: 0;
}
.main-container {padding-top: 10px;} /* tarkista uloskirjautuneena! */

.pane-node {padding-left:15px;}

.not-front .field-name-body img{
	float:left;
	margin: 0 10px 10px 0;
}

.well {
	background-color: rgba(255,255,255,0.7);
	border: 1px solid white;
	border-radius: 0px;
}

.not-front .main-container .pane-views-panes {margin-left: 15px;}

.content img {
	margin-right:10px;
	margin-bottom:10px;
}

/* --- header & navi ---- */

.nav .caret {display:none;}

nav a {
	color:#860063 !important;
	background-color:transparent!important;
	font-size: 1.3em;
}

.region-navigation h2 {display:none;}

/* site switcher */
section#block-block-9 {
	float:left;
	max-width:225px;
	padding: 30px 10px 0 40px;
	height: 50px;
}
section#block-block-9 a {
	font-size:16px;
	font-weight:bold;
	color:#caa2c6!important;
}
.homecolor { 
	color:#caa2c6!important;
	margin: 0 5px 0 8px;
	font-size:0.8em;
}

#block-system-main-menu {clear:both;}
#block-locale-language-content {
	padding-top:5px;
	float:right;
}
#block-locale-language-content li{
		display:inline-block;
		float:right;
}
.locale-untranslated {color:#a6afc0;}

.region-navigation #block-system-main-menu li {
	display:inline-block;
	position:relative;
	cursor: pointer;
}
.region-navigation #block-system-main-menu li a {font-family: 'Amaranth',Helvetica,Sans-serif !important;}
.region-navigation #block-system-main-menu li a:hover{color:#a9007d!important /* lighter purple */}

ul.menu {position: static;}
ul.dropdown-menu {position: absolute;}
li.leaf {width:100%;}

.region-navigation .menu-2-level {
	font-size:0.7em;
	text-transform: uppercase;
	cursor:pointer; 
	margin-left: 14px;
}

/* Mobile / tablet menu */
@media (max-width: 768px) {
.expanded .dropdown-menu {margin:0 0 0;}
.region-navigation #block-system-main-menu  li {
	float:left;
	clear:both;
	background-color: rgba(255,255,255,0.9); 
	cursor: pointer;
	text-transform: uppercase;
	font-size:0.8em;
	width:	100%;
}
ul.dropdown-menu {top:0px;}
.dropdown ul {
	min-width:100%;
	position:relative;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.region-navigation #block-system-main-menu li a{
	font-family: 'Amaranth',Helvetica,Sans-serif !important;
	text-align: left;
	margin-right: auto;
	cursor: pointer;
	width:	100%;
}
/*#block-block-9 {
	float:right;
	height: 40px;
	padding: 16px 0 0 0;
}
#block-block-9  a {margin-left:25px;}*/
}


/* --- flex container for responsive video embedds ---- */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden; /* padding-top: 30px; romoved */
	margin-top:30px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.i18n-en  #block-locale-language-content .en a {display:none;} /* Hides language selector of the current language */
.i18n-fi #block-locale-language-content .fi a {display:none;}
/*.i18n-fi #block-locale-language-content .en a {display:none;}  Hides english lang selector 
.i18n-fi #block-locale-language-content .fi a {display:none;}

/* --- Social links block & Arvostelut---- */
#block-block-6 img, #block-block-10 img, #block-block-14 img{
	width:40px;
	margin: 0 8px 5px 0;
}
#block-block-6 h2, #block-block-10 h2{margin:8px 0 8px 8px;}	
#block-block-6, #block-block-10  {	
	background-color: rgba(255,255,255,0.6); 
	padding-right: 0;
	margin-top: 15px;
}
#block-block-6 .somediv a, #block-block-10 .somediv a  {color:#b30058; } /* bright rose */
#block-block-6 .somediv, #block-block-10 .somediv{
	background-color: transparent; 
	float:left;
	min-width:130px; 
	padding: 10px;
}

/* --- Hyperborea blog block ---- */
#block-block-8 img {
	float:left;
	margin: 0 8px 5px 0;
	width:65px;
}
#block-block-8 h2{margin:8px 0 8px 8px;}	
#block-block-8 {	
	background-color: rgba(255,255,255,0.6); 
	padding-right: 0;
	margin-top: 15px;
}
#block-block-8 p.blog-descr-p {
	clear:right;
	color:#b30058; /* bright rose */
	font-weight: bold;
}
#block-block-8 p.blog-mobile-p {
	display:none;
	min-width:200px; 
}
#block-block-8 .blogdiv a {color:#b30058; /* bright rose */}
#block-block-8 .blogdiv{
	background-color: transparent; 
	float:left;
	min-width:130px; 
	padding: 10px;
}
@media (max-width: 992px) {
	#block-block-8 img {
		width:104px; 
		margin: 0 30px 5px 0;
	}
}
@media (max-width: 767px) {
	p.blog-mobile-p {display:inline!important;}
}


/* --- Easy social ---- */

/* set correct button width & hide like/tweet counters */
div.easy_social-widget-twitter {
	width: 94px!important;
	height: 63px!important;
	overflow: hidden!important;
	position: absolute!important;
	clip: rect(40px,94px,94px,0px)!important;
	margin-top: -1px !important;
}
div.easy_social-widget-facebook {
	width:63px!important;
	height: 63px!important;
	overflow: hidden!important;
	position: absolute!important;
	clip: rect(40px,63px,63px,0px)!important;
	left: 112px;
}
div.easy_social-widget-facebook iframe{width:70px!important;}

/* --- sidebar - blocks ---- */

.region-sidebar-second h2 {font-size:1.5em;}

.region-sidebar-second p {
	font-size:0.8em;
	margin: 0 0 5px 0px;
}
.region-sidebar-second .quicktabs-ui-wrapper  li a {
	font-size:0.7em;
	font-weight:bold;
}

/* --- sidebar: events ---- 

.region-sidebar-second .field-name-field-course-begins,
.region-sidebar-second .field-name-field-course-short-headline {
	display:inline-block;
	min-width: 32px;
}
.region-sidebar-second .field-name-field-city{
	display:inline-block;
	font-size:0.7em;
	text-transform: uppercase;
}*/
/* --- sidebar: events 2 ---- */

#block-views-seuraavat-tapahtumat-block span  a, #block-views-seuraavat-tapahtumat-block span a span,
#block-views-upcoming-events-block span  a, #block-views-upcoming-events-block span a span
 {color:#140050;} /* dark blue */
#block-views-seuraavat-tapahtumat-block h3.field-content a,
#block-views-upcoming-events-block h3.field-content a {
	font-family: 'Amaranth',Helvetica,Sans-serif !important;
	font-size:16px;
	color: #65005a; /* dark violet, a secondary headline color */
	line-height: 0.8em;
}
#block-views-seuraavat-tapahtumat-block  h3.field-content,
#block-views-upcoming-events-block h3.field-content	{margin:0;}
#block-views-seuraavat-tapahtumat-block div.views-field-field-course-short-headline,
#block-views-upcoming-events-block div.views-field-field-course-short-headline  {margin-top: -4px;}

#block-views-seuraavat-tapahtumat-block  .views-row ,
#block-views-upcoming-events-block  .views-row  {
	padding:2px 0 4px 0;
	border-bottom: 1px solid #d7d9fd;
}


.region-sidebar-second .view-course-experiences img{
	width: 75px!important;
	height: auto!important;
	margin: 4px 10px 10px 0;	
}
.region-sidebar-second .view-course-experiences h3{
font-size: 1.2em;
color: #140050;
}
#node-60 p {margin:0 0 0 0!important;}
#node-60 p.viikko {margin:5px 0 0 0!important;}

#block-quicktabs-viikko-ohjelma h2 {margin-top:20px;}
#quicktabs-viikko_ohjelma {padding:0 0 0 0;}
#quicktabs-viikko_ohjelma .ui-tabs-nav {padding:0 0 0 0;}
#quicktabs-viikko_ohjelma .ui-tabs-panel {padding: 0.5em 0.5em;}
	
/* --- poll ---- */

.poll .total, #block-poll-recent .links {display:none;}
.poll div.percent, .poll div.title {margin-bottom: 2px;}
.poll .bar div {
	height: 3px;
	background-color:#860063; /* rose */
} 


/* --- related items ---- */

#block-views-related-courses-block div.views-row-1 {
	padding-top:3px;
	border-top: 1px solid #d7d9fd;
}
#block-views-related-courses-block h2 {
	font-size:1.5em;
	margin-bottom:4px;
}

/* --- Teacher reference block ---- */

.view-teacher-reference-block img {
  float: left;
  margin:3px 10px 10px 0px;
  max-width: 90px;
}
.view-teacher-reference-block span a {color: #140050!important;} /* dark blue */


/* --- footer ---- */

.footer {
	background-color: rgba(255,255,255,0.5);
	border-top:0;
	padding-bottom: 10px;
}
.region-footer #block-block-1,
.region-footer #block-mailchimp-signup-tilaa-uutiskirje,
.region-footer #block-mailchimp-signup-newsletter,
.region-footer #block-block-2 {
	max-width: 545px;
	float: left;
	margin: 0px 30px 15px 0px;
	font-size: 0.9em;
}
 
@media (max-width:1200px) and (min-width:992px) {
	.region-footer #block-mailchimp-signup-tilaa-uutiskirje,
	.region-footer #block-mailchimp-signup-newsletter	{
		max-width: 350px!important;  
	}
}

#block-mailchimp-signup-tilaa-uutiskirje .form-type-checkbox,
#block-mailchimp-signup-newsletter .form-type-checkbox {display:none;}

.region-footer #block-block-2 {max-width: 250px;}
.region-footer #block-block-2 h2 {visibility: hidden;}
.region-footer h2 {
	margin-top:0px;
	font-size:2em;
}
.atmanlogo {
	float:left;
	margin: 0px 10px 50px 0px;
	max-width: 70px;
}

.i18n-fi .form-item-mergevars-EMAIL label {visibility:hidden;}
.i18n-fi .form-item-mergevars-EMAIL label:before {
	content:"Sähköpostiosoite";
	visibility: visible;
} /* A hack translation: translates untranslateble "Email Address" string at mailchimp form */

.mailchimp-newsletter-mergefields {margin-top:4px;}

/* ------------------------------------------------------------ */	 
/* -------------- content type specific styles ---------------- */

.node-panel .submitted {display:none}

/* ---- event ----- */


.not-front .node-nathafi-event div.field-name-field-course-time-freefield {
	display: inline-block;
	font-weight:bold;
	float: left;
	margin-right: 20px;
}
.not-front .node-nathafi-event div.field-name-field-city {
	display: inline-block;
	text-transform: uppercase;
}
.not-front .node-nathafi-event .field-name-field-optional-hot-notice,
.not-front .node-course-main-description .field-name-field-optional-hot-notice {
	color: #e5029d; /* pink */
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
.not-front .node-course-main-description .field-name-field-optional-hot-notice {margin-bottom:1em;}
.not-front .node-nathafi-event .field-name-field-course-description-for-web {
	margin-top: 2em;
}

#block-views-event-signup-payment-block h2.block-title,
#block-views-event-signup-payment-block .node-event-product-display h2 {display:none;}

/* ---- articles ----- */

.node-type-full-article-nathafi section.col-sm-9 {
	background-color: rgba(255,255,255,0.3);
	padding:15px;
}


/* ------------------------------------------------------------ */	 
/* ---------------------- frontpage --------------------------- */

.front .page-header, .front .right  h2.pane-title {display:none;}

.front .course-headline {
	font-size:36px!important; 
	margin: 12px 0 2px 0!important; 
	font-weight: normal!important;
	font-style: normal!important;
	color:#860063!important; /* rose */
}
div#node-196  {margin:-12px 15px 0 -15px; }

#node-196 span {
	font-size: 16px!important;
	font-weight: normal!important;
	font-style: normal!important;
	color: #140050!important; /* dark blue */
}
.front .city-links a {
	color:#860063!important; /* rose */
	font-size: 16px!important; 
	padding-right:5px!important;
	text-transform: capitalize!important;
	font-weight: normal!important;
	font-style: normal!important;
}
#node-196 strong, #node-196 em {
	font-weight: normal!important;
	font-style: normal!important;
}

.front div.frontpage-img {padding-left:0;}


/* --- frontpage news ---- */

.front .pane-nathafi-events-news-stream  h2.pane-title,
.front .pane-nathafi-events-news-stream-en  h2.pane-title{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 0px;
}

.front .view-nathafi-events-news-stream .views-row h2,
.front .view-nathafi-events-news-stream-en .views-row h2
{margin: 2px 0 2px 0;}

.front .view-nathafi-events-news-stream div.field-name-field-stream-short-headline,
.front .view-nathafi-events-news-stream div.field-name-field-course-short-headline,
.front .view-nathafi-events-news-stream-en div.field-name-field-stream-short-headline,
.front .view-nathafi-events-news-stream-en div.field-name-field-course-short-headline {
	font-family: 'Amaranth',Helvetica,Sans-serif!important;
	font-weight:normal;
	color: #3e0169; /* indigo, a secondary headline color */
}

.front .view-nathafi-events-news-stream h2, .front .view-nathafi-events-news-stream-en h2  {font-size:1.7em;}
.front .view-nathafi-events-news-stream .views-row, .front .view-nathafi-events-news-stream-en .views-row  {
	padding:6px 0 10px 0;
	border-bottom: 1px solid #d7d9fd;
}

.front .view-nathafi-events-news-stream h2.field-content a, .front .view-nathafi-events-news-stream-en h2.field-content a {
	color: #65005a; /* dark purple, a secondary headline color */
}

.front .view-nathafi-events-news-stream .field-name-field-course-thumbnail-image, 
.front .view-nathafi-events-news-stream-en .field-name-field-course-thumbnail-image  {
	max-width:120px;
	min-height: 70px; /* tarkista - uudemmalla contentilla: text-wrap div vs img */
	float:left;
	clear:left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.front .view-nathafi-events-news-stream .views-field-field-course-description-for-web a,
.front .view-nathafi-events-news-stream-en .views-field-field-course-description-for-web a {color: #140050;}
 
/* --- frontpage picks ---- */

.front .pane-frontpage-picks-panel-pane-1 {margin-top: 10px;}
.front .view-id-frontpage_picks .views-row  {
	margin: 9px 0 0 0;
	min-height: 33px;
}

/*#block-system-main .view-id-frontpage_picks h3  {line-height: 0.5em;}*/

#block-system-main .view-id-frontpage_picks div.views-field-title {display: inline-block;}
/*#block-system-main .view-id-frontpage_picks span*/

.front .view-frontpage-picks .field-name-field-pick-title  {
	font-family: 'Amaranth',Helvetica,Sans-serif!important;
	font-size: 22px;
	color: #860063;
	line-height: 0.9em;
}
/*.front .view-frontpage-picks .field-name-field-pick-title  {
	font-size: 24px;
}
.front .view-id-frontpage_picks div.views-row {
	margin-top:10px;
}*/
.front div.field-name-field-pick-title {padding-top: 9px;}

.front .view-frontpage-picks .field-name-field-optional-hot-notice {margin-bottom:-6px;}

.front .view-frontpage-picks h3 {	
	margin: 0 0 0 0;
	font-size: 22px
}
.front .view-frontpage-picks .field-name-field-optional-hot-notice, 
.front .view-frontpage-picks .field-name-field-pick-hot-notice {
	color: #e5029d; /* pink */
	font-size:0.9em;
	font-weight:bold;
	text-transform:uppercase;
}
.front .view-frontpage-picks  .field-name-field-type{
	color:#860063; /* rose */
	font-size:0.9em;
	font-weight:bold;
	margin-bottom: -6px;
	text-transform:uppercase;
}
.front .view-frontpage-picks .date-display-single {display: inline-block;}
.front .view-frontpage-picks  span.date-display-single:hover  {
	text-decoration: underline!important;
	color: #b30058!important; /* bright rose */
}

.front .view-frontpage-picks span.date-display-single {
	font-family: 'Amaranth',Helvetica,Sans-serif!important;
	font-size: 22px;
	font-weight:normal;
	color: #860063!important; /* rose */
}

/* ------------------------------------------------------------ */	 
/* --------------------- content pages ------------------------ */


/* ---- articles views-list  page ----- */

.view-id-artikkelit .field-name-body h2{	font-size:1.3em;}
.view-id-artikkelit h2.field-content {margin-top:5px;}

.not-front .view-id-artikkelit .field-content h2{font-size:1.6em;}
.not-front .view-id-artikkelit div.field-name-field-course-thumbnail-image {
	float:left;
	position:relative;
	height: 135px;
	width: 90px;
	margin-right: 10px;	
}
.not-front .view-id-artikkelit .field-name-field-course-thumbnail-image img {
	height: 100%;
	width: 100%;
	position:absolute;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* --- City pages: course table --- */

td.paiva{border-bottom:1px solid #140050;} /* dark blue */
td.paiva a{color:#860063;} /* rose */
td.kurssi{
	border-top:1px dotted #9689bd; /* unsaturated light blue */
	vertical-align: top;
	border-bottom: 1px dotted #9689bd; /* unsaturated light blue */
} 
td.kurssi a{color:#860063;} /* rose */
#node-251 td a {color:#860063;} /* rose */
#node-251 td {
	padding:8px 2px;
	border-left:1px dotted #9689bd; /* unsaturated light blue */
	border-right:1px dotted #9689bd; /* unsaturated light blue */
} 


/* --- course panel pages --- */

.not-front .pane-content h2 {
	font-size:1.3em;
	margin:0.2em 0 0.1em 0;
}
.field-type-commerce-product-reference .form-item-attributes-product-select {display:none;}
.node-course-main-description .field-name-field-course-main-image img {max-width:300px; height:auto;} 

/* --- tapahtumat view --- */

.not-front .main-container div.view-artikkelit {margin-left:-15px;}

.not-front .view-seuraavat-tapahtumat .views-field-title h2 {margin: 0 0 8px 0;}
.not-front .view-seuraavat-tapahtumat div.field-name-field-city {
	margin: 0;
	border-left: 1px solid #d7d9fd;
	text-transform:uppercase;
}
.not-front .view-seuraavat-tapahtumat div.field-name-field-course-time-freefield {
	display: inline-block;
	font-weight:bold;
	float: left;
	margin-right: 20px;
}
.not-front .view-seuraavat-tapahtumat .views-row {
	border-bottom: 1px solid #d7d9fd;
	margin-top:5px;
	padding-bottom:6px;
}
.not-front .view-seuraavat-tapahtumat h2 {clear:left;}

/* --- teachers --- */
.page-opettajat .view-teachers img {
	max-width: 110px;
    float: left;
    margin: 5px 20px 20px 0;
}
.page-opettajat .view-teachers  div.views-row {
	min-height:155px;
	
}


/* --- commerce module --- */

.node-produt-display .field-label, 
.node-event-product-display .field-label {display:none;}

.prices-table {
	float:right;
	clear:right;
	font-size:0.8em;
	margin:0 9px 5px 9px;}
.prices-table tbody tr {border-top:1px solid #d7d9fd!important;}  /* bluish grey */

.other-table {
	font-size:0.8em;
	margin:0 9px 5px 9px;}
.other-table tbody tr {
	border-top:1px solid #d7d9fd!important; /* bluish grey */
	vertical-align: top;
}  

@media (max-width: 992px) {
.prices-table {
	float:none;
	clear:none;
	font-size:1em;
	width:350px!important;
	margin:0 9px 5px 9px;}
#quicktabs-quicktabs_test .field-name-body img {display:none;}
}


.page-checkout .alert-success {display:none;}

.commerce-phases {margin: 20px auto;}
.tiedot, .maksu , .varmistus {
	color: #999;
	display: none;
}
.page-checkout .tiedot {display: block;}
/*.maksu {display: block;} */
.page-checkout.page-checkout-complete .tiedot {display: none;}
.page-checkout-complete .varmistus {display: block;}

.field-name-field-course-main-image {
	float:left;
	margin-right:10px;
}
.quicktabs-ui-wrapper .ui-widget-header{
	background:transparent!important;
	border:0!important;
}
.quicktabs-ui-wrapper  .ui-widget-header li {
	border:0!important;
	background: rgba(120,120,120,0.2) url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/transparent_1.gif) 100% 100% repeat;
}
.ui-widget-content .ui-tabs-active {background: rgba(255,255,255,0.7) url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/transparent_1.gif) 100% 100% repeat!important;}
.quicktabs-ui-wrapper .ui-tabs-active  a {
	font-weight:bold;
	color:#860063;
}
#quicktabs-quicktabs_test  {margin-top:10px!important;}
.ui-widget-content {
	background: transparent url(http://natha.fi/sites/all/themes/nathafi_bs_sub/template_imgs/transparent_1.gif) 100% 100% no-repeat!important;
	border: 0px solid #fff!important;
}
.quicktabs-ui-wrapper .ui-tabs-panel  {background-color:  rgba(255,255,255,0.6)!important;}

.commerce-add-to-cart button, button.checkout-continue {
	float:right;
	background-color: #860063;
	color:white;
	font-weight: bold;
}
.checkout-buttons span.button-operator, 
.checkout-buttons .checkout-cancel {display:none;}

.view-commerce-cart-summary th.views-field-line-item-title {display:none;}
.view-commerce-cart-summary td.views-field-line-item-title {border-top:0;}

#commerce-checkout-form-checkout legend.panel-heading {
	color: #860063;
	background-color: rgba(255,255,255,0.9); 
	border-color: #d7d9fd; /* bluish grey */
}
#commerce-checkout-form-checkout .panel {
	background-color: rgba(255,255,255,0.6);
	border-color: #d7d9fd; /* bluish grey */	
}
#commerce-checkout-form-checkout .customer_profile_billing .panel-heading,
#commerce-checkout-form-checkout .form-item-commerce-coupon-coupon-code label,
#commerce-checkout-form-checkout .view-order-coupon-list th,
#commerce-checkout-form-checkout .view-order-coupon-list td
{display:none;}

#commerce-checkout-form-checkout .view-order-coupon-list td.views-field-remove-from-order,
#commerce-checkout-form-checkout .view-order-coupon-list td.views-field-code
{	display:table-cell;
	float: right;
	margin-top: -34px;
	margin-bottom: 0;
}

.commerce-product-field-commerce-price .field-name-commerce-price {
	font-size: 1.5em;
	font-weight:bold;
	color:green;
	margin-left:3px;
}

.view-id-commerce_cart_summary .view-content table {margin-bottom:0:}
.i18n-fi .commerce-order-handler-area-order-total tr.component-type-commerce-price-formatted-amount td.component-title {display:none}
.i18n-fi .commerce-order-handler-area-order-total tr.component-type-commerce-price-formatted-amount td:before {
	content:"Hinta yhteensä:\0020 \00a0";
	visibility: visible;
} /* Translates untranslateble "order total" string at commerce cart form */


.commerce-add-to-cart .field-type-entityreference,
div.form-item-customer-profile-billing-commerce-customer-address-und-0-country,
div.form-item-customer-profile-billing-commerce-customer-address-und-0-premise {display:none;}

/* bring button closer - hack */
fieldset.commerce_payment,

fieldset.account {
	border-bottom: 0px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.not-logged-in fieldset.customer_profile_billing,
fieldset.checkout-buttons {
	margin-top: -20px;
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.not-logged-in fieldset.account {margin-bottom:0px;}
.not-logged-in #commerce-checkout-form-checkout #edit-account-login {margin-bottom:-7px;}

fieldset.checkout-buttons div {	padding-top: 0;}
fieldset.checkout-buttons button { 
	padding: 16px;
	font-size: 1.2em;
}

div#edit-commerce-payment-payment-method {
	min-height:90px;
	background:	url(http://rpcapi.checkout.fi/banners/91da45720298d8c173b8b98d1338e9c4.png);
	background-size:546px auto;
    background-repeat: no-repeat;
	background-position:10px 20px;
}
@media (max-width: 992px) {
	div#edit-commerce-payment-payment-method {
		background-size:364px auto;
		min-height:70px;
}
}