/* global HTML tags */
body {
	margin: 0;
	padding: 0;
	overflow: -moz-scrollbars-vertical;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a { text-decoration:none; color:#FF6600; }
a:hover { text-decoration:underline; color:#FF6600; }
/* global div */
#container {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 914px;
}
/* classes */
/* generic image layout */
.img_outer { display: table; #position: relative; overflow: hidden; text-align: center; } 
.img_middle { #position: absolute; #top: 50%; #right: 50%; display: table-cell; vertical-align: middle; }
.img_inner { #position: relative; #top: -50%; #right: -50%; }
.img_inner img {  }
/* order history styles */
#order {
	margin: 0px 2px 16px 2px;
	border: 1px solid #CCCCCC;
}
#order .text { padding: 4px; }
#order .items { padding: 4px 4px 16px 4px; border-top: 1px solid #CCCCCC; }
#order .border-top { border-top: 1px solid #CCCCCC; }
#order .border-left { border-left: 1px solid #CCCCCC; }
#order .border-bottom { border-bottom: 1px solid #CCCCCC; }
#order .item { margin: 0px 0px 0px 36px; }
#order .link { float: right; padding: 20px 4px 4px 4px; }
#order .left { float: left; width: 354px; }
#order .right { float: right; width: 354px; }
#order .clear { clear: right; }
#order .w50 { width: 50px; }
#order .w128 { width: 130px; }
#order .w380 { width: 381px; }
#order .w562 { width: 579px; text-align: right; }
/* centre css */
#centre {
	clear: both;
	width: 747px;
	color: #333333;
	text-align: left;
	line-height: 18px;
	padding-bottom: 40px;
	padding-top: 9px;
	margin-right: 85px;
	margin-left: 85px;
}
#centre a { text-decoration:none; color:#FF6600; }
#centre a:hover {	text-decoration:underline; }
#centre h1 { color:#FF6600; font-size:16px; }
#centre h3 { color:#FF6600; padding-top: 12px; }
#centre ul { }
#centre li { margin: 12px; }
#centre table { margin: 6px 12px 6px 12px; }
#center td { vertical-align: top; }
/* form css */
#form { margin: 0px 141px 0px 141px; }
#form .left { float: left; width: 150px; padding: 0px 0px 4px 0px; }
#form .right { padding: 0px 0px 6px 0px; }
#form .spacer { height: 12px; width: 100%; }
#form .submit { text-align: center; width: 100%; }
/* Error messages */
.error { text-align: center; color: #FF6600; }
/* standard formatting for standard text divs in the main area */
#standard {
	color: #333333;
	float: right;
	width: 732px;
	text-align: left;
	line-height: 18px;
	padding-bottom: 20px;
	padding-top: 9px;
}
#standard a { text-decoration:none; color:#FF6600; }
#standard a:hover {	text-decoration:underline; }
#standard h1 { color:#FF6600; font-size:16px; }
#standard h3 { color:#FF6600; padding-top: 12px; }
#standard ul { }
#standard li { margin: 12px; }
#standard table { margin: 6px 12px 6px 12px; }
/* standard classes */
#standard .title { padding-top: 0; margin-top: 0; margin-bottom: 4px; }
#standard .date { font-style: italic; margin-top: 0; margin-bottom: 8px; }
/* standard text classes for manual page display */
#standard .text_left { float: left; width: 518px; }
#standard .text_right { float: right; width: 518px; vertical-align: top; }
#standard .text_right h3 { #padding-top: 28px; }
/* standard image classed for mnaual page display */
#standard .image_left { float: left; width: 202px; padding-top: 28px; clear: both; }
#standard .image_left img { border: 1px solid #CCCCCC; }
#standard .image_right { float: right; width: 202px; }
#standard .image_right img { border: 1px solid #CCCCCC; }
/* standard classes */
#standard #intro { float: left; width: 304px; }
#standard #intro ul { padding: 0px 0px 0px 8px; }
#standard #intro li {  }
#standard #casestudy { float: right; width: 404px; }
#standard #casestudy .thumb { float: left; height: 100px; width: 100px; border: 1px solid #CCCCCC; }
#standard #casestudy .text { width: 296px; float: right; margin-left: 4px; }
#standard #casestudy .sep { background-image: url(images/newssep.gif); height: 25px; clear: both; }
/* nested newsitems */
#standard #newsitems { padding-left: 0px; width: 100%; }
#standard #newsitems .thumb { float: left; height: 100px; width: 100px; border: 1px solid #CCCCCC; margin-right: 8px; }
/* random text styles */
.testborder {
	border: 1px black solid;
}
.logo {
	background-image: url(images/header_logo.jpg);
	margin-top: 13px;
	vertical-align: top;
	float: left;
	height: 54px;
	width: 130px;
	background-repeat: no-repeat;
}
.top_banner_email {
	background-image: url(images/buttons/signup_banner.gif);
	margin-top: 10px;
	vertical-align:top;
	float:left;
	
	height: 54px;
	width: 500px;
	background-repeat: no-repeat;
}
.number {
	background-image: url(images/header_phone.gif);
	background-repeat: no-repeat;
	vertical-align: top;
	float: right;
	height: 54px;
	width: 250px;
}
#searchacc {
	clear: both;
	height: 50px;
	width: 914px;
}
.search {
	background-image: url(images/search_bg.jpg);
	float: left;
	height: 50px;
	width: 548px;
}
.searchdd {
	float: left;
	height: 36px;
	padding-top: 14px;
	padding-left: 5px;
}
.accendl {
	background-image: url(images/acc_end_l.jpg);
	float: left;
	height: 50px;
	width: 10px;
}
.footendl {
	background-image: url(images/footer_end_l.gif);
	float: left;
	height: 36px;
	width: 10px;
}
#footlinks {
	color: #FFFFFF;
	text-align: left;
	float: left;
	height: 26px;
	padding-top: 10px;
}
#footlinks a{
	color: #FFFFFF;
	text-decoration: none;
}
#footlinks a:hover{
	text-decoration: underline;
}
.footcopy{
	color: #FFFFFF;
	float: right;
	height: 26px;
	padding-top: 10px;
	padding-right: 2px;
}
.iconacc {
	float: left;
	height: 40px;
	width: 15px;
	padding-top: 10px;
}
.accsep {
	background-image: url(images/acc_sep.jpg);
	float: left;
	height: 50px;
	width: 1px;
	padding-right: 10px;
	padding-left: 10px;
	background-repeat: no-repeat;
	background-position: center;
}
.acctxtinfo {
	font-weight: bold;
	color: #003366;
	text-align: left;
	height: 25px;
}
.acctxt {
	float: left;
	height: 50px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	width: 110px;
}
.acctxttop {
	color: #003366;
	height: 17px;
	text-align: left;
	padding-top: 8px;
}
#acctxtbot {
	color: #FF6600;
	height: 25px;
	text-align: left;
}
#acctxtbot a{
	color: #003366;
	font-weight: bold;
	text-decoration:none;
}
#acctxtbot a:hover{
    text-decoration:underline;
}

.footinfo {
	float: left;
	height: 25px;
	width: 13px;
	padding-top: 11px;
	padding-left: 3px;
	padding-right: 8px;
}


.footendr {
	background-image: url(images/footer_end_r.gif);
	float: right;
	height: 36px;
	width: 10px;
}
.accendr {
	background-image: url(images/acc_end_r.jpg);
	float: right;
	height: 50px;
	width: 10px;
}
.searchf {
	float: left;
	height: 37px;
	padding-top: 13px;
	padding-left: 5px;
}
.searchb {
	float: left;
	height: 40px;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 5px;
}

#header {
	clear: both;
	height: 54px;
	width: 914px;
	vertical-align: top;
}
.acc {
	background-image: url(images/acc_bg.jpg);
	float: right;
	height: 50px;
	width: 360px;
	display: inline;
}
#bc {
	clear: both;
	height: 28px;
	width: 914px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bcendl {
	background-image: url(images/bc_end_l.gif);
	float: left;
	height: 28px;
	width: 10px;
}
#bcmain {
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(images/bc_bg.gif);
	text-align: left;
	float: left;
	height: 22px;
	width: 892px;
	padding-left: 2px;
	padding-top: 6px;
}
#bcmain a{
    text-decoration: none;
    color: #FFFFFF;
}
#bcmain a:hover{
     text-decoration: underline;
}
#footer {
	background-image: url(images/footer_bg.gif);
	font-size: 11px;
	clear: both;
	height: 36px;
	width: 914px;
	margin-top: 10px;
	margin-left: auto;
	margin-bottom: 14px;
	margin-right: auto;
}
#main {
	clear: both;
	width: 914px;
	padding-bottom: 10px;
}
#nav {
	float: left;
	width: 170px;
}
#nav .manufacimg {
	margin-top: 2px;
	border: 1px solid #CCCCCC;
	padding: 2px;
}
#nav .nav_heading {
	background: url(images/nav_bg.gif);
}
#content {
	text-align: left;
	vertical-align: text-top;
	float: right;
	width: 740px;
	padding-top: 2px;
	padding-left: 4px;
}
#proddetail {
	float: left;
	width: 460px;
	line-height: 18px;
}
#proddetail .date {
	font-style: italic;
	margin-top: 0;
	margin-bottom: 8px;
}
#navitems {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	width: 146px;
	padding-top: 3px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
	text-align: left;
	line-height: 20px;
	background-image: url(images/nav_bg.gif);
}
#results {
	text-align: right;
	color: #333333;
	padding-right: 8px;
}
#results a { color: #FF6600; text-decoration:none; }
#results a:hover { color: #FF6600; text-decoration:underline; }

.searchendl {
	background-image: url(images/search_end_l.gif);
	float: left;
	height: 50px;
	width: 50px;
}
.searchendr {
	background-image: url(images/search_end_r.gif);
	float: right;
	height: 50px;
	width: 10px;
}

#navitems a{
	color: #003366;
	font-weight: normal;
	text-decoration: none;
}
#navitems a:hover{
	text-decoration: underline;
}

.bcendr {
	background-image: url(images/bc_end_r.gif);
	float: right;
	height: 28px;
	width: 10px;
}
#news {
	float: left;
	width: 160px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 9px;
	font-size: 11px;
	line-height: 18px;
}
#news a { text-decoration:none; color:#FF6600; }
#news a:hover { text-decoration:underline; color:#FF6600; }

#hot {
	float: left;
	width: 370px;
}
#prod {
	float: left;
	display: inline;
	height: 188px;
	width: 155px;
	border: 1px solid #CCCCCC;
	padding: 5px 9px 2px 9px;
	text-align: center;
	margin-bottom: 8px;
	margin-left: 8px;
}
/* image maniuplation stuff */
.prodhighlight {
	position: absolute;
	margin: -5px 0px 0px 124px;
	z-index: 1;
	width: 40px;
	height: 40px;
}
.prodhighlight_img {
	position: absolute;
	margin: 0px 0px 0px 198px;
	z-index: 1;
	width: 40px;
	height: 40px;
}
/* other prod stuff */
.proddescrip {
	font-size: 11px;
	color: #666666;
	height: 38px;
	width: 155px;
	text-align: left;
	line-height: 110%;
}
.prodbot {
	height: 27px;
	width: 155px;
}
.prodprice {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	float: left;
	text-align: left;
}
.prodoffer_days {
	font-size: 10px;
	color: #FF6600;
	width: 100px;
	float: left;
	clear: left;
	text-align: left;
}
.prodoffer {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	width: 100px;
	float: left;
	clear: left;
	text-align: left;
}
.prodmore {
	float: right;
	height: 22px;
	width: 53px;
	padding-top: 20px;
}

.prodimg {
	padding-top: 2px;
	height: 100px;
	width: 155px;
}
.prodimg a { border: none; }
.prodimg img {  }

#prodimgs {
	float: left;
	width: 252px;
	padding-left: 8px;
}
.prodimgmain {
	height: 238px;
	width: 238px;
	border: 1px solid #CCCCCC;
	clear: right;
}
.fthrimgs {
	font-weight: bold;
	color: #FF6600;
	height: 23px;
	width: 252px;
	clear: right;
	padding-top: 10px;
}
.prodtitle {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	clear: right;
	height: 24px;
	width: 460px;
}
#imgthmbs {
	clear: right;
	height: 52px;
	width: 252px;
	padding-bottom: 10px;
}
.prodthmb {
	float: left;
	height: 50px;
	width: 50px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin-right: 11px;
}
.prodquan {
	font-size: 10px;
	color: #FF6600;
}
.prodsubtitle {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	clear: right;
	height: 20px;
	width: 460px;
}
.prodcost {
	font-weight: bold;
	color: #FF6600;
	clear: right;
	height: 28px;
	width: 460px;
}
.prodtext {
	color: #666666;
	width: 460px;
	line-height: 18px;
	padding-bottom: 20px;
}
.prodtext2 {
	color: #666666;
	width: 460px;
	line-height: 18px;
	margin-left: 260px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
.prodfeat {
	text-align: left;
	vertical-align: text-top;
	float: left;
	width: 250px;
	padding-right: 12px;
	font-size: 11px;
	color: #666666;
}
.prodspec {
	float: left;
	width: 198px;
	font-size: 11px;
}

#prodfeatspec {
	clear: right;
	width: 460px;
	line-height: 20px;
	padding-bottom: 20px;
}
.prodfeattitle {
	font-weight: bold;
	color: #FF6600;
	height: 20px;
	width: 250px;
}
.prodspectitle {
	font-weight: bold;
	color: #FF6600;
	height: 20px;
	width: 198px;
}
.prodspechead {
	font-weight: bold;
	color: #666666;
	float: left;
	width: 90px;
	padding-right: 8px;
	clear: both;
}
.prodspecinfo {
	color: #666666;
	float: left;
	width: 100px;
}
.navend {
	vertical-align: bottom;
	height: 22px;
	width: 170px;
	background-image: none;
}
.promo {
	padding: 2px;
	width: 171px;
	border: 1px solid #999999;
	float: right;
	margin-bottom: 8px;
}

.flashhome {
	float: left;
	height: 177px;
	width: 547px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

img {
    border: none;
}
#homecontent {
	text-align: left;
	vertical-align: text-top;
	float: left;
	width: 547px;
	padding-left: 4px;
}
#promohome {
	float: right;
	width: 177px;
}
#login {
	width: 475px;
	padding: 12px 12px 12px 12px;
	margin: 24px 0px 0px 124px;
	text-align: left;
	vertical-align: text-top;
	font-size: 12px;
	color: #333333;
	border: 1px solid #CCCCCC;
}
.loginlft {
	text-align: right;
	font-weight: bold;
	height: 20px;
	width: 149px;
	padding-right: 4px;
	margin-left: 40px;
	float: left;

}
.loginrght {
	height: 50px;
	vertical-align: middle;
	line-height: 18px;
}

/* other */

.modelhead {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	padding-top: 8px;
	height: 22px;
	width: 732px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-top: 16px;
	margin-left: 8px;
}
.modeldetail {
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	background-color: #EBEBEB;
	padding-top: 8px;
	padding-bottom: 8px;
	height: 49px;
	width: 732px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin-left: 8px;
}
.mdlight {
	background-color: #E2E2E2;
}
.mddark {
	background-color: #EBEBEB;
}
.model {
	float: left;
	width: 202px;
	padding-right: 8px;
	padding-left: 12px;
	line-height: 22px;
}
.descrip {
	float: left;
	width: 63px;
	padding-right: 8px;
	line-height: 22px;
}
.descripbod {
	float: left;
	width: 5px;
	padding-right: 8px;
	line-height: 22px;
}
.height {
	float: left;
	width: 45px;
	padding-right: 8px;
	line-height: 22px;
}
.width {
	float: left;
	width: 46px;
	padding-right: 8px;
	line-height: 22px;
}
.depth {
	float: left;
	width: 54px;
	padding-right: 8px;
	line-height: 22px;
}
.capacity {
	float: left;
	width: 118px;
	padding-right: 8px;
	line-height: 22px;
}
.weight{
	float: left;
	width: 51px;
	padding-right: 8px;
	line-height: 22px;
}
.price{
	float: left;
	padding-right: 8px;
	line-height: 22px;
}
.measure {
	float: left;
	width: 50px;
	padding-right: 8px;
	font-size: 11px;
	line-height: 22px;
}
.heightb {
	float: left;
	width: 45px;
	padding-right: 8px;
	line-height: 22px;
}
.widthb {
	float: left;
	width: 46px;
	padding-right: 8px;
	line-height: 22px;
}
.depthb {
	float: left;
	width: 54px;
	padding-right: 8px;
	line-height: 22px;
}
.priceb{
	float: left;
	padding-right: 8px;
	width: 77px;
}
.newstitle {
	background-image: url(images/title_news.gif);
	clear: right;
	height: 30px;
	width: 90px;
}
#newsitems {
	float: left;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 9px;
	line-height: 18px;
}
#newsitems a {
	text-decoration:none;
	color:#FF6600;
}
#newsitems a:hover {
	text-decoration:underline;
	color:#FF6600;
}
.newsdate {
	font-weight: bold;
	color: #666666;
}
.newssep {
	background-image: url(images/newssep.gif);
	height: 25px;
	clear: both;
	width: 100%;
}
.accitems {
	float: left;
	height: 50px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	width: 50px;
}
.accbasket {
	float: left;
	height: 50px;
	text-align: left;
	padding-right: 4px;
	padding-left: 4px;
	width: 70px;
}

#baskethead {
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	height: 23px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 900px;
}
#baskethead_order {
	font-weight: bold;
	color: #333333;
	background-color: #CCCCCC;
	height: 23px;
	margin-top: 28px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	width: 747px;
}
#basketprod {
	background-color: #EBEBEB;
	height: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 900px;
	font-weight: bold;
	color: #FF6600;
}
#basketprod_order {
	background-color: #EBEBEB;
	height: 70px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	width: 747px
	font-weight: bold;
	color: #FF6600;
}
#basketprod input{
    font-size: 9px;
}
#basket {
	font-size: 12px;
	text-align: left;
	vertical-align: text-top;
	float: right;
	width: 900px;
	padding-top: 2px;
	padding-left: 12px;
	margin-right: 7px;
}
.remove {
	text-align: center;
	float: left;
	width: 69px;
}
.product {
    text-align: left;
	float: left;
	width: 500px;
	padding-left: 24px;
}
.product_order {
    text-align: left;
	float: left;
	width: 400px;
	padding-left: 24px;
}
.quantity {
    text-align: left;
	padding-left: 12px;
	float: left;
	width: 100px;
}
.quantity_order {
    text-align: left;
	padding-left: 12px;
	float: left;
	width: 50px;
}
.quantityprod {
    padding-top: 7px;
	padding-left: 12px;
    text-align: left;
	float: left;
	width: 100px;
}
.quantityprod_order {
    padding-top: 7px;
	padding-left: 12px;
    text-align: left;
	float: left;
	width: 50px;
}
.itemprice {
    text-align: right;
	float: left;
	width: 83px;
}
.subtotal {
    text-align: right;
	float: left;
	width: 103px;
}
.totalcharge {
	float: left;
	width: 720px;
	padding-left: 12px;
}
#baskettotal {
	font-weight: bold;
	text-align:right;
	float: left;
	padding-top: 20px;
	padding-left: 716px;
	padding-right: 11px;
	padding-bottom: 20px;
	width: 175px;
	line-height: 24px;
	
}
#baskettotal .subtotaltitle {
	color: #333333;
	float: left;
}
#baskettotal .subtotalvalue {
	color: #FF6600;
}
#basketbutton {
	width: 721px;
	padding-right: 11px;
	text-align:right;
	float: right;
	height: 80px;
}
#basketbutton input{ font-size: 9px; }
.prodbasket {
	text-align: left;
	float: left;
	width: 500px;
	padding-left: 24px;
	color: #003366;
	padding-top:7px;
	padding-bottom:7px;
	font-weight: normal;
}
.prodbasket a {
	color: #FF6600;
	text-decoration:none;
}
.prodbasket a:hover {
	color: #FF6600;
	text-decoration:underline;
}
.prodbasket strong {
	padding-top: 4px;
}

.removeprod {
	text-align: center;
	float: left;
	width: 69px;
	padding-top:7px;
}
.itempriceprod {
    padding-top:7px;
    text-align: right;
	float: left;
	width: 83px;
}
.subtotalprod {
    padding-top:7px;
    text-align: right;
	float: left;
	width: 103px;
}
.cprice {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.oprice {
	font-size: 11px;
	font-weight: bold;
	color: #FF6600;
}
.checkout_banner {
	width: 747px;
	margin: 0px 7px 0px 7px;
}
/*For sub titles within news articles - added by JD 10dec07*/
.newsubtitle {
	color:#FF6600;
	text-align: left;
	font-size: 18px;
	font-weight:bold
}
.newsubtitle2 {
	color:#FF6600;
	text-align: left;
	font-size: 14px;
	font-weight:bold
}