html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

/* Sizes */
/* Form settings */
/* !sucedo_blue = #064287 */

body.bp { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }
body.bp h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
body.bp h1 img { margin: 0; }
body.bp h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }
body.bp h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
body.bp h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
body.bp h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
body.bp h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }
body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img { margin: 0; }
body.bp p { margin: 0 0 1.5em; }
body.bp p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
body.bp p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }
body.bp a { text-decoration: underline; color: #000099; }
body.bp a:visited { color: #000066; }
body.bp a:focus { color: black; }
body.bp a:hover { color: black; }
body.bp a:active { color: #cc0099; }
body.bp blockquote { margin: 1.5em; color: #666; font-style: italic; }
body.bp strong { font-weight: bold; }
body.bp em { font-style: italic; }
body.bp dfn { font-style: italic; font-weight: bold; }
body.bp sup, body.bp sub { line-height: 0; }
body.bp abbr, body.bp acronym { border-bottom: 1px dotted #666; }
body.bp address { margin: 0 0 1.5em; font-style: italic; }
body.bp del { color: #666; }
body.bp pre { margin: 1.5em 0; white-space: pre; }
body.bp pre, body.bp code, body.bp tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
body.bp li ul, body.bp li ol { margin: 0 1.5em; }
body.bp ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }
body.bp ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }
body.bp dl { margin: 0 0 1.5em 0; }
body.bp dl dt { font-weight: bold; }
body.bp dd { margin-left: 1.5em; }
body.bp table { margin-bottom: 1.4em; width: 100%; }
body.bp th { font-weight: bold; }
body.bp thead th { background: #c3d9ff; }
body.bp th, body.bp td, body.bp caption { padding: 4px 10px 4px 5px; }
body.bp tr.even td { background: #e5ecf9; }
body.bp tfoot { font-style: italic; }
body.bp caption { background: #eee; }
body.bp .quiet { color: #666666; }
body.bp .loud { color: #111111; }

html, body { height: 100%; }

#footer_push { min-height: 100%; margin-bottom: -170px; }
#footer_push #footer_pad { height: 170px; }

#footer { clear: both; position: relative; height: 170px; }

body.bp { background-color: white; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 12px; text-align: left; /* While we're using ad-hoc $500 text */ }
body.bp .last { margin-right: 0; }
body.bp .clear { clear: both; overflow: hidden; display: inline-block; }
body.bp .clear { display: block; }
body.bp .container { width: 950px; margin: 0 auto; overflow: hidden; display: inline-block; }
body.bp .container { display: block; }
body.bp span.nobr { white-space: nowrap; }
body.bp span.product_price { background-color: #fff2bc; float: right; font-size: 12px; font-weight: normal; line-height: 20px; padding: 0px 7px; -webkit-border-bottom-right-radius: 10px 10px; -webkit-border-bottom-left-radius: 10px 10px; -webkit-border-top-right-radius: 10px 10px; -webkit-border-top-left-radius: 10px 10px; }
body.bp p { margin: 0; }
body.bp p + p { margin-top: 1em; }
body.bp p + ul, body.bp ul + p { margin-top: 1em; }
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 { font-family: 'Helvetica Neue', Helvetica, 'Myriad Pro',Arial,sans-serif; font-weight: bold; color: inherit; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.5em; }
body.bp h1 a, body.bp h2 a, body.bp h3 a, body.bp h4 a, body.bp h5 a, body.bp h6 a { text-decoration: none; color: #333333; }
body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover { text-decoration: none; }
body.bp h1 a:visited, body.bp h2 a:visited, body.bp h3 a:visited, body.bp h4 a:visited, body.bp h5 a:visited, body.bp h6 a:visited { color: #333333; }
body.bp h1 a:focus, body.bp h2 a:focus, body.bp h3 a:focus, body.bp h4 a:focus, body.bp h5 a:focus, body.bp h6 a:focus { color: #666666; }
body.bp h1 a:hover, body.bp h2 a:hover, body.bp h3 a:hover, body.bp h4 a:hover, body.bp h5 a:hover, body.bp h6 a:hover { color: #666666; }
body.bp h1 a:active, body.bp h2 a:active, body.bp h3 a:active, body.bp h4 a:active, body.bp h5 a:active, body.bp h6 a:active { color: #666666; }
body.bp h1 { font-size: 20px; }
body.bp h2 { font-size: 16px; }
body.bp h3 { font-size: 14px; }
body.bp .simple { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 30px; font-size: 11px; font-weight: normal; color: #666666; margin-top: 0; }
body.bp .simple a { color: #666666; }
body.bp .simple a:visited { color: #666666; }
body.bp .simple a:focus { color: #333333; }
body.bp .simple a:hover { color: #333333; }
body.bp .simple a:active { color: #333333; }
body.bp .underline { border-bottom: 1px solid #aaaaaa; }
body.bp h1.center, body.bp h2.center, body.bp h3.center, body.bp h4.center, body.bp h5.center, body.bp h6.center { /* Centered headers. */ text-align: center; padding-right: 30px; }
body.bp h1.center img, body.bp h2.center img, body.bp h3.center img, body.bp h4.center img, body.bp h5.center img, body.bp h6.center img { float: none; vertical-align: middle; position: relative; padding-right: 5px; top: -2px; }
body.bp ul.teasers { /* List of items with teasers. For example articles or products. */ margin-left: 0; overflow: hidden; display: inline-block; margin-right: 0; font-size: 11px; color: #666666; }
body.bp ul.teasers li { list-style-type: none; margin-left: 0px; }
body.bp ul.teasers { display: block; }
body.bp ul.teasers a { text-decoration: none; color: #666666; }
body.bp ul.teasers a:hover { text-decoration: none; }
body.bp ul.teasers a:visited { color: #666666; }
body.bp ul.teasers a:focus { color: #333333; }
body.bp ul.teasers a:hover { color: #333333; }
body.bp ul.teasers a:active { color: #333333; }
body.bp ul.teasers h1, body.bp ul.teasers h2, body.bp ul.teasers h3, body.bp ul.teasers h4, body.bp ul.teasers h5, body.bp ul.teasers h6 { color: #333333; margin-top: 0; padding-top: 5px; margin-bottom: 0; }
body.bp ul.teasers h1:visited, body.bp ul.teasers h2:visited, body.bp ul.teasers h3:visited, body.bp ul.teasers h4:visited, body.bp ul.teasers h5:visited, body.bp ul.teasers h6:visited { color: #333333; }
body.bp ul.teasers h1:focus, body.bp ul.teasers h2:focus, body.bp ul.teasers h3:focus, body.bp ul.teasers h4:focus, body.bp ul.teasers h5:focus, body.bp ul.teasers h6:focus { color: #333333; }
body.bp ul.teasers h1:hover, body.bp ul.teasers h2:hover, body.bp ul.teasers h3:hover, body.bp ul.teasers h4:hover, body.bp ul.teasers h5:hover, body.bp ul.teasers h6:hover { color: #333333; }
body.bp ul.teasers h1:active, body.bp ul.teasers h2:active, body.bp ul.teasers h3:active, body.bp ul.teasers h4:active, body.bp ul.teasers h5:active, body.bp ul.teasers h6:active { color: #333333; }
body.bp ul.teasers li { margin-bottom: 5px; }
body.bp ul.teasers .gutter { display: inline; float: left; margin-right: 10px; width: 30px; }
* html body.bp ul.teasers .gutter { overflow-x: hidden; }
body.bp ul.teasers .street { padding-left: 40px; }
body.bp p.support { font-size: 11px; text-align: center; color: #666666; }
body.bp p.support a { text-decoration: none; color: #666666; }
body.bp p.support a:hover { text-decoration: none; }
body.bp p.support a:visited { color: #666666; }
body.bp p.support a:focus { color: #333333; }
body.bp p.support a:hover { color: #333333; }
body.bp p.support a:active { color: #333333; }
body.bp p.post_meta { text-align: center; font-size: 10px; color: #aaaaaa; margin: 0; }
body.bp p.start_from { text-align: center; font-weight: bold; }
body.bp ul + p.start_from { margin-top: 0; }
body.bp span.date { /* Date formatting in article titles */ float: right; white-space: nowrap; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-weight: normal; font-size: 11px; line-height: inherit; color: #aaaaaa; padding-left: 10px; text-align: right; }

body.bp .title, body.bp .subtitle { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; color: #666666; margin: 0; }
body.bp .title .selected, body.bp .subtitle .selected { font-weight: bold; color: #333333; }
body.bp .title .selected a, body.bp .subtitle .selected a { color: #333333; }
body.bp .title .selected a:visited, body.bp .subtitle .selected a:visited { color: #333333; }
body.bp .title .selected a:focus, body.bp .subtitle .selected a:focus { color: #333333; }
body.bp .title .selected a:hover, body.bp .subtitle .selected a:hover { color: #333333; }
body.bp .title .selected a:active, body.bp .subtitle .selected a:active { color: #333333; }
body.bp .title a, body.bp .subtitle a { text-decoration: none; color: #666666; }
body.bp .title a:hover, body.bp .subtitle a:hover { text-decoration: none; }
body.bp .title a:visited, body.bp .subtitle a:visited { color: #666666; }
body.bp .title a:focus, body.bp .subtitle a:focus { color: #333333; }
body.bp .title a:hover, body.bp .subtitle a:hover { color: #333333; }
body.bp .title a:active, body.bp .subtitle a:active { color: #333333; }

body.bp .center, body.bp .subtitle { text-align: center; }
body.bp ul.title { list-style-type: none; margin: 0px; padding: 0px; display: inline; }
body.bp ul.title li { margin: 0px; padding: 0px; display: inline; }
body.bp ul.title li { float: left; }
body.bp ul.title li + li { margin-left: 15px; }
body.bp ul.title, body.bp h1.title, body.bp h2.title, body.bp h3.title, body.bp h4.title, body.bp h5.title, body.bp h6.title { display: table; margin: auto; padding: 0; }
body.bp .with-icon { height: 30px; line-height: 30px; padding: 0; white-space: nowrap; }
body.bp .with-icon a { float: left; }
body.bp .with-icon span { float: left; clear: right; }
body.bp .with-icon img { display: inline; float: left; margin-right: 10px; width: 30px; vertical-align: middle; margin-left: 5px; margin-right: 5px; }
* html body.bp .with-icon img { overflow-x: hidden; }

#header { height: 65px; background: transparent url(../images/header_bg.png) repeat-x top; }
#header .logo { display: inline; float: left; margin-right: 10px; width: 190px; padding-right: 40px; }
* html #header .logo { overflow-x: hidden; }
#header .logo a { margin-top: 5px; display: block; }
#header #menu { padding-left: 240px; height: 45px; background: url(../images/papershadow_down.png) bottom center no-repeat; }
#header #menu ul { margin: 0; padding: 0; border: 0; outline: 0; overflow: hidden; display: inline-block; padding-top: 10px; font-family: 'Helvetica Neue', Helvetica, 'Myriad Pro',Arial,sans-serif; }
#header #menu ul { display: block; }
#header #menu ul li { list-style-type: none; margin-left: 0px; white-space: nowrap; display: inline; float: left; padding-left: 4px; padding-right: 4px; }
#header #menu ul li.first { padding-left: 0px; }
#header #menu ul li.last { padding-right: 0px; }
#header #menu ul li { height: 35px; padding-right: 10px; }
#header #menu ul li img { display: inline; float: left; margin-right: 10px; width: 30px; margin-right: 5px; padding-top: 2px; }
* html #header #menu ul li img { overflow-x: hidden; }
#header #menu ul li a { text-decoration: none; color: white; display: block; line-height: 35px; font-size: 15px; font-weight: bold; }
#header #menu ul li a:hover { text-decoration: none; }
#header #menu ul li a:visited { color: white; }
#header #menu ul li a:focus { color: white; }
#header #menu ul li a:hover { color: white; }
#header #menu ul li a:active { color: white; }
#header #menu ul li a:hover { background: url(../images/triangle.png) bottom center no-repeat; }
#header #menu ul li.selected { background-color: white; }
#header #menu ul li.selected a { color: #666666; }
#header #menu ul li.selected a:visited { color: #666666; }
#header #menu ul li.selected a:focus { color: #666666; }
#header #menu ul li.selected a:hover { color: #666666; }
#header #menu ul li.selected a:active { color: #666666; }

#main { margin-bottom: 20px; min-height: 200px; }

#footer { font-size: 11px; background: #f1f1f1 url('../images/papershadow_up.png') no-repeat center top; }
#footer a { text-decoration: none; color: #666666; }
#footer a:hover { text-decoration: none; }
#footer a:visited { color: #666666; }
#footer a:focus { color: #333333; }
#footer a:hover { color: #333333; }
#footer a:active { color: #333333; }
#footer ul { margin-left: 0; margin-bottom: 0; padding-top: 20px; }
#footer ul li { list-style-type: none; margin-left: 0px; }
#footer ul li { text-indent: 0; }
#footer #columns { display: inline; float: left; margin-right: 10px; width: 750px; padding-left: 200px; }
* html #footer #columns { overflow-x: hidden; }
#footer #columns ul { display: inline; float: left; margin-right: 10px; width: 150px; }
* html #footer #columns ul { overflow-x: hidden; }
#footer #columns ul li.first { padding-bottom: 3px; }
#footer #columns ul li.first a { font-weight: bold; font-size: 12px; }
#footer #columns ul li img { vertical-align: middle; }
#footer #copy { display: inline; float: left; margin-right: 0; width: 950px; position: absolute; bottom: 10px; color: #666666; text-align: center; }
* html #footer #copy { overflow-x: hidden; }
#footer #copy a { padding-left: 0.5em; }

#big_column { display: inline; float: left; margin-right: 10px; width: 550px; padding-left: 0px; padding-right: 40px; }
* html #big_column { overflow-x: hidden; }

#sidebar { display: inline; float: left; margin-right: 0; width: 350px; }
* html #sidebar { overflow-x: hidden; }

#small_column { display: inline; float: left; margin-right: 0; width: 550px; padding-left: 200px; padding-right: 200px; }
* html #small_column { overflow-x: hidden; }

#homepage #left { display: inline; float: left; margin-right: 10px; width: 470px; padding-left: 0px; }
* html #homepage #left { overflow-x: hidden; }
#homepage #right { display: inline; float: left; margin-right: 0; width: 470px; padding-right: 0px; }
* html #homepage #right { overflow-x: hidden; }
#homepage #pitch { display: inline; float: left; margin-right: 10px; width: 430px; color: #666666; margin-bottom: 10px; }
* html #homepage #pitch { overflow-x: hidden; }
#homepage #pitch #intro { display: inline; float: left; margin-right: 10px; width: 230px; }
* html #homepage #pitch #intro { overflow-x: hidden; }
#homepage #pitch #intro h1 { margin: 0; margin-bottom: 10px; font-weight: normal; line-height: 1em; font-size: 24px; }
#homepage #pitch #intro p { line-height: 1.2em; }
#homepage #pitch #benefits { display: inline; float: left; margin-right: 0; width: 190px; padding-top: 10px; }
* html #homepage #pitch #benefits { overflow-x: hidden; }
#homepage #pitch #benefits ul { list-style: disc url(../icons/misc/check_tiny_green.png) outside; margin-left: 20px; margin-right: 0; }
#homepage #pitch #benefits ul li { line-height: 15px; }
#homepage #pitch #benefits ul li { margin-bottom: 5px; }
#homepage #banner { display: inline; float: left; margin-right: 10px; width: 470px; height: 150px; background: url('../images/banner_photo.jpg') no-repeat 0px -10px; margin-bottom: 10px; }
* html #homepage #banner { overflow-x: hidden; }

#product_type form p, #product form p { text-align: center; margin-bottom: 5px; }
#product_type .description, #product .description { padding-bottom: 10px; padding-top: 10px; }
#product_type .description ul, #product .description ul { list-style: disc url(../icons/misc/check_tiny_green.png) outside; margin-left: 20px; margin-right: 0; }
#product_type .description ul li, #product .description ul li { line-height: 15px; }

#product_type ul.products > li { display: inline; float: left; margin-right: 10px; width: 270px; }
* html #product_type ul.products > li { overflow-x: hidden; }
#product_type ul.products > li.last { margin-right: 0; }
#product_type ul.products .tease { display: inline; float: left; margin-right: 10px; width: 150px; }
* html #product_type ul.products .tease { overflow-x: hidden; }
#product_type ul.products .includes { display: inline; float: left; margin-right: 0; width: 110px; }
* html #product_type ul.products .includes { overflow-x: hidden; }
#product_type ul.products ul { list-style: disc url(../icons/misc/check_tiny_green.png) outside; margin-left: 20px; margin-right: 0; }
#product_type ul.products ul li { line-height: 15px; }
#product_type ul.products span.product_price { margin-top: 3px; }

#article_index div#search_container { width: 300px; margin: auto; }

body.bp input.button { /* Make submit buttons dark grey */ background: url(../images/grey_button_bg.png) repeat-x; border: 1px solid; border-color: #CCC #777 #777 #CCC; height: 21px; position: relative; top: -1px; color: white; }
body.bp input.button:active { background-position: 0 -21px; border-color: #777 #CCC #CCC #777; }
body.bp input.button:hover { cursor: pointer; }
body.bp form#article_search_form { height: 35px; width: 100%; margin: 0; padding-left: 20px; }
body.bp form#article_search_form input + input.button { margin-left: 10px; }
body.bp form#article_search_form input#search { width: 200px; padding: 2px; }
body.bp form { font-size: 12px; display: inline; float: left; margin-right: 0; width: 470px; margin-top: 20px; margin-bottom: 20px; }
* html body.bp form { overflow-x: hidden; }
body.bp form span.product_price { /* At the moment, we're only using none floating prices in forms. */ float: none; }
body.bp form fieldset { display: inline; float: left; margin-right: 0; width: 470px; border-style: none; }
* html body.bp form fieldset { overflow-x: hidden; }
body.bp form fieldset legend { font-weight: bold; text-align: left; }
body.bp form fieldset ul { margin-left: 0; }
body.bp form fieldset ul li { list-style-type: none; margin-left: 0px; }
body.bp form fieldset > ul > li.errors { background-color: #fff2bc; position: relative; left: -5px; border: 5px #fff2bc solid; }
body.bp form fieldset > ul > li { display: inline; float: left; margin-right: 0; width: 470px; margin-bottom: 0.5em; }
* html body.bp form fieldset > ul > li { overflow-x: hidden; }
body.bp form fieldset > ul > li label.required { color: black; }
body.bp form fieldset > ul > li label { display: inline; float: left; margin-right: 10px; width: 150px; font-weight: bold; color: #666666; padding-top: 6px; }
* html body.bp form fieldset > ul > li label { overflow-x: hidden; }
body.bp form fieldset > ul > li label span.help { font-size: 11px; font-weight: normal; color: #666666; margin: 0; }
body.bp form fieldset > ul > li > ul { display: inline; float: left; margin-right: 0; width: 310px; }
* html body.bp form fieldset > ul > li > ul { overflow-x: hidden; }
body.bp form fieldset > ul > li > ul > li { display: inline; float: left; margin-right: 0; width: 310px; padding: 0; }
* html body.bp form fieldset > ul > li > ul > li { overflow-x: hidden; }
body.bp form fieldset > ul > li > ul > li label { display: inline; float: left; margin-right: 0; width: 310px; font-weight: normal; text-align: left; }
* html body.bp form fieldset > ul > li > ul > li label { overflow-x: hidden; }
body.bp form fieldset > ul > li > ul > li input { width: auto; margin-top: 3px; margin-right: 5px; }
body.bp form fieldset > ul > li > ul.errorlist { display: inline; float: left; margin-right: 0; width: 310px; padding-left: 160px; margin-bottom: 0.2em; font-size: 11px; }
* html body.bp form fieldset > ul > li > ul.errorlist { overflow-x: hidden; }
body.bp form fieldset > ul > li > ul.errorlist li { display: inline; float: left; margin-right: 0; width: 310px; }
* html body.bp form fieldset > ul > li > ul.errorlist li { overflow-x: hidden; }
body.bp form fieldset > ul > li input { display: inline; float: left; margin-right: 0; width: 310px; padding: 5px; border: 2px inset; margin: 0; width: 296px; }
* html body.bp form fieldset > ul > li input { overflow-x: hidden; }
body.bp form fieldset > ul > li textarea { display: inline; float: left; margin-right: 0; width: 310px; padding: 5px; border: 2px inset; max-width: 296px; min-width: 296px; }
* html body.bp form fieldset > ul > li textarea { overflow-x: hidden; }
body.bp form fieldset.submit { text-align: center; padding-top: 0.5em; padding-bottom: 0.5em; }
body.bp form fieldset.submit input { width: auto; }