* {
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, tahoma, "sans serif";
	color: #1c3565;
}

body {
	font-family: Arial, Helvetica, tahoma, "sans serif";
	font-size: .8em;
	color: #1c3565;
	/* background:url(../images/bgfade.gif);
	background-repeat:repeat-x; */
/*	background-color: #ffffff;*/
	background-color: #eeeeee;
	padding: 0;
	height: 100%;
}

HTML {
	padding: 0;
	height: 100%;
	font-family: Arial, Helvetica, tahoma, "sans serif";
	color: #1c3565;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 18px;
}


hr {
	width:90%;
	color:#666666;
	height:	1px;
	margin: 5px auto;
}

a:link,a:visited,a:active {
	text-decoration: none;
	font-weight: bold;
	/* color:#0039a6; */
	color: #1c3565;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #425b8a;
}

.headerContent {
	height: 102px;
	background: #1c3565;
	width: 100%;
}

.header {
	font-weight: bold;
	font-size: 13px;
}

.headerLogo {
	float: left;
	display: inline;
	background-image: url(../images/cps_logo.gif);
	background-repeat: no-repeat;
	background-position: 20px 5px;
	height: 99px;
	width: 165px;
}

.strapLogo {
	float: left;
	display: inline;
	background-image: url(../images/cps_strap.gif);
	background-repeat: no-repeat;
	background-position: 10px 20px;
	height: 102px;
	width: 165px;
}

.headerMenu {
	width:640px;
	height:15px;
	float: right;
}
.headerRight {
	display: inline;
	float: left;
	height: 102px; 
	width: 660px; 
	color: #ffffff;
}
.headerLoginHolder {
	height:	70px; 
	line-height: 22px; 
	width: 650px; 
	text-align: right; 
	color: #ffffff;
}

.alignMenu {
	position:relative;
	right:20px;
	top:0px;
	height:10px;
	float: right;
}

.homeButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.locatorButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.technicalButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.businessButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.aboutButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.contactButton {
	float: left;
	display: inline;
	padding-right: 2px;
}

.searchBarContent {
	height: 35px;
	background: #fbad1d;
	width: 100%;
}

.pagingContent {
	height: 35px;
	background: #1C3565;
	width: 100%;
	color: #FFFFFF;
}

.leftMenuContainer {
	float:left;
	width:182px;
}

.leftMenuHead {
	float: left;
	display: inline;
	background-image: url(../images/leftMenuHead.gif);
	background-repeat: no-repeat;
	background-position: 20px;
	height: 35px;
	width: 200px;
}

.categories {
	position: relative;
	top: 12px;
	left: 10px;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
}

.searchArea {
	float: left;
	display: inline;
	width: 790px;
	height: 35px;
}


.predictiveSearchBox{
	width:350px; 
	border:1px solid #1c3565; 
	background-color:#c7ccd6; 
	min-height:30px;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:3px
}

.predictiveSearchBox .close{
	text-align:right;
	font-size:10px;
	line-height:12px;
}

.predictiveSearchBox .row{
	width:100%;
	text-align:left;
	font-size:12px;
	cursor:hand;
	padding-top:3px;
	padding-bottom:3px;
}

.predictiveSearchBox .row_off{
	background-color:#c7ccd6; 
	cursor:hand
}

.predictiveSearchBox .row_on{
	background-color:#7B99CD; 
	cursor:hand
}

.searchAlign {
	float: left;
	display: inline;
	height: 35px;
}

.searchbox_medium {
	height: 20px;
	width: 250px;
	font-size: 13px;
	color: #1c3565;
	vertical-align: middle;
	padding: 3px 0px 0px 3px;
}

.searchbox_large {
	height: 27px;
	width: 275px;
	font-size: 13px;
	color: #1c3565;
	vertical-align: middle;
	padding: 3px 0px 0px 3px;
}

.logoImage{
	border:0px;
	height:50px;
	width:50px	
}

.btn_xs {
	BORDER: medium none;
	cursor: pointer;
	background: url(../images/btn_submit.gif);
	height: 25px;
	width: 80px;
	font-weight: bold;
	color: white;
}

.leftMenuContent {
	float: left;
	display: inline;
	width: 182px;
	background: #ffffff;
}

.leftMenuTop {
	margin: 0px 0px 1px 0px;
	border-top: 2px solid white;
	position: relative;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	background: #1c3565;
}

.centreTabTopSL,
.centreTabTop {
	margin: 0px;
	border-top: 1px solid white;
	position: relative;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	background: #1c3565;
	margin-left: 2px;
}
.centreTabTop {
	width: 610px;
}
.centreTabTopSL {
	width: 806px;
}


.topLeftRound {
	background: url(../images/topLeftRound.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	float: left;
	display: inline;
}

.menuHead,
.centreTabHead,
.centreTabHeadSL {
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	background: #1c3565;
	float: left;
	display: inline;
}
.menuHead {
	width: 162px;
}
.centreTabHead {
	width: 590px;
}
.centreTabHeadSL {
	width: 786px;
}

.topRightRound {
	background: url(../images/topRightRound.gif);
	background-repeat: no-repeat;
	width: 10px;
	height: 20px;
	float: left;
	display: inline;
}

.leftMenuBottom {
	margin: 0px;
	position: relative;
	line-height: 7px;
	height: 7px;
	padding: 0px;
	background: #c7ccd6;
	height: 100%;
}

.bottomLeftRound {
	background: url(../images/bottomLeftRound.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
	float: left;
	display: inline;
	line-height: 1px;
}

.menuFoot {
	height: 5px;
	padding: 0;
	background: #c7ccd6;
	float: left;
	display: inline;
	width: 170px;
	line-height: 1px;
}

.bottomRightRound {
	background: url(../images/bottomRightRound.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 5px;
	float: left;
	display: inline;
	line-height: 1px;
}

.leftMenu {
	position: relative;
	width: 166px;
	padding-left: 16px;
	padding-top: 5px;
	background: #c7ccd6;
}

.leftButton,.leftButton2,.leftButtonG {
	width: 150px;
	padding-top: 2px;
}

.leftButton a:link,.leftButton a:active,.leftButton a:visited {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

.leftButton a:hover {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_button_over.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

.leftButton2 a:link,.leftButton2 a:active,.leftButton2 a:visited {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

.leftButton2 a:hover {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_button_over.gif);
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
}

.leftButtonG a:link,.leftButtonG a:active,.leftButtonG a:visited {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_green.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

.leftButtonG a:hover {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_green_over.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 0px 0px 0px;
}

.leftButtonS a:link,.leftButtonS a:active,.leftButtonS a:visited {
	color: #ffffff;
	width: 150px;
	text-align: center;
	text-decoration: none;
	background: url(../images/left_button.gif);
	background-repeat: no-repeat;
	display: inline;
	float: left;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	padding-top: 7px;
	margin: 3px 0px 0px 0px;
}

.subButton {
	width: 155px;
}

.ProdOption div {
	
}

a.subLink:link,a.subLink:active,a.subLink:visited {
	font-size: 11px;
	background: #c7ccd6;
	background: url(../images/sub_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	padding: 6px 0px 0px 18px;
	color: #1c3565;
	text-decoration: none;
}

a.subLink:hover {
	background: url(../images/sub_button_over.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	padding: 6px 0px 0px 18px;
	color: #1c3565;
	text-decoration: none;
}

a.subsubLink:link,a.subsubLink:active,a.subsubLink:visited {
	font-size: 11px;
	background: #c7ccd6;
	background: url(../images/sub_sub_button.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	padding: 6px 0px 0px 25px;
	color: #1c3565;
	text-decoration: none;
}

a.subsubLink:hover {
	background: url(../images/sub_sub_button_over.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	padding: 6px 0px 0px 25px;
	color: #1c3565;
	text-decoration: none;
}

a.linkTerms:link,a.linkTerms:active,a.linkTerms:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 9px;
}

a.linkTerms:hover {
	color: #fbad1d;
	text-decoration: none;
	font-size: 9px;
}

.midContent {
	float: left;
	display: inline;
	width: 574px;
}

.midTopBar {
	margin: 4px 0px 0px 4px;
	position: relative;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
	background: url(../images/content_top_bar.gif);
	background-repeat: no-repeat;
}

.midMiddle {
	margin-left: 4px;
	width: 560px;
	position: relative;
	padding: 0px 0px 0px 10px;
	background: url(../images/mid_content_bg.gif);
	background-repeat: repeat-y;
}

.midBottom {
	margin-left: 4px;
	width: 560px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 20px;
	background: url(../images/mid_content_bottom.gif);
	background-repeat: no-repeat;
}

.topBarText{
	color: #ffffff;
}

a.linklo:link,a.linklo:visited,a.linklo:active {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a.smallLinklo:link,a.smallLinklo:visited,a.smallLinklo:active {
	color: #ffffff;
	text-decoration: underline;
	font-size: 0.75em;
}

a.linkO:link,a.linkO:visited,a.linkO:active {
	color: #ed1c24;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a.linkO:hover {
	color: #bb0000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a.linkW:link,a.linkW:visited,a.linkW:active {
	background-image: url(../images/arrows_o.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.linkW:hover {
	background-image: url(../images/arrows_o_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #1c3565;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.linkG:link,a.linkG:visited,a.linkG:active {
	background-image: url(../images/arrows_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #888888;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.linkG:hover {
	background-image: url(../images/arrows_w_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #1c3565;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.linkB:link,a.linkB:visited,a.linkB:active {
	background-image: url(../images/arrows_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

a.linkB:hover {
	background-image: url(../images/arrows_b_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 35px;
	color: #fbad1d;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
}

.formbox_medium {
	height: 18px;
	width: 90px;
}

.formbox_qty {
	padding-left: 2px;
	height: 18px;
	width: 35px;
	border: 1px solid #707070;
}

.formbox_medium_2 {
	height: 21px;
	width: 140px;
}

.formbox_long {
	height: 22px;
	width: 250px;
}

.formbox_small {
	height: 18px;
	width: 57px;
}

.inputMedium {
	width: 150px;
}

.rightContent {
	float: left;
	display: inline;
	width: 196px;
}

.rightTop {
	margin: 4px 0px 0px 2px;
	position: relative;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
	background: url(../images/right_top_bar.gif);
	background-repeat: no-repeat;
}

.rightMiddle {
	margin-left: 2px;
	width: 184px;
	position: relative;
	padding: 0px 0px 0px 10px;
	background: url(../images/right_bg.gif);
	background-repeat: repeat-y;
}

.rightBottom {
	margin-left: 2px;
	width: 184px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 20px;
	line-height: 20px;
	background: url(../images/right_bottom.gif);
	background-repeat: no-repeat;
}

.rightTop2 {
	margin-top: 4px;
	position: relative;
	left: 1px;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
	background: url(../images/right_top_bar.gif);
	background-repeat: no-repeat;
}

.rightMiddle2 {
	width: 184px;
	position: relative;
	left: 1px;
	background: url(../images/right_bg.gif);
	background-repeat: repeat-y;
}

.rightBottom2 {
	width: 184px;
	position: relative;
	left: 1px;
	padding: 0px 0px 0px 10px;
	height: 20px;
	background: url(../images/right_bottom.gif);
	background-repeat: no-repeat;
}

.colContent {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	width: 306px;
}
.bannerContent {
	display:inline;
	float:left;
	margin:1px 0 0 2px;
	padding:0;
	width:610px;
}
.pics{
	height: 113px;
}
.pics a{
	 text-decoration: none
}
.fullContent,
.fullContentSL {
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	margin-top: 1px;
}
.fullContent {
	width: 614px;
}
.fullContentSL {
	width: 808px;
}

.colTopBarB {
	margin: 2px 0px 0px 2px;
	padding: 0px;
	position: relative;
	height: 10px;
	line-height: 10px;
	background: #1c3565;
	/* background:url(../images/col_top.gif);
	background-repeat:no-repeat; */
}

.colTopBarW {
	margin: 2px 0px 0px 2px;
	position: relative;
	height: 10px;
	line-height: 10px;
	background: #ffffff;
	/* background:url(../images/col_top_w.gif);
	background-repeat:no-repeat; */
}

.colTopBarO {
	margin: 2px 0px 0px 2px;
	position: relative;
	height: 10px;
	line-height: 10px;
	background: url(../images/col_bg_o.gif);
	background-repeat: repeat-y;
}

.colMiddleB {
	margin: 0px 0px 0px 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	background: #1c3565;
}

.colMiddleBL {
	margin: 0px 0px 0px 2px;
	width: 304px;
	position: relative;
	padding: 0px 0px 0px 00px;
	background: #1c3565;
}

.colMiddleW {
	margin: 0px 0px 0px 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	background: #ffffff;
	/* background:url(../images/col_bg_w.gif);
	background-repeat:repeat-y; */
}

.colMiddleO {
	margin: 0px 0px 0px 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	background: url(../images/col_bg_o.gif);
	background-repeat: repeat-y;
}

.colBottomB {
	margin-left: 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 10px;
	line-height: 10px;
	background: #1c3565;
	background: url(../images/col_bottom.gif);
	background-repeat: no-repeat;
}

.colBottomDB {
	margin-left: 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 10px;
	line-height: 10px;
	background: #132548;
	/* background:url(../images/col_bottom_db.gif);
	background-repeat:no-repeat; */
}

.colBottomW {
	margin-left: 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 10px;
	line-height: 10px;
	background: #ffffff;
	/* background:url(../images/col_bottom_w.gif);
	background-repeat:no-repeat; */
}

.colBottomO {
	margin-left: 2px;
	width: 294px;
	position: relative;
	padding: 0px 0px 0px 10px;
	height: 10px;
	line-height: 10px;
	background: url(../images/col_bg_o.gif);
	background-repeat: repeat-y;
}

.prodContent {
	float: left;
	display: inline;
	width: 612px;
	margin: 0 auto;
}

.prodContentSL {
	float: left;
	display: inline;
	width: 808px;
}

.prodMiddle {
	padding: 0 6px;
	position: relative;
	width: 139px;
	height: 230px;
	/*Dont put background in here, controlled by basket and nonbasket class*/
}

.levelMiddle,
.levelMiddleBusinessTools {
	position: relative;
	width: 151px;
	/*padding:0px 12px;*/
	background: #d0d0d0;
}
.levelMiddle {
	height: 175px;
	min-height: 175px;
}
.levelMiddleBusinessTools {
	height: 190px;
	min-height: 200px;
}

.prodPrice {
	margin-top: 2px;
	position: relative;
	width:151px;
	/*width: 127px;
	padding: 3px 12px 0px 12px;*/
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	background: #a0a0a0;
}

.padBorder {
	border: 1px solid #1c3565;
	padding: 1px;
	margin: 0px 0px 1px 0px;
}

.padBorder2 {
	height: 75px;
	width: 75px;
	border: 1px solid #1c3565;
	padding: 1px;
	margin: 0px 0px 3px 0px;
}

.outBasketSingleProd {
	background: rgb(243, 243, 243); 
}

.outBasketQuickPick {
	background: #ffffff;
}

.outBasket {
	background: #d0d0d0;
}

.outBasketSpecialOffer{
	background: #FFFF99;	
}

.inBasket, .inBasketQuickPick, .inBasketSingleProd, .inBasketSpecialOffer  {
	background: #7B99CD;
}

.branchSelected{
	background-color: #7B99CD
}

.selected {
/*	background-color: #7B99CD;*/
	background-color: #1c3565;
}

.unSelected {
	background-color: #ffffff;
}

.vatLgd{
	margin:5px;
}

.singleTop {
	FONT-SIZE: 1px;
	line-height: 1px;
	height: 1px;
	min-height: 1px;
	width: 151px;
	padding: 0px;
	/* background:url(../images/prod_top.gif);
	background-repeat:no-repeat; */
	/*Dont put background in here, controlled by basket and nonbasket class*/
	height: 5px;
	margin: 1px 0px 0px 0px;
}

.singleBottom {
	FONT-SIZE: 1px;
	line-height: 1px;
	height: 1px;
	min-height: 1px;
	width: 151px;
	background: #a0a0a0;
	/*background:url(../images/prod_bottom.gif);
	background-repeat:no-repeat; */
	height: 5px;
	margin-bottom: 1px
}

.rightMenuContent {
	float: left;
	display: inline;
	width: 194px;
}

.rightMenuTop {
	margin: 2px 0px 1px 0px;
	position: relative;
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	background: #1c3565;
}
.rightMenuTopFull{
	margin: 2px 0px 1px 0px;
	position: relative;
	height: 125px;
	padding: 0;
}

.menuRightHead {
	height: 20px;
	font-weight: bold;
	color: #ffffff;
	padding: 0;
	background: #1c3565;
	float: left;
	display: inline;
	width: 174px;
}

.rightMenuBottom {
	margin: 0;
	position: relative;
	height: 5px;
	padding: 0;
	background: #c7ccd6;
	line-height: 1px;
}

.menuRightFoot {
	height: 5px;
	padding: 0;
	background: #c7ccd6;
	float: left;
	display: inline;
	width: 184px;
	line-height: 1px;
}
.menuLeftFoot {
	height: 5px;
	padding: 0;
	background: #c7ccd6;
	float: left;
	display: inline;
	width: 172px;
	line-height: 1px;
}

.rightMenu {
	position: relative;
	width: 189px;
	padding-left: 5px;
	background: #c7ccd6;
}

a.longBtn:link,a.longBtn:active,a.longBtn:visited {
	background: url(../images/btn_o_long.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 180px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

a.longBtn:hover,.longBtnSelected {
	background: url(../images/btn_o_long_over.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 180px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

a.medBtn:link,a.medBtn:active,a.medBtn:visited {
	background: url(../images/btn_o_med.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 124px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
}

a.medBtn:hover,.medBtnSelected {
	background: url(../images/btn_o_med_over.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 124px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
}

a.smlBtn:link,a.smlBtn:active,a.smlBtn:visited,
.smlBtn a:link,.smlBtn a:active,.smlBtn a:visited {
	background: url(../images/btn_o_sml.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 84px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

a.smlBtn:hover,.smlBtnSelected,
.smlBtn a:hover {
	background: url(../images/btn_o_sml_over.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 84px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

.smlBtnBlank{
	width: 84px;
	margin: 0pt 2px;
}

.buttonRowText{
	font-size: 12px;
	width: 84px;
	height: 22px;
	line-height: 22px;
	vertical-align: center;
	margin-top: 3px;
}

.smallBtnRow{
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

a.fatBtn:link,a.fatBtn:active,a.fatBtn:visited {
	background: url(../images/btn_fat.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 124px;
	height: 50px;
	line-height: 15px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

a.fatBtn:hover {
	background: url(../images/btn_fat_over.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 12px;
	width: 124px;
	height: 50px;
	line-height: 15px;
	display: block;
	text-align: center;
	margin-top: 3px;
}

.fnt14 {
	font-size: 12px;
}


.fnt10 {
	font-size: 10px;
}

a.removeItem:link,a.removeItem:active,a.removeItem:visited {
	display: block;
	background: url(../images/remove.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	height: 14px;
	width: 10px;
}

a.removeItem:hover {
	display: block;
	background: url(../images/remove_over.gif);
	background-repeat: no-repeat;
	line-height: 14px;
	height: 14px;
	width: 10px;
}

a.enlarge:link,a.enlarge:active,a.enlarge:visited {
	background: url(../images/magnify.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	padding-left: 22px;
	font-size: 10px;
}

a.enlarge:hover {
	background: url(../images/magnify.gif);
	background-repeat: no-repeat;
	display: block;
	height: 20px;
	padding-left: 22px;
	font-size: 10px;
}

.ProdHead {
	background: #d0d0d0;
	color: #1c3565;
	width: 471px;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}

.ProdDetails {
	background: #d0d0d0;
	width: 600px;
	padding: 5px 5px;
	height: 150px;
}

.ProdText {
	float: left;
	display: inline;
	font-size: 12px;
	color: #1c3565;
	width: 321px;
}

.ProdText2 {
	float: left;
	display: inline;
	font-size: 12px;
	color: #1c3565;
	width: 321px;
}

.ProdPrice {
	background: #a0a0a0;
	padding: 5px;
	margin-top: 2px;
	margin-left: 2px;
}

.ProdPrice2 {
	background: #a0a0a0;
	color: #ffffff;
	width: 490px;
	padding: 5px;
}

.h20 {
	height: 22px;
	line-height: 22px;
	margin-left: 1px;
}

.h22auto {
	line-height: 22px;
	min-height:22px;
	height:auto !important;
	height:22px;
}

.h25auto {
	line-height: 25px;
	min-height:25px;
	height:auto !important;
	height:25px;
}

.h40 {
	height: 40px;
	line-height: 40px;
	margin-left: 1px;
}

.h40 img {
	height: 40px;
	width: 40px;
}

.h50 {
	height: 50px;
	line-height: 40px;
	margin-left: 1px;
	margin-top: 0px;
}

.h50 img {
	height: 50px;
	width: 50px;
}
	
.h50wrap {
	height: 50px;
	line-height: 20px;
	margin-left: 1px;
	margin-top: 0px;
}

.h50wrap img {
	height: 50px;
	width: 50px;
}

.LP2 {
	padding-left: 2px;
}

.RP2 {
	padding-right: 2px;
}

.RP5 {
	padding-right: 5px;
}

.TM2 {
	margin-top: 2px;
}

.ProdOptionHead {
	margin-bottom: 1px;
	font-weight: bold;
	height: 10px;
	line-height: 10px;
}

.ProdOption {
	font-size: 12px;
	margin-bottom: 1px;
	height: 22px;
	line-height: 22px;
}

.ProdOptionHead20 {
	margin-bottom: 1px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}

.ProdOptionHead30 {
	margin-bottom: 1px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}

.ProdOption40 {
	font-size: 12px;
	margin-bottom: 1px;
	height: 40px;
	line-height: 40px;
}

.ProdOption50 {
	font-size: 12px;
	margin-bottom: 1px;
	height: 50px
}

.ProdImage {
	float: left;
	display: inline;
	width: 58px;
}

.ProdImage2 {
	float: left;
	display: inline;
	width: 75px;
}

.submitGo,
.btnSearchGo{
	background: url(../images/btn_go.gif) no-repeat scroll 0 0;
	border:0px;
	cursor:hand;
	width:31px;
	height:22px;
	cursor: pointer;
	cursor: hand; /*hack for ie*/
}

.btnBasketUpdate{
	background: url(../images/btn_update.gif) no-repeat scroll 0 0;
	border:0px;
	cursor:hand;
	width:47px;
	height:20px
}

.btnPlus{
	display: inline;
	float: right;
	height: 16px;
	width: 11px;
	background: url(../images/btn_plus.gif);
	background-repeat: no-repeat;
	line-height:16px;
	border:0px;
	cursor:hand
}

.btnMinus {
	display: inline;
	float: left;
	height: 16px;
	width: 11px;
	background: url(../images/btn_subtract.gif);
	background-repeat: no-repeat;
	line-height:16px;
	border:0px;
	cursor:hand
}

.btnBin {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_bin.gif);
	background-repeat: no-repeat;
	line-height:16px;
	border:0px;
	cursor:hand
}

.btnMinusDis {
	display: inline;
	float: left;
	height: 16px;
	width: 11px;
	background: url(../images/btn_subtract_dis.gif);
	background-repeat: no-repeat;
	line-height:16px;
	border:0px;
	cursor:hand
}

.btnBinDis {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_bin_dis.gif);
	background-repeat: no-repeat;
	line-height:16px;
	border:0px;
	cursor:hand
}

a.btnPlus:link,a.btnPlus:active,a.btnPlus:visited {
	display: inline;
	float: right;
	height: 16px;
	width: 11px;
	background: url(../images/btn_plus.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnPlus:hover {
	display: inline;
	float: right;
	height: 16px;
	width: 11px;
	background: url(../images/btn_plus_over.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnMinus:link,a.btnMinus:active,a.btnMinus:visited {
	display: inline;
	float: left;
	height: 16px;
	width: 11px;
	background: url(../images/btn_subtract.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnMinus:hover {
	display: inline;
	float: left;
	height: 16px;
	width: 11px;
	background: url(../images/btn_subtract_over.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnMag:link,a.btnMag:active,a.btnMag:visited {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_mag.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnMag:hover {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_mag.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

.stockFinder{
	height: 16px;
	width: 11px;
	background: url(../images/btn_mag.gif);
	background-repeat: no-repeat;
	line-height:16px;
}

a.btnBin:link,a.btnBin:active,a.btnBin:visited {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_bin.gif);
	background-repeat: no-repeat;
		line-height:16px;
}

a.btnBin:hover {
	display: block;
	height: 16px;
	width: 11px;
	background: url(../images/btn_bin_over.gif);
	background-repeat: no-repeat;
		line-height:16px;
}

a.btnCart:link,a.btnCart:active,a.btnCart:visited {
	display: block;
	height: 20px;
	width: 25px;
	background: url(../images/btn_cart.gif);
	background-repeat: no-repeat;
}

a.btnCart:hover {
	display: block;
	height: 20px;
	width: 25px;
	background: url(../images/btn_cart_over.gif);
	background-repeat: no-repeat;
}

a.btnRemove:link,a.btnRemove:active,a.btnRemove:visited {
	display: block;
	height: 20px;
	width: 25px;
	background: url(../images/btn_remove.gif);
	background-repeat: no-repeat;
}

a.btnRemove:hover {
	display: block;
	height: 20px;
	width: 25px;
	background: url(../images/btn_remove_over.gif);
	background-repeat: no-repeat;
}

a.smallLink:link,a.smallLink:active,a.smallLink:visited {
	font-size: .75em;
	text-decoration: underline;
	/*color: #ff0000;*/
}

a.smallLink:hover {
	font-size: .75em;
	text-decoration: underline;
	color: #990000;
}

.searchAlign div {
	text-align: center;
}

/*********************************** START UTILITIES ***********************************/
.floL {
	float: left;
	display: inline;
}

.floR {
	float: right;
	display: inline;
}

.fullW {
	width: 100%;
}

.clearer {
	CLEAR: both;
	FONT-SIZE: 0px;
	line-height: 0px;
}

.pxSpace {
	FONT-SIZE: 1px;
	height: 1px;
	min-height: 1px
}

.tinySpacer {
	CLEAR: both;
	FONT-SIZE: 1px;
	height: 2px;
	min-height: 2px
}

.spacer {
	CLEAR: both;
	FONT-SIZE: 1px;
	height: 10px;
	min-height: 10px;
}

.doubleSpacer {
	CLEAR: both;
	FONT-SIZE: 1px;
	height: 20px;
	min-height: 20px;
}
.topSpacer{
	padding-top: 5px;	
}

.AlignL {
	text-align: left;
}

.AlignR {
	text-align: right;
}

.AlignC {
	text-align: center;
}



/* IMPORTANT: use this around any elements you want to pad. */
.innerTube {
	padding: 5px;
}

/*********************************** END UTILITIES ***********************************/
	/*********************************** MAIN LAYOUT ***********************************/
DIV#container {
	width: 990px;
	min-height: 100%;
	height: 100%;
	margin: 0 auto; /* to center the outer container in the window */
	padding: 0px;
	background-color: #ffffff;
	min-height: 100%;
	/* border-left: 1px solid #cccccc; */
	/* border-right: 1px solid #cccccc; */
}

* HTML DIV#container { /* hack for non-ie6*/
	HEIGHT: 100%;
	margin-bottom: 50px;
}

DIV#pageContent {
	min-height: 100%;
/*	background: url(../images/menu_span.gif);
	background-repeat: repeat-y;*/
	background-color: #ffffff;
}

* HTML DIV#pageContent {
	height: 100%;
}

DIV#pageFooter {
	margin-top: 2px;
	border-top: 0px solid #cccccc;
	text-align: center;
	vertical-align: bottom;
	background-color: #1c3565;
	color: #ffffff;
	width: 100%;
	height: 22px;
	line-height: 22px;
	/* display:none */
}

* HTML DIV#pageFoooter { /* hack for non-ie6*/
	width: 100%;
	height: 22px;
	line-height: 22px;
	vertical-align: bottom;
}

DIV#SpareDiv {
	display: none;
}

/*********************************** END MAIN LAYOUT ***********************************/
	/*********************************** DIV LAYOUT ***********************************/
.mainCol2 {
	width: 2%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol2x {
	width: 2.5%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol5 {
	width: 5%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol9 {
	width: 9.9%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol10 {
	width: 10%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol15 {
	width: 15%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol20 {
	width: 20%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol25 {
	width: 25%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol30 {
	width: 30%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol33 {
	width: 33.3%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol35 {
	width: 35%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol40 {
	width: 40%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol45 {
	width: 45%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol49 {
	width: 49%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol50 {
	width: 50%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol55 {
	width: 55%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol60 {
	width: 60%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol65 {
	width: 65%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol66 {
	width: 66.6%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol70 {
	width: 70%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol75 {
	width: 75%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol80 {
	width: 80%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol85 {
	width: 85%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol90 {
	width: 90%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol95 {
	width: 95%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

.mainCol {
	width: 100%;
	float: left;
	display: inline /*to fix ie double margin bug */
}

/*********************************** END DIV LAYOUT ***********************************/
	/*********************************** TEXT STYLES ***********************************/
.normal {
	
}

.bold {
	font-weight: bold
}

.italic {
	font-style: italic
}

.boldItalic {
	font-weight: bold;
	font-style: italic
}

.underlined {
	text-decoration: underline
}

.boldUnderlined {
	text-decoration: underline;
	font-weight: bold
}

.italicUnderlined {
	text-decoration: underline;
	font-style: italic
}

.boldItalicUnderlined {
	text-decoration: underline;
	font-weight: bold;
	font-style: italic
}

.smaller {
	font-size: .95em;
}

.smaller2 {
	font-size: .75em;
}

.bigger {
	font-size: 1.4em;
}

.red {
	color: #ff0000;
}

.green {
	color: #009900;
}

.l_blue {
	color: #5f89be;
}

.grey {
	color: #888888;
}

.white {
	color: #ffffff;
}

/*********************************** END TEXT STYLES ***********************************/
	/************************HEADER TAB MENU************************/
.headerNavTabs {
	overflow: hidden;
	width: 100%;
	font-size: 12px; /*font of menu text*/
	font-family: Arial, Helvetica, sans-serif;
}

.headerNavTabs ul{
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	margin-left: 10px; /*offset of first tab relative to page left edge*/
	padding: 0;
}

.headerNavTabs li{
	overflow: hidden;
	float: left;
	margin: 0;
	padding: 0;
}

.headerNavTabs a{
	overflow: hidden;
	float: left;
	position: relative;
	top: 6px;
	/* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background: url(../images/tab-blue-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 2px; /*Spacing between each tab*/
	padding: 0 0 2em 9px;
	text-decoration: none;
	height: 8px;
}

.headerNavTabs a span {
	float: left;
	position: relative;
	display: block;
	background: url(../images/tab-blue-right.gif) no-repeat right top;
	padding: 5px 14px 6px 3px;
	/* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
	font-weight: bold;
	color: black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.headerNavTabs a span {
	float: none;
}

/* End IE5-Mac hack */
.headerNavTabs .selected a {
	background-position: 0 -125px;
	top: 0;
}

.headerNavTabs .selected a span {
	background-position: 100% -125px;
	color: black;
	padding-bottom: 12px;
	/* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}

.headerNavTabs a:hover {
	background-position: 0% -125px;
	top: 0;
}

.headerNavTabs a:hover span {
	background-position: 100% -125px;
	padding-bottom: 12px;
	/* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
	top: 0;
}

/**************END header tab menu *********************************/
	/***************left tab menu **************************************/
.leftMenuLvl1 {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px;
	/* width of menu (don't forget to add border with below!) */
}

.leftMenuLvl1 li {
	display: inline;
	float: none
}

.leftMenuLvl1 li a {
	background: transparent url(../images/LmenuLev1Top.gif) no-repeat right
		top;
	/* Background image positioned to the left(v) top(h) corner initially */
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	width: auto;
	padding-top: 7px;
	padding-bottom: 2px;
	text-decoration: none;
}

.leftMenuLvl1 li a SPAN {
	background: transparent url(../images/LmenuLev1base.gif) no-repeat right
		bottom;
	/* Background image positioned to the left(v) top(h) corner initially */
	display: block;
	width: auto;
	padding-bottom: 9px;
	padding-top: 2px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.leftMenuLvl1 li a:visited,.leftMenuLvl1 li a:active {
	
}

.leftMenuLvl1 li a:hover {
	background-position: 0px 0;
	/* Shift backgroundimage horizontally to far left*/
}

.leftMenuLvl1 li a:hover SPAN {
	background-position: 0px bottom;
	/* Shift background image horizontally to far left*/
}

.menuLvl2 {
	list-style-type: none;
	margin-left: 5px;
	padding: 0px;
	width: 147px;
}

.menuLvl2 li {
	display: inline;
	float: none
}

.menuLvl2 li a {
	background: transparent url(../images/LmenuLev2Top.gif) no-repeat right
		top;
	/* Background image positioned to the right(v) top(h) corner initially */
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
	display: block;
	width: auto;
	padding-top: 4px;
	padding-bottom: 2px;
	text-decoration: none;
}

.menuLvl2 li a SPAN {
	background: transparent url(../images/LmenuLev2Base.gif) no-repeat right
		bottom;
	/* Background image positioned to the right(v) bottom(h) corner initially */
	display: block;
	width: auto;
	color: #1C3565;
	padding-bottom: 6px;
	padding-top: 0px;
	padding-left: 6px;
	padding-right: 6px;
}

.menuLvl3 {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
	width: 137px;
}

.menuLvl3 li {
	display: inline;
	float: none
}

.menuLvl3 li a {
	background: transparent url(../images/LmenuLev3Top.gif) no-repeat right
		top;
	/* Background image positioned to the left(v) top(h) corner initially */
	display: block;
	width: auto;
	padding-top: 4px;
	padding-bottom: 2px;
}

.menuLvl3 li a SPAN {
	background: transparent url(../images/LmenuLev3Base.gif) no-repeat right
		bottom;
	/* Background image positioned to the left(v) top(h) corner initially */
	padding-bottom: 6px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.menuLvl3 li a:hover {
	background-position: 0px top;
	/* Shift backgroundimage horizontally 387px, or the start of the 2nd background image */
}

.menuLvl3 li a:hover SPAN {
	background-position: 0px bottom;
	/* Shift background image horizontally 387px, or the start of the 2nd background image */
}

/**********************END LEFT TAB MENU ************************/


	/*********************GENERAL TEXTBOX STYLING ******************************/



.InputBlock {
	display: block;
	margin-bottom: 1px;
	width: 100%;
	clear: both;
	min-height: 20px;
}

.flexibleInputBlock {
	display: block;
	margin-bottom: 1px;
	width: 100%;
	clear: both;
}

.InputBlock .InputLabelling {
	clear: left;
	float: left;
	margin-top: 2px;
	width: 120px;
}

.InputBlock .InputLabellingLong {
	clear: left;
	float: left;
	margin-top: 2px;
	width: 300px;
}

.InputBlock .InputField {
	float: left;
	margin-top: 1px;
	width: 150px;
}

.InputBlock .fieldLabel {
	float:left;
	font-weight:bold;
	margin-right:5px;
	margin-top:1px;
	text-align:right;
	width:170px;
}

.InputBlock .fieldValue{
	float: left;
	margin-top: 1px;
	width: 350px;
}

.InputBlock .wideInput{
	width: 325px;
}

.addressBoxContainer .addressBox {
	background-color: #F9F7F2;
	border: 1px solid #8E8B84;
	display: block;
	float: left;
	width: 400px;
}


/***************************************************/

		#singleProductContainer{
			width: 610px; 
			background-color: white;
			margin-left:2px
		}
		#singleProductInner{			
			background-color: rgb(243, 243, 243); 
			min-height:400px;
			height:auto !important;
			height:400px;
		}

		#singleProductHeader{
			margin-top:5px;			
			width:600px;
			font-size:16px;
			font-weight:bold;
			}
		#singleProductHeader .singleProductText{
			text-align:center;
			width:490px;
			float:left;
		}
		#singleProductHeader .logoImage{
			width:55px;
			float:left;
		}
		
		#singleProductDescription{
			float: left; 
			width: 300px;
			margin-top:10px
			}
			
		#singleProductDescription .singleProductFeatures{
			height:200px; 
			width:290px;
			padding-left:6px;
			padding-top:25px;
			overflow-y:auto;
		}
			
		#singleProductDescription UL {
			margin-top:10px;
			margin-left:20px;
			
			}
			
		#singleProductDescription UL LI{
			margin-top:3px;
			margin-bottom:5px;
			}
		#singleProductImage IMG{
			padding:0px;
			border:1px solid #7E7E7E;
			}
			
		#singleProductPrice{
			clear: both;		
			text-align:right
			}
/******************END SINGLE PRODUCT LAYOUT**********************/
/*********************GENERAL TEXTBOX STYLING ******************************/

.informationBoxContainerTop {
	width:610px; 
	margin: 1px 2px 2px 2px;
}

.informationBoxContainer{
	width:610px; 
	margin:2px;
}
		
.informationBox{
	background-color:#CCCCCC;
	padding:10px 5px;
	width:600px;
	display:inline-block; /*Peekaboo bug fix ie6*/
}
		
.informationBox P{
	font-size:12px;
	font-weight:normal;
	text-align:left;
}
		
.informationBox .header{
	padding:5px 15px;
	display:block;
}
     
.informationBox .stockFinderHeader {
	font-weight:bold;	
	height: 70px;
	font-size:12px;
}

		
.pageDescriptor{
	text-align:center;
	font-weight:bold;
	font-size:14px;
}
		
.addressBoxContainer .addressBox {
	background-color:#F9F7F2;
	border:1px solid #8E8B84;
	display:block;
	float:left;
	width:400px;
}

/***************************************************/
/* Branch locator*/
	table.openingHours {
		border-width: 1px;
		border-style: solid;
		border-color: gray;
		border-collapse: separate;
	}
	table.openingHours th , table.openingHours tr td.descriptionCol{
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: grey;
		background-color: #555555;
		color:white;
	}
	table.openingHours td {
		border-width: 1px;
		padding: 3px;
		border-style: solid;
		border-color: black;
		background-color: #EEEEEE;
	
	}
	
	.twoColumns{
		float:left;
		width:290px;
		}
		
	.branchLocatorSubmit{
		background:transparent url(../images/btn_findBranches.gif) no-repeat 0 0;
		border:medium none;
		height:23px;
		width:112px;
		}
	
	.gpsLogo{
		display:block;
		height:40px;
		float:left;
		margin-left:3px;
		margin-top:3px;
		margin-bottom:3px;
		cursor:hand;
		background:#ffffff;
		width:105px
	}
	
	.gpsLogo .image{
		height:20px;
		cursor:hand;	
	}
	
	.gpsLogo .download{
		font-size:10px;
		text-align:center;
		width:100%
	}
	
	.gpsLogo .download a{
		text-decoration:underline
	}
	
	.gpsLogoContainer{
		width:350px;
		margin:0px auto;
	}
	
	.TomTom{
		background:transparent url(../images/TomTomLogo.jpg) no-repeat 0 0;
		width:78px;
		margin:0px auto;
		height:20px;
		cursor:hand
	}
	
	.garmin{
		background:transparent url(../images/garminLogo.jpg) no-repeat 0 0;
		margin:0px auto;
		width:71px;	
		height:20px;
		cursor:hand
	}
	
	.NavMan{
		background:transparent url(../images/navManLogo.jpg) no-repeat 0 0;
		margin:0px auto;
		width:100px;
		height:20px;
		cursor:hand
	}
	#map
	{
		height: 350px;
		width: 595px;
		border: 1px solid black;
	}
	
	/***************************************************/

	/********** CARD PAYMENT PAGE ***********************/
.securepaymentleft {
	display: block;
	float: left;
	margin: 5px;
	width: 160px;
}

.securepaymentright {
	display: block;
	float: right;
	margin: 5px;
	width: 80px;
}

.securepaymentheader {
	display: block;
	padding: 5px 15px;
	float: left;
}

/******************************************************/ /* ERRORS */
#returntohomepage {
	margin-left: auto;
	margin-right: auto;
	clear: both;
	width: 159px;
	height: 45px;
	border-style: none;
	background-image: transparent url(../images/btn_o_med_over.gif)
		no-repeat scroll 0 0;
	display: block;
	background-repeat: no-repeat;
}

.errorIcon {
	margin-top: 20px
}

.errorContainer {
	padding-top: 45px;
	padding-bottom: 25px;
}

.errorText P {
	color: red;
	float: left;
	font-size: 1.1em;
	margin-left: 15px;
	text-align: center;
}

/**********************************************************************/
	/**************  debugging *********************************************/
DIV.power-rating A {
	PADDING-RIGHT: 1px;
	BACKGROUND-POSITION: 1px 0px;
	DISPLAY: block;
	PADDING-LEFT: 1px;
	FLOAT: left;
	BACKGROUND-IMAGE: url(../images/throbber.gif);
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	WIDTH: 18px;
	CURSOR: pointer;
	PADDING-TOP: 0px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 16px
}

DIV.power-rating A.over {
	BACKGROUND-POSITION: 1px 0px
}

DIV.power-rating A.selected {
	BACKGROUND-POSITION: 1px -20px
}

DIV.power-rating A.selectedover {
	BACKGROUND-POSITION: 1px -20px
}

DIV.power-rating A.selectedless {
	BACKGROUND-POSITION: 1px -20px
}



/*********************************************************************/
	/************************      LOGIN       ***************************/
.login {
	background: transparent url(../images/btn_login.gif) no-repeat scroll 0
		0;
	border: medium none;
	height: 22px;
	width: 90px;
	font-size: 0;
	text-align: right;
	color: #cccccc;
	cursor: pointer;
	cursor: hand; /*hack for ie*/
}

.headerLogin{
	width:190px;
	font-size:10px;
	float:right;
	text-align:right;
	margin-top:5px;
	margin-right:10px;
	color:#ffffff
}

.btnHeaderLogin{
	background: url(../images/btn_go_s.gif) no-repeat scroll 0 0;
	border:none;
	width:28px;
	height:18px;
}

.headerLogin .txt{
	float:left;
	margin-right:10px;
	width:75px;
	color:#ffffff	
}

.headerLogin .input{
	width:60px;
	float:left;
	margin-right:5px	
}

.headerLogin input[type="text"], .headerLogin input[type="password"]{
	width:55px;
	height:14px;	
}

/*********************************************************************/
	/************************** Contact Us *******************************/
#contactAddressLeft {
	padding-left: 105px;
	padding-top: 10px;
	float: left;
	width: 200px;
}

#contactAddressRight {
	padding-left: 25px;
	padding-top: 10px;
	float: left;
	clear: right;
}

#contactTel,#contactFax,#contactEmail {
	padding-bottom: 2px
}

#ProgressContainer {
	float: left;
	width: 40px;
	height: 20px;
	margin-left: 20px;
}




/*********************************************************************/
	/**************************  Brochure request *************************/
.brochureRequest {
	background: transparent url(../images/btn_req_cat.gif) no-repeat scroll
		0 0;
	border: medium none;
	height: 22px;
	width: 180px;
}

.brochureRequestHover {
	background: transparent url(../images/btn_req_cat_over.gif) no-repeat
		scroll 0 0;
	border: medium none;
	height: 22px;
	width: 180px;
}

#stdForm .InputBlock {
	display:block;
	margin-bottom:1px;
	margin-left:10px;
	width:100%;
	clear:both;
	height:25px;
}
#stdForm .InputBlock .InputLabellingLong {
	clear:left;
	float:left;
	margin-top:2px;
	width:300px;
}
#stdForm .InputBlock .InputLabelling {
	clear:left;
	float:left;
	margin-top:2px;
	width:150px;
}
#stdForm .InputBlock .ErrorLabelling {
	float:left;
	margin-top:2px;
	margin-left:10px;
	width:210px;
	font-size:11px;
	color:#cc0000;
}
#stdForm .InputBlock .InputField {
	float:left;
	margin-top:1px;
	width:200px;
}

#stdForm .Text{
	width:180px;
}

#stdForm .TextLong{
	width:220px;
}

/*********************************************************************/
	/*************************  View Quote  ******************************/
.viewQuote{
	width:596px;
}
	
	
.spacedRow{
	padding-top: 20px;
	padding-bottom: 5px;
}

.miniSpacedRow{
	padding-top: 5px;
	padding-bottom: 5px;
}
	
	
.smlSubmit {
	background: transparent url(../images/btn_o_sml.gif) no-repeat scroll 0
		0;
	border: medium none;
	height: 22px;
	width: 85px;
	color: #FFFFFF;
	font-weight: bold;
}

.smlSubmitHover {
	background: transparent url(../images/btn_o_sml_over.gif) no-repeat
		scroll 0 0;
	border: medium none;
	height: 22px;
	width: 85px;
	color: #FFFFFF;
	font-weight: bold;
}
	
.viewQuoteUpdateBasket,.longSubmit {
	background: transparent url(../images/btn_o_long.gif) no-repeat scroll 0
		0;
	border: medium none;
	height: 22px;
	width: 180px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	cursor: hand; /*hack for ie*/
}

.viewQuoteUpdateBasketHover,.longSubmitHover {
	background: transparent url(../images/btn_o_long_over.gif) no-repeat
		scroll 0 0;
	border: medium none;
	height: 22px;
	width: 180px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
	cursor: hand; /*hack for ie*/
}


div.row {
  	clear: both;
  	padding-top: 10px;
}

div.row span.label {
  	float: left;
  	width: 200px;
  	text-align: right;
}

div.row span.formw {
	padding-left:10px;
  	width: 100%;
 	text-align: left;
	vertical-align: top; 
}


/*********************Product Quantity Selection / Adding to basket ******************************/
.basketAddQty{
	 width:52px; 
	 margin-top:2px;
	 margin-left:8px
}

.basketAddQty input[type="text"]{
	width:40px
}

.stockLocatorNotLoggedIn{
	width:52px; 
	margin-top:1px;
	margin-left:1px;
	margin-right:1px;
}


/*********************SERVICES STYLING ******************************/
	/**** heat loss calculator ****/
.InputBlock .InputLabellingHL {
	clear: left;
	float: left;
	margin-top: 2px;
	width: 200px;
}

.InputBlock .InputFieldHL {
	float: left;
	margin-top: 1px;
	width: 250px;
}


.InputBlock .InputFieldHL input {
	width: 100%;
}

/***************************************************************************/
/**************************Registration **********************************/ 

#registerMenu .InputBlock {
	display:block;
	margin-bottom:1px;
	margin-left:10px;
	width:100%;
	clear:both;
	height:25px;
}
#registerMenu .InputBlock .InputLabellingLong {
	clear:left;
	float:left;
	margin-top:2px;
	width:300px;
}
.InputBlock .InputLabelling {
	clear:left;
	float:left;
	margin-top:2px;
	width:200px;
}
#registerMenu .InputBlock .ErrorLabelling {
	float:left;
	margin-top:2px;
	margin-left:10px;
	width:210px;
	font-size:11px;
	color:#cc0000;
}
#registerMenu .InputBlock .InputField {
	float:left;
	margin-top:1px;
	width:150px;
}




/***************************************************************************/
/**************************Branch Locator **********************************/ 
#branchLocatorMenu .InputLabelling{
	width:150px;
	margin-left:30px;
}

#branchLocatorMenu .submitButton{
	margin-left:190px;	
}

table.nearestBranches{
	width: 600px;
	table-layout:fixed;
}

/*#nearestBranchResults{
	margin:10px;
}*/

#nearestBranchResults .thL{
	text-align:left;
}

#nearestBranchResults .thR{
	text-align:right;
}

#nearestBranchResults .thM{
	text-align:center;
}

#nearestBranchResults .tdL{
	text-align:left;
	height:22px;
}

#nearestBranchResults .tdR{
	text-align:right;
	height:22px;
}

#nearestBranchResults .tdM{
	text-align:center;
	height:22px;
}

#nearestBranchSingle .thL{
	text-align:left;
}

#nearestBranchSingle .thM{
	text-align:center;
}

#nearestBranchSingle hr {
	width:90%;
	color:#666666;
	height:	1px;
	text-align:center
}

#nearestBranchSingle .mapHeader{
	height:40px;
	margin-top:5px;
	margin-right:10px		
}

/***************************************************************************/
/**************************STOCK FINDER   **********************************/ 

div#innerStockFinder{
	display:block;
	height: 170px;
	}
div#innerStockFinderLeft{
		float:left;
		display:block;
		height:152px;
		width:445px;
	}
div#innerStockFinderRight{
	float:right;
	display:block;
	height:152px;
	width:140px;
	background:transparent url(../images/magnify-large.jpg) no-repeat scroll 0 0;
	}


.InputBlock .InputFieldSelectHL {
	width: 100%;
}


div#breadcrumbs {
	margin:2px 0px 0px 2px;
	width:610px; 
	background-color:#C7CCD6;
	font-size:12px; 
	font-weight:bold;
}


div#breadcrumbs a{
	text-decoration: underline
}

/*************************Messages********************************/

.errorMsg{
	font-size:11px;
	color:#cc0000;
	width:90%;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:10px;
	font-weight:bold;
}

.errorMsg UL, .errorMsg LI{
	font-size:11px;
	color:#cc0000;
	margin-left:20px;
	margin-top:5px;
	font-weight:bold;
}

.errorText{
	color:#cc0000;
}
	
/****end***/
/***************************************************************************/
.btnSubmit{
	text-align:right;
	margin-top:20px;
	margin-right:20px;	
}

.manTxt{
	text-align:left;
	margin-top:20px;
	margin-left:10px;	
	font-weight:bold
}

.textCenter {
	text-align:center	
}

.textRight {
	text-align:right	
}

.textLeft {
	text-align:left	
}

.mr10 {
	margin-right:10px
}

.mr20 {
	margin-right:20px
}

.mr50 {
	margin-right:50px
}

.mr100 {
	margin-right:100px
}

.m10 {
	margin:10px
}

.m20 {
	margin:20px
}

.mt20{
	margin-top:20px	
}

.ml20{
	margin-left:20px
}

.ml50 {
	margin-left:50px
}

.ml100 {
	margin-left:100px
}

.ml120 {
	margin-left:120px
}

.ml160 {
	margin-left:160px
}

table.viewQuote {
	border-color: #A0A0A0;
	border-collapse: collapse;
	/*background-color: #faf0e6;*/
}
table.viewQuote th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #A0A0A0;
	background-color: #A0A0A0;
	-moz-border-radius: ;
}
table.viewQuote td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #A0A0A0;
	background-color: #FFFFFF;
	-moz-border-radius: ;
}
.quoteQty{
	width: 16%;
	/*float:left;
	display:inline;*/
}
table.viewQuote td.infoBoxColor{
	background-color:#CCCCCC;
	border-right: none;
	border-top: none;
	border-bottom: none;
}


/* ------------ maddy previous quote list table --------------------- */
table.previousQuoteList {
	width: 610px;
	table-layout:fixed;
}
table.previousQuoteList thead {
	background-color:#fbad1d;
}
table.previousQuoteList th.numeric,
table.previousQuoteList td.numeric {
	text-align: right;
}

table.previousQuoteList tr{
	text-align:left;
	padding: 4px;
	margin: 0px;
}

table.previousQuoteList tr.even {
	background-color:#ffffff;
}
table.previousQuoteList tr.odd {
	background-color:#dddddd;
}

.previousQuoteListControls {
	margin-top: 1px; 
	width: 610px; 
	margin-left: 2px;
}
.previousQuoteControls {
	height: 60px;
}
.quoteSavedMessage {
	height: 60px;
}
.heatCalculatorButton {
	width: 124px;
	float: left;
	padding-right: 20px;
}
#breadcrumbsMADDY, #breadcrumbsMADDY a {
	color: #ffffff;
}
#breadcrumbsMADDY a {
	text-decoration: underline;	
}
.priceListControls {
	height:30px; 
	background-color:#C7CCD6;
	width: 806px;
	margin-left: 2px;
}
#registerMenu,
#nearestBranchResults,
#stdForm
{
	width: 590px;
}	
.stockFinderMessage {
	text-align:center; 
	margin-top:15px;
	width: 590px;
}
.loginPage {
	height: 220px;
}
.singleProductSpecification {
	padding-left:6px;
	padding-top:20px;
	width: 580px;
}
.fulfilmentBranchSelect {
	height: 100px;
}
.ProdContainer {
	width: 580px;
}
.noSubListProds {
	text-align:center;
	padding:5px;
	height:30px;	
	width:610px;
	margin-left:22px;
	font-weight:bold;
	line-height:30px;
}
/*.ProdContainerSL {
	width: 738px;
}
*/
/*********************************************************
THIS ENSURES THE FOOTER ALWAYS APPEARS AT THE BOTTOM 
OF THE PAGE (AFTER THE CONTENT CONTAINER)
*********************************************************/
#clearFooter {
	height: 50px; 
	border: 0; 
	margin: 0; 
	padding: 0;
	clear: both;
}
/*********************************************************
FOOTER CONTAINER
*********************************************************/
#footerContainer {
    width: 990px;
	height: 35px; 
	padding: 0px 0 0 0; 
	margin: -35px auto 0 auto; border: 0; 
	background-color: #1C3565;
}
#footerContainer span.divider,
#footerContainer a {
	color: white;
	font-size: 10px;
	font-weight: normal;
}

}#footerContainer span#vatMessage {
	float: right;
	font-size: 11px;
	height: 30px;
	line-height: 30px;
	color: white;
}
#footerContainer div.footerLinks {
	float: left;
	display: inline;
	text-align: center;
	width: 970px;
	color: #FFFFFF;
	font-size: 10px;
}
.technicalHelpItemBox,
.myAccountItemBox {
	margin: 1px 0px 0px 2px; 
	float: left; 
	display: inline;
}

/***************************************************
supplier details page
***************************************************/
.supplierContactRow {
	width: 610px;
	margin: 0px;
	margin-left: 2px;
	display:block;
	float:left;
	border-bottom: 2px solid #e0e0e0;
	padding: 0;
}
.supplierContactRow img {
	border-style: none;
}
.supplierImage,
.supplierName,
.supplierTelephone,
.supplierFax {
	float: left;
	display: inline;
	padding-right: 20px;
}
.supplierName {
	width: 200px;
}
.supplierName,
.supplierTelephone,
.supplierFax {
	margin-top: 15px;
}
/************************************************
aboutUs corporate website stuff
************************************************/
.website {
	width: 600px;
	margin-top: 5px;
}

.websiteHeader {
	list-style-type: circle;
	width: 600px;
	clear:both;
}
.websiteIcon{
	margin-left:5px;
	float: left;
}

.websiteIcon img{
	height:20px;
	width:20px;
	border:0px;
}

.websiteTitle {
	margin-left:10px;
	float: left;
}
.websiteAddress {
	padding-left: 10px;
	float: left;
}
.websiteDetail{
	clear:both;
	margin-top:5px;
	margin-left:40px;
}

/************************************************
downloads from catalogue request screen
************************************************/
.downloadGroup {
	width: 600px;
	clear: both;
	display: block;
}
.downloadGroupTitle {
	width: 600px;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
.downloadColLeft{
	float:left;
	width:100px
}
.downloadColRight{
	float:left;
	width:500px
}
.downloadImage{
	margin-left:10px;
	float:left	
}

.downloadImage img{
	border:0px;
	/*height:70px;*/
	width:70px;
}
.download {
	margin-top: 5px;
	width: 220px;
	float: left;
	display: inline
}
.downloadLink {
	float: left;
	padding-left:20px;
	font-size:0.8em;
}
.downloadButton {
	padding-left: 10px;
	float: left;
}
/************************************************
downtime message
************************************************/
.downtimeMessage {
	color: red;
	font-weight: bold;
}
.inputHand {
	cursor: pointer;
	cursor: hand; /*hack for ie*/
}

/*************************************************
Bullet Point Lists
*************************************************/
.bulletList{
	display:inline;
}

.bulletList ul, .bulletList li{
	font-size:11px;
	margin-left:20px;
	margin-top:5px;
	font-weight:bold;
}

/*************************************************
NoScript specific classes
*************************************************/
.noScriptDisabledMessage{
	color:#cc0000;
	font-weight:bold;
	font-size:10px
}

/*************************************************
Test / Debug / Utility Classes
*************************************************/
.border{
	border:1px solid #000000
}

/*************************************************
Quantity Amendment
*************************************************/
.shortUOM{
	margin: 5px 0px 0px 5px;
	width: 20px;
}

.qtyAmendForm{
	margin:2px 0px 0px 5px;
	width:45px; 
}
.qtyAmendIncrement{
	margin:2px 0px 0px 5px
}
.veryLargeRightIndent {
	padding-right: 30px;
}

/*************************************************
Show & Hide
*************************************************/

.invisible{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
.hidden {
	display:none;
}
.showBlock {
	display:block;
}
.showInline {
	display:inline;
}

/*************************************************
Progress Images
*************************************************/

.progressBar{
	background:url(../images/ajax/ajax-loader-bar.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.ajaxLoader{
	background:url(../images/ajax/ajax-loader_transparent.gif);
	background-repeat: no-repeat;
	background-position: center;
}

/*************************************************
Notifications
*************************************************/

.notify{
	width: 40px;
	height: 30px;
	line-height: 30px;
	display: block;
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
}


.inlineNotify{
	width: 20px;
	display: block;
	margin-top: 3px;
	margin-left:auto;
	margin-right:auto;
}

.successWhiteBk_Small{
	background:url(../images/notifications/icon_greenwhite_tick.gif);
	background-repeat: no-repeat;
}

.successWhiteBk_Large{
	background:url(../images/notifications/icon_greenwhitelarge_tick.gif);
	background-repeat: no-repeat;
}

.successGreyBk_Small{
	background:url(../images/notifications/icon_greengrey_tick.gif);
	background-repeat: no-repeat;
}

.successGreyBk_Large{
	background:url(../images/notifications/icon_greengreylarge_tick.gif);
	background-repeat: no-repeat;
}

.failureWhiteBk_Small{
	background:url(../images/notifications/icon_redwhite_ex.gif);
	background-repeat: no-repeat;
}

.failureWhiteBk_Large{
	background:url(../images/notifications/icon_redwhitelarge_ex.gif);
	background-repeat: no-repeat;
}

.failureGreyBk_Small{
	background:url(../images/notifications/icon_redgrey_ex.gif);
	background-repeat: no-repeat;
}

.failureGreyBk_Large{
	background:url(../images/notifications/icon_redgreylarge_ex.gif);
	background-repeat: no-repeat;
}

/*************************************************
Generic Basket Update
*************************************************/
.pointsPromotionTxt{
	text-align:right;
	/*-font-size:9px;
	height:9px;*/
	color:#31832A;
	/*margin-bottom:1px*/
}

.leadTimeTxt{
	text-align:center;
	font-size:9px;
	height:9px;
}
	

/*************************************************
Checkout
*************************************************/

.split5{
	width:20%;
}

.split6{
	width:16.6%;
}	

.split7{
	width:14.2%;
}

.checkoutBreadcrumb{
	text-align:center;
}

.breadcrumbIndicator{
	width: 18px;
}
#myoutercontainer { 
	display: table; 
	height: 600px; 
	background: #aaa; 
	position: relative; 
	overflow: hidden;
}
#myinnercontainer { 
	position: absolute; 
	top: 50%; 
	display: table-cell; 
	vertical-align: middle;
}

.checkoutSelected{
	font-weight: bold;
	color:#FFFFFF;
}
.smallText{
	font-size: 0.75em;
}

/*************************************************
Rounded Box
*************************************************/

.rbroundbox { 
	background: url(../images/roundedCornerBox/nt.gif) repeat; 
}
.boxBground { 
	background: url(../images/roundedCornerBox/nt.gif) repeat; 
}
.rbtop div { 
	background: url(../images/roundedCornerBox/tl.gif) no-repeat top left; 
}
.rbtop { 
	background: url(../images/roundedCornerBox/tr.gif) no-repeat top right; 
}
.rbbot div { 
	background: url(../images/roundedCornerBox/bl.gif) no-repeat bottom left; 
}
.rbbot { 
	background: url(../images/roundedCornerBox/br.gif) no-repeat bottom right; 
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontent { 
	display:block;
	height: 70px;
	margin: 0 7px; 
}

.rbroundbox { 
	width: 95%; 
	margin: 0em auto; 
}

/*************************************************
Selected Rounded Box
*************************************************/

.rbroundboxSel { 
	background: url(../images/roundedCornerBoxSel/nt.gif) repeat; 
}
.rbtopSel div { 
	background: url(../images/roundedCornerBoxSel/tl.gif) no-repeat top left; 
}
.rbtopSel { 
	background: url(../images/roundedCornerBoxSel/tr.gif) no-repeat top right; 
}
.rbbotSel div { 
	background: url(../images/roundedCornerBoxSel/bl.gif) no-repeat bottom left; 
}
.rbbotSel { 
	background: url(../images/roundedCornerBoxSel/br.gif) no-repeat bottom right; 
}

.rbtopSel div, .rbtopSel, .rbbotSel div, .rbbotSel {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.rbcontentSel { 
	display:block;
	height: 70px;
	margin: 0 7px; 
}

.rbroundboxSel { 
	width: 95%; 
	margin: 0em auto; 
}

/*************************************************
General Table Formatting
*************************************************/
table.generalTable{
	width: 100%;
	table-layout:fixed;
}
.generalTable .tableHeader{
	
}
.generalTable .plainRow {
	background-color: #ffffff;
}
.generalTable .selectedRow {
	background-color: #1c3565;
}
.generalTable .headerLeft{
	text-align:left;
}
.generalTable .headerRight{
	text-align:right;
}
.generalTable .headerCentre{
	text-align:center;
}
.generalTable .cellLeft{
	text-align:left;
	height:22px;
}
.generalTable .cellRight{
	text-align:right;
	height:22px;
}
.generalTable .cellCentre{
	text-align:center;
	height:22px;
}
.generalTable .smallRightIndent{
	padding-right: 2px;
}
.generalTable .smallLeftIndent{
	padding-left: 2px;
}
.generalTable .medRightIndent {
	padding-right: 5px;
}
.generalTable .medLeftIndent {
	padding-left: 5px;
}


/*************************************************
Specific Table Formatting
*************************************************/

/*View Previous Quotes Table*/

th#createdDate{
	width: 135px;
}
th#name{
	width: 250px;
}
th#value{
	/*width: 50px;*/
}
th#vat{
	/*width: 50px;*/
}
th#orderedDate{
	width: 80px;
}

/* Branch Locator Table */

.shortField{
	width:100px;
}

/* View Quote Table */

th#quantity{
	width: 110px;
}
th#product{
	/*width: 250px;*/
}
th#leadTime{
	width: 50px;
}
th#unitPrice{
	width: 55px;
}
th#totalPrice{
	width: 65px;
}
th#hidden{
	width: 20px;
}

/*************************************************
Microsites
*************************************************/
.smallBar{
	height: 35px;	
}
.bigBar{
	height: 150px	
}
#bathroomsHeader{
	background: url(/wrms/images/website/cps/bathrooms/BathroomsHeaderFull.jpg) no-repeat left top;
	height: 560px;
	width: 770px;
}
#bathroomsCopy{
	margin-top:430px;	
	margin-left:50px;
	font-weight: bold;
	width:65%;
}
#endeavourBody{
	height: 560px;
	width: 780px;
}
.promoBar{
	width: 210px;
	height: 547px;
}
.promoInner{
	padding:10px;	
}
.promoText{
	font-size: 0.85em;	
}

/*************************************************
Right Hand Menu
*************************************************/
.promoImageContainer{
	width:185px; 
	padding: 5px 0px 0px 2px;	
}
.promoImage{
	position:relative;
	left:-4px;
	margin-bottom:0px;
	width:185px; 	
}
.promoButton{
	width:185px; 
	padding: 5px 0px 0px 1px;	
}

/*************************************************
Debug
*************************************************/

.blue{
	border: 1px dashed blue;
}
.green{
	border: 1px dashed green;
}
.red{
	border: 1px dashed red;
}
.yellow{
	border: 1px dashed yellow;
}
.silver{
	border: 1px dashed silver;
}
/*************************************************
General
*************************************************/
.floatL{
	float:left;	
}
.floatR{
	float:right;	
}
.textCenter{
	text-align:center;	
}
.textRight{
	text-align:right;	
}
.textLeft{
	text-align:left;	
}
.headerText{
	margin-top:50px;
	font-size: 30px;
}	
.textWhite{
	color:#FFFFFF;
}
.textYellow{
	color:#FBAD1D;
}
.blueBar{
	background-color: #1C3565;
}
.darkBlueBar{
	background-color: #012C5F;	
}
.lightBlueBar{
	background-color: #C7CCD6;	
}
.clear{
	clear:both;	
}
.fullWidth{
	width: 100%;	
}
.threeQuartersWidth{
	width:75%;	
}
.halfWidth{
	width: 50%;	
}
.halfWidth{
	width:50%;	
}
.largeLeftIndent{
	margin-left:75px;
}
.smallRightIndent{
	margin-right:10px;
}
.smallTopIndent{
	margin-top: 10px;	
}
.rowSpacer{
	padding-top: 15px;
}