/**********************************************************************
 * Oy Nerival Group Ab
 *
 * Show products CSS file
 *
 * @file showproducts.css
 * @date 08.07.2011
 * @author kalle
 * @copyright Toinen veli Oy
 *
 * Toinen veli Oy - Innovative and agile web development
 *
 * (c) Toinen veli Oy - All rights reserved
 **********************************************************************/

/*
 * Basic definitions
 */
p {
	margin: 0 0 0 1em;
}

/*
 * Set the main header text box certain sized
 */
.head {
	width: 875px;
}

p.h1 { border: 0; margin: .5em 0 .25em 0;} 

/*
 * Product category listing div
 */

div#productCategorylist {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 .5em 0;
	border-bottom: 5px solid #d9e5ee;
}

	div#productCategorylist p {
		margin: 0;
		display: inline;
	}

	div#productCategorylist p a {
		font-size: 11px;
		line-height: 18px;
	}

	div#productCategorylist p .selected {
		font-weight: bold;
		color: #467ea3;
	}

/*
 * Styles for a single product
 */
div.product {
	float: left;
	background: url('../img/product_background.png') repeat-x #fff;
	border: 1px solid #efefef;
	width: 875px;
	margin: 1em 0 0 0;
	min-height: 300px;
}

	div.product .imgContainer {
		float: left;
		margin: 1em;
		min-height: 300px;
	}

	div.product p {
		margin: 1em;
		line-height: 1.5;
	}

	div.product p.title {
		font-weight: bold;
		color: #467ea3;
		font-size: 12px;
	}

	div.product p a {
		color: #467ea3;
		font-size: 12px;
	}

/*
 * PRODUCT PAGING ELEMENTS BEGIN
 */
div.paging {
	width: 100%;
	float: left;
	height: 32px;
	margin: 0 30em;
	padding: 0;
	font-size: 12px;
}
		
	div.paging ul {
		float: left;
		min-width: 160px;
		list-style-type: none;
		margin: 1em 0 0 0;
		padding: 0;
	}
		
	div.paging li {
		display: inline;
		background: transparent;
		margin: 0 1em 0 0;
		border: 0;
	}
		
	div.paging li a.selected {
		background: #b0b0b0;
		color: #fff;
		border: 0;
		padding: .2em .5em;
		font-weight: normal;
	}
		
	div.paging li a {
		font-weight: normal;
	    color: #3b3b3b;
	    background: #fff;
	    border-bottom: 1px solid #3b3b3b;
	    padding: .2em .5em;
	}
		
	div.paging li.nolink, div.paging li.nextLink a, div.paging li.prevLink a {
		background: #fff;
		border: 0;
		margin: 0;
		padding: 0;
	}
		
	div.paging li a:hover { text-decoration: none; }
	
	div.paging li.prevLink, div.paging li.nextLink { background: #fff; }
	div.paging li.prevLink { float: left; padding: 0 1em 0 0; }
	div.paging li.nextLink { text-align: right; }
/*
 * Sending & receiving messages
 */
#tryagain {
    display: none;
}
    #tryagain a {
        font-size: 12px;
        color: #467EA3;
        text-decoration: none;
    }

    #tryagain a:hover {
        text-decoration: none;
    }

div#log {
	display: none;
    height: 400px;
}

.download_button {
	background-color: #3e8dc6;
    border: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url('../img/pie.htc');
	background-image: url('../img/download.png');
    background-repeat: no-repeat;
    background-position: left center;
    min-width: 180px;
    max-width: 250px;
    width: 100%;
	min-height: 50px;
    height: auto;
    color: #fff;
    cursor: pointer;
    text-align: center;
	float: right;
}
    .download_button:hover, .download_button:active {
        background-color: #2c79b1;
    }
    .download_button a:link, .download_button a:active, .download_button a:visited {
        width: 100%;
        height: 100%;
        padding-left: 45px;
        padding-top: .5em;
        padding-bottom: .5em;
        padding-right: .5em;
        display: table-cell;
	vertical-align: middle;
        color: #fff;
    }