/* TRADING DIRECT */

html{margin:0; padding:0; height:100%}
body{margin:0; padding:0; height:100%; font-size:11px; font-family:Tahoma, Arial, Verdana; background:url(../img/containerBg.gif) repeat-y left top; background-color:#fff}

/* SITE SETTINGS */

img{border:0}
ul, li{margin:0; padding:0}
p{margin:0; padding:0; font-family:Tahoma, Arial, Verdana; font-size:11px}
a{margin:0; padding:0; font-family:Tahoma, Arial, Verdana; font-size:11px}
fieldset{border:0; margin:0; padding:0}
input, select, textarea{font-family:Tahoma, Arial, Verdana; font-size:11px}

.clear{clear:both} 
.clear0{height:0; line-height:0; clear:both}
.clear5{height:5px; line-height:5px; clear:both}
.clear10{height:10px; line-height:10px; clear:both}
.clear15{height:15px; line-height:15px; clear:both}
.clear20{height:20px; line-height:20px; clear:both}
.clear25{height:25px; line-height:25px; clear:both}
.clear30{height:30px; line-height:30px; clear:both}
.clear40{height:40px; line-height:40px; clear:both}

.marginTop4{margin-top:4px}
.marginTop8{margin-top:8px}
.marginTop10{margin-top:10px}
.marginRight10{margin-right:10px}
.marginRight15{margin-right:15px}
.marginRight19{margin-right:19px}
.marginRight40{margin-right:40px}
.marginBottom12{margin-bottom:12px}
.marginBottom16{margin-bottom:16px}
.marginLeft176{margin-left:176px}
.marginLeft137{margin-left:137px}
.marginLeft135{margin-left:135px}
.marginLeft85{margin-left:85px}
.marginLeft72{margin-left:72px}
.marginLeft48{margin-left:48px}
.marginLeft44{margin-left:44px}
.marginLeft12{margin-left:12px}
.marginLeft13{margin-left:13px}
.marginLeft16{margin-left:16px}
.marginLeft5{margin-left:5px}

.width129{width:129px}
.width174{width:174px}
.width581{width:581px}
.width699{width:699px}

.height150{height:150px}

.indent14{text-indent:14px} 
.indent61{text-indent:61px} 

/* CONSTRUCTION */

#container{width:958px; height:100%; margin:0 1px; padding:0}
#header{position:relative; width:100%; height:146px; margin:0; padding:0; background:url(../img/header/headerBg.gif) repeat-x}
#leftNav{float:left; display:inline; width:169px; margin:0 10px 0 9px;position:relative; z-index:100}
#mainContent{float:left; display:inline; width:585px; /*height:100%;*/ margin:0 6px 0 0}
#rightColumn{float:left; display:inline; width:169px; margin:0}
#footer{position:relative; width:100%; height:90px; margin:0; padding:0; background:url(../img/footer/footerBg.gif) repeat-x}

#singleColumn{position:relative; width:699px; margin:0 auto}
#singleContent{position:relative; width:699px; margin:0; padding:25px 0 0 0}

h2.navHeaderBar{position:relative; width:169px; height:25px; padding:0; background:url(../img/leftNav/navHeaderBar.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
h2.navHeaderBarBlue{position:relative; width:169px; height:25px; padding:0; background:url(../img/leftNav/navHeaderBarBlue.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 

h1.headerBar, h2.headerBar{position:relative; width:581px; height:25px; margin:0; padding:0; background:url(../img/headerBar.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; line-height:21px} 
h2.headerBar283{position:relative; width:283px; height:25px; margin:0; padding:0; background:url(../img/headerBar283.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 

.headerBarBlue{position:relative; width:581px; height:25px; margin:0; padding:0; background:url(../img/headerBarBlue.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarGreen{position:relative; width:581px; height:25px; margin:0; padding:0; background:url(../img/headerBarGreen.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarRed283{position:relative; width:283px; height:25px; margin:0; padding:0; background:url(../img/headerBarRed283.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarBlue h2, .headerBarGreen h2, .headerBarRed283 h2, .headerBarBlueLong h2{margin:0; padding:0; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarBlue a, .headerBarGreen a, .headerBarRed283 a, .headerBarBlueLong a{color:#fff; font-size:10px; font-weight:normal; text-decoration:none; background:url(../img/icons/arrowWhite.gif) no-repeat left center; padding:0 0 0 10px; margin:0; position:absolute; top:0; left:177px; text-indent:0; height:12px; line-height:12px}
.headerBarBlue a:hover, .headerBarGreen a:hover, .headerBarRed283 a:hover, .headerBarBlueLong a:hover{text-decoration:underline}

.headerBarBlueLong{position:relative; width:581px; height:25px; margin:0; padding:0; background:url(../img/headerBarBlueLong.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarBlueLong h2{margin:0; padding:0; color:#fff; font-size:11px; font-weight:bold; text-indent:14px; line-height:21px} 
.headerBarBlueLong h2 a{margin:0; padding:0; color:#fff; font-size:11px; font-weight:bold; line-height:21px; text-decoration:none; position:absolute; top:0; left:14px; background:none} 
.headerBarBlueLong h2 a:hover{text-decoration:underline}
.headerBarBlueLong a{color:#fff; font-size:10px; font-weight:normal; text-decoration:none; background:url(../img/icons/arrowWhite.gif) no-repeat left center; padding:0 0 0 10px; margin:0; position:absolute; top:0; left:257px; text-indent:0; height:12px; line-height:12px}
.headerBarBlueLong a:hover{text-decoration:underline}

.shadow699{position:relative; width:699px; margin:0; padding:0; background:url(../img/shadow699.gif) no-repeat top}
.shadow581{position:relative; width:581px; margin:0; padding:0; background:url(../img/shadow581.gif) no-repeat top}
.shadowSmall581{position:relative; width:581px; margin:0; padding:0; background:url(../img/shadowSmall581.gif) no-repeat top}
.shadow283{position:relative; width:283px; margin:0; padding:0; background:url(../img/shadow283.gif) no-repeat top}

.shadowReverse699{position:relative; width:699px; margin:0; padding:0; background:url(../img/shadowReverse699.gif) no-repeat bottom}
.shadowReverse482{position:relative; width:482px; margin:0; padding:0; background:url(../img/shadowReverse482.gif) no-repeat bottom}

.shadowSmallReverse581{position:relative; width:581px; margin:0; padding:0; background:url(../img/shadowSmallReverse581.gif) no-repeat bottom}

.catIconContainer{position:relative; width:581px; margin-top:17px; padding:0}
.prodIconContainer{position:relative; width:581px; margin:17px 0 0 0; padding:0}

/*** CAT ICONS ***/
.catIconContainer .recommendedIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/recommendedIcon.png) no-repeat; z-index:10}
.catIconContainer .saleIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/saleIcon.png) no-repeat; z-index:10}
.catIconContainer .specialOffersIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/specialOffersIcon.png) no-repeat; z-index:10}
.catIconContainer .speedCameraIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/speedCameraIcon.png) no-repeat; z-index:10}
.catIconContainer .savNavIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/savNavIcon.png) no-repeat; z-index:10}
.catIconContainer .breathalysersIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/breathalysersIcon.png) no-repeat; z-index:10}
.catIconContainer .securityIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/securityIcon.png) no-repeat; z-index:10}
.catIconContainer .parkingIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/parkingIcon.png) no-repeat; z-index:10}
.catIconContainer .entertainmentIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/entertainmentIcon.png) no-repeat; z-index:10}
.catIconContainer .gadgetsIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/gadgetsIcon.png) no-repeat; z-index:10}
.catIconContainer .maintenanceIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/maintenanceIcon.png) no-repeat; z-index:10}
.catIconContainer .accessoriesIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/accessoriesIcon.png) no-repeat; z-index:10}
.catIconContainer .giftIdeasIcon{position:absolute; top:-18px; left:0; width:48px; height:63px; margin:0; padding:0; background:url(../img/icons/giftIdeasIcon.png) no-repeat; z-index:10}

/*** TAGS ***/
.catIconContainer .tagSpecial{position:absolute; top:0; right:25px; width:154px; height:66px; background:url(../img/icons/tagSpecial.png) no-repeat; z-index:10}
.catIconContainer .tagSale{position:absolute; top:5px; right:25px; width:157px; height:58px; background:url(../img/icons/tagSale.png) no-repeat; z-index:10}

span.requiredField{background:url(../img/icons/iconErrorTrans.gif) no-repeat; color:#ff0000; font-weight:normal; margin:0; position:absolute; top:0; right:0; text-indent:20px}
span.errorOccured{background:url(../img/icons/iconErrorTrans2.gif) no-repeat; color:#ff0000; font-weight:normal; margin:0; position:absolute; top:0; right:0; text-indent:20px}

.accountLoginBg .inputError input, .checkoutLoginBg .inputError input{border:1px solid #ff0000}
.contactUsContainer .inputError label{color:#ff0000}
.contactUsContainer .inputError input, .contactUsContainer .inputError select{border:1px solid #ff0000}
.newsletterBg .inputError input{border:1px solid #ff0000}

.requiredField{background:url(../img/icons/iconErrorTrans.gif) no-repeat left center; color:#ff0000; font-weight:normal; margin:0; position:absolute; top:3px; right:0; text-indent:20px; padding:0}

/* HEADER */
#header .logoPlaceholder{position:absolute; top:10px; left:24px; width:124px; height:124px; margin:0; padding:0; z-index:10}
#header .basket{position:absolute; top:74px; left:187px; width:230px; height:29px; margin:0; padding:0; background:url(../img/icons/cart.gif) no-repeat left center}
#header .basket fieldset{position:relative; top:5px; left:34px; width:194px; height:19px; line-height:19px; margin:0; padding:0}
#header .basket fieldset label{margin-right:2px; color:#fff; font-size:11px; font-weight:bold}
#header .basket fieldset input.items{margin-right:3px; padding:2px 0 2px 4px; color:#000; font-size:11px; font-weight:normal; border:1px solid #7f9db9; width:30px}
#header .basket fieldset input.total{margin:0; padding:2px 0 2px 4px; color:#000; font-size:11px; font-weight:normal; border:1px solid #7f9db9; width:67px}

ul.topNav{position:absolute; top:22px; left:188px; list-style:none; margin:0; padding:0; }
ul.topNav li{float:left; display:block; margin:0; height:31px; line-height:31px; padding:0}
ul.topNav li a{background:url(../img/header/topNavBg.gif) repeat-x top; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; line-height:31px; font-family:Tahoma, Arial, Verdana; float:left; cursor:pointer}
ul.topNav li a span.title{display:block; float:left; background:url(../img/header/topNavBg.gif) repeat-x top; padding:0 23px 0 24px; margin:0; height:31px}
ul.topNav li a:hover{background:url(../img/header/topNavBg.gif) repeat-x bottom}
ul.topNav li a:hover span.title{background:url(../img/header/topNavBg.gif) repeat-x bottom}

ul.topNav li a.start{background:url(../img/header/topNavL.gif) no-repeat left top; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; float:left; cursor:pointer}
ul.topNav li a.start span.title{display:block; float:left; background:url(../img/header/topNavM.gif) no-repeat top; padding:0 23px 0 24px; margin:0; height:31px}
ul.topNav li a.start:hover{background:url(../img/header/topNavL.gif) no-repeat left bottom}
ul.topNav li a.start:hover span.title{background:url(../img/header/topNavM.gif) no-repeat bottom}

ul.topNav li a.end{background:url(../img/header/topNavM.gif) no-repeat top; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; float:left; cursor:pointer}
ul.topNav li a.end span.title{display:block; float:left; background:url(../img/header/topNavR.gif) no-repeat right top; padding:0 23px 0 24px; margin:0; height:31px}
ul.topNav li a.end:hover{background:url(../img/header/topNavM.gif) no-repeat bottom}
ul.topNav li a.end:hover span.title{background:url(../img/header/topNavR.gif) no-repeat right bottom}

ul.topNav li.separater{width:1px; height:31px; margin:0; padding:0; background:url(../img/header/topNavSep.gif) no-repeat}

/*** TOP NAV ON STATES ***/
ul.topNav li.startOn a{background:url(../img/header/topNavL.gif) no-repeat left bottom; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; float:left; cursor:pointer}
ul.topNav li.startOn a span.title{display:block; float:left; background:url(../img/header/topNavM.gif) no-repeat bottom; padding:0 23px 0 24px; margin:0; height:31px}

ul.topNav li.middleOn a{background:url(../img/header/topNavBg.gif) repeat-x bottom; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; float:left; cursor:pointer}
ul.topNav li.middleOn a span.title{display:block; float:left; background:url(../img/header/topNavBg.gif) repeat-x bottom; padding:0 23px 0 24px; margin:0; height:31px}

ul.topNav li.endOn a{background:url(../img/header/topNavM.gif) no-repeat bottom; color:#fff; padding:0; margin:0; text-decoration:none; font-size:11px; font-weight:normal; height:31px; float:left; cursor:pointer}
ul.topNav li.endOn a span.title{display:block; float:left; background:url(../img/header/topNavR.gif) no-repeat right bottom; padding:0 23px 0 24px; margin:0; height:31px}

#header .additionalLinks{position:absolute; top:83px; right:170px; width:199px; height:15px; margin:0; padding:0}
#header .additionalLinks ul{margin:0; padding:0; width:199px; height:15px}
#header .additionalLinks ul li.bookmark{float:left; display:inline; margin:0; padding:0 0 0 16px; line-height:15px; height:15px; background:url(../img/icons/bookmark.gif) no-repeat left center}
#header .additionalLinks ul li.emailFriend{float:left; display:inline; margin:0; padding:0 0 0 16px; line-height:15px; height:15px; background:url(../img/icons/emailFriend.gif) no-repeat left center; }
#header .additionalLinks ul li.separater{float:left; display:inline; margin:0px 6px; height:15px; width:2px; background:url(../img/header/separater.gif) no-repeat} 
#header .additionalLinks ul li a{float:left; display:inline; padding:0; margin:0; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; line-height:15px; height:15px;font-family:Tahoma, Arial, Verdana}
#header .additionalLinks ul li a:hover{text-decoration:underline}

#header .callUs{position:absolute; top:22px; right:13px}
#header .phoneNum{position:absolute; top:80px; right:12px}

#header .liveHelp{position:absolute; top:22px; right:10px; width:155px; height:31px; margin:0; padding:0; background:url(../img/header/liveHelpBg.gif) no-repeat}
#header .liveHelp p{position:absolute; top:9px; left:30px; width:115px; margin:0; padding:0; color:#fff; font-size:11px; font-weight:normal}

/** BREADCRUMB */
#breadCrumb ol{padding:0; width:760px; height:28px; line-height:28px; position:absolute; top:117px; left:188px; margin:0;list-style:none}
#breadCrumb ol li a{color:#787878; font-size:11px; text-decoration:underline; font-weight:normal; font-family:Tahoma, Arial, Verdana}
#breadCrumb ol li a:hover{text-decoration:none}
#breadCrumb ol li{display:inline;background:url(../img/header/breadcrumbBullet.gif) no-repeat left; padding:0 0 0 12px; margin:0 0 0 5px;color:#787878; font-size:11px; font-weight:bold}
#breadCrumb ol li.first{background:none}

/* FOOTER */
.footerNav{position:relative; top:28px; left:0; margin:0 auto; padding:0; /*width:450px;*/ height:15px; text-align:center}
.footerNav ul{margin:0 0 0 0; padding:0; /*width:405px;*/ height:15px; }
.footerNav ul li{/*float:left;*/ display:inline; margin:0;padding:0 30px 0 10px; line-height:15px; height:15px; background:url(../img/footer/footerBullet.gif) no-repeat left center}
.footerNav ul li a{/*float:left;*/ display:inline; padding:0; margin:0; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; line-height:15px; height:15px; font-family:Tahoma, Arial, Verdana}
.footerNav ul li a:hover{text-decoration:underline}

#footer p{width:100%; text-align:center; margin:0; padding:0; color:#747577; position:relative; top:43px}
#footer p a{color:#747577; text-decoration:underline}
#footer p a:hover{text-decoration:none}

/* LEFT NAV */
#leftNav .searchBg{position:relative; width:169px; height:98px; margin-bottom:10px; padding:0; background:url(../img/leftNav/searchBg.gif) no-repeat}
#leftNav .searchBg fieldset{width:149px;margin:0;position:absolute;top:10px;left:10px}
#leftNav .searchBg fieldset input{width:143px;margin-bottom:10px;padding:2px 0 2px 4px;border:1px solid #7f9db9;color:#000}
#leftNav .searchBg fieldset select{width:149px;margin-bottom:5px;padding:1px 0 1px 0;border:1px solid #7f9db9;color:#000}

.navBg{position:relative; width:169px; margin:0; padding:0; background:url(../img/leftNav/navBg.gif) repeat-x; background-color:#2e4a6d; z-index:100}
.navBottom{position:relative; width:169px; height:22px; margin-bottom:10px; padding:0; background:url(../img/leftNav/navBottom.gif) no-repeat; color:#fff; font-size:11px; font-weight:normal; line-height:22px; text-indent:14px}
.navBottom a{text-decoration:underline; color:#fff; font-size:11px; font-weight:bold}
.navBottom a:hover{text-decoration:none}

/*** TOP LEVEL MENU ***/
.leftNav ul{list-style:none; margin:0; padding:0; width:169px}
.leftNav ul li{position:relative; list-style:none; margin:0; padding:0 0 2px 0; background:url(../img/leftNav/navSep.gif) no-repeat bottom left; width:169px}
.leftNav ul li a{background:url(../img/leftNav/navRollover.gif) no-repeat top left; display:block; width:155px; line-height:22px; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; padding:0 0 0 14px}
.leftNav ul li a:hover{background:url(../img/leftNav/navRollover.gif) no-repeat bottom left; text-decoration:none; color:#fff}
.leftNav ul li.navOn a, .leftNav ul li.navOn a:hover{display:block; background:url(../img/leftNav/navRollover.gif) no-repeat bottom left; width:155px; line-height:22px; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; padding:0 0 0 14px}
.leftNav ul li.bottom{background:none; padding:0}

/*** SUB LEVEL MENU ***/
.leftNav li .subNav{list-style:none; margin:0; padding:0; width:169px; background-color:#009fca}
.leftNav li .subNav li{position:relative; list-style:none; margin:0; padding:0 0 1px 0;  background:url(../img/leftNav/whiteDotsHoriz.gif) repeat-x bottom left; width:169px}
.leftNav li .subNav li a{display:block; width:150px; line-height:18px; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; padding-left:19px; background:none}
.leftNav li .subNav li a:hover{text-decoration:none; background-color:#ca271e; padding-left:19px; line-height:18px;width:150px}
.leftNav li .subNav .navOn a, .leftNav li .subNav .navOn a:hover{background-color:#ca271e; background-image:none}
.leftNav li .subNav .navOn li a{background:none}
.leftNav li .subNav .bottom{background:none; padding:0}

/*** FLYOUT MENU ***/
.leftNav ul li:hover, .leftNav ul li.iehover{z-index:1}
.leftNav ul li .flyoutMenu{display:none; width:169px; position:absolute; left:169px; top:-1px; border:1px solid #7f9caf; background-color:#009fca; margin:0; padding:0; z-index:100}
.leftNav ul li:hover .flyoutMenu, div.leftNav ul li.iehover .flyoutMenu{display:block}
/*2nd level flyout*/
.leftNav ul li:hover .flyoutMenu .flyoutMenu, .leftNav ul li.iehover .flyoutMenu .flyoutMenu{display:none}
.leftNav ul li .flyoutMenu li:hover .flyoutMenu, .leftNav ul li .flyoutMenu li.iehover .flyoutMenu{display:block}
/*block 1st level flyout when 2nd level expanded*/
.leftNav ul li.navOn:hover .flyoutMenu , .leftNav ul li.navOn.iehover .flyoutMenu{display:none}
.leftNav ul li.navOn:hover li:hover .flyoutMenu, .leftNav ul li.navOn.iehover li.iehover .flyoutMenu{display:block}

.leftNav ul li .flyoutMenu ul{list-style:none; margin:0; padding:0; width:169px; background-color:#009fca}
.leftNav ul li .flyoutMenu ul li{list-style:none; margin:0; padding:0 0 1px 0; width:169px; background:url(../img/leftNav/whiteDotsHoriz.gif) repeat-x bottom left}
.leftNav ul li .flyoutMenu ul li a{display:block; width:150px; line-height:18px; text-decoration:none; color:#fff; font-size:11px; font-weight:normal; padding-left:19px; background:none}
.leftNav ul li .flyoutMenu ul li a:hover{text-decoration:none; background-color:#ca271e; background-image:none}
.leftNav ul li .flyoutMenu ul li.bottom{list-style:none; margin:0; padding:0; width:169px; background:none}

.newsletterBg{position:relative; width:169px; height:186px; margin-bottom:10px; padding:0; background:url(../img/leftNav/newsletterBg.gif) no-repeat}
.newsletterBg p{position:absolute; top:41px; left:10px; width:149px; margin:0; padding:0; color:#fff; font-weight:normal; line-height:14px}
.newsletterBg fieldset{position:absolute; top:73px; left:10px; width:149px}
.newsletterBg input{background-color:#fff; color:#000; border:1px solid #858586; width:143px; padding:2px 0 2px 4px; font-size:11px; font-weight:normal}
.newsletterBg label{color:#fff; margin:0; padding:0; font-size:11px; font-weight:bold; margin:8px 0 0 0}
.newsletterBg h2{position:absolute; top:70px; left:0; width:169px; margin:0; padding:0; color:#f58c25; font-weight:bold; font-size:18px; text-align:center}
.newsletterBg h3{position:absolute; top:105px; left:0; width:169px; margin:0; padding:0; color:#fff; font-weight:bold; font-size:11px; text-align:center}
.newsletterBg .errorMsg{font-size:11px; color:#fff}

.newsletterBg .thanks{text-align:center;padding-top:76px}
.newsletterBg .thanks p{position:relative;top:0}

.priceMatch{position:relative; width:169px; height:236px; margin-bottom:10px; padding:0; background:url(../img/leftNav/priceMatchBg.gif) no-repeat}

/************************************************ RIGHT COLUMN ***********************************************/
#leftNav h2{margin:0pt}
#rightColumn .guidesBg{position:relative; width:169px; height:231px; margin:0; padding:0; background:url(../img/rightColumn/guidesBg.gif) no-repeat}
#rightColumn .guidesBg ul{list-style:none; width:149px; position:absolute; top:45px; left:10px}
#rightColumn .guidesBg ul li{list-style:none; /*margin:0;*/ padding:0; line-height:14px; color:#fff; font-size:11px; font-weight:normal}
#rightColumn .guidesBg ul li a{padding:0; margin:0; text-decoration:none; line-height:14px; color:#fff; font-size:11px; font-weight:bold; font-family:Tahoma, Arial, Verdana}
#rightColumn .guidesBg ul li a:hover{text-decoration:underline}
#rightColumn .guidesBg ul li a.on{padding:0; margin:0; text-decoration:underline; line-height:28px; color:#fff; font-size:11px; font-weight:bold; font-family:Tahoma, Arial, Verdana}
#rightColumn .guidesBg ul li a:hover.on{text-decoration:none}

#rightColumn .brandsTop{position:relative; width:169px; height:74px; margin:0; padding:0; background:url(../img/rightColumn/brandsTop.gif) no-repeat}
#rightColumn .brandsTop fieldset{width:149px;margin:0;position:absolute;top:45px;left:10px}
#rightColumn .brandsTop fieldset select{width:149px;margin:0;padding:1px 0 1px 0;border:1px solid #7f9db9;color:#000}
#rightColumn .brandsBg{position:relative; width:169px; margin:0; padding:0; text-align:center}
#rightColumn .brandsBg p{margin-bottom:5px}
#rightColumn .brandsBg p.bottomLink{margin-bottom:0}
#rightColumn .brandsBg a{margin:0; padding:0; color:#7f9db9; font-size:11px; font-weight:normal}
#rightColumn .brandsBg a:hover{text-decoration:none}
#rightColumn .brandsBottom{position:relative; width:169px; height:35px; margin:0; padding:0; background:url(../img/rightColumn/brandsBottom.gif) no-repeat}

/************************************************* BUTTONS ****************************************************/

.buttonText{display:block;color:#fff; font-weight:bold; text-indent:10px; font-size:11px; line-height:11px;text-decoration:none}

/** EXPANDABLE BUTTON TYPES **/
.buttonOrange{display:block; position:relative;background:url(../img/buttons/buttonLeft.gif) no-repeat left 0px}
.buttonOrange:hover{background-position:left -25px}
.buttonOrange a{display:block; position:relative; background:url(../img/buttons/buttonRight.gif) no-repeat right 0px; font-size:11px;/*height:13px;*/line-height:13px; font-weight:bold; color:#fff; text-decoration:none; padding:5px 29px 7px 10px}
.buttonOrange:hover a{background-position:right -25px}

.buttonOrangeOn{display:block; position:relative;background:url(../img/buttons/buttonLeft.gif) no-repeat left bottom}
.buttonOrangeOn:hover{background-position:left bottom}
.buttonOrangeOn a{display:block; position:relative; background:url(../img/buttons/buttonRight.gif) no-repeat right bottom; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:5px 29px 7px 10px}
.buttonOrangeOn:hover a{background-position:right bottom}

.buttonOrangeReverse{display:block; position:relative;background:url(../img/buttons/buttonLeftReverse.gif) no-repeat left 0px}
.buttonOrangeReverse:hover{background-position:left bottom}
.buttonOrangeReverse a{display:block; position:relative; background:url(../img/buttons/buttonRightReverse.gif) no-repeat right 0px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:5px 10px 7px 29px}
.buttonOrangeReverse:hover a{background-position:right bottom}

.buttonRed{display:block; position:relative;background:url(../img/buttons/buttonLeftRed.gif) no-repeat left 0px}
.buttonRed:hover{background-position:left bottom}
.buttonRed a{display:block; position:relative; background:url(../img/buttons/buttonRightRed.gif) no-repeat right 0px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:5px 29px 7px 10px}
.buttonRed:hover a{background-position:right bottom}

.buttonRedOn{display:block; position:relative;background:url(../img/buttons/buttonLeftRed.gif) no-repeat left bottom}
.buttonRedOn:hover{background-position:left bottom}
.buttonRedOn a{display:block; position:relative; background:url(../img/buttons/buttonRightRed.gif) no-repeat right bottom; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; padding:5px 29px 7px 10px}
.buttonRedOn:hover a{background-position:right bottom}

/** BUTTON POSITIONS **/
div.moreButton{position:absolute; bottom:23px}
.width129 div.moreButton{left:30px}
.width174 div.moreButton{left:53px}
.width188 div.moreButton{left:60px}
div.catMoreButton{float:left; display:inline; margin:2px 0 0 18px}
div.searchGoButton{position:absolute; top:11px; right:0; width:54px}
div.addToBasket{position:absolute; top:6px; right:9px}
div.clearBasketButton{float:left; display:inline; margin:0}
div.updateBasketButton{float:left; display:inline; margin:0 0 0 10px}
div.continueShopButton{float:left; display:inline; margin:0 0 0 10px}
div.checkoutBasketButton{float:right; display:inline; margin:0}
div.viewBrandButton{position:absolute; bottom:18px; left:63px}
div.submitEnquiryButton{position:absolute; bottom:30px; right:19px}
div.readArticleButton{position:absolute; top:-3px; right:0}
div.backToNewsButton2{position:absolute; top:-3px; right:10px;z-index:2}
div.linksRowButton{float:left; display:inline}
div.brandRangeButton{position:absolute; bottom:6px; left:46px}



.headerViewButton{position:absolute; left:417px; top:76px; width:68px}
.headerViewButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:13px; width:68px; height:25px; background:url(../img/buttons/headerViewButton.gif) no-repeat top}
.headerViewButton a:hover{background:url(../img/buttons/headerViewButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.headerCheckoutButton{position:absolute; left:487px; top:76px; width:91px}
.headerCheckoutButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:9px; width:91px; height:25px; background:url(../img/buttons/headerCheckoutButton.gif) no-repeat top}
.headerCheckoutButton a:hover{background:url(../img/buttons/headerCheckoutButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.navSearchButton{position:absolute; right:0; top:53px; width:79px}
.navSearchButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:11px; width:79px; height:25px; background:url(../img/buttons/navSearchButton.gif) no-repeat top}
.navSearchButton a:hover{background:url(../img/buttons/navSearchButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.newsletterButton{position:absolute; right:0; top:82px; width:80px}
.newsletterButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:11px; width:80px; height:25px; background:url(../img/buttons/newsletterButton.gif) no-repeat top}
.newsletterButton a:hover{background:url(../img/buttons/newsletterButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.priceMatchButton{position:absolute; left:32px; bottom:52px; width:107px}
.priceMatchButton a{line-height:21px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:12px; width:107px; height:25px; background:url(../img/buttons/priceMatchButton.gif) no-repeat top}
.priceMatchButton a:hover{background:url(../img/buttons/priceMatchButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.subcatGoButton{position:absolute; top:10px; left:249px; width:54px}
.subcatGoButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:9px; width:54px; height:25px; background:url(../img/buttons/subcatGoButton.gif) no-repeat top}
.subcatGoButton a:hover{background:url(../img/buttons/subcatGoButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.searchGoButton{position:absolute; top:11px; right:-3px; width:54px}
.searchGoButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:9px; width:54px; height:25px; background:url(../img/buttons/searchGoButton.gif) no-repeat top}
.searchGoButton a:hover{background:url(../img/buttons/searchGoButton.gif) no-repeat bottom; color:#fff; text-decoration:none}

.moreButtonBlue{position:absolute; bottom:0; right:0; width:68px}
.moreButtonBlue a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:10px; width:68px; height:25px; background:url(../img/buttons/moreButtonBlue.gif) no-repeat top; text-align:left}
.moreButtonBlue a:hover{background:url(../img/buttons/moreButtonBlue.gif) no-repeat bottom; color:#fff; text-decoration:none}

.moreButtonGreen{position:absolute; bottom:0; right:0; width:68px}
.moreButtonGreen a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:10px; width:68px; height:25px; background:url(../img/buttons/moreButtonGreen.gif) no-repeat top; text-align:left}
.moreButtonGreen a:hover{background:url(../img/buttons/moreButtonGreen.gif) no-repeat bottom; color:#fff; text-decoration:none}

.accMoreButton{position:absolute; bottom:2px; right:0; width:68px}
.accMoreButton a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:10px; width:68px; height:25px; text-align:left}
.accMoreButton a:hover{color:#fff; text-decoration:none}
.green .accMoreButton a{background:url(../img/buttons/moreButtonGreen.gif) no-repeat top; }
.green .accMoreButton a:hover{background:url(../img/buttons/moreButtonGreen.gif) no-repeat bottom; }
.blue .accMoreButton a{background:url(../img/buttons/moreButtonBlue.gif) no-repeat top}
.blue .accMoreButton a:hover{background:url(../img/buttons/moreButtonBlue.gif) no-repeat bottom}



.backToNewsButton1{position:absolute; top:7px; right:10px; width:113px}
.backToNewsButton1 a{line-height:23px; font-weight:bold; font-size:11px; text-decoration:none; color:#fff; display:block; text-indent:29px; width:113px; height:25px; background:url(../img/buttons/backToNewsButton.gif) no-repeat top; text-align:left}
.backToNewsButton1 a:hover{background:url(../img/buttons/backToNewsButton.gif) no-repeat bottom; color:#fff; text-decoration:none}


/************************************************* HOME PAGE ****************************************************/

.newProdBanner{position:relative; width:581px; height:152px; margin:0; padding:0}
.newProdBanner h2{position:relative; top:35px; left:80px; width:275px; color:#333333; font-size:18px; font-weight:normal} 
.newProdBanner h3{position:relative; top:20px; left:80px; width:275px; color:#e71005; font-size:18px; font-weight:bold} 
.newProdBanner h4{position:relative; top:10px; left:80px; width:275px; color:#fff; font-size:18px; font-weight:bold; text-transform:uppercase} 

.productRow{/*width:581px;*/ height:auto;position:relative;margin:0; padding-left:13px}
.productRow.specialOffers{position:relative; margin:0; padding-left:13px}

.shadow581 .productRow{width:565px}
.searchResults.width174{width:565px;padding-left:13px}
.searchResults.width188{width:566px; padding-left:0; margin:0 auto}
.float283 .productRow{width:270px}
.product{height:209px;position:relative;float:left;display:inline;text-align:center}

.width129 .product{width:129px}
.width139 .product{width:139px}
.width174 .product{width:174px}
.width188 .product{width:188px; background:url(../img/subCat/dotsSepHoriz.gif) repeat-x left bottom}
.width188 .product.noBackground{background:none}

.product h2{margin-top:11px}
.product h2 a{color:#333333;font-size:11px;font-weight:bold;text-decoration:none; margin:0; padding:0}
.product h2 a:hover{text-decoration:underline}
.product .placeholder{width:88px; height:58px; position:absolute; top:40px}
.width129 .product .placeholder{left:20px}
.width139 .product .placeholder{left:25px}
.width174 .product .placeholder{left:43px}
.width188 .product .placeholder{left:50px}
.product .prices{height:40px; position:absolute; top:100px; left:0px}
.width129 .product .prices{width:129px}
.width139 .product .prices{width:139px}
.width174 .product .prices{width:174px}
.width188 .product .prices{width:188px}
.product p.price{color:#e71005; font-size:14px; font-weight:bold; margin-bottom:5px}
.product p.was{color:#666666; font-size:9px; font-weight:bold; margin:0; text-transform:uppercase}
.product span.save{color:#33ccff; font-size:9px; font-weight:bold; margin-left:5px; text-transform:uppercase}
.product p.save{color:#33ccff; font-size:9px; font-weight:bold; margin:0; text-transform:uppercase}

.width129 .product span.save{display:block; padding-right:5px}
.width129 .product p.price{margin-bottom:0px}

.greyBox{position:absolute; top:139px; left:0; height:52px; margin:0; padding:0}
.greyBox p{color:#000; text-align:center; line-height:14px; text-transform:uppercase; margin:6px 0 0 2px}

.width129 .greyBox{width:129px;background:url(../img/greyBox129.gif) no-repeat; top:139px}
.width129 .greyBox p{font-weight:normal; font-size:9px; width:125px}
.width139 .greyBox{width:129px;background:url(../img/greyBox129.gif) no-repeat; left:5px}
.width139 .greyBox p{font-weight:normal; font-size:9px; width:125px}

.width174 .greyBox{width:174px; background:url(../img/greyBox174.gif) no-repeat}
.width174 .greyBox p{font-weight:bold; font-size:11px; width:170px}
.width188 .greyBox{width:174px; background:url(../img/greyBox174.gif) no-repeat; left:7px}
.width188 .greyBox p{font-weight:bold; font-size:11px; width:170px}

.width129 .greyBox.noBG, .width139 .greyBox.noBG, .width174 .greyBox.noBG, .width188 .greyBox.noBG{background:none}

/*.greyBox129{position:absolute; top:139px; left:0; width:129px; height:52px; margin:0; padding:0; background:url(../img/greyBox129.gif) no-repeat}
.greyBox129 p{color:#000; font-weight:normal; font-size:9px; width:125px; text-align:center; line-height:14px; text-transform:uppercase; margin:6px 0 0 2px}
.greyBox174{position:absolute; top:139px; left:0; width:174px; height:52px; margin:0; padding:0; background:url(../img/greyBox174.gif) no-repeat}
.greyBox174 p{color:#000; font-weight:bold; font-size:11px; width:170px; text-align:center; line-height:14px; text-transform:uppercase; margin:6px 0 0 2px}*/

.float283{width:283px; position:relative; float:left; display:inline}

.dots283{position:relative; width:283px; height:1px; margin:0; padding:0; background:url(../img/dots283.gif) no-repeat}
.dots581{position:relative; width:581px; height:1px; margin:0; padding:0; background:url(../img/dots581.gif) no-repeat}
.productRowDots{position:relative; left:-13px;width:578px; height:1px; /*margin-bottom:4px;*/ padding:0; background:url(../img/dots581.gif) no-repeat}

.pageDescription{position:relative;width:581px;margin:10px 0 20px 0px; padding-top:3px; background:url(../img/dots581.gif) no-repeat top}
.pageDescription h1{color:#333333;font-size:14px;font-weight:bold;margin:0 0 10px 0px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; background:url(../img/dots581.gif) no-repeat bottom; text-indent:10px}
.pageDescription h2{color:#333333;font-size:14px;font-weight:bold;margin:0 0 10px 0px; padding-bottom:3px; font-family:Arial, Helvetica, sans-serif; background:url(../img/dots581.gif) no-repeat bottom; text-indent:10px}
.pageDescription h3{color:#333333;font-size:11px;font-weight:bold;margin:0 10px 10px 10px}
.pageDescription p{color:#7d7f80;font-size:11px;font-weight:normal;line-height:16px;margin:0 10px 10px 10px}
.pageDescription a{color:#1c9fca; font-size:11px; font-weight:normal; margin:0; text-decoration:underline}
.pageDescription a:hover{text-decoration:none}

.topSellers{margin:0; padding:0; width:283px; position:relative;float:left; display:inline}
.topSellers .dots{margin:0; padding:0; width:283px; height:1px; background:url(../img/dots283.gif) no-repeat; position:relative}
.topSellers .blue{margin:0; padding:0; width:283px; height:50px; background:url(../img/dots283.gif) no-repeat bottom; background-color:#e8eef5; position:relative}
.topSellers .green{margin:0; padding:0; width:283px; height:50px; background:url(../img/dots283.gif) no-repeat bottom; background-color:#f1f6fb; position:relative}
.topSellers .placeholder{width:45px; height:30px; position:absolute; top:10px; left:3px}
.topSellers .product{width:125px; height:43px; position:absolute; top:3px; left:57px}
.topSellers .product h2{margin:3px 0 0 0; padding:0}
.topSellers .product h2 a{color:#000;font-size:10px;font-weight:normal;text-decoration:none; margin:0; padding:0}
.topSellers .product h2 a:hover{text-decoration:underline}
.topSellers .prices{width:90px; height:43px; position:absolute; top:3px; right:6px; text-align:right}
.topSellers .prices p.now{color:#e71005; font-size:11px; font-weight:bold; margin:1px 0 2px 0; text-transform:uppercase}
.topSellers .prices p.was{color:#666666; font-size:9px; font-weight:normal; margin:0 0 2px 0; text-transform:uppercase}
.topSellers .prices p.save{color:#33ccff; font-size:9px; font-weight:normal; margin:0; text-transform:uppercase}

/*.dotsSepBottom,*/
/*.dotsSepTop,*/
.searchResults.width174 .seperator, .searchResults.width188 .seperator{width:1px;height:209px;float:left;display:inline;background: url(../img/subCat/dotsSepBoth.gif) no-repeat bottom; margin:0}
.searchResults.width174 .seperator.bottom, .searchResults.width188 .seperator.bottom{width:1px;height:209px;float:left;display:inline;background: url(../img/subCat/dotsSepBottom.gif) no-repeat bottom; margin:0}
.searchResults.width174 .seperator.top, .searchResults.width188 .seperator.top{width:1px;height:209px;float:left;display:inline;background: url(../img/subCat/dotsSepTop.gif) no-repeat top; margin:0}

.seperator{float:left; display:inline; width:1px; height:209px}
.newProducts .seperator{margin:0 7px 0 8px;background:none!important}
.specialOffers .seperator{ margin:0 6px}
.saleItems .seperator{ margin:0 5px 0 6px}

/************************************************* CATEGORY PAGE ****************************************************/

.catBanner1{position:relative; width:581px; height:137px; margin:0; padding:0; background:url(../img/banners/catBanner1.jpg) no-repeat}
.catBanner1 h2{position:relative; top:20px; left:80px; width:325px; color:#333333; font-size:18px; font-weight:normal} 
.catBanner1 h3{position:relative; top:10px; left:80px; width:325px; color:#e71005; font-size:18px; font-weight:bold} 
.catBanner1 h4{position:relative; top: 0px; left:80px; width:325px; color:#fff; font-size:18px; font-weight:bold; text-transform:uppercase} 

h1.catTitle{color:#0f5f7a;font-size:18px;font-weight:bold;margin:0 0 3px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; position:relative; top:-11px}

.catBox{position:relative; width:581px; margin:0; padding:0; background:url(../img/shadowSmall581.gif) no-repeat top}
.catBox .placeholder{width:158px; height:105px; float:left; display:inline; margin:13px 10px 10px 5px}
.catBox .catInfo{width:408px; float:left; display:inline; margin:13px 0 14px 0}
.catBox .catInfo p{color:#000; font-size:11px; font-weight:normal; margin:0 15px 10px 3px; padding:0}

.greyBox317{float:left; display:inline; width:317px; height:29px; margin:0; padding:0; background:url(../img/greyBox317.gif) no-repeat; text-align:center}
.greyBox317 p.red{color:#e71005; font-weight:bold; font-size:12px;  margin-top:6px}


.clearnoResults{position:relative; width:581px; text-align:center}

/************************************************* SUBCATEGORY PAGE ****************************************************/

.searchBox{position:relative; width:581px; height:92px; margin:0; padding:0; background:url(../img/subCat/searchBox.gif) no-repeat} 
.searchBox fieldset{width:561px;height:70px;margin:0 0 0 10px;position:relative}
.searchBox fieldset .searchField{display:block; margin-top:13px}
.searchField .sortByContainer{float:right; display:inline}
.searchBox fieldset .searchField label{color:#666666; font-size:11px; font-weight:bold; float:left; display:inline; /*width:35px;*/ height:20px; line-height:20px; margin-right:8px}
.searchBox fieldset .searchField input{float:left; display:inline; width:144px;margin-right:4px;padding:2px 0 2px 4px;border:1px solid #7f9db9;color:#000}
.searchBox fieldset .searchField select{float:left; display:inline; width:150px;margin-right:4px;padding:1px 0 1px 0;border:1px solid #7f9db9;color:#000}
.noResults{
	text-align:center;
	padding-bottom:89px;
	background:url(../img/search/sorryBG.gif) no-repeat bottom left;
	width:581px;
}
.noResults p{
	font-weight:bold;
}
.sortBy{width:240px; height:17px; position:absolute; top:15px; right:0; margin:0; padding:0; line-height:17px}
.sortByBrands{width:240px; height:17px; position:absolute; top:20px; right:0; margin:0; padding:0; line-height:17px}
.sortBySearch{width:240px; height:17px; position:absolute; top:41px; left:225px; margin:0; padding:0; line-height:17px}
.sortBySearch.brandSort{left:120px}
.sortBy label, .sortByBrands label, .sortBySearch label{color:#666; font-size:11px; text-align:right; font-weight:bold; width:75px; float:left; display:inline; margin-right:6px}
.sortBy select, .sortByBrands select, .sortBySearch select{float:left;border:1px solid #7F9DB9}

a.filterDescendingOn, a:hover.filterDescendingOn{background: url(../img/icons/descending.gif) no-repeat bottom;width:10px;height:6px;float:left;display:inline;margin:6px 5px 0 0}
a.filterDescendingOff{background: url(../img/icons/descending.gif) no-repeat top;width:10px;height:6px;float:left;display:inline;margin:6px 5px 0 0}
a:hover.filterDescendingOff{background: url(../img/icons/descending.gif) no-repeat bottom}
a.filterAscendingOn, a:hover.filterAscendingOn{background: url(../img/icons/ascending.gif) no-repeat bottom;width:10px;height:6px;float:left;display:inline;margin:6px 0px 0 0}
a.filterAscendingOff{background: url(../img/icons/ascending.gif) no-repeat top;width:10px;height:6px;float:left;display:inline;margin:6px 0px 0 0}
a:hover.filterAscendingOff{background: url(../img/icons/ascending.gif) no-repeat bottom}

.paginationBarPosition1{position:absolute; left:38px; bottom:7px}
.paginationBarPosition2{position:relative; margin:20px auto 5px auto; width:491px}
.paginationBarPosition3{position:absolute; left:45px; top:10px}
.paginationBar{position:relative; text-align:center; height:21px; line-height:19px; width:491px; margin:0; padding:0; background:url(../img/subcat/paginationBar.gif) no-repeat left top}
.paginationBarContainer{margin-left:108px}
.paginationBar p, .paginationBar a{float:left; display:inline}
.paginationBar img{float:left; display:inline; vertical-align:middle; padding-top:6px; margin-left:8px; border:0}

.paginationBar p.icon{float:left; display:inline; vertical-align:middle; padding-top:6px; margin-left:8px; border:0}

.paginationBar a{text-decoration:none; color:#fff; font-weight:bold; padding-right:2px}
.paginationBar a:hover{text-decoration:underline}
.paginationBar a.navOn{text-decoration:underline}
.paginationBar .pageNo{float:left; display:inline; margin:0 10px}
.paginationBar .pageNo span.dots{float:left; display:inline; margin:0; color:#fff; font-weight:bold}
.paginationBar .next{margin:0 0 0 14px}
.paginationBar .previous{margin:0 0 0 15px}
.paginationBar p.viewAll{width:70px;position:absolute; top:0; right:27px; margin:0; padding:0; height:21px; line-height:19px}
.paginationBar p.viewAll a{font-weight:bold; text-decoration:none}
.paginationBar p.viewAll a:hover{text-decoration:underline}


/************************************************* SEARCH PAGE ****************************************************/

.searchBoxLarge{position:relative; width:581px; height:116px; margin:0; padding:0; background:url(../img/search/searchBoxLarge.gif) no-repeat} 
.searchBoxLarge fieldset{width:561px;height:94px;margin:0 0 0 10px;position:relative}
.searchBoxLarge fieldset .searchField{display:block; margin-top:13px}
.searchBoxLarge fieldset .searchField .filterHeading{float:left; display:inline; width:35px; height:20px; line-height:20px}
.searchBoxLarge fieldset .searchField label{color:#666666; font-size:11px; font-weight:bold}
.searchBoxLarge fieldset .searchField input{width:144px;margin-right:4px;padding:2px 0 2px 4px;border:1px solid #7f9db9;color:#000}
.searchBoxLarge fieldset .searchField select{width:150px;margin-right:4px;padding:1px 0 1px 0;border:1px solid #7f9db9;color:#000}

.searchBoxLarge fieldset .searchField .placeholder{float:left; display:inline; width:134px; height:35px; margin:5px 32px 0 0}

/************************************************* PRODUCT PAGE ****************************************************/

.productContainer{width:581px; position:relative; margin:0; padding:0}
.productImages{width:289px; position:relative; float:left; display:inline; margin:25px 0 30px 0; padding:0}
.placeholderMain{width:275px;height:196px;position:relative;margin:0 0 10px 0}
.placeholderThumb{background:url(../img/product/placeholderThumb.gif) no-repeat;width:80px;height:55px;position:relative;float:left;display:inline;padding:5px 0 0 5px}
.placeholderThumb .enlg{position:absolute;top:3px;left:3px}
a.magnifier{width:11px;height:11px;position:absolute; top:6px; left:6px} 
.productBox275{background:url(../img/product/productBox275.gif) no-repeat;width:275px;height:21px;position:relative;padding:0; margin-top:7px}
.productBox275 p.enlarge{color:#000; font-size:11px; font-weight:normal; background:url(../img/icons/magnifierBlack.gif) no-repeat left 2px; width:145px; height:15px; line-height:15px; position:absolute; top:2px; left:8px; text-indent:18px}
.productBox275 a.print{color:#000; font-size:11px; font-weight:normal; background:url(../img/icons/printVersion.gif) no-repeat left 3px; width:100px; height:15px; line-height:15px; position:absolute; top:2px; left:168px; text-indent:23px; text-decoration:none}
.productBox275 a:hover.print{ text-decoration:underline}
.productInfo{width:292px; position:relative; float:left; display:inline; margin:25px 0 25px 0; padding:0}
.productInfo h1{color:#4f4f4f;font-size:11px;font-weight:bold;margin:0 0 5px 0; width:292px}
.productInfo ul{margin:5px 0 10px 0; padding-left:0; list-style:none; list-style-position:outside; width:292px; height:109px; position:relative}
.productInfo ul li{line-height:16px; padding-left:14px; background:url(../img/icons/bulletOrange.gif) no-repeat left 4px; color:#020202}

.productImages .thumbEnlarged{display:none;position:absolute;top:-206px}
.productImages .thumbEnlarged.t1{left:0}
.productImages .thumbEnlarged.t2{left:-94px}
.productImages .thumbEnlarged.t3{left:-190px}

.messageBar{background:url(../img/product/messageBar.gif) no-repeat;width:292px;height:21px;line-height:21px;position:relative;padding:0; margin-bottom:5px; text-align:center}
.messageBar p{text-transform:uppercase; color:#fff; font-size:11px; font-weight:bold}

/*** OLD CODE ***/
.priceBox{background:url(../img/product/priceBox.gif) no-repeat;width:292px;height:67px;position:relative;padding:0; margin:0}
.priceBox p.price{color:#e71005; font-size:18px; font-weight:normal; margin:0; position:absolute; top:3px; left:12px}
.priceBox p.was{color:#000; font-size:13px; font-weight:normal; margin:0; position:absolute; top:8px; left:111px}
.priceBox p.save{color:#33ccff; font-size:13px; font-weight:normal; margin:0; position:absolute; top:8px; left:203px}
.priceBox .quantity{width:90px; height:21px; line-height:19px; margin:0; position:absolute; top:38px; left:12px}
.priceBox .quantity label{color:#000; font-size:11px; font-weight:bold; float:left; display:inline; margin-right:5px}
.priceBox .quantity input{width:25px;margin:0;padding:2px 0;border:1px solid #bbc4d0;color:#3b3b3b; float:left; display:inline; font-size:11px; font-weight:normal; text-align:center}
/*************/

/*** NEW CODE ***/
.priceBoxTop{background:url(../img/product/priceBoxTop.gif) no-repeat; width:292px; height:5px; position:relative; padding:0; margin:0}
.priceBoxBg{width:290px; position:relative; padding:1px 0 0 0; margin:0; border-left:1px solid #ccc; border-right:1px solid #ccc}
.priceBoxBottom{background:url(../img/product/priceBoxBottom.gif) no-repeat; width:292px; height:5px; position:relative; padding:0; margin:0}

.priceBoxBg p.price{color:#e71005; font-size:18px; font-weight:normal; margin:0 0 5px 10px; width:100px; float:left; display:inline}
.priceBoxBg p.was{color:#000; font-size:13px; font-weight:normal; margin:0; padding-top:5px; width:92px; float:left; display:inline}
.priceBoxBg p.save{color:#33ccff; font-size:13px; font-weight:normal; margin:0; padding-top:5px; width:85px; float:left; display:inline}
.priceBoxBg .quantity{background:url(../img/product/priceBoxDots.gif) repeat-x 0 0; width:290px; height:24px; margin:0; position:relative; padding-top:10px}
.priceBoxBg .quantity label{color:#000; font-size:11px; font-weight:bold; float:left; display:inline; text-align:right; margin:0; padding-top:3px; width:75px}
.priceBoxBg .quantity input{width:25px; margin:0 0 0 10px;padding:2px 0;border:1px solid #bbc4d0;color:#3b3b3b; float:left; display:inline; font-size:11px; font-weight:normal; text-align:center}
.priceBoxBg .options{clear:both; float:left; display:inline; position:relative; width:290px;padding:0; margin:0 0 5px 0; color:#333; font-size:11px; line-height:19px}
.priceBoxBg .options label{display:block; float:left; display:inline; font-size:11px; color:#333; font-weight:bold; text-align:right; width:75px; padding:0px 0 0 0}
.priceBoxBg .options select{display:block; float:left; display:inline; width:175px; margin:0 0 0 10px; border:1px solid #bbc4d0; padding:1px; color:#000}

/* stock msg */
.stockMsg{height:20px; background:transparent url(../img/product/priceBoxDots.gif) repeat-x scroll 0 0; line-height:20px}
.stockMsg span{display:block; width:75px; float:left; text-align:right}
.stockMsg span.stock{color:#ff0000; font-weight:bold; width:140px; text-align:left; padding-left:10px}

.loader{clear:both;padding:0 0 5px 85px}

.extraProdLinks{width:581px; height:30px; position:relative; margin:0; padding:0}
.extraProdLinks ul{list-style:none; width:581px; height:30px; margin:0; padding:0}
.extraProdLinks ul li{list-style:none; height:30px; margin:0; padding:0; float:left; display:inline}
.extraProdLinks ul li a{color:#fff; font-size:11px; font-weight:bold; text-decoration:none; line-height:19px}
.extraProdLinks ul li a.tabOne{margin:0; padding-left:10px; width:81px; height:30px; position:absolute; top:0; left:0; background:url(../img/product/tabOne.gif) no-repeat top}
.extraProdLinks ul li a:hover.tabOne{background:url(../img/product/tabOne.gif) no-repeat bottom}
.extraProdLinks ul li a.tabTwo{margin:0; padding-left:10px; width:115px; height:30px; position:absolute; top:0; left:91px; background:url(../img/product/tabTwo.gif) no-repeat top}
.extraProdLinks ul li a:hover.tabTwo{background:url(../img/product/tabTwo.gif) no-repeat bottom}
.extraProdLinks ul li a.tabThree{margin:0; padding-left:10px; width:94px; height:30px; position:absolute; top:0; left:216px; background:url(../img/product/tabThree.gif) no-repeat top}
.extraProdLinks ul li a:hover.tabThree{background:url(../img/product/tabThree.gif) no-repeat bottom}
.extraProdLinks ul li a.tabFour{margin:0; padding-left:10px; width:98px; height:30px; position:absolute; top:0; left:320px; background:url(../img/product/tabFour.gif) no-repeat top}
.extraProdLinks ul li a:hover.tabFour{background:url(../img/product/tabFour.gif) no-repeat bottom}

.extraProdLinks ul li a.tabOneOn{margin:0; padding-left:10px; width:94px; height:30px; background:url(../img/product/tabOneOn.gif) no-repeat; position:absolute; top:-18px; left:-104px}
.extraProdLinks ul li.tabOneEnd{margin:0; padding:0; width:477px; height:12px; background:url(../img/product/tabOneEnd.gif) no-repeat; position:absolute; bottom:0; left:104px; z-index:10}

.extraProdLinks ul li a.tabTwoOn{margin:0; padding-left:10px; width:123px; height:30px; background:url(../img/product/tabTwoOn.gif) no-repeat; position:absolute; top:-18px; left:-133px}
.extraProdLinks ul li.tabTwoEnd{margin:0; padding:0; width:357px; height:12px; background:url(../img/product/tabTwoEnd.gif) no-repeat; position:absolute; bottom:0; left:224px; z-index:10}

.extraProdLinks ul li a.tabThreeOn{margin:0; padding-left:10px; width:106px; height:30px; background:url(../img/product/tabThreeOn.gif) no-repeat; position:absolute; top:-18px; left:-116px}
.extraProdLinks ul li.tabThreeEnd{margin:0; padding:0; width:249px; height:12px; background:url(../img/product/tabThreeEnd.gif) no-repeat; position:absolute; bottom:0; left:332px; z-index:10}

.extraProdLinks ul li a.tabFourOn{margin:0; padding-left:10px; width:98px; height:30px; background:url(../img/product/tabFourOn.gif) no-repeat; position:absolute; top:-18px; left:-108px}
.extraProdLinks ul li.tabFourEnd{margin:0; padding:0; width:153px; height:12px; background:url(../img/product/tabFourEnd.gif) no-repeat; position:absolute; bottom:0; left:428px; z-index:10}

.extraProdContent{width:581px; position:relative; margin:0; padding:25px 0 10px 0}
.extraProdContent h2{width:561px; margin:0 10px 15px 10px; padding:0; color:#333333; font-size:14px; font-weight:bold}
.extraProdContent h2.whatsInTheBoxHeader{width:350px; margin:0 0px 15px 10px; padding:0; color:#333333; font-size:14px; font-weight:bold; /*float:left; display:inline;*/}
.extraProdContent h2.spec{width:561px; margin:0 10px 5px 10px; padding:0; color:#333333; font-size:14px; font-weight:bold}
.extraProdContent p{width:561px; margin:0 10px 10px 10px; padding:0; color:#666666; font-size:11px; font-weight:normal; line-height:16px}

.extraProdContent .prodDescription ul{width:561px; margin:0px 10px 10px 10px; padding-left:0; list-style:none}
.extraProdContent .prodDescription ul li{width:547px; line-height:16px; padding-left:14px; background:url(../img/icons/bulletOrange.gif) no-repeat left 4px; color:#666666; margin-bottom:0px}

.extraProdContent .whatsInTheBox ul{margin:0px 0 0px 10px; padding-left:0; list-style:none; list-style-position:outside; width:350px; position:relative; float:left; display:inline}
.extraProdContent .whatsInTheBox ul li{line-height:16px; padding-left:14px; background:url(../img/icons/bulletOrange.gif) no-repeat left 4px; color:#666666; margin-bottom:8px}
.extraProdContent .whatsInTheBox ul li.bottomItem{margin-bottom:10px}
.extraProdContent .boxImg{width:213px; height:191px; margin:0; padding:0; float:right; display:inline}

.extraProdContent table.spec{font-size:11px; color:#666666; width:561px; border:0; border-collapse:collapse; padding:0; margin-left:10px; text-align:left}
.extraProdContent table.spec td.leftTop{padding:15px 5px 5px 14px; vertical-align:text-top; border-bottom:1px  solid #aeaeaf; background:url(../img/icons/bulletOrange.gif) no-repeat left 18px; width:272px}
.extraProdContent table.spec td.rightTop{padding:15px 5px 5px 14px; vertical-align:text-top; border-bottom:1px  solid #aeaeaf; background:url(../img/product/columnSepTop.gif) no-repeat left top; width:289px}
.extraProdContent table.spec td.left{padding:5px 5px 5px 14px; vertical-align:text-top; border-bottom:1px  solid #aeaeaf; background:url(../img/icons/bulletOrange.gif) no-repeat left 8px; width:272px}
.extraProdContent table.spec td.right{padding:5px 5px 5px 14px; vertical-align:text-top; border-bottom:1px  solid #aeaeaf; background:url(../img/product/columnSep.gif) repeat-y left; width:289px}
.extraProdContent table.spec td.leftBottom{padding:5px 5px 15px 14px; vertical-align:text-top; background:url(../img/icons/bulletOrange.gif) no-repeat left 8px; width:272px}
.extraProdContent table.spec td.rightBottom{padding:5px 5px 15px 14px; vertical-align:text-top; background:url(../img/product/columnSepBottom.gif) no-repeat left bottom; width:289px}

.productAccessories{width:581px; position:relative; margin:0; padding:25px 0 10px 0}
.productAccessories h2.header{width:561px; margin:0 10px 15px 10px; padding:0; color:#333333; font-size:14px; font-weight:bold}
.productAccessories .accessories{margin-left:10px; padding:0; width:561px; position:relative}
.productAccessories .accessories .dots{margin:0; padding:0; width:561px; height:1px; background:url(../img/dots561.gif) no-repeat; position:relative}
.productAccessories .accessories .blue{margin:0; padding:0; width:561px; height:67px; background:url(../img/dots561.gif) no-repeat bottom; background-color:#e8eef5; position:relative}
.productAccessories .accessories .green{margin:0; padding:0; width:561px; height:67px; background:url(../img/dots561.gif) no-repeat bottom; background-color:#f1f6fb; position:relative}
.productAccessories .accessories .placeholder{width:88px; height:58px; float:left; display:inline; margin:4px 0 0 5px}
.productAccessories .accessories .product{width:288px; height:58px; text-align:left; float:left; display:inline; margin:4px 0 0 10px}
.productAccessories .accessories .product h2{margin:0 0 5px 0; padding:0}
.productAccessories .accessories .product h2 a{color:#333333;font-size:11px;font-weight:bold;text-decoration:none; margin:0; padding:0}
.productAccessories .accessories .product h2 a:hover{text-decoration:underline}
.productAccessories .accessories .product p{color:#333333;font-size:11px;font-weight:normal;margin:0; padding:0}
.productAccessories .accessories .prices{width:160px; height:58px; position:relative; text-align:right; float:left; display:inline; margin:4px 0 0 0px}
.productAccessories .accessories .prices p.was{color:#666666; font-size:9px; font-weight:bold; margin:0; text-transform:uppercase; position:absolute; top:3px; right:80px}
.productAccessories .accessories .prices p.save{color:#33ccff; font-size:9px; font-weight:bold; margin-left:10px; text-transform:uppercase; position:absolute; top:3px; right:0}
.productAccessories .accessories .prices p.now{color:#e71005; font-size:14px; font-weight:bold; margin:0 0 2px 0; text-transform:uppercase; position:absolute; top:15px; right:0}

/************************************************* BASKET PAGE ****************************************************/

/* BASKET GENERAL SETTINGS */
#basket{margin:0 0 10px 0; padding:25px 0 0 0}
#basket table{font-size:11px; /*width:581px;*/ border-collapse:collapse; padding:0; margin:0px}
#basket a, #basket a:link, #basket a:active, #basket a:visited{color:#333; text-decoration:none}
#basket a:hover{text-decoration:underline}

/* BASKET HEADER */
#basket th{font-weight:bold; background:url(../img/basket/basket_Head.gif) repeat-x; height:25px; vertical-align:middle; line-height:25px}
#basket .baskethead{color:#003858}

/* SET INDIVIDUAL HEADER WIDTHS */
#basket .baskethead .qty{width:45px; padding-top:0; text-indent:2px;background-image:url(../../common/img/basket/basket_TL.gif); background-repeat:no-repeat; background-position:top left}
#basket .baskethead .code{width:60px; text-align:center}
#basket .baskethead .description{text-align:center; /*width:260px; text-indent:10px;*/}
#basket .baskethead .price{width:60px; text-align:center}
#basket .baskethead .totalprice{width:75px; text-align:center}

#basket .baskethead .delete{width:35px; text-align:center; background-image:url(../../common/img/basket/basket_TR.gif); background-repeat:no-repeat; background-position:top right}

/* BASKET SECTION DIVIDER (HEAD) */
.basketsection{height:18px; line-height:18px; background-image:url(../../common/img/basket/basket_HeadSection.gif); background-repeat:no-repeat; background-position:left}

/* BASKET PRODUCT ROWS */
#basket .basketproduct{color:#333}
#basket .basketLeft{ background:url(../img/basket/basket_border.gif) repeat-y left; width:1px}
#basket .basketRight{background:url(../img/basket/basket_border.gif) repeat-y right; width:1px}
#basket .basketimage{height:50px; width:60px; text-align:center; padding:0}
#basket .basketdescription{width:250px}
#basket .basketproduct .basketcode{text-align:center}
#basket .basketqty{color:Navy; padding:0 5px 0 5px}
#basket .basketqty input{border:1px solid #b2b6bc; padding:2px; text-align:center; color:#333}
#basket .basketimage, .basketprice, .basketcode, .baskettotalprice, .basketdelete{background-image:url(../../common/img/basket/basket_colSection.gif); background-repeat:no-repeat; background-position:left}
#basket .basketprice, .basketqty, .baskettotalprice, .basketdelete{text-align:center}
#basket .basketqty input{width:20px}
#basket .basketdelete img{text-align:center; padding-left:5px}
#basket .baskettotalprice{font-weight:bold}

/* BASKET ROW DIVIDER */
#basket .basketRowDivider{height:1px; background:url(../img/basket/basket_rowSection.gif) repeat-x; width:581px}

/* BASKET TOTALS */

/* quick fix for basket background */
#basket table.totals{ width:581px; background:url(../img/basket/totals_bg.gif) 0px 0px no-repeat; }

#basket tr.basketSubRow, #basket tr.basketDeliveryRow{color:#fff; height:20px}
/*#basket tr.basketSubRow .basketBL, #basket tr.basketDeliveryRow .basketBL{background:#77838f url(../img/basket/basket_border.gif) repeat-y left}*/
#basket tr.basketSubRow .basketsub{text-align:right; padding:0px 7px 0 0; font-weight:bold; /*background-color:#77838f;*/}
#basket tr.basketDeliveryRow .basketsub{text-align:right; padding:0px 7px 0 0; font-weight:normal; /*background-color:#77838f;*/}
#basket tr.basketSubRow .baskettotal, #basket tr.basketDeliveryRow .baskettotal{padding:0; width:75px; text-align:center; font-weight:bold; /*background-color:#77838f;*/}
/*#basket tr.basketSubRow .basketBR, #basket tr.basketDeliveryRow .basketBR{background:#77838f url(../img/basket/basket_border.gif) repeat-y right}*/

#basket tr.basketTotalRow{color:#fff; height:25px}
/*#basket tr.basketTotalRow .basketBL{background:url(../img/basket/basket_BL.gif) no-repeat left}*/
#basket tr.basketTotalRow .basketsub{text-align:right; padding:0px 7px 0 0; font-weight:bold; /*background:url(../img/basket/basket_Foot.gif) repeat-x;*/}
#basket tr.basketTotalRow .baskettotal{padding:0; width:75px; text-align:center; font-weight:bold; /*background:url(../img/basket/basket_Foot.gif) repeat-x;*/}
/*#basket tr.basketTotalRow .basketBR{background:url(../img/basket/basket_BR.gif) no-repeat right}*/

.basketLogos{width:581px;text-align:center;margin:10px auto 35px auto;position:relative}

/************************************************* BRANDS PAGE ****************************************************/

.brandsNavBox{background:url(../img/brands/brandsNavBox.gif) no-repeat; position:relative; width:581px; /*height:51px;*/ margin:0}

.brandsRow{width:585px; height:196px; position:relative; margin-right:-4px; margin-bottom:4px}
.brand{background:url(../img/brands/brandBg.gif) repeat-x; position:relative; float:left; display:inline; width:191px; height:196px; margin-right:4px; text-align:center}
.brand .placeholder{width:134px; height:35px; position:relative; margin:25px auto 15px auto}
.brand h2{margin-bottom:5px}
.brand h2 a{color:#000;font-size:11px;font-weight:bold;text-decoration:none; margin:0; padding:0}
.brand h2 a:hover{text-decoration:underline}
.brand p{color:#000; font-size:11px; font-weight:normal; margin:0}

.brandBox{width:581px; position:relative; margin-bottom:5px; padding:20px 0 0 0}
.brandBoxContent{background:url(../img/brands/brandBoxBottom.gif) no-repeat bottom; width:581px; position:relative; margin:0; padding:0 0 42px 0}
.brandBoxContent .placeholder{width:160px; height:35px; margin-bottom:35px; float:left; display:inline; text-align:center}
.brandBoxContent .brandDescription{width:400px; margin:0; float:left; display:inline}
.brandBoxContent .brandDescription h2{color:#000; font-size:11px; font-weight:bold; margin-bottom:5px}
.brandBoxContent .brandDescription p{color:#000; font-size:11px; font-weight:normal; margin:0}

.brandCatRow{width:585px; /*height:214px;*/ position:relative; margin:0; padding:0}
.brandCatBox{position:relative; float:left; display:inline; width:192px; /*height:214px;*/ margin:0 3px 20px 0; text-align:center}

h2.headerBar192{position:relative; width:192px; height:25px; margin:0; padding:0; background:url(../img/brands/headerBar192.gif) no-repeat; color:#fff; font-size:11px; font-weight:bold; line-height:21px; text-align:center} 
h2.headerBar192 a{margin:0; padding:0; color:#fff; font-size:11px; font-weight:bold; text-decoration:none} 
h2.headerBar192 a:hover{text-decoration:underline}

.brandCatBox .content{background:url(../img/brands/topShadow.gif) repeat-x left top; position:relative; width:192px; margin:0; padding-top:15px; text-align:center}
.brandCatBox .content .placeholder{width:192px; height:58px; position:relative; margin-bottom:10px}

.brandCatBox .content .greyBox{position:relative;top:0; width:174px; height:46px; margin:0 auto; padding:6px 0 0 0; background:url(../img/greyBox174.gif) no-repeat}
.brandCatBox .content .greyBox p{color:#e71005; font-weight:bold; font-size:11px; width:170px; text-align:center; text-transform:uppercase; margin:0 0 0 2px}

/************************************************* ABOUT US PAGE ****************************************************/

.aboutUsContent{position:relative; width:581px; margin-bottom:35px; padding-top:20px}
.aboutUsContent img{margin:-2px 15px 0 15px; float:right; display:inline}
.aboutUsContent h2{margin:0 10px 5px 10px; padding:0; color:#333333; font-size:11px; font-weight:bold}
.aboutUsContent p{margin:0 10px 10px 10px; padding:0; color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px}

.contactDetails{position:relative; width:482px; margin:0 auto; padding:0px}
.contactDetails p{margin-bottom:10px; padding:0; color:#333333; font-size:11px; font-weight:normal; line-height:14px}
.contactDetails .address{background:url(../img/icons/address.gif) no-repeat left top; width:190px; height:70px; margin:0 15px 0 15px; padding:5px 0 0 40px; float:left; display:inline}
.contactDetails .phone{background:url(../img/icons/phone.gif) no-repeat left top; width:160px; height:70px; margin:0 0 0 0; padding:5px 0 0 40px; float:left; display:inline}
.contactDetails .phone p{font-weight:bold}
.contactDetails .openingHours{background:url(../img/icons/openingHours.gif) no-repeat left top; width:190px; height:70px; margin:0 15px 0 15px; padding:5px 0 0 40px; float:left; display:inline}
.contactDetails .emailAddress{background:url(../img/icons/emailAddress.gif) no-repeat left top; width:160px; height:65px; margin:0 0 0 0; padding:10px 0 0 40px; float:left; display:inline}
.contactDetails .emailAddress a{color:#3399cc; text-decoration:underline}
.contactDetails .emailAddress a:hover{text-decoration:none}

/************************************************* CONTACT US PAGE ****************************************************/

.contactUsContainer{position:relative; width:581px; margin:0; padding:30px 0 15px 0}
.contactUsContent{position:relative; width:482px; margin:0 auto; padding:0px}

.contactUsContent fieldset{position:relative; width:393px; height:240px; margin:0px 0 0 14px; padding:0}
.contactUsContent .contactField{display:block; margin:0 0 0px 0; width:375px; clear:both; padding:0; position:relative}
.contactUsContent label{color:#4f4f4f;font-size:11px;font-weight:bold;margin-right:10px;padding:3px 0 0 0;float:left;display:inline; width:70px; text-align:right}
.contactUsContent input{color:#4f4f4f;font-size:11px;font-weight:normal;margin:0 0 6px 0;padding:2px 1px 2px 4px;border:1px solid #969696;width:194px;float:left;display:inline; width:287px}
.contactUsContent select{color:#4f4f4f;font-size:11px;font-weight:normal;margin:0 0 6px 0;padding:1px 0 1px 0; border:1px solid #969696;float:left;display:inline; width:150px}
.contactUsContent textarea{width:282px; height:68px; color:#4f4f4f; font-size:11px; font-weight:normal; background-color:#ffffff; border:solid 1px #969696; margin:0; padding:2px 5px 2px 5px; float:left; display:inline}
.contactUsContent span.star{color:#ff0000}

.contactUsResponse{position:relative; width:482px; height:250px; margin:0 auto; padding:0; text-align:center}
.contactUsResponse img{position:relative; margin:60px 0 15px 0}
.contactUsResponse h2{color:#4f4f4f;font-size:11px;font-weight:bold;margin:0 0 15px 0; }
.contactUsResponse p{color:#4f4f4f;font-size:11px;font-weight:normal;margin:0 0 0 0}

.registeredCompany{position:relative; width:581px; margin-top:25px; text-align:center}
.registeredCompany p{color:#4f4f4f;font-size:11px;font-weight:normal;margin-bottom:10px; line-height:14px}

/************************************************* NEWS PAGES *************************************************/

.newsNavBox{background:url(../img/brands/brandsNavBox.gif) no-repeat; position:relative; width:581px; height:51px; margin:0}

.newsContainer{position:relative; width:581px; margin:0; padding:20px 0 0 0}
.newsBox{position:relative; width:581px; margin:0px 0 0px 0; padding-bottom:14px}
.newsBox .newsImage{position:relative; width:158px; height:105px; margin:16px 11px 0px 6px; padding:0; float:left; display:inline}
.newsBox .newsInfo{position:relative; width:396px; margin:16px 0 0px 0; padding:0; float:left; display:inline}
.newsBox .newsInfo p.date{color:#3399cc; font-size:11px; font-weight:bold; margin:0 0 7px 0; width:250px}
.newsBox .newsInfo h2{color:#333333; font-size:11px; font-weight:bold; margin:0 0 7px 0; width:396px}
.newsBox .newsInfo h2 a{color:#333333; font-size:11px; font-weight:bold; margin:0; text-decoration:underline; width:396px}
.newsBox .newsInfo h2 a:hover{text-decoration:none}
.newsBox .newsInfo p{color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px; margin:0 0 10px 0}

.articleInfo{position:relative; width:581px; margin:0px 0 0px 0; padding:15px 0 30px 0}
.articleInfo p.date{color:#3399cc; font-size:11px; font-weight:bold; margin:0 0 7px 10px; width:250px}
.articleInfo h2{color:#333333; font-size:11px; font-weight:bold; margin:0 10px 7px 10px}
.articleInfo p{color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px; margin:0 10px 10px 10px}
.articleInfo .placeholderRight{float:right; display:inline; margin:0px 10px 10px 20px} 

.paginationBar399Position1{position:absolute; left:45px; top:10px}
.paginationBar399Position2{position:relative; margin:20px 0 5px 0; width:536px; padding-left:45px}
.paginationBar399{position:relative; text-align:center; height:21px; line-height:19px; width:399px; margin:0; padding:0; background:url(../img/subcat/paginationBar399.gif) no-repeat left top}
.paginationBar399Container{margin-left:113px}
.paginationBar399 p, .paginationBar399 a{float:left; display:inline}
.paginationBar399 img{float:left; display:inline; vertical-align:middle; padding-top:6px; margin-left:8px; border:0}
.paginationBar399 a{text-decoration:none; color:#fff; font-weight:bold; padding-right:2px}
.paginationBar399 a:hover{text-decoration:underline}
.paginationBar399 .next{margin:0 0 0 14px}
.paginationBar399 .previous{margin:0 35px 0 15px}

/********************************************* CUSTOMER SERVICES PAGES *******************************************/

.universalContent{position:relative; width:581px; margin:0 0 35px 0; padding-top:18px}
.universalContent .linksRow1{height:25px; position:relative; margin-bottom:5px}
.universalContent .linksRow2{height:25px; position:relative; margin-bottom:20px}
.universalContent h1{margin:0 10px 10px 10px; padding:0; color:#333333; font-size:11px; font-weight:bold}
.universalContent h2{margin:0 10px 10px 10px; padding:0; color:#333333; font-size:11px; font-weight:bold}
.universalContent p{margin:0 10px 10px 10px; padding:0; color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px}
.universalContent ul{margin:0 0 15px 20px; padding:0; list-style:none; list-style-position:outside; /*width:380px;*/ color:#333333;font-size:11px;font-weight:bold}
.universalContent ul li{line-height:16px; padding-left:15px; background:url(../img/icons/bulletOrange.gif) no-repeat left 6px; width:350px; margin:0 10px 0px 0}
.universalContent ul li.last{line-height:16px; padding-left:15px; background:url(../img/icons/bulletOrange.gif) no-repeat left 6px; width:500px; margin:0 10px 0px 0}
.universalContent ul.normal li{width:500px}
.universalContent a.link{color:#3399cc;font-size:11px;font-weight:normal;text-decoration:underline}
.universalContent a:hover.link{text-decoration:none}


.universalContent .thawteSmall{float:right; display:inline; margin:0 15px 0 10px}
.universalContent .secureShoppingSeal{float:right; display:inline; margin:0 38px 0 38px}
.universalContent .deliveryImg{float:right; display:inline; margin:10px 25px 0 10px}
.universalContent .returnsImg{float:right; display:inline; margin:0 20px 0 30px}
.universalContent .moneyBackSeal{float:right; display:inline; margin:0px 40px 0 40px}

.faqs{width:581px; margin:15px 0 25px 0px; padding:0; line-height:20px; position:relative}	
.faqs img{position:absolute; top:0; right:60px}
.faqs a{font-weight:bold; font-size:11px; text-decoration:none; color:#333333; margin:0; width:310px; float:left; display:inline; padding:0}

.faqs.fullWidth{line-height:14px}	
.faqs.fullWidth a{width:542px; margin-bottom:6px}

.faqs a:hover{color:#3399cc; text-decoration:none}
.faqs span.number{margin-right:9px; padding:0; color:#3399cc; width:30px; float:left; display:inline; text-align:right; clear:both; font-weight:bold}
.faqs span.number, .faqContent h2 span.number, .faqContentOn h2 span.number{margin-right:9px; padding:0; color:#3399cc; width:30px; float:left; display:inline; text-align:right; clear:both}
.faqContent{margin:0; padding:0; line-height:21px; position:relative; width:581px; height:21px}
.faqContentOn{margin:0; padding:0; line-height:21px; position:relative; width:581px; height:21px; background:url(../img/customerServices/faqBgOn.gif) no-repeat}
.faqContent h2{font-weight:bold; font-size:11px; color:#333333; margin:0; width:581px; padding:0}
.faqContentOn h2{font-weight:bold; font-size:11px; color:#3399cc; margin:0; width:581px; padding:0}
.faqAnswers{width:532px;position:relative;margin:5px 0 0 39px} 
.faqAnswers p{color:#7d7f80;font-size:11px;font-weight:normal;line-height:14px;margin:0 0 10px 0} 
.faqAnswers .backToTop{position:relative; margin-bottom:10px; width:71px}
.faqAnswers .backToTop a{line-height:14px; font-size:11px; text-decoration:underline; font-weight:normal; color:#3399cc; display:block; text-indent:10px; height:14px; background:url(../img/customerServices/faqBullet.gif) no-repeat left center}
.faqAnswers .backToTop a:hover{text-decoration:none}

.doubleFaqHeader .faqContent h2 span.number, .doubleFaqHeader .faqContentOn h2 span.number{margin-right:9px; padding:0; color:#3399cc; width:30px; height:28px; float:left; display:inline; text-align:right; clear:both}
.doubleFaqHeader .faqContent{margin:0; padding-top:4px; line-height:14px; position:relative; width:581px; height:31px}
.doubleFaqHeader .faqContentOn{margin:0; padding-top:4px; line-height:14px; position:relative; width:581px; height:31px; background:url(../img/customerServices/faqBgDoubleOn.gif) no-repeat}

/************************************************** ERROR PAGES *******************************************************/

.error404Container{width:581px; margin:0; position:relative; padding:35px 0 20px 0}
.error404Container h2.blue{color:#3399cc;font-size:16px;font-weight:bold;margin:0 0 20px 0;width:581px; text-align:center}
.error404Container h2{color:#333333;font-size:11px;font-weight:bold;margin:0 10px 5px 10px; width:561px}
.error404Container ul{margin:0 0 15px 20px; padding:0; list-style:none; list-style-position:outside; width:561px; color:#606060;font-size:11px;font-weight:normal}
.error404Container ul li{line-height:16px; padding-left:15px; background:url(../img/icons/bulletOrange.gif) no-repeat left 6px; margin:0 10px 5px 0}
.error404Container a{color:#3399cc;font-size:11px;font-weight:normal;text-decoration:underline}
.error404Container a:hover{text-decoration:none}

.error500Container{width:581px; margin:0; position:relative; padding:35px 0 20px 0; text-align:center}
.error500Container h2{color:#3399cc;font-size:16px;font-weight:bold;margin:0 0 25px 0}
.error500Container P{color:#333333;font-size:11px;font-weight:bold;margin:0}

/************************************************** SITEMAP PAGE *******************************************************/

.sitemapContent{position:relative; width:581px; margin:0; padding:28px 0}
.sitemapContent .columnOne{margin:0 0 0 10px; padding:0; float:left; display:inline; width:280px}
.sitemapContent .columnTwo{margin:0 0 0 10px; padding:0; float:left; display:inline; width:280px}

ul.sitemap{list-style:none; margin:0; padding:0}
ul.sitemap li{list-style:none; margin:0; padding:0; line-height:18px}
ul.sitemap li a{background:url(../img/icons/bulletArrowBlue.gif) no-repeat left center; text-decoration:none; color:#333; font-size:11px; font-weight:bold; padding-left:10px}
ul.sitemap li a:hover{text-decoration:underline}
ul.sitemap li a img{ margin:0 0 -5px 3px; }/* for small icons */
ul.sitemap li ul{list-style:none; margin:0 0 0px 25px; padding:0}
ul.sitemap li ul li a{background:url(../img/icons/bulletArrowBlue.gif) no-repeat left center; text-decoration:none; color:#333; font-size:11px; font-weight:normal; padding-left:10px}
ul.sitemap li ul li a:hover{text-decoration:underline}

/************************************************** RESOURCE PAGES *******************************************************/

.resourceBox{position:relative; width:581px; margin:0; padding:5px 0; background:url(../img/dots581.gif) no-repeat bottom}
.resourceBox .resourceImage{position:relative; width:158px; height:105px; margin:0 40px 0 30px; padding:0; float:left; display:inline}
.resourceBox .resourceInfo{position:relative; width:341px; margin:5px 0 0px 0px; padding:0; float:left; display:inline}
.resourceBox .resourceInfo h2{color:#333; font-size:11px; font-weight:bold; margin:0 0 3px 0; width:341px}
.resourceBox .resourceInfo a{color:#3399cc; font-size:11px; font-weight:normal; margin:0 0 6px 0; text-decoration:underline; width:341px; float:left; display:inline; clear:both}
.resourceBox .resourceInfo a:hover{text-decoration:none}
.resourceBox .resourceInfo p{color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px; margin:0 0 10px 0}

.resourceBoxEmpty{position:relative; width:581px; margin:30px 0; text-align:center}
.resourceBoxEmpty p{color:#333; font-size:11px; font-weight:normal; line-height:14px; margin:0 0 10px 0}
.resourceBoxEmpty a{color:#3399cc; font-size:11px; font-weight:normal; margin:0; text-decoration:underline}
.resourceBoxEmpty a:hover{text-decoration:none}

/************************************************* BUYING GUIDES PAGES *************************************************/

.guideSubLinks{position:relative;margin-bottom:15px;padding-bottom:22px} 
.guideSubLinks .columnOne{margin:0; padding-left:10px; float:left; display:inline; width:280px}
.guideSubLinks .columnTwo{margin:0; padding-left:10px; float:left; display:inline; width:280px}
.guideSubLinks ul{list-style:none; margin:0; padding:0; width:280px}
.guideSubLinks ul li{list-style:none; margin:0; padding:0; line-height:20px; width:280px; background:none}
.guideSubLinks ul li a{background:url(../img/icons/bulletArrowBlue.gif) no-repeat left center; text-decoration:none; color:#333; font-size:11px; font-weight:bold; padding-left:10px}
.guideSubLinks ul li a:hover{text-decoration:none; color:#3399cc}
.guideSubLinks ul li a.guideOn, a:hover.guideOn{background:url(../img/icons/bulletArrowBlue.gif) no-repeat left center; text-decoration:none; color:#3399cc; font-size:11px; font-weight:bold; padding-left:10px}

.universalContent p.key{margin:0 10px 10px 10px; padding:0; color:#7d7f80; font-size:11px; font-weight:normal; line-height:14px; float:left; display:inline}

.universalContent p a.popupLink{color:#3399cc; font-size:11px; font-weight:normal; text-decoration:underline}
.universalContent p a:hover.popupLink{text-decoration:none}

.productComparisonTable{width:581px; margin:0; padding:10px 0}
.productComparisonTable table{font-size:11px; border-collapse:collapse; padding:0; margin:0; background:url(../img/buyingGuides/tableHeaderBg.gif) no-repeat left top}
.productComparisonTable table a, .productComparisonTable table a:link, .productComparisonTable table a:active, .productComparisonTable table a:visited{color:#3399cc; text-decoration:underline}
.productComparisonTable table a:hover{text-decoration:none}

.productComparisonTable table th{padding:0; text-align:center; color:#fff; height:34px}
.productComparisonTable table th .headerSep{background:url(../img/buyingGuides/tableHeaderSep.gif) no-repeat left center; height:34px; line-height:33px; padding:0 10px}
.productComparisonTable table th .headerSep.double{height:30px; line-height:13px; padding-top:4px}

.productComparisonTable table td{padding:5px; text-align:center; border-left:1px solid #b9b9ba; border-bottom:1px solid #b9b9ba; color:#000}
.productComparisonTable table tr.firstContentRow td{border-top:none}
.productComparisonTable table td.productName{border-left:none; background:#d8effb url(../img/buyingGuides/borderBg.gif) repeat-y left; text-align:left; text-transform:uppercase; font-weight:bold; color:#000}

.productComparisonTable table td.cellLeft{border-left:none; background:url(../img/buyingGuides/borderBg.gif) repeat-y left}
.productComparisonTable table td.cellRight{background:url(../img/buyingGuides/borderBg.gif) repeat-y right}
.productComparisonTable table td.cellRightBlue{background:#d8effb url(../img/buyingGuides/borderBg.gif) repeat-y right; border-left:none}

.productComparisonTable table tr.greyBg td{background-color:#f3f3f4}




