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


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;}
.smaller{margin:0 0 2px;padding:18px 0 5px 0;color:#A2A1A1;font:26px Verdana; line-height:25px; letter-spacing:-1px;}
.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;}

.clear {font-size:1px;color:#000;clear:both;}
p{font:13px Verdana; padding:0 0 5px 2px;margin:0; word-spacing: -1px}

.lspace p{padding:10px 0 10px 0px}

.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 : .25em; 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; }
/*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#promo {width:192px; height:302px; padding:2px 0px 0px 2px; background:#fff; margin:0px;}

div#promo a{width:190px; height:300px; padding:0px; margin:0px; background: url(../media/designerUV.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*/
.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}
/* 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;}
.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;}

/*.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 }*/
/*HOLIDAY 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;}



.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;}
#siteFooter .bottomRight {background:url(../media/siteLayout/footer_bottomRight2.png) no-repeat 100% 10%;padding-top:10px;height:70px;}
#footerNav {list-style:none;margin:0 0 0 70px;padding:0;}
#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:4px 170px 0 0;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;}
/**/