﻿/* Define 3 columns for the main page layout */
.pagecolumns
{
	width:100%;
}

.pagecolumns tr
{
	vertical-align:top;
}

.pagecolumns .leftcolumn 
{
	width:180px;
}

.pagecolumns .middlecolumn
{
}

.pagecolumns .rightcolumn
{


}

.pagecolumns .rightcolumnnoorder
{
	width:240px;
}

/* -------------------------------------------- */
/* product info */
.productinfo
{
	padding:10px;
	line-height: 20px;
	border: solid 1px #999966;
	background-color: #FFFFCC;
	margin: 5px;
}

.productinfo .productpictures
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
}

.productinfo .productpictures .text
{
	margin: 0px 0px 10px 10px;
	float:left;
	width:200px;
	line-height: 15px;

}

.productinfo .productpictures .text .tagline
{
	font-size:0.75em;
	line-height: 15px;
	font-weight:bold;
	margin-bottom:10px;
}

.productinfo .productpictures .text .bulletpoints
{
	font-size:0.75em;
	line-height: 10px;
}

.productinfo .productpictures .text .buttons
{
	margin-top:15px;
	margin-right:10px;
	text-align:right;
	font-size:0.7em;
}

.productinfo .productpictures .pictureblock 
{
	width:290px;
	float:left;
}

.productinfo .productpictures .pictureblock .thumbnails
{
	
}

.productinfo .productpictures .pictureblock .thumbnails .thumbnail
{
	display:none;
	height:220px;
	overflow:hidden;
}

.productinfo .productpictures .pictureblock .thumbnails .thumbnail .thumbnailcaption
{
	font-size:0.75em;
}
	
.productinfo .productpictures .pictureblock .navigation
{
	margin-bottom:2px;
}

.productinfo .productpictures .pictureblock .navigation a
{
	border: solid 1px blue;
	padding:2px;
	font-size:0.75em;
	text-decoration:none;
	color:Blue;
	margin-right:2px;
}

.productinfo .productpictures .pictureblock .navigation a:hover
{
	border: solid 1px blue;
	padding:2px;
	font-size:0.75em;
	text-decoration:none;
	background-color:Blue;
	color:White;
}

.productinfo .productpictures .pictureblock .navigation .selected
{
	border: solid 1px blue;
	padding:2px;
	font-size:0.75em;
	text-decoration:none;
	background-color:Blue;
	color:White;
}

.productinfo .productdetails
{
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	display:none;
}


.productinfo .productdetails .text
{
	line-height:15px;
	font-size:0.8em;
}

.productinfo .productdetails .text .textparagraph
{
	margin-bottom:10px;
}

.productinfo .productdetails .buttons
{
	margin-top:20px;
	text-align:right;
	font-size:0.7em;
}

.fullsizepicture
{
	display:none;
	position: absolute;
	top:30px;
	left: 120px;
	height:500px;
	width:600px;
	background-color:#F0F0F0;
	border: solid 4px gray;
	padding: 15px;
}
	 
.fullsizepicture .buttons
{
	margin-top:20px;
	text-align:right;
}

.fullsizepicture .picture
{
	text-align:center;
}


/* -------------------------------------------- */
/* context info */
.contextinfo
{
	padding:10px;
	border: solid 1px #999966;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:550;
	line-height:18px;
	background-color:#E7EBF7;
}

.contextinfo .header
{
	font-size:0.9em;
	font-weight:bold;
	margin-bottom:10px;
	color:#3333cc;
}

.contextinfo .text
{
	font-size:0.8em;
}

.contextinfo .text ul
{
	margin: 5px 0px 0px 15px;
}


/* -------------------------------------------- */
/* item buttons */
.itembuttons
{
	text-align:right;
	background-color: #E7EBF7;
	height:25px;
	padding-top:15px;
	padding-right:10px;
	padding-bottom:15px;
}

/* Error messages */
.itemerrormessage
{
	padding:5px 5px 5px 5px;
	margin:5px 5px 5px 5px;
	border: solid 1px black;
	color:Red;
	text-align:center;
}

/* wait message */
.waitmessage
{
	text-align:center;
	font-weight:bold;
	color:Blue;
	font-size:1.1em;
}

/* -------------------------------------------- */
/* Bullet points */
.bulletpointline
{
	margin-bottom:5px;
}

.bulletpointline .bulletpoint
{
	background-image:url(/v3/images/color/icons/arrowleft.gif);	
	background-position: center left;
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:3px;
}



