/*-------------------------------------- Style Sheet Information -------------------------------------
------------------------------------------------------------------------------------------------------
Version: 1.52.3
Included on the following html pages:
	=All HermanMiller.com Pages

Notes:
	=Use of _ before selector targets IE6 only.
	=Use of * before selector targets IE6 & 7.

Contains:
	=Global Reset
	=Links
	=Global Text, List and Input Styles
	=Global Generic Styles
	=Header
	=Global Header & Footer Divider
	=Global Footer
	=Header Bar (for Breadcrumb, Product Section and Blogs List Nav)
	=Containers & Columns
	=Hero Images, Flash and Carousels
	=Module Structure, Text & Links
	=Buttons
	=Home Page Flash
	=Home Page No Flash
	=Landing Page Flash
	=Shortcuts Module
	=Product Nav Module
	=Side Nav Module
	=Tabs Module
	=Case Studies Module
	=Module Nav
	=Idea Starters Module
	=Features Module
	=Single Feature Module
	=Simple Module
	=Design Story Module
	=Environment Module
	=News and Awards Module
	=Video Module
	=Quote Module
	=Photo Gallery Module
	=Brochure Module
	=Callouts Graphic, Grid, Grid Split, 2, 3 and 4 Column Modules
	=Related Products Module
	=Carousel Header
	=Featured Products Module
	=Featured Stories & Press Kits Module
	=Product Group & Product Group Big Modules
	=Product Grid
	=Designers Featured Bar Module
	=Designers Grid
	=Collections Grid
	=Bestsellers Grid
	=Landing Grid
	=About Us
	=Blog Template
	=Blog Post Styles
	
	=Features Carousel / Case Studies Carousel / Herman Miller Products Carousel
	=Case Studies Search
	=Case Studies / Research
	=Case Study Carousel / Research
	=Case Studies Flash / Case Studies Slideshow
	=Case Studies Search
	=Knowledge Landing
	=Help / Contact
	=Site Map
	=Search
	=Dealer Location
	=Global Locator
	=Global Dealer
	
	=Generic Module & Divider (usually a 230px width module)
	=Generic 250px Module
	=Text Module
	=Image Overlay Carousel Module (used for Archives and Applications Modules)
	=Show/Hide Bars Module
	=Product Download Links (specific to Design Resources Product Info Page)
	=Results Bar
	=Image Library Terms & Search
	=Image Library Results
	=Typicals Grid, Detail, List View and Search
	=Special Info Template (based on aboutUS body id)
	=page404
	=Investors
	=Pagination
	=DOM Windows
	=jScrollPane
	=sIFR
----------------------------------------------------------------------------------------------------*/


/* =Global Reset
----------------------------------------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img,  strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/* Optional and Usually Not Used */
abbr, acronym, address, applet, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var {
	background: transparent;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	color: #414141;
	font-family: arial, helvetica, sans-serif;
	line-height: 1;
}
ul, dl {
	list-style: none;
}
ol li { /* fixes number placement in IE6/7 */
	list-style-position: inside;
}
ol li, dd, blockquote { 
	margin-left: 1.0em;
}
sup {
	bottom: 0.3em;
	position: relative;
} 
sub {
	bottom: -0.2em;
	position: relative;
}
input, textarea, select, button {
	font-family: Verdana, san-serif;
	font-size: 100%;
}
:focus { /* still need to define focus styles */
	outline: 0;
}
table { /* tables still need cellspacing="0" in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}

	
/* =Links 
----------------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #f30;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	color: #f30;
}

/* ----- PDF Links ----- */
.pdfLinks {
	margin: 0 0 0 15px;
	padding: 8px 0 0 0;
}
.pdfLinks li {
	padding: 0 0 3px 0;
}
.container .pdfLinks li a,
.container a.pdf,
#header a.pdf {
	background: url("/DotCom/img/global/icons.png") -8720px 0 no-repeat;
	color: #f30;
	display: block;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	padding: 0 0 0 20px;
	position: relative; /* So icons don't disappear on hover in IE6 */
	text-decoration: none;
}
#header a.pdf {
	_position: static; /* So icons don't disappear on hover in IE6 */
}
.pdfLinks li.noIcon a {
	background: none;
	padding-left: 0;
}
.pdfLinks li a:hover {
	text-decoration: underline;
}
.text a.pdf,
.text .pdfLinks li a {
	font-size: 12px;
}


/* =Global Text, List and Input Styles
----------------------------------------------------------------------------------------------------*/
ul.bullets li {
	background: url("/DotCom/img/global/icons.png") 0 7px no-repeat;
	line-height: 1.6em;
	padding-left: 10px;
	position: relative; /* So bullets don't disappear on hover in IE6 */
}

ul.mixedBullets li {
	background: url("/DotCom/img/global/icons.png") 5px 5px no-repeat;
	display: inline-block;
	line-height: 1.2em;
	margin: 0 15px;
	padding: 0 0 5px 20px;
}
ul.mixedBullets li.pdf {
	background-position: -8720px 0;
}
ul.bullets li.noIcon {
	background: none;
	padding-left: 0;
}
.container p.footnote {
	clear: both;
	color: #b1b1b1;
	font-size: 11px;
	line-height: 1.4em;
}
.container730 p.footnote {
	margin-left: 20px;
	width: 710px;
}
.container730 .width450 p.footnote {
	margin: 0;
	width: 450px;
}
p.footnote a { text-decoration: none; }
p.footnote a:hover { text-decoration: underline; }

#globalSearch input.active,
#search input.active,
div#search input.active,
li#search input.active,
.signUp input.active {
	color: #414141;
}
/* Prevents Firefox from collapsing partially loaded images. */
ul.carousel li img {
    display: block;
}


/* =Global Generic Styles
----------------------------------------------------------------------------------------------------*/
.displayNone { display: none; }
.floatLeft { float: left; }
.floatRight { float: right; }
.clearLeft { clear: left; }

 
/* =Header
----------------------------------------------------------------------------------------------------*/
#header {
	height: 78px;
	margin: 0px auto 0 auto;
	padding-top: 23px;
	position: relative;	
	text-align: center;
	width: 980px;
	z-index: 100;
}

/* ----- Utility Nav ----- */
#utilityNav {
    float: right;
    font-size: 11px;
	margin: 0 0 8px 0;
}
#utilityNav li {
    float: left;
	line-height: 24px;
}
#utilityNav a {
    margin: 0;
    padding: 0 7px;
    text-decoration: none;  
}
#utilityNav a:hover {
	text-decoration: underline;
}

/* ----- Global Search ----- */
#globalSearch {
    background: url("/DotCom/img/global/bgSearch.png") 15px 0 no-repeat;
    height: 24px;
    overflow: hidden;
    padding: 0;
    width: 183px;
}
#globalSearch fieldset {
    float: left;
    height: 24px;
}
#globalSearch input {
    background-color: transparent;
    border: 0;
    color: #b1b1b1;    
    font-size: 10px;
    height: 20px;
    margin: 0 0 0 15px;
    padding: 4px 5px 0 8px;
    width: 155px;
}

/* ----- Global Search Results ----- */
#searchResults {
	display: none;
	position: absolute;
	right: 0;
	top: 50px;
	width: 306px;
	z-index: 1000;
}
#searchResults li {
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-width: 0 1px 1px 1px;
	display: block;
	*float: left;
	padding: 7px 5px;
	position: relative;
	text-align: left;
	width: 294px;
}
/* Set Backgrounds */
#searchResults li.bg {
	background: url("/DotCom/img/global/searchResults.png") 0 0 no-repeat;
	border: 0;
	color: #7f7f7f;
	font-size: 12px;
	font-weight: bold;
	width: 276px;
}
#searchResults li.top {
	background-position: 0 0;
	height: 25px;
	padding: 22px 15px 0 15px;
}
#searchResults li.title {
	background-position: 0 -47px;
	background-repeat: repeat-x;
	border: 1px solid #e5e5e5;
	border-width: 0 1px;
	height: 41px;
	line-height: 41px;
	padding: 0 15px;
	width: 274px;
}
#searchResults li.btm {
	background-position: 100% -88px;
	height: 21px;
	padding: 10px 15px 0 15px;
	text-align: right;
}
/* Set Links */
#searchResults li a {
	color: #414141;
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
#searchResults li a:hover {
	color: #f30;
}
/* Set Product Names */
#searchResults li a span {
	left: 90px;
	line-height: 1.2em;
	padding-right: 10px;
	position: absolute;
	top: 35px;
}
/* Set More Results Text & Links */
#searchResults li.more {
	padding: 20px 15px;
	width: 274px;
}
#searchResults li.more span {
	color: #999;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
}
#searchResults li.more a {
	color: #f30;
	display: inline;
	font-weight: normal;
}
#searchResults li.more a:hover {
	text-decoration: underline;
}
/* Set Bottom Link with Circle Icon */
#searchResults li a.btn {
	background: url("/DotCom/img/global/searchResults.png") 100% -194px no-repeat;
	color: #f30;
	float: right;
	line-height: 13px;
	padding: 0 18px 0 0;
}
#searchResults li a.btn:hover {
	background-position: 100% -194px;
	text-decoration: underline;
}
/* Set Results Not Found */
#searchResults li.notFound {
	background: url("/DotCom/img/global/searchResults.png") 0 -119px no-repeat;
	border: 0;
	height: 43px;
	padding: 32px 10px 0 0;
	text-align: right;
	width: 296px;
}
#searchResults li.notFound a.btn {
	color: #7f7f7f;
	font-size: 12px;
	font-weight: bold;
}

/* ----- Logo ----- */
h1#logo {
	background: url("/DotCom/img/global/logoHermanMiller.png") 0 0 no-repeat;
	height: 22px;
	left: 0;
	padding: 0;
	position: absolute;
	text-indent: -999.9em;
	top: 58px;
	width: 170px;
}
h1#logo a {
	display: block;
	height: 22px;	
}

/* ----- Main Nav ----- */
#mainNav {
    position: absolute;
    right: 0;
    top: 55px;
    width: 428px;
    z-index: 110;
}
#mainNav li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
	text-align: left;
}
#mainNav a {
	background: url("/DotCom/img/global/globalNav.png") 0 0 no-repeat;
    color: #414141;
    cursor:pointer;
    display:block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 45px;
    text-indent: -999.9em;
    text-decoration: none
}
#mainNav a#section1 {
	background-position: 0 0;
	width: 82px;
}
#mainNav a#section2 {
	background-position: -82px 0;
	width: 128px;
}
#mainNav a#section3 {
	background-position: -210px 0;
	width: 79px;
}
#mainNav a#section4 {
	background-position: -289px 0;
	width: 61px;
}
#mainNav a#section5 {
	background-position: -350px 0;
	width: 78px;
}
#mainNav a:hover,
#mainNav li:hover {
    position: relative;
    visibility: visible;
    z-index: 120;
}
/* Must be defined separately for IE6 */
#mainNav a#section1:hover { background-position: 0 -40px; }
#mainNav li:hover > a#section1 { background-position: 0 -40px; }
#mainNav a#section2:hover { background-position: -82px -40px; }
#mainNav li:hover > a#section2 { background-position: -82px -40px; }
#mainNav a#section3:hover {background-position: -210px -40px; }
#mainNav li:hover > a#section3 { background-position: -210px -40px; }
#mainNav a#section4:hover {	background-position: -289px -40px; }
#mainNav li:hover > a#section4 { background-position: -289px -40px; }
#mainNav a#section5:hover { background-position: -350px -40px; }
#mainNav li:hover > a#section5 {	background-position: -350px -40px; }
/* End defining separately for IE6 */
#mainNav li.active a,
#mainNav li.active a:hover {
    font-weight: bold;
}
#mainNav li.active a#section1,
#mainNav li.active a#section1:hover {
	background-position: 0 -80px;
}
#mainNav li.active a#section2,
#mainNav li.active a#section2:hover{
	background-position: -82px -80px;
}
#mainNav li.active a#section3,
#mainNav li.active a#section3:hover {
	background-position: -210px -80px;
}
#mainNav li.active a#section4,
#mainNav li.active a#section4:hover {
	background-position: -289px -80px;
}
#mainNav li.active a#section5,
#mainNav li.active a#section5:hover {
	background-position: -350px -80px;
}
/* ----- Main Nav Dropdown ----- */
#mainNav li.active li a {
    background: none;   
}
#mainNav li:hover > a { color:#f30; }
#mainNav table {
    border-collapse: collapse;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 0;   
}
#mainNav ul,
#mainNav iframe {padding: 0;
    margin: 0;
    left: -999.9em;
    position: absolute;
    top: -999.9em;
}
#mainNav ul {
    background: #f8f8f8 url("/DotCom/img/global/bgNavDropdown.png") 0 0 repeat-x;
	border: 1px solid #e6e6e6;
    border-top: 1px solid #e5e5e5;  
    width: 164px;
}
#mainNav :hover ul {
    height: auto;
    left: 0;
    padding: 9px 15px 10px 15px;
    top: 45px;
    z-index: 125;
}
#mainNav li.openRight:hover ul,
#mainNav li.openRight table {
	left: -118px;
	_left: -134px;
}
#mainNav :hover ul li {
	height: auto;
}
#mainNav :hover iframe {
    _height:expression(this.nextSibling.offsetHeight);
    _left:expression(this.nextSibling.offsetLeft);
    _top:expression(this.nextSibling.offsetTop);
    _filter: alpha(opacity:0);
    _width:expression(this.nextSibling.offsetWidth);
}
#mainNav :hover ul li a {
    background: none;
    cursor: pointer;
    display: inline;
    height: auto;
    margin: 0;
    padding: 12px 0;
    text-indent: 0;
    width: 180px;
}
#mainNav :hover ul li a:hover {
    background: none;
    color: #f30;
}


/* =Global Header & Footer Divider
----------------------------------------------------------------------------------------------------*/
.globalDivider {
	background: url("/DotCom/img/global/bgHdrFtrDivider.png") 0 0 repeat-x;
	clear: both;
	height: 4px;
	_float: left;
	_line-height: 4px;
	margin-top: -4px;
	text-indent: -999.9em;
	width: 100%;
}
#home div.bottom {
	background-position: 0 -44px;
	margin: 0;
	padding: 6px 0 0 0;
}
div.bottom {
	background-position: 0 -10px;
	margin: 0;
	padding: 40px 0 0 0;
}


/* =Global Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	font-size: 11px;
	margin: 20px auto 0 auto;
	padding-bottom: 30px;
	width: 980px;
}

/* ----- Corporate Nav ----- */
#corporateNav li {
	display: inline;
	font-weight: bold;
	padding-right: 15px;
}
#corporateNav li.addDivider {
	border-left: 1px solid #7f7f7f;
	padding-left: 15px;
}
#corporateNav li.fontNormal {
	font-weight: normal;
}
#corporateNav a {
	color: #7f7f7f;
	text-decoration: none;
}
#corporateNav a:hover {
	color: #f30;
}

/* ----- Related Brands ----- */
.relatedBrands {
	float: right;
	margin-top: -3px;
}
.generic .relatedBrands {
	position: absolute;
	left: 115px;
	top: 302px;
}
.generic .relatedBrands li a {
	margin-right: 15px;
}
.relatedBrands li {
	display:block;
    float: left;
	padding: 0 0 0 22px;	
}
.relatedBrands a {
	background: url("/DotCom/img/global/logosRelatedBrands.png") 0 0 no-repeat;
	display:block;
    float: left;
	height: 17px;
	text-indent: -999.9em;
}
.relatedBrands a#geiger {
	background-position: 0 0;
	width: 64px;
}
.relatedBrands a#brandrud {
	background-position: -82px 0;
	width: 72px;
}
.relatedBrands a#nemschoff {
	background-position: -173px 0;
	width: 92px;
}
.relatedBrands a#convia {
	background-position: -280px 0;
	width: 64px;
}
.relatedBrands a#geiger:hover { background-position: 0 -17px; }
.relatedBrands a#brandrud:hover { background-position: -82px -17px; }
.relatedBrands a#nemschoff:hover { background-position: -173px -17px; }
.relatedBrands a#convia:hover { background-position: -280px -17px; }
	
/* ----- Copyright ----- */
#copyright {
	color: #b1b1b1;
	clear: both;
	display: block;
	margin: 15px 0 0 0;
}


/* =Header Bar (for Breadcrumb, Product Section and Blogs List Nav)
----------------------------------------------------------------------------------------------------*/
.headerBar {
	background-color: #f2f2f2;
	border-top: 1px solid #ededed;
	height: 32px;
	margin: -1px auto 4px auto;
	text-align: center;
	width: 100%;
}
.headerBar .container {
	margin: 0 auto;
	padding: 0;
}

/* ----- Breadcrumb ----- */
#breadcrumb {
	float: left;
	padding: 7px 0 0 0;
	width: auto;
}
#breadcrumb li {
	float: left;
}
#breadcrumb li.first a {
	background: none;
	margin: 0;
	padding: 0;
}
#breadcrumb a {
	background: url("/DotCom/img/global/icons.png") -980px 3px no-repeat;
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #f30;
}

/* ----- Header Bar ----- */
#productSections {
	float: right;
	padding: 4px 0 0 0;
}
#productSections li {
    display: block;
    float: left;
	text-align: left;
}
#productSections a {
	background: url("/DotCom/img/global/productSections.png") 0 0 no-repeat;
    display:block;
    float: left;
    height: 24px;
    text-indent: -999.9em;
    text-decoration: none
}
#productSections a#work {
	background-position: 0 0;
	width: 56px;
}
#productSections a#home {
	background-position: -67px 0;
	width: 57px;
}
#productSections a#healthcare {
	background-position: -135px 0;
	width: 87px;
}
#productSections a#education {
	background-position: -233px 0;
	width: 81px;
}
#productSections a#government {
	background-position: -325px 0;
	width: 94px;
}
#productSections a#work:hover { background-position: 0 -24px; }
#productSections a#home:hover { background-position: -67px -24px; }
#productSections a#healthcare:hover { background-position: -135px -24px; }
#productSections a#education:hover { background-position: -233px -24px; }
#productSections a#government:hover { background-position: -325px -24px; }
#productSections li.active a#work, #productSections li.active a#work:hover { background-position: 0 -48px; }
#productSections li.active a#home, #productSections li.active a#home:hover { background-position: -67px -48px; }
#productSections li.active a#healthcare, #productSections li.active a#healthcare:hover { background-position: -135px -48px; }
#productSections li.active a#education, #productSections li.active a#education:hover { background-position: -233px -48px; }
#productSections li.active a#government, #productSections li.active a#government:hover { background-position: -325px -48px; }

/* Header Bar Blogs List */
.blogsList {
	float: right;
	padding: 4px 0 0 0;
}
.blogsList li {
    display: block;
    float: left;
	text-align: left;
}
.blogsList a {
	background: url("/DotCom/img/global/blogSections.png") 0 0 no-repeat;
    display:block;
    float: left;
    height: 24px;
    text-indent: -999.9em;
    text-decoration: none;
    width: 74px;
}
.blogsList a#blog1 {
	background-position: 0 0;
}
.blogsList a#blog2 {
	background-position: -89px 0;
}
.blogsList a#blog1:hover { background-position: 0 -24px; }
.blogsList li.active a#blog1, .blogsList li.active a#blog1:hover { background-position: 0 -48px; }
.blogsList a#blog2:hover { background-position: -89px -24px; }
.blogsList li.active a#blog2, .blogsList li.active a#blog2:hover { background-position: -89px -48px; }

/* Tabs Blogs List */
#section .blogsList {
	float: none;
	left: 105px;
	position: absolute;
	top: -5px;
}
#section .blogsList li {
	margin-right: 10px;
}
#section .blogsList a {
	background: url("/DotCom/img/global/blogsTabs.png") 0 0 no-repeat;
	height: 54px;
	width: 204px;
}
#section .blogsList a#tab1 { background-position: 0 0; }
#section .blogsList a#tab2 { background-position: -204px 0; }
#section .blogsList li.active a#tab1, #section .blogsList a#tab1:hover { background-position: 0 -54px; cursor: pointer; }
#section .blogsList a#tab2 { background-position: -204px 0; }
#section .blogsList li.active a#tab2, #section .blogsList a#tab2:hover { background-position: -204px -54px; cursor: pointer; }


/* =Containers & Columns
----------------------------------------------------------------------------------------------------*/
/* ----- Standard Container Width ----- */
.container {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 980px;
	vertical-align: bottom;
}
#carouselPhotoGallery ul:after,
.projectInformation div:after,
.researchHeader:after,
.caseStudyHeader:after,
.solutionEssayHeader:after,
.researchSummaryHeader:after,
.caseStudySearchHeader:after,
.container:after,
.container730 .container:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* ----- 730px Width Container ----- */
.container730 {
	display: table-cell;
	display: inline-block;
	width: 730px;
}
#productRight .container730 {
	display: block;
	left: 50%;
	*left: 240px;
	margin-left: -240px;
	padding-top: 500px;
	position: relative;
	text-align: left;
	width: 730px;
}
.container730 .container {
	display: inline-block;
	margin: 0 0 20px 0;
	width: 730px;
}

/* ----- Full Browser Width : Add to .container div ----- */
.full, .heroSplit {
	margin-top: 10px;
	overflow: hidden;
	position: relative;	
	text-align: center;
	width: 100%;
}
/* Sets height of home page main Flash. Height should match #homeFlashMain */
#home .full {
	height: 574px;
	margin-top: 0;
}

/* ----- Offsets the Main Product Image to the Left : Add to .container div ----- */
.offsetLeft {
	margin: 10px 0 20px -110px;
	position: relative;
}

/* ----- 230px Width Column : Used within a .container div ----- */
.col230 {
	width: 230px;
}
.col230 .promos a, .col230 .promos img,
.col250 .promos a, .col250 .promos img {
	display: block;
	margin-bottom: 20px;
}

/* ----- 250px Width Column ----- */
.col250 {
	width: 250px;
}
.col250 h2 {
	color: #7f7f7f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
.col250 a.iDrop {
	display: block;
	margin-bottom: 20px;
}

/* ----- Set Top Margin on Main Container of Content Templates ----- */
#twoColLeftContent .main,
#productsContent .main {
	padding-top: 10px;
}

/* ----- For Section Title H1 ----- */
#section {
	margin: 15px auto 0 auto;
	position: relative;
	width: 980px;
}
#blog .hasList {
	height: 69px;
}
.container730 #section {
	margin: 5px 0 5px 20px;
	width: 710px;
}
#section h1 a {
	color: #f30;
	font-size: 22px;
	padding: 0;
	text-decoration: none;
}
#section a.optionLink {
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 13px;
	text-decoration: none;
}
#section a.optionLink:hover { text-decoration: underline; }
#section a.hasIcon {
	background: url("/DotCom/img/global/btnSmlCircle.png") 100% -25px no-repeat;
	line-height: 13px;
	padding-right: 20px;
}

/* ----- For Sub-Header Title H2 ----- */
h2#subHdr {
	padding: 10px 0 20px 20px;
}


/* =Hero Images, Flash and Carousels
----------------------------------------------------------------------------------------------------*/
/* ----- For Full-Width Product Heroes ----- */
/* Height classes only needed on full-width product images. Sets height of product hero container to accommodate image height. */
.height480, .height480 #hero { /* Used on Vivo Interiors */
	height: 480px;
}
.height585 { /* Used on Working At Home */
	height: 585px;
}
.height705, .height705 #hero { /* Used on Embody */
	height: 705px;
	/* margin-bottom: 20px; */
}
.height628, .height628 #hero { /* Used on Embody */
    height: 628px;
    
}
.full #hero {
	left: 50%;
	margin: 0 0 0 -600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 1200px;
}
.full #hero .carousel {
	margin: 0;
}		
.full #hero .carousel li {
	display: inline;
	float: left;
	position: relative;
	width: 1200px;
}

/* ----- For Product Heroes Offset to the Left ----- */
.offsetLeft #hero {
	overflow: hidden;
	*position: relative;
	width: 840px;
}	
.offsetLeft #hero .carousel li {
	display: inline;
	float: left;
	position: relative;
	width: 840px;
}
ul.carousel li img.displayNone {
    display:none;
}

/* ----- For Split Product Heroes that Extend Full-Width ----- */
.height455, .height455 #hero, .height455 #heroFlash { /* Used on Leaf Light */
	height: 455px;
}
.heroSplit #hero {
	left: 50%;
	margin: 0 0 0 -260px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 860px;
}
.heroSplit #hero .carousel {
	margin: 0;
}		
.heroSplit #hero .carousel li {
	display: inline;
	float: left;
	position: relative;
	width: 860px;
}
.heroSplit #sideHero {
	left: 50%;
	margin: 0 0 0 -600px;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 340px;
	z-index: 3;
}
.heroSplit #heroFlash {
	overflow: hidden;
	width: 860px;
	z-index: 1;
}
/* This is only required to prevent FF2 Mac from not hiding a Flash div in a carousel. */
.heroSplit #ff2FlashHide {
	background-color: #fff;
	height: 455px;
	left: 50%;
	margin: 0 0 0 -1120px;
	overflow: hidden;
	position: absolute;
	text-indent: -999.9em;
	top: 0;
	width: 520px;
	z-index: 2;
}

/* ----- Sets Full-Height Photo Column On Left Side of An Offset Right Product ----- */
#productRight .colPhoto340 {
	left: 50%;
	margin: 0 0 0 -600px;
	position: absolute;
	top: 0;
	width: 340px;
}

/* ----- Content Page Heroes ----- */
.main #hero,
.main #heroVideo {
	margin: 0 0 20px 20px;
	position: relative;
}
.main #heroVideo {
	height: 400px;
	width: 710px;
}
.main #hero .title {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	left: 20px;
	position: absolute;
	top: 15px;
	width: 670px;
}
.main #hero .infoBlock {
	background-color: #f30;
	display: block;
	left: 0;
	padding: 15px 20px;
	position: absolute;
	top: 215px;
	width: 160px;
	z-index: 1;
}
.main #hero .infoBlock h2 {
	color: #fff;
}
.main #hero .infoBlock span {
	color: #fff;
	display: block;
	font-size: 11px;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}
.main #hero .infoBlock a.btnView {
	background-position: -255px -50px;
}
.main #hero .infoBlock a.btnView:hover {
	background-position: -255px -75px;
}
.main #hero .infoBlock a.btnGo {
	background-position: -313px -50px;
}
.main #hero .infoBlock a.btnGo:hover {
	background-position: -313px -75px;
}
.main #hero .nameOnly {
	padding-bottom: 13px;
	top: 40px;
}
.main #hero .infoBlock a {
	margin-top: 5px;
}
.main #hero img.floatLeft {
	padding-left: 1px;
}

/* ----- Content Page Hero with Product Info and Download Button----- */
.container730 .module #hero {
	display: table-cell;
	display: inline-block;
	margin-bottom: 0;
	position: relative;
	width: 670px;
}
.module #hero .productInfo {
	display: inline;
	float: left;
	margin: 20px 0 0 20px;
}
.module #hero .productInfo h2 {
	background: none;
	border: 0;
	color: #414141;
	font-size: 20px;
	padding: 0 0 20px 0;
}
.module #hero .productInfo .pdfLinks {
	padding: 0;
}
.module #hero .productInfo .pdfLinks li {
	padding-bottom: 15px;
}
.module #hero .productInfo .pdfLinks li.hdr {
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 10px;
}
.module #hero .productInfo .pdfLinks a {
	font-size: 14px;
	font-weight: bold;
}
.module #hero a.btnDownloadAll {
	position: absolute;
	right: 10px;
	top: 15px;
}

/* ----- Overrides for Design Resources Section ----- */
#designResources .main {
	margin-top: 10px;
	overflow: hidden;
}
#designResources #hero { /* For Landing Page Only */
	margin-left: 0;
}
#designResources .container730 #hero {
	margin-left: 20px;
}
#designResources #hero .infoBlock {
	top: 90px;
	width: 250px;
}
#designResources .main #hero img.wide {
	border-bottom: 1px solid #e5e5e5;
	margin-left: 1px;
}
#designResources .noBtmMargin {/* Used on Typicals Landing */
	margin-bottom: 0;
}

/* ----- Captions for Product Heroes ----- */
span.caption {
	background: url("/DotCom/img/global/transparency.png") 0 0 repeat;
	bottom: 0;
	color: #fff;
	display: none;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	left: 110px;
	line-height: 1.4em;
	padding: 8px 20px 8px 20px;
	position: absolute;
	text-align: left;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/transparency.png', sizingMethod='scale');
	_background:none;
}
.full #hero span.caption {
	width: 940px;
}
.heroSplit #hero span.caption {
	left: 0;
	width: 710px;
}
.offsetLeft #hero span.caption {
	width: 690px;
}
.offsetRight #hero span.caption {
	left: 170px;
	width: 710px;
}
#mainImg span.caption {
	bottom: 10px;
	left: 1px;
	width: 760px;
}
.noCarousel #mainImg span.caption { /* Specific to domWindowPhotoEnlarge.shtml */
	bottom: 6px;
	*bottom: 9px;
	display: block;
}
#hero .carousel li span.show,
#mainImg span.show {
	display: block;
}

/* ----- Set Carousel Widths to Prevent Flashing when Loading ----- */
.offsetLeft #hero .carousel, .full #hero .carousel, .heroSplit #hero .carousel, .photoGallery .carousel, .relatedProducts .carousel, .ideaStarters .carousel {
    width: 10000000px;
}


/* =Module Structure, Text & Links
----------------------------------------------------------------------------------------------------*/
.module {
	font-size: 11px;
	padding: 0 0 10px 0;
	position: relative;
	text-align: left;
	z-index: 50;
}
#productLeft .container730 .module,
#productWide .container730 .module,
#productRight .modWidth480 .module {
	margin: 0 0 20px 0;
}
#designResources .container730 .module {
	margin: 0 0 20px 20px;
}
#designResources .container730 .col230 .module,
#productsContent .container730 .col230 .module {
	margin-left: 0;
}
.col230 .module {
	display: block;
	margin: 0 0 20px 0;
	position: relative;
}
#productLeft .col230 .module {
	*margin-top: 10px;
}
#productsContent .container730 .module {
	margin-left: 20px;
}
#productsContent .modWidth460HdrBg .module {
	clear: left;
	display: block;
	margin-bottom: 20px;
}
.module p, .module span {
	color: #7f7f7f;
}
.module p {
	line-height: 1.4em;
	padding: 0 15px 12px 15px;
}
.module a {
	font-weight: bold;
	text-decoration: none;
}
.module li a {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.module a:hover {
	text-decoration: underline;
}

/* ----- Set Module Min-Height : Add to .container div that has two modules side-by-side ----- */
.minHt220 .module {
	_height: 220px;
	min-height: 220px;
}
.minHt225 .module {
	_height: 225px;
	min-height: 225px;
}
.minHt355 .module {
	_height: 355px;
	min-height: 355px;
	margin: 0;
	padding-bottom: 10px;
}

/* ----- Add to Middle .module div When 3 Horizontal Modules are in a Container ----- */
.container .middle {
	float: left;
	left: 20px;
}

/* ----- Product Module Widths: Sets Bottom Curved Borders ----- */
.width230, .col230 .module {
	background: url("/DotCom/img/global/moduleBorders.png") 0 100% no-repeat;
	width: 230px;
}
.width355, .modWidth355 .module {
	background: url("/DotCom/img/global/moduleBorders.png") -230px 100% no-repeat;
	width: 355px;
}
.width375 {
	background: url("/DotCom/img/global/moduleBorders.png") -585px 100% no-repeat;
	width: 375px;
}
.width480, .modWidth480 .module {
	background: url("/DotCom/img/global/moduleBorders.png") -1410px 100% no-repeat;
	width: 480px;
	height: 220px;
}
.width605, .modWidth605 .module {
	background: url("/DotCom/img/global/moduleBorders.png") -1890px 100% no-repeat;
	width: 605px;
}
.width710, .modWidth710 .module {
	background: url("/DotCom/img/global/moduleBorders.png") -2495px 100% no-repeat;
	width: 710px;
}
.width730, .modWidth730 .module {
	background: url("/DotCom/img/global/moduleBorders.png") -3205px 100% no-repeat;
	width: 730px;
}
.width730Divider, .modWidth730Divider .module {
	background: url("/DotCom/img/global/moduleBorders.png") -3935px 100% no-repeat;
	width: 730px;
}
.width855 {
	background: url("/DotCom/img/global/moduleBorders.png") -5467px 100% no-repeat;
	width: 855px;
}
.width980 {
	background: url("/DotCom/img/global/moduleBorders980.png") 0 100% no-repeat;
	width: 980px;
}

/* ----- Gradient Module Widths: Sets Bottom Curved Borders ----- */
.width220 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") 0 0 no-repeat;
	width: 220px;
}
.width220 .btmCurve {
	background: url("/DotCom/img/global/moduleBordersGradient.png") 0 100% no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 220px;
}
.width230G, #blog .col230 .width230G {
	background: url("/DotCom/img/global/moduleBorderGradient230.png") 0 0 no-repeat;
	padding: 0;
	width: 230px;
}
.width230G .btmCurve {
	background: url("/DotCom/img/global/moduleBorderGradient230.png") 0 100% no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 230px;
}
.width250 {
	background: #f6f6f6 url("/DotCom/img/global/moduleBorderGradient250.png") 0 0 no-repeat;
	margin-bottom: 20px;
	padding: 0;
	width: 250px;
}
.width250 .btmCurve {
	background: url("/DotCom/img/global/moduleBorderGradient250.png") 0 100% no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 250px;
}
.width313, .modWidth313 .module {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -450px 100% no-repeat;
	height: 350px;
	width: 313px;
}
.width460HdrBg, .modWidth460HdrBg .module {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -763px 100% no-repeat;
	width: 460px;
}
.width480HdrBg, .modWidth480HdrBg .module {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -1223px 100% no-repeat;
	height: 310px;
	width: 480px;
}
.width610 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -1703px 100% no-repeat;
	width: 610px;
}
.width710HdrBg {
	background: url("/DotCom/img/global/moduleBorderGradient710.png") 0 100% no-repeat;
	clear: both;
	overflow: hidden;
	width: 710px;
}
.width980HdrBg {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -2313px 100% no-repeat;
	width: 980px;
}

/* ----- Content Module Widths: Sets Bottom Curved Borders ----- */
#aboutUs .width220 {
	background: url("/DotCom/img/global/moduleBordersContent.png") 0 100% no-repeat;
	width: 220px;
}
.generic250 {
	background: url("/DotCom/img/global/moduleBordersContent.png") -220px 100% no-repeat;
	text-align: center;
	width: 250px;
}
.width460, .modWidth460 .module {
	background: url("/DotCom/img/global/moduleBordersContent.png") -470px 100% no-repeat;
	width: 460px;
}

/* ----- Product Module Headings: Sets Top Curved Borders ----- */
.module h2 {
	background: url("/DotCom/img/global/moduleBorders.png") 0 0 no-repeat;
	border-bottom: 1px solid #e5e5e5;
	color: #7f7f7f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 14px;
}
.module h2 span {
	font-weight: normal;
}
.width230 h2 {
	background-position: 0 0;
}
#aboutUs .col230 .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") 0 0 no-repeat;
	height: 14px;
	text-indent: -999.9em;
	width: 230px;
}
.width355 h2 {
	background-position: -230px 0;
}
.modWidth355 .module .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") -230px 0 no-repeat;
	clear: both;
	height: 14px;
	text-indent: -999.9em;
	width: 355px;
}
.width375 h2 {
	background-position: -585px 0;
}
.width480 h2, .modWidth480 h2 {
	background-position: -1410px 0;
}
.modWidth480 .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") -1410px 0 no-repeat;
	height: 14px;
	text-indent: -999.9em;
	width: 480px;
}
.width605 h2, .modWidth605 h2 {
	background-position: -1890px 0;
}
.width710 h2 {
	background-position: -2495px -60px;
}
.width710 .topCurve, .modWidth710 .module .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") -2495px -60px no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 710px;
}
.width730 h2, .modWidth730 h2 {
	background-position: -3205px 0;
}
.width730 .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") -3205px 0 no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 730px;
}
.width730Divider h2, .modWidth730Divider h2 {
	background-position: -3935px 0;
}
.width855 h2 {
	background-position: -5467px 0;
}
.width980 h2 {
	background: url("/DotCom/img/global/moduleBorders980.png") 0 0 no-repeat;
}
.width980 .topCurve {
	background: url("/DotCom/img/global/moduleBorders980.png") 0 0 no-repeat;
	clear: both;
	height: 10px;
	text-indent: -999.9em;
	width: 980px;
}

/* ----- Gradient Module Headings: Sets Top Curved Borders ----- */
.width313 h2, .modWidth313 h2 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -450px 0 no-repeat;
}
.width460HdrBg h2, .modWidth460HdrBg h2 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -763px 0 no-repeat;
}
.width480HdrBg h2, .modWidth480HdrBg h2 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -1223px 0 no-repeat;
}
.width710HdrBg h2 {
	background: url("/DotCom/img/global/moduleBorderGradient710.png") 0 0 no-repeat;
}
.width610 h2 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -1703px 0 no-repeat;
}
.width980HdrBg h2 {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -2313px 0 no-repeat;
}

/* ----- Content Module Headings: Sets Top Curved Borders ----- */
#aboutUs .width220 h2 {
	background: url("/DotCom/img/global/moduleBordersContent.png") 0 0 no-repeat;
}
.generic250 h2 {
	background: url("/DotCom/img/global/moduleBordersContent.png") -220px 0 no-repeat;
}
.width460 h2 {
	background: url("/DotCom/img/global/moduleBordersContent.png") -470px 0 no-repeat;
}

/* ----- Square Corner Modules ----- */
.square {
	background: none;
	border: 1px solid #e5e5e5;
	padding: 0;
	position: relative;
}
.col230 .square {
	width: 228px;
}
.square h2 {
	background: none;
	background-color: #f30;
	border: 0;
	color: #fff;
	height: 25px;
	margin: -1px -1px 0 -1px;
}
.square a.btnGo {
	background-position: -313px -50px;
	position: absolute;
	right: 10px;
	top: 8px;
}
.square a.btnGo:hover {
	background-position: -313px -75px;
}
.square img {
	margin: 0;
}


/* =Buttons
----------------------------------------------------------------------------------------------------*/
/* ----- Small Circle Button Used in Top Right Corner of Modules ----- */
a.btnSmallCircle,
.container .imgText a.btnSmallCircle {
	background: url("/DotCom/img/global/btnSmlCircle.png") 100% 0 no-repeat;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 13px;
	overflow: hidden; /* IE7 Needs This */
	padding-right: 18px;
	position: absolute;
	right: 15px;
	text-decoration: none;
	text-indent: -999.9em;
	top: 15px;
	_width: 13px; /* IE6 has to have width */
}
a.onGradient {
	background: url("/DotCom/img/global/btnSmlCircle.png") 100% -50px no-repeat;
}
.module a.btnSmallCircle:hover {
	background-position: 100% -25px;
	text-decoration: none;
	text-indent: 0;
	_width: auto;
}
.module a.onGradient:hover {
	background-position: 100% -75px;
}
a.viewBio {
	background-position: 100% -25px;
	text-indent: 0;
	*width: 90px;
	_width: auto;
}
.module a.viewBio:hover {
	background-position: 100% -25px;
	text-decoration: underline;
}

/* ----- Circular Carousel Buttons ----- */
a.btnCarousel {
	background: url("/DotCom/img/global/buttons.png") 0 0 no-repeat;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 25px;
}
a.prev {
	background-position: 0 0;
}
a.prev:hover {
	background-position: 0 -25px;
}
a.next {
	background-position: -25px 0;
}
a.next:hover {
	background-position: -25px -25px;
}
/* These positions place the button on an orange background for the Product Nav Module. */
.productNav a.prev {
	background-position: -50px 0;
	float: left;
	margin-right: 3px;
}
.productNav a.prev:hover {
	background-position: -50px -25px;
}
.productNav a.next {
	background-position: -75px 0;
	float: left;
}
.productNav a.next:hover {
	background-position: -75px -25px;
}

/* ----- Slideshow Oval Arrow Buttons and Dot Buttons ----- */
.carouselControls {
	position: absolute;
	right: 8px;
	top: 8px;
}
.carouselControls li {
	float: left;
}
.carouselControls li.selected a {
    background-position:-171px -25px;
}
.carouselControls a.btnCarousel {
	background: url("/DotCom/img/global/buttons.png") -100px 0 no-repeat;
	float: left;
	height: 25px;
	text-indent: -999.9em;
	width: 30px;
}
.carouselControls a.prev {
	background-position: -100px 0;
}
.carouselControls a.prev:hover {
	background-position: -100px -25px;
}
.carouselControls a.next {
	background-position: -130px 0;
	width: 28px;
}
.carouselControls a.next:hover {
	background-position: -130px -25px;
}
.carouselControls a.dot {
	background-position: -179px 0;
	_display: inline;
	height: 8px;
	margin: 8px 12px 0 0;
	width: 8px;
}
.carouselControls a.dot:hover {
	background-position: -179px -25px;
}
.carouselControls li.selected a.dot {
	background-position: -179px -50px;
}

/* ----- Background Bubble Bar ----- */
.bubbleNav {
	background: url("/DotCom/img/global/bgBubbleNavBar.png") 0px 0 no-repeat;
	display: inline;
	float: left;
	height: 30px;
	margin: 10px 0 30px 20px;
	padding: 0 0 0 5px;
	position: static;
	width: auto;
}
.bubbleNav li.last {
	background: url("/DotCom/img/global/bgBubbleNavBar.png") 100% 0 no-repeat;
	height: 30px;
	padding-right: 5px;
}
.bubbleNav li a.btnCarousel {
	background: none;
	border-right: 1px solid #d6d6d6;
	color: #7f7f7f;
	font-size: 12px;
	font-weight: bold;
	height: auto;
	line-height: 26px;
	margin: 2px 0 0 0;
	padding: 0 10px;
	text-decoration: none;
	text-indent: 0;
	width: auto;
}
.bubbleNav li.last a {
	border: 0;
}
.bubbleNav li a:hover,
.bubbleNav li.selected a {
	color: #f30;
	text-decoration: none;
}

/* ----- View Button ----- */
a.btnView {
	background: url("/DotCom/img/global/buttons.png") -255px 0 no-repeat;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 58px;
}
a.btnView:hover {
	background-position: -255px -25px;
}

/* ----- Go Button ----- */
a.btnGo {
	background: url("/DotCom/img/global/buttons.png") -313px 0 no-repeat;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 47px;
}
a.btnGo:hover {
	background-position: -313px -25px;
}

/* ----- Plus/Enlarge Button ----- */
a.btnPlus {
	background: url("/DotCom/img/global/buttonAlphaPlus.png") 0 0 no-repeat;
	bottom: 8px;
	cursor: pointer;
	display: block;
	height: 25px;
	position: absolute;
	right: 5px;
	width: 25px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/buttonAlphaPlus.png', sizingMethod='crop');
	_background:none;
}
a.btnPlus:hover {
	background-position: 0 -25px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/buttonAlphaPlusIE6.png', sizingMethod='crop');
	_background:none;
}

/* ----- Download All Button ----- */
a.btnDownloadAll {
	background: url("/DotCom/img/global/buttons.png") -360px 0 no-repeat;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 101px;
}
a.btnDownloadAll:hover {
	background: url("/DotCom/img/global/buttons.png") -360px -25px no-repeat;
}

/* ----- Download Zip Button ----- */
a.btnDownloadZip {
	background: url("/DotCom/img/global/buttons.png") -712px 0 no-repeat;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 122px;
}
a.btnDownloadZip:hover {
	background-position: -712px -25px;
}

/* ----- Download PDF Button ----- */
a.btnDownloadPDF {
	background: url("/DotCom/img/global/buttons.png") no-repeat -461px 0;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 108px;
}
a.btnDownloadPDF:hover {
	background-position: -461px -25px;
}

/* ----- Accept Button ----- */
a.btnAccept {
	background: url("/DotCom/img/global/buttons.png") no-repeat -669px -50px;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 72px;
}
a.btnAccept:hover {
	background-position: -669px -75px;
}

/* ----- Decline Button ----- */
a.btnDecline {
	background: url("/DotCom/img/global/buttons.png") no-repeat -741px -50px;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 65px;
}
a.btnDecline:hover {
	background-position: -741px -75px;
}

/* ----- Submit Button ----- */
a.btnSubmit {
	background: url("/DotCom/img/global/buttons.png") no-repeat -834px 0;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 72px;
}
a.btnSubmit:hover {
	background-position: -834px -25px;
}

/* ----- Reset Button ----- */
a.btnReset {
	background: url("/DotCom/img/global/buttons.png") no-repeat -906px 0;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 59px;
}
a.btnReset:hover {
	background-position: -906px -25px;
}

/* ----- Send Button ----- */
a.btnSend {
	background: url("/DotCom/img/global/buttons.png") no-repeat -806px -50px;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 61px;
}
a.btnSend:hover {
	background-position: -806px -75px;
}

/* ----- Sign Up Button ----- */
a.btnSignUp {
	background: url("/DotCom/img/global/buttons.png") no-repeat -867px -50px;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 69px;
}
a.btnSignUp:hover {
	background-position: -867px -75px;
}

/* ----- Submit Comment Button ----- */
button.submitComment {
	background: url("/DotCom/img/global/btnSubmitComment.png") no-repeat 0 0;
	border: 0;
	cursor: pointer;
	display: block;
	height: 25px;
	text-indent: -999.9em;
	width: 121px;
}
button.submitComment:hover,
button.submitComment.hover {
	background-position: 0 -25px;
}


/* =Home Page Flash
----------------------------------------------------------------------------------------------------*/
#homeFlashMain {
	height: 574px;
	left: 50%;
	margin: 0 0 0 -600px;
	position: absolute;
	top: 0;
	vertical-align: bottom;
	width: 1200px;
}
#homeFlashFeatured {
	height: 206px;
	width: 605px;
	vertical-align: bottom;
}


/* =Home Page No Flash
----------------------------------------------------------------------------------------------------*/
#homeNoFlash{
    border-bottom: 1px solid #e5e5e5;   
    width:100%;
    float:left;
    padding-bottom:115px;
}
#homeNoFlash #noFlashImage{
    float:left;
    margin:116px 37px 0px 90px;
}
#homeNoFlash #noFlashText{
    float:left;
    font-size:13px;
    font-weight:bold;
    margin:250px 0 0 0;
    text-align:left;
    color:#7f7f7f;  
}
#homeNoFlash #noFlashText img{
    margin-top:20px;    
}


/* =Landing Page Flash
----------------------------------------------------------------------------------------------------*/
#landingFlashMain {
	margin: 0 0 20px 0;
}
#productsContent #landingFlashMain {
	margin-left: 20px;
	width: 710px;
}
#aboutUs #landingFlashMain {
	width: 980px;
}


/* =Shortcuts Module
----------------------------------------------------------------------------------------------------*/
.shortcuts {
	float: right;
	_height: 196px; /* DEV Note: The height values account for 10px of bottom padding that's set globally on .module. True height = 206px. */
	min-height: 196px;
}
.shortcuts ul {
	float: left;
	padding: 13px 0 0 14px;
	width: 156px;
}
.shortcuts .header {
	color: #b1b1b1;
	font-size: 12px;
	padding-bottom: 15px;
}
.shortcuts li {
	padding-bottom: 10px;
}
.container .shortcuts li a {
	color: #f30;
	font-weight: bold;
	text-decoration: none;
}
.container .shortcuts li a:hover {
	text-decoration: underline;
}


/* =Product Nav Module
----------------------------------------------------------------------------------------------------*/
.productNav {
	background-color: #f30;
	left: 0;
	padding: 15px 15px 0 20px;
	position: absolute;
	text-align: left;
	top: 91px;
	width: 195px;
	z-index: 10;
}
/* Controls position of Product Nav when main product image is wide. */
#positionProductNav {
	left: 0;
	margin: 0 auto;
	position: relative;
	top: 0;
	width: 980px;
	z-index: 5;
}
#positionProductNav .productNav {
	left: 0;
	*left: 1px;
	_left: 0;
}
/* Controls position of Product Nav when main product image overflows the left edge. */
.container .offsetLeft .productNav {
	left: 110px;
	margin: 0;
}
.productNav h1 {
	color: #fff;
	font-size: 22px;
	padding: 0 0 10px 0;
}
.productNav .btns {
	display: table-cell;
	display: inline-block;
}
.productNav ul {
	background-color: #fff;
	margin: 13px -15px 0 -20px;
	padding: 5px 0 0 0;
}
.productNav ul.addBorder {
	border: 1px solid #f30;
	border-top: 0;
}
.productNav li {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 20px;
}
.productNav li.bottom {
	border: 0;
	padding: 0 0 5px 0;
}
.productNav li.microSite {
	background-color: #e5e5e5;
	border: 0;
	margin: 0;
	padding: 3px 20px;
}
.container .productNav li.microSite a {
	background: url("/DotCom/img/global/icons.png") -7740px 13px no-repeat;
	*padding-top: 5px;
	padding-left: 15px;
}
.container .productNav li a {
	color: #414141;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 10px 0;
	*padding-top: 5px;
	text-decoration: none;
}
.productNav li a:hover {
	color: #f30;
}


/* =Side Nav Module
----------------------------------------------------------------------------------------------------*/
.sideNav {
	margin-top: 5px;
	padding: 0 10px 0 15px;
	width: 225px;
}
.sideNav li {
	border-bottom: 1px solid #e5e5e5;
	float: left;
	line-height: 1.3em;
	padding: 10px 0;
	width: 220px;
}
.sideNav li.bottom {
	border: 0;
}
.container .sideNav li a:hover,
.container .sideNav li.selected li a:hover,
.container .sideNav li li.selected li a:hover {
	color: #f30;
	text-decoration: none;
}
.sideNav li ul {
	float: left;
	padding: 5px 0 0px 0;
}
.sideNav li li {
	border: 0;
	line-height: 1.0em;
	padding: 0;
}
.sideNav li.selected {
	padding-bottom: 0;
}
.sideNav li li.selected a {
	background-color: #e5e5e5;
}
.sideNav li.noSubItems {
	padding-bottom: 10px;
}
.sideNav li li.hasSubItems a {
	background-color: transparent;
}
.container .sideNav li a {
	color: #414141;
	display: block;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	width: 220px;
}
.sideNav li li.selected a {
	font-weight: bold;
}
.container .sideNav li li a,
.container .sideNav li li li a {
	font-size: 11px;
	font-weight: normal;
	padding: 5px 0 5px 15px;
	text-decoration: none;
	width: 205px;
}
.container .sideNav li li ul {
	padding: 0;
}
.container .sideNav li li li a,
.container .sideNav li li.selected li a {
	background: url("/DotCom/img/global/icons.png") 15px 10px no-repeat;
	font-weight: normal;
	padding-left: 25px;
	width: 195px;
}
.sideNav li.selected a,
.sideNav li li.selected a,
.sideNav li.selected li.selected a,
.sideNav li.selected li.selected li.selected a {
	font-weight: bold;
}
.sideNav li.selected li.selected li.selected a {
	background-color: #e5e5e5;
}
.sideNav li.selected a:hover,
.sideNav li.selected li.selected a:hover,
.sideNav li.selected li.selected li.selected a:hover {
	color: #414141;
}
.equalizeHt {
	margin-bottom: 0;
}
.equalizeHt .btmCurve {
	padding-top: 8px;
	*padding-top: 6px;
	_padding-top: 2px;	
}

/* ----- Side Nav With Icons ----- */
.hasIcons {
	margin-top: 0;
}
.hasIcons li.addTopBorder {
	border-top: 1px solid #e5e5e5;
}
.container .hasIcons li.selected {
	padding-bottom: 0;
}
.container .hasIcons li a {
	height: 46px;
	padding: 25px 0 0 93px;
	position: relative;
	width: 127px;
}
.container .hasIcons li li a {
	height: auto;
	padding: 7px 5px 7px 15px;
	width: 200px;
}
.hasIcons li a img {
	left: 0;
	position: absolute;
	top: 0;
}
/* ----- Side Nav Switcher ----- */
.navSwitcher {
	display: inline;
	float: left;
	margin: 15px 0 0 10px;
	padding-bottom: 15px;
	width: 236px;
}
.navSwitcher li {
	display: inline;
}
.navSwitcher li a {
	background: url("/DotCom/img/global/sideNavSwitcher.png") 0 0 no-repeat;
	float: left;
	height: 24px;
	padding: 0 2px;
	text-indent: -999.9em;
}
.navSwitcher li a#categories {
	width: 73px;
}
.navSwitcher li a#designers {
	background-position: -79px 0;
	width: 71px;
}
.navSwitcher li a#collections {
	background-position: -154px 0;
	width: 76px;
}
.navSwitcher li a#categories:hover { background-position: 0 -24px; }
.navSwitcher li a#designers:hover { background-position: -79px -24px; }
.navSwitcher li a#collections:hover { background-position: -154px -24px; }
.navSwitcher li.selected a#categories, .navSwitcher li.selected a#categories:hover { background-position: 0 -48px; }
.navSwitcher li.selected a#designers, .navSwitcher li.selected a#designers:hover { background-position: -79px -48px; }
.navSwitcher li.selected a#collections, .navSwitcher li.selected a#collections:hover { background-position: -154px -48px; }

/* ----- Side Nav Search ----- */
.sideNav #search {
    background: url("/DotCom/img/global/bgSearch.png") -250px 20px no-repeat;
    border: 0;
    border-top: 1px solid #e5e5e5;
    padding: 0;
}
.sideNav #search fieldset {
    float: left;
    margin: 20px 0 15px 0;
    width: 194px;
}
.sideNav #search input {
    background-color: transparent;
    border: 0;
    color: #b1b1b1;    
    font-size: 10px;
    height: 19px;
    margin: 0;
    padding: 5px 5px 0 8px;
    width: 181px;
}

/* ----- Side Nav Scroll Pane & Buttons ----- */
.sideNav .scrollPane {
	float: left;
	margin: 0;
	padding: 0;
	width: 220px;
}
.sideNav .scrollPane ul {
	*zoom: 1; /* Forces IE7 to display the list items */
}
#btnsScroll {
	clear: both;
	float: left;
	height: 36px;
	margin-bottom: -10px;
	_margin-bottom: -14px;
	margin-top: 10px;
	width: 250px;
}
#btnsScroll a {
	background: url("/DotCom/img/global/buttonsBigScroll.png") 0 0 no-repeat;
	float: left;
	height: 36px;
	text-indent: -999.9em;
	width: 250px;
}
#btnsScroll a.up {
	background-position: 0 0;
	width: 126px;
}
#btnsScroll a.down {
	background-position: -126px 0;
	width: 124px;
}
#btnsScroll a.up:hover { background-position: 0 -36px; }
#btnsScroll a.down:hover { background-position: -126px -36px; }
#btnsScroll a.disabledUp, #btnsScroll a.disabledUp:hover { background-position: 0 -72px; cursor: default; }
#btnsScroll a.disabledDown, #btnsScroll a.disabledDown:hover { background-position: -126px -72px; cursor: default; }


/* =Tabs Module
----------------------------------------------------------------------------------------------------*/
/* ----- Default Tabs ----- */
.module ul.tabs {
	border-bottom: 1px solid #e5e5e5;
	height: 28px;
	/*padding: 8px 0 13px 15px;*/
	margin: 0 0 13px 0;
	padding: 6px 0 6px 15px;
}
/* ----- For when module is has tabs but no H2. See productsSegmentDeluxe.shtml ----- */
.module ul.noH2 {
	margin-top: -5px;
}
.module ul.tabs li {
	float: left;
	margin: 0 10px 0 0;
}
.module ul.tabs li a span {
	background: url("/DotCom/img/global/bgBubbles.png") 0 0 no-repeat;
	display: none;
	height: 24px;
	position: absolute;
	text-indent: -999.9em;
	top: 0;
	width: 10px;
}
.module ul.tabs li a span.leftCurve {
	left: 0;
}
.module ul.tabs li a span.rightCurve {
	background-position: 100% 0;
	right: -1px;
}
.module ul.tabs a {
	color: #414141;
	float: left;
	font-size: 11px;
	font-weight: normal;
	height: 28px;
	line-height: 24px;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
}
.module ul.tabs a:hover,
.module ul.tabs a.selected {
	color: #f30;
	display: block;
	text-decoration: none;
}
.module ul.tabs a.selected {
	background: #fff url("/DotCom/img/global/bgBubbles.png") 50% 0 no-repeat;
	color: #fff;
}
.module ul.tabs a.selected:hover {
	color: #fff;
}
.module ul.tabs a.show span,
.module ul.tabs a.selected span {
	display: block;
}

/* ----- Designers Featured Bar Tabs ----- */
.featuredBar ul.tabs {
	border: 0;
	float: right;
	height: 26px;
	margin: 8px 5px 0 0;
	padding: 0;
}
.featuredBar ul.tabs li {
	display: inline;
	margin: 0;
}
.featuredBar ul.tabs a {
	color: #7f7f7f;
	font-weight: bold;
	height: 26px;
	line-height: 23px;
	margin: 0 5px 0 0;
	padding-left: 13px;
}
.featuredBar ul.tabs li a span {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -56px no-repeat;
	height: 26px;
	padding: 0;
}
.featuredBar ul.tabs li a span.rightCurve {
	background-position: 100% -56px;
}
.featuredBar ul.tabs a.selected {
	background: url("/DotCom/img/global/bgBubbles.png") 50% -56px no-repeat;
	color: #414141;
	_display: inline;
}
.featuredBar ul.tabs a.selected:hover {
	color: #414141;
}
.featuredBar ul.tabs a:hover {
	_display: inline;
}


/* =Case Studies Module
----------------------------------------------------------------------------------------------------*/
/* ----- Default Styles are for the width480 Module ----- */
.caseStudies {
	display: table-cell;
	display: inline-block;
}
.caseStudies img {
	float: left;
	margin: 12px 20px 0px 15px;
}
.caseStudies .title {
	display: block;
	font-size: 12px;
	padding: 28px 0 15px 0;
}
.caseStudies .title a {
	font-weight: normal;
	line-height: 18px;
	text-decoration: none;
}
.caseStudies a:hover {
	text-decoration: underline;
}

/* ----- Styles for the Module when inside col230 ----- */
.col230 .caseStudies h2 {
	border: 0;
}
.col230 .caseStudies img {
	margin: 0 0 12px 15px;
}
.col230 .caseStudies span.title {
	font-size: 11px;
	margin: 0 15px;
}
.col230 .caseStudies span.title a {
	font-size: 12px;
}
.col230 .caseStudies ul {
	border-top: 1px solid #e5e5e5;
	padding: 5px 15px 0 15px;
}
.col230 .caseStudies li {
	padding: 5px 0;
}
.col230 .caseStudies li a {
	text-decoration: none;
}
.col230 .caseStudies li a:hover {
	text-decoration: underline;
}

/* ----- Styles for 480px Width Module with Side Nav ----- */
.caseStudies ul#image {
	display: inline;
	float: left;
	margin: 15px 0 0 15px;
	position: relative;
}
.caseStudies ul#image li {
	float: left;
	height: 248px;
	width: 248px;
}
.caseStudies ul#image li.displayNone {
	display: none;
}
.caseStudies ul#image img {
	margin: 0;
}
.caseStudies ul#image span.details {
	font-weight: bold;
	height: 30px;
	padding-bottom: 5px;
	width: 233px;
}
.caseStudies ul#image span.arrow {
	background-position: -3820px 4px;
	color: #fff;
	font-weight: bold;
	height: auto;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 0 10px;
	width: auto;
}
.caseStudies ul#image li a {
	text-decoration: none;
}
.caseStudies ul#image li a:hover span {
	color: #f30;
}


/* =Module Nav
----------------------------------------------------------------------------------------------------*/
ul.moduleNav {
	display: inline;
	float: right;
	margin: 15px 10px 0 0;
}
ul.moduleNav li {
	display: block;
	height: 46px;
	padding-bottom: 21px;
	_padding-bottom: 20px;
	width: 191px;
}
ul.moduleNav li.bottom {
	padding-bottom: 0;
	padding-top: 1px;
}
ul.moduleNav li a {
	color: #7f7f7f;
	display: block;
	height: 36px;
	font-size: 11px;
	line-height: 1.2em;
	margin: 0;
	padding: 10px 5px 0 5px;
	text-decoration: none;
	width: 181px;
}
ul.moduleNav li a:hover,
.video ul.moduleNav li a:hover {
	color: #f30;
	text-decoration: none;
}
ul.moduleNav li a img {
	margin: -10px 8px 0 0;
}
.container ul.moduleNav li.selected a,
.container .video ul.moduleNav li.selected a {
	color: #414141;
	font-weight: bold;
}

/*----- Set Bubble for Case Studies -----*/
.caseStudies ul.moduleNav li.selected a {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -214px no-repeat;
}

/*----- Overrides for Video Module -----*/
.modWidth460HdrBg .video {
	float: left;
	_float: none;
}
.video ul.moduleNav {
	display: inline;
	float: left;
	margin: 15px 0 0 10px;
}
.video ul.moduleNav li {
	display: inline;
	float: left;
	height: 51px;
	margin: 0 9px;
	padding: 0;
	width: 202px;
}
.video ul.moduleNav li a {
	color: #7f7f7f;
	height: 36px;
	margin-left: 0;
	padding: 15px 0 0 0;
	width: 202px;
}
.video ul.moduleNav li a img {
	float: left;
	margin: -10px 8px 0 0;
}
.video ul.moduleNav li.selected a {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -260px no-repeat;
}

/* Overrides for Seven Page */
.features .carousel li .video,
.features .carousel li .video div {
	width: 440px;
}
.features .carousel li .video ul.moduleNav {
	margin-left: 0;
}

/* Overrides for Blog */
.post .video ul.moduleNav {
	margin-left: -70px;
}
.post .video ul.moduleNav li {
	margin: 0 0 5px 70px;
	width: 202px;
}
.post .video ul.moduleNav li a {
	margin: 0;
	width: 202px;
}
.post .video ul.moduleNav li a img {
	_padding-bottom: 0;
}
.post .video ul.moduleNav li.selected a {
	background-position: 0 -311px;
}


/* =Idea Starters Module
----------------------------------------------------------------------------------------------------*/
.ideaStarters li {
	float: left;
}

/* ----- Carousel ----- */
#carouselIdeas,
.container730 .modWidth480 #carouselIdeas {
	margin: 0 0 0 50px;
	overflow: hidden;
	position: relative;
	width: 380px;
}
.ideaStarters .carousel {
	position: relative;
}
.ideaStarters .carousel li {
	display: inline;
	padding: 0 5px;
}
.ideaStarters .carousel li a {
	color: #fff;
	display: block;
	position: relative;
}
.ideaStarters .carousel li a span {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.ideaStarters .carousel li a:hover {
	text-decoration: none;
}
.ideaStarters .carousel li span.details,
.ideaStarters .carousel li a:hover span.details,
.ideaStarters .carousel li a.show span.details {
    display: none;
}
.ideaStarters a.prev,
.ideaStarters a.next {
	left: 7px;
	position: absolute;
	bottom: 67px;
}
.ideaStarters a.next {
	left: auto;
	right: 7px;
}

/*----- Override for 730px Width -----*/
.container730 #carouselIdeas {
	margin: 20px 0 10px 42px;
	overflow: hidden;
	position: relative;
	width: 645px;
}
.container730 .ideaStarters .carousel {
	position: relative;
}
.container730 .ideaStarters .carousel li {
	padding: 0 7px 0 8px;
}
.container730 .ideaStarters a.prev,
.container730 .ideaStarters a.next {
	top: 130px;
}

/* ----- Details Overlay for Product Page ----- */
span.details {
	background: url("/DotCom/img/global/transparency.png") 0 0 repeat;
	bottom: 0;
	color: #fff;
	cursor: pointer;
	/* display: none; */
	left: 0;
	overflow: hidden;
	padding: 5px 5px 15px 10px;
	position: absolute;
	width: 185px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/transparency.png', sizingMethod='scale');
	_background:none;
}
span.cost {
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 4px;
}
span.arrow {
	background: url("/DotCom/img/global/icons.png") -3820px 0 no-repeat;
	float: left;
	height: 7px;
	margin: 7px 8px 0 0;
	width: 4px;
}
/* ----- Details Overlay for DOM Window ----- */
.domWindow #mainImg span.details {
	cursor: default;
	display: block;
	font-size: 20px;
	height: 55px;
	left: 32px;
	top: 20px;
	padding: 30px 20px;
	width: 225px;
}
.domWindow #mainImg span.cost {
	display: block;
	font-size: 28px;
	padding-top: 8px;
}


/* =Features Module
----------------------------------------------------------------------------------------------------*/
.features {
	display: table-cell;
	display: inline-block;
	float: left;
	padding-bottom: 1px;
}
.features h2 {
	border: 0;
	padding-bottom: 20px;
}
#carouselFeatures {
	display: inline;
	float: right;
	margin: 0 1px 10px 0;
	overflow: hidden;
	width: 460px;
}
.features .carousel {
	width: 4600px;
}
.features .carousel li {
	display: inline;
	width: 460px;
}
/* For when text and photo content is used */
.features .mixedContent li {
	background-color: #fff;
	float: left;
}
.features .mixedContent li img {
	float: right;
}
.features .carousel li div {
	float: left;
	width: 215px;
}
.features .carousel h3 {
	padding-bottom: 20px;
	font-size: 12px;
	/*padding-bottom: 5px;
	font-size: 16px;*/
}
.features .carousel p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
	padding: 0 15px 20px 0;
}
.features .carousel p a {font-size: 12px;}
.features #featuresNav {
	float: left;
	padding: 0 0 15px 10px;
	width: 214px;
}
#featuresNav li {
	float: left;
	line-height: 1.3em;
}
.container #featuresNav li a {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -84px no-repeat;
	color: #414141;
	display: block;
	font-size: 12px;
	font-weight: normal;
	height: 45px;
	padding: 20px 13px 0 60px;
	position: relative;
	text-decoration: none;
	width: 151px;
}
#featuresNav li.bottom a {
	background-position: 224px 0;
}
#featuresNav li a img {
	left: 0;
	position: absolute;
	top: 0;
}
#featuresNav li a:hover {
	color: #f30;
	text-decoration: none;
}
#featuresNav li.selected a {
	background-position: 0 -149px;
	font-weight: bold;
}
#featuresNav li.selected a:hover {
	color: #414141;
}
.features a.next, .features a.prev {
    z-index: 10;
}

/* Full Content Features Module - Used with Bubble Bar Nav */
.fullContent #carouselFeatures {
	width: 728px;
}
.fullContent .carousel li {
	float: left;
	width: 100%;
}
.fullContent .carousel .hero {
	width: 335px;
}
.fullContent .hero h3 {
	font-size: 18px;
	line-height: 1.2em;
	padding: 0 0 10px 25px;
}
.fullContent .hero p {
	font-size: 12px;
	padding-left: 25px;
}
.fullContent .carousel .details {
	margin-left: 20px;
	padding-top: 5px;
	width: 370px;
}
.fullContent .details .block {
	margin-bottom: 20px;
	width: 100%;
}
.fullContent .details h4 {
	float: right;
	font-size: 15px;
	padding-bottom: 15px;
	width: 230px;
}
.fullContent .details p {
	float: right;
	padding: 0 10px 10px 0;
	width: 220px;
}
.fullContent .details .thumb {
	float: left;
	position: relative;
	width: 124px;
}
.fullContent .details .thumb a.btnPlus {
	bottom: -12px;
	left: -12px;
	position: absolute;
}

/*----- Adjustments for use in 230px Module -----*/
.col230 .features h2 {
	border-bottom: 1px solid #e5e5e5;
	padding: 14px;
}
.col230 .features a.prev,
.col230 .features a.next {
	background: url("/DotCom/img/global/buttonAlphaCarousel.png") 0 0 no-repeat;
	_background: url("/DotCom/img/global/buttonAlphaCarouselIE6.png") 0 0 no-repeat;
	position: absolute;
	_position: relative;
	top: 175px;
	_top: 135px;
}
.col230 .features a.prev {
	left: 7px;
}
.col230 .features a.next {
	background-position: -25px 0;
	right: 7px;
	_left: 198px;
	_top: 110px;
}
.col230 .features a.prev:hover {
	background-position: 0 -25px;	
}
.col230 .features a.next:hover {
	background-position: -25px -25px;
}
.col230 #carouselFeatures {
	display: inline;
	margin-left: 1px;
	_margin-top: -50px;
	overflow: hidden;
	width: 228px;
}
.col230 .features .carousel {
	margin: 0;
	width: 228px;
}
.col230 .features .carousel li {
	display: inline;
	margin-top: 20px;
	width: 228px;
}


/* =Single Feature Module
----------------------------------------------------------------------------------------------------*/
.featureSolo {
	display: table-cell;
	display: inline-block;
	float: left;
}
.featureSolo .feature {
	margin: 0 0 0 15px;
	width: 714px;
}
.featureSolo img {
	float: right;
}
.featureSolo h3 {
	font-size: 12px;
	padding-bottom: 20px;
}
.featureSolo p {
	color: #414141;
	font-size: 12px;
	line-height: 1.8em;
	padding: 0 0 15px 0;
}
.featureSolo .first {
	padding-top: 25px;
}


/* =Simple Module
----------------------------------------------------------------------------------------------------*/
.simple {
	display: table-cell;
	display: inline-block;
}
.simple img {
    float: left;
    padding: 5px 15px 15px 15px;
}
.simple .container {
	float: left;
	margin-bottom: 0;
	padding-bottom: 2px;
	width: 500px;
}
.simple .featuresText {
	float: left;
	height: 200px;
	margin: 5px 0 5px 0;
	overflow: hidden;
	padding: 0;
	width: 500px;
}
.simple h2 {
	background: none;
	border: 0;
	color: #414141;
	font-size: 15px;
    font-weight: bold;
    margin: 0 0 8px 0;
    padding: 0 14px;	
}
.simple p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
}
.simple .container a.showHide {
	margin-top: 10px;
	margin-left: 15px;
}

/*----- Override for the 980px Width -----*/
.width980 .simple .container,
.width980 .simple .featuresText {
	width: 750px;
}
.width980 .simple .featuresText {
	height: 195px;
}
/* Sets the Text to be Fully Visible */
.simple .show,
.width980 .simple .show {
    height: auto;
    overflow: visible;
}


/* =Design Story Module
----------------------------------------------------------------------------------------------------*/
.designStory {
	display: table-cell;
	display: inline-block;
	float: left;
	*float: none;
}
#carouselStory {
	overflow: hidden;
	width: 714px;
}
.designStory .carousel {
	margin: 0 0 0 15px;
	width: 714px;
}
.designStory .carousel li {
	display: inline;
	float: left;
	width: 714px;
}
.designStory .carousel li img {
	float: right;
	margin: 0 0 10px 10px;
}
.designStory .carousel h3 {
	font-size: 12px;
	line-height: 1.8em;
	margin-bottom: -15px;
	padding-top: 30px;
}
.designStory p,
.designStory span {
	color: #414141;
	font-size: 12px;
	line-height: 1.8em;
	padding: 0 15px 15px 0;
}
.designStory p.intro {
	padding-top: 30px;
}
.designStory span.bullet {
	background: url("/DotCom/img/global/icons.png") 0 8px no-repeat;
	*background-position: 0 10px;
	display: block;
	padding-left: 10px;
	position: relative; /* So bullets don't disappear on hover in IE6 */	
}

/*----- Override for 480px Width -----*/
.modWidth480 .designStory {
	height: auto;
}
.modWidth480 #carouselStory,
.modWidth480 .designStory .carousel,
.modWidth480 .designStory .carousel li {
	width: 464px;
}


/* =Environment Module
----------------------------------------------------------------------------------------------------*/
.environment h2 {
	margin-bottom: 20px;
}
.environment h3 {
	color: #7f7f7f;
	font-size: 11px;
	padding: 0 15px 15px 15px;
}
.environment img {
	margin: 0 0 12px 15px;
	padding: 0;
}
.environment .recycleStat {
	background: url("/DotCom/img/global/iconRecycle.png") 0 0 no-repeat;
	color: #7f7f7f;
	font-size: 16px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	margin: 0 0 12px 15px;
	padding: 0 0 0 45px;
}
.environment .recycleStat span.percent {
	color: #2fc047;
	font-size: 24px;
}
.environment .pdfLinks {
	padding: 0 0 4px 0;
}
.environment .pdfLinks li {
	margin: 0;
	padding: 0 0 8px 0;
	_position: relative;
}
.environment .pdfLinks a:hover {
	text-decoration: underline;
}
.col230 .environment .divider {
	margin: 8px 15px 20px 15px;
}


/* =News and Awards Module
----------------------------------------------------------------------------------------------------*/
.newsAwards h2 {
	margin-bottom: 13px;
}
.newsAwards ul.tabs {
	margin-top: -13px;
}
.newsAwards .tabs li {
	float: left;
}
.news,
.scroll-pane {
	margin: 0 5px 0 15px;
	padding: 0;
	width: 220px;
}
.scroll-pane {
	height: 230px;
	padding: 0 0 5px 0;
}
.news li,
.scroll-pane li {
	color: #414141;
	line-height: 1.4em;
	padding: 0 20px 12px 0;
}
.news span.date {
	color: #414141;
	display: block;
}
.col230 .scroll-pane li a {
	color: #f30;
	text-decoration: none;
}
.col230 .scroll-pane li a:hover {
	text-decoration: underline;
}


/* =Video Module
----------------------------------------------------------------------------------------------------*/
/* Default Styles for 230px Module */
.col230 .video h2 {
	border: 0;
}
.video h3 {
	color: #414141;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.video p {
	padding-bottom: 5px;
}
.container .video a {
	display: block;
	display: inline-block;
	font-weight: normal;
	margin: 0 0 15px 15px;
	_padding-left: 1px;
	text-decoration: none;
}
.video a:hover {
	text-decoration: underline;
}

/*----- Override for 460px Width -----*/
.modWidth460HdrBg #video {
	height: 246px;
	margin: 10px 0 0 10px;
	width: 438px;
}

/*----- Override for 480px Width -----*/
.width480 #video,
.modWidth480HdrBg #video {
	height: 246px;
	margin: 15px 0 0 21px;
	width: 438px;
}

/*----- Override for Blog -----*/
.post .video,
.post .flash {
	clear: both;
	display: -moz-inline-block;
	display: inline-block;
	margin-bottom: 15px;
}
.post .video div {
	height: 288px;
	width: 480px;
}


/* =Quote Module
----------------------------------------------------------------------------------------------------*/
div.quote img {
	margin: 20px 0 0 15px;
}


/* =Photo Gallery Module
----------------------------------------------------------------------------------------------------*/
#carouselGallery {
	margin: 30px 0 0 32px;
	overflow: hidden;
	position: relative;
	width: 540px;
}
.photoGallery .carousel {
	position: relative;
}
.photoGallery .carousel li {
	display: inline;
	float: left;
	padding: 0 3px;
}
.photoGallery .carousel li img {
	border: 1px solid #e5e5e5;
}
.photoGallery a.prev {
	left: 7px;
	position: absolute;
	top: 125px;
}
.photoGallery a.next {
	position: absolute;
	right: 7px;
	top: 125px;
}

/*----- Override for 730px Width -----*/
.container730 #carouselGallery {
	margin: 20px 0 10px 47px;
	width: 636px;
}
.container730 .photoGallery .carousel li {
	padding: 0 15px;
}
.container730 .photoGallery a.prev,
.container730 .photoGallery a.next {
	top: 115px;
}

/*----- Override for 480px Width -----*/
.container730 .width480 #carouselGallery {
	margin-left: 37px;
	width: 405px;
}
.container730 .width480 .carousel li {
	padding: 0 3px;
}


/* =Brochure Module
----------------------------------------------------------------------------------------------------*/
#carouselBrochure {
	display: inline-block;
	margin: 30px 0 0 35px;
	overflow: hidden;
	position: relative;
}
.brochure .carousel {
	position: relative;
}
.brochure .carousel li {
	display: inline;
	float: left;
	padding: 0 23px 5px 23px;
	width: 114px;
}
.container .brochure li a {
	float: left;
	text-decoration: none;
}
.brochure li a span {
	color: #f30;
	display: block;
	height: 30px;
	margin-top: 5px;
	padding: 0 2px 5px 2px;
	text-align: center;
}
.brochure li a:hover {
	text-decoration: none;
	_text-decoration: underline;
}
.brochure li a:hover span {
	text-decoration: underline;
}
.brochure a.prev {
	left: 7px;
	position: absolute;
	top: 125px;
}
.brochure a.next {
	position: absolute;
	right: 7px;
	top: 125px;
}


/* =Callouts Graphic, Grid, Grid Split, 2, 3 and 4 Column Modules
----------------------------------------------------------------------------------------------------*/
/*----- Graphic Only Callouts -----*/
#productWide .container .callouts {
	width: 730px;
}
.callouts img {
	float: left;
}

/*----- 980 Width 4 Column Callouts -----*/
.width980Dividers {
	background: url("/DotCom/img/global/moduleBorders.png") -7272px 100% no-repeat;
	width: 980px;
}
.callouts ul {
	background: url("/DotCom/img/global/moduleBorders.png") -7272px 0 no-repeat;
	display: table-cell;
	display: inline-block;
	width: 980px;
}
.callouts ul ul {
	background: none;
	display: block;
	width: auto;
}
.callouts ul li {
	float: left;
	padding: 15px 22px 20px 23px;
	width: 200px;
}
.callouts ul img {
	float: none;
	padding-bottom: 15px;
}
.callouts ul p {
	padding: 13px 0 0 0;
}
.container .callouts ul a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.callouts ul strong {
	color: #7f7f7f;
	font-size: 12px;
}
.callouts ul li li {
	padding: 10px 0;
}
.container .callouts ul li li a {
	font-size: 11px;
}
.container .callouts ul a:hover {
	text-decoration: underline;
}

/*----- 730 Width 2 Column Callouts -----*/
.callouts2Col {
	display: -moz-inline-block;
	display: inline-block;
}
.callouts2Col .col {
	color: #7f7f7f;
	float: left;
	min-height: 130px;
	_height: 130px;
	padding: 15px 20px 20px 20px;
	width: 315px;
}
.callouts2Col div.first {
	border-right: 1px solid #e5e5e5;
	width: 314px;
}
.callouts2Col h2 {
	background: none;
	border: 0;
	color: #000;
	font-size: 13px;
	padding: 0;
}
.callouts2Col ul.bullets {
	float: right;
	line-height: 1.4em;
	padding: 10px 0 0 55px;
}
.callouts2Col div.first ul.bullets {
	padding: 10px 20px 0 35px;
	width: 100px;
}
.callouts2Col div.first ul.bullets li {
	background-position: 0 10px;
	float: left;
	width: 100px;
}
.callouts2Col div.first ul.bullets li a {
	float: left;
}
.callouts2Col img {
	float: right;
	margin: 15px 0 0 10px;
}
.callouts2Col img.flushRight {
	margin-right: -19px;
}
.callouts2Col p {
	padding: 13px 0 0 0;
}
.callouts2Col .col a {
	float: left;
	font-weight: normal;
	margin-top: 3px;
	text-decoration: none;
}
.callouts2Col .col a:hover {
	text-decoration: underline;
}

/*----- 980 Width Callouts Grid -----*/
.calloutsGrid {
	background: no-repeat;
	clear: both;
	display: inline-block;
	margin: 0 auto 0 auto;
	width: 980px;
}
.calloutsGrid li {
	display: inline;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
}
.calloutsGrid li.small {
	margin: 0 0 20px 0;
}
.calloutsGrid li.bottom {
	margin: 0;
}
.calloutsGrid li span {
	background-color: #f30;
	color: #fff;
	bottom: 0;
	display: none;
	font-size: 12px;
	font-weight: bold;
	height: 32px;
	left: 0;
	line-height: 1.2em;
	padding: 9px 5px 8px 10px;
	position: absolute;
}
.calloutsGrid li.thin span { width: 307px; }
.calloutsGrid li.wide span { width: 409px; }
.calloutsGrid li.small span { width: 179px; }
.calloutsGrid li a:hover span,
.calloutsGrid li a.show span { display: block; }

/*----- Products Content Template: 980 Width 3 Column Callouts -----*/
#productsContent .callouts3Col {
	display: table-cell;
	display: inline-block;
	margin-bottom: 0;
}
#productsContent .callouts3Col .col {
	border-left: 1px solid #e5e5e5;
	color: #7f7f7f;
	float: left;
	height: auto;
	min-height: 105px;
	_height: 105px;
	padding: 15px 20px 20px 20px;
	width: 286px;
}
#productsContent .callouts3Col div.first {
	border-left: 0;
}
#productsContent .callouts3Col h2 {
	background: none;
	border: 0;
	color: #000;
	font-size: 13px;
	padding: 0;
}
#productsContent .callouts3Col img {
	float: right;
	margin: 0 0 0 10px;
}
#productsContent .callouts3Col p {
	padding: 13px 0 0 0;
}
#productsContent .callouts3Col .col a {
	float: left;
	font-weight: normal;
	margin-top: 3px;
	text-decoration: none;
}
#productsContent .callouts3Col .col a:hover {
	text-decoration: underline;
}

/*----- Split Grid : 480px Width -----*/
.gridSplit {
	display: -moz-inline-box;
	_display: inline-block;
}
.gridSplit li {
	display: inline;
	float: left;
	position: relative;
	margin: 0 0 20px 20px;
}
.gridSplit li.first {
	margin-left: 0;
}
.gridSplit li span.details {
	color: #fff;
	_bottom: -1px;
	display: block;
	font-size: 11px;
	height: 65px;
	font-weight: normal;
	line-height: 1.6em;
	padding: 20px 20px;
	width: 440px;
}
.gridSplit li span.arrow {
	background-position: -3820px 4px;
	font-size: 16px;
	height: auto;
	margin: 0 -10px 10px -10px;
	font-weight: bold;
	padding-left: 10px;
	width: 470px;
}
.gridSplit li a,
.gridSplit li a span {
	text-decoration: none;
}
.gridSplit li a:hover span.arrow {
	color: #f30;
}


/* =Related Products Module
----------------------------------------------------------------------------------------------------*/
#carouselRelated {
	margin: 10px 0 10px 44px;
	overflow: hidden;
	position: relative;
	width: 640px;
}
.col230 #carouselRelated {
	margin-left: 34px;
	width: 150px;
}
.relatedProducts {
	clear: both;
}
.relatedProducts .carousel {
	position: relative;
}
.relatedProducts .carousel li {
	display: inline;
	float: left;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	width: 140px;
}
.relatedProducts .carousel li a {
	float: left;
	text-decoration: none;
}
.relatedProducts .carousel li a span {
	clear: both;
	color: #f30;
	display: block;
	padding: 5px 5px 1px 5px;
}
.relatedProducts .carousel li a:hover {
	text-decoration: none;
	_text-decoration: underline;
}
.relatedProducts .carousel li a:hover span {
	text-decoration: underline;
}
.relatedProducts a.prev,
.relatedProducts a.next {
	left: 7px;
	position: absolute;
	top: 105px;
}
.relatedProducts a.next {
	left: auto;
	right: 7px;
}

/*----- Override for 480px Width -----*/
.modWidth480 #carouselRelated {
	margin-left: 79px;
	width: 320px;
}

/*----- Override for 980px Width -----*/
.width980HdrBg #carouselRelated  {
	width: 892px;
}
.width980HdrBg #carouselRelated .carousel li {
	width: 158px;
}


/* =Carousel Header
----------------------------------------------------------------------------------------------------*/
.carouselHeader {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -2313px 0 no-repeat;
	position: relative;
	width: 100%;
}
.carouselHeader ul.tabs {
	border: none;
	margin: 3px 0 7px 0;
	left: 33%;
	position: absolute;
	top: 0;
}
.carouselHeader ul.tabs li a {
	color: #7f7f7f;
	font-weight: bold;
}
.carouselHeader ul.tabs li a.selected:hover {
	color: #414141;
}
.carouselHeader ul.tabs li a span {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -28px no-repeat;
	height: 26px;
	padding: 0;
}
.carouselHeader ul.tabs li a span.rightCurve {
	background-position: 100% -28px;
}
.carouselHeader ul.tabs a.selected {
	background: #fff url("/DotCom/img/global/bgBubbles.png") 50% -28px no-repeat;
	color: #414141;
}


/* =Featured Products Module
----------------------------------------------------------------------------------------------------*/
#carouselFeatured {
	margin: 20px 0 0 60px;
	overflow: hidden;
	position: relative;
}
.featuredProducts .carousel {
	position: relative;
}
.featuredProducts .carousel li {
	display: inline;
	float: left;
	height: 350px;
	padding: 0 20px;
	text-align: center;
	width: 300px;
}
.featuredProducts .carousel li a {
	text-decoration: none;
}
.featuredProducts .carousel li span {
	display: block;
	padding: 0 0 5px 0;
}
.featuredProducts .carousel li span.info {
	clear: both;
	margin: 0 -20px;
	padding: 20px 0 1px 0;
	text-align: left;
	width: 340px;
}
.featuredProducts .carousel li span.name {
	color: #414141;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 8px;
}
.featuredProducts .carousel li a:hover {
	text-decoration: none;
}
.featuredProducts .carousel li span a:hover {
	text-decoration: underline;
}
.featuredProducts a.prev,
.featuredProducts a.next {
	left: 7px;
	position: absolute;
	top: 215px;
}
.featuredProducts a.next {
	left: auto;
	right: 7px;
}


/* =Featured Stories & Press Kits Module
----------------------------------------------------------------------------------------------------*/
.featuredStories,
.pressKits {
	float: left;
	_float: none;
	_overflow: hidden;
	padding-bottom: 20px;
}
.featuredStories ul,
.pressKits ul {
	display: inline;
	float: left;
	margin: 0 15px;
	padding-bottom: 20px;
	_padding-bottom: 5px;
}
.pressKits ul {
	padding-bottom: 0;
}
.featuredStories li,
.pressKits li {
	border-bottom: 1px solid #e5e5e5;
	color: #7f7f7f;
	float: left;
	font-size: 11px;
	line-height: 1.6em;
	padding: 20px 0;
	width: 430px;
}
.featuredStories li.bottom,
.pressKits li.bottom {
	border-bottom: 0;
	padding-bottom: 0;
}
.featuredStories li img,
.pressKits li img {
	float: left;
	margin-right: 12px;
}
.featuredStories h4 {
	_clear: both;
	color: #7f7f7f;
	font-size: 11px;
	padding: 15px 15px 5px 15px;
}
.featuredStories li h4,
.pressKits li h4 {
	_clear: none;
	color: #414141;
	font-size: 13px;
	padding: 0 0 10px 0;
}
.featuredStories li span,
.pressKits li span {
	display: block;
	float: left;
	padding-bottom: 5px;
	width: 335px;
}
.featuredStories li span a.pdf,
.featuredStories li span a,
.pressKits li span a.pdf,
.pressKits li span a {
	color: #f30;
	display: inline-block;
	margin-top: 5px;
}
.featuredStories ul.bullets {
	display: block;
	float: none;
	margin-bottom: 15px;
	*margin-bottom: 0px;
}
.featuredStories ul.bullets li {
	border-bottom: 0;
	padding: 0 0 0 10px;
}
.container .featuredStories ul li a,
.container .featuredStories ul.bullets li a,
.container .pressKits ul li a, {
	text-decoration: none;
}
.container .featuredStories ul li a:hover,
.container .featuredStories ul.bullets li a:hover,
.container .pressKits ul li a:hover {
	text-decoration: underline;
}


/* =Product Group & Product Group Big Modules
----------------------------------------------------------------------------------------------------*/
.productGroup ul,
.productGroupBig ul {
	display: table-cell;
	display: inline-block;
	padding: 20px 0 0 10px;
}
.productGroupBig ul {
	padding-left: 23px;
}
.productGroupBig ul.twoCol,
.productGroupBig ul.viewAll {
	padding-left: 3px;
}
.productGroup li,
.productGroupBig li {
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	text-align: center;
	width: 100px;
}
.productGroup li {
	width: 140px;
}
.productGroupBig ul.viewAll li {
	margin: 0 13px;
}
.productGroupBig li {
	margin: 0 17px;
	padding-bottom: 30px;
	padding-left: 5px;
	padding-right: 5px;
	width: 140px;
}
.container .productGroup li a,
.container .productGroupBig li a {
	float: left;
	padding-bottom: 1px;
	text-decoration: none;
}
.productGroup li a span,
.productGroupBig li a span {
	clear: both;
	color: #f30;
	display: block;
	margin-top: 10px;
	padding: 0 2px;
}
.productGroup li a:hover,
.productGroupBig li a:hover {
	text-decoration: none;
	_text-decoration: underline;
}
.productGroup li a:hover span,
.productGroupBig li a:hover span {
	text-decoration: underline;
}

/*----- Carousel 230px -----*/
#carouselProductGroup {
	margin: 10px 0 10px 45px;
	overflow: hidden;
	width: 140px;
}
#carouselProductGroup ul {
	display: block;
	padding: 0;
}
.productGroup a.prev,
.productGroup a.next {
	left: 7px;
	position: absolute;
	top: 110px;
}
.productGroup a.next {
	left: auto;
	right: 7px;
}

/*----- Carousel 480px -----*/
.container730 .modWidth480 #carouselProductGroup {
	margin: 10px 0 10px 79px;
	width: 320px;
}

/*----- Carousel 730px -----*/
.container730 #carouselProductGroup {
	margin: 10px 0 10px 44px;
	position: relative;
	width: 640px;
}
.container730 .productGroup {
	clear: both;
}
.container730 .productGroup .carousel {
	position: relative;
	width: 640px;
}
.container730 .productGroup .carousel li {
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 0 5px;
	text-align: center;
	width: 140px;
}
.container730 .productGroup .carousel li a {
	float: left;
	text-decoration: none;
}
.container730 .productGroup .carousel li a span {
	clear: both;
	color: #f30;
	display: block;
	padding: 0 5px 1px 5px;
}
.container730 .productGroup .carousel li a:hover {
	text-decoration: none;
	_text-decoration: underline;
}
.container730 .productGroup .carousel li a:hover span {
	text-decoration: underline;
}
.container730 .productGroup a.prev,
.container730 .productGroup a.next {
	left: 7px;
	position: absolute;
	top: 105px;
}
.container730 .productGroup a.next {
	left: auto;
	right: 7px;
}

/*----- Carousel 980px -----*/
.caseStudiesFlash .productGroup,
.caseStudiesSlideshow .productGroup {
	clear: both;
	margin-top: 20px;
	*margin-top: 10px;
}
.width980 #carouselProductGroup {
	margin: 10px 0 10px 39px;
	width: 830px;
}
.width980 #carouselProductGroup .carousel {
	width: 900px;
}
.width980 #carouselProductGroup .carousel li {
	display: inline;
	float: left;
	margin: 0 15px;
	padding: 0 5px;
	text-align: center;
	width: 140px;
}


/* =Product Grid
----------------------------------------------------------------------------------------------------*/	
#productGrid {
	position: relative;
}
#productGrid h2 {
	border-top: 3px solid #f2f2f2;
	clear: both;
	font-size: 13px;
	margin: 0 0 0 17px;
	padding: 15px 0 20px 0;
	text-transform: uppercase;
}
#productGrid h2#collection {
	border: 0;
	color: #b2b2b2;
	font-size: 12px;
	padding: 15px 0;
	text-transform: none;
}
#productGrid h3 {
	clear: both;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 0 17px;
	padding: 5px 0 20px 0;
}
#productGrid .products {
	display: table-cell;
	display: inline-block;
}
#productGrid .products li {
	display: inline;
	float: left;
	padding: 0 0 10px 17px;
	text-align: center;
	width: 165px;
}
#productGrid .leftAlignTxt li,
#productGrid .iDrop li {
	text-align: left;
}
.container #productGrid .products li a {
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.container #productGrid .products li span {
	font-size: 11px;
	font-weight: bold;
}
#productGrid .products li a img {
	border: 1px solid #fff;
}
#productGrid .imgBorderGray li a img,
#productGrid .iDrop li img {
	border: 1px solid #e5e5e5;
}
#productGrid .products li span,
#productGrid .products li a span {
	clear: both;
	color: #414141;
	display: block;
	height: 40px;
	line-height: 1.2em;
	margin-top: 5px;
	padding: 0 0 5px 0;
	position: relative;
}
#productGrid .products li a:hover {
	color: #f30;
	text-decoration: none;
}
#productGrid .products li a.hover span,
#productGrid .products li a:hover span,
#productGrid .products li a span:hover {
	color: #f30;
	cursor: pointer;
	text-decoration: none;
}
/* ----- Defines Download Links and Adjusts Bottom Padding on Product Name Span ----- */
#productGrid .iDrop li span {
	
}
#productGrid .products li ul {
	clear: both;
	display: table-cell;
	display: inline-block;
	padding-bottom: 5px;
}
#productGrid .products li li {
	margin: 0;
	padding: 0;
}
#productGrid .products li li a {
	background: url("/DotCom/img/global/icons.png") -4800px 3px no-repeat;
	color: #f30;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 0;
	padding: 0 0 0 13px;
	text-decoration: none;
}
#productGrid .products li li a:hover {
	text-decoration: underline;
}


/* =Designers Featured Bar Module
----------------------------------------------------------------------------------------------------*/
.featuredBar {
	background: url("/DotCom/img/global/moduleBorders.png") -2495px 0 no-repeat;
	margin: 0 0 20px 0;
	line-height: 40px;
	padding: 0;
	width: 710px;
}
.featuredBar span.title {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 15px;
}


/* =Designers Grid
----------------------------------------------------------------------------------------------------*/
.designersGrid {
	display: inline-block;
	margin: 0 0 0 6px;
}
.designersGrid li {
	border: 1px solid #fff;
	display: inline;
	float: left;
	position: relative;
	margin: 0 0 14px 14px;
}
.grayImgBorder li {
	border: 1px solid #e5e5e5;
}
.grayImgBorder li.quote {
	border: 1px solid #fff;
}
.designersGrid li span {
	background-color: #f30;
	color: #fff;
	bottom: 0;
	_bottom: -1px;
	display: none;
	font-size: 12px;
	font-weight: bold;
	left: 0;
	line-height: 1.2em;
	padding: 5px 10px;
	position: absolute;
	width: 145px;
}
.designersGrid li.wide span {
	width: 326px;
}
.designersGrid li img { float: left; }
.designersGrid li a:hover span,
.designersGrid li a.show span { display: block; }


/* =Collections Grid
----------------------------------------------------------------------------------------------------*/
.collectionsGrid {
	display: inline-block;
}
.collectionsGrid li {
	display: inline;
	float: left;
	position: relative;
	margin: 0 0 20px 20px;
}
.collectionsGrid li span.details {
	color: #fff;
	_bottom: -1px;
	display: block;
	font-size: 12px;
	height: 25px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 10px;
	width: 210px;
}
.collectionsGrid li span.arrow {
	background-position: -3820px 3px;	
	height: auto;
	margin: 0px 0px 10px 0;
	font-weight: bold;
	padding-left: 10px;
	width: 200px;
}
.collectionsGrid li.wide span.details {
	width: 440px;
}
.collectionsGrid li.wide span.arrow {
	width: 430px;
}
.collectionsGrid li a,
.collectionsGrid li a span {
	text-decoration: none;
}
.collectionsGrid li a:hover span.arrow {
	color: #f30;
}


/* =Landing Grid
----------------------------------------------------------------------------------------------------*/
.landingGrid {
	display: inline-block;
	*display: table-cell;
}
.landingGrid li {
	display: inline;
	float: left;
	position: relative;
	margin: 0 0 20px 20px;
}
.landingGrid li span.details {
	color: #fff;
	_bottom: -1px;
	display: block;
	font-size: 12px;
	height: 25px;
	font-weight: normal;
	line-height: 1.2em;
	padding: 10px;
	width: 315px;
}
.landingGrid li span.arrow {
	background-position: -3820px 3px;	
	height: auto;
	margin: 0px 0px 10px 0;
	font-weight: bold;
	padding-left: 10px;
	width: 305px;
}
.landingGrid li.wide span.details {
	width: 335px;
}
.landingGrid li.wide span.arrow {
	width: 325px;
}
.landingGrid li a,
.landingGrid li a span {
	text-decoration: none;
}
.landingGrid li a:hover span.arrow {
	color: #f30;
}


/* =Bestsellers Grid
----------------------------------------------------------------------------------------------------*/
.bestsellersGrid {
	display: inline;
	float: left;
	margin: -1px 0 -10px 2px;
}
.bestsellersGrid li {
	border: 1px solid #e6e6e6;
	border-width: 1px 1px 0 0px;
	display: inline;
	float: left;
	padding: 30px 0 10px 36px;
	text-align: center;
	width: 199px;
}
.bestsellersGrid li.rowEnd {
	border-right: 0;
}
.container .bestsellersGrid li a {
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.bestsellersGrid li a img {
	border: 1px solid #fff;
}
.bestsellersGrid li span,
.bestsellersGrid li a span {
	clear: both;
	color: #414141;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 5px;
	padding: 0 0 15px 0;
	position: relative;
}
.bestsellersGrid li a:hover {
	color: #f30;
	text-decoration: none;
}
.bestsellersGrid li a.hover span,
.bestsellersGrid li a:hover span,
.bestsellersGrid li a span:hover {
	color: #f30;
	cursor: pointer;
	text-decoration: none;
}


/* =About Us
----------------------------------------------------------------------------------------------------*/
#aboutUs .main {
	margin-top: 10px;
	overflow: hidden;
}
#aboutUs .main #hero {
	margin-left: 0;
}
#aboutUs .colMiddle {
	width: 480px;
}
#aboutUs .colMiddle .text {
	display: block;
	float: none;
	margin-left: 20px;
	padding-bottom: 0;
	width: auto;
}
#aboutUs .container730 #hero {
	margin-left: 20px;
}
#aboutUs .container730 #hero p,
#aboutUs .colMiddle .text p {
	font-size: 12px;
	line-height: 1.6em;
	padding-top: 15px;
}
#aboutUs .colMiddle .text p {
	color: #414141;
	padding-left: 0;
	padding-top: 0;
}
#aboutUs .colMiddle .text p img {
	float: right;
	padding-left: 20px;
}
#aboutUs .colMiddle .text p a {
	font-weight: normal;
	text-decoration: none;
}
#aboutUs .colMiddle .text p a:hover {
	text-decoration: underline;
}
#aboutUs .colMiddle #hero {
	margin-left: 20px;
	width: 460px;
}
#aboutUs .colMiddle .container {
	margin-bottom: 0;
	width: 480px;
}
#aboutUs .colMiddle .container .module {
	display: inline;
}
#aboutUs .colMiddle .module {
	margin: 0 0 20px 20px;
}
#aboutUs .modWidth480 {
	width: 480px;
}
#aboutUs .modWidth480 .module,
#aboutUs .width480 {
	height: auto;
}
#aboutUs .modWidth355 .module,
#aboutUs .modWidth480 .module,
#aboutUs .modWidth710 .module {
	margin-bottom: 20px;
}
#aboutUs .modWidth710 .module {
	display: inline;
	float: left;
}
#aboutUs .generic,
#aboutUs .simple {
	position: relative;
}
#aboutUs .generic .divider {
	margin: 0 0 15px 0;
}
#aboutUs .generic .resetMargin {
	margin: 0 15px;
}
#aboutUs .generic img.wide {
	margin-bottom: 0;
}
#aboutUs .generic span.footnote {
	color: #999;
	display: block;
	font-size: 10px;
	padding: 10px 10px 5px 15px;
}
#aboutUs .modHt415 .module {
	height: 415px;
}
#aboutUs .ht315 {
	height: 315px;
}
#aboutUs .ht375 {
	height: 375px;
}
#aboutUs .ht395 {
	height: 395px;
}
#aboutUs .modWidth480 .ht435 {
	height: 435px;
}
#aboutUs .modWidth480 .ht275 {
	height: 275px;
}
#aboutUs .generic span.title {
	color: #414141;
	font-weight: bold;
}
#aboutUs .generic span.title,
#aboutUs .generic span.title a {
	font-size: 16px;
	text-decoration: none;
}
#aboutUs .container730 .generic span.title a:hover {
	text-decoration: underline;
}
#aboutUs .container730 .simple {
	margin-left: 20px;
	padding-bottom: 0;
}
#aboutUs .simple h2 {
	font-size: 12px;
	padding: 14px 14px 19px 14px;
}
#aboutUs .simple div.showHide {
	float: left;
	height: 145px;
	overflow: hidden;
	width: 470px;
}
#aboutUs .generic div.showHide {
	height: 35px;
	overflow: hidden;
}
#aboutUs .simple div.show,
#aboutUs .generic div.show {
    height: auto;
    overflow: visible;
}
#aboutUs .simple div.show {
	padding-bottom: 25px;
}
#aboutUs .container a.showHide {
	display: -moz-inline-box;
	display: inline-block;
	margin: 10px 0 5px 15px;
}
#aboutUs .simple a.showHide {
	bottom: 10px;
	left: 235px;
	position: absolute;
}
#aboutUs .splitCol {
	display: -moz-inline-block;
	display: inline-block;
}
#aboutUs .splitCol .col {
	float: left;
	margin: 15px 0 0 0;
	width: 228px;
	_width: 225px;
}
#aboutUs .splitCol .first {
	border-right: 1px solid #e5e5e5;	
}
#aboutUs .splitCol ul {
	padding-bottom: 15px;
	padding-left: 15px;
}
#aboutUs .splitCol li {
	color: #7f7f7f;
	padding: 5px 0 5px 10px;
}
#aboutUs .splitCol li a {
	text-decoration: none;
}
#aboutUs .splitCol li a:hover {
	text-decoration: underline;
}


/* =Blog Template
----------------------------------------------------------------------------------------------------*/
/* ----- Middle Column ----- */
.col480 {
	margin: 0 20px 0 0;
	width: 480px;
}
.col480 .selected ul {
	display: block;
}

/* ----- Default .col230 Module Styles ----- */
#blog .col230 a, #blog .col230 a:link, #blog .col230 a:visited {
	text-decoration: none;
}
#blog .col230 a:hover {
	text-decoration: underline;
}
#blog .col230 h2 {
	margin-bottom: 15px;
}
#blog .col230 p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
}
#blog .col230 p a {
	font-weight: normal;
}
#blog .col230 ul {
	padding-left: 20px;
	overflow: hidden;
}
#blog .col230 li {
	line-height: 1.6em;
	width: 190px;
}
#blog .col230 li.first {
	border: 0;
	margin: 0;
	padding: 0;
}
#blog .col230 li.action {
	border-top: 1px solid #e6e6e6;
	margin-top: 15px;
	margin-left: -20px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 210px;
}
#blog .col230 li.action a {
	color: #f30;
}
#blog .col230 a {
	font-size: 12px;
}

/* ----- Tabs ----- */
#blog .col230 ul.tabs {
	border: none;
	padding-left: 15px;
	padding-top: 15px;
}
#blog .col230 ul.tabs li {
	/*_display: inline;*/
	margin-right: 5px;
	width: auto;
}
#blog .col230 ul.tabs li a {
	font-size: 11px;
}
#blog .col230 ul.tabs li a:hover {
	text-decoration: none;
}

/* ----- Side Nav ----- */
#blog .col230 .sideNav {
	margin-bottom: 15px;
	padding-left: 15px;
	overflow: hidden;
	width: auto;
}
#blog .col230 .sideNav li {
	border: 0;
	line-height: 1.3em;
	padding: 5px 15px;
	width: 170px;
}
#blog .sideNav li a {
	font-size: 11px;
	width: auto;
}
#blog .sideNav li a:hover {
	text-decoration: none;
}
#blog .sideNav #search {
    background: url("/DotCom/img/global/bgSearch.png") 0 20px no-repeat;
    border-top: 1px solid #e5e5e5;
    margin-bottom: -15px;
    *margin-bottom: 0; /*IE7*/    
    _margin-bottom: -15px; /*IE6*/
    padding: 0;
    width: 200px;
}

/* ----- Header Icons ----- */
#blog h2.icon span {
	background: url("/DotCom/img/global/iconsHdr.png") 0 0 no-repeat;
	_display: block; /*IE6*/
	float: left;
	height: 18px;
	margin: -2px 0 0 0;
	padding-right: 10px;
	text-indent: -999.9em;
}
#blog .signUp .icon span {
	background-position: 0 4px;
	width: 14px;
}
#blog .rss .icon span {
	background-position: -24px 2px;
	width: 12px;
}
#blog .twitter .icon span {
	background-position: -46px 0px;
	width: 18px;
}
#blog .flickr .icon span {
	background-position: -74px 0px;
	width: 35px;
}
#blog .youTube .icon span {
	background-position: -120px 0px;
	width: 44px;
}

/* ----- Sign-Up Module ----- */
#blog .signUp fieldset {
	margin: 0 0 5px 15px;
	width: 200px;
}
#blog .signUp label {
	display: block;
	font-size: 12px;
	line-height: 1.4em;
	padding-bottom: 8px;
}
#blog .signUp input {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 3px 2px;
	width: 196px;
}

/* ----- RSS Module ----- */
#blog .rss h2 {
	border: 0;
	font-size: 11px;
	margin-bottom: 5px;
	padding-bottom: 0;
}
#blog .rss a {
	color: #414141;
	font-size: 11px;
	font-weight: normal;
}
#blog .rss a:hover {
	color: #f30;
	text-decoration: none;
}

/* ----- Contributors Module : Width 230 ----- */
#blog .contributors img {
	float: left;
	margin-right: 10px;
}
#blog .contributors li {
	display: -moz-inline-box;
	display: inline-block;
	border-top: 1px solid #e6e6e6;
	margin-top: 15px;
	padding-top: 15px;
}
#blog .contributors span {
	color: #414141;
	display: block;
	float: left;
	font-size: 12px;
	width: 134px;
}
#blog .contributors li a {
	color: #414141;
}
#blog .contributors li a span {
	color: #f30;
	display: inline;
	float: none;
	font-weight: normal;
}
#blog .contributors li a:hover,
#blog .contributors li a:hover span {
	color: #f30;
	text-decoration: none;
}
#blog .contributors li.action a:hover {
	text-decoration: underline;
}

/* ----- Contributors Module : Width 480 ----- */
#blog .modWidth480 .module {
	height: auto;
	margin-bottom: 20px;
}
#blog .col480 h3 {
	font-size: 15px;
	padding: 10px 0 25px 0;
}
#blog .col480 .contributors { 
	overflow: hidden;
	padding-bottom: 0;
}
#blog .col480 .contributors h2 {
	color: #414141;
	font-size: 18px;
	margin-bottom: 20px;
}
#blog .col480 .contributors h2 span {
	float: none;
	font-size: 12px;
	padding-top: 5px;
}
#blog .col480 .contributors img {
	padding: 0 5px 20px 20px;
}
#blog .col480 .contributors p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
	padding-left: 0;
	padding-right: 0;
}
#blog .col480 .contributors .action {
	border-top: 1px solid #e6e6e6;
	clear: both;
	*display: inline-block;
	padding: 15px 0 15px 20px;
}
#blog .col480 .contributors .action a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#blog .col480 .contributors .action a:hover {
	text-decoration: underline;
}
#blog .contributors a.showHide {
	display: inline;
	float: right;
	margin: 0 260px 10px 0px;
}
#blog .contributors a.hide {
	margin-right: 295px;
}
#blog div.showHide {
	float: left;
	height: 105px;
	overflow: hidden;
	width: 317px;
}
#blog div.show {
	height: auto;
	overflow: visible;
}

/* ----- Custom Header Moduel ----- */
#blog .customHdr h2 {
	background: url("/DotCom/img/global/customModuleHdrs.png") 0 0 no-repeat;
	height: 58px;
	margin: 0;
	padding: 0;
	text-indent: -99.9em;
}
#blog .customHdr h2.blog1 {
	background-position: 0 -58px;
}
#blog .customHdr img {
	margin-left: 1px;
}
#blog .customHdr ul {
	padding-top: 10px;
}
#blog .customHdr li {
	border-top: 1px solid #e5e5e5;
	padding: 8px 0;
}
#blog .customHdr li.first {
	border: 0;
	padding-bottom: 8px;
}
#blog .customHdr li.action {
	margin-top: 0;
	padding: 15px 0 5px 20px;
	width: 210px;
}
#blog .customHdr li a {
	color: #414141;
	font-size: 11px;
}
#blog .customHdr li a:hover {
	color: #f30;
	text-decoration: none;
}
#blog .customHdr li.action a {
	color: #f30;
	font-size: 12px;
}
#blog .customHdr li.action a:hover {
	text-decoration: underline;
}

/* ----- Twitter Module ----- */
#blog .twitter li {
	font-size: 12px;
	padding-top: 15px;
}
#blog .twitter li span {
	display: inline;
	color: #7f7f7f;
	float: none;
}

/* ----- Flickr Module ----- */
#blog .flickr li {
	float: left;
	margin-bottom: 20px;
	width: 105px;
}
#blog .flickr li.action {
	_display: inline; /*IE6*/
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 15px;
}

/* ----- YouTube Module ----- */
#blog .youTube .video {
	margin: 0 0 10px 20px;
	width: 190px;
}
#blog .youTube li {
	font-size: 12px;
	font-weight: bold;
}
#blog .youTube li.action {
	padding-top: 15px;
}

/* ----- Quick Links Module ----- */
#blog .quickLinks {
	padding-bottom: 20px;
}
#blog .quickLinks li a {
	color: #f30;
	font-size: 11px;
}

/* ----- Quick Tips Module ----- */
#blog .quickTips {
	padding-bottom: 5px;
}
#blog .quickTips h2 {
	border: 0;
	padding-bottom: 0px;
}
#blog .quickTips li {
	border-top: 1px solid #e5e5e5;
	padding: 15px 0 10px 0;
}
#blog .quickTips li.first {
	border: 0;
	padding: 5px 0 10px 0;
}
#blog .quickTips li span {
	background: url("/DotCom/img/global/iconsQuickTips.png") 0 0 no-repeat;
	color: #7f7f7f;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 100%;
	line-height: 1.2em;
	padding-bottom: 8px;
}
#blog .quickTips li span.icon2 { background-position: 0 -41px; }
#blog .quickTips li span.icon3 { background-position: 0 -82px; }
#blog .quickTips span span {
	background: none;
	padding: 0 0 0 22px;
}
#blog .quickTips span.category {
	color: #414141;
	text-transform: uppercase;
}
#blog .quickTips p {
	color: #7f7f7f;
	font-size: 15px;
	line-height: 1.2em;
	padding-bottom: 5px;
	padding-left: 0;
}
#blog .quickTips li a {
	color: #f30;
	font-size: 11px;
}

/* ----- Poll Module ----- */
.poll .question {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	padding-bottom: 20px;
}
.poll fieldset {
	font-size: 12px;
	padding-bottom: 5px;
}
.poll label {
	float: left;
	line-height: 1.2em;
	width: 190px;
}
.poll input {
	float: left;
	height: 14px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 14px;
}
.poll .actions {
	padding-top: 20px;
}
.poll a {
	float: left;
	margin-right: 10px;
}
.poll a.link {
	float: left;
	font-size: 11px;
	margin-top: 5px;
}
.col230 .poll {
	margin-left: 15px;
	width: 200px;
}
.col230 .poll img {
	margin-bottom: 10px;
}
.col230 .poll .question {
	color: #414141;
	font-size: 13px;
}
.col230 .poll label {
	font-size: 11px;
	width: 170px;
}
#blog .col230 .poll a.link {
	float: right;
	font-size: 11px;
	font-weight: normal;
}


/* =Blog Post Styles
----------------------------------------------------------------------------------------------------*/

/* ----- Post Container ----- */
.post {
	padding-bottom: 43px;
}
.post a, .post a:link, .post a:visited {
	text-decoration: none;
}
.post a:hover {
	text-decoration: underline;
}
/* Post Tag */
.post span.tag {
	background-color: #989898;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	padding: 2px 5px;
	text-transform: uppercase;
}
.post span.tag a {
	color: #fff;
}

/* ----- Post Date ----- */
.post span.date {
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 8px;
	text-transform: uppercase;
}

/* ----- Post Author ----- */
.post span.author {
	display: block;
	font-size: 12px;
	margin-bottom: 20px;
}

/* ----- Post Titles ----- */
.post h1 {
	font-size: 22px;
	line-height: 1.4em;
	padding: 10px 0;
}
.post h1 a, .post h1 a:link, .post h1 a:visited {
	color: #414141;
}
.post h1 a:hover {
	color: #f30;
	text-decoration: none;
}
.alt .post h1 {
	margin-bottom: 10px;
}
.alt .post h1 a, .alt .post h1 a:link, .alt .post h1 a:visited {
	color: #f30;
}
.alt .post h1 a:hover {
	text-decoration: underline;
}

/* ----- Post Image ----- */
.post img {
	padding: 0 0 20px 0;
}
.post img.floatRight {
	margin-left: 20px;
	padding-bottom: 0;
}

/* ----- Post Text ----- */
.post p {
	font-size: 12px;
	line-height: 1.6em;
	padding: 0 0 20px 0;
	width: 480px;
}

/* ----- Post Action Link ----- */
.post a.action {
	float: left;
	font-size: 12px;
	margin-bottom: 20px;
}

/* ----- Post Utility Links ----- */
.post .utilityLinks {
	clear: both;
	font-size: 12px;
	padding: 0px 0 0 0;
}
.post .utilityLinks a {
	margin-right: 10px;
}

/* ----- Post Footer Container ----- */
.postFooter {
	border-top: 1px solid #cacaca;
	display: -moz-inline-block;
	display: inline-block;
	margin-top: 15px;
	padding-top: 15px;
}
.postFooter .tags {
	display: inline;
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.2em;
	padding-top: 3px;
	text-transform: uppercase;
	width: 330px;
}
.postFooter .tags span {
	color: #7f7f7f;
}
.postFooter .tags a {
	color: #414141;
}
.postFooter .tags a:hover {
	color: #f30;
	text-decoration: none;
}

/* ----- Post Share Links ----- */
.share {
	float: right;
}
.share li {
	float: left;
	font-size: 10px;
	font-weight: bold;
	line-height: 13px;
	padding: 0 0 0 10px;
	text-transform: uppercase;
	vertical-align: center;
}
.share li span {
	float: left;
	padding: 2px 10px 0 0;
}
.share li a {
	background: url("/DotCom/img/global/iconsShare.png") 0 0 no-repeat;
	display: block;
	float: left;
	height: 13px;
	overflow: hidden;
	text-indent: -999.9em;
	width: 16px;
}
.share li.delicious a {
	background-position: 0 0;
	width: 12px;
}
.share li.delicious a:hover { background-position: 0 -20px; }
.share li.facebook a {
	background-position: -24px 0;
	width: 13px;
}
.share li.facebook a:hover { background-position: -24px -20px; }
.share li.digg a { background-position: -46px 0; }
.share li.digg a:hover { background-position: -46px -20px; }
.share li.email a {	background-position: -72px 0; }
.share li.email a:hover { background-position: -72px -20px; }

/* ----- Post Nav ----- */
.postNav a.prev,
.postNav a.next {
	background: url("/DotCom/img/global/buttons.png") no-repeat -569px 0;
	display: block;
	float: left;
	height: 22px;
	overflow: hidden;
	text-indent: -900px;
	width: 81px;
}
.postNav a.next {
	background-position: -650px 0;
	float: right;
	width: 62px;
}
.postNav a.prev:hover { background-position: -569px -25px; }
.postNav a.next:hover { background-position: -650px -25px; }



/* =Features Carousel / Case Studies Carousel / Herman Miller Products Carousel
----------------------------------------------------------------------------------------------------*/
#featuresDetail #carouselRelated,
#carouselCaseStudies,
#carouselResearch,
#carouselSolutionEssay {
	overflow: hidden;
	margin: 20px 0 20px 45px;
	position: relative;
	width: 875px;
}
#carouselSolutionEssay {
	margin-left: 55px;
}
.solutionsResults #carouselSolutionEssay {
    margin: 0 auto;
    width: 654px;
}
#carouselSolutionEssay ul.links {
	width: 654px;
}
.relatedContent {
	clear: both;
}
.relatedContent .carouselContainer {
	margin-left: 9px;
}
.relatedContent a.prev,
.caseStudyNav a.prev,
.researchNav a.prev,
.researchSummariesNav a.prev,
.solutionEssayNav a.prev {
	left: 7px;
	position: absolute;
	top: 50%;
}
.relatedContent a.next,
.caseStudyNav a.next,
.researchNav a.next,
.researchSummariesNav a.next,
.solutionEssayNav a.next {
	position: absolute;
	right: 7px;
	top: 50%;
}
.relatedContent .carousel,
#carouselCaseStudies .carousel,
#carouselResearch .carousel {
	position: relative;
	width: 875px;
}
.relatedContent .carousel li,
#carouselCaseStudies .logos li,
#carouselResearch .carousel li,
#carouselSolutionEssay .carousel li {
	float: left;
	height: 155px;
	overflow: hidden;
	padding: 0 9px;
	width: 200px;
}
#researchResults .carousel li,
#carouselSolutionEssay .carousel li.mixedcontent {
	height: auto;
}
#researchLanding #carouselResearch .carousel li {
	height: 135px;
	width: 157px;
}
#carouselResearch .carousel li a:hover span {
	text-decoration: underline;
}
#researchLanding #carouselResearch .carousel li span {
	color: #FF3300;
	display: block;
}
#researchLanding #carouselResearch .carousel li span {
	font-size: 13px;
	padding: 5px 15px;
}
#carouselCaseStudies .carouselContainer {
	margin-left: 10px;
}
#carouselCaseStudies .logos li,
#carouselCaseStudies .logos li a {
	height: 150px;
	width: 200px;
}
#carouselCaseStudies .logos li a {
	text-decoration: none;
}
#carouselCaseStudies .logos li .details {
	display: inline;
	width: 185px;
}
#carouselCaseStudies .logos li a span.arrow,
#carouselSolutionEssay .logos li a span.arrow {
	background: url("/DotCom/img/global/icons.png") no-repeat -3820px 2px;
	color: #FFF;
	height: auto;
	_height: 23px;
	min-height: 23px;
	padding: 0 0 1px 10px;
	width: auto;
}
#carouselCaseStudies .logos li a:hover,
#carouselCaseStudies .logos li a:hover span.arrow,
#carouselSolutionEssay .logos li a:hover,
#carouselSolutionEssay .logos li a:hover span.arrow {
	color: #FF3300;
	text-decoration: none;
}
#carouselCaseStudies .links li,
#researchLanding #carouselResearch .links li {
	float: left;
	margin: 0 12px;
	*margin: 0 11px;
	width: 21%;
}
#carouselCaseStudies .links li span,
#carouselResearch .links li span,
#carouselSolutionEssay .links li span {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll 7px 9px;
	display: block;
	padding: 5px 10px 5px 16px;
	zoom: 1;
}
#carouselCaseStudies .links li span a,
#carouselResearch .links li span a,
#carouselSolutionEssay .links li span a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
#carouselCaseStudies .links li span a:hover,
#carouselResearch .links li span a:hover,
#carouselSolutionEssay .links li span a:hover {
	text-decoration: underline;
}
#carouselCaseStudies .links li h5 {
	padding-bottom: 8px;
}
#carouselCaseStudies .links span.selected,
#carouselResearch .links span.selected,
#carouselSolutionEssay .links span.selected {
	background-color: #f2f2f2;
	color: #424242;
	font-weight: bold;
}
#carouselCaseStudies .links span.selected a,
#carouselResearch .links span.selected a,
#carouselSolutionEssay .links span.selected a {
	color: #424242;
	font-weight: bold;
}
.relatedContent .carousel li a,
#carouselCaseStudies .logos li a,
#carouselSolutionEssay .logos li a {
	display: block;
	position: relative;
}
.relatedContent .carousel li a span {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
.relatedContent .carousel span.details {
	display: block;
	font-weight: normal;
	line-height: 1.2em;
	padding: 8px 5px 8px 10px;
	width: 185px;
}
.relatedContent .carousel span.arrow {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll -3820px 2px;
	color: #FFF;
	float: left;
	font-weight: bold;
	height: auto;
	_height: 30px;
	margin: 0;
	min-height: 30px;
	padding: 0 0 0 10px;
	width: auto;
}
.relatedContent .carousel li a:hover,
.relatedContent .carousel li a:hover span.arrow {
	color: #FF3300;
	text-decoration: none;
}


/* =Case Studies Search
----------------------------------------------------------------------------------------------------*/
#researchResults #section {
	margin-bottom: 10px;
}
#caseStudySearch,
#researchSearch,
#solutionEssaySearch {
	padding: 10px 15px;
}
#caseStudySearchForm,
#researchForm,
#solutionEssaySearchForm {
    background: url("/DotCom/img/global/bgSearch.png") -250px 0 no-repeat;
    padding: 0;
}
#caseStudySearchForm {
	background-position: 0 0;
}
#solutionEssaySearch fieldset {
	width: 195px;
}
#caseStudySearch fieldset {
	_width: 1%;
}
#caseStudySearch input,
#researchForm input,
#solutionEssaySearchForm input {
    background-color: transparent;
    border: 0;
    color: #b1b1b1;    
    font-size: 10px;
    height: 19px;
    margin: 0;
    padding: 5px 5px 0 8px;
}
#caseStudySearch input {
	width: 155px;
}


/* =Case Studies / Research
----------------------------------------------------------------------------------------------------*/
.caseStudyHeader,
.researchHeader,
.researchSummaryHeader,
.solutionEssayHeader {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -2313px 0 no-repeat;
	width: 100%;
}
.dealerSearch h2 {
	width: auto;
}
.caseStudyHeader h2,
.caseStudyHeader ul.tabs,
.caseStudyHeader #caseStudySearch,
.researchHeader h2,
.researchHeader ul.tabs,
.researchSummaryHeader h2,
.researchSummaryHeader ul.tabs,
.solutionEssayHeader h2,
.solutionEssayHeader ul.tabs {
	background: none;
	border: none;
	float: left;
}
.caseStudyHeader ul.tabs li a,
.researchHeader ul.tabs li a,
.researchSummaryHeader ul.tabs li a,
.solutionEssayHeader ul.tabs li a {
	font-weight: bold;
}
.caseStudyHeader ul.tabs li a.selected:hover,
.researchHeader ul.tabs li a.selected:hover,
.researchSummaryHeader ul.tabs li a.selected:hover,
.solutionEssayHeader ul.tabs li a.selected:hover {
	color: #414141;
}
.caseStudyHeader ul.tabs li a span,
.researchHeader ul.tabs li a span,
.researchSummaryHeader ul.tabs li a span,
.solutionEssayHeader ul.tabs li a span {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -28px no-repeat;
	height: 26px;
	padding: 0;
}
.caseStudyHeader ul.tabs li a span.rightCurve,
.researchHeader ul.tabs li a span.rightCurve,
.researchSummaryHeader ul.tabs li a span.rightCurve,
.solutionEssayHeader ul.tabs li a span.rightCurve {
	background-position: 100% -28px;
}
.caseStudyHeader ul.tabs a.selected,
.researchHeader ul.tabs a.selected,
.researchSummaryHeader ul.tabs a.selected,
.solutionEssayHeader ul.tabs a.selected {
	background: #fff url("/DotCom/img/global/bgBubbles.png") 50% -28px no-repeat;
	color: #414141;
}
.caseStudyHeader ul.tabs,
.researchHeader ul.tabs,
.researchSummaryHeader ul.tabs,
.solutionEssayHeader ul.tabs {
	border: none;
	margin: 3px 0 7px 30px;
	width: 500px;
}
.caseStudyHeader ul.tabs {
	width: auto;
	*margin-left: 0;
}
.researchHeader ul.tabs,
.researchSummaryHeader ul.tabs {
	margin-left: 237px;
	_margin-left: 150px;
	width: 225px;
}
.solutionEssayHeader ul.tabs {
	margin-left: 195px;
	_margin-left: 150px;
	width: 310px;
}
.researchSearch .resultsBar .pos1 {
	left: 444px;
}
#researchLanding #researchSearch #search {
	width: 194px;
}
.caseStudyHeader #caseStudySearch,
#researchSearch,
#solutionEssaySearch {
	float: right;
}
.solutionsResults .resultsBar {
	padding-bottom: 0;
}
#researchResults .resultsBar,
.caseStudiesSearch .resultsBar,
.solutionsResults .resultsBar {
	clear: both;
	float: left;
}
#researchResults .researchSearch table {
	clear: both;
}
.caseStudiesSearch .resultsBar .resultsFound,
.researchSearch .resultsBar .resultsFound,
.solutionsResults .resultsBar .resultsFound {
	padding-top: 4px;
	width: 545px;
}
.caseStudiesSearch .resultsBar .resultsFound strong,
.researchSearch .resultsBar .resultsFound strong,
.solutionsResults .resultsBar .resultsFound strong {
	display: inline;
}
.caseStudiesSearch .resultsBar .itemsPerPage,
.researchSearch .resultsBar .itemsPerPage,
.solutionsResults .resultsBar .itemsPerPage {
	padding-top: 4px;
	width: 150px;
}
.caseStudiesSearch .resultsBar ul.pagination,
.researchSearch .resultsBar ul.pagination,
.solutionsResults .resultsBar ul.pagination {
	position: relative;
	top: -5px;
	width: 201px;
}
.resultsBar .downloadSelected {
	height: 35px;
	left: 445px;
	padding: 0;
	position: absolute;
	top: 0;
}
.resultsBar .downloadSelected a {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll -4783px 14px;
	color: #414141;
	border: 1px solid #ff3300;
	display: block;
	font-weight: normal;
	height: 100%;
	line-height: 35px;
	padding: 0 15px 0 30px;
	position: relative;
	text-decoration: none;
	text-indent: 0;
	*width: 100px;
}
.resultsBar .downloadSelected a:hover {
	color: #FF3300;
	text-decoration: none;
}
.researchSearch .listView {
	width: 100%;
}
.researchSearch .listView th.col1 {
	overflow: hidden;
	text-indent: -900px;
}
.researchSearch .listView th.col1,
.researchSearch .listView td.col1 {
	padding: 8px 0 10px 10px;
	width: 15px;
}
.researchSearch .listView th.col2,
.researchSearch .listView td.col2 {
	padding-left: 0;
	width: 75%;
}
.researchSearch .listView td.col2 label {
	display: block;
	font-weight: bold;
}
.researchSearch .listView td.col3 a {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll -8719px 0;
	padding-left: 20px;
	font-weight: normal;
}


/* =Case Study Carousel / Research
----------------------------------------------------------------------------------------------------*/
#caseStudyCarousel,
#researchFeature,
#solutionMain {
	background: none;
	border-bottom: 1px solid #E5E5E5;
	margin-bottom: 30px;
	position: relative;
}
#solutionMain {
	border: none;
}
.container #caseStudyCarousel,
.container #researchFeature {
	border: none;
}
#caseStudyCarousel h1 {
	width: auto;
}
#caseStudyCarousel .caseStudyItems {
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 35px;
	position: relative;
	width: 980px;
}
#caseStudyCarousel .carouselControls {
	bottom: 0;
	top: auto;
}
#caseStudyCarousel ul.carousel {
	display: block;
	height: 445px;
	overflow: hidden;
	width: 980px;
}
#caseStudyCarousel ul.carousel li,
#researchFeature {
	position: relative;
}
#researchFeature,
#solutionMain {
	margin-bottom: 10px;
}
#caseStudyCarousel ul.carousel li div,
#researchFeature div,
#solutionMain div {
	background-color: #FFF;
	color: #7F7F7F;
	_height: 110px;
	left: 18px;
	min-height: 110px;
	padding: 20px;
	position: absolute;
	top: 118px;
	width: 220px;
}
#caseStudyCarousel ul.carousel li.companyLogo div {
	_height: 130px;
	min-height: 130px;
	padding: 10px;
	width: 240px;
}
#caseStudyCarousel ul.carousel li div p,
#researchFeature div p,
#solutionMain div p {
	padding: 10px 0;
}
#solutionMain div cite {
	display: block;
	font-style: normal;
	font-weight: bold;
	line-height: 1.3em;
	padding-top: 5px;
}
#caseStudyCarousel ul.carousel li div a {
	background: url("/DotCom/img/global/buttons.png") no-repeat -255px 0;
	display: block;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
	padding-left: 20px;
	text-indent: -900px;
	width: 38px;
}
#caseStudyCarousel ul.carousel li div a:hover {
	background-position: -255px -25px;
}
#solutionMain div h1,
#researchFeature div h1 {
	font-size: 22px;
	padding: 0;
}
a.downloadPdf {
	background: url("/DotCom/img/global/buttons.png") no-repeat -360px -51px;
	display: block;
	font-weight: bold;
	height: 22px;
	overflow: hidden;
	padding-left: 20px;
	text-indent: -900px;
	width: 72px;
}
a.downloadPdf:hover {
	background-position: -360px -76px;
}
#caseStudyCarousel .companyLogo {
	text-align: center;
}
#caseStudyCarousel .companyLogo div img {
	margin: 35px;
}
#caseStudyCarousel .companyLogo p {
	border-top: 1px solid #e5e5e5;
	font-weight: bold;
	padding-top: 15px;
}


/* =Case Studies Flash / Case Studies Slideshow
----------------------------------------------------------------------------------------------------*/
.caseStudiesFlash #section,
.caseStudiesSlideshow #section {
	position: relative;
}
.caseStudiesSearch #section,
.caseStudiesLanding #section,
.solutionsResults #section,
#knowledgeLanding #section,
.whereToBuyLanding #section,
.whereToBuy #section {
	margin-bottom: 10px;
}
#section a.viewAll {
	background: url("/DotCom/img/global/btnSmlCircle.png") no-repeat 100% -25px;
	font-size: 12px;
	height: 20px;
	padding-right: 18px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 13px;
}
#section a:hover {
	text-decoration: underline;
}
#caseStudyVideo,
#caseStudyCarousel {
	background: none;
	border: 1px solid #e5e5e5;
	border-width: 1px 0;
	margin-bottom: 25px;
	padding-top: 15px;
}
#caseStudyVideo div {
	background: none;
	margin: 0 auto 5px auto;
	width: 863px;
}
.caseStudyText {
	background: none;
}
.caseStudyText h3 {
	font-size: 16px;
	line-height: 1.6em;
	padding-bottom: 20px;
}
.caseStudyText p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
	padding: 0 0 20px;
}
.caseStudyText .play {
	float: right;
	margin: 12px 0 12px 12px;
	position: relative;
}
.caseStudyText .play a {
	bottom: 11px;
	overflow: hidden;
	position: absolute;
	right: 6px;
	text-indent: -900px;
}
.caseStudyText .showHide {
    overflow: hidden;
    height: 550px;
}
.caseStudyText div.show {
    overflow: visible; 
    height: 100%;
}
.caseStudiesPhotoGallery {
	margin-bottom: 20px;
	padding-bottom: 0;
}
#carouselPhotoGallery {
	padding: 10px;
}
.projectInformation,
.audioTour {
	margin-bottom: 20px;
}
.projectInformation a.downloadPdf {
	background: url("/DotCom/img/global/buttons.png") no-repeat -461px 0;
	display: block;
	height: 25px;
	margin: 14px 14px 10px 14px;
	overflow: hidden;
	padding: 0;
	text-indent: -900px;
	width: 108px;
}
.projectInformation a.downloadPdf:hover {
	background-position: -461px -25px;
}
.projectInformation div {
	border-top: 1px solid #e5e5e5;
	padding: 14px;
}
.projectInformation dl {
	float: left;
	width: 50%;
}
.projectInformation dt {
	color: #7F7F7F;
	font-weight: bold;
	padding-bottom: 3px;
}
.projectInformation dd {
	background: url("/DotCom/img/global/icons.png") 0 9px no-repeat;
	color: #b4b4b4;
	margin-left: 0;
	padding: 5px 10px;
}
.projectInformation dd a {
	font-weight: normal;
}
.audioTour div {
	border-bottom: 1px solid #E5E5E5;
	padding: 11px 0;
}
.audioTour div div {
	border: none;
	margin: 0 auto;
	padding: 0;
	width: 326px;
}
.audioTour p {
	padding: 16px 14px;
}


/* =Case Studies Search
----------------------------------------------------------------------------------------------------*/
.caseStudySearch,
.researchSearch,
.solutionSearch {
	background: none;
	margin-top: 10px;
}
.caseStudySearchResults,
.solutionSearchResults  {
	margin: 10px -10px 0 -10px;
}
.caseStudySearchResults li,
.solutionSearchResults li {
	float: left;
	_height: 196px;
	line-height: 14px;
	min-height: 196px;
	padding: 12px 25px;
	*padding: 12px 22px;
	width: 200px;
}
.solutionSearchResults li {
	position: relative;
}
.caseStudySearchResults li a,
.solutionSearchResults li a {
	text-decoration: none;
}
.caseStudySearchResults li a span,
.solutionSearchResults li a span {
	color: #FF3300;
	display: block;
	font-weight: bold;
	padding: 5px 0;
	text-decoration: none;
}
.solutionSearchResults li a span {
	padding-left: 18px;
	zoom: 1;
}
.solutionSearchResults li input {
	bottom: 31px;
	left: 20px;
	position: absolute;
}
.caseStudySearchResults li a:hover span,
.solutionSearchResults li a:hover span {
	text-decoration: underline;
}


/* =Knowledge Landing
----------------------------------------------------------------------------------------------------*/
.modWidth313 .module {
	float: left;
}
.knowledgeTitle {
	background: none;
	padding-bottom: 20px;
}
.modWidth313 .module {
	margin-left: 20px;
}
.modWidth313 .researchSolutionEssays {
	margin-left: 21px;
}
.modWidth313 .researchSummaries {
	margin-left: 0;
}
.modWidth313 .scroll-pane {
	width: 300px;
}
#knowledgeLanding .modWidth313 .module li {
	overflow: hidden;
}
#knowledgeLanding .modWidth313 .module li img {
	float: left;
}
#knowledgeLanding .modWidth313 .module li div {
	float: left;
	padding: 0 0 5px 10px;
	width: 140px;
}
#knowledgeLanding .modWidth313 .module li.textOnly div {
	float: none;
	width: 256px;
}
#knowledgeLanding .modWidth313 .module li div h5 {
	color: #7F7F7F;
	font-weight: normal;
}
#knowledgeLanding .modWidth313 .module .scroll-pane li {
	width: 256px;
}
#knowledgeLanding .modWidth313 .module li div a {
	font-size: 13px;
}
#knowledgeLanding .modWidth313 .module li div p {
	padding: 6px 0;
}
#knowledgeLanding .modWidth313 a.btnSmallCircle {
	color: #FF3300;
}


/* =Help / Contact
----------------------------------------------------------------------------------------------------*/
.productService p,
.userAdjustments p,
.userAdjustments div {
	padding: 12px 15px;
}
.width460 .additionalContact,
.width460 .additionalHelp {
	background: url("/DotCom/img/global/moduleBordersContent.png") -470px 100% no-repeat;
	_display: inline-block;
}
#contact .container730 .width460,
#help .container730 .width460 {
	background: none;
	height: auto;
}
#contact .container730 .width460,
#help .container730 .width460 {
	margin-left: 20px;
}
.userAdjustments p {
	border: 1px solid #E5E5E5;
	border-width: 1px 0;
}
.userAdjustments div.image {
	padding: 0;
	text-align: right;
}
.userAdjustments div a {
	font-weight: normal;
}
.userAdjustments div span {
	display: block;
	line-height: 20px;
}
.width460 .help p {
	color: #414141;
	font-size: 12px;
	padding: 0 0 12px 0;
}
.width460 .contact,
.width460 .help {
	overflow: hidden;
	padding-bottom: 30px;
}
.width460 .contact h3,
.width460 .help h3 {
	font-size: 13px;
	padding: 5px 0 3px 0;
}
.width460 .contact h3 {
	margin-top: 18px;
}
.width460 .help h3 {
	margin-top: 10px;
}
.width460 .contact address,
.width460 .help address {
	color: #868686;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
}
.width460 .contact ul,
.width460 .help ul {
	margin-top: 15px;
}
.width460 .contact li,
.width460 .help li {
	float: left;
	margin-right: 10px;
}
.width460 .contact li a,
.width460 .help li a {
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -900px;
}
.width460 .contact li a.email,
.width460 .help li a.email {
	background: url("/DotCom/img/global/buttons.png") no-repeat scroll -586px -51px;
	width: 82px;
}
.width460 .contact li a.email:hover,
.width460 .help li a.email:hover {
	background-position: -586px -76px;
}
.width460 .contact li a.joinList {
	background: url("/DotCom/img/global/buttons.png") no-repeat scroll -453px -51px;
	width: 132px;
}
.width460 .contact li a.joinList:hover {
	background-position: -453px -76px;
}
.contactNav,
.helpNav {
	padding-bottom: 0;
}
.additionalContact,
.additionalHelp {
	overflow: hidden;
}
.additionalContact ul,
.additionalHelp ul {
	border-left: 1px solid #E5E5E5;
	float: left;
	_height: 100px;
	margin: 13px 0 0 -1px;
	min-height: 100px;
	padding-left: 15px;
	width: 45%;
}
.additionalHelp ul {
	_height: 75px;
	min-height: 75px;
}
.additionalContact li,
.additionalHelp li {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll 0 9px;
	padding: 5px 0 5px 10px;
}
#contact .container730 a {
	color: #f30;
	text-decoration: none;
}
#contact .container730 a:hover {
	text-decoration: underline;
}

/*----- Email Form -----*/
.width460 .emailForm h3 {
	border-bottom: 1px solid #e5e5e5;
	margin: 5px 0 15px 0;
	padding-bottom: 10px;
}
.width460 .emailForm a {
	text-decoration: none;
}
.width460 .emailForm a:hover {
	text-decoration: underline;
}
.emailForm h3 span {
	float: right;
	font-weight: normal;
}
.emailForm p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
	padding-left: 0;
}
.emailForm p strong {
	border-top: 1px solid #e5e5e5;
	display: block;
	margin: 20px -15px 0 0;
	padding-top: 15px;
}
.emailForm p a {
	font-weight: normal;
}
.emailForm fieldset {
	padding-bottom: 10px;
	vertical-align: top;
}
.emailForm fieldset.btns {
	margin: 20px 0 0 145px;
}
.emailForm fieldset.noIndent {
	margin-left: 0;
}
.emailForm fieldset.btns a {
	float: left;
	margin-right: 10px;
}
.emailForm label {
	float: left;
	font-size: 12px;
	padding: 7px 10px 0 0;
	text-align: right;
	width: 135px;
}
.emailForm input {
	font-size: 13px;
	width: 230px;
}
.emailForm select {
	width: 235px;
}
.emailForm textarea {
	float: right;
	height: 160px;
	width: 310px;
	*width: 307px;
}
.emailForm fieldset.checkbox label,
.emailForm fieldset.checkbox input {
	float: left;
	padding: 3px 0 0 0;
	*padding-top: 5px;
	width: auto;
}
.emailForm fieldset.checkbox label {
	padding-left: 10px;
	text-align: left;
	width: 430px;
}
.emailForm fieldset.checkbox input {
	padding-top: 0;
}
.emailForm fieldset.checkbox a {
	font-weight: normal;
}


/* =Site Map
----------------------------------------------------------------------------------------------------*/
.siteMap {
	background: none;
}
.siteMap .section a:hover {
	color: #FF3300;
	text-decoration: none;
}
.siteMap h2 {
	background: none;
	color: #434343;
	font-size: 15px;
	padding: 15px 0 8px 0;
}
.siteMap h3 {
	color: #FF3300;
	padding: 25px 0 0 0;
}
.siteMap .section h2 a:hover,
.siteMap .section h3 a:hover {
	text-decoration: underline;
}
.siteMap h4 {
	color: #434343;
	padding: 25px 0 5px 0;
}
.siteMap h4 a {
	color: #434343;
}
.siteMap li {
	padding: 5px 0;
}
.siteMap li a {
	color: #7F7F7F;
}
.siteMap .section {
	padding-bottom: 10px;
}
.siteMap .columns {
	overflow: hidden;
	padding: 0;
}
.siteMap .columns div {
	float: left;
	width: 25%;
}
.siteMap .columns div li ul {
	padding: 5px 0;
}
.siteMap .columns div li li {
	background: url("/DotCom/img/global/icons.png") no-repeat scroll 2px 9px;
	padding-left: 10px;
}


/* =Search
----------------------------------------------------------------------------------------------------*/
.search .resultsBar {
	background-position: -980px 100%;
	margin: 10px 0;
	overflow: visible;
	padding-bottom: 0;
	position: static;
	width: 730px;
}
.search .resultsBar h2 {
	background: none;
	border: none;
	padding: 4px 0 0 0;
}
.search .resultsBar .topCurve {
	background-position: -980px 0;
	width: 730px;
}
.search .resultsBar .topCurve .pos3 {
	left: 525px;
}
.search .resultsBar .pagination {
	float: right;
	position: relative;
	top: -5px;
}
.productResults ul,
.productResults li {
	overflow: hidden;
}
.productResults li,
.productResults li a {
	font-size: 12px;
}
.productResults .imageResults {
	margin-left: -21px;
	zoom: 1;
}
.productResults .imageResults li {
	border-bottom: 1px solid #e5e5e5;
	float: left;
	margin-left: 21px;
	padding: 15px 10px;
	width: 320px;
}
.productResults li img {
	float: left;
}
.productResults li a span {
	color: #FF3300;
} 
.productResults .imageResults li span {
	cursor: pointer;
	display: block;
	padding-top: 30px;
	float: right;
	width: 225px;
}
body.search #section h1 {
	float: left;
	width: 100px;
}
#searchAgain {
	padding-top: 5px;
}
#searchAgain input,
#whereToBuyTxt {
	background: url("/DotCom/img/global/bgSearch.png") no-repeat -250px 0;
	border: none;
	color: #B1B1B1;
	float: left;
	font-size: 10px;
	height: 19px;
	margin: 0;
	padding: 5px 5px 0 8px;
	width: 181px;
}
#searchAgain a.btnGo,
.whereToBuy #search a.btnGo,
.whereToBuyLanding #search a.btnGo {
	float: left;
	margin-left: 10px;
}
.whereToBuy .width710 .resultsBar,
.whereToBuy .width710 .dealerResults {
	clear: both;
	float: left;
	width: 100%;
}
.whereToBuy .width710 .resultsBar {
	margin: 10px 0;
}
.search .resultsBar .resultsFound strong {
	display: inline;
}
.resultsBar .dropdown,
#search .dropdown,
.dealerLocations .dropdown {
	float: right;
	font-size: 12px;
	padding-right: 150px;
	position: relative;
	z-index: 60;
}
.resultsBar .dropdown div,
#search .dropdown div,
.dealerLocations .dropdown div {
	background: url("/DotCom/img/global/dropdown.png") no-repeat -131px top;
	height: 25px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 5px;
	top: -6px;
	width: 131px;
	z-index: 60;
}
.resultsBar .dropdown div span.value,
#search .dropdown div span.value,
.dealerLocations .dropdown div span.value {
	display: block;
	font-weight: bold;
	padding: 7px 12px;;
	zoom: 1;
}
.resultsBar .dropdown div.selected,
#search .dropdown div.selected,
.dealerLocations .dropdown div.selected {
	background-position: 0 0;
	height: auto;
	overflow: visible;
}
.resultsBar .dropdown ul li,
#search .dropdown ul li,
.dealerLocations .dropdown ul li {
	padding: 0 10px;
	zoom: 1;
}
.resultsBar .dropdown ul li span,
#search .dropdown ul li span,
.dealerLocations .dropdown ul li span {
	border-bottom: 1px solid #e5e5e5;
	color: #7F7F7F;
	cursor: pointer;
	display: block;
	padding: 10px 2px;
}
.resultsBar .dropdown ul li.value span,
#search .dropdown ul li.value span,
.dealerLocations .dropdown ul li.value span {
	border-bottom: none;
	color: #414141;
	padding: 6px 0;
}
.resultsBar .dropdown ul,
#search .dropdown ul,
.dealerLocations .dropdown ul {
	background: url("/DotCom/img/global/dropdown.png") no-repeat 0 bottom;
	border-bottom: none;
}
.resultsBar .dropdown ul li span,
#search .dropdown ul li span,
.dealerLocations .dropdown ul li span {
	font-weight: bold;
	font-size: 11px;
}
.dropdown ul li span:hover,
.dropdown ul li span.hover {
	color: #FF3300 !important;
}
.shopOnline,
.searchPromo {
	background: none;
	padding-bottom: 0;
}
.search .col230 {
	padding-top: 17px;
}
.popularTerms ul {
	margin: 5px 14px;
}
.popularTerms li {
	background: url("/DotCom/img/global/icons.png") no-repeat 0 9px;
	padding: 5px 0 5px 10px;
}
.productResults .resultsBar {
	padding-bottom: 10px;
}
.productResults .textResults li {
	border-bottom: 1px solid #e5e5e5;
	line-height: 1.6em;
	padding: 25px 20px;
}
.productResults .textResults li h5 {
	color: #b1b1b1;
	font-weight: normal;
}
.productResults .textResults li p {
	padding: 0;
}
.productResults .viewMore {
	background: url("/DotCom/img/global/btnSmlCircle.png") no-repeat 100% -25px;
	display: block;
	float: left;
	font-weight: normal;
	height: 20px;
	margin: 14px 20px;
	padding-right: 18px;
}


/* =Dealer Location
----------------------------------------------------------------------------------------------------*/
.whereToBuyLanding .dealerSearch {
	_height: 330px;
	min-height: 330px;
}
.whereToBuy .width710 {
	background: none;
}
.whereToBuy .width710 .resultsBar,
.whereToBuy .width710 .resultsBar .topCurve {
	background-position: -1710px 0;
	width: 710px;
}
.whereToBuy .width710 .resultsBar {
	background-position: -1710px 100%;
	_height: auto;
	min-height: 0;
	padding: 0;
}
.whereToBuy .width710 .resultsBar .resultsFound {
	line-height: 20px;
}
.whereToBuy .width710 .resultsBar .pos3 {
	left: 500px;
}
.whereToBuy .width710 .resultsBar .pagination {
	float: right;
	position: relative;
	top: -5px;
}
.whereToBuy .width710 .resultsBar strong {
	display: inline;
}
.dealerNetwork a {
	font-weight: normal;
}
.dealerResults table {
	font-size: 12px;
	width: 100%;
}
.dealerResults table td {
	border-top: 1px solid #e5e5e5;
	line-height: 1.6em;
	padding: 25px 5px;
	vertical-align: top;
}
.dealerResults table tr.first td {
	border: none;
}
.dealerResults tr.selected td {
    background: #f2f2f2;
}
.dealerResults table td address {
	font-style: normal;
}
.container .dealerResults table td a {
	text-decoration: none;
}
.container .dealerResults table td a:hover {
	text-decoration: underline;
}
.dealerResults table span {
	display: block;
}
.dealerResults span.num {
    font-weight: bold; 
    color: #ff3300;
    margin-left: 10px;
}
.dealerSearch #dealerSearchForm {
	padding-top: 15px;
}
#dealerSearchForm select {
	display: inline;
    margin: 8px 0 0 20px;
    float: left;
}
.dealerLocations .dropdown div {
	background-position: top right;
	left: none;
	right: 5px;
	width: 192px;
}
.dealerLocations .dropdown div.selected {
	background-position: -262px top;
}
#globalDealer .dealerLocations .dropdown ul {
	background-position: -262px bottom;
	zoom: 1;
}
#whereToBuyTxt,
#dealerSearchForm #search a.btnGo {
	margin: 5px 0 0 10px;
}
.whereToBuy .dealerSearch .section {
	float: left;
	width: 48%;
	zoom: 1;
}
.whereToBuyLanding .dealerSearch .section {
	clear: both;
	float: none;
	margin-bottom: 20px;
	zoom: 1;
}
.whereToBuyLanding .dealerSearch .section:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.whereToBuyLanding div.globalDealer {
	border-top: 1px solid #e2e2e2;
	bottom: 0;
	font-size: 12px;
	padding: 10px 20px;
	position: absolute;
	width: 570px;
}
.whereToBuyLanding div.globalDealer a {
	font-weight: normal;
}
.dealerSearch .searchRadio {
	margin-bottom: 10px;
	overflow: hidden;
	padding-left: 25px;
}
.dealerSearch .searchRadio li span {
	clear: both;
	display: block;
	padding-left: 25px;
}
.dealerSearch .section .searchRadio li input {
	margin-top: 4px;
	*margin-top: 2px;
}
.whereToBuyLanding .dealerSearch .searchRadio {
	padding-left: 15px;
}
.dealerSearch .businessType li {
	padding: 4px 0;
	zoom: 1;
}
.dealerSearch .businessType li:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.dealerSearch .searchRadio li input,
.dealerSearch .businessType li input {
	float: left;
	margin: 2px 3px;
	*margin: 0 3px;
}
.dealerSearch .searchRadio li label,
.dealerSearch .businessType li label {
	display: block;
	float: left;
}
.dealerSearch .searchRadio li {
	float: left;
	width: 49%;
}
.whereToBuyLanding .dealerSearch .searchRadio li {
	width: 46%;
	*width: 47%;
}
.dealerSearch .searchRadio li label {
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 5px;
	vertical-align: top;
}
.dealerSearch .businessType {
	line-height: 20px;
	padding-left: 47px;
	zoom: 1;
}
.whereToBuyLanding .dealerSearch .businessType {
	padding-left: 36px;
}
.dealerSearch .businessType ul {
	float: left;
	width: 39%;
	*width: 41%;
}
.dealerSearch .businessType .buyOnline {
	background: transparent url("/DotCom/img/global/buyOnline.jpg") no-repeat 0 0;
	color: #FF3300;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: normal;
	height: 35px;
	line-height: 35px;
	margin-top: 10px;
	padding-left: 55px;
	text-decoration: none;
	vertical-align: middle;
}
.dealerSearch .businessType .buyOnline:hover {
	text-decoration: underline;
}
.whereToBuy .module {
	position: static;
}
.whereToBuy .certified {
	background: transparent url("/DotCom/img/global/certified.png") no-repeat 0 0;
	display: block;
	height: 37px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -900px;
	width: 40px;
}
.whereToBuy .container .floatRight {
	margin-top: 20px;
}
.whereToBuy .container .width710 {
	margin-top: 10px;
}
.dealerNetwork .certified {
	background-color: #f8f8f8;
	background-position: center;
	border-bottom: 1px solid #e5e5e5;
	height: 70px;
	margin-bottom: 14px;
	width: 248px;
}

/*----- Google Map -----*/
#googleMap {
    width: 250px;
    height: 250px;
}
#bubble {
    width: 253px;
    height: 95px;
    background: url(/DotCom/img/maps/24/text-background.png) no-repeat;
    _background: url(/DotCom/img/maps/8/text-background.png) no-repeat; 
    position: absolute;
    font-size: 12px;
    font-weight: normal;
    color: #414141;
    padding: 0;
    line-height: 15px;
    z-index: 100000;
}
#bubble div {
    margin: 20px;
    z-index: 100001;
    background: #fff;
}
#bubble div address {
    font-style: normal;
}


/* =Global Locator
----------------------------------------------------------------------------------------------------*/
#globalLocator .locator,
#globalLocator .image {
	float: left;
	width: 48%;
}
#globalLocator .locator {
	font-size: 12px;
	margin-right: 20px;
	padding-top: 175px;
}
#globalLocator .locator a,
#globalLocator .locator li.selected a:hover {
	text-decoration: none;
}
#globalLocator .locator a:hover {
	text-decoration: underline;
}
#globalLocator .locator h1 {
	background: url("/DotCom/img/global/logoHermanMiller.png") 0 0 no-repeat;
	height: 22px;
	margin-bottom: 40px;
	text-indent: -999.9em;
	width: 170px;	
}
#globalLocator .locator #countryContainer {
	border: 1px solid #e6e6e6;
	border-width: 1px 0;
	display: -moz-inline-block;
	display: inline-block;
	padding: 25px 0;
	width: 480px; 
}
#globalLocator .locator ul {
	float: left;
	width: 195px;
}
#globalLocator .locator ul li {
	padding: 5px 0;
}
#globalLocator .locator li.selected a {
	background: url(/DotCom/img/global/iconLocatorArrow.png) no-repeat 100% 4px;
	color: #414141;
	font-weight: bold;
	padding-right: 10px;
}
#globalLocator .locator p {
	margin-top: 20px;
}
.dealerSearch .globalDealer a,
#globalLocator .locator p a {
	background: url(/DotCom/img/globalLocator/global.png) no-repeat left;
	display: block;
	float: left;
	height: 24px;
	padding: 15px 0 0 40px;
}
#globalLocator .locator p a {
	color: #828282;
}
#globalLocator .locator p a:hover {
	color: #FF3300;
	text-decoration: none;
}
#globalLocator .image {
	height: 640px;
	overflow: hidden;
	position: relative;
	width: 480px;
}
#globalLocator .image img {
	bottom: 25px;
	left: 50px;
	position: absolute;
}


/* =Global Dealer
----------------------------------------------------------------------------------------------------*/
#globalDealer .website,
#globalDealer .nearestOffices {
	_height: 175px;
	margin-bottom: 10px;
	min-height: 175px;
}
#globalDealer .website p {
	padding-top: 12px;
}
.nearestOffices h5,
.nearestOffices address,
.nearestOffices div {
	line-height: 16px;
	padding: 0 14px;
}
.dealerLocations h5,
.dealerLocations address,
.dealerLocations .dealerList div {
	line-height: 16px;
}
.nearestOffices address,
.nearestOffices div,
.dealerLocations address,
.dealerLocations .dealerList div {
	float: left;
	width: 250px;
}
.nearestOffices h5 {
	padding-top: 14px;
}
.nearestOffices address,
.dealerLocations address {
	font-style: normal;
}
.nearestOffices div a {
	font-weight: normal;
}
.dealerLocations .dealerList li {
	border-top: 1px solid #E5E5E5;
	clear: both;
	margin: 0 20px;
	overflow: hidden;
	padding: 14px 0;
}
.dealerLocations .dealerList li.first {
	border: none;
}
.dealerLocations div.dealerLocationsNav {
	border-bottom: 1px solid #E5E5E5;
	height: 40px;
	zoom: 1;
}
.dealerLocations div.dealerLocationsNav:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.dealerLocations ul.tabs {
	border: none;
	float: left;
}
.dealerLocations .dropdown {
	margin: 15px 65px 0 0;
}
#globalDealer .dealerLocations .dropdown {
	margin: 15px 0 0 0;
	padding-right: 210px;
}
.dealerLocations .dropdown ul {
	left: 45px;
}
.globalCopyright {
	background: none;
}
.globalCopyright p {
	padding: 20px 0;
}
#globalDealer {
	padding: 20px 0;
}
#globalDealer .section {
	overflow: hidden;
}
#globalDealer .section h1 {
	background: url("/DotCom/img/globalLocator/logo.png") no-repeat center center;
	float: left;
	height:	56px;
	overflow: hidden;
	text-indent: -900px;
	width: 56px;
}
#globalDealer .section div {
	float: right;
	padding-top: 6px;
	text-align: right;
}
#globalDealer .section h2 {
	color: #7f7f7f;
	font-size: 22px;
	padding-bottom: 5px;
}
#globalDealer .section p {
	color: #b1b1b1;
	font-size: 14px;
	font-weight: bold;
}
.mapLocator {
	margin: 20px 0 10px 0;
	overflow: hidden;
}
.mapLocator .selector a {
	text-decoration: none;
}
.mapLocator .selector a:hover {
	text-decoration: underline;
}
.mapLocator h2 {
	border: none;
	overflow: hidden;
	padding: 0;
	text-indent: -900px;
}
.mapLocator .map {
	float: left;
	height: 289px;
	width: 700px;
}
.mapLocator .map #mapOverlay {
	height: 265px;
	width: 525px;
}
.mapLocator .map .globe {
	background: url("/DotCom/img/globalDealer/map.png") no-repeat 0 0;
	height: 265px;
	margin: 20px auto;
	position: relative;
	width: 525px;
}
.mapLocator .map .globe div span {
	background: url("/DotCom/img/globalDealer/map.png") no-repeat 0 -265px;
	display: none;
	height: 43px;
	overflow: hidden;
	position: absolute;
	text-indent: -900px;
	width: 180px;
}
.mapLocator .map .northAmerica {
	background-position: -525px 0;
}
.mapLocator .map .southAmerica {
	background-position: -1050px 0;
}
.mapLocator .map .africa {
	background-position: -1575px 0;
}
.mapLocator .map .europe {
	background-position: -2100px 0;
}
.mapLocator .map .asia {
	background-position: -2625px 0;
}
.mapLocator .map .southPacific {
    background-position: -3150px 0;
}
.mapLocator .selector {
	border-left: 1px solid #dedede;
	float: left;
	height: 289px;
	padding: 8px 20px;
	width: 238px;
}
.mapLocator .selector h3 {
	font-size: 14px;
}
.mapLocator .selector p {
	font-weight: bold;
	padding: 5px 0;
}
.mapLocator .scroll-pane {
	margin: 10px 0 0 0;
}
.mapLocator .scroll-pane li {
	padding-bottom: 8px;
}
.mapLocator .selector .noSelection {
	font-size: 14px;
	padding: 122px 20px 0 0;
}


/* =Generic Module & Divider (usually a 230px width module)
----------------------------------------------------------------------------------------------------*/
.generic img {
	margin-left: 15px;
}
.generic p {
	font-size: 11px;
}
.container .generic p a,
.container .generic a.btnSmallCircle:hover {
	font-weight: normal;
	text-decoration: none;
}
.container .generic p a:hover {
	text-decoration: underline;
}
.divider,
.col230 .divider,
.generic .divider {
	background-color: #e5e5e5;
	clear: both;
	height: 1px;
	line-height: 1px;
	text-indent: -999.9em;
	margin: 3px 15px 15px 15px;
}
.divider {
	margin: 0 0 20px 0;
}
.generic h2 {
	border-bottom: 1px solid #e5e5e5;
	color: #7f7f7f;
}
.module h2.noBorder,
.generic h2.noBorder,
.col230 .generic h2.noBorder {
	border: 0;
}
.generic h2 span {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding-top: 3px;
}
.generic h3 {
	color: #7f7f7f;
	padding: 0px 15px 10px 15px;
	position: relative;
}
.generic h3.first {
	margin-top: 15px;
}
.generic h3 a.btnSmallCircle {
	right: 15px;
	text-decoration: none;
	top: 0;
}
.generic ul.bullets,
.generic ul.pdfLinks {
	margin: 0 15px 12px 15px;
}
.generic ul.pdfLinks {
	margin-bottom: 7px;
}
.generic ul.bullets li {
	background-position: 0 8px;
	line-height: 1.8em;
}
.generic ul.addTopMargin {
	margin-top: 12px;
}
.generic ul.noTopPadding {
	padding-top: 0;
}
.col230 .generic a,
.col230 .generic li a {
	color: #f30;
	text-decoration: none;
}
.col230 .generic a:hover,
.col230 .generic li a:hover,
.container .generic a:hover {
	text-decoration: underline;
}
.generic p.first {
	padding-top: 15px;
}
.generic p strong {
	display: inline-block;
	line-height: 1.6em;
	padding-top: 5px;
}
.generic img.wide {
	margin: 0 0 15px 1px;
}
.generic img.btmBorder {
	border-bottom: 1px solid #e5e5e5;
}
.generic .pdfLinks a {
	background-position: -8720px 2px;
	_display: inline-block;
	line-height: 1.6em;
	margin: 0 15px 5px 0;
}
.generic a.pdf {
	background-position: -8720px 2px;
	line-height: 1.6em;
	margin: 0 15px 15px 15px;
}
.generic span.title {
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 15px;
}
.generic span.designer {
	color: #414141;
	display: block;
	font-size: 12px;
	margin: 15px;
}
.generic span.designer a {
	display: inline;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.generic span.designers a:hover {
	text-decoration: underline;
}
.generic span.link360 {
	display: block;
	padding: 10px 15px;
}
.generic span.link360 a {
	font-size: 12px;
	font-weight: normal;
}

/* Left Positioned Icon/Thumb : See Research Summaries on productsCaregiver.shtml */
.generic .iconLink {
	border-bottom: 1px solid #e5e5e5;
	display: -moz-inline-block;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 10px 0;
	width: 230px;
}
.generic .iconLink a {
	display: inline;
	float: left;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.2em;
	margin-bottom: 0;
}
.generic .iconLink a.text {
	margin-left: 10px;
	margin-top: 5px;
	width: 120px;
}

/* ----- Blog Posts List within .generic ----- */
.blogPosts {
	padding: 15px 15px 0 15px;
}
.blogPosts li {
	border-top: 1px solid #e5e5e5;
	padding: 12px 0 10px 0;
}
.blogPosts li.first {
	border: 0;
	padding-top: 0;
}
.blogPosts span {
	display: -moz-inline-box;
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 8px 0;
	text-transform: uppercase;
}
.blogPosts span.category {
	color: #414141;
	padding-right: 5px;
}
.blogPosts a {
	display: block;
	line-height: 1.4em;
}


/* =Generic 250px Module
----------------------------------------------------------------------------------------------------*/
.generic250 h2,
.generic250 h3,
.generic250 p,
.generic250 li {
	text-align: left;
}
.generic250 h3{
	border-top: 1px solid #e5e5e5;
	font-size: 13px;
	padding: 15px 15px 10px 15px;
}
.generic250 ol {
	padding-bottom: 10px;
	margin-left: 0.4em;
}
.generic250 li {
	color: #7f7f7f;
	line-height: 1.4em;
}


/* =Text Module
----------------------------------------------------------------------------------------------------*/
.text {
	display: inline;
	float: left;
	padding: 0 10px 10px 0;
	width: 305px;
}

/* ----- Sets the Text Width to Adjust to the Type of Product Module ----- */
#productsContent .width305 {
	width: 305px;
}
#productsContent .width450,
#designResources .width450 {
	width: 450px;
}

/* ----- Common Styling ----- */
.text h2 {
	background: none;
	border: 0;
	color: #414141;
	font-size: 16px;
	padding-left: 0;
}
.text h3 {
	font-size: 12px;
	line-height: 1.6em;
	padding: 0;
}
.text .showHide h3 {
	font-size: 16px;
	padding-bottom: 20px;
}
.text ul.bullets {
	font-size: 12px;
	padding: 0 0 20px 0;
}
.text p {
	color: #414141;
	font-size: 12px;
	line-height: 1.6em;
	padding: 0 0 20px 0;
}
.text p a {
	font-weight: normal;
	text-decoration: none;
}
.text ol.alpha {
	list-style-type: lower-alpha;
}	
.text ol {
	margin: -12px 0 0 0;
	padding: 0 0 12px 0;
}
.text ol li {
	font-size: 12px;
	line-height: 1.3em;
	padding-bottom: 10px;
}
.text ol li a {
	font-size: 12px;
}

/* ----- Defines Inset Photo ----- */
.text .inset {
	float: right;
	padding: 0 0 5px 10px;
	position: relative;
}

/* ----- Defines Show/Hide Div and Link ----- */
.text div.showHide {
	height: 368px;
	margin: 0 0 5px 0;
	overflow: hidden;
}
.text div.show {
	height: auto;
	margin: 0 0 -15px 0;
	overflow: visible;
}
.container a.showHide {
	background: url("/DotCom/img/global/icons.png") -1860px 4px no-repeat;
	font-weight: normal;
	margin: 5px 0 0 0;
	padding: 0 0 0 15px;
	text-decoration: none;
}
.container a.showHide:hover {
	text-decoration: underline;
}
.container a.hide {
	background-position: -2840px 4px;
}

/* ----- Defines Designer Info Block ----- */
.showHide .infoBlock {
	background-color: #efefef;
	width: 450px;
}
.showHide .infoBlock .curve {
	background: url("/DotCom/img/global/moduleBorders.png") -960px 0 no-repeat;
	clear: both;
	display: block;
	height: 10px;
	margin: 0 0 15px 0;
	width: 450px;
}
.showHide .infoBlock .bottom {
	background-position: -960px -10px;
	margin: 0;
}
.showHide .infoBlock p {
	padding-left: 20px;
	padding-right: 20px;
}
.showHide .infoBlock a {
	font-weight: normal;
}

/* ----- Generic Block within .text ----- */
.text .block {
	display: -moz-inline-block;
	display: inline-block;
	padding-bottom: 20px;
	width: 450px;
}
/* - Image Aligned Left Module - */
.width450 .imgLeft ul,
.width450 .imgLeft img {
	float: left;
}
.width450 .imgLeft img {
	margin-right: 20px;
}
.width450 .imgLeft ul {
	margin: 5px 0 0 0;
	width: 300px;
}
.width450 .imgLeft ul li {
	float: left;
	width: 290px;
}
/* - Report Module - */
.text .block .report {
	float: left;
	padding-right: 10px;
	width: 140px;
}
.text .block .report strong {
	display: block;
	padding: 10px 0 0 0;
}
.text .block .report .pdfLinks {
	margin: 0;
}
.text .block .report li.noIcon {
	padding-bottom: 10px;
}
.text .block .report .pdfLinks a {
	color: #f30;
}
.text .block .report .pdfLinks a:hover {
	text-decoration: underline;
}


/* =Image Overlay Carousel Module (used for Archives and Applications Modules)
----------------------------------------------------------------------------------------------------*/
.imgOverlay {
	clear: both;
}
#carouselImgOverlay,
.carouselImgOverlay {
	margin: 20px 0 10px 32px;
	overflow: hidden;
	width: 645px;
}
.width730 #carouselImgOverlay {
	margin-left: 42px;
}
.imgOverlay .carousel li {
	display: inline;
	float: left;
	padding: 0 7px 0 8px;
	position: relative;
}
.imgOverlay .carousel li a {
	background: url("/DotCom/img/global/icons.png") -980px 0 no-repeat;
	display: block;
	position: relative;
	text-decoration: none;
}
.imgOverlay .carousel li a span.arrow {
	background-position: -3820px 2px;
	color: #fff;
	float: left;
	font-weight: bold;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	width: auto;
}	
.imgOverlay .carousel li a span.details {
	display: block;
	font-weight: normal;
	height: 29px;
	line-height: 1.2em;
	_bottom: -1px;
	padding: 8px 5px 8px 10px;
	text-decoration: none;
	width: 185px;
}
.imgOverlay .carousel li a:hover span.arrow {
	color: #f30;
	text-decoration: none;
}
.imgOverlay a.prev,
.imgOverlay a.next {
	left: 7px;
	position: absolute;
	bottom: 81px;
}
.imgOverlay a.next {
	left: auto;
	right: 7px;
}
/* ----- Override for Middle Column of Blog ----- */
.col480 .imgOverlay {
	float: left;
	margin-bottom: 50px;
	margin-top: 35px;
	padding-bottom: 20px;
}
.width480 #carouselImgOverlay {
	margin-left: 34px;
	width: 412px;
}
.width480 #carouselImgOverlay .carousel li {
	padding: 0 3px 0 3px;
}
/* ----- For when module is flush against image. See collectionsModernClassics.shtml ----- */
.noModuleTop {
	margin: -20px 0 20px 0;
}


/* =Show/Hide Bars Module 
----------------------------------------------------------------------------------------------------*/
.showHideBars {
	display: table-cell;
	display: inline-block;
}
.showHideBars ul {
	float: left;
}
.showHideBars li {
	background: url("/DotCom/img/global/moduleBorders.png") -6322px -15px no-repeat;
	float: left;
	margin: 10px 0 0 0;
	width: 950px;
}
.showHideBars li ul {
	padding: 0 0 10px 0;
	width: 237px;
}
.showHideBars li li {
	background-image: none;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 5px 25px;
	width: 212px;
}
.showHideBars li li h2 {
	background-image: none;
	border: 0;
	color: #414141;
	font-size: 11px;
	padding: 10px 0 5px 0;
}
.showHideBars li .module {
	background: url("/DotCom/img/global/moduleBorders.png") -6322px 100% no-repeat;
	clear: both;
	float: left;
	margin: 5px 0 0 0;
	padding-bottom: 5px;
	width: 950px;
}
.showHideBars li .module .topCurve {
	background: url("/DotCom/img/global/moduleBorders.png") -6322px -60px no-repeat;
	height: 10px;
	margin-bottom: -5px;
	width: 950px;
}
.showHideBars li .noHdrs {
	padding-top: 10px;
}
.container .showHideBars li a {
	background: url("/DotCom/img/global/icons.png") -5780px 1px no-repeat;
	color: #414141;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 0 10px;
	padding: 0 0 0 13px;
	text-decoration: none;
}
.container .showHideBars li a.selected,
.container .showHideBars li a.selected:hover {
	background-position: -6760px 5px;
	color: #414141;
}
.container .showHideBars li a:hover {
	background-position: -5780px 1px;
	color: #f30;
	text-decoration: none;
}
.container .showHideBars li li a {
	background-image: none;
	color: #f30;
	font-weight: normal;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
}
.container .showHideBars li li a:hover {
	background-image: none;
	text-decoration: underline;
}

/* ----- For when tab doesn't require show/hide sections ----- */
#options .single li {
	background-image: none;
	margin-top: 0;
}
#options .single li a {
	background-image: none;
}
#options .single li li {
	padding-left: 10px;
}
#options .single li .module {
	background-image: none;
}


/* =Product Download Links (specific to Design Resources Product Info Page)
----------------------------------------------------------------------------------------------------*/
.productDownloads {
	display: inline;
	float: left;
	margin: 0 15px 0 5px;
	width: 220px;
}
.productDownloads .pdfLinks {
	padding-bottom: 10px;
	padding-top: 0;
}
.productDownloads .pdfLinks li {
	padding: 0 0 3px 0;
}
.productDownloads .pdfLinks li.hdr {
	border-bottom: 3px solid #f2f2f2;
	border-top: 3px solid #f2f2f2;
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 12px 0;
}
.productDownloads .pdfLinks li.subHdr {
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
	padding: 13px 0 18px 0;
}
.productDownloads .pdfLinks li a {
	background: url("/DotCom/img/global/icons.png") -8720px 2px no-repeat;
	font-weight: bold;
	line-height: 1.6em;
}


/* =Results Bar
----------------------------------------------------------------------------------------------------*/
.resultsBar {
	background: url("/DotCom/img/global/bgResultsBar.png") 0 100% no-repeat;
	display: -moz-inline-block;
	display: inline-block;
	_height: 30px;
	margin: 20px 0;
	min-height: 30px;
	overflow: hidden;
	*overflow: visible;
	width: 980px;
}

/*----- Top Curve and Dividers -----*/
.resultsBar .topCurve {
	background: url("/DotCom/img/global/bgResultsBar.png") 0 0 no-repeat;
	display: block;
	height: 10px;
	padding: 0;
	position: relative;
	text-indent: -999.9em;
	width: 980px;
}
.resultsBar .divider {
	background-color: #fff;
	height: 64px;
	padding: 0;
	position: absolute;
	top: 0;
	width: 1px;
}
.resultsBar .pos1 {	left: 405px; }
.resultsBar .pos2 {	left: 590px; }
.resultsBar .pos3 { left: 772px; }

/*----- Common -----*/
.resultsBar div {
	color: #414141;
	float: left;
	padding: 0 20px;
}
.resultsBar a {
	color: #414141;
}

/*----- Results Found -----*/
.resultsBar .resultsFound {
	line-height: 1.0em;
	width: 365px;
}
.resultsBar .resultsFound strong {
	display: block;
	padding-top: 5px;
}

/*----- Tabs -----*/
.resultsBar ul.tabs {
	border: 0;
	float: left;
	height: 22px;
	margin: 3px 0 0 0;
	padding: 0 0 0 16px;
	*padding: 0 0 0 13px;
	width: 172px;
}
.resultsBar ul.tabs li {
	margin: 0;
}
.resultsBar ul.tabs li a {
	color: #7f7f7f;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
}
.resultsBar ul.tabs li a span {
	background: url("/DotCom/img/global/bgBubbles.png") 0 -56px no-repeat;
	height: 22px;
	padding: 0;
}
.resultsBar ul.tabs li a span.rightCurve {
	background-position: 100% -56px;
}
.resultsBar ul.tabs a.selected {
	background: url("/DotCom/img/global/bgBubbles.png") 50% -56px no-repeat;
	color: #414141;
}
.resultsBar ul.tabs a.selected:hover {
	color: #414141;
}

/*----- Items Per Page -----*/
.resultsBar .itemsPerPage {
	padding-top: 8px;
	_padding-top: 9px;
	width: 142px;
}
.resultsBar .itemsPerPage a {
	color: #414141;
	font-weight: normal;
	margin: 0 0 0 9px;
	text-decoration: none;
}
.resultsBar .itemsPerPage a.selected { font-weight: bold; }
.resultsBar .itemsPerPage a:hover {
	color: #f30;
	text-decoration: none;
}
.resultsBar span {
    font-size: 11px;
}

/* =Image Library Terms & Search
----------------------------------------------------------------------------------------------------*/
/*----- Terms -----*/
.imageLibrary .textarea {
	border: 1px solid #e5e5e5;
	height: 320px;
	overflow: auto;
	padding: 15px;
	width: 700px;
}
.imageLibrary .textarea p {
	color: #414141;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0 0 12px 0;
}
.imageLibrary .btnsTerms {
	padding: 20px 0 20px 0;
	width: 730px;
}
.imageLibrary .btnsTerms a {
	float: right;
	margin-left: 10px;
}

/*----- Search -----*/
.imageSearch {
	display: -moz-inline-block;
	display: inline-block;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}
.imageSearch #search {
    background: url("/DotCom/img/global/bgSearch.png") -500px 0px no-repeat;
    display: inline;
	float: left;
	margin: 40px 0 40px 15px;
    padding: 0;
}
.imageSearch #search fieldset {
    float: left;
    margin: 0;
}
.imageSearch #search input {
    background-color: transparent;
    border: 0;
    color: #b1b1b1;
    float: left; 
    font-size: 10px;
    height: 19px;
    margin: 0;
    padding: 5px 5px 0 8px;
    width: 195px;
}
.imageSearch #search fieldset.checkbox {
	margin-top: 7px;
	/*width: auto;*/
	width: 333px;
}
.imageSearch #search fieldset.checkbox input {
	display: inline;
	height: 13px;
	margin: 0 10px 0 13px;
	padding: 0;
	width: 13px;
}
.imageSearch #search label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	margin-bottom:12px;
	width: 75px;
}
.imageSearch a.btnGo {
	display: inline;
	float: left;
	margin: 1px 12px 0 10px;
}
.container .imageSearch a.showHide {
	background: url("/DotCom/img/global/icons.png") -1860px 4px no-repeat;
	clear: both;
	float: left;
	font-size: 12px;
	margin: 5px 0 0 15px;
	padding: 0 0 0 15px;
}
.container .imageSearch a.hide {
	background-position: -2840px 4px;
}
.imageSearch #options {
	border-top: 1px solid #e5e5e5;
	clear: both;
	display: none;
	float: left;
	margin: 15px 0 0 0;
	padding: 5px 15px 0 15px;
	position: relative;
	width: 950px;
}
.imageSearch #options .tabs {
	height: 24px;
	margin: 0 -15px;
	padding-bottom: 10px;
}


/* =Image Library Results
----------------------------------------------------------------------------------------------------*/
.imageLibrary {
	margin-top: 10px;
}

/*----- Search -----*/
.imageLibrary .imageSearch {
	margin: 0;
	padding: 0 0 13px 0;
}
.imageLibrary .imageSearch #search {
	margin: 5px 0 0 15px;
}
.imageLibrary .imageSearch a.showHide {
	clear: none;
	margin: 12px 0 0 25px;
}

/*----- Results Bar -----*/
.imageLibrary .resultsBar {
	clear: both;
	float: left;
	height: 38px;
}
.imageLibrary .resultsBar .resultsFound {
	margin-right: 182px;
	padding-top: 8px;
	_width: 363px; /* IE6 - not sure why IE6 needs this to work. */
}
.imageLibrary .resultsBar .resultsFound strong {
	display: inline;
	padding-top: 0;
}
.imageLibrary .resultsBar .download {
	float: left;
	left: 406px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 182px;
}
.imageLibrary .resultsBar .download a {
	background: url("/DotCom/img/global/icons.png") -4770px 20px no-repeat;
	border: 1px solid #f30;
	color: #414141;
	display: block;
	font-weight: normal;
	line-height: 46px;
	padding: 0 0 0 45px;
	text-decoration: none;
	width: 137px;
}
.imageLibrary .resultsBar .download a:hover {
	color: #f30;
	text-decoration: none;
}

/*----- Grid -----*/
.imageLibrary #grid {
	clear: both;
	display: inline-block;
	margin: 0 -15px;
}
.imageLibrary #grid .imgBlock {
	display: inline;
   	float: left;
    height: 215px;
    margin: 0 15px 20px 15px;
    padding: 0;
    text-align: center;
	vertical-align: bottom;
	width: 172px;
}
.imageLibrary #grid .thumb a {
	border: 1px solid #e5e5e5;
	display: table-cell;
	*display: block;
	height: 172px;
	*height: 170px;
	vertical-align: middle;
	width: 170px;
}
body:first-of-type .imageLibrary #grid .thumb a {
	height: 170px;
}
.imageLibrary #grid .thumb a img {
	vertical-align: bottom;
}
.imageLibrary #grid .imgBlock .ajax {
    display: none;
}
.imageLibrary .resultsBar ul.pagination {
	margin-left: 5px;
}
.imageLibrary #grid fieldset {
	clear: both;
	line-height: 0.9em;
	padding: 5px 0 0 0;
	text-align: left;
}
.imageLibrary #grid input {
	float: left;
	height: 13px;
	margin: 0 5px 0 0;
	padding: 0;
	width: 13px;
}
.imageLibrary #grid label {
	float: left;
	font-size: 11px;
	font-weight: bold;
	_line-height: 1.1em;
	text-align: left;
	width: 150px;
}

/*----- Expanded -----*/
.imageLibrary #grid .expanded {
	border: 1px solid #e5e5e5;
	display: inline;
	height: 663px;
	padding: 20px 0 0 20px;
	position: relative;
	text-align: center;
	vertical-align: bottom;
	width: 776px;
}
.imageLibrary #grid .expanded .details {
	font-size: 11px;
	position: absolute;
	right: 18px;
	text-align: left;
	top: 30px;
	width: 225px;	
}
.imageLibrary #grid .expanded .keywords {
	left: 20px;
	right: auto;
	top: 529px;
	width: 489px;	
}
.imageLibrary #grid .expanded .details h2 {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 0 15px 0;
}
.imageLibrary #grid .expanded .details h3 {
	color: #7f7f7f;
	font-size: 11px;
	padding: 0 0 5px 0;
}
.imageLibrary #grid .expanded .details .module {
	clear: both;
	padding: 0;
}
.imageLibrary #grid .expanded .details .module h3 {
	padding: 15px;
}
.imageLibrary #grid .expanded .hero {
	border: 1px solid #e5e5e5;
	display: table-cell;
	*float:left;
	height: 489px;
	vertical-align: middle;
	width: 489px;
}
.imageLibrary #grid .expanded .details .width220,
.imageLibrary #grid .expanded .details .btmCurve {
	border: 0;
	width: 220px;
}
.imageLibrary #grid .expanded .details .btmCurve {
	height: 10px;
	margin: 10px 0 0 0;
}
.imageLibrary #grid .expanded .details .width220 {
	height: auto;
	margin: 0 0 20px 0;
	text-align: left;
}
.imageLibrary #grid .expanded .details span {
	display: block;
	font-weight: bold;
	line-height: 1.5em;
	padding: 0 0 20px 0;
}
.imageLibrary #grid .expanded .details ul {
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 0 15px;
	padding-bottom: 5px;
}
.imageLibrary #grid .expanded .details ul li {
	padding: 0 0 15px 0;
}
.imageLibrary #grid .expanded .details ul li span {
	display: block;
	font-weight: normal;
	padding: 5px 10px 0 15px;
}
.imageLibrary #grid .expanded .details li a {
	background: url("/DotCom/img/global/icons.png") -4800px 4px no-repeat;
	color: #f30;
	padding-left: 15px;
}
.imageLibrary #grid .expanded .details a.email {
	background: url("/DotCom/img/global/icons.png") -9800px 3px no-repeat;
	line-height: 1.1em;
	margin-left: 15px;
	padding-left: 15px;
}
.imageLibrary #grid .expanded .details a.btnClose {
	right: -10px;
	top: -15px;
}
.imageLibrary #grid .expanded .details a {
	font-weight: bold;
	text-decoration: none;
}
.imageLibrary #grid .expanded .details a:hover {
	text-decoration: underline;
}


/* =Typicals Grid, Detail, List View and Search
----------------------------------------------------------------------------------------------------*/
#typicalsGrid {
	display: inline-block;
	margin: 0 -20px;
	overflow: hidden;
}
#typicalsGrid li {
	height: 180px;
	float: left;
	padding: 0 20px;
	width: 164px;
}
#typicalsGrid img {
	border: 1px solid #e5e5e5;
	margin-bottom: 5px;
	padding: 5px 32px;
}
#typicalsGrid a {
	clear: both;
	float: left;
	font-size: 11px;
	text-decoration: none;
}
#typicalsGrid a.detail {
	display: inline;
	margin: 0 0 5px 25px;
}
#typicalsGrid a.detail:hover {
	text-decoration: underline;
}
#typicalsGrid a.download {
	background: url("/DotCom/img/global/btnCircleDownload.png") 0 0 no-repeat;
	color: #414141;
	line-height: 20px;
	margin: 0 0 5px 0;
	padding: 0 0 0 25px;
	*width: 137px;
}
#typicalsGrid a.download:hover {
	background-position: 0 -50px;
}

/*----- Typicals Detail Page -----*/
.typicalsDetail .resultsBar {
	margin-top: 0;
}
.typicalsDetail .resultsBar .resultsFound {
	width: 545px;
}
.typicalsDetail .resultsBar .pos1 {	left: 580px; }
.typicalsDetail .resultsBar .pos2 {	left: 772px; }
.typicalsDetail div.details {
	float: left;
	padding: 0 0 30px 0;
	position: relative;
}
.typicalsDetail div.details a.link {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	right: 15px;
	text-decoration: none;
	top: 10px;
}
.typicalsDetail div.details a.link:hover { text-decoration: underline; }
.typicalsDetail #typicalsGrid {
	float: left;
	margin: 30px 0 35px 0;
	width: 100%;
}
.typicalsDetail #typicalsGrid li {
	height: auto;
	width: auto;
}
.typicalsDetail #typicalsGrid li span {
	clear: both;
	color: #414141;
	display: block;
	line-height: 1.4em;
	margin: 0 0 0 25px;
}
.typicalsDetail #typicalsGrid a.download {
	margin: 10px 0;
	width: auto;
}
.typicalsDetail div.details img#hero {
	float: right;
	padding: 0 1px 0 0;
}
.typicalsDetail div.details table {
	border-top: 1px solid #e5e5e5;
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	width: 494px;
}
.typicalsDetail div.details td {
	border-bottom: 1px solid #e5e5e5;
	line-height: 1.4em;
	padding: 10px 10px 10px 25px;
	vertical-align: top;
	width: 295px;
}
.typicalsDetail div.details td.desc {
	background-color: #fbfbfb;
	padding: 10px;
	width: 144px;
}

/*----- Typicals List View -----*/
.listView {
	text-align: left;
}
.listView th {
	color: #7f7f7f;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 20px;
	width: 170px;
}
.container .listView th a {
	color: #7f7f7f;
	text-decoration: none;
}
.listView th a:hover { color: #f30; }
.listView td {
	font-size: 11px;
	line-height: 20px;
	padding: 10px 20px;
	vertical-align: top;
	width: 170px;
}
.listView th.col1,
.listView td.col1 {
	width: 310px;
}
.listView th.sort,
.listView th.sort a  {
	background-color: #b2b2b2;
	color: #fff;
	font-weight: bold;
}
.listView td.sort {
	background-color: #fbfbfb;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
}
.listView .stripe td {
	background-color: #f9f9f9;
}
.listView tr.stripe td.sort {
	background-color: #f5f5f5;
}
.listView tr.last td.sort {
	border-bottom: 1px solid #e5e5e5;
}
.listView a.download {
	background: url("/DotCom/img/global/btnCircleDownload.png") 0 0 no-repeat;
	color: #414141;
	float: left;
	line-height: 20px;
	margin: 0;
	padding: 0 0 0 25px;
	text-decoration: none;
	width: auto;
}
.listView a.download:hover { background-position: 0 -50px; }
.listView tr.stripe a.download { background-position: 0 -200px; }
.listView tr.stripe a.download:hover { background-position: 0 -225px; }
.listView td.sort a.download { background-position: 0 -100px; }
.listView td.sort a.download:hover { background-position: 0 -125px; }
.listView tr.stripe td.sort a.download { background-position: 0 -150px; }
.listView tr.stripe td.sort a.download:hover { background-position: 0 -175px; }
.listView a.detail {
	display: inline;
	float: right;
	margin: 0 25px;
	text-decoration: none;
}
.listView a.detail:hover {
	text-decoration: underline;
}

/*----- Typicals Search -----*/
.typicalsSearch {
	display: table-cell;
	display: inline-block;
	margin-bottom: 0;
}
.typicalsSearch .col {
	float: left;
	padding: 0 20px 20px 20px;
	position: relative;
	width: 283px;
}
.typicalsSearch .middle {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	left: 0;
	width: 288px;
}
.typicalsSearch h2 {
	background: none;
	border-bottom: 3px solid #f2f2f2;
	color: #7f7f7f;
	font-size: 13px;
	padding: 20px 0 15px 0;
}
.typicalsSearch label {
	display: block;
	font-size: 11px;
	font-weight: normal;
	padding: 20px 0 10px 0;
}
.typicalsSearch select {
	font-size: 11px;
	width: 242px;
}
.typicalsSearch .bottom {
	border-top: 1px solid #e5e5e5;
	padding: 15px 0 15px 15px;
	width: 965px;
}

/*----- Adjustments for Typicals Results -----*/
.module .typicalsSearch .col {
	border-right: 1px solid #e5e5e5;
	float: left;
	height: 190px;
	margin: -10px 0;
	_margin-top: -13px;
	padding: 0 20px;
	position: relative;
	width: 247px;
}
.module .typicalsSearch select {
	font-size: 11px;
	width: 242px;
}
.module .typicalsSearch .btn {
	border: 0;
	width: 76px;
}
.module .typicalsSearch a.btnGo {
	left: 34px;
	position: absolute;
	top: 90px;
}


/* =Special Info Template (based on aboutUS body id)
----------------------------------------------------------------------------------------------------*/
#aboutUs .specialInfo .simple {
	margin-left: 0;
}
#aboutUs .specialInfo .simple h2 {
	font-size: 16px;
	padding-bottom: 12px;
}
#aboutUs .specialInfo div.showHide {
	height: 160px;
}
#aboutUs .specialInfo div.show { height: auto; }


/* =page404
----------------------------------------------------------------------------------------------------*/
#page404.sIFR-active #section h1 {
    width: auto;
}
#section.page404 h1 {
    font-size:22px;
    font-weight:bold;
    margin-top:50px;
}

.page404 h2 {
    background: none;
    color: #434343;
    font-size: 13px;
    padding: 15px 0 8px 0;
    border:none;
}

.page404 .section h2 a:hover,
.page404 .section h3 a:hover {
    text-decoration: underline;
}
#section.page404 h4 {
    font-size:13px; 
    color: #7f7f7f;
    line-height:25px;
    margin-bottom:55px;
}
.page404 li {
    padding: 5px 0;
}

.page404 .columns {
    overflow: hidden;
    padding: 0;
    float:left;
    width:20%;
    margin-bottom:100px;
}

.page404.module li a {
    color: #7F7F7F;
}

.page404.module li a:hover {
    color: #ff3300;
    text-decoration:none;
}

/* =Investors
----------------------------------------------------------------------------------------------------*/
#investors a{
    text-decoration:none;   
}
#investors a:hover{
    text-decoration:underline;  
}
#investors #sh_content, #investors td, #investors th, #investors p, #investors dd, #investors dt, #investors input, #investors select, #investors textarea
{
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    line-height:16px;
}
#investors .submit{
    font-family:arial,helvetica,sans-serif;
}


#investors .container730 h2{
    margin-left:20px;
    padding: 14px 0;
    font-size: 16px;
    font-family:arial,helvetica,sans-serif;
}
#investors h3{
    padding: 14px 0;
    font-size:12px; 
}
#investors h5{
    font-size:12px; 
}

#investors .container730 #sh_content{
    margin-left:20px;
}
.dataTable th, .dataTable th a, .primary, .primary td, .primarybold, .primarybold td {
    background-color: #f2f2f2;  
}

#investors #EmailAlerts div{
    margin-bottom: 20px;    
}

#investors #EmailAlerts div div{
    margin:0px; 
}

#investors .disclaimer{
    color:#b2b2b2;  
    margin-top:28px;
}

#investors select {
width:120px !important; 
}
#investors #historic_Day{
    width: 55px !important;
}


/* =Pagination
----------------------------------------------------------------------------------------------------*/
ul.pagination {
	float: left;
	margin: 1px 0 0 0;
	*margin-top: 0;
	padding: 0;
	width: 205px;
}
ul.pagination li {
	color: #414141;
	display: inline;
	float: left;
	font-weight: bold;
	line-height: 25px;
	margin: 0 10px;
}
ul.pagination li span {
	color: #414141;
	float: left;
	padding: 1px 0 0 0;
}
ul.pagination li input.currentPage {
	background: url("/DotCom/img/global/bgPaginationCount.png") 0 0 repeat-x;
	border: 1px solid #ccc;
	color: #414141;	
	display: inline;
	float: left;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0 3px;
	padding: 6px 0 7px 0;
	*padding-bottom: 5px;
	text-align: center;
	width: 24px;
}
ul.pagination li .totalPages {
	margin: 0 0 0 3px;
	width: 18px;
}
ul.pagination a {
	background: url("/DotCom/img/global/buttons.png") -50px -50px no-repeat;
	height: 25px;
	display: block;
	text-indent: -999.9em;
	width: 25px;
}
ul.pagination a.prev {
	background-position: -50px -50px;
}
ul.pagination a.prev:hover {
	background-position: -50px -75px;
}
ul.pagination a.next {
	background-position: -75px -50px;
}
ul.pagination a.next:hover {
	background-position: -75px -75px;
}


/* =DOM Windows 
----------------------------------------------------------------------------------------------------*/	
.jqmOverlay {
    background: url("/DotCom/img/global/transparencyDOM.png") 0 0 repeat;
    *background-image: none;
    *background-color: #000;
    *filter:alpha(opacity=60) !important;
}
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
#popupContent {
    position: absolute;
}
.domWindow h2 {
	background: none;
	border: 0;
	color: #414141;
	font-size: 14px;
	padding: 0 0 14px 0;
}
.domWindow h2 span {
	color: #414141;
	font-size: 14px;
	font-weight: normal;
}

/* ----- Close Button ----- */
a.btnClose {
	background: url("/DotCom/img/global/buttons.png") -158px 0 no-repeat;
	display: block;
	height: 21px;
	position: absolute;
	right: 22px;
	text-indent: -999.9em;
	top: -7px;
	width: 21px;
}
a.btnClose:hover {
	background-position: -158px -25px;
}

/* ----- Content Container and Shadows ----- */
.domContent {
	position: relative;
	padding: 20px 32px 0 32px;
	width: 802px;
}
.shadowBg {
	background: url("/DotCom/img/global/shadowDomWindwBg.png") 0 0 repeat-y;
	width: 866px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwBg.png', sizingMethod='scale');
	_background:none;
}
.shadowTop {
	background: url("/DotCom/img/global/shadowDomWindwTop.png") 0 0 no-repeat;
	height: 25px;
	width: 866px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwTop.png', sizingMethod='crop');
	_background:none;
}
.shadowBtm {
	background: url("/DotCom/img/global/shadowDomWindwBtm.png") 0 0 no-repeat;
	height: 25px;
	width: 866px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwBtm.png', sizingMethod='crop'); 
	_background:none;
}
/* Adjustments for Medium DOM Window */
.medium .domContent {
	width: 452px;
}
.medium .shadowBg {
	background: url("/DotCom/img/global/shadowDomWindwMedBg.png") 0 0 repeat-y;
	width: 516px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwMedBg.png', sizingMethod='scale');
	_background:none;
}
.medium .shadowTop {
	background: url("/DotCom/img/global/shadowDomWindwMedTop.png") 0 0 no-repeat;
	width: 516px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwMedTop.png', sizingMethod='crop');
	_background:none;
}
.medium .shadowBtm {
	background: url("/DotCom/img/global/shadowDomWindwMedBtm.png") 0 0 no-repeat;
	width: 516px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwMedBtm.png', sizingMethod='crop'); 
	_background:none;
}
/* Adjustments for Narrow DOM Window */
.narrow .domContent {
	width: 310px;
}
.narrow .shadowBg {
	background: url("/DotCom/img/global/shadowDomWindwSmlBg.png") 0 0 repeat-y;
	width: 374px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwSmlBg.png', sizingMethod='scale');
	_background:none;
}
.narrow .shadowTop {
	background: url("/DotCom/img/global/shadowDomWindwSmlTop.png") 0 0 no-repeat;
	width: 374px;
	/* IE6 PNG Filter */
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwSmlTop.png', sizingMethod='crop');
	_background:none;
}
.narrow .shadowBtm {
	background: url("/DotCom/img/global/shadowDomWindwSmlBtm.png") 0 0 no-repeat;
	width: 374px;
	/* IE6 PNG Filter*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/DotCom/img/global/shadowDomWindwSmlBtm.png', sizingMethod='crop'); 
	_background:none;
}

/* ----- Idea Starters DOM Window ----- */
.domWindow .ideaStarters .module {
	border: 1px solid #e5e5e5;
	border-top: 0;
	padding-bottom: 15px;
	width: 800px;
}
.domWindow .ideaStarters .module h2 {
	color: #7f7f7f;
	font-size: 13px;
	padding: 14px;
}
#carouselIdeasDOM {
	margin-left: 47px;
	*position: relative;
	overflow: hidden;
	width: 705px;
}
.domWindow .ideaStarters .carousel {
	padding-bottom: 20px;
}
.domWindow .ideaStarters .carousel li {
	border: 1px solid #e5e5e5;
	display: inline;
	height: 125px;
	margin: 0 12px 0 0;
	padding: 0;
	width: 225px;
}
.domWindow .ideaStarters .carousel li a {  
	background: none;
	color: #f30;
	float: left;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.domWindow .ideaStarters .carousel li a:hover {
	text-decoration: underline;
}
.domWindow .ideaStarters .carousel li span {
	color: #414141;
	float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	padding: 15px 10px 10px 10px;
	width: 104px;
}
.domWindow .ideaStarters .carousel li span a {
	clear: both;
	*white-space: nowrap
}
.domWindow .ideaStarters .carousel li span.cost {
	float: left;
	font-weight: normal;
	padding: 0 0 5px 0;
}
.domWindow .ideaStarters .carousel img {
	border-right: 1px solid #e5e5e5;
}
.domWindow .ideaStarters a.prev,
.domWindow .ideaStarters a.next {
	top: 85px;
}

/* ----- 3D Models DOM Window ----- */
.domWindow .models3D .module {
	display: table-cell;
	display: inline-block;
	padding: 0;
}
.domWindow .models3D ul {
	padding: 0;
	_margin-right: -20px;
	width: 822px;
}
.domWindow .models3D li {
	float: left;
	height: 113px;
	padding: 10px 20px 10px 0;
	width: 390px;
}
.domWindow .models3D li img {
	border: 1px solid #e5e5e5;
	float: left;
}
.domWindow .models3D span.downloads {
	background: url("/DotCom/img/global/moduleBordersGradient.png") -220px 0 no-repeat;
	float: right;
	height: 83px;
	padding: 15px;
	width: 200px;
}
.domWindow .models3D span.title {
	color: #7f7f7f;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 15px 0;
}
.domWindow .models3D span a {
	background: url("/DotCom/img/global/icons.png") -4800px 3px no-repeat;
	clear: both;
	float: left;
	font-weight: bold;
	margin: 0 0 12px 0;
	padding: 0 0 0 12px;
	text-decoration: none;
	*display: block;
	*float: none;
}
.domWindow .models3D span a:hover {
	text-decoration: underline;
}

/* ----- Product Information DOM Window ----- */
.domWindow .productInfo {
	padding-bottom: 10px;
}
/* DEV NOTE: See Show/Hide Bars Module for default styles for controlling content. */
.domWindow .productInfo .showHideBars ul {
	background: url("/DotCom/img/global/moduleBorders.png") -4665px -60px no-repeat;
	width: 802px;
}
.domWindow .productInfo .showHideBars li {
	background: url("/DotCom/img/global/moduleBorders.png") -4665px -15px no-repeat;
	width: 802px;
}
.domWindow .productInfo .showHideBars li ul {
	padding: 0 0 10px 0;
	width: 802px;
}
.domWindow .productInfo .showHideBars li li {
	background-image: none;
	margin: 0;
	padding: 14px 0 0 10px;
	width: 257px;
}
.domWindow .productInfo .showHideBars li .module {
	background: url("/DotCom/img/global/moduleBorders.png") -4665px 100% no-repeat;
	width: 802px;
}
.domWindow .productInfo .showHideBars li a {
	background: url("/DotCom/img/global/icons.png") -5780px 1px no-repeat;
	color: #414141;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	margin: 0 0 0 10px;
	padding: 0 0 0 13px;
	text-decoration: none;
}
.domWindow .productInfo .showHideBars li a.selected,
.domWindow .productInfo .showHideBars li a.selected:hover {
	background-position: -6760px 5px;
	color: #414141;
}
.domWindow .productInfo .showHideBars li a:hover {
	background-position: -5780px 1px;
	color: #f30;
	text-decoration: none;
}
.domWindow .productInfo .showHideBars li li a {
	background-position: -4800px 3px;
	color: #f30;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 0 1px;
	padding: 0 0 0 12px;
	text-decoration: none;
}
.domWindow .productInfo .showHideBars li li a:hover {
	background-position: -4800px 3px;
	text-decoration: underline;
}
.domWindow .productInfo .footer {
	border-top: 1px solid #e5e5e5;
	clear: both;
	margin: 10px -20px -10px -20px;
	padding: 5px 20px 0 20px;
}
.domWindow .productInfo .footer a {
	font-size: 11px;
	text-decoration: none;
}
.domWindow .productInfo .footer a:hover {
	text-decoration: underline;
}

/* ----- FAQ DOM Window ----- */
.domWindow .faq {
	padding-bottom: 10px;
}
.domWindow .faq h2 {
	border-bottom: 3px solid #f2f2f2;
	margin-bottom: 12px;
}
/* DEV NOTE: See Show/Hide Bars Module for default styles for controlling content. */
.domWindow .faq .showHideBars ul {
	background-image: none;
	width: 802px;
}
.domWindow .faq .showHideBars li {
	background-image: none;
	margin: 0;
	width: 802px;
}
.domWindow .faq .showHideBars li .module {
	background-image: none;
	width: 802px;
}
.domWindow .faq .showHideBars li a {
	background: url("/DotCom/img/global/icons.png") -5780px 3px no-repeat;
	color: #414141;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	padding: 0 0 0 13px;
	text-decoration: none;
}
.domWindow .faq .showHideBars li a.selected,
.domWindow .faq .showHideBars li a.selected:hover {
	background-position: -6760px 5px;
	color: #414141;
}
.domWindow .faq .showHideBars li a:hover {
	background-position: -5780px 3px;
	color: #f30;
	text-decoration: none;
}
.domWindow .faq .showHideBars p {
	font-size: 12px;
	line-height: 1.6em;
	padding-bottom: 10px;
}
.domWindow .faq .showHideBars p a {
	background-image: none;
	color: #f30;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
}
.domWindow .faq .showHideBars p a:hover {
	text-decoration: underline;
}

/* ----- Video DOM Window ----- */
.domWindow .video #videoDom {
	/*height: 400px;
	margin: 5px 0 50px 46px;
	width: 710px;*/
	height: 394px;
	margin: 5px 0 50px 50px;
	width: 700px;
}
.domWindow .multi #videoDom {
	margin-bottom: 0;
}
.domWindow .multi {
	display: -moz-inline-block;
	display: inline-block;
}
.domWindow .multi ul.moduleNav {
	padding-bottom: 40px;
	/*margin-left: 21px;*/
	margin-left: 27px;
}
.domWindow .video ul.moduleNav li {
	/*margin: 0 25px;*/
	margin: 0 23px;
}
.domWindow .multi ul.moduleNav li a {
	text-decoration: none;
}

/* ----- Combo Video module in page ----- */
.container .video.multi {
    width: 700px;
    margin: auto;
}

/* ----- View 360 DOM Window ----- */
.domWindow .view360 #view360Dom {
	height: 542px;
	margin: 5px 0 0 0;
	width: 802px;
}

/* ----- Photo Gallery DOM Window ----- */
.domWindow .photoGallery .module {
	padding-bottom: 15px;
	width: 800px;
}
.domWindow .photoGallery #mainImg {
	border-bottom: 1px solid #e5e5e5;
	display: block;
	*display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
.domWindow .noCarousel #mainImg {
	border: 0;
	padding-bottom: 5px;
}
.domWindow .photoGallery #mainImg img {
	border: 1px solid #e5e5e5;
	display: block;
}
.domWindow .photoGallery #mainImg a {
	background: url("/DotCom/img/global/btnsDomGallery.png") 0 0 no-repeat; /* Defined here and hidden so IE6 to recognize hit states */
	display: none;
	height: 27px;
	left: 0;
	position: absolute;
	text-indent: -999.9em;
	top: 255px;
	width: 35px;
}
.domWindow .photoGallery #mainImg a.next {
	background-position: 0 -27px;
	left: 765px;
}
.domWindow .photoGallery #mainImg a.show {
	display: block;
}
#carouselGalleryDOM {
	clear: both;
	margin: 20px 0 0 32px;
	*position: relative;
	overflow: hidden;
	width: 717px;
}
.domWindow .photoGallery .carousel li {
	display: inline;
	margin: 0 9px 0 9px;
	padding: 0;
	width: 129px;
}
.domWindow .photoGallery .carousel li a.selected img {  
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:alpha(opacity=20); /* IE6&7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */
}
.domWindow .photoGallery a.prev,
.domWindow .photoGallery a.next {
	top: 50px;
	*top: 70px;
}

/* ----- Download Files DOM Window ----- */
.domWindow .download {
	font-size: 11px;
	padding-bottom: 8px;
}
.domWindow .download h2 {
	padding-bottom: 25px;
}
.domWindow .download p {
	line-height: 1.3em;
	padding: 0 0 12px 0;
}
.domWindow .download ul li {
	padding: 0 0 15px 0;
}
.domWindow .download ul li span {
	display: block;
	font-weight: normal;
	padding: 5px 10px 0 25px;
}
.domWindow .download li label {
	color: #f30;
	font-weight: bold;
	line-height: 13px;
	padding-left: 10px;
}
.domWindow .download li input {
	height: 13px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	width: 13px;
}
.domWindow .download a.btnDownloadZip {
	margin-top: 8px;
}
.domWindow .download a.btnDownloadPDF {
	margin-top: 15px;
}

/* ----- Email Image Form DOM Window ----- */
.domWindow .emailForm {
	text-align: left;
}
.domWindow .emailForm p {
	font-size: 11px;
	padding-top: 10px;
}
.domWindow .emailForm p.required {
	padding: 10px 10px 0 0;
	text-align: right;
}
#popupContent .domWindow .emailForm fieldset {
	padding-bottom: 5px;
}
#popupContent .domWindow .emailForm label,
#popupContent .domWindow .emailForm fieldset.checkbox label {
	float: left;
	font-weight: normal;
	padding-top: 4px;
	text-align: right;
	width: 140px;
}
#popupContent .domWindow .emailForm fieldset.checkbox label {
	padding-left: 0;
	padding-right: 10px;
}
#popupContent .domWindow .emailForm input,
#popupContent .domWindow .emailForm textarea {
	color: #7f7f7f;
	float: left;
	font-size: 11px;
	width: 290px;
}
#popupContent .domWindow .emailForm input {
	height: 15px;
	padding: 1px 0 2px 0;
	width: 290px;
}
.domWindow .emailForm textarea {
	height: 110px;
}
#popupContent .domWindow .emailForm fieldset.checkbox input {
	margin-top: 6px;
	width: auto;
}
.domWindow .emailForm fieldset.btns {
	margin-top: 5px;
}


/* =jScrollPane 
----------------------------------------------------------------------------------------------------*/
.jScrollPaneContainer {
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.jScrollPaneTrack {
	cursor: pointer;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.jScrollPaneDrag {
	background: url("/DotCom/img/global/buttons.png") -238px 0 repeat-y;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
	margin-bottom: 10px;
}
.jScrollPaneDragTop {
	background: url("/DotCom/img/global/buttons.png") -221px 0 no-repeat;
	height: 10px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.jScrollPaneDragBottom {
	background: url("/DotCom/img/global/buttons.png") -221px -90px no-repeat;
	bottom: 0;
	_bottom: -1px;
	height: 10px;
	left: 0;
	overflow: hidden;
	position: absolute;
}
a.jScrollArrowUp {
	background: url("/DotCom/img/global/buttons.png") -187px 0 no-repeat;
	display: block;
	height: 17px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -999.9em;
	top: 0;
	width: 17px;
	z-index: 1;
}
a.jScrollArrowUp:hover {
	background-position: -187px -25px;
}
a.jScrollArrowDown {
	background: url("/DotCom/img/global/buttons.png") -204px 0 no-repeat;
	bottom: 0;
	display: block;
	height: 17px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -999.9em;
	width: 17px;
	z-index: 1;
}
a.jScrollArrowDown:hover {
	background-position: -204px -25px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	
}


/* loader graphic for carousels */
img.loader {
    margin: 50%;
}

a h1:hover {
    cursor: pointer;
}

/* =sIFR 
----------------------------------------------------------------------------------------------------*/	
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	
	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}
	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt; 
		padding: 0pt; 
		overflow: auto; 
		letter-spacing: 0px; 
		float: none;
	}
}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	} 
	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active so they only apply if sIFR is active. Make sure to limit the CSS to the screen media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active .productNav h1 {
		font-size: 24px;
		padding: 0;
		visibility: hidden;
	}
	.sIFR-active #caseStudyCarousel li div h1,
	.sIFR-active #section h1 {
		font-size: 22px;
		padding: 0;
		visibility: hidden;
		width: 295px;
	}
	.sIFR-active .main #hero .title {
		font-size: 14px;
		visibility: hidden;
	}
	.sIFR-active .main #hero .infoBlock h2 {
		font-size: 20px;
		visibility: hidden;
	}
	.sIFR-active .square h2 {
		font-size: 14px;
		padding-bottom: 5px;
		padding-top: 10px;
		visibility: hidden;
	}
}