/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: 12px;
    font-family: Trebuchet MS;
    color:#58595B;
    margin:0;
}

td
{
	font-size: 12px;
    font-family: Trebuchet MS;
}

a img
{
    border: none;
}


a,
input,
button
{
	outline:none;
}

a
{
	color:#91A5A6;
	text-decoration:none;
}

a:link
{
}
a:visited
{
}
a:hover
{
}
a:active
{
}

p, ul
{
	font-size: 12px;
    font-family: Trebuchet MS;
    color:#58595B;
    
    /*margin-bottom: 20px;
    line-height: 1.6em;*/
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width:960px;
    margin:auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    padding: 0;
    height:132px;
}

#breadcrumb
{
	line-height:2.4em;
}

#main
{
    /*background-color: #DDDDDD;*/
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    width:960px;
}

#footer
{
    line-height: normal;
    margin: 0;
    background:#F1F1F1;
    clear:both;
}

#footer a
{
	text-decoration:none;
}

/* TAB MENU   
----------------------------------------------------------*/

div#findDemonstrator div.left
{
	padding: 0 0 2px;
	margin:0;
	display:inline;
	float:left;
}

div#findDemonstrator div.center
{
	padding: 0 0 2px;
	margin:0;
	display:inline;
	width:30px;
}

div#findDemonstrator div.right
{
	padding: 0 0 2px;
	margin:0;
	display:inline;
}

ul#checkoutSteps
{
	padding: 0 0 2px;
	margin:0;
}

ul#checkoutSteps li
{
	display:inline;
	float:left;
	width:140px;
	height:50px;
	font-weight:bold;
	border:solid 1px #EFEFEF;
	padding:5px;
	text-align:center;
}

ul#checkoutSteps li.selected
{
	background:#DDDDDD;
}

ul#checkoutSteps li.easyCheckout
{
	text-align:left;
}

ul#checkoutSteps li.continueShopping
{
	
}

ul#checkoutSteps li.continueShopping a
{
	margin:15px 0 0 0;
	border:solid 3px #DDDDDD;
	padding:3px;
}

ul#sitemap
{
	padding: 0 0 2px;
	margin:0 0 0 150px;
}

ul#sitemap li
{
	display:inline;
	float:left;
	width:120px;
	font-weight:bold;
	text-align:left;
}

ul#sitemap ul
{
	clear:both;
	padding:0;
	margin:0;
}

ul#sitemap ul li
{
	display:block;
	float:none;
	font-weight:normal;
	list-style-type:none;
}

ul.horizontalButtonMenu li
{
    width:80px;
    display:inline-table;
    padding:10px 10px 10px 10px;
    text-align:center;
    color:#91A5A6;
    background-color:#E4E9E9;
    font-size:smaller;
    width:80px;
    text-transform:uppercase;
}


ul.horizontalMenu
{
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align:center;
    list-style-type:none;

}

ul.horizontalMenu li
{
    display: inline;
    list-style: none;
    border-left:solid 1px #666666;
    padding:2px 8px;
}

ul.horizontalMenu li:first-child
{
	border-left:none;
}

ul#utilitymenu
{
	position:absolute;
	z-index:100;
	top:10px;
	right:220px;
}

ul#utilitymenu li
{
	border-left:none;
}

ul#utilitymenu a
{
	text-decoration:none;
	color:#91A5A6;
}


ul#menu
{
    padding: 0 0 2px;
    margin: 0;
    bottom:0;
    left:0;
}

ul#menu li
{
    display: inline;
    list-style: none;
    float:left;
    font-size:1.2em;
    padding:8px 0 3px 0;
}

ul#menu li a span
{
	display:block;
	padding:0 20px;
	line-height:1.8em;
}

ul#menu li a
{
    font-weight: bold;
    text-decoration: none;
    padding:2px 40px 0 40px;
    border-left:dotted 1px #E4E9E9;
}

ul#menu li:first-child a
{
	border-left:none;
}

ul#menu li img
{
	border:none;
}

ul#menu li a:hover
{
}

ul#menu li a:active
{
}

ul#menu li.selected a
{
}

#countrySelector
{

}

ul#countrySelector
{
	position:absolute;
	top:70px;
	right:0;
    padding: 0 0 2px;
    margin: 0;
    text-align:center;
}

ul#countrySelector li
{
    display: inline;
    list-style: none;
    padding-left:10px;
}

ul#countrySelector a
{
	color:#91A5A6;
	text-decoration:none;
	text-transform:uppercase;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

form
{
	padding:0;
	margin:0;
}

fieldset 
{
    margin: 0;
    padding: 0;
    border:none;
}

fieldset.indent
{
	padding: 0 0 0 50px;
}

fieldset p 
{
	margin:2px 12px 10px 0;
    overflow:hidden;
}

fieldset checkbox.inline
{
    float:left;
}

fieldset label 
{
    display: block;
}

fieldset label.inline
{
	display:inline;
}

fieldset label.fixed 
{
    float:left;
    width:150px;
}

fieldset p.indent 
{
    padding: 0px 0px 0px 150px;
}

fieldset h3
{
	font-size:1.2em;
}

legend 
{
    font-size:1.4em;
    padding: 10px 4px 10px 0;
    margin:0;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="submit"]
{
	background:#E4EAEA;
	border:solid 1px #90A5A6;
	color:#90A6A4;
	text-transform:uppercase;
	font-family:Trebuchet MS, Arial;
	padding:0 20px;
}

input[type="button"],
button
{	
	background:#E7E7E7;
	border:solid 1px #90A5A6;
	color:#90A6A4;
	text-transform:uppercase;
	font-family:Trebuchet MS, Arial;
	padding:0 20px;
}
	

/* TABLE
----------------------------------------------------------*/

table 
{
  /*border: solid 1px #e8eef4;
  border-collapse: collapse;*/
}

table td 
{
  padding: 0px;   
  /*border: solid 1px #e8eef4;*/
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  /*border: solid 1px #e8eef4;   */
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error,
.field-validation-error
{
    color:Red;
}

#searchcontainer
{
	position:absolute;
	right:0px;
	top:0;
	
	/*padding-left:10px;*/
	background:url(../Images/search-box-span.gif) repeat-x;
}

#searchcontainer div.inner
{
	padding:5px 5px 5px 10px;
	background:url(../Images/search-box-left.gif) no-repeat;
}

#logo
{
	position:absolute;
	z-index:0;
	top:10px;
}

#logo img
{
	border:none;
}

#headerWelcome
{
	position:absolute;
	top:0;
	right:0;
	vertical-align:middle;
	width:205px;
	height:55px;
	background:#DDDDDD;
    padding: 5px 5px 5px 5px;
}

#headerWelcome a
{
    font-size:larger;
}

#contentContainer
{
    background:white;
	position:relative;
	padding: 10px 0 0 0;
}

#menuContainer
{
	position:absolute;
	width:958px;
	top:100px;
	border:solid 1px #E4E9E9;
}

.siteLeftNav #contextNav
{
	float:left;
	width:163px;
	_width:160px;
	padding:15px 0 10px 10px;
	border:solid 1px #E4E9E9;
}

.siteLeftNav #contentContainer
{
	width:775px;
	padding:0 0 0 10px;
	margin:0 0 0 175px;
	_margin:0 0 0 160px;
}

.addressContainer
{
	width:465px;
	float:left;
	padding:5px;
}

.validation-summary-errors
{
    color: #ff0000;
}

.pageTitle
{
	display:block;
	background:#DDDDDD;
	padding:10px 10px 10px 50px;
	margin:0;
}

.pageTitle h2
{
	margin:0;
	padding:0;
}

.pageTitle p
{
	margin-bottom:0;
}

.sectiontitle,
.emphasizedTitle
{
	margin-top:0;
}

.emphasizedTitle
{
	text-transform:uppercase;
	margin-bottom:5px;
	padding-bottom:0;
}

div.formColumn
{
	float:left;
}

a.iconlink
{
	display:inline-block;
	line-height:1em;
	padding:0 0 0 15px;
}

a.flaglink-us
{
	background:url(../Images/flag-us.gif) no-repeat;
}

a.flaglink-ca
{
	background:url(../Images/flag-ca.gif) no-repeat;
}

div.sectionBreak
{
	background:url(../Images/page-section-break.gif) repeat-x scroll;
	height:5px;
	/*margin-top:7px;*/
	margin-bottom:5px;
}

div.sectionBreak hr
{
	display:none;
}

#footerMenuContainer
{
	background:url(../Images/footer-span.gif) #F1F1F1 repeat-x;
	padding:5px 0;
}

div.commandButtons
{
	margin-top: 10px; 
	clear:both; 
	text-align:right;
}

.indexTitle
{
	margin:0;
	text-transform:uppercase;
	font-weight:bold;
}

.listingItem
{
	float:left;
	width:165px;
	text-align:center;
}

.indexListingItem a
{
	text-decoration:none;
	color:#58595B;
}

p.listingRow
{
	margin-top:0;
	padding-top:0;
	clear:right;	
}

.listingSectionTitle
{
	text-transform:uppercase;
	color:Black;
	font-weight:bold;
}

p.listingSectionTitle
{
	margin:5px 0;
}

a.listingSectionTitle
{
	text-decoration:none;
}

.listingSubContent
{
	margin-left:10px;
}

.commandRow
{
	position:relative;
	padding-bottom:7px;
}

.commandRow .paging
{
	position:absolute;
	right:0;
}

/* Find a Demonstrator Layout
------------------------------------------------------- */
#findDemoSearch
{
	padding:5px;
	clear:both;
	height:165px;
}

.buttonBar
{
	position:relative;
	text-align:right;
}

#demoSearchResults
{
    height:230px;
    background:#F1F1F1;
    padding:5px;
	clear:both;
}

input.findDemoSubmit
{
    margin-left:335px;
}

input.findDemoTB
{
    width:275px;
}

input.findDemoZip
{
    width:330px;
}

#findDemoCenter
{
	padding:5px;
	text-align:center;
	float:left;
	padding-top: 110px;
	width:40px;
}

#findDemoPane
{
	padding:5px;
	float:left;
	width:440px;
	height:160px;
}

/* END Find a Demonstrator Layout
------------------------------------------------------- */

/* Dynamic content */
.dynamicContent
{
	width:100%;
	line-height:1.2em;
}

.dynamicContent .contentMain
{
	padding:10px 10px 10px 20px;
}

.dynamicContent h1.contentTitle
{
	text-transform:uppercase;
	font-size:1.5em;
	padding:10px 10px 10px 20px;
	margin:0 0 5px 0;
	background:#F1F1F1;
}

.dynamicContent .subHead
{
	font-weight:bold;
	display:block;
	font-size:1.1em;
}

.dynamicContent .layout1,
.dynamicContent .layout2,
.dynamicContent .layout3,
.dynamicContent .layout4
{
	clear:both;
	overflow:visible;
}

.dynamicContent .layout2 .column,
.dynamicContent .layout3 .column,
.dynamicContent .layout4 .column
{
	/*Defaults for columns*/
	float:left;
	width:255px;
	margin-left:10px;
}

.dynamicContent .layout2 .firstColumn,
.dynamicContent .layout3 .firstColumn,
.dynamicContent .layout4 .firstColumn
{
	margin-left:0;
}

.dynamicContent .layout1 .column
{
	width:775px;
}

.dynamicContent .layout2 .firstColumn
{
	width:510px;
}

img.marquee
{
	display:block;
	margin-bottom:25px;
}

div.centered
{
	text-align:center;
}

ul.imageListVertical
{
	margin:0;
	padding:0;
}

ul.imageListVertical li
{
	list-style-type:none;
	margin-bottom:10px;
}

ul.imageListVertical img
{
	border:none;
}

.subHead
{
	font-weight:bold;
	display:block;
}

.navigationTitle
{
	text-transform:uppercase;
	color:#58595B;
	margin:0 0 10px 0;
}

ul.leftNavigation,
ul.leftNavigation ul
{
	margin:0;
	padding:0;
}

ul.leftNavigation li
{
	padding:0;
	margin:0 0 0 0;
	list-style-type:none;
}

ul.leftNavigation a
{
	text-decoration:none;
}

ul.leftNavigation li.depth-0 a
{
	color:#97AAAB;
}

ul.leftNavigation li.depth-0 a:hover
{
	color:#F99D32;
}

ul.leftNavigation li.depth-1 a,
ul.leftNavigation li.depth-2 a,
ul.leftNavigation li.depth-3 a
{
	color:#A0A0A0;
}

ul.leftNavigation li.depth-1 a:hover,
ul.leftNavigation li.depth-2 a:hover,
ul.leftNavigation li.depth-3 a:hover
{
	color:#58595B;
}

ul.leftNavigation li.depth-1 span.expanded a,
ul.leftNavigation li.depth-2 span.expanded a,
ul.leftNavigation li.depth-3 span.expanded a
{
	color:#58595B;
	font-weight:bold;
}

ul.leftNavigation li.depth-1 span.selected a,
ul.leftNavigation li.depth-2 span.selected a,
ul.leftNavigation li.depth-3 span.selected a
{
	color:#F99D32;
}

ul.leftNavigation li.depth-1
{
	margin:2px 0 0 5px;
	padding:0 0 0 10px;
}

ul.leftNavigation li.depth-1 span
{
	display:inline-block;
	line-height:1em;
	padding-left:14px;
	margin-left:0;
	background:url(../images/nav-arrow.gif) no-repeat;
}

ul.leftNavigation li.depth-1 span.expanded
{
	display:inline-block;
	line-height:1em;
	padding-left:14px;
	margin-left:0;
	background:url(../images/nav-arrow-expanded.gif) no-repeat;
}

ul.leftNavigation li.depth-2 span
{
	background:none;
}

ul.leftNavigation li.depth-2 span.expanded
{
	background:none;
}

ul.leftNavigation li.depth-2
{
	margin-left:10px;
}

ul.leftNavigation li.depth-3 span
{
	display:inline-block;
	line-height:1em;
	padding-left:14px;
	margin-left:0;
	background:url(../images/nav-hyphen.gif) no-repeat;
}	

ul.leftNavigation li.depth-3
{
	margin-left:20px;
}

a.actionLink
{
	background:url(../images/arrow-right.gif) no-repeat right center;
	display:inline-block;
	padding-right:10px;
}

table.variantList
{
	border:0;
	width:100%;
}

table.variantList th,
table.variantList td
{
	border:none;
	padding:2px;
}

table.variantList th
{
	background:none;
	border-bottom:solid 1px #D4D4D4;
	text-align:right;
}

table.variantList .quantityCol
{
	text-align:right;
}

table.listing
{
	border:none;
}

table.listing td
{
	border:none;
	padding:0 10px;
	width:165px;
	text-align:center;
}

table.listing td p
{
	margin:0;
}


.ui-tabs-panel
{
	clear:both;
	padding-top:15px;
}

.ui-tabs-hide
{
	display:none;
}

ul.ui-tabs-nav
{
	margin:0;
	padding:0;
	float:left;
}

ul.ui-tabs-nav li
{
	list-style-type:none;
	float:left;
	background:#f1f1f1;
	margin-right:5px;
	width:200px;
	text-align:center;
	line-height:2.2em;
}

ul.ui-tabs-nav li.ui-tabs-selected
{
	background:#e4e9e9;
}

/* Product Details Page
--------------------------------------------------------------- */
div#pdAlsoLike
{
    margin-top: 5px;
}

td.pdRelated
{
    width:100px;
    text-align:center;
}

div#pdDetails
{
    float:left;
    width:500px;
}

div#pdImages
{
    float:left;
    text-align:center;
}

/* END Product Details Page
--------------------------------------------------------------- */

#breadcrumb .separator
{
	padding:0 6px;
}

h1.titleBar
{
   margin-top:5px;
   background-color:#F1F1F1;
   color:#000000;
   padding:2px 0px 2px 5px;
   font-size:larger;
   font-weight:bold;
}

h2.titleBar
{
   background-color:#E5E9EA;
   color:#000000;
   margin: 0px 0px 0px 0px;
   padding: 2px 0px 2px 5px;
   font-size:larger;
   font-weight:bold;
}

.contentArea2
{
    line-height: normal;
    margin: 2px 0px 0px 0px;
    padding: 2px 2px 2px 5px;
    background-color:#F1F1F1;
    font-size:small;
    font-weight:bold;
}