html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles!*/ 
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


@charset "utf-8";



.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
* html .clear {height:1%;}
.clear {display:block;}

.cboth {clear:both;}
.hide {display:none;}
.checkbox { margin:0; padding:0; width:13px; height:13px;}
.tick { background: url(/images/webbuttons/CFJ/tick.png) no-repeat center left; padding-left: 20px}
.warning { background: url(/images/webbuttons/CFJ/warning.png) no-repeat center left; padding-left: 20px}
.fl { float:left}
.fr { float:right}
.intro { margin-bottom:15px}
p.back a { margin-bottom:15px; padding-left:10px; background:url(/images/webbuttons/CFJ/sm-left-arrow.png) no-repeat center left}

body {font: 62.5% Arial, Helvetica, sans-serif; background: #e8e9e9; color:#707070; line-height:1.5; padding: 15px 0 30px }

a { text-decoration:none}
a:hover,a:focus { text-decoration: underline}

h1,h2,h3,h4,h5,h6 {color:#000}


h1 { font-size:30px; margin-bottom:15px}
h1.icon { padding-left:43px}

.login h1 {
background-attachment:scroll;
background-color:transparent;
background-image:url("/images/webbuttons/CFJ/login2.png");
background-position:0 6px;
background-repeat:no-repeat;
}

main.css (line 252)


.confirmation h1 {font-size:20px; padding-top:10px; }

body.home h1 { line-height:normal }

fieldset {border: solid 1px #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 20px 20px; margin-bottom:25px}
legend { font-size:18px; color:#000; font-weight:bold; background:#fff; padding: 0 7px}

fieldset div { clear:both; margin: 15px 0; width:100%; overflow:hidden}
fieldset div label { float:left; width:200px}
fieldset div input{ float:left; width:200px}
fieldset div textarea { float:left; width:400px; height:150px}
fieldset div select { float:left; width:204px}

input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

p,li,label,dt,dd {font-size:12px}

img.thumb-img {border: solid 1px #dbdbdb; max-width: 110px;}

#wrapper { width:960px; margin:0 auto; background:#fff; }
#content{ padding: 40px 40px 80px}
	#content a {color:#EA7125}

table.data th { background:#f8f8f8; border-top: solid 2px #e5e5e5; border-bottom: solid 1px #e5e5e5; padding: 10px; font-size:14px; color:#000}
table.data td {padding: 20px 10px; font-size:12px}

div.thumbnail {position:relative; width:112px; height:112px}
div.thumbnail img.magnify{ position:absolute; top:89px; right:1px}

.button-set { padding:20px 0 0; clear:both; width:880px; overflow:hidden}

/* COLUMNS */
#col-1 { float:left; width:625px}
#col-2 { width:880px}


/* FOOTER */
#footer {height:127px;border-top:2px solid #EA7125; background:#fff; position:relative; background: url(/images/webbuttons/CFJ/footer-bg.png) no-repeat bottom left; clear:both}
	#footer h6 { font-size:14px; line-height:24px; background:url(/images/webbuttons/CFJ/icon-qm.png) no-repeat top left; padding-left:32px; margin:25px 0 4px 40px}
	#footer ul { margin-left:72px}
		#footer ul li {  color:#888888}
		#footer ul li a { color:#EA7125}
	#footer a#proad-logo { position:absolute; top:25px; right:40px}
	#footer h6 .link {color:#000000}


#footer-bot {height:20px;background:url(/images/webbuttons/CFJ/footer-bg.png) no-repeat 0 0}

/* UTILITY NAV */
#utility{ height:49px; background:url(/images/webbuttons/CFJ/utility-bg.png) no-repeat 0 0; position:relative}
	#utility ul { line-height:49px; margin-left:30px}
		#utility ul li { float:left; margin-left:8px; padding-left:15px; background:url(/images/webbuttons/CFJ/dot.png) no-repeat center left}
		#utility ul li.first { margin-left:0; padding-left:0; background: none}
			#utility ul li a { float:left;  font-weight:bold; color:#fff;}
				#utility ul li ul { visibility: hidden; position: absolute;top: 49px; left: 0; border-top: 3px solid #EA7125; padding: 5px 10px 10px; background: #02406b; margin-left: 0; width: 170px; z-index: 1; height: 40px;}
				#utility ul li {position: relative;}
				#utility ul li:hover ul { visibility: visible;}
				#utility ul li ul li {clear: both; margin-left: 0; padding-left: 15px; line-height: 22px}
				#utility ul li ul li a { display: block;}
			
	#utility p#basket-link {position:absolute; left: 666px; line-height:49px; color:#fff; font-size:14px; padding-left:42px; background:url(/images/webbuttons/CFJ/basket-icon.png) no-repeat center left}
	#utility p#basket-link a {color:#fff; }
		#utility p#basket-link a span {font-weight:bold;}
		
	#utility a#basket-button{position:absolute; left: 872px; top:13px}
	#utility p#basket-button{position:absolute; left: 872px; top:13px}
	
/* HEADER */
#header { height:127px; border-bottom:3px solid #EA7125;border-top:3px solid #EA7125; position:relative; background: url(/images/webbuttons/CFJ/headerhp-bg.jpg) no-repeat;}
#header p {position:absolute; display:block; text-indent:-9999px; top:7px; left:36px; background:url(/images/webbuttons/CFJ/CFJlogo.png) no-repeat 0 0}
	#header p a { display:block; width:226px; height:114px;}

/* HOME */
.home #col-1 p { margin-bottom:15px}

/* CATEGORY NAV */
#nav { float:left; width:200px; margin-right: 20px;}
	#nav h3 { height:36px; background:url(/images/webbuttons/CFJ//heading.png) no-repeat; text-indent:-9999px}
		#nav ul li a { display:block; border: 1px solid #dbdbdb; border-top:none;  color:#000; padding: 12px 0; text-indent:15px; width:198px; line-height:normal}
		#nav ul li a:hover { text-decoration:none; background:#f8f8f8; font-weight:bold}
		
			#nav ul li.current { background: #f8f8f8 url(/images/webbuttons/CFJ/current-bullet.png) no-repeat 16px 15px;}	
			#nav ul li.current a { font-weight:bold; text-indent:32px;}
			#nav ul li.current a:hover { background:  url(/images/webbuttons/CFJ/current-bullet.png) no-repeat 15px 15px}


/* PAGE CONTROLS */
.page-controls { padding: 20px 0; border-bottom: solid 2px #dbdbdb; border-top: solid 1px #dbdbdb;}
	
	.page-controls.top { margin-bottom:25px}
	.page-controls.bot { margin-top:25px}
	
	.page-controls p { float:left; line-height:auto; }
	.page-controls p.display { }
	.page-controls p.thumb-show { margin-left: 30px}
	.page-controls p.thumb-show input { vertical-align: middle; margin-top:-1px}
	
	.page-controls ul { float:right; padding-top:3px }
		.page-controls ul li { float:left; margin-left:15px }
			.page-controls ul li.previous { background:url(/images/webbuttons/CFJ/pc-left-arrow.png) no-repeat center left}
			.page-controls ul li.next { background:url(/images/webbuttons/CFJ/pc-right-arrow.png) no-repeat center right}
				#content .page-controls ul li a { float:left; display:block; height:12px; line-height:12px; color:#707070 }
				.page-controls ul li.previous a { padding-left:15px;}
				.page-controls ul li.next a {padding-right:15px}
			
/* PRODUCT LISTING */	
.product-row { width:100%; margin-top:40px }
	.product-row.top { margin-top:0 }
	.product-row .thumbnail { float:left; margin-right:25px;}
	/*.product-row .thumbnail img.magnify{ position:absolute; top:89px; right:1px}*/
	.product-row .desc { float:left; }
	.product-row .desc h2 { color:#EA7125; font-size:16px}
	.product-row .desc p {margin-bottom:15px; font-size:11px}
	.product-row .desc li { float:left; border-left: 1px solid #e5e5e5; margin-left:5px; padding-left:5px}
	.product-row .desc li.first { border:none; padding:0; margin:0}
	
	.product-row .controls {border: solid 1px #e7e7e7; padding:20px 15px; width:456px; background:#f8f8f8; margin-top:15px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}
	
	.product-row .no-thumb { width:595px}
	
	.product-row .controls p { float:left; font-weight:bold; margin-bottom:20px; font-size:12px; padding-right: 5px; }
	.product-row .controls p.qty input { width:50px; float:left; margin-right:5px}
	.product-row .controls p.qty label { float:left; padding-right:5px; padding-top:1px}
	.product-row .controls p.total {padding-left: 5px;}
	.product-row .controls p.total span { color:red}
	.product-row .controls input.add-but { float:right; margin-top:-3px}
	.product-row .controls p.calculate {padding:1px 0 0 10px}
	
	table#priceBreak { width:100%; font-size:12px; margin-bottom:20px}
	table#priceBreak th { text-align:left; width:20%; border-bottom: solid 1px #e7e7e7; padding-bottom:4px}
	table#priceBreak td { text-align:center; width:16%; padding:4px 0; border-bottom: solid 1px #e7e7e7 }
	

/* BASKET */	

.basket h1 { background:url(/images/webbuttons/CFJ/basket.png) no-repeat 0 6px;}
	
	/* Basket name */
	.basket-name { margin-bottom:10px}
	.basket-name h2 {font-size:14px}
	.basket-name h2 span { font-weight:normal}
	.basket-name p { font-size:11px}
	
	/* Basket Table */
	.basket table.data th.image { width:150px; text-indent:-9999px}
	.basket table.data th.item { width:335px; text-align:left}
	.basket table.data th.qty {width:80px; text-align:left}
	.basket table.data th.unit-cost {width:110px; text-align:right}
	.basket table.data th.subtotal {width:110px; text-align:right}
	.basket table.data th.delete {width:95px;}
	
	.basket table.data td { vertical-align:top; border-bottom:solid 1px #e5e5e5; line-height:normal;}
	.basket table.data td.unit-cost,
	.basket table.data td.subtotal { text-align:right}
	.basket table.data td.subtotal { font-weight:bold}
	.basket table.data td.delete { text-align:center}
	.basket table.data td.item h3 { color:#EA7125;}
	.basket table.data td.item p { font-size:11px}
	.basket table.data td.qty input { width:30px}
	.basket table.data td.delete p { display:block; text-indent:-9999px; margin: -5px auto 0; text-align:center; width:24px; height:24px; background:url(/images/webbuttons/CFJ/basket-delete.png) no-repeat 0 0}
	.basket table.data td.delete p a { display:block; width:24px; height:24px}
	
	.basket .wrap { border-bottom:solid 1px #e5e5e5 ; float: left; width:860px; padding: 10px;}
	.basket .update-but { float: left;}
	.basket .update-but input { margin: 0 0 10px;}
	.basket .update-but p { margin: 0 0 10px 10px;}
	.basket .basket-total {}
	.basket .basket-total h3 { font-size:18px; padding:15px 111px 0 0; text-align:right;}
	.basket .basket-total p { font-size:11px; padding:0 111px 15px 0; text-align:right;}
	
	/* Save Basket */
	.save-basket { padding:20px; border:solid 1px #e5e5e5; border-top:none; background:#f8f8f8; width: 838px;}
	.save-basket .save-desc h4 { font-size:14px; }
	.save-basket .save-desc p { font-size:11px; width:480px}
	
	.save-basket .save-desc,
	.save-basket .save-field { float:left}
	.save-basket .save-field { margin-left:70px; width: 260px}
	
	.save-basket .save-field label { display:block; margin-bottom:3px; font-weight:bold}
	.save-basket .save-field input { width:200px}
	.save-basket .save-field p input { width: auto; margin-top:12px}
	
	.save-basket .save-field p.tick { font-weight:bold; margin-bottom:10px}
	
	/* Update Basket */
	.update-basket { padding:20px; border:solid 1px #e5e5e5; border-top:none; background:#f8f8f8; padding-left:500px }
	.update-basket .save-field h4 { font-size:14px; }
	.update-basket .save-field p.tick { font-weight:bold; margin-bottom:10px;}
	.update-basket .save-field input {margin-top:12px}
	
	/* Basket Buttons */
	.basket .button-set p.warning { text-align:right; color:red; font-weight:bold; margin-bottom:20px; float:right;}
	.basket .button-set p.buts { clear:both}


/* DElIVERY DETAILS */

.delivery h1 { background:url(/images/webbuttons/CFJ/delivery.png) no-repeat 0 7px;}
.delivery em { color:red}
/*.delivery fieldset div { clear:both; margin: 15px 0; width:100%; overflow:hidden}
.delivery fieldset div label { float:left; width:200px}
.delivery fieldset div input{ float:left; width:200px}
.delivery fieldset div textarea { float:left; width:400px; height:150px}
.delivery fieldset div select { float:left; width:204px}*/

.delivery fieldset div.multi p {float:left; width:200px}
.delivery fieldset div.multi input {width:25px; margin-right:5px}
.delivery fieldset div.multi label {width: auto; margin-right:5px}

.delivery .button-set{ padding-top:0}
.delivery .button-set p { font-size:11px; text-align:right; margin-bottom:10px}

fieldset input:focus{ background:#ffffcc; border:solid 1px #7f9db9; padding:2px 1px}
fieldset select:focus { background:#ffffcc; padding:0}
fieldset textarea:focus { background:#ffffcc; border:solid 1px #7f9db9; padding:1px 0px 1px 2px}


/* DElIVERY CONFIRMATION */

.confirmation h1.success {background:url(/images/webbuttons/CFJ/order-success.png) no-repeat 0 7px;}
.confirmation h1.fail {background:url(/images/webbuttons/CFJ/order-fail.png) no-repeat 0 7px;}

/* CONTACT US */
.contact h1 { background:url(/images/webbuttons/CFJ/contact-us.png) no-repeat 0 7px;}
.contact #col-2 p { margin-bottom:15px}
.contact #col-2 p span {color:#000; font-weight:bold}

/* PASSWORD REMINDER */
.forgot-password h1 { background:url(/images/webbuttons/CFJ/password-reminder.png) no-repeat 0 6px;}
.forgot-password .button-set{ padding-top:0; padding-left:220px; width:660px}

/* LOGIN*/
/*.login h1 { background:url(/images/webbuttons/CFJ/login.png) no-repeat 0 6px;}*/
.login .button-set{ padding-top:0; padding-left:220px; width:660px}
.login .request { padding-left: 112px; padding-top: 8px;}
.login p.fp-link { float:left; padding-left:10px}

.define { margin: -5px 0 20px;}
/* SAVED BASKETS */
.saved-baskets h1 { background:url(/images/webbuttons/CFJ/saved-baskets.png) no-repeat 0 6px;}

	/* Saved Baskets Table */
	.saved-baskets table.data th.name { width:485px; text-align:left }
	.saved-baskets table.data th.updated { width:300px; text-align:left}
	.saved-baskets table.data th.delete {width:95px; text-indent:-9999px}
	
	.saved-baskets table.data td { vertical-align: middle; border-bottom:solid 1px #e5e5e5; line-height:normal; padding: 10px}
	.saved-baskets table.data td.name { text-align:left; font-weight:bold}
	.saved-baskets table.data td.updated { text-align:left}
	.saved-baskets table.data td.delete p { display:block; text-indent:-9999px; margin: 0 auto 0; text-align:center; width:24px; height:24px; background:url(/images/webbuttons/CFJ/basket-delete.png) no-repeat 0 0}
	.saved-baskets table.data td.delete p a { display:block; width:24px; height:24px}

/* ORDERS */
.orders h1 { background:url(/images/webbuttons/CFJ/orders.png) no-repeat 0 6px;}
	
	/* Orders listing */
	.orders p.intro label { padding-right:5px}
	.orders .page-controls { border-bottom: none} 
	
	.orders table.data th,
	.orders table.data td{ text-align:left}
	
	.orders table.data td { vertical-align: middle; border-bottom:solid 1px #e5e5e5; line-height:normal;}
	
		.orders table.data th.order-id { width:176px; }
		.orders table.data th.order-date { width:176px; }
		.orders table.data th.track-num {width:196px;}
		.orders table.data th.track-link {width:176px;}
		.orders table.data th.status {width:156px;}
		
	/* Orders detail */
	.orders p.back { margin-bottom:15px;}
	.orders dl {border-top:solid 1px #e5e5e5; margin-bottom:15px; float:left; width:100%}
	.orders dt, .orders dd { float:left; border-bottom:solid 1px #e5e5e5; padding:10px 0}
	.orders dt { clear:both; width:30%; font-weight:bold}
	.orders dd { width:70%}
	
	/* Orders Basket */
	.orders h2 { font-size:16px; margin:15px 0}
	
	.orders table.data th.image { width:150px; text-indent:-9999px}
	.orders table.data th.item { width:340px; text-align:left}
	.orders table.data th.qty {width:80px; text-align:left}
	.orders table.data th.unit-cost {width:150px; text-align:right}
	.orders table.data th.subtotal {width:150px; text-align:right}
	
	.orders table.data td { vertical-align:top; border-bottom:solid 1px #e5e5e5; line-height:normal;}
	.orders table.data td.unit-cost,
	.orders table.data td.subtotal { text-align:right}
	.orders table.data td.subtotal { font-weight:bold}
	.orders table.data td.delete { text-align:center}
	.orders table.data td.item h3 { color:#EA7125;}
	.orders table.data td.item p { font-size:11px}
	
	.orders .basket-total h3 { font-size:18px; padding:15px 0 15px 0; text-align:right; border-bottom:solid 1px #e5e5e5}
	

#overlay { position: absolute; top:0; left:0; width: 100%; z-index: 100; display: none; background: #333 }
.basket-modal, .info-modal {position:absolute; display: none; width:400px; z-index:101; background:#fff}
.basket-modal .wrap, .info-modal .wrap { padding:35px 25px 25px 25px}
.basket-modal p, .info-modal p { font-size:12px; color:#000; text-align:center; margin-bottom:15px}
.basket-modal .modal-close, .info-modal .modal-close { float:right; margin-top:4px; margin-right:4px }
.basket-modal #imgContinueModal { float:left}
.basket-modal #imgViewBasketModal { float:right}

/* BASKET MODAL */
.basket-modal p a { color:#000; text-decoration:underline}
.basket-modal img.bot-but {}

/* Info Modal */

.info-modal fieldset { margin-top: 15px }


/* FAQ's */
.faqs h2 { font-size:14px}
.faqs #col-2 p { margin-bottom:15px}

input[type="radio"] { width: auto;}
.payment span label { width: auto; padding-right: 20px}