.frontinfo {
  background: #36556a;
  padding: 8px;
  color: white;
  }

#myGallery
{
	width: 484px;
	height: 200px;
	display: none;
	border-bottom: 1px solid #bdd0dd;
}


.divider {
	border-bottom: 4px solid black;
	margin-bottom: 12px;
	}
  
.divider2 {
	border-bottom: 4px solid #CB3535;
	margin-bottom: 12px;
	}

/* BODY */
   
body {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: black;
	background-color: white;
	margin-left: 8px;
	margin-top: 0px;
	}

.mainbody {
	width: 700px;
	}
	
.printbody {
	margin: 8px;
	font-size: 11px;
	}

/* LINKS */

a:link, a:active {
	color: #79828B;
	}

a:visited {
	color: #816E96;
	}

a:hover {
	color: #CB3535;
	text-decoration: none;
	}

.important, a.important:link, a.important:active, a.important:visited {
	color: #CB3535;
	font-size: 11px;
	}

a.important:hover {
	color: #CB3535;
	text-decoration: none;
	}
	
a.link2:link, a.link2:active, a.link2:visited {
	color: #98B0CA;
	text-decoration: none;
	}

a.link2:hover {
	color: #98B0CA;
	border-bottom: 1px solid #98B0CA;
	text-decoration: none;
	}

a.link3:link, a.link3:active, a.link3:visited {
	color: black;
	text-decoration: none;
	font-weight: bold;
	}

a.link3:hover {
	color: white;
	text-decoration: none;
	}

/* HEADER 1 */

.buttonposition {
	position: absolute;
	top: 8px;
	left: 20px;
	}

/* HEADER 2 */

a.header2link:link, a.header2link:active, a.header2link:visited {
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	}

a.header2link:hover {
	text-decoration: none;
	text-transform: uppercase;
	}
	
.header2 {
	width: 700px;
	height: 6px;
	border-bottom: 1px solid #36556a;
	}
	
.header2_inner {
	padding: 7px;
	}
	
/* SIDE LINKS */
   
a.sidelink:link, a.sidelink:active, a.sidelink:visited {
	text-decoration: none;
	border-bottom: 1px #b6cbda solid;
	color: black;
	}

a.sidelink:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px #749bb8 solid;
	}
	
.sidelinkbodyt {
  padding: 3px 3px 3px 5px;
	font-size: 16px;
	font-weight: bold;
  letter-spacing: -1px;
  font-family: Arial;
  background-color: #bdd0dd;
	border-bottom: 1px solid black;
	}
	
.sidelinkbody {
	background: #e2e7eb url(images/gripon_sidelinkbg.png) repeat-x;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #bdd0dd;
	padding: 4px;
	}
	
/* FRONT TABLE */
   
.frontdiv {
  margin-bottom: 2px;
	}

.frontdivq2 {
  font-weight: bold;
  padding: 4px 4px 4px 25px;
  color: black;
  border-top: 1px solid #bdd0dd;
	}

.frontdivq {
  font-weight: bold;
  padding: 2px;
  background: #bdd0dd;
	}

.frontdivt {
  font-size: 16px;
  font-weight: bold;
  padding: 4px 4px 4px 6px;
  color: black;
  letter-spacing: -1px;
  font-family: Arial;
	}

.frontdivinner {
  padding: 4px;
  background: url(images/gripon_shadow.png) repeat-x;
	}
	
.frontdivinner2 {
  border: 1px solid #36556a;
	}

.frontdivbottom {
  background: url(images/gripon_shadow.png) repeat-x;
  height: 8px;
	}
	
.frontbody {
	background: url(images/gripon_welcomebg.png) no-repeat;
	width: 157px;
	padding: 54px 6px 6px 6px;
	margin-bottom: 8px;
	}
	
/* CATEGORY TABS */

a.catunder:link, a.catunder:active, a.catunder:visited {
	color: black;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
	}
/* #36556a */
a.catunder:hover {
	color: black;
	text-decoration: none;
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #b51c32;
	border-left: 1px solid #b51c32;
	border-right: 1px solid #b51c32;
	top: -1px;
	position: relative;
	background: #dae2e5 !important;
	}
	
a.catover:link, a.catover:active, a.catover:visited, a.catover:hover {
	color: black;
	padding: 4px;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 2px solid #b51c32;
	border-left: 1px solid #b51c32;
	border-right: 1px solid #b51c32;
	top: -1px;
	position: relative;
	background: #dae2e5 !important;
	}
	
.cattop {
	padding: 4px 4px 0px 4px;
	text-align: right;
	background: url(images/gripon_shadow.png) repeat-x;
	}

/* FOOTER */

.footer {
  margin-top: 8px;
	border-top: 1px solid #bdd0dd;
	padding-top: 4px;
	color: #98B0CA;
	font-weight: bold;
	}

/* FLOATS */

.floatright {
  float: right;
  text-align: right;
	}
	
.floatleft {
  float: left;
  text-align: left;
	}

/* TEXT */

.small1 {
	font: 10px Arial;
	color: #73869b;
	}

/* IMAGES */

.i1 {
  border: 0px;
	}
	
/* MESSAGES */

.message {
	/*width: 686px;*/
	font-weight: bold;
	padding: 6px;
	background: #bed0dd url(images/gripon_cat/catbg_no.png) repeat-x;
	border: 1px solid #bdd0dd;
	margin-top: 14px;
	}
	
.messagebg {
	padding: 8px;
	background: #bed0dd url(images/gripon_cat/catbg_no.png) repeat-x;
	border: 1px solid black;
	}

.error {
  color: #CB3535;
	}

/* FORMS */
	
	
.forms1 {
  border: 1px solid #607B90;
  background: #bdd0dd;
  color: #607B90;
  width: 100%;
  padding: 2px;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  margin-top: 2px;
  margin-bottom: 2px;
	}

.submit {
  border: 1px solid #607B90;
  background: white url(images/submit.png);
	color: #607B90;
  font-size: 10px;
  font-family: Verdana, sans-serif;
	}

/* RANDOM ELEMENTS */
   
.spacer1 {
	padding: 4px;
	}
	
.doublearrow {
	color: #BE3232;
	font-weight: bold;
	}
	
.doublearrow_white {
	color: white;
	font-weight: bold;
	}
	
.doublearrow_blue {
	color: #0863B3;
	font-weight: bold;
	}
	
.doublearrow_dblue {
	color: #5584AF;
	font-weight: bold;
	}
	
.arrow_black {
	color: black;
	font-weight: bold;
	}
	
hr {
	border: 0px;
	height: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: 1px solid #bdd0dd;
	}

.hr2 {
	margin-top: 2px;
	margin-bottom: 2px;
	border-top: 1px solid #bdd0dd;
	border-bottom: none;
	height: 0px;
	}
	
.alt1 {
  padding: 4px;
  background: #D5DDE3;
	}

.alt2 {
  background: #bdd0dd;
  padding: 4px;
	}

.image1 {
  margin: 8px;
  border: 1px solid #bdd0dd;
  float: left;
	}

.image2 {
  margin: 8px;
  padding: 4px;
  border: 1px solid #bdd0dd;
  float: left;
  width: 201px;
  text-align: center;
  font-weight: bold;
	}

.image3 {
  border: 1px solid #bdd0dd;
	}

.image4 {
  margin: 4px;
  float: right;
	}

.box2 {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 4px;
  border: 1px solid #36556a;
  background: white;
	}
	
.block {
	margin-bottom: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
	border-bottom: 1px solid #bdd0dd;
	}
	
.tuteimage {
  position: relative;
  top: -4px;
  margin: none;
  margin-left: 8px;
  margin-bottom: 8px;
  width: 110px;
  float: right;
  padding: 4px;
  border: 1px solid #bdd0dd;
  border-top: none;
  text-align: center;
  }
	
/* TEXT */

.textcontent {
	text-align: justify;
	font-size: 11px;
	}

.textheader {
	font-family: Arial;
	font-size: 26px;
	letter-spacing: -1px;
	border-bottom: 1px solid #bdd0dd;
	text-align: left;
	color: black;
	}
	
.textheader2 {
  color: #607B90;
  font-weight: bold;
  font-size: 11px;
	border-bottom: 2px solid #bdd0dd;
	padding-bottom: 2px;
	margin-bottom: 4px;
	text-align: left;
	}
	
.textheader3 {
  color: #4C623E;
  font-size: 12px;
	padding-bottom: 2px;
	margin-bottom: 4px;
  border-bottom: 2px solid #90AF7D;
  font-weight: bold;
	}
	
.textheader4 {
  color: #99adbb;
  font-weight: bold;
  font-size: 11px;
	border-bottom: 2px solid #bdd0dd;
	padding-bottom: 2px;
	margin-bottom: 4px;
	text-align: left;
	}
	
.textheader5 {
  color: #674139;
	padding: 4px;	
  border: 1px solid #a56b5e;
	}
	
.text1 {
  color: #607B90;
	}

.text2 {
  color: black;
  font-size: 10px;
	}
	
/* HEADER 1 */
   
a.headerlink:link, a.headerlink:active, a.headerlink:visited {
	font-weight: bold;
	color: #DDE5EF;
	text-decoration: none;
	text-transform: uppercase;
	}

a.headerlink:hover {
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	}
	
a.headerlinks:link, a.headerlinks:active, a.headerlinks:visited {
	color: #5584AF;
	text-decoration: none;
	font-weight: bold;
	}

a.headerlinks:hover {
	color: black;
	text-decoration: none;
	}
	
a.headerlinks2:link, a.headerlinks2:active, a.headerlinks2:visited {
	color: #bdd0dd;
	text-decoration: none;
	padding: 0px;
	font-weight: bold;
	}

a.headerlinks2:hover {
	color: #5584AF;
	text-decoration: none;
	padding: 0px;
	}
	
.header {
	width: 700px;
	height: 90px;
	background: #274B73 url(images/gripon_headerbg.jpg);
	text-align: left;
	font-size: 10px;
	}
	
.header_inner {
	padding: 4px;
	}


/* MAIN TABLE */

.maintable {
	width: 700px;
	}
	
.spacing {
  padding: 6px;
  }
	
.left {
	width: 208px;
	vertical-align: top;
	border-right: 8px solid white;
	}
	
.leftinner {
	padding: 0px;
	width: 208px;
	}
	
.middle {
	width: 484px;
	vertical-align: top;
	}
	
.middleinner {
	width: 484px;
	}
	
/* COMPARISON TABLE */
	
.table1 {
	padding: 0px;
	border: 1px solid #bdd0dd;
	text-align: justify;
	}
	
.td1 {
	background: white;
	padding: 4px;
	}

.td2 {
	width: 50%;
	background: #bdd0dd;
	padding: 4px;
	}

.td3 {
	background: #EBE1E1;
	padding: 4px;
	vertical-align: text-top;
	}

.td4 {
	background: #E1E7EB;
	padding: 4px;
	vertical-align: text-top;
	}
	
/* THE SUPER NAVICOM */
	
.navicom {
	border: 1px solid #b51c32;
	border-top: none;
	padding: 5px;
	text-align: left;
	background: #ced7dc url(images/gripon_navicom.png) repeat-x;
	}
	
.front_td1 {
	width: 399px;
	vertical-align: top;
	border-left: 8px solid white;
	}

.front_td2 {
	width: 125px;
	vertical-align: top;
	border-left: 8px solid white;
	}
	
.front_tdend {
	width: 200px;
	vertical-align: top;
	}
	
.front_inner {
	padding: 0px;
	}