body {
	background-color: #ddd;
	color: #33485D;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wholepage{
	width:900px;
	margin:0 auto;
}

.header {
	width: 100%;
	border-color: #88f;
	border-width: 3px;
	border-radius:10px;
	padding: 10px;
}



#menustrip {
	float:right;
	margin-top:10px;
}
.nav {
	float:left;
	font-size:15pt;
}
.nav li {
	background:#e93;
	display:block;
	float:left;
	margin-left:7px;
	border-radius:5px;
}
.nav li:hover {
	background-color:#33485D;
}
.nav a {
	color:#000;
	display:block;
	padding:6px 12px 6px 12px;
	text-decoration:none;
}
.nav a:hover {
	color:#f90;
}


h2{
	color: #00f;
}

img{
	border-width: 0px;
	vertical-align:middle;
}

.introbox {
	width: 100%;
	display:inline-block;
	border-width: 3px;
	border-color: #Fb6;
	background-color: #f5f5f5;
	border-radius:10px;
	padding: 10px;
	margin-top:10px;
	margin-bottom:10px;
}

.productregion {
	text-align: center;

}


.productboxfull {
	width: 100%;
	display:inline-block;
	border-width: 3px;
	border-color: green;
	text-align: center;
	background-color: #FAA;
	border-radius:10px;
	margin:10px;
}


.productbox1 {
	width: 25%;
	display:inline-block;
	margin: 10px;
	text-align: center;
	border-radius:10px;
}

.productbox2 {
	width: 25%;
	display:inline-block;
	margin: 10px;
	text-align: center;
	border-radius:10px;
}

.productbox3 {
	width: 30%;
	display:inline-block;
	border-style: solid;
	border-width: 3px;
	border-color: green;
	margin: 10px;
	text-align: center;
	border-radius:10px;
}

.backcolornew{
	background-color: #BEB;
}

.backcolorupgrade{
	background-color: #CCF;
}

table.gridtable {
	color: #33485D;
	font-size:11px;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	border-color: #666666;
	background-color: #DDD;
	width: 100%;
}
table.gridtable th {
	border-width: 0px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
}
table.gridtable td {
	border-top: 1px;
	border-bottom: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #666666;
}

.cellheader {
	text-align: center;
	width: 8.8889%;
	border-left: 1px;
	border-right: 1px;
}

.cellheaderone {
	text-align: center;
	width: 6%;
	border-left: 1px;
	border-right: 1px;
}

.cellnoi {
	background-color: #FFF;
	text-align: center;
	border-left: 1px;
	border-right: 0px;
}
.cellnoc {
	background-color: #FFF;
	text-align: center;
	border-left: 0px;
	border-right: 1px;
}
.cellnor {
	background-color: #FFF;
	text-align: center;
	border-left: 1px;
	border-right: 0px;
}

.cellint {
	background-color: #AFA;
	text-align: center;
	border-left: 1px;
	border-right: 0px;
}

.cellccx {
	background-color: #AFF;
	text-align: center;
	border-left: 0px;
	border-right: 1px;
}

.cellrad {
	background-color: #FFA;
	text-align: center;
	border-left: 1px;
	border-right: 0px;
}

.celldivideri {
	border-left: 1px;
	border-right: 0px;
}

.celldividerc {
	border-left: 0px;
	border-right: 1px;
}

.celldividerr {
	border-left: 1px;
	border-right: 0px;
}

.cellnone {
	border-left: 1px;
	border-right: 1px;
}