@charset "utf-8";
/* CSS Document 

Author: Jazmin Brooks
Date: February 2010
Site: Original Poster Company

*/

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form,input,textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    zoom:1;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
html {
    height: 100%;
    padding:0;
    margin:0;
    padding-bottom:1px;
}

/*standard styles */

body {
    margin: 0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:18px;
    color:#333333;
    background-color:#fff;
    min-height:100%;
    background-image:url(../images/body_bg.gif);
    background-repeat:repeat;
}

p{
    margin:0;
    padding-bottom:15px;
}

a img{
    border:none;
}

img{
    display:block;
}

form img{
    display:inline;
}

.clear{
    clear:both;
    height:0;
    overflow:hidden;
}
.left{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}
.right{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.leftBorder{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #aeb1b5;
}
.rightBorder{
    float:right;
    margin-left:10px;
    margin-bottom:10px;
    border:1px solid #aeb1b5;
}

h1{
    line-height:normal;
    font-size:24px;
    font-weight:normal;
    color: #fff;
    margin-bottom:15px;
    background-color:#c3d82f;
    padding:3px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

h2{
    line-height:normal;
    font-size:17px;
    font-weight:bold;
    color:#7b8b10;
    margin-bottom: 10px;
}

h2 a{
    color:#7b8b10;
}

h3{
    line-height:normal;
    font-size:15px;
    font-weight:bold;
    color:#7b8b10;
    margin-bottom:10px;
}

a {
    color:#7b8b10;
    text-decoration:none;
    font-weight:bold;
}

a:hover {
    color:#596603;
}

ul{
    padding:0;
    margin:10px 10px 10px 10px;
}

ol {
    padding:10px 30px;
}

li{
    list-style: none;
    background: url(../images/bullet.png) no-repeat left 2px;
    padding-left: 20px;
    margin-bottom:10px;
}

ol li{
    list-style:decimal;
    padding-left:0;
    background-image:none;
}

ol li ol{
    padding:10px 30px;
}

ol li ol li{
    list-style:lower-alpha;
}

.lightbox {
    background-color: #ffffff;
    border: 2px solid #c3d82f;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
.lightbox form label {
    margin:7px 0 0 0;
    display:block
}
.lightbox form input, .lightbox form select, .lightbox form textarea {
    width: 220px;
}

.lightbox .lightbox-tools {
    top: -18px;
    right: -18px;
}
.lightbox .lightbox-tools .lightbox-close {
    height: 40px;
    width: 40px;
}

/* Form Stuff*/

input, textarea, select{
    border:1px solid #a9acb1;
    font-family:Arial, Geneva, sans-serif;
    font-size:11px;
    padding:5px 5px;
    width:200px;
    background-image:url(../images/input_bg.jpg);
    background-repeat:repeat-x;
    float:left;
}

input.invalid, textarea.invalid, select.invalid{
    border: 1px solid #b97575;
}

select{
    width:200px;
}

textarea {
    height:100px;
    width:200px;
}

.contactButtons a{
    background-color:#fff;
    background-image:url(../images/button_contact_sprite.png);
    background-repeat:no-repeat;
    background-position:top left;
    color:#545353;
    font-weight:normal;
    font-size:14px;
    cursor:pointer;
    margin-top:0;
    line-height:normal;
    width:90px;
    display:block;
    float:right;
    text-align:center;
    padding:9px 0 9px;
    height:auto;
    text-shadow: -1px 1px 0px #ffffff;/*Not for IE, IE users will miss out on this subtle effect*/
}

.contactButtons a:hover{
    text-decoration:none;
    background-position:0 -34px;
}
.contactButtons a:focus{
    outline:none;
}
.contactButtons a:active{
    outline:none; /* remember this one to remove the dotted line */
    text-decoration:none;
    background-position:0 -68px;
}

.validation{
    padding-left:5px;
}


label {
    cursor:pointer;
    color:#7b8b10;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

.noBorder{
    border-style:none !important;
}

form td{
    padding-bottom:5px;
}

/*Page Structure*/

#header{
    background-image:url(../images/header_bg.png);
    background-repeat:repeat-x;
    background-position:top;
    line-height:normal;
    padding-bottom:10px;
}

#headerInner{
    width:960px;
    margin:0 auto;
}

#content{
    padding-bottom:25px;
}

#contentInner{
    width:940px;
    margin:0 auto;
}

#footer{
    border-top:7px solid #c3d82f;
    background-color:#e0e2e5;
}

#footerInner{
    width:940px;
    margin:0 auto;
    padding:20px 0 30px 0;
}

/*Header*/

#logo{
    float:left;
    /*width:200px;
	padding:0 20px 0 0;*/
}

#headerMain{
    float:left;
    width:750px;
    padding-right:10px;
}

#headerLogin{
    float:right;
    width:140px;
    line-height:normal;
    margin-bottom:25px;
}

#headerLogin a{
    font-weight:normal;
    font-size:14px;
    color:#545353;
    text-shadow: -1px 1px 0px #dcdfe3;/*Not for IE, IE users will miss out on this subtle effect*/
    background-image:url(../images/button_login_sprite.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    width:140px;
    display:block;
    text-align:center;
    padding:4px 0 5px;
}

#headerLogin a:hover{
    background-position:0 -25px;
    color:#7b8b10;
    text-shadow: -1px 1px 0px #fff;/*Not for IE, IE users will miss out on this subtle effect*/
}

#headerLogin a:active{
    background-position:0 -50px;
    color:#6c6868;
    text-shadow: -1px 1px 0px #dcdfe3;/*Not for IE, IE users will miss out on this subtle effect*/
}

#strapline{
    float:right;
    padding-right:10px;
}

#menu{
    margin-top:26px;
    line-height:normal;
    border-left:1px solid #a9acb1;
    /*border-right:1px solid #e9ecef;*/
}
#menu .menu-top {
    color: red;
    background: transparent;
    border:none;
}

/*Content*/

/*Specialised Styles in Home Header section*/
#homeHeader{
    margin-bottom:20px;
    overflow: hidden;
    /*background:url(/images/uk/home_header_placeholder.jpg) no-repeat;*/
    width:940px;
    height:261px;
    /*outline:1px solid red*/

}
#homeHeaderLeft {
    background:url(../images/homeHeader_leftbg_grad.png) no-repeat;
    width:640px;
    float:left;
    height:100%;
    /*outline:1px solid green*/
}
a.homeHeaderLink {
    display:block;
    width: 280px;
    height:66px;
    padding:10px;
    margin-left:640px;
    outline:none;
    font-weight:normal;
    color:#000000;
    overflow: hidden;
    /*outline: 1px solid blue;*/
}
#homeHeader a.homeHeaderLink:hover {
    background-position: 0 0;
}

.homeHeaderLink p{
	font-size:11px;
	line-height:14px;
}

#homeHeaderLinkTop {
    background-image: url(../images/homeHeader_products.png);
    background-position: 0 -86px;
}
#homeHeaderLinkMiddle {
    background-image: url(../images/homeHeader_franchisees.png);
    height:67px;
    background-position: 0 -87px;
}
#homeHeaderLinkBottom {
    height:68px;
    background-position: 0 -88px;
    background-image: url(../images/homeHeader_retailers.png);
}

a.homeHeaderLink h2 {
    font-size: 24px;
    font-weight:normal;
    text-shadow: -1px 1px 1px #ffffff;
    -moz-text-shadow: 1px 1px 1px #ffffff;
    -webkit-text-shadow: 1px 1px 1px #ffffff;
    margin-bottom: 0;
}

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


#mainCol{
    float:left;
    width:620px;
    margin-right:20px;

}

.products #mainCol{
    width:100%;
}

.mainColInner{
    padding:0 10px;
}

.ctaSM{
    margin-top:20px;
    line-height:normal;
}
.ctaSM .twitter{
    background-image:url(../images/button_sm_sprite_t.png);
}

.ctaSM .facebook{
    background-image:url(../images/button_sm_sprite_fb.png);
}

.ctaSM a{
    display:block;
    width:140px;
    float:left;
    margin-right:20px;
    font-size:14px;
    font-weight:normal;
    color:#545353;
    text-shadow: -1px 1px 0px #fff;/*Not for IE, IE users will miss out on this subtle effect*/
    padding:15px 5px 13px 45px;
    margin-bottom:10px;
    outline: none;
    cursor:pointer;
}

.ctaSM a:hover{
    background-position:0 -44px;
}

.ctaSM a:active{
    background-position:0 -88px;
}	

.ctaSMrcol{
    width:190px;
    margin:0 auto;
}

#subCol{
    float:left;
    width:300px;
}

.subColInner{
    padding:0 10px;
}

#newsNugget{
    margin-bottom:20px;
}

.readmore{
    font-size:14px;
    float:right;
    margin-top:10px;
}

.ctaSubCol{
    line-height:24px;
}

.ctaSubCol a{
    display:block;
    width:225px;
    background-image:url(../images/button_cta_sprite.jpg);
    background-repeat:no-repeat;
    font-size:22px;
    color:#545353;
    text-shadow: -1px 1px 0px #fff;/*Not for IE, IE users will miss out on this subtle effect*/
    font-weight:normal;
    padding:25px 60px 25px 15px;
    outline:none;
    cursor:pointer;
	margin:0 0 20px 0;
}

.ctaSubCol a:hover{
    background-position:0 -98px;
}

.ctaSubCol a:active{
    background-position:0 -196px;
}

.ctaSubCol span{
    font-size:15px;
}

/*Footer*/

#footerMenu{
    float:left;
    width:620px;
    color:#545353;
    margin-right:20px;
}

#footerMenu a{
    font-weight:normal;
}

#footerCredit{
    float:right;
    width:220px;
}

#footerCredit img{
    display:inline;
}

/*Resellers*/

.resellerList{
    border-left:1px solid #c3d82f;
    border-right:1px solid #c3d82f;
}


.resellerList th{
    color:#fff;
    background-color:#c3d82f;
    font-size:16px;
    text-align:left;
}

.resellerList tr{

}

.resellerList th{
    padding:5px 10px;
    vertical-align:top;
}

.resellerList td{
    padding:10px 10px;
    vertical-align:top;
}

.resellerList .resaleArea{
    font-weight:bold;
    color:#7b8c10;
    font-size:14px;
}

.resellerList td{
    border-bottom:1px solid #c3d82f;
}

.resaleDetail h2{
    margin:5px 0 3px 0;
}
.resellerList .area {
    cursor: pointer;
    background-color:#FFFFFF;
}
.resellerList .arrow {
    background-image:url(../images/resale_tr_bg_off2.jpg);
    background-position:right center;
    background-repeat:no-repeat;
}
.resellerList .area:hover {
    background-color:#EDEEF0;
}
.resellerList .area:hover .arrow {
    background-image:url(../images/resale_tr_bg_on2.jpg);
    background-color:#EDEEF0;
}

/*Products*/

#submenu{
    float:left;
    width:168px;
    border-width:1px 1px 0 1px;
    border-color:#c3d82f;
    border-style:solid;
    background-color:#FFF;
    margin-right:20px;
}

#submenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#submenu li {
    margin: 0;
    padding:0;
    background-image:none;
}

#submenu li a {
    line-height: normal;
    display: block;
    color: #545353;
    text-decoration: none;
    padding:12px 20px;
    font-weight:normal;
    font-size:14px;
    background-image:url(../images/submenu_off.gif);
    background-repeat:no-repeat;
    background-position:right;
    border-bottom:1px solid #c3d82f;
}

#submenu li a:hover{
    color:#7B8B10;
}

#submenu li a:active, #submenu li .active{
    color: #545353;
    background-image:url(../images/submenu_on.gif);
    background-color:#edeeef;
}

#productDetails{
    width:730px;
    float:left;
}

#productImage{

}

#productImage img{
    border:1px solid #c3d82f;
}

#productText{
    padding:20px 0;
}

/*News*/

#archiveMenu{
    border-top:1px solid #c3d82f;
}

#archiveMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#archiveMenu li {
    margin: 0;
    padding:0;
    background-image:none;
}

#archiveMenu li a {
    line-height: normal;
    display: block;
    color: #545353;
    text-decoration: none;
    padding:12px 20px;
    font-weight:normal;
    font-size:14px;
    background-image:url(../images/submenu_off.gif);
    background-repeat:no-repeat;
    background-position:right;
    border-bottom:1px solid #c3d82f;
}

#archiveMenu li a:hover{
    color:#7B8B10;
}

#archiveMenu li a:active, #archiveMenu li .active{
    color: #545353;
    background-image:url(../images/submenu_on.gif);
    background-color:#edeeef;
}

.newsPosted{
    margin:10px 0;
    color:#6c6868;
}

/*Testimonials*/

.testimonial{
padding:0 0 20px 0;
}

.testimonialDetails{
    float:left;
    width:70px;
    font-size:10px;
    color:#99a64b;
    margin-right:10px;
    line-height:normal;
}

.testimonialDetails img{
    margin-bottom:10px;
}

.testimonialText{
    float:left;
    width:200px;
}
#contactus_form table {
    margin-right:10px;
    width:280px;
    float:left;
}
#contactus-table2 {
    margin-top:19px;
}
#contactus_form table input {
    width:240px;
}
#contactus_form table select {
    width:240px;
}
#contactus_form table textarea {
    width:240px;
    height:70px;
}
#contactus_form table #address {
    height:45px;
}
#contactus_form table #postcode {
    width:80px;
}

/* Banner Ads */

#opcBannerAds{
	border:1px solid #c3d92f;
	background-color:#fff;
}

	#opcBannerAds .bannerAdCategory{
		width:299px;
	}
	
	#opcBannerAds #advert1, #opcBannerAds #advert2{
		padding:25px 0 30px 0;
	}

	#opcBannerAds h2{
		padding:5px;
		text-align:center;
		color:#fff;
		background-color:#c3d92f;
	}
	
/* Staff Table */

.staffTable{
	border-collapse:collapse;
	border:none;
}

	.staffTable td{
		padding:0 0 10px 0;	
	}
	
	.staffTable img{
		border:1px solid #aeb1b5;
		margin:0 10px 0 0;
	}
	
	.staffTable hr{
		border:none;
		color:#C3D82F;
		background-color:#C3D82F;
	}