/* CSS Document */

/* GENERAL */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #bbbbbb;
}

/* Structural */ 
div.left {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 250px;
	height: 620px;
	border-style: solid;
	border-width: 0px;
	background-color: #828282;
}

div.right {
	position: absolute;
	top: 0px;
	left: 250px;
	width: 570px;
	height: 620px;
	border-style: solid;
	border-width: 0px;
	background-color: white;
}

div.container {
	position: relative;
	margin: 0 auto;
	width: 820px;
	height: 620px;
	border-style: solid;
	border-width: 1px;
}

/* Original 
div.slysoft {
	position: absolute;
	width: 119px;
	height: 600px;
	top: 8px;
	left: 830px;
	border-style: solid;
	border-width: 1px;
}*/

div.crossloop {
	position: absolute;
	width: 122px;
	height: 48px;
	top: 635px;
	left: 400px;
	border-style: solid;
	border-width: 0px;
	}

div.alwilresell {
	position: absolute;
	width: 102px;
	height: 52px;
	top: 636px;
	left: 0px;
	border-style: solid;
	border-width: 0px;
}

div.alwilget {
	position: absolute;
	width: 113px;
	height: 52px;
	top: 634px;
	left: 685px;
	border-style: solid;
	border-width: 0px;
}

div.lavasoftresell {
	position: absolute;
	width: 148px;
	height: 52px;
	top: 634px;
	left: 161px;
	border-style: solid;
	border-width: 0px;
}

div.lavasoftget {
	position: absolute;
	width: 115px;
	height: 52px;
	top: 634px;
	left: 584px;
	border-style: solid;
	border-width: 0px;
}

/* LEFT SIDE */

div.leftbar1 {
	position: absolute;
	top: 40px;
	left: 0px;
	width: 250px;
	height: 70px;
	border-style: solid;
	border-width: 0px;
	background-color: #6d6d6d;
	text-align: center;
	vertical-align: center;
	
}

div.leftlogo {
	position: absolute;
	top: 144px;
	left: 0px;
	width: 250px;
	height: 100px;
	border-style: solid;
	border-width: 0px;
	/*background-color: #6d6d6d;*/
	text-align: center;
	vertical-align: center;	
}

div.leftimage {
	position: absolute;
	top: 259px;
	left: 0px;
	width: 250px;
	border-style: solid;
	border-width: 0px;
	/*background-color: #6d6d6d;*/
	text-align: center;
	vertical-align: center;	
}

img.leftlogo {


}

div.logotext {
	position: absolute;
	top: 135px;
	left: 0px;
	width: 250px;
	height: 50px;
	border-style: solid;
	border-width: 0px;
	/*background-color: #b7b7b7;*/
	text-align: center;
	vertical-align: center;
}

div.leftbar2 {
	position: absolute;
	top: 550px;
	left: 0px;
	width: 250px;
	height: 42px;
	border-style: solid;
	border-width: 0px;
	background-color: #6d6d6d;
	text-align: center;
	vertical-align: center;
}



p.left {
	vertical-align: middle;
}

font.logotext {
	font-size: 85%;
	color: #ffffff;
}

font.copytext {
	font-size: 90%;
	color: #ffffff;
}

font.leftline3 {
	font-size: 80%;
	color: #b7b7b7;
}

/* Canada */

div.canada {
	position: absolute;
	top: 605px;
	left: 5px;
	width: 250px;
	height: 15px;
	border-color: white;
	border-style: solid;
	border-width: 0px;
/*	background-color: #6d6d6d;*/
	text-align: left;
	vertical-align: center;
}

img.canada {
	border: 0px;
}

font.canada {
	font-size: 80%;
	color: #ffffff;
}

/* RIGHT SIDE */

/* HEAD */
div.head {
	position: absolute;
	top: 40px;
	left: 10px;
	width: 550px;
	height: 58px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	background-color: #fffff;
	padding-top: 11px;
	text-align: center;
}

table.head {
	width: 98%;
	border-style: solid;
	border-width: 0px;
	vertical-align: center;
	padding: 0px;
}

td.head {
	border-right-style: solid;
	color: #ded0c8;
	border-width: 1px;
}

font.head {
	size: 110%;
	/*color: #6d6d6d;*/
	color: #000032;
}

a:link.head, a:visited.head {
	/*color: #6d6d6d;*/
	color: #000032;
	text-decoration: none;
}

a:hover.head {
	text-decoration: underline;
}

img.head {
	border: 0px;
}

/* MAIN */

div.main {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 550px;
	height: 420px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: #ffffff;
/*	text-align: left;
	vertical-align: center;*/
}

table.main {
	width: 100%;
	border-style: solid;
	border-width: 0px;
}

td.main {
	border-right-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	text-align: center;
}

font.main {
	size: 100%;
	/*color: #6d6d6d;*/
	color: #000032;
}

a:link.main, a:visited.main {
	/*color: #6d6d6d;*/
	color: #000032;
	text-decoration: none;
}

a:hover.main {
	text-decoration: underline;
}

/* MAIN TABS */

div.tab1 {
	position: absolute;
	top: 4px;
	left: 0px;
	width: 120px;
	height: 15px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	/*background-color: #e7e7e7;*/
	background-color: #9ec2cd;
	text-align: center;
	vertical-align: center;
}

font.tab1 {
	size: 90%;
	font-style: italic;
}

div.tab1a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 120px;
	height:20px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: center;
}

font.tab1a {
	size: 110%;
	font-weight: none;
}

div.tab2 {
	position: absolute;
	top: 4px;
	left: 121px;
	width: 120px;
	height: 15px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	/*background-color: #e7e7e7;*/
	background-color: #6bb5cd;
	text-align: center;
	text-align: center;
	vertical-align: center;
}

font.tab2 {
	size: 90%;
	font-style: italic;
}

div.tab2a {
	position: absolute;
	top: 0px;
	left: 121px;
	width: 120px;
	height:20px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: center;
}

font.tab2a {
	size: 110%;
	font-weight: none;
}

div.tab3 {
	position: absolute;
	top: 4px;
	left: 242px;
	width: 120px;
	height: 15px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	/*background-color: #e7e7e7;*/
	background-color: #37a9cd;
	text-align: center;
	text-align: center;
	vertical-align: center;
}

font.tab3 {
	size: 90%;
	font-style: italic;
}

div.tab3a {
	position: absolute;
	top: 0px;
	left: 242px;
	width: 120px;
	height:20px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: center;
}

font.tab3a {
	size: 110%;
	font-weight: none;
}

div.tab4 {
	position: absolute;
	top: 4px;
	left: 363px;
	width: 120px;
	height: 15px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	/*background-color: #e7e7e7;*/
	background-color: #049ccd;
	text-align: center;
	text-align: center;
	vertical-align: center;
}

font.tab4 {
	size: 90%;
	font-style: italic;
}

div.tab4a {
	position: absolute;
	top: 0px;
	left: 363px;
	width: 120px;
	height:20px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: center;
}

font.tab4a {
	size: 110%;
	font-weight: none;
}

div.tabe {
	position: absolute;
	top: 0px;
	left: 485px;
	width: 66px;
	height:20px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: #ffffff;
	text-align: center;
	text-align: center;
	vertical-align: center;
}

div.body {
	position: absolute;
	top: 21px;
	left: 0px;
	width: 545px;
	height: 389px;
	border-style: solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	background-color: #ffffff;
	text-align: left;
	vertical-align: center;
	padding-top: 10px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
}

div.pagelinks {

	 position: absolute;
         top: 383px;
	 left: 0px;
	 width: 50px;
	 height: 15px;
	 border-style: solid;
	 border-top-width: 1px;
	 border-bottom-width: 0px;
	 border-right-width: 1px;
	 border-left-width: 0px;
	 /*background-color: #e7e7e7;*/
	background-color: #049ccd;
	text-align: center;
	 text-align: center;
	 vertical-align: center;
	 padding: 0px;								 
}

div.pagenumber {
    position: absolute;
	 top: 383px;
	 left: 497px;
	 width: 50px;
	 height: 15px;
	 border-style: solid;
	 border-top-width: 1px;
	 border-bottom-width: 0px;
	 border-right-width: 0px;
	 border-left-width: 1px;
	 /*background-color: #e7e7e7;*/
	background-color: #049ccd;
	text-align: center;
	 text-align: center;
	 vertical-align: center;
	 padding: 0px;															      
}

ul.parent {
	position: relative;	
	list-style-type: none;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0px;
}

ul.child {
	position: relative;	
	list-style-type: square;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-left: px;
	
}

/* FOOT */

div.foot {
	position: absolute;
	top: 550px;
	left: 10px;
	width: 550px;
	height: 34px;
	border-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;	
	background-color: #ffffff;
	text-align: center;
	vertical-align: center;
	padding-top: 7px;
}

table.foot {
	width: 98%;
	border-style: solid;
	border-width: 0px;
	vertical-align: center;
}

td.foot {
	border-right-style: solid;
	border-width: 1px;
	color: #ded0c8;
	vertical-align: center;
}

font.foot {
	size: 90%;
	/*color: #6d6d6d;*/
	color: #000032;
}

a:link.foot, a:visited.foot {
	/*color: #6d6d6d;*/
	color: #000032;
	text-decoration: none;
}

a:hover.foot {
	text-decoration: underline;
}
