/* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0.1
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1.5;background:white;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:11px;color:#000;background:#fff;font-family: Tahoma, Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:30px;line-height:1;margin-bottom:0.5em;}
h2 {font-size:18px;margin-bottom:0.75em;}
h3 {font-size:16px;line-height:1;margin-bottom:1em;}
h4 {font-size:14px;line-height:1;margin-bottom:1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
.left {float:left !important;}
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
.right {float:right !important;}
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
a:focus, a:hover {color:#09f;}
a {color:#06c;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
fieldset, #IE8#HACK {padding-top:1.4em;}
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #ccc;color:#000;font-family:tahoma;font-size:11px;height:21px;}
select {background-color:#fff;border-width:1px;border-style:solid;font-family:tahoma;height:25px; padding-top: 2px}
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .alert, .notice, .success, .info {}
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
.error a, .alert a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.info a {color:#205791;}

/* grid.css */
.container {width:994px;margin:0 auto; position: relative;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
.clear {clear:both;}

/**** Custom CSS ****/
body {
  background-color: #00528C;
}
#backgroundTop {
  background: url("../images/backgroundTop.png") no-repeat scroll center top transparent;
  width: 2500px;
  height: 1106px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1250px;
}
#backgroundMiddle {
  background: url("../images/backgroundMiddle.png") repeat-x scroll center top transparent;
  width: 2500px;
  height: 253px;
  position: absolute;
  top: 1106px;
  left: 50%;
  margin-left: -1250px;
}
#backgroundBottom {
  background: url("../images/backgroundBottom.jpg") no-repeat scroll center top transparent;
  width: 2500px;
  height: 941px;
  position: absolute;
  top: 1359px;
  left: 50%;
  margin-left: -1250px;
}
#background, #backgroundOverlay {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
}
#backgroundOverlay {
  overflow: hidden;
}
#background {
  background: url() no-repeat scroll center top transparent;
  height: 1400px;
}
#mainBanner {
  position: absolute;
  display: none;
  top: 120px;
  width: 960px;
  height: 350px;
  left: 50%;
  margin-left: -480px;
}
#mainBanner .bannerLink {
  width: 960px;
  height: 350px;
  display: block;
}
#mainBanner .leftBtn, 
#mainBanner .rightBtn {
  width: 25px;
  height: 90px;
  position: absolute;
  top: 141px;
}
#mainBanner .leftBtn {
  background: url("../images/bannerBtnLeft.png") no-repeat scroll center top transparent;
  left: 20px;
}
#mainBanner .rightBtn {
  background: url("../images/bannerBtnRight.png") no-repeat scroll center top transparent;
  right: 20px;
}

.textShadowLight {
  text-shadow: 1px 1px 0px rgba(255,255,255,1) !important;
}
.textShadowDark {
  text-shadow: 1px 1px 0px rgba(0,0,0,0.2) !important;
}
.DINStd, .DINBold {
  text-transform: uppercase;
}

/**** Header ****/
#header {
  width: 960px;
  height: 120px;
  padding: 0 17px;
  background: url("../images/containerBackground.png") repeat-y scroll center top transparent;
  color: #fff;
  z-index: 500;
  position: relative;
}
#header a {
  color: #FFF;
  text-decoration: none;
}
#header a:hover {
  color: #ccc;
  text-decoration: none;
}
#header .logo {
  width: 167px;
  height: 120px;
  float: left;
}
#header .logo a {
  width: 167px;
  height: 120px;
  background: url("../images/logo.png") no-repeat scroll top left transparent;
  display: block;
}
#header .options {
  width: 793px;
  height: 79px;
  background: url("../images/optionsBackground.png") repeat-x scroll top left transparent;
  float: left;
}
#header .optionsLeft {
  width: 630px;
  float: left;
}
#header .optionsRight {
  width: 163px;
  float: left;
}
#header .mainMenu, 
#header .closedMenu {
  width: 793px;
  height: 40px;
  background-color: #000;
  float: left;
  padding: 0;
  margin: 0;
  position: relative;
  border-top: 1px solid #4E4E4E;
}
#header .search {
  width: 352px;
  height: 25px;
  background: url("../images/search.png") no-repeat scroll top left transparent;
  margin: 0 130px 0 0;
  float: right;
  
}
#headSearch {
  vertical-align: top;
}
#headSearch p {
	border: 0;
	margin: 0;
}
#header .searchText {
  border: 0;
  padding: 0 5px;
  margin: 2px 0 0 0;
  width: 255px;
  background-color: transparent;
}
#header .searchError {
	font-weight: bold;
	color: #CC0000;
}
#header .searchButton {
  border: 0;
  height: 21px;
  width: 85px;
  margin-top: 1px;
  background-color: transparent;
  cursor: pointer;
}
#header .accountMenu {
  height: 28px;
  padding-top: 12px;
  margin: 0 130px 0 0;
  float: right;
}
#header .accountMenu a {
  padding-right: 10px;
}
#header .accountMenu .phone {
  display: inline;
  padding-left: 10px;
  font-weight: bold;
}
#header .accountMenu .phone img {
  padding-right: 5px;
}
#trolley {
  margin-top: 15px;
}
#header .trolleyHR {
  width: 150px;
  height: 1px;
  margin: 7px 0 9px 0;
  background: url("../images/trolleyHR.png") repeat-x scroll center top transparent;
}
#header .trolleyBtn {
  display: block;
  float: left;
}
#header .trolleyStatus span {
  padding-left: 5px;
}
#header .noOfItems, .trolleyTotal {
  line-height: 23px;
  display: block;
  float: left;
}
#header .trolleyTotal {
  font-weight: bold;
}
#header .secureCheckout {
  width: 212px;
  height: 28px;
  margin: 24px 0 0 11px;
  background: url('../images/checkout/secureCheckout.png') no-repeat top left transparent;
}
#header .closedMenu a {
  background: url("../images/mainMenuBG.png") repeat-x scroll right bottom transparent;
  display: block;
  float: left;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  padding: 0 15px;
  height: 40px;
}
#header .closedMenu {
  background: url("../images/checkout/closedMenuBG.png") repeat-x scroll right bottom transparent;
}
#header .closedMenu .closedMenuItems {
  float: right;
}
#header .closedMenuEnd {
  background: url("../images/mainMenuBG.png") no-repeat scroll right bottom transparent;
  height: 40px;
  width: 2px;
  float: left;
  display: block;
}
#header .closedMenu .homeLink {
  background: url("../images/checkout/home.png") no-repeat scroll center center transparent;
  width: 27px;
}

/**** Footer ****/
#footer {
  width: 960px;
  color: #fff;
  margin: 20px 17px 100px 17px;
  float: left;
}
#footer .menuList {
  float: left;
  width: 960px;
}
#footer .footerMenu {
  width: 160px;
  float: left;
  padding: 0 !important;
  margin: 0;
  list-style: none;
}
#footer .footerMenu ul {
  padding: 0 !important;
  margin: 0;
  list-style: none;
}
#footer .footerMenu li {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 2px;
}
#footer .footerMenu a.lvl1 {
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
#footer .footerMenu a {
  text-decoration: none;
}
#footer .footerMenu .lvl2 a {
  text-shadow: 0px 0px 2px rgba(0,0,0,1) !important;
}
#footer .hr {
  background: url("../images/footerHR.png") repeat-x scroll top left transparent;
  width: 100%;
  height: 2px;
  margin: 35px 0;
  float: left;
}
#footer .badges {
  width: 100%;
  float: left;
  margin-top: 5px;
}
#footer .badges div {
  float: left;
}
#footer .certificates {
  float: right !important;
  margin-top: 28px;
}
#footer .paymentMethods {
  margin-top: 8px;
}
#footer .paymentMethods span {
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  line-height: 17px;
}
#footer .paymentMethods img {
  margin-right: 7px;
}
#footer a {
  color: #fff;
}
#footer a:hover {
  color: #ccc;
}

/**** Content ****/
.content {
  width: 960px;
  padding: 0 17px;
  background: url("../images/containerBackground.png") repeat-y scroll center top transparent;
  float: left;
  /*overflow: hidden;*/
  min-height: 369px;
  height: auto !important;
  height: 369px;
}
.contentTop {
  width: 960px;
  height: 11px;
  background: url("../images/contentTop.png") repeat-x scroll center top transparent;
}
.contentBottom {
  width: 960px;
  height: 17px;
  padding: 0 17px;
  background: url("../images/contentBottom.png") no-repeat scroll center top transparent;
  float: left;
}
.contentInner {
	background: #ffffff;
	padding: 11px;
}

/**** Menu ****/
.mainMenu li {
  list-style: none;
  display: block;
  float: left;
}
.mainMenu li a.lvl1 {
  text-transform: uppercase;
  line-height: 40px;
  width: 100%;
  text-align: center;
  display: block;
  background: url("../images/mainMenuBG.png") repeat-x scroll right bottom transparent;
}
.mainMenu .lastItem a.lvl1 {
  background: url("../images/mainMenuBG_special.png") repeat-x scroll right bottom transparent;
}
.mainMenu li a.lvl1 .on1  {
  background: url() repeat-x scroll right bottom #fff;
  width: 100%;
  height: 41px;
  z-index: 5001;
  position: relative;
  color: #000 !important;
  float: left;
}
.menuPane {
  width: 940px;
  top: 40px;
  left: -157px;
  color: #000;
  z-index: 4000;
  position: absolute;
}
.menuPane .menuContents {
  width: 888px;
  background-color: #fff;
  border: 1px solid #cccccc;
  padding: 20px 30px 20px 20px;
  float: left;
}
.menuPaneBottom {
  width: 100%;
  height: 9px;
  background: url("../images/mainMenuContentBottom.png") repeat-x scroll center top transparent;
}
.menuPane .popularName a:hover {
  color: #4569B1 !important;
}
.menuPane .popularItems {
  width: 185px;
  float: left;
  margin-right: 10px;
}
.menuPane h3 {
  color: #999999;
  font-size: 16px;
  text-transform: uppercase;
}
.menuPane .categories {
  width: 662px;
  float: left;
}
.menuPane .categories a span, .menuPane .categories a {
  font-size: 11px;
  color: #000;
  text-transform: none;
}
.menuPane .categories a:hover span, .menuPane .categories a:hover {
  color: #4569B1;
}
.menuPane ul.lvl1 {
  padding: 0;
}
.menuPane .categories li.lvl2 {
  padding: 0 15px 15px 0;
}
.menuPane .categories li.lvl3 {
  display: block;
  float: none;
  margin: 6px 0 0 0;
}
.menuPane .categories ul.lvl2 {
  padding: 0;
}
.menuPane .categories a.lvl2 span {
  color: #4569B1;
  font-weight: bold;
  text-transform: uppercase;
}
.menuPane .categories a.lvl2:hover span {
  color: #666666;
}
.menuPane ul.lvl3 {
	display: none;
}
.menuPane ul.lvl1 li.lastItem {
  padding: 0;
}
.menuPane .menuPaneRight {
  width: 663px;
  background: url("../images/menuPaneVR.png") repeat-y scroll left top transparent;
  padding-left: 30px;
  float: left;
}
.menuPane .menuPaneHR {
  height: 1px;
  width: 662px;
  margin: 10px 0 7px 0;
  background: url("../images/menuPaneHR.png") repeat-x scroll center center transparent;
  float: left;
}
.menuPane .menuBanner {
  text-transform: uppercase;
  font-size: 17px;
  float: left;
}
.menuPane .popularPrices {
  margin-bottom: 5px !important;
}
.menuPane .popularPrices .productPrice {
  font-weight: bold;
}
.menuPane .popularProduct .productImage {
  width: 55px;
  height: 55px;
  float: left;
  margin-right: 5px;
}
.menuPane .popularDetails {
  float: left;
  width: 125px;
}
.menuPane .popularProduct {
  width: 185px;
  margin-bottom: 20px;
  float: left;
}
.menuPane {
  display: none;
}
.menuPane .popularProduct a {
  color: #000 !important;
}
.menuPane ul.lvl1 li.position1 {
  clear: left;
}
/**** Pages ****/

/**** Home ****/
.content .bannerTop {
  width: 960px;
  height: 17px;
  background: url("../images/home/bannerTop.png") repeat-x scroll center top transparent;
}
.content .bannerBottom {
  width: 960px;
  height: 30px;
  background: url("../images/home/bannerBottom.png") no-repeat scroll center top transparent;
}
.content .banner {
  height: 303px;
  width: 960px;
}
.content .featuredContainer {
  width: 960px;
  height: 219px;
  background: url("../images/home/featuredBackground.png") repeat-y scroll center top transparent;
}
.content .featured {
  display: block;
  float: left;
  width: 310px;
  margin: 8px 0 0 10px;
  font-size: 13px;
}
.content .featured2 h3, .content .featured2 span {
  color: #fff;
}
.content .featured span {
  height: 28px;
  display: block;
}
.content .featured h3 {
  margin: 0;
  padding: 0;
  font-size: 22px;
}
.content .productsTop {
  width: 960px;
  height: 9px;
  background: url("../images/home/productsTop.png") no-repeat scroll center top transparent;
}
.content .products {
  width: 960px;
  height: 613px;
  background: url("../images/home/productsMiddle.png") repeat-y scroll center top transparent;
  float: left;
}
.content .productGrid {
  width: 700px;
  padding: 0 5px 0 4px;
  float: left;
}
.content .products .sideBar {
  width: 241px;
  padding-right: 10px;
  float: left;
}
.productsBottom {
  width: 960px;
  height: 17px;
  padding: 0 17px;
  background: url("../images/home/productsBottom.png") no-repeat scroll center top transparent;
  float: left;
}
#tabMenuContainer {
  height: 364px !important;
  min-height: 364px !important;
}
#tabMenuContainer .ui-tabs {
  overflow: visible;
  margin-top: 5px;
}
#tabMenuContainer .ui-tabs .ui-tabs-nav {
  width: 960px;
  height: 40px;
  background: url("../images/home/tabMenuTop.png") repeat-x scroll center top transparent;
  position: relative;
  overflow: visible;
  list-style: none;
  padding: 0;
  margin: 0;
}
#tabMenuContainer .ui-tabs .ui-tabs-nav li a {
  height: 45px;
  padding: 0px 23px;
  margin: -5px 37px 0 37px;
  line-height: 45px;
  display: block;
  float: left;
  list-style: none;
  color: #000000;
  font-size: 13px;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
}
#tabMenuContainer .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  background: url("../images/home/tabMenuBtnBG.png") repeat-x scroll center top transparent;
  color: #fff;
}
#tabMenuContainer .ui-tabs .ui-widget-content {
  width: 920px;
  height: 264px;
  padding: 35px 20px 20px 20px;
  color: #fff;
  background: url("../images/home/tabMenuBG.png") repeat-x scroll center top transparent;
  float: left;
}
#tabMenuContainer .ui-tabs-hide {
  display: none;
}
#tabBottom {
  background: url("../images/home/tabBottomBG.png") no-repeat scroll center top transparent;
  width: 960px;
  height: 8px;
  padding: 0 17px;
  float: left;
}
.tabImagePane {
  width: 215px;
  float: left;
  margin-right: 20px;
}
.tabMenuContent .heading {
  width: 100%;
  height: 26px;
}
.tabMenuContent .title {
  float: left;
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
.tabImagePane .subtitle {
  float: right;
  margin-top: 4px;
}
.tabImagePane .subtitle span,
.tabImagePane .subtitle a {
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  text-align: right;
  color: #ffffff;
}
.tabImagePane .subtitle a {
  text-decoration: none;
}
.tabMenuContent .hr {
  width: 100%;
  height: 2px;
  background: url("../images/home/tabs/hr.png") repeat-x scroll center top transparent;
  margin-bottom: 11px;
}
.tabImagePane .image a {
  float: left;
}
.tabImagePane .image {
  margin-bottom: 18px;
  width: 215px;
  height: 100px;
}
.tabImagePane .summary {
  height: 60px;
  width: 100%;
  margin-bottom: 12px;
}
.tabImagePane .readMore a {
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  background: url("../images/home/tabs/moreBtn.png") repeat-x scroll center center transparent;
  display: block;
  width: 108px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.tabImagePane4 {
  margin-right: 0 !important;
}
.tabNewsletter {
  float: left;
  width: 400px;
  margin-left: 29px;
}
.tabNewsletter .tabNewsForm {
  width: 400px;
  height: 31px;
  background: url("../images/home/tabs/newsletterBox.png") repeat-x scroll center center transparent;
  margin: 20px 0 18px 0;
  padding-top: 9px;
}
.tabNewsletter .tabNewsForm .newsletterBox {
  margin: 0 5px 0 8px;
  padding: 4px 0;
  width: 271px;
  height: 13px;
  line-height: 13px;
  font-style: italic;
  border: 0;
  background-color: transparent !important;
}
.tabNewsletter .tabNewsForm .newsletterBtn {
  margin-top: -4px;
  vertical-align: top;
}
.tabNewsletter .socialLinks a {
  margin-right: 10px;
}
.footerBanners {
  margin-top: 5px;
  padding: 0 9px;
  height: 108px;
  float: left;
}
.footerBanners div {
  float: left;
  width: 472px;
  height: 108px;
  padding: 0 8px;
  background: url("../images/home/footerBannerBottom.png") no-repeat scroll center bottom transparent;
}
.content .pageContent {
  background-color: #fff;
  float: left;
  padding: 10px;
  width: 940px;
}
.sideBanner img {
  vertical-align: middle;
}

/**** Product Pane ***/
.productPane {
  border: 1px solid #DCDCDC;
  width: 163px;
  height: 294px;
  margin: 0 10px 10px 0;
  float: left;
  overflow: hidden;
  position: relative;
}
.productGrid .productPane {
  margin: 0 5px 10px 5px;
}
.productPane .productImage {
  position: relative;
}
.productPane .productImage a {
  width: 150px;
  height: 150px;
  padding: 9px 7px 10px 6px;
  background-color: #fff;
  display: block;
  float: left;
}
.productPane .productSummary {
  width: 147px;
  height: 109px;
  background-color: #EEEEEE;
  padding: 8px;
  float: left;
}
.productPane .productName {
  font-weight: bold;
}
.productPane .productName a {
  color: #000;
  text-decoration: none;
}
.productPane .productPrice, .productGrid .wasPrice {
  font-weight: bold;
}
.productPane .productPrices {
  margin-bottom: 5px;
}
.wasPrice {
  text-decoration: line-through;
}
.salePrice {
  color: #cc0000;
  padding-left: 3px;
}
.swatch {
  width: 18px;
  height: 18px;
  border: 1px solid #CCCCCC;
  overflow: hidden;
}

.swatchHolder {
  margin: 0 6px 6px 0;
  float: left;
  position: relative;
}
.moreSwatches {
  width: 100%;
  float: left;
}
.moreSwatches a {
  text-decoration: none;
  color: #ff6600;
}
.swatchHolder .swatchCross {
  background: url("../images/swatchCross.png") no-repeat scroll center center transparent;
  position: absolute;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
}
.swatchHolder .swatchCrossSmall {
  background: url("../images/swatchCrossSmall.png") no-repeat scroll center center transparent;
  position: absolute;
  height: 15px;
  width: 15px; 
  top: 0;
  left: 0;
}
.productPane .swatch,
.popularSwatches .swatch {
  width: 13px;
  height: 13px;
  display: block;
}
.swatchText {
  font-size: 8px;
}
.onSaleLabel {
  background: url("../images/saveBadge.png") no-repeat scroll left top transparent;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 36px;
  height: 36px;
}
.newLabel {
  background: url("../images/newBadge.png") no-repeat scroll left top transparent;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 36px;
  height: 36px;
}
.topLabel {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 40px;
  height: 40px;
}
.bottomLabel {
  position: absolute;
  top: 122px;
  right: 7px;
  width: 40px;
  height: 40px;
}
.imageSetMains .bottomLabel {
  top: auto;
  bottom: 7px !important;
}
.productPane .specialOffers,
.popularProduct .specialOffers {
  float: left;
  width: 100%;
  margin: 0px !important;
}
.popularProduct .specialOffers
{
  margin-bottom: 5px !important;
}
.productPane .offerName, 
#popup .offerName,
.popularProduct .offerName {
  font-weight: bold;
  background-color: #cc0000;
  padding: 2px 2px 2px 3px;
  margin-right: 3px;
  float: left;
  color: #ffffff;
  line-height: 11px;
  text-align: center;
}
#popup .offerName {
  margin: 2px 3px 2px 0;
}
.productPane .offerNameLast,
#popup .offerNameLast,
.popularProduct .offerNameLast {
  margin-right: 0 !important;
}
.productPane .quickView {
  position: absolute;
  top: 143px;
  height: 25px;
  width: 100%;
  background: url("../images/quickView.png") no-repeat scroll center top #dddddd;
  display: none;
}
.productPane .quickView:hover {
  background: url("../images/quickView_hover.png") no-repeat scroll center top #dddddd;
}
.productPane .quickView a {
  width: 100%;
  height: 25px;
  display: block;
}
.productPane .quickView a:hover {
  color: #000000 !important;
}
#popupContainer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 20000;
}
#popup {
  position: absolute;
  width: 508px;
  background-color: #ffffff;
  border: 1px solid #DCDCDC;
  color: #000000;
  top: 200px;
  left: 50%;
  margin-left: -275px;
  padding: 19px 20px 0 20px;
}
#popup .popupImage {
  width: 276px;
  height: 276px;
  border: 1px solid #DCDCDC;
  float: left;
  margin-right: 20px;
  padding: 11px;
  margin-bottom: 19px;
  position: relative;
}
#popup .popupDetails {
  float: left;
  width: 188px;
  overflow: hidden;
}
#popup .productName {
  font-weight: bold;
}
#popup .productInfo {
  height: 108px;
}
#popup .productPrice {
  font-size: 24px;
  font-weight: bold;
  padding-left: 0px !important;
}
.rrpPrice {
  color: #999999;
  font-weight: bold;
}
#popup .properties {
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
  padding: 8px 0;
  margin: 8px 0;
}
#popup .properties .swatch {
  float: left;
  display: block;
}
#popup .swatches {
  overflow: hidden;
  margin-bottom: 5px;
  padding-top: 3px;
}
#popup .size {
  font-weight: bold;
}
#popup .detailsBtn {
  height: 47px;
  width: 174px;
  margin-left: -4px;
}
#popup .detailsBtn a {
  height: 47px;
  width: 174px;
  background: url("../images/fullDetailsBtn.png") no-repeat scroll left top transparent;
  display: block;
}
#popup .deliveryTime {
  height: 23px;
}
.deliveryTime {
  font-weight: bold;
}
.savePrice {
  font-weight: bold;
}
.lowStock {
  color: #ff9900;
  font-weight: bold;
}
#popup .closeBtn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 17px;
  height: 17px;
}
#popup .closeBtn a {
  background: url("../images/quickViewX.png") no-repeat scroll left top transparent;
  width: 17px;
  height: 17px;
  display: block;
}
#popup .stockLevel {
  text-transform: uppercase;
  
}
#popup .starRating {
  margin: 1px 5px 0 5px;
}
#popup .stockReviews span {
  float: left;
}
/*** Product Page ***/
.content .productContent {
  background-color: #fff;
  float: left;
  padding: 11px;
  width: 938px;
}
.content h1 {
  margin-bottom: 10px;
  text-transform: uppercase;
}
.content .productContent h2 {
  color: #999999;
  line-height: 18px;
}
.content .productImages {
  width: 428px;
  float: left;
  margin-bottom: 9px;
}
.imageSetMains {
  width: 350px;
  height: 350px;
  padding: 33px 25px;
  position: relative;
}
.imageSetMinis {
  width: 399px;
  height: 69px;
}
.imageMini, .video {
  border: 1px solid #DDDDDD;
  padding: 5px;
  width: 58px;
  height: 58px;
  float: left;
  margin-right: 15px;
}
.content .productDetails {
  width: 510px;
  float: left;
  margin-top: 30px;
}
.inStock {
  color: #009900;
  font-weight: bold;
}
.outOfStock {
  color: #999999;
  font-weight: bold;
}
.detailTabs {
  float: left;
}
#productDetailsTabs {
  float: left;
  width: 938px;
}
#productDetailsTabs ul.ui-tabs-nav {
  margin: 0;
  padding: 0;
}
#productDetailsTabs ul.ui-tabs-nav li {
  float: left;
  list-style: none;
  border: 1px solid #DDDDDD;
  margin-right: 2px;
}
#productDetailsTabs ul.ui-tabs-nav li.ui-state-active {
  border-bottom: 1px solid #fff;
  z-index: 901;
  position: relative;
}
#productDetailsTabs ul.ui-tabs-nav li a.tabTitle {
  height: 38px;
  line-height: 38px;
  display: block;
  padding: 0 22px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  background: url("../images/product/tabBG.png") repeat-x scroll center bottom transparent;
}
#productDetailsTabs ul.ui-tabs-nav li.ui-state-active a.tabTitle {
  background: url() no-repeat scroll center bottom #fff;
  color: #476CB6;
}
#productDetailsTabs .ui-widget-content {
  float: left;
  width: 938px;
  border: 1px solid #DDDDDD;
  margin-top: -1px;
  z-index: 900;
  position: relative;
}
#productDetailsTabs .ui-tabs-hide {
  display: none;
}
#productDetailsTabs .tabContent {
  margin: 30px 20px;
  min-height: 369px;
  height: auto !important;
  height: 369px;
  overflow: auto;
}
#productDetailsTabs .productText {
	width: 490px;
  height: 369px;
	float: left;
	overflow: auto;
}
#productDetailsTabs .productDetailsRight {
  float: left;
  width: 403px;
  height: 369px;
  overflow: hidden;
  margin-left: 5px;
}
#productDetailsTabs .productFabric {
	width: 393px;
  padding-left: 10px;
  height: 314px;
	overflow: auto;
}
#productDetailsTabs .addThis {
  height: 55px;
  width: 413px;
  padding-left: 5px;
}
.detailsTabsBottom {
  background: url("../images/product/tabsBottom.png") no-repeat scroll center bottom transparent;
  width: 940px;
  height: 7px;
  float: left;
}
.qtyLabel {
  width: 110px;
  float: left;
  font-weight: bold;
  line-height: 38px;
  margin-top: 2px !important;
}
.qtyOptions {
  float: left;
  width: 400px;
}
.qtyField {
  float: left;
  height: 36px !important;
  margin: 2px 10px 0 0 !important;
  padding: 0 2px;
  width: 31px;
  text-align: center;
}
.buyBtn {
  float: left;
}
.deliveryEstimate {
  margin-left: 110px;
  float: left;
  width: 400px;
  margin-top: 10px;
}
.productContent .productPrices div {
  float: left;
  width: 100%;
}
.productContent .productPrices {
  margin: 20px 0 20px 0;
  float: left;
  width: 100%;
}
.productContent .productPrices .only {
  font-size: 10px;
  color: #999999;
  height: 29px;
  display: block;
  float: left;
}
.productContent .productPrices .now {
  font-size: 10px;
  color: #ff0000;
  height: 29px;
  display: block;
  float: left;
  margin-left: 10px;
}
.productContent .productPrices .salePrice,
.productContent .productPrices .wasPrice,
.productContent .productPrices .price {
  font-size: 24px;
  display: block;
  float: left;
  font-weight: bold;
}
.productReviews {
  margin: 17px 0 10px 0;
}
.productContent .specialOffers {
  margin: 15px 0 15px 110px;
  float: left;
}
.productContent .offerShadow {
  width: 192px;
  height: 7px;
  background: url("../images/product/promoShadow.png") no-repeat scroll top left transparent;
  float: right;
}
.productContent .offerText {
  padding: 0 15px;
  height: 30px;
  background-color: #CC0000;
}
.productContent .offerText a {
  color: #ffffff !important;
  margin-left: 15px;
  line-height: 30px !important;
  float: left;
  display: block;
}
.productContent .offerText .offerName {
  color: #ffffff;
  font-size: 20px;
  margin-top: 2px;
  line-height: 28px;
  float: left;
  display: block;
}
.productContent .deliveryTime {
  margin-left: 110px;
}
.video {
  background: url("../images/product/viewVideo.png") no-repeat scroll top left transparent;
}

/**** Product: Property Picker ****/
.PickerHead {
  float: left;
  width: 110px;
  font-weight: bold;
  line-height: 28px;
}
.PickerOptions {
  float: left;
  width: 360px;
  position: relative;
}
.PropertyPicker {
  width: 520px;
  float: left;
  margin-bottom: 3px;
}
.PropertyPicker .errorMessage {
  color: #cc0000;
  font-weight: bold;
  margin-bottom: 5px;
}
.PropertyPicker .underlay {
  display: block;
}
.PropertyPicker .overlay {
  display: block;
  position: absolute;
  background: none;
  top: 0;
  left: 0;
  cursor: pointer;
	z-index: 10;
	background: url('data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==');
}
.PropertyPicker .unavailable .overlay {
  cursor: default;
}
.PropertyPicker input {
  padding: 0;
  margin: 0;
  position: absolute;
  z-index: -1;
}
.ColourPicker .PickerOptions{
  width: 352px;
  overflow: hidden;
  position: relative;
	left: -1;
}
.ColourPicker label {
  float: left;
  display: block;
  width: 26px;
  height: 26px;
  margin: 0 4px 5px 0;
  position: relative;
}
.ColourPicker .underlay {
  display: block;
  width: 22px;
  height: 22px;
  padding: 2px;
}
.ColourPicker .item {
  font-size: 7px;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border: 1px solid #DDD;
	z-index: -1;
}
.ColourPicker .overlay {
  width: 22px;
  height: 22px;
  border: 2px solid #FFF;
}
.ColourPicker .hovered .overlay {
  border: 2px solid #476CB6;
}
.ColourPicker .active .overlay {
  border: 2px solid #000;
}
.ColourPicker .hovered .item,
.ColourPicker .active .item {
  border: 1px solid #FFF;
}
.ColourPicker .unavailable .overlay {
  cursor: default;
  border: 2px solid #FFF;
  background: url("../images/product/colourCross.png") no-repeat scroll center center transparent !important;
}
.SizePicker .underlay {
  background: #FFF;
  width: 40px;
  height: 30px;
  margin: 3px;
  padding: 0;
}
.SizePicker label {
  display: block;
  float: left;
  height: 36px;
  width: 46px;
  margin: 0 5px 5px -3px;
  position: relative;
  border: 0;
}
.SizePicker .overlay {
  width: 42px;
  height: 32px;
  border: 2px solid #FFF;
}
.SizePicker .item {
  display: block;
  border: 1px solid #DDD;
  width: 38px;
  text-align: center;
  line-height: 28px;
  text-decoration: none;
}
.SizePicker .underlay.unavailable {
  background: url("../images/product/SizePicker_unavailable.png") no-repeat 50% 50% #EEE;
  border: 0;
  color: #CCC;
}
.SizePicker .unavailable .item {
  border: 0;
}
.SizePicker .hovered .item {
  background: #EEE;
  border: 1px solid #EEE;
}
.SizePicker .active .item {
  color: #FFF;
  background: #476CB6;
  border: 1px solid #476CB6;
}
.SizePicker .hovered .overlay,
.SizePicker .active .overlay {
  border: 2px solid #476CB6;
}

/**** Category ***/
.content .categoryContent {
  background-color: #fff;
  float: left;
  padding: 0 11px 11px 11px;
  width: 938px;
}
.content .categoryContent .filterPane ul li {
  font-weight: bold;
  padding-top: 5px;
}
.content .categoryContent .filterPane ul ul li {
  font-weight: normal;
  padding: 0 !important
}
.content .categoryContent .filterPane ul ul {
  padding: 2px 0 0 0 !important;
}
.content .categoryContent .filterPane h3 {
  margin-bottom: 6px;
}
.prodCrumbs {
  padding-bottom: 11px;
}
.prodCrumbs a {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}
.prodCrumbs span {
  font-weight: bold;
  color: #999999;
}
.filterPane {
  width: 198px;
  border: 1px solid #DDDDDD;
  background-color: #EEEEEE;
  padding-bottom: 10px;
  float: left;
  margin-right: 8px;
}
.filterPane h2 {
  width: 188px;
  height: 37px;
  background: url("../images/filterPaneHeadingBG.png") repeat-x scroll left top transparent;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px;
  line-height: 38px !important;
  padding: 1px 0 0 10px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #000000 !important;
}
.pageBox {
  border: 1px solid #DDDDDD;
  background-color: #FFF;
}
.pageBox h2 {
  height: 38px;
  background: url("../images/filterPaneHeadingBG.png") repeat-x scroll left top transparent;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px;
  line-height: 38px;
  padding-left: 10px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.filterPane h3 {
  padding-left: 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.filterPane h4 {
  padding-left: 10px;
  font-size: 11px;
}
.filterPane h3 a, .filterPane h4 a {
  text-decoration: none;
  color: #000;
}
.filterPane ul {
  list-style: none;
  padding: 0 0 0 10px;
}
.filterPane li {
  padding: 0;
  margin-bottom: 4px;
}
.filterPane li a {
  text-decoration: none;
  color: #000;
}
.filterBreak {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFFFFF;
  width: 198px;
  height: 0px;
  margin: 15px 0 17px;
}
.rightPane {
  width: 730px;
  float: left;
}
.categoryContent .topBanner {
  width: 730px;
  height: 70px;
  padding-bottom: 10px;
  background: url("../images/category/topBannerBottom.png") repeat-x scroll center bottom transparent;
  float: left;
}
.catBanner {
  width: 730px;
  height: 275px;
  position: relative;
  margin-bottom: 10px;
  float: left;
}
.catBannerImage {
  width: 730px;
  height: 275px;
}
.catBannerText {
  width: 267px;
  height: 245px;
  padding: 35px 30px 0 30px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  background: url("../images/category/catBannerTextBG.png") no-repeat scroll left top transparent;
}
.catBannerText h1 {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 35px;
  margin-bottom: 15px;
}
.categoryContent .linkBanners {
  float: left;
}
.categoryContent .linkBanner {
  width: 360px;
  height: 180px;
  padding-bottom: 10px;
  background: url("../images/category/linkBannerBottom.png") repeat-x scroll center bottom transparent;
  float: left;
}
.categoryContent .linkBannerRight {
  margin-left: 10px;
}
.categoryContent .productHeading {
  display: block;
  float: left;
  width: 730px;
}
.categoryContent .productHeading h2 {
  color: #333333;
  font-size: 30px;
  text-transform: uppercase;
  margin: 5px 0 5px 0;
}
#productlist {
  position: relative;
}
#productlist.list-view-loading .loader {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/loaderBG.png") repeat scroll top left transparent !important;
}
#productlist.list-view-loading .loader img {
  display: block;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px !important;
  position: absolute;
}
#productlist .productPane {
  width: 173px;
}
#productlist .productPane .productImage a {
  width: 150px;
  height: 150px;
  padding: 10px 12px 9px 11px;
  float: left;
  display: block;
}
#productlist .productPane .productSummary {
  width: 157px;
}
#productlist .productPane1 {
  margin-left: 0;
}
#productlist .productPane4 {
  margin-right: 0;
}
#productlist {
  float: left;
  width: 730px;
}
#productlist .productPane .productSummary .productPrices .wasPrice, 
#productlist .productPane .productSummary .productPrices .productPrice {
  display: inline;
  font-size: 11px;
  float: none;
}
#productlist .productPane .productSummary .productPrices {
  margin: 10px 0 0;
  float: left;
  height: 35px;
  width: 100%;
}
#productlist {
  position: relative;
}
#productlist .loader {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
  display: none;
}
.list-view-loading .loader {
  display: block !important;
}
.items .empty {
  margin: 20px 0 17px 0;
  display: block;
}

/**** List filters ****/
#filterForm {  
}
#filterForm label {
  padding: 0 10px;
  font-weight: normal;
}
#filterForm h3 {
  font-size: 16px !important;
  margin-bottom: 14px;
}
#filterForm .filterRow {
  width: 100%;
  display: block;
  margin-bottom: 2px;
}
#filterForm .filterRow input {
  margin-left: 10px;
  vertical-align: middle;
}
#filterForm .filterRow label {
  padding: 3px 0 3px 5px !important;
  vertical-align: middle;
}
.ui-slider-horizontal {
  width: 160px;
  margin-left: 14px;
}
.sliderMinArea {
  width: 82px;
  margin: 0 0 10px 12px;
  display: inline-block;
}
.sliderMaxArea {
  width: 82px;
  margin: 0 12px 10px 0px;
  display: inline-block;
}
.sliderMinText, 
.sliderMaxText {
  padding: 0 !important;
  display: none;
}
.sliderMaxText {
  float: right;
}
#Price-min, #Price-max {
  border: 0;
  background-color: transparent;
  width: 80px;
}
#Price-max {
  text-align: right;
}
.filterPane .ui-accordion .ui-accordion-header a {
    display: block;
    font-size: 14px;
    padding: 5px 0 5px 16px;
    font-weight: bold;
}
.filterPane .ui-accordion-header {
  border-radius: 0px !important;
  border: 0 !important;
  background: none;
}
.filterPane .ui-accordion h3 {
  margin: 0 !important;
}
.filterPane .ui-accordion-content {
  margin-top: 0 !important;
  padding: 3px 2px 10px 10px !important;
  border-radius: 0px !important;
  border: 0  !important;
  font-size: 11px;
  background: url() !important;
}
.filterPane .ui-accordion-content .filterRow {
  float: left;
}
.filterPane .ui-accordion-content input {
  margin-left: 0 !important;
  float: left;
}
.filterPane .ui-accordion-content label {
  float: left;
  width: 165px;
}
.filterPane .filterColourRow {
  position: relative;
  float: left;
  width: 27px !important;
  height: 15px;
  margin-bottom: 9px !important;
}
.filterPane .filterSizeRow {
  position: relative;
  float: left;
  width: 50px !important;
  height: 31px;
  margin-bottom: 7px !important;
}
.filterPane .filterColourRow input,
.filterPane .filterSizeRow input {
  position: absolute;
  top: 0;
  left: 10px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1px;
  border: 0 !important;
  height: 5px;
  width: 5px;
}
.filterPane .filterSizeRow input {
  left: 30px;
}
.filterPane .filterColourRow img {
  position: absolute;
  top: 0;
  left: 9px;
  margin: 0 !important;
  padding: 0 !important;
  width: 13px;
  height: 13px;
  border: 1px solid #ccc;
  cursor: pointer;
}
#filterForm .filterRow.filterSizeRow label {
  position: absolute;
  top: 0;
  left: 28px;
  margin: 0 !important;
  padding: 0 !important;
  width: 38px;
  height: 28px;
  border: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}
#filterForm .filterRow.filterSizeRow.on label {
  border-color: #D9E1F2 !important;
  background-color: #D9E1F2;
  color: #476CB6;
}
.filterPane .filterSizeRow span {
  display: table-cell;
  *display: block;
  cursor: pointer;
  width: 38px;
  height: 28px;
  vertical-align: middle;
  overflow: hidden;
}
.filterPane .filterColourRow .filterSelector {
  display: none;
  position: absolute;
  top: -3px;
  left: 6px;
  border: 2px solid #476CB6;
  width: 17px;
  height: 17px;
}
.filterPane .filterSizeRow .filterSelector {
  position: absolute;
  display: none;
  top: -3px;
  left: 25px;
  border: 2px solid #476CB6;
  width: 42px;
  height: 32px;
}
.ui-slider-handle {
  background: url("../images/sliderHandle.png") no-repeat scroll center center transparent !important;
  border: 0 !important;
  border-radius: 0px !important;
  height: 19px !important;
  width: 19px !important;
  margin-top: -1px;
}
#Ranges_Price_slider {
  border: 1px solid #C9C4BE !important;
}

/**** Info page***/
.content .infoContent {
  background-color: #fff;
  float: left;
  padding: 0 11px 0 11px;
  width: 938px;
}
.infoContent,
.pageContent, 
.productContent,
.categoryContent {
  min-height: 408px;
  height:auto !important;
  height: 408px;
}
.infoContent .filterPane {
  padding-bottom: 0;
}
.infoContent .rightPane {
  border: 1px solid #DDDDDD;
  width: 668px;
  padding: 25px 30px 10px 30px;
}
.infoContent .rightPane .hr {
  border-top: 1px solid #DDDDDD;
  margin: 20px 0;
}
.infoContent .rightPane h1 {
  text-transform: uppercase;
}
.infoContent .contentText {
  float: left; 
  margin: 10px 0 30px 0;
}
.infoMenu ul {
  padding: 0 !important;
  margin-top: 20px;
}
.infoMenu li a:link, 
.infoMenu li a:visited {
  color: #4569B1;
  text-decoration: underline;
}
.infoMenu li.active a {
  color: #000000 !important;
  text-decoration: none !important;
}
.infoBottom {
  width: 730px;
  height: 10px;
  background: url("../images/info/infoBottom.png") no-repeat scroll center top transparent;
  float: right;
}

/**** Offers ****/
.offers {
   margin: 0 19px;
   min-height: 258px;
}
.offers h1 {
    color: #333;
}
.offers h2 {
    color: #ccc;
    margin:0;
    font-size: 22px;
}
.offers .offer {
   margin-bottom: 3px;
}
.offers .offerleft {
 float: left;
 margin-right: 10px;
}
.offers .offerright {
 float: right;
}
.offersNews {
  float: left;
  width: 100%;
  background: url("../images/offersNewsletterBG.jpg") repeat-x scroll center top transparent;
  height: 114px;
  color: #ffffff;
}
.offersNews .tabNewsForm {
  float: right;
  margin: 36px 29px 0 0;
}
.offersNews .tabNewsContent {
  float: left;
  width: 400px;
  margin: 20px 0 0 20px;
}
.offersNews .tabNewsletter {
  width: 100%;
  margin: 0 !important;
}
.offersNews .title {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
}
.offersNews .hr {
  background: url("../images/home/tabs/hr.png") repeat-x scroll center top transparent;
  height: 2px;
  margin: 4px 0 6px;
  width: 100%;
}

/**** Checkout: Cart ****/
#cart-container {
}
.portlet {
  border: 1px solid #DDDDDD;
  display: block;
  margin-bottom: 10px;
  width: auto;
}
.portlet .filled {
  background-color: #F8F8F8;
}
.portletTitle {
  height: 38px;
  border-bottom: 1px solid #DDDDDD;
  background: url("../images/checkout/portletTitleBG.png") repeat-x scroll center top transparent;
  line-height: 38px;
  text-transform: uppercase;
  text-align: left;
}
.portletTitle h2 {
  margin-bottom: 0 !important;
}
.portletTitle span {
  padding-left: 8px;
  display: block;
  line-height: 38px;
}
.portletTitle img {
  float: left;
  margin: 7px 0 0 10px
}
.portletContent {
  position: relative;
}
.mainPortlet {
  width: 728px;
	float: left;
}
.rightPortlets {
  float: right;
  width: 200px;
}
.securePortlet .portletContent {
  padding: 20px 0 10px 0;
}
.mainPortlet .portletContent {
	width: 728px;
	overflow: hidden;
}
.portletContent .filled {
	width: 728px;
	overflow: hidden;
}
.voucherPortlet .portletContent {
  padding: 9px 0 2px 0;
  text-align: right;
}
.voucherPortlet .discountBox {
  height: 21px;
  width: 126px;
  padding-left: 3px;
  margin: 0 3px 0 0 !important;
  vertical-align: top;
}
.voucherPortlet .discountBtn {
  margin-right: 3px;
}
.altCheckoutPortlet .portletContent {
  padding: 11px 0 5px 0;
}
.mainPortlet .portletTitle div {
  font-size: 12px;
  text-align: center;
  float: left;
}
.mainPortlet .portletTitle .item {
  width: 382px;
  padding-left: 15px;
  margin-left: 50px;
  text-align: left;
}
.mainPortlet .portletTitle .total {
  text-align: right;
}
.mainPortlet .item {
  width: 393px;
  text-align: left;
  margin-left: 2px;
}
.mainPortlet .qty {
  width: 90px;
  text-align: center;
}
.mainPortlet .availability {
  width: 100px;
  margin-left: 13px;
}
.mainPortlet .total {
  width: 61px !important;
}
.mainPortlet .portletContent div {
  float: left;
}
.mainPortlet .portletContent .Delete, .mainPortlet .portletContent .DeleteDisabled {
  width: 38px;
  height: 50px;
  padding-right: 10px;
	display: block;
  float: left;
  text-decoration: none;
}
.mainPortlet .portletContent a.Delete {
	text-decoration: none;
  background: url("../images/checkout/delete.png") no-repeat scroll center center transparent;
}
.mainPortlet .portletContent .qty {
  margin-top: 8px;
  line-height: 34px;
}
.mainPortlet .portletContent .qty input {
  width: 36px;
  height: 29px;
  text-align: center;
  font-weight: bold;
  float: left;
  margin: 0 5px;
}
.mainPortlet .portletContent .qty .ModBtn {
	margin-bottom: 2px;
}
.mainPortlet .portletContent .qty .Minus {
  width: 19px;
  height: 19px;
  background: url("../images/checkout/minusBtn.png") no-repeat scroll left top transparent;
  text-indent: -1000em;
  display: block;
  float: left;
  margin-top: 8px;
}
.mainPortlet .portletContent .qty .Plus {
  width: 19px;
  height: 19px;
  background: url("../images/checkout/addBtn.png") no-repeat scroll left top transparent;
  text-indent: -1000em;
  display: block;
  float: left;
  margin-top: 8px;
}
#itemRows {
  background-color: #F8F8F8;
  border-bottom: 1px solid #DDDDDD;
  width: 100%;
}
#itemRows .itemRow {
  height: 50px;
  padding: 10px 0 10px 12px;
}
#itemRows .item .itemImage a {
  border: 1px solid #DDDDDD;
  width: 48px;
  height: 48px;
  background-color: #ffffff;
  margin-right: 10px;
  display: block;
  overflow: hidden;
}
#itemRows .item .itemName {
  float: none;
  margin-top: 10px;
}
#itemRows .item .itemName a {
  color: #476CB6;
  font-weight: bold;
  text-decoration: none;
}
#itemRows .item .itemDetails span.title {
  font-weight: bold;
}
#itemRows .availability {
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  color: #009900;
}
#itemRows .total {
  line-height: 50px;
  text-align: right;
  width: 43px;
}
#itemRows .itemHR {
  height: 0px;
  width: 705px;
  margin-left: 12px;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFFFFF;
}
#cartTotals {
  background-color: #ffffff;
}
#discountRow,
#deliveryRow,
#totalRow,
#taxRow {
  width: 705px;
  margin-left: 12px;
  padding: 15px 0;
}
#discountRow,
#deliveryRow,
#taxRow {
  border-bottom: 1px solid #DDDDDD;
}
#discountRow .discountText,
#taxRow .taxText,
#totalRow .totalText{
  width: 615px;
  text-align: right;
  padding-right: 2px;
  font-weight: bold;
}
.mainPortlet .subTotal {
  width: 88px;
  text-align: right;
}
#deliveryRow .deliveryOptions {
  width: 535px;
}
#deliveryRow .deliveryText {
  width: 80px;
  text-align: right;
  line-height: 50px;
  padding-right: 2px;
  font-weight: bold;
}
#deliveryRow .subTotal {
  line-height: 50px;
}
#deliveryRow .deliveryOptions select {
  margin-top: 0;
}
#totalRow .totalText {
  font-size: 14px;
  font-weight: normal;
}
#totalRow .total {
  font-size: 14px;
  font-weight: bold;
  width: 88px !important;
}
#buttonRow {
  background-color: #F8F8F8;
  border-top: 1px solid #DDDDDD;
  width: 708px;
  padding: 15px 6px 8px 12px;
}
#buttonRow .backBtn {
  margin-top: 8px;
  float: left;
}
.rightPortlets .portlet {
  text-align: center;
}
.securePortlet .portletContent img {
  margin: 0 5px 5px 5px;
}
.mainPortlet .portletContent {
  background-color: #F8F8F8;
}
.mainPortlet .portletContent .checkoutSection {
  padding: 15px 23px 0 23px;
}
.mainPortlet .portletContent .checkoutButtons {
  padding: 0 12px 10px;
  width: 704px;
}
.mainPortlet .portletContent h3 {
  text-transform: uppercase;
}
#checkoutProceedBtn {
  float: right;
}
#checkoutNewBtn {
  margin-top: 8px;
}
#guestForm, 
#signInForm {
  float: left;
  padding: 40px 12px 10px 12px;
}
#guestForm {
  width: 291px;
  padding-left: 35px;
}
#signInForm {
  width: 314px;
}
#guestForm p {
  width: 250px;
}
#guestForm .btn, 
#signInForm .btn {
  margin-top: 20px;
}
#signInForm .passwordRecovery {
  width: 100%;
}
#signInVR {
  background: url("../images/checkout/vr.png") repeat-y scroll center top transparent;
  width: 51px;
  height: 320px;
}
#signInVR .or {
  width: 51px;
  height: 52px;
  margin-top: 135px;
  background: url("../images/checkout/or.png") no-repeat scroll center center transparent;
}
.mainPortlet h3 {
  font-size: 22px;
  margin-bottom: 12px;
}
#LoginForm_username, 
#LoginForm_password {
  width: 272px;
  padding: 1px 5px;
}
.portletTitle .help {
  width: 21px;
  height: 21px;
  background: url("../images/checkout/help.png") no-repeat scroll center bottom transparent;
  float: right;
  padding: 10px 10px 0px 0px;
}
.helpPortlet p {
  padding: 10px 10px 0 10px;
  text-align: left;
}
#loginForm .loginRight img,
#loginForm .buttons input {
  margin: 17px 0 0 -3px;
}
#loginForm h2 {
  text-transform: uppercase;
  font-size: 22px;
}
.deliveryOptions label {
  width: 90px;
  font-weight: normal;
  float: left;
  line-height: 25px;
}
.deliveryOptions select {
  display: block;
  float: left;
}
.deliveryOptions .delRow {
  width: 100%;
}
#LoginForm .errorMessage {
  color: #f00;
  width: 100%;
  float: none !important;
}
.checkoutContent .errorMessage {
  color: #cc0000;
  width: 100%;
  float: none !important;
  margin-bottom: 5px;
  display: block;
  margin-left: 148px !important;
}
.checkoutContent .success input,
.checkoutContent input.success {
  border-color: #C6D880;
  background: #E6EFC2;
}
.checkoutContent input.success {
  border-color: #C6D880;
  background: #E6EFC2;
}
.checkoutContent .success input.findButton,
.checkoutContent input.success.findButton,
.checkoutContent .error input.findButton,
.checkoutContent input.error.findButton {
  border: none !important;
  background: none !important;
}
.checkoutContent div.error, 
.checkoutContent div.success,
.checkoutContent label.error, 
.checkoutContent label.success {
  border: 0px solid transparent;
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
}

/**** Checkout: Billing ****/
#checkout-billing .portletContent {
  float: left;
}
#checkout-billing .buttons {
  float: none;
}
.checkoutSection {
  margin-bottom: 10px;
  width: 682px;
}
.checkoutSection .row label {
  width: 140px;
  text-align: right;
  float: left;
  display: block;
  margin: 7px 8px 7px 0;
  line-height: 25px;
  font-weight: normal;
}

.checkoutSection .row input {
  width: 307px;
  float: left;
  padding: 1px 3px;
  margin: 7px 0;
  border: 1px solid #CCCCCC;
}
.checkoutSection .row .fakeField {
	background: #FFF;
  width: 305px;
  float: left;
  padding: 4px 4px 3px;
  margin: 7px 0;
  border: 1px solid #CCCCCC;
	color: #999;
}
.checkoutSection .row .chzn-container {
  margin: 4px 0 5px;
}
.checkoutSection .row select {
  width: 315px;
  float: left;
  margin: 7px 0;
  border: 1px solid #CCCCCC;
}
.checkoutSection .row div.errorMessage {
	display: inline-block;
	float: left;
	width: 209px;
	margin: 0 0 0 10px;
}
.checkoutSection .row .imageBtn {
  border: 0 !important;
  width: auto;
}
.portlet .hr {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #FFFFFF;
  width: 100%;
  margin: 10px 0 15px 0;
}
.sectionTitle {
  font-weight: bold;
}
#OrderAddress_FindPostCode {
  width: 117px;
}
.addressOptions label {
  margin-right: 0 !important;
}

/**** Checkout: Delivery ****/
.checkoutSection .addressSelect .row input {
  width: auto;
  height: 25px;
  margin-right: 7px;
}
.checkoutSection .addressSelect .row label {
  width: auto;
  clear: right;
  margin-right: 0 !important;
}
.existingAddress {
  margin-left: 18px;
  width: 650px;
  font-weight: bold;
}
.ovShipping, 
.ovBilling {
  width: 50%;
  float: left;
}
.ovAddresses {
  width: 682px;
}
.ovShipping div, 
.ovBilling div,
.ovShipping span, 
.ovBilling span {
  width: 100%;
  display: block;
}
.ovAddresses .extraDetails {
  margin: 10px 0 20px 0;
}
.ovAddresses .extraDetails label {
  width: 40px;
  display: block;
  float: left;
  font-weight: normal;
}
.ovAddresses .extraDetails span {
  width: 295px;
  float: left;
}
#Order_Instructions {
  margin: 0 !important;
}
div.cardSecurity input {
  width: 67px !important;
  margin-right: 15px !important;
}
.checkoutHelp {
  display: block;
  float: left;
  line-height: 25px;
  margin: 8px 0 6px 0;
  color: #9E9B98;
  font-style: italic;
  font-family: Arial;
}
div.cardSecurity img {
  float: left;
  margin-right: 10px !important;
}
.expiryDate select,
.startDate select {
  width: 75px !important;
  margin-right: 10px !important;
}
.issueNumber input {
  margin-right: 10px !important;
}
.cardImages {
  margin-bottom: 5px;
}
.cardImages img {
  margin-right: 10px;
}
.paymentTotal, .paymentDelivery, paymentSubtotal {
  width: 100%;
}
.paymentTotal {
  font-weight: bold;
}

/**** Checkout: Progress bar ****/
#checkoutProgressBar {
  display: block;
  width: 737px;
  overflow: hidden;
  margin: 0 auto 20px auto;
}
#checkoutProgressBar .progressTop div,
#checkoutProgressBar .progressTop a {
  height: 37px;
  width: 37px;
  float: left;
}
#checkoutProgressBar .progressTop .state1 {
  background: transparent url('../images/checkout/progress/progStage1.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .currentState1 {
  background: transparent url('../images/checkout/progress/progStage1Active.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .completeState1 {
  background: transparent url('../images/checkout/progress/progStage1Complete.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .state2 {
  background: transparent url('../images/checkout/progress/progStage2.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .currentState2 {
  background: transparent url('../images/checkout/progress/progStage2Active.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .completeState2 {
  background: transparent url('../images/checkout/progress/progStage2Complete.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .state3 {
  background: transparent url('../images/checkout/progress/progStage3.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .currentState3 {
  background: transparent url('../images/checkout/progress/progStage3Active.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .completeState3 {
  background: transparent url('../images/checkout/progress/progStage3Complete.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .state4 {
  background: transparent url('../images/checkout/progress/progStage4.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .currentState4 {
  background: transparent url('../images/checkout/progress/progStage4Active.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .completeState4 {
  background: transparent url('../images/checkout/progress/progStage4Complete.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .state5 {
  background: transparent url('../images/checkout/progress/progStage5.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .currentState5 {
  background: transparent url('../images/checkout/progress/progStage5Active.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .completeState5 {
  background: transparent url('../images/checkout/progress/progStage5Complete.png') no-repeat scroll center center !important;
}
#checkoutProgressBar .progressTop .break {
  width: 138px;
  background: transparent url('../images/checkout/progress/break.png') repeat-x scroll center center !important;
}
#checkoutProgressBar .progressTop .activeBreakLeft {
  background: transparent url('../images/checkout/progress/breakComplete.png') repeat-x scroll center center !important;
}
#checkoutProgressBar .progressTop .activeBreakRight {
  background: transparent url('../images/checkout/progress/breakActive.png') no-repeat scroll left center !important;
}
#checkoutProgressBar .progressTop .completeBreak {
  background: transparent url('../images/checkout/progress/breakComplete.png') repeat-x scroll center center !important;
}
#checkoutProgressBar .progressBottom div {
  float: left;
  text-transform: uppercase;
  font-size: 12px;
  color: #BBBBBB;
}
#checkoutProgressBar .progressBottom div.currentState1,
#checkoutProgressBar .progressBottom div.currentState2,
#checkoutProgressBar .progressBottom div.currentState3,
#checkoutProgressBar .progressBottom div.currentState4,
#checkoutProgressBar .progressBottom div.currentState5 {
  color: #476CB6;
}
#checkoutProgressBar .progressBottom .state1 {
  width: 124px;
  margin-left: 3px;
}
#checkoutProgressBar .progressBottom .state2 {
  width: 136px;
  text-align: center;
}
#checkoutProgressBar .progressBottom .state3 {
  width: 182px;
  margin: 0 16px 0 15px;
  text-align: center;
}
#checkoutProgressBar .progressBottom .state4 {
  width: 136px;
  text-align: center;
}
#checkoutProgressBar .progressBottom .state5 {
  width: 123px;
  text-align: right;
}

/**** Checkout: 3D Secure ****/
.secureContent {
  height: 460px;
  background-color: transparent !important;
}
.secureSection,
.secureInfo {
  float: left;
}
.secureInfo {
  width: 258px;
  padding: 35px 20px 10px 0px;
}
.secureInfo .secureTitle {
  font-weight: bold;
  margin-bottom: 10px;
}
.secureInfo .secureTitle img {
  vertical-align: middle;
}
.secureSection {
  padding: 15px 30px 10px 20px;
}

/**** Thanks page ****/
.thanksImg {
  float: left;
  margin-right: 25px;
}
.thanksMessages {
  float: left;
  width: 590px;
}
.thanksMessages .successText {
  font-weight: bold;
}
.signupTitle {
  width: 100%;
  font-weight: bold;
}
#checkout-thanks {
  margin: 40px 0 15px 0;
}
#checkout-thanks label {
  margin: 0 8px 5px 0;
}
#checkout-thanks input {
  margin: 0 0 5px 0;
}
#checkoutProceedBtn {
  margin: 0 0 15px 0 !important;
}
#noThanks {
  float: right;
  margin-right: 8px;
}
.portlet .thanksContent {
  height: 93px;
}

/**** Store Finder ****/
.narrow {
	width: 160px;
}
.medium {
	width: 330px;
}
.wide {
	width: 600px;
}
#finderForm {
	padding: 10px;
}
#finderForm p {
	padding: 10px 0 0;
	margin: 0;
}
#LocationSearch {
	font-size: 11px;
	line-height: 1em;
	padding: 4px;
	width: 221px;
	border: 1px solid #DDDDDD;
}
#finderSearch {
  width: 217px;
  padding-left: 2px;
}
#finderSubmit {
  margin-left: -3px;
}
.finderStore {
	margin-top: -1px;
	border-top: 1px solid #DDDDDD;
	height: 90px;
}
.finderStore.finderOpen {
	background: url("../images/storeFinder/labelOpen") top left no-repeat;
}
.finderStore.finderSoon {
	background: url("../images/storeFinder/labelSoon") top left no-repeat;
}
.finderBox {
	padding: 20px;
	background: #F8F8F8;
	position: relative;
}
.narrowInner {
	padding: 10px;
	height: 180px;
}
.narrowInner td {
	padding: 2px 1px 2px 4px;
}
.pageBox {
  border: 1px solid #DDDDDD;
  background-color: #FFF;
	margin-bottom: 10px;
}
.pageBox h2 {
  height: 38px;
  background: url("../images/filterPaneHeadingBG.png") repeat-x scroll left top transparent;
  border-bottom: 1px solid #DDDDDD;
  font-size: 12px;
  line-height: 38px;
  padding-left: 10px;
	margin-bottom: 0;
  text-transform: uppercase;
}
.finderHead {
	height: 90px;
	position: relative;
}
.finderHead h2 {
	font-size: 22px;
	color: #CCCCCC;
	padding: 16px 0 0;
	line-height: 1.1em;
	margin: 0;
}
.finderHead h1 {
	font-size: 30px;
	color: #333333;
	padding: 0;
	margin: 0;
}
.finderHead h1 {
	font-size: 30px;
	color: #333333;
	padding: 0;
	margin: 0;
}
#finderNotherStore {
	position: absolute;
	bottom: 0;
	right: -6px;
}
.portletTitle .help {
  width: 21px;
  height: 21px;
  background: url("../images/checkout/help.png") no-repeat scroll center bottom transparent;
  float: right;
  padding: 10px 10px 0px 0px;
}
.helpPortlet p {
  padding: 10px 10px 0 10px;
  text-align: left;
}
.closingTime {
	font-size: 30px;
	color: #4569B1;
	font-weight: bold;
}
.closingMessage {
  text-transform: uppercase;
}
.closingBox {
	font-size: 14px;
	color: #999999;
	font-weight: bold;
	height: 80px;
}
.mapBox {
  background-color: #FFFFFF;
}
.finderMap {
	width: 558px; height: 758px;
}
.finderMiniMap {
	width: 288px; height: 238px;
}
#finderMiniMapZoom {
	position: absolute;
	top: 0;
	left: 0;
	width: 328px;
	height: 308px;
	z-index: 1000;
}
.newStores .portletContent {
  padding: 20px 9px 18px 25px;
  border-bottom: 1px solid #DDDDDD;
  width: auto;
}
.newStores .portletContent .storeLeft {
  width: 234px;
  float: left;
}
.newStores .storeRight {
  width: 50px;
  height: 50px;
  float: left;
  margin-left: 10px;
}
.newStores .storeLeft .storeTitle {
  font-weight: bold;
}
.textLabel {
  font-weight: bold;
  background-color: #4569B1;
  padding: 2px 2px 2px 3px;
  margin-right: 5px;
  float: left;
  color: #ffffff;
  line-height: 11px;
  text-align: center;
  text-transform: uppercase;
}
.openLabel {
  background: url("../images/storefinder/labelOpen.png") no-repeat scroll left top transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
}
.soonLabel {
  background: url("../images/storefinder/labelSoon.png") no-repeat scroll left top transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
}
.lastStore {
  border-bottom: 0 !important;
}
.finderBox .storeImage {
  margin-bottom: 14px !important;
}
#remainingTime {
  color: #4569B1 !important;
  text-transform: lowercase !important;
}
.finder .portletTitle span {
  float: left;
}
#timesTable td, #timesTable th {
  border: 0 !important;
  background: none;
}

/**** News ****/
#facebookBox {
  margin-bottom: 10px;
}
#newsMain {
  width: 680px;
  float: left;
  margin-right: 8px;
}
#newsMenu {
  width: 250px;
  float: left;
  margin-bottom: 10px !important;
}
#newsPosts, #newsMain .list-view {
  float: left;
  width: 100%;
}
#newsPosts .mainStory, #newsPosts .fullStory {
  border: 1px solid #DDDDDD;
}
#newsPosts .mainStory {
  height: 249px;
  padding: 20px;
}
#newsPosts .fullStory {
  padding: 20px 29px;
}
#newsPosts .mainStory .blogPostTitle {
  margin: 0 !important;
  line-height: 28px;
}
#newsPosts .mainStory .blogPostTitle a, #newsPosts .fullStory .blogPostTitle a {
  text-decoration: none;
  color: #000000;
  font-size: 30px;
  text-transform: uppercase;
}
#newsPosts .mainStory .blogImage {
  width: 333px;
  height: 246px;
  border: 1px solid #DDDDDD;
  float: left;
  margin-right: 20px;
}
#newsPosts .mainStory .blogPost {
  float: left;
  width: 283px;
}
#newsPosts .mainStoryBottom {
  margin-bottom: 11px;
  height: 10px;
  background: url("../images/news/mainStoryBottom.png") no-repeat scroll left top transparent;
}
#newsPosts .fullStory h2 {
  line-height: 26px;
  margin-bottom: 5px;
}
#newsPosts .fullStory .hr {
  border-top: 1px solid #DDDDDD;
  margin: 20px 0 15px 0;
}
#newsPosts .fullStory .blogImage {
  margin-bottom: 10px;
}
#newsPosts .stories {

}
.newsContent {
  background-color: #F8F8F8;
  padding: 20px 14px 20px 20px;
}
#newsPosts .story {
  float: left;
  margin-right: 6px;
}
#newsPosts .story .blogPostTitle {
  font-size: 11px;
  margin: 0 0 3px 0 !important;
  padding: 0;
  line-height: 13px;
}
#newsPosts .story .blogPostTitle a {
  font-weight: bold;
  color: #4569B1;
}
#newsPosts .story .blogImage {
  width: 76px;
  height: 76px;
  border: 1px solid #dddddd;
  margin-right: 10px;
  float: left;
  background-color: #FFFFFF;
}
#newsPosts .story .blogPost {
  float: left;
  width: 550px;
}
#newsPosts .narrowStory {
  width: 315px;
}
#newsPosts .narrowStory .blogPost {
  width: 223px;
}
#newsPosts .break {
  float: left;
  width: 100%;
}
#newsPosts .break .hr {
  margin: 15px 0;
}
#newsPosts .break .narrowHR {
  width: 315px;
  margin-right: 6px;
  float: left;
}
.blogDate {
  color: #999999;
  font-size: 10px;
}
.PArchive {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.PArchive ul.lvl1 {
  list-style: none;
  padding-left: 20px;
}
.PArchive .archiveArrow {
  background: url('../images/news/listClosed.png') no-repeat center center transparent;
  height: 10px;
  width: 10px;
  text-indent: 9999px;
  display: block;
  margin: 4px 10px 0 0;
}
.PArchive .arrowActive {
  background: url('../images/news/listOpen.png') no-repeat center center transparent;
}
.PArchive a {
  text-decoration: none;
  color: #000000;
  float: left;
}
.PArchive li.lvl1 span, .PBlogCategoryMenu li span {
  margin-right: 5px;
}
.PBlogCategoryMenu {
  margin: 0;
}
.PBlogCategoryMenu, .PBlogCategoryMenu ul, .PBlogCategoryMenu li {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}
.PBlogCategoryMenu a {
  text-decoration: none;
  color: #000000;
}
.PBlogCategoryMenu li ul {
  margin-left: 15px;
}
.PBlogCategoryMenu li ul li {
  list-style-type: disc;
}
#newsPosts .portletTitle .summary {
  padding-right: 8px;
  text-transform: none;
}
#storeUpdates {
  width: 598px;
}
#storeUpdates .story .blogPost {
  float: left;
  width: 468px;
}

/**** Products: Suggested Products ****/
#suggestedProducts {
  width: 940px;
  height: 297px;
  background: url('../images/product/suggestedBG.png') no-repeat top left transparent;
  padding: 10px 9px 10px 9px;
  float: left;
}
#suggestedProducts .productPane {
    margin: 0 0 0 10px;
}
#suggestedProducts .suggestedTitle {
  width: 240px;
  height: 296px;
  float: left;
  background: url('../images/product/suggestedTitle.png') no-repeat top left transparent;
}
#suggestedBottom {
  float: left;
  width: 960px;
  height: 7px;
  background: url('../images/product/suggestedBottom.png') no-repeat top left transparent;
}
.suggestedContent {
  height: 317px !important;
  min-height: 317px !important;
}
#sugges#tedProducts {
  width: 940px;
  height: 297px;
  background: url('../images/product/suggestedBG.png') no-repeat top left transparent;
  padding: 10px 0 10px 0;
  float: left;
}
#searchSuggested .productPane {
    margin: 0 0 0 9px;
}
#searchSuggested .suggestedTitle {
  width: 240px;
  height: 296px;
  float: left;
  background: url('../images/product/suggestedTitle.png') no-repeat top left transparent;
}
.searchEmpty {
  min-height: 150px;
  height: auto !important;
  height: 150px;
  margin-bottom: 10px;
}

/**** Product Search List ****/
.listSummary, .sorter {
  display: inline;
}
.sorter ul {
  display: inline;
  margin: 0;
  padding: 0;
}
.sorter li {
  display: inline;
  padding: 0 16px;
  border-left: 1px solid #000000;
}
.sorter .asc, .sorter .desc {
	font-weight: bold;
}
.sorter li a {
  text-decoration: none;
  color: #476CB6;
}
.pagerContent {
  display: inline-block;
  margin: 0 auto;
}
.pager li {
  margin: 7px 5px 0 0;
  display: block;
  float: left;
}
.pager li a {
  height: 23px;
  line-height: 23px;
  border: 1px solid #cccccc !important;
  display: block;
  float: left;
  padding: 0 !important;
  background-color: #ffffff;
  color: #476CB6 !important;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.1) !important;
}
.pager .page a {
  width: 23px;
}
.pager .page a:hover,
.pager .previous a:hover, 
.pager .next a:hover, 
.pager .first a:hover, 
.pager .last a:hover,
.pager .all a:hover, {
  border-color: #476CB6 !important;
}
.pager .previous a, 
.pager .next a, 
.pager .first a, 
.pager .last a,
.pager .all a {
  width: 80px;
  font-weight: normal !important;
}
.pager .hidden {
  display: none;
}
.pager {
  float: left;
}
.listFooter .showAllBtn {
  text-decoration: none;
  float: left;
}
.pager li.selected a {
  border-color: #476CB6 !important;
  background-color: #476CB6 !important;
  color: #ffffff !important;
  text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}
.listFooter, .listHeader {
  height: 38px;
  border: 1px solid #DDDDDD;
  background: url("../images/checkout/portletTitleBG.png") repeat-x scroll center top transparent;
  line-height: 38px;
  text-align: center;
}
.listFooterInner {
  margin: 0 auto;
  display: inline-block;
}
.summaryItems {
  margin-top: 10px;
}
.productCount {
  font-weight: bold;
}
.sortText {
  padding-left: 15px;
  margin-right: -10px;
  border-left: 1px solid #000000;
  font-weight: bold;
}
.summaryText {
  margin-right: 15px;
}

ul.ui-autocomplete {
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #AAAAAA;
  color: #222222;
	background: #fff;
	width: 210px;
	padding: 0 5px;
}
.ui-autocomplete li {
	list-style-type: none;
	font-weight: bold;
	border: 0;
	margin: 0;
}
.ui-autocomplete a {
	font-weight: normal;
	display: block;
	margin-left: 20px;
	padding: 3px 0;
	text-decoration: none;
}

/**** Contact Us ****/
.contactLinks .deliveryInfo {
  float: left;
  width: 191px;
  height: 47px;
  background: url('../images/contact/deliveryInfoBtn.png') no-repeat top left transparent;
  display: block;
  margin: 20px 52px 15px 60px;
  
}
.contactLinks .returns {
  float: left;
  width: 196px;
  height: 47px;
  background: url('../images/contact/returnsBtn.png') no-repeat top left transparent;
  display: block;
  margin: 20px 0 15px 0;
}
.contactPostal .address {
  float: left;
  width: 185px;
  margin-right: 10px;
}
.contactPostal .businessName {
  font-weight: bold;
}
.contactHO .portletContent, 
.contactCS .portletContent, 
.contactPostal .portletContent {
  padding: 20px;
}
.contactHO .label,
.contactCS .label {
  font-weight: bold;
}
.contactHO .phone,
.contactCS .phone{
  font-size: 20px;
  color: #4569B1;
}
.contactHO .notes,
.contactCS .notes {
  margin-top: 15px;
}
#contactMap {
  float: left;
  width: 90px;
  height: 90px;
  margin-top: 7px;
}
.contactEmailUs .portletContent {
  padding: 17px 20px;
}
.contactEmailUs label {
  font-weight: normal;
  width: 143px;
  text-align: right;
  display: block;
  float: left;
  line-height: 25px;
  margin: 0 5px 5px 0;
}
.contactEmailUs input, 
.contactEmailUs textarea,
.contactEmailUs select {
  float: left;
  width: 305px;
  margin: 0 0 5px 0;
  border: 1px solid #CCCCCC;
}
.contactEmailUs select {
  width: 317px;
}
.contactEmailUs input {
  padding: 1px 5px;
}
.contactEmailUs .row {
  float: left;
  width: 100%;
}
.contactEmailUs .input_test {
  display: none;
}
.contactSend {
  width: 131px;
  height: 47px;
  background: url('../images/contact/sendBtn.png') no-repeat top left transparent;
  display: block;
  float: left;
}
.contactEmailUs .buttons {
  margin: 19px 0 14px 0;
}
.captcha img {
  border: 1px solid #CCCCCC;
  margin-right: 10px;
  vertical-align: middle;
}
.contactThanks {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.contactEmailUs .errorMessage {
  display: block;
  margin: 0 0 10px 148px;
  float: left;
  color: #cc0000;
}
.tabTitle .stars {
  margin: 12px 0 0 5px;
}
.productReviews .stars {
  margin-right: 5px;
}
.tabTitle span {
  float: left;
}
.comment .stars {
  margin: 5px 0 7px 0; 
}
.commentsHeader {
  padding: 20px 25px 0 25px;
}
.noComments {
  margin-bottom: 10px;
}
.comment .comment-title, .noComments {
  color: #4569B1;
  font-size: 17px;
}
.comment .comment-author {
  font-weight: bold;
  float: left;
  margin-right: 7px;
}
.comment .postDate {
  color: #999;
  float: left;
}
.comment .comment-body {
  font-weight: normal !important;
  color: #000000 !important;
}
.comment {
  background: none repeat scroll 0 0 transparent !important;
  border: 0px !important;
  padding: 25px 25px !important;
  margin: 0 !important;
}
#contentTab6 .tabContent {
  margin: 10px 0 !important;
}
#contentTab6 .hr {
  border-top: 1px solid #dddddd;
}
#contentTab6 .pager {
  float: right;
  margin-right: 10px;
  text-align: left;
}
#contentTab6 .pager ul {
  display: block;
  text-align: center;
}
.Loader {
	display: none;
}
.nobg {
  background-color: #F5F5F5 !important;
}
.nobg div {
  background-color: #F5F5F5 !important;
}
.nobg div div {
  background-color: transparent !important;
}

/**** Comments ****/
#comment-form .star-rating-control {
  margin-top: 5px;
  float: left;
}
#comment-form label {
  width: 80px;
  float: left;
  display: block;
  text-align: right !important;
  padding-right: 10px;
  line-height: 25px;
  margin: 0 0 5px 0 !important;
  font-weight: normal;
}
#comment-form input {
  width: 303px;
  margin: 0 0 5px 0;
  border: 1px solid #CCCCCC;
  padding: 1px 5px;
}
#Comment_verifyCode {
  width: 120px !important;
}
#comment-form textarea {
  width: 438px;
  height: 133px;
  margin: 0 0 5px 0 !important;
  border: 1px solid #CCCCCC;
}
#reviewForm
#reviewForm h1 {
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 20px;
}
#comment-form .captcha {
  margin-left: 90px;
}
#comment-form .captcha img {
  margin: 0 10px 5px 0;
  vertical-align: middle;
  border: 1px solid #CCCCCC;
}
#comment-form .buttons {
  margin-top: 15px;
}
.submitReviewBtn {
  width: 210px !important;
  height: 47px !important;
  border: 0px !important;
  padding: 0 !important;
  margin: 0 0 5px -2px !important;
}

/**** Request form ****/
#request-form .input_test {
  display: none;
}
#request-form input {
  margin: 0 0 5px 0;
  padding: 1px 3px;
  width: 309px;
}
#request-form label {
  width: 113px;
  text-align: right;
  margin-right: 8px;
  float: left;
  display: block;
  font-weight: normal;
  line-height: 25px;
  height: 25px;
}
#request-form .contactSend {
  margin-top: 25px;
}
.requestForm, .requestImage {
  float: left;
}
.requestForm {
  width: 453px;
}
.requestImage {
  width: 215px;
}
.requestText {
  width: 397px;
  margin: 10px 0 30px 0;
}

/**** User screens ****/
.userMenu a {
  display: block;
}
.userMenu {
  text-align: left !important;
}
.userMenu .filled {
  padding: 20px;
}
.userPortlet .filled {
  padding: 30px 20px 15px 20px;
}
.userPortlet {
  margin: 0;
}
.userPortlet .row {
  width: 688px;
}
.userPortlet label {
  font-weight: normal;
  width: 163px;
  float: left;
  display: block;
  text-align: right;
  margin: 0.5em 10px 0.5em 0;
  line-height: 25px;
  height: 25px;
}
.userPortlet input {
  padding: 1px 3px !important;
}
.userPortlet .portletContent h2 {
  border: 0;
}
.userPortlet .username {
  margin-top: 20px;
}
#continueBtn {
  float: right;
}
.userPortlet .errorMessage {
  margin-left: 173px;
}
.userPortlet .error {
  background: none !important;
}
.userPortlet input.error {
  background: none repeat scroll 0 0 #FBE3E4 !important;
}
.userPortlet .rememberMe input {
  margin: 12px 10px 0.5em 0;
  vertical-align: middle;
}

/**** Size Chart ****/
#sizeChart table {
  border-collapse: collapse;
}
#sizeChart th, 
#sizeChart td {
  border: 1px solid #DDDDDD;
}
#sizeChart th {
  padding: 0 10px 0 5px !important;
  height: 38px;
  background: url("../images/checkout/portletTitleBG.png") repeat-x top left transparent;
}
#sizeChart td {
  background-color: #F8F8F8;
}
.sizeChartBtn {
  width: 120px;
  height: 30px;
  background: url("../images/product/sizeChartBtn.png") no-repeat top left transparent;
  display: block;
  float: left;
}

/**** User addresses ****/
#addressTable {
  border-collapse: collapse;
}
#addressTable th, #addressTable td {
  border: 1px solid #DDDDDD;
}
#addressTable th {
  height: 38px;
  background: url("../images/checkout/portletTitleBG.png") repeat-x top left transparent;
}
#addressTable td {
  background-color: #ffffff;
  padding: 10px;
}
.addAddress {
  float: right !important;
}
.addAddress a {
  background: url("../images/user/add.png") no-repeat top left transparent;
  width: 85px;
  height: 29px;
  text-indent: -9999em;
  display: block;
}
.addAddress a,
.editAddress, 
.deleteAddress {
  width: 85px;
  height: 29px;
  text-indent: -9999em;
  display: block;
}
.addAddress a {
  background: url("../images/user/add.png") no-repeat top left transparent;
  margin-right: 11px;
}
.editAddress {
  background: url("../images/user/edit.png") no-repeat top left transparent;
  margin-left: 10px;
  margin-top: 5px;
}
.deleteAddress {
  background: url("../images/user/delete.png") no-repeat top left transparent;
  margin-left: 10px;
}
#addressTable label {
  margin: 0 !important;
}
#orderList {
  padding: 0 !important;
  margin-top: -1px;
}
#orderList table {
  margin: 0 !important;
  border-collapse: collapse;
  width: 728px;
  border: 0;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
#orderList th, #orderList td {
  border: 1px solid #DDDDDD;
  border-right: 0;
  border-left: 0;
  background: url() no-repeat top left #ffffff;
  font-size: 11px;
  height: 38px;
  text-shadow: 1px 1px 0px rgba(255,255,255,1) !important;
}
#orderList th a {
  color: #000000;
}
#orderList td {
  text-align: center;
}
#orderList tr.odd td {
  background-color: #F8F8F8 !important;
}
#orderList td a {
  background: url("../images/user/view.png") no-repeat top left transparent;
  margin-left: 10px;
  margin-top: 3px;
  width: 85px;
  height: 29px;
  text-indent: -9999em;
  display: block;
  float: right;
}
.credits {
  margin-top: 10px;
  float: left;
}
.credits a {
  text-decoration: underline;
  font-size: 9px;
}
#digitalsix {
  font-weight: bold;
}
#register-form .row input,
#register-form .row select {
  border-color: #CCCCCC;
}
.findButton {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  margin: 7px 0 0 10px !important;
  vertical-align: baseline;
}
#UserAddress_FindSelection,
#UserAddress_FindPostCode {
  float: left;
}

/**** Order View ****/
.uoShipping, 
.uoBilling,
.uoCard {
  width: 33%;
  float: left;
}
.uoAddresses {
  width: 682px;
}
.uoShipping div, 
.uoBilling div,
.uoShipping span, 
.uoBilling span,
.uoCard div, 
.uoCard div {
  width: 100%;
  display: block;
}
.uoCard label {
  width: 96px;
  float: left;
  font-weight: normal;
}
.uoCard span {
  float: left;
  width: 125px;
}
.uoAddresses .extraDetails {
  margin: 10px 0 20px 0;
}
.uoAddresses .extraDetails label {
  width: 40px;
  display: block;
  float: left;
  font-weight: normal;
}
.uoAddresses .extraDetails span {
  width: 180px;
  float: left;
}
.orderPortlet .portletContent .item {
  width: 441px;
}
.orderPortlet .portletTitle .item {
  margin-left: 2px;
  width: 430px;
}
.orderPortlet .clear {
  float: none !important;
}
.orderPortlet .cartTotals {
  width: 100%;
}
.orderPortlet .deliveryOptions label {
  width: 115px;
  float: left;
  font-weight: bold;
}
.orderPortlet .deliveryOptions span {
  float: left;
  display: block;
  line-height: 25px;
}
.orderPortlet .deliveryOptions div {
  width: 100%;
}
#orderBackBtn {
  margin-bottom: 10px;
}
.inputHint {
  color: #BBBBBB !important;
}

/**** Price Match ****/
.priceMatch {
  font-size: 11px;
  margin-left: 5px;
}
#priceMatch-form .row {
  clear: both;
  float: left;
  width: 100%;
}
#priceMatch-form label {
  width: 150px;
  float: left;
  display: block;
  text-align: right;
  font-weight: normal;
  line-height: 28px;
  height: 28px;
  padding-right: 10px;
  
}
#priceMatch-form input {
  width: 309px !important;
  float: left;
  display: block;
  padding: 2px;
  margin: 2px 0 !important;
  height: 18px;
}
#priceMatch-form .input_test {
  display: none !important;
}
#priceMatch-form .priceMatchSend {
  margin: 10px 0 8px 0 !important;
  width: 131px !important;
  height: 46px;
}
#priceMatch-form .errorMessage {
  float: left;
  margin-left: 160px;
  font-size: 11px;
}
#priceMatch-form label.error {
  background-color: transparent !important;
}
#priceMatch-form input.error {
  background-color: #FBC2C4 !important;
}
#matchForm .hr {
    border-bottom: 1px solid #DDDDDD;
    height: 1px;
    margin: 10px 0;
}
#matchForm .matchFormText {
    font-weight: bold;
    margin-top: 5px;
}
.searchList .productPane {
  margin: 0 11px 10px !important;
}