/* Common layout properties */
* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%}
	
html, body {
	height:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
	text-align:left}

body {
	background:#D3D3D3}
		
html, body ul li {
	list-style:none}

div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, p, blockquote, fieldset, input {
	margin:0;
	padding:0;
	text-align:left}

#contentContainer {
	width:991px;
	margin:auto;
	background:url(/graphics/misc/drop_shadow_content.png) repeat-y scroll center top}

#content {
	width:953px;
	border:1px solid;
	border-color:#CCC;
	background:#DBDBDB;
	margin:0 0 0 8px;
	padding:0 10px 6px 10px}
	
#content_nopadding {
	width:973px;
	border:1px solid;
	border-color:#CCC;
	background:#DBDBDB;
	margin:0 0 0 8px}

/* Page positioning styles */
.absolute {
	position:relative}

.my_account {
	height:931px}

.not_loggedin {
	height:390px}

.trade_account {
	height:428px}
	
.register {
	height:1248px}

.forgot {
	height:500px}

.forgotconfirm {
	height:160px}

.home_page {
	height:1270px}

.product_page {
	height:auto;
	min-height:860px}

#whitebackground.jgbmhelp {
	height:735px}
	
#whitebackground.aboutjgbm {
	height:967px}

#whitebackground.terms {
	height:auto}

#whitebackground.mapdirections {
	height:1020px}

.my_account #home_navigation {
	margin-top:-10px}
			
/* Adjustment styles */
.clear {
	clear:both}

.floatleft {
	float:left}

.floatright {
	float:right}

img {
	border:0 none}
				
.white_bg {
	background:#FFF}
				
.underline {
	text-decoration:underline}

.margin_left {
	margin-left:10px}
			
/* Breadcrumb properties */
#breadcrumb {
	position:relative;
	height:30px;
	width:953px;
	float:left;
	margin:10px 0 10px 17px;
	z-index:2}
		
#breadcrumb ul {
	position:relative;
	margin:0 5px 0 5px;
	padding:0;
	height:30px;
	background:url(../graphics/misc/breadcrumbImage.jpg) 0px -30px repeat-x}
	
#breadcrumb ul li {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	height:30px;
	display:inline}

#breadcrumb ul li img {
	margin-right:5px}
		
#breadcrumb ul li a {
	font:normal 0.75em/100% Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	line-height:30px;
	display:block;
	background:url(../graphics/misc/breadcrumbImage.jpg) 100% -60px no-repeat;
	padding:0 15px 0 10px}
	
#breadcrumb ul li a:hover {
	text-decoration:underline;
	color:#000}
	
#breadcrumb ul li a.active {
	background:none;
	color:#333}
	
#breadcrumb ul li a.active:hover {
	text-decoration:none}
	
#breadcrumb .left{
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:30px;
	display:block;
	z-index:1;
	background:url(../graphics/misc/breadcrumbImage.jpg) 0% 0px no-repeat}

#breadcrumb .right{
	position:absolute;
	top:0px;
	right:0px;
	width:10px;
	height:30px;
	display:block;
	z-index:1;
	background:url(../graphics/misc/breadcrumbImage.jpg) 100% -90px no-repeat}

/* Home Page elements */
.doublewidth {
	width:632px;
	height:auto;
	float:left;
	position:relative}

.singlewidth {
	width:305px;
	border:1px solid #F0F0F0;
	background:#FFF;
	float:left;
	padding:2px}

.fullwidth {
	width:975px;
	height:auto;
	float:left;
	position:relative}

.singlewidth h1 {
	width:209px;
	height:17px;
	font:400 0.85em/120% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#FFF;
	background:transparent url(../graphics/misc/singlewidth_titlebg_default_left.gif) no-repeat;
	margin-bottom:4px;
	padding:4px 0 4px 7px}

.singlewidth h1 a {
	width:209px;
	height:16px;
	display:block;
	color:#FFF;
	text-decoration:none}
			
.singlewidth .iconright {
	width:87px;
	height:17px;
	float:left;
	padding:0 2px 0 0;
	margin-bottom:4px}

.singlewidth h1.recentoffer {
	background:transparent url(../graphics/misc/recentoffer_left.jpg) no-repeat;
	color:#000}
		
.singlewidth h2.accountheader {
	width:299px;
	height:19px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	background:#686A77 url(../graphics/misc/my_account_header_bg.gif) no-repeat;
	margin:0 0 4px 0;
	padding:6px 0 0 6px;
	float:left}
	
.singlewidth h2.largeaccountheader {
	width:299px;
	height:32px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	background:#686A77 url(../graphics/misc/my_account_header_bg_large.gif) no-repeat;
	margin:0 0 4px 0;
	padding:6px 0 0 6px;
	float:left}

.singlewidth li.orderbox_l {
	width:209px;
	height:24px;
	background-color:#CCC;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px 0 0 11px;
	margin-bottom:6px;
	float:left}

.singlewidth li.orderbox_r {
	width:66px;
	height:24px;
	background-color:#CCC;
	text-align:center;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	padding:10px 0 0 11px;
	margin-bottom:6px;
	float:left}

.singlewidth li.orderbox_r a {
	color:#666;
	text-decoration:underline}

.singlewidth h2.headerextra {
	width:83px;
	font:normal 0.62em/120% Verdana, Arial, Helvetica, sans-serif;
	margin:0 4px 4px 0;
	padding:8px 0 6px 6px;
	text-align:right;
	float:right}

.singlewidth h2.headerextra a {
	color:#000}
		
.singlewidth p.intro {
	width:212px;
	float:left;
	margin:10px 0 10px 5px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333}

.singlewidth p.welcome {
	width:290px;
	margin:4px 0 4px 5px}
	
.singlewidth .introclear {
	width:270px;
	clear:both;
	float:right;
	border-top:1px solid #999}
	 	
.singlewidth h1 img {
	float:right;
	margin-right:6px}

.singlewidth .button {
	float:left;
	margin:5px 0 5px 5px}
	
.singlewidth .textright {
	text-align:right}
		
.singlewidth .green {
	color:#009900}
				
.orange {
	color:#EC981C}

.note {
	color:#990000}
	
.highlight {
	margin-left:50px;
	color:#EC981C}

.ordernote {
	color:#FFB900;
	padding:0 20px 0 0}
				
.offercontent {
	width:299px;
	height:auto;
	background-color:#FFF;
	overflow:scroll}

ul#smallmanufacturers {
	float:left;
	width:953px;
	padding-top:10px}
	
ul#smallmanufacturers li {
	float:left;
	list-style-type:none;
	width:115px;
	height:46px;
	margin:0 2px 0 0;
	display:block}

ul#smallmanufacturers img[alt*="JGBM"] {
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
		
ul#smallmanufacturers a:hover img[alt*="JGBM"] {
	-moz-transform:translate(0,-2px);
	-o-transform:translate(0,-2px);
	-webkit-transform:translate(0,-2px);
	transform:translate(0,-2px)}
		
/* Product Category Offers Bar */
#offerbar {
	width:797px;
	height:21px;
	background:#669933 url(../graphics/misc/product_offerbar_closed.jpg) no-repeat;
	padding:8px 0 0 156px;
	margin:0 0 0 10px;
	float:left;
	position:relative}

#offerbar h1 {
	width:740px;
	display:inline-block;
	float:left;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none}

#offerbar .specialcategory {
	font-size:130%;
	font-weight:bold;
	color:#EC981C;
	margin-right:40px}
		
#offerbar p a {
	width:55px;
	display:inline-block;
	float:left;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none}

#offerbar p a:hover {
	text-decoration:underline}
	
/* Product filter */
#productfilter {
	width:951px;
	min-height:150px;
	border:1px solid #CCC;
	background:#F2F2F2 url(../graphics/misc/product_filter_bg.gif) repeat;
	margin:0 0 8px 10px;
	float:left}

#productfilter .section_type {
	width:182px;
	float:left}
	
#productfilter .section_supplier {
	width:216px;
	min-height:150px;
	float:left}

#productfilter .section_supplier ul li label {
	width:70px;
	margin:3px 0 0 12px;
	display:block;
	float:left}
	
#productfilter .section_price {
	width:301px;
	min-height:150px;
	float:left}

#productfilter .section_price ul li label {
	width:112px;
	margin:3px 0 0 10px;
	display:block;
	float:left}

#productfilter .section_price p {
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:6px 20px 0 13px}
		
#productfilter .section_features {
	width:250px;
	min-height:150px;
	float:left;
	background-color:#000}

#productfilter .section_features ul li {
	width:110px;
	margin:4px 0 0 12px;
	display:inline-block;
	position:relative}

#productfilter h1 {
	font:bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	background-color:#686A77;
	margin:6px 10px 2px 6px;
	padding:4px 0 2px 6px;
	border:1px solid #94959E;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px}
			
/* Products Navigation and Sorting elements */	
#product_navigation {
	width:953px;
	height:42px;
	position:relative;
	margin:0 0 0 10px;
	float:left}
	
#pagenumbers {
	width:200px;
	height:42px;
	position:relative}

#pagenumbers p {
	position:absolute;
	top:10px;
	left:42px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666}

#pagenumbers img.arrowleft {
	position:absolute;
	top:0;
	left:12px}

#pagenumbers img.arrowright {
	position:absolute;
	top:0;
	right:0}
			
#sorting {
	position:absolute;
	top:0;
	left:200px;
	width:430px;
	padding:1px 0 0 21px;
	font:normal 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333}

#pagelayout {
	position:absolute;
	top:1px;
	right:22px}
		
#pagelayout img {
	float:left}

#stockbutton {
	color:#FFF;
	}
	
/* Product Horizontal View elements */	
#productcontent {
	width:953px;
	background-color:#FFF;
	margin:0 0 14px 10px;
	padding-top:10px;
	position:relative;
	float:left}

#productcontent .offertag {
	width:113px;
	height:89px;
	background:transparent url(../graphics/misc/specialoffertag.jpg) no-repeat scroll left top;
	position:absolute;
	top:20px;
	right:196px}

#productcontent .largethumbnail {
	height:140px;
	width:165px;
	display:block;
	float:left;
	margin:0 20px 0 10px;
	overflow:hidden;
	text-align:center}

#productcontent .thumbnail {
	max-width:130px;
	max-height:130px}

#productcontent .smallthumb {
	max-width:100px;
	max-height:100px}
	
#productcontent h1 {
	width:430px;
	float:left}
	
#productcontent h1 a {
	font:bold 0.94em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none}

#productcontent h2 {
	width:430px;
	padding:8px 0 0 0;
	font:normal 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
	float:left}

#productcontent h2 a {
	color:#31819C;
	text-decoration:none}

#productcontent p {
	width:430px;
	height:40px;
	padding:10px 0 0 0;
	margin-bottom:17px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left}

#productcontent ul {
	width:590px;
	padding:0;
	float:left}

#productcontent li {
	height:33px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	float:left}
	
#productcontent li a {
	margin-right:25px;
	color:#0085CF}
	
#productcontent li.features {
	width:140px;
	background:transparent url(../graphics/misc/bullet_keyfeatures.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

#productcontent li.brochure {
	width:98px;
	background:transparent url(../graphics/misc/bullet_brochure.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

#productcontent li.consumables {
	width:110px;
	background:transparent url(../graphics/misc/bullet_consumables.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

#productcontent li.noconsumables {
	width:118px;
	display:block}
	
#productcontent li.compare {
	width:140px}

#productcontent li.stockstatus {
	width:170px;
	font:bold 0.65em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#519331;
	text-align:center;
	position:absolute;
	bottom:5px;
	right:180px}
	
.instock {
	color:#519331}
	
.out {
	color:#790000}

#productcontent .productsdetails {
	width:150px;
	height:153px;
	padding:5px 10px 0 0;
	position:absolute;
	top:0;
	right:0}
			
.productsdetails .loginpricing {
	height:28px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px}
			
.productsdetails .manufacturerlogo {
	float:right;
	padding-bottom:5px}

.productsdetails h3 {
	width:130px;
	height:15px;
	font:normal 0.78em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding-top:3px;
	text-align:right;
	float:right}

.productsdetails h4 {
	width:130px;
	height:23px;
	font:normal 1.38em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-align:right;
	float:right}
		
.productsdetails h5 {
	width:130px;
	padding:3px 0 0 0;
	font:bold 0.63em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#5998A6;
	text-align:right;
	float:right}
	
.productsdetails h6 {
	width:130px;
	padding:6px 0 7px 0;
	font:normal 0.56em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-align:right;
	float:right}
			
.productsdetails .h_wasprice {
	width:220px;
	padding:16px 0 0 0;
	font:normal 0.69em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#CC6600;
	text-decoration:line-through;
	text-align:right;
	float:right}

.productsdetails .replacement {
	width:320px;
	padding:0 0 6px 0;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:right;
	float:right}
		
.productsdetails .h_offerprice {
	width:220px;
	padding:16px 0 0 0;
	font:normal 1.1em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#009933;
	text-align:right;
	float:right}

/* Manufacturer product page adjustments */
#productcontent .tagadjust {
	top:5px}

#productcontent .detailadjust {
	height:115px;
	padding:18px 10px 0 0}

#productcontent li.stockadjust {
	bottom:0}
		
#productcontent p.desc_adjust {
	padding:6px 0 0 0;
	margin-bottom:0}

#productcontent .thumbadjust {
	height:100px}

#sorting.sortingadjust {
	left:0;
	padding:6px 0 0 6px}
	
#productcontent .b_manufacturer_curves {
	width:953px;
	height:7px;
	background:transparent url(../graphics/misc/product_white_bg_bottom.gif) no-repeat;
	position:absolute;
	top:128px;
	left:0}
			
ul#categories {
	width:700px;
	height:30px;
	margin:10px 0 0 16px;
	float:left}

ul#categories li {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#5D5956;
	border:1px solid #7C7774;
	font:normal 0.7em/100% Verdana, Arial, Helvetica, sans-serif;
	margin:0 3px 0 0;
	padding:4px 5px;
	display:inline}

ul#categories li a {
	color:#E6E6E6;
	text-decoration:none}
	
/* Product Grid View elements */		
#gridcontent {
	width:230px;
	height:400px;
	background-color:#FFF;
	margin:0 0 17px 11px;
	float:left;
	position:relative}

#gridcontent .productsdetails {
	width:130px;
	height:114px;
	padding:6px 10px 0 0;
	position:absolute;
	top:285px;
	right:0}

#gridcontent .largethumbnail {
	width:230px;
	height:115px;
	display:block;
	float:left;
	margin:8px 0 0 0;
	text-align:center}

#gridcontent .thumbnail {
	max-width:130px;
	max-height:115px}
			
#gridcontent h1 {
	width:203px;
	padding:10px 15px 0 10px;
	float:left;
	word-wrap: break-word}
	
#gridcontent h1 a {
	font:bold 0.94em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none}

#gridcontent h2 {
	width:203px;
	height:30px;
	padding:6px 15px 0 10px;
	font:normal 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
	float:left}

#gridcontent h2 a {
	color:#31819C;
	text-decoration:none}
	
#gridcontent p {
	width:208px;
	height:40px;
	padding:4px 10px 0 10px;
	margin-bottom:10px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left}

#gridcontent ul {
	width:85px;
	position:absolute;
	bottom:6px;
	left:8px}

#gridcontent li {
	margin-bottom:2px}
		
#gridcontent li a {
	width:100px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC}

#gridcontent li.nobrochure {
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:line-through;
	color:#CCC}

#gridcontent li.stockstatus {
	width:100px;
	height:45px;
	font:bold 0.62em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#519331;
	text-align:center;
	margin:10px 0 0 0}

#gridcontent p.clearance {
	color:#000;
	font:normal 16px/20px Tahoma, Geneva, sans-serif;
	text-align:center}
	
#gridcontent h1.clearanceHeader a {
	font-weight:normal;
	color:#000}
		
#gridcontent .clearancetag {
	width:97px;
	height:77px;
	position:absolute;
	bottom:65px;
	left:0}

#gridcontent .offeroftag {
	width:59px;
	height:65px;
	position:absolute;
	bottom:65px;
	left:0}
			
/* Product Detail page elements */
#special_bar {
	width:507px;
	height:auto;
	min-height:78px;
	float:left;
	position:relative;
	margin:0 0 10px 0;
	background-color:#333;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #333;
	padding:7px 0 7px 109px}

#special_bar img {
	position:absolute;
	top:1px;
	left:8px}

#special_bar h1 {
	width:488px;
	font:normal 0.8em/135% Verdana, Arial, Helvetica, sans-serif;
	color:#FF9900;
	float:left;
	padding:4px 20px 4px 0}

#special_bar h2 {
	width:488px;
	font:normal 1.2em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	padding:0 20px 0 0}
		
#product_main {
	width:618px;
	background-color:#FFF;
	float:left;
	margin:0 0 7px 0;
	position:relative}

#product_main.min_height {
	min-height:360px}
	
#product_main p {
	font:normal 0.75em/135% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:8px 15px 8px 13px}

#product_main h3.extradetails {
	font:normal 0.75em/135% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding:0 20px 0 13px;
	margin:0 0 6px 0}

#product_main ul#keyfeatures {
	width:240px;
	margin-top:80px;
	clear:both}

#product_main ul#keyfeatures.marginadjust {
	margin:20px}

#product_main ul#keyfeatures li.header {
	width:100px;
	font:bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	background-color:#686A77;
	margin:6px 0 10px 0;
	padding:2px 0 2px 6px;
	border:1px solid #94959E;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px}

#product_main ul#keyfeatures li.keybullet {
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:0 0 6px 0;
	padding:0 0 0 20px;
	text-transform:capitalize;
	background:transparent url(../graphics/misc/keybullet.gif) no-repeat left top}
					
.product_left {
	width:350px;
	margin-top:14px;
	float:left}

.product_left h1 {
	width:337px;
	font:bold 1em/125% Arial, Helvetica, sans-serif;
	padding:0 0 0 13px;
	color:#939393}

.product_left h2 {
	width:315px;
	font:normal 0.81em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#31819C;
	padding:5px 15px 6px 13px}
		
.product_left .productimage {
	width:340px;
	margin:8px 0 9px 0;
	text-align:center}

.product_right {
	width:254px;
	margin-top:14px;
	padding-right:10px;
	float:left}

.product_right .prod_replace {
	width:240px;
	padding:20px 0 40px 0;
	font:bold 0.69em/130% Verdana, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-align:center;
	float:left}

.product_right .replaced {
	margin:30px 45px 0 0}
		
.product_right .productsdetails {
	width:130px;
	height:118px;
	padding:10px 10px 0 0;
	float:right}
	
.product_right img {
	float:right}
		
.stocklevel {
	width:100px;
	height:38px;
	padding:75px 0 0 0;
	font:bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#339900;
	text-align:center;
	float:left}
			
#product_media {
	width:322px;
	height:auto;
	position:absolute;
	top:49px;
	right:10px;
	margin:0 0 7px 0;
	padding:0 0 0 3px}

#product_media .content_box {
	width:317px;
	float:left;
	border:1px solid #CCC;
	background-color:#FFF;
	margin:0 0 8px 0}

#product_media .content_box:hover{
	border:1px solid #EC981C}

#product_media .content_box .smalltitle {
	width:100px;
	font-weight:bold;
	display:inline-block;
	margin:0 10px 0 0}

#product_media .content_box p {
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:2px 0 6px 2px;
	padding:2px 0 2px 6px}
	
#product_media .content_box h1 {
	width:190px;
	font:bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#E6E6E6;
	margin:2px 0 10px 2px;
	padding:2px 0 2px 6px;
	border:1px solid #94959E;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px}

#product_media .content_box h3.login {
	width:317px;
	height:30px;
	font:normal 0.75em/125% Verdana,Arial,Helvetica,sans-serif;
	padding:20px 0 0 0;
	text-align:center;
	background-color:#61251E}

#product_media .content_box h3.login a {
	color:#FFF;
	text-decoration:none}

#product_media .content_box h3.login a:hover {
	text-decoration:underline}

#product_media .content_box h1.resources_bg {
	background-color:#B31317}

#product_media .content_box h1.pageoptions_bg {
	background-color:#666666}

#product_media .content_box h1.related_links_bg {
	background-color:#493821}

#product_media .content_box h1.product_detail_bg {
	background-color:#333}

#product_media .content_box h1.product_consumables_bg {
	background-color:#52593C;
	color:#FFF}

#product_media .content_box ul {
	margin:0 0 0 10px;
	padding:0}

#product_media .content_box li {
	height:20px;
	margin:0 0 10px;
	padding:0;
	width:260px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif}

#product_media .content_box li a {
	color:#0085CF;
	text-decoration:none}
	
#product_media .content_box li a:hover {
	text-decoration:underline}
	
#product_media .content_box ul li.pdfBullet {
	background:transparent url(../graphics/misc/bulleticon_pdf.gif) no-repeat scroll left top;
	padding:4px 0 0 35px}

#product_media .content_box ul li.printBullet {
	background:transparent url(../graphics/misc/bulleticon_print.gif) no-repeat scroll left top;
	padding:4px 0 0 35px}

#product_media .content_box ul li.movieBullet {
	background:transparent url(../graphics/misc/bulleticon_movie.gif) no-repeat scroll left top;
	padding:4px 0 0 35px}

#product_media .content_box ul li.imageBullet {
	background:transparent url(../graphics/misc/bulleticon_image.gif) no-repeat scroll left top;
	padding:4px 0 0 35px}
	
#accessories ul {
	width:315px;
	height:120px;
	overflow:scroll}

#accessories ul li.description {
	width:170px;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	margin:0 10px 20px 0}

#accessories ul li.price {
	width:55px;
	float:left;
	text-align:right;
	color:#003366;
	margin:0 0 20px 0}

#accessories ul li.smallbasket {
	width:30px;
	float:left;
	margin:0 0 20px 15px}

/* Easy Slider */	
.banners ul, .banners li {
	margin:0;
	padding:0;
	list-style:none}
	
.banners, .banners li { 
	width:632px;
	height:271px;
	overflow:hidden}

.accountbanners, .accountbanners li { 
	width:632px;
	height:144px;
	overflow:hidden}
		
.offerbanners ul, .offerbanners li {
	margin:0;
	padding:0;
	list-style:none}
	
.offerbanners, .offerbanners li { 
	width:975px;
	height:143px;
	overflow:hidden}
		
.doublewidth ol#controls {
	width:590px;
	height:20px;
	float:left;
	z-index:2;
	position:absolute;
	left:10px;
	bottom:85px}

.acc_controls ol#controls {
	width:590px;
	height:20px;
	float:left;
	z-index:500;
	position:absolute;
	left:10px;
	bottom:45px}
	
.doublewidth ol#controls li {
	width:20px;
	height:11px;
	margin-right:10px;
	float:left;
	background-color:#C4ECFF;
	list-style:none}

.doublewidth ol#controls li a {
	width:20px;
	height:11px;
	display:block;
	color:#C4ECFF;
	font-size:0.1em}

.doublewidth ol#controls li.current {
	background:#0099CC;
	color:#0099CC}

.doublewidth ol#controls li.current a {
	background:#0099CC;
	color:#0099CC}

.fullwidth ol#controls {
	width:590px;
	height:20px;
	float:left;
	z-index:500;
	position:absolute;
	left:10px;
	bottom:2px}

.fullwidth ol#controls li {
	width:22px;
	height:10px;
	margin-right:10px;
	float:left;
	background-color:#C4ECFF;
	list-style:none}

.fullwidth ol#controls li a {
	width:22px;
	height:10px;
	display:block;
	color:#C4ECFF;
	font-size:0.1em}

.fullwidth ol#controls li.current {
	background:#0099CC;
	color:#0099CC}

.fullwidth ol#controls li.current a {
	background:#0099CC;
	color:#0099CC}


/**********************
**  custom nivoslider
***********************/

#bannerContainer {
	width:632px;
	height:271px;
	float:left;
	overflow:hidden}

#bannerContainer ul {
	list-style:none outside none;
	padding:0;
	margin:0}

#bannerContainer ul li {
	width:632px;
	height:271px;
	float:left;
	overflow:hidden}

#slider {
	width:632px;
	height:271px;
	float:left}
	
.nivoSlider {
	position:relative}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%}

.nivo-box {
	display:block;
	position:absolute;
	z-index:5}

.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8}

.nivo-caption p {
	padding:5px;
	margin:0}

.nivo-caption a {
	display:inline !important}

.nivo-html-caption {
	display:none}

.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer}

.nivo-prevNav {
	left:0px}

.nivo-nextNav {
	right:0px}

.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer}

.nivo-controlNav a.active {
	font-weight:bold}

.theme-jgbm .nivoSlider {
	background:url(../graphics/banners/loading.gif) no-repeat scroll 50% 50% #fff;
	position:relative}

.theme-jgbm .nivoSlider img {
	display:none;
	left:0;
	position:absolute;
	top:0}

.theme-jgbm .nivoSlider a {
	border:0 none;
	display:block}

.theme-jgbm .nivo-controlNav {
	bottom:10px;
	left:10%;
	background: rgb(174,188,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(174,188,191,1) 0%, rgba(110,119,116,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(174,188,191,1)), color-stop(50%,rgba(110,119,116,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(174,188,191,1) 0%,rgba(110,119,116,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aebcbf', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */
	box-shadow:0 0 10px #000;
	-o-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
	-moz-box-shadow:0 0 10px #000;
	border:1px solid #000;
	border-radius:4px;
	margin-left:-51px;
	opacity:0.5;
	padding:7px 10px 6px 14px;
	position:absolute;
	z-index:11}

.theme-jgbm:hover .nivo-controlNav {
	opacity:1}

.theme-jgbm .nivo-controlNav a, .theme-jgbm .nivo-controlNav a.active {
	height:10px;
	width:10px;
	border-radius:5px;
	display:block;
	float:left;
	margin-right:3px;
	text-indent:-9999px;
	background:#fff;
	border:1px solid #000}

.theme-jgbm .nivo-controlNav a.active {
	background: rgb(255,168,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */}

.theme-jgbm .nivo-caption {
	font-family:Helvetica, Arial, sans-serif}

.theme-jgbm .nivo-caption a {
	border-bottom:1px dotted #fff;
	color:#fff}

.theme-jgbm .nivo-caption a:hover {
	color:#fff}
		
/* Products A to Z page */
#allcategories {
	float:left;
	width:973px;
	height:auto;
	background:transparent url(../graphics/misc/all_products_bg.jpg) no-repeat scroll 0 0}
	
#allcategories ul {
	width:220px;
	min-height:1390px;
	float:left;
	background-color:#FFF;
	border:1px solid #FFF;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin:170px 0 20px 15px;
	padding-left:2px}
	
#allcategories li#categorytype {
	width:212px;
	height:15px;
	font:bold 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:transparent url(../graphics/misc/atoz_bg.gif) no-repeat scroll left top;
	margin:2px 0 6px 0;
	padding:4px 0 2px 6px}

#allcategories li#categorytype a {
	color:#E6E6E6;
	text-decoration:none}
	
#allcategories .categoryspacer {
	height:8px;
	width:200px;
	display:inline-block;
	clear:both;
	background:none}
		
#allcategories .categoryimage {
	float:right;
	margin:0 5px}

#allcategories ul li {
	margin:0 0 8px 6px;
	padding:0 0 0 11px;
	font-size:0.7em;
	width:199px;
	background:transparent url(../graphics/misc/bullet_a2z.gif) no-repeat scroll left 6px}

#allcategories ul li a {
	color:#666}
		
/* JGBM News */
#jgbmnews ul {
	width:300px;
	height:309px;
	overflow:scroll;
	padding:0}
	
#jgbmnews ul h2 {
	font:normal 0.75em/1.4em 'Droid Sans Bold', Tahoma, Geneva, sans-serif;
	padding-right:40px;
	margin:0 0 5px}

#jgbmnews ul h2 a {
	color:#004E82}
	
#jgbmnews ul p {
	font:normal 0.62em/1.4em Tahoma, Geneva, sans-serif;
	color:#1E1E1E;
	padding-right:20px;
	margin-bottom:10px}

#jgbmnews ul p a {
	color:#004E82}

#jgbmnews ul li {
	width:244px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:5px 0 15px 0;
	padding:0 0 0 30px;
	background:transparent url(../graphics/misc/jgbmnews_bullet.gif) no-repeat scroll left top}

ol#sublist li {
	width:144px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:0.65em;
	margin:5px 0 5px 0;
	padding:0 0 0 30px;
	background:transparent url(../graphics/misc/jgbmnews_subbullet.gif) no-repeat scroll left 2px}

/* Latest Offers */
#latestoffers ul {
	width:300px;
	height:257px;
	overflow:scroll;
	padding:0}

#latestoffers ul li {
	width:278px;
	margin:5px 0 15px 0}

#latestoffers .offerimage {
	max-width:70px;
	display:inline-block;
	float:left;
	margin-top:15px;
	padding-left:10px}

#latestoffers ul p {
	width:176px;
	font-size:0.65em;
	color:#1E1E1E;
	margin-bottom:10px;
	padding-left:94px}

#latestoffers ul h2 {
	width:176px;
	font-size:0.7em;
	margin:0 0 5px;
	padding-left:94px}

#latestoffers ul h2 a {
	color:#666;
	text-decoration:underline}
	
#latestoffers ul h3 {
	font-size:0.65em}

#latestoffers .wasprice {
	width:80px;
	display:inline-block;
	color:#FF0000;
	font-weight:bold;
	margin:0 17px 0 0;
	padding-left:94px}

#latestoffers .only {
	padding-left:94px}

#latestoffers .nowprice {
	width:80px;
	color:#519331;
	font-weight:bold}

#latestoffers .latestbasket form {
	width:30px;
	margin-left:12px;
	float:right}
	
/* Special Offers */
.wideheader {
	width:959px;
	float:left;
	margin:18px 0 10px 0}
	
.wideheader h1 {
	width:530px;
	height:25px;
	float:left;
	padding:7px 0 0 36px;
	margin-top:6px;
	display:inline;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:transparent url(../graphics/misc/active_offer_header_bg.jpg) no-repeat left top}

.wideheader p {
	float:left;
	font:normal 0.69em/130% Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 0 10px}
	
.wideheader .pagelayout {
	margin:0 0 0 45px;
	float:left}

.offerlinelist {
	width:953px;
	height:auto;
	padding-bottom:5px;
	background-color:#333;
	color:#FFF;
	float:left}

.offerlinelist a {
	color:#EC981C}

ul#linecontent.offerlink:hover {
	width:943px;
	height:auto;
	background-color:#3E3E3E}
	
ul#category {
	width:953px;
	float:left;
	font:bold 0.7em/100% Verdana, Arial, Helvetica, sans-serif}

ul#category li {
	width:140px;
	margin:16px 0 6px 8px;
	color:#333;
	text-decoration:underline;
	font-size:120%}
			 
ul#linecontent {
	float:left;
	padding:8px 0 6px 10px}

ul#linecontent.lineheader {
	width:943px;
	height:16px;
	background-color:#F2F2F2;
	border-bottom:1px solid #333;
	float:left;
	text-decoration:none;
	padding:6px 0 6px 10px}

ul#linecontent.specialheader {
	width:943px;
	height:16px;
	background-color:#333;
	border-bottom:1px solid #797979;
	float:left;
	text-decoration:none;
	padding:10px 0 6px 10px}
						
ul#linecontent.linelink:hover {
	width:943px;
	height:auto;
	background-color:#D9E8F4}
	
ul#linecontent li {
	font:normal 0.69em/130% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-top;
	float:left}
			
ul#linecontent li.model {
	width:175px;
	margin-right:15px}

ul#linecontent li.code {
	width:44px;
	margin-right:20px;
	text-align:center}

ul#linecontent li.desc {
	margin-right:10px;
	width:430px}
	
ul#linecontent li.type {
	margin-right:10px;
	width:140px}

ul#linecontent li.reason {
	width:230px;
	margin-right:8px}

ul#linecontent li.stock {
	width:100px;
	text-align:center}

.offerlink .out {
	color:#fff}
	
ul#linecontent li.wasprice {
	width:60px;
	margin-right:5px;
	text-align:right;
	color:#FFF;
	text-decoration:line-through}

ul#linecontent li.washeader {
	text-decoration:none;
	margin-right:15px;
	width:60px;
	text-align:right}

ul#linecontent li.offerprice {
	width:80px;
	text-align:right;
	font-weight:bold;
	color:#EC981C}

ul#linecontent li.logintosee {
	width:80px;
	text-align:right;
	color:#333}
	
ul#linecontent li.offerheader {
	text-decoration:none;
	width:80px;
	text-align:right}
					
ul#linecontent li.smallbasket form {
	width:30px;
	margin-left:10px;
	float:right}

.linelink li.smallbasket {
	margin-left:30px}
	
ul#linecontent h1 a {
	overflow:hidden;
	color:#006666}

ul#linecontent h2 {
	font:normal 90%/130% Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	color:#999}
	
ul#buttonNav {
	list-style-type:none;
	font:normal 0.68em/120% Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 0 16px;
	float:left}
	
ul#buttonNav li {
	text-align:center;
	float:left;
	margin:0 10px 10px 0}
	
ul#buttonNav li a.offerbutton {
	width:149px;
	height:19px;
	padding-top:7px;
	color:#FFF;
	text-decoration:none;
	display:block;
	background:url(../graphics/misc/special_buttons.jpg) no-repeat 0 0}
		
ul#buttonNav li a.offerbutton:hover, ul#buttonNav li a.offerbutton:focus {
	background-position:0 -26px}

ul#buttonNav li a.seeall {
	background:url(../graphics/misc/seeallbuttons.jpg) no-repeat 0 0;
	color:#000}
		
ul#buttonNav li a.seeall:hover, ul#buttonNav li a.seeall:focus {
	background-position:0 -26px;
	color:#FFF}

h1.specialoffers {
	width:954px;
	padding:4px 0 8px 21px;
	float:left;
	font:bold 1.1em/100% Verdana, Arial, Helvetica, sans-serif}	
	
/* Help pages */
#whitebackground {
	width:953px;
	height:auto;
	background-color:#FFF;
	padding:0 0 7px;
	margin-bottom:10px;
	float:left;
	position:relative}

.checkoutline {
	width:953px;
	height:7px;
	background:transparent url(../graphics/misc/checkoutline.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0}
				
#whitebackground .main_image {
	position:absolute;
	max-width:429px;
	top:12px;
	right:12px}
		
#whitebackground .fullmap {
	margin:52px 0 0 10px}
	
h1.maintitle {
	width:440px;
	font:normal 1.5em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:18px 0 18px 16px;
	clear:both}

h1.searchtitle {
	width:840px;
	font:normal 1.2em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:18px 0 18px 16px;
	clear:both}

h1.why_ahead {
	width:878px;
	color:#000}
	
#whitebackground h2.accessories {
	width:400px;
	height:39px;
	font:normal 1.5em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:18px 0 18px 16px}

#whitebackground .accessorieswidth {
	width:440px;
	height:39px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	text-align:center;
	padding:18px 0}
	
#whitebackground .results {
	width:490px;
	height:55px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	text-align:center;
	padding:12px 0 8px}

#whitebackground .loginmessage {
	width:150px;
	height:35px;
	background:transparent url(../graphics/misc/loginmessage_bg.gif) no-repeat left top;
	font:normal 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	padding:5px 0 0 50px;
	margin-top:10px}

#whitebackground .loginmessage a {
	color:#FFF;
	text-decoration:none}

#whitebackground .loginmessage a:hover {
	text-decoration:underline}
	
#whitebackground .productlist_image {
	float:right;
	width:188px;
	margin-right:12px}
	
#whitebackground h2.callout {
	position:absolute;
	width:429px;
	top:339px;
	right:12px;
	text-align:center;
	font:bold 1.1em/130% Verdana, Arial, Helvetica, sans-serif;
	color:#666}

#whitebackground h2.aboutcall {
	top:560px}
	
#whitebackground h3.helpheader {
	width:430px;
	background:transparent url(../graphics/misc/help_header_bg.jpg) no-repeat left top;
	font:bold 0.82em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#666;
	padding:12px 0 15px 16px;
	clear:both}

#whitebackground h3.helpheader a {
	color:#666;
	text-decoration:none}
	
#whitebackground p.helptext {
	width:350px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:0 20px 10px 16px;
	clear:both}

#whitebackground h3.termheader {
	width:920px}
		
#whitebackground p.abouttext {
	width:440px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:6px 20px 10px 16px;
	clear:both}

#whitebackground p.termtext {
	width:880px;
	padding:6px 40px 10px 16px}
	
#whitebackground h3.videoheader {
	width:230px;
	font:bold 1em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#666;
	padding:18px 0 12px 16px}

#whitebackground h4.date {
	width:230px;
	font:normal 0.8em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#333;
	padding:18px 0 12px 16px}
	
#whitebackground p.videotext {
	width:920px;
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	display:block;
	padding:0 20px 10px 16px}
	
.jgbmhelp .icon {
	width:88px;
	height:88px;
	position:absolute;
	left:390px}

.jgbmhelp .warranty {
	top:85px}

.jgbmhelp .returns {
	top:250px}

.jgbmhelp .track {
	top:424px}

.jgbmhelp .about {
	top:575px}

#whitebackground a.help_button_large {
	width:247px;
	float:left;
	clear:both;
	background:transparent url(../graphics/misc/help_button_large.jpg) no-repeat left top}

#whitebackground a.help_button_small {
	width:180px;
	float:right;
	background:transparent url(../graphics/misc/help_button_small.jpg) no-repeat left top}
	
#whitebackground a.help_button_large, a.help_button_small {
	height:22px;
	display:block;
	padding:4px 0 0 10px;
	font:normal 0.75em/130% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	margin:7px 0 22px 16px}

#whitebackground a.help_button_large:hover, a.help_button_small:hover {
	text-decoration:underline}

#reasons {
	height:1063px;
	background:#FFF url(../graphics/misc/10_reasons.jpg) no-repeat left 50px}

#reasons h1  {
	color:#000;
	width:937px;
	text-shadow:0 2px 4px #999}

#reasons h2 {
	width:220px;
	height:210px;
	position:absolute;
	top:174px;
	left:90px;
	color:#000;
	font:1.13em/1.8em Arial, Helvetica, sans-serif;
	padding:0}

#thereasons {
	width:953px;
	height:590px;
	background:transparent url(../graphics/misc/10_reasons_bg.gif) no-repeat left top;
	position:absolute;
	top:480px;
	left:0}

#thereasons ul {
	width:920px;
	height:271px;
	padding:19px 0 0 24px}
		
#thereasons ul li.number {
	width:22px;
	height:35px;
	color:#000;
	font:bold 1.25em/100% Arial, Helvetica, sans-serif;
	margin:0 0 0 8px;
	padding:10px 0 0 0;
	float:left}

#thereasons ul li.reason {
	width:148px;
	height:45px;
	color:#9FBF83;
	font:normal 1.15em/100% Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	padding:0;
	float:left}

#thereasons ul li.padding {
	height:35px;
	padding:10px 0 0 0}
		
#thereasons ul li.last {
	width:120px}

#thereasons ul li.verylast {
	width:120px;
	margin-left:16px}
	
#thereasons ul li.lessmargin {
	margin:0 0 0 2px}
	
#thereasons ul li.lastreason {
	width:140px;
	height:180px;
	color:#333;
	float:left;
	margin:6px 0 0 0;
	font:normal 0.74em/130% Verdana,Arial,Helvetica,sans-serif}
		
#thereasons ul li.reasontext {
	width:155px;
	height:180px;
	color:#333;
	float:left;
	margin:6px 33px 0 0;
	font:normal 0.74em/130% Verdana,Arial,Helvetica,sans-serif}
			
#contactbox {
	width:443px;
	height:364px;
	background:#F2F2F2 url(../graphics/misc/help_contact_bg.gif) no-repeat left top;
	border:1px solid #CCC;
	position:absolute;
	top:365px;
	right:12px}

#contactbox.about_newposition {
	position:absolute;
	top:585px;
	right:12px}
	
#contactbox h1 {
	width:176px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#686A77;
	border:1px solid #94959E;
	color:#E6E6E6;
	font:bold 0.69em/120% Verdana,Arial,Helvetica,sans-serif;
	margin:6px 10px 2px 6px;
	padding:4px 0 2px 6px}

#contactbox p.addressblock {
	width:220px;
	margin:5px 0 24px 14px;
	padding:0;
	float:left}

#contactbox .contactdetails {
	width:200px;
	height:90px;
	padding:0 0 0 14px;
	float:left;
	font:normal 0.75em/180% Verdana, Arial, Helvetica, sans-serif;
	color:#666}

#contactbox .marketingdetails {
	width:300px;
	height:70px;
	padding:0 0 0 14px;
	margin-top:30px;
	float:left;
	font:normal 0.75em/180% Verdana, Arial, Helvetica, sans-serif;
	color:#666}
	
ul.warrantybuttons {
	width:515px;
	height:270px;
	float:left;
	margin-left:18px}
	
ul.warrantybuttons li {
	width:114px;
	height:15px;
	float:left;
	background:transparent url(../graphics/misc/warrantybutton.jpg) no-repeat left top;
	margin:0 6px 4px 0;
	padding:4px 0 3px 7px;
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF}

ul.warrantybuttons li a {
	width:121px;
	height:22px;
	display:block;
	color:#FFF;
	text-decoration:none}

ul.warrantybuttons li a:hover {
	text-decoration:underline}

ul.warrantydetails {
	width:460px;
	height:auto;
	float:left;
	margin:0 0 0 16px;
	padding:22px 0 0 0}
	
ul.warrantydetails li {
	width:400px;
	float:left;
	margin:0 6px 4px 0;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#666}

ul.warrantydetails img {
	margin:15px 0 8px 0}
		
ul.warrantydetails .supportheader {
	text-transform:capitalize;
	font:bold 0.68em/100% Verdana, Arial, Helvetica, sans-serif;
	margin:7px 0 5px}
			
/* Home Page positioning and styles */
#home_month {
	position:absolute;
	top:10px;
	right:10px}

#home_week {
	position:absolute;
	top:173px;
	right:10px}

#home_recent {
	height:214px;
	position:absolute;
	top:782px;
	right:10px}

#home_whybuy {
	height:338px;
	position:absolute;
	background:#FFF url(../graphics/misc/whybuy_runners.jpg) no-repeat bottom;
	top:359px;
	left:10px}

#home_jgbm {
	position:absolute;
	top:359px;
	left:331px}

#home_video {
	position:absolute;
	top:173px;
	right:10px}

#home_specials {
	position:absolute;
	right:10px;
	top:336px}

#home_newsletter {
	position:absolute;
	right:10px;
	top:522px}
	
#home_latest {
	position:absolute;
	top:411px;
	right:10px}
	
#home_banner_1 {
	position:absolute;
	top:714px;
	left:10px}

#home_banner_2 {
	position:absolute;
	top:714px;
	left:331px}

#home_manufacturerlogos {
	width:953px;
	height:250px;
	position:absolute;
	top:1012px;
	left:10px}
			
#home_recent li {
	font:normal 0.65em/130% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	line-height:18px;
	vertical-align:bottom}

#home_recent li a {
	color:#333}
			
#home_recent li.recent_model {
	width:210px;
	color:#003366;
	text-align:left;
	margin:2px 15px 1px 5px;
	overflow:hidden}

#home_recent li.recent_price {
	width:60px;
	color:#666;
	margin:2px 8px 1px 0;
	text-align:right}
	
#home_recent .see_specials {
	width:170px;
	height:28px;
	background:transparent url(../graphics/misc/specials_icon.jpg) no-repeat left top;
	font:normal 0.75em/130% Verdana, Arial, Helvetica, sans-serif;
	color:#996600;
	padding:12px 0 3px 80px;
	float:left;
	margin:5px}

#home_whybuy h2 {
	width:215px;
	font:normal 1.2em/122% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:0 0 8px 0;
	padding:10px 80px 10px 10px}

#home_whybuy ul {
	width:305px;
	height:293px;
	margin-top:45px}
		
#home_whybuy li {
	width:255px;
	font:normal 0.7em/130% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:3px 0 3px 5px;
	padding:0 0 4px 23px;
	background:transparent url(../graphics/misc/whybuy_triangle.gif) no-repeat left center}

#home_whybuy .tradeaccount {
	position:absolute;
	bottom:8px;
	right:12px}

#home_specials.singlewidth {
	width:307px;
	padding:0;
	border:2px solid #ACDF12}

#home_newsletter.singlewidth {
	width:307px;
	height:246px;
	padding:0;
	border:2px solid #610689}
	
#home_specials .showme {
	float:left;
	height:35px}
			
#home_specials li.offer {
	font:normal 0.7em/130% Arial, Helvetica, sans-serif;
	background-color:#333;
	border-top:1px solid #CCC;
	float:left;
	text-align:center}

#home_specials li.offer a {
	width:275px;
	height:44px;
	display:block;
	color:#FFE888;
	padding:12px 16px 8px 16px;
	text-decoration:none}

#home_specials li.offer:hover {
	width:307px;
	height:64px;
	background-color:#3E3E3E}
					
a.info {
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none}

a.info:hover {
	z-index:25}

a.info span {
	display:none}

a.info:hover span {
    display:block;
    position:absolute;
    bottom:1.4em; left:2em; width:20em;
    border:1px solid #EC981C;
    background-color:#F2BC6A; color:#000;
    text-align:left;
	padding:5px}
				
/* My account positioning and styles */
#ma_navigation {
	position:absolute;
	top:40px;
	left:10px}

#ma_salesfigures {
	position:absolute;
	top:231px;
	left:10px}

#ma_salesfigures ul li.header {
	width:179px;
	height:19px;
	font:bold 0.68em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 4px 0;
	padding:6px 0 0 6px;
	float:left}

#ma_salesfigures ul li.data {
	width:120px;
	height:19px;
	font:normal 0.68em Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	margin:0 0 4px 0;
	padding:6px 0 0 0;
	float:left}
	
#ma_orderhistory {
	height:38px;
	position:absolute;
	top:305px;
	left:10px}

#ma_orderhistory ul {
	background:transparent url(../graphics/misc/ma_orderhistory_coming_soon.gif) no-repeat;
	position:absolute;
	top:67px;
	left:1px}
	
#ma_orderhistory ul li {
	font-size:0.68em;
	color:#D2D2D2;
	text-decoration:line-through;
	float:left}

ul#ma_headers {
	background:transparent none;
	position:absolute;
	top:46px;
	left:1px}

ul#ma_headers li {
	text-decoration:underline}
		
#ma_orderhistory ul li.date {
	width:130px;
	margin:3px 7px 4px 3px}

#ma_orderhistory ul li.refnum {
	width:60px;
	margin:3px 7px 4px 3px}

#ma_orderhistory ul li.ordertotal {
	width:80px;
	margin:3px 7px 4px 3px;
	text-align:right}

#ma_orderhistory p {
	font:normal 0.68em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	margin:10px}

#ma_tempbanner {
	width:305px;
	height:216px;
	position:absolute;
	top:305px;
	left:10px}
			
#ma_recentviewed {
	height:264px;
	position:absolute;
	top:608px;
	right:10px;
	overflow:hidden}

#ma_recentviewed ul {
	width:305px;
	height:78px;
	float:left;
	border-bottom:1px solid #999}

#ma_recentviewed ul li {
	width:280px;
	float:left}

#ma_recentviewed ul li.recentthumb {
	width:87px;
	height:70px;
	float:left;
	overflow:hidden;
	background-color:#FFF;
	padding-top:8px;
	text-align:center}

#ma_recentviewed .thumbnail {
	max-width:50px;
	max-height:60px}
					
#ma_recentviewed ul li.productname {
	width:200px;
	height:32px;
	font:bold 0.7em Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0 0 0;
	float:left;
	padding-left:10px}

#ma_recentviewed ul li.categorytype {
	width:200px;
	height:12px;
	font:normal 0.54em Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	float:left;
	margin:5px 0 0 0}

#ma_recentviewed ul li.recentprice {
	width:200px;
	height:12px;
	font:normal 0.68em Verdana, Arial, Helvetica, sans-serif;
	padding-left:10px;
	float:left;
	margin:5px 0 0 0}

.ma_horizontal_banner {
	width:632px;
	height:96px;
	position:absolute;
	top:585px;
	left:10px}

.ma_horizontal_banner2 {
	width:632px;
	height:96px;
	position:absolute;
	top:691px;
	left:10px}
					
#ma_news {
	position:absolute;
	top:231px;
	left:331px}
	
#ma_repdetails {
	height:82px;
	position:absolute;
	top:50px;
	right:10px;
	padding-bottom:6px}

#ma_alert {
	width:311px;
	height:50px}

#ma_jgbmlive {
	height:82px;
	position:absolute;
	top:152px;
	right:10px;
	padding-bottom:10px}
	
#ma_alert.green {
	position:absolute;
	top:258px;
	right:10px;
	background:#669966 url(../graphics/misc/alert_green_bg.jpg) no-repeat}

#ma_alert.returns {
	position:absolute;
	top:258px;
	right:10px;
	background:#669966 url(../graphics/misc/alert_return_bg.jpg) no-repeat}
	
#ma_alert.red {
	position:absolute;
	top:258px;
	right:10px;
	background:#996666 url(../graphics/misc/alert_red_icon.jpg) no-repeat}

#ma_alert p.returntext {
	width:230px;
	font:normal 0.69em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	padding:10px 0 4px 65px}
	
#ma_alert p {
	width:250px;
	font:normal 0.69em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0 4px 49px}
			
#ma_home_address {
	height:118px;
	position:absolute;
	top:466px;
	right:10px;
	padding-bottom:10px}

#ma_price_file {
	width:311px;
	height:64px;
	position:absolute;
	top:318px;
	right:10px}

#ma_product_update {
	width:311px;
	height:64px;
	position:absolute;
	top:392px;
	right:10px;
	background:#669966 url(../graphics/misc/product_update_bg.jpg) no-repeat}

#ma_product_update p.updatetext {
	width:190px;
	font:normal 0.69em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 4px 110px}

#ma_product_update p.updatetext a {
	color:#E58A1F;
	text-decoration:none}

#ma_product_update p.updatetext a:hover {
	text-decoration:underline}
	
#ma_home_address h3 {
	width:220px;
	display:inline-block;
	font:normal 0.75em/130% Verdana, Arial, Helvetica, sans-serif;
	color:#31819C;
	margin:4px 0 10px 8px}

#ma_home_address ul li {
	width:290px;
	font:normal 0.69em/130% Verdana, Arial, Helvetica, sans-serif;
	color:#797979;
	margin:0 0 0 10px}

ul.mainnav {
	clear:both;
	width:636px;
	background:#DBDBDB;
	margin:0 0 3px 0;
	padding:1px 0 0 0;
	float:left}
	
ul.mainnav li {
	width:154px;
	height:37px;
	text-align:center;
	position:relative;
	margin:0 0 3px 0;
	float:left}
	
ul.mainnav li a {
	width:154px;
	height:25px;
	display:block;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF; 
	padding-top:12px;
	text-decoration:none}

ul.mainnav li:hover a {
	color:#FFF}
	
ul.mainnav li a:hover {
	color:#FFF;
	background-color:#556275}
			
ul.mainnav li.nav1 {
	background-color:#383B39;
	margin-right:5px}

ul.mainnav li.nav2 {
	background-color:#8D825A;
	width:155px;
	margin-right:5px}

ul.mainnav li.nav3 {
	background-color:#52593C;
	margin-right:5px}

ul.mainnav li.nav4 {
	background-color:#5A3733}

ul.mainnav li.nav5 {
	background-color:#61251E;
	margin-right:5px}

ul.mainnav li.nav6 {
	background-color:#493821;
	width:155px;
	margin-right:5px}

ul.mainnav li.nav7 {
	background-color:#003333;
	margin-right:5px}

ul.mainnav li.nav8 {
	background-color:#B31317}

ul.mainnav li ul {
	position:absolute;
	margin:0;
	display:none;
	padding-bottom:4px;
	border:none;
	z-index:500}

ul.mainnav li:hover ul, ul.mainnav li.hover ul {
	width:498px;
	display:block;
	border:1px solid #CCC;
	background:#FFF url(../graphics/misc/dropdown_bg.gif) repeat scroll;
	height:auto}

ul.mainnav li li.productdropdown {
	background:none;
	height:16px;
	width:165px}

ul.mainnav li li.supplierdropdown {
	background:none;
	height:16px;
	width:165px}
	
ul.mainnav li li:hover {
	background:#5D5956;
	color:#FFF}

ul.mainnav li li, ul.mainnav li:hover li {
	height:15px}
		
ul.mainnav li li a, ul.mainnav li:hover li a {
	width:155px;
	height:12px;
	text-align:left;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	display:block;
	padding:2px 0 3px 10px;
	color:#7E7E7E;
	background:none;
	margin:0}
	
ul.mainnav li li a:hover {
	height:12px;
	padding:2px 0 3px 10px;
	display:block;
	background:#5D5956;
	color:#FFF}
		
/* Manufacturer Page */
ul#allmanufacturers {
	float:left;
	width:940px;
	margin-top:5px}
	
ul#allmanufacturers li {
	float:left;
	list-style-type:none;
	width:188px;
	height:75px;
	display:block}

ul#manufacturer_text li.manufacturer_header a {
	font-weight:bold;
	color:#000;
	text-decoration:underline}

ul#manufacturer_text li {
	width:920px;
	font:0.7em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#3C3C3C;
	margin:0 0 5px 16px}

ul#manufacturer_text li.manufacturer_header {
	margin-top:10px}
	
/* Brent's Styles */
/* Videos Section  */	
#loginStyle {
	border:1px solid #E4E4E4;
	margin-top:5px;
	padding-top:3px;
	width:120px;
	height:15px;
	color:#868686}
	
.videoTop h1 {
	width:393px;
	font:normal 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	background-color:#686A77;
	margin:0 0 4px 0;
	padding:8px 0 6px 6px;
	border:1px solid #94969F;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px}
	
.videoTop {
	width:401px;
	border:1px solid #F0F0F0;
	background:#FFF;
	float:left;
	padding:2px}

.videoTop h1 img {
	float:right;
	margin-right:6px}

.videoTop  p.caption {
	font:normal 0.65em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:10px}	

.videoTop .button {
	width:151px;
	font:normal 0.68em/120% Verdana, Arial, Helvetica, sans-serif;
	background-color:#686A77;
	margin:4px 0 12px 8px;
	border:1px solid #94969F;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	text-align:center}

.videoTop .button a {
	color:#FFF;
	text-decoration:none;
	display:block}

#latestvideos ul {
	width:400px;
	height:275px;
	overflow:scroll;
	padding:0}

#latestvideos  .thumbnail {
	height:80px;
	width:80px;
	display:block;
	float:left;
	margin:5px 15px 5px 5px;
	overflow:hidden;
	text-align:center}

#latestvideos  .smallthumbnail {
	max-width:70px;
	max-height:90px}
	
#latestvideos ul img {
	margin-right:6px;
	float:left}

#latestvideos ul h2 {
	font-size:0.7em;
	margin:0 0 5px;
	color:#666;
	text-decoration:none}

#latestvideos ul p {
	font-size:0.65em;
	color:#1E1E1E;
	margin-bottom:10px}

#latestvideos .wasprice {
	color:#FF0000;
	font-weight:bold;
	margin:0 17px 0 64px}

#latestvideos .nowprice {
	font-weight:bold;
	color:#33CC33}

#latestvideos .latestbasket form {
	width:30px;
	margin-left:12px;
	float:right}
	
#latestvideos ul li {
	width:370px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 10px 0;
	padding:0 0 0 8px;
	border-bottom:1px solid #E7E7E9}
	
ul#videoNav{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	font:normal 0.68em/120% Verdana, Arial, Helvetica, sans-serif}
	
ul#videoNav li{
	text-align:center;
	display:block;
	float:left;
	margin:0;
	padding-left:6px;
	padding-top:10px;
	height:162px}
	
ul#videoNav li a{
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	display:block;
	float:left;
	color:#444444;
	text-decoration:none;
	width:146px;
	height:162px}
	
ul#videoNav li a:hover{
	background-color:#f2fff2;
	border:#333333 1px thin solid}
	
ul#videoNav li img {
	margin-top:15px;
	border-style:solid;
	border-color:#6e736e;
	border-width:3px}
	
ul#videoNav li #active{
	height:162px;
	background-color:#f2fff2;
	border:#333333 1px thin solid}
	
ul#videoNav li p{
	width:112px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px}

/* Basket Section  */
.emptybasket ul {
	width:532px;
	height:auto;
	float:left;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:2px 0 10px 10px}

.emptybasket ul li a {
	width:152px;
	height:14px;
	float:left;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	border-right:1px solid #CCC;
	color:#7E7E7E;
	padding:4px 12px;
	text-decoration:none}

.emptybasket ul li a:hover {
	background:#5D5956;
	color:#FFF}

.emptybasket h2 {
	width:580px;
	font:bold 0.8em/125% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	color:#666;
	margin:8px 0 2px 16px}
					
ul#shoppingTabs {
	height:21px;
	float:left;
	font:normal 0.68em/120% Verdana, Arial, Helvetica, sans-serif}
	
ul#shoppingTabs li {
	text-align:center;
	float:left;
	line-height:21px}
	
ul#shoppingTabs li a {
	background:url(../graphics/misc/inactive_tab.gif) no-repeat;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	width:124px;
	height:21px}

ul#shoppingTabs li.inactive {
	background:url(../graphics/misc/inactive_tab.gif) no-repeat;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	width:124px;
	height:21px}
		
ul#shoppingTabs li a:hover {
	background:url(../graphics/misc/active_tab.gif) no-repeat;
	background-color:#96C960;
	height:21px}
	
ul#shoppingTabs li #active {
	background:url(../graphics/misc/active_tab.gif) no-repeat;
	background-color:#96C960;
	height:21px}
		
ul#basketheader li {
	height:28px;
	font:normal 0.7em/25px Verdana, Arial, Helvetica, sans-serif;
	background-color:#686A77;
	color:#E6E6E6;
	float:left;
	padding:4px 10px 0 10px;
	border:0 none}

ul#basketcontent li {
	height:28px;
	font:normal 0.7em/25px Verdana, Arial, Helvetica, sans-serif;
	color:#868686;
	float:left;
	padding:5px 10px 0 10px;
	border-bottom:1px solid #E0E0E0}

li.item_id {
	border-right:1px solid #E0E0E0;
	width:65px}
	
li.item_description {
	border-right:1px solid #E0E0E0;
	width:370px; }
	
li.item_quantity {
	border-right:1px solid #E0E0E0;
	width:68px;
	position:relative;
	text-align:center}
	
li.item_price {
	border-right:1px solid #E0E0E0;
	width:90px;
	text-align:right}
	
li.sub_total {
	border-right:1px solid #E0E0E0;
	width:90px;
	text-align:right}

ul#basketheader li.stock_icon {
	width:102px; 
	text-align:center}
	
ul#basketheader li.delete_item {
	width:34px;
	padding:4px 0 0 14px}

ul#basketcontent li.delete_item {
	width:22px}

ul#basketcontent li.stock_icon {
	border-right:1px solid #E0E0E0;
	width:102px; 
	height:31px;
	text-align:center;
	font:normal 0.68em/130% Verdana, Arial, Helvetica, sans-serif;
	padding:2px 10px 0 10px}
				
ul#basketcontent #quantity {
	border:1px solid #E4E4E4;
	width:40px;
	height:17px;
	text-align:center;
	padding-top:3px;
	color:#868686;
	position:absolute;
	top:6px;
	left:23px}

#quickadd {
	width:452px; 
	height:107px;
	background:url(../graphics/misc/quickadd_bg.gif) no-repeat top left;
	border-right:1px #E0E0E0 solid;
	float:left;
	padding:40px 0 0 24px}

#quickadd h1 {
	width:452px; 
	font:normal 0.9em/100% Verdana,Arial,Helvetica,sans-serif;
	color:#666F99;
	margin:0 0 8px 0}

#quickadd .enterdata {
	width:68px;
	height:14px;
	border:1px solid #E4E4E4;
	padding:3px 0 3px 4px;
	margin:8px 50px 0 0;
	font:normal 0.6em/100% Verdana,Arial,Helvetica,sans-serif;
	color:#999;
	float:left}
	
#quickadd .quickadd {
	margin:8px 0 0 0;
	float:left}

#quickadd .searchdata {
	width:282px;
	height:14px;
	border:1px solid #E4E4E4;
	padding:3px 0 3px 4px;
	margin:14px 0 0 0;
	font:normal 0.6em/100% Verdana,Arial,Helvetica,sans-serif;
	color:#999;
	float:left}

#summarymessage {
	width:452px; 
	height:127px;
	border-right:1px #E0E0E0 solid;
	float:left;
	padding:20px 0 0 24px}

#summarymessage h1 {
	width:445px; 
	font:bold 0.8em/100% Verdana,Arial,Helvetica,sans-serif;
	color:#990000;
	float:left}

#summarymessage p {
	width:380px; 
	font:normal 0.75em/140% Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	margin:8px 0 0 0;
	float:left}

#pomessage {
	width:260px;
	color:#FF0000;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	top:160px;
	left:70px}
			
.item_update {
	width:88px;
	height:31px;
	float:left;
	text-align:center}

ul#totals {
	width:110px; 
	height:155px;
	border-left:1px #E0E0E0 solid;
	float:left;
	font:normal 0.75em/25px Verdana,Arial,Helvetica,sans-serif}

ul#totals li {
	width:100px; 
	height:18px;
	color:#666;
	text-align:right;
	padding:8px 10px 0 0}
			
#grandtotal {
	width:155px;
	height:115px;
	border-left:1px #E0E0E0 solid;
	background-color:#FFFFEA;
	float:left;
	padding:40px 10px 0 0;
	text-align:center;
	color:#666}

#grandtotal .final {
	font:bold 1em/25px Verdana,Arial,Helvetica,sans-serif;
	margin-top:40px}
	
#checkout_select {
	width:953px;
	background-color:#A8A8A8;
	height:58px;
	position:relative;
	float:left}	

#checkout_select .continue {
	width:124px;
	height:26px;
	position:absolute;
	top:20px;
	right:138px}

#checkout_select .checkout {
	width:108px;
	height:26px;
	position:absolute;
	top:20px;
	right:11px}	

#checkout_select p {
	width:500px;
	font:normal 0.71em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:10px 0 0 20px;
	float:left}	
	
ul#displayaddress {
	width:390px;
	font:normal 0.74em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 0 62px;
	float:left}

ul#addressdetails {
	width:260px;
	font:normal 0.74em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 0 0;
	float:left}

ul#addressdetails li {
	margin:0 0 4px 0}

#summarytop h2.editlink {
	width:60px;
	font:normal 0.74em/120% Verdana, Arial, Helvetica, sans-serif;
	margin:4px 10px 4px 30px;
	float:right}

#summarytop h2.editlink a {
	color:#0085CF;
	text-decoration:underline}
	
ul#displayaddress li {
	margin:0 0 4px 0}

#checkoutleft .or {
	background:transparent url(../graphics/misc/delivery_or_option.gif);
	width:107px;
	height:75px;
	position:absolute;
	top:2px;
	right:0}

#checkoutleft {
	width:456px;
	min-height:200px;
	padding:20px 0 0 20px;
	float:left;
	position:relative}

#addnewaddress {
	width:933px;
	min-height:322px;
	padding:20px 0 0 20px;
	float:left;
	position:relative}
			
#checkoutright {
	width:456px;
	border-left:1px solid #E0E0E0;
	min-height:200px;
	padding:20px 0 0 20px;
	float:left;
	position:relative}
		
.checkout h1 {
	font:normal 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#7AB83D;
	float:left}

.checkout h3.thanks {
	width:930px;
	font:normal 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#7AB83D;
	float:left;
	padding:18px 0 0 18px;
	margin-bottom:20px}

.checkout p {
	width:600px;
	font:normal 0.8em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	float:left;
	margin-bottom:10px;
	padding:0 0 0 18px}
	
.checkout .chargetext {
	font-size:75%;
	color:#333}

#summarytop {
	width:270px;
	border-right:1px solid #E0E0E0;
	font:normal 1.1em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#7AB83D;
	padding:18px 0 0 18px;
	margin-bottom:20px;
	float:left}

#placeorder {
	width:375px;
	height:210px;
	color:#999;
	background-color:#CCC;
	float:left;
	margin-bottom:20px;
	position:relative}

#placeorder h2 {
	font:normal 0.8em/120% Verdana, Arial, Helvetica, sans-serif;
	position:absolute;
	color:#000;
	top:30px;
	left:88px}

#placeorder .jqTransformInputWrapper {
	position:absolute;
	top:58px;
	left:83px}

#placeorder .placeorder {
	position:absolute;
	top:110px;
	left:99px}

.selectaddress {
	float:left;
	padding:15px 0 0 10px;
	width:395px}

#checkoutleft .jqTransformSelectWrapper div span {
	max-width:375px;
	font-size:11px}

#checkoutright .jqTransformSelectWrapper div span {
	max-width:375px;
	font-size:11px}

#checkoutleft .jqTransformSelectWrapper {
	max-width:425px}
	
#checkoutright .jqTransformSelectWrapper {
	max-width:425px}

#checkoutleft .jqTransformSelectWrapper ul {
	max-width:425px}

#checkoutright .jqTransformSelectWrapper ul {
	max-width:425px}

.directdelivery {
	width:375px;
	overflow:hidden}
	
.selectoption {
	width:390px;
	font:normal 0.74em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#0085CF;
	float:left;
	margin:15px 0 10px 20px}
	
ul#newaddress {
	width:390px;
	font:normal 0.74em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 0 24px;
	float:left}

ul#newaddress li.formlabel {
	width:130px;
	font-weight:bold;
	padding-top:10px;
	float:left;
	color:#999;
	margin-bottom:5px}

ul#newaddress li.formdata {
	width:200px;
	float:left;
	margin-bottom:5px}

/* Register Section  */
#registersection {
	width:933px;
	margin:10px 0 10px 10px;
	position:relative;
	background-color:#000}

#registersection h1 {
	font:normal 1.6em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#E7A23A;
	padding:16px 0 0 23px}

#registersection h2 {
	font:normal 1em/100% Arial, Helvetica, sans-serif;
	color:#CCC;
	padding:10px 0 20px 23px}

#registersection h3 {
	font:normal 0.88em/140% Arial, Helvetica, sans-serif;
	color:#E4E1E8;
	padding:10px 0 20px 23px}

#registersection h3 a {
	color:#FFCC33}

ul#registerform {
	width:500px;
	margin:28px 0 0 34px;
	float:left}

ul#registerform li label {
	width:220px;
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	float:left;
	color:#917864;
	margin:0 0 8px 0}
	
ul#registerform li.data {
	width:280px;
	float:left;
	margin-bottom:8px}

ul#registerform li.confirmlabel {
	width:220px;
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	float:left;
	color:#917864;
	margin:0 0 8px 0}
	
ul#registerform li.confirmdata {
	width:280px;
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	float:left;
	color:#333;
	margin-bottom:8px}

ul#registerform li.question label {
	width:520px}

ul#registerform li.answer {
	width:520px;
	float:left;
	margin-bottom:5px}

ul#registerform .submit {
	float:left}

#newaddressform {
	width:910px;
	margin:10px 10px 0 0;
	float:left}

#newaddressform label {
	width:210px;
	float:left;
	color:#917864;
	font:normal 0.75em/130% Verdana,Arial,Helvetica,sans-serif;
	margin:0 0 0 5px;
	padding-top:10px}

#newaddressform .data {
	width:500px;
	float:left;
	margin:5px 0 8px 0}

/* New Address Buttons */
#newaddressform button.jqTransformButton {
	margin:0 0 0 100px;
	padding:0px;
	border:none;
	background-color:transparent;
	cursor:pointer;
	overflow:visible;
	font-family:Arial;
	float:left}

#newaddressform button.jqTransformButton span {
	background:transparent url(../graphics/misc/button_right.gif) no-repeat right top;
	display:block;
	float:left;
	padding:0px 4px 0px 0px; /* sliding doors padding */
	margin:0px;
	height:26px}

#newaddressform button.jqTransformButton span span {
	background:transparent url(../graphics/misc/button_left.gif) no-repeat top left;
	color:#FFF;
	padding:6px 18px 0px 18px;
	font-weight:normal;
	font-size:12px;
	line-height:13px;
	display:block;
	text-decoration:none;
	height:20px}

#newaddressform button.jqTransformButton_hover span span { background-position:left -26px }
#newaddressform button.jqTransformButton_hover span { background-position:right -26px }

#newaddressform button.jqTransformButton_click span span { background-position:left -52px }
#newaddressform button.jqTransformButton_click span { background-position:right -52px }
	
ul#myaccount_login {
	width:360px;
	margin:0 0 0 30px;
	float:left}

ul#myaccount_login li label {
	width:140px;
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	float:left;
	color:#917864;
	margin:0 0 8px 0}
	
ul#myaccount_login li.data {
	width:215px;
	float:left;
	margin-bottom:8px}

ul#myaccount_login .submit {
	float:left}
		
ul#buttons {
	width:520px;
	margin:33px 0 0 10px;
	float:left}

ul#buttons li {
	background:transparent url(../graphics/misc/registration_button_bg.gif) no-repeat;
	margin:0 0 10px 0;
	font:normal 0.75em/140% Arial, Helvetica, sans-serif}

ul#buttons li a {
	width:520px;
	height:34px;
	display:block;
	color:#746050;
	text-decoration:none;
	text-align:center}

ul#buttons li a.doubleline {
	height:42px;
	padding-top:10px}
	
ul#buttons li a.singleline {
	padding-top:18px}

ul#buttons li .pdficon {
	background:transparent url(../graphics/misc/registration_button_bg_pdf.gif) no-repeat}
		
/* Brent's styles */
#rg_box1{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #c1c1c1;
	width:255px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	color:#333333;
	background-color:#EBEBEB}
	
.rg_box1{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #c1c1c1;
	width:255px;
	margin-left:10px;
	margin-right:10px;
	float:left;
	color:#333333;
	background-color:#EBEBEB}
	
.rg_boxTop{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	width:241px;
	margin:5px;
	color:#E6E6E6;
	text-indent:10px;
	line-height:18px;
	background-color:#686A77;
	height:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif}
	
.rg_boxWrap{
	margin-top:10px;
	font-size:11px;
	width:223px;
	margin-left:auto;
	margin-right:auto}
	
#rg_box1:hover {
	background-color:#D9E8F4;
	border-bottom:1px solid #76ACD8}

li.sideBar{
	font-size:10px;
	border-bottom:#8793A1 thin solid;
	line-height:16px;
	color:#5C6D81}	
	
.sideBarTop{
	font-size:12px;
	background-color:#666666;
	line-height:20px;
	width:130px;
	color:#E6E6E6}
	
li.sideBar a:hover {
	color:#333333;
	text-decoration:none}
	
li.sideBar a {
	text-decoration:none}

li.sideBar a:visited {color:#5C6D81}
li.sideBar a:active {color:#5C6D81}
li.sideBar a:link {color:#5C6D81}
	
#eshotHead{
	background-image:url(../graphics/misc/header/eshot-header.jpg);
	height:135px;
	width:947px;
	margin-top:50px;
	position:relative}
	
#eshotHead h1 {
	font:1.4em/100% Arial, Helvetica, sans-serif;
	color:#E7A23A;
	float:left;
	margin:45px 0 0 190px}
	
#eshotHead h2 {
	font:normal 0.8em/100% Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	margin:12px 0 0 190px}
			
.mailerBox {
	width:453px;
	height:197px;
	float:left;
	position:relative;
	margin:12px 0 0 12px;
	background:transparent url(../graphics/misc/mailersBox.jpg) no-repeat}
	
.rightFloat {
	float:right;
	margin-right:20px}

.mailerBox img {
	width:130px;
	height:181px;
	float:left;
	padding:8px 0 0 10px}
			
.mailerBox h4 {
	width:300px;
	float:left;
	font:1.1em/100% Arial, Helvetica, sans-serif;
	color:#EC981C;
	margin:12px 0 0 10px}

.mailerBox h5 {
	width:300px;
	float:left;
	font:0.72em/100% Arial, Helvetica, sans-serif;
	color:#666;
	margin:12px 0 0 10px}
		
.mailerBox p {
	width:288px;
	font:normal 0.8em/130% Arial, Helvetica, sans-serif;
	color:#000;
	float:left;
	margin:12px 12px 0 10px}
	
#eshotBox {
	width:260px;
	position:absolute;
	top:152px;
	left:132px}
	
.html {
	position:absolute;
	top:123px;
	width:270px;
	left:137px;
	font-size:12px}

#active{
	font-weight:bold}

#eshotYear {
	height:30px;
	margin:5px 0}
		
#eshotYear li {
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	border:1px solid #666;
	background-color:#ccc;
	margin:0 3px 0 10px;
	padding:5px 7px}

#eshotYear a:hover {
	color:#FFF}
	
#eshotYear a {
	color:#FFF;
	text-decoration:none}
	
#eshotYear li#active {
	border:1px solid #666;
	background-color:#D68F25}
	
#eshotYear a {
	color:#333;
	text-decoration:none}
	
#eshotYear li#active a {
	color:#FFF}

#eshotMenu {
	height:30px;
	margin:5px 0}
		
#eshotMenu li {
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	border:1px solid #666;
	background-color:#CCC;
	margin:0 3px 0 10px;
	padding:5px 7px}

#eshotMenu li#active {
	border:1px solid #666;
	background-color:#D68F25}

#eshotMenu li#active a {
	color:#FFF}
		
#eshotMenu a:hover {
	color:#333}
	
#eshotMenu a {
	color:#333;
	text-decoration:none}

#boxMessageLeft {
	width:360px;
	color:#FF0000;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	padding:20px 0 10px 20px}

#boxMessageRight {
	width:360px;
	color:#FF0000;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	padding:20px 0 10px 20px}

h1.account_title {
	width:880px;
	font:normal 1.5em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:18px 0 14px 14px}
	
p.account_message {
	width:880px;
	color:#333;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	padding:10px 0 10px 14px}

#login_message {
	background-color:#F0F0F0;
	border:1px solid #666;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:none}

#login_message p {
	color:#333;
	text-align:center;
	font:normal 0.95em/125% Verdana, Arial, Helvetica, sans-serif;
	padding:30px}
	
/* Curves */
.t_curves {
	width:953px;
	height:7px;
	background:transparent url(../graphics/misc/white_bg_top.gif) no-repeat;
	position:absolute;
	top:0;
	left:0}

.b_curves {
	width:953px;
	height:7px;
	background:transparent url(../graphics/misc/white_bg_bottom.gif) no-repeat;
	position:absolute;
	bottom:0;
	left:0}
	
.t_dark_curves {
	background:transparent url(../graphics/misc/dark_bg_top.gif) no-repeat}
	
.b_dark_curves {
	background:transparent url(../graphics/misc/dark_bg_bottom.gif) no-repeat}
	
.t_grid_curves {
	width:230px;
	height:7px;
	background:transparent url(../graphics/misc/grid_white_bg_top.gif) no-repeat;
	position:absolute;
	top:0;
	left:0}

.b_grid_curves {
	width:230px;
	height:7px;
	background:transparent url(../graphics/misc/grid_white_bg_bottom.gif) no-repeat;
	position:absolute;
	top:400px;
	left:0}

.t_register_curves {
	width:933px;
	height:7px;
	background:transparent url(../graphics/misc/registration_top_curves.gif) no-repeat;
	position:absolute;
	top:0;
	left:0}

.b_register_curves {
	width:933px;
	height:7px;
	background:transparent url(../graphics/misc/registration_bottom_curves.gif) no-repeat;
	position:absolute;
	bottom:0;
	left:0}

.search_curves {
	background:transparent url(../graphics/misc/search_curves_top.gif) no-repeat}
		
.t_select_curves {
	background:transparent url(../graphics/misc/checkout_bg_top.gif) no-repeat}

.b_select_curves {
	background:transparent url(../graphics/misc/checkout_bg_bottom.gif) no-repeat}
	
.checkout_curves {
	background:transparent url(../graphics/misc/checkout_top_curves.gif) no-repeat}

.t_product_curves {
	width:618px;
	height:7px;
	background:transparent url(../graphics/misc/product_main_top_curves.gif) no-repeat;
	position:absolute;
	top:0;
	left:0}

.b_product_curves {
	width:618px;
	height:7px;
	background:transparent url(../graphics/misc/product_main_bottom_curves.gif) no-repeat;
	position:absolute;
	bottom:0;
	left:0}

.brother_t_curves {
	width:953px;
	height:7px;
	background:transparent url(../graphics/misc/brother_splash_top_curve.jpg) no-repeat;
	position:absolute;
	top:0;
	left:0}

.brother_b_curves {
	width:953px;
	height:18px;
	background:transparent url(../graphics/misc/brother_splash_bottom_curve.jpg) no-repeat;
	position:absolute;
	bottom:0;
	left:0}
	
#print_button {
	position:absolute;
	bottom:0;
	right:0}

#errorarea {
	width:885px;
	margin-left:34px}

#errorarea p {
	color:#333;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	padding:12px 20px 6px 16px}

/* Consumables filter */
#consumablesfilter {
	width:951px;
	min-height:150px;
	border:1px solid #CCC;
	background-color:#F2F2F2;
	margin:0 0 8px 10px;
	float:left}

#consumablesfilter .section_type {
	width:951px;
	float:left}
	
#consumablesfilter .section_type ul li label {
	width:230px;
	margin:3px 0 0 12px;
	display:block;
	float:left}

#consumablesfilter span.jqTransformCheckboxWrapper {
	margin-right:30px}
		
#productfilter .section_type p {
	font:normal 0.75em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	margin:6px 20px 0 13px}

#splash_sidebar {
	width:165px;
	float:right}
	
#splash_content {
	width:750px;
	float:left;
	padding:0 0 0 15px}
	
#splash_content h1 {
	width:500px;
	font:bold 0.86em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#515151;
	float:left;
	margin:6px 5px 0 0}

#splash_content h2 {
	width:500px;
	font:bold 0.86em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#F7931E;
	float:left;
	margin:14px 5px 0 0}

#splash_content p {
	width:500px;
	font:normal 0.8em/140% Verdana, Arial, Helvetica, sans-serif;
	color:#525252;
	float:left;
	margin:6px 5px 0 0}

#sidebar {
	width:167px;
	float:right;
	margin:10px 0 0 0}

#splash_content ul {
	width:938px;
	margin:10px 0 0 0;
	float:left}
	
#splash_content ul li {
	width:auto;
	float:left;
	font:normal 0.78em/140% Verdana, Arial, Helvetica, sans-serif;
	text-align:center}

#splash_content ul li a {
	color:#3C3835;
	text-decoration:none}

#splash_content ul li a:hover {
	text-decoration:underline}

#splash_content .jgfooter {
	margin:20px 0 0 -15px}

.newsearch {
	width:953px;
	height:auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #FFF;
	background-color:#FFF;
	padding:0 0 7px;
	margin-bottom:10px;
	float:left;
	position:relative}

.newsearch h1 {
	font:normal 1.2em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left;
	padding:18px 0 8px 16px;
	clear:both}

.newsearch .searchthumb {
	height:100px;
	width:110px;
	display:block;
	float:left;
	margin:10px 20px 0 10px;
	overflow:hidden;
	text-align:center}

.newsearch .smallthumb {
	max-width:100px;
	max-height:100px}

.newsearch .offertag {
	width:113px;
	height:89px;
	background:transparent url(../graphics/misc/specialoffertag.jpg) no-repeat scroll left top;
	position:absolute;
	right:196px}
	
.newsearch .clearancetag {
	width:97px;
	height:77px;
	position:absolute;
	right:196px}

.newsearch .offeroftag {
	width:59px;
	height:65px;
	position:absolute;
	right:232px;
	top:14px}

.newsearch h2 {
	width:430px;
	padding:8px 0 0 0;
	font:normal 0.75em/120% Verdana, Arial, Helvetica, sans-serif;
	float:left}

.newsearch h2 a {
	color:#31819C;
	text-decoration:none}

.newsearch p {
	width:460px;
	height:40px;
	padding:10px 0 0 0;
	margin-bottom:7px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	float:left}

.newsearch ul {
	width:590px;
	padding:0;
	float:left}

.newsearch li {
	height:29px;
	font:normal 0.63em/120% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	float:left}
	
.newsearch li a {
	margin-right:25px;
	color:#0085CF}
	
.newsearch li.features {
	width:140px;
	background:transparent url(../graphics/misc/bullet_keyfeatures.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

.newsearch li.brochure {
	width:98px;
	background:transparent url(../graphics/misc/bullet_brochure.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

.newsearch li.consumables {
	width:110px;
	background:transparent url(../graphics/misc/bullet_consumables.gif) no-repeat scroll left top;
	padding:4px 0 0 20px}

.newsearch li.noconsumables {
	width:118px;
	display:block}
	
.newsearch li.compare {
	width:140px}

.newsearch li.stockstatus {
	width:170px;
	font:bold 0.65em/120% Verdana, Arial, Helvetica, sans-serif;
	color:#519331;
	text-align:center;
	position:absolute;
	bottom:5px;
	right:180px}

.newsearch .productsdetails {
	width:170px;
	height:118px;
	padding:5px 10px 0 0;
	position:absolute;
	top:0;
	right:0}

.newsearch.discontinued_alert {
	border:1px solid #FF0000}
				
.newsearch .productsdetails .loginpricing {
	height:20px;
	font:normal 0.65em/120% Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px}
			
.newsearch .productsdetails .manufacturerlogo {
	float:right;
	padding-bottom:5px}

.newsearch .productsdetails h3 {
	width:130px;
	height:15px;
	font:normal 0.78em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding-top:3px;
	text-align:right;
	float:right}

.newsearch .productsdetails h4 {
	width:160px;
	height:auto;
	font:normal 0.9em/100% Verdana,Arial,Helvetica,sans-serif;
	color:#333;
	text-align:right;
	float:right}

.newsearch .productsdetails h4.pluspadding {
	padding:4px 0 8px}
		
.newsearch .productsdetails h5 {
	width:130px;
	padding:2px 0 4px;
	font:bold 0.63em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#5998A6;
	text-align:right;
	float:right}
	
.newsearch .productsdetails h6 {
	width:130px;
	padding:6px 0 7px 0;
	font:normal 0.56em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	text-align:right;
	float:right}
			
.newsearch .productsdetails .h_wasprice {
	width:220px;
	padding:16px 0 0 0;
	font:normal 0.69em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#CC6600;
	text-decoration:line-through;
	text-align:right;
	float:right}
	
.newsearch .productsdetails .h_offerprice {
	width:220px;
	padding:16px 0 0 0;
	font:normal 1.1em/100% Verdana, Arial, Helvetica, sans-serif;
	color:#009933;
	text-align:right;
	float:right}

/* new InfoService styles */
#infoheader{
	background:url(../graphics/misc/header/info-header.png)  no-repeat;
	height:135px;
	width:962px;
	margin-top:30px}
	
#infoheader h1 {
	font:1.4em/100% Arial, Helvetica, sans-serif;
	color:#E7A23A;
	float:left;
	margin:24px 0 0 26px}
	
#infoMenu {
	height:30px;
	float:left;
	margin:18px 0 0 26px}
		
#infoMenu li {
	font:normal 0.75em/100% Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin:0 13px 0 0;
	padding:5px 7px 5px 0}

#infoMenu li a {
	color:#fff;
	text-decoration:none}
		
#infoMenu a:hover {
	color:#fff;
	text-decoration:underline}

#infoMenu .active {
	color:#E7A23A;
	text-decoration:underline}

ul#infoline {
	float:left;
	padding:4px 0 4px 10px}

ul#infoline.lineheader {
	width:943px;
	height:16px;
	background-color:#F2F2F2;
	border-top:1px solid #DBDBDB;
	border-bottom:1px solid #CFCFCF;
	float:left;
	text-decoration:none;
	padding:6px 0 6px 10px}
							
ul#infoline.linelink:hover {
	width:943px;
	height:auto;
	background-color:#D9E8F4}
	
ul#infoline li {
	font:normal 0.69em/130% Verdana, Arial, Helvetica, sans-serif;
	vertical-align:text-top;
	float:left}

ul#infoline li.infocategory {
	margin:13px 0 0 24px;
	font:bold 0.9em/130% Verdana, Arial, Helvetica, sans-serif}
			
ul#infoline li.model {
	width:125px;
	overflow:hidden;
	margin-right:15px}

ul#infoline li.category {
	width:68px;
	margin-right:20px;
	text-align:center}

ul#infoline li.desc {
	margin-right:10px;
	width:480px}
		
ul#infoline li.washeader {
	text-decoration:none;
	margin-right:15px;
	width:60px;
	text-align:right}






				
/* Working on the following styles so please do not delete */

ul#testallcategories {
	clear:both;
	width:975px;
	float:left}	

ul#testallcategories li ul {
	width:176px;
	height:230px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	display:none;
	float:left}
	
ul#testallcategories li a {
	float:left;
	display:block;
	padding:8px 9px 6px 9px;
	text-decoration:none;
	color:#666}
	
ul#testallcategories li a:hover {
	background:#FFF url(../graphics/misc/top_menu_bg.gif) repeat-x top;
	color:#000}
					
ul#testallcategories li li a, ul#testallcategories li:hover li a {
	width:152px;
	height:12px;
	text-align:left;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	color:#7E7E7E;
	padding:3px 12px;
	background:none;
	margin:0}
		
ul#testallcategories li li a:hover {
	background:#5D5956;
	color:#FFF}





	
	
	
























#mainnav2 {
	clear:both;
	width:636px;
	background:#DBDBDB;
	margin:0 0 3px 0;
	padding:1px 0 0 0;
	float:left}

#mainnav2 .subnav {
	width:154px;
	height:37px;
	text-align:center;
	position:relative;
	margin:0 0 3px 0;
	float:left}

#mainnav2 .subnav a {
	width:154px;
	height:25px;
	display:block;
	font:normal 0.75em/125% Verdana, Arial, Helvetica, sans-serif;
	color:#FFF; 
	padding-top:12px;
	text-decoration:none}

#mainnav2 .subnav:hover a {
	color:#FFF}
	
#mainnav2 .subnav a:hover {
	color:#FFF;
	background-color:#556275}
						
#mainnav2 #nav1 {
	background-color:#383B39;
	margin-right:5px}

#mainnav2 #nav2 {
	background-color:#8D825A;
	width:155px;
	margin-right:5px}

#mainnav2 #nav3 {
	background-color:#52593C;
	margin-right:5px}

#mainnav2 #nav4 {
	background-color:#5A3733}
		
#mainnav2 #nav1 ul {
	width:476px;
	min-height:230px;
	margin:0;
	display:none;
	padding-bottom:4px;
	border:none}

#mainnav2 li:hover ul, #mainnav2 li.hover ul {
	display:block;
	float:left;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FFF url(../graphics/misc/dropdown_menu_bg.gif) repeat scroll}
		
#mainnav2 li:hover {
	background:#FFF url(../graphics/misc/top_menu_bg.gif) repeat-x top;
	color:#000}

#mainnav2 li a:hover {
	background:#FFF url(../graphics/misc/top_menu_bg.gif) repeat-x top;
	color:#000}
		
#mainnav2 li:hover a {
	background:#FFF url(../graphics/misc/top_menu_bg.gif) repeat-x top;
	color:#000}
					
#mainnav2 li li a, #mainnav2 li:hover li a {
	width:152px;
	height:12px;
	text-align:left;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	color:#7E7E7E;
	padding:3px 12px;
	background:none;
	margin:0}
		
#mainnav2 li li a:hover {
	background:#5D5956;
	color:#FFF}

#mainnav2 li li:hover {
	background:#5D5956;
	color:#FFF}











/*
Second Row Components - Menu
*/

#containerformenu {
  	width:975px;
    height:60px;
	background:#FFF url(../graphics/misc/bg_menu.jpg) no-repeat;
	float:left}
	
ul#menubar2 {
	clear:both;
	width:975px;
	float:right;
	z-index:99999}	

ul#menubar2 li {
	text-align:center;
	position:relative;
	float:left}

ul#menubar2 li a {
	float:left;
	display:block;
	padding:8px 9px 6px 9px;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666}

ul#menubar2 li a:hover {
	background:#FFF url(../graphics/misc/top_menu_bg.gif) repeat-x top;
	color:#000}
		
ul#menubar2 li ul {
	width:176px;
	height:236px;
	display:none;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background-color:#FFF;
	float:left;
	position:relative;
	z-index:99999}

						
ul#menubar2 li li a, ul#menubar2 li:hover li a {
	width:152px;
	height:12px;
	text-align:left;
	font:normal 0.68em/125% Verdana, Arial, Helvetica, sans-serif;
	display:inline-block;
	color:#7E7E7E;
	padding:3px 12px;
	background:none;
	margin:0}
		
ul#menubar2 li li a:hover {
	background:#5D5956;
	color:#FFF}

/* menu styles */
#menubar3 {
	width:745px;
	height:32px;
	float:right;
	background:#000}

#menubar3 li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	font:normal 0.69em/100% Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	padding:4px 10px 4px 10px;
	margin-top:7px;
	border:none}

#menubar3 li.home {
	margin-left:33px}

#menubar3 li:hover {
	border:1px solid #777777;
	padding:4px 9px 4px 9px;
	background:#F4F4F4;
	background:-moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0}

#menubar3 li.notdrop:hover {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px}

#menubar3 li a {
	color:#EEEEEE;
	display:block;
	outline:0;
	text-decoration:none}

#menubar3 li:hover a {
	color:#161616}
	
.dropdown_3columns {
	width:500px;
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	z-index:999;
	text-align:left;
	padding:10px 5px;
	border:1px solid #777777;
	border-top:none;
	background:#F4F4F4;
	background:-moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	-moz-border-radius:0px 5px 5px 5px;
	-webkit-border-radius:0px 5px 5px 5px;
	border-radius:0px 5px 5px 5px}

#menubar3 li:hover .dropdown_3columns {
	left:-1px;
	top:auto}

.col_1 {
	width:160px;
	display:inline;
	float:left;
	position:relative;
	padding-left:2px}

#menubar3 li ul {
	list-style:none;
	float:left}
	
#menubar3 li ul li {
	font-size:13px;
	line-height:21px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px}
	
#menubar3 li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0}
	
#menubar3 .menu_right {
	float:right;
	margin-right:0px}
	
#menubar3 li .align_right {
	-moz-border-radius:5px 0px 5px 5px;
    -webkit-border-radius:5px 0px 5px 5px;
    border-radius:5px 0px 5px 5px}

#menubar3 li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto}
	
#menubar3 li:hover div a {
	font-size:11px;
	color:#333;
	padding-left:8px}
	
#menubar3 li:hover div a:hover {
	background:#333;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px}

.helpus {
	position:absolute;
	top:20px;
	right:120px;
	z-index:99}

.questionnaire {
	width:570px;
	float:left}
	
.questionnaire h1 {
	width:480px;
	font:bold 1.2em/1.2em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#5AA02C;
	margin:10px 0 10px 20px;
	float:left}	

.questionnaire p {
	width:480px;
	font:normal 0.85em/1.6em Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	margin:5px 0 20px 20px;
	float:left}	

ul#rightside_suppliers {
	width:312px;
	position:absolute;
	top:315px;
	right:20px;
	background:#FFF;
	border:1px solid #FFF;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 0 0 8px}
	
ul#rightside_suppliers li {
	float:left;
	list-style-type:none;
	width:100px;
	height:40px;
	margin:0 2px 6px 0;
	display:block}

ul#rightside_suppliers img[alt*="JGBM"] {
	width:100px;
	height:40px;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out}
		
ul#rightside_suppliers a:hover img[alt*="JGBM"] {
	-moz-transform:translate(0,-2px);
	-o-transform:translate(0,-2px);
	-webkit-transform:translate(0,-2px);
	transform:translate(0,-2px)}

ul#rightside_products {
	width:312px;
	position:absolute;
	top:990px;
	right:20px;
	background:#FFF;
	border:1px solid #FFF;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 0 10px 8px}

ul#rightside_products li {
	width:100px;
	height:30px;
	float:left;
	display:table;
	margin:4px 2px 6px 0}
		
ul#rightside_products li p {
	text-align:center;
	padding:0 10px 0;
	display:table-cell;
	vertical-align:middle}

ul#rightside_products li.header {
	width:300px;
	height:22px;
	text-align:left;
	margin:3px 0 0 2px;
	float:left;
	font:bold 1.1em 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
	color:#4F8A26}

ul#rightside_products li p a {
	font:normal 0.7em Verdana, Arial, Helvetica, sans-serif;
	color:#333}

ul#rightside_products li p a:hover {
	color:#4F8A26}