BODY					{font:13px/18px Verdana; color:#333;}
A						{color:#039; text-decoration:none;}
A:hover					{color:#c30; text-decoration:underline;}
H1, H2, H3, H4, P		{padding:0; margin:0;}
H1						{font: bold 2.3em Arial, Verdana; color:#000; padding-bottom:0.7em;}
H1 EM					{font-style:normal; color:#ccc;}
H2						{font: bold 21px Arial, Verdana; color:#333; padding-top:0.9em; padding-bottom:0.9em;}

h2.alt					{margin:0; font: bold 19px Arial, Verdana; text-align:left; padding:0 0 5px 0; color:#7AA92A; clear:left; background: url(img/furniture/dotted_line.gif) repeat-x 9px;}
h2.alt span				{background-color:#fff; padding:0 6px 0 0;}
H3						{font: bold 16px Arial, Verdana; color:#333; padding-bottom:18px;}
P						{padding-bottom:0.7em;}
p.last					{padding-bottom:0;}
.textBlock p			{padding-bottom:1.4em; line-height:1.6em;}	
sup						{color:#c30; vertical-align:top; font: bold 10px Verdana; padding-left:4px;}
.noPadding				{padding:0;}
body .noBtmMargin		{margin-bottom:0;}
.clearer				{font-size:1px; line-height:1px; clear:both; height:1px;}
span.clearer			{display:block; clear:both;}
.floatRight				{float:right;}
.floatLeft				{float:left;}
a.txtLink				{background: url(img/furniture/link_icon.gif) no-repeat 0 4px; padding-left:14px; font: 11px Verdana, Tahoma;}
a.txtLink:hover			{text-decoration:underline;}
	
.purpleText		{color:#391361;}
.greenText		{color:#690;}
.redText		{color:#c30;}	
.lightGreyText	{color:#ccc;}
.midGreyText	{color:#999;}
.darkGreyText	{color:#666;}

.supportInfoBox ul.mainBulletPoints li{padding-bottom:10px; font:bold 14px Arial,Tahoma, Verdana; background-position: 0 4px;}
.supportInfoBox ul.mainBulletPoints {margin: 6px 0 10px 6px;}
.supportInfoBox .mBtnTxt {width:297px;}
		
.featureSupport{padding: 0 0 2px 0; height:20px; font:11px/29px Tahoma; color:#666; position:relative;}
.supportedEdition{position:absolute; top:5px; left:3px; width:780px;}
.supportedEdition li{float:left; font: bold 14px/14px Arial, Tahoma; color:#333; background: url(img/inclusion_icons.gif) no-repeat left 0px; margin-bottom:12px; padding-left:18px; width:168px;}
.supportedEdition li.exclude{color:#ccc !important; background-position: left -20px;}
.supportedEdition li.exclude span{color:#ccc !important;}

#featureComparison td .yes{text-indent:-9999px; background: url(img/inclusion_icons.gif) no-repeat 20px -1px; height:13px;}
#featureComparison td .no{text-indent:-9999px; background: url(img/inclusion_icons.gif) no-repeat 20px -21px; height:13px;}
#featureComparison td .addon{text-indent:-9999px; background: url(img/inclusion_icons.gif) no-repeat 20px -41px; height:13px;}

#featureComparison th.groupTitle{color:#fff; font:bold 14px/16px Arial;}

.keyToSymbols .yes{padding-left:38px; background: url(img/inclusion_icons.gif) no-repeat 20px -1px; height:13px; line-height:13px; width:60px;}
.keyToSymbols .no{padding-left:38px; background: url(img/inclusion_icons.gif) no-repeat 20px -21px; height:13px; line-height:13px; width:100px;}
.keyToSymbols .addon{padding-left:38px; background: url(img/inclusion_icons.gif) no-repeat 20px -41px; height:13px; line-height:13px; width:50px;}
.keyToSymbols .title{font-weight:bold; color:#333;}

.serviceCost{float:left; margin:6px 16px 0 8px;}
.serviceCost .price{font: bold 32px/32px Arial; color:#c30;}
.serviceCost .terms{font: 11px Arial; color:#666; text-align:right;}

.contactBox{margin-bottom:0;}
.contactBox .number{font: bold 28px Arial; float:left; width:206px; color:#999;}
.contactBox .message{font: 11px/17px Tahoma; color:#999; float:left; width:290px;}
.contactBox .message a{text-decoration:underline;}

.xpSupportContactBox{}
.xpSupportContactBox .number{font:bold 36px Arial; color:#666; text-align:center; padding-bottom:0px;}
.xpSupportContactBox .email{font:bold 22px Arial; color:#999; text-align:center; padding-bottom:10px;}
.xpSupportContactBox .disclaimer{font:9px Arial; color:#666;}

/* Grid Column Widths*/

.col4{width:748px; margin-bottom:20px; clear:both;}
.col3{width:493px; margin:0 20px 20px 0; float:left;}
.col2{width:364px; margin:0 20px 20px 0; float:left;}		
.col1{width:236px; margin:0 20px 20px 0; float:left;}
			
/* Info Box Colours */

.col1 .ibClr1 .top, .col1 .ibClr1 .topAlt, .col1 .ibClr1 .btm, .col1 .ibClr1 .btmAlt{background: url(img/boxes/infobox_1.gif) no-repeat;}
.col1 .ibClr1 .mid{background: url(img/boxes/infobox_1_mid.gif) repeat-y;}
.col1 .ibClr2 .top, .col1 .ibClr2 .topAlt, .col1 .ibClr2 .btm, .col1 .ibClr2 .btmAlt{background: url(img/boxes/infobox_2.gif) no-repeat;}
.col1 .ibClr2 .mid{background: url(img/boxes/infobox_2_mid.gif) repeat-y;}
.col1 .ibClr3 .top, .col1 .ibClr3 .topAlt, .col1 .ibClr3 .btm, .col1 .ibClr3 .btmAlt{background: url(img/boxes/infobox_3.gif) no-repeat;}
.col1 .ibClr3 .mid{background: url(img/boxes/infobox_3_mid.gif) repeat-y;}
.col1 .ibClr4 .top, .col1 .ibClr4 .topAlt, .col1 .ibClr4 .btm, .col1 .ibClr4 .btmAlt{background: url(img/boxes/infobox_4.gif) no-repeat;}
.col1 .ibClr4 .mid{background: url(img/boxes/infobox_4_mid.gif) repeat-y;}

.col2 .ibClr1 .top, .col2 .ibClr1 .topAlt, .col2 .ibClr1 .btm, .col2 .ibClr1 .btmAlt{background: url(img/boxes/infobox_1_wide.gif) no-repeat;}
.col2 .ibClr1 .mid{background: url(img/boxes/infobox_1_mid_wide.gif) repeat-y;}
.col2 .ibClr2 .top, .col2 .ibClr2 .topAlt, .col2 .ibClr2 .btm, .col2 .ibClr2 .btmAlt{background: url(img/boxes/infobox_2_wide.gif) no-repeat;}
.col2 .ibClr2 .mid{background: url(img/boxes/infobox_2_mid_wide.gif) repeat-y;}
.col2 .ibClr3 .top, .col2 .ibClr3 .topAlt, .col2 .ibClr3 .btm, .col2 .ibClr3 .btmAlt{background: url(img/boxes/infobox_3_wide.gif) no-repeat;}
.col2 .ibClr3 .mid{background: url(img/boxes/infobox_3_mid_wide.gif) repeat-y;}
.col2 .ibClr4 .top, .col2 .ibClr4 .topAlt, .col2 .ibClr4 .btm, .col2 .ibClr4 .btmAlt{background: url(img/boxes/infobox_4_wide.gif) no-repeat;}
.col2 .ibClr4 .mid{background: url(img/boxes/infobox_4_mid_wide.gif) repeat-y;}

.col4 .ibClr1 .top, .col4 .ibClr1 .topAlt, .col4 .ibClr1 .btm, .col4 .ibClr1 .btmAlt{background: url(img/boxes/infobox_1_full.gif) no-repeat;}
.col4 .ibClr1 .mid{background: url(img/boxes/infobox_1_mid_full.gif) repeat-y;}

.ibClr1 .header em{color:#AA9DC6; font-style:normal;}
.ibClr2 .header em{color:#B3CC80; font-style:normal;}
.ibClr3 .header em{color:#E69980; font-style:normal;}
								
/* Info Box Structure */
							
.col1 .infoBox{width:236px;}
.col2 .infoBox{width:364px;}		
.col1 .infoBox .top, 	.col2 .infoBox .top, .col4 .infoBox .top	{padding:20px 20px 6px 20px;}
.col1 .infoBox .topAlt, .col2 .infoBox .topAlt	{background-position: 0 -108px; padding:15px 20px 6px 20px;}		
.col1 .infoBox .header, .col2 .infoBox .header, .col4 .infoBox .header	{font: bold 14px Arial; color: #fff; text-transform:uppercase; }	
.col1 .infoBox .mid, 	.col2 .infoBox .mid, .col4 .infoBox .mid	{font: 11px/14px Tahoma; padding:6px 22px 3px 22px;}		
.col1 .infoBox .btm, 	.col2 .infoBox .btm, .col4 .infoBox .btm	{background-position: 0 -204px; height:21px;}
.col1 .infoBox .btmAlt, .col2 .infoBox .btmAlt	{background-position: 0 -91px; height:17px;}
	
body .linkList .mid{padding:0px 18px 0px 18px !important;}
.linkList li{padding:4px 0 4px 0; border-bottom:1px dotted #ccc;}
.linkList li.last{padding:4px 0 0 0; border:none;}
.linkList a{background: url(img/linkList_aro.gif) no-repeat; padding-left:20px; display:block; text-decoration:none;  line-height:20px; height:21px;}
.linkList a:hover{padding-left:20px; background: url(img/linkList_hvr_bg.gif) no-repeat; color: #fff;}
		
.infoBox p.last{padding-bottom:0px;}	
		
		
/* Photo Frames */		
.photoFrameLrg{ width:364px; height:352px; background: url(img/pc_screen.gif) no-repeat; position:relative;}
.photoFrameLrg img{width:301px; height:231px; position:absolute; top:31px; left:31px;}		
.photoFrameLrg em{width:364px; color:#666; position:absolute; bottom:0; left:0; text-align:center;}
		
.photoFrameLrg .content{left:40px; top:36px; position:absolute; width:294px; color:#333;}
.photoFrameLrg .content .insiteLogo{padding-bottom:8px;} 

.photoFrameLrg .content p{padding-bottom:13px;}
.photoFrameLrg .insiteLogo{width:294px;}

.photoFrameLrg .mBtn{position:absolute; bottom:93px; left:38px;}
.photoFrameLrg .mBtnTxt{width:265px;} 

.insiteLogo{font: bold 26px Arial; color:#333; letter-spacing:-1px;}
.insiteLogo .redText{font-style:italic;}
.insiteLogo .tradeMark{color:#000; position:relative; top:-10px; font-size:0.4em;}
.freeSoftwareBadge{position:absolute; top:-56px; right:-42px; background: url(img/free_badge.png) no-repeat; width:95px; height:92px;}
	    		
/* Magic Buttons */

.mBtn				{color:#fff;cursor:pointer;}
.mBtnSpacer			{float:left; width:10px;}
.mBtnLeft, .mBtnRight{height:38px; float:left;}
.mBtnLeft			{background: url(img/mbtns/pb_btns.gif) -7px -8px no-repeat;}
.mBtnRight			{background: url(img/mbtns/pb_btns.gif) -356px -8px no-repeat; width:9px;}
.mBtnLeftHover		{background: url(img/mbtns/pb_btns.gif) -7px -88px no-repeat; cursor:pointer;}
.mBtnRightHover		{background: url(img/mbtns/pb_btns.gif) -356px -88px no-repeat; cursor:pointer;}
.mBtnLeftDown		{background: url(img/mbtns/pb_btns.gif) -7px -127px no-repeat; cursor:pointer;}
.mBtnRightDown		{background: url(img/mbtns/pb_btns.gif) -356px -127px no-repeat; cursor:pointer;}
.mBtnLeftDisabled	{background-color:#666;}
.mBtnRightDisabled	{background-color:#666;}
.mBtnTxt			{color:#009; font: bold 14px Arial; padding:9px 2px 0 10px; display:block; text-align:center;}
.mBtnTxt span		{color:#999;}
.mBtnTxtHover		{color:#c30; position:relative;}
.mBtnTxtDown		{color:#c30; position:relative; top:1px; left:1px;}
.mBtnTxtDisabled	{color:#ccc; position:relative; top:0px; left:0px;}
a.mBtn, a.mBtnSticky, a,mBtnSelected	{text-decoration:none;}
a.mBtn:hover, a.mBtnSticky:hover, a,mBtnSelected:hover	{text-decoration:none;}

.mbIconEmail		{padding-left:22px; background: url(img/mbtns/email.gif) -1px 0px no-repeat;}
.mbIconCal			{padding-left:21px; background: url(img/mbtns/calendar.gif) -1px 0px no-repeat;}

/* Tab Navigation Styles */

#mTabNav .mBtnLeft, #mTabNav .mBtnRight{
	height:50px;display:block; float:left; 
}
#mTabNav .mBtnRight{width:18px;}

#mTabNav a.mBtnSticky .mBtnLeft		{background: url(img/mbtns/is_tabs.gif) -7px -105px no-repeat; }
#mTabNav a.mBtnSticky .mBtnRight	{background: url(img/mbtns/is_tabs.gif) -349px -105px no-repeat;}

#mTabNav .mBtnLeft			{background: url(img/mbtns/is_tabs.gif) -7px 0px no-repeat; }
#mTabNav .mBtnRight			{background: url(img/mbtns/is_tabs.gif) -349px 0px no-repeat;}

#mTabNav .mBtnLeftHover		{background: url(img/mbtns/is_tabs.gif) -7px -53px no-repeat; cursor:pointer;}
#mTabNav .mBtnRightHover	{background: url(img/mbtns/is_tabs.gif) -349px -53px no-repeat; cursor:pointer;}

#mTabNav .mBtnLeftDown		{background: url(img/mbtns/is_tabs.gif) -7px 0px no-repeat; cursor:pointer;}
#mTabNav .mBtnRightDown		{background: url(img/mbtns/is_tabs.gif) -349px 0px no-repeat; cursor:pointer;}

#mTabNav.mBtnLeftDisabled	{background: url(img/mbtns/is_tabs.gif) -7px -160px no-repeat;}
#mTabNav.mBtnRightDisabled	{background: url(img/mbtns/is_tabs.gif) -349px -160px no-repeat;}

#mTabNav a.mBtnSticky .mBtnTxt		{color:#669900; margin:18px 0 0 12px;}
#mTabNav a.mBtnSticky .mBtnTxtHover	{color:#669900; position:relative; top:0px; left:0px;}

#mTabNav .mBtnTxt			{color:#fff; font: bold 14px Arial; padding:0px; margin:16px 0 0 12px; display:block;}
#mTabNav .mBtnTxtHover		{color:#fff;position:relative; top:-2px; left:0px;}
#mTabNav .mBtnTxtDown		{color:#fff; position:relative; top:0px; left:0px;}
#mTabNav .mBtnTxtDisabled	{color:#fff; position:relative; top:0px; left:0px;}

/* Bullet Lists */
ul.mainBulletPoints 	{padding:0; margin:0;}
ul.mainBulletPoints li	{ list-style:none; padding:0 0 20px 22px; color:#333; font: 13px/19px Verdana; background: url(img/bullet_point.gif) no-repeat 0px 7px;}
ul.mainBulletPoints li strong	{font: bold 16px/22px Arial; color:#553B8D; padding-bottom:6px;}
ul.mainBulletPoints li em	{color:#999; font-style:normal;}
ul.mainBulletPoints li a	{color:#553B8D; text-decoration:underline;}
ul.mainBulletPoints li a:hover	{color:#c30; }

ul.horizBulletPoints{padding:0 0 18px 0; margin:0;}
ul.horizBulletPoints li	{margin-right:26px; float:left;list-style:none; padding:0 0 0 16px; color:#333; font: bold 14px/17px Arial, Verdana;
						 background: url(img/bullet_point.gif) no-repeat 0 4px;}
	
ul.supportBulletPoints 	{padding:0 0 0 0; margin:0; height:1%;}
ul.supportBulletPoints li	{clear:left;list-style:none; padding:0 0 20px 50px; color:#333; font: 13px/19px Verdana; background: url(img/support_stamp.gif) no-repeat 0 0;}
ul.supportBulletPoints li strong	{font: bold 16px/22px Arial; color:#553B8D; display:block; padding-bottom:6px;}
ul.supportBulletPoints li em	{color:#999; font-style:normal;}
ul.supportBulletPoints li a	{color:#553B8D; display:block; margin-top:6px; text-decoration:underline;}
ul.supportBulletPoints li a:hover	{color:#7AA92A; text-decoration:none; }
						 						 
/*/ Footer /*/
#footer					{font:11px Tahoma, Verdana; color:#333; margin:0px auto; width:750px; padding:0 40px 40px 40px;}
#footer #leftBox		{width:400px;}
#footer #rightBox		{text-align:right;}
UL#footerLinks			{padding:0; margin:0;}
UL#footerLinks LI		{list-style:none;float:right; padding-left:1em; margin:0;}

#footerLogo				{background: url(img/footer_logo.png) no-repeat 0px 0px; height:26px; text-indent:-9999px;}

/* Validation Icon */

.validationIcon, .validationIcon2{display:none; padding:5px 6px 6px 20px; text-transform:uppercase; border:solid 4px #fff; font:bold 11px Tahoma;  background: #690 url(img/validation_icon.gif) no-repeat 0 0; position:absolute; top:-4px; left:-96px;}
.validationIcon2{top:-43px;}

.contactForm label{width:120px; display:block; float:left; padding-top:4px;}
.contactForm .mBtnTxt{width:299px;}
.contactForm input{width:190px;}
.contactForm .dottedLine{clear:left;}	
.formItem{position:relative;}