﻿/* BLUE BOX */

.box1 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b1-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box1 .b1top {
	background: url(images/b1-top_580x8.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box1 .b1bot {
	background: url(images/b1-bot_580x8.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}

.box1 .wrap1 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}

.box1 .b1bot-a {
	background: url(images/b1-bot_580x33.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 33px;
}


/* GREEN BOX */

.box2 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b2-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box2 .b2top {
	background: url(images/b2-top_580x5.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 5px;
}
.box2 .b2bot {
	background: url(images/b2-bot_580x5.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 5px;
}
.box2 .wrap2 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}

/* CLEAR ROUND CORNER BOX */

.box3 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b3-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box3 .b3top {
	background: url(images/b3-top_580x8.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box3 .b3bot {
	background: url(images/b3-bot_580x8.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box3 .wrap3 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}








/* TALL HEADER AND CORNER BOX */

.box4 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b4-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box4 .b4top {
	background: url(images/b4-top_580x32.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 32px;
}
.box4 .b4bot {
	background: url(images/b4-bot_580x7.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 7px;
}
.box4 .wrap4 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}


/* TALL HEADER AND CORNER BOX - BLUE */

.box5 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b5-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box5 .b5top {
	background: url(images/b5-top_580x34.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 32px;
}
.box5 .b5bot {
	background: url(images/b5-bot_580x7.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 7px;
}
.box5 .wrap5 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}


/* CLEAR ROUND CORNER BOX */


.box6 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b3-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box6 .b6top {
	background: url(images/b3-top_580x8.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box6 .b6bot {
	background: url(images/b3-bot_580x8.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box6 .wrap6 {
	position: relative;
	padding: 5px;
	padding-left: 12px;
}


/* SMALL GREEN CORNER BOX */


.box7 {
	position: relative;
	display: block;
	width: 275px;
	background: url(images/b7-mid_275x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box7 .b7top {
	background: url(images/b7-top_275x8.gif) no-repeat left top;
	width: 275px;
	display: block;
	position: relative;
	height: 8px;
}
.box7 .b7bot {
	background: url(images/b7-bot_275x8.gif) no-repeat left bottom;
	width: 275px;
	display: block;
	position: relative;
	height: 8px;
}
.box7 .wrap7 {
	position: relative;
	padding-right: 5px;
	padding-left: 12px;
}





/* RIGHT DATA BOX */


.box8 {
	position: relative;
	display: block;
	width: 255px;
	background: url(images/b8-mid_255x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box8 .b8top {
	background: url(images/b8-top_255x25.gif) no-repeat left top;
	width: 255px;
	display: block;
	position: relative;
	height: 25px;
	line-height: 25px;
}
.box8 .b8bot {
	background: url(images/b8-bot_255x1.gif) no-repeat left bottom;
	width: 275px;
	display: block;
	position: relative;
	height: 1px;
}
.box8 .wrap8 {
	position: relative;
	padding: 0px;
	padding-left: 1px;
}

/* SUBSCRIPTION BOX */

.box9 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b9-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box9 .b9top {
	background: url(images/b9-top_580x25.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 25px;
	line-height: 25px;
}
.box9 .b9bot {
	background: url(images/b9-bot_580x1.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 1px;
}
.box9 .wrap9 {
	position: relative;
	padding: 0px;
	padding-left: 1px;
}




/* ANOTHER SMALL GREEN CORNER BOX */


.box10 {
	position: relative;
	display: block;
	width: 300px;
	background: url(images/b10-mid_300x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box10 .b10top {
	background: url(images/b10-top_300x8.gif) no-repeat left top;
	width: 300px;
	display: block;
	position: relative;
	height: 8px;
}
.box10 .b10bot {
	background: url(images/b10-bot_300x8.gif) no-repeat left bottom;
	width: 300px;
	display: block;
	position: relative;
	height: 8px;
}
.box10 .wrap10 {
	position: relative;
	padding-right: 5px;
	padding-left: 12px;
}




/* ANOTHER SMALL GREEN CORNER BOX */


.box11 {
	position: relative;
	display: block;
	width: 439px;
	background: url(images/b11-mid_439x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box11 .b11top {
	background: url(images/b11-top_439x8.gif) no-repeat left top;
	width: 439px;
	display: block;
	position: relative;
	height: 8px;
}
.box11 .b11bot {
	background: url(images/b11-bot_439x8.gif) no-repeat left bottom;
	width: 439px;
	display: block;
	position: relative;
	height: 8px;
}
.box11 .wrap11 {
	position: relative;
	padding-right: 0px;
	padding-left: 12px;
}


/* BLUE TALL HEADER AND CORNER BOX */

.box12 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b12-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
	color:
}
.box12 .b12top {
	background: url(images/b12-top_580x33.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 33px;
}
.box12 .b12bot {
	background: url(images/b12-bot_580x8.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box12 .wrap12 {
	position: relative;
	padding-top: 8px;
	padding-left: 12px;
}


/* BLUE ROUND CORNER BOX WITH CALL OUT */


.box13 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b13-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box13 .b13top {
	background: url(images/b13-top_580x8.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 8px;
}
.box13 .b13bot {
	background: url(images/b13-bot_580x24.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 24px;
}
.box13 .wrap13 {
	position: relative;
	padding-right: 0px;
	padding-left: 12px;
}

/* GREEN ROUND CORNER BOX WITH CALL OUT */


.box14 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b14-mid_580x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box14 .b14top {
	background: url(images/b14-top_580x9.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 9px;
}
.box14 .b14bot {
	background: url(images/b14-bot_580x26.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 26px;
}
.box14 .wrap14 {
	position: relative;
	padding-right: 0px;
	padding-left: 12px;
}

/* Green Box Level 2 */

.box15Green {
	position: relative;
	display: block;
	width: 530px;
	background: url(images/b15-mid_530x1.gif) repeat-y left top;
	margin-bottom: 20px;
}
.box15Green .b15top {
	background: url(images/b15-top_530x8.gif) no-repeat left top;
	width: 530px;
	display: block;
	position: relative;
	height: 8px;
}
.box15Green .b15bot {
	background: url(images/b15-bot_530x8.gif) no-repeat left bottom;
	width: 530px;
	display: block;
	position: relative;
	height: 8px;
}
.box15Green .wrap15 {
	position: relative;
	padding-right: 0px;
	padding-left: 12px;
}

.ins-pdf {
	position: absolute;
	display: block;
	width: 39px;
	height: 29px;
	background: url(images/ins-pdf_39x29.gif) no-repeat right top;
	top: 5px;
	right: 5px;

}

.ins-linux{
	position: absolute;
	display: block;
	width: 39px;
	height: 29px;
	background: url(images/ins-linux_39x29.gif) no-repeat right top;
	top: 5px;
	right: 5px;

}
.ins-dos{
	position: absolute;
	display: block;
	width: 39px;
	height: 29px;
	background: url(images/ins-dos_39x29.gif) no-repeat right top;
	top: 5px;
	right: 5px;

}
.ins-windows{
	position: absolute;
	display: block;
	width: 39px;
	height: 29px;
	background: url(images/ins-windows_39x29.gif) no-repeat right top;
	top: 5px;
	right: 5px;

}



/* COMPARISON GRID */

.box15 {
	position: relative;
	display: block;
	width: 580px;
	background: url(images/b15-mid_580x1.gif) repeat-y left top;
	margin-bottom: 0px;
}
.box15 .b15top {
	background: url(images/b15-top_580x25.gif) no-repeat left top;
	width: 580px;
	display: block;
	position: relative;
	height: 25px;
	line-height: 25px;
}
.box15 .b15bot {
	background: url(images/b15-bot_580x3.gif) no-repeat left bottom;
	width: 580px;
	display: block;
	position: relative;
	height: 3px;
}
.box15 .wrap15 {
	position: relative;
	display: block;
	z-index: 1010;
}
