/* LT SEO Quoting Page Styles - Karen Lawes July 2007 */



@import url(/css/footer.css); /* Footer styles */

body, td { font: normal 13px Verdana; }
h1 { font: bold 16px Arial; color: #000000; }
.small { color: #000000; font-size: 10px; }
.sm { color: #003366; font-size: 10px; font-family: Arial, Verdana, Geneva, Helvetica, san-serif; }
.help { color: #FF0000; font-size: 13px; text-transform: uppercase; font-weight: bold; }
.red { color: #FF0033; }
.free { color: #006699; font-size: 16px; }
body span.aff-hide{ display: none; }
table.QuestionSet {display: none; }
table.questionset {display: none; }
fieldset table#FS {display: block; }
a {color: black; }
a:hover {color: blue; }
div#welcome { width: 860px; text-align: right; font-size: 10px; margin: 0; padding: 0; }

/* Header Styles */
#header, #content, #footer { width:860px; clear:both; margin:0 auto; text-align:left; }
#header { border-bottom:10px solid #69c;  text-align:left; }
#header p { float: right; font: normal 12px arial; }

body.quoting #header { margin-bottom:1px; border-bottom:10px solid #369; text-align:left; height:37px; }
body.quoting div#header p { float:none; margin:0; padding:0; }
body.quoting div#header p.globallinks { width:150px; margin:0 0 0 707px; padding:18px 0 0 0; font:normal 11px Arial; text-align:right; }
body.quoting div#header p.logo { margin:0; padding:0 5px 0 0; float:left; }
body.quoting div#header h1 { font:normal 12px Verdana; color:#333; margin:13px 0 0 0; padding:0; width:500px; float:left; text-align:left; }
body.quoting #header h1 a { color:#69c; font-size:14px; font-weight:bold; text-decoration:none; }

/* Main Content Styles */
table#MainContent { width: 860px; border-top:6px solid #b2cce5; }
table#MainContent td { vertical-align: top; margin: 4px; }
h1 { margin: 0px;  font-family:verdana; font-size:1.65em; color:#369; text-align:center; padding: 15px 0 5px 0;}

/* Introduction Section Styles */
.imgProduct { border: none; margin: 20px 0px 0px 15px; float: left; padding: 0px; }
div#Introduction ul#ValueProp li { list-style: url(/images/modified/bullet-box-orange.gif); margin-left: 17px; padding-bottom: 4px; }
div#Introduction ul#ValueProp { padding-left: 100px; color: black; font-weight:normal; font-family: arial; font-size:13px; line-height: 19px; margin: 10px 30px 0px 160px;}
div#Introduction img.imgProduct {border: none; margin: 10px 10px 0px 0px; float: left;}
div#Introduction p.quotes { background: url(/images/modified/btn-sm-orange-left.gif) no-repeat top left; margin-left:20px; margin-bottom:0px; padding: 5px 7px 10px; padding-bottom: 10px;  }
div#Introduction p.quotes a {text-decoration: none; background: url(/images/modified/btn-rfq-orange-right.gif) no-repeat top right; padding: 5px 28px 10px 0; color: white; line-height:normal; font-weight:bold; text-decoration:underline;}

div#quotingdetails { clear: both; border-bottom:3px solid #EFA659; padding: 5px 0 0 0; margin: 0px; }
div#quotingdetails h2 { border-top: none; border-bottom:7px solid #ea8922; font-size:1em; line-height:22px; padding: 0px 0 0px 0p; margin: 0px 0 1px 0; }

div#quotingdetails2 { clear: both; height: 7px; background-color: #ea8922; margin: 0px 0 1px 0; padding: 0px; }
div#quotingdetails3 { clear: both; height: 7px; background-color: #ea8922; margin: 0px 0 1px 0; padding: 0px; }
h2.education { font-size: 16px; padding-top: 15px; color:#336699; font-weight: bold;  }
h4 { font-size: 13px; }
h2 {font-size:1em; line-height:22px; padding: 0px 0 0px 0p; margin: 0px; border-top:3px solid #EFA659; }
form.Quoting { margin-top: 20px; }
span.help { color: white; font-size: 13px; text-transform: uppercase; font-weight: bold; }
td.FormSubmit { padding: 5px 5px 20px 5px; background-color: white; }
td.FormHelp {background: #CCCCCC; text-align: center; vertical-align: middle; padding: 5px; border-bottom: 5px solid #EFA659; }
table#QuestionSet { width: 100%; margin-bottom: 15px; }
table#QuestionSet td { padding: 4px; }
table#QuestionSet th { background: #FFCC66 url(/images/left-corner.gif) no-repeat top left; text-align: left; vertical-align: middle; }
table#QuestionSet th h2 { font: bold 13px Verdana; margin: 0px 0px 0px 22px; padding: 0px; }
td.QuestionSetDetails { font-size: 10px; color: #666666; text-align: center; vertical-align: middle; background: #FFF1D5; }
td.ReqQuestionError { background: url(/images/qz/req_line.gif) repeat-y top right; }
td.ReqQuestionError, td.NoError { text-align: right; vertical-align: top; width: 10%; }
td.ReqQuestionError img, td.NoError img { margin: 0px 10px; }
td.QuestionDivider { background: url(/images/bg/question-divider.gif) repeat-x center center; height: 3px; }
td#MiddleColumn { width: 7px; }

/* Canada Flag for the Canada Category Page header in the LT design */
div.canada { background:url(/images/rfq/canada.gif) no-repeat 585px -10px; }



/* BEGIN Zip Finder */
div#subcontent2 { position:absolute; border: solid 1px #6699CC; border-top: solid 5px #6699CC; border-bottom: solid 5px #b2cce5; display:none; width: 300px; height: 100px; padding: 8px; padding-bottom: 18px; margin-left: 500px; background:#EFEFFF; }
.citylist { width: 300px; margin-top: 0px; margin-bottom: 0px; border: none;  }
.citylist a { font-size: 10px; margin-top: 2px; margin-left: 110px; }
.citylisttext { width: 300px; height: 100px; margin-left: 10px; color: #336699; font-weight: normal; overflow: auto; border:none;}
p.zipfinder { font-size:10px; padding-left: 5px;}
/* END Zip Finder */


/* Right Nav Styles */
td#AdditionalInfo { width: 170px; text-align: right; vertical-align: top; }
td#AdditionalInfo .localsearch {display: none; }
td#AdditionalInfo .advice {display: none; }
td#AdditionalInfo .RegionalListTextHeader,
td#additionalinfo .RegionalListTextHeader {display: none; }
td#AdditionalInfo .RegionalList,
td#additionalinfo .RegionalList {display: none; }
td#AdditionalInfo div p { margin: 0px; padding: 4px; }
td#AdditionalInfo div ul { padding: 4px; margin: 0px 0px 0px 10px; }
td#AdditionalInfo div ul li { margin-left: 5px; list-style: url(/images/quoting/bullet-small.gif); }
td#AdditionalInfo div.First { border:1px solid #69c; border-top:8px solid #336699; border-bottom:6px solid #69c; margin-top:1px; margin: 12px 0px 15px 0px;}
td#AdditionalInfo div.First h5.First { background-color:#6699cc; color: white; border-bottom: none; font-family: verdana; margin-top: 1px;padding-top: 0px;}
td#AdditionalInfo div.First p {text-align:center;}
td#AdditionalInfo div { width: 170px; border:1px solid #69c; border-bottom:6px solid #B2CCE5; margin-top:0px; margin: 0px 0px 15px 0px;  padding: 0px; border-top:none; text-align: left;  font-size: 10px;}
td#AdditionalInfo h5 { border:1px solid #69c; border-top:6px solid #6699cc; background: none; color: #254a6f; font-family: verdana; border-bottom: none; margin:0px;}
td#AdditionalInfo div p.image {text-align: center; }
h5 { font: bold 13px Verdana; color: #000000; text-align: center; background: #FFF3D6; border-bottom: solid 1px #00659C; margin: 0px; padding: 3px 4px; }
h5.First { background-color: #FFCF63; }
div.Supplier { background: url(/images/qz/seller_back.gif) no-repeat left top; }
p.MoreLink { font-size: 10px; text-align: right; }
p.TestimonialName { font-size: 10px; text-align: right; margin-top: -30px; padding-top: 0px; }
#logos a {padding: 0 10px 0 10px;}
td#additionalinfo div.locallinks {display: none; }
td#AdditionalInfo div.locallinks {display: none; }
body#local td#additionalinfo div.locallinks,
body#local table#MainContent td#AdditionalInfo div.locallinks { display:block; }


table#MainContent div.Warning { clear: both; background: none; background-color: #F4FAFF; border: 1px solid #B2CCE5; font: normal 11px Verdana; padding: 5px; margin: 10px; }
.Redirected { background-color: #FFFFEF; border: 1px solid #006699; padding: 10px; margin: 10px; }
div#FeaturedVendors p { text-align: center; }
div#FeaturedVendors p img { padding: 5px 0px; }
div.multilingual { border: 2px solid #0099CC; padding: 3px 2px 10px 8px; text-align: left; background-color: #F4FAFF; margin-top: 15px; }

/* Footer styles */
/*table#Footer { width: 90%; }*/
table#Footer th, table#Footer td { padding: 4px; }
table#Footer th { font: bold 10px Verdana; width: 80px; text-align: right; vertical-align: top; }
table#Footer td { font: normal 10px Verdana; }
table#Footer td ul { margin: 0px; padding: 0px; }
table#Footer td ul li { margin: 0px; padding: 0px; display: inline; }
table#Footer td p.MoreLink { margin: 0px; padding: 0px; text-align: left; }
td.Copyright { text-align: center; vertical-align: middle; }
td.Copyright p { margin: 5px; }

/* New Footer include styles: these selector should be defined in EVERY css file used by any quoting page design */
div#Footer, table#CatFooter, table#SiteFooter { width: 610px; }
table#SiteFooter { margin-top: 0px; }
table#CatFooter th, table#CatFooter td, table#SiteFooter th, table#SiteFooter td { font: normal 10px Verdana; vertical-align: top; padding: 3px; }
table#CatFooter th, table#SiteFooter th { width: 74px; text-align: right; font-weight: bold; }
td#LeftColumn div table th, td#LeftColumn div table td { font: normal 10px Verdana; vertical-align: top; padding: 3px; }
td#LeftColumn div table th { width: 76px; text-align: right; font-weight: bold; }
td#LeftColumn div table td { padding-bottom: 13px; }
td#LeftColumn div table td.Copyright { text-align: center; }

/* Fieldsets */
table.QuestionSet { width: 100%; }
table.QuestionSet td { padding: 4px; }
table.QuestionSet th { background: #FFCC66 url(/images/left-corner.gif) no-repeat top left; text-align: left; vertical-align: middle; }
table.QuestionSet th h2 { font: bold 13px Verdana; margin: 0px 0px 0px 22px; padding: 0px; }
table.QuestionSet td.Question { padding-top: 15px; }
fieldset { border: 1px solid; border-color: #E4E4E4; padding: 4px; margin: 10px 10px 15px; }
fieldset table.QuestionSet { padding-left: 5px; }
legend { font: bold 14px Verdana; color: #00456B; padding: 4px; }
fieldset#First { background: url(/images/bg/bg-fieldset-1.gif) no-repeat right top; }
fieldset#Second { background: url(/images/bg/bg-fieldset-2.gif) no-repeat right top; }
fieldset#Third { background: url(/images/bg/bg-fieldset-3.gif) no-repeat right top; }
fieldset#Fourth { background: url(/images/bg/bg-fieldset-4.gif) no-repeat right top; }

/* Right column controls for REDESIGN QUOTING layout (New, Old and Quoting layout in style.css) (Allows code to remain same in _inc/footer.inc) */
td#AdditionalInfo table.eBrochures { width: 100%; border: 1px solid #00659C; margin: 0px; padding: 0px; }
td#AdditionalInfo table.eBrochures th { height: 21px; background-color: #FFF3D6; border-bottom: 1px solid #00659C; }
td#AdditionalInfo table.eBrochures th p { text-align: center; vertical-align: middle; font: bold 13px Verdana; padding-top: 3px; }
td#AdditionalInfo table.eBrochures td { padding: 2px; }
td#AdditionalInfo table.eBrochures td.sm { font: normal 10px Verdana; }
td#AdditionalInfo table.eBrochures td ul { margin: 0px 5px; padding: 0px 5px 5px 5px; }

td#AdditionalInfo table { width: 100%; border: 1px solid #00659C; margin: 0px; padding: 0px; }
td#AdditionalInfo table th { height: 21px; background-color: #FFF3D6; border-bottom: 1px solid #00659C; }
td#AdditionalInfo table th p { text-align: center; vertical-align: middle; font: bold 13px Verdana; padding-top: 3px; }
td#AdditionalInfo table td { padding: 2px; }
td#AdditionalInfo table td.sm { font: normal 10px Verdana; }
td#AdditionalInfo table td ul { margin: 0px 5px; padding: 0px 5px 5px 5px; }

/* Turns off OFFICE MOVING box on Rad Redesign pgs (that use this CSS file)*/
td#AdditionalInfo table#OfficeMoving { display: none; }

/* Cursor for Label Hack */
.FormLabel { cursor: default; }

/* RSS Feed CSS Buttons */
span.OrangeButton { font: bold 10px Verdana; color:#FFF; border:1px solid; border-color:#FC9 #630 #330 #F96; margin:0px; padding:0px 3px;	background:#F60; }
span.BlueButton { font: bold 10px Verdana; color:#FFF; border:1px solid; border-color:#6CC #366 #066 #69C; margin:0px; padding:0px 3px; background:#09C; }

/* Form Help Popup */
.drag {position: relative; cursor: move;}
#help1, #help2, #help3, #help4, #help5, #help6, #help7, #help8, #help9, #help10, #help11, #help12, #help13, #help14 {position:absolute; width:400px; margin-top:10px; border: 1px solid #0099CC; left: 370px; z-index:1; visibility: hidden; background-color: #F4FAFF;}
.helpimage {border:none; vertical-align: middle; padding-bottom:3px;}
.helplink {border: 1px solid #0099CC; background-color: #F4FAFF; Padding: 2px;}
.closebutton {float:right; border:none; margin:2px;}
.helpcontent {margin: 10px;}

/* Answer Popups - Karen - May 2006 */
#answer1, #answer2, #answer3, #answer4, #answer5, #answer6, #answer7, #answer8, #answer9, #answer10, #answer11, #answer12, #answer13, #answer14 {position:absolute; width:275px; margin-top:0px;  border: 2px solid #0099CC; left: 40%; z-index:1; visibility: hidden; background-color: white; padding: 3px 2px 10px 8px; text-align: left; background-color: #F4FAFF; }


/* Form Help New - Karen - Aug 2006 */
#dhtmltooltip{
position: absolute;
width: 400px;
 border: 2px solid #0099CC; 
padding: 3px 2px 10px 8px; 
text-align: left; 
background-color: #F4FAFF; 
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

img.hoverhelpbutton {border:none; margin: 0px 0px 0px 20px; vertical-align:middle; padding-bottom: 3px;}

/* Styles for secure icon */
div.secure { background:url(/images/quoting/icon-secure.gif) no-repeat 5px 5px; padding:5px 5px 5px 60px; margin:10px 0 0 0; width:160px; text-align:left; }
div.secure h5, div.secure p { margin:0; padding:0; text-align:left; }
div.secure h5 { font:bold 17px Verdana; color:#369; background:none; border:none; text-transform:uppercase; }
div.secure p { font-size:10px; margin:3px 0; }
div.secure p.morelink { text-transform:none; text-align:right; }

/*-----------------------------------------------------------------------------------*/
/* Styles for Elena Design to LT */
div#topnav {display: none; }
div#catnav {display: none; }
div#catheader {display: none; }
div#breadcrumbs {display: none; }

/* Main wrapper Styles */
table#wrapper { width: 860px; border-top:6px solid #b2cce5; border-bottom: 10px solid #cccccc; }
table#wrapper table.questionset {display: block; }
table#wrapper table#questionset {display: none; }
td#content {padding-right: 10px; }
table#wrapper div.warning { clear: both; background: none; background-color: #F4FAFF; border: 1px solid #B2CCE5; font: normal 11px Verdana; padding: 5px; margin: 10px 0 10px 0; }

div#intro ul#valueprop li { list-style: url(/images/modified/bullet-box-orange.gif); margin-left: 17px; padding-bottom: 4px; }
div#intro ul#valueprop { padding-left: 100px; color: black; font-weight:normal; font-family: arial; font-size:13px; line-height: 19px; margin: 10px 30px 0px 160px;}
div#intro img{border: none; margin: 10px 10px 0px 0px; float: left;}
div#intro p.quotes { background: url(/images/modified/btn-sm-orange-left.gif) no-repeat top left; margin-left:20px; margin-bottom:0px; padding: 5px 7px 10px; padding-bottom: 10px;  }
div#intro p.quotes a {text-decoration: none; background: url(/images/modified/btn-rfq-orange-right.gif) no-repeat top right; padding: 5px 28px 10px 0; color: white; line-height:normal; font-weight:bold; text-decoration:underline;}
div#intro p.quotes, div#intro p.quotes a {font: bold 12px verdana; line-height: normal; }

/* Right Nav Styles */
td#additionalinfo { text-align: right; vertical-align: top; }
td#additionalinfo div p { margin: 0px; padding: 4px; }
td#additionalinfo div ul { padding: 4px; margin: 0px 0px 0px 10px; }
td#additionalinfo div ul li { margin-left: 5px; list-style: url(/images/quoting/bullet-small.gif); }
td#additionalinfo div#First { border:1px solid #69c; border-top:8px solid #336699; border-bottom:6px solid #69c; margin-top:1px; margin: 12px 0px 15px 0px;}
td#additionalinfo div#First h5#First { background-color:#6699cc; color: white; border-bottom: none; font-family: verdana; margin-top: 1px;padding-top: 0px;}
td#additionalinfo div#First p {text-align:center;}
td#additionalinfo div { width: 170px; border:1px solid #69c; border-bottom:6px solid #B2CCE5; margin-top:0px; margin: 0px 0px 15px 0px;  padding: 0px; border-top:none; text-align: left;  font-size: 10px;}
td#additionalinfo h5 { border:1px solid #69c; border-top:6px solid #6699cc; background: none; color: #254a6f; font-family: verdana; border-bottom: none; margin:0px;}
td#additionalinfo div p.image {text-align: center; }


form.quoting { margin-top: 20px; width: 660px; clear: both;}
form.quoting td { vertical-align: top; }
td.question td {padding: 10px 0 10px 0; }
td.questionerror, td.noerror { width: 82px; text-align: right; vertical-align: top; }
td.questionerror img, td.noerror img { margin: 0; width: 82px; height: 27px; }
table.questionset td.question { color: #00496e; font-size: 13px; padding: 0px ; margin: 0px;}
td.question b, td.question td { color: #00496e; font-size: 13px; }
td.question table { margin-bottom: 3px; }
span.req { color: #ff0033; margin: 0; padding: 0; }
.note { font-size: 10px; padding: 0px; margin: 0px; }
form.quoting div.formsubmit { padding: 5px 5px 20px 5px; }

div#catnav { width:860px; clear:both; margin:0 auto; height:22px; border-top:6px solid #69c; }

/* Hide microsite right nav include */
#microsite_nav { display:none; }
div.microsite_nav_btn {display:none;}
h5.microsite_nav_btn {display:none;}

/* BEGIN Business Type List */
.BusinessList { width:590px; margin-top:20px; margin-bottom:20px; border:none;}
.BusinessListHeader {width:570px; height:24px; line-height:24px; font-size:18px; font-weight:bold;}
.BusinessListText { width: 570px; height: 100px; margin-left: 10px; font-weight: normal; overflow: auto; border:none;}

/* BEGIN Additional Comments List */
a.comments { text-decoration: none; }
.commentlist { width:470px; margin-top:20px; margin-bottom:20px; border:none;}
.commentlisttext { width: 470px; height: 275px; margin-left: 10px; font-weight: normal; overflow: auto; border:none;}
div#commentcontent { position:absolute; border: solid 1px #6699CC; border-top: solid 5px #6699CC; border-bottom: solid 5px #b2cce5; display:none; width: 500px; height: 300px; padding: 8px; padding-bottom: 18px; margin-left: 200px; background:#EFEFFF; }
div#commentcontent a { font-weight: bold; font-size: 11px; margin-left: 200px;}
.commentlist p {font-size: 10px; margin: 0px; padding: 0px; padding: 3px 0px; }

div#commentcontentnav { position:absolute; border: solid 1px #6699CC; border-top: solid 5px #6699CC; border-bottom: solid 5px #b2cce5; display:none; width: 500px; height: 300px; padding: 8px; padding-bottom: 18px; margin-left: 100px; background:#EFEFFF; }
div#commentcontentnav a { font-size: 10px; margin-left: 200px;}

/* BEGIN Content Popup List */
a.comments { text-decoration: underline; }
a.close { padding: 0px; margin: 0px 0 0 200px;  text-align: center;}

.contentlist { width:470px; margin-top:20px; margin-bottom:20px; border:none;}
.contentlisttext { width: 470px; height: 275px; margin-left: 10px; font-weight: normal; overflow: auto; border:none;}
div#contentcontent { position:absolute; border: solid 1px #6699CC; border-top: solid 5px #6699CC; border-bottom: solid 5px #b2cce5; display:none; width: 500px; height: 300px; padding: 8px; padding-bottom: 15px; margin-left: 500px; background:#EFEFFF; }
div#contentcontent1, div#contentcontent2 { position:absolute; border:solid 1px #69c; border-top:solid 5px #69c; border-bottom:solid 5px #b2cce5; display:none; width:500px; height:300px; padding:8px; padding-bottom:15px; margin-left:200px; background:#efefff; }
div#contentcontent a { }
.contentlist p { margin: 0px; padding: 0px; padding: 3px 0px; }
div#contentcontent h3, div#contentcontent1 h3, div#contentcontent2 h3 { font-size:16px; }
div#contentcontent h4, div#contentcontent1 h4, div#contentcontent2 h4 { font-size:14px; }

/* BEGIN State List */
.NavList {  margin-top:20px; margin-bottom:20px; border:none;}
.NavListText {  height: 100px; margin-left: 10px; color: black; font-weight: normal; overflow: auto; border:none;}
.NavListLink {color: #336699; font-weight: normal;}

/* Edu Light Box */
p.eduLightBox { text-align: center; font-size: 18px; font-weight: bold; padding-bottom: 20px; border-bottom: #999999 solid 5px; }
p.eduLightBox a:hover { color:#FF9900; }

/* Facebox */
#facebox .b {
  background:url(/images/bg/b.png);
}
#facebox .tl {
  background:url(/images/bg/tl.png);
}
#facebox .tr {
  background:url(/images/bg/tr.png);
}
#facebox .bl {
  background:url(/images/bg/bl.png);
}
#facebox .br {
  background:url(/images/bg/br.png);
}
#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}
#facebox .popup {
  position: absolute;
  left: 250px;
  
}
#facebox table {
  margin: auto;
  border-collapse: collapse;
}
#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}
#facebox .loading {
  text-align: center;
}
#facebox .image {
  text-align: center;
}
#facebox img {
  border: 0;
}
#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}