@charset "utf-8";

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%;
}
body {
	width: 100%;
	/*background-image: url(/skin/images/background.jpg);*/
	background-position: center top;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	/*background-color: #B16335;*/
	background-repeat: no-repeat;
}
h1,h2,h3,h4,p {
	margin-top: 0;
}
h1 {
	font-size:1.5em;
	color:#001586;
	font-weight: bold;
}

h2 {
	font-weight: bold;
	font-size: 1.3em;
	color: #001586;
}

h3 {
	font-size:1.3em;
	color: #001586;
	font-weight: bold;
}

a {
	color: #001586;
}
a:hover {
	color: #990000;
}
hr {
	height: 3px;
	clear: both;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	margin-top: 0;
	margin-bottom: 10px;
	width: 99.5%;
	background-image: url(/skin/images/ContentSeparatorImage.jpg);
	border-bottom-style: none;

}
img {
	max-width: 100%;
	height: auto;
	border: none;
}
.max-width {

}
#header {

	margin-right: auto;
	margin-left: auto;
	background-image: url(/skin/images/headerBackground3.jpg);
	-ms-background-position-x: left;
	background-position-x: left;
	height: 120px;
}
#header .left {
	float: left;
}
#header .middle {
	float: left;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 24px;
}
.header-right {
	padding-right: 0;
}
.header-mobile-right {
	text-align: right;	
}
.header-mobile-button {
	background-color: #b16335;
	border-radius: 3px;
	color: #fff;
	display: block;
	float: right;
	padding: 4px 8px;
	margin: 4px 1px;
}
.header-mobile-button:hover {
	text-decoration: none;
	color: #EEE;
}
.headerMenu1 {
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 0px;
	background-color: #b16335;
	margin-right: auto;
	margin-left: auto;
}
.headerMenu1 a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 30px;
	font-weight: bold;
	margin-left: 30px;
}
.headerMenu1 a:hover {
	color: #E6A470;
}

.headerMenu2 {
	background-color: #D09259;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.headerMenu2    select {
	width: 180px;
}

.headerMenu2 a {
	color: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
	font-weight: bold;
	margin-left: 15px;
	padding-bottom: 1px;
}
.headerMenu2 a:hover {
	color: #8E502B;
}
.logo-left {
	padding-top: 10px;
	padding-bottom: 2px;
}
.crystal-mobile-menu {
	margin-top: 2px;
}
.crystal-mobile-menu-row {
	margin: 0 -8px;
	padding: 0;
}
.crystal-mobile-menu .col-xs-6 {
	margin: 0 0px;
	padding: 0 1px;
	display: block;
	vertical-align: middle;
	position: relative;
}
.crystal-mobile-menu .crystal-mobile-menu-col-1 {
	padding-left: 0;
}
.crystal-mobile-menu .crystal-mobile-menu-col-2 {
}
.crystal-mobile-menu .crystal-mobile-menu-col-3 {
}
.crystal-mobile-menu .crystal-mobile-menu-col-4 {
	padding-right: 0;
}

.crystal-mobile-menu-col-1 .crystal-mobile-menu-link  {
	background-color: #bb7b58;
}
.crystal-mobile-menu-col-2 .crystal-mobile-menu-link  {
	background-color: #ab6542;
}
.crystal-mobile-menu-col-3 .crystal-mobile-menu-link  {
	background-color: #bc5c29;
}
.crystal-mobile-menu-col-4 .crystal-mobile-menu-link  {
	background-color: #934423;
}
.crystal-mobile-menu-link {
	position: relative;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	padding: 4px;
	width: 100%;
	height: 44px;
}
.crystal-mobile-menu-link:hover {
	color: #fff;
	background-color: #faac62;
	text-decoration: none;
}
.crystal-mobile-menu-middle {
	content: " ";
	display: inline-block;
	height: 44px;
	width: 1px;
	vertical-align: middle;
 }
.container-main {
	background-color: #FFFFFF;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding-top: 8px;
}
.main-center {

}
#wrapper {
	width: 100%;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(/skin/images/content-bg-bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

#wrapper2 {
}
.outerEnd {
  clear: both;
}

#outer1 {
	float:left;
	width:180px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#outer2 {
	float: left;
	width: 612px;
	padding-top: 4px;
	display: block;
	overflow: hidden;
}

#outer3 {
	float:right;
	width:180px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 2px;
}

#outer1, #outer2, #outer3 {}
#outer2 .indent {
	padding-right: 170px;
	padding-left: 4px;
	background-image: url(/skin/images/small-angel.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#outer2 .indent2 {
	padding-right: 6px;
	padding-left: 4px;
	display: block;
	overflow: hidden;
}

.content {padding:10px;}
div.error	{ 
	color: #b7090f; 
	font-size: 12pt; 
	font-weight: bold; 
}




#outer2 ul {
	margin-left: 20px;
	margin-bottom: 14px;
}
#outer2 ol {
	margin-left: 20px;
	margin-bottom: 14px;
}
#outer2 li {
	margin-left: 10px;
}


img {
	border: none;
}
.alignLeft {
	float: left;
}

.searchBar {
	margin-bottom: 4px;
	font-size: 1.2em;
	font-weight: bold;
	color: #B16335;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 5px;
}
.searchBar .searchTitleBox, .searchBar .searchAtoZBox, .searchBar .searchKeywordsBox, .searchBar .searchFindBox {
	float: left;
}
.searchBar .searchTitleBox {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.searchBar .searchAtoZBox {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
}
.searchBar .searchAtoZ {
	width: 184px;
}

.searchBar .searchFindBox {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
}
.searchBar .searchKeywords {
	margin-bottom: 0px;
	width: 182px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
}
.searchBar .searchKeywordsBox {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 1px;
}




.breadcrumbs {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: -5px;
}
.breadcrumbs a {
	margin-left: 2px;
	text-decoration: none;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}



.footerMenu {
	background-color: #B16335;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.footerMenu a {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	margin-right: 30px;
	margin-left: 30px;
}
.footerMenu a:hover {
	color: #ddd;
}
#footer {
	background-color: #FFFFFF;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

#footer p,
#header p {
	color:#000000;
}
#footer a {
	color:#001586;
}
#footer .navigationElement {
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 20px;
	background-image: url(/skin/images/footer-square.gif);
	background-repeat: no-repeat;
	background-position: 6px 5px;
}
#footer .footerLinks {
	overflow: hidden;
	padding-left: 26px;
}

#footer a:hover {text-decoration:none;}
#footer .NavigationText {
	display: block;
	width: 100%;
}
#footer .smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}


.rotating-banners {
  height: 175px;
  display: block;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
}
.rotating-banners ul {
  margin: 0;
  padding: 0;
  z-index: 0;
}

.rotating-banners ul li {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  text-align: center;
  width: 100%;

}

.rotating-banners ul li img{
  border: none;
  margin: 0 auto;
}



.categoryHeader {
	background-color: #d09259;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border: 1px solid #b15330;
	border-bottom: 0;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
.miniBox {
	margin-bottom: 10px;
}

.miniBox .miniBoxHeader {
	background-color: #d09259;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border: 1px solid #b15330;
	border-bottom: 0;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.miniBox .miniBasketBody {
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 6px;
	padding-left: 1px;
	background-color: #fff2bf;
	border: 1px solid #b15330;
	border-top: 0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
}
.miniBox .miniBasketBody a {
	font-size: 0.90em;
	color: #000000;
	text-decoration: none;
}
.miniBox .miniBasketBody a:hover {
	text-decoration: underline;
}


.miniBox .miniBoxBody {
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	background-color: #fff2bf;
	border: 1px solid #b15330;
	border-top: 0;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;	
}

.miniBox  .miniBoxBody #submit {
	background-image: url(/skin/images/sides-btn.gif);
	height: 21px;
	width: 164px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	padding-left: 6px;
	background-repeat: no-repeat;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #E28132;
	font-size: 0.9em;
}
.miniBox .miniBoxBody input {
	width: 160px;
	margin-bottom: 4px;
}
.miniBox .miniBoxBody a {
	font-size: 0.95em;
	color: #c06129;
}
.miniBox .miniBoxBody a:hover {
	color: #8F5E45;
}
.miniBox .miniBaket td {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
.miniBox .minBasketFooter {
	padding-top: 4px;
	padding-left: 5px;
}
.rightBanners img {
	display: block;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

/*  .HotDeal {
	padding: 0px;
	margin: 6px 3px 0 3px;
	float:left;
	width: 198px;
  }*/
.HotDeal {
	margin-bottom: 8px;
}
.HotDeals-inner {
	border: 1px solid #aeaeae;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;	
}

.HotDealTop {
  height: 100%;
  margin: 0px;
  padding: 0 0 0 6px;
}

.HotDealTopFloatin {
	height: 100%;
	margin: 0px;
	padding: 10px 6px 4px 0px !important;

}

.HotDeal .ImageArea {
  height: 106px;
  text-align: center;
  background: #ffffff;
  padding:0px;
  margin: 0px !important;
}
.HotDeal .ImageArea img{
	border: none;
}


.HotDealFoot {
	margin: 0 !important;
	padding: 0 0 0 6px;
	background-color: #f3f2ff;
	border: none;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;		
}

.HotDealFootFloatin {
	padding: 4px 4px 8px 2px;
	height: 54px;
	line-height: 1.1;
}

.HotDealFoot .InfoArea {
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.HotDeal .InfoArea a {
	color: #001586;
	text-decoration: none;
	font-weight: bold;
}


  .HotDealFoot a.Price {
	margin: 2px 2px 2px 0px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 10pt;
	color: #CC0000;
	text-decoration: none;
  }
.HotDeal  .HotDealFoot  .Price  .amount  {
	font-size: 1.2em;
	color: #000000;
}


  .HotDeal a.Price:hover {
      color: #CC0000;
  }

  .HotDealsEnd {
      clear: both;
  }




/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

#lastLi a {
	background-color: #FFF2BF;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
 }
#lastLi  a:hover   {
	background-color: #b15330;
 }




/* VERTICAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin-left: 0;
	padding-left: 0;
	width: 100%;
	list-style: none;
	margin-bottom: 10px;
}





/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
	display: none;
	position: absolute;
	top: -1px;
	left: 100%;
	background-color: #FFF2BF;
	border-radius: 7px;
	margin-left: 2px !important;
}

.menulist li {
	position: relative;
	margin-bottom: 0px;
	background-color: #FFF2BF;
	border-left: 1px solid #b15330;
	border-right: 1px solid #b15330;
	background-color: #FFF2BF;
}
/* End Hacks */
  .menulist>li:last-child  {
	margin-bottom: 1px;
	background-color: #FFF2BF;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border: 1px solid #b15330;
	border-top: 0;
}
.menulist ul>li:first-child {
	background-color: #FFF2BF;
	border-top-right-radius: 7px;
	border-top-left-radius: 7px;
	border: 1px solid #b15330;
	border-bottom: 0;
}
.menulist ul>li:first-child:hover {
	background-color: #b15330;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #b15330;
	border-bottom: 0;
}
.menulist ul>li:last-child  {
	background-color: #FFF2BF;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border: 1px solid #b15330;
	border-top: 0;
}
.menulist ul>li:last-child:hover {
	background-color: #b15330;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 1px solid #b15330;
	border-top: 0;
}
.menulist ul>li ul>li:first-child:hover {
	background-color: #b15330;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border: 1px solid #b15330;
	border-bottom: 0;
}
/* Links inside the menu */
.menulist a {
 display: block;
 padding: 6px;
 color: #000;
 text-decoration: none;
 font-weight: bold;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #FFF;
	background-color: #b15330;
	text-decoration: none;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #C86;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
.box {
	display: block;
	margin-bottom: 10px;
}






  .products {
	padding: 0px;
	margin: 3px 3px 0 0px;
	float:left;
	width: 202px;
	background-color: #F3F2FF;
  }
.productListRow {
	display: block;
	overflow: hidden;
}

.productList {
	display: block;
	overflow: hidden;
}


  .productsTop {
	height: 100%;
	margin: 0px;
	padding: 0 0 0 10px;
    
  }

  .productsTopFloatin {
	height: 100%;
	width: 182px;
	margin: 0px;
	padding: 10px 6px 4px 0px !important;
    
  }
.productsTopFloatin  .ImageArea {
      width: 180px;
      height: 106px;
      text-align: center;
      background: #ffffff;
      padding:0px;
      margin: 0px !important;
      white-space: nowrap;
      overflow: hidden;
      border: none;
  }
.productsTopFloatin  .ImageArea  img{
	border: none;
  }


  .productsFoot {
	margin: 0 !important;
	padding: 0 8px 8px 10px;
	display: block;
	overflow: hidden;
    
  }

  .productsFootFloatin {
	margin: 0 !important;
	_width: 182px;
	display: block;
	overflow: hidden;
    
  }

  .productsFoot .InfoArea {
	overflow: hidden;
	text-align: left;
	height: 270px;
  }
.productsFoot .InfoArea  a {
	color: #001586;
	text-decoration: none;
	font-weight: bold;
}

.productsFoot a.Price {
	margin: 2px 2px 2px 0px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 10pt;
	color: #CC0000;
	text-decoration: none;
}
.productsFoot .rrp {
	font-size: 0.9em;
}
.productsFoot .saving {
	color: #349F00;
	font-size: 1.2em;
}
.productsFoot .Price .amount {
	font-size: 1.2em;
	color: #000000;
}
.productsFoot .stock {
	font-weight: bold;
	color: #349F00;
	padding-left: 0px;
}
.productsFoot  .outstock {
	font-weight: bold;
	color: #CC0000;
	padding-left: 0px;
}
.productsFoot .description {
	margin-top: 4px;
	margin-bottom: 4px;
}
.productsFoot a.Price:hover {
      color: #CC0000;
  }

  .productssEnd {
      clear: both;
  }
.categoryImage {
	padding-right: 12px;
}
.CategoryText {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
#categoryDescription.in,
#categoryDescription.collapsing {
    display: block!important;
}

.subCategories {
	margin-bottom: 6px;
	display: block;
	overflow: hidden;
	background-color: #F3F2FF;
}


.subCategories .subCategoriesInner {
	padding: 10px;
	display: block;
	overflow: hidden;
}
.subCategoriesImage {
	float: left;
	display: block;
	margin-right: 8px;
}
.subCategoriesDescription h2 a {
	font-size: 0.9em;
	text-decoration: none;
}

.subCategoriesImage   img {
	margin-top: 2px;
}
.subCategoriesDescription {
	float: left;
	width: 100%;
}
.subManufacturers {
	margin-bottom: 6px;
	overflow: hidden;
	background-color: #F3F2FF;
}


.subManufacturers .subManufacturersInner {
	overflow: hidden;
}
.subManufacturersImage {
	padding-bottom: 6px;
	padding-top: 4px;
	padding-right: 0;
}
.subManufacturersDescription h2 a {
	font-size: 0.9em;
	text-decoration: none;
}

.subManufacturersImage   img {
	margin-top: 2px;
}
.subManufacturersDescription {

}
.viewCategory {
	font-weight: bold;
}
.show .showing {
	font-weight: bold;
}
.show .sort {

}
.show {
	margin-right: 6px;
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}
.ProductListBox,
.CrossellingCount,
.BundledProductsTable{
	width: 100%;
	clear: both;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-top: 5px;
	margin-right: -4px;
	margin-bottom: 0;
	margin-left: 0;
  }
.ProductListBox {
	margin-top: 1px;
	margin-bottom: 8px;
  }

td.productsBox table, .ProductListBox .productsInfo {
	vertical-align: top;
	background:  #F3F2FF;
  }

.productsInfo {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
	text-align: left;
	vertical-align: top;
	background:  #F3F2FF;
	border-top-width: 0px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}


.ProductListBox .productsInfo {
      text-align: left !important;
}

  .ProductListBox tr td img,
  .CrossellingCount tr td img,
  .BundledProductsTable tr td img {
      margin: auto;
}

.CrossellingCount .CrossellingInfoArea,
.BundledProductsTable .BundledProductsInfoArea {
  background:  #F3F2FF ;
  text-align: left;
  padding: 4px 0 4px 0;
  min-height: 380px;
}

.CrossellingCount .Price,
.CrossellingCount .FloatRight,
.BundledProductsTable .Price,
.BundledProductsTable .FloatRight {
      background:  #F3F2FF ;
}

.productsInfo .ImageArea,
.ProductListBox div.ImageArea,
div.CrossellingImageArea,
div.BundledProductsImageArea {
      background: #ffffff;
      white-space: nowrap;
      padding: 0;
      text-align: center;      
}

.productsInfo .ImageArea, 
.ProductListBox div.ImageArea {
      text-align: center;
}

.ProductListBox div.InfoArea {
	position:relative;
	height: 100%;
	_height: auto;
	min-height: 380px;
	padding-bottom:0px;
}


.ProductListBox div.InfoArea h2 {
	margin: 4px 0 2px 0;
  }
.ProductListBox div.InfoArea h2 a {
	text-decoration: none;
	font-size: 0.9em;
}
.ProductListBox div.InfoArea h2 a:hover {
	text-decoration: underline;
	color: #B15327;
}
.ProductListBox a.Price {
	margin: 2px 2px 2px 0px;
	white-space: nowrap;
	font-weight: bold;
	font-size: 10pt;
	color: #CC0000;
	text-decoration: none;
}
.ProductListBox .rrp {
	font-size: 0.9em;
}
.ProductListBox .saving {
	color: #CC0000;
	font-size: 1.2em;
	margin-bottom: 4px;
}
.ProductListBox .Price .amount {
	font-size: 1.2em;
	color: #000000;
}
.ProductListBox .stock {
	font-weight: bold;
	color: #349F00;
	margin-top: 4px;
	margin-bottom: 4px;
}
.ProductListBox  .outstock {
	font-weight: bold;
	color: #CC0000;
	margin-top: 4px;
	margin-bottom: 4px;
}
.ProductListBox .description {
	margin-top: 4px;
	margin-bottom: 4px;
}
.ProductListBox a.Price:hover {
      color: #CC0000;
  }
.product {
	display: block;
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}

.product .productLeft {
	padding-right: 8px;
	padding-bottom: 10px;
	padding-top: 2px;
	padding-left: 4px;
}
.product .productRight {

}
.product .main-image,.product .sub-image {
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 0;
}


.product-description {
	padding-top: 10px;
}
 td.productsBox table {
      vertical-align: top;
      background:  #F3F2FF ;
  }
.priceBox {
	border: 0px; 
	color: #000000; 
	width: 54px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	padding: 0px;
	background-color: #F3F2FF;
}
.priceBox2 {
	border: 0px; 
	color: #000000;
	background-color: #F3F2FF;
	width: 54px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	padding: 0px;
}
.inStock {
	font-weight: bold;
	color: #349F00;
	margin-top: 4px;
	margin-bottom: 4px;
}
.outStock {
	font-weight: bold;
	color: #CC0000;
	margin-top: 4px;
	margin-bottom: 4px;
}
.product-options-radio .options-radio  {
	margin-top: 0;
}
.product-options td.options-radio  {
	padding-top: 2px;
	padding-right: 4px;
}
.product-options td.options-label {
	padding-left: 6px;
	font-weight: bold;
}
.addthis_toolbox {
	margin-bottom: 6px;
	margin-left: 6px;
}
.moreCrystals {
	background-image: url(/skin/images/btn-more-left.gif);
	background-repeat: no-repeat;
	height: 30px;
	margin-left: 2px;
	margin-right: 2px;
	display: table;
	margin-top: 8px;
}
.moreCrystals .moreCrystalsInner {
	background-image: url(/skin/images/btn-more-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	display: table-cell;
}
.moreCrystals .moreCrystalsInner a {
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 54px;
	display: block;
	font-family: "Century Gothic", Arial;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}
.moreCrystals .moreCrystalsInner a:hover {
	color: #FFF2BF;
}
.bundleBox {
	background-image: url(/skin/images/mediumblue-bg-top.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	display: block;
	overflow: hidden;
	width: 400px;
}
.bundleBox .bundleBoxInner {
	padding: 10px;
	background-image: url(/skin/images/mediumblue-bg-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	width: 380px;
}
.bundleProductsBox {
	width: 380px;
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.bundleProductsImage {
	display: block;
	margin-right: 10px;
	width: 100px;
	float: left;
	overflow: hidden;
}
.bundleProductsDetails {
	float: left;
	display: block;
	overflow: hidden;
	width: 270px;
}
.bundlePrice {
	font-size: 1.2em;
	font-weight: bold;
	color: #CC0000;
}

.basket th:first-child {
	border-top-left-radius: 3px;
}
.basket th:last-child {
	border-top-right-radius: 3px;
}
.basket th {
	background-color: #B16335;
	border-bottom: none !important;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
table.basket>tbody>tr>td {
	vertical-align: middle;
}



.basket .basketTable {
	background-color: #EAEDF3;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
}

.basket .product-row {
	background-color: rgba(255, 242, 191, 1);
}
.basket .product-row:nth-child(even) {
	background-color: rgba(255, 242, 191, 0.6);
}
.basket .basketTableBottom {
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
}
.basket-total {
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem
}

.quote {
	background-color: #f3f2ff;
	display: block;
	padding: 10px;
}.StandarTable {
	padding: 4px;
}
.standardTable th {
	padding: 4px;
	background-color: #D09259;
	color: #FFFFFF;
}
.standardTable td {
	background-color: #F3F2FF;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}

input.checkout {
	width: 180px;
}.paymentFrame {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}
.paymentContent {
	background-color: #FFFFFF;
	height: 400px;
	padding: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #A95531;
	border-bottom-color: #A95531;
	border-left-color: #A95531;
}

.adsence {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.adsence-right {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.category-menu {
    margin-bottom: 0px;
    border-top: solid 2px rgba(253, 233, 164, 1);
}

.menuheader
{
  text-align: left;
  background: rgba(177, 99, 53, 1);
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  line-height: 40px;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  width: 100%;

  padding: 0 10px;
}

.menuheader a
{
  background: center center no-repeat transparent;
  background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  padding-left: 10px;
  vertical-align: middle;
}

.main-menu-left {
  background-color: rgba(208, 146, 89, 1);
}

.menu-clearance {
  font-weight: bold;
}
.btn {
	background-color: rgba(177, 99, 53, 1);
    border: none;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.btn:hover {
    background-color: #E98C41;
    border-color: #E98C41
}

.mm-page {
	z-index: 10;
	height: 100%;

}

.mm-menu.mm-theme-shamans {
    background: rgba(177, 99, 53, 1);
    border-color: rgba(0, 0, 0, .15);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-shamans .mm-navbar a,
.mm-menu.mm-theme-shamans .mm-navbar>*,
.mm-menu.mm-theme-shamans em.mm-counter {
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-shamans .mm-btn:after,
.mm-menu.mm-theme-shamans .mm-btn:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-shamans .mm-listview {
    border-color: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-shamans .mm-listview>li .mm-next:after {
    border-color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-theme-shamans .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .1);
    tap-highlight-color: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-shamans .mm-listview>li.mm-selected>a:not(.mm-next),
.mm-menu.mm-theme-shamans .mm-listview>li.mm-selected>span {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-shamans .mm-divider,
.mm-menu.mm-theme-shamans .mm-fixeddivider span,
.mm-menu.mm-theme-shamans .mm-listview>li.mm-opened.mm-vertical>.mm-panel,
.mm-menu.mm-theme-shamans .mm-listview>li.mm-opened.mm-vertical>a.mm-next,
.mm-menu.mm-theme-shamans.mm-vertical .mm-listview>li.mm-opened>.mm-panel,
.mm-menu.mm-theme-shamans.mm-vertical .mm-listview>li.mm-opened>a.mm-next {
    background: rgba(255, 255, 255, .05)
}

.mm-menu.mm-theme-shamans label.mm-check:before {
    border-color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-shadow-page.mm-theme-shamans:after,
.mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.mm-menu.mm-theme-shamans .mm-search input {
    background: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8)
}

.mm-menu.mm-theme-shamans .mm-indexer a,
.mm-menu.mm-theme-shamans .mm-noresultsmsg {
    color: rgba(255, 255, 255, .4)
}

.mm-menu.mm-hoverselected.mm-theme-shamans .mm-listview>li>a.mm-fullsubopen:hover+span,
.mm-menu.mm-hoverselected.mm-theme-shamans .mm-listview>li>a:not(.mm-fullsubopen):hover,
.mm-menu.mm-parentselected.mm-theme-shamans .mm-listview>li>a.mm-selected.mm-fullsubopen+a,
.mm-menu.mm-parentselected.mm-theme-shamans .mm-listview>li>a.mm-selected.mm-fullsubopen+span,
.mm-menu.mm-parentselected.mm-theme-shamans .mm-listview>li>a.mm-selected:not(.mm-fullsubopen) {
    background: rgba(0, 0, 0, .1)
}

.mm-menu.mm-theme-shamans label.mm-toggle {
    background: rgba(0, 0, 0, .15)
}

.mm-menu.mm-theme-shamans label.mm-toggle:before {
    background: #333
}

.mm-menu.mm-theme-shamans input.mm-toggle:checked~label.mm-toggle {
    background: #4bd963
}


.checkoutTick .glyphicon {
	font-size: 15px;
	font-size: 1.5rem;
    vertical-align: middle;
	margin-right: 2px;	
}

input[type='checkbox'].tags-checkbox:checked + label > i:first-of-type,
input[type='checkbox'].tags-checkbox + label > i:last-of-type{
    display: none;
}
input[type='checkbox'].tags-checkbox:checked + label > i:last-of-type{
    display: inline-block;

}
.right {
    float: right
}
.checkout-main {
	padding-bottom: 15px;
}
.payment-button {
	margin-bottom: 10px;
}

@-moz-document url-prefix() {
	fieldset { display: table-cell; }
}
@media (max-width:1023px) {
    .adsence-right {
    	display: none;
    }
}
@media (min-width: 769px) {
	.visible-xs-menu {
		display: none;
	}
	.categoryDescription {
		display: block !important;
	}
}
@media (max-width: 768px) {
	#container {
		width: 100%;
	}
	#outer2 {
		max-width: 100%;
		overflow: visible;
	}
	.menuheader a.left-menu {
		display: block;
		width: 100%;
		color: #FFF;
		text-decoration: none;
		display: inline-block;
		-ms-background-position-x: 5px;
		background-position-x: 5px;
	}
	
	.menuheader a .left-menu-inner {
		padding-left: 40px;
		line-height: 40px;
		height: 40px;
	}
	.product {
		overflow: visible;
	}
	.product .productRight {

	}
	.xs-free-delivery {
		display: block;
		background-color: rgba(224, 133, 54, 1);
		padding: 5px 10px;
		font-weight: bold;
		color: #fff;
		font-size: 14px;
		text-align: center;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	#header {
		height: auto;
	}
	#header .left {
		width: 60%;
	}
	#header .middle {
		width: 50%;
		padding-top: 5px;
		height: auto;
	}
	#header img {
		max-width: 100%;
		height: auto;
	}
	#footer .footerLinks {
		padding-top: 8px;
		padding-left: 0;
	}
	.footerNotes {
		padding-top: 8px;
	}
	.contentInner img {
		max-width: 100%;
		height: auto;
	}
	.featuredProductRight {

	}
	.basketVoucherBox {
		position: relative;
		top: 6px;
		margin-bottom: 10px;
		width: 100%;
	}
	.basketVoucherCodeInput {
		margin-bottom: 4px;
	}
	.product .productLeft .productImage img {
		max-width: 100%;
		height: auto;
	}
	.searchBar .searchAtoZ {
		width: 164px;
	}

	.searchBar .searchKeywords {
		width: 162px;
	}
    table#cart thead {
        display: none
    }
    table#cart tbody td {
        display: block;
        padding: .6rem;
        min-width: 300px
    }
    table#cart tbody td:before {
        content: attr(data-th);
        font-weight: 700;
        display: inline-block;
        width: 8rem
    }
    table#cart tfoot td,
    table#cart tfoot td .btn {
        display: block
    }
    .actions .btn {
        width: 36%;
        margin-bottom: 4px;
    }
    .actions .btn-info {
        float: left
    }
    .actions .btn-danger {
        float: right
    }
	.checkoutTick .glyphicon {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.show .showing {
		float: none;
		margin-top: 4px;
		font-weight: bold;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.show .showing a {
		padding-left: 4px;
		padding-right: 4px;
	}
	.show .sort {
		float: none;
	}

}

@media (max-width:540px) {
    .nopadding,
    .productsDetails {
        padding-left: 0;
        padding-right: 0
    }
	.product .productLeft {
		width: 100%
	}
	.product .productRight {
		width: 100%
	}
}
@media (max-width: 764px) {
	.logo-left {
		padding-top: 2px;
		padding-bottom: 2px;
	}
	.product .productLeft {

	}
	.product .productLeft .clear {
		clear: none;
	}
	.product .productLeft .productImage {
		max-width: 48%;
		float: left;
		border-color: #fff;
		margin-right: 1%;
	}

	.xs-clear {
		clear: both !important;
	}
	.footerMenu a {
		width: 40%;
		margin-right: 4%;
		margin-left: 5%;
	}

}

@media (min-width: 765px) and (max-width: 768px) { 

	#outer3.hidden-xs {
		float:right;
		width:180px;
		display: block !important;
	}
	#outer3 img {
		max-width: 100%;
		height: auto;
	}
	#outer2 {
		width: 545px;
	}
	.product .productLeft {

	}
	.product .productRight {
	}
	.product .productLeft .productImage img {
		height: auto;
	}
	.searchBar .searchAtoZBox {
		padding-right: 2px;
		padding-left: 2px;
	}
	.searchBar .searchKeywordsBox {
		padding-right: 2px;
		padding-left: 2px;
	}
}
@media (max-width: 1023px) { 
	.ProductListBox .productsInfo:nth-child(2n+1) {
		clear: both;
	}
	.headerMenu1 a	{
		margin-left: 25px;
		margin-right: 25px;
	}
	.headerMenu2 a	{
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media (min-width: 1024px) { 
	.ProductListBox .productsInfo:nth-child(3n+1) {
		clear: both;
	}

}
@media (min-width: 768px) and (max-width: 991px) {
	.rotating-banners {
	  height: 107px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.rotating-banners {
	  height: 142px;
	}
}