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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	font-family:Arial, Helvetica, sans-serif;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
.validLogos {
	width:400px;
	height:auto;
	float:left;
	text-align:center;
	padding:20px 280px 0 280px;
	}
.validLogosBlockA {
		width:200px;
		height:auto;
		float:left;
}
	.FranBtnBlog {
	width:140px;
	height:50px;
	float:left;
	padding:0 0 0 0;
	background:url(../images/navigation/franButton.png) no-repeat;
	text-decoration:none;
	text-align:center;
	}
.FranBtnBlog a {
	display:block;
	width:140px;
	height:35px;
	float:left;
	text-decoration:none;
	padding:15px 0 0 0;
	text-align:center;
	font-size:18px;
	color:#FFFFFF;
	font-weight:normal;
	}

.validLogosBlockA a, validLogosBlockA a:hover  {
color:#333333;
text-decoration:none;
padding:3px 0 0 0;
font-size:11px;
}
.headerWrap {
	width:640px;
	height:100px;
	float:left;
	}

.bannerBlock {
	width:150px;
	height:auto;
	padding:20px 0 0 10px;
	float:left;
	}
.bannerBlock ul {
		list-style: none;
		margin:0;
		padding:0;
		width:140px;
		height:340px;
		overflow:hidden;
		}
.bannerBlock li {
	width:150px;
	height:auto;
	float:left;
	}
.bannerBlock li a {
display:block;
	width:150px;
	height:auto;
	float:left;
	}
.hrwow {
	color:#FFFFFF;
	}
.weacceptpaypal {
	width:345px;
	height:70px;
	text-align:center;
	padding:0 147px 0 148px;
	float:left;
	}
.selectedOutletWrap {
	width:158px;
	height:auto;
	float:left;
	padding:0 0 0 40px;
	margin:10px 0 0 0;
	}
.selectedOutleta {
	width:178px;
	height:auto;
	float:left;
	padding:10px;
	background-color:#CCCCCC;
	margin:10px 0 0 0;
	}
.FormTextSizeA {
	font-size:16px;
	}
.FormTextSizeB {
	font-size:12px;
	}


body {
	line-height: 1;
	color:#333333;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

/* tables still need 'cellspacing="0"' in the markup */
table, caption, tbody, tfoot, thead, tr, th, td, table a {
	border-collapse: separate;
	border-spacing: 0;
	margin: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

#containter {
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
	}
#webpage {
	width:960px;
	height:auto;
	float:left;
	margin:0 0 20px 0;
	}
#header {
	width:960px;
	height:100px;
	float:left;
	background-color:#FFDB00;
	padding:10px 0 0 0;
	}
#headerTop {
	width:960px;
	height:106px;
	float:left;
	}
#headerBottom {
	width:640px;
	height:58px;
	float:left;
	padding:0 160px 0 160px;
	}
#bodyAll {
	width:960px;
	height:auto;
	float:left;
	padding:0 0 15px 0;
	}
#bodyLft {
	width:160px;
	height:auto;
	float:left;
	padding:20px 0 0 0;
	}
#bodyMid {
	width:640px;
	height:auto;
	float:left;
	}
	
#bodyRht {
	width:160px;
	height:auto;
	float:left;
	padding:20px 0 0 0;
	}
	
.sideNav {
	width:140px;
	height:auto;
	float:left;
	padding:0 10px 20px 10px;
	overflow:hidden;
	}
.sideNav ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.sideNav li {
	height:auto;
	width:140px;
	}
.sideNav li a, .sideNav li a:hover {
	display:block;
	height:auto;
	width:115px;
	padding:10px 0 10px 25px;
	text-decoration:none;
	color:#333333;
}
.sideNav li a, .sideNavR li a {
	background:url(../images/navigation/arrow_grey_small.png) no-repeat;
}
.sideNav li a:hover, .sideNavR li a:hover {
	background:url(../images/navigation/arrow_green_small.png) no-repeat;

}
.sideNav li a.selectedSub, .sideNavR li a.selectedSub{
	background:url(../images/navigation/arrow_red_small.png) no-repeat;

}



.sideNavR {
	width:140px;
	height:auto;
	float:left;
	padding:0 10px 20px 10px;
	}
.sideNavR p {
	line-height:1.2em;
	}
.sideNavR ul {
	list-style:none;
	margin:0;
	padding:0;
	}
.sideNavR li {
	height:24px;
	width:170px;
	}
.sideNavR li a, .sideNavR li a:hover {
	display:block;
	height:20px;
	width:115px;
	padding:4px 0 0 25px;
	text-decoration:none;
	color:#333333;
}



.FranBtn {
	width:140px;
	height:36px;
	float:left;
	padding:14px 0 0 0;
	background:url(../images/navigation/franButton.png) no-repeat;
	text-decoration:none;
	text-align:center;
	}
.FranBtn h2 {
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
}
	
.FranBtnWrap {
	width:140px;
	height:auto;
	padding:0 10px 10px 10px;
	float:left;
	}
.FranBtnWrapA {
	width:140px;
	height:auto;
	padding:10px 10px 10px 10px;
	float:left;
	}

.FranBtn2, .FranBtn3, .FranBtn4, .FranBtn5  {
	width:140px;
	height:50px;
	float:left;
	padding:0px 0 0 0;
	text-decoration:none;
	text-align:center;	
}
.FranBtn2 {
	background:url(../images/navigation/franButton.png) no-repeat;
}
.FranBtn3, .FranBtn5 {
	background:url(../images/franButtonRed.png) no-repeat;
}
.FranBtn4 {
	background:url(../images/navigation/franButton.png) no-repeat;
}	
	
.FranBtn2 a, .FranBtn2 a:hover, .FranBtn3 a, .FranBtn3 a:hover  {
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	width:140px;
	padding:14px 0 0 0;
	height:36px;
	text-decoration: none;	
}
.FranBtn4 a, .FranBtn4 a:hover, .FranBtn5 a, .FranBtn5 a:hover {
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	width:140px;
	padding:8px 0 0 0;
	height:42px;
	text-decoration: none;	
}	

.DownloadBtn h2 {
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
}

.DownloadBtn {
	width:200px;
	height:50px;
	float:left;
	padding:0px 0 0 0;
	background:url(../images/navigation/franButton.png) no-repeat;
	text-decoration:none;
	text-align:center;	
}	
	
.DownloadBtn a, ..DownloadBtn a:hover  {
	font-size:20px;
	color:#FFFFFF;
	font-weight:normal;
	display:block;
	width:200px;
	padding:14px 0 0 0;
	height:36px;
	text-decoration: none;	
}

#footer {
	width:640px;
	height:auto;
	float:left;
	}
#footerLegal {
	width:960px;
	height:auto;
	float:left;
	}

#legalAddress {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-size:11px;
	padding:10px 0 5px 0;
	}
	
#footerStatement {
	width:100%;
	height:auto;
	padding:0 0 5px 0;
	}
#footer h2 {
	text-align:center;
	font-size:24px;
	color:#007A77;
		
		}


#LftOfNav {
width:8px;
height:48px;
float:left;
background:url(../images/pages/shadows_r2_c1.png) no-repeat;
}
#TopOfNav2 {
width:640px;
	height:10px;
	float:left;
background:url(../images/pages/shadows_r1_c1.png) no-repeat;
margin:0;
padding:0;
}
#RhtOfNav {
width:8px;
height:48px;
float:left;
background:url(../images/pages/shadows_r2_c3.png) no-repeat;
}
#mainNavWrap {
width:624px;
height:48px;
float:left;
padding:8px 8px 0 8px;
	background-color:#FFDB00;
	background:url(../images/pages/shadowsTop.png) no-repeat;

}
	
	
#NavigationTop {
	float: left;
	height: 42px;
	width: 612px;
	padding:6px 6px 0 6px;
}
#NavigationTop ul {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#NavigationTop li {
	display:block;
	height: 42px;
	width: 122px;
	float: left;
}

	
#NavigationTop li a, #NavigationTop li a:hover, #NavigationTop li a.selectedbtn1, #NavigationTop li a:active, #NavigationTop li a:focus, #NavigationTop li a:link {
outline:none;
text-decoration:none;
}	

#NavigationTop li a, #NavigationTop li a:hover {
	display:block;
	height: 32px;
	width: 122px;
	float: left;
	font-size:16px;
	text-align:center;
	padding:10px 0 0 0;
}
#NavigationTop li a {
	background: no-repeat;
	color:#FFFFFF;
		background:url(../images/navigation/navBtn-Active.png) no-repeat;
}
#NavigationTop li a:hover {
		background:url(../images/navigation/navBtn-Hover.png) no-repeat;
		color:#007A77;

}
#NavigationTop li a.selected {
	background:url(../images/navigation/navBtn-Select.png) no-repeat;
	color:#FFFFFF;
}
#NavigationTopFran {
	float: left;
	height: 42px;
	width: 612px;
	padding:6px 6px 0 6px;
}
#NavigationTopFran ul {
	list-style:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#NavigationTopFran li {
	display:block;
	height: 42px;
	width: 76px;
	float: left;
}

	
#NavigationTopFran li a, #NavigationTopFran li a:hover, #NavigationTopFran li a.selectedbtn1, #NavigationTopFran li a:active, #NavigationTopFran li a:focus, #NavigationTopFran li a:link {
outline:none;
text-decoration:none;
}	

#NavigationTopFran li a, #NavigationTopFran li a:hover {
	display:block;
	height: 35px;
	width: 76px;
	float: left;
	font-size:12px;
	text-align:center;
	padding:7px 0 0 0;
}
#NavigationTopFran li.single a, #NavigationTopFran li.single a:hover {
	display:block;
	height: 31px;
	width: 76px;
	float: left;
	font-size:12px;
	text-align:center;
	padding:13px 0 0 0;
}

#NavigationTopFran li a, #NavigationTopFran li.single a {
	background: no-repeat;
	color:#FFFFFF;
		background:url(../images/navigation/navBtn-Active.png) no-repeat;
}
#NavigationTopFran li a:hover, #NavigationTopFran li.single a:hover {
		background:url(../images/navigation/navBtn-Hover.png) no-repeat;
		color:#007A77;

}
#NavigationTopFran li a.selected, #NavigationTopFran li.single a.selected {
	background:url(../images/navigation/navBtn-Select.png) no-repeat;
	color:#FFFFFF;
}

#formBox {
	width:584px;
	height:auto;
	float:left;
	padding:20px;

	}
#formBox h1 {
	font-size:24px;
	color:#007A77;
	margin:0 0 10px 0;
	}

.tableColour {
	color:#000000;
	}



.inputsize {
	width:190px;
	}
.textAreaWrap, .textAreadata, .TextAreaMessge {
	height:20px;
	float:left;
	color:#333333;
	}
.textAreaWrap {
	width:570px;
	padding:3px 0 3px 0;
	height:auto;
	}
.textAreadata {
	width:460px;
	height:auto;
	}
.TextAreaMessge {
	width:110px;
	}
.inputTextArea {
	width:460px;
	height:120px;
	float:left;
	}
.nameWrap {
	width:110px;
	height:auto;
	float:left;
	}	
.textAreaFormdata {
	width:580px;
	height:120px;
	float:left;
	}	
	
	
#lftShadow {
width:8px;
height:350px;
float:left;
background:url(../images/pages/shadows_r3_c1.png) no-repeat;
	}
#content {
width:624px;
height:auto;
float:left;
padding:0 8px 20px 8px;
background:url(../images/pages/shadowsBot.png) no-repeat;
	}
	#rhtShadow {
width:8px;
height:350px;
float:left;
background:url(../images/pages/shadows_r3_c3.png) no-repeat;
	
	}
#mainPicWrap {
	width:584px;
	height:auto;
	padding:20px 20px 0 20px;
	float:left;
	}
#mainPic {
	width:584px;
	height:150px;
	float:left;
	}
#copyLeft {
	width:366px;
	height:auto;
	float:left;
	padding:20px 10px 0 20px;
	}
#copyLeft h1 {
	font-size:24px;
	color:#007A77;
	margin:0 0 10px 0;
	}
#copyLeft h2 {
	font-size:18px;
	color:#007A77;
	margin:0 0 10px 0;
	}
#copyLeft ul {
	list-style:circle;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	}
#copyLeft li {
	padding:0 0 5px 0;

	}
#copyLeft p {
	margin:0 0 10px 0;
	line-height:14px;
}
#copyLeftWide {
	width:584px;
	height:auto;
	float:left;
	padding:20px 20px 0 20px;
	}
#copyLeftWide h1 {
	font-size:24px;
	color:#007A77;
	margin:0 0 10px 0;
	}
#copyLeftWide h2 {
	font-size:18px;
	color:#007A77;
	margin:0 0 10px 0;
	}
#copyLeftWide ul {
	list-style:circle;
	margin:0 0 0 15px;
	padding:0 0 0 0;
	}
#copyLeftWide li {
	padding:0 0 5px 0;

	}
#copyLeftWide p {
	margin:0 0 10px 0;
	line-height:14px;
}

#copyRight {
	width:198px;
	height:auto;
	float:left;
	padding:20px 20px 0 10px
	}
#NavLeft {
	width:160px;
	height:auto;
	float:left;
	}
.sideBlock {
	width:160px;
	height:56px;
	float:left;
	background-color:#FFDB00;
	margin:0 0 0 0;
	}
#Logo {
width:150px;
height:90px;
float:left;
padding:10px 0 0 10px;
}
#LogoVan {
width:150px;
height:90px;
float:left;
padding:10px 10px 0 0;
}

#bannerad {
width:710px;
height:86px;
float:left;
padding:10px;
}
#hedaerMessage {
width:624px;
height:34px;
float:left;
padding:10px 8px 0 8px;
}

#hedaerMessage h2 {
	text-align:center;
	font-size:24px;
	color:#007A77;
		
		}
#legaltext {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	padding:5px 0 10px 0;
	}
#legaltext ul {
	list-style:none;
	margin:0;
	padding:0;
	}
#legaltext li {
display:inline;
	}
	
#legaltext li a {
	padding:0 5px 0 5px;
	font-size:11px;
	border-right:#333333 solid 1px;
	text-decoration:none;
	color:#333333;
	}
#legaltext li a.lastline {
	border:none;
	}
.copyRightA {
	width:188px;
	height:25px;
	float:left;
	padding:0 0 10px 10px;
	}
.copyRightA a {
	color:#007A77;
	font-weight:bold;
	}

.copyRightBtn {
	width:198px;
	height:30px;
	float:left;
	padding:5px 0 0 0;
	}
.copyRightBtn a, .copyRightBtn a:hover {
	width:148px;
	height:25px;
	float:left;
	padding:5px 0 0 50px;
	font-size:16px;
	text-decoration:none;
	}
.copyRightBtn a {
	color:#FFFFFF;
	background:url(../images/navigation/wideBtnAct.png) no-repeat;
	}
.copyRightBtn a:hover {
	color:#007A77;
	background:url(../images/navigation/wideBtnHvr.png) no-repeat;
	}

#distMap {
	width:366px;
	height:600px;
	float:left;
	}

.validMsg{
	width:20px;
	height:20px;
	display:none;
	
}
.invalidMsg{
	width:20px;
	height:20px;
	display:none;
}
.textfieldValidState .validMsg,
.textareaValidState .validMsg,
.selectValidState .validMsg,
.checkboxValidState .validMsg,
.radioValidState .validMsg,
.textareaValidState .validMsg,
.confirmValidState .validMsg,
.passwordValidState .validMsg
{
	display:inline;
}


.textfieldInvalidFormatState .invalidMsg, 
.textfieldRequiredState .invalidMsg,
.textfieldRequiredMsg .invalidMsg,
.textfieldMaxCharsState .invalidMsg,
.textfieldMinCharsState .invalidMsg,
.textfieldMaxCharsMsg .invalidMsg,
.textfieldMinCharsMsg .invalidMsg,
.textfieldInvalidFormatMsg .invalidMsg,
.textareaRequiredState .invalidMsg, .textareaRequiredMsg .invalidMsg,
.textareaMinCharsState .invalidMsg, .textareaMinCharsMsg .invalidMsg,
.textareaMaxCharsState .invalidMsg, .textareaMaxCharsMsg .invalidMsg,
.confirmRequiredState .invalidMsg, 
.confirmInvalidState .invalidMsg,
.passwordRequiredState .invalidMsg, 
.passwordInvalidStrengthState .invalidMsg, 
.passwordMinCharsState .invalidMsg, 
.passwordCustomState .invalidMsg, 
.passwordMaxCharsState .invalidMsg,
.radioRequiredState .invalidMsg,
.radioRequiredMsg .invalidMsg,
.radioInvalidState .invalidMsg,
.radioInvalidMsg .invalidMsg

{
	display:inline;
}
.tableHeadders h2 {
	font-size:16px;
	color:#007A77;
	}
.chooseText {
	width:624px;
	height:48px;
	float:left;
	background:url(../images/navigation/headerStrop.jpg) repeat-x;
		font-size:24px;

	}
.chooseText h2 {
	width:624px;
	height:40px;
	float:left;
	text-align:center;
	font-size:24px;
	padding:8px 0 0 0;
	color:#FFFFFF;
	}
#headertext {
	width:960px;
	height:106px;
	float:left;
		font-size:24px;

	}
#headertext h1 {
	width:960px;
	height:91px;
	float:left;
	text-align:center;
	font-size:72px;
	padding:15px 0 0 0;
	font-weight:normal;
	}
#homeBtnWrap {
	width:624px;
	height:auto;
	float:left;
	}
#homeBtnLft, #homeBtnLft a  {
	width:312px;
	height:auto;
	float:left;
	}
#homeBtnRht, #homeBtnRht a {
	width:312px;
	height:auto;
	float:left;
	}
#homeBtnLft a img, #homeBtnRht a img {
	border:none;
	}
.arrowBlock {
	width:312px;
	height:40px;
	padding:20px 0 0 0;
	float:left;
	}

#formBox table tr td, #formBox table tr td a {
	color:#000000;
	}
#formBox table tr td h2 {
	font-size:18px;
	color:#007A77;
	margin:0 0 10px 0;
	}
.validBox {
	width:30px;
	height:20px;
	float:left;
	overflow:hidden;
	}

.errorWrap {
	width:205px;
	height:20px;
	float:left;
	padding:0 0 0 15px;
	}

.paging {
	width:584px;
	height:26px;
	float:left;
	padding:5px 0 0 0;
	}
.pagingBox {
	width:auto;
	padding:0 10px 0 10px;
	height:26px;
	float:left;
	background:#666666;
	margin:0 5px 0 0;
	color:#FFFFFF;
		text-decoration:none;

	}
.pagingBox a {
	width:60px;
	height:20px;
	float:left;
	padding:6px 0 0 0;
	color:#FFFFFF;
	text-decoration:none;
	}
.pagingBox2 {
	width:60px;
	padding:6px 10px 0 10px;
	height:20px;
	float:left;
		background:#AAAAAA;
	color:#FFFFFF;
		margin:0 5px 0 0;

	}
.searchbox {
	width:584px;
	height:26px;
	float:left;
	}
.searchboxCol {
	width:574px;
	height:26px;
	float:left;
	}
.orderbox {
	width:auto;
	padding:0 10px 0 10px;
	height:26px;
	float:left;
	}
.adnvancebox {
	width:auto;
	padding:0 10px 0 10px;
	height:26px;
	float:left;
	}
.productDisp, .productDispImg, .productDispDesc, .productDispCode, .productDispPrice, .button130Wrap, .button130 {
	width:126px;
	float:left;
	overflow:hidden;
	}	
.productDisp {
	height:220px;
	padding:10px;
	margin:0 0 10px 0;
	border-bottom:#CCCCCC solid 1px;
	}
.productDispList {
	width:564px;
	height:auto;
	padding:5px 10px 10px 10px;
	float:left;
	}
.smallTD {
	width:95px;
	height:auto;
	float:left;
	overflow:hidden;
	text-align:right;
	}
.rowcolour {
	background-color:#99CCFF;
	}
.productWrap {
	width:120px;
	height:120px;
	padding:10px 70px 0 70px;
	float:left;
	}
#powerTocuhVideo {
	width:320px;
	height:240px;
	float:left;
	margin:0 0 10px 0;
	background-color:#CCCCCC;
	}
.powerTocuhWrap {
	width:auto;
	height:auto;
	float:left;
	}
.productLarge, .mainProductImgWrap, .mainProductImg {
	width:120px;
	height:120px;
	float:left;
	background-color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	}
.mainProductText {
	width:100px;
	height:70px;
	float:left;
text-align:center;
font-size:14px;
color:#333333;
	background-color:#CCCCCC;
	padding:50px 10px 0 10px;
	}
.powerTouchMes {
	width:320px;
	height:auto;
	color:#007A77;
	font-size:17px;
	padding:10px 0 0 0;
	}
          
.greyText {
color:#666666;
font-size:24px;
padding:0 0 0 10px;
}
.blackText {
	color:#333333;
	}
.selectedOutletBold {
	font-weight:bolder;
	}
.productDispImg {
	height:126px;
	}
.productDispDesc {
	height:36px;
	}
.productDispCode {
	height:14px;
	}
.productDispPrice {
	height:14px;
	}
.button130Wrap {
	height:14px;
	}
.button130 {
	height:14px;
	}
.selectedOutlet {
	width:178px;
	height:auto;
	float:left;
	padding:20px 10px 0 10px;
	line-height:1.2em;
	
	}
.basketArea {
	width:140px;
	height:auto;
	float:left;
	padding:5px 10px 0 10px;
	overflow:hidden;
	line-height:14px;
	}
.basketArea a {
	color:#000000;
		}
.listTableSize {
	width:564px;
	height:auto;
	}
.paypalLogos {
width:140px;
	height:150px;
	padding:10px 15px 10px 5px;
	float:left;
	}
	.searchBoxA {
	width:auto;
	padding:0 10px 0 0;
	height:26px;
	overflow:hidden;
	float:left;
	}
.searchBoxB {
	width:auto;
	padding:6px 10px 0 0;
	height:20px;
	overflow:hidden;
	float:left;
	}
.tableList {
	width:100%;
	height:100%;
	float:left;
	}
.tableList ul {
list-style:disc;
margin:10px;
padding:0 0 0 10px;
	}
.tableList li {
font-size:16px;
	}
.tableListTitle {
	font-size:20px;
	color:#007A77;
	margin:0 0 10px 0;
	}
.usegreytext {
	font-size:18px;
	color:#666666;
	margin:0 0 10px 0;
	}
	
.right_image {
width:140px;
	height:200px;
	float:left;
	padding:0 0 10px 10px;
	}