/*
When using the shorthand property the order of the property values are:
background-color
background-image
background-repeat
background-attachment
background-position

//border short hand width style color
NOTE:
width of site 890px
*/


body {background:#000 url(../media/siteLayout/site_bg.gif) repeat-x 0 0;font:13px Verdana, Arial, Helvetica, sans-serif;color:#FFF;margin:0 auto;padding:0;width:890px;text-align:center;position:relative;}

a img {border:0;}

a {font:13px Verdana; padding: 2px 0;margin:0; word-spacing: -1px; color:#fff}
.higher{padding:10px 0 0 0}
h1, h2 {margin:0 0 10px;padding:0;color:#A2A1A1;font:37px Verdana;}
h2 {color:#959595;margin:10px 0;font-size:28px;}

/*.h2SP{font-size:inherit;}*/
.smaller{margin:0 0 2px;padding:18px 0 5px 0;color:#A2A1A1;font:26px Verdana; line-height:25px; letter-spacing:-1px;}

 .smaller a:link{color:#fff;margin:10px 0;font-size:18px; text-decoration:underline}
 .smaller a:visited{color:#fff;margin:10px 0;font-size:18px; text-decoration:underline}
.smaller a:hover{color:#959595;margin:10px 0;font-size:18px; text-decoration:none}
 .smaller a:active{color:#fff;margin:10px 0;font-size:18px; text-decoration:underline}
/*.smaller a{margin:0 0 2px;padding:18px 0 5px 0;color:#A2A1A1;font:26px Verdana; line-height:25px; letter-spacing:-1px;}

.smaller a:hover{margin:0 0 2px;padding:18px 0 5px 0;color:#A2A1A1;font:26px Verdana; line-height:25px; letter-spacing:-1px; text-decoration:none;}*/
.centre{text-align:center;}
.centre_outer{margin:0 auto}
.closer{padding:0 0 5px 0; margin:0;}
.evenCloser{padding:0; margin:0}
.tLeft{text-align:left}
.error{background: #FF0000; color: #fff;}
.tError{color: #FF0000;}
.tDone{color:#006600}
.bold{ font-weight:bold}
h3{color:#fff;margin:-5px 0 0 0;font-size:12px; padding-bottom:10px;}
/*Generic link style*/
.genLink a{color:#fff;}
.genLink a:link{text-decoration:underline}
.genLink a:visited{text-decoration:underline}
.genLink a:hover{text-decoration:underline}
.genLink a:active{text-decoration:underline}
/*Generic link style*/

form {margin:0;padding:0;font:11px Verdana;}
input {font:12px Arial;width:145px;}
.margin-10pxTB{margin:10px 0}
.margin-10pxB{margin:0 0 10px 0}
.clear {font-size:1px;color:#000;clear:both;}
p{font:13px Verdana; padding:0 0 5px 2px;margin:0; word-spacing: -1px}
.margins-removed{margin:0; padding:0;}
.lspace p{padding:10px 0 10px 0px}
.p_padBottom p{padding:0 0 10px 0}
.hr {width:500px; height:2px; padding:4px 0;margin:0 auto; clear:both; background:url(../media/hr.jpg) no-repeat 0 0}
#siteContainer {text-align:left;}
div#headerContainer{background:#000024 url(../media/siteLayout/site_header_bg.gif) repeat-x 0 100% ; height:177px; width:890px;}
#siteHeader {height:177px; width:528px;float:left;}
div#Sform{height:157px;width:315px;float:right; margin:0; padding:20px 5px 0 0;}
div#Sform h2{margin:0;padding:0 3px 5px 160px;color:#CCCCCC;font:12px Verdana; text-align:center; width:50%;}

div#Sform fieldset{border:none}
div#Sform fieldset input { float : right; width : 45%; border : 1px solid #666; }
div#Sform label, label span { display : block; }

div#Sform label span { float : left; width : 50%; text-align : right; }
div#Sform div { clear:both; margin-bottom : 20px; padding : 0 3px 0 0; text-align : right; }
div#Sform div input{ width :46%; }
#siteFlashHeader {height:166px; background:#000023;}
/*Rules for request update form*/
div#submit2 {width:310px; padding: 10px 40px 0 0;text-align : center;  margin:10px auto;}
div#container {width:400px; padding:0; margin:0 auto;}
div#branding {width:400px; padding:0; margin:0 auto;}
div#branding h1{margin:0; padding:0 0 10px 15px;}
div#branding p{margin:0; padding:0 0 10px 30px;}
div#container fieldset{border:none; padding:0 100px 0 0;}
div#container fieldset input { float : right; width : 35%; border : 1px solid #000;}
div#container label, label span { display : block; padding-bottom : 2px; color:#fff;}
div#container label { float : left; width : 100%; }
div#container label span { float : left; width : 50%; text-align : right; }
.wAsterix{padding:0 5px 0 0 ;float : left; width : 58%; text-align : right; }
.asterix{padding:1px 0 0 10px; margin:0; width:5px; float:right; clear:both; display:block }
/*End update form*/

#inspirationsFlashContainer {height:151px;position:relative;}
#inspirationsFlash {position:absolute;bottom:10px;left:10px;}

#siteNav {list-style:none;display:block;margin:0;padding:0;position:absolute;top:157px;width:890px;border:1px solid #777;border-width:1px 0;padding:1px 0;}
#siteNav li {float:left;margin-left:2px;}
#siteNav li.first {margin-left:0;}
#siteNav li a {text-decoration:none;color:#333;font:11px Arial;text-transform:uppercase;padding:1px 8px 1px 22px;display:block;background:#9E9E9E url(../media/arrowButton.gif) no-repeat 0 0 ;}
#siteNav li a:hover {background-color:#BCBCBC;}


/*for finishes pages.fuller{height:350px;}*/
div#finishes {width:600px; margin:0; padding:0}

.border {border:#999999 1px solid;}
div#temp {width: 592px; margin:0; padding:0;}
.cs{background: url(../media/images/coming-soon.png) repeat 50% 50%;}/*puts coming soon image in to bg of div*/
.restrictH{ height:250px; }

div#holo_content{width: 592px; margin:0; padding:0; min-height:250px}
div#holo_list {width: 96px; margin:0 auto; padding:5px 0;float:left;}
div#holo_list ul{width: 96px; margin:0 auto; padding:0;}
div#holo_list li{list-style:none;}
div#holo_listc {width: 496px; margin:0 auto; padding:5px 0;float:left;}
div#holo_listc ul{width: 496px; margin:0 auto; padding:0;}
div#holo_listc li{list-style:none;}


/*payment page ul list*/

div#pay_list {width: 200px; margin:0 auto; padding:0;float:left;font-size:16px; font-weight:800;}
div#pay_list ul{width: 200px; margin:0 auto; padding:0;}
div#pay_list li{list-style:none;padding:3px 0 0 0;}

div#pay_listc {width: 400px; margin:0 auto; padding:0;float:left;font-size:16px; font-weight:800;}
div#pay_listc ul{width: 400px; margin:0 auto; padding:0;}
div#pay_listc li{list-style:none;padding:3px 0 0 0;}


/**/

div#organic_content{width: 592px; margin:0; padding:0;min-height:250px}
.organic_list {width: 124px; margin:0 auto; padding:5px 0 0 2px;float:left;}
.organic_listc {width: 466px; margin:0 auto; padding:5px 0;float:left;}


.firstTab{width: 97px; margin:0 auto; padding:5px 0 0 3px;float:left;}
.secondTab{width: 492px; margin:0 auto; padding:5px 0;float:left;}

.classic_list {width: 98px; margin:0 auto; padding:5px 0 0 2px;float:left;}
.classic_listc {width: 492px; margin:0 auto; padding:5px 0;float:left;}

div#toFinishes {margin:0; padding:0; width:600px; height:60px;}
 /*END FINISHES*/


#siteContent {background:url(../media/siteLayout/site_gradient_h.gif) repeat-x 0 0;border:1px solid #777;margin-top:1px;border-width:1px 0;}

.inspirationsContent {float:left; width:192px; font:bold 11px Verdana; padding:10px 0 0 0;}
.inspirationsContent .content {padding:0 20px 25px;border-bottom:2px solid #777;}
.inspirationsBox {display:block;text-align:center;margin:30px 0 0;}
.inspirationsContent form {font-weight:bold;display:block;padding:15px 0 0 10px;font-size:10px;}
.inspirationsContent form label {display:block;margin-bottom:5px;}
.inspirationsContent form input {border:1px solid #CFCFCF;margin-right:4px;padding:0;display:block;float:left;}
.inspirationsContent form a {display:block;float:left;}
/*Buttons/Ads down the side*/
div#soft a{width:192px; height:113px; padding: 0; margin: 1px 0; background: #fff url(../media/softtouch.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#press a{width:192px; height:113px; padding: 0; margin: 1px 0; background: #fff url(../media/press_page.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#new-services a{width:192px; height:113px; padding: 0; margin: 1px 0; background: #fff url(../media/new-services.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#showroom a{width:192px; height:62px; padding: 0; margin:0; background: #000 url(../media/showroom.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#showroomFront a{width:192px; height:178px; padding: 0; margin: 1px 0; background: #fff url(../media/showroomFront.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#uv-varn-bg{margin:0; width:620px; padding:0; background: url(../media/images/UV-varn-bg.png) repeat 50% 50%; border:#999999 1px solid;}
div#sp-uv-bg{margin:0; width:630px; padding:0; background: url(../media/images/sp-uv-bg.png) repeat 50% 50%; border:#999999 1px solid;}

div#xmas a{width:192px; height:52px; padding: 0; margin: 1px 0; background: #fff url(../media/xmas_times.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}

/*END Buttons down the side*/


div#button1 img{ border:none;}
.mainContent {float:left;padding:5px 40px 0px 40px;width:616px;min-height:300px;height:400px; margin:0 auto;}
div#links{margin:0; width:600px; height:60px; padding:0;}
.mainContent2 {padding:0;width:890px;min-height:300px; height: auto; margin:0 auto;}
html>body .mainContent {height:auto;}


.finishItem {padding:0 0 20px 10px;border-bottom:1px solid #222;margin-bottom:20px;}
.finishItem strong {color:#BBCFE7;}

.newsItem {position:relative;padding:8px 0 0 70px;height:75px;min-height:75px;border-bottom:1px solid #222;margin-bottom:20px;}
html>body .newsItem {height:auto;}
.newsItem img {position:absolute;top:0;left:0;display:block;float:left;}

#contactUs_info {width:550px; float:left; padding:0; margin:0;}
/*#contactUs_map {float:right;width:320px;border:1px solid #777;border-width:0px 0 0 2px;}*/
div#contact_blurb {margin:0; padding: 0 0 10px 0; text-align:center}

/*contact-page rules*/

/*sample checkboxes*/
.samples ul{list-style:none;width:560px; margin:0 auto; padding:4px 0 10px 100px}
.samples ul li{margin:0; width:186px; float:left; padding:2px 0 0 0;}
.samples input[type="checkbox"]{width:15px; height:15px;margin:0; position: relative; top: -4px;}
/*NOTE: THERE IS A STYLE IN UPLOAD-AUDITON.PHP THE DISPLAYS WHEN NETSCAPE*/



.contactAddresses {color:#729ED3;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #729ED3; text-align:center;}
.contactAddressesText{width:270px; float:right; text-align:left}
.contactAddressesImage{width:280px; float:left;}
.contactAddressesImage img{margin:0 auto}
.contactAddresses a{color:#fff;}
.contactAddresses a:link{color:#fff;text-decoration:underline}
.contactAddresses a:visited{color:#fff;text-decoration:underline}
.contactAddresses a:hover{color:#fff;text-decoration:none}
.contactAddresses a:active{color:#fff;text-decoration:none}

.contactBtns a{width:188px; height:90px; padding: 0; margin:5px 0; text-indent: -9999px; display:block; overflow:hidden;}
#payment{background-image: url(../media/contact-page/make-payment.png); background-repeat: no-repeat; background-position:50% 50%;}
#account{background-image: url(../media/contact-page/ac-application.png); background-repeat: no-repeat; background-position:50% 50%;}
#feedback{background-image: url(../media/contact-page/feedback.png); background-repeat: no-repeat; background-position:50% 50%;}
#request{background-image: url(../media/contact-page/request-sample.png); background-repeat: no-repeat; background-position:50% 50%;}
#terms{background-image: url(../media/contact-page/terms.png); background-repeat: no-repeat; background-position:50% 50%;}
#newsletter{background-image: url(../media/contact-page/newsletter.png); background-repeat: no-repeat; background-position:50% 50%;}
#at_a_glance{background-image: url(../media/contact-page/at-a-glance.png); background-repeat: no-repeat; background-position:50% 50%;}
/* divs that fade in contact-page 
#london{width: 230px; height: 200px; background-color:#000; visibility:hidden; position:absolute; left:720px; top:465px; text-align:center}
#essex{width: 230px; height: 200px; background-color:#000; visibility:hidden; position:absolute; left:720px; top:650px; text-align:center}
#kent{width: 230px; height: 200px; background-color:#000; visibility:hidden; position:absolute; left:720px; top:839px; text-align:center}
*/

/*rules for new products page
div#page_container{width:588px; height:450px; padding:20px 0 0 0; margin: 0 auto; overflow:auto;}*/
div#page_container{width:800px; height:500px; padding:0; margin: 0 auto; }

div#left{width:192px; height:415px; padding:0 2px; margin:0;float:left;}
div#right{width:192px; height:415px; padding:0 2px; margin:0; float:right;}
div#middle{padding:0 2px; margin:0 192px;}

div#org a{width:192px; height:113px; padding: 0; margin: 4px 0; background: #fff url(../media/organic.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#mattHD a{width:192px; height:236px; padding: 0; margin: 4px 0; background: #fff url(../media/coming_soon2.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}

div#mm a{width:192px; height:300px; padding: 0 0 0 4px; margin: 4px 0; background: url(../media/micromotion_panel.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#glow a{width:192px; height:110px; padding: 0 0 0 4px; margin: 4px 0; background:url(../media/glow_in_the_dark_inks.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}

div#silkhd a{width:192px; height:110px; padding: 0; margin: 4px 0; background: #fff url(../media/silkhd.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
div#desUV a{width:192px; height:302px; padding:0px; margin:4px 0; background: #fff url(../media/designerUV.jpg) no-repeat 50% 50%; text-indent: -9999px; display:block; overflow:hidden;}
/*end new products page

.frmRecruitment {border:1px solid #777;border-width:1px 0;}*/
.frmRecruitment label {display:block;float:left;width:150px;font-size:12px;padding-top:3px;text-align:right;margin-right:12px;color:#BBCFE7}
.frmRecruitment input, .frmRecruitment textarea  {display:block;float:left;font-size:12px;width:300px; padding:0}
.frmRecruitment input[type="file"] {width:374px;}
.frmRecruitment .frmDivider {font-size:1px;height:6px;color:#000;clear:both;}
.frmRecruitment input[type="radio"]{width:20px}
.frmRecruitment a{text-decoration:none;color:#333;font:11px Arial;text-transform:uppercase;padding:1px 8px 1px 22px;display:block;background:#9E9E9E url(../media/arrowButton.gif) no-repeat 0 0;float:right;margin-right:126px;}
.frmRecruitment a:hover {background-color:#BCBCBC;}
.frmRecruitment_p,  .formH{font-size:15px;padding-top:3px;text-align:center; font-weight:bold;color:#BBCFE7;}
.widerlabel label{display:block;float:left;width:240px;font-size:12px;padding-top:3px;text-align:right;margin-right:12px;color:#BBCFE7}
.signature input[type="checkbox"]{width:15px; height:15px;margin:0 0 0 360px; position: relative; top: -1px;}
/*.frmRecruitment fieldset{padding:10px; display:block}
ORDERS PAGE*/

.title{float:left; width:200px;font-size:16px; font-weight:800; padding: 3px 0;}
.info{float:right; width:300px;font-size:16px; font-weight:800; padding: 3px 0;}
.cont .contN .tlast{clear:both; border-top:1px solid #fff; width:500px; margin:0 auto}
.contN{border:none}

.confirm_btn{clear:both; text-align:center; width:440px; margin:0 auto; padding:2px 60px 4px 0}
.edit_btn{clear:both; text-align:center; width:430px; margin:0 auto; padding:2px 70px 4px 0}

.confirm_btn_update{clear:both; text-align:center; width:430px; margin:0 auto; padding:2px 70px 4px 0}
.edit_btn_update{clear:both; text-align:center; width:420px; margin:0 auto; padding:2px 80px 4px 0}

.edit_btn_order{width:415px; padding:4px 85px 3px 4px}
.confirm_btn_order{padding:4px 68px 0 0; width:432px}

.tlast{clear:both; border-top:1px solid #fff; border-bottom:1px solid #fff; border-top:1px solid #fff; width:500px; margin:0 auto}
/*ORDERS PAGE END.hours-from{width:65px; padding:0 5px 0 0; float:left; margin:0 }*/
/*OVERTIME PAGE*/
.day{width:100px; padding:0; float:left; margin:0 0 0 60px}
.month{width:100px;float:left;  padding:0; margin:0 0 0 30px }
.year{width:100px; padding:0; float:left; margin:0 0 0 30px}
.hours{width:100px; padding:0 ; float:left; margin:0 0 0 30px;}
.month select{width:100px;}
.year select{width:100px;}
.day select{width:100px;}
.hours select{width:100px;}
.ordersCheck input[type="checkbox"]{width:30px; margin:0; padding:0; text-align:left}
/*HOLIDAY PAGE*/
.day_h{width:100px; padding:0; float:left; margin:0 0 0 90px}
.month_h{width:100px;float:left;  padding:0; margin:0 0 0 60px }
.year_h{width:100px; padding:0; float:left; margin:0 0 0 60px}

.month_h select{width:100px;}
.year_h select{width:100px;}
.day_h select{width:100px;}

/**/

.s_col{width:600px; padding:0; text-align:center;}
.totalT{padding:0 15px 5px 0;margin:0 auto}
.formH{width:600px; text-align:center}
.manT{width:250px;}
.empT{width:90px; text-align:right;}
.holT{width:210px}
.sickT{width:50px; text-align:right;}
.factoryT{padding:0 13px 0 0;margin:0 auto}
/*HOLIDAY PAGE END*/

/*OVERTIME PAGE*/



/*LOGIN*/
.l_title{width:100%;font-size:16px; font-weight:800; padding: 3px 0; margin:0 auto; text-align:center; color:#ffffff}
.l_title a{font-size:16px; font-weight:800; text-decoration:underline; color:#ffffff}
.l_title a:hover{ text-decoration:none; color:#0066FF}
/*to align left*/
.l_left{padding:0; margin:0; text-align:left;}
.cont{border-top:1px solid #fff; width:500px; margin:0 auto}
/*.last{border-bottom:1px solid #fff;}
HOLIDAY PAGE END*/
div#frmRecruitment_sub{width:470px;height:10px; padding:0 30px 0 0; margin:0 auto;}
#siteFooter {background:url(../media/siteLayout/site_gradient_h.gif) repeat-x 0 0; border-top: 1px solid #666}
#siteFooter .bottomRight {background:url(../media/siteLayout/footer_bottomRight2.png) no-repeat 100% 70%;padding-top:3px;height:70px;}

#footerNav {list-style:none;margin:0 auto;padding:0 0 0 10%; text-align:center; width:100%}
#footerNav li {float:left;padding:0 5px;border-right:1px solid #FFF;}
#footerNav li.last {border:0;}
#footerNav li a {text-decoration:none;color:#FFF;font-size:8.5px;text-transform:uppercase;}
#footerNav li a:hover {text-decoration:underline;}

#companyInfo {font-size:9px;padding:0; margin:0 auto;text-align:center;color:#BBCFE7;}

/*Admin machine faults*/
.repairs_add caption {
padding : 10px 0;
text-align : center;
text-transform : uppercase;
font-size : 120%; }

.row1{background-color:#000; color:#fff;width:30%}
.row1 a:link{color:#FFF;}
.row1 a:visited{color:#FFF;}
.row1 a:hover{color:#999; text-decoration:none}
.row1 a:active{color:#999; text-decoration:none}

.row2{background-color:#fff; color:#000;}
.row2 a:link{color:#000;}
.row2 a:visited{color:#000;}
.row2 a:hover{color:#999; text-decoration:none}
.row2 a:active{color:#999; text-decoration:none}
.submit input{width:200px;}

.machine{width:30%;}
.fault{width:55%}
.remove{width:15%}
.repairs_add{width:600px}
.repairs_add table{border : none; width:600px; margin:0 auto}
.repairs_add label{width:100%; text-align:center;display:block; font-weight:bold; padding: 5px 0; margin:0 auto}
.repairs_add input, textarea{width:60%; padding: 2px 0; margin: 0 auto;}

.repairs_add textarea{height:90px}

.repairs_add table, th, td{border : 1px solid #666; border-collapse : collapse;}

.rep_form{padding:0 20%}

td{padding :10px 10px;}

th{padding:5px 10px;font-size :90%;text-transform :uppercase;text-align :left;}

/* DAILY*/
.daily caption{padding : 10px 0;text-align : center;text-transform : uppercase;font-size : 110%;}
.daily input, textarea{width:60%; padding: 1px 0; margin: 0 auto;}
.em_name input, textarea{width:80%; padding: 2px 0; margin: 0 auto;}

.daily {border : none; width:600px; margin:0 auto; padding:0}
.daily table,th, td {border : 1px solid #666; border-collapse : collapse;}
.hide tr{border: none}
.daily th {padding : 3px 10px;font-size : 80%;text-transform : uppercase;text-align : center;}
/**/
/*Tech page*/
.tech-h1{text-align:center; color:#fff; margin:0; padding:5px 0 0 0;font-size:16px;width:890px; height:30px;background:#fff url(../media/technical/images/tech-head.jpg) no-repeat 0 0; border-bottom:#999 2px solid}
.tech-page{width:840px; padding:10px 25px; margin:0;  color:#000033 }
.tech-container{min-height:200px;margin:0;background-color:#fff;border-bottom:#999 2px solid}
.tech-footer{text-align:center;color:#fff;margin:0; padding:5px 0 0 0;width:890px; height:30px; background-image:url(../media/technical/images/tech-head.jpg); background-position: 0 0; background-repeat:no-repeat;}
.tech-footer a{font-size:14px; text-decoration:none}
.tech-footer a:hover{color:#fff; text-decoration:underline;}
/**/


/*style mission statement*/

.inner-dt{padding:0; width:92px; float:left;}
.inner-dd{padding:0 0 0 70px; margin:10px 0 0 30px; width:480px}