/* Notes on workarounds used in this stylesheet

1). html>body preceding a selector hides all the rules for that selector from IE6 and below

2). * html preceding a selector hides all the rules for that selector from everything BUT IE6 and below

3). including the \ character in a property hides that rule from IE5 (e.g. "w\idth", or "ma\rgin")

(2) and (3) combined together are refered to as the Simplified Box Model Hack (see http://www.info.com.ph/%7Eetan/w3pantheon/style/modifiedsbmh.html or http://www.communitymx.com/content/article.cfm?page=1&cid=E0989953B6F20B41)

for example

		#mainnav li a {
			...
			width: 104px; (Declares default width for CCS friendly browsers)
		}


		* html #mainnav li a (hides the following from non-IE browsers - they'll use the default width above)
			{
			width:111px; (sets different width for IE browsers, taking into account incorrect box-model)
			w\idth: 104px; (sets IE6 (which uses the right box-model) back to the default width)
		}


*/


/* page layout 
------------------------------*/

body {
	margin: 0px;
	padding: 0;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#E8EAEC url(images/back.png) no-repeat scroll center top;
	color: black;
}

body.checkout #strapline,
body.checkout #mainnav,
body.checkout #nav-utilities{
	display:none;
}

div#pageWrapper 
{
	width:expression((this.parentElement.offsetWidth - (parseInt(this.parentElement.currentStyle.paddingLeft)+parseInt(this.parentElement.currentStyle.paddingRight)+parseInt(this.parentElement.currentStyle.borderLeftWidth)+parseInt(this.parentElement.currentStyle.borderRightWidth)))
> ( Math.round((30*(screen.deviceXDPI?screen.deviceXDPI:96)/72)*parseInt(document.body.currentStyle.fontSize)) + (parseInt(this.currentStyle.marginLeft)+parseInt(this.currentStyle.marginRight)+parseInt(this.currentStyle.paddingLeft)+parseInt(this.currentStyle.paddingRight)+parseInt(this.currentStyle.borderLeftWidth)+parseInt(this.currentStyle.borderRightWidth)))
? "30em":"auto");
	/*max-width: 990px;
	width:expression(document.body.clientWidth > 1000? "989px": "auto" );*/
}

	body.checkout div#branding {
		padding-bottom: 10px;
		background-color:#ffffff;
	}	
	

/* Top Navigation 
------------------------*/
div#mainnav {
	position: absolute;
	top: 74px;
	left: 0;
	margin: 0 0 0 10px;
	height: 36px;
	width: 98%; 
	max-width: 990px;
	width:expression(document.body.clientWidth > 1000? "989px": "98%" );
	background: url(/images/bg-mm.gif) repeat-x;
	color: black;
}
a.mainmenu		{font-weight:bold;}

	#mainnav ul {
		list-style: none;
		text-align: left;
		float: left;
		margin: 0;
		padding: 0;
		width: 760px;
	}

		#mainnav li {
			background: url(/images/bg-mm-option.gif) no-repeat top left;
			display: block;
			float: left;
			margin: 0;
			padding: 0;
		}
		
		#mainnav li a {
			display: block;
			float: left;
			color: rgb(27,27,27);
			font-weight: bold;
			height: 19px;
			margin-right: 0px;
			padding: 6px 0px 10px 4px;
			width: 9em;
		}
		
		* html #mainnav li a{
			width:111px;
			w\idth: 104px;
		}

			#mainnav a:hover {
				text-decoration: none;
				background: url(/images/bg-mm-option.gif) no-repeat top left #efefef;
			}
			
		/* main menu highlighting */  /* Modified Dec 2005 */
		body.products li#mm-products a, body.products li#mm-products a:hover,
		body#products li#mm-products a, body#products li#mm-products a:hover,
		body.solutions li#mm-solutions a, body.solutions li#mm-solutions a:hover,
		body#solutions li#mm-solutions a, body#solutions li#mm-solutions a:hover,
		body.purchase li#mm-purchase a, body.purchase li#mm-purchase a:hover,
		body#purchase li#mm-purchase a, body#purchase li#mm-purchase a:hover,
		body.support li#mm-support a, body.support li#mm-support a:hover,
		body#support li#mm-support a, body#support li#mm-support a:hover,
		body.about li#mm-about a, body.about li#mm-about a:hover,
		body#about li#mm-about a, body#about li#mm-about a:hover,
		body.blog li#mm-blog a, body.blog li#mm-blog a:hover,
		body#blog li#mm-blog a, body#blog li#mm-blog a:hover {
				background: url(/images/primary_nav_highlight.gif) no-repeat right -4px ;		
				margin-left: 5px;
				width: 90px;
				height: 20x;
				padding-top: 7px;
				padding-bottom:10px;
				padding-right: 10px;
				color: white;
		} 
		* html body.about li#mm-about a, * html body.about li#mm-about a:hover{
			width:110px;
			w\idth:90px;
		}
	
		#mainnav li#mm-home {
					background-image: none;			
			}
			#mainnav li#mm-home a {
				background-image: none;			
				width: 18.1em;
			}	
			* html #mainnav li#mm-home a{
				width:18.1em;
				w\idth: 189px;
			}
			
							

			/* Added Dec 2005 */
			
			body.home #mainnav li#mm-home a, body.home #mainnav li#mm-home a:hover {
				background: url(/images/mm-tab-home.gif) no-repeat top right;		
				margin-left: 21px;
				width: 157px;
				height: 40px;
				padding-top: 8px;
				padding-right: 10px;
				padding-left: 8px;
				color: white;				
			}
			
			* html body.home #mainnav li#mm-home a, * html body.home #mainnav li#mm-home a:hover {
				margin-left: 10px; /* IE double-left margin bug */
				width: 176px;
				w\idth: 158px;
			}

/* Body 
---------------------------*/

div#bodyWrapper {
	width: 100%;
	float: right; 
	padding: 0;
	margin: 0;
	/*margin-left: -193px;*/
	margin-top: 0px;
}

body.noleftnav div#bodyWrapper,
body.checkout div#bodyWrapper {
	padding-bottom: 20px;
}

body.checkout div#bodyWrapper {
	margin-top: 0;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	background:#A12818 url(images/th-background.png) repeat-x left top;color:#fff;vertical-align:middle;padding-left:5px;
}


	/* Breadcrumb 
	------------------------*/
	div#breadcrumb {
		font-size: 65%;
		margin: 0 0 0 193px;
		padding-top: 14px;
	}
	
	body.noleftnav div#breadcrumb,
	body.checkout div#breadcrumb {
		margin-left: 14px;
	}

			div#breadcrumb p {
				margin: 0;
				margin-left: 20px;
				padding: 0.5em 0;
				font-size: larger;
			}
		
				div#breadcrumb a {
					color: black;
				}
		
			div#breadcrumb .section {
				font-weight: bold;
			}
	
div#body  {
	margin: 0 0 0 193px;
	padding: 20px 0 20px 20px;
	background-color:#ffffff;
	position: relative;	
	width:expression((this.parentElement.offsetWidth - (parseInt(this.parentElement.currentStyle.paddingLeft)+parseInt(this.parentElement.currentStyle.paddingRight)+parseInt(this.parentElement.currentStyle.borderLeftWidth)+parseInt(this.parentElement.currentStyle.borderRightWidth)))
> ( Math.round((30*(screen.deviceXDPI?screen.deviceXDPI:96)/72)*parseInt(document.body.currentStyle.fontSize)) + (parseInt(this.currentStyle.marginLeft)+parseInt(this.currentStyle.marginRight)+parseInt(this.currentStyle.paddingLeft)+parseInt(this.currentStyle.paddingRight)+parseInt(this.currentStyle.borderLeftWidth)+parseInt(this.currentStyle.borderRightWidth)))
? "30em":"auto");
}

	body.noleftnav div#body,
	body.checkout div#body {
		margin-left: 14px;
	}

	div#pagetext {
		/* width to 99% for full-width elements */
		width: 99%;
	}
	
	body.products div#pagetext {
		position: relative; /* solves walkthrough positioning bug in IE */
	}
	
	#productInfoWrapper {
		width: 100%;
		float: left;
		margin-right: -185px;
	}
	
	.productInfo {
		margin-right: 185px;
	}

		.productInfo .content {
			width: 100%;
		} /*needed to make IE behave with nested floated linkboxes */

	.sidebar {
		float: right;
		width: 170px;
		padding: 0;
	}

/* Sub-menu 
------------------------------*/
div#subnavWrapper {
	float: left; 
	width: 193px;
	padding: 0;
	margin-top: 44px;
	background: url(/images/bg-subnav-top.gif) no-repeat top left;	
}

	div#subnav {
		color: black;
		padding-top: 20px;
		background: url(/images/bg-subnav.gif) repeat-y;
	}

		div#subnav h1, 
		div#subnav h2 {
			width: 171px;
			margin: 0;
			padding: 5px 4px;
			font: bold 100% Verdana, Arial, Helvetica, sans-serif; 
			border-bottom: 1px solid #ccc;
		}
		* html div#subnav h1, 
		* html div#subnav h2{
			width:179px;
			w\idth:171px;
		}
		
		div#subnav h1 {
			margin: 5px 0 0 0;
		}
		
		div#subnav h2 {
			margin: 10px 0 0 0;
		}
		
		div#subnav h1 a, div#subnav h2 a {
			color: black;	
		}

		div#subnav ul {
			margin: 0;
			padding: 0;
			border: 0;
			list-style: none;
		}
		
		div#subnav ul li {
			border: 0;
			margin: 0;
			margin-bottom: 1px;
			padding: 0;
			list-style: none;
			line-height: 1.3em;
			height: 1em;  
			vertical-align: top; 
		}
		
		div#subnav ul li a {
			display: block;
			height: 1em;    
			border: 0;
			margin: 0;
			width: 159px;
			padding: 0.25em 5px; 
			color: black;
			border-left: 10px solid #999;
			border-bottom: 1px solid #ccc;
		}
		* html div#subnav ul li a{
			width: 179px;
			w\idth: 159px;
		}

		html>body div#subnav ul li a,
		html>body div#subnav ul li {
			height: auto;
		}
		
		div#subnav ul li a:hover {
			background-color: #efefef;
			text-decoration: none;
		}
		
		div#subnav ul li a.on, 
		div#subnav ul li a.on:hover {
			background-color: white;
			border-bottom: 1px solid #d10809;
			border-top: 1px solid #d10809;
			border-left: 10px solid #d10809;
			width: 173px;
			cursor: default;
		}
		* html div#subnav ul li a.on, 
		* html div#subnav ul li a.on:hover {
			width: 193px;
			w\idth: 173px;
		}

/* Studio 24 // Footer
---------------------------------*/

div#footer {
	clear:both;
	padding:50px 0 0 0;
	margin:0 0 20px 0;
	overflow:hidden;
	width:807px;
	float:right;
}

body.noleftnav div#footer,
body.checkout div#footer {
	clear:both;
	padding:50px 0 0 0;
	margin:0 0 20px 0;
	overflow:hidden;
	width:100%;
	float:right;
}

div#footer div#primary {
	padding:0;
	margin:0 0 0 25px;
	float:left;
	width:500px;
	text-align:left;
	display:inline;
}

div#footer div#secondary {
	padding:0;
	margin:0;
	float:right;
	width:200px;
	text-align:right;
}

div#footer div#primary  p {
	margin:0;
	padding:5px 0 0 8px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	clear:both;
}

div#footer div#primary ul {
	margin:0;
	padding:0;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	line-height:24px;
	overflow:hidden;
}

div#footer div#primary ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div#footer div#primary ul li a, div#footer div#primary ul li a:active, div#footer div#primary ul li a:visited {
	color:#cd0809;
	text-decoration:underline;
	padding:0 8px 2px 8px;
	margin:0;
	background-image:url(/images/homepage/divider_footer.gif);
	background-repeat:no-repeat;
	background-position:right;
	font:1.2em Verdana, Arial, Helvetica, sans-serif;
}

div#footer div#primary ul li a:hover {
	color:#cd0809;
	text-decoration:none;
}

div#footer div#primary ul li.last-item a {
	background-image:none;
}

div#footer div#secondary ul {
	display:inline;
	margin:0 33px 0 37px;
	padding:0;
	font:0.9em Verdana, Arial, Helvetica, sans-serif;
	color:#1b1b1b;
	line-height:24px;
	overflow:hidden;
	float:right;
}

div#footer div#secondary ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div#footer div#secondary ul li a, div#footer div#secondary ul li a:active, div#footer div#secondary ul li a:visited {
	color:#cd0809;
	text-decoration:underline;
	padding: 0 0 0 25px;
	margin: 0;
	background: url(/images/homepage/button_up_arrow_over.gif) no-repeat left;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

div#footer div#secondary ul li a:hover {
	text-decoration:none;
}

div#footer p sup 
{
	font-size:85%;
}


/* Extra Top-right Navigation (search etc...)
----------------------------------------------*/

/* Studio 24 // Utilities (search, shopping cart, lang select etc
-----------------------------------------------------------------*/

/* additions for Website 4.1 November 2006 */

#container {
	float:left;
	width:100%;
	max-width:1000px;
	min-width:760px;
	margin:0;
	padding:0;
	border:none;
	font-size:70%;
}

#skip {
	position:absolute;
	left:-9999px;
	top:-9999px;
}


#header {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	background-color:#FFF;
}

#branding 
{
	float:left;
	width:376px;
	height:74px;
	margin:0;
	padding:0;
	border:none;
	background-color:#FFFFFF;
}

#branding img {
	display:block;
	float:left;
	margin:0;
	padding:0;
	border:none;
}

#nav-utilities {
	display:inline;
	float:right;
	width:49%;
	margin:0 10px 0 0;
	padding:0;
	border:none;
	background-color:#FFF;
}

#nav-utilities ul {
	display:inline;
	float:right;
	margin:35px 0 0 0;
	padding:0;
	border:none;
	list-style:none;
}

#nav-utilities li {
	float:left;
	margin:0;
	padding:0;
	border:none;
}

#nav-utilities img {
	margin:0;
	padding:0;
	border:none;	
}

#nav-utilities a, #nav-utilities a:active, #nav-utilities a:visited {
	float:left;
	display:block;
	/*height:35px;*/
	margin:0;
	padding:0;
	border:none;
	color:#cd0809;
	text-decoration:underline;
}

#nav-utilities a:hover {
	text-decoration:none;
}

#nav-utilities #utility-cart a {
	padding:11px 6px 0 25px;
	background: url(/images/icon_shopping_cart.gif) no-repeat 0% 0%;
}

#nav-utilities #utility-quote a {
	padding:11px 6px 0 6px;
	background:url(/images/bg_footer.gif) no-repeat 0% 90% #FFF;
}

#nav-utilities #utility-japan a, #nav-utilities #utility-korea a {
	padding:6px 6px 0 0;
	background:none;
}

#nav-utilities form.search {
	padding:0;
	margin:0;
	border:0;
}

#nav-utilities .formInput {
	height:1.4em;
	width:6em;
	margin:8px 0 0 0;
	padding:3px 0 0 2px;
	border:1px solid #b2b3b5;
	float: left;
}

#nav-utilities .formButton {
	margin:	7px 0px 5px 7px;
	padding: 0;
	background:#FFFFFF url(/images/search_button_round_002.gif) no-repeat scroll 50% top;
	border:none;
	color:#1b1b1b;
	width:22px;
	height:22px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
	overflow:hidden;
	line-height:0em;
	font-size:0em;
	float:left;
	display:block;
}

#searchButton {
	margin:0px;
	padding:1px 0 3px 0;
	background:#fff url(/images/button_search.gif) no-repeat 0% 0%;
	border:none;
	color:#1b1b1b;
	text-align:center;
	width:55px;
	height:23px;
	font:100% Verdana, Arial, Helvetica, sans-serif;
	cursor:pointer;
}

/* END OF additions for Website 4.1 November 2006 */

/* navExtra deprecated by new nav-utilities? */
div#navExtra {
	position: absolute;
	z-index: 999;
	top: -10px;
	left: 540px; 
	height: 74px;
	width: 475px;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#navExtra img {
	border: none;
	padding: 0;
	margin: 0;
}

div#navExtra ul {
	margin: 35px 0 0 0;
	padding: 0;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #1b1b1b;
	float: left;
}

div#navExtra ul li {
	float: left;
	list-style: none;
	margin: 24px 0 0 0;
	padding: 0;
}

div#navExtra ul li a {
	color: #cd0809;
	text-decoration: underline;
	padding: 2px 8px 2px 8px;
	margin: 20px 0 0 0;
	background: url(/images/homepage/divider_footer.gif) no-repeat left;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
}

div#navExtra ul li a:hover {
	color: #cd0809;
	text-decoration: none;
}

div#navExtra ul li#utility-cart {
	margin: 0;
}

div#navExtra ul li#utility-cart a {
	display: block;
	background: url(/images/icon_shopping_cart.gif) no-repeat left;
	padding: 14px 8px 8px 30px;
	margin-top: 10px;
}

div#navExtra ul li.utility-flag img {
	position: relative;
	top: -5px;
}

div#navExtra ul li.utility-flag a {
	background-image: none;
	text-decoration: none;
	padding: 0 5px;
	margin: 0;
}

div#navExtra form#search {
	padding: 0;
	margin: 0;
}

div#navExtra form#search input {
	position: relative;
	top: -2px;
	margin: 0 0 0 10px;
	display: inline;
}

div#navExtra form#search input.formButton {
	margin: 0 0 0 5px;
	background: #FFF url(/images/homepage/button_arrow_over.gif) no-repeat;
	border: none;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #cd0809;
	
	/* IE 6 and below settings */
	padding: 2px 4px 2px 10px;
	cursor: hand;
}

/* Default Text Styling 
---------------------------------*/

#body {
	font-size: 76%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
}

#subnav {
	font-size: 70%;
}

#footer{
	font-size: 65%;
}

#mainnav {
	font-size: 70%;
}

#navExtra { /* changed Dec2005 */
	font-size: 65%;
}

div#pagetext {
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
}

h1 {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	font-size: 180%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: transparent;
}

	body.noleftnav h1,
	body.checkout h1 {
		margin-bottom: 5px;
	}

	.summary h1 {
		margin-bottom: 5px;
	}
	
h2, h2 a {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
	text-decoration: none;
}

div#pagetext h2 {
	padding: 0 0 5px 18px;
	background: url(/images/arrowTriple.gif) 0px 2px no-repeat;
}

h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
	padding: 3px 0 5px 0;
	color: #666;
}

	.summary h2, .summary h3, .summary h4, .summary h5, .summary h6 {
		margin-top: 0;
		padding-top:0;
	}

	div#faq h3 {
			padding-left: 15px;
			background: url(/images/arrowLarge.gif) no-repeat 0px 6px;			
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 100%;
}

li {
	margin: 0;
	margin-bottom: 0.5em
}

ul, ol, blockquote {
	font-size: 100%;
	margin-top: 0;
	margin-left: 1.5em;
	padding-left: 0;
} 

ol {
	padding-left: 1em;
}

a {
	text-decoration: none;
	color: #0D73C6;
}

	a:hover {
		text-decoration: underline;
	}

.clear {
	clear: both;
}

dd, dt, dl {
	margin: 0;
	padding: 0;
}

em {
	font-style: italic;	
} 

.huge {
	font-size: 500%; 
	font-family: Arial, Helvetica, sans-serif; 
}

img {
	border: 0;
}

	img.boxshot {
		float: left;
	}
	
	.productInfo img.boxshot,
	.productWalkthru img.boxshot {
		margin: 0;
		margin-right: 10px;
	}

.indented {
		margin-left: 2em;
}               

.prod_buy img.button {
	float: right;
	margin: 0;
}

.left {
	float: left;
}

.productInfo .summary,
.productWalkthru .summary {
	margin-left: 100px;
	padding-left: 10px;
}

.small {
	font-size: 80%;
}

strong {
	font-weight: bold;
}

sup {
	font-size: 80%;
	font-weight: normal;
}

.prod_buy {
			text-align: right;
			padding-right: 8px;
			margin-left: 40px;
			padding-bottom: 2em;
}

p.buy {
	line-height: 1.1em;
}

.price {
	font: 250% Arial, Helvetica, sans-serif;
}

.buy,
.trial,
.quote {
	font-weight: bold;
	clear: right;
	margin-top: 1.5em;
}

.buy a,
.trial a,
.quote a {
	color: black;	
}

.right {
	float: right;
}

/* in-page tables */

th {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

/* In-Page Columns */

.col {
	width: 48%;
}

/* 'Call-out' Style Boxes + Products Sub-menu
---------------------------------------------*/

.linkbox, 
.infobox, 
.productnav {
	width: 170px;
	margin: 0 0 10px 15px;
	padding: 0 7px 7px 0;
	background: url(/images/bg-box.gif) no-repeat bottom right;
	font-size: 85%;
	clear: right;
	float: right;
}

body.checkout div.infobox {
	margin-left: 0px;
}

.linkbox {
	padding-bottom: 15px;
}

.productnav {
	width: 150px;
	margin-top:10px;
}

	div#pagetext .linkbox h2, 
	div#pagetext .infobox h2, 
	div#pagetext .productnav h2,
	.buyBox h2, 
	.buyBox h3 { 
		font-size: 110%;
		background-color: #e4e4e4;
		background-image: none;
		border-bottom: 1px solid #999;
		padding: 5px;
		margin: 0 0 3px 0;
		color: black;
	}
	
	.linkbox a, 
	.infobox h2 a, 
	.productnav h2 a,
	.buyBox h2 a, .buyBox h3 a {
		color: black;
	}

	.linkbox p, 
	.linkbox ul, 
	.linkbox ol, 
	.infobox p, 
	.infobox ul, 
	.infobox ol, 
	.productnav p,
	.productnav ul,
	.productnav ol {
		padding: 0 5px 0 4px;
		line-height: 1.3em;
		margin-bottom: 0.75em;
	}
	
	.linkbox li, 
	.infobox li, 
	.productnav li {
		margin-bottom: 2px;
	}

	ul.links, 
	.productnav ul {
		list-style: none;
		margin: 0 0 1em 0;
		padding-left: 5px;
	}
	
		ul.links li {
			padding-left: 0;
			margin-left: 0;
			padding-left: 15px;
			background: url(/images/arrowLarge.gif) no-repeat 0px 5px;	
		}
	
		ul.links li a {
			color: #0D73C6;
		}
		
		ul.links a:hover {
		}

		ul.links li.small, 
		ul.links a.small,
		.infobox ul.links li, 
		.productnav ul li {
			padding-left: 10px;
			background: url(/images/arrowSmall.gif) no-repeat 0px 2px;	
		}

		body.home ul.links a,
		ul.links .small a, 
		ul.links a.small,
		.infobox ul.links a, 
		.productnav ul a {
			color: black;
		}
		
		.infobox ul.links a.on, 
		.productnav ul a.on {
			color: 	#0D73C6;
			position: relative; 
			left: -10px;
			padding-left: 10px;
			background: url(/images/arrowSmallOn.gif) no-repeat 0px 2px white;	
		}
		
		.infobox ul.links a.on:hover,
		.productnav ul a.on:hover {
			text-decoration: none;
			cursor: default;
		}
		
.linkbox {
		background: url(/images/bg-linkbox.gif) no-repeat bottom right;
}

	div#pagetext .linkbox h2 {
		font-size: 120%;
		padding-left: 21px;
		background: url(/images/arrowBox.gif) no-repeat 0px 1px #e4e4e4;
	}
	
	div.productInfo div.linkbox,
	div.inline {
		float: left;
		margin: 0 10px 10px 0;
		width: 170px;
		clear: none;
	}

.box {
	background: url(/images/bg-roundbox.gif) no-repeat bottom right;
	margin-bottom:1em;
}

	.box h2 {
		margin-top: 0;
	}

/* Product Listings 
------------------------------------*/
	
div.productlist {
	background: url(/images/bg-roundbox.gif) no-repeat bottom right;
	margin-bottom:1em;
	float: left;
	width: 100%;
}
	
	#listSQL,
	#buySQL {
		float: left;
		width: 48%;
	}
	
	#listNet,
	#buyNet {
		float: right;
		width: 48%;
	}

	#buyNet, #buySQL {
		background: none;
	}

	#buySQL {
		border-right: 1px dashed #ccc;
	}

div.productlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

div.productlist ul li {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 90%;
		width: 100%;
		clear: left;
		float: left;
	}
	
	div.productlist ul a {
		margin-right: 7px;
		display: block;
		background: url(/images/go.gif) no-repeat bottom right;
		border-bottom: 1px solid #e8e8e8;
		padding: 5px 3px 13px 2px;
		color: black;
		float: left;
		width: 97%;
	}
	
		#listSQL ul a,
		#listNet ul a {
			width: 93%;		
		}
	
	#buyNet h2, 
	#buySQL h2 {
		margin-bottom: 1em;
	}
	
	div.productlist ul a:hover {
		text-decoration: none;
		background-image: url(/images/go_over.gif);
		background-color: #e8e8e8;
	}

	.productlist img.boxshot {
		float: left;
		margin: 0 5px 5px 0;
	}
	
.buyBox {
		width: 92%;
		float: left;
		clear: both;
		margin: 0 0 10px 0;
		padding: 0 7px 10px 0;
		background: url(/images/bg-box.gif) no-repeat bottom right;
		font-size: 85%;
	}
	
	/* see general box styling for hX, p, ul, li and a styles for .buyBox */
	
	.buyBox img {
		margin-right: 5px;
		margin-top: 2px;
	}
	
	p.description {
		clear: both;
	}
	
	.prodCode {
		font-weight: normal;
		font-size: 90%;
	}

/* Forms, Account, Cart and Checkout 
-------------------------------------------*/

/* Basic styling
----------------*/
form {
	margin: 0;
}
	
input, textarea, select {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	padding: 0.1em;
}

.text, .button, textarea, select {
	margin-top: 2px;
	padding: 0.1em;
}

select {
	padding: 0;
}

textarea {
	line-height: 1.5em;
}

fieldset {
	padding: 0;
	border: 0;
}

legend {
	padding: 0;
	margin: 0;
	background: white;
}

.req,
.greenreq {
	/*font-size: 80%;*/
	padding-left: 0.25em;
	color: #c00;
}

.greenreq {
	color: green;
}

.error {
	color: #c00;
}

p.progress {
	font-size: 80%;
	padding-bottom: 1em;
}
	
	span.step {
		padding-right: 20px;
	}
	
	
	form.cartSupport #cartSupport,
	form.cartAdd #cartAdd,
	form.cartQuantity #cartQuantity,
	form.step1 #step1,
	form.step2 #step2,
	form.step3 #step3,
	form.step4 #step4,
	form.step5 #step5,
	form.step6 #step6,
	form.step7 #step7,
	form.step8 #step8,
	form.step9 #step9,
	form.step10 #step10 {
		font-weight: bold;
	}
	
/* Checkout and Account 
--------------------------*/

div.formWrapper {
	margin-right: 190px; 
	width: auto;
}

* html div.formWrapper {
	margin-right: 0;
	width: 99%;
	ma\rgin-right: 190px; 
	w\idth: auto;
}

div.formWrapper table {
	width: 99%;
}

form table {
	border-collapse: collapse;
	/*
	border-bottom: 1px solid #DDE8EE;
	margin-bottom: 8px;
*/
	font-size: 100%; /* fix for IE5 bug - added DG 02/06/05 - Font size to remind IE5 ! */
}

form hr 
{
	margin-top: 5px;
	border:1px solid #DDE8EE;
	margin-bottom: 5px;
}

hr.blockend {display: block; clear: left; margin: -0.66em 0 3px 0; visibility: hidden;}

	form td, form th {
		padding: 0.2em;
		vertical-align: top;
		line-height: 1.3em;
	/*	width: 0;  ensures cells are minimum width required for content */
	}
	
	td.label {
		width: 150px;
		text-align: right;
		vertical-align: top;
	}

	tr.action td {
	}

	tr.heading td, td.heading {
		padding: 0;
		padding-top: 5px;
	}
	
	.heading h2 {
		margin-top: 0;
	}
	
	tr.product td, tr.product th {
		background-color:#DDE8EE;
		font-weight: bold;
		border: 1px solid white;
	}

	tr.subscription td, tr.subscription th {
		font-weight: bold;
		border: 1px solid white;
		background-color: #FBFFA0;
	}

	th .small {
		font-weight: normal;
		line-height: 1.2em;
	}

	.next {
		float: right;
		margin-bottom: 5px;
	}
	
	div.formWrapper .next {
		margin-right: 1em;
	}

	html>body  .next {
		margin-bottom: -3em;
	}

	.back {
		float: left;
		clear:left;
	}

table.TellaFriend td.label {
	width: 120px;
}

/*
form.cartAdd table {
	border-bottom: 1px solid #DDE8EE;
}
*/

	.cartAdd  td, .cartAdd  th {
		text-align: center;
		width: 7em;
	}

	tr.product th {
		text-align: left;
	}

	.cartAdd td.label, .cartAdd th.label {
		text-align: left;
		width: 350px;
	}

	.cartAdd .label ul, .addCcartAddart .label p {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.cartAdd .label ul {
		margin-bottom: 1em;
		margin-left: 2em;
	}
	
		.cartAdd .label li {
			margin-bottom: 0;
		}
		

form.cartSupport table {
}

	.cartSupport tr {
	}

	
	.cartSupport th {
		text-align: right;
		border-bottom: 1px solid #DDE8EE;
	}
	
	.cartSupport td {
		padding: 0.5em 0.2em 0.75em 0;
		text-align: right;
		vertical-align: bottom;
	}
	
	.cartSupport td.line {
		border-bottom: 1px solid #DDE8EE;
	}

	.cartSupport td.label {
		text-align: left;
		width: 400px;
	}



.cartView div.formWrapper {
	margin-right: 9px;
}

	.cartView div.infobox {
		position: absolute;
		top: 5px;
		right: 8px;
		display: block;
	}
	
	.cartView div.infobox ul {
		margin-bottom: 0;
	}
	
	form.cartView table {
		width: 100%;
		/*border-bottom: 1px solid #DDE8EE;*/
		margin-top: 30px;
	}
	
	* html form.cartView table {
		width: 99%;
		w\idth: 100%;
	}
	
	form.checkout table.cartView {
		margin-bottom: 10px;
	}
	
	.cartView td, .cartView th {
		padding: 0.2em 0.5em;
		line-height: 1.2;
	}
	
	td.qty,
	td.action,
	td.currencyswitch {
		font-size: 80%;
	}
	
	.cartView tr.product td {
		font-weight: normal;
	}
	
	.cartView td.item h3 {
		color: black;
		margin: 0;
		padding: 0;
	}
	
		.cartView td.item .prodCode {
			font-size: 80%;
		}
		
		.cartView td.item ul {
			font-size: 80%;
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
			.cartView td.item li {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
		.cartView tr.product td.itemtotal {
			font-weight: bold;
		}
		
		.cartView td.action {
			font-size: 80%;
			padding-top: 0.5em;
		}
		
		/*
		tr.serialno td {
			padding: 0;
		}
		
		
			.serialno table {
				width: 100%;
				border-right: 2px solid #8BB0C5;
				border-left: 2px solid #8BB0C5;
				border-bottom: 2px solid #8BB0C5;
			}
			
			.serialno table td, .serialno table th {
				padding: 0 0.25em;
				vertical-align: top;
			}*/

	
	.qty input {
		width: 2em;
	}
	
	.each, .itemtotal {
		text-align: right;
	}

	tr.subtotal td,
	tr.tax td, 
	tr.discount td {
		text-align: right;
	}
	
	.cartView td.label {
		width: auto;
		font-weight: bold;
	}
	
	td.label .small {
		font-weight: normal;
	}
	
	tr.currencyswitch {
		font-size: 80%;
	}
	
	tr.currencyswitch td {
		padding: 10px 0.5em 10px 0;
		vertical-align: middle;
	}
	
	.cartView table.form tr.total td {
		padding: 0 0.5em 0 0;
	}
	
	tr.total td {
		margin-bottom: 5px;
		vertical-align: middle;
	}
	
	.cartView tr.total td.label {
		padding-bottom: 19px;
		text-align: right
	}
	
	tr.total td.amount {
		font-weight: bold;
		vertical-align: top;
		text-align: right;
	}
	
	tr.total td.amount p {
		border: 2px solid #DDE8EE;
		margin-bottom: 15px;		
		padding: 0.2em 0.5em;
	}

	.cartView div.formWrapper  .next {
		margin-right: 0;
	}

div.Upselling
{
	border: 1px solid #DDE8EE;
	width: 500px;
	margin: 3px;
	padding: 3px;
	overflow:auto;
}
	
div.currencyswitch {
	position: absolute;
	top: 25px;
	width: 170px;
	right: 12px;
	font-size: 80%;
	line-height: 1em;
	z-index: 100;
}

	div.currencyswitch select {
		width: 100%;
	}
	
	div.currencyswitch p {
		margin: 0;
	}
	
	div.currencyswitch label {
		font-weight: bold;
	}

div.help {
	font-size: 80%;
	text-align: left;
	float: left;
	clear: left;
	color: #666;
	margin-top: 5px;
}

	div#pagetext div.help h2 {
		background-image: none;
		padding: 0;
		margin: 0;
		color: black;
	}
	
	
div.cartSummary, .cartView ul#cartOptions {
	float: right;
	font-size: 80%;
	text-align: right;
	clear: right;
	margin-right: 2px;
	width: 200px;
	color: #666;
}

	.cartAdd .cartSummary,
	.cartSupport .cartSummary {
		margin-right: 1em;
	}

	html>body div.cartSummary, 
	html>body .cartView ul#cartOptions {
		margin-top: 2.5em;
		clear: none;
	}

	div.cartSummary h3 {
		color: black;
		margin: 0;
		padding: 0;
	}
	
	div.cartSummary ul {
		margin:0;
		padding:0;
		list-style:none;
		text-align: right;
	}
	
	div.cartSummary li {
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: right;
	}

	.cartView ul#cartOptions {
		text-align: right;
		width: 250px;
	}
	
	ul#cartOptions a {
		padding-left: 10px;
		background: url(/images/arrowSmall.gif) no-repeat 0px 2px;	
	}
	
	ul#cartOptions li {
		padding-left: 0;
		background-image: none;
	}
	
/* Upgrade Center */

	table.upgradeCentre {
		width: 100%;
		border: 2px solid #DDE8EE;
		margin-bottom: 5px;
	}
	
	* html table.upgradeCentre {
		width: 99%;
		w\idth: 100%;
	}

	.upgradeCentre td, .upgradeCentre th {
		padding: 0.2em 0.5em;
		line-height: 1.2;
	}
	
	.upgradeCentre tr.product td {
		font-weight: normal;
		background-color: #DDE8EE;
		border-left:2px solid #DDE8EE;	
		border-bottom: 2px solid #DDE8EE;		
	}
	
	.upgradeCentre td.item h3 {
		color: black;
		margin: 0;
		padding: 0;
	}

	.upgradeCentre tr.boundProducts td {
			font-size: 80%;
		}
	
	.upgradeCentre td.item .prodCode {
			font-size: 80%;
		}
		
	.upgradeCentre td.item ul {
		font-size: 80%;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		
	.upgradeCentre td.item li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.upgradeCentre td.spacer 
	{
		width:10px;
	}
	
	div.upgradeCentreCurrencyswitch
	{
		float:right;
		width: 170px;
		right: 12px;
		font-size: 80%;
		line-height: 1em;
		z-index: 100;
	}

	div.upgradeCentreCurrencyswitch select {
		width: 100%;
	}
	
	div.upgradeCentreCurrencyswitch p {
		margin: 0;
	}
	
	div.upgradeCentreCurrencyswitch label {
		font-weight: bold;
	}
			
/******************/


/*          Style Items used by Lionel
-----------------------------------------------------------------------*/
	
		/* This greyed out text is used on the QuoteAccountChoice.aspx
page  */
		
.saveQuoteChoice .greyedOut {
	margin-left: 2em;
	margin-bottom: 0.5em;
	color: gray;
}               
		
		/* Use for the option list on ShowQuote*/
#quoteOptions li {
	margin: 0;
}

		/* Used on Pay.aspx for the price*/
.payTotal {
	font-size: x-Large;
}


		/* Used by the we are processing your payment method*/
#ProcessingPaymentMessage {
	text-align: right;
	font-weight: bold;
}
		/* Used for spacing on the checkout page */
.spacer {
	margin-top: 2cm;
}

	
	
/*      Downloads/Evaluation 
--------------------------------------*/

dl#freetrial {
	height: 12em;
}

html>body dl#freetrial {
	height: auto;
	padding-bottom: 1em;
}

	dl#freetrial dt {
		font-weight: bold; 
		width: 18ex; 
		height: 100%;
		float: left; 
		text-align: right; 
		line-height: 1; 
		color: #999;
		display: block;
	}

	dl#freetrial dd {
		margin-left: 22ex; 
		display: block;
	}
	
	
table.download {
	border: 2px solid #ccc;
	margin-bottom: 1em;
	font-size: 0.9em;
}

	table.download th {
		background: #ccc;
		font-weight: normal;
		padding: 0.2em 0.5em;
	}

	table.download td {
		width: 27%;
		vertical-align: middle;
		padding: 0.2em 0.5em;
	}

table.selected {
	border: 2px solid green;
}

	table.selected th {
		background: green;
		color: white;
	}


	td span.selected {
		font-weight: bold;
	}



/* Progress Nav (walkthroughs and search defaults )
------------------------------------------------------ */
ul.progress {
	padding: 0;
	margin: 0;
	list-style: none;
}

	ul.progress li {
		display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul.progress a {
		padding: 0 0.75em;
		border: 1px solid #e8e8e8;
		color: black;
	}

	ul.progress a:hover {
		text-decoration: none;
		background-color: #e8e8e8;
	}


	ul.progress a.next {
		background: url(/images/arrowSmall.gif) no-repeat right center;
		padding: 0 8px 0 0px;
		border: 0;
	}
	
	ul.progress a.back {
			background: url(/images/arrowSmall-left.gif) no-repeat left center;
			padding: 0 0 0 8px;
			border: 0;
			float: none;
		}
		

		ul.progress a.next:hover,
		ul.progress a.back:hover {
			background-color: white;
			text-decoration: underline;
		}
	

	/* Progress highlighting */
	.step1 .progress a#step1,
	.step2 .progress a#step2,
	.step3 .progress a#step3,
	.step4 .progress a#step4,
	.step5 .progress a#step5,
	.step6 .progress a#step6,
	.step7 .progress a#step7,
	.step8 .progress a#step8,
	.step9 .progress a#step9,
	.step10 .progress a#step10,
	.step11 .progress a#step11,
	.step12 .progress a#step12,
	.step13 .progress a#step13,
	.step14 .progress a#step14,
	.step15 .progress a#step15,
	.step16 .progress a#step16,
	.step17 .progress a#step17,
	.step18 .progress a#step18,
	.step19 .progress a#step19,
	.step20 .progress a#step22,
	.step21 .progress a#step21,
	.step22 .progress a#step22,
	.step23 .progress a#step23,
	.step24 .progress a#step24,
	.step25 .progress a#step25,
	.step26 .progress a#step26,
	.step27 .progress a#step27,
	.step28 .progress a#step28,
	.step29 .progress a#step29,
	.step30 .progress a#step30,
	ul.progress a.current {
		color: #09c;
		cursor: default;
		background-color: white;
		text-decoration: none;
	}
	



/*      Walkthroughs 
--------------------------------------*/

div.walkthru { /* see link boxes for main box styling */
	padding: 0 7px 7px 0;
	background: url(/images/bg-box.gif) no-repeat bottom right;
	width: auto;
	position: relative; 
	clear: both;
	margin-left: 0;
}

#pagetext div.walkthru h3,
#pagetext div.walkthru h2 {
	background-color: #e4e4e4;
	background-image: none;
	border-bottom: 1px solid #999;
	padding: 5px;
	margin: 0 0 3px 0;
	color: black;
	padding-right: 22ex; /* clears 'stop walkthrough' link */
}

a.stop {
	display: block;
	width: auto;
	position: absolute;
	top: 4px;
	right: 12px;
	cursor: pointer;

	background: url(/images/walkthroughs/close.gif) no-repeat right;
	padding-right: 15px;
	
	color: white;
	font-weight: bold;
	font-size: .85em;
}

	a.stop:hover {
		text-decoration: none;
		background-image: url(/images/walkthroughs/close_f02.gif);
	}

.walkthru ul.progress {
	padding-right: 50px;
	padding-left: 10px;
	padding-bottom: 0.5em;
	list-style: none;
	background: url(/images/arrowSmall.gif) no-repeat 2px 3px;
	font-weight: bold;
	border-bottom: 1px solid #e8e8e8;
	position: relative;
	font-size: 0.85em;
}

	.walkthru ul.progress a.next {
		background: url(/images/arrowSmall.gif) no-repeat right center;
		padding: 0 8px 0 0px;
		border: 0;
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
	}
	

div.walkthru p,
div.walkthru ol,
div.walkthru ul {
	margin-right: 5px; 
	margin-left: 4px;
}

div.walkthru img {
	margin: 0 5px 0.5em 4px;
}


.walkthru div.nav {
	margin: 0.5em 5px 5px 4px;
	padding: 0.1em 0.25em;
	border-top: 1px solid #e8e8e8;
	height: 1.5em;
	font-size: 0.9em;
	font-weight: bold;
}

.walkthru div.nav a {
	color: black;
}

.walkthru div.nav a.back {
	background: url(/images/arrowSmall-left.gif) no-repeat left center;
	padding: 0 0 0 8px;
}

div.nav a.next {
	background: url(/images/arrowSmall.gif) no-repeat right center;
	padding: 0 8px 0 0px;
}

.walkthru div.nav a:hover {
}

	

	
/*         Search Pages 
--------------------------------------*/

.search {
}

	.search dl {
		margin-right: 190px;
	}

	.search dt {
		font-weight: bold;
	}
	
	.search dt a {
		background: url(/images/arrowLarge.gif) no-repeat 0px 5px;	
		padding-left: 14px;
	}
	
	.search dd {
		margin-bottom: 1em;
	}
	
		.search dd p {
			margin: 0;
		}
		
		.search dd p.meta {
			font-size: 0.8em;
		}
	
	.searchterm {
		font-weight: bold;
	}
	
.search ul.progress {
	padding: 0;
	padding-top: 1em;
	margin: 0;
	margin-bottom: 2em;
	list-style: none;
	font-weight: bold;
	font-size: 0.9em;
	border-top: 1px solid #ccc;
}
	
	.search ul.progress a {
		padding: 0.2em 1em;
	}


	.search ul.progress a:hover {
		background-color: #09c;
		color: white;
	}
	
	.search ul.progress .next {
		padding-left: 0.24em;
		float: none;
	}
	
	.search ul.progress .back {
		padding-right: 0.25em;
		margin-left: 0.5em;
	}
	
	.search ul.progress a.next:hover,
	.search ul.progress a.back:hover {
		background-color: white;
		color: black;
	}
	
	.search ul.progress a.current {
			background-color: #09c;
			color: white;
	}

	
	.search .infobox {
		margin-top: 1em;
	}
	
	/* See Walkthrough for styling for ul.progress li and a */
	
	
	/************************************************************************/
	/*                          Added by Lionel                             */
	/************************************************************************/
	
	
	#quantityTable th
	{
		border-bottom: thin solid rgb(221, 232, 238);
	}
	
	#quantityTable h3
	{
		color: black;
		margin: 0;
		padding: 0;
	}
	
	#quantityTable ul {
		font-size: 80%;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	#quantityTable li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.costPerUser
	{
		color: #a3594a;
		font-size: x-small;
	}
	
	.cartAdd .costPerUser .includesLabel
	{
		color: black;
		width: auto;
		text-align: left;
	}
	
	.cartAdd .costPerUser .costPerUserLabel
	{
		width: auto;
		text-align: right;
	}

.disabledInput
{
	background-color: #e4e4e4;
}

.enabledInput
{
	background-color: white;
}

#QuoteList tr th
{
	border-bottom: thin solid rgb(221, 232, 238);
}

#QuoteList td.Bullet
{
	width: 30px;
}
#QuoteList td.QuoteNumber
{
	width: 125px;
}
#QuoteList td.CreationDate
{
	width: 150px;
}
#QuoteList td.ValidFor
{
	width: 75px;
}
#QuoteList td.Total
{
	width: 75px;
}
#QuoteList td.Purchased
{
	width: 75px;
}

#SerialNumberTable.cartView tr.product td {
	vertical-align: top;
	border: 2px solid #8BB0C5;
}

#SerialNumberTable td.qty {
	font-size: 1em;
}
	
	
#SerialNumberTable tr.serialno td {
	padding: 0;
}


	#SerialNumberTable .serialno table {
		width: 100%;
		border-right: 2px solid #8BB0C5;
		border-left: 2px solid #8BB0C5;
		border-bottom: 2px solid #8BB0C5;
	}
	
	#SerialNumberTable .serialno table td, .serialno table th {
		padding: 0 0.25em;
		vertical-align: top;
	}
	
/* New Button Styles
-------------------------------*/

ul.buttons, ul.buttons li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.buttons li {
	display: block;
	margin-bottom: 1em;
}

a.button {
	background-color: #FFF;
	border: 1px solid #386E93;
	color: #386E93;
	font-size: 9px;
	font-weight: bold;
	padding: 1px;
	text-decoration:none;
}

a.button span {
	background: url(/images/arrow-button1.gif) no-repeat center left;
	border: 1px solid white;
	padding: 0px 2px 0 12px;
}


a.button:hover {
	background-color: #386e93;
	color: white;
	text-decoration:none;
}

	a.button:hover span {
		background-color: #386e93;
		background-image: url(/images/arrow-button2.gif);
	}

	
/* Clearfix
-----------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* IE line breaking in the cart for no apparent reason
-------------------------------------------*/

* html .ienowrap {white-space: nowrap;}