@charset "utf-8";

/* typography */
h1 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  color:#555555;
  margin:0;
  padding: 10px 0;
}
h2 {
  font-size:16px;
  color:#555555;
  margin:0;
}
.pageHeading {
  font-size:15px;
  font-weight:bold;
}
.main {
  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:#A74100;
  text-indent:0;
}
a:link {
  background-color: transparent;
  color:#A74100;
}
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;
}
noscript div .noscriptWarning {
  background:transparent url(public-media/exclamation.gif) no-repeat scroll 20px 0;
  color:#CC0000;
  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:#1d1d1d; }
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:#d7d7d7 url(public-media/site-top-bg.jpg) repeat-x scroll 50% 0;
  position:relative;
  min-width:1000px;
}
.siteBottom {
  background:transparent url(public-media/bg4.jpg) repeat-x scroll 50% 100%;
  min-width:1000px;
}

/* header */
.header {
  position:relative;
  margin:0 auto;
  height:124px;
  width:998px;
}
.headerLeft {
  float:left;
  width:260px;
  height:118px;
}
.headerTop {
  float:right;
  width:690px;
  height:35px;
}
.headerMid {
  float:right;
  padding:21px 17px 3px 0;
  width:677px;
}
.headerMid a, .headerMid a:active, .headerMid a:visited {
  color:white;
}
.headerMid a:hover { color: white; }
.headerMid a, .headerMid em {
  float:right;
  white-space:nowrap;
}
.headerMid em {
  display: block;
  width: 15px;
  text-align: center;
  color: #AAAAAA;
}


.headerBottom {
  float:right;
  height:43px;
  padding:0 13px 0 0;
  position:relative;
  width:700px;
}
.headerBottom ul {
  list-style:none;
}
.headerBottom li {
  display:block;
  float:right;
  height:43px;
  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 {
  position: relative;
  left: 6px;
  float: left;
  height: 27px;
  padding: 17px 20px 0 11px;
}
.headerBottom a.catLink {
  background: url(public-media/tabLeft.jpg) no-repeat 0 0;
  height: 44px;
  color: #FFFFFF;
}
.headerBottom a.catLink span.catName { 
  background: url(public-media/tabRight.jpg) no-repeat 100% 0;
  font-size:12px;
}
.headerBottom a.catLink:hover {
  background-position: 0 -44px;
  text-decoration: none;
}
.headerBottom a.catLink:hover span.catName {
  background-position: 100% -44px;
  color: black;
}
.headerBottom a.catSelected {
  background: url('public-media/tabLeft0.gif') no-repeat 0 0;
  height: 48px;
  top: -2px;
  color: black;
  z-index: 10;
  font-size:12px;
}
.headerBottom a.catSelected span.catName {
  background: url('public-media/tabRight0.gif') no-repeat 100% 0;
  height: 32px;
}
.headerBottom a.catSelected:hover {
  text-decoration: none;
  color: black;
}

/* content */
.content {
  background-color:#f9f9f9;
  margin:0 auto;
  width:998px;
}
.contentTop {
  background:transparent url(public-media/mTop.jpg) repeat-x scroll 0 0;
  position:relative;
  top:-7px;
  width:100%;
  min-height:400px;
}
.contentTopL, .contentTopR {
  position:absolute;
  top:0;
  width:14px;
}
.contentTopL {
  background:transparent url(public-media/mc-topLeft.jpg) no-repeat scroll 0 0;
  height:206px;
  left:-7px;
}
.contentTopR {
  background:transparent url(public-media/mc-topRight.jpg) no-repeat scroll 0 0;
  height:209px;
  right:-7px;
}
.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:190px;
}
.navigation {
  padding:0 0 15px 15px;
  position:relative;
  top:-5px;
}
.navigation ul {
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
}
.navigation li {
  clear:both;
  margin:5px 0 0;
  padding:5px 0 10px 5px;
}
.navigation ul.catLevel1 a.catLink, ul.catLevel1 a.catSelected {
  background:transparent none repeat scroll 0 0;
  color:#999999;
  font-size:16px;
  font-size-adjust:none;
  font-weight:bold;
  letter-spacing:-1px;
  line-height:22px;
}
.navigation ul.catLevel2 li {
  padding:0;
  margin:0;
}
.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:#A74100;
  font-weight:100;
}

.mainColumn {
  border:1px solid #D6D7D9;
  float:left;
  margin:0;
  padding:4px;
  width:560px;
}
.mainColumn select {
  width:200px;
}
p.breadcrumb {
  font-size:11px;
  padding:7px 0 10px 7px;
}

.rightColumn {
  float:right;
  width:230px;
  padding:0 5px 0 0;
}
.manufacteresList {
  text-align:right;
  padding-bottom:20px;  
}

/* footer */
.footer {
  background:transparent url(public-media/bg1.jpg) repeat-x scroll 50% 0;
  min-width:1000px;
  min-height:180px;
  padding:70px 0 0;
  position:relative;
  z-index:1;
}
.footerContent {
  margin:0 auto;
  padding:0 0 30px;
  position:relative;
  width:998px;
}
.footerTop {
  background:transparent url(public-media/store-footer.jpg) no-repeat scroll 0 0;
  height:95px;
  left:0;
  position:absolute;
  top:-70px;
  width:998px;
}
.footerTopL, .footerTopR {
  height:120px;
  position:absolute;
  top:-89px;
  width:20px;
}
.footerTopL {
  background:transparent url(public-media/mc-botLeft.png) no-repeat scroll 100% 0;
  left:-21px;
}
.footerTopR {
  background:transparent url(public-media/mc-botRight.png) no-repeat scroll 0 0;
  right:-20px;
}
.footerBottom a:hover {
  color:#FFFFFF;
  text-decoration:none; 
}
.footerBottom {
  clear:both;
  padding:20px 0 0;
}
.footerBottom p {
  padding:15px 0 0;
  color:#FFFFFF;
  font-size:10px;
  text-align:center;
}
.footerBanners {
  width:550px;
  margin:0 auto 0;
}
.footerBanners div {
  float:left;
  margin:0 87px 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:0 0 0 20px;
  margin:0;
}
.mainTitleR {
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;
}
.infoBox {
  background:#D6D7D9 none repeat scroll 0 0;
}
.infoBoxHeading {
  background:url("public-media/infobox/bg.gif") repeat-x scroll 0% 0;
  color:#666666;
  font-size:12px;
}
.infoBoxHeading a {
  font-weight:normal;
  color:#666666;
}
.infoBoxHeading a:link {
  color:#666666;
  font-size:12px;
}
.infoBoxHeading a:visited {
  color:#666666;
}
.infoBoxHeading a:hover {
  color:#666666;
  text-decoration: none;
}
.infoBoxContents { 
  font-size:11px;
  background:#f9f9f9 none repeat scroll 0 0;
}
.boxText {
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:100;
}
.shopCartHeadingLeft {
  float:left;
  background:url("public-media/infobox/shopcart-header-left.jpg") no-repeat scroll 0 0;
  height:57px;
  width:11px;
}
.shopCartHeadingCenter {
  float:left;
  background:url(public-media/infobox/shopcart-header-bg.jpg) repeat-x scroll 0 0;
  color:#FFFFFF;
  font-size:12px;
  height:37px;
  width:170px;
  padding:18px 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:57px;
  width:49px;
}
.shopCartHeadingRight a {
  display:block;
  height:57px;
  width:49px;
}
.shopCart {
  clear:both;
}
.shopCartMiddle {
  background:url(public-media/infobox/shopcart-box-mid.jpg) repeat-y scroll 0 0; 
}
.shopCartBottom {
  background:url(public-media/infobox/shopcart-box-bot.jpg) no-repeat scroll 0 0; 
  color:#FFFFFF;
  padding:0 10px 0 7px;  
  height:52px;   
}
.shopCartBottom a {
  display:block;
  float:left;
}
.shopCartBottom div {
  padding:7px 0 0 0;
  font-weight:bold;
  float:right;
}
.newItemInCart {
  border:double;
  border-color:#999999;
  color:#FFFFFF;	
  background:#999999;
}

/* 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:left;
  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:#A74100;
  border:1px solid #A74100;
  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 {
  width:176px;
  height:170px;
}
.productBoxImage img {
  border:1px solid white;
}
.productBoxImage a:hover img {
  border:1px solid #A74100;
}
.productListingData {
  width:179px;
  display:block;
  float:left;
  background: url("public-media/product-footer.jpg") no-repeat scroll left bottom transparent;
  height: 333px;
  margin-bottom: 25px;
}
.productBoxPrice {
  background: #2c2c2c;
  border-top: solid 1px #ffffff;
  width:79px;
  padding:4px 5px 0 0;
  height:32px;
  text-align:right;
  float: right;
  margin-right:5px;  
}
.productBoxPrice .productSpecialPrice {
  float:right;	
}
.productBoxPrice strike {
  float:right;
  font-size:10px;
}
.productBoxPrice, .productBoxPrice a, .productBoxPrice a:hover, .productBoxPrice a:visited {
  font-weight:bold;
  color:#FFFFFF;
}
.productBoxBuyNow {
  border-top: solid 1px #ffffff;
  float: left;	
}
.productBoxName {
  background:transparent url(public-media/list-product-name-bg.jpg) no-repeat scroll 0 0;
  width:162px;
  height:64px;
  padding:7px;
  text-align:left;
}
.productBoxQuantityOutOfStock {
  color:#ffffff;
  border-top: solid 1px #ffffff;
  display:block;
  float:left;
  background:#2c2c2c;
  height:32px;
  padding-left:6px;
  padding-top:4px;
  font-size:10px;
  width:84px;	
}
.productBoxName a, .productBoxName a:visited {
  color:#A74100;
}
.productBoxDateAdded {
  position:relative;
  top:-75px;
  height:0px;
  padding:0 7px;
}
.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; }
#fancy .smallText {
  text-align:center;
}

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

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