/*
Theme Name: Workbox Theme
Theme URI: http://workboxdirect.co.uk
Description: The default Workbox theme created by Backbone IT Group.
Version: 1.0
Author: Antony Jones
Author URI: http://backboneitgroup.com

*/
BODY { background: #fff;font-family: Verdana, Arial, sans-serif;color: #333;margin: 0px;  font-size:62.5%; text-align:left;}
#page {background-color: white; text-align: left; margin: auto;padding: 0;width: 970px;}
#header {border-bottom:	1px solid #22B14C;padding:8px 0px 12px 0px;	font-family:Verdana, Arial, sans-serif;font-size:0.78em;height: 93px;width: 970px;}

#headerimg 	{height:114px; padding:0;}
#content {font-size: 1.2em;}
.widecolumn .entry p {font-size: 1.05em;}
.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: right; border-bottom:1px solid #22B14C; padding-bottom:5px;}
.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt {border-left: 1px solid #ddd;}

#footer {padding:10px 0 0 0;font-family:	Verdana, Arial, sans-serif;
font-size:1.1em; width:100%; position:relative; height:30px;}
#footer p{border-top:1px solid #22B14C;}
#footer  a {text-decoration:underline;}

small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
h1, h2, h3 {font-family: Arial, Sans-Serif; font-weight: bold;}
h1 {font-size: 18px; color: #b95915;}
h2 {font-size: 1.6em;}
h2.pagetitle {font-size: 1.6em; color: #b95915;}
#sidebar h2 {font-family: Arial, Helvetica, sans-serif;font-size: 14px; color: #b95915;}
h3 {font-size: 1.3em;}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #b95915; font-family: Arial, Helvetica, sans-serif;}
h1 a, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
.entry p a:visited {color: #b85b5a;}
.catalog {float:left; width: 200px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin-top:2px; margin-left:2px;}
.catalog ul {list-style:none;margin:0px; padding:0px; margin-top:10px;}
.catalog ul li{	padding-bottom:	5px; }
.catalog a{color: #02912C;}
.catalog a:hover{color: #12A13C;}
.sticky {background: #f7f7f7;padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}
.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;border: 1px solid #eee;padding: 2px;background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
#sidebar {font: Arial, Sans-Serif; font-size:12px;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps{font-size: 0.9em;letter-spacing: .07em;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;
}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
body {margin: 0 0 20px 0;padding: 0;}
.narrowcolumn {float:left; width: 550px;}
.widecolumn {padding: 10px 0 20px 0;margin: 5px 0 0 150px;width: 450px;}
.post {margin: 0 0 40px;text-align: justify;}
.post hr {display: block;}
.widecolumn .post {margin: 0;}
.narrowcolumn .postmetadata {padding-top: 5px;}
.widecolumn .postmetadata {margin: 30px 0;}
.widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;}
.widecolumn .attachment {text-align: center;margin: 5px 0px;}
.postmetadata {clear: both;}
.clear {clear: both;}
h2 {margin: 20px 0 0;}
h2.pagetitle {margin-top: 20px;text-align: center;}
#sidebar h2 {margin: 5px 0 0;padding: 0;}
h3 {padding: 0;margin: 20px 0 0;}
h3.comments {padding: 0;margin: 40px auto 20px ;}
p img {padding: 0;max-width: 100%;}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;}

html>body .entry li {margin: 7px 0 8px 10px;}
.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
.category {border-bottom:1px solid #22B14C; list-style-type:none;}
.category a { line-height:150%;}
.category li {list-style:none;}
#sidebar ul {margin: 0;padding: 0; 	margin-bottom: 15px;}
#sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 3px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: none;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}
#sidebar #searchform #s {width: 108px;padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}
.entry form { /* This is mainly for password protected posts, makes them look better. */text-align:center;}
select {width: 130px;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: "."; display: block; height: 0;clear: both; visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
/* Begin Comments*/
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li {margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children {padding: 0;}
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#sidebar{width: 200px; float:right;}
#sidebar form {margin: 0;}
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
a img {border: none;}
.navigation {display: block;text-align: center;margin-top: 10px;margin-bottom: 60px;}
.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;
margin: 10px;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;	border-radius: 3px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
.breadcrumbing {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.breadcrumbing a {color: #02912C;}
breadcrumbing a:hover {color: #12A13C;}
.boxText {font-family: Verdana, Arial, sans-serif;font-size: 0.78em;line-height: 130%;}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size: 0.84em; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size: 0.84em; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size: 0.84em; color: #70d250; text-decoration: underline; }
A { color: #12A13C;text-decoration: underline;}
A:visited { color: #b95915; text-decoration: underline;}
A:hover { color: #12A13C; text-decoration: underline;}
H5 {font-size:	0.96em;}
FORM {display: inline;}
TR.header {}
TR.headerNavigation {}
.headernavigation { font-family: Arial, sans-serif; color: #b95915; font-size:16px; font-weight: bold;
}
A.headerNavigation {color: #02912C;}
A.headerNavigation:hover {color: #12A13C;}
TR.headerError { background: #ff0000;}
TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #ff0000;
color: #fff;font-weight : bold;text-align : center;}
TR.headerInfo { background: #00ff00;}
TD.headerInfo { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; background: #00ff00;
color: #ffffff; font-weight: bold; text-align: center;}
TR.footer {}
TD.footer { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #02912C;font-weight: bold;}
.infoBox {background: #fff;}
.infoBoxNotice {background: #fff;}
.infoBoxNoticeContents {background: #fff;font-family: Verdana, Arial, sans-serif;font-size: 10px;}
TD.infoBoxHeading {font-family: Arial, sans-serif;font-size: 0.98em;font-weight: bold;color: #B95915;
  padding:0 0 8px 0;}
TABLE.infoBox {border-bottom:1px solid #22B14C;margin-bottom:10px;}
TD.infoBox, SPAN.infoBox {font-family: Verdana, Arial, sans-serif;font-size: 1em;}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd { background: #fff;}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #fff;}

TABLE.productListing {border: 0px;border-style: solid;border-color: #fff;border-spacing: 0px;}

.productListing-heading {
  font-size: 0.64em;
  background: #fff;
  color: #B95915;
  font-weight: bold;
  border-bottom:1px solid #22B14C;
  padding-bottom:6px;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  padding-top: 6px;
}

/*
A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
*/

TD.pageHeading, DIV.pageHeading {
  font-family: 		Arial, sans-serif;
  font-size: 		1.6em;
  font-weight: 		bold;
  color: 			#B95915;
  padding-bottom:	4px;
}

TR.subBar {
  background: #fff;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.78em;
  line-height: 150%;
}

TD.label {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.78em;
  line-height: 134%;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.78em;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  color: #02912C;
}

CHECKBOX, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.94em;
}

INPUT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.94em;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}


SPAN.greetUser {
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #FF9900;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 11px; border-top: 1px solid #f11; border-bottom: 1px solid #f11; padding:4px 0 4px 0;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 11px; border-top: 1px solid #f11; border-bottom: 1px solid #1f1; padding:4px 0 4px 0; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }


.greenbar {
color: #02912C;
}