/* INITIAL
*/

/* Neutralize styling:
   Elements we want to clean out entirely: */ html, body, form, fieldset {
    margin: 0;
    padding: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0px 0px 1em 0px;
        padding: 0px;
}

/* Apply left margin:
   Only to the few elements that need it: */ li, dd, blockquote {
        margin-left: 3em;
        margin-bottom: 1em;
}

/* Miscellaneous conveniences: */
form label {
	display: block;
	float: left;
	width: 120px;
	padding-top: 4px;
}
fieldset {
    border: none;
}
input, select, textarea {
    font-size: 100%;
}
img {
	border: 0px none;
}
a, .link {
	text-decoration: underline;
	color: #aa0000;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
	color: #666666;
}

#body {
	float: left;
	color: #000000;
	background-image: url(../images/background.gif);
	background-repeat: repeat-x;
	background-position: 0px 16px;
}
.checkbox {
	clear: left;
	float: none;
}
.returnLabel {
	display: inline;
	float: none !important;
	width: auto;
}
#mainContent {
	clear: both;
	margin: 0px 10px 0px 10px;
}

.greyBorder {
	margin-top: 9px;
	border: 1px solid #818181;
}

/*
header styles
*/

#header {
	float: left;
	width: 100%;
}

#printViewLogo {
	display: none;
}

#logoHome {
	width: 228px;
	height: 84px;
	float: left;
	margin-top: 6px;
	margin-left: 10px;
}

#subNav {
	float: right;
	padding-right: 40px;
	margin-top: 5px;
}

#subNav a, #subNav a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #464646;
}

#subNav span {
	padding: 0px 10px;
}

/*
menu
*/

#menuContainer {
	clear: both;
	text-align: center;
}

#menu {
}

a.menuItem {
	background-repeat: no-repeat;
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
	display: -moz-inline-box;
	-moz-box-pack: center;
	display: inline-block;
}

a.menuItem:hover {
	color: #ffffff;
}

.on {
	background: url(../images/on.jpg) no-repeat left top;
	border-right: 1px solid #ef0000;
}

.off {
	background: url(../images/off.jpg) no-repeat left top;
	border-right: 1px solid #545454;
}

#searchBar {
	clear: both;
	text-align: center;
	margin: 0px auto;
	height: 47px;
}

.whiteBold {
	padding-top: 5px;
	padding-left: 10px;
	font-weight: bold;
	color: #ffffff;
}

/*
lhs
*/

#lhsColumn {
	float: left;
	width: 127px;
}

.lhsBorders {
	border-left: 1px solid #aa0000;
	border-right: 1px solid #aa0000;
	border-bottom: 1px solid #aa0000;
	padding-right: 5px;
	padding-top: 2px;
	text-align: right;
}

.lhsBorders a {
	color: #464646;
	display: block;
	text-decoration: none;
}

#tabProducts {
	background-image: url(../images/tab_products.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 23px;
}

#contentProducts {
	border-bottom: 1px solid #aa0000;
	padding-bottom: 2px;
	height: auto !important;
	min-height: 200px;
	height: 200px;
	background-color: #f2f2f2;
	text-align: right;
	width: 125px;
}

.contentProductsSubItem {
	padding: 2px 0px 10px 0px;
}

.contentProductsSubItem a {
	padding-bottom: 2px;
	padding-right: 10px;
	text-decoration: none;
}

#tabBrands {
	margin-top: 11px;
	background-image: url(../images/tab_brands.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 22px;
}

#contentBrands {
	height: auto !important;
	height: 100px;
	min-height: 100px;
	background-color: #f2f2f2;
	text-align: center;
}

.lhsBrand {
	width: 119px;
	text-align: right;
	font-weight: bold;
}

#contentBrands img {
	margin-top: 2px;
	margin-bottom: 2px;
}

#tabExtras {
	margin-top: 11px;
	background-image: url(../images/tab_extras.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 23px;
}

#contentExtras {
	height: 58px;
	background-color: #f2f2f2;
}
#contentExtras a {
	font-weight: bold;
}

#tabMailing {
	margin-top: 11px;
	background-image: url(../images/tab_mailing.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 23px;
}

#contentMailing {
	height: 75px;
	background-color: #f2f2f2;
}

#contentMailingBottom {
	background-image: url(../images/tab_extras_bottom.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 127px;
	height: 8px;
	font-size: 1px;
}

/*
rhs
*/

#rhsColumn {
	float: right;
	width: 127px;
}

.rhsBorders {
	border-left: 1px solid #aa0000;
	border-right: 1px solid #aa0000;
	border-bottom: 1px solid #aa0000;
	padding-left: 5px;
	padding-top: 2px;
	background-color: #f2f2f2;
	text-align: left;
}

.rhsAdvertContainer {
	margin-top: 8px;
}
	
.rhsBorders a {
	display: block;
	color: #464646;
	text-decoration: none;
}

#tabBasket {
	background-image: url(../images/tab_basket.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 23px;
	cursor: pointer;
}

#contentBasket {
	background-color: #f2f2f2;
}

#tabSecureShopping {
	margin-top: 11px;
	background: url(../images/tab_secure_shopping.jpg) no-repeat;
	width: 127px;
	height: 160px;
}

#contentDelivery {
	height: 100px;
	border-bottom: 1px solid #aa0000;
	background-image: url(../images/free_delivery.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

#tabDelivery {
	margin-top: 11px;
	cursor: pointer;
}

#tabTop {
	margin-top: 11px;
	background-image: url(../images/tab_top.jpg);
	background-repeat: no-repeat;
	width: 127px;
	height: 22px;
}

#tabRecent {
	margin-top: 11px;
	background-image: url(../images/tab_recent.jpg);
	background-repeat: no-repeat;
	width: 127px;
	height: 22px;
}

#contentTop {
	height: auto !important;
	height: 100px;
	min-height: 100px;
	background-color: #f2f2f2;
}

.topProduct {
	width: 100px;
	height: 14px;
	overflow: hidden;
}

#tabCheaper {
	background-image: url(../images/tab_cheaper.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 22px;
}

#contentCheaper {
	margin-top: 11px;
	border-top: 1px solid #aa0000;
	background-color: #f2f2f2;
	font-weight: bold;
	color: #464646;
}
#contentCheaper .largeText {
	font-size: 11pt;
}

#tabOther {
	background-image: url(../images/tab_blank.jpg);
	background-repeat:no-repeat;
	width: 127px;
	height: 22px;
}

#contentOther {
	height: 75px;
	background-color: #f2f2f2;
}

#contentTopBottom {
	background-image: url(../images/tab_top_bottom.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
	width: 127px;
	height: 9px;
	font-size: 1px;
}

#miniBasketTable {
	color: #464646;
	font-size: 12px;
	border: 1px;
}	

#miniBasketTable tr {
	line-height: 17px;
}

.miniBasketTableLHS {
	 width: 55px;
}

.miniBasketTableRHS {
	 width: 55px;
	 text-align: right;
}

.basketLabel {
	display: block;
	float: left;
	width: 100px;
	padding-top: 4px;
	text-align: left;
	text-indent: 5px;
}

.basketTable {
	width: 100%;
}

.basketTable td {
	width: 50%;
	text-align: left;
}

/*
middle
*/

.greyBoxMain {
	background-color: #818181;
	color: #ffffff;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	font-size: 10pt;
}

.greyBoxMainBorder {
	border: 1px solid #818181;
}

.greyBoxMainContent {
	padding: 5px 10px 0px 10px;
}

.siteBanner {
	background-repeat: repeat-x;
	font-size: 1px;
	cursor: pointer;
}

.siteBannerRight {
	float:right;
	height:193px;
	background-repeat: no-repeat;
	background-position: bottom left;
}

.siteBannerLeft {
	position: absolute;
	z-index: 1;
	float:left;
	height:193px;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#mainBanner {
	background: url(/custom/images/bannerbg.jpg) repeat-x;
	float: left;
	width: 100%;
}

#mainBanner #imgLeft {
	background: url(/custom/images/banner_van.jpg) no-repeat left;
}
#mainBanner #imgRight {
	background: url(/custom/images/bannerlaptop.jpg) no-repeat right;
	height: 142px;
}

#middleBanner {
	height: 102px;
	margin-bottom: 10px;
}

#middleBannerLeft {
	width: 49%;
	height: 102px;
	float: left;
	background-image: url(../images/banner_truck.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#middleBannerRight {
	width: 49%;
	height: 102px;
	float: right;
	background-image: url(../images/banner_laptop.jpg);
	background-repeat: no-repeat;
	background-position: right;
}

/*
colour banners
*/

/*
red
*/

#bannerRedRpt {
	background: url(../images/banner-red-rpt.gif) repeat-x center;
	height: 47px;
	margin-bottom: 10px;
}
#bannerRedLeft {
	background: url(../images/banner-red-end.gif) no-repeat left;
	width: 1px;
	height: 47px;
	float: left
}
#bannerRedRight {
	background: url(../images/banner-red-end.gif) no-repeat right;
	width: 1px;
	height: 47px;
	float: right
}

/*
teal
*/
#bannerTealRpt {
	background: url(../images/banner-teal-rpt.gif) repeat-x center;
	height: 47px;
	margin-bottom: 10px;
}
#bannerTealLeft {
	background: url(../images/banner-teal-end.gif) no-repeat left;
	width: 1px;
	height: 47px;
	float: left
}
#bannerTealRight {
	background: url(../images/banner-teal-end.gif) no-repeat right;
	width: 1px;
	height: 47px;
	float: right
}

/*
teal
*/
#bannerGreyRpt {
	background: #3e3e3e url(../images/banner-grey-rpt.gif) repeat-x top center;
	height: 47px;
	margin-bottom: 10px;
}
#bannerGreyLeft {
	background: url(../images/banner-grey-end.gif) no-repeat;
	width: 1px;
	height: 47px;
	float: left
}
#bannerGreyRight {
	background: url(../images/banner-grey-end.gif) no-repeat;
	width: 1px;
	height: 47px;
	float: right;
}

#bannerContent {
	padding-left: 10px;
	padding-top: 4px;
}

#bannerCrumbs, #bannerCrumbs a {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 12px;
	height: 12px;
}

#bannerTitle {	
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.bannerOneTitle {
	padding-top: 4px;
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
}

.miniGreyBox {
	background-color: #818181;
	color: #ffffff;
	padding: 2px 0px 2px 5px;
	font-weight: bold;
	min-height: 12px;
	height: auto !important;
	height: 10px;
}

.miniGreyBoxLarge {
	background-color: #818181;
	color: #ffffff;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
	overflow: hidden;
	height: 25px;
}

.miniGreyBoxBorder {
	border-bottom: 1px solid #818181;
	padding-bottom: 9px;
	padding-top: 9px;
}

.miniGreyBoxContent {
	padding: 4px;
}

.borderTop {
	border-top: 12px solid #818181;
}

.middleLeft {
	width: 49%;
	float: left;
}

.middleRight {
	width: 49%;
	float: right;
}
/*
brands
*/

.brandArea {
	text-align: center;
	margin: 10px auto 0px auto;
	width: 470px;
	font-size: 14px;
}

.brandListItem {
	width: 110px;
	height: 85px;
	float: left;
	text-align: center;
	cursor: pointer;
}

.brandListImage {
	width: 100px;
	height: 70px; 
	background: no-repeat center;
	display: block;
	cursor: pointer;
}

.brandGreyItem {
	display: inline;
	width: 146px;
	height: 155px;
}

.brandLetter {
	float: left;
	color: #ec0909;
	text-align: center;
	cursor: pointer;
	width: 18px;
	padding-top: 2px;
	height: 23px;
	font-size: 16px;
	font-weight: bold;
}

.brandLetterOn {
	border-left: 1px solid #ec0909;
	border-right: 1px solid #ec0909;
	border-top: 1px solid #ec0909;
}

.brandLetterOff {
	border-bottom: 1px solid #ec0909;
}

.brandTable {
	width: 432px;
	height: 150px;
	padding: 18px;
	border-left: 1px solid #ec0909;
	border-right: 1px solid #ec0909;
	border-bottom: 1px solid #ec0909;
	font-size: 12px;
}

.brandContainer {
	height: 26px;
	width: 470px;
	font-size: 12px;
}

.brandTableItem {
	text-align: left;
	float: left;
	padding-left: 6px;
	width: 138px;
}

.brandTableItem a {
	text-decoration: none;
	color: #000;
	font-size: 12px;
}

/*
product section
*/


#productItems {
	margin-left: 0px;
	height: auto !important;
	height: 135px;
	min-height: 135px;
}

#productItems .productSectionAnchor {
	float: left;	
	display: block;
	height: auto !important;
	height: 129px;
	min-height: 129px;
	text-align: center;
	padding-top: 3px;
	cursor: pointer;
	text-decoration: none;
}

#productItems .productSectionAnchor:hover {
	background-color: #f2f2f2;
}

#productItems .productSectionContainer {
	margin: 0px 3px;
	display: block;
}

#productItems img {
	height: 87px;
	width: 87px;
	border: 1px solid #808080;
	float: left;
}

#productItems .productTitle {
	float: left;
	clear: left;
	padding: 4px 0px;
	text-align: center;
	width: 87px;
	color: #808080;
	font-size: 8pt;
	font-weight: normal;
}

#productSection .miniGreyBoxContent, #moreFromManufacturerList .miniGreyBoxContent {
	height: auto !important;
	height: 60px;
	min-height: 60px;
}

.productSectionImage {
	margin-right: 5px;
	float: left;
}

.productSectionDescription {
	color: #464646;
	font-size: 10pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	overflow: hidden;
	height: 30px;
	line-height: 12pt;
}

.productSectionStock {
	color: #464646;
	font-size: 8pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	overflow: hidden;
	height: 12px;
	width: 69px;
	padding-left: 3px;
}

.productSectionProductName, .productSectionProductName a {
	color: #464646;
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	overflow: hidden;
	height: 18px;
}

.bundlePriceContainer {
	color: #464646;
	font-size: 8pt;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	float: left;
}

.bundlePrice {
	font-size: 16px;
	display: inline;
	float: left;
}

.productSectionPrice {
	height: 50px;
	width: 135px;
	margin-left: 8px;
}

.productSectionPriceStyle {
	color: #868686;
	font-size: 20px;
}

.productSectionIncVatStyle {
	color: #CC0000;
	font-size: 20px;
	display: inline;
}

.productSectionWasIncVatStyle {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	display: inline;
}

.productSectionVATText {
	margin-left: 2px;
	font-size: 9px;
}

#productSection {
	margin-top: 5px;
}

.bundlePrice .price {
	color: #cb0000;
	font-size: 22px;
	font-weight: bold;
	display: inline;
	margin-right: 5px;
}

.productSectionForm {
	margin-top: 0px;
	margin-left: 5px;
	width: 230px;
	float: right;
	height: 60px;
}
.bundleForm {
	width: 230px;
	float: left;
	padding-top: 20px;
}
.productSectionForm .buyLink {
	float: right;
	margin-top: 8px;
	margin-left: 15px;
}

.bundleForm .buyLink {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}

/*
product styles
*/

#productDetail {
	height: 19px;
	padding-top: 3px;
}

#productName {
	background-color: #818181;
	padding: 5px 0px 5px 5px;
	font-weight: bold;
}

#productContainer, #container  {
	text-align: left;
	margin: 0 140px;
	height: 1%;
}

#contentContainer {
	margin-top: 10px;
}

#productDetailsBorder {
	border: 1px solid #818181;
	height: auto !important;
	min-height: 225px;
	height: 225px;
}	

#productDetailsContent {
	padding: 10px;
	font-size: 10pt;
	color: #818181;
	height: auto !important;
	height: 230px;
	min-height: 230px;
}

#productDetailsContent #productName {
	background: none;
	padding: 0;
	font-size: 14pt;
	color: #818181;
	font-weight: bold;
	margin-bottom: 14px;
}

#productDetailsContent #price {
	color: #cb0000;
	font-size: 22px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 7px;
}
#productSpec {
	height: 26px;
}

a.productNav {
	background-repeat: no-repeat;
	width: 77px;
	height: 26px;
	text-decoration: none;
	float: left;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}
a.productNav:hover {
	color: #ffffff;
}

.pon {
	background-image: url(../images/product_on.jpg);
}

.poff {
	background-image: url(../images/product_off.jpg);
}

.productPortal {
	text-align: left;
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
}

.printTitle {
	display: none;
}

.enforceHeight {
	height: auto !important;
	height: 150px;
	min-height: 150px;
}

#productImage {
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

#productImage .mainImage {
	border: 1px solid #818181;
	padding: 6px;
	margin-bottom: 10px;
	margin-right: 20px;
}

#productBrand {
	float: right;
}

.emailProductLabel {
	width: 150px;
	padding-top: 4px;
}

#productImage .productExtra {
	margin-bottom: 1em;
	margin-top: 1em;
}

#productImage .productExtra img {
	margin-top: 0px;
	vertical-align: middle;
}

#productImage .productExtra a {
	text-decoration: none;
	color: #818181;
}

.buyBtn {
	border: 0px none;
	background-image: url(../images/buy_btn.jpg);
	background-repeat: no-repeat;
	width: 53px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
}

.buyBtnGif {
	border: 0px none;
	background-image: url(../images/buy_btn.gif);
	background-color: transparent;
	background-repeat: no-repeat;
	width: 53px;
	height: 32px;
	cursor: pointer;
	vertical-align: middle;
}

.viewBtn {
	width: 64px;
	height: 32px;
	cursor: pointer;
	display: block;
}

/*
footer
*/

#footer {
	clear: both;
	font-size: 12px;
	padding: 25px 10px 0px 10px;
}

#footer a {
	font-size: 12px;
	text-decoration: none;
	color: #3d3d3d;
}

#footerLeft {
	float: left;
	height: 25px;
	text-align: left;
}

#footerRight {
	float: right;
	text-align: right;
	height: 25px;
}

.navSpacer{ 
	margin: 0px 5px;
}
.dropDown {
	position: absolute;
	display: none;
	border: 1px solid #ad0909;
	background-color: #414141;
	text-align: center !important;
}
.dropDownNav {
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 5px 7px;
}
.dropDownNav:hover {
	color: #CC0000;
}

.popupBasketTab {
	height: 23px;
	width: 482px;
	background-image: url(../images/tab_rpt.gif);
	background-position: center;
	background-repeat: repeat-x;
	margin-bottom: 1px;
}

.popupBasketTabText {
	color: #ffffff;
	font-weight: bold;
	padding-top: 4px;
	padding-left: 10px;	
}

.popup_basket_product {
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	height: 78px;
	margin-bottom: 1em;
}

.popup_basket_list {
	overflow: -moz-scrollbars-vertical;
	overflow-y: auto;
	height: 150px;
}


h1 {
	font-size: 16px;
}
h1.bg {
	background: url(/custom/images/tab_blank.jpg) repeat-x;
	color: #ffffff;
	height: 23px;
	line-height: 22px;
	font-size: 14px;
	text-indent: 10px;
}
h2, h3 {
	font-size: 14px;
}

ul.basketOptionsList li {
	margin-left: 3em;
	margin-bottom: 0;	
}

.clearBoth {
	clear: both;
}
.clearLeft {
	clear: left;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}


#bundleInfo .price {
	color: #cb0000;
	font-size: 22px;
	font-weight: bold;
}

.productBundle .name {
	color: #e80000;
	font-size: 9pt;
	margin-bottom: 3px;
}
.productBundle ul {
	float: left;
	width: 300px;
}
.productBundle ul li {
	list-style-image: url(/custom/images/arrowbullet.gif);
	font-size: 8pt;
	color: #818181;
	margin-bottom: 0;
	margin-left: 2em;
}
.productBundle .bundleItem {
	float: left;
	width: 80px;
}
.productBundle .bundleItem img.productThumb {
	display: block;
	padding-left: 20px;
}

.rowLight {
	background: #f7f7f7;
}
.rowDark {
	background: #e7e7e7;
}

.rowLight td, .rowDark td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.searchPagination {
	margin-top: 7px;
	height: 20px;
}

.paginationItem {
	margin: 0px 5px;
	text-decoration: none;
	font-weight: bold;
}

.paginationPageItem {
	margin: 0px;
	text-decoration: none;
	font-weight: bold;
}

.paginationPages {
	display: inline;
	margin: 0px 10px;
}

.filters {
	margin-top: 7px;
	width: 98%;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #f2f2f2;
}

.filterCount {
	margin: 3px;
	color: #5f5f5f;
}

.filterLink {
	margin-right: 14px;
	text-decoration: none;
	font-weight: bold;
}

#moreFromManufLoading {
	color: #990000; font-weight: bold; font-style: italic;
}

.alternativeProduct {
	clear: both;
}
.alternativeProduct img.productThumb {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.alternativeProduct a {
	display: block;
	margin-bottom: 5px;
	padding-top: 10px;
}

a.checkoutLink {
	color: #990000;
	margin-top: 3px;
	margin-bottom: 3px;
}

#dataContainer {
	 margin: auto !important;
	 width: 400px;
}

table.data {
	border: 1px solid #6f6f6f;
	width: 400px;
	text-align: left;
}
table.data tr.header th {
	background: url(/custom/images/registerbg.gif) repeat-x;
	color: #ffffff;
	font-size: 8pt;
	height: 22px;
}

table.register {
	border: 1px solid #6f6f6f;
	width: 400px;
	text-align: left;
}
table.register tr.header th {
	background: url(/custom/images/registerbg.gif) repeat-x;
	color: #ffffff;
	font-size: 8pt;
	height: 22px;
}

table.register td {
	height: 25px;	
}

.registerInput {
	width: 180px;
}

table.register label {
	width: 180px; 
}

#contentBox {
	width: 200px;
	margin: auto !important;
	padding-top: 30px;
}

#loginOptions #optionLogIn {
	background: url(/custom/images/login-bg.png) no-repeat;
	height: 111px;
	width: 200px;
	float: left;
}
#loginOptions #optionRegister {
	background: url(/custom/images/register-bg.png) no-repeat;
	height: 111px;
	width: 200px;
	float: left;
}
#loginOptions #optionSkipRegister {
	background: url(/custom/images/skip-register-bg.png) no-repeat;
	height: 111px;
	width: 200px;
	float: left;
}
#loginOptions .optionInner {
	padding: 6px 8px 10px 10px;
	color: #ffffff;
}
#loginOptions .optionInner h2 {
	margin: 0;
}

/** FEATURED PRODUCTS **/

#todaysDeal {
	height: auto !important;
	height: 150px;
	min-height: 150px;
}

#todaysDeal .featuredProduct {
	height: auto !important;
	min-height: 150px;
	height: 150px;
}

#todaysDeal .featuredProduct .productImage {
	float: left;
	width: 160px;
	
}
#todaysDeal .featuredProduct .productName a {
	font-size: 22pt;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
}
#todaysDeal .featuredProduct .productDescription {
	font-size: 10pt;
	font-weight: normal;
	color: #464646;
}

#todayPrice li {
	list-style: none;
	margin: 0 0 0 5px;
}

#todayPriceWas {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

#todayPricePlaceHolder {
	font-size: 2px;
}

#todayPricePrice {
	color: #868686;
	font-size: 24px;
	line-height: 34px;
	margin: 0;
}

#todayPriceIncVat {
	color: #CC0000;
	font-size: 24px;
	line-height: 24px;
}

#todayBuyLink {
	height: 32px;
	padding-top: 30px;
	float: left;
	margin-left: 10px;
}

.productNameToday {
	width: 60%;
	overflow: hidden;
	height: 65px;
	margin: 0 0 2px 0 !important;
}

.productNameToday a {
	font-size: 12pt;
	font-weight: bold;
	color: #464646;
	text-decoration: none;
}
#todaysDeal .featuredProduct .productPrice {
	margin-top: 5px;
	font-size: 14pt;
	float: left;
}

#todaysDeal .featuredProduct .priceArea .buyLink  {
	float: right;
}

/** END FEATURED PRODUCTS **/

#priceMatchForm {
	margin-top: 2em;
}
#priceMatchForm label {
	width: 145px;
}

/*
new product layouts
*/

#middleSubContent {
	margin-top: 10px;
}

.homeColumnLeft {
	width: 49%;
	float: left;
	margin: 0px 0px 10px 0px;
} 

.homeColumnRight {
	width: 49%;
	float: right;
	margin: 0px 0px 10px 0px;
}

.homeProductBox {
	background: url(../images/product_shade_in.gif) 0px 0px repeat-x;
	margin: 0px;
	height: 1%;
	border: 1px solid #818181;
}

.homeProductBoxContent {
	display: block;
	min-height: 16em;
}

.productGrey {
	margin-bottom: 8px;
	height: 14px;
	background-color: #818181;
}

.homeProductBoxImage img {
	float: left;
	margin: 5px 5px 0px 5px;
}

.titleCrop {
	width: 90%;
	overflow: hidden;
	height: 36px;
	margin-bottom: 14px;
}

.titleCrop a {
	font-weight: bold;
	color: #464646;
	font-size: 12pt;
}

.homeProductBoxImage {
	height: 85px;
}

.homeProductBoxImage a {
	text-decoration: none;
	color: #818181;
}

.homeProductBoxInfo {
	height: 50px;
	margin: 5px 0px 0px 90px;
	font-size: 75%;
}

.homeProductBoxInfo img {
	float: none;
}

.homeProductBoxInfo li {
	margin: 3px 0px 3px 0px;
	padding: 2px 0px 1px 0px;
}

.homeProductBoxInfo .stock {
	list-style: none;
	font-size: 12px;
}

.productNameTodayStock {
	list-style: none;
	font-size: 12px;
	margin: 0 !important;
}
.priceLIS li {
	margin: 0;
	padding: 0;
}

.homeProductBottom {
	margin: 0px 0px 5px 0px;
	font-size: 85%;
}
.homeProductBottom .was {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
.homeProductBottom .price {
	color: #868686;
	font-size: 20px;
}
.homeProductBottom .incVat {
	color: #CC0000;
	font-size: 20px;
}
.homeProductBottom ul {
	margin: 0px;
	padding: 0px;
	float: left;
}
.homeProductBottom li {
	list-style: none;
	padding: 0px 0px 0px 5px;
	margin-left: 0px;
}

.productBoxForm {
	padding-top: 25px;
	margin-left: 135px;
	float: none;
}

.productBoxFormNoSale {
	padding-top: 21px;
	margin-left: 164px;
	text-align: right;
	float: none;
}

.productBoxFormNoSale img {
	float: left;
	margin: 5px 0px 0px 0px;
}

.productInput {
	padding: 3px 5px 2px 5px;
}

/*
buttons
*/

.button {
	border: 0px none;
	cursor: pointer;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	height: 27px;
	background-position: left 0px;
	background-repeat: no-repeat;
}

.greyButtonShort {
	background-image: url(../images/button-short-grey.jpg);
	width: 95px;
}

.greyButtonLong {
	background-image: url(../images/button-long-grey.jpg);
	width: 137px;
}

/*
popup login
*/

/* login popup */

#loginPopup, .yui-panel-container, .yui-panel, #checkoutPopup {
	background: transparent;
	border:none;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
}

#loginPopup .bd, #loginForm .bd {
	background: transparent url(../images/login-bg.jpg);  
	border: 0px solid #aeaeae;  
	width: 300px;
	height: 167px;
}

#loginPopup form, #loginForm form {
	padding: 32px 0px 0px 20px;
	font-weight: bold;
	font-size: 125%;
	color: #ffffff;
}

#loginForm {
	padding-top: 1px;
}
#loginForm form {
	font-size: 100% !important;
}

#loginPopup label, #loginForm label {
	margin-top: 8px;
	width: 110px;
	clear: left;
}
#popupUsername, #popupPassword, #loginForm #password, #loginForm #username {
	width: 140px;
	margin-top: 5px;
}

#popupLoginButton, #popupCancelButton, #loginForm #loginButton {
	margin-top: 10px;
	margin-right: 20px;
	float: right;
}

.forgottenPasswordLink {
	text-align: right;
	margin-top: 10px;
	padding-right: 25px;
}
.forgottenPasswordLink a {
	color: #ffffff;
	text-decoration: none;
}

.forgottenPasswordLink a:hover {
	color: #ffffff;
	text-decoration: none;
}

#popupLoginButton, #loginForm #loginButton {
	padding-right: 20px;
}

#popupCancelButton {
}

.horizontalDottedLine {
	background: url(../images/dot-h.gif) repeat-x bottom;
	padding-bottom: 10px;
	margin-bottom: 3px;
}

.contactTextInput {
	width: 170px;
}

.docListTable {
	width: 100%;
}

.docListCol1 {
	width: 30px;
	vertical-align: top;
}

.registerStar {
	color: #CC0000;
	padding-left: 5px;
}


/*
checkout popup
*/

#checkoutPopup .yellow {
	padding-top: 35px;
	width: 225px;
	padding-left: 15px;
	font-size: 13px;
}

.checkoutTaskPopup {
	float: left;
	border: 0px solid #aeaeae;  
	width: 250px;
	height: 139px;
	background-position: center;
	background-repeat: no-repeat;
	color: #ffffff;
}

.checkoutTaskPopup form, .checkoutTaskPopup form {
	padding: 37px 0px 0px 12px;
	color: #ffffff;
}

#checkoutPopup label {
	margin-top: 5px;
	width: 90px;
	clear: left;
	font-size: 13px;
}
#checkoutPopup .checkoutInput {
	width: 130px;
	margin-top: 3px;
}

#popupLoginButton, #loginForm #loginButton {
	padding-right: 20px;
}

/* photobox*/
.mask { background-color:#000;-moz-opacity:0.75;opacity:.75;filter:alpha(opacity=75);}
.photobox {border:0px;overflow:visible;background-color:#fff;}
.photobox .ft .back {position:absolute;left:1px;color:#eee}
.photobox .ft .back img, .photobox .ft .next img {border:none;}
.photobox .ft .next {position:absolute;right:1px;color:#eee}
.photobox .hd {font-weight:normal;border:none;border-bottom:1px solid #666;background:transparent;color:#FFF;height:300px;text-align:left;overflow:visible;padding:0;padding-bottom:5px;margin-bottom:5px;width:700px;}
.photobox .hd span {vertical-align:middle;line-height:15px;}

#photobox {
	text-align: center;
}

#photobox.yui-panel .container-close {
	 top:5px;
	 right:4px;
	 height:18px;
	 width:18px;
	 background-image:url(../images/viewer/close.gif)
}

#photobox.yui-panel .hd {
	background-image: url(../images/viewer/top-grad.gif);
	background-repeat: repeat-x;
	background-position: center;
	border: none;
	height: 34px;
	width: 500px;
	padding: 0px;
}

#photobox.yui-panel .bd {
	height: 450px;
	width: 430px;
	margin: 0px 20px;
	background-repeat: no-repeat;
	background-position: center;
}

#photobox.yui-panel .hd span {
	vertical-align:middle;
	line-height:26px;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	margin-left: 4px;
}

#photobox.yui-panel .back {
	margin-left: 20px;
}

#photobox.yui-panel .next {
	margin-right: 20px;
}

#photobox.yui-panel .ft {
	height: 26px;
	margin:0;
	width: 500px;
}

/* help */

.helpLinkName1 {
	display: block;
	color: #aa0000;	
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.helpLinkName2 {
	color: #000;	
	font-size: 12px;
	cursor: pointer;
	line-height: 20px;
	margin-left: 17px;
}

.helpLinkRef1 {
	font-weight: bold;
	font-size: 14px;
	color: #aa0000;	
}

.helpLinkRef2 {
	font-weight: bold;
	font-size: 12px;
	color: #aa0000;	
}

.features {
	width: auto;
}

.featuresName {
	vertical-align: top;
	font-weight: bold;
}
.accountBoxes a {
	display: block;
	width: 344px;
	height: 137px;
	margin-top: 16px;
}

.outOfStockPopup {
	border: 0;
	width: 300px;

	text-align: left;
	background: transparent url(/custom/images/oos-bg.gif) no-repeat top;
}
.outOfStockPopupInner {
	width: 280px;
	height: 147px;
	padding: 10px;
	color: #fff;
}
.ui-dialog-titlebar{display:none;}


#outOfStockPopup {
	border: 0;
	/*width: 300px;
	#height: 220px;*/
	text-align: left;
	background: transparent url(/custom/images/oos-bg.gif) no-repeat top;
}
#outOfStockPopupInner {
	/*width: 280px;
	height: 220px;*/
	padding: 10px;
	color: #fff;
}
.outOfStockItem {
	margin-bottom: 8px;
}
.outOfStockInput {
	width: 144px;
}
/* great deal */
.greatDealContainer {
	margin-top: 11px;
}
#greatDealHeader {
	background: url(/custom/images/tab_deal.jpg) no-repeat;
	height: 23px;
	width: 127px;
}
#greatDealBorder {
	border-left: 1px solid #1ba021;
	border-bottom: 1px solid #1ba021;
	border-right: 1px solid #1ba021;
	padding: 2px 5px;
	background-color: #f2f2f2;
	text-align: left;
}

#greatDealHeaderYellow {
	background: url(/custom/images/tab_deal_yellow.jpg) no-repeat;
	height: 23px;
	width: 127px;
}
#greatDealBorderYellow {
	border-left: 1px solid #ead339;
	border-bottom: 1px solid #ead339;
	border-right: 1px solid #ead339;
	padding: 2px 5px;
	background-color: #f2f2f2;
	text-align: left;
}

#greatDealHeaderPurple {
	background: url(/custom/images/tab_deal_purple.jpg) no-repeat;
	height: 23px;
	width: 127px;
}
#greatDealBorderPurple {
	border-left: 1px solid #8f23cf;
	border-bottom: 1px solid #8f23cf;
	border-right: 1px solid #8f23cf;
	padding: 2px 5px;
	background-color: #f2f2f2;
	text-align: left;
}

.greatDealImage {
	margin-top: 4px;
	text-align: center;
}
.greatDealProduct {
	margin: 0px 0px 5px 0px;
	font-size: 85%;
}
.greatDealProduct .was {
	color: #000;
	font-size: 10px;
	font-weight: bold;
}
.greatDealProduct .price {
	color: #868686;
	font-size: 14px;
}
.greatDealProduct .incVat {
	color: #CC0000;
	font-size: 14px;
}
.greatDealProduct ul {
	margin: 0px;
	padding: 0px;
}
.greatDealProduct li {
	list-style: none;
	padding: 0px 0px 0px 5px;
	margin-left: 0px;
}
.greatDealName {
	color: #464646 !important;
	text-decoration: none !important;
}