/********************************
Gatekeeper Systems Inc.
Style Sheet

Ref Colours:
RED
color: #9A192E;		
Dark Blue:
color: #333399;

********************************/

/*Generic Elements*/

* {margin:0}

img {
	border-style: none;
}

blockquote {
	background-image: url(../images/bigQuotes.gif);
	background-repeat: no-repeat;
	background-position: 5% 5%;
	padding:2% 0 0 10% ;
}

strong {
	color: #9A192E;
}


td#bg_corner {
	padding-left: 25px;
	width: 511px;
	text-align:left;
	padding-right: 7px;

	
}

.sansheader {
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 18px;
		line-height: 22px;
		font-weight: bold;
		color: #9A192E;		
		}
h1.sansheader {
	font: bold 1em/1.2em Arial, Helvetica, Verdana, sans-serif;
	color: #9A192E;
	margin: 0;
	padding-bottom:.3em;
	padding-top: .5em;
	clear: left;
}
h2.sansheader {
	font: bold .9em/1.1em Arial, Helvetica, Verdana, sans-serif;
	color: #9A192E;
	margin: 0;
	padding-bottom:.3em;
	padding-top: .5em;
	clear: left;
}
h2.sansheader a{
	text-decoration: none;
	color: #9A192E;
}
h2.sansheader a:hover{
	text-decoration: underline;
	color: Silver;
}


h3.sansheader {
	font: bold .75em Arial, Helvetica, sans-serif;
	padding: 0;
	margin: .2em 0;
	color: #232323;
}
.sanscontent { 
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 11px;		
		line-height: 14px;
		color: #000000;	
		}	
h2.sanscontent { 
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 11px;		
		line-height: 14px;
		color: #000000;
		margin: 0;
		clear: left;
		}
p.sanscontent {
	margin: 0;
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 11px;		
		line-height: 14px;
		color: #000000;
		
}

ul.sanscontent {
	margin: .5em 0;
	padding: 0;
}

ul.sanscontent li {
	list-style-type: none;
}



/*Homepage Elements*/


body#gatekeeper_background {
	background-color: Black;
	text-align: center;
	margin-top: 0;
	
}
div#pageContainer {
	background: White url(../images/cutCorner.gif) no-repeat bottom right;
	width: 780px;
	text-align: center;
	padding: 7px;
	margin: 0 auto;
}
td#loginCell {
	width: 149px;
	height: 74px;
	background-image: url(../images/header_right.jpg);
	padding: 0;
	
}

div#bottomBar {
	background-color: Black;
	width: 780px; 
	margin: 2px auto;
}

/*Those Boxes*/
div.homeBox1 {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px ;
	padding: 7px;
	font-size: 11px;
}
.homeBox1 img {
	float: right;
}
.homeBox1 p {
	font-size: 11px;
	padding: 8px 4px;
	line-height: 13px;
	text-align: left;
}
.homeBox1 p p {
	padding: 0;
}
.homeBox1 h2 {
	margin: 0;
	padding: 8px;
	background: url(images/base3.jpg);
	width: 214px;
	height: 10px;
	text-align: left;
	font-size: 14px;
}
.homeBox1 h2 a {
	text-decoration: none;
	color: White;

}
.homeBox1 h2 a:hover {
	color: #9A192E;
}

div.homeBox {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #343434;
	padding: 7px;
	height: 145px;
	font-weight:normal;
	font-size: 11px;
}
.homeBox img {
	float: right;
}
.homeBox p {
	font-size: 11px;
	padding: 8px 4px;
	line-height: 13px;
	text-align: left;
}
.homeBox p p {
	padding: 0;
}
.homeBox h2 {
	margin: 0;
	padding: 8px;
	background: url(images/base3.jpg);
	width: 214px;
	height: 10px;
	text-align: left;
	font-weight:normal;
	font-size: 14px;
}
.homeBox h2 a {
	text-decoration: none;
	color: White;

}
.homeBox h2 a:hover {
	color: #9A192E;
}


div.sideBox {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px solid #343434;
	padding: 3px;
	height: 15px;
	font-size: 11px;
}
.sideBox img {
	float: left;
}
.sideBox p {
	font-size: 11px;
	padding: 8px 4px;
	line-height: 13px;
	text-align: left;
}
.sidedBox p p {
	padding: 0;
}
.sideBox h2 {
	margin: 0;
	padding: 2px;
	background-image: url(images/base4.jpg);
	width: 140px;
	height: 15px;
	text-align: left;
	font-weight:normal;
	font-size: 11px;
}
.sideBox h2 a {
	text-decoration: none;
	color: White;

}
.sideBox h2 a:hover {
	color: #9A192E;
}


div.sideBoxSelected {
	font-family: Arial, Helvetica, sans-serif;
	border: 0px solid #343434;
	padding: 3px;
	height: 15px;
	font-size: 11px;
}
.sideBoxSelected img {
	float: left;
}
.sideBoxSelected p {
	font-size: 11px;
	padding: 8px 4px;
	line-height: 13px;
	text-align: left;
}
.sidedBoxSelected p p {
	padding: 0;
}
.sideBoxSelected h2 {
	margin: 0;
	padding: 2px;
	background-image: url(images/base2.jpg);
	width: 140px;
	height: 15px;
	text-align: left;
	font-weight:normal;
	font-size: 11px;
}
.sideBoxSelected h2 a {
	text-decoration: none;
	color: White;

}
.sideBoxSelected h2 a:hover {
	color: #9A192E;
}







p.boxText {
	float: left;
	width: 40%;
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-size : 11px;		
	line-height: 14px;
}
td.boxText {
	margin: auto 6px auto auto;
	text-align: left;
	height: 127px;
	overflow: hidden;
}
td.boxImg {
	margin-right: auto;
	height: 127px;
	overflow: hidden;
	vertical-align: middle;
}

td#borderLeft {
	width: 7px;
	background-color: White;
}



ul.linkList {
	margin-right: 7px;
	padding: 0;
	margin-top: 0.5em;
	list-style: none;
}
ul.linkList li {
	padding-left: 1em;
}
ul.linkList a {
	color: #333399;
	font: bold .75em/2em Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
}

ul.linkList a:hover {
	color: #999999;
	text-decoration: underline;
}

/*Product Pages*/
h2.prodList{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
	margin: 7px 5px 0 9px;
	padding: 0;
	text-decoration: none;
}
h2.prodList a{
	color: #9A192E;
}
h2.prodList a:hover, h2.prodList a:active {
	color: #333399;
}

h3.prodList {
	font-size: 11px;
	line-height: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 7px 0 0 0;
	padding: 0;
}

td#bgProductgrey {
	width: 508px;
	height: 79px;

	background: url(../images/bg_product_grey.gif) no-repeat;
	overflow: hidden;
	vertical-align: top;
}

td#bgProductwhite {
	width: 508px;
	height: 79px;
	padding: 0;
	background: url(../images/bg_product_white.gif) no-repeat;\
	overflow: hidden;
	vertical-align: top;

}

td#prodOverview {
	padding-top: 5px;
	width: 410px;

	margin-top: 2px;
	height: 60px; 
	overflow: hidden;
/*	border: 1px solid gold;*/

}
td#prodOverview  li {
	margin-left: 2em;
	padding-left: 0;
}
td#prodOverview  ul {
	margin-left: 0;
	padding-left: 0;
} 
td#prodOverview  td {

	vertical-align: top;
} 
td#prodOverview table {

}

img.imgPush{
	padding-top: 4px;
}


div#featureCol, div#appCol {
	color: #333333;
	font: 11px/17px Arial, Helvetica, Verdana, sans-serif;
	background-color: #d5dadd;
	float: left;
	height: 148px;
	width: 225px;
	margin: 41px 0 0 7px;
	padding-right: 10px;
	overflow: hidden;
		text-align:left;
}

div#appCol {
	width: 252px;
	margin-left: 0;

}

div#featureCol ul, div#appCol ul {
	padding-left: 2.5em;
	margin-left: 0em;
}

table#listTable {

	margin-bottom: 9px;
}

div#listDiv {
	clear: both;
	margin-top: 10px;
	border-top: 2px solid Silver;
	/*margin-right: 7px;*/
}

table#mainTable {
	background: White url(../images/cutCorner.gif) no-repeat bottom right;
	width: 785px;
}

/*Product Details Page*/
div#prodTopInfo {
	background-color: White;
	width: 63%;
	float: left;
	text-align: left;
	padding-bottom: 7px;
}

div#prodImageBox {
	float: right;
	text-align: left;
	width: 35%;
	margin: auto;
	text-align: center;
} 

div#marketTopInfo {
	background-color: White;
	width: 100%;
	float: left;
	text-align: left;
	padding-top: 1em;

}

div#marketTopInfo img{
	float: right;
	width: 236px;
	padding: 0 0 7px 7px;

} 

div#marketBox511 {
	width: 100%;
	height: 212px;
	clear: both;
	margin-right: 7px;
	padding-bottom: 7px;
	margin-right: -511px;
	background: url(../images/box511markets.gif) no-repeat top right;
}
div#marketBox511 h2 {
	padding-top: 11px;
	margin-bottom: 5px;
	margin-left: 15px;
	color: White;
	font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
}
#marketLeftColumn {
	width: 30%;
	height: 150px;
	float: left;
	margin-left: 20px;
}

#marketMiddleColumn {
	width: 30%;
	height: 150px;
	float: left;
	margin-left: 5px;
}
#marketRightColumn {
	width: 30%;
	height: 150px;
	float: left;
	margin-left: 5px;
}
.marketHeading {
	font: .8em/1.4em Arial, Helvetica, sans-serif;
	color: #333333;
	padding-left: 1em;
	background: url(../images/rightarrow_333333.gif) no-repeat left;
}
ul.marketList {
	list-style: none;
	padding: 5px 0 0 5px;
	margin: 0;
}
ul.marketList a {
 font: normal 11px/17px Arial, Helvetica, Verdana, sans-serif;
 color: #333333;
 text-decoration: none;
 padding-left: 10px;
}

ul.marketList a:hover {
color: #333399;

}

td#prodDetailCell{
	padding: 0 7px 7px 25px;
	
}
td#prodNavCell, div#prodNavCell {
	width: 235px;
	text-align: right;
	background-color: #D5DADD;
	/*padding: 0 0 7px 7px;*/
	
	border-left: 7px solid White;
	border-bottom: 7px solid White;
	vertical-align: top;
	
}
td#box511, div#box511{
	background: url(../images/box511.gif) no-repeat;
	width: 511px;
	height: 212px;
	margin: 0 0 0 0;
	padding: 0;
	clear: both;
}

/*Product QuickSearch*/
#quickSearch {
	text-align: left;
	width: 30%;
	float: right;
	padding: .5em 7px;

}		
#quickSearch select {
	border: 1px solid Black;
	width: 140px; 
	height: 18px; 
	margin: 3px; 
	padding: 1px;
	font-size:9px;
}
#quickSearch h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #9A192E;
}

/*Breadcrumb Navigation*/
ul#breadcrumb {
	margin: 0;
	width: 100%;
	padding: 10px 0;
}
ul#breadcrumb li{
	display: inline;
	float: left;
	list-style: none;
	padding-top: 3px;
	font: 10.5px/12px Arial, Helvetica, sans-serif;

}
ul#breadcrumb li ul{
	margin: 0px;
	padding: 0px;

}
ul#breadcrumb li ul li {
padding-top: 0px;
	display: list-item;
	clear: both;
	list-style: none;
	width: 100%;

}
ul#breadcrumb a {
	line-height: 15px;
	color: #9A192E; 
	background: url(../images/breadcrumb.gif) no-repeat top right;
	padding-right: 13px;
	text-decoration: none;


}
ul#breadcrumb a:hover {
	color: #878787;
}

/*font classes etc.*/
.sanstiny { 
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 9px;		
		line-height: 12px;
		color: #000000;	
		}

.indexindent {
		margin-left: 15px;
		}

/*.productul {
		margin-top:0px; 
		margin-bottom:0; 
		list-style-type:disc; 
		list-style-position:outside;
		}*/
.productul {
		padding-left: 1.7em;
		margin: 0;
}


.error {
		font-family:  Arial, Helvetica, Verdana, sans-serif;
		font-size: 9px;
		color: #FF0000;
		font-weight: bold;
}

.botnav {
 font-family: Verdana, Arial, helvetica, sans-serif;
 font-size: 8px;
 line-height: 9px;
 color: #999999;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
}

a:hover.botnav {
 color: #ffffff;
}
 
.sansnav {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 11px;
 color: #333399;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }

a:hover.sansnav {
 color: #9A192E; 
}

.revtoolkitselect {
 font-family: Verdana, Helvetica, Arial, sans-serif; 
 font-size : 9px;		
 line-height: 12px;
 background-color: #cccccc;
 border: #999999;
 color: #333333;
 }
 
.revtoolkitheader {
 font-family: Verdana, Arial, helvetica, sans-serif;
 font-size: 9px;
 font-weight: bold;
 line-height: 12px;
 color: #ffffff;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }

.revtoolkittext, .revtoolkitnav {
 font-family: Verdana, Arial, helvetica, sans-serif;
 font-size: 9px;
 line-height: 12px;
 font-weight: bold;
 color: #ffffff;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }

a:hover.revtoolkitnav {
 color: #dddddd;
}
 
.revnavsmall {
 font-family: Verdana, Arial, helvetica, sans-serif;
 font-size: 8px;
 line-height: 10px;
 color: #ffffff;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }
 
a:hover.revnavsmall {
 color: #dddddd;
}

.sansbox511, a.sansbox511 {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 11px;
 line-height: 17px;
 color: #333333;
 text-decoration: none;
 margin: 0px 0px;
 padding-left: 0px;
 }

a:hover.sansbox511 {
 color: #cc0000;
 text-decoration: underline;
 }
 


.casestudynav {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size : 14px;
 line-height: 18px;
 font-weight: bold;
 color: #666666;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }
a.casestudynav  {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size : 14px;
 line-height: 18px;
 font-weight: bold;
 color: #999999;
 text-decoration: none;
 margin: 0px 0px;
 padding-left: 0px;
 }

a:hover.casestudynav {
 color: #cc0000;
}
 
/*Bottom Navigation*/

div#gsihome {
 	float: left;
}
div#copyright {
	float: right;
	font: normal .54em/39px Arial, Helvetica, sans-serif;
	color: #808080;
}
div#bottomNav {
	margin: 0;
	text-align: center;
	color: #808080;
}
div#bottomNav ul li {
	display: inline;
	list-style-type: none;
	text-align: center;
	letter-spacing: .08em;
}
div#bottomNav ul {
	margin: 0;
	padding: 0;
	height: 39px;
	display: inline;
}

div#bottomNav ul li a {
	font: bold 8px/39px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration: none;
	border: 1px solid Black;
	margin: 0 2px;
	color: #808080;
}
div#bottomNav ul li a:hover {
	color: #DDDDDD;
	
}
div#flowplayerholder {
	border: 1px solid black; 
	margin: 10px 0; 
	width: 320px; 
}

div.pressListEntry {
	border-top: 2px solid Silver;
	padding-top: .5em;
	margin: 0 7px 1em 0;
}
div.pressListEntry h2 {
margin: .2em 0;

}
div.pressListEntry h2 a {
		font: 0.5em/1em Arial, Helvetica, sans-serif;
		
	font-weight: bold;
	color: #9A192E;	
}
div.pressListEntry h2 a:hover {
	color: Gray;
	text-decoration: underline;
} 

ul#pageList {
	margin: 0;
	padding: 0;
}
ul#pageList li {
	display: inline;
	list-style-type: none;
	text-decoration: none;
	padding-right:2px;
	color: #696969;
	font: bold .7em/2em Arial, Helvetica, sans-serif;
}

ul#pageList li a {
	color: #9A192E;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

ul#pageList li a:hover {
	color: Silver;
}

/*Contact Pages*/

div.addressBlock {
	float: left;
	width: 49%;

}
div.addressBlock h2 {
	font: bold 0.8em/1.2em Arial, Helvetica, sans-serif;
	color: #333377;
	padding-bottom: 2%;

}

div.addressBlock p {
	font: normal 0.65em/1.4em Arial, Helvetica, sans-serif;
	color: #222222;
	letter-spacing: 0.075em ;
	margin-bottom: 2%;
	padding-bottom: 1em;

}

div.addressBlock a {
	text-decoration: none;
	color: #333377;
}

div.addressBlock a:hover {
	color: #999999;
}

/*Related Videos*/

div#relatedVideos
{
	border: 1px solid #555555;
	clear: both;
	padding: 7px;
	margin: 5px 0;
	text-align: left;
	width: 66%;
	background-color: #D5DADD;
}
div#relatedVideos h3 {
	font: bold .75em Arial, Helvetica, sans-serif;
}

#relatedVideos img {
	float: left;
	padding: 3px;
	margin-right: 5px;
	margin-bottom: 17px;
	line-height: 1px;

}
#relatedVideos ul {
	list-style: none;
		padding: 0;
	margin: 0;
}
#relatedVideos ul a {
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #333399;
	font: .65em Arial, Helvetica, sans-serif;
}

#relatedVideos ul a:hover {
	color: #555555;
}

hr.clearer {
	display: block; clear: both; 
	margin-bottom: -1em;
	visibility: hidden;
}

/*Product Categories Landing Page*/
div.categoryListing {
	border: 1px solid #ABABAB;
	margin: 4px 0;
	padding: 1px;
	width: 560px;

}

div.categoryListing img{
	width: 120px;
	height: 90px;
	float: right;

}

div.categoryListingMarket {
	border: 1px solid #ABABAB;
	margin: 4px 0;
	padding: 1px;
	width: 560px;

}

div.categoryListingMarket img{
	width: 75px;
	height: 70px;
	float: right;

}


div.categoryListingLarge {
	border: 1px solid #ABABAB;
	margin: 4px 0;
	padding: 1px;
	width: 560px;

}

div.categoryListingLarge img{
	width: 200px;
	height: 200px;
	float: right;

}

.catClear {
	display: block; 
	clear: both; 
	visibility: hidden;
	padding:0;
	line-height:0px;
	margin: 0 0;
}

div.categoryListing h2 a {
	font: bold 1em/2em Arial, Helvetica, sans-serif;
	text-decoration: none;
	word-spacing: -1px;
		color: #9A192E;
}
div.categoryListing h2 a:hover {
color: #6E8291;
}

div.categoryListing p {
	font: normal .9em/1.1em Arial, Helvetica, sans-serif;
	color: #454545;
	padding: 4px 0 0 3px;
	margin:0;
}
ul.categoryLinks{
	padding: 0 3px;
	margin: 0;
}
ul.categoryLinks li {
	display: inline;
	margin:0;
	padding:0;
	padding-right: 1em;
	list-style-type: none;
}
ul.categoryLinks a {
	font: normal .9em/.9em Arial, Helvetica, sans-serif;
	color: #333399;
	
	text-decoration: none;
}
ul.categoryLinks a:hover {
	color: #BCBCBC;
}

/*Admin Styles*/


.sansadminheader {
		font-family: Arial, Helvetica, Verdana, sans-serif; 
		font-size : 14px;
		line-height: 18px;
		font-weight: bold;
		color: #9A192E;		
		}


.adminnav {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 11px;
 color: #666666;
 margin: 0px;
 padding-left: 0px;
 text-decoration: none;
 }
 
a:link.adminnav, a:visited.adminnav, a:active.adminnav {
 font-family: Arial, Helvetica, Verdana, sans-serif;
 font-size: 11px;
 font-weight: bold;
 line-height: 11px;
 color: #999999;
 text-decoration: none;
 margin: 0px 0px;
 padding-left: 0px;
 }

a:hover.adminnav {
 color: #cc0000;
 }

 /*Filter Box*/
 
div.filterBox {
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px 5px 5px 0;
	padding: 5px;
	border: 1px solid #ABABAB;
	float: left;
}
div.filterBox h3 {
	font-weight: normal;
	color: #9A192E;
	font-size: .75em;
}
div.filterBox select {
	font-size: 9px;
}
input.filterButton {
	background-color: #DDDDDD;
	border: 1px solid Black;
	font-size: 9px;
}
a.filterLink {
	font: .75em Arial,Helvetica,Geneva,sans-serif;
	text-decoration: none;
	color: #9A191E;
}
a.filterLink:hover {
	color: Silver;
	text-decoration: underline;
}

/*Case Study Listing**/
div.casestudyListing {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 0;
}

div.casestudyListing img {
	border: 1px solid Black;
	float: left;
	
}
div.casestudyListing blockquote {
	font-size: .70em;
}
div.casestudyListing h2, div.casestudyListing h3 {
	font-size: .9em;
}
div.casestudyListing a {
	text-decoration:none;
	color: Black;
}
div.casestudyListing a:hover {
	color: Silver;
} 

.casestudyListingText {
	float: right;
	width: 78%;
	padding-left: 2%;
}

/*Video Gallery Page*/

#videoDisplay {
	width: 100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	padding-bottom: 10px;
}
#videoDisplay img {
	height: 300px;
	padding-bottom: 10px;
}

#videoDisplay h2 {
	padding: 10px 0;

	font-size: 16px;
}

#videoDisplay p {
	padding: 10px 0;
}

/*Video List*/

#videoListEntry {
	margin: 5px 0;
	text-align: left;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
#videoListEntry img {
	float: left;
	width: 100px;
	margin-right: 5px;
	border: 1px solid Black;
}
#videoListEntry h2 {
	font-size: 13px;
}
#videoListEntry p {
	font-size: 11px;
}
#videoListEntry a {
	color: #9A192E;
	text-decoration: none;
}
#videoListEntry a:hover {
	color: Silver;
	text-decoration: underline;
}
sup#reg {
	font-size: 70%;
	line-height: 25%;
}