@import url("color.css");
@import url("type.css");
/* ***** styles related to layout, positioning ***** */

/* ***** Normalization ***** */
/* set baseline for all browsers */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
ul, ol { list-style-image: none; list-style-position: outside; list-style-type: none; }
sup { vertical-align: baseline; position: relative; bottom: .7em; }
sub { vertical-align: baseline; position: relative; bottom: -.3em; }

/* ********** base styles ********** */
.clear { float: none !important; clear: both !important; height: 1px !important; margin: 0 !important; padding: 0 !important; display: block !important; }
.clear2 {margin-top: 20px; }

.hide { display: none !important; }

input[type='text'] { padding: 10px; }
input.text { padding: 10px; }

a.topAnchor { position: absolute; top: 0; visibility: hidden; }
a.toTop { display: block; padding-bottom: 12px; }

dt { float: left; width: 175px; }
dd { float: left; width: 200px; position: relative; top: -2px; }
dd.email { width: auto; top: -3px; }

h2 { margin: 18px 0 15px; }
h2 span { position: relative; bottom: 0.25em; padding-right: 3px; }
h4 { margin-bottom: 10px; }
h5 { margin-bottom: 3px; }
h6 { margin-bottom: 10px; }

/* ********** navigation ********** */
.sideNav { float: left; width: 214px; padding: 15px 0 0 0; }
.sideNav ul { margin-bottom: 10px; }
.sideNav ul img.active { display: none; }
.sideNav ul li { padding: 5px 0; }
.sideNav ul .active img.inactive { display: none; }
.sideNav ul .active img.active { display: inline; }
.sideNav ul li ul { display: none; padding: 6px 21px; margin-bottom: 0; }
.sideNav ul .active ul { display: block; }
.sideNav ul li ul li { padding: 5px 0 1px 0; }
.sideNav .bottomNav { margin: 28px 0 10px 0; }
.sideNav .bottomNav li { padding: 5px 0 1px 0; }
.leftCallout {top:415px; position: absolute;}

.footer { margin: 40px 0 0; padding: 10px 0 20px; }
.footer.wide { margin: 0; padding: 10px 0 20px; }

/* ********** main areas ********** */
.pageHeader { margin-bottom: 25px; height: 174px; position: relative; text-align: center; background-position: center bottom; }
.pageHeader .container { height: 174px; position: relative; }
.pageHeader .logo { width: 295px; height:152px; background-repeat: no-repeat; display: block; margin: 0 auto; text-indent: -9999px; position: relative; top: 15px; }
.pageHeader .slogan { position: absolute; background-repeat: no-repeat; right: 0; bottom: 22px; width: 94px; height: 20px; }


.pageHeader-thin { margin-bottom: 25px; height: 63px; position: relative; text-align: center; background-position: center bottom; }
.pageHeader-thin .container { height: 63px; position: relative; }
.pageHeader-thin .logo { width: 295px; height:152px; background-repeat: no-repeat; display: block; margin: 0 auto; text-indent: -9999px; position: relative; top: 15px; }



.container { width: 900px; display: block; margin: 0 auto; padding: 0; }
.content { position: relative; margin: 0 auto; min-height: 600px; }

.introParagraph { width: 300px; margin-bottom: 20px; }

.rightColumn { padding: 0 0 0 214px; }
.bodytext p {margin-bottom: 10px;}
.bodytext ul {list-style: disc; margin-left:20px;margin-bottom: 10px;}
.bodytext ul li{margin-bottom: 5px;}


.wideColumn { padding: 0; }


/* *page header image* */
div.image { margin-bottom: 30px; position: relative; width: 685px; min-height: 95px; }
div.image .overlay { position: absolute; bottom: 0; left: 0; width: 535px; height: 65px; padding: 15px 120px 15px 30px; }
div.image .overlay h4, div.image .overlay p { position: relative; z-index: 1; }
div.image .overlay .color { position: absolute; bottom: 0; left: 0; width: 685px; height: 95px; }

/* *content block layout* */
.contentBlocks { clear: both; }
.contentBlocks li { position: relative; padding-bottom: 37px; float: left; width: 282px; overflow: hidden; margin: 0 30px 35px 30px; }
.contentBlocks .first { clear: left; }
.contentBlocks li p { margin: 0 0 15px; }
.contentBlocks li p a { clear: none; display: inline; position: relative; border: 0; }
.contentBlocks li a { clear:left; display: block; padding: 14px 0 0; position: absolute; bottom: 0; left: 0; width: 100%; }
.contentBlocks li input { width: 208px; }

/* styles for content blocks with 2 icons */
.contentBlocks li ul {border-top: solid 1px #b8b7b0; color: #9d4228; }
.contentBlocks li.twoicons { margin-bottom: 0px; }
.contentBlocks li.twoicons a { clear:left; display: block; padding: 0; position: relative; bottom: 0; left: 0; width: 100%; }




.autoHeight li p { margin: 0; height: 120px; overflow: hidden; }

.bottomLine li a { padding: 0 0 14px; }

/* *video modal* */
.videoOverlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9; display: none; }
.videoContainer { position: absolute; z-index: 10; display: none; width: 1000px; left: 0; top: 0; }
.videoShift { width: 774px; height: 534px; margin-left: 203px; }
.galleryContainer { position: absolute; z-index: 10; display: none; width: 1254px; height: 727px; padding: 27px; left: 0; top: 0; }
.galleryShift { width: 1200px; height: 673px; position: relative; }

.closeIcon { width: 47px; height: 47px; position: absolute; top: -23px; right: -23px; z-index: 1; }

.flashPlaceholder { width: 750px; height: 480px; margin-top: 24px; padding-top: 30px; }


/* *general content* */
/*.contentCol { width: 445px; margin-right: 40px; }*/ /* removed right nav, no longer needs width restrictions */
.contentCol p { margin-bottom: 18px; }
.contentCol h5 { margin-bottom: 12px; }

/* *related links menu* */ /* no longer used */
/*.relatedLinks { width: 200px; float: right; }
.relatedLinks h5 { margin-bottom: 15px; }
.relatedLinks ul li { margin-bottom: 8px; }*/

/* *** generic pages *** */
.contentItem { margin-top: 20px; padding-top: 8px; }
.productRow, .productRow2 { padding-top: 2px; position: relative; }

/* ********** slider control ********** */
#imgSlideshow { margin:0 auto; width:685px; height:385px; position:relative; }
#imgSlideshow #imgSlidesContainer { margin:0 auto; width:685px; height:385px; overflow:hidden; position:relative; }
#imgSlideshow #imgSlidesContainer .imgSlide { margin:0 auto; width: 685px; height:385px; }

#contSlideshow { margin:4px 0 50px 0; width:685px; height:130px; position:relative; }
#contSlideshow #contSlidesContainer { margin:0 auto; width:685px; height:130px; overflow:auto; position:relative; }
#contSlideshow #contSlidesContainer .contSlide { margin:0 auto; width:668px; height:130px; padding-left:17px; }

#contSlideshow #contSlidesContainer .contSlide .sliderContent { display:block; float:left; width:300px; height:110px; padding:10px; }
#contSlideshow #contSlidesContainer .contSlide .sliderContent img { float: left; width: 150px; margin-right: 12px; }
#contSlideshow #contSlidesContainer .contSlide .sliderContent .info { float: left; display: block; width: 138px;  }
#contSlideshow #contSlidesContainer .contSlide .sliderContent .info .header { display:block; margin-bottom: 5px; }
#contSlideshow #contSlidesContainer .contSlide .sliderContent .info .text { display: block; }

.control { display:block; width:39px; text-indent:-10000px; position:absolute; cursor: pointer; }
#imgSlideshow .control { height:385px; }
#contSlideshow .control { height:130px; }

#imgSlideshow .leftControl { width:26px; top:0; left:0; margin-right:-26px; z-index:1; }
#imgSlideshow .leftControl .arrow-left { width:7px; height:10px; position:relative; top:190px; margin:0 0 0 6px;}
#imgSlideshow .rightControl { width:26px; top:0; right:0; }
#imgSlideshow .rightControl .arrow-right { width:7px; height:10px; position:relative; top:190px; margin:0 0 0 10px; }

#contSlideshow .leftControl { width:20px; top:0; left:0; margin-right:-26px; z-index:1; }
#contSlideshow .leftControl .arrow-left { width:7px; height:10px; position:relative; top:60px; margin:0 0 0 6px; }
#contSlideshow .rightControl { width:20px; top:0; right:0; background-color:#d2c8b7}
#contSlideshow .rightControl .arrow-right { width:7px; height:10px; position:relative; top:60px; margin:0 0 0 7px; }

/* ********** expander control  ********** */
#productStyles { position: static; zoom: 1; height: 1%; }
#productStyles #styleInfoDisplay { position: absolute; width: 400px; height: 122px; left: 287px; top: 24px; }
#productStyles #styleInfoDisplay h5 { margin-bottom: 5px; }
.expanderWrapper { margin-right: 20px; float: left; position: relative; zoom: 1; z-index: 1; }
.expanderWrapper .imageExpander { width: 125px; height: 125px; position: relative; bottom: 0; cursor: pointer; }
.expanderWrapper .imageExpander img { height: 100%; }
.expanderWrapper .imageTitle { width: 115px; height: 17px; padding: 6px 0 0 10px; position: absolute; bottom: 0; left: 0; }
.expanderWrapper .imageTitle .color { width: 125px; height: 23px; position: absolute; bottom: 0; left: 0; }
.expanderWrapper .imageTitle span { position: relative; z-index: 1; }
.expanderWrapper .top { top: 0; height: 21px; }
.expanderWrapper .top .color { height: 28px; }
span.btn { width: 13px; height: 13px; cursor: pointer; position: absolute !important; right: 5px; bottom: 5px; z-index: 2 !important; }
.expanderWrapper span.btn span { display: none; }
.expanderWrapper .top span.btn { bottom: 6px; padding-left: 18px; width: 52px; }
.expanderWrapper .top span.btn span { display: inline; }

.expanderWrapper .info { display: none; }

#productProfiles { position: relative; zoom: 1; }
#productProfiles #profileInfoDisplay { 
    height: 299px;
    left: 0;
    position: absolute;
    top: 213px;
    width: 417px;
}
#productProfiles #profileInfoDisplay h5 { margin-bottom: 5px; }
.profileItem { width: 267px; height: 143px; padding-right: 20px; margin-bottom: 18px; float: left; position: relative; cursor: pointer; }
.profileItem img { height: 100%; width: 100%; }
.profileItem .profileTitle { width: 257px; height: 17px; padding: 6px 0 0 10px; position: absolute; bottom: 0; left: 0; }
.profileItem .profileTitle .color { width: 267px; height: 23px; position: absolute; bottom: 0; left: 0; }
.profileItem .profileTitle span { position: relative; z-index: 1; }
.profileItem .profileTitle span.btn { padding-left: 18px; width: 57px; }
.profileItem .info { display: none; }

#productProfiles2 { position: relative; zoom: 1; }
#productProfiles2 #profileInfoDisplay2 { 
    height: 299px;
    left: 0;
    position: absolute;
    top: 213px;
    width: 417px;
}
#productProfiles2 #profileInfoDisplay2 h5 { margin-bottom: 5px; }
.profileItem2 { width: 267px; height: 143px; padding-right: 20px; margin-bottom: 18px; float: left; position: relative; cursor: pointer; }
.profileItem2 img { height: 100%; width: 100%; }
.profileItem2 .profileTitle2 { width: 257px; height: 17px; padding: 6px 0 0 10px; position: absolute; bottom: 0; left: 0; }
.profileItem2 .profileTitle2 .color { width: 267px; height: 23px; position: absolute; bottom: 0; left: 0; }
.profileItem2 .profileTitle2 span { position: relative; z-index: 1; }
.profileItem2 .profileTitle2 span.btn { padding-left: 18px; width: 57px; }
.profileItem2 .info2 { display: none; }


.pagetitle {margin-bottom: 15px;}

.narrowcol {width: 440px;}

.gallerylocation {margin-top:20px;width: 430px;}

#dreamtoolsPlayerDiv {padding-bottom: 20px;}

#implemodal-login-form {z-index: 99;}

.facebookicon {
	position:relative;
	width:52px;
	overflow:hidden;
	float:left;
	z-index: 1;
}
.youtubeicon {
	position:relative;
	z-index: 999;
}

.rightColumn h3 {
	padding-bottom: 10px;
}

.bulletcontent ul {
	list-style: disc;
	padding: 10px 0 15px 20px;
}

.bulletcontent ul li {
	padding-bottom: 8px;
}

img.alignnone {
	padding: 4px;
}

img.alignleft {
	float: left;
	margin: 0 12px 10px 0;
	padding: 4px;
}

img.alignright {
	float: right;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.printlogo {
	display: none;
}