/*
CSS author: Amy
Created: Mar 2007
Edited: Feb 2008
Design: Modified
Description: homepage styles
*/

body { margin: 10px auto 0 auto; font:normal 12px Verdana; }
body * { margin:0; padding:0; }
#header, #title, #wrapper, #additionalinfo, #footer { width:860px; margin: 0 15px 1px 15px; clear: both; }
p.break { clear:both; font-size:1px; line-height:1px; }

#header { text-align:left; height:40px; border-bottom:10px solid #369; padding-top:10px !important; }
#header p.logo,
#header p.tagline { float:left; }
#header p.logo { margin-right:10px; width:200px; }
#header p.tagline { color:#666; margin-top:13px; width:275px; }
#header p.tagline b { font:bold 14px Verdana; color:#69c; text-transform:uppercase; }
#header p.globallinks { text-align:right; font-size:11px; color:#858585; padding-top:15px; }
#header p.globallinks a { color:#858585; }

#title { border-top:6px solid #69c; text-align:left; }
#title h1 { font:bold 22px Arial; color:#369; margin:20px 0 0 0; word-spacing:0.05em; }

#content,
#featuredinfo { vertical-align:top; }

#content { width:559px; padding-right:30px; text-align:left; }
#intro h6 { font:bold 14px Arial; color:#e98823; margin:20px 0 3px 0; text-transform:uppercase; }
#intro ol.steps,
#intro ol.steps li { list-style:none; }
#intro ol.steps { font:normal 13px Arial; }
#intro ol.steps li { display:inline; background:url(/images/homepage/step-1.gif) no-repeat left top; margin-right:10px; padding:0 0 5px 19px; }
#intro ol.steps li.two { background-image:url(/images/homepage/step-2.gif); }
#intro ol.steps li.three { background-image:url(/images/homepage/step-3.gif); margin-right:0; }

div#search { padding-top:23px; height:40px; border-bottom:4px solid #efa659; }
div#search form, #search p { float:left; }
div#search * { vertical-align:top; }
div#search form { margin:0; }
form select, form input { font:normal 11px Arial; }
#search form#cats {  }
form#keyword input#searchbox { padding:1px; margin-right:5px; }
#search p { font:normal 13px Verdana; padding:0 20px; }
#go { background:url(/images/homepage/btn-go2.gif) no-repeat left top; padding:1px 11px 3px; margin:0; font:bold 12px Verdana; color:#000; border:none; text-align:center; }
#search a { text-decoration:underline; }

#content div.cats,
#content div.supercats { clear:both; margin:0; }
#content div.cats { margin-top:1px; border-top:2px solid #efc395; }
#content div.cats h3,
#content div.supercats h3 { font:bold 15px Arial; color:#369; text-transform:uppercase; padding-top:26px; }
#content div.cats ul,
#content div.supercats ul,
#content div.cats ul li,
#content div.supercats ul li { list-style:none; }
#content div.cats ul,
#content div.supercats ul { font:normal 12px Verdana; width:163px; float:left; margin-left:20px; }
#content div.cats ul.first,
#content div.supercats ul.first { width:173px; }
#content div.cats ul li,
#content div.supercats ul li { padding:4px 0 6px 15px; background:url(/images/homepage/bullet-arrows.gif) no-repeat left 6px; }
#content div.cats ul li a,
#content div.supercats ul li a { color:#000; }

#content p.moreinfo { clear:both; }
#content p.moreinfo img { margin:10px 0 10px 20px !important; }

#featuredinfo { width:271px; text-align:left; padding-top:18px; }
#featuredinfo div { width:256px; margin:0 0 15px 0; float:left; font:normal 11px Verdana; color:#666; }
#featuredinfo div h5 { font:bold 13px Verdana; color:#369; border-bottom:3px solid #69c; margin-bottom:1px; padding-bottom:3px; }
#featuredinfo div h5 a { color:#369; text-decoration:none; }
#featuredinfo div p,
#featuredinfo div ul { border-top:1px solid #b2cce5; padding:6px 4px; }
#featuredinfo p a,
#featuredinfo p a:visited { color:#369; }
#featuredinfo p img { float:left; margin:5px 8px 5px 0; }
#featuredinfo div p.morelink { border:none; }
#featuredinfo div p.morelink img { float:none; margin:0; }
#featuredinfo div ul { margin-left:0; padding-left:30px; }
#featuredinfo div ul li { margin-bottom:5px; }
#featuredinfo div p.morelink { font-weight:bold; text-align:right; clear:both; margin-bottom:15px; }
#featuredinfo div p.morelink a { color:#666; }

#additionalinfo { border-bottom:6px solid #c2c2c2; text-align:left; }
#additionalinfo div { width:256px; margin:15px 15px 0; float:left; font:normal 11px Verdana; color:#666; }
#additionalinfo div h5 { font:bold 13px Verdana; color:#369; border-bottom:3px solid #69c; margin-bottom:1px; padding-bottom:3px; }
#additionalinfo div h5 a { color:#369; text-decoration:none; }
#additionalinfo div p { border-top:1px solid #b2cce5; padding:6px 4px; }
#additionalinfo p a,
#additionalinfo p a:visited { color:#369; }
#additionalinfo p img { float:left; margin:5px 8px 5px 0; }
#additionalinfo div p.morelink,
#additionalinfo div p.supplierlogos,
#additionalinfo div p.bbb { border:none; }
#additionalinfo div p.morelink img,
#additionalinfo div p.supplierlogos img,
#additionalinfo div p.bbb img { float:none; margin:0; }
#additionalinfo div p.supplierlogos,
#additionalinfo div p.bbb { text-align:center; }
#additionalinfo div p.supplierlogos img { margin:2px 10px; }
#additionalinfo div ul { margin-left:30px; }
#additionalinfo div ul li { margin-bottom:5px; }
#additionalinfo div p.morelink { font-weight:bold; text-align:right; clear:both; margin-bottom:15px; }
#additionalinfo div p.morelink a { color:#666; }

#additionalinfo div.first { width:258px; }

#additionalinfo div.local { width:220px; margin:0; padding:0 }
#additionalinfo div.local div { margin:0; padding:0 }
#additionalinfo div.local ul { font-size:11px; height:165px; width:220px; overflow:auto; margin:0 0 0 15px; padding:0 0 0 15px; }
#additionalinfo div.local ul a { color:#036; }
#additionalinfo div.local ul a:link { color:#036; }
#additionalinfo div.local ul a:visited { color:#036; }
#additionalinfo div.local ul a:hover { color:#00f; }
#additionalinfo div.local ul a:active { color:#036; }
#additionalinfo div.local p.break { padding:10px 0; }
 
div#footer { width:860px; font-size:10px; text-align:center; color:#333333; padding:10px 0 15px 0; border-top:3px solid #e2e2e2; }
#footer p, #footer ul { margin:5px 0; }
#footer p { padding:13px; }
#footer ul, #footer ul li { display:inline; }
#footer ul li { margin:0 2px 0 0; }
#footer ul li a { margin-right:2px; }
#footer a { color: #000000; }
#footer a:link { color: #000000; }
#footer a:visited { color: #777777; }
#footer a:hover, #footer a:active { color: #000000; }