/* Cloud Product Detail Page CSS */

/* 
Note on url paths:
To run locally use: url(../images/design/wrapper.gif)
To run on Websiter use: url(/images/design/wrapper.gif)
*/

#content {width: 910px;} /* Fill width as quicklinks removed */

/* Print page button */
div#print {
	position: absolute;
	margin: 0px; border: 0px; padding: 0px;
	left: 873px; top: 217px;
	width: 88px;
	height: 24px;
	background-color: #004C98;
}

div#print p {
	margin: 4px 0px 0px 0px; border: 0px; padding: 0px;
	font-family: Gill Sans MT, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
}

div#print:hover {
	background-color: #0073D6;
	cursor: pointer;
}

/* Table to display product images front and back */
table.product-front-and-back {
	border-collapse: collapse;
	border-spacing: 0px;  /* horizontal vertical */
	margin: 20px 0px 8px 0px;
}

table.product-front-and-back td {
	text-align: center;
	padding: 10px 0px 2px 0px; /* Bottom padding stops IE truncating bottom off image */
}

table.product-front-and-back td.product {
	width: 387px;
	background-color: #CDD5E0;
	padding: 10px 0px;
}

table.product-front-and-back td.spacer {width: 60px;}


/* Table to display product feature list */
table.product-features {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 910px;
	margin: 5px 0px 8px 0px; border: 0px; padding: 0px;
}
table.product-features td {margin: 0px; border: 0px; padding: 0px;}

table.product-features td.features {width: 347px; border-top: 1px solid #F2F2F4;}
table.product-features td.links {width: 216px;}

/* Adjust ul.lnklst styling */
table.product-features td ul.lnklst {margin: 0px; border: 0px; padding: 6px 0px 0px 0px;}
table.product-features td ul.lnklst li {width: 310px;}

/* Blue links on the products detail page for Accessories, Data Sheet, FAQs, etc - stlyed as ul.lnklst-blue in webstyle.css */

img.link:hover {cursor: pointer;} /* Class to display an image as a link - used if javascript rather than an <a> tag effects the link */
