body {
	font: 90% "Lucida Grande", Calibri, "Lucida Sans Unicode", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #000;	background: #edcf04 url(img/general-bg.gif) no-repeat center top;
	text-align: center;	margin: 0px;	padding: 0px; 
}
body.homepage {	background: #edcf04 url(img/badge-bg.gif) no-repeat center top; }
body.badgemachines {	background: #edcf04 url(img/badgemk5-bg.jpg) no-repeat center top; }
body.components {	background: #edcf04 url(img/components-bg.jpg) no-repeat center top; }
body.componentslist {	background: #edcf04 url(img/components-list-bg.jpg) no-repeat center top; }

img { border: none; }
a, a:link, a:visited { color: #2d2b86; text-decoration: none; font-weight: bold; }
a:hover, a:active { color: #04034a; text-decoration: underline; }

.clearfloat { height: 1px; overflow: hidden; clear: both; line-height: 1px; padding: 0; margin: 0; }
.hrule { height: 1px; border-top: 1px solid #f0ede2; overflow: hidden; clear: both; line-height: 1px; padding: 0; margin: 0 0 8px; }

#container { 	text-align: left;	margin: 0px auto;	width: 760px; }

#commonheader {
	background: url(img/common-header-bg-yellow.gif) no-repeat;
	margin: 0px;	padding: 0px; position: relative;	height: 45px;	width: 760px;
}
.commonheader-le { position: absolute; left: 16px; top: 12px; }
.commonheader-viso { position: absolute; left: 430px; top: 0px; }
.commonheader-eze { position: absolute; left: 504px; top: 0px; }
.commonheader-badgeworx { position: absolute; left: 590px; top: 0px; }
.commonheader-print { display:none; }

#leftcol { width: 146px; margin: 135px 0 12px; text-align: right; float: left; }
  #leftcol ul { list-style-type: none; padding: 0; margin: 0 0 20px; }
		#leftcol ul li { text-transform: uppercase; color: #b51889; text-align: right;	 margin: 0; padding: 0;
		font-size: 1.2em; line-height: 0.9em; border: 1px solid #edcf04; background: none; }
		#leftcol ul li.subheading { margin-top: 15px; }
		#leftcol ul li span { padding: 0 11px 0 0; }
		#leftcol ul li a { text-transform: none; color: #3f3f3f; font-size: 0.75em; letter-spacing:
		font-weight: bold; text-decoration: none; letter-spacing: -0.04em; padding: 0 12px 0 0; margin: 0; 
		background: url(img/arrow-right-white.gif) no-repeat right 5px; display: block; }
		#leftcol ul li a.open { background: url(img/arrow-down-white.gif) no-repeat right 7px; } 
		#leftcol ul li a:hover { color: #b51889; }
  		#leftcol ul li ul { margin: 0 0 4px; }
	  	#leftcol ul li ul li { line-height: 0.8em; }
		  #leftcol ul li ul a { font-size: 0.6em; color: #5d5d5d; background: none; }
 #leftcol .flash { margin: 3px 0; }
#rightcol { width: 592px; margin: 131px 0 0; float: right; }

h1, h2, h3, h4 { font-weight: normal; margin: 0; }
h1 { margin: 0 0 14px; font-size: 2.2em; line-height: 1.05; letter-spacing: -0.04em; word-spacing: 0.06em;}
h2 { color: #b51889; margin: 0 0 10px; font-size: 1.32em; padding: 0 0 12px; border-bottom: 1px solid #f0ede2; }
 h2.empty { height: 1px; padding: 0; line-height: 1px; }
 h2.subheading { margin-top: 18px; }
 h2.twothirds { width: 391px; }
 h2.badgemachines { width: 358px; }
 h2.norule { border: none; padding: 0; }
h3 { text-transform: uppercase; color: #b51889;	font-size: 1.1em; margin: 0 0 8px; }
 h3.orderinfo span { text-transform:none; color: #581846; padding-right: 8px; }
h4 { color: #b51889; margin-bottom: 5px; }
 h4 a:link, h4 a:visited, h3 a:link, h3 a:visited { color: #b51889; font-weight: normal;  }
 h4 a:hover, h4 a:active, h3 a:hover, h3 a:active { color: #3f3f3f; text-decoration: none; font-weight: normal; }
h5 { font-size: 0.95em; margin: 0 0 12px; }
h6 { font-size: 0.9em; margin: 0 0 12px; font-weight:normal; }

.col1 { width: 190px; float: left; }
.col2 { width: 391px; float: right; }
.col2a { width: 190px; float: left; }
.col2b, .col2single { width: 190px; float: right; }
.col1double { width: 391px; float: left; }

.clearboth { clear: both; }

p { font-size: 0.85em; margin: 0 0 12px; }

.small { font-size: 0.8em; }
.xsmall { font-size: 0.7em; }

.infoboxsingle { width: 188px; border: 1px solid #fff; margin: 0 0 11px; }
 .infoboxsingleinner { margin: 2px; background: #e8dfb8; }
  .infoboxsingleinner h4 { font-weight: bold; font-size: 0.9em; padding: 3px 5px; margin: 0; }
  .infoboxsingleinner p { margin: 0; font-size: 0.8em; padding: 3px 5px 5px; }
  .infoboxsingleinner p a:hover, .infoboxsingleinner p a:active { color: #3f3f3f; text-decoration: none;}

.infoboxsingle.left { float: left; clear: both; }
.infoboxsingle.right { float: right; }

.infoboxdouble { width: 389px; border: 1px solid #fff; margin: 0 0 11px; clear: both; background: #edcf04; }
 .infoboxdoubleinner { margin: 2px;  width: 385px; background: #e8dfb8; }
	.infoboxdoubleinner.video { background: #e8dfb8 url(img/infobox-videos-bg.jpg) no-repeat top right; }
	.infoboxdoubleinner.badgeworx { background: #e8dfb8 url(img/infobox-badgeworx.jpg) no-repeat top right; }
	.infoboxdoubleinner.badgemaker5 { background: #e8dfb8 url(img/infobox-badgemaker5.jpg) no-repeat top right; }
	.infoboxdoubleinner.badgemaker7 { background: #e8dfb8 url(img/infobox-badgemaker7.jpg) no-repeat top right; }
	 .infoboxdoubleinner p { padding: 7px 5px 5px; color: #000; margin: 0; font-size: 0.8em; }
		.infoboxdoubleinner p a { color: #000; font-weight: bold; }
		.infoboxdoubleinner p a:hover, .infoboxdoubleinner p a:active { color: #3f3f3f; }
	 .infoboxdoubleinner.video p { font-size: 0.85em; }
  .infoboxdoubleinner h4 { font-weight: bold; font-size: 0.9em; padding: 3px 5px; margin: 0; }
		.infoboxdoubleinner h4 a:link, .infoboxdoubleinner h4 a:visited { color: #b51889; font-weight: normal; }
		.infoboxdoubleinner h4 a:hover, .infoboxdoubleinner h4 a:active { color: #3f3f3f; text-decoration: none; font-weight: normal; }

.highlight { font-weight: bold; color: #b51889; }
 .highlight span { font-size: 1.1em; color: #000; }

p.home-flash-box { background: #b51889; padding: 5px; color: #fff; }

.components { clear: both; margin-bottom: 10px; }
.components th { text-align: center; padding: 2px 10px; border-bottom: 1px solid #fff; color: #b51889; }
 .components th a:link, .components th a:visited { color: #b51889; }
 .components th a:hover, .components th a:active { color: #04034a; }
.components td { text-align: center; padding: 2px 0; border-bottom: 1px solid #f0ede2; }
.components td.labels { text-align: left; }

.new { text-transform:uppercase; font-weight: bold; color: #b51889; font-size: 1.05em; padding: 0 6px;}

ul { color: #b51889; padding: 0; margin: 10px 0 15px; list-style-type: none; }
li { color: #000; font-size: 0.8em; margin-bottom: 2px; background: url(img/pink-bullet.gif) no-repeat 0 6px; padding-left: 15px; }

.imageleft { float: left; clear: left; margin: 0 12px 6px 0; }
.imageright { float: right; clear: right; margin: 0 0 6px 12px; }

.testimonial-lg { font: 1.3em "Trebuchet MS"; color: #444; font-style: italic; line-height: 25px; padding: 0 18px; text-align: center; }
 .quotemarks1 { font-size: 1.6em; color: #a59003; font-family: Georgia, "Times New Roman", Times, serif; line-height: 12px; height: 12px; padding: 0 3px; position: relative; top: 6px; margin-top: -5px;}
.testimonial { font: 1.3em "Trebuchet MS"; color: #444; font-style: italic; line-height: 25px; padding: 0; margin: 8px 0 0; text-align: center; }
.testimonial-author { color: #222; text-align: right; margin: 2px 0 18px;color: #b51889;  }
 .testimonial-lg img, .testimonial img { margin: 0 2px; }
.testimonial-lg a:link, .testimonial-lg a:visited { text-decoration: none; color: #444; font-weight: normal; }
.testimonial-lg a:hover, .testimonial-lg a:active { text-decoration: none; color: #000; font-weight: normal; }

.main-onecol { width: 280px; margin: 0 14px 0 0; float: left; }

.pdflink, .jpeglink { display: block; height: 43px; background: url(img/icon-pdf.png) no-repeat left top; padding: 4px 0 0 53px; font-size: 1.3em; }
.jpeglink { background: url(img/icon-jpeg.png) no-repeat left top; }
p.shortlinks { clear: both; margin: 0; }
p.shortlinks a { width: 218px; margin: 0 16px 14px 0; float: left; }
a.pdflink:link span, a.pdflink:visited span, a.pdflink:hover span, a.pdflink:active span,
a.jpeglink:link span, a.jpeglink:visited span, a.jpeglink:hover span, a.jpeglink:active span { font-size: 0.8em; font-weight: normal; color: #000; text-decoration: none; }

/* =========== NEW PRODUCTS ============ */

.newproductbox h4 { color: #b51889; font-size: 1.26em; margin: 0 16px 10px; }
.newproductbox p { margin: 0 16px 10px; }

.newproductbox { height: 156px; border: 1px solid #fff; margin: 0 0 11px; background: url(img/new-product-box-bg.png) no-repeat 2px 2px; }
 .newproductboxinner { width: 586px; height: 152px; margin: 2px; background: url(img/new-flashing-badge-back.jpg) no-repeat right top;  }
  .newproductboxinner h3 { color: #000; font-size: 1.7em; padding: 5px 0 0; margin: 0 16px 2px; text-transform: none; }
  .newproductboxinner h3 a:link, .newproductboxinner h3 a:visited { color: #000; }
  .newproductboxinner h3 a:hover, .newproductboxinner h3 a:active { color: #3f3f3f; }
  .newproductboxinner h4 { font-weight: normal; font-size: 1.2em; padding: 3px 0; margin: 0; }
  .newproductboxinner p { margin: 0; font-size: 0.8em; padding: 3px 0 5px; line-height: 1.1; }
  .newproductboxinner p a:hover, .infoboxsingleinner p a:active { color: #3f3f3f; text-decoration: none;}
  .newproductboxinner p.flashing-badge { margin-right: 152px; }
		
/* =========== PRODUCT DETAILS ============ */

form { margin: 0; padding: 0; display: inline; }
.productimageold { margin: 8px 0 10px 5px; background: url(img/products/image-shadow.gif) no-repeat bottom right;
float: right; position: relative; left: 5px;}
.productimageold img { border: 7px solid white; position: relative; left: -5px; top: -6px; }

.productimage { margin: 0 0 10px 5px; float: right; }

.price { font-size: 1.2em; color: #b51889; } 
.productinfo { position:absolute; z-index: 100; }
.productcode { font-size: 0.8em; margin: 0 0 4px; }
.productprice { font-size: 1em; font-weight: bold; color: #b51889; width: 108px;
padding: 0 0 6px; border-bottom: 1px solid #f0ede2; }
.productprice s { font-size: 0.95em; color: #922d76; }
 .productprice .productSpecialPrice { font-size: 1.08em; color: #d20197; }

.product-flash { float: right; margin: 0 0 2px 5px; }

.basketoptions input.quantity { width: 36px; padding: 2px 3px 3px; color: #b51889; background: #e8dfb8;}
.basketoptions select { color: #b51889; background: #e8dfb8; }
.basketoptions { margin: 0 0 6px; }
.addtobasket { padding-top: 6px; }
 .addtobasket input { width:98px; height:25px; }

.machineicon { float: left; margin-right: 4px; }

.relatedproducts { clear: both; }
.relatedproducts h3 { border-top: 1px solid #f0ede2; padding-top: 5px; color: #b51889; margin: 0 0 10px; }

.disclaimer { clear: both; margin: 10px 0; background: #f4e268; padding: 5px 7px; }

/* =========== PRODUCT LISTING ============ */
.productlist { clear: both; border-top: 1px solid #f0ede2; padding-top: 6px; margin-top: 4px; }
.productlist img { float: left; border: 1px solid #b51889; margin: 0 12px 6px 0; }
.productlist td img { margin: 0 0 6px; }
.productlist .productprice { border: none; padding: 0 0 4px; float: left; width: auto; }
.productlist .productdescription { border: none; padding: 0 0 4px; clear: left; float: left; }
.productlist .basketoptions { float: right; width: auto; margin: 0; padding-left: 6px; }
.productlist p.addtobasket { float: right; padding: 0 0 0 12px; margin: 0; }
.productlist p.productprice { margin-bottom: 0; }
.productlist h3 { font-size: 1.2em; line-height: 1em; text-transform: none; color: #000; margin: 0 0 6px;}
.productlist h3 img { border: none; margin: 0 5px 0 0; float: none; }
.productlist h3 a:link, .productlist h3 a:visited { color: #000; }
.productlist h3 a:hover, .productlist h3 a:active { color: #3f3f3f; }
.morelink { font-weight: bold; }
.productlist .productListing-stock img { border: none; margin: 1px 5px; }

table.productlist { border: none; }
td.productListing-heading { border-bottom: 1px solid #f0ede2; font-size: 0.9em; font-weight: bold; }
tr.productListing-even td, tr.productListing-odd td { border-bottom: 1px solid #f0ede2; padding-top: 5px; }
.productListing img { margin-right: 10px; border: 1px solid #b51889; }

.stockWarning { background: url(images/icons/error-lg.gif) no-repeat left 3px; padding-left: 22px; font-size : 0.8em; color: #b51889; }

/* =========== RELATED PRODUCTS ============ */
.relatedproducts div { float: left; margin: 0 16px 10px 0; text-align: center; width: 102px; font-size: 0.9em; line-height: 1.1; }
.relatedproducts div img { border: 1px solid #b51889; margin: 0; }
.relatedproducts div a:link, .relatedproducts div a:visited { color: #000; font-weight: normal; }
.relatedproducts div a:hover, .relatedproducts div a:active { color: #3f3f3f; text-decoration: none; font-weight: normal; }
.relatedproducts div a:hover img, .relatedproducts div a:active img { border: 1px solid #3f3f3f;}


.videobox { width: 390px; height: 321px; background: url(img/video-background.jpg) no-repeat left top; padding-top: 26px; }
.videoflv { margin-left: 32px; }
.videobox p { margin: 0 32px; }

/* =========== FOOTER ============ */
#footer { background: #000; color: #fff; clear: both; }
#footer p.left { width: 412px; margin: 0 0 0 14px; float: left; padding: 3px 0 4px; display: inline; font-size: 0.85em;}
#footer p.right { width: 316px; margin: 0 14px 0 0; float: right; text-align: right; 
font-size: 0.75em; padding: 5px 0 4px; display: inline; }
#footer a { color: #fff; }
#footer a:hover, #footer a:active { color: #edcf04; }
.telnumber { font-size: 1.15em; }

p.footerlinks { clear: both; text-align: center; color: #777; margin: 8px 0 10px; font-size: 0.75em; }
 .footerlinks a:link, .footerlinks a:visited { color: #444; }
 .footerlinks a:hover, .footerlinks a:active { color: #000; }
		
/* =========== FORMS ============ */

.login label { margin: 6px 0 1px; display: block; }
.login input, .account input, textarea, .contact input, input.basket-qty { background: #e8dfb8 url(img/input-bg.png) no-repeat right top; border: 1px solid #888; margin: 4px 0 5px; padding: 2px 3px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }
textarea { font-size: 0.85em; }
input.basket-qty { margin: 0; width: 24px; }

.account label, .contact label { clear: both; width: 180px; height: 28px; float: left; text-align: right; font-size: 0.95em; padding: 4px 10px 0 0; clear: left; margin-right: 10px; }
.account label.required { background: url(/img/input-required.gif) no-repeat right 3px; font-weight: bold; }
.account input, .account select, .account textarea, .contact input, .contact textarea { float: left; width: 300px; }
.account select { margin: 4px 0; }
.payment select { width: auto; margin-right: 8px; }
.account h3 { clear: both; margin: 0 0 6px; padding: 16px 0 4px; border-bottom: 1px solid #f0ede2; }
.account .submit { float: left; width: 306px; text-align: center; display: block; }
.contact .submit { margin: 12px 0 0; text-align: right; }
.account .submit input, .contact .submit input { margin: 0 auto; }

.contact label { width: 85px; padding-right: 0px;}
.contact input, .contact textarea { width: 284px; float: right; }
.contact textarea { height: 200px; float: none; }
.contact div.enq { float: right; width: auto; margin-bottom: 12px;}

.checkbox { font-size: 0.9em; width: 300px; margin: 4px 0 5px; }
.checkbox input, input.checkbox { margin-right: 6px; width: auto; background: none; border: none; padding: 0; }
div.checkbox { float: left; }

span.required { font-weight: bold; color: #b51889; }
.account input:focus, .contact input:focus, .payment input:focus, .login input:focus { border: 1px solid #b51889; }
input.checkbox:focus, .addtobasket input:focus, input.button:focus, .page-buttons input:focus { border: none; }
input.button { background: none; border: none; margin: 0; padding: 0; width: auto; float: none; }
#indicator { float: left; padding: 5px 0 0 5px; visibility: hidden; }

.contact h3 { margin: 0 0 4px; }
.contact h4 { margin-bottom: 2px; }
.telno { font-size: 1.2em; }


/* =========== ACCOUNT ============ */

p.accountlink { font-size: 1.05em; background: url(images/bullet.png) no-repeat left top; padding: 1px 0 3px 0; margin-bottom: 8px; }
p.accountlink a, p.accountlink a:visited { padding-left: 24px; font-weight: normal; }

.orders { font-size: 0.85em; margin-bottom: 12px; }



table.checkout { margin: 4px 0 12px; width: 585px; font-size: 0.85em; clear: left; }
table.checkout p { margin: 0 0 12px; }
	table.checkout h3 { margin: 0 0 4px; font-size: 1.33em;}
	table.checkout h4 { margin: 0 0 4px;}

.confirmation table.products { width: 384px; font-size: 0.85em; }
 .confirmation table.products td { border-bottom: 1px solid #ac8400; padding: 3px 0; }
.confirmation table.totals { width: 100%; font-size: 0.85em; }
 .confirmation table.totals td { padding: 3px 0; }
 .confirmation table.totals tr.last td { border-top: 1px solid #ac8400; }
.confirmation table.payment td { font-size: 0.8em; padding-right: 12px;}

	tr.moduleRow td { margin: 0 0 5px; }
	tr.moduleRow td, tr.moduleRowOver td, tr.moduleRowSelected td { padding: 3px 4px; }
	tr.moduleRowOver td, tr.moduleRowSelected td { border: 1px solid #b51889; }
 tr.moduleRow td.left { border: 1px solid #c3aa03; border-right: none; }
	tr.moduleRow td.right { border: 1px solid #c3aa03; border-left: none; }
	tr.moduleRow td.middle { border: 1px solid #c3aa03; border-right: none; border-left: none; }
 tr.moduleRowOver td.left, tr.moduleRowSelected td.left { border: 1px solid #b51889; border-right: none; }
 tr.moduleRowOver td.right, tr.moduleRowSelected td.right { border: 1px solid #b51889; border-left: none; }
	tr.moduleRowOver td.middle, tr.moduleRowSelected td.middle { border: 1px solid #b51889; border-right: none; border-left: none; }

	tr.moduleRowOver { cursor: pointer; }
	tr.moduleRowOver td.right, tr.moduleRowOver td.nohighlight { background: none; }
 tr.moduleRowSelected { background-color: #fbf7dd; }
 tr.space, tr.space td { height: 10px; padding: 0; line-height: 10px; }
	
.basket-subtotal { margin: 10px 0; text-align:right; font-size: 1.1em; }

.dates { float: left; width: 300px; height: 20px; margin: 2px 0 4px; }
 .dates select { float: none; }
	
.textarea-wide textarea { width: 579px; }

.progress { width: 24.9%; float: left; text-align: center; color: #9d8b11; font-size: 0.8em; }
.current { color: #000; }
.progress a:hover { text-decoration: none; }
.progress.complete { color: #333; }

p.paymentnotes { clear: both; font-size: 0.8em; }

.confirmation h3 { font-size: 1.02em; }
.confirmation p { font-size: 0.8em; padding-right: 8px; }

.receipt-vat { display: none; }

/* =========== OSC STYLES ============ */

a.orderEdit, h3 a.orderEdit { font-size : 11px; color: #2d2b86; text-transform:uppercase; }
a.orderEdit:hover, a.orderEdit:active, h3 a.orderEdit:hover, h3 a.orderEdit:active { color: #04034a; text-decoration: underline; }

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {  background: #f8f8f9; }

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {  background: #f8f8f9; }

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

SPAN.markProductOutOfStock {  font-size: 12px;  color: #b51889;  font-weight: bold;}

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageStackError, .messageStackWarning { font-size: 0.8em; background-color: #fff; padding: 2px 3px; margin: 0 0 4px; }
.messageStackError img, .messageStackSuccess img, .messageStackWarning img { margin: 0 6px 0 2px; }
.messageStackSuccess {  background-color: #f4e27c; font-size: 0.8em; padding: 2px 3px; margin: 0 0 12px; }

.ListingsNav { font-size: 0.9em; }