@charset "UTF-8";
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #222;
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: #005996;
	font-weight: normal;
}
.home #container, .contents #container{
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.ui-dialog {
	text-align: left;
}
.home header {
	padding-top: 0;
	padding-right: 17px;
	padding-bottom: 20px;
	padding-left: 17px;
	background-image: url(/images/bgheader1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: visible;
	height: 425px;
	display: block;
}
header nav {
	color: #FFF;
	font-weight: normal;
	display: block;
	float: left;
	background-color: #333;
}
nav #nav #search {
	background-color: #666;
	font-size: 14px;
	width: 100%;
}
#search form {
        margin: 0;
}
#breadcrumb #contact {
	text-decoration: none;
	text-align: right;
	float: right;
	width: 400px;
}
#breadcrumb #contact #login {
	display: none;
}
a:link {
	color: #005996;
	text-decoration: none;
	font-weight: bold;
}
a:visited {
	color: #005996;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #005996;
	text-decoration: none;
}
#contact a:link {
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
#contact a:visited {
	color: #206CA5;
	text-decoration: none;
}
#contact a:hover {
	color: #005996;
	text-decoration: none;
}
#contact a:active {
	color: #333;
	text-decoration: none;
}
#footer a:link {
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
#footer a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #BBC2D9;
	text-decoration: none;
}
.navblock .navtitle {
	font-weight: bold;
}
#footer a:active {
	color: #FFF;
	text-decoration: none;
}

#search #searchform #criteria {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	background-color: #666;
	display: inline;
	padding: 5px;
	margin: 5px;
	border: 1px solid #000;
	width: 168px;
	vertical-align: top;
}
#searchsubmit {
	margin-top: 4px;
}

/*I add this below to hide the second heading "Search"*/

h1:nth-child(2)
{
height:0px;
visibility:hidden;
margin: 0;
}

/*Damien added this part to format the result*/
#search-result 
	{
	display:block;
	}
#search-title a
	{
	font-size: 17px;
	}
#search-date 
	{
	font-size: 14px;
	}
#search-summary 
	{
	font-size: 14px;
	}
#search-footer
	{
	border-bottom-style:dotted;
	border-bottom-width: 2px;
	border-color: grey;
	
	}
#search-footerline
	{
	padding-bottom:15px;
	}

/*This part below is icon linked the category (collect)*/


.Download
	{background: url("/furniture/Icons/download.png") no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.Events
	{background: url("/furniture/Icons/Event.png") no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.FAQ
	{background: url("/furniture/Icons/faq.png") no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.Link
	{background: url("/furniture/Icons/links.png")no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.M3HNews
	{background: url("/furniture/Icons/news.jpeg")no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.newsletter
	{background: url("/furniture/Icons/newsletter.png") no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.lockweb
	{background: url("/furniture/Icons/lockweb.png")no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.M3HHTML
	{background: url("/furniture/Icons/webpage.png")no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

.M3HInclude
	{background: url("/furniture/Icons/include.png")no-repeat top left;
 background-position: center;
background-size: 50px;
height: 60px;
width: 60px;
padding: 3px;
margin-left:-80px;
margin-top:-60px;}

header h1 {
	display: block;
	height: 190px;
	width: 180px;
	background-position: center center;
	text-indent: -9999px;
	padding-top: 20px;
	padding-bottom: 20px;
}
header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
}
header h1 a:hover {
	color: #B6C2DE;
	text-decoration: none;
}
header #headline {
	font-size: 30px;
	font-weight: normal;
	color: #005996;
	width: 400px;
	text-align: left;
	display: block;
	float: right;
	clear: right;
	height: 200px;
	margin-top: 40px;
	line-height: 1.3;
}
header #headlineoffer {
	font-size: 16px;
	font-weight: normal;
	color: #FFF;
	width: 450px;
	text-align: left;
	display: block;
	background-color: #333333;
	clear: right;
	float: right;
	margin-top: 30px;
	overflow: visible;
}
#ticker {
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.home header h1 , .contents header h1{
	margin: 0; /* zeroing the margin of the last element in the header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.home .columnl, .norightbar .columnl {
	float: left; /* since this element is floated, a width must be given */
	/* padding keeps the content of the div away from the edges */
	margin-left: 10px;
	margin-bottom: 20px;
	color: #005996;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}
.home .columnl { width: 300px; }
.norightbar .columnl { width: 230px; }
.home #columnr , .contents #columnr, .norightbar #columnr {
	float: right; /* since this element is floated, a width must be given */
	/* padding keeps the content of the div away from the edges */
	margin-right: 20px;
	margin-bottom: 20px;
	color: #005996;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;;
}
.columnrx2 {
	margin-left: 250px;
}
.qtrcolumn {display:inline;float:left;margin-left:10px;margin-right:10px;width:185px;}
.home #columnr , .contents #columnr{ width: 320px; }
.norightbar #columnr { width: 250px; }
.prod .prodscreenshot {
	float: left;
	height: 75px;
	width: 100px;
	padding-right: 5px;
	display: block;
	padding-bottom: 20px;
}
#columnx2 {
	width: 620px;
	float: left;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-left: 20px;
	padding-top: 20px;
}
.norightbar #columnx2 { width: 500px; }
#columnx2 h3 {
	display: inline;
	float: left;
	width: 110px;
}
.norightbar #columnx2 h3 {
	display: block;
	float: none;
	width: auto;  
}
#columnx2 .x2content {
	float: left;
	padding-left: 20px;
	font-size: 14px;
	color: #005996;
	display: block;
	width: 450px;
	line-height: 18px;
}
.home .columnl h3, .home #columnr h3, .home #columnx2 h3 {
	background-color: #005996;
	padding: 10px;
	font-weight: normal;
	color: #FFF;
	font-size: 20px;
	margin-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.home .columnl h3 a, .home #columnr h3 a, .home #columnx2 h3 a {
	color: #fff;
}
a.external {
	background-image: url(/images/world_link.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 18px;
}
nav #nav li:hover ul a.external, nav #nav li:hover ul a.external:hover {
	background-image: url(/images/world_link_black.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px;
	margin-right: 2px;
}
#columnr .tableofcontents {
	padding-top: 190px;
	background-position: top center;
	background-repeat: no-repeat;
}
.findoutmore /*This part is for Housecall FAQ - control panel belows*/
{
	margin-left:43px;
	margin-bottom:10px;	
}
.columnl tr:hover {background-color: #E0FFFF;}
.m3h #columnr.nocolumnimage .tableofcontents { background: none; padding-top: 10px; }
.m3h #columnr .tableofcontents { background-image: url(/images/M3logo.png); }
.checkmate #columnr .tableofcontents { background-image: url(/images/lozenge_checkmate.jpg); }
.consultancy #columnr .tableofcontents { background-image: url(/images/M3logo.png); }
.corporate #columnr .tableofcontents { background-image: url(/images/lozenge_m3schedules.jpg); }
.housecall #columnr .tableofcontents { background-image: url(/images/lozenge_housecall.png); }
.housecare #columnr .tableofcontents { background-image: url(/images/lozenge_housecare.png); }
.locator #columnr .tableofcontents { background-image: url(/images/lozenge_locatorplus.gif); }
.schedule #columnr .tableofcontents { background-image: url(/images/lozenge_m3schedule.png); }
.pamwin #columnr .tableofcontents { background-image: url(/images/lozenge_pamwinplus.png); }
.pamwinlite #columnr .tableofcontents { background-image: url(/images/lozenge_pamwinlite.png); }
.repairguides #columnr .tableofcontents { background-image: url(/images/lozenge_handbooks.png); }
.m3rd20 #columnr .tableofcontents { background-image: url(/images/lozenge_m3rd20.gif); }
.m3central #columnr .tableofcontents { background-image: url(/images/lozenge_m3central.png); }
.tableofcontents .prod {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	display: block;
}
.m3h #mainContent h3 { color: #015998; background-color: transparent; padding: 10px 0; }
.checkmate #mainContent h3 { color: #FFC21D; }
.consultancy #mainContent h3 { color: #015998; }
.corporate #mainContent h3 { color: #1D86C8; }
.housecall #mainContent h3 { color: #EF3F35; }
.housecare #mainContent h3 { color: #F26633; }
.locator #mainContent h3 { color: #00B1B1; }
.schedule #mainContent h3 { color: #0397D7; }
.pamwin #mainContent h3 { color: #4FB847; }
.pamwinlite #mainContent h3 { color: #AEBD36; }
.repairguides #mainContent h3 { color: #C60D47; }
.m3rd20 #mainContent h3 { color: #00349A; }
.m3central #mainContent h3 { color: #ed174f; }

* { 
	font-size: 14px;
	line-height: 22px;
}

.pamwinusergroup td
{
	padding: 6px;
}

/* jquery-ui.css specifies font-size 1.1em, but we need to be consistent with the above */
.ui-widget * { 
	font-size: 14px;
	line-height: 22px;
}

.launchwebapp a { font-size: 140%; display: block; padding: 10px 0 0 30px; background-position: left center; background-repeat: no-repeat; min-height: 22px; }
#launchcheckmate a { background-image: url(/furniture/boxart_checkmate_launch.png); }
#launchhousecall a { background-image: url(/furniture/boxart_housecall_launch.png); }
#launchhousecare a { background-image: url(/furniture/boxart_housecare_launch.png); }
a#launchschedule { background-image: url(/furniture/boxart_schedule_launch.png); }
.faqrulecontainer h4 {
	padding-left: 30px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/bullet_arrow_right.png);
}
.faqrulecontainer h4.expanded {
	background-image: url(../images/bullet_arrow_down.png);
}
.contents #mainContent {
	margin: 0;
	width: 460px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 140px;
} 
.contents #mainContent.norightbar {
	width: 820px;
}
.contents #breadcrumb {
	background-color: #fff;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
	font-weight: normal;
}
.contents #breadcrumb a {
	color: #333;
	font-weight: bold;
}
#mainContent li {}
.checkmate #mainContent ul { list-style-image: url(../images/bullet_checkmate.gif); }
.consultancy #mainContent ul { list-style-image: url(../images/bullet_m3.gif); }
.corporate #mainContent ul { list-style-image: url(../images/bullet_m3schedule.gif); }
.housecall #mainContent ul { list-style-image: url(../images/bullet_housecall.gif); }
.housecare #mainContent ul { list-style-image: url(../images/bullet_housecare.gif); }
.locator #mainContent ul { list-style-image: url(../images/bullet_locatorplus.gif); }
.schedule #mainContent ul { list-style-image: url(../images/bullet_nhfschedule.gif); }
.pamwin #mainContent ul { list-style-image: url(../images/bullet_pamwinplus.gif); }
.pamwinlite #mainContent ul { list-style-image: url(../images/bullet_pamwinlite.gif); }
.repairguides #mainContent ul { list-style-image: url(../images/bullet_handbooks.gif); }
.m3rd20 #mainContent ul { list-style-image: url(../images/bullet_m3rd20.gif); }
.m3central #mainContent ul { list-style-image: url(../images/bullet_housecall.gif); }
#footer {
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #005996;
} 
#footer, #footer * {
	font-size: 12px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer .navblock{
	float: right;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFF;
	padding-left: 10px;
	padding-right: 40px;
	color: #FFF;
	padding-top: 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#m3logo {
	float: left;
	padding-right: 3px;
}
#topbar {
	background-color: #333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin-left: 50px;
	height: 43px;
}

/* Main Nav   */

nav #nav{
	margin:0;
	padding:0;
	text-align:center;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
}
nav #nav li{
	position:relative;
	display:block;
	float: left;
	z-index: 1; /* Get IE7 to show menu over the #eventbadge */
}
nav #nav a{
	display:block;
	font-size: 18px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;
}
nav #nav ul{
	position:absolute;
	/*top:100%; Uncommenting this makes the dropdowns work in IE7 but looks a little worse in all other browsers. Your call. */
	left:-9999px;
	margin:0;
	padding:0;
	text-align:left;
	border: 1px solid #000;
	border-top: none;
	display: block;
	z-index: 10;
}
nav #nav ul li{
	display:block;
	float: none;
}
nav #nav li:hover ul{
	position: absolute;
	left:0px;
	top:43px;
	margin-left: -1px;
	background-color: #333;
}
nav #nav li a:hover{
	text-decoration:none;
	color: #B6C2DE;
	background-color: #000;
}
nav #nav li:hover ul a{
	text-decoration:none;
	background:none;
}
nav #nav li:hover ul a:hover{
	text-decoration:none;
	background:#000;
}
nav #nav ul a{
	white-space:nowrap;
	display:block;
	padding: 3px 15px;
	border-right: none;
}
.contents header {
	padding-top: 0;
	padding-right: 17px;
	padding-bottom: 0;
	padding-left: 17px;
	background-image: url(/images/bgheader1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	overflow: visible;
	display: block;
}
#mainContent h1, #mainContent h1 * {
	color: #005996;
	font-size: 40px;
	font-weight: normal;
	line-height: 40px;
}
#mainContent h2, #mainContent h2 * {
	color: #005996;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
}

.pamwin #mainContent h2 {
	color: #4FB847;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;	
}
#mainContent h3, #mainContent h3 * {
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
}
#mainContent h4, #mainContent h4 * {
	font-size: 20px;
	font-weight: normal;
}
.contents #container{
	background-repeat: no-repeat;
	background-position: left 375px;
}
.contents #container.m3h{ background-image: url(/images/bg_m3.png); }
.contents #container.checkmate{ background-image: url(/images/bg_checkmate.png); }
.contents #container.consultancy{ background-image: url(/images/bg_m3.png); }
.contents #container.corporate{ background-image: url(/images/bg_m3schedule.png); }
.contents #container.housecall{ background-image: url(/images/bg_housecall.png); }
.contents #container.housecare{ background-image: url(/images/bg_housecare.png); }
.contents #container.locator{ background-image: url(/images/bg_locator_plus.gif); }
.contents #container.schedule{ background-image: url(/images/bg_m3schedule.png); }
.contents #container.pamwin{ background-image: url(/images/bg_pamwin_plus.png); }
.contents #container.pamwinlite{ background-image: url(/images/bg_pamwin_lite.png); }
.contents #container.repairguides{ background-image: url(/images/bg_handbooks.png); }
.contents #container.m3rd20{ background-image: url(/images/bg_m3schedule.png); }
.contents #container.m3central{ background-image: url(/images/bg_m3central.png); }
.contents .m3h header { background-image: url(/images/header_m3.jpg); }
.contents .checkmate header { background-image: url(/images/header_checkmate.jpg); }
.contents .consultancy header { background-image: url(/images/header_consultancy.jpg); }
.contents .corporate header { background-image: url(/images/header_schedule.jpg); }
.contents .housecall header { background-image: url(/images/header_housecall.jpg); }
.contents .housecare header { background-image: url(/images/header_housecare.jpg); }
.contents .locator header { background-image: url(/images/header_locatorplus.jpg); }
.contents .schedule header { background-image: url(/images/header_nhfschedule.jpg); }
.contents .pamwin header { background-image: url(/images/header_pamwinplus.jpg); }
.contents .pamwinlite header { background-image: url(/images/header_pamwinlite.jpg); }
.contents .repairguides header { background-image: url(/images/header_repairhandbooks.jpg); }
.contents .m3rd20 header { background-image: url(/images/header_rd20.jpg); }
.locator #mainContent h4, .locator #mainContent h3, .locator #mainContent h2, .locator #mainContent h1 {
	color: #00B2AD;
}
/*.pamwinlite #mainContent h4, .pamwinlite #mainContent h3, .pamwinlite #mainContent h2, .pamwinlite #mainContent h1 {
	color:rgba(174,189,54,0.8);
}*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	/*behavior: url(/css/iepngfix.htc)*/
}
.flashobject {position: absolute;}
.modulelist ul {padding-left: 0; list-style-type: none;}
#mainContent #screenshotrulecontainer h3 {margin-bottom: 0; padding-bottom: 0;}
.morelink {display: block;}
.morelink span { display: none; }

/* carousel styles */
#productcarousel h4 {
	margin: 3px 0;
}
#productcarousel p {
	margin: 2px 0;
}
#productcarousel div {
	text-align: left;
	width: 185px;
	height: 330px;
	padding: 0;
	margin: 5px;
	display: block;
	float: left;
}
#next2 {
	position: relative;
	top: -130px;
	left: 720px;
}
#prev2 {
	position: relative;
	top: -130px;
	left: -20px;
}
#productcarousel .locatorplus h4 a, .locatorplus h3 a {color: #01B3AF;}
#productcarousel .housecall h4 a, .housecall h3 a {color: #EF3F35;}
#productcarousel .nhfschedule h4 a, .nhfschedule h3 a {color: #0397D7;}
#productcarousel .pamwinplus h4 a, .pamwinplus h3 a {color: #4FB847;}
#productcarousel .m3schedule h4 a, .m3schedule h3 a {color: #0397D7;}
#productcarousel .handbooks h4 a, .handbooks h3 a {color: #C60D47;}
#productcarousel .checkmate h4 a, .checkmate h3 a {color: #FEC00D;}
#productcarousel .pamwinlite h4 a, .pamwinlite h3 a {color: #AEBD36;}
#productcarousel .m3rd20 h4 a, .m3rd20 h3 a {color: #005795;}
#productcarousel .housecare h4 a, .housecare h3 a {color: #F26633;}
#productcarousel .m3central h4 a, .m3central h3 a {color: #ed174f;}

/* Order form styles */
#productlist h3 {
	display: none;
}
#productcontainer
{
	padding-bottom:58px;
		}
.basketitem {
	border-bottom: 1px solid #999;
	margin-bottom: 10px;
	padding: 10px 0;
}
.basket .icon {
	float: left;
	clear: both;
}
.basket .relatedproducts .icon {
	float: none;
	clear: none;
}
.basketactions {
	margin-left: 10px;
	float: left;
	width: 400px;
}
.itemdesc {
	float: left;
	width: 30em;
	padding-left: 15px;
}
.productdesc {
	display: block;
	font-size: 20px;
}
#retrievequotebox {
	float: left;
	width: 500px;
}
#retrievequotebox .orderformbutton {
	float: none;
}
.basket .pricing {
	margin-left: 10px;
	/*position: absolute;*/
}
.basket .item .pricing {
	/*margin-left: 590px;*/
	float: left;
}
.basket .pricing span {
	display: block;
}
.basket .pricing .cost span, .basket .basketsummary .cost span {
	float: left;
	width: 120px;
	clear: both;
	font-weight: bold;
}
.basket .item .pricing .cost span {
	clear: none;
}
.basket .actions {
	clear: both;
}
.relatedproducts {
	font-size: 80%;
	clear: both;
}
.basket .relatedproducts .icon {
	height: 30px;
}
.basket .relatedproducts .actions {
	clear: none;
	vertical-align: middle;
}
.basket .relatedproducts div div {
	display: inline;
}
.basketsummary {
	clear: both;
	float: right;
}
.basket {
	background-color: black;
}
.item {
	padding: 1em;
}
.basket.item {
	margin: 0 auto; width: 100%; background-color: white;
}
/*This parts is for review the contact detail on the store part*/ 
.review a{
float:right;	
}
.Reviewcontact {  
	float:left;
	width:410px;
}

.ReviewInvoice {
	float:right;
	width:410px;
	margin-bottom:58px;
}
.revcontactandinvoice{
	margin-bottom:90px;
}
.revforward{
	float:right;
}
.revcontactandinvoice span.reviewbold
{
	font-weight:bold;
}

span.reviewbold
{
	font-weight:bold;
}

.relatedproducts {
	border: 1px solid black;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}
.relatedproducts h3 {
	margin: 0 1em 0 1em;
}
.related.item  {
	padding: 0.5em;
}
.item .productconfig {
	vertical-align: middle;
	font-size: xx-small;
}
.prodparams .productconfigitem {
	margin: 0 0.9em 0.9em 0;
}
.prodparams .productconfigitem p {
	display: inline-block;
	width: 80%;
}
.prodparams .productconfigitem span {
	font-weight: bold;
}
.prodparams .yes, .prodparams .no {
	display: inline-block;
	font-size: xx-large;
}
.item .total {
	font-weight: bold;
}
.item .pricing, .item .desc, .item img.icon {
	vertical-align: middle;
}

.buttons
{
	float:right;
	}
.orderformbutton span {
	position: relative;
	top: 0px;
	vertical-align: middle;
	
}
.orderformbutton img {
	position: relative;
	float: left;
	height:30px;	
}
.orderformbuttonforward 
{
	float:right;
}

a.orderformbutton {
	height:35px;
}
button.orderformbutton{
	height:57.4px;
	font-weight:bold;
	
}
button.orderformbutton:hover{
	
	color:black;
}

.ui-accordion .orderformbutton {
	/* Fix PIE making a floating orange blob on scrolling UI accordion */
	behavior: none;
}
.orderformbutton, .btnl, .btnr, .btn {
	behavior: url(/css/PIE.htc);
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */

	/* useful if you don't want a bg color from leaking outside the border: */
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFCC7F), to(#FF9C08)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #FFCC7F, #FF9C08); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #FFCC7F, #FF9C08); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #FFCC7F, #FF9C08); /* IE10 */
	background-image:      -o-linear-gradient(top, #FFCC7F, #FF9C08); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #FFCC7F, #FF9C08);
	background-color: #FFCC7F;
	margin: 0.3em;
	display: inline-block;
	border: 2px solid #FF9C08;
	/* Below copied from btnl style from new design */
	text-align: center;
	color: #005996;
	font-size: 14px;
	/* Make the unit test page pretty */
	font-family: "Trebuchet MS",Helvetica,Verdana,sans-serif;
	text-decoration: none;
	float: left;
	cursor: pointer;
	position: relative;
}
.orderformbutton a, .btnl a, .btnr a, .btn a, a.orderformbutton {
	display: inline-block;
	padding: 10px;
}
.btn {
	display: block;
	margin-top: 5px;
	margin-right: 0;
}
.btnl {
	display: block;
	margin-top: 5px;
	margin-left: 0;
}
.btnr {
	display: block;
	margin-top: 5px;
	margin-right: 0;
	float: right;
}
.basket .cost {
	display: block;
	padding: 0.3em;
}
.warning, .required {
	font-weight: bold;
}
.basket a {
	border-bottom: none;
}
#orderdetails span {
 	width:100px;
	padding:5px;
	text-align:center;
	background-color:#005996;
	color:white;
	font-size:large;
	margin-right: 5em;
}
.ruleanswerhousecare
{
	display:none;
}

.ruleanswerrepairguides
{
	display:none;
}
.ruleanswercheckmate
{
	display:none;
	background-color:rgba(255,235,147,0.4);
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;
}
.ruleanswerpamwinlite
{
	display:none;
	background-color:rgba(219,227,155,0.4);
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;
}

.ruleanswerm3h
{
	display:none;
}

.ruleanswerconsultancy 
{
	display:none;
	background-color:rgba(220,222,229,0.4);
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;	
}
.ruleanswerlocator 
{
	display:none;
	background-color:rgba(219,245,239,0.4);	
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;	
}
.ruleanswerschedule
{
	display:none;
	background-color:rgba(198,209,229,0.4);	
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;	
}
.ruleanswerhousecall 
{
	display:none;	
	background-color:rgba(285,231,231,0.4);
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;	
}

.ruleanswerpamwin 
{
	display:none;
	background-color:rgba(213,254,224, 0.4);	
	-moz-border-radius:15px;
	border-radius: 15px;
	padding:1px;	
}

#Orderdetailsprint
{
	width:100%;
	height:270px;
}

.companyaddress 
{
	float:left;
	width:27%;
	border-style:solid;
	border-width:1px;
	padding-left:20px;	
	border-right:none;
}
.clientaddress
{
	float:left;
	width:32%;
	padding-left:20px;
	border-style:solid;
	border-width:1px;
}
.invaddress
{
	float:left;
	border-style:solid;
	border-width:1px;	
	padding-left:20px;
	width:270px;
	border-left:none;
	
}
.additionalnotes
{
	
	width:500px;
	margin-top:5px;
}


/* FORMS */
form {margin: 0 0 1.5em 0;}
input, textarea {
	font-family: "Lucida Grande", arial,tahoma,verdana,sans-serif;
	margin: 2px 0;
	background-color:#E7F2FA;
	border: 1px solid #B1C3D8;
}
fieldset {border: none; margin-bottom: 2em;}
legend { font-weight: bold;}
label {display:block;padding: 0; float: left; width: 12em;}
/*input[type=submit]{color: red; margin-left: 9em;}*/
form ol { margin: 0; padding: 0; }
form ol li {list-style-type: none; margin-left: 0px; padding: 5px 0 5px 0; overflow: auto;}

button.imagebutton { border: none; background: none; cursor: pointer; }
button.imagebutton img { vertical-align: middle; }
button.primaryaction { font-size: large; color: #4FB94A; }
button.secondaryaction { font-size: large; color: #FF6600; }
button.cancelaction { font-size: large; color: #FF0000; }

/* try a new style of form with the labels on the top */
.labelontop label { float: none; width: 100%; }
.labelontop li { margin: 15px 0px 15px 0px; }

/* labels could also be aligned to the right rather nicely */
.alignrightlabels label { text-align: right; padding-right: 5px; }
.alignrightlabels .labelontop label { text-align: left; }

.required { font-weight: bold; }
.error {color:#c00;font-weight:bold;font-style:italic;}

/* Development seminar badge */
#eventbadge {
	position: absolute;
	top: 70px;
	/*width: 213px;*/
	width: 250px;
	text-align: center;
	/* padding: 5px; */
	/* Pamwin
	border: 1px solid #4FB847;
	background-color: #C7E3BB;*/
	/* NHMF */
	color: white;
	/*border: 1px solid #2C4887;*/
	/*background: #0073B8 url(../images/nhmf-small.png) no-repeat right bottom;*/
	background: #0073B8;
}
#eventbadge .btnl {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#5599E5), to(#1169A5)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #5599E5, #1169A5); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #5599E5, #1169A5); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #5599E5, #1169A5); /* IE10 */
	background-image:      -o-linear-gradient(top, #5599E5, #1169A5); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #5599E5, #1169A5);
	background-color: #2279C5;
	border: 2px solid #005996;
}
#eventbadge h3 { font-size: larger; }
#eventbadge .btnl a { text-shadow: 1px 1px 4px #003300; color: #FFFFFF; }
/* august 2013 changes - dh */ 
#eventbadge #seminarhalf { border: 1px solid darkgreen; border-bottom: 0; background-color: #4FB847; overflow:auto; padding: 5px; }
#eventbadge #awardshalf, #awardshalfco { border: 1px solid #2C4887; background-color: #7fb9db; overflow:auto; padding: 5px; }
#eventbadge #pamwinplusbadge { border: 1px solid #2C4887; border-bottom: 0; background-color: #4FB847; overflow:auto; padding: 5px; }
#eventbadge #locatorplusbadge { border: 1px solid #2C4887; background-color: #01B3AF; overflow:auto; padding: 5px; }
#eventbadge #schedulebadge { border: 1px solid #2C4887; background-color: rgba(44, 107, 149, 0.8); overflow:auto; padding: 5px; }
#eventbadge h4 { margin: 0; margin-bottom: 10px; }
#eventbadge p { margin: 0; }
#eventbadge .btnl { margin-left: 15px; }
#seminarhalf img { float:right; margin-right: 7px; width: 48px }
#awardshalf img { float:right; margin-right: 15px; width: 30px }
#awardshalfco img { float:right; margin-right: 5px; width: 50px }
#pamwinplusbadge img { float:right; margin-right: 7px; width: 48px }
#locatorplusbadge img { float:right; margin-right: 15px; width: 48px }
#schedulebadge img { float:right; margin-right: 15px; width: 48px }

/* css for development seminar */
.greenshade {
	background-color: #C7E3BB;
}
.pamwinhighlight span {
	color: #4FB847;
	font-weight: bold;
}
.pamwinhighlight td {
	vertical-align: top;
	padding: 10px;
}
.greenshade {
	padding: 10px;
}
.greenshade table {
	width: 100%;
	border-collapse: collapse;
}
.greenshade td {
	padding: 10px;
}
.greenshade td a {
	padding: 0;
}
.greenshade td a {
	padding: 0;
	color: #005996;
	border: none;
	background-color: transparent;
}
.greenshade td a:hover {
	padding: 0;
}
.greenshade a {
	color: #fff;
	padding: 10px;
	background-color: #4FB847;
	border: 1px solid #4FB847;
}
.greenshade a:hover {
	color: #000;
}
.devconference h4:first-child {
	margin-top: 0;
}
.devconference h4 {
	clear: both;
}
/* we don't want this clear: both to affect the .columnl */
.devconference  { overflow: auto; }

.devconference .readmorelink {
	float: right;
}
.devconference img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

/* CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }
    
div.orbit.with-bullets {
    margin-bottom: 40px; }

div.orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

div.orbit a.orbit-slide {
    border: none;
    line-height: 0; 
    display: none; }

div.orbit div.orbit-slide {
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.orbit-wrapper div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31; }

div.orbit-wrapper span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../images/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

div.orbit-wrapper span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

div.orbit-wrapper span.rotator.move {
    left: 0 }

div.orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url(../images/orbit/timer-black.png) repeat 0 0; }

div.orbit-wrapper span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

div.orbit-wrapper span.pause.active {
    background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }

div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 30;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.orbit-wrapper div.slider-nav {
    display: block }

div.orbit-wrapper div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 30;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.orbit-wrapper div.slider-nav span.right {
    background: url(../images/orbit/right-arrow.png);
    right: 0; }

div.orbit-wrapper div.slider-nav span.left {
    background: url(../images/orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
    
/* FLUID LAYOUT
   ================================================== */
div.orbit img.fluid-placeholder {
    visibility: hidden;
    position: static;
    display: block;
    width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -50px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
    
    
/* Correct timer in IE */
.timer { display: none !important; }
div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }


/* Search results page - context highlighting */
span.search-highlight { font-weight: bold; background-color: yellow;}

/*container for printable version - screen*/
.printable
{
	
	height:auto;
	width:auto;
	background-color:white;
	float:left;
	padding-right:30px;
}
#header.headerlogo
{
	padding-top:13px;
	padding-left:13px;
}
#footer.printfooter
{
	/*height:20px;*/
	/*height:auto;*/
	width:1000px;;
	/*background:black;*/
	float:left;	
}

.columnrx2 .logo img
{
	float:right;
	padding:1px;
}

.columnrx2 table.dayonedaytwo 
{
	border-collapse: collapse;
}

.columnrx2  table.dayonedaytwo tr td 
{
	border: 1px solid green;
	text-align: center;
}

.columnrx2 .dayonedaytwo th 
{
	background-color: green;
    color: white;
    text-align: center;    
}

#footer.partner img
{
	float:right;
}

/* pamwin form */
#confbook .required { font-weight: normal }

.PamwinPricesTable { width: 100% }
.PamwinPricesTable label { width: auto; }

.pamwinconf label {width:15em;}

/* Cookie bar & page css */

#cookieBar {
	background-color: gray;
	position:fixed;
	bottom:0;
	height:20px;
	width: 1000px;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9A808080', endColorstr='#9A808080');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9A808080, endColorstr=#9A808080)";
	color: white;
}

#cookieBar a {
	color: white;
	text-decoration: underline;
	font-weight: normal;
}

.cookie_header {
	cursor: pointer;
}

.cookie_text {
	display: none;
}

/* Username span css */
.username {
	text-transform: capitalize;
}

.seminarpdf
{
	background-image: url(../files/Presentations/download_blue_pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 7px 0 11px 45px;
	display: inline;

}