/* CSS Document */

@import url(/css/lt-header.css); /* header styles */
div, h1, h2, h3, h4, h5, h6, p, ul, li,form {margin:0; padding:0;}


body {background-color:#fff; }
#header, #welcome, .content, #footer { width:860px; clear:both; margin:0 auto; text-align:left; }

/* fonts */
body { font:normal 13px Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size:18px; color:#369; padding:10px 0;}
h1 b{color:#ea8900;}
h2 {font-size:18px; color:#112335; }
h3 {font-size:13px; font-weight:bold;}
h5 {font-size:12px;}
h6 {font-size:15px; font-weight:bold;}
p {padding:3px 0;}

#facts p {font-size:11px; color:#333;}
#facts p b{font-size:13px; color:#369;}
.feature p {font-style:italic; color:#333; font-size:13px;}
.rightnav div {font-size:10px;}
.rightnav div li {font-size:9px;}
#welcome {color:#666; font-size:11px;}

.thumbnail-form p.title {font-size:12px;}
.thumbnail-form a.hint {color:#ea8900; font-weight:bold; font-size:12px; padding:2px;}
.thumbnail-form div.answer { font-size:12px;}
.thumbnail-form div.answer label {font-size:12px; line-height:16px;}
.thumbnail-form div.helptext {font-size:11px; }
.thumbnail-form a.comments { text-decoration: none; font-size:9px;}
.thumbnail-form .warning {font-size:10px;}

.missing {border:1px solid #0f0; background:#333;}
.hover {font-size:11px; }
.myHints {font-size:11px; }
div.thumbnail .zipfinder {margin:0 0 0 150px; padding:3px 0 3px 5px; width:170px; }
.jspopup p{font-size: 11px;}
.jspopup div a { font-weight: bold; font-size: 11px;}
.jspopup a { font-size: 10px;}
.jspopup  div.text strong{ color:#369; padding-right:4px;}
a.comments, .zipfinder a { font-size: 10px;}

/* positioning */
#questionset{position:relative; z-index:1;}
.feature {position:relative; z-index:2; top:-15px;}
div.thumbnail {position:relative; z-index:3;}
.thumbnail-form {position:relative; z-index:4; }
.thumbnail-form-end {position:relative; z-index:5; }
#questionset .pinklady {position:relative; z-index:6; }
#questionset .const_guy {position:relative; z-index:6; }
.thumbnail-form .quotingimg {position:relative; z-index:7; }
.thumbnail-form div.helptext { position:absolute; top:0; left:0; z-index:10; margin:0;}	
.myHints {position:absolute; z-index:11; }
.hover {position:absolute; z-index:11; }
.outerDiv {position:relative;}


/* Core Layout  */
#questionset{background:url(/images/rfq/seo_persuasion_bkg.jpg) no-repeat top left; padding:30px 0 10px 0;}
#questionset .pinklady {float:left; clear:both; margin:50px -18px 0 30px;}
#questionset .const_guy {float:left; clear:both; margin:70px -18px 0 2px;}
div.thumbnail {width:675px; margin-left:175px;}
.thumbnail-form {background:url(/images/rfq/seo_persuasion_qs_top.png) no-repeat top left; padding:5px 12px 0 15px;}
.thumbnail-form .quotingimg {float:right; margin-top:40px;}
.thumbnail-form-end {background:url(/images/rfq/seo_persuasion_qs_end.png) no-repeat bottom left; width:675px; height:33px;}
.outerDiv {display:none; height:320px;}

/* Quoting Page Navigation */
.thumbnail-form div.bottomNav {height:35px; position:absolute; bottom:2px;}
.thumbnail-form div.bottomNav .back {position:absolute; left:70px; float:left; margin-top:5px;}
.thumbnail-form div.bottomNav .next {position:absolute; left:150px; float:left;}
.thumbnail-form div.bottomNav .continue {position:absolute; left:150px; float:left;}
.thumbnail-form div.bottomNav .complete {position:absolute; left:450px; float:left;}
.thumbnail-form .complete {position:absolute; left:450px;}

/* questions */
.thumbnail-form p.title {padding-left:5px;}
.thumbnail-form p.title span{font-size:11px; color:#999;}
.thumbnail-form div.answer { padding-left:15px; margin-bottom:4px; }
.thumbnail-form div.answer span {color:#369; font-size:11px;}
.thumbnail-form .warning {display:block; border:1px solid #666; background:#eee; padding:3px; margin:10px 25px 10px 10px;}

/* error code */
.fieldError {background:#fcedde;}
.fieldError input { }

/* hover and popup boxes */
	.hover {top:0px; visibility: hidden; background-color:#e3f1f4; width:150px; padding:5px; border:3px ridge #45A4B2;/* margin-top:60px;*/}
	.hover.medium {width:225px; margin-left:-100px;}
	.hover.large {width:350px; margin-left:-200px;}
	
	.jspopup {background-color:#e3f1f4; padding:5px 0 0 5px; border:3px ridge #45A4B2; display:none; position:absolute;  z-index:95; margin-top:-250px; margin-left:-140px;}
	.jspopup div.close{border:none; background:none; padding:0; text-align:right; margin-right:5px; margin-bottom:4px;}
	
	/* BEGIN Zip Finder */
	input#q999999 {float:left;}
	div.thumbnail div#findzipcode { width:300px; height:120px; }
	div.thumbnail div.text { height:100px; overflow: auto; border:none;}
	 
	/* additional requirement comments */
	div#commentcontent { width:450px; height: 180px; }
	div#commentcontent .text { height:160px; overflow: auto; border:none;}
	.commentlist p {padding-bottom:5px; }

/* content feature */
.feature { background:url(/images/rfq/seo_per_content_rt.png) no-repeat bottom right;  display:block; width:350px; margin-left:280px; padding-right:30px; height:160px;}
.feature div {background:url(/images/rfq/seo_per_content_lt.png) no-repeat bottom left; display:block; height:160px; padding-left:15px;}
.feature h3 {padding:15px 0 5px 0;}
.feature span.image{float:right; width:30px; height:160px;}
.feature img {float:right; margin:10px -10px 0 0;}

/* BuyerZone facts */
#facts {background:url(/images/rfq/seo_persuasion_bkg_lt.jpg) no-repeat top left; margin-bottom:15px; padding:10px 0; clear:both; height:60px;}
#facts p {width:140px; display:block; float:left; margin-left:30px;}

/* Content Area */
.buyingguide {display:block; width:640px;}
.buyingguide h2 {padding:10px 0 5px 0;}
.buyingguide h3 {margin-top:10px;}
.buyingguide ul {margin-left:15px;}
.buyingguide p.morelink {padding-top:15px;}

/* right nav*/
.rightnav {float:right; width:200px;}
.rightnav h5 {border-width:3px 1px 0px 1px; border-style:solid; border-color:#369;  padding:3px 8px;}
.rightnav div {border-width:0px 1px 1px 1px; border-style:solid; border-color:#369; margin-bottom:8px; padding-bottom:5px;}
.rightnav div ul {margin-left:20px;}
.rightnav div p {padding:3px 8px;}

.aboutbz, .buyersguide, .RegionalList, .RegionalListTextHeader, .news, .First {display:none;}
.rightnav .supplier {display:none;}
.rightnav .BusinessListText {height:100px; overflow:auto; margin:0;}
.rightnav .BusinessList {padding-bottom:0;}


/* footer */
#footer {border-top:5px solid #999; width:860px; font-size:10px; color:#333333; margin-top:10px;}
div#footer a { color:#000000; }
div#footer a:link { color:#000000; }
div#footer a:visited { color:#777777; }
div#footer a:hover, div#footer a:active { color:#000000; }
div#footer table, div#footer p { margin-top:5px; }
div#footer table th, 
div#footer table td {text-align:left; padding-bottom:3px; }
div#footer table th { width:80px; }
div#footer table td p { text-align:center; }
div#footer table#SiteFooter { margin-top:15px; }
div#footer th, 
div#footer td { font:normal 10px Verdana; vertical-align:top; padding:3px; }
div#footer table#CatFooter th, 
div#footer table#SiteFooter th { width:75px; text-align:right; font-weight:bold; }
div#footer table#SiteFooter td { padding-bottom:13px; }
div#footer table td.Copyright { text-align:center; }


/* RSS feed buttons */
tr.RSS th, tr.RSS td { padding-top:3px; }
span.OrangeButton { font:bold 10px Verdana; color:#fff; border:1px solid; border-color:#fc9 #630 #330 #f96; margin:0; padding:0 3px; background:#f60; }
span.BlueButton { font:bold 10px Verdana; color:#fff; border:1px solid; border-color:#6cc #366 #066 #69c; margin:0; padding:0 3px; background:#09c; }
