@charset "UTF-8";
@import url(reset.css);
@import url(menu.css);
@import url(form.css);

/******************************************************************************************************

										Market Hardware Core CSS

/******************************************************************************************************/

/* typography */
body { font-size: 0.6875em /* 12px */; background: white url(/design/header.gif) repeat-x; color: #666; font-family: Arial, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #2c5c44; margin-bottom: 0.5em; line-height: 1.4em; }
h1 { font-size: 1.4em /* 18px */; padding-bottom: 0.4em; display: block; }
#wrapper h1 { position: relative; left: -10px; background: url(/design/florish.gif) left 6px no-repeat; padding-left: 10px; padding-bottom: 0.3em; border-bottom: 2px solid #00a252; display: block; }
.home #wrapper h1 { padding-bottom: 0; border-bottom: none; }
h2 { font-size: 1.3em /* 15px */; }
h3 { font-size: 1.2em /* 14px */; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: #00a252; text-decoration: underline; }
a:hover, a:active { color: #00a252; text-decoration: none; }

/* group (also known as clearfix) applies style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

/* layout */
#container { display: block; margin: 0 auto; width: 960px; }
#branding { position:relative; display: block; height: 104px; }
#branding h1 { margin: 0; }
#branding h1 a { width: 669px; height: 69px; background: url(/design/logo.gif); text-indent: -99999px; display: block; top: 15px; left: 32px; position: absolute; }
#branding p { position: absolute; top: 2em; right: 10px; text-align: right; font-size: 2em; color:  #333; line-height: 1.1em; }
#branding p a { display: block; font-size: 0.6em; text-decoration: none; }

#wrapper { border: 1px solid #abadad; margin-bottom: 1em; }
#wrapper .tube { border: 2px solid #fff; background: #eaeaea url(/design/grade.gif) repeat-x; padding: 20px 6px 20px 20px; }

#leftcol img, #midcol img { border: 1px solid #848484; }

#leftcol, #midcol, #rightcol { float: left; clear: none; display: inline; }
#leftcol { width: 680px; margin-right: 25px; }
.home #leftcol { width: 210px; margin-right: 16px; }

#midcol { width: 470px; margin-right: 8px; overflow: hidden; }
#midcol h1, #midcol p, #midcol ul { margin-left: 10px; }
#midcol img { margin-bottom: 1.5em; }
.home #wrapper #midcol h1 { padding-top: 1.4em; border-top: 2px solid #00a252 !important; background: url(/design/florish.gif) left 1.8em no-repeat; display: block; width: 458px }
#rightcol { width: 220px; }

#callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#callout a { display: block; padding: 17px 4px 0.7em; color: #666; border: 1px solid #fff; text-decoration: none; }
#callout span { display: block; border: #ccc 1px solid; margin-bottom: 2px; background: #cbcbca url(/design/callout.gif) repeat-x }
#callout a strong { color: #2c5c44; font-size: 1.3em; position: relative; padding-left: 10px; background: url(/design/florish.gif) left 3px no-repeat; }
#callout a em { display: block; margin: 0.5em 0 0; display: block; width: 72px; height: 21px; line-height: 21px; background: url(/design/button.gif); text-align:  center; color: #2c5c44; font-size: 0.8em; }
#callout a:hover em { text-decoration: underline; }

#callout li.bulb a { background: url(/design/bulb.png) top center no-repeat;padding-top: 110px }

#footer { margin: 0 auto; font-size: 90%; text-align: center; color: #848484; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }
blockquote { margin: 10px 10px; padding: 5px; background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; }
blockquote p { padding-left: 10px; }