/* From "styles.css" */
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; }

/* Additions - 6 Jun 2005 (Amy Osborne Lawton) */
/* Header Styles */
table#Header { width: 100%; margin-bottom: 12px; }
table#Header td
td#HeadLogo { width: 180px; }
td#HeadGlobalNav { text-align: right; vertical-align: middle; background: #00659C url(/img/bg-header-rt.gif) no-repeat right center; }
td#HeadGlobalNav p { font: bold 10px Verdana; color: #FFFFFF; padding-right: 10px; line-height: 35px; background: url(/img/bg-header-lt.gif) no-repeat left top; }
td#HeadGlobalNav p a,
td#HeadGlobalNav p a:link,
td#HeadGlobalNav p a:visited,
td#HeadGlobalNav p a:hover,
td#HeadGlobalNav p a:active { color: #FFFFFF; }
table#Header td#HeadDivider { width: 100%; height: 20px; background: #0099CC url(/images/bg/head-divider.gif) no-repeat center center; }

/* Main Content Styles */
table#MainContent { width: 100%; }
table#MainContent td { vertical-align: top; margin: 4px; }
div#Intro { background: url(/img/bg-value-prop-lt.gif) no-repeat top left; margin: -1px; padding: 0px; height: 175px; vertical-align: middle; }
h1 { margin: 0px; padding: 4px 5px; }
td#LeftColumn { background: url(/img/bg-value-prop-rt.gif) no-repeat top right; }
.imgProduct { border: none; margin: 20px 0px 5px 15px; float: left; }
ul#ValueProp { margin: 10px 30px 0px 140px; padding: 0px; font: bold 15px Arial; color: #00456B; }
ul#ValueProp li { margin: 0px; padding: 0px 0px 10px 8px; list-style: url(/img/bullet-value-prop.gif) outside; }
table#FeaturedVendors { width: 100%; margin-top: 10px; }
table#FeaturedVendors th { height: 20px; background: #EEEEEE url(/images/left-corner.gif) no-repeat top left; font: bold 13px Verdana; text-align: left; vertical-align: middle; }
table#FeaturedVendors th p { margin-left: 20px; }
table#FeaturedVendors td { border: 1px solid #EEEEEE; text-align: center; vertical-align: middle; padding: 0px; margin: 0px; }
table#FeaturedVendorsSecondTable { width: 100%; margin-top: 0px; padding-top: 0px; }
table#FeaturedVendorsSecondTable td { border: 1px solid #EEEEEE; text-align: center; vertical-align: middle; padding: 0px; margin: 0px; }
form.Quoting { margin-top: 20px; }
td.FormSubmit { padding: 5px 5px 20px 5px; }
td.FormHelp { background: #FFF1D5; text-align: center; vertical-align: middle; padding: 5px; border-bottom: 5px solid #FFCC66; }
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; }
td#AdditionalInfo { width: 170px; text-align: right; vertical-align: top; }
td#AdditionalInfo div { width: 100%; text-align: left; border: 1px solid #00659C; margin: 0px 0px 15px 0px; color: #00456B; font-size: 10px; }
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(/img/bullet-small.gif); }
td#AdditionalInfo div ol { padding: 4px; margin: 0px; }
td#AdditionalInfo div ol li { padding: 0px 0px 4px 20px; margin: 0px; }
td#AdditionalInfo div ol li#First { list-style: none; background: url(/images/qz/1.gif) no-repeat left 1px; }
td#AdditionalInfo div ol li#Second { list-style: none; background: url(/images/qz/2.gif) no-repeat left 1px; }
td#AdditionalInfo div ol li#Third { list-style: none; background: url(/images/qz/3.gif) no-repeat left 1px; }
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; }
.Warning { background-color: #F4FAFF; border: 1px solid #0099CC; padding: 10px; margin: 10px; }
.Redirected { background-color: #FFFFEF; border: 1px solid #006699; padding: 10px; margin: 10px; }
td.FormSubmit { background-color: #FFF9EA; }
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;}

/* Vendor Popups - Karen - Feb 2006 */
#vendor1, #vendor2, #vendor3, #vendor4, #vendor5, #vendor6, #vendor7, #vendor8, #vendor9, #vendor10, #vendor11, #vendor12, #vendor13, #vendor14 {position:absolute; width:350px; margin-top:40px; border: 2px solid #0099CC; left: 0px; z-index:1; visibility: hidden; background-color: white; padding: 3px 2px 10px 8px; text-align: left; background-color: #F4FAFF; }
div.drag img { display: block; margin-top: 3px; margin-bottom: 3px; }
div.drag img.closebutton { float: right;}
div.drag h2 { font-weight: bold; font-size: 12px; margin: 8px 0px -5px 0px;}
div.drag ul { list-style-type: none; margin-left: 5px; padding-left: 0px; }
div.drag a.closelink { display: block; text-align: center; padding-top: 3px;} 

/* 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; }


/* Footer Content */
div#onPageContent 
{ color: #616161; text-align:left; }

/* Content in Header - Karen- Feb 2006 */
.MoreInfo{ float:right; padding-right: 5px; font: bold 10px Verdana; color: #00456B;}
#content1 {position:absolute; width:550px; margin-top:40px; border: 2px solid #0099CC;  left: 325px; z-index:1; visibility: hidden; background-color: white; padding: 3px 2px 10px 8px; text-align: left; font: Normal 12px Verdana; 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 logo split test */
 div.secure { background:url(/img/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; }
