/** 
* Main CSS file for the "default" theme for VirtueMart
* @copyright 2006-2008 soeren
* @license GNU/GPL
**/


/* The quantity box beneath the "add to cart" button  */
.quantity_box {	
	vertical-align: middle;
}
.quantity_box_button {
	width:10px;
	vertical-align:middle;
	height:10px;
	background-repeat: no-repeat;
	background-position: center;
   border:1px solid #000;
}
.quantity_box_button_down {
	background-image: url(../images/down_small.gif);
}
.quantity_box_button_up {
	background-image: url(../images/up_small.gif);
}

.next_page {
	background: url( '../images/next_16x16.png' ) no-repeat right;
	padding-right: 30px;
	line-height: 20px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( '../images/previous_16x16.png' ) no-repeat left;
	padding-left: 30px;
	line-height: 20px;
	float: left;
	width: auto;
}

/* This is the text box informing customers about your returns policy */
.legalinfo {
	background: #d3d3d3;
	border: 2px solid gray;
	margin: 10px;
	padding: 0px 0px 10px 10px;
}

div.pathway {
	margin-bottom: 1em;
}

div.pathway img {
	padding: 0 2px;
}

/* The PDF, Email and Print buttons */
div.buttons_heading {
	margin:10px;
	width:10%;
	float:right;
}


.product-Old-Price {
	color:red;
	text-decoration:line-through;
}

.browseRatingContainer {
	float: left;
	width:25%;
	margin: 3px;
	white-space: nowrap;
}

/** Flypage Styles **/




/*
General Form Styling
*/
.formLabel {
	float:left;
	width:30%;
	text-align:right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
	vertical-align: middle;
	margin-top: 8px;
}

#agreed_div {
	white-space: normal;
}

.formField {
	float:left;
	width:60%;
	margin: 2px;
	vertical-align: middle;
	margin-top: 8px;
	
}
.missing {
	color:red;
	font-weight:bold;
}

/**
* Administration Styles
*/
.adminListHeader {
	float:left; height: 48px; background-repeat: no-repeat;
	text-align: left; font-size: 18px; font-weight: bold;
	padding-left: 80px;	
}

.labelcell {
	margin-left: auto;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}
table.adminform td.labelcell {
	text-align: right;
}
.iconcell {
	vertical-align: top;
	width: 5%;
}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
	background-color:#FAFAD2;
	background-position:left 5px;
	background-repeat:no-repeat;
	border-color:#AACCAA;
	border-style:dotted none;
	border-width:1px 0pt;
	font-weight: 900;
	margin:1pt 1pt 1em 1em;
	padding:0.5em 1em 1.5em 48px;
}
.shop_error {
	background-image: url('../images/error.gif');
}
.shop_warning {
	background-image: url('../images/warning.png');
}
.shop_info, .shop_tip {
  	background-image: url('../images/info.png');
}

.shop_debug {
	background-image: url('../images/log_debug.png');

}
.shop_critical {
	font-weight: bold;
	background-image: url('../images/log_critical.png');
}

/* Link Details for link to child*/
.vmChildDetail a, .vmChildDetail a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

/* Styling for the form elements to enable correct Line Up  */
.inputboxquantity, .inputbox {
	margin-top: 4px;
	vertical-align: middle;
}
.availabilityHeader {
	text-decoration:underline;
	font-weight:bold;
}
.inputboxattrib {
	float: left;
	margin-top: 0px;
	vertical-align: middle;
	margin-bottom: 2px;
}

.quantitycheckbox {
	margin-top: 6px;
	vertical-align: middle;
}	

/**
* Addtocart detail Styles for placing attributes beside product_types
*/
.vmCartContainer_2up { /* Cart Container */
	width: 100%;
	float: left;
	background: #ADD8E6;
	border: 1px solid #000;
	padding: 3px;
}

.vmCartChildHeading_2up { /* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}

.vmCartChild_2up { /* Container for the Child Product */
	
	vertical-align: middle;
	border: 1px solid #000;
	padding-left: 2px;
	padding-right: 2px;
	
	margin-bottom: 2px;
	float:left;	
}

.vmChildDetail_2up { /* Child Detail, description , attributes ,price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}

.vmCartChildElement_2up { /* Individual element styling */
	width: 100%;
	vertical-align: middle ;
	height: 25px;
	text-align: left;
	
}

.vmCartAttributes_2up { /* Attributes Div*/
	float: left;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	width:50%;
}

.vmAttribChildDetail_2up {  /* Product Attributes Styling */
	
}
	
.vmMultiple {
	height:35px;
}

.vmChildType_2up { /* Product type div*/
	background: #ADD8E6;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	float: left;
	width: 40%;
	border: 1px solid #000;
}

.vmClearDetail_2up { /*Clear the divs afer child types*/
	
}

.vmClearAttribs_2up { /*Clear the divs before the attributes*/
	clear:both;
}
.vmRowOne_2up { /* Odd Row One styling */
	background: #d3d3d3;	
}

.vmRowTwo_2up { /* Even Row Styling */
	background: white;
}

/* Link Details for link to child*/
.vmChildDetail_2up a, .vmChildDetail_2up a:link {
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmChildDetail_2up a:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}

.vmCartModuleList  {
  cursor : pointer;
  font-size        : 11px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : bold;
}
.vmCartModuleList:hover {
  font-size        : 11px;
  color            : #333333;
  text-decoration  : none;
  font-weight      : bold;
}
.vmquote {
	margin: 4px;
	border: 1px solid #cccccc;
	background-color: #E9ECEF;
	padding: 10px;
	font-size: 12px;
	color: #254D78;
}
.editable {
	background: #ffff33;
	cursor: pointer;
}
ul.pagination li {
	padding: 2px 1px;
	display: inline;
	background: none;
}
.clr { clear: both; overflow:hidden; }

/******************************/
/* KAIKKEA KOTIIN ALKAA TÄSTÄ */
/******************************/

/* Yleistä muotoilua */

/* Otsikot on muotoiltu joomlan templatessa */

#vmMainPage {
	float: left;
	width: 770px;
	display: inline;
	clear: both;
	}

	.buttons_heading {
		display: none;
		visibility: hidden;
		}


/* checkout on eteenpäin ja continue on taaksepäin */
a:link.checkout_link,
a:visited.checkout_link,
a:active.checkout_link{
	float: right;
	display: inline;
	width: 142px;
	height: 27px;
	padding: 0 0 0 15px;
	margin: 0;
	color: #503b4b;
	line-height: 27px;
	text-align: left;
	text-decoration: none;
	background: url( '../images/forward.jpg' ) no-repeat 0% 0%;
}

a:hover.checkout_link {
	color: white;
	text-decoration: none;
	background: url('../images/forward.jpg') no-repeat 0% 100%;
	}

a:link.continue_link,
a:visited.continue_link,
a:active.continue_link {
	float: left;
	display: inline;
	width: 142px;
	height: 27px;
	padding: 0 15px 0 0;
	margin: 0;
	color: #503b4b;
	line-height: 27px;
	text-align: right;
	text-decoration: none;
	background: url( '../images/back.jpg' ) no-repeat 0% 0%;
}

a:hover.continue_link {
	color: white;
	text-decoration: none;
	background: url('../images/back.jpg') no-repeat 0% 100%;
	}

/* Tilauksen tiedot */

div.shippingMethod table th {
	text-align: left;
	}

.orderDetailsContainer {
	padding: 10px 0 0 0;
	background: url('../images/line_horizontal.jpg') repeat-x 0px 5px;
	}
		
	.orderDetailsContainer table tr td.tableBreak {
		height: 5px;
		line-height: 5px;
		margin: 0;
		padding: 0;
		font-size: 0;
		}

	.orderDetailsContainer table tr.sectiontableheader th {
		height: 25px;
		background: #ccc;
		}
	
.orderDetailsContainer table {
	padding: 0 0 1em 0;
	}

.orderDetailsContainer td {
	padding-bottom: 0.5em;
	}

/* Tilauksen yhteydessä oleva osoitteen valitseminen */
.customerShipToContainer tr.sectiontableentry2 {
	padding: 10px 0;
	}

.customerShipToContainer td {
	vertical-align: top;
	}

/* Radionappien ja checkboxien alignaus IE:lle */	
label, #remember_login, #remember_login2, #flex_shipping_rate {
	vertical-align: middle;
	font-size: 12px;
	}

/* Tämä ympäröi tuotekategoria-alueen */
#product_list {

	}

/* Kategorialuettelon muotoilu */

h3.browseCategoryTitle {
		width: 240px;
		text-align: left;
		}
		
		a:link h3.browseCategoryTitle,
		a:visited h3.browseCategoryTitle,
		a:active h3.browseCategoryTitle {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			color: #0097cf;
			text-decoration: none;
			}
			
		a:hover h3.browseCategoryTitle {
			text-decoration: underline;
			}
					
/* Tuotteiden selaamisessa käytettävän kategorianäkymän muotoilu */
.browseProductContainer {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	/* Sininen otsikko ilman taustaväriä
	.browseProductContainer h3.browseProductTitle {
		width: 240px;
		text-align: left;
		}
		
		.browseProductContainer h3.browseProductTitle a:link,
		.browseProductContainer h3.browseProductTitle a:visited,
		.browseProductContainer h3.browseProductTitle a:active {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			color: #0097cf;
			text-decoration: none;
			}
			
		.browseProductContainer h3.browseProductTitle a:hover {
			text-decoration: underline;
			}*/
	
				
	.browseProductContainer h3.browseProductTitle {
		width: 240px;
		height: 25px;
		text-align: center;
		background: url('../images/browse_product_header.jpg') no-repeat;
		}
		
	.browseProductContainer h3.browseRelatedTitle {
		width: 240px;
		height: 25px;
		text-align: center;
		background: url('../images/browse_special_header.jpg') no-repeat;
		}	
		
		.browseProductContainer h3.browseProductTitle a:link,
		.browseProductContainer h3.browseProductTitle a:visited,
		.browseProductContainer h3.browseProductTitle a:active,
		.browseProductContainer h3.browseRelatedTitle a:link,
		.browseProductContainer h3.browseRelatedTitle a:visited,
		.browseProductContainer h3.browseRelatedTitle a:active {
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			line-height: 25px;
			color: #fff;
			text-decoration: none;
			}
			
		.browseProductContainer h3.browseProductTitle a:hover {
			text-decoration: underline;
			}

/* Related tuotteiden muotoilu */

.browseRelatedProduct {
	float: left;
	display: inline;
	width: 170px;
	margin: 0 20px 10px 0;
	padding: 0;
	text-align: center;
	}

	.browseRelatedProduct span.snapshotHeader {
		display: block;
		width: 170px;
		height: 25px;
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		line-height: 25px;
		color: #fff;
		text-decoration: none;
		background: url('../images/browse_product_header_170.jpg') no-repeat;
		}

/* Hinnan tyylittely vaikuttaa hinnan ulkoasuun kaikilla sivuilla */
.productPrice {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #79cd00;
	}
	
.productPriceSmall {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #79cd00;
	}

/* Tuotelaatikon sisällön muotoilu: hinta, kuvaus, ostoskorilinkki... */
.browseProductImageContainer {
	float: left;
	display: inline;
	width: 100px;
	height: 100px;
	}


.browseContentSeparator {
	display: block;
	width: 240px;
	height: 10px;
	clear: both;
	}
	
.browsePriceContainer {
	float: right;
	display: inline;
	text-align: right;
	width: 105px;
	margin: 3px 0 0 0;
	}

.browseProductDescription {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #4c4c4c;
	width: 130px;
	padding: 0 0 0 10px;
	}
	
	.browseProductDescription p {
		font-size: 10px;
		color: #4c4c4c;
		}
	
	.right-column .browseProductDesctiption ul {
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		}
	
	.right-column .browseProductDescription ul li {
		font-size: 10px;
		color: #4c4c4c;
		margin: 0 0 0 10px;
		padding: 0;
		list-style: square;
		background: none;
		}

.browseAddToCartContainer {
	float: left;
	display: inline;
	width: 130px;
	text-align: left;
	}
	
	

/* Kategorialistan muotoilu */
.moduletable_category_list {
	margin: 0 0 10px 0;
	}

.moduletable_category_list div.level0 {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 25px 10px 0;
	padding: 0;
	}

.moduletable_category_list div.last-level0 {
	float: left;
	display: inline;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
	.moduletable_category_list div.level0 a,
	.moduletable_category_list div.last-level0 a {
		display: inline;
		float: left;
		color: #0097cf;
		width: 215px;
		height: auto;
		line-height: normal;
		padding: 0 0 0 25px;
		margin: 0;
		text-transform: none;
		font-weight: normal;
		background: url('../images/list_square.jpg') no-repeat 10px 5px;
		}
	
	.moduletable_category_list div.level0 a.level0,
	.moduletable_category_list div.last-level0 a.level0 {
		width: 220px;
		height: 25px;
		padding: 0 10px;
		margin: 0 0 2px 0;
		color: #fff;
		line-height: 25px;
		text-transform: uppercase;
		font-weight: bold;
		background: url('../images/browse_category_header.jpg') no-repeat;
		}
	

/* Yksittäisen tuotteen muotoilu */
.productContainer {
	float: left;
	display: inline;
	width: 770px;
	margin: 0 0 10px 0;
	}
	
.productImageContainer {
	float: left;
	display: inline;
	text-align: center;
	}
	
	.productImageContainer a:hover {
		text-decoration: none;
		}
	
.thumbnailListContainer {
	text-align: left;
	width: 210px;
	margin: 10px 0 0 0;
}
	

.productDescription {
	float: left;
	display: inline;
	width: 510px;
	margin: 0 0 0 20px;
	}
	
	.productDescription p {
		font-size: 12px;
		font-weight: normal;
		color: #4c4c4c;
		}
	
	.productDescription ul {
		margin: 0 0 1em 0;
		padding: 0;
		}
		
		.productDescription ul li,
		.productDescription ul ol {
			margin: 0 0 0.5em 15px;
			font-size: 12px;
			font-weight: normal;
			color: #4c4c4c;
			list-style: square;
			}

.productDetailsContainer {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
	}

.productPurchaseContainer {
	float: right;
	display: inline;
	text-align: right;
	padding: 0;
	}

.productContentSeparator {
	display: block;
	width: 770px;
	height: 10px;
	clear: both;
	}


/* Addtocart detail Styles */
.vmCartContainer { 
	float: right;
	padding: 5px 0 0 0;
}

/* Product Attributes Styling */
.vmAttribChildDetail {  
	float: right;
	margin: 0 0 5px 0;	
}

/* Ostoskorisivun muotoilu */

.basketTableContainer {
	clear: both;
	}
	
table.basketTable {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	background: url('../images/line_horizontal.jpg') repeat-x 0px 100%;
	}

table.basketTable td {
	padding: 2px 0 2px 0;
	}
	
	table.basketTable tr.sectiontableentry1 td,
	table.basketTable tr.sectiontableentry2 td{
		padding: 10px 0 0 0;
		}

table.basketTable tr {

	}

.orderTotalSeparator {
	background: url('../images/line_horizontal.jpg') repeat-x 0% 50%;
	}

	

/* Maksuosion graafinen "missä kohdassa olet menossa" palkki */	

table.checkOutBar {
	display: inline;
	float: left;
	width: 600px;
	height: 35px;
	margin: 0 85px 15px 85px;
	padding: 0 0 0 5px;
	line-height: 35px;
	color: #b3b3b3;
	}
	
	table.checkOutBar a:link,
	table.checkOutBar a:visited,
	table.checkOutBar a:active {
		color: #513b4c;
		text-decoration: none;
		}
	
	table.checkOutBar a:hover {
		text-decoration: underline;
		}
	
		table.checkOutBar .activeBar a:link,
		table.checkOutBar .activeBar a:visited,
		table.checkOutBar .activeBar a:active {
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			}
	
		table.checkOutBar .activeBar a:hover {
			text-decoration: underline;
			}