@charset "utf-8";

/* ------------------------------------------ 
 * HTML Resets / Base Styles
 * ------------------------------------------ */

body     {margin:0;	font-family:Arial, Helvetica, sans-serif; font-size:68.8%;color:white;background:#000 url(../images/bg.jpg) no-repeat center top;}
img      {border:0;}
p        {margin:14px 0 14px 0;}
th       {text-align:left;}
td       {vertical-align:top;}
fieldset {border:none;}
a:link, 
a:visited, 
a:hover, 
a:active {
	color:white;
}  


/* ------------------------------------------ 
 * Layout 
 * ------------------------------------------ */

#page {
	margin:0 auto;
	width:957px;
}
#page.homepage {
	width:1200px;
}
#header {
	width:957px;
	height:121px;
	margin:0 auto;
	position:relative;
}
#header_media {
	height:257px;
}
#logo {
	position:absolute;
	top:34px;
	left:0px;
}
#body {
	width:957px;
	margin:0 auto;
	/*padding-top:15px;*/
}
.breadcrumbs {
	float:left;
}
#request_a_quote {
	float:right;
	margin-left:17px;
}
#left_col, #right_col {
	float:left;
	background:url(../images/bg_homepage_col.png) no-repeat;
	width:244px;
	height:241px;
	padding:15px;
}
#middle_col {
	float:left;
	margin:0 20px;
	background:url(../images/bg_homepage_col_wide.png) no-repeat;
	width:339px;
	height:211px;
	padding:15px;
}
.subpage #left_col {
	float:left;
	width:223px;
	padding:0;
	margin-right:21px;
	background:none;
	height:auto;

}
.subpage #right_col {
	float:right;
	width:713px;
	background:url(../images/bg_subpage_right_col.png) no-repeat;
	padding:10px 0 0 0;
	height:auto;
}
.subpage #right_col .padding {
	background:url(../images/bg_subpage_right_col.png) no-repeat 0 bottom;
	padding:15px 35px;
}
#jezSJM1 {
	background:url(../images/bg_ticker.png) no-repeat;
	min-height:19px;
	width:778px;
	padding-top:3px;
	margin:0 auto;
	color:black;
}
#jezSJM1 > .itemContainer {
	width:778px !important;
}
.slideshowContent {
	overflow:hidden;
	padding:0 !important;
}
#slideShowContainer1 #slideShowNavWrapper {
	background:url(../images/bg_ssPager.png) no-repeat;
}
#slideShowContainer2 .slideshowImage {
	float:none;
	position:static;
	text-align:center;
	margin-top:21px;
}
#slideShowContainer2 .slideshowContent {
	float:none;
	position:static;
}
#slideShowContainer2 .slideshowImage img {
	position:static;
}
#slideShowContainer2 #slideShowNavWrapper{
	position: absolute; 
	z-index: 99; 
	width: 100%;
	top:55px;
}
.slideShowNav.indexNav a, .slideShowNav.indexNavButtons a {
	margin:2px 1px 2px 1px !important;
	width:11px;
	text-align:center;
}
#slideShowNav1 {
	display:block;
	float:left;
}
.ssPrev {
	display:block !important;
	float:left !important;
	margin:2px 1px !important;
	width:14px;
	height:16px;
	background:url(../images/img_scroll_left.png) no-repeat center center;
}
.ssNext {
	display:block !important;
	float:right !important;
	margin:2px 1px !important;
	width:14px;
	height:16px;
	background:url(../images/img_scroll_right.png) no-repeat 4px center;
}
#ssPrev2 {
	background:url(../images/img_left_arrow.png) no-repeat;
	width:38px;
	height:37px;
}
#ssNext2 {
	background:url(../images/img_right_arrow.png) no-repeat;
	width:38px;
	height:37px;
}
#ssPager2 {
	display:none;
}
.slideShowNav.indexNav a.activeSlide {
	background:#f6bf1b;
}
#awards .description {
	padding:0 20px 0 30px;
	background:url(../images/bg_award_arrow.png) no-repeat 20px 4px;
}

#footer {
	width:957px;
	margin:25px auto 0 auto;
	padding:0 0 35px 0;
	text-align:center;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clr {
	clear:both;
}


/* ------------------------------------------ 
 * Menus 
 * ------------------------------------------ */
.menu {
	margin:0;
	padding:0;
}
#utility_menu {
	position:absolute;
	top:34px;
	right:0px;
}
#utility_menu li {
	display:inline;
	padding:0 6px;
	border-left:1px solid white;
}
#utility_menu li:first-child {
	border-left:0;
	padding-left:0;
}
#utility_menu li a {
	color:white;
	text-decoration:none;
}
#main_menu {
	position:absolute;
	top:104px;
	left:104px;
}
#main_menu li {
	display:inline;
}
#main_menu li:first-child {
	padding-left:0
}

#main_menu li a {
	color:white;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.273em;
	/*padding:auto 20px auto 20px;*/
}
#main_menu ul li a {
	text-transform:none;
	padding:0;
}
#left_menu {
	background:url(../images/bg_left_menu.png) no-repeat;
	padding-top:10px;
}
#left_menu .padding {
	background:url(../images/bg_left_menu.png) no-repeat 0 bottom;
	padding:15px;
}
#left_menu ul {
	list-style-type:none;
	padding:0 0 0 10px;
	margin-left:0;
	margin:0;
}
#support_resources ul {
	margin-top:12px;
}
#support_resources li {
	padding:10px 0 10px 27px;
}
#support_resources li.item65 {
	background:url(../images/bg_li_international_distributors.png) no-repeat left center;
}
#support_resources li.item66 {
	background:url(../images/bg_li_contact_support.png) no-repeat left center;
}
#support_resources li.item67 {
	background:url(../images/bg_li_returns_repairs.png) no-repeat left center;
}
#support_resources li.item68 {
	background:url(../images/bg_li_support_login.png) no-repeat left center;
}
#support_resources li.item69 {
	background:url(../images/bg_li_terms_conditions.png) no-repeat left center;
}


#footer .menu {
	display:inline;
	padding-right:30px;
}
#footer .menu li {
	display:inline;
	padding:0 9px 0 9px;
	border-left:1px solid white;
}
#footer .menu li a {
	color:white;
	text-decoration:none;
}
#footer .menu li:first-child {
	border:none;
}

/* All <ul> tags in the menu including the first level */
#main_menu, #main_menu  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
#main_menu ul {
 display: none;
 position: absolute;
 top: 2.1em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 /*left: -1px;*/
 width: 150px;
 background-color:#040717;
 padding:15px;
}

/* Second and third etc. level submenus - position across from parent instead */
#main_menu ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
#main_menu li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
#main_menu ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 padding-top:5px;
 padding-bottom:5px;
}
#main_menu ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
#main_menu a {
 display: block;
 padding: 10px 20px;
 color: #fff;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
#main_menu a:hover, #main_menu a.highlighted:hover, #main_menu a:focus {
 color: #FFF;
}
#main_menu a.highlighted {
 color: #FFF;
 background-color:#040717;
}

#main_menu #current > a,
#left_menu #current > a {
	color:#d8a915;
}
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    #main_menu a#xyz {
      background-image: url(out.gif);
    }
    #main_menu a#xyz:hover, #main_menu a.highlighted#xyz, #main_menu a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
#main_menu a .subind {
 display: none;
}
#main_menu ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
#main_menu a {
 float: left;
}
#main_menu ul a {
 float: none;
}
/* \*/
#main_menu a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html #main_menu ul li {
 float: left;
 width: 100%;
}

* html #main_menu ul li {
 float: left;
 height: 1%;
}
* html #main_menu ul a {
 height: 1%;
}
/* End Hacks */

/* ------------------------------------------ 
 * Links
 * ------------------------------------------ */
a.pathway {
	text-decoration:none;
}
#slideShowContainer1 a, #slideShowContainer2 a {
	text-decoration:none;
}
/* ------------------------------------------ 
 * Lists 
 * ------------------------------------------ */


/* ------------------------------------------ 
 * Modules
 * ------------------------------------------ */
.module {
	background:url(../images/bg_module.png) no-repeat 0 bottom;
	padding-bottom:10px;
	margin-bottom:20px;
}
.module ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.module a {
	text-decoration:none;
}
.module .padding {
	background:url(../images/bg_module.png) no-repeat 0 top;
	padding:20px;
}
#left_menu.module {
	padding-bottom:0;
}
.module h2 {
	font-size:1.455em;
	margin:0;
	font-weight:normal;
}
.module h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	margin:0;
	color:#f2bc15;
}
/* ------------------------------------------ 
 * Homepage Specific 
 * ------------------------------------------ */
.jezTextShow {
	position:relative;
	padding:0 20px 0 159px;
}
.jezTextShow .control {
	position:absolute;
	left:105px;
	top:0;
}
.jezTextShow .control .forward, .jezTextShow .control .backward {
	background:transparent none repeat scroll 0 0 !important;
}
.jezTextShow .control .forward {
	text-align:left;
	width:12px;
}
.jezTextShow .control .backward {
	text-align:right;
	width:12px;
}
.jezTextShow .horizontal a {
	margin:0 4px 0 0;
}
.jezTextShow .control a {
	color:#6A6A68;
	cursor:pointer;
	display:block;
	float:left;
	font-size:0;
	height:17px;
	text-align:right;
	text-decoration:none;
}

/* ------------------------------------------ 
 * Forms 
 * ------------------------------------------ */
#search_form {
	background:transparent url(../images/bg_search.png) no-repeat scroll 0 0;
	height:16px;
	position:absolute;
	top:56px;
	right:0px;
	width:180px;
}
#mod_search_searchword {
	background-color:#FFFFFF;
	border:medium none;
	color:#8C8B8B;
	font-size:0.833em;
	height:12px;
	margin:1px 0 0 9px;
	padding:0 2px 2px;
	width:118px;
}
#search_button {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	cursor:pointer;
	display:block;
	float:right;
	height:16px;
	margin-top:-17px;
	padding:0;
	text-indent:-2000em;
	width:19px;
}
.even td {
	background-color:#18504f;
}
#captcha21 {
	display:block;
	margin-bottom:10px;
}
#captchaTxt21 {
    margin-right:10px;
}

/* ------------------------------------------ 
 * Typography 

 * Taken from http://www.pxtoem.com.
 * Use this chart for font sizes:

* 6px 	0.545em 	54.5% 	5pt
* 7px 	0.636em 	63.6% 	5pt
* 8px 	0.727em 	72.7% 	6pt
* 9px 	0.818em 	81.8% 	7pt
* 10px 	0.909em 	90.9% 	8pt
* 11px 	1em 	    100% 	8pt
* 12px 	1.091em 	109.1% 	9pt
* 13px 	1.182em 	118.2% 	10pt
* 14px 	1.273em 	127.3% 	11pt
* 15px 	1.364em 	136.4% 	11pt
* 16px 	1.455em 	145.5% 	12pt
* 17px 	1.545em 	154.5% 	13pt
* 18px 	1.636em 	163.6% 	14pt
* 19px 	1.727em 	172.7% 	14pt
* 20px 	1.818em 	181.8% 	15pt
* 21px 	1.909em 	190.9% 	16pt
* 22px 	2em 	    200% 	17pt
* 23px 	2.091em 	209.1% 	17pt
* 24px 	2.182em 	218.2% 	18pt
* ------------------------------------------ */
/*
#right_col p {
    font-size:1.182em;
	line-height:1.455em;
}
*/
.homepage h1 {
	font-size:1.455em;
	color:white;
	margin:0;
	font-weight:normal;
}
#left_menu a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.091em;
	line-height:1.636em;
	color:white;
	text-decoration:none;
}
.slideshowContent h2 {
	margin-top:0;
	font-size:1em;
	color:#e3b30f;
}
.readmore, a.readmore span {
	color:#f1b809;
}
.buttonheading {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.909em;
	margin-top:4px;
}
.buttonheading a {
	text-decoration:none;
}
h2.contentheading {
	font-size:2.182em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h3 {
	font-size:1.818em;
	font-family:Verdana, Geneva, sans-serif;
	color:#f2bc15;
	font-weight:normal;
	margin-bottom:0;
}
h4 {
	font-size:1.273em;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-style:italic;
	margin-top:0;
}
#milestones h3 {
	margin:0;
}
.mailto {
	color:#D8A915;
}