@charset "utf-8";

/* typography */
h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  color:#327ed8;
  margin:0;
  padding:0px;
}
.mainTitle h1 {
  color:#FFFFFF;
}
h2 {
  font-size:15px;
  color:#555555;
  margin:0;
  margin-bottom:5px;
}
h3 {
  font-size:14px;
  font-weight:normal;
}
h3 strong {
  font-size:18px;
  font-weight:bold;
}
.pageHeading {
  font-size:15px;
  font-weight:bold;
}
.main {
  color:#2F2F2F;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;
}
.smallText,
.manufacteresList,
.manufacteresList select {
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
.subTitle {
  color:#4B4B4B;
  font-size:12px;
  font-weight:bold;
  padding-left:10px;
}
a {
  text-decoration:none;
  font-weight:bold;
  color:#327ed8;
  text-indent:0;
}
a:link {
  background-color: transparent;
  color:#327ed8;
}
a:visited {
  background-color: transparent;
  color:#999999;
}
a:hover {
  color:#000;
  text-decoration: underline;
}
a:active, a:focus {
  background-color: transparent;
  color:#600;
  outline:none;
}

/* blocks */
form, p {
  margin:0;
  padding:0;
}
.main p {
  text-align:justify;
  text-indent:10px;
  font-weight:100;
  padding:0 10px;
}
.productsNotifications {
  font-size:11px;
}
p.productsNotifications {
  text-indent:0;
}
.noscriptWarning {
  background:transparent url(public-media/exclamation.gif) no-repeat scroll 20px 0;
  color:#327ED8;
  font-size:110%;
  font-weight:bold;
  margin:1em;
  padding:1.5em 1.5em 1.5em 6em;
}
img { border:0; }

/* lists */
ol, ul {
  margin:0;
  padding:0;
}
li {
  margin:0;
  padding:0 0 0 10px;
}

/* site-level */
html { 
  background-color:#eeeeee;
  overflow-x: hidden; /*horizontal bar disappear*/ 
}
html, body { height:100%; }
body {
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
}
.site {
  position:relative;
  min-height:100%;
}
.siteTop {
  background:#ffffff url(public-media/site-top-bg.jpg) repeat-x scroll 50% 0;
  position:relative;
  min-width:1000px;
}
.siteBottom {
  min-width:1000px;
}

/* header */
.header {
  position:relative;
  margin:0 auto;
  height:189px;
  width:998px;
}
.headerLeft {
  float:left;
  margin-top:19px;
  margin-left:-4px;
  width:315px;
  height:169px;
}
.headerTop {
  float:right;
  width:670px;
  height:0px;
}
.headerMid {
  background-image:url(public-media/bg-header-mid.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  float:right;
  height:141px;
  margin-right:-80px;
  overflow:hidden;
  padding-right:90px;
  width:670px;
}
.headerNavigation {
  padding-top:3px;
}
.headerMid a, .headerMid a:active, .headerMid a:visited {
  color:#2f2f2f;
  font-size:10px;
}
.headerMid a:hover { color:#2f2f2f; }
.headerMid a, .headerMid em {
  float:right;
  margin-top:7px;
  white-space:nowrap;
}
.headerMid em {
  display: block;
  width: 15px;
  text-align: center;
  color: #AAAAAA;
}


.headerBottom {
  background-image:url(public-media/bg-header-mid.jpg);
  background-position:left bottom;
  background-repeat:no-repeat;
  float:right;
  height:42px;
  margin-right:-80px;
  padding-right:90px;
  position:relative;
  width:670px;
}
.headerBottom ul {
  list-style:none;
}
.headerBottom li {
  display:block;
  float:right;
  height:42px;
  margin:0 -7px 0 0;
  position:relative;
}
.headerBottom li.catSepLeft, .headerBottom li.catSepRight { width: 3px; }
.headerBottom a.catLink, .headerBottom a.catSelected {
  position: relative;
  cursor: pointer;
  min-width: 6px;
  float: left;
}
.headerBottom a.catLink span.catName, .headerBottom a.catSelected span.catName {
  background: url(public-media/bg-cat-normal.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  float: left;
  height: 20px;
  margin-left:3px;
  margin-right:3px;
  padding: 15px 8px 7px 8px;
  position: relative;
  font-size:12px;
}
.headerBottom a.catLink {
  background-color:#FFFFFF;
  height:42px;
  color:#606060;
}
.headerBottom a.catLink:hover {
  background-color:#FFFFFF;
  text-decoration: none;
}
.headerBottom a.catLink:hover span.catName {
  background: url(public-media/bg-cat-over.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  color: black;
}
.headerBottom a.catSelected {
  background-color:#FFFFFF;
  z-index: 10;
}
.headerBottom a.catSelected span.catName {
  background-image:url(public-media/bg-cat-selected.gif);
  color:#FFFFFF;
}
.headerBottom a.catSelected:hover {
  text-decoration: none;
  color: black;
}

/* content */
.content {
  background-color:#ffffff;
  margin:0 auto;
  width:998px;
}
.contentTop {
  position:relative;
  top:-5px;
  width:100%;
  min-height:400px;
}
.contentTopL, .contentTopR {
  display:none;
}
.contentContainer {
  display:table;
  padding:16px 0 0;
  width:998px;
}
.innerContent {
  min-height:390px;
  position:relative;
  width:998px;
  z-index:12;
}

.leftColumn {
  float:left;
  margin:0;
  width:200px;
}
.catLevel1 li {
  background-image:url(public-media/bg-cat-leftColumn.gif);
  display:block;
  margin-bottom:10px;
  padding:5px 0 0 10px;
}
.catLevel2 li {
  background-image:url(public-media/bg-subcat-leftColumn.gif);
  display:block;
  margin-bottom:0px;
  width:195px;
}
ul.catLevel2 {
  background-image:url(public-media/bg-subcat-leftColumn-bottom.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  margin-bottom:10px;
  margin-left:-10px;
  padding-bottom:36px !important;
  width:200px;
}
.navigation {
  padding:0 0 15px;
  position:relative;
  top:-5px;
}
.navigation ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  padding:0;
}
.navigation li {
  clear:both;
}
.navigation ul.catLevel1 a.catLink, ul.catLevel1 a.catSelected {
  background:transparent none repeat scroll 0 0;
  color:#FFFFFF;
  font-size:16px;
  font-size-adjust:none;
  font-weight:bold;
  letter-spacing:-1px;
  line-height:22px;
}
.navigation ul.catLevel2 li {
  padding:0;
  padding-left:5px;
  padding-top:10px;
}
.navigation ul.catLevel2 a.catLink, ul.catLevel2 a.catSelected {
  display:block;
  letter-spacing:0;
  font-size:11px;
  line-height:23px;
  padding:0 0 0 10px;
  position:relative;
  color:#2F2F2F;
  font-weight:100;
}

.mainColumn {
  float:left;
  margin:0;
  padding:4px;
  width:550px;
}
.mainColumn select {
  width:200px;
}
p.breadcrumb {
  font-size:11px;
  padding:7px 0 10px 7px;
}

.rightColumn {
  background-image:url(public-media/bg-rightColumn-bottom.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  float:right;
  width:235px;
  padding-bottom:55px; 
}
.rightColumn>table, .rightColumn>div>table, .rightColumn>div.columnBreak {
  background-image:url(public-media/bg-rightColumn.gif);
  background-repeat:repeat-y;
}
.rightColumn .boxText .infoBoxContents  { 
  font-size:11px;
  background:#f6f6f6 none repeat scroll 0 0;
}
.manufacteresList {
  text-align:right;
  padding-bottom:20px;  
}
/* footer */
.footer {
  min-width:1000px;
  min-height:180px;
  padding:0px;
  position:relative;
  z-index:1;
}
.footerContent {
  margin:0 auto;
  padding:0 0 30px;
  position:relative;
  width:998px;
}
.footerTop {
  display:none;
}
.footerTopL, .footerTopR {
  display:none;
}

.footerBottom a:hover {
  color:#2F2F2F;
  text-decoration:none; 
}
.footerBottom {
  clear:both;
  padding:20px 0 0;
}
.footerBottom p {
  padding:15px 0 0;
  color:#2F2F2F;
  font-size:10px;
  text-align:center;
}
.footerBanners {
  width:550px;
  margin:0 auto 0;
}
.footerBanners div {
  float:left;
  margin:0 10px 0;
}

.footerAbs {
  bottom:0;
  height:200px;
  position:absolute;
  width:100%;
  z-index:0;
}

/* infoboxes */
.mainTitleBar {
  table-layout:fixed;  
}
.mainTitleBar .main img {
  float:left;
  padding:0 10px 5px 0;
}
.mainTitleL {
  background:#FFFFFF url(public-media/category-header-left.jpg) no-repeat scroll 0 0;
}
.mainTitle {
  background:#FFFFFF url(public-media/bg-category-header.jpg) repeat-x scroll 0 0;
  padding:0px;
  margin:0;
  padding-bottom:10px;
}
.mainTitleR {
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
  background-repeat:no-repeat;
  width:260px;
  padding-bottom:10px;
}
.infoBox {
  background:#D6D7D9 none repeat scroll 0 0;
}
.infoBoxHeading {
  background:url(public-media/infobox/bg.gif) repeat-x scroll 0% 0;
  color:#FFFFFF;
  font-size:12px;
}
.infoBoxHeading a {
  color:#FFFFFF;
  font-weight:normal;
}
.infoBoxHeading a:link {
  color:#FFFFFF;
}
.infoBoxHeading a:visited {
  color:#FFFFFF;
}
.infoBoxHeading a:hover {
  color:#FFFFFF;
  text-decoration: none;
}
.infoBoxContents { 
  font-size:11px;
  background:#FFFFFF none repeat scroll 0 0;
}
.infoBoxContents .productBoxImage {
  background-image:none;
}
.boxText {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:100;
  padding-left:12px;
  padding-right:12px;
}
.shopCartHeadingLeft {
  float:left;
  background:url("public-media/infobox/shopcart-header-left.jpg") no-repeat scroll 0 0;
  height:46px;
  width:11px;
}
.shopCartHeadingCenter {
  float:left;
  background:url(public-media/infobox/shopcart-header-bg.jpg) repeat-x scroll 0 0;
  background-color:#eaeaea;
  color:#FFFFFF;
  font-size:12px;
  height:38px;
  width:175px;
  padding:8px 0 0 0;
}
.shopCartHeadingCenter a {
  color:#FFFFFF;
  text-decoration: none;
}
.shopCartHeadingCenter a:link {
  color:#FFFFFF;
  text-decoration: none;
}
.shopCartHeadingCenter a:hover {
  color:#FFFFFF;
  text-decoration: none;
}
.shopCartHeadingCenter a:visited {
  color:#FFFFFF;
  text-decoration: none;
}
.shopCartHeadingRight {
  float:right;
  background:url("public-media/infobox/shopcart.jpg") no-repeat scroll 0 0;
  height:46px;
  width:49px;
}
.shopCartHeadingRight a {
  display:block;
  height:46px;
  width:49px;
}
.shopCart {
  clear:both;
  margin-top:-5px;
}
.shopCartMiddle {
  background-image:url(public-media/infobox/shopcart-middle-bg.jpg);
  padding-bottom:18px; 
}
.shopCartMiddle .infoBoxContents {
  background-color:#A0A0A0;
  color:#FFFFFF;
}
.shopCartMiddle .infoBoxContents a {
  color:#FFFFFF;
}
.shopCartMiddle table {
  background-image:none;
  background-color:#a0a0a0;
}
.shopCartBottom {
  background-image:url(public-media/infobox/shopcart-box-bot.jpg);
  background-color:#666666;
  color:#FFFFFF;
  padding:0px 14px 0 10px;  
  height:42px;
  vertical-align:bottom;   
}
.shopCartBottom a {
  display:block;
  float:left;
  height:30px;
}
.shopCartBottom div {
  padding-top:8px;
  padding-bottom:8px;
  font-weight:bold;
  float:right;
}
.newItemInCart {
  border:double;
  border-color:#327ed8;
  color:#FFFFFF;	
  background:#327ed8;
}

/* home page */
.shopDescriptionWrapper {
  padding-left:10px;
  padding-right:10px;
  width:100%;
}
.shopDescriptionBox {
  float:left;
  margin-right:10px;
  width:173px;
}
.shopDescriptionText {
  float:left;
}
.shopDescriptionText h2 { 
  background-image:url(public-media/bg_title_shopDescription.gif);
  background-repeat:repeat-x;
  padding: 6px 10px;
   
}

/* product listing */
.categorySortSelection {
  float:right;
}
.categorySortSelection div {
  float:right;
  margin:6px 0 0 0;
}
.categorySortSelection noscript {
  margin:0 10px 0 0;
  background:transparent none repeat scroll 0 0;
}
a.categoryList {
  display:block;
  position:relative;
  font-size:16px;
  height:84px;
  width:274px;
  color:#999999;
  border:1px solid #EEEEEE;
  text-decoration:none;
  margin:0 0 10px 0;
}
a.categoryList div {
  text-align:right;
  width:150px;
}
a:hover.categoryList {
  color:#327ed8;
  border:1px solid #327ed8;
  text-decoration:none;
}
.categoryList img {
  position:absolute;
  top:0;
  left:0;
  z-index:0;
}
.categoryList div {
  position:absolute;
  text-align:left;
  top:34px;
  right:5px;
  z-index:1;
}
.productBoxImage {
  background-image:url(public-media/bg-product-box-image.gif);
  width:176px;
  height:128px;
  padding-top:12px;
  text-align:center;
}
.productBoxImage img {
  border:1px solid #bdbdbd;
}
.productBoxImage a:hover img {
  border:1px solid #327ed8;
}
.productBoxPrice {
  background-image:url(public-media/bg-product-box-price.gif);
  width:82px;
  padding:4px 5px 0 0;
  height:35px;
  text-align:right;
  float:right;
  margin-right:9px;
}
.productBoxPrice strike {
  font-size:10px;
  display:block;
  float:right;
}
.productSpecialPrice {
  font-size:15px;
}
.productBoxPrice, .productBoxPrice a, .productBoxPrice a:hover, .productBoxPrice a:visited {
  font-weight:bold;
  color:#FFFFFF;
}
.productBoxName {
  background-image:url(public-media/bg-product-box-name-bottom.gif);
  width:152px;
  height:70px;
  padding:7px;
  padding-left:12px;
  padding-right:12px;
  text-align:left;
}
.productBoxName a, .productBoxName a:visited {
  color:#327ed8;
}
.productBoxDateAdded {
  position:relative;
  top:-75px;
  height:0px;
  padding:0 7px;
}
.productBoxBuyNow {
  float:left;
  width:76px;
  margin-left:7px;
  height:39px;
  display:block;
}
.productListingData {
  background-image:url(public-media/product-list-separator.gif);
  background-position:bottom;
  background-repeat:repeat-x;
  padding-bottom:40px;
  display:block;
  width:179px;
  float:left;
}
.productListingData .productBoxQuantityOutOfStock {
  display:block;
  float:left;
  padding-top:3px;
  padding-left:5px;
  margin-left:7px;
  width:71px;
  background:url("public-media/bg-product-box-price.gif");
  height:36px;
  color:#ffffff;
  font-size:10px;
  margin-top:-39px;	
}
.markProductOutOfStock {
  color:red;
  font-weight:bold;
  font-size:14px;
  padding:5px;
  text-transform: uppercase;
}

/* popup-image */
html.popupImage { background:#FFFFFF; }
.popupImage .infoBoxHeadingR img { margin-right:30px }
.popupImage div {
  width:100%;
  text-align:center;
}
.popupImage p a { color:#999999; }

/* all site elements border */

#fancy .smallText {
  text-align:center;
}
.leftColumn,
.rightColumn {
  border-top-style:none;
}

.catLevel1 li {
  zoom:1;
}
ul.catLevel2 {
  margin-bottom:0px;
}

/* column break */
.columnBreak {
  margin: 0 -1px;
  padding: 10px 0;
  background-position:1px 0;
}

.columnBreak img {
  margin-left: -1px;
}