/* BIKESHOP.FI / TISMA ECOMMERCE CUSTOM STYLE SHEET */
/* Portions of this document are copyright (c) MedusaWorks Oy/ML 2009 */

@media screen {
/* Lightbox JS */
#lightbox {
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	min-width: 100px;
	min-height: 100px;
}
#lightboxDetails {
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption { 
	float: left; 
}
#keyboardMsg { 
	float: right; 
}
#closeButton { 
	top: 5px; right: 5px; 
}

#lightbox img { 
	border: none; 
	clear: both;
}
html {
	width: 100%;
	height: 100%;
	}
body {
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #f9f9f6 url(./imgs/body-bk.jpg) repeat-x;
	text-align: center;
	}

/* COMMON ELEMENTS */

a {
	color: #007B9A;
	text-decoration: none;
	}
a:hover {
	color: #FF9900;
	}
a img {
	border: 0;
	}
h1 {
	font-weight: normal;
	font-size: 19px;
	}
h2 {
	font-weight: bold;
	font-size: 14px;
	}
h3 {
	font-weight: bold;
	font-size: 13px;
	}
h4 {
	font-weight: bold;
	font-size: 12px;
	}
h5 {
	font-weight: normal;
	font-size: 12px;
	}
h6 {
	font-weight: bold;
	font-size: 12px;
	}
p {
	font-size: 12px;
	}

/* COMMON: forms */	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	}
legend {
	}
	
div.main_content fieldset {
	border: 1px solid #9b050a;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 6px;
	width: 98%;
	background-color: white;
	}
div.main_content legend {
	color: #000;
	padding: 2px 6px;
	font-weight: bold;
	}
form input, select, textarea {
	}
form input.button {
	font-weight: normal;
	color: #000;
	background: #d4d0c8;
	border: 2px outset;
	margin: 2px;
	padding: 1px;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 10pt;
	}

/* COMMON: assist classes */
.clear {
	clear: both;
	height: 1px;
	width: 1px;
	margin-top: -1px;
	line-height: 1px;
	font-size: 1px;
	}

/* LAYOUT (".*_table") */

div.main_container {
	position: relative;
	width: 910px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: none;
	overflow: visible;
	}
div.top_table {
	position: relative;
	width: 910px;
	height: 150px;
	background: url(./imgs/top-bk-1.gif) no-repeat;
	}
div.main_table {
	position: static;
	display: block;
	padding: 28px 0px 4px 0px;	/* lebensraum for search bar; give_layout for .content margin */
	background-color: #ffffff;
	}
div.left_table {
	position: relative;
	float: left;
	width: 180px;
	padding: 15px 0px 0px 0px;
	background-color: #ffffff;
	}
div.main_content {
	position: relative;
	width: 710px;
	margin: 20px 0px 0px 185px;
	padding: 4px;
	min-height: 340px;
	height: auto !important;
	height: 340px;
	border: 1px solid #cdcdcd;
	}
div.right_table {	/* within .main_content */
	position: relative;
	float: right;
	width: 180px;
	padding: 0px 0px 0px 0px;
	}
div.footer {
	position: relative;
	clear: both;
	width: 720px;
	height: 35px;
	line-height: 22px;
	padding: 0px 0px 0px 185px;
	margin: 0px;
	font-size: 11px;
	background: #ffffff url(./imgs/cards.gif) no-repeat top right;
	}

/* TOP: internals */

div.header {
	width: 910px;
	height: 150px;
}
.top_table div.header img {	/* deco image */
	position: absolute;
	top: 5px;
	left: 0px;
	width: 175px;
	z-index: 800;
	}
div.header p.page_title {	/* logo element, text hidden */
	position: relative;
	width: 260px;
	height: 95px;
	margin: 0px 0px 0px 220px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	text-indent: -300px;
	background: url(./imgs/bikeshop_logo-new.gif) no-repeat 0px 25px;
	}
div.header p.page_title a {	/* link overlay to logo */
	display: block;
	position: absolute;
	width: 400px;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 800;
	text-decoration: none;
	border: none;
	}
div.top_table .mainmenu div.login {	/* positioned to menu section */
	display: block;
	position: absolute;
	top: 9px;
	right: 7px;
	z-index: 90;
	width: 280px;
	padding: 0px;
	font-size: 11px;
	text-align: right;
	color: #ffffff;
	}
div.top_table div.login b {
	font-weight: normal;
	font-style:italic;
	padding: 0px 4px 0px 2px;
	}
div.top_table div.login a {
	color: #ffffff;
	}
div.top_table div.login a:hover {
	color: #ff9900;
	}

/* LEFT: Shopping cart */
#small_cart {	/* positioned to top section */
	position: absolute;
	top: -160px;
	left: 724px;
	width: 176px;
	height: 90px;
	padding: 5px;
	background: url(./imgs/cartbox.gif) no-repeat;
	z-index: 900;
	}
#small_cart h1 {
	margin: 0px;
	}
#small_cart p {
	margin: 2px 0px;
	z-index: 900;
	}
#small_cart a {
	z-index: 999;
	}

/* TOP: menu */
div.mainmenu {
	position: absolute;
	clear: both;	
	bottom: 0px;
	left: 0px;
	z-index: 90;
	width: 910px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: #5f8e8e url(./imgs/topmenu-bk.jpg) repeat-y;
	}
div.mainmenu ul.topmenu {
	width: 725px;
	height: 30px;
	margin: 0px 0px 0px 175px;
	padding: 0;
	overflow: hidden;
	list-style: none;
	background: none;
	}
div.mainmenu ul.topmenu li {
	float: left;
	width: auto;
	_width: 1px;
	height: 21px;
	padding: 3px 0px 0px 0px;
	margin: 3px 0px 0px -2px ;
	background-color: transparent;
	background: url(./imgs/menuseparator.gif) repeat-y;
	text-align: left;
	}
div.mainmenu ul.topmenu li.selected {
	}
div.mainmenu ul.topmenu a {
	display: block;
	width: auto;
	height: 18px;
	line-height: 18px;
	padding: 0px 12px;
	margin: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffffff;
	}
div.mainmenu ul.topmenu li.selected a {
	color: #ff9900;
	}

/* other top classes, currently not in use */
div.top_table div.selection {
	}
div.subselection {
	float: right;
	text-align: right;
	color: white;
	font-weight: bold;
	margin: 10px;
	position: absolute;
	right: 0;
	width: 100%;
	margin-top: 20px;
	}
div.top_table div.language {
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	margin: 10px;
	}

/* LEFT: internals */

div#sub_modules, div.navigation {
	_padding-top: 1px;	/* IE6 to-give-layout hack */
	}

div.sub_module {
	margin: 0px;
	padding: 5px 0px 5px 5px;
	width: 175px;
	background: none;
	border: none;
	}
div.sub_module h1 {
	font-size: 14px;
	font-weight: bold;
	}
div.sub_module h2 {
	font-size: 12px;
	font-weight: bold;
	}
div#sub_modules h5 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	text-transform: uppercase;
	margin-bottom: -10px;
	}
div.navigation h5 {
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
	text-transform: uppercase;
	margin-bottom: -8px;
	_margin-bottom: -12px;
	}

/* LEFT: Tuoteoppaat */

div.left_table div.navigation {
	display: block;
	position: relative;
	border-bottom: 1px solid #cccccc;
	}
div.left_table div.navigation ul.topmenu li {
	list-style-type: none;
	width: 130px;
	margin: 0px 0px 0px 6px;
	padding: 3px 0px 3px 8px;
	background: url(./imgs/leftmenu-blt.gif) no-repeat 0px 7px;
	}
div.left_table div.navigation ul.topmenu li a {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	}
div.left_table div.navigation ul.submenu li {
	width: 110px;
	margin: 0px;
	padding: 3px 0px 3px 8px;
	}
div.left_table div.navigation ul.submenu {
	width: 110px;
	margin: 0px;
	}

/* LEFT: product category menu */


div.sub_module ul.topmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 180px;
	}
div.sub_module ul.topmenu li {
	list-style-type: none;
	width: 140px;
	margin: 0px 0px 0px 20px;
	padding: 3px 0px 3px 12px;
	background: url(./imgs/leftmenu-blt.gif) no-repeat 0px 7px;
	}
div.sub_module ul.submenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div.sub_module ul.submenu li {
	width: 130px;
	margin: 0px;
	}
div.sub_module ul.submenu ul.submenu li {
	width: 120px;
	margin: 0px;
	}
div.sub_module ul.submenu ul.submenu ul.submenu li {
	width: 110px;
	margin: 0px;
	}
div.sub_module ul.topmenu li.selected, div.sub_module ul.submenu li.selected {
	background: url(./imgs/leftmenu-blt-selected.gif) no-repeat 0px 7px;
	}
div.sub_module ul.topmenu li a {
	display: block;
	width: 145px;
	line-height: 14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	}
div.sub_module ul.submenu li a {
	width: 130px;
	font-weight: normal;
	}
div.sub_module ul.submenu ul.submenu li a {
	width: 120px;
	}
div.sub_module ul.submenu ul.submenu ul.submenu li a {
	width: 110px;
	}
div.sub_module ul li.selected a {
	color: #3d3d3d;
	}
div.sub_module ul li.selected li a {
	color: #007B9A;
	}
div.sub_module ul li.selected li.selected a {
	color: #3d3d3d;
	}
div.sub_module ul li.selected li.selected li a {
	color: #007B9A;
	}
div.sub_module ul li.selected li.selected li.selected a {
	color: #3d3d3d;
	}
div.sub_module ul li.selected li.selected li.selected li a {
	color: #007B9A;
	}
div.sub_module ul li.selected li.selected li.selected li.selected a {
	color: #3d3d3d;
	}
div.sub_module ul li.selected li.selected li.selected li.selected li a {
	color: #007B9A;
	}

/* LEFT: search */
div.sub_module div.search {
	position: absolute;
	top: -28px;
	left: 0px;
	width: 910px;
	height: 28px;
	z-index: 1;
	background: #0a8d8e url(./imgs/search-bk.jpg) repeat-y;
	}
div.sub_module div.search form {	/* for taming IE forms */
	margin: 0px;
	padding: 0px;
	}

div.sub_module div.search h2 {
	float: left;
	_display: inline;	/* IE6 double-margin fix */
	width: 70px;
	height: 14px;
	margin: 0px 0px 0px 184px;
	padding-top: 6px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffffff;	
	}
div.sub_module div.search input.textfield {
	float: left;
	_display: inline;	/* IE6 double-margin fix */
	width: 110px;
	height: 14px;
	line-height: 14px;
	padding: 0px;
	margin-top: 4px;
	}
div.sub_module div.search input#submit {
	width: 58px;
	height: 24px;
	line-height: 24px;
	background: url(./imgs/submit-btn.jpg) no-repeat;
	border: none;
	font-size: 10px;
	color: #ffffff;	
	margin-top: 1px;
	padding: 0px;
	}
div.sub_module div.search fieldset {
	display: inline;
	}
div.sub_module div.search p {
	display: inline;
	width: 140px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	line-height: 24px;
	}
div.sub_module div.search p a {
	color: #ffffff;
	font-size: 11px;
	}
div.sub_module div.search p a img {
	display: none;
	}
div.sub_module div.search p a:hover {
	color: #ff9900;
	}

/* LEFT: login */
div.sub_module div.login {
	margin: 0px;
	}
div.sub_module div.login label {
	display: block;
	float: left;
	clear: right;
	width: 50px;
	}
div.sub_module div.login input {
	display: block;
	float: right;
	width: 115px;
	height: 12px;
	margin-bottom: 4px;
	}
div.sub_module div.login input.submit {
	display: block;
	width: 115px;
	height: 20px;
	margin-bottom: 2px;
	}
div.sub_module div.login p {
	margin: 0px;
	}

/* CONTENT */

	div.content
	{
	padding: 0;
	margin: 0;
	}
	
div.title {	/* page titling */
	position: relative;
	font-size: 19px;
	margin-bottom: 8px;
	padding-top: 8px;
	}
div.front_news {
	width: 180px;
	float: right;
	}
div.main_container div.title 
		 {
		 visibility: hidden;
		 display: none;
		 }
		 
	div.main_container div.title div.navigation_path {
		float: right;
		margin-top: -20px;
		font-weight: bold;
		font-size:  11px;
		}
	p.updated {
		font-size:  11px;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
		}
	div.attachment {
		border: 1px dotted gray;
		padding: 20px;
		background-image: url("pic/attachment.gif");
		background-repeat: no-repeat;
		background-position: 3px 3px;
		margin: 10px;
		}

	div.main_container div.title div.navigation_path a {
		text-decoration: none;
	}
	td {
		vertical-align: top;
		text-align: left;
		font-size: 12px;
	}



	div.main_container div.main_table div.print {
		visibility: hidden;
		display: none;
	}
div.navigation {
/*	border: 1px solid #c0c0c0;
	background-color: #e0e0e0;
	padding: 6px;
	margin: 10px;
	background-image: url("pic/bg2.jpg");
	background-repeat: no-repeat;
	background-color: #d9d9d9; */
	display: none;
	}

	div.navigation ul.topmenu {
		list-style: none;
		padding: 0;
		margin: 10px;
		margin-left: 20px;
		text-align: left;
		width: 9em;
		font-weight: bold;
		font-size: 11px;
		padding: 1em;
		margin: 0;
	}

div.navigation ul.submenu {
	list-style: none;
	padding-left: 1em;
	margin-left: 0;
	font-weight: normal;
	font-size: 11px;
	}
div.navigation ul.submenu li {
	margin: 0px;
	width: 130px;
	}
div.navigation ul.submenu li a {
	}


/* FOOTER */

div.footer p {
	margin: 0px;
	}


	.table p {
		width: 45%;
	}

	.table input {
		position: absolute;
		left: 50%;
	}


	div.help {
	}

	div.help a  {
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: black;
		text-decoration: none;
		background: #eeee00;
	}

	div.help a:hover {
		position: absolute;
		right: 0;
		top: 0;
		padding: 4px;
		padding-top: 2px;
		padding-bottom: 2px;
		color: #eeee00;
		text-decoration: none;
		background: black;
	}
	table.stat_table {
		margin: 10px auto;
		border-collapse: collapse;
	}
	table.stat_table tr {
		padding: 0;
		margin: 0;
		border-bottom: 1px solid black;
	}

	table.stat_table td {
		text-align: right;
		padding: 4px;	
	}

/* Link to RSS Feed	*/
p.rss_feed {
	display: none;
	}


	@import url(xinha.css);
}













@media print {
	body {
		font-family: Arial, sans-serif;
		font-size: 10pt;
		padding: 0;
		margin: 0;
	}
	div.main_container {
		width: 100%;
		background: #ffffff;
		position: relative;
		overflow: auto;
		text-align: left;
		padding: 0;
		margin: 0;
		margin-left: auto;
		margin-right: auto;
	}
	
	form input, select, textarea {
	}
	
	form input.button {
		font-weight: normal;
		color: #000;
		background: #d4d0c8;
		border: 2px outset;
		margin: 2px;
		padding: 1px;
		padding-left: 6px;
		padding-right: 6px;
		font-size: 10pt;
	}
	a img {
		border: 0;
	}

	div.login,
	div.top_table div.language,
	div.top_table div.subselection,
	div.selection,
	div.mainmenu  {	/* Hide site functions when printing */
		display: none;
		visibility: hidden;	
	}
	
	div.top_table 
	{
	}
	
	div.header {
		height: 120px;
		line-height: 120px;
	}

	div.header img {
		float: left;
		margin-right: 20px;
		margin-left: 10px;
	}
	
	p.updated {
		font-size: 10pt;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
	}

	div.header p.page_title {
		margin: 0;
		margin-left: 40px;
		font-weight: bold;
		vertical-align: middle;
		font-size: 28pt;
		color: white;
	}

	div.header p.page_title a{
		color: white;
		text-decoration: none;
	}

	p.updated {
		font-size: 10pt;
		font-style: italic;
		text-align: right;
		border-top: 1px solid black;
	}

	div.main_content {
		margin: 0px;
		min-height: 200px;
		height: auto !important;
		height: 200px;
	}

	div.main_table {
		margin: 0;
		padding: 10px;
	}

	div.attachment {
		border: 1px dotted gray;
		padding: 20px;
		background-image: url("pic/attachment.gif");
		background-repeat: no-repeat;
		background-position: 3px 3px;
		margin: 10px;

	}

	div.title {
		position: relative;
		padding: 5px;
		font-weight: bold;
		font-size: 16pt;
		border-bottom: 1px solid black;
		margin-bottom: 5px;
		display: none;
		}
	div.main_container div.title div.navigation_path {
		float: right;
		margin-top: -20px;
		font-weight: bold;
		font-size: 10pt;
	}

	div.main_container div.title div.navigation_path a {
		text-decoration: none;
	}
	td {
		vertical-align: top;
		text-align: left;
		font-size: 10pt;
	}

	div.left_table {
		visibility: hidden;
		display: none;
	}
	div.main_container div.main_table div.print {
		visibility: hidden;
		display: none;
	}

	ul.topmenu a, ul.submenu a {
		text-decoration: none;
	}
	.clear {
		clear: both;
	}

	
/* Link to RSS Feed	*/
	p.rss_feed {
		display: none;
		visibility: hidden;
	}
	
	a {
		color: #9b050a;
	}

	h1 {
		font-weight: bold;
		font-size: 15pt;
	}
	h2 {
		font-weight: bold;
		font-size: 14pt;
	}
	h3 {
		font-weight: bold;
		font-size: 13pt;
	}
	h4 {
		font-weight: bold;
		font-size: 12pt;
	}
	h5 {
		font-weight: normal;
		font-size: 12pt;
	}
	h6 {
		font-weight: bold;
		font-size: 11pt;
	}
	
	.notprinted {
		visibility: hidden;
		display: none;
	}
}