/* General HTML bits */
body, form, p, h1, h2, h3, h4, h5, h6, div, img, ul, ol, li, blockquote { margin: 0; padding: 0; border: none; }
body { font: 62.8% Tahoma, Helvetica, Arial, sans-serif; background: #fff; color: #57575a; text-align: center; }
.left { float: left; }
.right { float: right; }
.clear_left { clear: left; }
a { color: #57575a; text-decoration: none; }
a:hover { color: #f60; }
.center { text-align: center; }
.error, .errors { color: #f00; }
cite { font-style: normal; font-variant: small-caps; }

div#container { width: 828px; margin: 0 auto; }

/* Header */
div#header { height: 110px; background: #000f3b; padding: 0 0 0 115px; text-align: left; }
img#main_logo { float: right; margin-right: 45px; }
/*ul#main_menu { font-size: 1.1em; text-transform: uppercase; height: 2em; padding: 10px 0; font-weight: bold; }*/
ul#main_menu { width: 660px; float: right; margin: 0 45px 0 0; font-weight: bold; text-align: left; font-size: 1.1em; text-transform: uppercase; height: 2em; padding: 10px 0; }
ul#main_menu li { display: inline; list-style-type: none; padding: 0 12px 0 0; }
ul#main_menu li strong { color: #f60; }

/* Left Menu */
ul#left_menu { font-size: 1.1em; width: 95px; float: left; padding: 0; margin-top: 42px; height: 12em; text-align: left; clear: left; }
ul#left_menu li { list-style-type: none; padding: 2px 0; }

ul#solutions_menu { margin: 0 45px 0 0; padding: 0; float: right; height: 77px; }
ul#solutions_menu li { display: inline; }
ul#solutions_menu li img { display: inline; margin-left: 3px; }

/* Content */
div#content { width: 660px; float: right; margin: 0 45px 0 0; border: 1px solid #bcbdc0; text-align: left; height: 440px/* was 365*/; overflow: auto; }
div#content a { color: #f60; text-decoration: underline; }
div#content a:hover { color: #f30; }

div#content h2 { font-size: 1.5em; padding: 10px 140px 12px 10px; color: #006; }
div#content h3 { font-size: 1.3em; padding: 10px 140px 12px 10px; color: #006; }
div#content h2 strong, div#content h3 strong { color: #f60; }
div#content h2 a, div#content h3 a { color: #006; }
div#content p { font-size: 1.1em; padding: 0 140px 12px 10px; }
div#content address { font-size: 1.1em; padding: 0 140px 12px 10px; font-style: normal; }
div#content ul { font-size: 1.1em; padding: 0 140px 12px 25px; }
div#content blockquote { padding: 1px 0; border-top: 1px solid #ccc; clear: right; }
div#content p.noright { padding-right: 0; }
div#content img.right { margin: 10px; }
div#content img.left { margin: 10px 18px; } /* was 10 */
div#content object.left { margin: 10px 0; } /* was 10 */
/*
div#content div#right_column { width: 158px; float: right; border-left: 1px solid #bcbdc0; margin: 5px 0; padding: 0; }
div#content div#right_column p { padding-right: 0; }
div#content div#right_column h2 { padding-right: 0; }
div#content div#right_column h3 { padding-right: 0; }

div#content div#left_column { width: 490px; float: left; margin: 5px 0 0 5px; }*/
div#content div#left_column { margin: 5px 5px 0 5px; }
div#content div#left_column h2 { font-size: 1.8em; padding: 10px 10px 12px 10px; border-bottom: 1px solid #ccc; }
div#content div#left_column h3 { font-size: 1.6em; padding: 10px 10px 12px 10px; }
div#content div#left_column p { font-size: 1.2em; padding: 0 10px 12px 10px; }
div#content div#left_column blockquote { padding: 1px 70px; border-bottom: 1px solid #ccc; clear: left; border-top: none; }
div#content div#left_column p.noleft { padding: 5px; clear: left; }

div#content.news h2 { font-size: 1.8em; padding: 10px 10px 12px 167px; }
div#content.news h3 { font-size: 1.6em; padding: 10px 10px 12px 167px; }
div#content.news p { font-size: 1.1em; padding: 0 10px 12px 167px; }

/* Footer */
address#left_address { font-size: 1em; margin: 70px 0 10px 0; /*was margin: 120px 0 40px 0; */ float: left; clear: left; width: 95px; font-style: normal; text-align: left; }
address#left_address span { font-size: 0.9em; }
ul#copyright { float: right; text-align: right; font-size: 0.9em; margin: 5px 45px 5px 0; clear: right; padding: 0; width: 600px; }
ul#copyright li { display: inline; list-style-type: none; padding: 0 0 0 12px; }
ul#footer { clear: both; margin: 15px 0; padding: 0; height: 30px; line-height: 30px; font-size: 1.1em; color: #fff; text-align: center; background: #002c62; }
ul#footer li { display: inline; list-style-type: none; padding: 0 12px; }

/* Contact Forms */
label { display: block; }
.input { width: 300px; }

/* Homepage Menu */
div#content ul#large_menu { padding: 0; margin: 0; width: 100%; }
div#content ul#large_menu li { display: inline; list-style-type: none; }
div#content ul#large_menu li a { font-weight: bold; text-decoration: none; display: block; float: left; margin-right: 15px; width: 108px; color: #e4e7e6; height: 216px; background: transparent url("../gfx/homepage-about-us.jpg") center right no-repeat; }
div#content ul#large_menu li a:hover { background-position: center left; color: #006; }
div#content ul#large_menu li a.about_us { background-image: url("../gfx/homepage-about-us.jpg"); }
div#content ul#large_menu li a.envelope_solutions { background-image: url("../gfx/homepage-envelope-solutions.jpg"); }
div#content ul#large_menu li a.envelope_encyclopaedia { background-image: url("../gfx/homepage-envelope-encyclopaedia.jpg"); }
div#content ul#large_menu li a.envelope_gallery { background-image: url("../gfx/homepage-envelope-gallery.jpg"); }
div#content ul#large_menu li a.contact { background-image: url("../gfx/homepage-contact.jpg"); margin-right: 0; }

/* NEW TABLE FOR PRODUCTS */
table#product_list { width: 100%; background: #e4e7e6; border-top: 1px solid #bcbdc0; }
table#product_list th { font: bold 11px Tahoma, Helvetica, Arial, sans-serif; color: #006; line-height: 20px; height: 22px; padding: 2px; text-align: center; }
table#product_list th.boxes { width: 20px; }
table#product_list th img { border: none; vertical-align: middle; }
table#product_list th a { color: #006; text-decoration: none; }
table#product_list th a:hover { color: #f60; }
table#product_list th a.box { background: #333; color: #fff; display: block; width: 20px; height: 20px; text-decoration: none; border: 1px solid #e4e7e6; }
table#product_list th a.box:hover { border: 1px solid #f60 !important; }
table#product_list th a.box img, table#product_list th strong.locked img { display: block; }
table#product_list th a.box.asc { border: 1px dashed #fff; }
table#product_list th a.box.desc { border: 1px dashed #ff0; }
table#product_list th strong.locked { background: #333; color: #fff; display: block; width: 20px; height: 20px; text-decoration: none; border: 1px solid #f00; }
table#product_list td { font: normal 11px Tahoma, Helvetica, Arial, sans-serif; color: #000; line-height: 20px; height: 20px; padding: 5px 2px; text-align: center; }
table#product_list tbody tr { background: #fff; }
table#product_list tbody tr.even { background: #ccc; }
table#product_list form { padding: 0; margin: 0; }
abbr, table#product_list td strong { cursor: help; text-decoration: none; border: none; font-weight: bold; }
abbr.yes, strong.yes { color: #090; }
abbr.no, strong.no { color: #900; }
form#product_filters { margin: 5px 0; padding: 5px; background: #e4e7e6; border-top: 1px solid #bcbdc0; border-bottom: 1px solid #bcbdc0; }
form#product_filters p { padding-right: 0; }
form#product_filters label { width: auto; height: auto; display: inline; font-weight: bold; clear: none; float: none; }
form#product_filters input { width: auto; height: auto; display: inline; clear: none; float: none; }
form#product_filters select { width: auto; height: auto; display: inline; clear: none; float: none; }
form#product_filters input.button { background: #006; color: #e7e7e7; font: bold 11px Tahoma, Helvetica, Arial, sans-serif; padding: 10px 25px; border: none; cursor: pointer; vertical-align: middle; }
form#product_filters input.button:hover { background: #f60; }
input.smallbutton { background: #006; color: #e7e7e7; font: bold 11px Tahoma, Helvetica, Arial, sans-serif; padding: 3px 10px; border: none; cursor: pointer; vertical-align: middle; }
input.smallbutton:hover { background: #f60; }
form#product_filters input.enquiry_button { height: 20px; width: 20px; }
form#product_filters p.buttons { height: 40px; }
img#loading_icon { vertical-align: middle; }
img#loading_icon.hide { display: none; }
label { color: #006; }