/* reset default margins and padding */
div, h1, h2, h3, h4, h5, ul, ol, li, p, a, table, tr, td {
	margin:0;
	padding:0;
	}
/* end reset default margins and padding */
/* ---------- global styles ---------- */
body {
	margin:3px;
	padding:0;
	text-align:center;
	background-color:#f3f3f3;
	}
img {
	border:none;
	}
ul {
	list-style-type:none;
	}
#mastercontainer { /* parent container to address IE z-index bug with block level object */
	width:793px;
	margin:auto;
	text-align:left;
	}
#maincontainer {
	width:793px;
	margin:auto;
	text-align:left;
	background-color:#fff;
	border:1px solid #ddd; 
	padding:5px; /* not sure if this is correct usage */
	}
#metanav {
	width:793px;
	float:right;
	margin-top:5px;
	text-align:right;
	}
#metanav ul li {
	display:inline;
	}
#metanav ul li a {
	font-size:10px;
	font-family:verdana,tahoma;
	color:#999;
	text-decoration:none;
	vertical-align:middle;
	border-left:1px solid #f90;
	padding:5px 5px 5px 10px;
	}
#metanav ul li a:hover {
	text-decoration:underline;
	color:#369;
	}
#metanav ul li.rss a{
	display:inline;
	background-image:url(/images/rss_icon.png);
	background-position:95% 60%;
	background-repeat:no-repeat;
	text-indent:-9000em;
	overflow:hidden;
	padding-right:18px; 
	width:100%;
	height:100%;
	}
#brandingcontainer {
	width:793px;
	clear:both;
	}
#logo {
	width:387px;
	float:left;
	padding-top:13px;
	}
#logo h1 {
	width:387px;
	height:55px;
	background:url(/images/logo_integral_tagline.png);
	background-repeat:no-repeat;
	background-position:left;
	text-indent:-9000em; overflow:hidden; 
	display:block;
	text-decoration:none;
	}
#logo h1 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}
#clientlogin {
	width:25%;
	float:right;
	padding:40px 0 10px 0;
	}
#clientlogin a {
	width:85px;
	float:right;
	text-align:right;
	color:white;
	background-color:#a4ccdd;
	padding:2px 5px 2px 5px;
	font:bold 10px Verdana;
	text-decoration:none;
	border:1px solid #80aabd;
	}
#mainnavcontainer {
	width:793px;
	clear:both;
	background:#fff;
	padding-top:10px; /* padding hack used in place of margin for FF */
	background:url(/images/horizontal_dotted.png);
	background-position:top;
	background-repeat:repeat-x;
	}
#footercontainer {
	width:793px;
	clear:both;
	float:right;
	background:url(/images/horizontal_dotted.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:10px;
	margin-top:5px;
	margin-bottom:3px; /* for FF */
	background-color:#fff;
	}
#footerlegal {
	width:50%;
	float:left;
	}
#footerlegal ul {
	display:inline;
	}
#footerlegal ul li {
	display:inline;
	font-size:11px;
	font-family:tahoma;
	vertical-align:middle;
	color:#aaa;
	}
#footerlegal li a {
	text-decoration:none;
	color:#aaa;
	border-left:1px solid #ccc;
	padding:5px 5px 5px 10px;
	}
#footerlegal li a:hover {
	text-decoration:underline;
	color:#369;
	}
#footerphonenumbers {
	width:230px;
	float:right;
	}
.clear {
	clear:both;
	}
/* ---------- end global styles ---------- */

/* ---------- homepage styles ---------- */
#homeimageareacontainer {
	width:793px;
	clear:both;
	height:225px;
	}
#homeimage {
	width:793px;
	height:225px;
	float:left;
	padding-top:8px; /* padding hack used in place of margin for FF, adjusted for UL padding in rotating script */
	}
#calltoaction {
	width:133px;
	height:133px;
	border:0;
	position:relative;
	left:666px;
	top: -666px; /* for IE, conditional css set to -744px */
	z-index:10;
	}
#calltoaction h2 {
	width:133px;
	height:133px;
/*	background:url(/images/migration_offer.gif); */
	background:url(/images/sign_up_for_demo.gif); 
	background-repeat:no-repeat;
	background-position:left;
	text-indent:-9000em; overflow:hidden; 
	display:block;
	text-decoration:none;
	}
#calltoaction h2 a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	}
#homecontentcontainer {
	width:791px;
	clear:both;
	background-color:#fff;
	padding-top:8px; /* IE 0px  */
	}
#homenewscontent {
	width:791px;
	clear:both;
	background:url(/images/news_bg.png);
	border:1px solid #ddd;
	margin-bottom:7px;
	}
#homenewscontent ul {
	width:791px;
	}
#homenewscontent li {
	width:730px;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	color:#555;
	padding:6px 2px 0 4px;
	}
#homenewscontent a {
	text-decoration:none;
	color:#555;
	}
#homenewscontent span.newslabel {
	font-weight:bold;
	color:#c60;
	}

#homeleftcontent {
	width:515px;
	float:left;
	background-color:#fff;
	}
#homeleftcontent h1 {
	font-size:11px;
	font-family:tahoma;
	font-weight:bold;
	color:#666;
	padding:3px 3px 3px 3px;
	}
#homeleftcontent h2 {
	font-size:11px;
	font-family:tahoma;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
	padding:3px 3px 3px 3px;
	background:url(/images/dotted_horizontal_bg.gif) repeat-x bottom;
/*	border-bottom:1px solid #ccc; */
	margin-bottom:3px;
	}
#homeleftcontent ul {
	width:515px;
	margin:0;
	padding:0;
	}
table#clientsarea {
	width:515px;
	margin-bottom:7px;
	}
/* ---------- clients area boxes ---------- */
a#button1 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_buy_hover.png);
    margin: 0 auto;
}
a#button1:hover {
    background-image: url(/images/box_buy.png);
}
a#button2 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_broker_hover.png);
    margin: 0 auto;
}
a#button2:hover {
    background-image: url(/images/box_broker.png);
}
a#button3 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_margin_hover.png);
    margin: 0 auto;
}
a#button3:hover {
    background-image: url(/images/box_margin.png);
}
a#button4 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_hedge_hover.png);
    margin: 0 auto;
}
a#button4:hover {
    background-image: url(/images/box_hedge.png);
}
a#button5 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_prime_hover.png);
    margin: 0 auto;
}
a#button5:hover {
    background-image: url(/images/box_prime.png);
}
a#button6 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_funds2_hover.png);
    margin: 0 auto;
}
a#button6:hover {
    background-image: url(/images/box_funds2.png);
}
a#button7 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_sell_hover.png);
    margin: 0 auto;
}
a#button7:hover {
    background-image: url(/images/box_sell.png);
}
a#button8 {
    display: block;
    width: 255px;
    height: 60px;
    background-image: url(/images/box_corporates_hover.png);
    margin: 0 auto;
}
a#button8:hover {
    background-image: url(/images/box_corporates.png);
}
a .alt { display: none; }
/* ---------- end clients area boxes ---------- */




#customerlogos ul {
	display:inline;
	}
#customerlogos ul li {
	display:inline;
	}
#homerightcontent {
	width:274px;
	height:355px;
/*	height:330px; */
	float:right;
	background-color:#fff;
	background:url(/images/home_right_content_dotted_vert_355.png);
/*	background:url(/images/home_right_content_iphone.png); */
	background-position:left;
	background-repeat:no-repeat;
/*	text-indent:-9000em; overflow:hidden; */
	}
#homerightcontent a {
	width:100%;
	height:100%;
	font-family:tahoma, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#f30;
	text-decoration:none;
	background-color:#fff;
	display:block;
	outline:none;
	}
#ourpartners {
	width:268px;
	height:65px;
	float:right;
	clear:both;
	background-color:#fff;
	}
#ourpartners h2 {
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
	padding:3px 3px 3px 6px;
	text-decoration:normal;
	background:url(/images/dotted_horizontal_bg.gif) repeat-x bottom;
	}
#ourpartners p {
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:normal;
	color:#555;
	background-color:#fff;
	padding:3px 3px 3px 6px;
	text-decoration:normal;
	}
#partnerlist ul {
	float:left
	width:268px;
	margin:0px;
	background-color:#fff;
	padding:0;
	list-style:none;
	}	
#partnerlist li {
	float:left;
	width:68px;
	margin:0;
	padding:1px 0 0 7px;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	color:#999;
	}
#partnerlist li.second {
	float:left;
	width:71px;
	margin:0;
	padding:1px 0 0 9px;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	}
#partnerlist li.third {
	float:left;
	width:106px;
	margin:0;
	padding:1px 0 0 0;
	font-size:11px;
	font-family:tahoma, arial, sans-serif;
	font-weight:bold;
	color:#999;
	}

#mobilefx {
	width:268px;
	float:right;
	clear:both;
	margin-top:7px;
/*	background:url(/images/home_iphone_sm.png); */
/*	text-indent:-9000em; overflow:hidden; */
	}
#mobilefx h2 {
	font-size:11px;
	font-family:tahoma;
	font-weight:bold;
	color:#c60;
	background-color:#fff;
	background:url(/images/dotted_horizontal_bg.gif) repeat-x bottom;
	padding:3px 3px 3px 6px;
	text-decoration:normal;
	}
/* ---------- end homepage styles ---------- */

/* ---------- start page styles ---------- */

/* ---------- start breadcrumb navigation ---------- */
#breadcrumbs {
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#f90;
	background:url(/images/horizontal_dotted.png);
	background-position:bottom;
	background-repeat:repeat-x;
/*	padding:20px 0 10px 210px; */ /* IE set to 10px */
	padding:20px 0 10px 220px; /* IE set to 10px */
	}
#breadcrumbs a {
	color:#ccc;
	text-decoration:none;
	}
#breadcrumbs a:hover {
	color:#336699;
	text-decoration:underline;
	}
/* ---------- end breadcrumb navigation ---------- */

/* ---------- start left sub navigation menu ---------- */
#leftnav {
	width:190px;
	margin-top:40px;
	line-height:24px;
	}
#leftnav p {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0057c1;
	}		
#leftnav li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	height:24px;
	text-decoration:none;
	border-bottom:1px solid #f1f1f1;
	background-image:url(/images/icon_indic.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	}	
#leftnav li a:link, #leftnav li a:visited {
	color:#369;
	display:block;
	padding:0px 0 0 20px;
	}
#leftnav li a:hover {
	color:#f60;
	padding:0px 0 0 20px;
	background-color:#e7f1ff;
	}		
#leftnav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#leftnavexec {
	width:190px;
	margin-top:40px;
	line-height:12px;
	}
#leftnavexec span {
	font-weight:normal;
	font-style:italic;
	font-size:10px;
	color:#69c;
	}
#leftnavexec p {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#0057c1;
	}		
#leftnavexec li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	height:30px;
	text-decoration:none;
	border-bottom:1px solid #f1f1f1;
	background-image:url(/images/icon_indic.gif);
	background-position:5px center;
	background-repeat:no-repeat;
	}	
#leftnavexec li a:link, #leftnavexec li a:visited {
	color:#369;
	display:block;
	padding:5px 0 0 20px;
	}
#leftnavexec li a:hover {
	color:#f60;
	padding:5px 0 0 20px;
	background-color:#e7f1ff;
	}		
#leftnavexec ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- end left sub navigation menu ---------- */
#headerimageareacontainer {
	width:793px;
	clear:both;
	height:175px;
	}
#headerimage {
	width:793px;
	height:175px;
	float:left;
	padding-top:8px; /* padding hack used in place of margin for FF, adjusted for UL padding in rotating script */
	}
#pageleftcontent {
/*	width:210px; */
	width:220px;
	float:left;
	background:#fff;
	}
#pageleftcontent h1 {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:10px;
	color:#0057c1;
	margin-top:10px;
	}
#execphoto {
	width:190px;
	}
#execphoto img {
	padding-bottom:10px;
	}
#pagemiddlecontent {
	width:400px;
	float:left;
	background-color:#fff;
	}
#pagemiddlecontent .pageheading {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#000;
	margin-top:10px;
	padding-bottom:15px;
	}
#pagemiddlecontent h1 {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#f30;
	margin-top:0px;
	padding-bottom:10px;
	}
#pagemiddlecontent h2 {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding-top:5px;
	margin-bottom:-5px;
	}
#pagemiddlecontent h3 {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#333;
	padding-top:5px;
	margin-bottom:-5px;
	}
#pagemiddlecontent p {
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333;
	padding:5px 0 15px 0;
	}
#pagemiddlecontent a {
	color:#f60;
	text-decoration:none;
	}
#pagemiddlecontent a:hover {
	color:#369;
	text-decoration:underline;
	}
.specialh2 {
	font-family:verdana,tahoma;
	font-size:11px;
	font-style:italic;
	color:#036;
	}
#pagemiddlecontent ul {
	list-style-type:square;
	padding-left:25px;
	/* padding-top:0; margin-top:0;  attempt to remove spacing above */
	}
#pagemiddlecontent h2+ul {
	padding-top:10px;
	}
#pagemiddlecontent li {
	font-family:tahoma;
	font-size:11px;
	color:#000;
	padding-bottom:5px;
	}
#pagemiddlecontent li b {
	color:#69c;
	}
div.ulspace {
	padding-bottom:7px;
	}
#pagerightcontent {
/*	width:140px; */
	width:130px;
	float:right;
	margin-top:50px;
	background-color:#fff;
	}
#pagerightcontent h2 {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#666;
	text-align:right;
	padding-right:10px;
	}
div.screenshot {
	width:190px;
	clear:both;
	padding-left:10px;
	}
div.screenshot p {
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#930;
	padding-top:5px;
	}
div.screenshot img {
	padding-top:25px;
	}
div.screenshotcenter {
	width:390px;
	clear:both;
	text-align:center;
	}
div#screenshotcenter p {
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	color:#930;
	}
div.screenshotcenter img {
	}

/* --------- Don't forget to add to IE6 and IE7 specific CSS files --------- */
/* ----------------------- Introducing Brokers Page ------------------------ */
/* ------------------------------------------------------------------------- */
#productchart {
	width: 375px;
	margin:15px 0 15px 0;
	padding:0;
	}
#productchart table {
	width: 375px;
	background:#ddd;
	}
#productchart th {
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	color:#333;
	background:#eee;
	padding:5px 5px 5px 5px;
	}
#productchart td {
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	color:#333;
	background:#fff;
	padding:5px 5px 5px 5px;
	}
/* ---------- Phone Links ---------- */
#phonelinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#phonelinks li {
	padding-bottom:0px;
	}
#phonelinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/phone_separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:40px;
	padding-top:20px; /* IE set to 0 */
	padding-right:10px;
	}	
#phonelinks li a:link, #phonelinks li a:visited {
	color:#999;
	display:block;
	}
#phonelinks li a:hover {
	color:#999;
	text-decoration:none;
	}
#phonelinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- Email Links ---------- */
#emaillinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#emaillinks li {
	padding-bottom:0px;
	}
#emaillinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/email_separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:40px;
	padding-top:20px;
	padding-right:10px;
	}	
#emaillinks li a:link, #emaillinks li a:visited {
	color:#ff6600;
	display:block;
	}
#emaillinks li a:hover {
	color:#336699;
	text-decoration:none;
	}
#emaillinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- Demo Links ---------- */
#demolinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#demolinks li {
	padding-bottom:0px;
	}
#demolinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/demo_separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:40px;
	padding-top:20px;
	padding-right:10px;
	}	
#demolinks li a:link, #demolinks li a:visited {
	color:#ff6600;
	display:block;
	}
#demolinks li a:hover {
	color:#336699;
	text-decoration:none;
	}
#demolinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- Side Links ---------- */
#sidelinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	/* text-decoration:blink; */
	background-image:url(/images/blank_separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	}
#sidelinks li {
	padding-bottom:20px;
	padding-top:20px;
	padding-right:10px;
	color:#bc0e0e;
	}
#sidelinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	}	
#sidelinks li a:link, #sidelinks li a:visited {
	color:#ff6600;
	/* display:block; */
	}
#sidelinks li a:hover {
	color:#336699;
	text-decoration:none;
	}
#sidelinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- PDF Content Links ---------- */
#pdflinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#pdflinks li {
	padding-bottom:0px;
	}
#pdflinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/pdf_separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	padding-top:20px;
	padding-right:10px;
	}	
#pdflinks li a:link, #pdflinks li a:visited {
	color:#999999;
	display:block;
	}
#pdflinks li a:hover {
	color:#336699;
	text-decoration:underline;
	}
#pdflinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#pdflinks img {
	padding-right:10px;
	}
/* ---------- Plain Content Links ---------- */
#plainlinks {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#plainlinks li {
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	}
#plainlinks li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/separator.png);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	padding-top:20px;
	padding-right:10px;
	}	
#plainlinks li a:link, #plainlinks li a:visited {
	color:#999;
	display:block;
	}
#plainlinks li a:hover {
	color:#336699;
	text-decoration:none;
	}
#plainlinks ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- Quote Right ---------- */
#quoteright {
	width:138px; 
	margin-top:0px;
	text-align:right;
	}
#quoteright li {
	padding-bottom:0px;
	}
#quoteright li a {	
	font-family:Verdana, Tahoma, Arial, Sans-serif;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-image:url(/images/quotes_130px.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-bottom:40px;
	padding-top:20px; /* IE set to 0 */
	padding-right:10px;
	}	
#quoteright li a:link, #quoteright li a:visited {
	color:#598798;
	display:block;
	}
#quoteright li a:hover {
	color:#598798;
	text-decoration:none;
	}
#quoteright ul {
	list-style:none;
	margin:0;
	padding:0;
	}
/* ---------- end page styles ---------- */

/* ---------- form fill styles ---------- */
.formfill {
	font-family:Tahoma, Arial, Sans-serif;
	font-size:11px;
	color:#333;
	}
.formbutton {
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	border:1px solid #930;
	background-color: #f60;
	color: #fff;
	padding:3px 5px 3px 5px;
	}
input {
	background:#ffc;
	}
input.plain {
	background:#fff;
	}
select {
	background:#ffc;
	font-family: Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight:normal;
	}
select.plain {
	background:#fff;
	}	
.bcrow1, .bcrow2 {
	font-weight:bold;
	}
.smalltext {
	font-weight:normal;
	font-size:10px;
	height:30px;
	}

/* ---------- thumbnails and screenshots ---------- */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.screenshotcontainer {
	position: relative;
	width:190px;
	clear:both;
	padding-left:10px;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
.screenshotcontainer p {
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#930;
	padding-top:5px;
	}
.screenshot2 img {
	padding-top:25px;
	/* border: 1px solid white; */
	/* margin: 0 5px 5px 0; */
	}
.screenshot2:hover {
	background-color: transparent;
	}
.screenshot2 span { /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	}
.screenshot2 span img { /*CSS for enlarged image*/
	border-width: 0;
	}
.screenshot2:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	top: -25px; /* vertical position of enlarged image */
	left: 215px; /* horizontal position of enlarged image - overlapping the thumb enables clicking on enlarged */
	z-index: 55;
	}


.graphiccontainer {
	position: relative;
	width:400px;
	clear:both;
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}
.graphiccontainer p {
	font-family:Verdana, Tahoma;
	font-size:10px;
	font-weight:normal;
	color:#930;
	padding-top:5px;
	}
.graphic2 img {
	padding-top:25px;
	/* border: 1px solid white; */
	/* margin: 0 5px 5px 0; */
	}
.graphic2:hover {
	background-color: transparent;
	}
.graphic2 span { /*CSS for enlarged image*/
	position: absolute;
	left: -1000px;
	visibility: hidden;
	color: black;
	}
.graphic2 span img { /*CSS for enlarged image*/
	border-width: 0;
	}
.graphic2:hover span { /*CSS for enlarged image*/
	visibility: visible;
	top: 0;
	top: -125px; /* vertical position of enlarged image */
	left: -185px; /* horizontal position of enlarged image - overlapping the thumb enables clicking on enlarged */
	z-index: 55;
	}


/* --------------- for sales pages ----- */
.screenshotcontainerX {
	width:760px;
	padding-left:15px;
	}