html {
	overflow-y : scroll;
}
body {
	font-family : 'Helvetica';
	width : 98%;
	text-align : center;
	color : #666;
	background-color : #CCC;
	margin-top : 0;
}

img {
	vertical-align : bottom;
}


span.superscript {
	position : relative;
	font-size : 0.7em;
	top : -0.5em;
	line-height : 1em;
}

span.link {
	color : #09C;
}

div.separator {
	border-bottom    : 10px solid #666;
	padding : 0;
	clear : both;
	margin : 0;
	/*width : 98%;*/
}


div.container {
	width : 984px;
	margin : 0 auto;
	padding : 0;
	border : 0 none;
	text-align : left;
	background-color : white;
	position : relative;
}

div.header-pane {
	font-weight : bold;
	font-size: 12pt;
}

div.header-pane img {
	vertical-align : middle;
	border : none;
	margin-right : 3px;
/*	height : 25px; */
}

div#header-logo img {
	height : 52px;
	width : 155px;
	margin : 0;
}

div#header-left-pane {
	float : left;
	padding-top : 5px;
	padding-bottom : 5px;

}

div#header-right-pane {
	float : right;
	width : 200px;
	padding-top : 10px;
}

div#header-right-pane select {
	width : 149px;
	vertical-align : middle;
	padding : 0;
	margin : 0;
}
div#header-right-pane input {
	width : 149px;
	padding : 0 5px;
	margin : 0;
	margin-top : 5px;
	font-size : 8pt;
}

html > body div#header-right-pane input {
	width : 135px;
}
div#header-right-pane form{
	margin : 0;
	padding : 0;
	border : 0 none;
}


div.header-search {
	clear : both;
	border : 0 none;
	margin : 0;
	position : relative;
}


div#srch-display{
	position : absolute;
	right : 55px;
	top   : 60px;
	background-color : white;
	z-index : 99;
	border : 2px solid #666;
	padding : 5px;
}

div#srch-display ul {
	margin : 0;
}

div#srch-display li {
	list-style : none;
}
div#srch-display a {
	white-space : nowrap;
	text-decoration : none;
	display : block;
	font-weight : normal;
	font-size : 10pt;
}

div#srch-display a:hover {
	color : white;
	background-color : #09C;
}


div#srch-help-display {
	z-index : 99;
	position : absolute;
	top : 100px;
	right : 100px;
	height : 200px;
	width : 300px;
	background-color : white;
	border : 1px solid #666;
}

div#srch-help-header {
	background-color : #09C;
	color : white;
	border : 2px solid #666;
	height : 24px;
	text-align : center;
	position : relative;
}

div.header-srch .icon-button{
	float : right;
}

div#srch-help-header .toolbar {
	position : absolute;
	right : 0px;
	top : 0px;
}
div#srch-help-header .icon-button {
}

div#srch-help-content {
	overflow-y : auto;
	height : 176px;
	font-size : 10pt;
}

div.dialog {
	background-color : white;
	border : 1px solid #666;
	z-index : 99;

}

div.dialog .dialog-header {
	background-color : #09C;
	color : white;
	position : relative;
	height 	 : 24px;
}

div.dialog .toolbar {
	position : absolute;
	right : 0;
	top : 0;
}

div.dialog .dialog-content {
	padding : 5px;
	border : 2px inset;
	background-color : white;
	overflow-y : auto;
}

div#header-right-pane img {
	vertical-align : middle;
	margin : 0;
	padding : 0;
	border : 0 none;
	display : inline;
	height : 24px;
}


div#header-strapline {
	clear : both;
	background-color : #09C;
	color: white;
	width: 100%;
	text-align: center;
	padding-top : 5px;
	padding-bottom : 5px;
	font-size : 11pt;
}


div#header-email,div#header-phone,div#header-logo {
	float : left;
	vertical-align : middle;
	font-size : 13pt;
	padding-left : 20px;
}

div#header-logo {
	padding-right : 30px;
}

div#header-email, div#header-phone {
	padding-top : 18px;
}

div.header-nav-bar {
	clear : left;
	font-size: 10pt;
}

div.header-nav-bar ul {
	padding : 0;
	margin  : 0;
}

div.header-nav-bar li {
	display : inline-block;
	float : left;
	position : relative;
}


div.header-nav-bar a {
	text-decoration : none;
	display : block;
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
	margin : 0;
	border : 0px none;
	width  :  123px;
	vertical-align : bottom;
}


div.left-image {
	padding : 0;
	border : 0 none;
	margin : 0;
	height : 123px;
}

div.left-image img {
	padding : 0;
	border : 0 none;
	margin : 0;
	vertical-align : bottom;
}

div.left-nav-pane {
	width : 100%;
	font-weight : bold;
	font-size: 10pt;
	border-top : 4px solid #666;
	border-bottom : 4px solid #666;
	padding : 0;
	margin : 0;
}


div.left-nav-pane ul {
	list-style : none;
	padding-left: 0px;
	margin : 0px;
}

div.left-nav-pane li {
	display : block;	
}



div.left-nav-pane a {
	display : block;
	padding-top : 15px;
	padding-bottom : 15px;
	width : 100%;
	text-align: center;
	text-decoration : none;
	height : 50px;
}

html > body div.left-nav-pane a {
	height : 20px;
}

#left-pane {
	float: left;
	border : 0 none;
	width : 212px;	
	margin : 0;
	margin-right : 4px;
	padding : 0px;
}

#centre-pane {
	float: left;
	width : 984px;
	margin : 0;
	border : 0 none;
}

#right-pane {
	float: right;
	border : 0 none;
	border-left: 4px solid #666;
	padding : 0;
	margin : 0;
}

div.content-pane {
	clear : left;
	margin : 0;
	padding : 0;
	border : 0 none;
	float : left;
}

div.content-pane.has-left-pane {
	background-image : url('/images/bg.gif');
}

div.content-pane.has-left-pane #centre-pane {
	width : 768px;
}

div.footer-pane {
	clear : both;
	border-top : 4px solid #666;
	border-bottom : 10px solid #666;
	color : #09C;
	width : 100%;
}

div.footer-pane div {
	display : inline;
	font-size : 10pt;
}

div#terms {
	float : right;
	width : 278px;
	text-align : right;
}

div.footer-pane a {
	padding : 3px 5px;
	line-height : 22px;
}


div.company-name {
	padding-left : 5px;
	line-height : 22px;
}

div#email-update {
	float : right;
	width : 480px;
	text-align : center;
}


div#desc-pane {
	height : 127px;
	padding : 10px;
	background-color : #DEEBFF;
	font-weight : bold;
	color : #09C;
	border : 0 none;
	margin : 0;
	font-size : 10pt;
	border-bottom : 4px solid #666;
}

div#desc-pane span p {
	color : #666;
	font-size : 11pt;
	font-weight : normal;
}

html>body div#desc-pane {
	height : 103px;
}


div#desc-pane h1 {
	font-size : 12pt;
	margin-top : 0px;
	margin-bottom : 5px;
}


div#image-pane {
	border-bottom : 4px solid #666;
}


div#info-pane {
	width : 100%;
	height : 123px;
}

div#info-pane a {
	font-weight : bold;
	text-align : center;
}

div#info-pane img {
	height: 100px;
	margin-top : 11px;
	margin-bottom : 12px;
}


div#info-pane div {
	width : 250px;
	vertical-align : middle;
	float : left;
}

div#info-pane table {
	border-collapse: collapse;
}

div#info-pane table, div#info-pane tr, div#info-pane td {
	border : 0;
	margin : 0;
	padding : 0 5px;
}



div#pg-list {
	margin : 0 ;
	border : 0 none;
}

div.pg-cell {
	float : left;
	text-align : center;
	font-weight: bold;
	font-size : 8pt;
}

div.pg-cell a {
	height: 160px;
	width : 140px;
	display : block;
	padding : 5px;
}

div.pg-cell img {
/*
	width : 90px;
	height: 140px;
*/
	margin : 0 auto;
	display : block;
	border : 0 none;
	padding-top : 5px;
}


div.pg-info {
	float : left;
	width : 480px;
	font-size : 10pt;
	color : #666;
}

div.pg-column {
	float : left;
}

div.section-header {
	background-color : #C4DBFF;
	padding : 5px 10px;
	font-weight : bold;
	text-align : center;
	color : #09C;
	font-size : 10pt;
}

div#pg-desc {
	width : 180px;
}

div#pg-desc img {
	display : block;
	margin : 0 auto;
}

div.pg-title {
	padding : 5px;
	font-size : 8pt;
	text-align : center;
}

div#pg-bullet {
	width : 300px;
}

div#pg-bullet li {
	margin : 15px 0;
}

div#pg-comment {
	clear : both;
	padding-left : 26px;
}

div#pg-next-step {
	clear : left;
}
div#pg-next-step p {
	margin-left : 0.5em;
}
	

div#pg-lit {
	width : 288px;
}

div#pg-lit ul {
	list-style : none;
}

div#pg-lit li {
	float : left;
}

div.pg-lit-cell {
	font-size : 8pt;
	text-align : center;
}

div.pg-lit-cell a {
	padding : 10px 5px;
	width  : 110px;
	height : 120px;
	display : block; 
}

div.pg-lit-cell a span {
	display : block;
}



/* Home page / products page styling */
div#home #centre-pane {
	width : 500px;
}

div#home #left-bottom-pane {
	height : 123px;
}

div#news-pane {
	width : 264px;
	border : 0 none;
	padding : 0;
	margin : 0;
}

div#news-pane h2 {
	font-size : 12pt;
	text-align : center;
}

div#news-pane h3 {
	margin : 0;
	font-size : 1em;
}	


div#news-pane p {
	margin-top : 5px;
}


div#news-pane div.separator {
	border-bottom    : 4px solid #666;
}

div.news-item {
	height : 123px;
}

div.news-item-title {
	width : 264px;
	height : 23px;
	padding-left : 2px;
	font-size    : 10pt;
}

html > body div.news-item-title{
	width : 262px;
}

div.news-item-title i {
	font-size : 0.8em;
	color : #666;
}

div.news-item-body {
	width : 264px;
	height : 100px;
	font-size : 9pt;
	color : #666;
	padding-left : 2px;
}

html > body div.news-item-body{
	width : 262px;
}

div.news-item-body img {
	height : 100px;
	width  : 125px;
	float : right;
}

.news-more {
	color : #09C;
	text-decoration : underline;
}




h2 {
	margin : 0;
	margin-top : 10px;
	margin-bottom : 5px;
	font-size : 14pt;
}


h3 {
	margin : 0;
	margin-bottom : 5px;
}



input.init-srch {
	font-style : italic;
}





div#left-bottom-pane {
/*	height : 120px; */
	text-align : center;
}


div.filter-pane ul {
	padding : 0;
	margin : 5px 0;
	font-size : 9pt;
	font-weight : bold;
}

div.filter-pane li {
	list-style : none;
	padding : 5px 0;
	position : relative;
	text-align : center;
}


div.filter-pane.single-line label{
	zoom : 1;
	width   : 170px;
	display : inline-block;
}


div#ag-filter-nav-pane {
	text-align : center;
}

div#ag-filter-nav-pane div {
	display: inline;
}

div#ag-filter-nav-pane div.hidden {
	display : none;
}

div#ag-filter-nav-pane img,div#ag-filter-nav-pane span {
	vertical-align : middle;
}

.hidden {
	display : none;
}

.init-hidden {
	display : none;
}

a {
	text-decoration : none;
	color : #09C;
}

a:visited {
	color : #09C;
}


a:hover {
	color : white;
	background-color : #09C;
}


a:hover *{
	color : white;
	background-color : #09C;
}

a img {
	border : 0 none;
}

a:hover img {
	border : 0 none;
}


a.selected {
	background : #C4dbff;
}


a.selected:hover {
	color : #09C;
	background-color : #C4dbff;
}

a.breadcrumb {
	color : #09C;
	background : #C4dbff;
}
a.breadcrumb:hover {
	color : white;
	background-color : #09C;
}

a.click-selected:hover {
	color : white;
	background-color : #09C;
}


a.disabled:hover {
	background-color : white;
}


#dist-link {
	font-size : 18pt;
	text-align : center;
	font-weight : bold;
}

#dist-link div {
	padding : 0 10px;
}
/*
html>body #dist-link div {
	height : 103px;
}
*/



div#dist-details-pane {
	display : block;
	width   : 240px;
	float : left;
	padding-left : 10px;
	font-size : 8pt;
}

div#map-pane {
	display : block;
	width : 768px;
	height : 419px;
	float : right;
}

div#map-pane[class~=thinner] {
	width : 512px;
}

#dist-details-pane h2 {
	font-size : 10pt;
}

div.dist-info-block{
	margin-top: 5px;
	clear : both;
}




div.dist-info-item {
	width : 240px;
	clear : both;
}

div.dist-info-item label {
	font-size : 9pt;
	width : 50px;
	display : block;
	float : left;
	clear : both;
}


.dist-info-block ul {
	margin : 0;
}

div.dist-info-item label img{
	width : 20px;
}


div.app-group-lit-item a {
	width : 118px;
	float : right;
	height: 123px; 
	padding-left: 2px;
	padding-right: 1px;
	margin-top : -10px;
	margin-right : -10px;
	margin-left : 10px;
	text-align : center;
}

div.app-group-lit-item img {
/*	width   : 64px; */
	height  : 100px;
	margin  : 0 auto;
	display : block;
}

img.icon-image {
	height : 18px;
	width  : 18px;
	display : block;
	overflow : hidden;
}

tr.table-row-odd {
	background-color : #DEEBFF;
}

tr.obselete {
	background-color : #FFDACD;
}

tr.table-row-odd[class~=obselete] {
	background-color : #FFB9AB;
}


.odd {
	background-color : #DEEBFF;
}


tr.section-header-row {
	background-color : #09C;
	color : white;
}


div#download table {
	width : 100%;
}

div#download .padding-cell {
	width : 20px;
	background-color : white;
}

div#download td.desc-cell {
	font-size : 10pt;
}

div#download .type-cell {
	font-size : 8pt;
	width : 50px;
	text-align : center;
}
div#download .size-cell {
	font-size : 8pt;
	width : 50px;
	text-align : center;
}
div#download td.size-cell {
	text-align : right;
}
div#download .view-cell {
	font-size : 8pt;
	width : 50px;
	text-align : center;
}

div#download td img {
	margin : 0 auto;
}





/* /news/* styling */
div.news-list-cell {
	padding-left : 15px;
}


div.news-list-cell h2 {
	font-size : 14pt;
}

div.news-list-cell h3 {
	font-size : 11pt;
	font-weight : bold;
}

div.news-list-cell p {
	width : 66%;
	text-align : justify;
	font-size  : 10pt;
}
div.news-list-cell label {
	font-size  : 10pt;
	font-style : italic;
	padding    : 5px 10px; 
}




div.news-image {
	width : 33%;
	float : right;
	clear : right;
	margin-bottom : 5px;
	text-align : center;
}


div#news-list-pane div.separator {
	border-bottom : 2px solid #666;
}


div#button-pane,div.button-pane {
	margin : 0 auto;
}

div#button-pane ul,div.button-pane ul {
	margin : 0;
	padding : 10px;
}

div.horizontal-pane ul {
	padding : 25px 0;
	clear : both;
}

div#button-pane li, div.button-pane li {
	list-style : none;
	margin : 10px 0;
}

div.horizontal-pane li {
	margin : 0;
	display : inline;
}

div.horizontal-pane li.hidden {
	display : none;
}



div#button-pane a, div.button-pane a,li.button-item a {
	padding : 5px 20px;
	display : block;
	margin  : 0 auto;
	width   : 200px;
	border  : 2px solid transparent;
	text-align : center;
	font-weight : bold;
	font-size : 10pt;
	color : white;
	background-color : #09C;
}

div.horizontal-pane a {
	display : inline;
}


div.button-pane a.green {
	background-color : green;
}

div.button-pane a.red {
	background-color : red;
}


div.button-pane a.gray {
	background-color : gray;
}

div.button-pane a.orange, .button-item a.orange {
	background-color : orange;
}


div#button-pane a:hover, div.button-pane a:hover, li.button-item a:hover {
	border-top 	: 2px solid #CCC;
	border-left 	: 2px solid #CCC;
	border-bottom 	: 2px solid #666;
	border-right 	: 2px solid #666;
}

div#button-pane a:active, div.button-pane a:active, li.button-item a:active {
	border-top 	: 2px solid #666;
	border-left 	: 2px solid #666;
	border-bottom 	: 2px solid #CCC;
	border-right 	: 2px solid #CCC;
}


#mylist-cmd {
	float : right;
	padding-top : 3px;
	padding-right : 3px;
}

li.button-item a{
	width : auto;
}

li.button-item a:hover * {
	background-color : inherit;
}



div.icon-button {
	width : 39px;
	height : 39px;
	border : 2px solid transparent;
	background-repeat : no-repeat;
	display : inline-block;
	vertical-align : middle;
	text-align : center;
}

html > body div.icon-button {
	width : 35px;
	height: 35px;
}


div.icon-button.small {
}


/* IE 7 doesn't support multiple class entries per selector */
div.small {
	width : 24px;
	height : 24px;
}


html > body div.small {
	width : 20px;
	height : 20px;
	position : static;
}


div.icon-button:hover {
	border-top 	: 2px solid #CCC;
	border-left 	: 2px solid #CCC;
	border-bottom 	: 2px solid #666;
	border-right 	: 2px solid #666;
	cursor : pointer;
}

div.icon-button:active {
	border-top 	: 2px solid #666;
	border-left 	: 2px solid #666;
	border-bottom 	: 2px solid #CCC;
	border-right 	: 2px solid #CCC;
}




div.delete-button {
	background-image : url('/images/icons/delete.png');
}
div.delete-button[class~=small] {
	background-image : url('/images/icons/delete_small.png');
}
div.previous-button {
	background-image : url('/images/icons/left-arrow.png');
}
div.next-button {
	background-image : url('/images/icons/right-arrow.png');
}


h1 {
	color : #09C;
	font-weight : bold;
	font-size   : 14pt;
	text-align  : center;
}


div#request-pg-list {
	padding-left : 15px;
}


div#request-pg-list table {
}


.basket-item-productline {
	width : 164px;
}
.basket-item-img {
	width : 64px;
}

.basket-item-name {
	width : 100px;
}

.basket-item-desc {
	width : 370px;
}

.basket-item-quantity {
	width : 90px;
}

.basket-item-remove {
	width : 90px;
}


div#request-pg-list img {
	vertical-align : middle;
}

div#request-pg-list td a {
	font-size : 9pt;
}

/*Form formating*/
div#request-prod-list {
	color : #09C;
	font-size : 10pt;
}

div#request-pg-list img {
	border: 2px solid transparent;
	display	: block;
}

div#request-pg-list td {
	text-align : center;
}

div#request-pg-list td a {
	height : 100px;
}

div#request-pg-list tr:hover td  a {
	color : white;
	background-color : #09C;
}
div#request-pg-list tr:hover td  img {
	color : white;
	background-color : #09C;
}

div#request-pg-list th {
	text-align : center;
}

div#request-pg-list td input {
	width : 30px;
}

div#request-pg-list .icon-button {
	margin : 0 auto;
}

#basket-size {
	text-align : center;
}


div#request-comments {
	color : #09C;
}

div#request-comments textarea {
	width : 100%;
}

div#request-personal-info label{
	width : 200px;
	display : inline-block;
	text-align : right;
}

div.form-item {
	text-align : left;
}

div.form-item label {
	width : 210px;
	display : inline-block;
	text-align : right;
}


#sendto-form div.form-item label {
	width : 150px;
}

div.form-item input,div.form-item textarea {
	width : 300px;
	vertical-align : middle;
	text-align : left;
}

div.form-item select {
	width : 304px;
	vertical-align : middle;
}

div.form-item input[type=checkbox] {
	width : auto;
	margin-left : 0;
}


div#recaptcha_widget_div {
	display : inline-block;
	vertical-align : middle;
}


div#recaptcha_area {
	margin : 0 auto;
}


div#captcha-pane {
	margin-left: 225px;
	border : 1px solid #09C;
	width : 300px;
}


span.required-display {
	display : inline-block;
	width 	: 10px;
	text-align : center;
}


div.form-item.error,div.form-item.error input, div.form-item.error select {
	background-color : #FFCCCC;
}

div.form-item .error-display {
	font-size: 8pt;
	font-style: italic;
}


p.centred {
	text-align : center;
}


div.basket-cmds {
	text-align : center;
	padding-top : 10px;
	padding-bottom : 10px;
}



div#login-details {
	clear : both;
	float : right;
}


span#privacy-msg{
	display : inline-block;
	font-size : 9pt;
	vertical-align : top;
	width : 290px;
}

div.files #centre-pane {
	text-align : center;
}