/** 
*	CSS Document 
*	American Wick
*	E-dreamz, Inc 2006
*	jjohnson
*/

/*layout / structure */
body{background: #0f4c78 url(/images/structure/body-bg.gif) repeat-x top left; color: #434343;}
h1{float:left; width:525px; height:21px; padding:3px 0 0 25px; margin-bottom:8px; background:url(/images/structure/hd-bg.jpg) top left no-repeat; color:#fff; font-size: 14px; }
h1.short{float:left; width:340px; height:21px; padding:3px 0 0 25px; margin-bottom:8px; background:url(/images/structure/hd-bg.jpg) top left no-repeat; color:#fff; font-size: 14px; }
h2{float:left; width:390px; margin:5px 0 10px 0; color:#04538F; font-size: 16px; display:block; }
.subHeader {color:#04538F; font-size:12px; font-weight:bold;}


table, tr, td{font-size: 14px; }
/* container widths for FF */
.yui-t2 #yui-main .yui-b{width:71%; min-width:560px; margin:10px 8px 0 0;}
.yui-t2 .yui-b{width:23.8%; min-width:175px; margin:10px 0 0 15px; padding-bottom:20px; }

/* container widths for IE */
* html body .yui-t2 #yui-main .yui-b{width:71%; min-width:560px; margin:10px 8px 0 0;}
* html body .yui-t2 .yui-b{width:23.8%; min-width:175px; margin:10px 0 0 15px; padding-bottom:20px;}


#doc{background: #fff; width: 789px;}
#hd{margin-top:0; background: url(/images/structure/header-bg.jpg) no-repeat 0 0; height:211px; margin-bottom: 5px;}
#hd span {float:left; width:300px; height:100px; margin-top:50px; cursor:pointer;}

#doc .hd-left {float:left; width:118px; height:211px; margin:-2px 0 0 -118px; background:url(/images/structure/header-left.jpg) top left no-repeat;}
#doc .hd-right {float:right; width:118px; height:211px; margin:-2px -118px 0 0; background:url(/images/structure/header-right.jpg) top left no-repeat;}
/*#doc .hd-left {position:absolute; top:-2px; left:-118px; width:118px; height:211px; background:url(/images/structure/header-left.jpg) top left no-repeat; border:1px solid red; }
#doc .hd-right {position:absolute; top:-2px; right:-118px; width:118px; height:211px; background:url(/images/structure/header-right.jpg) top left no-repeat; border:1px solid red; }*/

#hdSearchForm{float:right; font-size: 11px; margin: 150px 10px 0 0; width:300px; height:20px; color:#666;}
#bd{clear:both;}


a{color: #04538F; text-decoration: none; font-weight: bold;}
a:hover{text-decoration:underline;}



		/* height fix for IE only */
* html body div#navigation{	height: 10px;}	
		/* nav positioning to go along with height fix */
* html body #nav{position: absolute; top: -16px; right: 0;}

 .main-content p{margin: 10px 0 10px 0; padding: 0 15px 0 0;}
* html .main-content p{margin: 10px 0 10px 0; padding: 0 10px 0 0;}
.home_side img{padding:  0 0 8px 15px; }
.home_side p{padding:5px 5px 0 8px; text-align:justify;}
.ctas {float:left; width:562px; margin:10px 0 20px 0;}
.ctas img{float:left; margin-left:15px; }

#ft{background:url(/images/structure/footer-bg.gif) top left no-repeat; width:789px; padding:17px 0 25px 0; margin-bottom:-85px;}
.top, .top a{ text-align: center; padding: 3px; font-size:12px; color: #fff; font-weight:normal;}
.bottom{text-align: center; margin: 12px 0 0 0; color: #fff;}

.input{float:left; border: 1px solid #cacaca; padding: 2px; font-size: 11px; color:#666;}
#hdSearchForm li {display:inline;}
#hdSearchForm a{color: #666; font-size: 11px; text-decoration: none; margin-right:5px; }
#hdSearchForm a:hover{text-decoration:underline;}
#hdSearchForm form{float:right; width:150px; height:19px; padding-top: 0; margin-top:-18px;}

.announcement{width: 185px; float:left; margin: 3px 8px 8px 15px; font-size: 90%;}
.announcement p{width: 100px;}

.redLabel{color: #0494c0; font-weight: bold; margin: 10px 0 0 0;}

/*dropdown menu formatting*/
#appCatMenu{float:left; margin: 0 -3px 10px 0;}
#appCatMenu a{display:block; width: 190px; height: 30px; border-bottom: 1px solid #fff;}
#appCatMenu a:hover, #appCatMenu a.selected{background-position: 0 -30px;}
#appCatMenu li{width: 190px; }
#appCatMenu a span{display:none;}
* html body #appCatMenu li{margin-bottom: -3px; border-bottom: 0;}

html body #yui-main .yui-b div#detailPhotos{width: 375px; margin-right: -20px; margin-left:5px;}
.yui-b div#projectDetails{width: 400px; padding-right:10px; padding-bottom:20px;}

#detailPhotos img {border: 1px solid #666; margin: 5px -10px 5px 5px;}
#detailPhotos p{margin: -5px 0 10px 5px;}

#projectDetails p{padding-right: 10px;}


.productTitle,.greyTable{background: #F1f1f1; border: 1px solid #ccc; margin-top:10px;}
.productTitle td,.greyTable td{padding: 8px;}
.productTitle a {color: #0494c0;}
.productHeader{font-size: 16px; font-weight: bold; color: #0494c0;}
#linkTbl a{font-size: 90%;}
#linkTbl{margin: 10px 0 10px 10px;}
.greyTable a{font-size: 11px; color: #333;}
.greyTable a.selected{color: #940D13;}
.greyTable .small a{font-size: 10px;}

.description{font-size: 95%; padding: 5px;}
.description p{margin-bottom: 10px;}
.caption{font-size: 11px; padding: 0 5px;}

.catLinks{float:left; font-size: 85%; margin:0 0 0 7px; width:765px;}

p.productHeader{margin:0;}

.description ul{padding: 5px; margin: 5px;  list-style:disc;}
.description ul li{padding: 5px 0;}

.detailHeader{background: #f1f1f1; border: 1px solid #ccc; color: #0494c0; padding: 8px; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 10px 0;}


.app_res a{background:url(../images/buttons/btn_res.gif) no-repeat top left;}
.app_com a{background:url(../images/buttons/btn_com.gif) no-repeat top left;}
.app_turf a{background:url(../images/buttons/btn_turf.gif) no-repeat top left;}
.app_horz a{background:url(../images/buttons/btn_horz.gif) no-repeat top left;}
.app_vert a{background:url(../images/buttons/btn_vert.gif) no-repeat top left;}
.app_gov a{background:url(../images/buttons/btn_gov.gif) no-repeat top left;}

/* new support nav */
.app_civ a{background:url(../images/buttons/btn_civ.gif) no-repeat top left;}
.app_land a{background:url(../images/buttons/btn_land.gif) no-repeat top left;}
.app_soil a{background:url(../images/buttons/btn_soil.gif) no-repeat top left;}
.app_athl a{background:url(../images/buttons/btn_athl.gif) no-repeat top left;}
.app_build a{background:url(../images/buttons/btn_build.gif) no-repeat top left;}
.app_sust a{background:url(../images/buttons/btn_sust.gif) no-repeat top left;}
.app_trans a{background:url(../images/buttons/btn_trans.gif) no-repeat top left;}

.relatedInfo{background: #1d5789; font-weight: bold; color: #fff; font-size: 14px; padding: 3px 0 3px 3px; margin: 0 0 3px 0;}

.back{font-size: 11px;}

.arrow{background: url(../images/arrow.gif) no-repeat 0 3px; padding: 5px 0 5px 25px; font-family: "Times New Roman", Times, serif}
#appIncludes{border: 1px solid #ccc; background: #f1f1f1;}
#appIncludes table{background: #fff; border-top: 1px solid #ccc;}
#appIncludes td{padding: 3px;}
	.appNav {float:left; width:550px;}
	

#loader{text-align:center; }
#loader-data{ text-align:left; margin: 3px auto;  width: 250px; background: #fff; border: 1px solid #ccc; padding: 5px; font-size: 100%; font-weight: bold;}
#tab-data{margin:-4px 0 50px 8px; padding: 10px 10px 0 10px; border:1px solid #CACBD0; width: 751px; background: #D9EEFC;}

#lc-data{width: 340px; border:1px solid #6098CD; border-top:none; background: #D9EEFC; margin: -10px 0 0 4px; padding: 10px 5px;}
/* hack for IE */
* html #lc-data{margin: -4px 0 0 3px;}
/* end hack */
#lc-data li{list-style:none;}


#appTable{border: 1px solid #c7c7c7; border-bottom: 0; background: #d5edf7;}
#appTable td{padding: 3px;}
#appTable a{font-size: 11px; color: #04538F; padding: 0 0 0 15px; background: url(../images/structure/app-tri-bullet.gif) no-repeat;}

#specList {margin: 10px 0 0 0;}
#specList li{font-size: 16px; font-weight: bold; margin: 12px; background:none;}
#specList li.arrow-drop{margin: 10px; font-size: 14px; background:url(/images/specs-menu-bg.gif) 0 0 no-repeat;}
#specList li a.toggle{margin-left:10px; color:#404040; display:block; text-decoration:none;}
#specList ol li{font-size: 12px; font-weight:normal; padding: 0 0 0 0;}
#specList li p.spec-item{margin: 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; background:#fff; }
#specList li p.spec-item p{border: none;}
.formTable td{padding: 3px;}

.subMenu{
font-size: 85%;
position:absolute;
left: 0px;
visibility: hidden;
border-bottom-width: 0;
line-height: 22px;
z-index: 100;
background-color: #1d5789;
width: 205px;
}

.subMenu a{
color: #fff;
width: 100%;
display: block;
border-bottom: 1px solid #fff;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 20px;
}

.subMenu a:hover{ 
background: #37A4E6 url(../images/buttons/i-sub-over.gif) no-repeat top left;
color:#fff;
text-decoration:none;
}

/*main navigation formatting*/


#navigation{float:left; width:789px; height: 43px; margin-top:7px; background:url(/images/structure/nav-bg.gif) 0 33px no-repeat;}
	.nav { margin:0; padding:0; height: 33px; list-style: none; overflow: hidden; display: inline;}
	#navigation li { margin:0; padding:0; list-style: none; float:left; display: inline;}
	#navigation a { float: left; padding:0; overflow: hidden; text-indent: -9999em; height: 33px;}
	#navigation a:hover, #navigation a.selected { background-position: 0 -33px;}
	
#tcompany a  {width: 98px; background: url(/images/structure/nav-company.gif) top left no-repeat;}
#tmarket a  {width: 184px; background: url(/images/structure/nav-market.gif) top left no-repeat;}	
#tproducts a  {width: 98px; background: url(/images/structure/nav-products.gif) top left no-repeat;}
#ttechnical a  { width: 203px; background: url(/images/structure/nav-technical.gif) top left no-repeat;}
#tprojects a  {width: 91px; background: url(/images/structure/nav-projects.gif) top left no-repeat;}
#tcontact a  { width: 115px; background: url(/images/structure/nav-contact.gif) top left no-repeat;}


/*sub page navigation formatting*/	
#sub-navigation{float:left; width:190px; margin-top:-30px;}
	.sub-nav {margin:0; padding:0; width:190px; list-style: none; overflow: hidden;}
	#sub-navigation li { margin:0; padding:0; list-style: none; float:left;}
	#sub-navigation a { float: left; padding:0; overflow: hidden; text-indent: -9999em; width: 190px;}
	#sub-navigation a:hover, #sub-navigation a.selected { background-position: -190px 0 ;}
	
#sub-about a  {height: 30px; background: url(/images/buttons/sub_about.gif) top left no-repeat;}
#sub-directory a  {height: 40px; background: url(/images/buttons/sub_directory.gif) top left no-repeat;}	
#sub-general a  {height: 30px; background: url(/images/buttons/sub_general.gif) top left no-repeat;}
#sub-news a  { height: 30px; background: url(/images/buttons/sub_news.gif) top left no-repeat;}
#sub-product a  {height: 30px; background: url(/images/buttons/sub_product.gif) top left no-repeat;}
#sub-education a  { height: 30px; background: url(/images/buttons/sub_education.gif) top left no-repeat;}
#sub-installation a  { height: 30px; background: url(/images/buttons/sub_installation.gif) top left no-repeat;}
#sub-cad a  { height: 30px; background: url(/images/buttons/sub_cad.gif) top left no-repeat;}
#sub-three a  { height: 30px; background: url(/images/buttons/sub_three.gif) top left no-repeat;}
#sub-msds a  { height: 30px; background: url(/images/buttons/sub_msds.gif) top left no-repeat;}
#sub-faq a  { height: 30px; background: url(/images/buttons/sub_technical-bulletins.gif) top left no-repeat;}