/* @override http://officemonkey.dev/css/master.css */

@import "reset.css";
@import "fancy.css";


/* START Page Template*/

body {background-color: #e6dfe2; font: normal normal normal 14px/1.6 Arial, sans-serif;}
#wrapper {width: 960px; margin:0 auto; background-color: #fff;}

#header {width: 960px; height: 130px; background: url('/images/header.png') no-repeat;}
#masthead a {width: 395px; height: 130px; float: left;}
#masthead span {display:none;}
#navigation {width: 565px; height: 130px; margin-left: 395px;}
#branches {width: 565px; height: 85px;}
.email {width: 282px; height: 85px; display:block;}
.email span, .url, .adr, .tel {display:none;}
#branch_ni .email {float:left;}
#branch_ie {margin-left: 283px;}
#menu {width: 565px; height: 45px;}
#menu a {display:block; float: left; width: 113px; height: 45px;}
#menu_products a:hover {background: transparent url('/images/menu-products-over.jpg') no-repeat;}
#menu_services a:hover {background: transparent url('/images/menu-services-over.jpg') no-repeat;}
#menu_offers a:hover {background: transparent url('/images/menu-offers-over.jpg') no-repeat;}
#menu_aboutus a:hover {background: transparent url('/images/menu-about-us-over.jpg') no-repeat;}
#menu_contact a:hover {background: transparent url('/images/menu-contact-over.jpg') no-repeat;}
#menu span {display:none;}

#content {overflow: visible;}
body#home #content {background: url('/images/bashed-printer.jpg') no-repeat 40px 220px;}

h1, h2, h6 {font: normal normal bold 22px "VAG Rounded Std", "Gotham Rounded", "Arial Rounded", Arial, sans-serif; color: #000; margin-bottom: 10px;}
h2 {color: #666;}
h2 em {font-size: 12px; font-style: normal;}
h6 {font-size: 14px;}
strong {font-weight: bold;}
em {font-style: italic;}
a {color: #ed1c24;}
a:hover {color: #0098eb;}
h2 a {text-decoration: none; color:#666;}
h2 a:hover { text-decoration: underline; color:#ed1c24;}

#footer {padding: 50px 50px 150px; background: #fff url('/images/footer.png') no-repeat bottom; clear: both; color:#666;}
#footer a { color:#666;}
#footer a:hover {color:#0098eb;}
#foot_links {float: right; width: 300px; text-align: right;}

/* END Page Template*/

/* START Home Page details */

#intro {width: 245px; float: left;}
#product_leaders {overflow: visible; margin: 50px; padding-bottom: 20px;}
#intro p {font-size: 18px; line-height: 1.33;}

/*#product_leaders {overflow: visible; margin: 50px; background: transparent url('/images/bashed-printer.jpg') no-repeat bottom left;}*/
#product_leaders ul {margin-left: 295px;}
#product_leaders li {overflow: visible; min-height: 175px; margin-bottom: 25px; border-bottom: 1px solid #999;}
#product_leaders li img {width: 110px; height: 110px; float:left;}
#product_leaders li p {margin-left: 135px;}
/*
#product_extras {overflow: visible; width: 960px; background: transparent url('/images/postit_note.jpg') no-repeat 15px; min-height: 320px;}
#product_extras ul {overflow: visible; margin-left: 50px; width: 860px;}
#product_extras li {width: 270px; float:left;}
#product_extras p {color: #333;}
li#special_offers {margin-right: 50px; width: 245px; font-size: 12px;}
li#special_offers h2 {padding-top: 30px; color: #000;}
li#special_offers img {width: 250px; height: 110px;}
*/
div#special_offers {width: 245px; height: 250px; margin-top: 400px; padding-top: 30px;background: transparent url('/images/postit_note_new.jpg') no-repeat bottom;}
div#special_offers h2 {font-size: 18px; margin: 0 18px;}
div#special_offers p {font-size: 12px; line-height: 1.5; margin: 0 18px 20px 18px;}
li#office_products img {width: 55px; height: 55px; vertical-align: text-bottom;}
li#office_furniture {float: none; margin-left: 590px;}
li#office_furniture img {width: 55px; height: 55px; vertical-align: text-bottom;}

/* END Home Page details */

/* START Forms */
form {font-size: 1em;}
form p {margin-bottom: 20px;}
fieldset {border: 1px solid #f3f3f3; background: #fafafa; padding: 15px; margin: 15px 0 25px 0;}
.row {margin: 0 0 8px 0;}
.row label {width: 180px; font-weight: bold; float: left; margin-top: 4px; font-size: 12px;}
.row label strong, span.required {color: #900019;	font-weight: bold;}
.row input, div.row textarea {width: 400px; font-size: 1em;}
.row textarea {height: 140px;}
div.error {clear: both; font-size: 0.9em; font-weight: bold; margin: 5px 0 20px 160px; color: #900; padding: 4px 0 4px 24px; background: url(/images/admin/bulletError.png) 0 50% no-repeat;}
p.error {padding: 15px 10px 15px 60px; border: 1px solid #e7e7e7; background: #f1f1f1 url("/images/admin/actionError.png") 15px 50% no-repeat; margin: 10px 0; font-weight: bold;}


/* START Sub Page details */
#sidebar, #contact-address {float: left; width: 245px; margin: 50px 0 0 50px;}
#sidebar li { padding: 10px 0 10px 15px; font-family: "VAG Rounded Std", Arial, sans-serif; font-weight: bold; color: #000;}
#sidebar a { text-decoration:none;}
#sidebar li.selected { background: transparent url('/images/highlighter-swipe.png') no-repeat center left;}
#sidebar ul { margin-bottom: 50px;}
#sidebar img { width: 250px; height: auto;}

.wysiwyg, #site-map {margin-left: 50px;	padding: 50px 0; width: 565px; float: left;}
.wysiwyg .hr {clear: both; height: 9px; background: #fff url("/images/hr.png") 0 50% repeat-x; margin-bottom: 10px;}
.wysiwyg .hr hr {display: none;}
.wysiwyg p {margin-bottom: 10px;}
.wysiwyg ul {margin: 0 10px 10px 15px; list-style-type:square;}
#map { margin-top: 5px;width: 100%; height: 300px;}
h2#location-map { margin-top: 50px;}
#belfast { width: 600px; height: 254px; border: 1px solid black; voice-family: "\"}\""; voice-family: inherit;	width: 598px;}



/* START Site Map */
#site-map ul {margin-left: 15px; list-style: square;}
#site-map ul li {margin-left: 10px;}
#site-map ul li ul, #site-map ul li ul li ul {font-size: 1em;}

/* START vCard */
#contact-address .vcard {margin: 10px 0 20px 0;}
#contact-address .vcard .email span, #contact-address .vcard .url, #contact-address .vcard .adr, #contact-address .vcard .tel {display:inline;}
#contact-address .vcard p {font-size: 1em; margin-bottom: 5px; line-height: 1;}
#contact-address .vcard p.reg {margin-top: 15px;}
#contact-address .vcard p em {font-weight: bold; color: #666;}
#contact-address .org.fn, #contact-address .vcard span.type {font-weight: bold;}
#contact-address .org.fn {font-size: 1.1em;	line-height: 1;}
#contact-address .vcard span.type {width: 50px; float: left;}

div#contact-address div.vcard {	margin-top: 20px;}
#location-map {border: none;}
.hide {display: none;}

img.align_left {float: left; margin: 0 20px 20px 0;}
img.align_right {float: right; margin: 0 0 20px 20px;}

.clearfix {	clear: left;}