body
{
	font-family:Helvetica,Arial,sans-serif;
	font-size:1em;
	background-color:white;
	color:#777779;
	text-align:center;
	margin:0px;
}

a
{
	text-decoration:none;
	color:#217fd9;
}

/*
 * Header panel
 */

#header
{
	border-bottom:1px solid #b3b3b3;
	margin-bottom:2px;
	margin-top:20px;
	background:url("../images/header-gradient.gif") repeat-x bottom;
}

#header-inner
{
	width:877px;
	margin:0 auto;
}

/*
 * Top of page Triton logo
 */

h1
{
	float:left;
	margin:0px;
	margin-bottom:9px;
	padding-right:10px;
	border-right:1px solid #e0e0e0;
	height:47px;
	width:198px;
	text-indent:-999999px;
	background:url("../images/triton-logo.gif") no-repeat top left;
	overflow:hidden;
}

h1 a
{
	display:block;
	height:47px;
}

/*
 * Main page headings
 */

h2
{
	font-size:2em;
	color:#217fd9;
	margin-top:3px;
}

#skip
{
	display:none;
}

#container
{
	margin:0 auto;
	text-align:center;
}

#site
{
	text-align:left;
}

/*
 * Main navigation
 */

#nav
{
	background-color:#0c2448;
	clear:both;
	text-align:center;
	padding-bottom:8px;
}

#nav-inner
{
	width:877px;
	margin:0 auto;
}

#nav ul
{
	list-style:none;
	padding:8px 0px;
	margin:0px;
}

#nav li
{
	float:left;
	margin-right:55px;
	text-transform:uppercase;
	position:relative;
}

#nav ul li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
	display: none;               /* hides child menu blocks - one of the most important declarations */
	position: absolute;          /* make child blocks hover without leaving space for them */
	top:2px;                    /* position slightly lower than the parent menu item */
	left:-31px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
	text-align:left;
	font-size:0.8em;
	width:201px;
	padding:15px;
}

#nav li.subitem {
	background-color:#0c2448;
	margin:0px;
	padding:3px 0px;
	width:100%;
}

#nav li.empty {
	padding:0px;
}

#nav li.enditem {
	background:url("../images/subnav-bottom.gif") no-repeat top center;
	width:201px;
	height:10px;
	font-size:0.1em;
}

#nav li.subitem a {
	padding:0px 16px;
}

#nav ul ul.CSStoShow {     /* must not be combined with the next rule or IE gets confused */
	display: block;              /* specially to go with the className changes in the behaviour file */
}

#nav ul li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
	display: block;              /* makes the child block visible - one of the most important declarations */
}

#nav a
{
	font-size:0.8em;
	font-weight:bold;
	color:white;
}

#nav li.selected a,
#nav a:hover
{
	color:#86c0ff;
}

#nav-products
{
	background:url("../images/nav-down-arrow.gif") no-repeat center right;
	padding-right:16px;
	margin-right:39px;
}

/*
 * Generic background with gradient
 */

#content
{
	background:url("../images/content-background.jpg") no-repeat center top;
}

#content-inner
{
	width:877px;
	background-color:#f5f5f5;
	margin:0 auto;
}

#content-top
{
	height:11px;
	background:url("../images/content-top.jpg") no-repeat center top;
}

/*
 * Top of page promo
 */

#content-header
{
	background-color:#3c8bda;
	height:217px;
}

#content-header.header_index
{
	background:url("../images/promo1.jpg") no-repeat right top;
}

.content-header-text
{
	float:left;
	line-height:32px;
	font-style:italic;
	font-size:2.2em;
	padding-top:77px;
	padding-left:20px;
	color:white;
}

.content-header-text .top
{
	text-align:left;
	font-size:0.8em;
}

.content-header-text .middle
{
	text-align:left;
	font-weight:bold;
	white-space:nowrap;
}

.content-header-text .bottom
{
	text-align:right;
	font-size:0.8em;
}

p.quote
{
	font-size:1.5em;
	font-weight:bold;
	color:#3288dd;
}

/*
 * Front page contact us promo
 */

.contact-us
{
	background:#146ac1 url("../images/contact-us-promo-background.jpg") no-repeat left top;
	font-style:italic;
	font-size:1.7em;
	color:white;
	height:164px;
}

.contact-us-text
{
	float:right;
	text-align:right;
	padding:20px;
}

.contact-us .button
{
	background:url("../images/contact-us-promo-button.gif") no-repeat right top;
	height:35px;
	margin:5px 0px;
}

.contact-us a
{
	color:white;
	font-weight:bold;
	padding:2px 20px
}

/*
 * Main content area
 */

#main-outer
{
	width:590px;
	float:left;
	background-color:#f5f5f5;
}

#main-outer-full
{
	float:left;
	background-color:#f5f5f5;
}

#main
{
	float:left;
	padding:0px 22px;
}

/*
 * Front page product panel
 */

#products-outer
{
	float:left;
	background-color:#f5f5f5;
	width:286px;
	border-left:1px solid #dddddd;
}

#products
{
	padding-right:16px;
	padding-left:16px;
}

#products dl
{
	background-color:white;
	padding:9px;
	margin:0px;
}

#products dt
{
	font-weight:bold;
	font-size:1.3em;
	clear:both;
}

#products dd
{
	margin:0px;
	margin-top:16px;
	height:135px;
	padding-right:110px;
	font-size:0.8em;
	background:url("../images/placeholder-box.jpg") no-repeat right top;
}

#products dl a
{
	margin:12px 0px;
	display:block;
	float:left;
	padding-right:12px;
	background:url("../images/more-info-arrow.gif") no-repeat right center;
}

.panel-top,
.panel-bottom
{
	font-size:0.1em;
	height:9px;
}

.panel-top
{
	background:url("../images/panel-top.gif") no-repeat top center;
}

.panel-bottom
{
	background:url("../images/panel-bottom.gif") no-repeat bottom center;
}

#header,
#content,
#footer
{
	clear:both;
	font-size:0.8em;
}

/*
 * Footer
 */

#footer
{
	background:white url("../images/content-bottom.gif") no-repeat top center;
	padding:50px 10px 50px 25px;;
	font-size:0.9em;
}

#footer-links
{
	float:right;
}

#footer-links a
{
	color:#777779;
	padding:0px 10px;
}

#footer-links a:hover
{
	text-decoration:underline;
}

/*
 * Products listing page
 */

.product-listing-item
{
	padding-left:237px;
}

.pack
{
	position:relative;
	left:-200px;
	top:-50px;
}