/* CSS Document */
body { margin: 0px; font-size: 11px; font-family: Verdana, Helvetica, Arial, sans-serif; }
a { text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif; }
h1 { text-align: center; font-size: 18px; }
h2 { margin-top: 10px; margin-bottom: 5px; font-size: 15px; }
h3 { font-size: 12px; }
ol li {	margin-bottom: 20px; }
img { border: none; }
form { margin: 0px; }
p.noHeading { padding-bottom:15px; text-align:center; font-size:10px; }
td.decimal { text-align: right; padding-right: 10px; }

.inline { display: inline; }
.error { color: #F00; }
.bordered {	border: 1px solid #000000; }
.RRP { text-decoration: line-through; }
.price { font-weight: bold; }
.productPhoto { float: left; margin: 0px 20px 20px 0px; }
.formTable, .formTable th { text-align: left; vertical-align: top; padding: 2px; }
.quantityBox { width: 50px; text-align: right; padding-right: 3px; }
.ordersTable { width: 100%; }
.highlighted { background-color: #CCE; cursor: pointer; }
.styledTable { width: 805px; margin: 5px; padding: 0px; }
.styledTable th { text-align: left; border-bottom: 1px solid #66C; }
.styledTable p { margin: 10px; }
.styledTable .formTable th { border: none; }
.halfwidth { width: 397px; }
.radioChoice th { /*background-color: #FFFFFF;*/ vertical-align: middle; width: 35px; }
.faqQ { font-weight: bold; color: #000000; background-color:#99C; padding: 3px; }
.faqA { padding-left: 15px; padding-bottom: 15px; }
.note { font-size: 10px; color: #66C; font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif; }
ul.ticks { list-style: url('/images/tick.jpg'); }

#container { position: relative; width: 990px; margin: auto; margin-top: 0px; background-color: #FFFFFF; padding: 0px; }
#header { background: url('/images/head-back.gif') repeat-x #66c; height: 123px; }
#topstrip { background: url('/images/strip.gif') repeat-x #66C; color: #FFFFFF; font-weight: bold; padding: 4px 8px; margin: 5px 0px; height: 18px; }
#topstrip #loginSection { float: right; }
#topstrip #loginSection a { font-weight: normal;  color: #FFF; text-decoration: underline; }
#topstrip form { margin: 0px 10px; }
#topstrip input { font-size: 11px; padding-bottom: 0px; }
#topstrip .error { color: #000; }
ul.nav { padding: 2px 0px; padding-left: 15px; margin: 0px; list-style: square; font-family: "Century Gothic", Georgia, "Times New Roman", Times, serif; }
ul.nav li { float: left; font-size: 12px; padding-right: 20px; }
ul.nav li a { padding: 2px; padding-right: 20px; color: #FFF; text-decoration: underline }
ul.nav li a:hover { text-decoration: none; }

#breadcrumbs { list-style: none; padding: 0px; margin: 8px 0px 0px 0px; font-size: 12px; height: 21px; }
#breadcrumbs li { float: left; padding: 0px 2px 0px 2px; }
#breadcrumbs span { display: block; padding: 3px 20px 3px 30px; background: url('/images/h_active.gif') left no-repeat; height: 15px; }
#breadcrumbs a { display: block; padding: 3px 20px 3px 30px; background: url('/images/h_inactive.gif') left no-repeat; height: 15px; }
/*#content { clear: both; float: left; padding: 0px 5px 15px 5px; text-align: justify; font-size: 11px; width: 760px; }*/
#contentContainer { padding: 0px; padding-right: 160px; }
#content { position: relative; float: left; width: 815px; margin: 0px auto; padding-left: 10px; }
#left { float: left; width: 150px; }
#left-brands { height: 120px; }
#left-brands img { margin: 0px 10px; }
#right { float: right; width: 150px; }
/*#right { position:fixed; top:156px; width:150px; background-color:#fff; }
* html #right { position:static; float:right; margin:0; background-color:#fff; }*/
#left h2, #right h2 { margin: 14px 0px 4px 0px; padding: 2px; font-size: 12px; border-bottom: 1px solid #66C; clear: both; text-align: left; }
#left h2 { margin-right: 5px; }
#left h2.top, #right h2.top { margin-top: 0px; }
#left #left-brands img { float: left; }
#right #basket h2 { margin: 0px; padding: 2px 4px; font-size: 10px; color: #FFF; background: url('/images/headstrip.gif') repeat-x #66C; height: 14px }
#right .payment { text-align: center; }

#basket { position: relative; border: 1px solid #66C; margin: 5px 0px; text-align: center; font-size: 10px; }
#basket h2 { text-align: center; }
#basket #flashboard { display: none; opacity:0; filter:alpha(opacity=0); position: absolute; top: 15px; bottom: 0px; left: 0px; right: 0px; background-color:#66C; }
#basket #totals { text-align: right; margin: 0px 0px 2px 0px; padding: 1px; }
#basket table {
	width: 148px;
	font-size: 10px;
	text-align: left;
	margin-bottom: 5px;
}
#basket th {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}
#basket td { text-align: right; width: 50px; }
#basket th, #basket td { padding: 2px 1px; border-bottom: 1px dashed #CCE; }
#basket input { font-size: 11px; margin-bottom: 4px; }

#message { width: 660px; padding: 10px; }

#footer { clear: both; margin: 0px; padding-top: 10px; text-align: center; }
#footer h2 { color: #FFF; text-transform: uppercase; font-family: Verdana, Helvetica, Arial, sans-serif; padding: 4px 0px; background: url('/images/strip.gif') repeat-x #66C; text-align: center !important; }
#footer ul { list-style: none; padding: 0px; }
#footer ul li { display: inline; padding: 0px 12px; }
#footer p { font-size: 9px; padding-bottom: 5px; }

.boxItem { display: inline; /* IE6 Fix */ float: left; height: 150px; width: 235px; margin: 0px 10px 20px 10px; padding: 3px 10px 10px 4px; background: url('/images/boxback.jpg') #FFF; }
.boxItem h2 { text-align: left; font-weight: bold; height: 30px; margin: 0px; padding: 2px; vertical-align: top; font-size: 12px; }
.boxItem .boxBody { height: 105px; font-size: 11px; padding: 0px 2px; }
.boxItem input { font-size: 10px; width: 40px; margin: 1px 0px; }
.boxItem img.item { float: right; width: 100px; }
.miniBoxItem { display: inline; /* IE6 Fix */ float: left; height: 105px; width: 234px; margin: 5px; padding: 3px 10px 10px 4px; background: url('/images/miniboxback.jpg') #FFF; }
.miniBoxItem h2 { text-align: left; font-weight: bold; height: 29px; margin: 0px; padding: 2px; vertical-align: top; font-size: 11px; overflow: hidden; }
.miniBoxItem .boxBody { height: 105px; font-size: 10px; padding: 0px 2px; }
.miniBoxItem input { font-size: 10px; width: 40px; margin: 1px 0px; }
.miniBoxItem img.item { float: left; width: 100px; }
.listItem { height: 70px; width: 790px; margin:5px auto; padding:3px 0px; border-bottom:1px solid #ddd; }
.listItem h2 { text-align: left; font-weight: bold; margin:0px; padding:2px; font-size:11px; }
.listItem table { width:700px; color: #333; }
.listItem table td.listBrand { width:125px; text-align: center; }
.listItem table td.listCat1 { width:100px; text-align:center; }
.listItem table td.listCat2 { width:125px; text-align:center; }
.listItem table td.listPrice { width:150px; }
.listItem table td.listAdd { width:100px; text-align:center; }
.listItem input { font-size: 10px; width: 40px; margin: 1px 0px; }
.listItem div.image { float:left; height:70px; width:70px; margin-right:5px; text-align:center; }
.listItem div.image img { height:70px; }


/* home page */
.homeBox { display: inline; /* IE6 Fix */ margin: 15px 20px; margin-top: 10px; width: 145px; text-align: center; float: left; }
.homeBox select { font-size: 12px; width: 140px; }
#slider { width:780px; margin: 0 auto; position: relative; height: 240px; }
#sliderTabs { width:360px; margin:auto; padding:0; }
#slider #sliderTabs { position:absolute; top:0px; left:210px; width:360px; margin:0; padding:0; }
#sliderTabs li { float:left; margin:0; padding:0; list-style:none; }
#sliderTabs li a { display:block; width:120px; height:41px; background: url('/images/tabs.gif') no-repeat; overflow:hidden; text-indent: 125px; }
#sliderTabs li#inktab a { background-position: 5px -41px; }
#sliderTabs li#inktab a.selected { background-position: 5px 0px; }
#sliderTabs li#papertab a { background-position: -120px -41px; }
#sliderTabs li#papertab a.selected { background-position: -120px 0px; }
#sliderTabs li#accessoriestab a { background-position: -245px -41px; }
#sliderTabs li#accessoriestab a.selected { background-position: -245px 0px; }
.scroll { position:absolute; top:41px; height:199px; width:780px; overflow: hidden; border:solid #9999CC; border-width:2px 0px; }
.scrollContainer div.panel { padding:0; height:210px; width:780px; margin:auto; }
#ink { width:740px; padding:0 20px; }
#slider #paperFilter { width:780px; height:205px; }
/*.scrollButtons { position:absolute; top:150px; cursor:pointer; }
.scrollButtons.left { left:-20px; }
.scrollButtons.right { right:-20px; }
.hide { display: none; }*/
ul#inkBrands { clear:both; width:540px; height:30px; margin:auto; padding:10px 0; list-style:none; }
ul#inkBrands li { float:left; }
ul#inkBrands li a { display:block; width:50px; height:30px; margin:0 5px; background:url('/images/logos.gif') no-repeat; overflow:hidden; text-indent:-150px; }
ul#inkBrands li a#miniInkBrother { background-position: -250px 0px; }
ul#inkBrands li a#miniInkCanon { background-position: -50px 0px; }
ul#inkBrands li a#miniInkDell { background-position: -300px 0px; }
ul#inkBrands li a#miniInkEpson { background-position: 0px 0px; }
ul#inkBrands li a#miniInkHP { background-position: -100px 0px; }
ul#inkBrands li a#miniInkKodak { background-position: -200px 0px; }
ul#inkBrands li a#miniInkLexmark { background-position: -150px 0px; }
ul#inkBrands li a#miniInkPhilips { background-position: -400px 0px; }
ul#inkBrands li a#miniInkSamsung { background-position: -350px 0px; }
/* homepage end*/

#cartridgeDesc { margin-left: 200px; margin-bottom: 10px; }
#continueShopping { position: absolute; font-weight: bold; top: 0px; right: 10px; }

#styledBox { float: left; width: 805px; /* 815 with border */ margin: 5px; padding: 0px; border: 0px solid #CCC; display: inline; /* MSIE6 Fix */ }
#styledBox h1 { text-align: left; margin: 2px; padding: 1px; font-size: 16px; clear: both; border-bottom: 1px solid #66C; }
#styledBox h2 { text-align: left; margin: 2px; padding: 1px; font-size: 11px; clear: both; }
#styledBox h3 { padding: 3px; }
#styledBox p { padding: 10px; margin: 0px; }
.styledBox { width: 805px; /* 815 with border */ margin: 5px; padding: 0px; border: 0px solid #CCC; display: inline; /* MSIE6 Fix */ }
.styledBox h1 { text-align: left; margin: 2px; padding: 1px; font-size: 16px; clear: both; border-bottom: 1px solid #66C; }
.styledBox h2 { text-align: left; margin: 2px; padding: 1px; font-size: 11px; clear: both; }
.styledBox h3 { text-align: left; padding: 3px; margin: 2px; }
.styledBox p { text-align: left; padding: 10px; margin: 0px; }

#paperItem { float: left; width: 165px; margin: 5px; text-align: left; display: inline; /* IE6 Fix*/ }
#paperItem p { padding: 0px; margin-top: 10px; }
#paperDesc { margin-top: 5px; height: 39px; vertical-align: top; }

/*#otherInformation, #existingLogin { width: 360px; }
#notregistered { width: 360px; float: right; display: inline; /*IE6 Fix  }*/

form#gcForm { display: inline; }
form#gcForm input { padding: 16px 0px; }

.risky { background-color: #FF6600; }
.gc { background-color: #99FFFF; }


/* Manufacturers Page */
#manufacturer #content img#manufacturerLogo { float: right; margin: 0px 20px; }
#manufacturer #content table { width: 100%; }
#manufacturer #content table tr { vertical-align: top; }
#manufacturer #content table#dropdownTable td { width:50%; text-align:center; }
#manufacturer #content ul#printerList { list-style: none; padding: 0px; margin: 0px; }
#manufacturer #content ul#printerList li { padding: 2px 1px; }
#manufacturer #content ul#printerList a:hover { color: #FF0000; }

/* Item pages */
#cartridge #content h2, #paper #content h2, #accessories #content h2 { color: #66C; }
#cartridge #content #itemDesc, #paper #content #itemDesc, #accessories #content #itemDesc { font-size: 12px; }

/* Cartridge pages */
#cartridge #printerLists { display: none; visibility: hidden; }
#cartridge #content table { width: 450px; }
#cartridge #content table tr { vertical-align: top; }
#cartridge #content ul#printerList { list-style: url('/images/tick.jpg'); padding: 0px; padding-left: 20px; margin: 0px; }
#cartridge #content ul#printerList li { padding: 2px 1px; }
#cartridge #content ul#printerList a:hover { color: #FF0000; }

#cartridge #content #imageHolder, #paper #content #imageHolder { float: left; margin: 0px; margin-right: 20px; }
#cartridge #content #imageHolder img.productPhoto, #paper #content #imageHolder img.productPhoto { margin: 0px; margin-bottom: 20px; }
#cartridge #content #imageHolder img#pricepromise, #paper #content #imageHolder img#pricepromise { float: left; clear: left; margin-left: 50px; }

/* Paper page */
#paperFilter { width:810px; margin:auto; margin-bottom:20px; background-color:#f5f5f5; border:solid #DDD; border-width: 2px 0px; }
#paper #paperFilter { border-top-color: #9999CC; }
#paperFilter th { text-align:left; padding:5px; font-family:"Century Gothic", Georgia, "Times New Roman", Times, serif; font-size:12px; }
#paperFilter td { width:360px; padding: 5px 15px; }
#paperFilter #paperSizes, #paperFilter #paperBrands { position:relative; }
#paperFilter #paperSizes a { display:block; float:left; margin-right:5px; height:105px; background: url('/images/papersizes.jpg') no-repeat; overflow:hidden; text-indent:-250px; }
#paperFilter #paperSizes a#paperA3.active { width:145px; background-position: 0px 0px; }
#paperFilter #paperSizes a#paperA3 { width:145px; background-position: 0px -110px; }
#paperFilter #paperSizes a#paperA4.active { width:75px; background-position: -150px 0px; }
#paperFilter #paperSizes a#paperA4 { width:75px; background-position: -150px -110px; }
#paperFilter #paperSizes a#paper13x18.active { width:65px; background-position: -230px -56px; height:49px; margin-top:56px; }
#paperFilter #paperSizes a#paper13x18 { width:65px; background-position: -230px -166px; height:49px; margin-top:56px; }
#paperFilter #paperSizes a#paper10x15.active { width:55px; background-position: -300px -66px; height:39px; margin-top:66px; }
#paperFilter #paperSizes a#paper10x15 { width:55px; background-position: -300px -176px; height:39px; margin-top:66px; }
#paperFilter #paperSizes a#paperAllSizes { position:absolute; top:18px; right:35px; width:81px; height:20px; background:url('/images/showall.gif') no-repeat; }
#paperFilter #paperBrands a { display:block; float:left; margin:4px 24px 4px 0px; width:75px; height:55px; background: url('/images/paperbrands.gif') no-repeat; overflow:hidden; text-indent:-250px; }
#paperFilter #paperBrands a#paperHP.active { background-position: 0px 0px; }
#paperFilter #paperBrands a#paperHP { background-position: 0px -55px; }
#paperFilter #paperBrands a#paperCanon.active { background-position: -75px 0px; }
#paperFilter #paperBrands a#paperCanon { background-position: -75px -55px; }
#paperFilter #paperBrands a#paperEpson.active { background-position: -150px 0px; }
#paperFilter #paperBrands a#paperEpson { background-position: -150px -55px; }
#paperFilter #paperBrands a#paperKodak.active { background-position: -225px 0px; }
#paperFilter #paperBrands a#paperKodak { background-position: -225px -55px; }
#paperFilter #paperBrands a#paperIlford.active { background-position: -300px 0px; }
#paperFilter #paperBrands a#paperIlford { background-position: -300px -55px; }
#paperFilter #paperBrands a#paperAllBrands { position:absolute; top:82px; left:195px; width:81px; height:20px; background:url('/images/showall.gif') no-repeat; }
#results h3 { margin:18px 4px 6px 4px; }

#content .tabContainer { padding-top: 10px; margin-left: 220px; width: 525px; }
#content #tabToggle { list-style: none; margin: 0px; padding: 0px; display: block; height: 19px; }
#content #tabToggle li { float: left; margin: 0px 5px; padding: 2px 8px; height: 14px; border: 1px solid #66C; }
#content #tabToggle li.active { background: url('/images/headstrip.gif') #66C; color: #FFFFFF; }
#content #tabToggle li.active a { color: #FFFFFF; }
#content .tabContents { border-top: 1px solid #66C; padding: 5px; }
#content .tabContainer .promoContainer { height: 175px; width: 517px; overflow: auto; }

/* Checkout */
#viewbasket h1, #checkout h1 { text-align: left; font-size: 14px; border-bottom: 1px solid #66C; }
#viewbasket .divider, #checkout .divider { clear: both; margin: 20px 0px; border-top: 1px dashed #66C; }
#viewbasket .bottomdivider, #checkout .bottomdivider { clear: both; margin: 20px 0px 10px 0px; padding-bottom: 20px; border-bottom: 1px dashed #66C; text-align: center; }
#viewbasket table#buttons, #checkout table#buttons { text-align: center; margin: 0px; float: right; }
#viewbasket table#buttons td, #checkout table#buttons td { padding: 0px; vertical-align: top; }
#viewbasket table#buttons td.orText { padding-top: 5px; }
#checkoutNav { clear: both; padding-top: 10px; }
#checkoutNav input { font-size: 14px; margin: 0px 10px; }
#viewbasket #message, #checkout #message { width: 790px; text-align: center; padding: 4px 8px; border: 1px dashed #CC6; background-color: #FFC; }

#viewbasket #special-offer { border-top: 1px solid #66C; text-align:center; border-bottom: 1px solid #66C; margin-bottom: 5px; padding: 0px 5px 5px 5px; background-color: #CCF; }
#viewbasket #special-offer p { margin: 5px 0px; }
#viewbasket #special-offer input { font-size: 10px; }
#viewbasket #special-offer input.quantityBox { width: 30px; }

#checkout #registeredLoginBox { height: 120px; width: 235px; margin: 10px auto; padding: 3px 10px 10px 4px; background-color: #CCF; border: 1px dashed #66C; }
#checkout #registeredLoginBox h2 { text-align: left; margin: 2px; padding: 1px; font-size: 11px; margin-bottom: 8px; }
#checkout #registeredLoginBox h2 span { font-weight: normal; }
#checkout #registeredLoginBox table.formTable th { font-weight: normal; width: 90px; }
#checkout #registeredLoginBox input { font-size: 9px; }
#checkout #registeredLoginBox a { font-size: 10px; }
#checkout #personalInfo h3 { text-align: left; }
#checkout #billingAddress, #checkout #deliveryAddress { float: left; width: 397px; }
#checkout #registerBox { clear:both; padding:5px; background-color:#CCF; text-align:left; border:1px dashed #66C; border-width:1px 0px; margin-top:8px; }
#checkout #registerBox h3 { margin: 2px; text-align: center; margin-bottom: 8px; }
#checkout #registerBox p { text-align: center; }
#checkout #validateMessage { color: #FF0000; }

#checkout #paymentDetails { clear: both; width: 705px; margin: 10px auto; padding-left: 70px; }
#checkout #paymentDetails th { text-align: left; width: 100px; height: 25px; }
#checkout #paymentDetails td { width: 250px; }
#checkout #paymentDetails td span { color: #F00; }
#checkout #paymentDetails td input { width: 40px; }
#checkout #paymentDetails td input#cardNumber { width: 150px; }