/* @group Fonts */

/* font-family: 'Nunito Sans', sans-serif; *?
/* @end */

/* @group Colours */
/* L.GREY #999999 */
/* L.BLUE #6EAFD1 */
/* 2.BLUE #528ACB */
/* GREY #3F3F3F */
/* BLUE #224590 */
/* ORANGE #ff7C00 */








/* @end */

/* @group Core */

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(/css/assets/top-bg.png) repeat-x;
}

img {
	border-width: 0;
}

body, div {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


h1 {
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-family:'Nunito Sans', sans-serif;
	font-weight: 900;
}

h1.blue {
	color: #528ACB;
	margin: 0;
	padding: 0;
	font-size: 26px;
	font-family:'Nunito Sans', sans-serif;
	font-weight: 900;
}


h2 {
	font-family:'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #528ACB;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	font-style: normal;
}

h2.ns {
	font-family:'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #ff7c00;
	font-size: 14px;
	margin: 0 0 7px;
	padding: 0;
	font-style: normal;
}

h3 {
	color: #528ACB;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
h3.ns {
	color: #ff7c00;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

div.newscontent h3 {
	text-decoration: underline;
}

div#content-home03-m h2 {
	margin: 0;
	padding: 0;
}

h3.white {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

b {
	font-weight: bold;
	color: #528ACB;
}

b.red {
	font-weight: bold;
	color: #FF0000;
}

b.blk {
	font-weight: bold;
	color: #000000;
}

b.ns {
	font-weight: bold;
	color: #ff7c00;
}

b.wit {
	font-weight: bold;
	color: #FFFFFF;
}

.whitetext {
	color: #FFFFFF;
}

/* @end */

button.buttontop span {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}


iframe.ns-filelist {
	border:1px solid #cccccc;
	width:91%;
	min-height: 300px;
	padding: 0;
}



div#wrapper {
	font-size: 12px;
}

div#main {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: left;
	clear: both;
}

div#main02 {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
}

div#main300 {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	text-align: left;
	clear: both;
}

div#base {
	margin-bottom: 20px;
	width: 1000px;
	height: 42px;
	clear: both;
}

div#nav01-base {
	background: #FFFFFF url(assets/navlogo01.png) no-repeat;
	width: 1000px;
	height: 52px;
	text-align: right;
}

div#nav02-base {
	background: #528ACB url(assets/navlogo02.png) no-repeat;
	width: 1000px;
	height: 52px;
	text-align: right;
}



hr {
	outline: 0;
	border-style: none;
	border-color: #FFFFFF;
}

hr.dots {
	width: 314px;
	height: 7px;
	background: url(/css/assets/dots.png) no-repeat;
	border-width: 0;
	position: relative;
	right: 8px;
	outline: 0;
	border: none;
	border-color: #FFFFFF;
}

hr.dots-blue {
	width: 430px;
	height: 6px;
	/* background: url(/css/assets/dots-blue.png) no-repeat; */
	border-width: 0;
	margin: 0 0 10px;
	padding: 0;
	outline: 0;
	border: none;
	border-color: #FFFFFF;
}

hr.dots-blue-695 {
	width: 695px;
	height: 6px;
	background: url(/css/assets/dots-blue-695.png) no-repeat;
	border-width: 0;
	margin: 0 0 10px;
	padding: 0;
	outline: 0;
	border: none;
	border-color: #FFFFFF;
}

hr.dots-blue-wide {
	width: 1000px;
	height: 6px;
	margin: 0 0 10px;
	padding: 0;
	background: url(/css/assets/dots-blue-1000.png) no-repeat;
	border: 0;
	outline: 0;
	border: none;
	border-color: #FFFFFF;
}

hr.dots-orange-wide {
	width: 1000px;
	height: 6px;
	margin: 0 0 10px;
	padding: 0;
	background: url(/css/assets/dots-blue-1000.png) no-repeat;
	border: 0;
	outline: 0;
	border: none;
	border-color: #FFFFFF;
}

.ht01 {
	height: 450px;
}

.htauto {
	min-height: 450px;
	margin-bottom: 30px;
}

/* @group FileListing */
table.filelisting {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}

table.filelisting tr:hover {
	background-color: #e8e8e8;
}

table.filelisting th {
	color: #000000;
	background-color: #CCCCCC;
	font-size: 12px;
	font-weight: bold;
}

table.filelisting td {
	color: #222222;
	font-size: 12px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #cccccc;

}

table.filelisting td a.delete:link,
table.filelisting td a.delete:visited {
	color: #ff0000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}

table.filelisting td a.delete:hover,
table.filelisting td a.delete:visited:hover {
	text-decoration: underline;
}

table.filelisting td a.download:link,
table.filelisting td a.download:visited {
	color: #528ACB;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

table.filelisting td a.download:hover,
table.filelisting td a.download:visited:hover {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

div.actionbox {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #00b807;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}



/* @end */

table.table01 td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.tdhead2 {
	color: #000000;
	background-color: #CCCCCC;
}

.tdhead22 {
	color: #FFFFFF;
	background-color: #528ACB;
}

td.tablehead {
	color: #FFFFFF;
	background-color: #528ACB;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}

td.tablehead-or {
	color: #FFFFFF;
	background-color: #E68B26;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}

td.tablehead-ns {
	color: #FFFFFF;
	background-color: #ff7C00;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 12px;
	font-weight: bold;
	padding-left: 20px;
}

div.error {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #FF0000;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

td.duplicateclaim {
	padding: 4px;
	font-size: 12px;
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
}

div.error02 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #ff47f5;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

div.notice {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #528ACB;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

div.noticegreen {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #00b807;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-align: center;
	width: 100%;
}

/* @group home */

div.newscontent {
	overflow: hidden;
	height: 132px;
}

div.newscontent02 {
	overflow: hidden;
	height: 100px;
}

body#home {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	height: 100px;
}

div#content-home01 {
	background: url(/images/home/home.jpg) no-repeat;
	width: 1000px;
	height: 590px;
}

div#content-home02 {
	width: 900px;
	padding-right: 50px;
	padding-left: 50px;
	height: 300px;
	padding-top: 25px;
}

div#content-home02-l {
	width: 425px;
	float: left;
	padding-right: 25px;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}

div#content-home02-r {
	width: 425px;
	float: right;
	padding-left: 25px;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}

div#content-home03 {
	padding-right: 50px;
	padding-left: 50px;
	width: 900px;
	height: 180px;
	margin-bottom: 50px;
}

div#content-home03-l {
	width: 208px;
	height: 150px;
	margin-right: 15px;
	overflow: hidden;
	float: left;
	padding: 15px;
	position: relative;
	background: #528ACB url(/images/home/find-a-store.jpg) no-repeat;
	cursor:pointer;
}

div#content-home03-m {
	float: left;
	width: 394px;
	height: 180px;
	overflow: hidden;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
}

div#newsflash {
	float: left;
	width: 100%;
	height: 138px;
	overflow: hidden;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	text-align: left;
	padding: 10px;
	border: 1px solid #3F3F3F;
}

div#content-home03-r {
	width: 208px;
	height: 150px;
	margin-left: 15px;
	overflow: hidden;
	float: right;
	padding: 15px;
	position: relative;
	background: #528ACB url(/images/home/customer-log-in.jpg) no-repeat;
	cursor: pointer;
}

div#infobox01 {
	font-family:'Nunito Sans', sans-serif;
	font-weight: 300;
	padding: 45px;
	width: 330px;
	height: 165px;
	background-color: #6EAFD1;
	position: relative;
	top: 185px;
}



/* @end */

/* @group links */

a.gridlink01:link, a.gridlink01:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p01.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink01:hover, a.gridlink01:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p01.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}




a.gridlink02:link, a.gridlink02:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p02.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink02:hover, a.gridlink01:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p02.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



a.gridlink03:link, a.gridlink03:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p03.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink03:hover, a.gridlink03:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p03.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



a.gridlink04:link, a.gridlink04:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p04.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink04:hover, a.gridlink04:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p04.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



a.gridlink05:link, a.gridlink05:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p05.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink05:hover, a.gridlink05:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p05.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



a.gridlink06:link, a.gridlink06:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p06.jpg) no-repeat;
	opacity:1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}




a.gridlink06:hover, a.gridlink06:hover:visited {
	width: 128px;
	height: 18px;
	display: inline-block;
	overflow: hidden;
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
	padding-top: 110px;
	background: url(/images/about-us/about-us-p06.jpg) no-repeat;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
}



a.std01 {
	color: #000000;
	text-decoration: none;
}

a.boxlink01 {
	position: absolute;
	bottom: 15px;
	left: 15px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a.link01:link {
	color: #528ACB;
	text-decoration: underline;
}

a.link01:visited {
	color: #528ACB;
	text-decoration: underline;
}

a.link01:hover {
	color: #528ACB;
	text-decoration: none;
}

a.link01:hover:visited {
	color: #528ACB;
	text-decoration: none;
}

a.storelink:link, a.storelink:visited {
	color: #528ACB;
	text-decoration: underline;
	font-weight: bold;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

a.storelink:hover, a.storelink:visited:hover {
	color: #528ACB;
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
}

a.link02:link {
	color: #528ACB;
	text-decoration: underline;
	font-weight: bold;
}

a.link02:visited {
	color: #528ACB;
	text-decoration: underline;
	font-weight: bold;
}

a.link02:hover {
	color: #528ACB;
	text-decoration: none;
	font-weight: bold;
}

a.link02:hover:visited {
	color: #528ACB;
	text-decoration: none;
	font-weight: bold;
}




a.link03:link {
	color: #528ACB;
	text-decoration: none;
	font-size: 10px;
}

a.link03:visited {
	color: #528ACB;
	text-decoration: none;
	font-size: 10px;
}

a.link03:hover {
	color: #528ACB;
	text-decoration: underline;
	font-size: 10px;
}

a.link03:hover:visited {
	color: #528ACB;
	text-decoration: underline;
	font-size: 10px;
}




a.link04:link {
	color: #528ACB;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

a.link04:visited {
	color: #528ACB;
	text-decoration: underline;
	font-weight: bold;
	font-size: 12px;
}

a.link04:hover {
	color: #528ACB;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

a.link04:hover:visited {
	color: #528ACB;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}


/* @end */

/* @group 1col */
div#content-1col01 {
	width: 1000px;
	padding-right: 00px;
	margin-top: 30px;
	position: relative;
	padding-left: 00px;
	padding-bottom: 20px;
}

div#content-1col02 {
	width: 300px;
	padding-right: 00px;
	margin-top: 30px;
	position: relative;
	padding-left: 00px;
	padding-bottom: 20px;
}


/* @end */

/* @group 2col */
div#content-2col01 {
	width: 950px;
	padding-right: 50px;
	margin-top: 30px;
	position: relative;
}

div#content-2col01-left {
	width: 480px;
	float: left;
	height: 650px;
	display: block;
	margin-bottom: 50px;
	position: relative;
}

div#content-2col01-right {
	width: 430px;
	padding-left: 40px;
	border-bottom: 2px solid #FFFFFF;
	float: left;
	margin-bottom: 50px;
}

div#content-2col02 {
	width: 950px;
	padding-right: 50px;
	margin-top: 0px;
	position: relative;
}

div#content-2col02-left {
	width: 480px;
	float: left;
	position: relative;
}

div#content-2col02-right {
	width: 430px;
	padding-left: 40px;
	border-bottom: 2px solid #FFFFFF;
	float: left;
	margin-bottom: 20px;
}

div#content-2col03 {
	width: 950px;
	padding-right: 50px;
	margin-top: 0px;
	position: relative;
	padding-top: 30px;
}

div#content-2col03-left {
	width: 215px;
	float: left;
	position: relative;
	background-color: #F3F3F3;
}

div#content-2col03-right {
	width: 695px;
	padding-left: 40px;
	border-bottom: 2px solid #FFFFFF;
	float: left;
	margin-bottom: 20px;
}

P#infoboxTL {
	padding: 10px;
	margin: 0;
	clear: none;
	float: left;
	position: relative;
	bottom: 650px;
	color: #FFFFFF;
}

P#infoboxBR {
	padding: 10px;
	margin: 0;
	color: #FFFFFF;
	width: 460px;
	text-align: right;
	display: inline-block;
	z-index: 10;
	position: absolute;
	bottom: 0px;
}

img#infoboxBRpic{
}

.captionL01 {	
	font-size: 18px/30px;
	font-family:'Nunito Sans', sans-serif;
	font-weight: 900;
}

.captionbody {
	font-size: 16px/26px;
	font-family:'Nunito Sans', sans-serif;
	font-weight: 400;
}

.bodytext {
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.bodyhead {
	font-size: 14px;
	line-height: 16px;
	color: #528ACB;
}


/* @end */








/* @group Grid */

div#grid {
	width: 430px;
	margin-top: 15px;
	clear: both;
}

div#grid3 {
	width: 128px;
	float: left;
	margin-bottom: 23px;
	height: 128px;
}

div#grid3m {
	width: 128px;
	float: left;
	margin-right: 23px;
	margin-left: 23px;
	margin-bottom: 23px;
	height: 128px;
}



/* @end */

/* @group Login */





.logintable {
	width: 520px;
}



td.reg01 {
	text-align: right;
	padding-right: 5px;
}




td.reg02 {

}

input.regfield2 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 300px;
	color: #000000;
	margin-top: 5px;
}

textarea.regfield2 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 300px;
	color: #000000;
	margin-top: 5px;
	height: 100px;
	margin-bottom: 5px;
}

select.regselect2 {
	color: #000000;
	padding: 4px 3px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	height: 25px;
	margin-top: 5px;
}

select:matches([size], [multiple], [size][multiple]) {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 300px;
	color: #000000;
	margin-top: 5px;
}

input.regfield2-error {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 300px;
	color: #000000;
	margin-top: 5px;
	background-color: #fdb0fb;
}

select.regselect2-error {
	color: #000000;
	padding: 4px 3px;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	height: 25px;
	margin-top: 5px;
	background-color: #fdb0fb;
}

textarea.regfield2-error {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 300px;
	color: #000000;
	margin-top: 5px;
	height: 100px;
	margin-bottom: 5px;
	background-color: #fdb0fb;
}


img.updown {
	position: relative;
	top: 5px;
}






.logerror {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #F53BF0;
	padding: 4px 3px;
	font-size: 11px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 365px;
	margin-top: 5px;
}


/* @end */

/* @group CUSTOMER TABS */


/* root element for tabs  */
ul.custtabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #777779;	
	height:30px;
	width: 1000px;
}

/* single tab */
ul.custtabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.custtabs a { 
	background: url(/css/assets/tabs09.png) no-repeat 0 -62px;
	font-size: 11px;
	display:block;
	height: 30px;  
	line-height:30px;
	/* width: 107px; */
	width: 111px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	color: #000000;
}

ul.custtabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.custtabs a:hover {
	background-position: 0 -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.custtabs a.current, ul.custtabs a.current:hover, ul.custtabs li.current a {
	background-position: 0 0;		
	cursor:default !important; 
	color: #000000;
}



ul.custtabs a.end { 
	background: url(/css/assets/tabs09-end.png) no-repeat 0 -62px;
	font-size: 11px;
	display:block;
	height: 30px;  
	line-height:30px;
	/* width: 107px; */
	width: 111px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	color: #000000;
}

ul.custtabs a.end:active {
	outline:none;		
}
ul.custtabs a.end:hover {
	background-position: 0 -31px;	
	color:#fff;	
}

ul.custtabs a.end.current {
	background-position: 0 0;		
	cursor:default !important; 
	color: #000000;
}

div.custpanes {
	/*display:none;*/		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	/*min-height:540px;*/
	/* font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif; */
	color: #000000;
	width: 978px;
}
	


/* @end */

/* @group Status Icons */

div.icon07 {
	background-color: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: 50px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.icon10 {
	background-color: #66FF00;
	color: #333333;
	font-weight: bold;
	padding: 4px;
	width: 50px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.icon11 {
	background-color: #003399;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: 50px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.icon12 {
	background-color: #003399;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: 50px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.icon13 {
	background-color: #00b807;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px;
	width: 50px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}



/* @end */







/* @group SAFETY TABS */


/* root element for tabs  */
ul.safetytabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #777779;	
	height:30px;
	width: 1000px;
}

/* single tab */
ul.safetytabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.safetytabs a { 
	background: url(/css/assets/tabs04.png) no-repeat 0 -62px;
	font-size: 11px;
	display:block;
	height: 30px;  
	line-height:30px;
	/* width: 107px; */
	width: 250px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	color: #000000;
}

ul.safetytabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.safetytabs a:hover {
	background-position: 0 -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.safetytabs a.current, ul.safetytabs a.current:hover, ul.safetytabs li.current a {
	background-position: 0 0;		
	cursor:default !important; 
	color: #000000;
}



ul.safetytabs a.end { 
	background: url(/css/assets/tabs04-end.png) no-repeat 0 -62px;
	font-size: 11px;
	display:block;
	height: 30px;  
	line-height:30px;
	/* width: 107px; */
	width: 250px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	color: #000000;
}

ul.safetytabs a.end:active {
	outline:none;		
}
ul.safetytabs a.end:hover {
	background-position: 0 -31px;	
	color:#fff;	
}

ul.safetytabs a.end.current {
	background-position: 0 0;		
	cursor:default !important; 
	color: #000000;
}

div.safetypanes {
	/*display:none;*/		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	/*min-height:540px;*/
	/* font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif; */
	color: #000000;
	width: 978px;
}
	


/* @end */






/* @group Process Step Icons */

div.ps00 {
	background-color: #CC0000;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps01 {
	background-color: #000000;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps02 {
	background-color: #FF6600;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps03 {
	background-color: #FF9977;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps04 {
	background-color: #FFCC00;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps05 {
	background-color: #CCFF00;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps06 {
	background-color: #66FF00;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

div.ps07 {
	background-color: #00CC00;
	width: 30px;
	height: 20px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
}

/* @end */








/* @group Claims Manager */

table.globaltable {
	margin-top: 10px;
}

td.title {
	text-align: right;
	padding-right: 5px;
}
div.inner {
	
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	width: 240px;
	height: 120px;
	margin-bottom: 20px;
	padding: 20px;
	border: 2px solid #CCCCCC;
}

div.inner b {
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}

HR#boxrule {
	border: none 0; 
	border-top: 1px solid #000000;
	width: 100%;
	height: 1px;
}


table.listclaims {
}

table.listclaims .tdhead2 {

	padding: 4px 4px 4px 4px;
	background-color: #AAAAAA;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

table.pendinglist .tdhead2 {

	padding: 4px 4px 4px 4px;
	background-color: #AAAAAA;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}





 

a:link.sortlink, a:visited.sortlink {
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: underline;
	font-weight: bold;
} 

a:hover.sortlink, a:visited:hover.sortlink {
	font-size: 11px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
}




.listclaims .urgentrow {
	background-color: #FFFF66;
	border-bottom: 1px solid #FFFFFF;
}

.altrow, .listclaims .altrow {
	background-color: #e8e8e8;
	border-bottom: 1px solid #FFFFFF;
	}


.listclaims .contactrow {
	background-color: #fec65d;
	border-bottom: 1px solid #FFFFFF;
}

b#Pblk {
	font-weight: bold;
	color: #000000;
}

td.tdhead3 {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
}

td.tdhead4 {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}

td.tdhead5 {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
}

td.tdhead6 {
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
}

.claimrow {
	background-color: rgba(232,232,232,1.0);
}

.claimrow-alt {
	background-color:rgba(232,232,232,0.4);
}

.contactrow {
	background-color: #ffcc00;
}

.historyrow {
	background-color: rgba(200,220,232,1.0);
}

.historyrow-alt {
	background-color: rgba(200,220,232,0.6);
}

.financerow {
	background-color: #c0ff64;
}

.financerow-alt {
	background-color: rgba(192,255,100,0.60);
}


.bluerow{
	background-color:#93C3F9;
}



.urgentrow {
	background-color: #FFFF66;
}


.autologgedtext {
	color: #FF6633;
}


.autologgedrow {
	background-color:#FF6633;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border-top: 2px solid #FFFFFF;
}

img.calgif {
	position: relative;
	top: 3px;
}

/* @group REPORTS */



.tdreport2red {
	padding: 4px 4px 4px 4px;
	background-color: #FF0000;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/* @end */

/* @end */

/* @group Pages Box */

.pagesBox b {
	font-weight: bold;
	color: #000000;
}



table.pagesBox {
	border: 1px;
	float: right;
	margin-top: 7px;
}

table.pagesBox TD {
	padding: 4px 4px 4px 4px;
	background-color: #AAAAAA;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

table.pagesBox TD.pagesBoxDark {
	padding: 4px 4px 4px 4px;
	background-color: #AAAAAA;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

table.pagesBox TD.pagesBoxLight {
	padding: 4px 4px 4px 4px;
	background-color: #BBBBBB;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

table.pagesBox td a:link {
	color : #FFFFFF; 
	text-decoration : none; 
}

table.pagesBox td a:visited {
	color : #FFFFFF; 
	text-decoration : none; 
}

table.pagesBox TD a:hover, table.pagesBox TD a:visited:hover {
	color : #FFFFFF; 
	text-decoration : underline; 
}



/* @end */

/* @group Buttons */

[class*="button"] {
	-webkit-appearance:none;
}


div.button01 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #528ACB;
	border-width: 0;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	margin-top: 5px;
}

div.button01:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #777779;
	border-width: 0;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	margin-top: 5px;
}

.button05 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #528ACB;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.button05:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.button-ns {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #ff7c00;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.button-ns:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.button06 {
	padding: 20px 3px;
	font-size: 14px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	width: 310px;
	background-color: #528ACB;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.button06:hover {
	padding: 20px 3px;
	font-size: 14px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	width: 310px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.button08 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	background-color: #00b807;
	text-align: center;
}

.button08:hover {
	background-color: #777779;
	color: #FFFFFF;
}

.buttonred {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #FF0000;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.buttonred02 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: center;
}

.buttonred02:hover {
	color: #FFFFFF;
	background-color: #777779;

}

.buttonred:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.buttontop {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 160px;
	background-color: #528ACB;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.buttontop:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 160px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.button-unlock {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #AAAAAA;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

.button-unlock:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 310px;
	background-color: #528ACB;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}




.buttonmap {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 80px;
	background-color: #528ACB;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}

.buttonmap:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	width: 80px;
	background-color: #777779;
	border-width: 0;
	color: #FFFFFF;
	text-decoration: none;
}



#buttonedit {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:2px;
	-webkit-border-radius:4px;
	width: 100px;
	background-color: #00CC00;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

#buttonedit:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:2px;
	-webkit-border-radius:4px;
	width: 100px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}



#buttondelete {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:2px;
	-webkit-border-radius:4px;
	width: 100px;
	background-color: #FF0000;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}

#buttondelete:hover {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:2px;
	-webkit-border-radius:4px;
	width: 100px;
	background-color: #777779;
	margin-top: 5px;
	border-width: 0;
	color: #FFFFFF;
}




a:link.cancelllink, a:visited.cancelllink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #FF0000;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.cancelllink, a:visited:hover.cancelllink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.savecloselink, a:visited.savecloselink {
	font-size: 14px; 
	color: #777; 
	text-decoration: none;
	font-weight: bold;
	background-color: #FFCC00;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.savecloselink, a:visited:hover.savecloselink {
	font-size: 14px; 
	color: #fff; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.printlink, a:visited.printlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #00b807;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.printlink, a:visited:hover.printlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}


a:link.custemaillink, a:visited.custemaillink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #528ACB;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.resendlink, a:visited.resendlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #e68a26;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.resendlink, a:visited.resendlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #e68a26;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.resendlink, a:visited:hover.resendlink,
a:hover.custemaillink, a:visited:hover.custemaillink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.emailstore, a:visited.emailstore {
	font-size: 14px; 
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
	background-color: #FFCC00;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.emailstore, a:visited:hover.emailstore {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	-webkit-appearance:none;
}

a:link.processlink, a:visited.processlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #528ACB;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	margin: 5px;
	-webkit-appearance:none;
}

a:hover.processlink, a:visited:hover.processlink {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 375px;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-border-radius:8px;
	text-align: center;
	margin: 5px;
	-webkit-appearance:none;
}

a:link.view, a:visited.view {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #528ACB;
	width: 70px;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	text-align: center;
	-webkit-appearance:none;
}

a:hover.view, a:visited:hover.view {
	font-size: 14px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	background-color: #777779;
	width: 70px;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	text-align: center;
	-webkit-appearance:none;
}


/* @end */

/* @group Borders */

.bordert {
	border-top:1px solid #e8e8e8;
}

.borderb {
	border-bottom:1px solid #e8e8e8;
}

/* @end */

/* @group BugReport */

div#bugreport {
	text-align: right;
	width: 945px;
	padding-right: 45px;
}

div#bugreport a {
	color: #588B38;
	font-size: 9px;
	text-decoration: none;
}



div#debug {
	text-align: center;
	width: 990px;
	color: #CCC;
	font-size: 10px;
}
/* @end */

tr.errorrow, td.errorrow {
	background-color: #fdb0fb;
}

tr.okrow, td.okrow {
	background-color: #66FF00;
}

/* @group SLIDE IN DIV */

#coolDiv {
	width:300px;
	position: absolute;
	top: 30px;
	left:-300px;
	right: 0;
	color: #FFFFFF;
	font: bold 24px "Lucida Grande", Lucida, Verdana, sans-serif;
	visibility: visible;
}

/* @end */

/* @group StoreFinder */

div#content-storefinder-left {
	width: 480px;
	float: left;
	height: 650px;
	display: block;
	margin-bottom: 50px;
	position: relative;
	background: url(/images/about-us/store-finder.jpg) no-repeat;
}



div.storeinfo {
	background-color: #bcbcbc;
	float:left;
	width:480px;
	font-size: 12px;
	color: #FFFFFF;
}

#suggest {
	position:relative;
}
.suggestionsBox {
	position: absolute;
	left: 0px;
	top:35px;
	margin: 50px 0px 0px 132px;
	width: 220px;
	padding:0px;
	background-color: #cccccc;
	color: #666666;
	max-height: 200px;
	overflow: auto;
}
.suggestionList {
	margin: 0px;
	padding: 0px;
}
.suggestionList ul li {
	list-style:none;
	margin: 0px;
	padding: 6px;
	border-bottom:1px solid #FFFFFF;
	cursor: pointer;
}
.suggestionList ul li:hover {
	background-color: #eeeeee;
	color:#000000;
}
ul {
	color:#000000;
	padding:0;
	margin:0;
}

ul.std {
	color:#000000;
	padding: 0 0 0 50px;
	margin:0;
}

ul.std30 {
	color:#000000;
	padding: 0 0 0 30px;
	margin:0;
}

ul.std30 l1 {
	
}

div.storelist {
	float:left;
	width:430px;
	max-height: 500px;
	overflow: auto;
}

div.storewrapper {
	margin-bottom:4px;
	padding:4px 0 4px 0;
	height:100px;
	border-bottom: 1px solid #CCCCCC;
}


div.store01 {
	float:left;
	width:325px;
}


div.store02 {
	float:right;
	width:85px;
}

div.storemap01 {
	width: 480px;
	height: 625px;
	float:left;
}




select.sfinder {
	color: #528ACB;
	padding: 4px 3px;
	font-size: 12px;
	border: 1px solid #528ACB;
	height: 25px;
	margin-top: 5px;
	width: 100px;
	font-weight: bold;
}



input.sfinder {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #528ACB;
	width: 100px;
	color: #528ACB;
	margin-top: 5px;
	font-weight: bold;
}

/* @end */

/* @group Footer */

/* @group Location */

div#footer span.location {
	float: left;
	
}

div#footer span.location a:link {
	color: #528ACB;
	text-decoration: none;
	padding: 0;
	margin: 0 2px;
}

div#footer span.location a:visited {
	color: #528ACB;
	text-decoration: none;
	padding: 0;
	margin: 0 2px;
}

div#footer span.location a:hover:visited {
	text-decoration: underline;
	padding: 0;
	margin: 0 2px;
}

div#footer span.location a:hover {
	text-decoration: underline;
	padding: 0;
	margin: 0 2px;
}



/* @end */

div#footer a:link {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
}

div#footer a:visited {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
}

div#footer a:hover {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: underline;
	padding-right: 8px;
	padding-left: 8px;
}

div#footer a:hover:visited {
	color: #CCCCCC;
	font-size: 10px;
	text-decoration: underline;
	padding-right: 8px;
	padding-left: 8px;
}

div#footer {
	width: 990px;
	text-align: right;
	font-size: 10px;
	color: #CCCCCC;
	padding-bottom: 50px;
	padding-top: 10px;
	border-top: 1px solid #999999;
}



/* @end */

/* @group SAFETY FRAMES */

div.safetyframes {
	width: 980px;
	float: left;
	margin-bottom: 40px;
}

div.framewrapper {
	width: 230px;
	height: 400px;
	background-color: #ECF2F7;
	/*border-top: 10px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;*/
	float: left;
	margin-right: 20px;
}

div.framewrapper img {
	width: 230px;
	border-width: 0;
	border-bottom: 2px solid #FFFFFF;
	height: 172px;
}

div.framewrapper P {
	border-bottom: 2px solid #FFFFFF;
	width: 100%;
	margin: 0;
	padding: 0;
}

div.framewrapper p.base {
	background-color: #D6E3EE;
	padding: 4px 0 4px 4px;
	border-width: 0;
	border-bottom: 2px solid #FFFFFF;
	width: 226px;
}

div.framewrapper label {
	background-color: #99C2D9;
	color: #FFFFFF;
	font-weight: bold;
	width: 106px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: inline-block;
	padding-left: 6px;
	margin-right: 4px;
}




div.framewrapper label2 {
	background-color: #99C2D9;
	color: #FFFFFF;
	font-weight: bold;
	width: 106px;
	padding-top: 6px;
	padding-bottom: 28px;
	display: inline-block;
	padding-left: 6px;
	float: left;
	margin-right: 4px;
}
/* @end */

/* @group News Brief */

.newsbrief {
	clear: none;
	margin-bottom: 5px;
	height: auto;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
	width: 430px;
}

.newsbrieftitle {
	font-weight: bold;
	clear: both;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.newsbriefpic {
	float: left;
	width: 80px;
}

.newsbrieftext {
	float: right;
	width: 340px;
}




.cell70 {
	padding-bottom: 12px;
	width:70px;
	float: left;
	padding-right: 12px;
	line-height: 14px;
	height: 70px;
}

.cell70a {
	padding-bottom: 12px;
	width:70px;
	float: left;
	padding-right: 0;
	line-height: 14px;
	height: 70px;
}



.news3 .col2wrap {
	float: right;
	width: 435px;
	padding-bottom:10px;
}

.news3 .col2 {
	float: left;
	width:435px;
	padding-right: 0px;
	text-align: left;
}
.news3 .col1wrap {
	float: left;
	width: 270px;
	clear: none;}

.news3 .col1 {
	padding-right: 20px;
	width: 236px;
	text-align: left;
	float: left;
	clear: none;
}


/* @end */

/* @group FancyBox Modals */

#fb-modal {
	font-size: 12px;
}

.fb-modal {
	font-size: 12px;
}

.fb-modal b {
	font-size: 12px;
}

/* @end */

/* @group Authorise */
span.notice {
	text-align: left;
/*background: yellow;*/
float: left;
margin-left: 5%;
font-weight: bold;
}


/* @end */





/* @group AutoComplete */
div.autocomplete-suggestions {
	background-color: #fff;
	border: 1px solid #ccc;
	max-width:100px;
	margin-top: -1px;
}

div.autocomplete-suggestion {
	padding: 3px 0 3px 20px;
	text-align: left;
}

div.autocomplete-suggestion:nth-child(even) {
	background: #e5e5e5;
}

div#outputbox {
	text-align: left;
width: 90.5%;
background: #e5e5e5;
margin: 0 auto;
padding:1px;
}

p#outputcontent {
	padding: 0 0 0 5px;
}
/* @end */

/* @group Calendar */

/* @group Calendar Modal */


.calendar_form.modal {
	border-radius: 0;
	line-height: 18px;
	padding: 0;
}

.calendar_form h3 {
	margin: 0;
	padding: 10px;
	color: #fff;
	font-size: 14px;
	background:#528ACB;
}

.calendar_form.modal p { 
	padding: 10px 30px; 
	border-bottom: 0px solid #ddd; 
	margin: 0;
	background: #FFFFFF;
	overflow: hidden;
}

.calendar_form.modal p:last-child { border: none; }

.calendar_form.modal p label { 
	float: left; 
	font-weight: bold; 
	color: #333; 
	font-size: 13px; 
	width: 110px; 
	line-height: 22px;
}

.calendar_form.modal p input[type="text"],
.calendar_form.modal p input[type="password"] {
	padding: 3px;
	border: 1px solid #ddd;
	width: 200px;
	line-height: 18px;
	font-size: 12px;
}

.calendar_form.modal p textarea {
	padding: 3px;
	border: 1px solid #ddd;
	width: 200px;
	height: 50px;
	line-height: 18px;
	font-size: 12px;
}

.calendar_form.modal p select {
	padding: 3px;
	border: 1px solid #ddd;
	width: 200px;
	height: 30px;
	line-height: 18px;
	font-size: 12px;
}

.calendar_form.modal p input[type="submit"] {
	padding: 3px 10px;
	border: 1px solid #528ACB;
	min-width: 200px;
	line-height: 18px;
	font-size: 14px;
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	align:center;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	cursor:pointer;
}

.calendar_form.modal p input[type="submit"]:hover {
	border: 1px solid #777777;
	background-color: #777777;
	}
	
	
	
div.calendar_form p {
	font-size: 12px;
}	
	
	
/* @end */

a.calbook:link,a.calbook:visited {
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	color: #000000 !important;
}

a.calbook:hover,a.calbook:visited:hover {
	text-decoration: none;
	color: #FF0000 !important;
}

/*a.viewbooking:link,a.viewbooking:visited {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	color: #0622a9 !important;
}

a.viewbooking:hover,a.viewbooking:visited:hover {
	text-decoration: none;
	color: #FF0000;
}*/


a.bookinginfo {
	font-weight: bold;
}

td.booking02 {
	text-align: center;
}

.calendartable {
	width: 100%;
	margin-top: 0px;
	padding: 0px;
	border: 1px solid #777777;
}



td.caltopnav a:link, td.caltopnav a:visited {
	padding: 5px;
	height:12px;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
td.caltopnav a:visited:hover, td.caltopnav a:hover {
	background-color: #BBBBBB;
	height:12px;
	padding: 5px;
}
td.caltopnav a.calhighlight, td.caltopnav a.calhighlight:visited {
	background-color: #888888;
	color:white;
}
td.caltopnav a.calhighlight:visited:hover, td.caltopnav a.calhighlight:hover {
	background-color: #777777;
}


td.caltopnav a.calhighlight, td.caltopnav a.calhighlight:visited {
	background-color: #888888;
	color:white;
}
td.caltopnav a.calhighlight:visited:hover, td.caltopnav a.calhighlight:hover {
	background-color: #777777;
}



form.calnav select {
font-size: 10px;
}
form.calnav {
margin: 0px;
}




table.calendar {
border: 0px;
background-color: white;
}
table.calendar th {
	font-size: 11px;
	font-weight: bold;
	background-color:#528ACB;
	color: #ffffff;
	text-align: center;
}

table.calendar th.booking01 {
	font-size: 13px;
	font-weight: bold;
	background-color:#528ACB;
	color: #ffffff;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
}

table.calendar td.client {
	font-size: 11px;
	background-color:#fff7a6;
	color: #000000;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
}

table.calendar td.noeventmonth {
	/*padding:3px;*/
	padding:0;
	background-color: #E8E8E8;
}

table.calendar td.noeventmonth a:link, table.calendar td.noeventmonth a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	width: 100%;
	padding: 0;
	height: 80px;
	border: 1px solid #E8E8E8;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	margin: 0;
}

table.calendar td.noeventmonth a:visited:hover, table.calendar td.noeventmonth a:hover {
	border: 1px solid #888888;
}

table.calendar td.eventmonth {
	padding:3px;
	background-color: #afd5ff;
	vertical-align: top;
}

table.calendar td.noevent {
	background-color: #E8E8E8;
}

table.calendar td.noevent a:link, table.calendar td.noevent a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	width: 100%;
	padding: 17px 0px 0px;
	height: 50px;
	border: 1px solid #E8E8E8;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

table.calendar td.noevent a:visited:hover, table.calendar td.noevent a:hover {
	border: 1px solid #888888;
}

table.calendar td.noevent-b a:link {
	padding: 30px 0px 0px;
	height: 80px;
}

table.calendar td.event {
	padding:3px;
	background-color: #afd5ff;
	vertical-align: middle;
	text-align:center;
}

td.non-admin {
	height: 50px;
}

table.calendar td.event a:link, table.calendar td.event a:visited {
	display: block;
	color: #333333;
	text-decoration: none;
	width: 100%;
	padding: 10px 0px 0px;
	height: 50px;
	border: 1px solid #afd5ff;
	
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	font-weight: bold;
}

table.calendar td.event a:visited:hover, table.calendar td.event a:hover {
	border: 1px solid #888888;
}

table.calendar td.event-b a:link {
	height: 80px;
	padding-top: 10px;
}

table.calendar td.othermonth {
	background-color: #cccccc;
}

table.calendar td.currentday {
	border: 1px solid #000099;
	background-color: #fff7a6;
}

table.calendar td.noeventothermonth {
	background-color: white;
}

table.calendar td.event button {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	border-width: 0;
	-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
	padding: 6px 10px 8px;
}

div.clickview a, div.clickview a:visited {
	/*padding-top:10px;
	padding-bottom:18px;*/
	text-align:center;
	display:block;
	/*width:auto;*/
	height:100%;
}

a.viewbooking {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	border-width: 0;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding: 4px !important;
	text-decoration: none;
	margin:16px 0 0 0;
}

a.viewbooking:hover {
	background-color: #888888;
	text-decoration: none;
}

a.viewinfo {
	background-color: #528ACB;
	color: #FFFFFF;
	font-weight: bold;
	border-width: 0;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	padding: 4px 10px;
	text-decoration: none;
	display: inline-block;
	margin: 5px 10px 0;
}

a.viewinfo:hover {
	background-color: #888888;
	text-decoration: none;
	
}

table.calendar td.downarrow {
	background-image: url('/assets/calendar_cell_down.gif'); 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

table.calendar td.week {
	text-align:center;
	background-color: #888888;
	color:white;
	padding-top: 4px;
	padding-bottom: 4px;
}

table.calendar td.week a:link, table.calendar td.week a:visited {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

table.calendar td.week a:visited:hover, table.calendar td.week a:hover {
	color:#FF0000;
	text-decoration: none;
}

select.formElements {
	font-size: 16px !important;
	padding: 6px;
}

img.prevgif {
	position: relative;
	top: 3px;
}


.vsdisplay a {
	padding: 0 !important;
}

.vsdisplay a {
	padding: 3px !important;
}


/* @end */

/* @group Add User Modal */

input.regfield3 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 250px;
	color: #000000;
	margin-top: 5px;
}

textarea.regfield3 {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 250px;
	color: #000000;
	margin-top: 5px;
	height: 100px;
	margin-bottom: 5px;
}

input.regfield3-error {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 250px;
	color: #000000;
	margin-top: 5px;
	background-color: #fdb0fb;
}

textarea.regfield3-error {
	padding: 4px 3px;
	font-size: 12px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border: 1px solid #CCCCCC;
	width: 250px;
	color: #000000;
	margin-top: 5px;
	height: 100px;
	margin-bottom: 5px;
	background-color: #fdb0fb;
}

/* @end */