/*  
Theme Name: ABSconcrete
Theme URI: http://www.absconcrete.com/
Description: A Theme Designed Specifically for the ABSconcrete.com website
Version: 1.0
Author: Spark3
Author URI: http://www.spark3.com

*/

/********** CSS RESET **********/
@import url('reset.css');

/********** PNG Fix for IE6 **********/
img, div, a, input, h2 { behavior: url(http://www.absconcrete.com/iepngfix.htc) }

/********** BASIC STYLES **********/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	background: #fff;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	background: url(images/bg-body.jpg) repeat-x;
	width: 100%;
	}
a, a:visited { color: #23597e;	text-decoration: none; border-bottom: 1px dotted #23597e; }
a:hover, a:active {	color: #003b63; border-bottom: 1px solid #003b63; }
/* External Links */
a.extlink { padding-right:12px; background: url(images/icon-extlink.gif) right 3px repeat-y; }
a:visited:hover.extlink {background-position:right 103px; }
a:hover.extlink { background-position:right 203px; }
/* End External Links */

#main a, #presentation a, #signin a { border-bottom: none; } /*resets for main page*/
#main a:hover, #presentation a:hover, #signin a:hover { text-decoration: underline; }

/********** HEADING STYLES **********/

h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
h1 { font-size: 4em; }
h2 { font-size: 1.8em; }
h2.pagetitle {
	font-size: 1.6em;
	margin-top: 30px;
	text-align: center;
	}
h3 { font-size: 1.3em;	}
h3.comments { padding: 0; margin: 40px auto 20px;	}

/********** HEADER STYLES **********/

#header { padding: 0; margin: 0 auto; width: 916px; height: 92px; }
#header h2 { width: 121px; height: 92px; position: relative; overflow: hidden; float: left;	}
#header h2 span {
		background: url(images/logo-absconcrete.gif) no-repeat 0 0;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	
#signin { float: right; width: 90px; height: 32px; background: url(images/button-signin.gif) no-repeat 0 0; }
#signin a { color: #fff; padding: 10px 10px 10px 28px; font-size: 12px; line-height: 28px; }	
ul#nav {
	margin: 46px -45px 0 0; padding: 0; list-style: none;
	font-size: 14px; font-family: "Myriad Web Pro", "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
	text-transform: uppercase; color: #565656; float: right; 	}
	
#nav li { float: left; line-height: 36px; }
#nav li a {	display: block;	color: #555; text-decoration: none;	padding: 4px 17px 5px 17px;	margin:0; border-bottom: 0;	}
#nav li a:hover{ color: #fff; background:#555;	}
/* Fusion-Crete Nav */
ul#fcnav {
	margin: 56px -45px 0 0; padding: 0; list-style: none;
	font-size: 13px; font-family: "Myriad Web Pro", "Myriad Pro", "Myriad", Arial, Helvetica, sans-serif;
	text-transform: uppercase; color: #565656; float: right; text-align: center; 	}
	
#fcnav li { float: left; }
#fcnav li a {	display: block;	color: #555; text-decoration: none;	padding: 4px 17px 5px 17px;	margin:0; border-bottom: 0;	}
#fcnav li a:hover{ color: #fff; background:#555;	}

/********** CONTENT STYLES **********/

#content { font-size: 1.2em; width: 916px; margin: 0 auto; }

/********** General PAGE Styles **********/

.subttl h2 { color: #e98015; font-size: 24px; margin: 20px 0 15px 0; float: left; }
.page { width: 665px; float: right; }
.page h1 { font-size: 33px; margin: 30px 0 60px 10px; color: #264b67; white-space: nowrap; }
.page h2, .page h3, .page h4, .page h5, .page h6 {  margin: 0 0 10px 12px; padding-top: 20px; line-height: 1.3em; }
.page p { margin: 10px 12px; font-size: 1.1em; line-height: 1.3em; }
.page ul, .page ol { margin: 10px 75px; }
.page ol li { list-style-type: decimal; margin-bottom: 5px; line-height: 1.2em; }
.page ul li { list-style-type: disc; margin-bottom: 5px; line-height: 1.2em; }
.page ul ul, .page ol ol, .page ol ul, .page ul ol { margin: 10px 25px; }
.page ul ul li { list-style-type: circle; line-height: 1em; }
.page ol ol li { list-style-type: lower-alpha; line-height: 1em; }

.page ul.star { padding: 0; margin: 5px 15px; }
.page ul.star li { list-style: none; font-size: 1.2em; }

.page img { padding: 4px; background-color: #fffff0; border: 1px solid #ccc; }
.page img.aligncenter { display: block; margin-left: auto; margin-right: auto;}

.page blockquote, .post blockquote { margin: 15px 30px 15px 65px; }
.page blockquote h2, .page blockquote h3, .page blockquote h4, .page blockquote h5, .page blockquote h6, .page blockquote p, .post blockquote h2, .post blockquote h3, .post blockquote h4, .post blockquote h5, .post blockquote h6, .post blockquote p { margin-left: 0; }
.page blockquote cite, .post blockquote cite { margin: 5px 0 0; display: block; }

.page blockquote.pullquote, .post blockquote.pullquote {
/* box */
	display: block;
	border: none;
	background: transparent none;
	vertical-align: middle;
/* positioning */
	float: left;
	margin: 0.25em 1em 0.25em 0;
	padding: 0;
	width: 10em;
/* typography */
	color: #00365C;
	font-size: 1.2em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	text-transform: none;
	word-spacing: normal;
}

.page blockquote.pqRight, .post blockquote.pqRight { 
	float: right;
	margin: 0.25em 0 0.25em 1em;
}

.page blockquote.pullquote p, .post blockquote .pullquote p {
	margin:  0;
	padding: 0.5em;
	line-height: 1.2;
	letter-spacing: normal;
}

.page blockquote.pullquote, .post blockquote.pullquote { text-align: center; font-size: 1.3em; font-style: italic; }
.page blockquote.pullquote em, .post blockquote.pullquote em { font-style: normal; }
.page blockquote.pqRight { }
.page blockquote.pullquote p, .post blockquote.pullquote p { border: 3px double #ccc; border-width: 3px 0; font-family: Georgia, "Times New Roman", Times, serif; }
.page blockquote.pullquote .author, .post blockquote.pullquote .author { font-size: 0.8em; line-height: 1.1em; display: block; padding-top: 7px; color: #444; }

.page .doc-callout { line-height: 2em; border: 1px solid #ccc; padding: 10px; width: 80%; margin: 20px auto; font-weight: bold; font-size: 0.9em; }
.page .doc-callout a { font-weight: normal; font-size: 1.3em; }

/********** PAGE-SPECIFIC Styles **********/

/* Main Page */
#main { width: 950px; margin: 0 auto; }
.ie6 #main { width: 960px; }
#presentation { background: url(images/bg-main-presentation2.jpg) repeat-x; height: 313px; width: 100%; margin-top: 4px; }
#presentation-fc { background: url(images/bg-fusion-presentation.jpg) repeat-x; height: 313px; width: 100%; margin-top: 4px; }
#console { width: 916px; height: 300px; margin: 0 auto; position: relative; }
#selector { color: #fff; padding-top: 1px; }

#selector li { line-height: 22px; }
#selector li a { color: #fff;  margin-left: 5px;  height: 18px;  padding-right: 20px; padding-bottom: 3px; display: block; }
#selector li a:hover { text-decoration: none; }
#selector li a span { border-bottom: 1px dotted #fff;}
#selector li a:hover span { border-bottom: 1px solid #fff; }


#selector ul { width: 278px; }
#selector ul li { line-height: 26px; padding-left: 1px; border-bottom: 1px dotted #74b0cf; padding-bottom: 0px; margin-bottom: 0px; padding-top: 5px; margin-top: 3px; width: 240px; }
#selector ul li.last { border-bottom: none; line-height: 16px; }
#selector ul li.double { padding-top: 0px; margin-top: 4px; margin-bottom: 4px; padding-bottom: 10px; } 
.ie6 #selector ul li { padding: 0 0 4px 0; margin: 4px 0; }
#selector ul li a { color: #fff; font: 25px Arial, Helvetica, sans-serif;  padding-top: 5px; }
.ie6 #selector ul li a { padding: 0; }
#selector .protect { background: url(images/main-console-selectortitles.png) no-repeat 0 -5px; width: 240px; height: 16px; text-indent: -9999em; }
#selector .enhance { background: url(images/main-console-selectortitles.png) no-repeat 0 -71px; width: 240px; height: 16px; text-indent: -9999em; }
#selector .renew { background: url(images/main-console-selectortitles.png) no-repeat 0 -139px; width: 240px; height: 16px; text-indent: -9999em; }
#selector .green { background: url(images/main-console-selectortitles.png) no-repeat 0 -205px; width: 240px; height: 16px; text-indent: -9999em; }
#selector .repair { background: url(images/main-console-selectortitles.png) no-repeat 0 -272px; width: 240px; height: 16px; text-indent: -9999em; }
.ie6 #selector .protect { background-position: 0 -3px; }
.ie6 #selector .enhance { background-position: 0 -68px;  }
.ie6 #selector .renew { background-position: 0 -134px; }
.ie6 #selector .green { background-position: 0 -200px; }
.ie6 #selector .repair { background-position: 0 -267px; }

#selector ul ul li { padding-bottom: 5px; padding-top: 0; border: 0; line-height: 1em; }
.ie6 #selector ul ul li { padding: 0; margin: 0; }
#selector ul ul li a { font-size: 12px; padding: 0; }
#selector a.photoshow { font-size: 10px;}
#selector ul li a.protect:hover { background-position: 0 -39px; }
#selector ul li a.enhance:hover { background-position: 0 -106px; }
#selector ul li a.renew:hover { background-position: 0 -172px; }
#selector ul li a.green:hover { background-position: 0 -238px; }
#selector ul li a.repair:hover { background-position: 0 -305px; }
#selector .fusion-mod { height: 18px; }
#selector ul li.fusion-li { margin-top: 20px; border-bottom: 1px dotted #fff; padding-bottom: 25px; }
#selector ul li.fusion-li a { border: none; }
#selector ul li.fusion-last, #selector ul li.fusion-last a { border: none; }
#selector ul li em { font-size: 9px; font-style: normal; }
#selector li.fusion { font-size: 12px; font-style: normal; margin-top: 20px; }

#starservice { background: #f5fcff; padding: 10px 0; margin: 20px auto; width: 510px; } 
#starservice ul { margin-left: 30px; }
#starservice li { list-style: none; font-size: 1.2em; clear: left; margin-bottom: 10px; font-weight: bold; color: #264b67; text-indent: -1.05em; padding-left: 1em; }
#starservice li strong { font-size: 1.4em; color: #e98015; float: left; margin-top: -0.05em; }
.ie #starservice li strong { float: none; }
.safari #starservice li strong { margin-left: -16px; }
.ff3 #starservice li strong { margin-left: -5px; }
.ff3_5 #starservice li strong { margin-left: -18px; }

/* Slider Console */
/* Next 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 300px; background: #fff; overflow: hidden }
.csw .loading {margin: 0 0 300px 0; text-align: center; }
.stripViewer { /* This is the viewing window */
	position: relative;	overflow: hidden; margin: auto;
	width: 660px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 300px; position: absolute; top: 0; right: 0;	}		
.panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;	left: 0; top: 0; width: 100%; list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ }		
.panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;	height: 100%; position: relative;
	width: 660px; /* Also specified in  .stripViewer  above */	}
.panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without modifying the existing panel width */
	padding: 25px 10px 10px;	}
.ie6 .panelContainer .panel .wrapper { padding: 25px 0 10px; }	
	
.stripNav {display:none !important}

noscript { position: relative; top: -180px; }
noscript p, noscript ol { color: #a00; background-color: #fff; font-size: 12px; line-height: 1.4em; text-align: left; padding: 20px; }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
.panel h2, .panel h4, .panel .p4 { color: #fff; } /* h2 replacement graphics set within selector group above */
.panel h2 { font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 10px; }
.panel h4 { font-size: 14px; font-weight: bold; margin-bottom: 10px; }
.panel h4 span { font-size: 10px; }
.panel h4 span.super { vertical-align: super; font-size: 9px; }
.panel .note { margin-left: 415px; color: #fff; font-size: 11px; line-height: 1.2em; }
.panel ul { color: #fff; margin-top: 15px; margin-right: 0; width: 230px; margin-left: 410px;  }
.panel ul li { background: url(images/icon-bulletarrow.png) no-repeat 0 5px; padding-left: 11px; color: #fff;  margin-bottom: 7px; line-height: 1.4em; font-size: 12px; font-style: normal; }
.ie6 .panel ul li { background: url(images/icon-bulletarrow-grn.gif) no-repeat 0 5px; }
.panel li a, .panel li a:visited { color: #eee; text-decoration: underline; font-weight: bold;  }
.panel li a:hover { color: #fff; }
.panel ul ul { margin: 5px 0 0; width: 100%; }
.panel ul ul li { background: none; padding: 0; }
.panel .learnmore { margin-left: 510px;}
.panel .learnmore a { color: #fff; font-size: 13px; background: url(images/icon-arrowdisc-lrg.png) no-repeat 80px 0; height: 25px; line-height: 18px; padding: 4px 32px 10px 0; text-decoration: none; border-bottom: none;   }
.panel .learnmore a span { border-bottom: 1px dotted #eee; }
.panel .learnmore a:hover span { border-bottom: 1px solid #eee; }
.ie .panel .learnmore a span { margin-right: -32px; }
.ie6 .panel h2, .ie6 .panel h4, .ie6 .panel .p4, .ie6 .panel ul { margin-left: 415px; }

#presentation-fc .panel .learnmore { margin-top: 30px; }

.slideshowbg {  width: auto; height: auto; background-color: #000; }

.panel .protect { background: url(images/main-console-titles.png) no-repeat 0 0; width: 240px; height: 26px; text-indent: -9999em; }
.panel .enhance { background: url(images/main-console-titles.png) no-repeat 0 -41px; width: 240px; height: 26px; text-indent: -9999em; }
.panel .renew { background: url(images/main-console-titles.png) no-repeat 0 -78px; width: 240px; height: 26px; text-indent: -9999em; }
.panel .green { background: url(images/main-console-titles.png) no-repeat 0 -118px; width: 240px; height: 26px; text-indent: -9999em; }
.panel .repair { background: url(images/main-console-titles.png) no-repeat 0 -160px; width: 240px; height: 32px; text-indent: -9999em; }
.panel .protectpanel { background: url(images/main-console-protect.jpg) no-repeat; height: 300px; }
.panel .enhancepanel { background: url(images/main-console-enhance.jpg) no-repeat; height: 300px; }
.panel .renewpanel { background: url(images/main-console-renew.jpg) no-repeat; height: 300px; }
.panel .greenpanel { background: url(images/main-console-green.jpg) no-repeat; height: 300px; }
.panel .repairpanel { background: url(images/main-console-green.jpg) no-repeat; height: 300px; }
.panel .fcrenewpanel { background: url(images/fusion-crete-main-panel-renew.jpg) no-repeat; height: 300px; }
.panel .fcrepairpanel { background: url(images/fusion-crete-main-panel-repair.jpg) no-repeat; height: 300px; }
.panel .wrapper h2 { width: 250px; margin-left: 410px; }
.ie6 .panel .wrapper h2 { width: 220px; margin-left: 415px; }

#tagline { background: url(images/bg-main-tagline.jpg) repeat-x; height: 111px; width: 100%; margin-bottom: 20px; }
#tagline fieldset { width: 950px; margin: 0 auto; padding-top: 15px; }
#tagline h2 { background: url(images/absconcrete-tagline.gif) no-repeat; height: 61px; width: 629px; text-indent: -9999em; float: left; margin-right: 70px; margin-left: 10px; margin-top: 10px; }
#tagline img { margin-top: 20px; }
#tagline a:link img, #tagline a:visited img { border: 1px solid #fff; padding: 3px; }
#tagline a:hover img { border: 1px solid #5696c1; }
#tagline a { border: 0; }

/* For Fusion-Crete Section */
#testimonial { background: url(images/bg-main-tagline.jpg) repeat-x; height: 111px; width: 100%; margin-bottom: 20px; }
#testimonial fieldset { width: 950px; margin: 0 auto; }
#testimonial .quote { color: #476677; font-size: 10px; font-style: italic; font-weight: bold; height: 60px; padding: 5px; width: 620px; float: left; margin-right: 70px; margin-left: 30px; margin-top: 10px; line-height: 1.2em; }
#testimonial .quote cite { font-weight: normal; font-size: 0.8em; color: #777; }
#testimonial .quote cite a { display: none; }
#testimonial img { margin-top: 30px; }
#testimonial a:link img, #testimonial a:visited img { border: 1px solid #fff; padding: 3px;}
#testimonial a:hover img { border: 1px solid #5696c1; }
#testimonial a { border: 0; }


.quote cite { display:block; /* author and source in a new line */text-align:right; }


.testimonial-qa { font-size: 1.1em; }
.testimonial-qa strong { font-size: 0.8em; color: #264b67; }
.testimonial-qa hr.testimonial-div { display: block; border: 0; border-bottom: 1px dotted #ccc; }

#post-91 ul li { list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; margin-bottom: 20px; }
#post-91 ul li cite { text-align: right; line-height: 1.8em;} 

.subfeature-content { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }

.news-main h3, .productlinks h3, .fcproductlinks h3 {
	background: url(images/box-header.gif) no-repeat right;
	color: #333;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
}
.news-main h3 span, .productlinks h3 span, .fcproductlinks h3 span{ 
	background: url(images/box-header.gif) no-repeat left;
	display: block;
	height: 27px;
	margin-right: 10px;
	padding-left: 8px;
}
.news-main .boxfooter, .productlinks .boxfooter, .fcproductlinks .boxfooter {
	background: url(images/box-footer.gif) no-repeat right;
	color: #333;
	display: block;
	height: 8px;
	line-height: 8px;
	clear: left;
}
.news-main .boxfooter span, .productlinks .boxfooter span, .fcproductlinks .boxfooter span { 
	background: url(images/box-footer.gif) no-repeat left;
	display: block;
	height: 8px;
	margin-right: 10px;
	padding-left: 8px;
}
.news-main { float: right; width: 280px; margin-right: 15px; }
.ie6 .news-main { width: 270px; }
.news-main ul { padding-top: 15px; height: 270px; overflow: hidden; }
.news-main ul li {  background: url(images/icon-news.gif) no-repeat 17px 3px; padding: 2px 15px 5px 38px;  color: #818181; line-height: 13px; font-size: 10px; border-bottom: 1px solid #e8e8e8; margin-bottom: 5px; }
.news-main ul li a, .news-main ul li a:visited { font-size: 11px; color: #333; text-decoration: none; border-bottom: 1px dotted #7e8aa2; }
.ie .news-main ul li a, .ie .news-main ul li a:visited {background-image: url(images/blank.gif); }
.news-main ul li a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #7e8aa2; }
.news-main p { margin: 15px 5px 0 18px; }
.news-main p a { float: right; background: url(images/icon-arrowdisc.png) no-repeat 100px 3px; height: 18px; padding-top: 5px; padding-right: 20px; font-size: 10px; color: #263248; }
.ie6 .news-main p a { background: url(images/icon-arrowdisc.gif) no-repeat 100px 3px; }
.news-main p a:hover { text-decoration: none; }
.news-main p a span {  border-bottom: 1px dotted #707887; }
.news-main p a:hover span { border-bottom: 1px solid #707887; }

/*Overrides for Fusion-Crete Section */

.fcnews p { margin-left: 0; }
.fcnews p a { padding-right: 40px; background-position: 165px 3px; }
.fcnews ul { height: 225px; }






#news { width: 665px; float: right; }
.ie6 #news { width: 640px; }

#news h1, #news h2, #news h3, #news h4, #news h5, #news h6 { }
#news h1 { font-size: 33px; margin: 30px 0 60px 10px; color: #264b67; white-space: nowrap;}
.ie6 #news h1 { margin-left: 0; }
#news .post h1 { clear: both; font-size: 24px; margin: 20px 0 60px 0; color: #264b67; width: 650px; white-space: normal; } 
#news .post h1 a, #news .post h1 a:visited { text-decoration: none; border: none; }
#news .post h2 { line-height: 1.3em; }
#news p { margin: 8px 0; line-height: 1.3em; }
#news p, #news ul, #news ol { font-size: 1.1em; }
#news ul, #news ol { margin: 5px 50px; }
#news ul ul, #news ol ol, #news ul ol, #news ol ul { font-size: 1em; margin-left: 25px; } /* stops ever-shrinking text in list children */

#news ul li, #news ol ul li { list-style-type: disc; line-height: 1.4em; }
#news ol li, #news ul ol li { list-style: decimal outside; }

.newslinksbox { height: 320px; overflow: hidden; }
.productlinksbox { height: 168px; } /* These heights ensure same bottom edge of containers - adjust news ul height above too */
.fcproductlinksbox { height: 272px; padding-top: 10px; } 
.fcnews .newslinksbox { height: 281px; }

#main-subfeature { background: url(images/main-promo-panel1.jpg) no-repeat; width: 633px; height: 145px; color: #fff; margin-left: 15px; /*margin-left should match .productlinks*/ }
#main-subfeature h4 { padding: 20px 5px 0; margin-left: 218px; font-size: 16px; line-height: 22px; }
#main-subfeature h4 span { font-size: 14px; }
#main-subfeature p { padding: 20px; margin-left: 330px; font-size: 13px; }
#main-subfeature a { color: #eee; }
#main-subfeature a:hover { color: #fff; text-decoration: underline; }


.productlinks { width: 633px; margin-top: 8px; margin-left: 15px; /*margin-left should match .main-subfeature */}

.productlinks ul { width: 630px; }
.ie6 .productlinks ul { width: 600px; }
.productlinks ul li { font-size: 11px; font-weight: bold; color: #263248; width: 290px; float: left; padding: 7px 5px 0 0; margin: 8px 10px 5px 10px; }
.ie6 .productlinks ul li { width: 250px; margin: 0 0 0 5px; }
.productlinks ul li a { color: #263248; width: 150px; margin-left: 140px; display: block; }
.productlinks ul li.fusioncrete { background: url(images/main-logo-fusioncrete.jpg) no-repeat 0 3px; height: 60px; }
.productlinks ul li.protecrete { background: url(images/main-logo-protecrete.jpg) no-repeat 0 3px; height: 60px; }
.productlinks ul li.integraspec { background: url(images/main-logo-integraspec.jpg) no-repeat 0 3px; height: 60px; }
.productlinks ul li.lm { background: url(images/main-logo-lm.jpg) no-repeat 0 3px; height: 60px; }

/*
.ie6 .productlinks ul li.fusioncrete{ position: relative; left: 10px; }
.ie6 .productlinks ul li.protecrete { position: relative; top: -74px; left: 320px; }
.ie6 .productlinks ul li.lm { position: relative; left: 10px; top: -74px; } 
.ie6 .productlinks ul li.integraspec { position: relative; top: -150px; left: 320px; } 
*/

.productlinks ul ul { border: none;  }
.ie6 .productlinks ul ul { width: 200px; padding: 0; margin: 0; }
.productlinks ul ul li { font-size: 10px; font-weight: normal; color: #707887; float: none; padding-left: 0; padding-top: 0; margin: 5px 0; } 
.productlinks ul ul li a { float: right; background: url(images/icon-arrowdisc.png) no-repeat 70px 3px; height: 18px; padding-top: 5px; padding-right: 0px; padding-bottom: 10px; font-size: 10px; }

.productlinks ul ul li a:hover { text-decoration: none; }
.productlinks ul ul li a span {  border-bottom: 1px dotted #707887; }
.productlinks ul ul li a:hover span { border-bottom: 1px solid #707887; }

/*For Fusion-Crete Section */
.fcproductlinks { width: 600px; margin-left: 15px; }
.fcproductlinks ul { width: 600px; margin-left: 5px; padding-top: 0; }
.ie6 .fcproductlinks ul { width: 570px; }
.fcproductlinks ul li { font-size: 13px; font-weight: bold; color: #263248; width: 260px; float: left; padding: 7px 5px 0 0; margin: 8px 10px 5px 10px; }
.ie6 .fcproductlinks ul li { width: 220px; margin: 0 0 0 5px; }
.fcproductlinks ul li a { color: #263248; display: block; }
.fcproductlinks ul ul { border: none; margin: 0;  }
.fcproductlinks ul ul li { font-size: 11px; font-weight: normal; color: #707887; float: none; padding-left: 0; padding-top: 0; margin: 5px 0; } 
.fcproductlinks ul ul li a { font-size: 10px; width: 85px; float: right; background: url(images/icon-arrowdisc.png) no-repeat 70px 3px; height: 18px; padding: 5px 0 10px 0; }
.ie6 .fcproductlinks ul ul li a { background: url(images/icon-arrowdisc.gif) no-repeat 70px 3px; }
.fcproductlinks ul ul li a:hover { text-decoration: none; }
.fcproductlinks ul ul li a span {  border-bottom: 1px dotted #707887; }
.fcproductlinks ul ul li a:hover span { border-bottom: 1px solid #707887; }

#showcasepromo { width: 305px; float: right; margin-right: 25px; }

.fcexampleslist ul { margin: 10px 35px; padding: 0; }
.fcexampleslist ul li { font-size: 1.25em; margin-bottom: 10px; }

/* Content Pages */
.featuredlist { font: bold 1.8em Arial, Helvetica, sans-serif; margin-left: 30px; line-height: 1.4em;}
.page ul.featuredlist li { list-style-type: none;}
.page .callout { margin: 10px; padding: 10px; border: 1px solid #900; background-color: #f7f4ed; font-size: 1.2em; line-height: 1.4em; }
.page .callout-80 { width: 80%; margin: auto; }
.page .calloutmod { border-color: #e5e0d0; font-weight: bold; }

.scenario { text-align: center; border: 1px solid #e98015; padding: 20px; background-color: #fff; color: #264b67; font-size: 1.1em; font-weight: bold; line-height: 1.3em; margin-left: 12px; margin-top: 20px; }

#post-92 fieldset { margin-left: 35px; margin-bottom: 20px; }
#post-92 legend { font-weight: bold; font-size: 1.5em; color: #264b67; }
#post-92 fieldset ul { padding: 0; margin: 0 0 0 20px; }
#post-92 fieldset li { list-style: none; padding: 0; margin: 0 0 4px 0; }

/********** SIDEBAR and SEARCH STYLES **********/

#sidebar {
	padding: 2px 0 10px 0;
	width: 225px;
	background-color: #f7f4ed;
	border: 1px solid #e5e0d0;
	/*
	border-top: 4px solid #3e5a6f;
	border-bottom: 4px solid #3e5a6f;
	*/
	float: left;
	}

#sidebar h4 {
	
	color: #aea99c;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 4px;
	padding-left: 10px;
	margin-top: 15px;
}

#sidebar ul  { padding: 2px 0 10px 0px; }
#sidebar ul li { padding: 10px 5px 10px 15px; display:block; margin:0; border-top: 1px solid #eae5d9; border-bottom: 1px solid #fff; font-weight: bold;  line-height: 1.4em; }
#sidebar ul li.first { border-top: none; }
#sidebar ul li.last { border-bottom: none; }
#sidebar ul li a { font-weight: bold;  }
#sidebar ul ul { border: none; padding-left: 2px; }
#sidebar ul ul li { padding: 5px 0 0 10px; margin-right: 15px; background: url(images/icon-doublearrow.gif) no-repeat 0 12px; line-height: 1.4em; border: none;  }
#sidebar ul ul li a { font-weight: normal; }

#sidebar #searchform #s {
	width: 115px;
	padding: 2px;
	}

#sidebar .news-sidebar ul { margin-top: 10px; }
#sidebar .news-sidebar ul li { background: url(images/icon-news.gif) no-repeat 3px 3px; padding: 2px 15px 5px 20px; color: #818181; line-height: 15px; font-size: 10px; border: none; margin: 0 5px 5px 10px; }
#sidebar .news-sidebar ul li a { font-size: 11px; color: #333; text-decoration: none; border-bottom: 1px dotted #7e8aa2; font-weight: normal; }
#sidebar .news-sidebar ul li a:hover { color: #000; text-decoration: none; border-bottom: 1px solid #7e8aa2; }
#sidebar .news-sidebar p { margin: 15px 5px 0 18px; }
#sidebar .news-sidebar p a { float: right; background: url(images/icon-arrowdisc.png) no-repeat 100px 3px; height: 18px; padding-top: 5px; padding-right: 20px; font-size: 10px; color: #263248; }
.ie6 #sidebar .news-sidebar p a { background: url(images/icon-arrowdisc.gif) no-repeat 100px 3px; }
#sidebar .news-sidebar p a:hover { text-decoration: none; }
#sidebar .news-sidebar p a span {  border-bottom: 1px dotted #707887; }
#sidebar .news-sidebar p a:hover span { border-bottom: 1px solid #707887; }





#sidebar #searchsubmit {
	padding: 1px;
	}

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}
.entry form { /* Makes password protected posts look better. */
	text-align:center;
	}
select {
	width: 130px;
	}



/********** POST STYLES **********/
.post {	margin: 0 0 40px; text-align: left;	}
.postmetadata {	clear: left; color: #777; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }


/********** FOOTER STYLES **********/

#footer {
	padding: 30px 0 0 1px;
	margin: 30px auto 0;
	width: 916px;
	clear: both;
	}
#footer p {	margin: 0; padding: 10px 0;	text-align: center; color: #aaa;	}
#footer ul {
	margin:4px 4px 0 0; padding: 0; list-style: none;
	font-size: 11px; color: #565656; float: left;	}
#footer ul li { float: left; line-height: 14px; padding: 5px 10px; border-right: 1px solid #b8b8b8; }
#footer ul li.last { border-right: none; }
#footer ul li a { font-weight: bold; display: block; color: #acacac; text-decoration: none;  margin:0; border-bottom: 1px dotted #acacac;	}
#footer ul li a:hover{ text-decoration: none; border-bottom: 1px solid #000; color: #000; }

/********** IMAGE STYLES **********/
/* These styles apply to general image usage; specific style handle their own images. */
p img {	padding: 0;	max-width: 100%; }
a img {	border: none; }
img.centered {
	display: block;
	margin: 10px auto;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 10px 10px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 0 10px 10px 0;
	display: inline;
	}
.aligncenter {
	display: block;
	margin: 10px auto;
	}
.alignright { float: right;	}
.alignleft { float: left; }


/********** CONTACT FORM STYLES **********/
#sidebar ul#contactlist ul li { margin: 0; padding: 0; background: none; }
#sidebar ul#contactlist li { background: none; font-weight: normal; } 
#contactlist li { color: #555; margin: 0; padding: 0; background: none; }
#sidebar ul#contactlist ul li { padding: 0; margin: 0; } 
#contactlist li ul { margin: 0; padding: 0;}
#contactlist ul li { font-size: 1.1em;  color: #111; margin: 0; padding: 0; line-height: 1.2em; background: none; font-weight: normal; }

/* Clear floats without structural markup */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
		
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/********** PASSWORD PROTECTED AREA STYLES **********/
.password-protected-area {  }

/********** MISC STYLES **********/

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #777;
	}
strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {
	margin: 15px 30px 0 75px;
	padding-left: 20px;
	}
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
.clear { clear: both; }

.watermark { background: url(images/watermark-abs-globe.gif) no-repeat; min-height: 550px; min-width: 550px; line-height: 1.3em; }

/********** TABBER STYLES **********/
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0 3px 10px;
 border-bottom: 1px solid #aeaeae;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #aeaeae;
 border-bottom: none;
 background: #dedede;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #003456; }
ul.tabbernav li a:visited { color: #003456; }

ul.tabbernav li a:hover
{
 color: #fff;
 background: #003456;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #00406a;
 background: #fff;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:15px;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2.tabtitle { display:none; }
/*.tabberlive .tabbertab h3 { display:none;}*/

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

/* ------------ ICONIZE styles ----------- */
a[href$='.pdf'] { 
	padding: 5px 20px 5px 0;
	background: transparent url(images/icons/icon_pdf.gif) no-repeat center right;
}
.imageLink {
	padding-right: 0px !important;
	background: none !important;
}
/*----- REPs CONTROL PANEL  -----*/
#replogin { padding-top: 7px; font-size: 11px; margin: 10px auto;width: 450px; height: 179px;  }
#replogin fieldset { border: none; width: 450px; margin: 15px auto; }
#replogin .note { color: #888; font-size: 11px; font-style: italic; padding: 3px 0 10px 20px; }
#replogin fieldset p { margin: 15px 0; font-size: 1.3em; }
#replogin label {
  float:left;
  width: 140px;
  margin-right: 7px;
  margin-top: 2px;
  padding-top:3px;
  text-align:right;
  font-weight:bold;
  }
#replogin label.small {font-size: 0.7em; } 
#replogin input, #replogin textarea, #replogin select { margin-top: 1px; }
#replogin input { width: 240px; }
#replogin .button { width: 110px; font-size: 1.5em; margin-left: 10px; }

#repregister { padding-top: 7px; font-size: 11px; margin: 10px auto; width: 450px; height: 384px;  }
#repregister fieldset { border: none; width: 450px; margin: 15px auto; }
#repregister .note { color: #888; font-size: 11px; font-style: italic; padding: 3px 0 10px 20px; }
#repregister fieldset p { margin: 15px 0; font-size: 1.3em; }
#repregister label {
  float:left;
  width: 145px;
  margin-right: 1px;
  margin-top: 2px;
  padding-top:3px;
  text-align:right;
  font-weight:bold;
  }
#repregister .small {font-size: 1em; color: #777; margin-left: 180px; text-align: left; width: 240px; line-height: 1.2em; } 
#repregister input, #repregister textarea, #repregister select { margin-top: 1px; }
#repregister input { width: 240px; }
#repregister .button { width: 110px; font-size: 1.5em; margin-left: 10px; }

#viewusersTable { width: 600px; margin: 0 auto; }
#viewusersTable td { padding: 5px; }

.error { border: 1px solid #900; color: #900; width: 200px; margin: 5px auto; padding: 5px; background-color: #f8e0e0; font-size: 1.1em; line-height: 1.2em; }
.error-wide { width: 500px; }
.login-note { font-size: 1.4em; line-height: 1.2em; width: 450px; margin: 5px auto; text-align: left; }

#rep-minimenu { font-size: 1.3em; width: 300px; margin: 10px auto; text-align: center; }
#rep-minimenu li { border-bottom: 1px dotted #ccc; line-height: 1.5em; padding: 5px; }
#rep-minimenu li.last {border: none; }


/* Supplier Pages */
#faq-questionlist li { margin-bottom: 10px; line-height: 1.3em; }
.faq-answers h4, .faq-answers p, .faq-answers ul { padding: 0 0 0 25px; }
.faq-question { font-weight: bold; }

/*----- ORDER FORM PAGE -----*/
#orderform { padding-top: 10px; margin-left: 0; font-size: 11px;  }
#orderform .note { color: #888; font-size: 11px; padding: 0; margin: 0 0 0 195px; }
#orderform .notespacer {  }
#orderform label {
  float:left;
  width: 190px;
  margin-right: 7px;
  margin-top: 2px;
  padding-top:3px;
  text-align:right;
  font-weight:bold;
  }
html*#orderform .note { padding-left: 0; } /*for Safari only */
  
#orderform input, #orderform textarea, #orderform select { margin-top: 1px; }
#orderform input, #orderform textarea { width: 250px; }
#orderform .submit { margin-left: 195px; margin-top: 7px; margin-bottom: 1em; font-size: 1.6em; width: 150px; }
.ordertable { width: 80%; margin: 0 auto;}
.ordertable caption { text-align: left; padding: 15px 0 5px; font-size: 13px; color: #e98015; font-weight: bold; }
.ordertable th { text-align: left; font-style: italic; color: #777; font-weight: normal; }
.ordertable td { padding: 5px 0; text-align: left;}
.ordertable td.total-ttl { text-align: right; font-weight: bold; }
#orderform .ordertable input, #orderform .ordertotal input { width: auto; }
#orderform .ordertable .subtotal { border: none; font-weight: bold; }
#orderform .ordertotal { font-weight: bold; text-align: right; margin-top: 15px; }
#orderform .ordertotal .total { border: none; font-weight: bold; color: #600; font-size: 18px; padding-left: 10px; }
 
 
/*----- ORDER FORM PAGE -----*/
#cforms2form { padding-top: 10px; margin-left: 0; font-size: 11px;  }
#cforms2form .note { color: #888; font-size: 11px; padding: 0; margin: 0 0 0 195px; }
#cforms2form .notespacer {  }
#cforms2form label {
  float:left;
  width: 130px;
  margin-right: 7px;
  margin-top: 2px;
  padding-top:3px;
  text-align: left;
  }
html*#cforms2form .note { padding-left: 0; } /*for Safari only */
  
#cforms2form input, #cforms2form textarea, #cforms2form select { margin-top: 1px; }
#cforms2form input, #cforms2form textarea { width: 250px; }
#cforms2form .sendbutton { margin-left: 195px; margin-top: 7px; margin-bottom: 1em; font-size: 1.6em; width: 150px; }

#cforms2form ol li { list-style-type: none; text-align: left; }

#cforms2form legend { font-size: 13px; font-weight: bold; color: #e98015; }
#cforms2form .cf-fs2 label, #cforms2form .cf-fs3 label, #cforms2form .cf-fs4 label, #cforms2form .cf-fs5 label { width: 300px; text-align: left; font-weight: normal; }
#cforms2form #li-2-43 label { width: 370px; }
#cforms2form .cf-fs2 input, #cforms2form .cf-fs3 input, #cforms2form .cf-fs4 input { width: 70px; }
#cforms2form #li-2-43 input { margin-left: 15px; margin-top: 4px; }
#cforms2form .cf-box-b { width: 30px; }
#cforms2form .cf-after { float: none; }
#cforms2form .reqtxt, #cforms2form .emailreqtxt { font-size: 9px; color: #777; }
#cforms2form .qualifier  { font-size: 9px; font-style: italic; color: #777; } 
#cforms2form .qualifier-spacer  { padding-left: 266px; } 

/* response messages */

#post-154 div.cf_info {	color:#333;	display:none; padding:10px 15px!important; width:380px;	line-height:1.3em; margin:10px auto; }
#post-154 div.cf_info ol { margin:0; padding:5px 15px 0 30px; }
#post-154 div.cf_info ol li { padding:1px 0; margin:2px 0; }
#post-154 div.cf_info a	{ color:#ad2929!important; text-decoration:underline!important; }
#post-154 div.success {	background:#f7f7f7 none repeat scroll 0% 50%; color:#444; display:block; }
#post-154 div.failure {	display:block; background:#FFDFDF url(images/form-error-bg.png) repeat!important; border: 1px solid #df7d7d; border-width:1px 0pt; font-weight: bold; color: #900; }
#post-154 div.waiting {	background:#f9f9f9;	color:#aaa; display:block; }
#post-154 ol.cf-ol li.cf_li_err { background:#FFDFDF url(images/form-error-bg.png) repeat!important; border-color:#DF7D7D; border-style:solid; border-width:1px 0pt; padding:5px 0!important;
margin:5px 0!important; }
#post-154 ol.cf-ol li ul.cf_li_text_err { height:1%; min-height:1%;	margin:0 0 0 100px;	padding:0; color:#333; }
#post-154 ol.cf-ol ul.cf_li_text_err li { background:url(images/icon-alert.png) no-repeat left 1px!important; list-style:none!important; font-weight:bold; text-indent:0; margin:0 0 2px!important;	padding-left:15px; }
#post-154 ol.cf-ol ul.cf_li_text_err li:before { content:''; }