/* Reset */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;/*line-height:1.125em;  16x1.125=18px */
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
/* End of HTML5 Reset /////////////////////////////////////////////////////// */ 

/* Common settings for site wide */

/* Form fields */
input, select, textarea {
	font-family: Verdana, Geneva, sans-serif;
	border:1px solid #c6c6c6;
	padding:4px;
	text-align:left;
	-moz-border-radius:4px;
	border-radius: 4px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
/* Buttons, submit buttons etc ////////////////////////////////////////////// */

button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	/* [disabled]display:inline-block; */
	color:#333;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 16px;
	overflow:hidden;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #dcdcdc;
}
button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
/* All text content, forms and tables */
h1, h2, h3, h4, h5, h6, p, table, form, ul, ol {
	padding-right: 10px;
	padding-left: 10px;
}

form.formwrapper {
	padding: 0px;
}
/* links */

a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #003;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #003;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #600;
}


/* Images */
img.right {
	float: right;
	clear: right;
	margin: 10px;
}
img.left{
	float: left;
	clear: left;
	margin: 10px;
}
img.std {
	margin: 10px;
}

.imageWithOverlayContainer {
    position:relative;
    float: right;
    clear: right;
	right: 10px;
}
.imageWithOverlayContainer .overlayImage {
    position: absolute;
    left: 10px;
    bottom: 10px;
}

/* maximum image size for index pages*/
img.squared {
	max-width: 113px;
	max-height: 113px;	
}
/* maximum image size for detail pages*/
img.cmsLarge {
	max-width: 350px;
	max-height: 350px;	
}

/* Align image with paragraph text vertically */
.imageAlign {
	display: table;
}
.imageAlign img {
	display: table-cell;
}
.imageAlign p {
	display: table-cell;
	vertical-align: middle;
}

/* Youtube videos (iFrames) */
iframe {
	float:left;
	clear:left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;

}

/* Embedded Web Pages (iFrames) Socket Locations Etc*/

.iframeWrapper {
	margin: 	0px;
	padding:	0px;
	width:		655px;
	height:		100%;
}

.iframeWrapper iframe {
	position: relative;
	width:		100%;
	border:		0;
	overflow:	hidden;
	margin-right: 10px;
	margin-left: 10px;
}



/* text */

@font-face {
	font-family: UKNumberPlate;
	src: url(fonts/UKNumberPlate.ttf);
}

p {
	text-decoration: none;
	margin-bottom: 10px;
}
blockquote {
	margin-bottom: 10px;
	margin-left: 20px;
}
body {
	background-color: #235497;
	background-image: url(/images/layout/body-bkgd.png);
	background-repeat: repeat-x;
	/*background-image: url(/images/layout/xmas.png);
	background-repeat: repeat;*/
}
body, p {
	font-family: Verdana, Geneva, sans-serif;
	color: #003;
	font-size: 11px;
	line-height: 13px;
}
/* Rounded Corners ////////////////////////////////////////////////////////////// */
.rounded-four {
	border-radius: 4px;
}
/* ~~ This fixed width container surrounds all other divs ~~ */
#container {
	width: 995px;
	margin-right: auto;
	margin-left: auto;
}
/* ~~ The header is not given a width. It will extend the full width of the layout. ~~ */
header {
	height: 130px;
}

/* Shopping Cart Box */
#cartbox {
	float: right;
	width: 169px;
	margin-top: 13px;
	height: 110px;
	text-align:center;
}
#cartbox h2 {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 10px;
}
#cartbox ul li {
	color: #FFF;
	padding-left: 2px;
	list-style-type: none;
	text-align: center;
	margin-top: 3px;
	line-height: 20px;
	padding-right: 2px;
	overflow: hidden;
}
#cartbox ul li.items {
	color: #FFF;
	display: block;
	text-align: center;
	height: 20px;
	line-height: 20px;
	margin-top: 0px;
	background-color: #4677BA;
}
#cartbox ul li a:link, #cartbox ul li a:visited {
	color: #FFF;
	text-decoration: none;
}
#cartbox ul li a:hover, #cartbox ul li a:active, #cartbox ul li a:focus {
	text-decoration: underline;
	color: #FC0;
}
#cartupdate {
	background-color: #000;
	height: 150px;
	width: 200px;
	position: absolute;
	top: 50px;
	right: 50px;
	z-index: 10000;
	color: #FFF;
	padding: 10px;
	display: none;
}
/*Top Navigation bar */
#topnav {
	float: left;
	height: 35px;
	width: 995px;
	overflow: hidden;
	background-image: url(/images/layout/topnav-bkgd.jpg);
	background-repeat: repeat-x;
}
#topnav ul {
	float: left;
	width: 995px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	height: 35px;
}
#topnav ul li {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	list-style-type: none;
	text-decoration: none;
	font-weight: normal;
	float: left;
	z-index: 2;
	background-image: url(/images/layout/topnav-div.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#topnav ul li a {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	float: left;
	margin-right: 2px;
	list-style-type: none;
	padding-top: 10px;
	text-align: center;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	height: 35px;
}
#topnav ul li a:hover {
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	display: block;
	background-repeat: repeat-x;
}
#topnav ul li.searchbox {
	background-image: none;
	float:right;
	position: relative;
	margin-right: 20px;
}
#topnav li.searchbox input {
	vertical-align: middle;
	padding: 2px;
	font-size: 11px;
}
#logo {
	float: left;
	width: 310px;
	background-image: url(/images/layout/logo_90y.png);
	height: 89px;
	margin-top: 20px;
	margin-left: 10px;
}
#topbanner {
	width: 454px; 
	float: left;
	margin-top: 20px;
	height: 89px;
	margin-left: 20px;
}
/*#searchbox {
	margin: 0px;
	color: #FFF;
}
#searchbox input {
	margin: 0px;
	padding:0px;
}*/

/* ~~ These are the columns for the layout. ~~ 

1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.

3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.

4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.

*/
#mainpage {
	float: left;
	padding-bottom: 10px;
	background-image: url(/images/layout/page_bg.jpg);
	background-repeat: repeat-y;
	background-color: #FFF;
}

#mainpagehome {
	float: left;
	padding-bottom: 10px;
	background-color: #FFF;
}

#content {
	width: 675px;
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
}

#contenthome {
	width: auto;
}


#breadcrumbs {
	width: 655px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #003;
	overflow: hidden;
}
#breadcrumbs ul {
	display: inline;
}
#breadcrumbs ul li {
	display: inline;
	list-style-type: none;
	float: left;
	padding-right: 5px;
	background-image: none;
}
#content h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	background-color: #092F65;
	width: 655px;
	height: 30px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 24px;
}

#contenthome h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: normal;
	background-color: #092F65;
	width: auto;
	height: 30px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	line-height: 24px;
}
#content h2, #lease_tables h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #600;
	text-decoration: none;
	font-weight: bold;
	clear:left;
	padding-top: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	line-height: 20px;
}
#content h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #600;
	text-align: left;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
}
#content h4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	color: #600;
}
#content h5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
}

#content a.pdf { /*The background image*/
	padding-left: 30px;
	line-height: 30px; /* To center the text vertically with the icon */
	background-image: url(/images/general/pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
}

#content a.exe { /*The background image*/
	padding-left: 30px;
	line-height: 30px;
	display: block;
	background-image: url(/images/general/exe.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#content a.zip { /*The background image*/
	padding-left: 30px;
	line-height: 30px;
	display: block;
	background-image: url(/images/general/zip.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#content a.video { /*The background image*/
	padding-left: 30px;
	line-height: 30px;
	display: block;
	background-image: url(/images/general/video.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#rightbar {
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#rightbar p {
	padding-right: 10px;
	padding-left: 10px;
}
#rightbar .adbox {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
/* ~~ The footer styles ~~ */
footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	color: #FFF;
	background-color: #0C244A;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
footer ul li {
	display: inline;
	margin: 0 7px 0 0;
	padding: 0 9px 0 0;
	font-size: 1.1em;
	color: #9dc6ff;
	background-image: url(../images/general/footer-ul-divider.png);
	background-repeat: no-repeat;
	background-position: right 3px;
}
footer ul li.last {
	background:none;
	margin-right: 0;
	padding-right: 0;
}
footer ul li a:link, footer ul li a:visited {
	text-decoration: none;
	color: #e8f1fe;
}
footer p {
	padding: 7px 0 0 0;
	clear: both;
	text-align: center;
	color: #9dc6ff;
	font-size: 1em;
}
/* ~~ Price Box ~~ */
.pricebox {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 160px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: right;
	padding-right: 0px;
	padding-left: 0px;
	clear: right;
	margin-top: 10px;
	border: 1px solid #CCC;
}
.pricebox .price {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 14px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
	float: left;
	width: 150px;
	line-height: 20px;
	background-color: #600;
}
.pricebox .partnum {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-transform: capitalize;
	color: #032756;
	text-align: center;
	padding-bottom: 5px;
}
.pricebox .partnum span {
	text-transform: uppercase;
}
.pricebox form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: right;
	width: 150px;
	text-align: center;
}
.pricebox form input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	margin-top: 5px;
}

.pricebox2 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	width: 200px;
	margin-top: 10px;
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	padding: 0px;
	background-color: #FFF;
}

.priceboxright {
	float: right;
	clear: right;
}
.priceboxleft {
	float: left;
	clear: left;
}

.pricebox2 .price {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
}
.pricebox2 .wasprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #ff8040;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	/* [disabled]text-decoration: line-through; */
}
.pricebox2 .offer {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FF0;
	font-size: 18px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.pricebox2 .bulkprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #930000;
}
.pricebox2 .leaseprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
}
.pricebox2 .leaseprice a {
	color: #FF8040;

}
.pricebox2 .partnum {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-transform: capitalize;
	color: #032756;
	text-align: center;
	padding-bottom: 5px;
}
.pricebox2 .partnum span {
	text-transform: uppercase;
}
.pricebox2 form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003;
	float: right;
	width: 190px;
	text-align: center;
	padding: 5px;
}

.pricebox2 form input, .product_suggestedItem form input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	margin-top: 1px;
	text-align: center;
}

.pricebox3 {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: left;
	clear: left;
	width: 655px;
	margin-top: 10px;
	/*border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;*/
	padding: 0px;
}
.priceboxbg {
	border: 1px solid #CCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
}
.pricebox3 .price {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	float: left;
	/*clear: left;*/
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
}
.pricebox3 .wasprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #ff8040;
	font-size: 12px;
	text-align: center;
	float: left;
	/*clear: left;*/
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	/* [disabled]text-decoration: line-through; */
}
.pricebox3 .offer {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FF0;
	font-size: 18px;
	text-align: center;
	float: left;
	width: 245px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

.pricebox3 .bulkprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	clear: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #930000;
}
.pricebox3 .leaseprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	clear: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
}
.pricebox3 .leaseprice a {
	color: #FF8040;

}
.pricebox3 .partnum {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	width: 190px;
	text-transform: capitalize;
	color: #FFF;
	text-align: center;
	padding: 5px;
	float: left;
	clear: left;
	background-color: #600;
}
.pricebox3 .partnum span {
	text-transform: uppercase;
}
.pricebox3 form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003;
	float: right;
	width: 235px;
	text-align: center;
	padding: 5px;
}

.pricebox3 form input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	margin-top: 1px;
	text-align: center;
}

.pricebox4 { /* Add to cart button only price box */
	margin: 5px;
	width: 150px;
	border-radius: 4px;
	/*-webkit-box-shadow: inset 0 0 34px#e4e4e4;*/
	/*box-shadow: inset 0 0 34px #e4e4e4;*/
	padding: 0px;
	background-color: #FFF;
}
.pricebox4 form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003;
	width: 140px;
	text-align: center;
	padding: 0px;
}
.pricebox4 form input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	margin-top: 1px;
	text-align: center;
}
/*.pricebox5 {
	margin-right: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
	margin-top: 10px;
	width: 290px;
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	clear: left;
	padding-right: 0px;
	padding-left: 0px;
	border: 1px solid #CCC;
	position: absolute;
    bottom: 0;
}
.pricebox5 .wasprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #ff8040;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 281px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	 [disabled]text-decoration: line-through; 
}
.pricebox5 .offer {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #FF0;
	font-size: 18px;
	text-align: center;
	float: left;
	width: 281px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}
.pricebox5 .bulkprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #930000;
}
.pricebox5 .leaseprice {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: #600;
	padding: 5px;
}
.pricebox5 .leaseprice a {
	color: #FF8040;

}
.pricebox5 .price {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #FFF;
	font-size: 14px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: center;
	float: left;
	width: 281px;
	line-height: 20px;
	background-color: #600;
}
.pricebox5 .partnum {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	color: #032756;
	text-align: center;
	padding-bottom: 5px;
}
.pricebox5 {
	text-transform: uppercase;
}
.pricebox5 form {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: right;
	clear:left;
	width: 282px;
	text-align: center;
}
.pricebox5 form input {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	margin-top: 5px;
}*/

.pricehighlight {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	color: #600;
	font-size: 16px;
	text-align: center;
	float: left;
	width: 190px;
	line-height: 20px;
	background-color: yellow;
	padding: 5px;
}


.item_box {
	background-color: #F00;
	float: left;
	height: 100px;
	width: 310px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content_divider {
	width: 600px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 20px;
	margin-bottom: 10px;
	height: 1px;
	clear: both;
	/*float: left;*/
	margin-left: 10px;
}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
#content ul, #content ol {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #003;
	padding-left: 45px;
	margin-bottom: 20px;
	line-height: 16px;
}
#content ul.inline {
	width: 655px;
	padding-right: 10px;
	list-style-type: none;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content ul.inline li {
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 10px;
	background-image: url(/images/general/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-bottom: 4px;
	display: inline-block;
}
#content table {
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
/*remove margin left for tables within forms */
/*#content form table {
	margin-left: 0px;
}*/
#content .highlight {
	font-weight: bold;
	color: #900;
}
#content .largeHighlight {
	color: #FC0004;
	font-size: 24px;
}

#content .highlighted_box {
	color: #FF0;
	background-color: #600;
	padding: 10px;
	margin: 10px;
	font-size: 18px;
	text-align: center;
	line-height: 22px;
}
#content .highlighted_box_large {
	color: #FF0;
	background-color: #600;
	padding: 10px;
	margin: 10px;
	font-size: 26px;
	text-align: center;
	line-height: 30px;
}
#content .highlighted_box a {
	color: #FF0;
	text-decoration:none;
	background-image:none;
	display:inline;
	padding-left: 10px;
}
#content .highlight2 {
	color: #FF0;
	background-color: #600;
	padding: 5px;
}
/*
#content form {
	background-color: #FFC;
	margin: 10px;
	padding: 10px;
	border: thin solid #003;
}

#content form dt {
	font-size: 14px;
	font-weight: bold;
	color: #900;
}
#content form dd {
	font-size: 14px;
	font-weight: bold;
	color: #900;
}*/

/* ~~ Miscellaneous float/clear classes ~~ */
.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: 10px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the .container) if the .footer is removed or taken out of the .container */
	clear:both;
/*	height:0;
	font-size: 1px;
	line-height: 0px;*/
}
.clearleft { 
	clear:left;
}
.clearright { 
	clear:right;
}

/* Customer Login Box */
#customer_login {
	padding-top: 5px;
	color: #003;
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}
#customer_login h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #900;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#customer_login button {
	margin-left: 2px;
}

/* navigation */
nav {
	width: 180px;
	float: left;
	/*background-color: #092f65;*/
	/*background-color: #0C244A;*/
}
nav ul {
	list-style-type: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	padding: 0px;
	
}

nav ul.level0 {
	padding-top: 20px; /*spacing at top of navigation*/
	font-size: 12px;
	padding-left: 2px;
	padding-right: 2px;
	line-height: 15px;
}

nav ul.level0 a:link, nav ul.level0 a:visited{
	display:block;
	text-decoration: none;
	padding: 7px;
	/*background-image: url(/images/layout/topnav-bkgd.jpg);
	background-repeat: repeat-x;*/
	color: #092F65;
	/*background-color: #092F65;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}

nav ul.level0 a:hover, nav ul.level0 a:active {
	color: #FF0;
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
}

nav ul.level0 a.selected:link, nav ul.level0 a.selected:visited {
	color: #FFF;
	background-color: #600;
	background-image: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;*/
}
nav ul.level1 {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

nav ul.level1 a:link, nav ul.level1 a:visited {
	text-decoration: none;
	/*background-color: #235497;*/
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #092F65;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

nav ul.level1 a:hover, nav ul.level1 a:active {
	color: #ff0;
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
}
nav ul.level2 {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
nav ul.level2 a:link, nav ul.level2 a:visited {
	text-decoration: none;
	/*background-color: #235497;*/
	padding-left: 25px;
	color: #092F65;
}

nav ul.level2 a:hover, nav ul.level2 a:active {
	color: #ff0;
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
}
nav ul.level3 {
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

nav ul.level3 a:link, nav ul.level3 a:visited {
	text-decoration: none;
	padding-left: 35px;
}

nav ul.level3 a:hover, nav ul.level3 a:active {
	color: #ff0;
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
}

nav ul.level1 li.subheader, nav ul.level2 li.subheader, nav ul.level3 li.subheader {
	font-weight: normal;
	padding: 5px;
	margin-top: 15px;
}
nav ul.level1 li.subheader {
	background-color: #235497;
	padding-left: 10px;
	color: #FFF;
}
nav ul.level2 li.subheader {
padding-left: 20px;

}
nav ul.level3 li.subheader {
	padding-left: 30px;
}
/* nav bar extras (twitter and DPD */
#supportform {
	background-image: url(../images/general/support.jpg);
	height: 47px;
	width: 170px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
.twitter {
	width: 180px;
	text-align: center;
	height: 67px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.brochureDownload {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
#dpd {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* Default Table ////////////////////////////////////////////////////////////// */
table {
	width:655px;
	border:1px solid #d7d7d7;
	border-collapse:collapse;
	margin-top: 0;
	margin-right: 10;
	margin-bottom: 30px;
	margin-left: 10;
}
table thead th {
	font-weight:bold;
	background-color: #8abdd6;
}
table th {
	color:#082E63;
}
table th, table td {
	padding:7px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #d7d7d7;
	border-bottom-color: #d7d7d7;
	vertical-align: middle;	
}
table.boldtable th {
	color: #FF0;
	background-color: #600;
}
table.boldtable td {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
}
#content table tr td.subheader {
	background-color: #CCC;
	font-weight: bold;
	color: #600;
}
table tbody .oddrow th, table tbody .oddrow td {
	background:#e4f6ff;
}
table tfoot th {
	background:#dadada;
}

table table {
	width: auto;	
}

/*table container for lease prices*/
#lease_tables{
	float: left;
	width: 655px;
}

/*table conainer for lease prices*/
#lease_tables table{
	width: 317px;
	float: left;
	margin-right: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 75px #e4e4e4;
}

#lease_tables table thead th{
	color: #FFF;
	text-align: center;
	background-image: url(/images/layout/topnav-bkgd.jpg);
}

#lease_tables table th{
	text-align: left;
}

#lease_tables table td{
	text-align: right;
}
table tbody td.greencell {
	color: #FFF;
	background-color: #060;
}
table tbody td.ambercell {
	background-color: #FC0;
}
table tbody td.redcell {
	color: #FFF;
	background-color: #F00;
}
table tbody td.bluecell {
	color: #FFF;
	background-color: #0054FF;
}
table tbody td.orangecell {
	background-color: orange;
}


/* Shopping Cart ////////////////////////////////////////////////////////////// */
#cart-table-container form {
	padding-right: 0px;
	padding-left: 0px;
}
#cart-table {
	margin-top: 0px;
	margin-bottom: 30px;
}
#cart-table th, #cart-table td {
	border-right-style: none;
}
#cart-table thead th {
	font-weight:normal;
	font-size: 12px;
}
#cart-table thead th.product {
	text-align:left;
}
#cart-table .price {
	text-align:right;
}
#cart-table td.quantity {
	text-align:center;
}
#cart-table .discountprice {
	color: #0C0;
	font-weight: bold;
}
#cart-table tfoot th {
	border-top:1px solid #d7d7d7;
	background:#fff;
	text-align: right;
	padding-top: 10px;
	padding-right: 10;
	padding-bottom: 10px;
	padding-left: 0;
}
#cart-table tfoot th.discount {
	color: #0C0;
}
#cart-table td .quantity {
	border:1px solid #c6c6c6;
	padding:4px 4px;
	width:22px;
	text-align:center;
}
#cart-table .total {
	font-size:1.6em;
	font-family:helvetica, arial, sans-serif;
	font-weight:strong;
	color:#000;
}
#cart-table .product {
	text-decoration:none;
}
#cart-table .remove {
	color:#ef510a;
	text-decoration:none;
	font-size:0.9em;
	font-size:1em;
	margin-bottom:0px;
	padding:0 0 0 4px;
}
#cart-table td {
	background:#fafafa;
	border-top:1px solid #FFF;
	padding:8px 5px;
}
#cart-table tr.oddrow td {
	background:#e7eef7;
}
#cart-table a {
	color:#4f719c;
}
#cart-table .total-row th {
	background:#dbeaff;
	border-bottom:1px solid #d7d7d7;
}
#cart-table .total-row th.total {
	font-weight:bold;
	color:#930000;
}
#cart-table p {
	color: #600;
	padding-top: 5px;
	line-height: 14px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-bottom: 0px;
}
#cart-table p span {
	text-decoration:underline;
}
#cart-table p.serial {
	color: #360;
	display: inline-block;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #002150;
	border-right-color: #002150;
	border-bottom-color: #002150;
	border-left-color: #002150;
	border-bottom-width: medium;
	border-bottom-style: double;
	margin-top: 5px;
}

/* Index boxes */
#content .displayBox{
	background-color: #DBEAFF;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}


#content .displayBoxHalf{
	/*height: 125px;*/
	width: 315px;
	float: left;
	margin: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
	background-color: #DBEAFF;
	padding-bottom: 10px;
}
#content .displayBox h2, #content .displayBoxHalf h2 {
	background-image: url(/images/layout/topnav-bkgd.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
	font-size: 12px;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .displayBox p, #content .displayBoxHalf p {
	text-align: left;
}

#coupon {
	background-color: #C5DCBE;
	padding-bottom: 3px;
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
#coupon h2 {
	background-color: #489F53;
	margin-bottom: 5px;
	font-size: 12px;
	color: #FFF;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.alert {
	background-color: #2E2E22;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border-width: thin;
	border-color: #000000;
}

.alerttext {
	margin-left: 110px;
}

#content .alerttext h3 {
	color: #FFFFFF;
	padding-top: 10px;
}
#content .alerttext p, #content .alert p  {
	color: #FFFFFF;
}
#content .alert h4, #content .alert h5, #content .alert h2 {
	color: #FFFFFF;
}
.alertimage {
	float:left;
	margin:0 20px 30px 10px;
	width:80px;
}
.information {
	background-color: #A2E8AA;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
.information img {
	float:left;
	margin:0 20px 30px 10px;
}
.message {
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-left: 10px;
	margin-right: 10px;
}
/* Overlay Modal Box for displaying popup modal messages */
/* used for serial number required messages */
#modal {
	/* overlay is hidden before loading */
display:none;
	background-color:#FFF;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:0.8;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}
#modal h2 {
	margin:0px;
	padding:10px;
	border-bottom:1px solid #333;
	font-size:20px;
	text-align: center;
}
#modal p, #modal form {
	margin-top: 10px;
	text-align: center;
}

form.customer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	counter-reset: fieldsets;
	width: 550px;
	background-color: #A3BEE7;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 50px;
}
form.customer fieldset {
	border: none;
	margin-bottom: 10px;
}
form.customer fieldset:last-of-type {
	margin-bottom: 0;
}
form.customer legend {
	color: #384313;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	text-shadow: 0 1px 1px #A5BFE7;
}
/*form.customer > fieldset > legend:before {
	content: "Step " counter(fieldsets) ": ";
	counter-increment: fieldsets;
}*/			
form.customer fieldset fieldset legend {
	color: #111111;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 0;
}
form.customer ol {
	padding-left: 0px;
}
form.customer ol li {
	background: #b9cf6a;
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 5px;
}
form.customer ol li p {
	margin-top: 0px;
	font-size: 12px;
	line-height: 16px;
	padding-left: 0px;
}
form.customer ol ol li {
	background: none;
	border: none;
	float: left;
}
form.customer label {
	float: left;
	font-size: 13px;
	width: 130px;
	height: 30px;
}
form.extralabel {
	width: 620px;
	background-color: #A3BEE7;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;

}
form.extralabel label {
	width: 250px;
	overflow:hidden;

}
form.customer fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}
form.customer label[for=visa] {
	background-image: url(visa.gif);
}
form.customer label[for=amex] {
	background-image: url(amex.gif);
}
form.customer label[for=mastercard] {
	background-image: url(mastercard.gif);
}
form.customer fieldset fieldset label:hover {
	cursor: pointer;
}
form.customer input:not([type=radio]), form.customer textarea, form.customer select {
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	padding: 5px;
	width: 200px;
}
form.customer input[type=radio] {
	background: #ffffff;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	margin-top: 8px;
	width: 200px;
}
form.customer input.smallsize {
	width: 50px;
}
form.customer select.minimum {
	width: auto;
}

form.customer select {
	width:auto;
}
form.customer input:not([type=submit]):focus, form.customer textarea:focus {
	background: #eaeaea;
}
form.customer input[type=radio] {
	float: left;
	margin-right: 5px;
}
form.customer em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
form.customer button {
	margin-right: auto;
	margin-left: auto;
	display: inline-block;
}
form.customer p {
	text-align: center;	
}


/*form.customer button {
	letter-spacing: 1px;
	display: block;
	font-size: 12px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-right: 25px;
	padding-left: 25px;
	line-height: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
}
form.customer button2:hover {
	background: #1e2506;
	cursor: pointer;
}*/
/* JQuery Tools Validator Error */
.validator-error {
	/* supply height to ensure consistent positioning for every browser */
	height:15px;
	background-color:#FFFE36;
	border:1px solid #E1E16D;
	font-size:11px;
	color:#000;
	padding:3px 10px;
	margin-left:-2px;
	/* CSS3 spicing for mozilla and webkit */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
	-moz-box-shadow:0 0 6px #ddd;
	-webkit-box-shadow:0 0 6px #ddd;
}
/* JQuery Username Checking */
form.customer .messagebox {
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #c93;
	background:#ffc;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
form.customer .messageboxok {
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight:bold;
	color:#008000;
}
form.customer .messageboxerror {
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight:bold;
	color:#CC0000;
}
.hidden {
	display:none;
}
.squaresBox {
	height: 125px;
	width: 315px;
	float: left;
	margin: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.bannerBox {
	width: 655px;
	height: 125px;
	margin: 10px;
	background-image:url(/images/diagnostics/banners/keys_remotes2_655x125.png);
	border-radius: 0px;
	border: 0px;
}

.bannerBox form {
	padding-top: 7px;
	margin-left: 400px;
}
.bannerBox form fieldset{
	margin-bottom: 8px;
}
.bannerBox form select{
	padding: 5px;
}

.squaresBox2 {
	width: 203px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*.squaresBox3 {
	height: 285px;
	width: 315px;
	float: left;
	margin: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}
#content .squaresBox3 h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	color: #600;
	margin-left: 118px;
	padding-top: 5px;
	padding-bottom: 3px;
}*/
.squaresImage {
	float: left;
	padding-right: 10px;
	padding-top: 6px;
	padding-left: 5px;
}
#content .squaresBox h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #600;
	margin-left: 118px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.squaresText {
	margin-left: 128px;
	padding-right: 5px;
}
.extraSpace {
	max-height:28px;
	margin-bottom: 10px;
	overflow:hidden;
}
.squaresFooter {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	margin-left: 128px;
	text-align: center;
	margin-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: absolute;
	right: 0px;
	bottom: 5px;
	width: 182px;
}
.squaresBox a:link {
	text-decoration: none;
}
.squaresFooter:hover { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	background-color: #600;
}

/*-Boxes for Codeserrvice */
.squaresBoxThin {
	height: 87px;
	width: 202px;
	float: left;
	margin: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}
.squaresBoxLarge {
	height: 125px;
	width: 655px;
	float: left;
	margin: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
}

#content .squaresBoxThin h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	color: #600;
	margin-left: 90px;
	margin-top: 28px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.codeService div{
	border: thin solid #8B8888;
	background-color: #E0DDDD;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
}

.codeService a {
	text-decoration: none;	
}
.codeService div:hover {
	background-color: #8A8585;
}


#mainBannerContainer {
	position: relative;
}
#mainBanner {
	float: left;
	width: 655px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	z-index: 1;
}
#mainBanner div {
	display:none;
	position:absolute;
	top:0;
	left:0;
}
#mainBannerPager {
	position: absolute;
	bottom: -230px;
	left: 590px;
	z-index: 2;
}
#mainBanner a.pdf { /*The background image*/
	background-image:none;
	padding: 0;
}

#mainBannerPager a {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 2px;
	background-color: #4575B7;
	color: #4575B7;
	margin-right: 2px;
	margin-left: 2px;
	font-size: 5px;
}
#mainBannerPager a.activeSlide {
	background-color: #002250;
	color: #002250;
}
#mainBannerPager a:focus {
	outline: none;
}
.bannerAd {
	background-repeat: repeat-y;
	height: 100px;
	float: left;
	width: 655px;
	background-image: url(../images/general/banner_background.png);
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 30px;
}
#content .subHeader {
	font-size: 16px;
	height: 20px;
	width: 635px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 18px;
	color: #FFF;
	background-color: #600;
	padding-top: 5px;
	font-weight: normal;
	padding-bottom: 5px;
	padding-left: 10px;
}

/*Product listing styling*/
.product_filter {
	width: 645px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 5px;
	border: thin solid #900;
}
#content .product_filter ul{
	width: 645px;
	margin-bottom: 5px;
	line-height: 12px;
}
#content .product_filter ul li{
}

.key_search {
	text-align: right;
}

.product_listing {
	width: 655px;
	margin-right: 10px;
	margin-left: 10px;
	-webkit-box-shadow: inset 0 0 34px#e4e4e4;
	box-shadow: inset 0 0 34px #e4e4e4;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin-bottom: 30px;
	border-right-width: medium;
	border-bottom-width: medium;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
}
.product_partNumber {
	float: left;
	margin-top: 10px;
}
.product_image {
	float: left;
	clear: left;
	margin-left: 10px;
	width: 75px;
	height: 75px;
}
.product_detailsContainer {
	margin-left: 20px;
	float: left;
	margin-right: 10px;
	width: 315px;
	margin-bottom: 10px;
}
#content .product_listing .product_detailsContainer h4 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	
}
#content .product_listing .product_detailsContainer ul {
	margin-bottom: 10px;	
}
.product_supplierRef {
	float: left;
	
}
.product_techspec2 {
	clear: left;
	
}
.product_techspec1 {
	clear: left;	
}
.product_pricing {
	float: right;
}
.product_suggestedContainer{
	clear: left;
	margin-bottom: 20px;
	width: 655px;
	float: left;
}
.product_suggestedItem{
	position: relative;
	float: left;
	width: 300px;
	margin-left: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	height: 80px;
	margin-bottom: 10px;
	border-top-width: thin;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}
.product_suggestedPartImage{
	float: left;
	height: 75px;
	width: 75px;
	margin-left: 5px;
	padding: 0px;
}

#content .product_suggestedItem h3{
	margin-left: 5px;
	float: left;
	width: 200px;
	font-size: 12px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
.product_suggestedDescription{
	margin-left: 5px;
	float: left;
	width: 210px;
	overflow: hidden;
	height: 15px;
}
.product_suggestedPricing{
	float: left;
	margin-left: 5px;
	height: 35px;
	width: 215px;
	margin-top: 3px;
	position: absolute;
	bottom: 5px;
	right: 5px;
}
.product_suggestedPrice{
	float: left;
	font-weight: bold;
	font-size: 12px;
	color: #600;
	height: 18px;
	margin-top: 15px;
}
.product_suggestedPricing form{
	padding-top: 5px;
	text-align: right;
	padding-right: 0px;
}

/* Styling for tabs */
#content .tabscontainer {
	width: 655px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 0px;
	float:left;
}	

/* root element for tabs  */
#content .tabscontainer ul.tabs {
    list-style:none;
    margin:0px;
    padding:0px;
    border-bottom:1px solid #666;
    height:30px;
}

/* single tab */
#content .tabscontainer ul.tabs li {
    float:left;
    text-indent:0;
    padding:0px;
    margin:0px;
	background-image: url(/images/layout/topnav-bkgd.jpg);
	background-repeat: repeat-x;
	margin-right: 1px;
}

/* link inside the tab. uses a background image */
#content .tabscontainer ul.tabs a {
	font-size:11px;
	display:block;
	height: 30px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	padding:0px;
	margin:0px;
	position:relative;
	top:1px;
	padding-left: 20px;
	padding-right: 20px;
}

/* when mouse enters the tab move the background image */
#content .tabscontainer ul.tabs a:hover {
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#content .tabscontainer ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-image: url(/images/layout/topnav-bkgd_reverse.jpg);
	background-repeat: repeat-x;
	color:#FF0;
}

/* initially all panes are hidden */
#content .tabscontainer .panes .pane {
    display:none;
}  

/* tab pane styling */
#content .tabscontainer .panes div {
    display:none;
	min-height: 200px;
    border:1px solid #999;
    border-top:0;
    background-color:#fff;
}

#content .tabscontainer .panes div table{
    width: 615px;
}


/* end of tabs styling */


.sitemap1 {
	padding-left: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.sitemap2 {
	padding-left: 50px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12px;
}
.sitemap3 {
	padding-left: 90px;
	padding-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
.sitemap4 {
	padding-left: 130px;
	padding-bottom: 10px;
	font-size: 12px;
}
.sitemap5 {
	padding-left: 170px;
	padding-bottom: 10px;
	font-size: 12px;
}


a.buttonstyle {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );

 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color: #ededed;
	display: inline-block;
	color: #333;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 4px;
	padding-right: 16px;
	padding-bottom: 4px;
	padding-left: 16px;
	overflow: hidden;
	border-radius: 4px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dcdcdc;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #dcdcdc;
}

a.buttonstyle:link {
	color: #003;
	text-decoration: none;
}
a.buttonstyle:visited {
	color: #003;
	text-decoration: underline;
}
a.buttonstyle:hover, a.buttonstyle:active, a.buttonstyle:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
	color: #600;
}
a.buttonstyle.selected {
	color: white;
	background-color: green;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, green), color-stop(1, green) );
	background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:none;
	text-shadow: none;
}

.linkstyle {
	cursor:pointer;
	text-decoration: underline;
}
/*Style for screenshots with captions centered below*/
.screenshot {
	vertical-align: top;
    display: inline-block;
    text-align: center;
}
.screenshot .caption {
	display: block;
	font-weight: bold;
}
/* used for images with aligned text */
.subtitled {
	display: inline-block;
	margin: 5px;
}
#content .subtitled h3, #content .subtitled h4 {
	text-align: center;
	padding-top: 5px;
}

/* Overlay for loading slow pages */
#loaderScreen {
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%;
	height: 100%;
	opacity:0.85;
	background: url('/images/general/wait_animation.gif') 50% 50% no-repeat rgb(249,249,249);
	z-index: 9999;
}
#loaderScreen h2{
	margin-top: 40%;
}

.numberPlate {
	color: #000000;
	padding: 5px;
	display: block;
	height: 70px;
	margin-left: 100px;
	margin-right: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-image: linear-gradient(to bottom, #FFED56 0px, #FFF074 100%);
  	background-repeat: repeat-x;
  	background: #FFF074;
  	border-left: 1px solid #eadd6f;
  	border-top: 1px solid #eadd6f;
  	border-right: 1px solid #eadd6f;
  	border-bottom: 1px solid #bcac26;
	border-radius: 7px;
 	-webkit-border-radius: 7px;
  	-moz-border-radius: 7px;
  	box-shadow: 0 1px 1px #FFFFFF inset;
}

#content .numberPlate h3 {
	font-family: UKNumberPlate;
	font-size: 60px;
	font-weight:normal;
	color: #000000;
	text-align: center;
	margin: 10px;
	text-shadow: 0 1px 0 #FFFFFF;
}

#content .tax_status, #content .mot_status {
	display: block;
	margin: 10px;
	width: 295px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 30px;
	height: 50px;
}
#content .tax_status {
	float: left;
}
#content .mot_status {
	float: right;
}
.good {
	background-color: #079713;
}

.bad {
	background-color: #D92D2D;	
}

#content .tax_status .header, #content .mot_status .header {
	font-size: 35px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

#content .tax_status .text, #content .mot_status .text {
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 20px;
}

.pagination {
	width: 300px;
	margin-left: 10px;	
	
}

.pagination a {
	color: #c00;	
	
}

.blockContent {
	margin: 10px;
	width: 653px;
	border: thin solid #A29D9D;
	float: left;
	-webkit-box-shadow: -1px 3px #D9D3D3;
	box-shadow: -1px 3px #D9D3D3;
}

.blink{
    -webkit-animation: blink 700ms infinite alternate;
    -moz-animation: blink 700ms infinite alternate;
    -o-animation: blink 700ms infinite alternate;
    animation: blink 700ms infinite alternate;
}
@-webkit-keyframes blink {
	from { opacity:1; }
	to { opacity:0.5; }
}
@-o-keyframes blink {
	from { opacity:1; }
	to { opacity:0.5; }
}
@-moz-keyframes blink {
	from { opacity:1; }
	to { opacity:0.5; }
}
@keyframes blink {
	from { opacity:1; }
	to { opacity:0.5; }
}

#topnav2 {
		display: none;
		
	}

	#topnav3 {
		display: none;	
	}