/*---------------------------------------------

Dark Blue: #162d57
Orange: #df7a1f
Dark Grey: #393939
Light Grey: #5e5e5e
-NAV
Blue: #142443
RollOver Red: #721616
Active Blue: #4c70b6

Dark Blue: #162d57h2
Orange: #df7a1f
Dark Grey: #393939
Light Grey: #5e5e5e
-NAV
Blue: #142443
RollOver Red: #721616
Active Blue: #4c70b6

---------------------------------------------*/

.errormsg {border:1px solid red;}

#contactform fieldset input.submit {margin-left:0 !important;}

label.errormsg {display:none !important;}

body { color: #333; font: 12px/1.5; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 110%; background:url(/img/header_home.jpg) repeat-x top center; }

body.noslide { color: #333; font: 12px/1.5; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 110%; background:url(/img/no_home.jpg) repeat-x top center; }

body.test { color: #333; font: 12px/1.5; font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 110%; background-color:#FF33CC; }

.header { height:117px; background:url(/img/header_back.jpg) no-repeat top center; }

.norightmargin {margin-right:0 !important}

.spacer {margin-top:20px;}

/* menu */
#menu { height: 30px; text-transform: uppercase; text-decoration: none; font-size:11px; font-family: Arial, Helvetica, sans-serif; }

#menu ul { list-style: none; padding:7px 0 0 70px; display: block; text-align:center; }

#menu li { float: left; padding: 0px 7px 0px 7px; border-right:#FFFFFF solid 1px; }

#menu a:link, #menu a:visited { color: #ffffff; margin: 0px 1px 0px 1px; }

#menu a:hover { color:#00adef !important; }

#menu ul li.active a {color:#00adef !important;}

/* home_main_ad */

.nohomeslide { margin-bottom:20px;}
.homeslide { height:264px; background:url(/img/home_new.jpg) no-repeat top center; padding:0;  }
.newhomeslide { height:264px; background:url(/img/offer_new.jpg) no-repeat top center; padding:0; margin-bottom:20px; }
/*-- active navigation --*/
/*body.page_home #header a.home_nav { background-color: #4c70b6; }
body.page_about #header a.about_nav { background-color: #4c70b6; }
body.page_offers #header a.offers_nav { background-color: #4c70b6; }
body.page_new #header a.new_nav { background-color: #4c70b6; }
body.page_supplies #header a.supplies_nav { background-color: #4c70b6; }
body.page_contact #header a.contact_nav { background-color: #4c70b6; }
body.page_stationery #header a.stationery_nav { background-color: #4c70b6; }*/


/*----------------------------------------------- Main Image --*/



div.left-home-col {
  float:left;
}

div.right-home-col div, div.left-home-col div {-moz-border-radius: 10px;
  border-radius: 10px;}

div.right-home-col {
 float:left;
}

div.twitter {
 width:177px; height:139px;  float:left; margin:20px 20px 20px 0; border:4px solid lightblue; padding:15px;
}

div.twitter img {margin-bottom:4px;}

div.signingup{
 width:185px; height:147px; background-color:#ddd; float:left; margin:20px 20px 20px 0; padding:15px; background:url(/img/gradient.jpg) top left;
}

.signingup h4 {color:#fff; font-size:24px; margin-top:3px;}
.signingup p {color:#fff; font-size:12px;  margin-top:10px;line-height:15px;}
.signingup input {margin:0 0px 0 0; }
.button-send {padding:3px 3px 2px 3px; top:-1px; position:relative; margin-left:3px !important; cursor:pointer; }

div.advert{
 width:215px; height:177px; background-color:#ddd; float:left; margin:0 20px 0 0;
}

div.advert img, div.featured img {-moz-border-radius: 10px;
  border-radius: 10px;}

div.welcome{
 width:432px; height:177px; float:left; margin:0 20px 0 0; border-left:3px solid #2bbceb; padding-left:15px; 
}

div.welcome p.welcomeTitle {font-size:26px; font-weight:bold; line-height:26px; color:#162d57;}

div.welcome p {font-size:12px; line-height:16px; margin:7px 0 0 0; color:#333;}

div.featured{
 width:215px; height:177px; background-color:#ddd; float:left; margin:20px 20px 20px 0; background:url(/img/gradient.jpg) top left;
}

div.newshome {
 width:230px; height:177px; float:left; margin:0 0 0 0; 
}

div.newshome h4  {
  font-size:22px; color:#162d57; line-height:23px; margin-bottom:5px;
}

div.newshome h4 a:link, div.newshome h4 a:active, div.newshome h4 a:visited {color:#162d57;}
div.newshome h4 a:hover{color:#2bbceb;}


.newsteaser {
  font-size:12px !important; line-height:16px;color:#333; margin-bottom:5px;
}

div.newshome p a {
  font-size:11px; background-color:blue; padding:3px 5px; color:#fff; float:right; margin-right:5px;
}

div.newshome img {
    padding:3px; border:1px solid #2bbceb; background-color:#fff; margin-top:2px;-moz-border-radius: 10px;
  border-radius: 10px;
}

p.newsStrap {margin-bottom:10px !important; font-weight:bold; border-bottom:1px solid #2bbceb; padding-bottom:3px; font-size:1em; color:#2bbceb;}



#main_image_wrapper { width: 100%; height: 217px; background:url(/images/main_image02.png); background-color:d4d4d4; background-position:center; }

#main_image_wrapper2 { width: 100%; height: 15px; margin: auto; background:#2A3151; background-repeat:repeat-x; background-position:top; }

#main_image_wrapperhome { width: 100%; height: 254px; margin: auto; background:#2A3151; background-repeat:repeat-x; background-position:top; }

#main_image { width: 960px; padding-top:10px; height: 207px; margin: 0px auto; background: url(/images/main_image_print.jpg); background-repeat:no-repeat; }

#main_image2 { width: 450px; padding:10px 0px 0px 500px; height: 207px; margin: 0px auto; background: url(/images/main_image_home.jpg); background-repeat:no-repeat; }

#main_image_site { width: 960px; height:254px; margin: 0px auto; }

.clear { clear:both; }

.home { background:url(/images/home-new.jpg) no-repeat; }

.geoff { background: url(/images/geoff.jpg) no-repeat; }

.lesley { background: url(/images/lesley.jpg) no-repeat; }

.andy { background: url(/images/andy.jpg) no-repeat; }

.rachael { background: url(/images/rachael.jpg) no-repeat; }

.sarah { background: url(/images/sarah.jpg) no-repeat; }

.dennis { background: url(/images/dennis.jpg) no-repeat; }

.bruce { background: url(/images/bruce.jpg) no-repeat; }

.chris { background: url(/images/chris.jpg) no-repeat; }

.stuart { background: url(/images/stuart.jpg) no-repeat; }

#main_image_site h1 { color:#fff; font-size:.8em; text-align:left; font-weight:normal; float:left; height:100px; line-height:1.3em; margin:20px 5px 0px 10px; width:380px; border-right:#FFFFFF solid 2px; padding: 0px 5px 0px 0px; }

#main_image_site-name { height:100px; float:left; margin:20px 0px 0px 220px; width:100px; }

#main_image_site-name p { padding: 0px 10px 0px 0px; line-height:1.2em; color:#00adef; font-weight:bold; border-right:#FFFFFF solid 2px; }

#main_image_site h1.left { margin:30px 300px 0px 0px; }

#main_image_site ul { color:#FFFFFF; font-size:1.1em; line-height:1.4em; float:right; text-align:left; margin:20px 0px 0px 0px; font-weight:bold; list-style: disc; width:210px; }

#main_image_site li { margin: 4px 0px 0px 20px; padding: 0px 0px 0px 0px; color:#FFFFFF; font-size:.9em; }

#main_image_site ul p { margin:0px 0px 0px 0px; }

#main_image_site a:link,
#main_image_site a:visited { color:#00adef; text-decoration:none; }

#main_image_site a:hover { color:#fff; }

/* ---- to change main image on different pages ----
body.page_home #main_image {
  background: url(/assets/main_image/image_home1.jpg) no-repeat top center;
}
*/

#main_image_wrapper h1 { font-family: Arial, Helvetica, sans-serif; color: #5e5e5e; font-weight: normal; text-align: left; float: left; line-height:1em; margin: 10px 0 10px 0; padding-right:450px }

#main_image_wrapper p { font-family:  Arial, Helvetica, sans-serif; color: #5e5e5e; font-weight: normal; text-align: left; }

#main_image_wrapper h2 { font-family: Arial, Helvetica, sans-serif; color: #5e5e5e; font-weight: normal; text-align: left; font-size: 18px; line-height: 1.2em; padding-right:450px }

#main_image_wrapper ul { padding-top:15px; margin-left:350px; }

#main_image_wrapper li { list-style-image: none; background-image: url(/images/more_info.gif); background-position: right; background-repeat: inherit; font-size: 0.75em; }

/*----------------------------------------------- Main Content --*/

div.vacancy {background-color:#fff; padding:10px ; border:1px solid #ddd; margin-bottom:20px;}
div.vacancy h2, div.vacancy p {border:none; margin:0; display:block;}

#content_left { float:left; width:230px; }

#content_left2 p { font-size:.8em; line-height:1.6em; color:#666; }

#content_left2 { text-align:left; float:left; width:640px; background-repeat:no-repeat; background-position: 0px top; margin:10px 0px 0px 28px; }

#content_left2 a:link,
#content_left2 a:visited { color:#000e4b; font-weight:bold; text-decoration:none; }

.grey { color:#333333; }

#content_left2 a:hover { text-decoration:underline; }

#content_left2 h6 { color:#003366; font-weight:bold; text-decoration:none; font-size:12px; }

#content_left2 ul { color:#fff; margin:0 0 0 20px; display:inline; font-size:.8em; }

#content_left2 li { margin-left:20px; line-height:130%; }

#newsmenu {margin-bottom:25px;}

#content_leftmenu ul, #newsmenu ul { list-style: none; }

#content_leftmenu { width:200px; margin-left:10px; margin-bottom:20px; font-weight:bold; list-style-type:none; float:left; text-align:left; }

#content_navigation_image { background-image:url(/images/navigate.png); width:200px; height:100px; background-repeat:no-repeat; background-position:bottom; margin-left:10px; }

#content_titlebox { height:100px; padding-left:310px; }

#content_leftmenu a, #newsmenu a { display:block; color:#000e4b; border-bottom:1px solid #ddd; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .8em;  text-align:left;  padding-right:7px; padding-left:0px; padding-top:8px; padding-bottom:7px; }

#content_leftmenu a:hover, #content_leftmenu ul li.active a, #newsmenu a:hover, #newsmenu ul.li.active a { color:#00adef;  text-decoration:none; }  <!-- background: url(/img/left-menu-bg.gif) no-repeat; -->



#content_leftmenu2 { width:200px; font-weight:bold; list-style-type:none; float:left; }

#content_leftmenu2 a { display:block; color:#666666; background-color:#CCCCCC; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; width: 160px; padding-right:7px; padding-left:7px; padding-top:7px; padding-bottom:7px; border-bottom:#aeaeae solid 1px; border-top: #dcdcdc solid 1px; }

#content_leftmenu2 a:hover { color:#ffffff; background-color:#999999; text-decoration:none; margin-right:1px; }

#content_main { }

#content_blue { background-image:url(/images/blue_box.png); margin-top:20px; padding:15px; width:270px; height:170px; }

#content_peach { background-color:#faf0e7; padding:15px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#000066; margin-top:30px; margin-bottom:30px; }

#content_peach a { color:#CC6600; font-weight:bold; text-decoration:none; }

#content_peach a:hover { color:#003366; font-weight:bold; text-decoration:underline; }
# li {
font-family: Geneva, Arial, Helvetica, sans-serif;
 color:#333333;
 font-size:12px;
 font-weight:bold;
 margin-left:10px;
}

#content_offers { margin-left:220px; width:800px; background-repeat:no-repeat; padding:30px; margin-right:10px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:15px; }

#content_offers_img1 { width:300px; height:300px; border:#EEEEEE solid 5px; background:#FFFFFF; background-position:right; margin-top:30px; padding:10px; margin-right:10px; margin-bottom:10px; float:left; }

#content_offers_img2 { width:300px; height:300px; border:#EEEEEE solid 5px; background:#FFFFFF; background-position:right; margin-top:30px; padding:10px; margin-right:10px; margin-bottom:10px; float:left; }

#content_offers_img3 { width:300px; height:350px; border:#EEEEEE solid 5px; background:#FFFFFF; background-position:right; padding:10px; margin-right:10px; margin-bottom:10px; float:left; }

#content_offers_img4 { width:300px; height:350px; border:#EEEEEE solid 5px; background:#FFFFFF; background-position:right; padding:10px; margin-right:10px; margin-bottom:10px; float:left; }

#content_right_welcome { margin-top:10px; float:right; background: url(/images/new_home/doubleback.jpg) no-repeat; margin-right:15px; margin-bottom:10px; height:308px; width:457px; position:relative; }

#content_right { width:221px; margin-top:10px; float:right }

#content_middle { float:left; width:300px; padding-top:10px; padding-left:10px; padding-right:10px; background-image:url(/images/content_back.jpg) no-repeat top left; background-position: 0px top; }

#content_right_main { width:240px; margin-top:10px; background:url(/images/content_back.jpg) no-repeat top left; float:right; text-align:left }

#content_right_main p { font-size:12px; line-height:13px; color:#666 }

#content_right_main a:link { font-size:12px; line-height:13px; color:#666; float:left; }

#content_right_main li { float:left; list-style:none; }

#content_right_main a:hover { font-size:12px; line-height:13px; color:#444 }

#content_right_main h1 { color:#999; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; border-bottom: #ccc dotted 1px; margin-top:10px; margin-right:10px; line-height:13px }

.autowidth { width:auto; }

#content_right_main img { float:left; border: #ccc 1px solid; padding: 2px; margin-top:10px; }

.recycle { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:22px; color: #1a6c00; line-height:30px; }

#right_back1 { width:280px; min-height:112px; margin:10px; text-align:left; clear:both }

#right_back1 p { font-size:11px; line-height:13px; color:#666 }

#right_back1 h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:13px; color:#666; line-height:15px }

#right_back1 a:link,
#right_back1 a:visited { color: #666; text-decoration: none; font-size: 0.7em; font-weight: bold; }

.right_imageholder { float:left; width:110px; height:110px; }

/* Homepage Layout Styles */
.expo_image { float:right; margin:45px 5px 0 0;  color:#fff; width:390px;  }

.newsback { height:500px; background: url(/images/new_home/newsback.jpg); margin-right:15px; margin-bottom:10px; position:relative; }

.bl { background: url(/images/bl.gif) 0 100% no-repeat #737373; width:300px; }

.br { background: url(/images/br.gif) 100% 100% no-repeat }

.tl { background: url(/images/tl.gif) 0 0 no-repeat }

.tr { background: url(/images/tr.gif) 100% 0 no-repeat; padding:10px; margin-bottom:10px; }

.clear { font-size: 1px; height: 1px }

#newsbox { width:90%; margin:215px 0 0 10px; }

#newsbox a:link { color:#fff; text-decoration:none; }

#newsbox a:hover { color:#00CCFF; text-decoration:none; }

/* Special Offer Layout Styles */
#boxwrap { float:left; margin-right:10px; }

#boxwrap h2 { padding-bottom:5px; }

#packagewrapper { width:634px; float:left; padding-bottom:15px; }

#packagewrapper h2 { margin-bottom:15px; }

#packageheaderwrap { width:634px; padding:3px; }

#packageheaderwrap h2 { color:#333; font-size:30px; margin-bottom:10px; }

#packageheaderwrap h5 { color:#333; margin-bottom:5px; }

#packageheaderwrap p { color:#333; margin-bottom:5px; line-height:1.3em; }

#packagewrapper h2 { color:#fff; font-size:20px; margin-bottom:5px; }

#headerimg { float:left; width:196px; height:100px; margin-right:20px; background:url(/images/event_back.png) no-repeat top left; }

/* Index Page Slider */
#slide-wrap { width: 960px; margin: 0 auto; }

#slider { background: white url(/images/slider-bg.jpg); height: 200px; overflow: hidden; position: relative; margin: 0 0; }

/* DEFAULT is for three panels in width, adjust as needed
This only matters if JS is OFF, otherwise JS sets this. */  
                                   
#mover { width: 2880px; position: relative; }

.slide { padding: 40px 30px; width: 900px; float: left; position: relative; }

.slide h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 24px; color: #ac0000; width:400px; line-height:28px }

.slide p { color: #999; font-size: 12px; line-height: 22px; width: 300px; }

.slide img { position: absolute; top: 20px; left: 450px; }

#slider-stopper { position: absolute; top: 1px; right: 20px; background: #ccc; color: white; padding: 3px 8px; font-size: 10px; z-index: 1000; text-decoration: none; }

#head_text { float:right; width:350px; height:75px; padding-top:30px; text-align:left; }

#head_text p { font-size:12px; color: #FFFFFF; line-height: 16.67px; }

#head_text h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:14px; color:#ddc757; margin-bottom:10px }

#head_text h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:24px; color:#ddc757; line-height:22px; }

#head_text p { line-height:22px; font-weight:bold; }

#content_right_main_tpbox { float:left; width:270px; height:160px; margin-bottom: 15px; }

#content_right_main_lbox { float:left; width:130px; height:auto; clear:right; }

#content_right_main_rbox { float:left; width:130px; height:auto; margin-left:15px; }


iframe { border:#666666 solid 1px; }

#mini-ads { text-align:left; color:#FFFFFF; float:right; width:223px; height:149px; margin: 0px 0px 10px 0px; padding:5px 0px 0px 10px; }

#mini-ads p { font-size:.75em; width:100px; }

#mini-ads a { width:223px; height:149px; float:left; }

.Banners { background:url(/images/adverts/Banners.jpg) no-repeat; }

.business-startup { background:url(/images/adverts/business-startup.jpg) no-repeat; }

.Consignment { background:url(/images/adverts/Consignment.jpg) no-repeat; }

.Consultation { background:url(/images/adverts/Consultation.jpg) no-repeat; }

.Delivery { background:url(/images/adverts/Delivery.jpg) no-repeat; height:149px; }

.Design-service { background:url(/images/adverts/Design-service.jpg) no-repeat; }

.fsc { background:url(/images/adverts/fsc.jpg) no-repeat; }

.News { background:url(/images/adverts/News.jpg) no-repeat; }

.Office-Supplies { background-image:url(/images/adverts/Office-Supplies.jpg); }

.Personalisation { background:url(/images/adverts/Personalisation.jpg) no-repeat; }

.Proofing { background:url(/images/adverts/Proofing.jpg) no-repeat; }

.Quote { background:url(/images/adverts/Quote.jpg) no-repeat; }

ul#home-panel { background:#dadce5; margin:5px 0px 15px 0px; padding:15px; border:#283168 solid 1px; float:left; width:95%; }

ul#home-panel li { background: url(/images/bullet-blue-background.jpg) no-repeat; padding:0px 0px 0px 20px; margin:0px; width:150px; float:left; }

.special-offers { font-size:1.4em; margin-top:-20px; color:#FF0000; font-weight:bold; }

#news-images { float:left; margin-left: 0px }

#news-images2 { float:left; margin-left: 0px; margin-right:10px; }

#news-images2 img { padding:5px 5px 20px 8px; background:url(/images/photo-bg.jpg) no-repeat; }

#news-images img { padding:5px 5px 20px 8px; background:url(/images/photo-bg.jpg) no-repeat; }

div.newsImages {}

div.newsImages img {float:left; margin:0 10px 10px 0; padding:3px; background-color:#fff; border:1px solid #ddd;}

/*------------Javascript Validation Error-----------*/
.formError { color: #FF0000; }

.errorMessage { color:#666666; font-size:0.8em; line-height:1.4em; margin:0 20px 0 0; }

/* Twitter */
#tweet-box h2 { margin:0px 0px 20px 0px; }

#tweet-box p { font-size:8px; color:#000; }

#tweet-box a,
#tweet-box a:visited { color:#000; text-decoration:none; }

#tweet-box a:hover { background:#618b06; }

#twitter_update_list { text-align:left; font-size:.7em; margin: 0; line-height:1.1em; }

#twitter_update_list LI { background: url(/assets/bullet_grey.gif) no-repeat; background-position:20px 5px; color:#000; padding-top:4px; LIST-STYLE-TYPE: none; MARGIN:0; }

#twitter_update_list A:link { BORDER-BOTTOM: #000 1px solid; MARGIN: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; COLOR: #000; text-decoration:none; PADDING-TOP: 1px }

#twitter_update_list A:visited { BORDER-BOTTOM: #000 1px solid; PADDING-BOTTOM: 1px; MARGIN: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; COLOR: #000; text-decoration:none; PADDING-TOP: 1px }

#twitter_update_list A:hover { BORDER-BOTTOM: medium none; PADDING-BOTTOM: 1px; BACKGROUND-COLOR: #666; MARGIN: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; COLOR: #000; PADDING-TOP: 1px; text-decoration:none; }

#twitter_update_list A:active { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; text-decoration:none; }

.clearfix { clear:both; display:inline; height:1px; }

.soo { color:#ff0000; position:absolute; bottom:0; width:100%; }

.viewport { float:left; width:210px; margin: 180px 14px 0px 0px; }

.float-right { float:right; margin:0 0 10px 10px;  }
img.float-right {border:1px solid #ddd; padding:3px; background-color:#fff;}


.twitter-follow { text-align:right; margin-right:10px; margin-top:5px; }

.welcome-allinsons { float:right; width:210px; margin: 6px 14px 0px 0px; }

.prod-feature { width:90%; margin:145px 0 0 10px }

/* new ad Buttons */
 a.adv-button { display:block; width: 220px;  padding:0; text-decoration: none; margin-top:5; margin-bottom:25px; }




 a.consultation-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/Consultation_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.consultation-button:hover { background-position: 0 -149px; }

a.pullup-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/Banners_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.pullup-button:hover { background-position: 0 -149px; }

a.designservices-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/Design-service_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.designservices-button:hover { background-position: 0 -149px; }

a.businessstartup-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/busstart_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.businessstartup-button:hover { background-position: 0 -149px; }

a.consignment-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/consignment_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.consignment-button:hover { background-position: 0 -149px; }

a.office-supplies-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/officesupplies_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.office-supplies-button:hover { background-position: 0 -149px; }

a.proofing-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/Proofing_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.proofing-button:hover { background-position: 0 -149px; }

a.contact-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/quote_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.contact-button:hover { background-position: 0 -149px; }


a.home-flyers-button { display:block; width: 233px; height:177px; padding:0; background: url(/images/flyer-offer.jpg) 0 0 no-repeat; text-decoration: none; }

a.home-flyers-button:hover { background-position: 0 -177px; }

a.delivery-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/delivery_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.delivery-button:hover { background-position: 0 -149px; }

a.personalisation-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/personal_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.personalisation-button:hover { background-position: 0 -149px; }

a.fsc-button { display:block; width: 233px; height:149px; padding:0; background: url(/images/adverts/fsc_button.jpg) 0 0 no-repeat; text-decoration: none; margin-bottom:15px; }

a.fsc-button:hover { background-position: 0 -149px; }

.float-left { float:left; }

.vacancylogo { float:left; margin:5px 20px 10px 0; display:block; float:left; }

a.job_nav span { color:yellow; font-weight:bold; }

.vacancies { display:block; }

p.subheader { width:100%; margin-top:20px; }

.vacancies p { width:100%; }

/* anchors
----------------------------------------------- */
a { font-weight:bold; text-decoration: none; }

a:hover { color:#333; }


/* NEW SLIDER */

#container {
  width:460px;
  padding:0;
  margin:0 auto;
  position:relative;
  z-index:0;
}

#products_example {
  margin:25px 0;
  width:460px;
  height:335px;
  
  position:relative;
}

/*
  Slideshow
*/

#products {
  margin-left:0;
}

/*
  Slides container
  Important:
  Set the width of your slides container
  Set to display none, prevents content flash
*/

#products .slides_container {
  width:460px;
  overflow:hidden;
  float:left;
  position:relative;
  border:1px solid #dfdfdf;
  display:none;
}

/*
  Each slide
  Important:
  Set the width of your slides
  If height not specified height will be set by the slide content
  Set to display block
*/

.slides_container a {
  width:460px;
  height:335px;
  display:block;
}

/*
  Next/prev buttons
*/

#products .next,#products .prev {
  position:absolute;
  top:127px;
  left:0;
  width:21px;
  height:0;
  padding-top:21px;
  overflow:hidden;
  display:block;
  z-index:101;
}

#products .prev {
  background:url(../img/arrow-prev.png);
}

#products .next {
  left:465px;
  background:url(../img/arrow-next.png);
}

/*
  Pagination
*/

#products .pagination {
  margin:26px auto;
  width:460px;
text-align:center;
  
}

#products .pagination li {
  float:left !important;
  padding:0;
  text-align:center;
  margin:5px 1px;
  list-style:none !important;
  background:none;
}

#products .pagination li a {
  display:block;
  
  width:12px;
  height:0;
  padding-top:12px !important;
  background-image:url(/img/pagination.png);
  background-position:0 0;
  float:left;
  overflow:hidden;
}

#products .pagination li.current a {
  background-position:0 -12px;
}
/*
  Caption
*/

.caption {
  z-index:500;
  position:absolute;
  bottom:-35px;
  left:0;
  height:30px;
  padding:5px 20px 0 20px;
  background:#000;
  background:rgba(0,0,0,.5);
  width:460px;
  font-size:1.3em;
  line-height:1.33;
  color:#fff;
  border-top:1px solid #000;
  text-shadow:none;
}

/* 960 grid system container background
----------------------------------------------- */

.container_16 { }

/* boxes
----------------------------------------------- */
.box { background:#ddd; margin-bottom:20px; padding:10px 10px 1px 10px; }

.box h2 { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#333; margin:-10px -10px 0 -10px; padding:6px 12px; }

.box h2 a,
.box h2 a.visible { color:#fff; background:#333 url("/img/switch_minus.gif") 96% 50% no-repeat; display:block; padding:6px 12px; margin:-6px -12px; border:none; }

.grid_4 .box h2 a { background-position: 97% 50%; }

.grid_5 .box h2 a { background-position: 98% 50%; }

.grid_12 .box h2 a { background-position: 99% 50%; }

.box h2 a.hidden,
.box h2 a.hidden:hover { background-image: url("/img/switch_plus.gif"); }

.box h2 a:hover { background-color:#111; }

.block { padding-top:10px; }

div.menu { padding:0; }

div.menu h2 { margin:0; }

div.menu .block { padding-top:0; }

/* paragraphs, quotes and lists
----------------------------------------------- */
p { margin-bottom:1em; }

blockquote { font-family: Georgia, 'Times New Roman', serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc; }

blockquote cite { font-size:.9em; }

ul,
ol { padding-top:0; }

/* table
----------------------------------------------- */
table { width:100%; border:1px solid #bbb; margin-bottom:10px; }

col.colC { width:8em; }

th,
td { padding:.2em 1em; text-align:left; }

thead th { border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em; }

thead th.table-head { font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555; }

tbody th,
tbody td { border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee; }

tbody tr.odd th,
tbody tr.odd td { background:#fff; }

tfoot th,
tfoot td { border-top:2px solid #666; background:#eee; }

tfoot tr.total th,
tfoot tr.total td { border-top:6px double #666; }

tfoot tr.total th { text-transform:uppercase; }

th.currency,
td.currency { text-align:right; }



/* =STICKY_FOOTER
----------------------------------------------- */
* { margin:0; padding:0; }

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html,
body,
#wrap { height: 100%; width:100%; }

body > #wrap { height: auto; min-height: 100%; }

#main { padding-bottom: 50px; }  /* must be same height as the footer */

#footer { position: relative; margin-top: -50px; /* negative value of footer height */ height: 50px; clear:both; background: url(/images/footer_bk.png) top center no-repeat; }

/* =CLEARFIX
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */

/* =Basic HTML
--------------------------------------------------------------------------------*/

a:focus { outline: 1px dotted invert; }

hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }

/* =Headings
--------------------------------------------------------------------------------*/

h1 { color:#162d57; border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:14px; font-size:22px;}

h2 {margin-bottom:3px; color:#162d57;  font-size:16px; text-decoration:none; border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:7px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 30px; }

h6 { font-size: 15px; }

h1,
h2,
h3,
h4,
h5,
h6 {  }

h2.specialoffer {background-color:#162d57; padding:7px 10px; display:inline-block; color:#fff; font-size:120%; font-weight:normal;}
h2.news { font-size:140%; font-weight:normal; border:none; margin-bottom:0;}
h2.news a, h2.news a:hover { color:#162d57;}
p.dates {font-style:italic; font-size:12px !important;}
  
h5 { font-weight: lighter; }

h6 { text-transform:uppercase; }

h1 a { font-weight:normal; }

/* page heading */
h2#page-heading { font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc; }



#headcontact { color:#00ACEC; float:left; width:400px; height:auto; margin-top:43px;text-align:right; float:right; }

#headcontact p { color:#fff; font-size:13px; font-weight:bold; }

.blue { color:#00ACEC; font-weight:bold; }

#headcontact a { color:#fff; }

#logo { float:left; width:250px; height:auto; margin-top:30px; }

/*-----------------------------*/

fieldset ul { margin: 6px 0px 20px 0px; }
fieldset li { background:none; list-style:none; float:left; width:95%; padding: 5px 0px 5px 10px; }
input.flag { display:none; }
fieldset label { width:150px; float:left; font-size:12px; white-space:normal; }
fieldset input { float:left; font-size:1em; padding:2px 0; width:70%; }
fieldset textarea { float:left; font-size:1em; font-family:Arial, Helvetica, sans-serif; padding:2px 0; width:60%; margin-bottom:5px; height:100px; }
legend { color:#666666; padding:0px 0px 0px 0px; font-size:0.7em; font-weight:bold; margin-left:1em; text-transform:uppercase; }
fieldset input.submit { width:75px; float:left; margin-left:150px; }
fieldset { margin-bottom:10px; background-color:#F7F7F7; border:1px solid #D9D9D9; width:99%; }


.homesectioncol { height:500px; margin-bottom:20px; }



.grid_4 h4 {font-size:14px; margin: 0 0 5px 0;}
.grid_4 p {font-size:12px; margin: 0 0 10px 0; color:#333;}
.grid_4 hr {margin:5px 0;}


.homesectioncolnews { height:505px; background:url(/img/gradient.jpg) top center no-repeat; margin-bottom:20px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; }

.homesectioncolnews p { color:#FFFFFF; font-size:11px; line-height:15px; margin:5px 12px; text-align:left;}

.homesectionboxtop { float:left;  width:220px; height:177px; margin-bottom:20px; padding:0; -moz-border-radius: 8px;
-webkit-border-radius: 8px;  }

.homesectionboxbot { float:left; background-color: #666; width:220px; height:308px; margin-bottom:10px; -moz-border-radius: 8px;
-webkit-border-radius: 8px;  padding:0; margin:0; }

.homesectionboxbot2col { float:left; background-color: #666; width:460px; height:308px;  margin-bottom:10px; -moz-border-radius: 8px;
-webkit-border-radius: 8px;  }

.homesectionmargin { margin-right:20px; }

/* Content */
.grid_8 h1 {   }
.grid_8 h2 {  }

.grid_8 h3 { padding-top:10px; padding-bottom:0px; color:#df7a1f; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11.25px; }

.grid_8 p { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.6em; }

.grid_8 a:link,
.grid_8 a:visited { color:#000e4b; font-family: Arial, Helvetica, sans-serif; text-decoration:none; }

.grid_8 a:hover { color:#000033; font-family: Arial, Helvetica, sans-serif; text-decoration:underline; }
.grid_8 ul { list-style:none; margin-bottom:10px }

.grid_8 li { margin-left:5px;  font-weight:normal; line-height: 22px; font-size:13px !important; color:#666666; background:url(/images/bullet.jpg) top left no-repeat; padding:0 25px }


.grid_12 p { font-family: Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.6em;  }
.grid_12 p.specialoffers-packages { font-weight:bold; font-size:1.1em; color:#222; margin:0; padding:0; }

.grid_12 h3 {  padding-top:10px;  padding-bottom:0px; color:#df7a1f; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:11.25px;color:#222; font-size:.8em; }

.grid_12 h2 {   }
.grid_12 hr { margin:20px 0; color:#aaa; }

body.specialoffers .grid_12 h3, body.specialoffers .grid_12 p {width:430px;}

.btnHomeSubmit { background-color:#2bbceb; background:url(/images/button-black-main.gif) top left no-repeat; font-weight:bold; font-size:12px; color:#fff; border:none; padding:0 0 4px 4px; float:left;  cursor:pointer; height: 26px;  position: relative;}

.signup {float:left; margin:0 5px 0 5px; padding:0px 5px; width:120px; height:24px;}

.buttonstyle { background-color:#2bbceb; background:url(/images/button-cyan-main.gif) top left no-repeat; font-weight:bold; font-size:12px;  color:#fff; padding:5px 0 0 8px; float:left; margin-left:5px; cursor:pointer; position: relative;  height: 26px;
}
.buttonstyle-ending {position: absolute;
    display: inline;
    width: 7px;
    height: 26px;
    background: url(/images/button-cyan-end.gif) no-repeat;}
  
a.button-quote {background:url(/img/button-quote.jpg) no-repeat top left; height:24px; width: 109px; display:block;}
a.button-more-info {background:url(/img/button-more-info.jpg) no-repeat top left; height:24px; width: 122px; display:block;}
a.button-find-out {background:url(/img/button-find-out.jpg) no-repeat top left; height:24px; width: 103px; display:block;}

a:hover.button-quote, a:hover.button-more-info, a:hover.button-find-out, a:hover.button-send {background-position: bottom left;}


.sendbuttonstyle {background-color:#2bbceb; font-weight:bold; font-size:14px; color:#fff; border:none; padding:4px; margin-bottom:10px; cursor:pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; width:100px;}

.blackbutton-ending {background:url(/images/button-black-end.gif)  no-repeat;}
.blackbutton {background:url(/images/button-black-main.gif)  no-repeat;}
#menu li.noborder {border:none;}
#menu li a:active {text-decoration:underline;}




/* Footer Styling */
#footer { background: url(/img/header_back.jpg) no-repeat top center #000A3F; font-family: Arial, Helvetica, sans-serif; }

.footcontent { padding-top:18px; }

#footer p { font-size:.7em; color: #FFFFFF; line-height:.9em; }

#footer a:link,
#footer a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }

#footer a:hover { text-decoration: underline; }

#footer_left { float:left; width:600px; text-align:left }

#footer_left h1 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; line-height:27px; }

#footer_left p { }

#footer_right { float:right; width:300px; text-align:right }

#footer {
  margin-top:20px; /* negative value of footer height */
  height: 90px;
  clear:both;} 

#main_flash1 {margin: 15px 10px 0px 0px; width: 210px; float: right; }
#main_flash1 h1 {text-align: left; margin-bottom: 10px; line-height: 18px; font-size: 17px;}
#main_flash1 p {text-align: left; font-size: 11px; line-height: 14px;}
.marginleftnone {margin-left: 0px;}
#main_flash1_img {width: 210px; float: left;}
#main_flash1_img img {margin: 10px 0pt 0pt 10px;}

#productfeature2 {width:90%; margin:5px 0 0 10px;}
#productfeature2 h1 {color:#FFFFFF; font-size:17px; padding:6px 0px 0px 0px; text-align: center;}

#productfeature2b {width:90%; margin:5px 0 0 0px}
#productfeature2b h2 {color:#FFFFFF; font-size:15px; padding:6px 0px 0px 15px; text-align: left;}
#productfeature2b p {color:#FFFFFF; font-size:11px; line-height:15px; padding:0px 5px 0px 15px; text-align:left;}
#productfeature2b p.empty {padding:0; margin:0}
#productfeature2b img {float:left; clear:both; margin:2px 0 10px 0;  }

.productfeaturebg {background: url(/images/homepage/featureback.jpg); padding:0; margin:0;}
































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */