/* 
  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE 
html { overflow-y: scroll; } */ 

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/* theBoom.com screen css 11/05/2010 */
/* author - Martin Ferrini- http://fledglingdesign.com */

/* -------------------------------------------------------------------------------- */
/* site defaults */
body {
	/*margin: 0 auto 0;
	padding: 0;
	color: #333;*/
	font-size: 62.5%;
	/* makes 1em = 10px */
	font-family: "Helvetica Nue Light", 'Helvetica', "Lucida Grande", "Lucida Sans Unicode", 'Geneva', 'Verdana', sans-serif;
	voice-family: inherit;
  background: #fff; /* old browsers */
  background: -moz-linear-gradient(top, #ededed 1%, #f6f6f6 8%, #ffffff 14%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ededed), color-stop(8%,#f6f6f6), color-stop(14%,#ffffff)); /* webkit */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 );  ie */
	z-index: 0;
}

.ie6 body,
.ie7 body,
.ie8 body { background: #fff url(images/bodyTopGradientBG.jpg) repeat-x 0 125px; }

/* -------------------------------------------------------------------------- */
/*---- defaults ----*/

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset { margin-bottom: 8px; }

html {
	-webkit-font-smoothing: antialiased;
}

a {
	color: #003366;
	text-decoration: none;
}

a:hover { text-decoration: underline; color: #0099CC; }

ul li a:hover { border: 0; }

a:visited { /*color: #003366*/ }
a img:hover { text-decoration: none; }

/*a.over:hover,*/
a.over img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
}

strong { font-weight: bold; }

/* float clearing */
.clear { clear: both; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* @group text styles */
/* -------------------------------------------------------------------------------- */
/* typographic styles */

h1, h2, h3, h4 { position: relative; }

h1 {
	margin: 0;
	font-size: 2.8em;
	font-weight: bold;
	color: #000066;
	line-height: 1.2em;
	letter-spacing: -0.04em;
	text-shadow: 0 0 0.90em #f5f5f5, 0 0 0.90em #f5f5f5;
}

.tagLine h1 em { font-weight: bold; color: #000066; }

section h1 { margin-top: 15px; }

#products #bodyContent section h2,
#modal h1 { border-top: 1px solid #ccc; }

h1 em,
.tagLine h1 {
	color: #333;
	font-weight: normal;
	font-style: normal;
	display: inline;
}

h1.topTitle{
  font-size: 3.5em;
  margin: 30px 0 0 0;
}

h1.topTitle em {
  color: #0099CC;
  font-weight: bold;
}

h1 sup { font-size: 0.8em; font-weight: normal; }

h2 { color: #666; font-size:2.0em; font-weight: normal; line-height: 1.0em; }
	
#products #bodyContent section h2 { margin: 30px 0 0 0; padding: 5px 0 10px 0; color: #333; font-size: 2.2em; font-weight: bold; letter-spacing: -0.03em; }

h2 span {
	padding: 0 0 0 20px;
}

h3 {
	font-size: 1.4em;
	color: #000066;
	padding: .70em 0 .30em 0;
	text-transform: uppercase;
	font-weight: bold;
}

h3 span {
	padding: 0 0 0 5px;
	color: #333;
}

h5 { font-size: 1.4em; margin: 0 0 40px 0; }

h5 em { font-weight: bold; text-transform: uppercase; display: block; }	

#footerContent h3 { color: #0D2D90;}

section {
	text-align: left;
	padding: 0 50px 0 0;
}

.col2 section {
	padding-left:	20px;
}

section section {
  padding: 0;
}

section p {
	margin-top: 0;
	padding: 0 1.5em 0.09em 0;
	font-size: 1.4em;
	line-height: 1.45em;
}

section a { text-decoration: underline; }

section li.slider1Image a { text-decoration: none; }

section p em { font-style: italic; color: #666; }

body#news .col1 .newsInc {
  margin-bottom: 30px;
}

section.newsInc {padding-left: 0;}

.postMeta {
	border-top: 1px solid #CCCCCC;
	margin-bottom: 14px;
	position: relative;
	text-align: right;
	font-size: 0.9em;
	line-height: 1.4em;
	text-transform: uppercase;
	text-align: right;
}

.postMeta .container {
	position: absolute;
	right: 0;
	top: -9px;
}

.postMeta span.date {
	background: #FFFFFF none repeat scroll 0 0;
	padding: 0 4px;
}

.alert {
	color:	#fff;
	-moz-box-shadow:	0	0	5px	rgba(3,	3,	3,	0.73);
	-webkit-box-shadow:	0	0	5px	rgba(3,	3,	3,	0.73);
	box-shadow:	0	0	5px	rgba(3,	3,	3,	0.73);
	margin:	0 auto 0;
	padding:	15px 30px 8px 20px;
	width:	940px;
	background-color:	rgba(5,	4,	4,	0.81);
	-webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
		border-style:	hidden;
		/*z-index:	50000;*/
		position:	relative;
		top:	138px;
		left:	0;
	}
	
	.alert p {
		font-size:	1.3em;
	}

.alert h1 {
	color:	#89d1f1;
	font-size:	1.6em;
	margin:	0 0 4px 0;
	text-shadow:	0	0	1px	rgba(7,	6,	6,	0.76);
}

.alert a {
	color:	#0099CC;
}

/* @end */
/* @group layout styles */
/* -------------------------------------------------------------------------------- */
/* layout styles */


#wrapper {
	height: auto;
	width: auto;
	margin: 0 auto 0;
	overflow: auto;
	z-index: 1;
}

header {
	/*background: url("images/headerBG.jpg") repeat-x scroll 0 0 transparent;*/
	background: #feffff; /* old browsers */
  background: -moz-linear-gradient(top, #feffff 0%, #d2ebf9 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#d2ebf9)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#d2ebf9',GradientType=0 ); /* ie */
  height: 130px;
  width: 100%;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 2000;
  -moz-box-shadow: 0px 1px 8px #000;
  -webkit-box-shadow: 0px 1px 8px #000;
  box-shadow: 0px 1px 8px #000;
  behavior: url(/v/css/PIE.htc);
}

.ie6 header {
  position: relative;
}

#masthead { width: 960px; margin: 0 auto 0; position: relative; }

#logo { 
	width: 300px;
	height: 83px;
	float: left;
	position: relative; 
	right: 25px;
}

img#theBoomLogoScreen {  }

.imgBorder { padding: 3px; border: 1px solid #ccc; }


/* print logo */

img#theBoomLogoPrint { display: none; }


/* ---- Search ---- */

#search {
  float:	left;
  width: 160px;
  position: absolute;
  top: 35px;
  left: 380px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

#search input[type="search"] {
padding: 4px 9px;
font-size:	13px;
font-weight:	normal;
line-height:	1;
color: #333;
background-color: #f5f5f5;
border:	1px	solid	#a0bbda;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

/* submit button inside the search field */
input[type=submit],
button[type=button]	{display: none; width: 19px; height: 19px; cursor: pointer; margin: 0 0 0 -20px; padding: 0; border: none; text-indent: -9999px;}
				 
button[type=button] {margin: 0 0 0 -9px;}				 

#optIn { position: relative; bottom: 5px; right: 5px; }

#phoneAndSearch,
#newsletterOptIn { 
	width: auto;
	margin: 0;
	position: absolute;
}

#phoneAndSearch {
	float: left;
	position: absolute;
	top: 0px;
	left: 280px;
	/*clear: both;*/
}

#newsletterOptIn {
	float: left;
	position: absolute;
	top: 25px;
	right: 30px;
}

#phoneAndSearch ul li {
	/*width:	350px;*/
	width:	auto;
}

#phoneAndSearch ul {
	margin-top:	35px;
}

#phoneAndSearch ul,
#newsletterOptIn ul { float: left; list-style: none; /*display: inline; padding-top: 4px;*/ }


#phoneAndSearch ul li,
#newsletterOptIn ul li {
  font-size: 1.4em;
  margin: 0 15px 8px 0;
}

#phoneAndSearch ul li,
#newsletterOptIn ul li {
	float:	left;
}


#advancedSearch {
  position: absolute;
  top: 5px;
  left: 610px;
  width: 300px;
  z-index: 1500;
}

#advancedSearch a {
  display: block;
}

#advancedSearch .dropdown_select { float: left; margin-right: 5px; }

a#viewCart {
  width: 58px;
  display: block;
  height: auto;
  float: right;
  clear: all;
  font-size: 1.0em;
  font-weight: normal;
  /*margin: 0 0 0 15px;*/
  padding: 8px 0 8px 0;
  position: absolute;
  top: 30px;
  right: 20px;
  text-decoration: none;
  text-align: center;
  background: url(images/shoppingCartSprite.png) no-repeat 8px 0;
  /*z-index: 400;*/
}

.ie6 a#viewCart {
  height: 5px;
} 

a#viewCart:hover {
  background-position: -44px 0;
}

a#viewCart span {
  display: block;
  margin: 25px 0 0 3px;
  /*z-index: 600;*/
}

.ie7 a#viewCart span {
  margin-top: 30px;
}

#guarantee a {
  text-decoration: underline;
  font-weight: bold;
}

#phoneAndSearch ul { width: auto; }
#newsletterOptIn p { width: 130px; }

#search,
#optIn { margin: 0 0 0 10px; float: left; }

#search { /*width: 300px;*/ }

#optIn { /*width: 400px;*/ }

span.tel { font-size: 1.1em; font-weight: bold; display: inline; color: #0D2D90; padding: 0 0 0 5px; }


#container {
	width: 960px;
	margin: 0 auto 0;
	z-index: 4;
	oveflow: hidden;
}

/* --- for fixed header --- */
.sectionHeader {
  position: relative;
	top: 125px;
}

.ie6 .sectionHeader {
  position: relative;
	top: 0;
}

#bodyContent {
  margin-top: 135px;
}

.ie6 #bodyContent { margin-top: 0; }


#pageHeader {
	width: 958px;
	height: 200px;
	border: 1px solid #ccc;
	border-top: 0;
	overflow: hidden;
	position: relative;
	left: 3px;
}

/* -------------------------------------------------------------------------------- */
/* main menu */

menu { position: relative; width: 100%; }

/* generic styles */
menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}

footer menu ul li {
	padding: 0;
	margin: 0;
	float: left;
	white-space: nowrap;
}

 
/* -------------------------------------------------------------------------------- */
/* header menu styles */

header menu { 
  margin: 0 auto 0;
  height: 40px;
  float: left;
  padding: 0;
  position: absolute;
  bottom: 0;
  background: #a7cfdf; /* old browsers */
  background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* ie */
  z-index: 500;
}

header menu ul {
  margin: 0 auto 0; height: 40px; width: 960px;
}

header menu ul li span { display: none; }

#footerHead menu { margin-top: 10px; }

header menu ul li,
#footerHead menu ul li	{
  float: left;
  list-style: none;
}

header menu ul li a,
#footerHead menu ul li a {
	margin: 0;
	padding: 12px 15px 12px 15px;
	font-size: 1.4em;
	text-decoration: none;
	display: block;
}

header menu ul li a {
  color: #f5f5f5;
  font-weight: normal;
  text-shadow: 0 -1px 1px rgba(19,65,88,.8);
  border-right: 1px solid #ccc;
}


header menu ul li.home a,
header menu ul li.home a:hover {
  border-left: 1px solid #ccc;
}

header menu ul li.store a,
header menu ul li.store a:hover {
  border-right: 1px solid #ccc;
}
header menu ul li a:active, header menu ul li a:visited { color: #f5f5f5; }

#footerHead menu ul li a { color: #333; font-weight: bold; text-transform: uppercase; }

header menu ul li a:hover,
#footerHead menu ul li a:hover { color: #fff; }

header menu ul li a:hover { color: #f5f5f5; text-decoration: none; }
#footerHead menu ul li a:hover { color: #0099CC; }
	
header menu ul li a:hover {
  border-right: 1px solid #ccc;
  background: #7db9e8; /* old browsers */
  background: -moz-linear-gradient(top, #7db9e8 6%, #2989D8 25%, #207cca 51%, #1E5799 95%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7db9e8), color-stop(25%,#2989D8), color-stop(51%,#207cca), color-stop(95%,#1E5799)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1E5799',GradientType=0 ); /* ie */
}

/* -------------------------------------------------------------------------------- */
/* menu on state */

body#home header menu ul li.home a,
body#consumer header menu ul li.consumer a,
body#custom header menu ul li.custom a,
body#professional header menu ul li.professional a,
body#industry header menu ul li.industry a,
body#military header menu ul li.military a,
body#racing header menu ul li.racing a,
body#products header menu ul li.products a,
body#about header menu ul li.about a,
body#contact header menu ul li.contact a,
body#help header menu ul li.help a, 
body#store header menu ul li.store a {
	/*font-weight: bold;*/
	color: /*#0D2D90*/ #fff;
	/*text-shadow: 0 0 0.90em #fff, 0 0 0.90em #fff, 0 0 0.90em #fff;*/
	/*background: url(images/menuOn4.png) no-repeat 50% 90%;*/
	background: #7db9e8; /* old browsers */
  background: -moz-linear-gradient(top, #7db9e8 6%, #2989D8 25%, #207cca 51%, #1E5799 95%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(6%,#7db9e8), color-stop(25%,#2989D8), color-stop(51%,#207cca), color-stop(95%,#1E5799)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1E5799',GradientType=0 ); /* ie */
}

/* -------------------------------------------------------------------------------- */
/* footerMenu menu - adjustments for menu include */

#footerMenu {
	/*width: 960px;
	margin: 0 auto 0;*/
	color: #ccc;
	font-size: 1.2em;
	padding: 13px 0 25px 0;
	position: relative;
	background: #003366;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(/v/css/PIE.htc);
}

#footerMenu menu { 
	width: auto;
	margin: 0 20px 0 0;
	float: right;
}

/*.ie7 #footerMenu menu {
  position: relative;
  bottom: 6px;
}*/

#footerMenu menu ul {
  float: left;
}

#footerMenu menu ul,
#footerMenu menu ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footerMenu menu ul li span { display: inline; color: #ccc; padding: 0 2px 0 0; }

#footerMenu menu ul li a { 
	margin: 0 0 0 0;
	padding: 0 0 0 3px;
	font-size: 12px;
	text-transform: lowercase;
	font-weight: normal;
	color: #fff;
}

#footerMenu menu ul li a:hover { color: #0099CC; text-decoration: underline; }


/* -------------------------------------------------------------------------------- */
/* footerMenu menu on state */

body#home #footerMenu menu ul li.home a,
body#blog #footerMenu menu ul li.blog a,
body#consumer #footerMenu menu ul li.consumer a,
body#custom #footerMenu menu ul li.custom a,
body#professional #footerMenu menu ul li.professional a,
body#industry #footerMenu menu ul li.industry a,
body#military #footerMenu menu ul li.military a,
body#racing #footerMenu menu ul li.racing a,
body#products #footerMenu menu ul li.products a,
body#contact #footerMenu menu ul li.contact a,
body#news #footerMenu menu ul li.news a,
body#about #footerMenu menu ul li.about a,
body#testimonials #footerMenu menu ul li.testimonials a,
body#help #footerMenu menu ul li.help a,
body#store #footerMenu menu ul li.store a { background: transparent; color: #0099CC; text-decoration: underline; }


#copyright {
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
}


#disclaimers { 
	/*width: 960px;
	margin: 0 auto 0;*/
	padding-left: 20px;
	overflow: hidden;
}

#disclaimers section p { font-size: 1.0em; }

#disclaimers section p.termsPrivacy { font-size: 1.2em; }

/* @end */

/* -------------------------------------------------------------------------------- */
/* print logo */
img#theBoomLogoPrint { display: none; }

/* -------------------------------------------------------------------------------- */
/* flash */

#flashcontent {
	position: relative;
}

#flashcontent img {
	margin: 0;
	padding: 0;
}

#flashcontent p {
	margin: 0;
	padding: 0 350px 0 30px;
	font-size: 80%;
	color: #fff;
	position: absolute;
	top: 30px;
	z-index: 100;
}

/* -------------------------------------------------------------------------------- */
/* content */

#bodyContent {
	position: relative;
}

#bodyContent h1, h2 { vertical-align: bottom; }

/* -------------------------------------------------------------------------------- */
/* columns */
.columns {
	width: 960px;
	padding: 0 0 20px 0;
	overflow: hidden;
	position: relative;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6 { margin-top: 10px; text-align: left; float: left; position: relative; }

.col1 {
	width: 540px;
	overflow: hidden;
}

.col2 {
	width: 420px;
	margin-left: 0;
}


body#store #bodyContent .col1 {
  width: 960px;
}

body#store #bodyContent .col2 {
  width: 960px;
}

#content_area table td {
  font-size: 1.1em;
  padding: 0 10px 20px 0;
}

body#store #bodyContent a.productnamecolor {
  font-size: 1.6em;
}

#storeMenu {
  padding: 0 20px 0 20px;
  float: right;
  position: fixed;
  top: 137px;
  left: 65%;
  z-index: 2050;
  clear: all;
  background-color: #fff;
	/*filter: alpha(opacity=80);*/
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	/* For IE */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	-webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
	box-shadow: 0px 2px 10px #000;
	 /* For IE CSS3 */
  behavior: url(/css/ie-css3.htc);
  zoom: 1;
  z-index: 2010;
}


#display_promotions_999 {
  position: relative;
  float: right;
  font-size: inherit;
}

.sectionHeader { 
	width: auto;
	margin: 0 auto 0;
	border-bottom: 1px solid #ccc;	
	position: relative;
	top: 135px;
}

.sectionHeader .columns { 
  width: 960px; 
  margin: 0 auto 0; 
  padding: 0px 0 9px 0;
}

/* -------------------------------------------------------------------------------- */
/* product thumbnail columns */

.productsSection { padding: 0 0 30px 0; position: relative; }

body#products .col1 .productsSection { padding: 5px 0; }

.col1 .productsSection section { padding-left: 0; }
.col2 .productsSection section { padding: 5px 0 0 0; }

#products #bodyContent .productsSection section h2 { padding-bottom: 20px; }
#products #bodyContent .col2 .productsSection section h2 { margin-left: 20px; }

.col2.productCategory h1,
.col2.productTagline h1 { margin-bottom: 0; padding: 5px 10px 0 0; border-top: 1px solid #ccc; }

.col2.productTagline h1 { padding: 0 0 20px 0; color: #0099CC; border-top: none; }
.col2 .columns.productThumbs { width: 420px; margin: 0; position: relative; left: 20px; }

.col { width: 125px; text-align: center; margin: 0 10px 20px 0; padding: 0 10px 0 20px; float: left; position: relative; }
.col.noBorder { border-right: none; }

.col1 .columns.productThumbs { width: 540px; margin: 0; padding: 0 0 30px 0; position: relative; }
.col1 .columns.productThumbs .col { width: 125px; margin: 0 0 20px 0; padding: 0 20px 0 20px; text-align: center; }

/*.col1 .columns.productThumbs .col img {width: 80%;}*/

#bodyContent .col1 .columns.productThumbs.featured { 
	width: 508px;
	margin: -1px 0 10px 0; 
	padding: 20px 0 0 0;
}

.col1 .columns.productThumbs.featured .col { border: none; }

section.featuredProducts a.all {
	width: auto;
	float: right;
	position: relative;
	top: -55px;
	left: 10px;
	font-size: 1.8em;
	padding: 10px;
}

.col2 section.featuredProducts a.all { left: 20px; }

.col1 .columns.productThumbs.pro, 
.col2 .columns.productThumbs.pro { width: 420px; margin: 0; padding: 0 0 30px 0; position: relative; }
.col1 .columns.productThumbs.pro .col, 
.col2 .columns.productThumbs.pro .col { width: 180px; margin: 0 0 20px 0; padding: 0 10px 0 10px; text-align: center; }

.col2 .columns.productThumbs.pro .col.centered { padding-left: 110px; }

/* -------------------------------------------------------------------------------- */
/* product thumbnails */

.productThumb { font-size: 1.4em; font-weight: bold; }

.productThumb a.button span {
  font-size: 1.1em;
}

.productThumb a,
.productThumb a img {
  display: block;
  line-height: 1.3em;
  margin: 0 auto 0;
}
.productThumb a.button { display: inline-block; line-height: 1.3em; }

.productThumb p { font-weight: normal; font-size:	inherit; }
.outOfStock{
	 margin-top:	5px;
}
.outOfStock strong {
	display:	block;;
}

p.price { text-align: center; font-size: 1.1em; font-weight: bold; padding: 6px 0 0 0; }

.col2 .columns.productThumbs.pro img { padding-bottom: 20px; }


/* -------------------------------------------------------------------------- */
/* buy buttons */

a.button span {
  background: #00CCFF;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3194c6), to(#386C86));
  background: -moz-linear-gradient(#3194c6, #386C86); 
  display: inline-block;
  padding: 10px 20px;
  position: relative;
  font-size:  1.6em;
  font-weight: normal;
  color: #fff;
  text-decoration: none;  
  text-shadow: 0 -1px 1px rgba(19,65,88,.8);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  -moz-transition: -moz-transform .2s ease-in-out;
  -o-transition: -o-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  behavior: url(/v/css/PIE.htc);
}

a.button {
  cursor: pointer;
  display: inline-block;
  margin: 10px 0 10px 0;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 4px #444444;
  -moz-box-shadow: 0px 2px 4px #444444;
  box-shadow: 0px 2px 4px #444444;
  -webkit-transition: -webkit-box-shadow .2s ease-in-out;
  -moz-transition: -moz-box-shadow .2s ease-in-out;
  -o-transition: -o-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out;
  text-decoration: none;
  behavior: url(/v/css/PIE.htc);
}

.button:active {
  -webkit-box-shadow:
    0 5px 0 #304766,
    0 12px 10px rgba(0,0,0,.3);
  -moz-box-shadow:
    0 5px 0 #304766,
    0 12px 10px rgba(0,0,0,.3);
  box-shadow:
    0 5px 0 #304766,
    0 12px 10px rgba(0,0,0,.3);
}

.button:active span {
  -webkit-transform: translate(0, 4px);
  -moz-transform: translate(0, 4px);
  -o-transform: translate(0, 4px);
  transform: translate(0, 4px);
}

/*.productThumbs.pro a.button { position: relative; left: 50px; }*/
	
a.button.large span {
	padding: 10px 40px 10px 40px;
}


section ul#innerMenu { margin: 0 0 50px 0; padding: 0;}
section ul#innerMenu li { list-style: none; float: left; margin: 0 8px 8px 0; padding: 0; }

section ul#innerMenu li#currentPage a { color: #86B7D7; text-decoration: none; }

section.categoryMenu {
  padding: 0 0 0 20px;
}

section.categoryMenu h1 {
  padding-left: 18px;
}

section.categoryMenu div {
  width: 490px;
  height: 300px;
  margin: 10px 0 0 0;
  overflow: hidden;
  padding: 20px 0 20px 20px;
  /*border: 1px solid #ededed;*/
  -moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
background: -moz-linear-gradient(top, #e4f3f7, #ffffff);
background: -webkit-gradient(linear, center top, center bottom, from(#e4f3f7), to(#ffffff));
background: -o-linear-gradient(top, #e4f3f7, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f3f7', endColorstr='#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f3f7', endColorstr='#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background: linear-gradient(top, #e4f3f7, #ffffff);
/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
behavior: url(/v/css/PIE.htc);
}

section.categoryMenu ul {
  width: 200px;
  float: left;
  margin: 0 0 10px 0;
  display: block;
  overflow: hidden;
  position: relative;
}

section.categoryMenu ul.left { margin-right: 20px; }

section.categoryMenu ul li { list-style: none; float: left; margin: 0 8px 8px 0; padding: 0; }
section.categoryMenu ul li ul { margin-bottom: 10px; }

section.categoryMenu ul li.catTitle span a {
  color: #0066cc;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0;
  text-decoration: none; 
  white-space: normal;
}

section.categoryMenu ul li.catTitle span a:hover  { color: #0099cc; }
section.categoryMenu ul li a { font-size: 1.0em; font-weight: normal; white-space: nowrap; }

.ie6 section.categoryMenu ul li a { font-size: 14px; }
.ie6 section.categoryMenu ul li.catTitle span a { font-size: 18px; }

.ie7 section.categoryMenu ul li a { font-size: 14px; }
.ie7 section.categoryMenu ul li.catTitle span a { font-size: 18px; }


a.all {
	/*width: 120px;*/
	margin-top: 20px;
	font-size: 1.6em;
	/*position: relative;
	text-align: center;
	left: 255px;*/
}

#accessoriesAdapters { margin: 20px 0 60px 0; }
#accessoriesAdapters a.button { left: 0; margin-right: 20px; }



/* adjust buy buttons for IE */
.ie6 a.button,
.ie7 a.button/*,
.ie8 a.button*/ { position: relative; left: 2px; }
.ie6 .productThumbs.pro a.button,
.ie7 .productThumbs.pro a.button { position: relative; left: 0; }


/* -------------------------------------------------------------------------- */
/* footer */
footer {
	padding: 20px 0 20px 0;
	font-size: 1.0em;
	background: #f5f5f5;
	border-top: 1px solid #dfdfdf;
	overflow: auto;
	width: 100%;
  display: block;
}

#footerContainer {
  position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto 0;
	overflow: hidden;
}

#footerHead {
	position: relative;
	/*width: 960px;*/
	height: 67px;
	margin: 0 auto 0;
	background: #d0e0e8;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(/v/css/PIE.htc);
}

#umevoiceLogo { 
	width: 200px; 
	border-right: 2px dotted #ccc;
	margin: 10px 0 0 0; 
	padding: 0 0 0 13px; 
	float: left; 
}

#footerHead menu { width: 500px; float: left; margin: 18px 0 0 10px; }

/*.ie7 #footerHead menu,
.ie8 #footerHead menu { margin: 0; }*/

a.rss { margin: 20px 0 8px 0; font-size: 1.2em; font-weight: bold; }

#footerBody .columns {
	/*width: 960px;
	margin: 0 auto 0;*/
	text-align: left;
	overflow: hidden;
}

#footerBody section { padding-right: 20px; }

#footerBody .col1,
#footerBody .col2,
#footerBody .col3 { padding-bottom: 30px; }

#footerBody .col1 { width: 490px; }
#footerBody .col2 { width: 250px; }
#footerBody .col3 { width: 200px; }

/* -------------------------------------------------------------------------------- */
/* specific styles */

/* lametastic hidden div for Google 
.hidden { display: none; }*/

#bodyContent .columns { margin-top: 10px; }

#bodyContent .col1 { width: 540px; }
#bodyContent .col2 { width: 415px; margin-left: 5px; }

/* adjust columns for IE */
.ie6 #bodyContent .col1 { width: 530px; margin-right: 5px; }
.ie6 #bodyContent .col2 { width: 415px; margin-left: 0; }
.ie6 #bodyContent .col2 div .section { padding: 0; }

#bodyContent .col1.wide { width: 640px; }

#footerBody .columns { padding-top: 15px; padding-bottom: 20px; }

.socialBadges { position: relative; padding: 8px 0 10px 0; margin: 0 0 8px 0; width: 100px; }
.socialBadges a.facebook img { padding: 0 0 5px 0; }
.socialBadges a.twitter img { padding: 4px 0 0 0; }
.socialBadges a.youTube { float: right; position: absolute; left: 120px; top: 0; }

.ie8 .socialBadges a.youTube { left: 140px; }


#footer h2 span { color: #666; }

p span { color: #666; }

p span.uppercase { text-transform: uppercase; }

.caption p { padding: 10px 0 0 0; color: #999; }

body#contact #bodyContent section { padding-bottom: 10em; }

body#products .productsSection .Guarantee { position: absolute; left: 365px; bottom: 70px; }

body#products .productTagline .Guarantee { position: absolute; left: 255px; bottom: 190px; }

body#military section.CTA.single { margin-top: 30px; }

section.FAQ { margin-top: 30px; }

img.partnerLogo { margin: 0 0 8px 0; padding: 3px; border: 1px solid #ccc; }

section.resellers { margin-bottom: 50px; }

#disclaimers section { padding-left: 10px; }

p.downloadVideo, p.vjs-no-video { font-size: 1.1em; color: #666; padding: 8px 0 0 20px; display: block; }

.ie6 .vjs-no-video,
.ie7 .vjs-no-video,
.ie8 .vjs-no-video { width: 400px; }

.col2 section#umeCobraChart  { margin: 30px 0 30px 0; }
section#umeCobraChart img { padding: 3px; border: 1px solid #ccc; }

.col2 section#needHelp { padding: 20px 10px 0 35px; }

/* -------------------------------------------------------------------------------- */
/* body lists */

section ul,
#footerBody section ul {
	width: auto;
	margin: 10px 0 20px 0;
	padding: 0;
}

section ul li,
#footerBody section ul li {
	margin: 5px 0 8px 20px;
	padding: 0 0 2px 0;
	list-style: square;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #666;
}

section ul li ul li { font-size: inherit; line-height: 1.4em; }

section.pressList { padding: 20px 0 0 0; }

body#news section ul.press { margin: 20px 0 0 0; }
body#news section ul.press li { margin: 0 0 10px 0; }

section ul.press { margin: 0; }
section ul.press li { list-style: none; }

#footerBody section.pressList ul li { margin: 5px 0 8px 0; }

#footerBody section.pressList ul { margin: 10px 0 0 20px; }
section.pressList ul li { 
	margin: 0 0 8px 0;
	list-style: none;
	line-height: 1.1em;
}

section.pressList ul li a { text-decoration: none; }

section ol { 
	margin: 20px 0 30px 30px;
	list-style-type: decimal;
}

section ol li { margin: 0 0 4px 0; padding: 0 0 4px 0; font-size: 1.3em; line-height: 1.4em; }

/* -------------------------------------------------------------------------------- */
/* monitter (Twitter Feed) styles */
.monitter {
	padding: 0 10px 0 0;
	font-size: 1.2em;
	color: #333;
}

#tweets { margin: 0 0 10px 0; }

#tweets .tweet p.text a { margin: 0 0 15px 0; }

.tweet {
	margin: 0 0 8px 0;
}

.tweet img {
	padding: 0 5px 0 0;
}

/* -------------------------------------------------------------------------------- */
/* widgets */


#umeClarityAnimation {
	width: 320px;
	margin: 20px 0 20px 0;
	padding: 5px;
	border: 1px solid #ccc;
	overflow: hidden;
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	behavior: url(/v/css/PIE.htc);
}

#umeClarityAnimation div,
section #umeClarityAnimation p { width: 360px; }

section #umeClarityAnimation p { margin: 0 0 0 0; padding: 0 0 0 0; }

/* -------------------------------------------------------------------------------- */
/* Calls to Action */

section.CTA,
section.clients { margin: 0 0 20px 0; padding: 0; }

.col1 section.CTA.clients { margin: 40px 0 20px 10px; clear: both; width: 400px; }

.col2 section.CTA { width: 415px; }
.col1 section.CTA { width: 185px; margin-left: 30px; float: left; }

section.CTA.single { display: block; }

section.CTA img,
section.CTA a img,
section.CTA.single img,
section.CTA.single a img { display: block; margin: 0 auto 0; text-align: center; }

body#help section.CTA img,
body#help section.CTA a img,
body#help section.CTA.single img,
body#help section.CTA.single a img { display: block; margin: 0 0 0 20px; text-align: center; }

section.CTA.single h1 { text-align: center; border: 0; }

section.CTA.top { margin: 20px 0 20px 0; }

section.CTA.double { position: relative; left: 40px; }
section.CTA.double .left,
section.CTA.double .right { width: 185px; float: left; margin-right: 5px; }

section.CTA h1 { font-size: 1.9em; color: #0D2D90; border: none; }
section.CTA h2 { border-bottom: 2px solid #ccc; }
#bodyContent section.CTA h3 { margin-left: 10px; padding: 0 0 3px 0; border-bottom: 2px dotted #ccc; }

section.CTA.horizontal img { display: inline; padding-right: 10px; }
section.CTA.horizontal { width: 540px; margin: 0; padding: 40px 0 0 30px; }
section.CTA.horizontal .left,
section.CTA.horizontal .right { float: left; margin-right:30px; }


section.CTA.horizontal h1 { text-align: left; border: 0; }

section.CTA.chart a img { position: relative; left: 40px; }
section.CTA.inTheNews { margin: 20px 0 0 0; }	

body#home section.CTA.worksWith { margin-bottom: 50px; /*position: relative; left: 5px;*/ }

section.testimonials { margin: 0; }

section.testimonials h1 { font-size: 1.8em; }
section.testimonials h2 { font-size: 1.3em; color: #000; margin-top: 15px; }

section.testimonials p { color: #999; }
section.testimonials p img { float: right; }

body#home section.testimonials #features { margin: 20px 0 0 0; padding: 0 20px 0 10px; }

body#home section.testimonials { padding: 0 0 120px 0; }

body#home section.testimonials #features h5 { font-size: 1.3em; margin-bottom: 8px; }
body#home section.testimonials #features p { padding-top: 15px; }


/* guarantee CTA on products page */
body#products .col1 section.CTA.single.guarentee { width: 150px; float: right; clear: all; position: relative; right: 40px; bottom: 250px; }

h3.twitterBird { 
	padding: 10px 30px 30px 0;
	background: url(images/icons/twitter-bird.png) no-repeat 90px -14px; 
}

/* -------------------------------------------------------------------------- */
/* chart tables */

.chartTable { 
  width: 100%; 
  margin: 20px 0 0 0; 
  padding: 5px 0 0 0;
  background: #d2ebf9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  behavior: url(/v/css/PIE.htc);	
}

.chartTable table {
	width: 100%;
	margin: 10px 20px 0 0;
	/*margin:  0 auto 0;*/
	padding: 0;
}

.chartTable table thead th {
	/*height: 11px;*/
	padding: 5px 10px 10px 10px;	
	text-align: center;
	font-size: 1.4em;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 0 0 0.6em #fff, 0 0 0.6em #fff;
	white-space: none;
}

.chartTable table thead th.singleTitle {
  text-align: left;
  padding-left: 20px;
} 

td { vertical-align: top; font-size: 1.4em; }

section td p { padding-right: 0; font-size: 1.0em; line-height: 1.1em; }

.chartTable table tbody td {
  background: #fff;
}

.chartTable table tbody td.description {
  background: #f5f5f5;
}

.chart td {
	/*width: 300px;*/
	padding: 20px 15px 20px 15px;
	border: 1px solid #ccc;
	text-align: center;
}

.chart td strong { display: block; }

td.product .col { border-right: none; width: auto; }

.chart td.product { width: 125px; border-left: 0; background: #fff url(images/rule-1px.gif) repeat-y 0 0; }

.chart.allProducts td.product { width: 250px; }

.chart td.product.tint { background: #f5f5f5; border-right: none; }

.chart td.product .productThumb { font-size: 1.0em; }

/* adjust table for IE6 */

/* adjust products thumbs in chart table */
.ie6 .chartTable td.product .col .productThumb a,
.ie6 .chartTable td.product .col .productThumb a img  { margin: 0; }
.ie6 .chartTable td.product .col .productThumb a img  { position: relative; left: -3px; padding: 0 0 10px 0; display: block; }

/* adjust buy buttons in chart table */
.ie6 .chartTable td.product .col a.button { margin-top: 10px; }

/* adjust th height in chart table 
.ie6 .chartTable th { height: 15px; }*/


/* -------------------------------------------------------------------------- */
/* body image floats */

section p img { float: left; margin: 0 15px 5px 0; padding: 3px; }

section p img.border { border: 1px solid #ccc; }
section p img.right { float: right; padding: 0 0 20px 20px; }


/* -------------------------------------------------------------------------- */
/* microformat */
.vcard {
	margin: 0;
	padding: 20px 0 40px 0;
	position: relative;
	font-size: 1.4em;
	line-height: 1.5em;
}

.vcard img.photo {
	margin: 0 15px 0 0;
	padding: 2px;
	float: left;
	position: relative;
	border: 1px solid #ccc;
}

.vcard a:hover { border: 0; text-decoration: underline; }

a.url.org, a.email.org { display: block; line-height: 1.6em; }
a.url.AIM, a.email.YIM { margin-right: 3px; }

.fn { font-weight: bold; }

/* -------------------------------------------------------------------------- */
/*---- modals ----*/

#modal { width: 860px; height: 600px; position: relative; padding: 10px; }

#modal.text {  }

#modal section { padding: 20px 20px 0 20px; }

/*#modal section p,*/
#modal.text section p {
  font-size: 1.4em;
  padding-right: 240px;
}

/*#modal .chartTable section table td p { padding-right: 0; }*/

#modal.chart { height: 100%; overflow: hidden; }

#modal.guarantee {  }

/* -------------------------------------------------------------------------- */
/* header images */

.headerImage { width: 540px; height: 320px; position: relative; }

.headerImage img { display: inline; z-index: 500; }

.headerImage h1,
.headerImage h2 { position: relative; z-index: 100; }

.headerImage h1 {
	color: #fff;
	padding: 20px 50px 8px 20px;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0;
	font-weight: lighter;
	text-shadow: 1px 1px 1px #000;
	top: -320px;
}

.headerImage h1 em { color: #86b7d7; font-size: 1.6em; }

.headerImage h2 { 
	font-size: 1.3em; 
	line-height: 1.1em; 
	color: #fff; 
	padding: 8px 130px 0 20px; 
	text-shadow: 1px 1px 1px #333;
	top: -160px; 
}	

/* -------------------------------------------------------------------------- */
/* client logos list for /about/clients.html */
ul.clientLogos { list-style: none; }

ul.clientLogos li { list-style: none; float: right; }

ul.clientLogos li a { border: none; }


/* -------------------------------------------------------------------------- */
/* video background */
video { background: #333; }

.ie6 .video-js-box,
.ie7 .video-js-box { z-index: 20; }

/* -------------------------------------------------------------------------- */
/* toggle off prices on various pages */

body#home .col1 p.price { display: none; }

/* -------------------------------------------------------------------------- */
/* Test Drive theBoom */
section#freeEvaluationUnit { 
	margin: 30px 0 0 20px;
	padding: 0 10px 30px 20px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px; 
}

section#freeEvaluationUnit h1 { border: 0; color: #0099CC; }


/* -------------------------------------------------------------------------- */
/* jQuery plug in CSS */



/* -------------------------------------------------------------------------------- */
/* Colorbox */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:hidden;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/css/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}


/* -------------------------------------------------------------------------------- */
/* Easy Slider */
#sliderNews { position: relative; }

section #sliderNews ul, 
section #sliderNews li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sliderNews, #sliderNews li {
/* 
define width and height of container element and list item (slide) list items must be the same size as the slider area
*/
	width: 410px;
	height: 150px;
	overflow: hidden;
}

#sliderNews li { background: transparent; text-align: center; padding-top: 10px; }

/*#sliderNews li h1 {
	margin: 10px 20px 10px 25px;
	padding: 0 0 0 5px;
	font-size: 3.0em;
	color: #B5121B;
}*/

#sliderNews li img { display: block; margin: /*0 0 2px 58px*/ 0 auto 0; padding: 0 0 5px 0; text-align: center; }

#sliderNews li a.more { display: block; margin: /*5px 0 0 58px*/ 0 auto 0; padding: 0; font-size: 1.1em; text-align: center; }

#sliderNews li a.more span { display: block; margin-top: 10px; }

span#prevBtn { float: left; position: relative; left: 7px; bottom: 120px; }
span#nextBtn { float: right; position: relative; right: 0; bottom: 120px; }

span#prevBtn a,
span#nextBtn a { font-size: 0px; color: #fff; }

span#prevBtn a,
span#nextBtn a { width: 29px; height: 29px; display: block; }

span#prevBtn a { background: url(images/slider-arrows.png) no-repeat -58px 0; }
span#nextBtn a { background: url(images/slider-arrows.png) no-repeat 0 0; }

span#prevBtn a:hover { background: url(images/slider-arrows.png) no-repeat -87px 0; }
span#nextBtn a:hover { background: url(images/slider-arrows.png) no-repeat -29px 0; }


/* -------------------------------------------------------------------------------- */
/* Page Player */

#audioDemos { 
	background: url(images/blackhawk-helicopter-BG.png) no-repeat 0 0;
	height: 212px;
	width: 390px;
	margin: 0 0 20px 20px;
	padding: 15px 0 0 0;
	border: 1px solid #09c;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 2px 4px #444444;
  -moz-box-shadow: 0px 2px 4px #444444;
  box-shadow: 0px 2px 4px #444444;
	behavior: url(/v/css/PIE.htc);
}

body#industry #audioDemos {
  height: 250px;
  background: url(images/power-plants-BG.png) no-repeat 0 0;
}

.col1 #audioDemos {
  margin: 0 0 20px 0;
  width: 500px;
}

body#home #audioDemos { margin-left: 5px; }
body#home .col2 #audioDemos { position: relative; left: 10px; }
  
#audioDemos h1 { color: #0099CC; border: none; }  
  
#audioDemos h1,
#audioDemos h2 { padding: 0 0 0 20px; }
 
#audioDemos h2,
section#freeEvaluationUnit h2 {
	color: #000066;
	text-shadow: 1px 1px 1px #ffffff;
  behavior: url(/v/css/PIE.htc);
}

#audioDemos p {
  font-size:  1.3em;
  font-weight:  bold;
  padding: 0 0 0 20px;
}

/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/

#soundmanager-debug {
 /* SM2 debug container (optional, use or customize this as you like - makes in-browser debug output more useable) */
 position:fixed;_position:absolute;right:1em;bottom:1em;width:50em;height:18em;overflow:auto;background:#fff;margin:1em;padding:1em;border:1px solid #999;font-family:monaco,"lucida console",verdana,tahoma,"sans serif";font-size:x-small;line-height:1.5em;opacity:0.9;filter:alpha(opacity=90);
}

.spectrum-container { display: none; }

ul.use-spectrum li.sm2_playing .spectrum-container {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-left: -266px;
	margin-top: -1px;
	display: block;
	background-color: #5588bb;
	border: 1px solid #99ccff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

ul.use-spectrum .spectrum-box {
	position: relative;
	width: 255px;
	font-size: 1em;
	padding: 2px 0px;
	height: 1.2em;
	overflow: hidden;
}

ul.use-spectrum .spectrum-box .spectrum {
	position: absolute;
	left: 0px;
	top: -2px;
	margin-top: 20px;
	display: block;
	font-size: 1px;
	width: 1px;
	height: 1px;
	/* set to 50px for a thick line, 1px for a thin line, etc. */
	overflow: hidden;
	background-color: #fff;
}

ul.playlist {
	height: 110px;
	list-style-type: none;
	margin: 10px 0 50px 0;
	padding: 0;
	/*background-color: #000; opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
	background: url(images/audioListBG.png) repeat-x 0 0;
	/*position: relative;
	right: 20px;*/
}

ul.playlist li {
	/* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
	list-style-type: none;
	position: relative;
	display: block;
	width: auto;
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	color: #000;
	border: none;
	letter-spacing: -1px;
	/* ZOMG WEB X.0. ;) */
	/*background-color: #CCDDFF;
	-webkit-transition-property: hover;
	-webkit-transition: background-color 0.15s ease-in-out;*/
}

ul.playlist li a {
	display: block;
	margin: 0 0 3px 0;
	padding: 0.50em 0.5em 0.50em 1.4em;
	text-decoration: none;
	font-weight: normal;
	color: #FFCC00;
	font-size: 120%;
	outline: none;
	position: relative;
	z-index: 2;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
	color: #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

ul.playlist li:hover,
ul.playlist li a:hover { 
	text-decoration: none;
	background-color: #CCDDFF; opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

ul.playlist li:hover a { color: #0099CC; }
ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover { background-color: #6699cc; }
ul.playlist li.sm2_paused { background-color: #999; }
ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a { color: #fff; }
ul.playlist li .controls { display: none; }

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
	display: none;
	position: absolute;
	top: 0.55em;
	right: 0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
	position: relative;
	display: block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak { display: inline-block; }

ul.playlist.use-peak li .peak {
	display: none;
	/* IE 7 */
}

ul.playlist li.sm2_paused .controls { background-color: #666; }

ul.playlist li:hover .controls .statusbar {
	position: relative;
	cursor: grab;
}

ul.playlist li.sm2_paused .controls .statusbar { background-color: #ccc; }

ul.playlist li .controls {
	position: relative;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	background-color: #99ccff;
}

ul.playlist li .controls .statusbar {
	position: relative;
	height: 0.5em;
	background-color: #ccddff;
	border: 2px solid #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	overflow: hidden;
	cursor: grab;
}

ul.playlist li .controls.dragging .statusbar { cursor: grabbing; }

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0.5em;
}

ul.playlist li .controls .statusbar .position {
	background-color: #336699;
	border-right: 3px solid #336699;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
	background-color: #666;
	border-color: #666;
}

ul.playlist li .controls .statusbar .loading { background-color: #eee; }
ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading { width: 0px; }

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
	margin-right: 4.5em;
	/* room for timing stuff */
}

ul.playlist li .timing {
	position: absolute;
	display: none;
	text-align: right;
	right: 1em;
	top: 1em;
	width: auto;
	height: 1em;
	padding: 3px 5px;
	background-color: #5588bb;
	border: 1px solid #99ccff;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	letter-spacing: 0px;
	font: 44% monaco,"VT-100",terminal,"lucida console",courier,system;
	line-height: 1em;
	vertical-align: middle;
}

ul.playlist.use-peak li .timing { right: 4.25em; }
ul.playlist li:hover .timing { z-index: 2; }

ul.playlist li .timing div.sm2_timing {
	margin: 0px;
	padding: 0px;
	margin-top: -1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing { display: block; }

ul.playlist li.sm2_paused .timing .sm2_position {
	text-decoration: blink;
	/* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
	background-color: #888;
	border-color: #ccc;
}

/* peak data */
/* ul.playlist ... */
ul.playlist.use-peak li .peak {
	display: none;
	zoom: 1;
	border: 1px solid #99ccff;
	padding: 2px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	background-color: #5588bb;
	width: 0.8em;
	height: 0.55em;
	margin-top: -3px;
}

ul.playlist.use-peak li .peak-box {
	position: relative;
	width: 100%;
	height: 0.55em;
	overflow: hidden;
}

ul.playlist li .peak .l,
ul.playlist li .peak .r {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 7px;
	height: 50px;
	background: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 1px;
	-khtml-border-radius: 1px;
	margin-top: 1em;
}

ul.playlist li .peak .l { margin-right: 1px; }
ul.playlist li .peak .r { left: 10px; }
#control-template { display: none; }

/*---------------------------------------------------------------------------------------- */
/*---- Pikachoose gallery ----*/
/* ---- defaults ---- */
.pikachoose { width: auto; height: 400px; }
.pikachoose ul { margin-bottom: 10px; list-style: none; }

.pika-wrap { width: 350px; margin: 0 auto; }
.pika-image { position: relative; height: auto; width: 350px; }

/*position image holders */
.pika-image .animation, .pika-image .main-image { position: absolute; top: 0px; left: 0px; }
.pika-image .animation { display: none; z-index:2; }
.pika-image img { border: 0; }

.pikachoose.vertical .pika-image .caption { width: auto; position: relative; bottom: 6em; left: 2em; background: transparent; font-size: 2.2em; color: #fff; padding: 10px 20px 20px 0; text-align: left; }
.pika-image .caption p { padding: 0; margin: 0; line-height: 14px; }

/* previous/next 
.pikachoose.vertical .pika-imgnav a { position: absolute; text-indent: -5000px; z-index:3; }
.pikachoose.vertical .pika-imgnav a.previous { background: url(images/prev.png) no-repeat left 50%; height: 690px; width: 50px; top: 10px; left:10px;cursor:pointer; }
.pikachoose.vertical .pika-imgnav a.next { background: url(images/next.png) no-repeat right 50%; height: 690px; width: 50px; top: 10px; right: 10px;cursor:pointer; }
*/

/* pause/play - not using these currently */
/*
.pikachoose.vertical .pika-imgnav a.play { background: url(images/play.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display: none;cursor:pointer; }
.pikachoose.vertical .pika-imgnav a.pause { background: url(images/pause.png) no-repeat 50% 50%; height: 100px; width: 40px;top:0;left:50%;display:none;cursor:pointer; }
*/

/* previous/next text */
.pikachoose.vertical .pika-textnav { width: 400px; margin: 10px 0 0 0; overflow: hidden; position: absolute; top: -50px; left: 370px; z-index: 1010; }

/* adjustment for IE6 */
.ie6 .pikachoose.vertical .pika-textnav { left: 365px; }

.pikachoose.vertical .pika-textnav a { font-size: 1.2em; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 7px 8px 6px 8px; cursor: pointer; }
.pikachoose.vertical .pika-textnav a:hover { background: #f5f5f5; color: #57B7DF; }
.pikachoose.vertical .pika-textnav a.previous { float: left; width: auto; display: block; margin: 0 10px 0 0; }
.pikachoose.vertical .pika-textnav a.next { float: left; width: auto; display: block; }

	
.pika-thumbs { margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li { float: left; /*position: absolute; left: 0; top: 0;*/ list-style-type: none; width: 86px; height: 86px; padding: 3px; margin: 0 2px; cursor: pointer; }
.pika-thumbs li:last { margin: 0; }
.pika-thumbs li .clip { position: relative; width: 86px; height: 86px; text-align: center; vertical-align: center; overflow: hidden; }

ul#pikame { width: auto; height: auto; position: relative; }

/* -------------------------------------------------------------------------- */
/* ---- slideshows ---- */

.jcarousel-skin-pika {
  /*postition: relative;*/
}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-vertical { width: 100px; height: auto; padding: 0; float: right; position: absolute; left: 25px; top: 10px; z-index: 1000; }

/* adjustment for IE6/7 */
.ie6 .jcarousel-skin-pika .jcarousel-container-vertical { left: 30px; top: 10px; }
.ie7 .jcarousel-skin-pika .jcarousel-container-vertical { top: 10px; }

.jcarousel-skin-pika .jcarousel-clip-vertical { width: 100px; height: 305px; }
.jcarousel-skin-pika .jcarousel-item-vertical { margin-bottom: 8px; }
.jcarousel-skin-pika .jcarousel-item-placeholder { background: #fff; color: #000; }
	
/* ---- slideshows ---- */		
/* vertical slideshow: 350px wide */
.pikachoose.vertical { margin: 0 0 2em 0; }

.pikachoose.vertical .pika-image { height: 232px; position: absolute; top: 60px; left: 20px; }
.pikachoose.vertical ul li { float: left; margin-bottom: 10px; }

/* vertical thumbnails */
.pikachoose.vertical .pika-thumbs li,
.pikachoose.vertical .pika-thumbs li .clip { width: 86px; height: 86px; }

.pikachoose.vertical ul li div img { position: relative; cursor: pointer; }

.pikachoose.vertical .pika-thumbs li { border: 1px solid #ccc; width: 86px; }
.pikachoose.vertical .pika-thumbs li:hover { border: 1px solid #0099CC; }


/* vertical captions */
.pikachoose.vertical .pika-image .caption { 
  color: #333; 
  height: auto;
  width: 350px; 
  padding: 10px 0 10px 0; 
  font-size: 1.5em; 
  line-height: 1.6em; 
  text-align: left;
  position: absolute;
  top: 250px;
  left: 0;
  background-color: #fff;
  z-index: 1700;
}

.pikachoose.vertical .pika-image .caption h1 { margin: 0; border: none; font-size: 1.4em; }


.pikachoose a.button.large {	
	position: relative;
	left: 392px;
	top: 340px;
	z-index: 1000;
}

/* ------------------------------------------------ */
/* Slider slideshow */

#slider {
	width: 540px;
	/* important to be same as image width */
	height: 320px;
	/* important to be same as image height */
	position: relative;
	/* important */
	overflow: hidden;
	/* important */
	background-color: #000;
}

section ul#slider1Content { list-style: none; margin: 0; }

section ul#slider1Content li { list-style: none; margin: 0; width: 400px; }

/* clientSlides ----------------------------------- */
#slider1 {
	width: 400px;
	/* important to be same as image width */
	height: 100px;
	/* important to be same as image height */
	position: relative;
	/* important */
	overflow: hidden;
	/* important */
	left: 0;
	margin: 0 auto 0;
}


#sliderContent {
	width: 540px;
	/* important to be same as image width or wider */
	position: absolute;
	/* important */
	top: 0;
	/* important */
	margin-left: 0;
	/* important */
}

#slider1Content {
	width: 400px;
	position: absolute;
	top: 0;
	margin-left: 0;
}


/* clientSlides ----------------------------------- */
.sliderImage, .slider1Image {
	float: left;
	position: relative;
	display: none;
}


/* to show images on clients page */
.clientsPage .slider1Image { display: block; }

.sliderImage img {
	width: 540px;
	height: 320px;
}

.slider1Image img { width: 210px; height: 80px; margin: 0; }

.sliderImage a span { text-decoration: none; }

.sliderImage a:hover, 
.sliderImage a:hover span h1 { color: #0099CC; text-decoration: none; cursor: pointer; }

.sliderImage span {
	width: 540px;
	height: /*360px160px*/200px;
	background-color: #000;
	/* set the opacity of text box */
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	color: #fff;
	display: none;
	/* important */
	bottom: 0;
	/*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
   position: absolute;
	/* important */
	left: 0px;
}

/* clientSlides ----------------------------------- */
.slider1Image span {
	background-color: transparent;
	display: none;
}

.sliderImage span h1 {
	color: #fff;
	padding: 20px 50px 8px 20px;
	font-family: 'Helvetica', 'Arial', 'Geneva', sans-serif;
	font-size: 1.6em;
	line-height: 1.2em;
	letter-spacing: 0;
	font-weight: normal;
	/*text-shadow: 0 0 0.90em #000, 0 0 0.90em #000, 0 0 0.90em #000, 0 0 0.90em #000;*/
}

.sliderImage a h1 em { color: #86b7d7; font-size: 1.6em; text-shadow: 1px 1px 1px #000; }

.sliderImage span h2 { font-size: 1.3em; line-height: 1.1em; font-weight: normal; color: #ffffcc; padding: 8px 130px 0 20px; }	

.learnMore { 
	width: 165px; 
	height: 49px; 
	position: absolute;
	left: 363px;
	bottom: 15px;
	behavior: url(/css/ie-css3.htc);
	background: url(images/learnMore-button-32.png) no-repeat 0 0;
	zoom:1;
	z-index: 500;
}

.learnMore:hover { opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
}

/* adjust learnMore button for IE6 */
ie6 .learnMore { background: url(images/learnMore-button.gif) no-repeat 0 0; }


/* -------------------------------------------------------------------------- */
/* Tweet */
.tweet, .query { }

.tweet { position: relative; right: 20px; margin-top: -20px; }

.tweet .tweet_list, .query .tweet_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic { text-transform: uppercase; }

.tweet .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
}

#footerBody section ul.tweet_list li { padding: 0; list-style: none; }

.tweet .tweet_list li a, .query .tweet_list li a { }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even { background-color: #f5f5f5; }

.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
	padding-right: .5em;
	float: left;
}

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
	vertical-align: middle;
	display: none;
}

.tweet_join { color: #333; display: block; font-style: italic; margin-bottom: 5px; }	


/* -------------------------------------------------------------------------- */
/*-- jShowOff module styles --*/
#features, #slidingFeatures, #labelFeatures, #basicFeatures, #thumbFeatures {
	position: relative;
	overflow: hidden;
	width: 400px;
	height: auto;
}

#features { margin-bottom: 10px; padding-bottom: 10px; }

a#moreTestimonials {
  position: relative;
  bottom: 0;
  left: 0;
  font-size: 1.4em;
  padding: 0 0 0 10px;
}

.jshowoff {
	width: 400px;
	margin: 10px 0;
}

.jshowoff div {	
	width: auto;
	height: 290px;
}

.jshowoff div, .jshowoff img, .jshowoff {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
}

#basicFeatures, .jshowoff.basicFeatures, .jshowoff.basicFeatures img, .jshowoff.basicFeatures div {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/*.jshowoff div p, .jshowoff div h2 {
	_background-color: #efefef;
	}

.jshowoff h2, .jshowoff p {
	font-size: 18px;
	padding: 15px 20px 0px;
	margin: 0;
}

.jshowoff p {
	font-size: 13px;
	line-height: 15px;
}*/

.eddie {
	float: right;
	padding: 15px 20px 15px 20px;
}

.jshowoff p.jshowoff-slidelinks {
	position: absolute;
	bottom: 5px;
	right: 5px;
	margin: 0;
	padding: 0;
}

.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	color: #fff;
	padding: 5px 7px 5px;
	margin: 5px 0 0 5px;
	float: left;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	outline: none;
	font-size: 11px;
	line-height: 14px;
}

.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
}

.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #fff;
	color: #000;
}

p.jshowoff-controls {
	background: #aaa;
	overflow: auto;
	height: 1%;
	padding: 0 0 5px 5px;
	margin: 0;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
}

.jshowoff-controls a {
	margin: 5px 5px 0 0;
	font-size: 12px;
	line-height: 15px;
	padding: 4px 8px 5px;
}

.jshowoff-pausetext {
	color: #fff;
}

/* adjust testimonials rotator for IE6 */
.ie6 .jshowoff, .ie6 #features, .ie6 #slidingFeatures, .ie6 #labelFeatures, .ie6 #basicFeatures, .ie6 #thumbFeatures { width: 380px; }

/*-- Re-styled Thumbnail Demo --*/

.thumbFeatures p.jshowoff-slidelinks {
	background: #000;
	bottom: 0;
	padding: 5px 0 5px 5px;
	right: 113px;
	height: 32px;
}

.thumbFeatures .jshowoff-slidelinks a {
	display: block;
	width: 60px;
	height: 30px;
	background-color: none;
	background-repeat: no-repeat;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #4f4f4f;
	text-indent: -10000em;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.thumbFeatures .jshowoff-slidelinks a.jshowoff-active {
	border: 1px solid #fff;
}

.thumbFeatures .jshowoff-slidelink-0 {
	background-image: url(http://farm5.static.flickr.com/4065/4439060414_c11002d183_o_d.jpg);
}

.thumbFeatures .jshowoff-slidelink-1 {
	background-image: url(http://farm5.static.flickr.com/4049/4438283469_5ddf465356_o_d.jpg);
}

.thumbFeatures .jshowoff-slidelink-2 {
	background-image: url(http://farm5.static.flickr.com/4033/4439060472_02efbb3955_o_d.jpg);
}

.thumbFeatures .jshowoff-slidelink-3 {
	background-image: url(http://farm5.static.flickr.com/4041/4438283519_4f08cb4a57_o_d.jpg);
}

.thumbFeatures p.jshowoff-controls {
	background: none;
	height: 38px;
	overflow: visible;
	padding: 0;
	position: absolute;
	top: 100px;
	width: 100%;
	z-index: 150;
}

.thumbFeatures .jshowoff-controls a {
	display: block;
	width: 22px;
	height: 38px;
	background: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	text-indent: -10000em;
	position: absolute;
}

.thumbFeatures .jshowoff-controls a.jshowoff-prev {
	left: 15px;
	background-image: url(http://farm5.static.flickr.com/4035/4438728886_fd55756fc5_o_d.gif);
}

.thumbFeatures .jshowoff-controls a.jshowoff-next {
	right: 15px;
	background-image: url(http://farm3.static.flickr.com/2743/4438728872_07e935da40_o_d.gif);
}

.thumbFeatures .jshowoff-controls a.jshowoff-play {
	display: none;
}

.jshowoff.thumbFeatures {
	height: 250px;
}

.jshowoff.thumbFeatures div, .jshowoff.thumbFeatures img, .jshowoff.thumbFeatures {
	-webkit-border-radius: 6px;
}

/* -------------------------------------------------------------------------- */
/* ---- Store section  ---- */
#content_area {margin-top:-30px; padding-top: 0;}

/* -- Remove redundant welcome message -- */
#content_area td:first-of-type center font {display: none;}

#welcome {border-bottom: 1px solid #ddd; padding-bottom: 30px;}

/* -- For Accessories and Adapters buttons on Store template -- */
#store #accessoriesAdapters {float:right; margin-top:-45px;}

/* -- Product name: list -- */
.productnamecolor {font-weight: 700;}

/* -- Adjust product title -- */
.productnamecolorLARGE {font-size: 2.5em; font-weight: 700; color: #000066;}

/* -- Adjust content table td padding -- */
#content_area table td {padding: 0 5px 20px 0;}

#content_area table td select {max-width: 300px; margin-bottom: 1em;}



/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/*
* fix text transform for theBoom
*/
.theBoom {
  text-transform: none;
}
.outOfStock {
position: relative; text-align: center; font-size: 1.1em; font-weight: bold; padding: 6px 0 0 0;
}