@charset "utf-8";
/* ========== Phoenix Equipment Main CSS Styles ========== */

/*	
	1.Defaults
	2.Header
		a.Logo
	    b.Search Container
		c.Quote Contact
		d.Navigation
		e.Alphabetical Index
	3.Footer/Footer Container
		a.Request Information
		b.Left Colum
			* Email Container
			* Privacy Policy
			* Safety
		c.Right Colum
		d.Copyright
*/

/* ==================== 1.Defaults ==================== */

* {margin:0px; padding:0px;}

body {background:#E5E5E5 url(../images/bg-main.jpg) repeat-x; font:.75em Arial, Helvetica, sans-serif; color:#666;}

a, a:hover, a:active, a:focus {text-decoration:underline; outline:none;}

a {color:#09F; text-decoration:underline;}
	
a:hover {color:#036; text-decoration:none;}

img {border:none;}
	
ul {list-style:none;}
	
.clear {clear:both; font-size:0px;}
	
.err, .highlight {color: #F00; font-weight: bold;}

.img-clear {clear:both; display:block; padding-top: 12px;}

.img-left {float:left; margin-right:10px; padding:3px;}
	
.img-left-bdr {float:left; margin-right:15px; margin-bottom:2px; margin-top:5px; padding:2px; border:#CCC 1px solid;}

.img-right {float:right; margin-left:15px; padding:3px;}
	
.img-right-bdr {float:right; margin-left:15px; margin-bottom:2px; margin-top:5px; padding:2px; border:#CCC 1px solid;}
	
#wrapper {width:980px; margin:0px auto;}

/* ==================== 2.Header ==================== */

#header {width:980px; height:130px; padding-top:23px; position:absolute; top:0px;}

/* ---- a.Logo --- */

a#logo {width:290px; height:60px; float:left; display:block; background:url(../images/logo.jpg) no-repeat transparent right; margin-right:30px; margin-bottom:25px;}

a#logo p {display:none;}

/* ---- b.Search Container --- */

#search-container {float:left; height:70px; background:url(../images/bg-search.jpg) no-repeat bottom left; width: 452px;}

#search-container p {color:#0173B3; font-size:12px; display:block; padding-bottom:20px;}
	
#search-container input.keyword-search {width:380px; padding:3px 3px 3px 20px; color:#333; float:left; background:none; border:none;}

#search-container .btn-search {width:24px; height:24px; display:block; padding:0px; margin-right:0px; margin-left:12px; float:left;}

/* ---- c.Quote Contact --- */

#quote-contact {float:left; width:204px; text-align:right;}

#quote-contact p {padding-bottom:6px;}

#quote-contact a {font-weight:bold; text-decoration:none;}

#quote-contact a:hover {text-decoration:underline;}

#quote-contact #view-quote a {color:#F00; font-size:1.1em;}

#quote-contact #view-quote a:hover {color:#036;}

#quote-contact #phone {color:#0173B3; font-size:2em; font-weight:bold;}

/* ---- d.Navigation --- */

#navigation {width:980px; height:43px; float:left; background:url(../images/bg-navigation.gif) no-repeat; font-weight:bold;}
	
#navigation li {display:inline;}

#navigation a {float:left; display:block; text-decoration:none; color:#9CF; text-align:center; line-height:43px; background:url(../images/btn-spacer.gif) no-repeat top right;}

#navigation a:hover {color:#9CF; background:url(../images/btn-hover.gif) repeat-x;}

#navigation a.active, #navigation a.active:hover {color:#FFF; background:url(../images/btn-active.jpg) repeat-x;}

#navigation a#aHome:hover {background:url(../images/btn-hover-home.gif) no-repeat top left;}

#navigation a#aHome.active, #navigation a#aHome.active:hover {color:#FFF; background:url(../images/btn-active-home.jpg) no-repeat top left;}

#navigation a#aHome {width:97px;}
#navigation a#aEquipment {width:124px;}
#navigation a#aPlants {width:100px;}
#navigation a#aLiquidations {width:133px;}
#navigation a#aSolutions {width:210px;}
#navigation a#aStudies {width:138px;}
#navigation a#aInformation {color:#FF6; width:178px; background:none;}
#navigation a#aInformation.active, #navigation a#aInformation.active:hover {background:url(../images/btn-active.jpg) repeat-x;}

#navigation div {position:absolute; width:130px; visibility:hidden; margin:0; padding:0; background:#e0f0ff; border:solid #5970B2; border-width:0 1px 1px 1px; left:220px; top:151px; z-index:2000;}
#navigation div a {position:relative; display:block; margin:0; border:0; width:110px; padding:10px; text-align:left; text-decoration: none; color:#2875DE; font:bold 11px arial; background:none;}
#navigation div a:hover {background:#4da0d9; color: #FFF}

/* ---- e.Alphabetical Index --- */

#alpha-index {width:970px; height:24px; padding-left:10px; background:url(../images/bg-alpha-index.gif) no-repeat left; float:left; font-size:10px;}

#alpha-index dt {color:#333; float:left; border-right:1px solid #FFF; padding-top:5px; padding-right:10px; height:19px}

#alpha-index dd {float:left; font-weight:bold; border-right:1px solid #FFF; height:24px}

#alpha-index dd a {text-decoration:none; padding:5px 10px 5px 10px; display:block; /*width:0%;*/}

/* ==================== 3.Footer ==================== */

#footer{float:left; width:100%; height:440px; color:#FFF; background:url(../images/bg-footer.gif) repeat-x top;}

#footer a {color:#9CF; text-decoration:none;}

#footer a:hover {color:#09F; text-decoration:underline; }

#footer-container {width:930px; padding:12px 25px 12px 25px; margin:0px auto;}


/* ---- a.Request Information ---- */

#footer-request-info {margin-bottom:35px; padding-bottom:10px;}

#footer-request-info img {float:right; margin-top:8px; display:block;}

#footer-request-info p {color:#FF6; font-size:1.8em; font-weight:bold; padding-bottom:6px;}

/* ---- b.Left Colum ---- */

#footer-left-colum {float:left; width:440px; margin-right:48px;}

#footer-left-colum p {color:#CCC; padding-bottom:6px;}

#footer-left-colum p strong {color:#FFF;}

#footer-left-colum p em {color:#FF6; font-weight:bold; font-style:normal;}

#footer-left-colum a {color:#9CF;}

#footer-left-colum img {float:left; margin-right:30px;}


/* ---- Email Container --- */

#email-container {float:left; width:440px; background:url(../images/bg-footer-emial-input.gif) no-repeat top left;}
	
input.footer-email-address {width:263px; padding:4px 3px 3px 8px; color:#333; float:left; background:none; border:none; margin-right:12px; margin-bottom:12px;}

#email-container .btn-email {width:24px; height:24px; display:block; cursor:pointer; padding:0px; margin-right:0px;}

#email-container div {width:280px; float:left; margin-bottom:6px;}

#email-container p, #email-container a {float:left; color:#9CF; text-decoration:none;}

#email-container a {width:115px;}

#email-container a:hover {text-decoration:underline;}

#email-container p#brochure-request {padding-right:27px;}

#email-container p#brochure-request input {margin-right:5px; vertical-align:middle; height:13px; width:13px;}

#email-container #stayed-connected-error {width:280px; float:left; margin-bottom:6px;}

/* ---- Privacy Policy --- */

p#footer-privacy {font-size:.9em; padding-bottom:24px; width:440px; float:left;}

p#footer-privacy a {text-decoration:underline;}

/* ---- Safety --- */

p#footer-safety strong {font-size:1em;}

p#footer-safety {font-size:.9em; width:200px; float:left;}

/* ---- c.Right Colum ---- */

#footer-right-colum {float:left; width:440px;}

#footer-right-colum ul, #footer-right-colum dl {float:left; display:block; margin-bottom:20px; line-height:160%;}

#footer-right-colum ul {width:90px; margin-right:10px;}

#footer-right-colum dl {width:170px; margin-right:25px;}

#footer-right-colum dl#most-viewed {margin-right:0px;}

#footer-right-colum dt {font-weight:bold;}

/* ---- Directions ---- */

#company-directions, #company-directions div {float:left; width:440px;}

#company-directions img {display:block; margin-right:20px;}

#company-directions div {background:url(../images/bg-directions.gif) no-repeat bottom; height:30px; padding-top:15px; margin-left:-3px;}

#company-directions div p {padding-left:10px; padding-top:7px;}

#company-directions div a {margin-left:28px; padding-top:7px;}

#company-directions p {padding-bottom:6px; float:left; width:305px;}

#company-directions a {font-weight:bold; float:left;}

/* ---- d.Copyright ---- */

#copyright-container {float:left; width:928px; padding-top:47px; font-size:.9em;}

p#copyright strong {font-weight:normal; padding-right:10px;}

p#spectrum {float:right; color:#CCC;}

p#spectrum a {color:#CCC;}

p#spectrum a:hover {color:#CCC; text-decoration:none;}

a#china {background:url(../images/icon-china.gif) no-repeat right; padding-right:20px; margin-right:10px;}

a#turkey {background:url(../images/icon-turkey.gif) no-repeat right; padding-right:20px;}