/* Tuotetaulu / keskikokoinen */

#lift2_td {
	width: 336px;
	height: 220px;
	background-color: white;
	border: 2px solid white;
}

#lift2_header_td {
	width: 332px;
	height: 22px;
}

.lift2_img {
	height: 172px;
	width: 166px;
}

.lift2_text {
	height: 152px;
	width: 136px;
	padding: 10px;
}


/* Tuotetaulu / pieni */

#lift1_td {
	width: 220px;
	height: 220px;
	background-color: white;
	border: 2px solid white;
}

#lift1_header_td {
	width: 216px;
	height: 22px;
}

.lift1_img {
	height: 130px;
	width: 220px;
}

.lift1_text {
	height: 42px;
	width: 220px;
	text-align: center;
}


/* Tuotetaulu / lista */

#lift3_td {
	width: 680px;
	height: 88px;
	background-color: white;
	border: 2px solid white;
}

#lift3_header_td {
	width: 536px;
	height: 22px;
}

.lift3_img {
	height: 88px;
	width: 140px;
}

.lift3_text {
	height: 61px;
	width: 454px;
	text-align: left;
	padding-left: 10px;
        padding-right: 10px;
	padding-top: 5px;
        padding-bottom: 5px;
}

.lift3_text a {color:#333; font-weight:bold; text-transform: uppercase;}

/* Tuotetaulu / tuotekortti */

#lift4_td {
	width: 680px;
	background-color: white;
	border: 2px solid white;
}

#lift4_header_td {
	width: 680px;
	height: 22px;
}

.lift4_img {
	height: 130px;
	width: 220px;
        margin-bottom: 5px;
}

.lift4_text {
	width: 550px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

.lift4_info {
        width:167px;
        display:none;
	padding-left: 10px;
	padding-right: 10px;
}

.lift4_info_td {
	text-align: left;
        padding-left:10px;
        padding-top:10px;
}

.lift4_infocell {
	height: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	padding-top: 3px;
	padding-left: 5px;
        padding-right: 5px;
}

.lift4_valuecell {
	height: 20px;
        width: 21px;
	background-color: white;
	border: 1px solid #ebebeb;
	padding-top: 3px;
        padding-bottom: 3px;
	padding-left: 11px;
        text-align: center;
}

.lift4_infocell_tek {
	height: 20px;
	width: 240px;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	padding-top: 3px;
	padding-left: 5px;
}

.lift4_valuecell_tek {
	height: 20px;
	width: 420px;
	background-color: white;
	border: 1px solid #ebebeb;
	padding-top: 3px;
	padding-left: 5px;
}

/* Tuotetaulut / vakio-osat */

.lift_header {
	background-color: #f5f5f5;
}

.lift_footer {
	background-color: #f9f9f9;
}

.lift_price_td {
	width: 216px;
}


/* Tuotetaulut / tekstiosuudet */

.lift_brand {
	color: #006fad;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-left: 10px;
	width: 100%;
}

.lift_brand a {
        color: #006fad;
        text-decoration:none;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.lift_brand a:hover {
        text-decoration: underline;
}

.compare {
	color: #999999;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding-right: 0px;
}

.product {
	color: #006fad;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.product a {
	color: #006fad;
        text-decoration: none;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.product a:hover {
        text-decoration:underline;
}

.type {
	color: #006fad;
	font: 12px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.data {
	color: #666;
	font: 11px/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.price {
	width: 72px;
	height: 22px;
	background-color: #ffed00;
	color: #006fad;
	font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
        vertical-align: middle;
}

.info {
	width: 72px;
	height: 22px;
	background-color: #0c9ad3;
	text-align: center;
}

.info a {
        margin:0px;
        padding:0px;
        width: 72px;
	height: 22px;
        display:block;
        /*padding-top:5px;*/
}

.buy {
	width: 72px;
	height: 22px;
	background-color: #d20019;
	text-align: center;
}

.buy a {
        margin:0px;
        padding:0px;
        width: 72px;
	height: 22px;
        display:block;
        /*padding-top:5px;*/
}

.buy_nav a:link, .buy_nav a:visited {
	color: white;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.buy_nav a:hover, .buy_nav a:active {
	color: black;
	font: bold 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

.shop_nav a:link, .buy_nav a:visited {
	color: white;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.shop_nav a:hover, .buy_nav a:active {
	color: black;
	font: bold 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}


.checkbox {
	margin-right: 10px;
}

.basic_table {
	width: 680px;
	background-color: white;
	margin-left: 10px;
	margin-top: 10px;
        padding: 15px;
}


.CollapsiblePanel {
	width: 660px;
	margin: 0 0px 0px 10px;
	padding: 10px 0px;
	border-top: 1px solid #f5f5f5;
	border-bottom: solid 1px #f5f5f5;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: white;
	margin: 0px;
	padding: 2px;
	/*cursor: pointer;*/
	-moz-user-select: none;
	-khtml-user-select: none;
	color: #006fad;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 10px 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: white;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: white;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: white;
}