/* ------------------------------------------------------------------
MotionFlyers.co.uk stylesheet
REVISED 31.10.06 for the new CSS layout
----------------------------------------------------------------------*/ 

body {
background-color: #CCCCCC;
font-family: Arial, Helvetica, 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 15px  0 10px 14px;
font-size:12px;
text-align: center; /* this is nessesary to center the page in IE/Win */
background-image: url(../images/background.jpg);
background-repeat:repeat-x;
background-position: top left;
background-color: white;
}

body.nobackground {
background-image:none;
background-color: white;
}

#wrapper {
width:900px;
text-align:left;
margin:0 auto;
background-color: white;
}

a {
color: #19690C;
text-decoration: underline;
}

a:hover {
color: #6BC833;
text-decoration: underline;
}

span.italic{
	font-style: italic;
}

input[type="text"], textarea, select{
font-family: Arial, Helvetica, 'Lucida Grande', Geneva, Verdana, sans-serif;
font-size: 12px;
border: 1px solid grey;
padding: 2px;
}

.questions_body {
font-size:12px;
color:#000;
font-style:normal;
}

.clear,div.spacer {
clear:both;
}

.nobr {
white-space: nowrap;
}

.left{
float: left;
}

.right{
float: right;
}

.questions_headers {
font-size:12px;
font-weight:bold;
color:#19690C;
}

.contact_fields {
font-size:11px;
color:#000;
font-style:normal;
width:100%;
}


/* ------------------------------------------------------------------
HEADER
----------------------------------------------------------------------*/

#header{
background-color: #333333;
color: white;
float: left; /* NEEDED FOR IE */
display: inline;
width: 100%;
height: 95px;
}

#motionlogo {
float:left;
display: inline;
padding: 18px 0 0 17px;
}

#header-tel {
font-size:21px;
padding-bottom: 2px;
font-weight: bold;
float: right;
}

#header a{
color:#6BC833;
}

/* ------------------------------------------------------------------
HEADER - UTILITIES
----------------------------------------------------------------------*/

#header .header-utilities-main {
float: right;
display: inline;
text-align: right;
padding-right: 10px;
margin-top: 12px;
width: 640px;
}

#header-creditcards{
float: right;
display: inline;
}

#creditcards{
border: 0;
padding-top: 3px;
padding-right: 3px;
}

#header .header-utilities-main ul{
float: right;
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

#header .header-utilities-main li{
float: left;
display: inline;
margin: 14px 0 0 22px;
}


#header .header-utilities-main li a {
color: white;
text-decoration:none;
padding-left: 2px;
}

#header .header-utilities-main li a:hover {
color: #6BC833;
text-decoration: underline;
}

/* ------------------------------------------------------------------
HOME
----------------------------------------------------------------------*/

#home{
}

.home-bigtitle {
font-size: 15px;
font-weight:bold;
margin:0;
line-height: 18px;
}

a.home-bigtitle:link, 
a.home-bigtitle:visited, 
a.home-bigtitle:active, 
.home-bigtitle a:link, 
.home-bigtitle a:visited, 
.home-bigtitle a:active{
color: black;
text-decoration: none;
}

a.home-bigtitle:hover, .home-bigtitle a:hover{
color: #6BC833;
text-decoration: underline;
}

#home-leftmenu{
 margin-right: 10px;
 width: 152px;
 float: left;
 height: 100%;
 text-align: left;
 background-color: #E6E6E6;
}

#home-leftmenu .title{
color: white;
background-color: #009900;

padding-left: 10px;
padding-top: 3px;
padding-bottom: 2px;
margin-top: 5px;
margin-bottom: 4px;

font-weight: bold;
font-size: 12px;
}

#home-leftmenu .title a{
	color: white;
}

#home-leftmenu .title#printingtitle{
margin-top: 0;
}

#home-rightmenu{
float: right;
width: 152px;
}

/* ------------------------------------------------------------------
HOME - left menu
----------------------------------------------------------------------*/

.leftsection{
width: 152px;
padding-top: 5px;
margin-bottom: 8px;
}

.leftsection .leftsectionbottom{ 
height: 6px;
margin: -1px;
}

.leftsectionbottom{
float: left; /* crucial - dont remove */
}

#home-leftmenu-14list ul{
text-align: left;
}

/* ------------------------------------------------------------------
HOME - LEFT MENU - PRODUCTS
----------------------------------------------------------------------*/

.home-leftmenu-grey-list,
.home-leftmenu-grey-list-submenu,
.home-leftmenu-grey-list li,
.home-leftmenu-grey-list-submenu li a{
width: 140px;
margin: 0;
padding: 0;
}

.home-leftmenu-grey-list{
list-style:none;
font-size: 12px;
margin-left: 0px;
font-weight: normal;
}

.home-leftmenu-grey-list-submenu{
list-style:none;
font-size: 12px;
margin-left: -1px;
font-weight: normal;

*margin-bottom: 3px;
*margin-top: -2px;
}

#home-leftmenu a img{
	border: none;
}

.home-leftmenu-grey-list {
font-weight: bold;
margin-bottom: 10px;
}

/* product CATEGORIES ie FLYERS */
.home-leftmenu-grey-list li{
padding-left: 10px;
float:left;
display: inline;
*margin:-2px;
/*text-transform: uppercase;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-bottom: 5px;
}

.home-leftmenu-grey-list li a,
.home-leftmenu-grey-list-submenu li a{
display: block;
text-decoration: none;
color: #444444;
}

/* PRODUCTS ie GLOSS FLYERS */
.home-leftmenu-grey-list-submenu li{
*margin:-2px;
margin-left: -5px; /* CHANGED ON 15.11.06 BY JS TO GIVE MORE ROOM TO LINKS */
}

.home-leftmenu-grey-list-submenu li a{
text-decoration: none;
display: block;
}

.home-leftmenu-grey-list li a:hover, .home-leftmenu-grey-list-submenu li a:hover{
text-decoration: underline;
color:#6BC833;
}

.home-leftmenu-grey-list-submenu-new {
color: red;
font-weight: bold;
}

.home-leftmenu-spacer{
height: 8px;
min-height: 8px;
}

#quote-type{
font-size: 11px;
margin-top: 3px;
margin-bottom: 4px;
}

/* ------------------------------------------------------------------
HOME - LEFT MENU - BUTTONS
----------------------------------------------------------------------*/

#home-leftmenu-buttons ul{
list-style: none;
margin: 0;
padding: 0;
}

#home-leftmenu-buttons ul li{
margin: 0;
padding: 0;
}

#home-leftmenu-buttons ul .button{
width: 144px;
margin-bottom: 4px;
margin-left: 4px;
display: block;
text-align: center;
}

#home-leftmenu-buttons ul .button a{
color: white;
text-decoration: none;
font-size: 15px;
font-weight: bold;
display: block;
padding-top: 4px;
padding-bottom: 4px;
margin: 0 auto;
}

/* ------------------------------------------------------------------
HOME - bestsellers
----------------------------------------------------------------------*/

#home-bestsellers {
padding: 0; /* required for Safari - don't remove */
float: left;
width: 900px;
_margin-bottom: 25px;
text-align: center;
margin: 0 auto;
}

.home-bestsellers-box {
float: left;
text-align: center;
margin: 0 auto;
/* padding: 10px 25px 0px 25px;   for 4 column rows */
padding: 19px 10px 0px 19px;
color: black;
/* width: 175px;  for 4 column rows */
width: 150px;
height: 125px;
white-space: nowrap;
}

.home-bestsellers-box.textlinkbox{
height: auto;
}

.home-bestsellers-box a{
color: black;
text-align: center;
margin: 0 auto;
text-decoration: none;
}

.home-bestsellers-box a:hover{
text-decoration: none;
color:#19690C;
}

.home-bestsellers-box a:hover span{
text-decoration: underline;
}

.home-bestsellers-box a img{
text-align: center;
margin: 0 auto;
width: 100px;
height: 100px;
padding-bottom: 3px;
}



.home-bestsellers-box ul{
list-style: none;
margin: 0;
padding: 0;
}

.home-bestsellers-box ul li{
margin: 0;
padding: 0;
}

.home-bestsellers-box ul .button{
width: 120px;
margin: 0 auto;
margin-bottom: 4px;
display: block;
}

.home-bestsellers-box ul .button a{
color: white;
text-decoration: none;
font-size: 15px;
font-weight: bold;
display: block;
padding-top: 4px;
padding-bottom: 4px;
}

#getquote a{
background-color: #A10000;
}
#getquote a:hover{
background-color: #CC0000;
}

#callback a{
background-color: #470E4C;
}
#callback a:hover{
background-color: #8B0E4C;
}

#freesamples a{
background-color: #0037B8;
}
#freesamples a:hover{
background-color: #0066CC;
}

/* ------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------*/

#footer{
}

.footer-rule {
border:none;
background-color:#999;
height:1px;
margin: 5px 0px 5px 0px;
position: relative;
top: 5px;
clear: both; 
}

#footer-contacts {
text-align:center;
font-weight:bold;
font-size:14px;
}

.footer-tel {
font-size:25px;
}

#footer-extras {
/* float: left; */
padding-top: 5px;
margin: 0 auto;
text-align: center;
}

.subnav_slash {
font-size:15px;
color: #333;
width: 12px;
display: inline-block;
}

#footer-copyright {
font-size:9px;
}

#fsblogo{
float: right;
margin-top: 5px;
margin-right: 5px;
}

.design-portfolio-spec {
font-weight:bold;
color:#19690C;
}

#footer a#w3c{
	float: left;
	padding-top: 10px;
}

#footer a#w3c img{
	border: none;
}

#footer p.bottomText{
	padding-top: 4px;
	margin-top: 0;
}

/* ------------------------------------------------------------------
testimonial scroller
----------------------------------------------------------------------*/

#pscroller1{
width: 820px;
height: 40px;
margin-top: 10px;
font-size: 12px;
font-style: italic;
line-height: 13px;
color:#19690C;
/*background:url(../images/home/testimonials-quote.gif) top left no-repeat;*/
position: relative;
left:40px;
overflow: hidden;
}

#pscroller1 > #pscroller11,
#pscroller1 > #pscroller12{
position: absolute;
padding-top: 1px;
}

#pscroller1 > #pscroller12{
visibility: hidden;
}

/* ------------------------------------------------------------------
SETTING UP YOUR ARTWORK
----------------------------------------------------------------------*/

#scriptmenu {
font-size: 12px;
}

.settingup-whatis{
	font-size:12px;
	color:#19690C;
}

/* ------------------------------------------------------------------
Generic table styles
----------------------------------------------------------------------*/

.tbl_purple {
background-color:#666;
color:#FFF;
font-weight:bold;
font-size:14px;
}

.tbl_lightgrey {
background-color: #CCCCCC;
font-size: 14px;
}

.tbl_lightgrey_text {
color:#000;
background-color:#e6e6e6;
}

a.pinklink,
a.textbutton,
a.pinklink:visited,
a.textbutton:visited {
font-size:16px;
font-weight:bold;
color:#19690C;
text-decoration:none;
}

.tbl_darkgreyheader, .tbl_darkgreyheader-centered  {
font-size:14px;
font-weight:bold;
color:#FFF;
background: black url('../images/bg2.jpg') repeat-x bottom left;
height: 30px;
padding-left: 6px;
}

.tbl_darkgreyheader-centered  {
text-align: center;
}

.tbl_lightheader {
font-size: 14px;
font-weight:bold;
color:#FFF;
background: #666 url('../images/bg.jpg') repeat-x bottom left;
padding: 2px;
}

.tbl_header {
color:#FFF;
font-weight:bold;
font-size:14px;
height:30px;
vertical-align:top;
background: #666 url('../images/bg.jpg') repeat-x bottom left;
padding:5px;
}

.search_field {
font-size:14px;
font-weight:400;
color:#333;
border:none;
border-color:#FFF;
margin:0;
padding:0;
}

.callus {
font-size:16px;
font-weight:bold;
color:#19690C;
}

td.error,
td.Error {
color:red;
font-weight:bold;
font-size:14px;
}

.error {
color:red;
font-size:12px;
}

td.invoice {
border-bottom:1px solid #000;
border-right:1px solid #000;
}

/* this is for the page titles */
.pinkhead{
	color: #19690C;
	margin-top: 5px;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-size: 20px;
}

.pinkhead2{
	color: #19690C;
	font-size: 20px;
	margin-bottom: 0.2em;
}

td.fieldhead {
font-size:0.8em;
vertical-align:top;
font-weight:bold;
}

td.customerdetail {
text-align:right;
width:120px;
padding-right:20px;
}

td.fieldvalue {
font-size:0.8em;
vertical-align:top;
}

input.login {
font-size:0.8em;
}

label.pwlabel {
display:block;
width:500px;
}

label.pwlabel input {
position:absolute;
left:150px;
}

.text {
font-size:12px;
color:#000;
background-color:#CCC;
}

.text_12pt {
font-size:12px;
color:#000;
}

.pinktitle {
font-size:24px;
color:#19690C;
font-weight:bold;
}

.header_vsmall {
background-color:#666;
background-image:url('../images/bg.jpg');
color:#FFF;
font-weight:bold;
font-size:12px;
}

.checkoutstep {
font-weight:bold;
font-size:20px;
}

.legal {
font-size:9px;
color:#000;
}

/* ------------------------------------------------------------------
PRODUCTS - BORDER
----------------------------------------------------------------------*/

.home-products-box {
width: 100%;
margin-bottom: 5px;
float:left;
display: inline;
}

.home-products-box-outer {
clear:both;
width:100%;
}

/*fix for IE6 */
.home-products-box-outer {
_padding:0;
}

.home-products-box-left,
.prices-main {
float: left;
/* width: 552px;  */ /* REMOVED AS ONLY REQUIRED FOR WHEN WE USED A RIGHT HAND MENU */ /* required for Safari - don't remove */
}

.prices-main{
	padding: 0; /* required for Safari - don't remove */
}

.home-products-details,
.home-products-details-image{
	text-align: left;
	float: left;
	display: inline; /* FIX FOR IE */
	/*_width: 520px; /* FIX FOR IE - otherwise RH border doesnt stretch to the bottom */
	/*width: 552px; */ /* REMOVED AS ONLY REQUIRED FOR WHEN WE USED A RIGHT HAND MENU */
	_margin: 0;  /* FIX FOR IE - NO MARGINS EITHER SIDE OF TABLE */
}

.home-products-details-image{
width: 580px;
}

.home-products-image{
float: right;
display: inline; /* FIX FOR IE*/
text-align: right;
width: 133px;
}

.home-products-image img{
border: 0;
}

h1.product-title {
margin: 0 0 5px 0; /* margins TOP RIGHT BOTTOM LEFT */
padding-top: 7px; /*spaces the bestseller title text from top of box */
/* border-bottom: 1px solid #999999; */

color: #009900;
font-size: 26px;
font-weight: bold;
}

hr.product-rule {
border: 0;
width: 85%;
background-color: #666666;
height: 1px;
}



/*-------------------------------------------------------------------------------------
 PRODUCT SPECS
-------------------------------------------------------------------------------------*/

.home-products-details-text{ /* This DIV surrounds the UL elements */
float: left;
clear: both;
width: 100%;
}

.home-products-details-text ul{
margin: 0;
padding: 0;
margin-right: 5px;
/* float: left; */
}

.home-products-details-text ul li{
margin: 0;
padding: 0;
margin-left: 1em;
_margin-left: 2em;
}

.home-products-details-red{
font-weight: bold;
color: #6BC833;
}

/* ------------------------------------------------------------------
Specific table styles to product pricing tables
----------------------------------------------------------------------*/

#home-products-main{
float: left;
width: 727px;
}

.home-products{
float: left;
/* width: 550px; */ /* REMOVED AS ONLY REQUIRED FOR WHEN WE USED A RIGHT HAND MENU */
width: 100%;
}

.home-products-image{
margin-top: 8px;
}

table.highlightTable{
margin: 0;
padding: 0;
margin-top: 5px;
margin-bottom: 20px;
float: left;
/* width: 550px;*/ /* REMOVED AS ONLY REQUIRED FOR WHEN WE USED A RIGHT HAND MENU */
}

/* Header row style */
table.highlightTable th{
font-size:12px;
height:22px;
color:#FFF;
background-color:#666666;
/* font-weight: bold; */ /* JS 23 May 07 */ 
font-weight: normal;
text-align:center;
background-image:url('../images/bg.jpg');
background-repeat: repeat-x;
background-position: bottom left;
border-right-style:dotted;
border-right-width:1px;
border-right-color: #666666;
}

.prod_tbl_lightheader {
font-size: 15px;
height:22px;
/* font-weight:bold; */ /* JS 23 May 07 */ 
color:#FFF;
background: #666 url('../images/bg.jpg') repeat-x bottom left;
text-align:center;
}

.printing_items { /* eg Sizes (Business Card, A7, A6, A5 etc) */
font-size: 14px;
/* font-weight:bold; */ /* JS 23 May 07 */ 
color:#FFF;
float: left;
}

/* Sizes (Business Card, A7, A6, A5 etc) */
table.highlightTable td.prod_tbl_sizes,
table.highlightTable .other td.prod_tbl_sizes,
table.highlightTable td.prod_tbl_dimensions,
table.highlightTable .other td.prod_tbl_dimensions {
background-color:#717171;
color:#FFF;
padding-left: 10px;
padding-bottom: 3px;
padding-right: 3px;
border-right: 0;
text-align: left;
}

/* Alternating style for Sizes (A7 A6 A5 etc) */
table.highlightTable .other td.prod_tbl_sizes,
table.highlightTable .other td.prod_tbl_dimensions {
background-color:#666666;
}

/* Pricing cell style eg £55 £12 DEL*/
table.highlightTable tr td,
table.highlightTable .other td{
background-color:#CCCCCC;
font-size:14px;
text-align:center;
border-right: 1px dotted #FFFFFF;
}

/* Alternating pricing cell style */
table.highlightTable .other td{
background-color: #BDBDBD;
}

td.prod_tbl_dimensions{
	font-size: 13px !important;
	color: #ccc !important;
}

/* IE fix */
.prod_tbl_lightgrey {
_border-right-color: #CCCCCC;
}

a.price{
font-size:14px;
color:#000;
/* font-weight:bold; */ /* JS 23 May 07 */ 
text-decoration:none;
margin: 0;
display: block;
}

/* style for 'DEL' */
a.buynow,
a.buynow:link,
a.buynow:visited{
font-size:9px;
/* font-weight:bold; */ /* JS 23 May 07 */ 
color: #515151; /* Delivery price colour */
text-decoration:none;
margin: 0;
display: block;
}

/*fix for IE6 */
body a.price, body a.buynow{
_width: 100%;
}

a.pinklink,
a.pinklink:link,
a.pinklink:visited{
color:#19690C;
}

a.callus,
a.callus:link,
a.callus:visited{
color: black;
text-decoration: none;
}

/* makes the cell a ligher colour on rollover */

	/* IE fix DOESN'T WORK YET
	*html table.highlightTable td.prod_tbl_lightgrey{
	 h: expression(onmouseover=new Function("this.style.backgroundColor='#C10C47';"),
		onmouseout=new Function("this.style.backgroundColor='#CCCCCC';"));
	}*/
	
/* makes the rows go purple on rollover */
table.highlightTable tr.highlight td,
table.highlightTable tr.highlightAlt td{
	background-color:#5AA92C;
	color:#FFF;
}

/* makes the prices go white on rollover */
table.highlightTable tr.highlight td a, 
table.highlightTable tr.highlightAlt td a,
table.highlightTable tr.highlight td a.pinklink,
table.highlightTable tr.highlightAlt td a.pinklink{
color:#FFF;
}


/* BUY NOW! links on rollover */
table.highlightTable tr.highlight td a.buynow,
table.highlightTable tr.highlightAlt td a.buynow{
color:#EAEAEA;
}

.variationsize img{ /*eg 85 x 55mm */
 float: right;
 margin-top: 2px;
 border: 0;
}

a.variationsize{
    position:relative; /*this is the key*/
    z-index: 1;
	height: 15px;
	width: 15px;
}

a.variationsize:hover{
	font-size: 100%; /* Fixes bug in IE5.x/Win */
	z-index:2; 
}

a.variationsize span{
	display: none;
	white-space: nowrap;
	text-align: left;
}

a.variationsize:hover span{ /*the span will display just on :hover state*/
    display: block;
	padding: 2px;
    position: absolute;
	top: 1.2em;
	left: 5em;
    border: 1px solid #6BC833;
    background-color: #ECFFEC;
	color: #000;
	text-align: left;
}


.home-products-turnaround{
margin-bottom: 10px;
}

/* highlight pricing cells under the cursor with a pink background */
table.highlightTable td:hover{
}

/* 'click on a price to buy now' section */
table.highlightTable th.clickonapricetobuynow-left{
background-image: none;
background-color: #19690C;
border: none;
}

table.highlightTable th.clickonapricetobuynow-right{
background-color: #6BC833;
background-image: none;
color: white;
}

.clickonapricetoorder{
margin: 0 auto;
margin-top: 10px;
width: 550px;
margin-left: 90px;
}


/* ------------------------------------------------------------------
Breadcrumbs
----------------------------------------------------------------------*/
.stepbreadcrumbs {
font-size: 13px;
display:block;
color:#999;
margin:4px 0 10px 5px;
float: left;
width: 730px;
}

.stepbreadcrumbv {
color:#19690C;
font-weight:bold;
}

.stepbreadcrumbc {
color:#000;
font-weight:bold;
}

.stepbreadcrumb {
color:#999;
font-weight:bold;
}

/* ------------------------------------------------------------------
Quick Order
----------------------------------------------------------------------*/

table.quickorderdetails,table.quickorderpayment {
background-color:#ccc;
width:720px;
font-size:12px;
margin:5px;
}

td.qodetailsfieldval,.qofileinput,.qoquantinput,.qotextinput {
font-size:11px;
}

.quickorderpayment td.qopayment,.home-bestsellers-box-specs {
font-size:16px;
font-weight:bold;
}

.quickordertable {
	xmargin:10px; /* <-- THIS DOESN'T VALIDATE */
}

table.quickorderline {
background-color:#ccc;
xwidth:100%; /* <-- THIS DOESN'T VALIDATE */
font-size:12px;
margin:5px;
padding:5px;
}

.quickorderline select {
font-size:12px;
}

table.quickordertotals {
width:100%;
font-size:12px;
margin:0 5px 5px;
}

td.qototaldesc {
text-align:right;
font-weight:bold;
}

td.quickorderfigure {
font-weight:bold;
text-align:right;
}

.qoprice {
font-size:16px;
}

td.qodetailsubhead {
font-weight:bold;
width:50%;
font-size:14px;
}

td.qodetailsfieldhead {
font-weight:bold;
width:15%;
font-size:11px;
}

table.quickorderoptions {
width:720px;
font-size:11px;
}

.qotextarea {
font-size:11px;
width:50%;
height:80px;
}

.quickorderfieldtitle{
	font-size: 12px;
}

.quickorder-registeredquestions{
	color: #19690C;
	font-size: 20px;
	margin-bottom: 0.2em;
}

a.quickorder-forgottenpassword{
	font-size: 12px;
}


/* ------------------------------------------------------------------
TURNAROUND TIMES
----------------------------------------------------------------------*/

table.highlightTable td.row1type {
background-color:#747474;
font-size:14px;
font-weight:bold;
color:#FFF;
}

.row1type a, .row2type a{
color: white;
text-decoration: none;
}

.row1type a:hover, .row2type a:hover{
text-decoration: underline;
}

table.highlightTable td.row2type {
background-color:#666;
font-size:14px;
font-weight:bold;
color:#FFF;
}

.tableheader-it {
font-size:12px;
color:#FFF;
font-style:italic;
text-align:center;
}

.types {
font-size:18px;
font-weight:bold;
color:#000;
}

.sizeinfo{
margin:0;
font-size:11px;
}

/*---------------------------------------------
SIZES & TEMPLATES
----------------------------------------------- */

#sizesandtemplates-main{
float: left;
}



/* ------------------------------------------------------------------
TOOLTIPS
----------------------------------------------------------------------*/

.quoteme a.tooltip{
margin-left: 5px;
}

a.tooltip{
    position:relative; /*this is the key*/
	color: #19690C;
	z-index: 1;
    text-decoration:underline;
}

a.tooltip:hover{
	font-size: 100%; /* Fixes bug in IE5.x/Win */
	z-index: 2;
}

a.tooltip span{
	display: none;
}

a.tooltip:hover span{ /*the span will display just on :hover state*/
  width: 200px;
  display:block;
  position:absolute;
  top:1.2em;
  left:2em;
  padding: 0.2em 0.6em;
  border:1px solid #19690C;
  background-color: #ECFFEC;
  color:#000;
  text-decoration:none;
}

tooltip:hover span ul{
	margin-left: 5px;
	list-style-type: disc;
}

a.tooltip:hover span ul li{ /* Needed for the products page VAT FREE bit*/
	width: auto;
}

.website-textfield{
width: 10em;
}

/* ------------------------------------------------------------------
DESIGN PROCESS
----------------------------------------------------------------------*/

a.designprocess:link {
	color: #19690C;
}

a.designprocess:visited {	
	color: #000000;
}

a.designprocess:hover { 
	color: #FF0099;
}

a.designprocess:active {
	color: #000000;
}

.designprocess {
	font-size: 12px;
	color: #000000;
}
.designprocess-link {
	font-size: 12px;
	color: #000000;
}

.designprocessbox {
	background-color: #CCCCCC;
	width: 430px;
}
.designprocessarrowbox {
	color: #000000;
	width: 400px;
	padding: 6px;
	text-align: center;
}
.designprocess-step {
	font-size: 18px;
	font-weight: bold;
	color: #19690C;
}

a.designprocess-step:link {
	color: #19690C;
}

a.designprocess-step:visited {	
	color: #000000;
}

a.designprocess-step:hover { 
	color: #FF0099;
}

a.designprocess-step:active {
	color: #000000;
}

.designprocess-pagetitle {
	font-size: 18px;
	font-weight: bold;
}

/*** CORNER STYLES ***/
.header ul {
	background: url(../images/designprocess/corners.gif) -6px -6px no-repeat;
	height:6px;
	list-style: none;
	margin: 0;
}
.header ul li {
	float: right;
	background: url(../images/designprocess/corners.gif) 0px -6px no-repeat;
	width: 6px;
	line-height: 6px;
}
.footer ul {
	background: url(../images/designprocess/corners.gif) -6px 0px no-repeat;
	height: 6px;
	list-style: none;
	margin: 0;
}
.footer ul li {
	float: right;
	background: url(../images/designprocess/corners.gif) 0px 0px no-repeat;
	width: 6px;
	line-height: 4px;
}

/*** OTHER STYLES FOR THIS PAGE ***/

#content {
	padding: 0 6px;
	display: block;
}
ol li {
	margin-bottom: 10px;
}

#title {
	padding:8px;
	border-bottom:1px solid #dcdcdc;
}

/* ------------------------------------------------------------------
DESIGN PORTFOLIO
----------------------------------------------------------------------*/

#home-designportfolio {
	width: 750px;
	_width: 670px;
	float: left;
}

.designportfolio-nav{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 15px;
	margin-right: 60px;
}

.designportfolio-nav p{
	font-size: 12px;
	border-bottom: 1px solid #999999;
	padding: 0;
	margin: 0;
	margin-bottom: 4px;
	height: 14px;
}

.designportfolio-nav li{
	float: left;
	display: inline;
	margin-right: 2px;
}

.designportfolio-nav li img{
	width: 60px;
	height: 60px;
	/* height:auto; */
	border: 0;
	padding: 0;
}


#trailimageid {
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	/* width: 400px; */
	height: 0px;
	z-index: 200;
}

#trail {
	padding-top: 5px;
	padding-left: 5px;
	background-color: #FFF;
	border: 1px solid #888;
}

#trailimageid p{
	background-color: #E1E1E1;
	margin: 0;
	padding: 5px;
	margin-left: -5px;
	margin-top: 5px;
}

#designportfolio-vatnote{
	font-size: 9px;
	color: #333333;
	clear: left;
	float: left;
}


/* ------------------------------------------------------------------
OTHER STYLES... NOT WHAT SURE THESE ARE FOR! do we even need these?!
----------------------------------------------------------------------*/

#design-portfolio-photo {
	margin-right:25px;
	margin-bottom:25px;
	background:url(../images/shadow.gif) no-repeat bottom right;
	clear:right;
	float:left;
}

#design-portfolio-photo img {
	margin:-5px 5px 5px -5px;
}

#center {
	text-align:center;
}

.subnav_link,.foldtypes {
	font-size:13px;
	color:#000;
}

.page_title,.prod_header {
	font-size:16px;
	font-weight:bold;
	color:#000;
}

a.pinklink:hover,a.textbutton:hover,.links a:hover {
	text-decoration:underline;
}

select.productselect 
{
	width: 245px;
}

select.sizeandquantity
{
	width: 350px;
}

/* ------------------------------------------------------------------
Price pages for Flash matrix products (Brochures etc)
----------------------------------------------------------------------*/

#prices-rightmenu{
	margin: 0;
	padding: 5px;
	padding-top: 3px;
	background-color:#E6E6E6;
	float: right;
	display: inline;
	width: 200px;
}

#prices-rightmenu h1{
margin: 0;
padding: 0;
font-size: 14px;
font-weight: bold;
}

#prices-rightmenu a{
color: #19690C;
}

#prices-rightmenu a:hover{
color:#6BC833;
}

#prices-rightmenu ul{
	margin: 0;
	padding: 0;
	margin-left: 15px;
}

#prices-rightmenu li{
	padding-bottom: 2px;
}

#prices-rightmenu li.pdf{
	background: url(../images/prices/pdf.gif) no-repeat left 50%;
	padding-left: 35px;
}

#prices-rightmenu li.acrobat-distiller{
	background: url(../images/prices/acrobat-distiller.gif) no-repeat left 50%;
	padding-left: 35px;
}

#prices-rightmenu li.adobe-reader{
	background: url(../images/prices/adobe-reader.gif) no-repeat left 50%;
	padding-left: 35px;
}

a.resource_link{
color: #CCCCCC;
float: right;
}

/* ------------------------------------------------------------------
Artwork guidelines
----------------------------------------------------------------------*/

#artwork-guidelines-table{
float: left;
width: 730px;
margin-top: 10px;
}

#artwork-guidelines-table #questions-top a{
text-decoration: none;
}

#artwork-guidelines-table #questions-top a:hover{
text-decoration: underline;
}

#artwork-guidelines-table .grey-background{
background-color: #F1F1F1;
padding: 7px;
margin-bottom: 15px;
}

#artwork-guidelines-table h2{
margin-bottom: 15px;
}

#artwork-guidelines-table h3{
font-size: 15px;
margin: 0;
padding: 0;
}

#artwork-guidelines-table h4{
font-size: 15px;
margin: 0;
padding: 0;
}

#artwork-guidelines-table ul{
margin-top: 0;
padding-left: 15px;
}

#artwork-guidelines-table a.tooltip{
    position:relative; /*this is the key*/
	color: #19690C;
	z-index: 1;
    text-decoration:underline;
}

#artwork-guidelines-table a.tooltip:hover{
	font-size: 100%; /* Fixes bug in IE5.x/Win */
	z-index: 2;
}

#artwork-guidelines-table a.tooltip span{
	display: none;
}

#artwork-guidelines-table a.tooltip:hover span{ /*the span will display just on :hover state*/
  width: 400px;
  display:block;
  position:absolute;
  top:1.2em;
  left: -6em;
  padding: 0.2em 0.6em;
  border:1px solid #19690C;
  background-color: #FFFFFF;
  color:#000;
  text-decoration:none;
}

/* ------------------------------------------------------------------
Help page
----------------------------------------------------------------------*/

#artwork-guidelines-table .backtotoplink{
	float: right;
	margin: 0;
	padding: 0;
	padding-left: 11px;
	background-image: url(../images/help/up_arrow.png);
	background-repeat: no-repeat;
}

#artwork-guidelines-table #questions-top-leftsection,
#artwork-guidelines-table #questions-top-rightsection{
float: left;
}

#artwork-guidelines-table #questions-top-leftsection{
margin-right: 45px;
}


/* ------------------------------------------------------------------
Purchase Order
----------------------------------------------------------------------*/

table#purchaseorderandinvoice{
	width: 560px;
	border: 0;
	margin: 0;
	padding: 0;
}


table#purchaseorderandinvoice td,
table#purchaseorderandinvoice tr,
table#purchaseorderandinvoice th{
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align:top;
}

table#purchaseorderandinvoice th{
	border-right: 1px dotted #222222;
}

table#purchaseorderandinvoice td,
table#purchaseorderandinvoice th{
	padding: 4px;
}


table#purchaseorderandinvoice td{
	border-bottom: 1px dotted grey;
	border-right: 1px dotted grey;
}

table#purchaseorderandinvoice th.lastcolumn,
table#purchaseorderandinvoice td.lastcolumn{
	border-right: none;

}

table#purchaseorderandinvoice th{
	font-weight: bold;
	vertical-align:top;
	background: #666 url('../images/purchaseorderandinvoice/bg.jpg') repeat-x bottom left;
	color: white;
}

table#purchaseorderandinvoice tr{
background-color: #F7F7F7;
}

table#purchaseorderandinvoice tr.otherrow{
background-color: #EEEEEE;
}

table#purchaseorderandinvoice .valuecolumn{
text-align: right;
}

table#purchaseorderandinvoice tr.lastrow td{
	border-bottom: 1px solid grey;
}

p.details{
padding: 0;
margin: 0;
margin-bottom: 5px;
}

.red{
color: red;
}

p#cardDetailsMatch{
	font-size: 12px;
	border: 1px solid red;
	padding: 10px;
	background-color: pink;
	line-height: 140%;
}

span.astrix{
	padding-left: 5px;
	color: red;
}