/*--------------------- COLOURS ------------------*/
body, #subcontent li a, #masthead .right a, #content p.breadcrumb a, #footer li a {
	color:#454454;
}
/*-------------------------------------------------*/

body {
	text-align:center;
	background:#fff;
	font-family:arial;
}
* {
	margin:0;
	padding:0;
}
html {
	height:100%;
	margin-bottom:1px;
	font-size:100%;
	overflow:scroll;
}
#outerwrapper {
	margin:0px auto;
	width:712px;
	text-align:left;
}
#wrapper {
	width:712px;
	float:left;
	margin:0 0 0 0;
	min-height:100px;	
}
#masthead {
	height:145px;
	height:149px;
	
	background:url(../images/nav_bgRev.jpg) no-repeat left bottom;
	background:url(../images/nav_bg_rev.jpg) no-repeat left bottom;
	margin-bottom:10px;
}
#home #content {
	float:left;
	display:inline;
	background:#f7f7f6;
	width:349px;
	min-height:275px;
	min-height:260px;
	margin:-5px 0 0 0px;
}
#content {
	float:left;
	display:inline;
	margin:0 0 0 180px;
	margin:-5px 0 0 180px;
	width:532px;
	min-height:380px;
	background:#fff;
	padding-bottom:15px;
	/*position:relative;
 	z-index:0;*/
 	
}
#content.color {
	background:#efefed;
}

#home #subcontent {
	float:left;
	display:inline;
	width:351px;
	min-height:275px;
	margin:0px 0 0 12px;
	margin:-5px 0 0 10px;
}
#home #subcontent img {
	display:none;
}
#home #subcontent img.show {
	display:block;
}
#subcontent {
	float:left;
	display:inline;
	width:170px;
	min-height:200px;
	margin:-5px 0 0 -712px;
	
}
#footer {
	clear:both;
	border-top:2px solid #78a22e;
	border-top:2px solid #9c0059;
	float:left;
	width:712px;
	margin-top:12px;
}

/*------------------------------STRUCTURAL CLASSES-------------------------*/
/*#masthead .right {
	float:right;
	width:250px;
	display:inline;
	margin:20px 0 0 0; 
	margin:40px 0 0 0;
}*/

#masthead .right {
	float:left;
	width:250px;
	display:inline;
	margin:45px 0 0 216px;
}



#subcontent .call {
	width:150px;
	height:106px;
	background:url(../images/subcontent_callRev.jpg) no-repeat left top;
	background:url(../images/we_can_help.jpg) no-repeat left top;
	padding:15px 5px 15px 15px;
	padding:40px 5px 15px 15px;
	height:81px;
}
#contact_us #subcontent .call, #newsletter_signup #subcontent .call  {
	margin-bottom:20px;
}

#content .left {
	float:left;
	width:160px;
	margin: 0 0 0 0;
	padding-top:0px;
}
#content .right {
	float:left;
	width:348px;
	display:inline;
	margin: 0px 0 0 10px;
	padding-bottom:10px;
}
#content .leftP {
	float:left;
	display:inline;
	margin:0 18px 15px 0;
	border:1px solid #747474;
	padding:5px;
}
.rightP {
	float:left;
	width:299px;
	width:301px;
	min-height:214px;
	height:214px;
	position:relative;
	background:#eee;
	border:1px solid #9c0059;
	border:none;
}
#content .info {
	margin-bottom:10px;
	float:left;
	background:#eee;
	border:1px solid #9c0059;
	border:1px solid #78a22e;
	border:none;
	width:532px;
	padding-bottom:5px;
	width:531px;
}
#content .left_oc {   /*this for why work with us page  */
	float:left;
	width:390px;
	margin: 0 0 0 0;
	padding-top:0px;
	display:inline;
}
#content .right_oc {    /*this for why work with us page*/
	float:left;
	float:right;
	width:132px;
	width:100px;
	display:inline;
	margin: 0px 0 0 10px;
	margin: 0px 0 0 10px;
	padding-bottom:10px;
}
#content .right_bp {
	position:absolute;
	top:182px;
	right:0px;
	width:132px;
}
.part {
	position:absolute;
	bottom:5px;
	left:0px;
	border-top:1px solid #9c0059;
	border-top:1px solid #ccc;
	padding-top:3px;
	width:301px;
}

/*----------------------- styles ----------------*/
.anchor {
	color:#9c0059;
}
.standout, #subcontent a.standout, #block a.standout {
	color:#fff;
	display:inline;
	margin:0;
	position:static;
}
.smallreg {
	font-size:80%;
	font-size:100%;
}
.hover {
	background:#ccc;
	
}

/*------------------------------HEADINGS/PARAGRAPHS------------------------*/
#home #content h1 {
	background:url(../images/home_h1_bg.jpg) no-repeat left top;
	margin:0 0 8px 0;
	font-size:16px;
	padding:25px 0 0 20px;
	color:#78a22e;
	color:#9c0059;
	position:static;
}
#content h2.brands {
	position:relative;
	height:50px;
	margin-bottom:6px;
}
#content p.brands {
	position:relative;
	margin-top:-30px;
	line-height:17px;

}
#content h1.supadj {
	margin:-6px 0 18px 0;
	margin:-6px 0 7px 0;
}
.revitalising_the_brand h1, .valet_packs_seasonal_promotion h1, .a_major_themed_promotion h1, .growing_market_share h1 {
	display:none;
}
/*#content h1 {
	color:#78a22e;
	position:relative;
	top:130px;
	font-size:16px;
	padding:0 0 0 0;
	margin-bottom:-4px;
}*/
#content h1 {
	color:#78a22e;
	color:#9c0059;
	font-size:16px;
	padding:0 0 0 0;
	margin:0 0 10px 0;
}
#whats_new #content h1 {
	margin-bottom:12px;
}

/*#contact_us h1, #newsletter_signup h1  {
	top:-25px;	
	margin-bottom:-16px;
}*/
#contact_us h1 {
	top:-25px;	
	/*margin-bottom:-16px;*/
	
}

#content .right h1 {
	font-size:13px;
	color:#9c0059;
	top:-2px;
	height:30px;
}
#content h2 {
	margin:0px 0 0px 0;
	font-size:16px;
	color:#9c0059;
}
#content .rightP h2 {
	margin:0 0 6px 0;
	border-bottom:1px solid #9c0059;
	padding:0 5px 0 5px;
	background:#9c0059;
	color:#fff;
	font-size:14px;
}
#links #content h2 {
	margin:0 0 6px 0;
	/*border-bottom:1px solid #9c0059;*/
	width:380px;
}
#brand_portfolio #content h1 {
	width:390px;
}
#content h3 {
	color:#9c0059;
	font-size:12px;
	margin:0 0 5px 0;
}
#content h2.connections {
	background:url(../images/connections_icon.jpg) no-repeat right center;
	width:150px;
}
#content h2.knowledge {
	background:url(../images/knowledge_icon.jpg) no-repeat right center;
	width:140px;
}
#content h2.agility {
	background:url(../images/agility_icon.jpg) no-repeat right center;
	width:105px;
}
#content h2.capability {
	background:url(../images/capability_icon.jpg) no-repeat right center;
	width:130px;
}
#home #content p {
	font-size:16px;
	padding:0 20px 0 20px;
	line-height:20px;
	width:300px;
	color:#78a22e;
	color:#9c0059;
	
}
/*#brand_portfolio #content p {
	width:385px;
}*/
#content p  {
	font-size:12px;
	width:390px;
	margin-bottom:7px;
	line-height:15px;
}
#content .info p {
	padding:0px 0 0 7px;
	line-height:18px;
	color:#fff;
	width:524px;
	margin:0;
	background:#9c0059;
}
#subcontent p {
	
	font-size:11px;
	margin-bottom:7px;
	line-height:15px;
	padding-left:10px;
	
}
p.right {
	text-align:right;
}
#content .right p {
	width:auto;
}
#content p.listing {
	margin-top:20px;
	color:#9c0059;
}
#masthead .right p {
	float:right;display:inline;
}
#block h3, #subcontent .call h3  {

	font-size:14px;
	margin-bottom:6px;
	color:#fff;
}
#subcontent .call h3 {
	margin-bottom:3px;
}
#block li p {
	width:145px;
}
#block li.first p, #subcontent .call p  {
	color:#f2a2d0;
}
#subcontent .call p {
	color:#c8f17f;
}

#subcontent .call p {
	width:150px;
	font-size:11px;
	padding:0;
	
}

#block li.two p {
	color:#c8f17f;
}
#block li.three p, #block li.four p  {
	color:#cccccc;
}

#content p.breadcrumb {
	font-size:10px;
	float:left; 
	display:inline;
	margin:-22px 0 0 -157px;
	margin:-20px 0 0 -154px;
	width:689px;
}
#content p.pagination {
	text-align:right;
	clear:both;
	float:left;
	width:480px;
}
#terms_of_use #content p {
	width:525px;
}
#content p.links {
	margin:0;
}
p.hide {
	position:absolute;
	left:-9000px;
}
/*-------------------------------LISTS/ANCHORS--------------------------------*/
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#masthead p.breadcrumb a {
	color:#747474;
}
#masthead .right a {
	font-size:11px;
}
#home #content a {
	color:#78a22e;
	font-size:14px;
}
#content a.link {
	font-size:10px;
}

#content a {
	color:#9c0059;
	font-size:12px;
}
#content p.listing a {
	font-size:11px;
}

ul#block  {
	clear:both;
	float:left;
	width:712px;
	float:left;
	display:inline;
	list-style:none;
	color:#fff;
	margin:10px 0 0 0px;
	
}
ul#block li  {
	float:left;display:inline;
	margin-right:0px;
	width:150px;
	height:106px;
	padding:15px 5px 15px 15px;
	position:relative;
	font-size:11px;
}
#block li.first {
	background:url(../images/block_first.jpg) no-repeat left top;
	background:url(../images/block1.jpg) no-repeat left top;
	background:url(../images/home_buttons_help.jpg) no-repeat left top;
	margin-right:10px;
}
#block li.two {
	background:url(../images/block_two.jpg) no-repeat left top;
	background:url(../images/block2.jpg) no-repeat left top;
	background:url(../images/home_buttons_why.jpg) no-repeat left top;
	margin-right:10px;
}
#block li.three {
	background:url(../images/block_three.jpg) no-repeat left top;
	background:url(../images/block3.jpg) no-repeat left top;
	background:url(../images/home_buttons_case.jpg) no-repeat left top;
	margin-right:10px;
}
#block li.four {
	background:url(../images/block_three.jpg) no-repeat left top;
	background:url(../images/block4.jpg) no-repeat left top;
	background:url(../images/home_buttons_pdts.jpg) no-repeat left top;
}
	
#block a {
	color:#fff;
	position:absolute;
	bottom:10px;
	
	left:17px;
}

#footer ul {
	list-style:none;
	float:left;display:inline;
	margin:4px 0 15px 0;
}
#footer li, #footer li a {
	float:left;display:inline;
	
}
#footer li.first {
	margin-right:330px;
	margin-right:265px;
	font-size:11px;
}
#footer li a {
	margin-left:10px;
	
	font-size:11px;
}
#content ul {
	font-size:12px;
	width:377px;
	padding-left:13px;
}
#content li {
	margin-bottom:7px;
	line-height:15px;
}
#content .rightP ul {
	width:270px;
	margin-left:7px;
	padding-left:15px;
}
#content .rightP li {
	line-height:14px;
}
#content ul.productlistings {
	list-style:none;
	width:532px;
	padding:0;
}
.adj {
	margin-top:17px;
}

#content .productlistings li {
	margin:0;
	float:left;
	display:inline;
	width:100px;
	text-align:center;
	margin:0 30px 10px 0;
	height:150px;
}
#content .productlistings li a {
	clear:both;
	display:block;
	text-align:center;
	
}
/*#content ul.productdetail  {
	
	background:none;
	margin:0;
	display:inline;
	float:left;
	padding:0;	
	margin: 0 0 0 5px;
	
}
#content .productdetail li {
	padding:0 0 0 0px;
	margin:0 0 3px 13px;
	width:275px;
	
}*/
#why_work_with_us #content ol {
	list-style:lower-roman;
}
#content ol {
	margin:5px 0 0 18px;
	font-size:12px;
}
#content li p {
	margin:7px 0 7px 0;
}
#subcontent ul {
	float:left;
	display:inline;
	list-style:none;
	margin:20px 0 0 0px;
}
#subcontent ul.subcatNav, #subcontent ul.subsubcatNav {
	margin:0 0 0 10px;
	float:left;
	display:inline;
	width:150px;
}
#subcontent li, #subcontent .subcatNav li, #subcontent .subsubcatNav li  {
	display:block;
	float:left;
	width:160px;
}
#subcontent .subcatNav li, #subcontent .subsubcatNav li {
	width:150px;
}
#subcontent li a, #subcontent .subcatNav li a , #subcontent .subsubcatNav li a {
	margin-bottom:8px;
	height:auto;
	font-size:11px;
	display:block;
	background:url(../images/catArrow.jpg) no-repeat left center;
	padding-left:12px;
}


#subcontent li a:hover, #subcontent li a.selected, #subcontent .subsubcatNav li a.selected  {
	color:#9c0059;
	text-decoration:none;
}
#subcontent a {
	color:#9c0059;
}

#content p.breadcrumb a  {
	font-size:10px;
}
#content .left ul {
	float:left;
	display:inline;
	margin:0 0 25px 20px;
	width:125px;
	
}
#content .left li {
	font-size:10px;
	color:#9c0059;
	margin-bottom:5px;
	width:130px;
	
}
#content .left ul h3 {
	margin:0 0 8px -10px;
}
#content ul.searchresults {
	float:left;
	margin:0 0px 10px 0px;
	display:inline;
	padding:0 0 2px 0;
	border-bottom:2px solid #9c0059;
	float:left;
	width:532px;
	width:390px;
}
#content .searchresults li, .searchresults li a {
	float:left;
	background:none;
	padding:0 0 0 0;
	display:inline;
}
#content .searchresults li a {
	margin-right:10px;
	font-size:12px;
}
.searchresults li a.selected {
	font-weight:bold;
}
#content p.title a, #content p.pagination a  {
	font-size:12px;
	clear:both;
}
#links #content ul {
	list-style:none;
}
#links #content li  {
	padding:0;
	margin-left:-13px;
}

#news #content ul {
	list-style:none;
	clear:both;
	margin:0 0 0 -12px;
	margin:0;
	float:left;
	width:515px;
	padding:0;
}
li.clear {
	float:left;
	width:100px;
	margin-right:10px;
}
li.width {
	float:left;
	width:405px;	
}
dl.header {
	float:left;display:inline;
	line-height:18px;
	margin-bottom:0px;
	color:#9c0059;
	background:#9c0059;
	background:#78a22e;
	background:none;
	border-bottom:1px solid #ccc;
}
dl.header.nounderline {
	border:none;
}

.header dd {
	margin-bottom:0px;
}
dl.header:hover, .part dl:hover {
	background:none;
}
/*dl:hover {
	background:#f6f0f3;
	cursor:pointer;
}*/

dl {
	float:left;
	font-size:12px;
	clear:both;display:inline;
	margin:0 0 0 0px;
	width:531px;
	width:521px;
	text-align:left;
	line-height:18px;
	padding:0 0 0 10px;
	
}
dd {
	float:left;
	display:inline;
	margin:0 20px 0px 0;
	margin:0 4px 0 0;
	width:100px;
	color:#454454;
	
}
dl.nofloat {
	text-align:left;
	display:inline;
	margin:0 0 0 0px;
	border:none;
}
.nofloat dd {
	float:none;
	width:100%;
	display:block;
}

 .part dl {
	float:left;display:inline;
	text-align:left;
	margin:0 0 0 0px;
	width:290px;
}
 .part dt {
	float:left;
	width:100px;
}
.part dd {
	width:180px;
	margin:0px;

}
#content .header a {
	color:#454454;
}
/********************** stockists ***********************/
dl#stockistList {
	float:left;
	clear:both;
	width:100%;
	padding:0;
	margin:0 0 0px 0;
	width:532px;
}
dl#stockistList p {
	margin:0 0 5px 0;
}

dl#stockistList dt, dl#stockistList dd {
	float:left;
	width:532px;
	padding:0;
	
}


dl#stockistList dt {
	cursor:pointer;
	color:#9d0059;
	font-weight:bold;
	margin-bottom:10px;

}
dl#stockistList dd {
	display:none;
	width:522px;
	padding:0 0 10px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	
}

/*----------------what's new -------------------*/
dl.whatsnew {
	float:left;
	width:532px;
	min-height:80px;
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
	border:1px solid #ccc;
	padding-left:10px;
	width:522px;
	width:518px;
	margin:0 0 10px 0;
}
.whatsnew dt, .whatsnew dd {
	margin:0px 0 0px 0;
	padding:0;
}
.whatsnew dd {
	text-indent:0px;
	clear:both;
	float:none;
	display:block;
	margin:0 0 2px 0;
	width:400px;
}
.whatsnew a {
	font-weight:normal;
	clear:both;
}
#content .whatsnew h2 {
	margin:5px 0 5px 0;
}
.whatsnew dt {
	font-size:16px;
	color:#9c0059;
	font-weight:bold;
	padding-top:5px;
}

/*-------------------------------IMAGES--------------------------*/
/*#masthead img {
	position:absolute;
	top:42px;
	left:22px;
}*/
#masthead img {
	float:left;
	display:inline;
	margin:42px 0 0 22px;
}
#content .left img {
	margin:0 0 10px 20px;
}
img {
	border:none;
}
#content img.main   {
	margin-bottom:16px;
	margin-top:-1px;
	
}
#content .productlistings img {
	margin-bottom:5px;
}
#content.color img.main {
	position:relative;
	top:-23px;
	display:block;
}
.right_oc a {
	margin-bottom:15px;
	display:block;
}
img.bp {
	margin-right:-2px;
}
img.productshot {
	margin-top:10px;
}

/*-------------------------TABLES--------------------------*/
#about_us th {
	padding:3px;
	text-align:center;
	background:#9c0059;
	color:#fff;
}
#about_us td {
	padding:3px;
	border:1px solid #ccc;
	text-align:left;
	
}
#about_us table {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-collapse:collapse;
	margin-bottom:10px;
	font-size:11px;
	
}
#about_us tr {
	border-bottom:1px solid #ccc;
}
#about_us tr:hover {
	cursor:pointer;
	background:#ccc;
	color:#000000;
}



/*-------------------------------FORMS-------------------------------*/
#masthead form {
	float:right;
	color:#727376;
	margin:8px 0 0px 0;
}
#masthead select {
	border:1px solid #747474;
	font-size:10px;
	height:21px;
	padding:3px;
	width:169px;
}
form#searchform {
	clear:both;
	color:#727376;

}
#searchform input {
	border:none;
	font-size:10px;
	width:132px;
	padding:3px 3px 3px 7px;
	border:1px solid #747474;
}
#searchform p {
	float:left;display:inline;
	margin-left:5px;
}
#searchform input.btn {
	background:url(../images/go.jpg) no-repeat left top;
	background:url(../images/goRev.jpg) no-repeat left top;
	width:22px;
	height:22px;
	border:none;
	padding:0 0 0 0;
}
/*-------------contact---------------*/
/*.contactLeft {
	float:left;
	display:inline;
	width:350px;
	min-height:100px;
	margin:0 10px 0 0;
	
}*/
form.contactForm, .subLeft form {
	float:left;
	width:356px;
	
}
.contactForm fieldset, .subLeft fieldset {
	border:1px solid #747474;
	padding:0 0px 15px 0;
	margin-bottom:8px;
	
}
#content .contactForm p, #content .subLeft p {
	padding:0 10px 0 2px;
	margin:10px 10px 0 10px;
	clear:both;
	width:366px;

}
p.errormessage {
	text-align:center;
}

.contactForm legend, .subLeft legend {
	font-size:1em;
	font-size:0.9em;
	margin:0 10px 0 10px;
	font-weight:bold;
	color:#454454;
}
.contactForm label, .subLeft label {
	float:left;
	width:120px;
	line-height:20px;
}
.contactForm textarea {
	width:260px;
	border:1px solid #747474;
	background:url(../images/inputBG.jpg);
}
.contactForm input, .contactForm textarea, .subLeft input {
	width:232px;
	border:1px solid #747474;
	padding:2px;
	background:url(../images/inputBG.jpg);
}
input.btn, input.btnS {
	width:auto;
	padding:2px 5px 2px 5px;
	background:#9d0059;
	color:#fff;
	border:none;
}
input.alert {
	border:1px solid #9d0059;
}
.req, p.errormessage, label.alert, p.alert  {
	color:#9d0059;
}
/*----for recaptcha------*/
fieldset.validation {
	margin:10px 0 0 0;
	
}
fieldset.validation input {
	float:left;
	position:relative;
	left:0px;
}
#content p.captcha {
	margin-left:-385px;
	margin-left:-380px;
	padding-left:0px;
	float:left;
	display:inline;	
}
/************************* stockist search ***************************/
#stockistSearch label {
	width:220px;
	float:left;
	line-height:20px;
}
form#stockistSearch p {
	clear:both;
}
#stockistSearch input {
	height:18px;
	width:143px;
}
#stockistSearch input, #stockistSearch select {
	border:1px solid #747474;
}
#stockistSearch select {
	width:145px;
}
#stockistSearch input.btn {
	border:none;
	height:auto;
	width:auto;
}

/*------------for newsletter sign up ---------*/
#content .contactForm p.radio {
	float:left;
	width:auto; 
	clear:none;
}
input.radio {
	width:20px;
	border:none;
}