body, html {
 margin: 0;
 font: 12px/18px arial, helvetica, sans-serif;
 color: #6c6c6c;
 padding:0;
 /*background: #ccc url(../images/bg.gif) 0 0 repeat-x;*/
}
html,body        {height:100%;}
.wrapper         {width:100%;height:600px;margin:0 auto;background:#fff}
.h_iframe        {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:800px;}

#toggle{ display:none; width:32px; height:32px; background:url(../images/toggle_btn.png) 0 0 no-repeat; z-index:99999999; position:absolute; top:5px; right:5px; cursor:pointer;}
.container {
 margin: 0 auto;
 width: 990px;
 max-width:990px;
}
img {
 border: 0;
}
img.inline-image {
 float: left;
 margin: 3px 15px 10px 0;
}
img.banner {
 float: right;
 margin-bottom: 30px;
}
 img#category-banner {
  position: relative; 
  /*left: -30px; 
  top: -30px; */
  margin-bottom: 30px;
  padding-bottom: 1px;
  background: #bbb;
  border-bottom: 1px solid #ddd;
 }
 img#banner,
 input#banner {
  position: relative; 
  /*left: -30px; 
  top: -30px; */
  padding-bottom: 1px;
  background: #bbb;
  border-bottom: 1px solid #ddd;
 }
a {
 color: #333;
 text-decoration: none;
 border-bottom: 1px solid #777;
}
a:hover {
 background: #ddd;
 border-bottom: 1px dotted #aaa;
 color: #111;
}
p {
 margin-bottom: 1.5em;
}
  p.help-text {
   float: left; 
   margin: 60px 0 0; 
   width: 230px;
  }
strong {
 font-weight: bold;
}
em {
 color: #333;
 font-style: italic;
}
:focus {
 -moz-outline-style: none;
}
/* =General Classes
----------------------------------------------- */
.center {
 text-align: center;
 font-size: 10px;
 margin-top: 10px;
}
.image-replace,
.image-replace a {
 text-indent: -9999px;
 display: block;
 font-size: 1px;
 text-decoration: none;
 border: 0;
 margin: 0;
 padding: 0;
}
h1#image-replaced {
 text-indent: -9999px;
 display: block;
 font-size: 1px;
 text-decoration: none;
 border: 0;
 margin: 0;
 padding: 0;
}
.icon {
 padding-left: 40px;
 padding-top: 1px;
 background: url(../images/icon-info.gif) 0 0 no-repeat;
 margin-bottom: .5em;
}
.icon.email {
 background: url(../images/icon-mail.gif) 0 2px no-repeat;
 padding-left: 21px;
 padding-top: 0;
 margin-bottom: .3em;
}
.fabric-icon {
 float: left;
 margin: 11px 10px 10px 0;
}
.align-right {
 text-align: right;
}
.clearer {
 display: block;
 font-size: 1px;
 height: 1px;
 overflow: hidden;
 margin: 0;
 padding: 0;
 line-height: 0;
 clear: both;
 float: none;
}
a.button {
 display: block;
 float: left;
 height: 24px;
 margin-right: 6px;
 padding-right: 10px; /* sliding doors padding */
 text-decoration: none;
 border: 0;
 font-size: 11px;
 text-shadow: #444 1px 1px 0;
}
a.button span {
 display: block;
 line-height: 14px;
 padding: 4px 0 6px 10px;
} 
  /* button flavours */
  a.button.dark-grey {background: transparent url(../images/bg-button-a-dark-grey.gif) no-repeat scroll top right; color: #fff;}
  a.button.dark-grey span {background: transparent url(../images/bg-button-span-dark-grey.gif) no-repeat;}
  a.button.soft-grey {background: transparent url(../images/bg-button-a-soft-grey.gif) no-repeat scroll top right;}
  a.button.soft-grey:active span { text-shadow: #fff 0 -2px 0;}
  a.button.soft-grey span {background: transparent url(../images/bg-button-span-soft-grey.gif) no-repeat; text-shadow: #fff 0 1px 0;}
  /* button variations */
  #side-bar a.button.full-width {
   width: 92.5%;
   text-align: center;
   text-indent: 2px;
  }
  #title-bar a.button {
   position: absolute;
   right: 20px;
   top: 20px;
  }
  a.button.small-font {
   font-size: 10px;
  }
  
a.button:active span {
 padding-top: 5px;
 text-shadow: #000 0 -1px 0;
}
.feature-image {
 height: 436px;
 position: relative;
}
.feature-image img {
 position: absolute;
 bottom: 0;
 z-index: 2;
 
}

.pointer {
 vertical-align: 0;
}
/* =Page Structure
----------------------------------------------- */
#main {
 margin: 10px 0 0;
 padding-bottom: 34px;
 background: #FFF;
 width:100%;
 overflow:hidden;
}
#content {
 background: #fff url(../images/bg-content.gif) 0 0 no-repeat;
 width: 806px;
 float: left;
 position: relative;
 z-index: 10;
}
 body#home #content {
  background: none;
 }
#content .bottom {
/* background: url(../images/bg-content-bottom.gif) 0 100% no-repeat;*/
 width: 806px;
 float: left;
 height: 20px;
 overflow: hidden;
}
#title-bar {
 /*background: #f2f2f2 url(../images/bg-titlebar.gif) 0 0 repeat-x;*/
 border-top: 1px solid #f3f3f3;
 padding: 22px 23px 21px 30px;
 position: relative;
 z-index: 1;
 top: 2px;
}
.category-info {
 float: right;
 margin: 0;
}
#side-bar {
 float: right;
 width: 169px;
}
  .side-box {
   padding: 16px 16px;
   float: left;
   background: #f3f3f3; /*url(../images/bg-sidebox.gif) 0 0 no-repeat;*/
   width: 137px;
   overflow:hidden;
  }
  .side-box-bottom {
   background: #ebebeb; /*url(../images/bg-sidebox-bottom.gif) 0 100% no-repeat;*/
   float: left;
   width: 100%;
   overflow: hidden;
  }
  .side-box-bottom .inner{
	  padding:10px 15px 5px 15px;
  }
    .side-box-bottom h3{
	  padding-bottom:10px;
  }

  .side-box-bottom p {
    margin-bottom: 1em;
	}
	p.pdflink{
		padding-left:30px;
		background:url(../images/pdf_small.jpg) 0 0 no-repeat;
	}
    .side-box, #quick-search {
     padding-top: 10px;
    /* height: auto !important;*/
    }
  .side-box p {
   font-size: 11px;
   margin-bottom: 1em;
  }
  #quick-search {
	 /* height:324px;*/
  }
  #newsletter-alert{
	  height:104px;
  }
  .prod_code{
	  padding:0;
	  margin:0;
  }
  #tournament-alert img{
	  max-width:100%;
  }
/* =Column Structure
----------------------------------------------- */
.column {
 float: left;
 
}
.column.last {
 margin-right: 0;
}
#info {
 min-height: 447px;
 height: auto !important;
 
}
.tournement_row{
	clear:left;
}
.tournement_row li{
	width:40%;
	float:left;
	min-height:250px;
}
.tournement_row li:nth-of-type(odd){
	padding-right:10%;
}
.tournement_row li img{
	max-width:100%;
}
#category {
 width: 93%;
}
  #content-left {
   width: 280px;
  }
  img.brand-icomn {
  }
  #content-right {
   width: 436px;
   margin-left: 30px;
   min-height: 450px;
   height: auto !important;
   height: 450px; 
  }
.product-feature {
 width: 173px;
 padding: 16px;
 float: left;
 background: url(../images/bg-grad-small.gif) 0 0 no-repeat;
 margin-top: 20px;
 font-size: 11px;
 line-height: 1.4em;
}
.product-feature p {
 margin-bottom: .6em;
}
.product-feature img {
 border: 1px solid #d6d4d4;
 float: left;
 margin: 0 15px 25px 0;
}
.product-feature.last {
 float: right;
}
.content-bar {
 margin-top: 15px;
 float: left;
 /*background: #f1f2f1 url(../images/bg-content-bar.gif) 0 0 no-repeat;*/
 font-size: 11px;
 width: 100%;
 min-height: 123px;
 height: auto !important;
 height: 123px;
}
  .content-bar .column {
   margin: 0;
  }
  #home-product-features {
   width: 344px;
   height: 93px;
   overflow: hidden;
   margin: 2px 1px 0;
   position: relative;
   padding: 18px 30px 0 20px;
  }
  #home-product-features h4 {
   margin-bottom: 0;
  }
  #home-product-features p {
   margin-bottom: 5px;
  }
  #home-product-features img.product-img {
   position: absolute;
   left: 0;
   top: 0;
  }
    #home-product-features img.float,
  #home-product-features img, #home-product-features p.left{
	  float:left;
	  width:119px;
  }
  #home-product-features p,
  #home-product-features h4 {
   /*float: right;
   width: 200px;*/
   margin: 0;
  }

  
  
  #inline-nav-bar {
   background: url(../images/bg-pagination.gif) 0 0 no-repeat;
   padding: 5px 0 5px;
   font-size: 9px;
   float: left;
   width: 100%;
   position: relative;
   left: -3px;
  }
  #inline-nav-bar a {
   border: 0;
  }
  #inline-nav-bar p {
   float: right;
   margin: 0;
   margin-right: 20px;
  }
  #inline-nav-bar ul {
   float: left;
   margin-left: 10px;
  }
  #inline-nav-bar ul li {
   float: left;
  }
  #inline-nav-bar ul li a {
   display: block;
   font-size: 11px;
   font-weight: bold;
   color: #000;
   padding: 1px 5px 2px 5px;
   margin: 2px 4px 0 0;
   line-height: 1em;
  }
  #inline-nav-bar ul li a:hover {
   background: #eaeaea;
  }
  #inline-nav-bar ul li.selected a {
   background: #ccc url(../images/bg-list-active.gif) 50% 50% no-repeat;
   color: #fff;
   text-shadow: #555 1px 1px 0;
  }
  #home-intro {
   border-left: 1px solid #c3c7c2;
   padding: 0 5px 0 22px;
   margin: 20px 0 0;
   width: 365px;
  }
  #home-intro img.float,
  #home-intro img,
  #home-intro input.float,
  #home-intro input,
  #home-product-features input.float,
  #home-product-features input {
   float: left;
   width: 119px;
   height: 85px;
   padding-right:10px;
  }
  .content-bar p input{
	cursor:default!important;
}
  #home-intro img.pointer,
  #home-product-features img.pointer {
   float: none;
   width: auto;
   height: auto;
  }
  #home-intro p,
  #home-intro h4 {
   /*float: right;
   width: 220px;
   margin: 0;*/
  }
  #home-product-features p,
  #home-product-features h4 {
  /* width: 203px;*/
  }
.content-bar-bottom {
 /*background: #f2f2f2 url(../images/bg-content-bar-bottom.gif) 0 100% no-repeat;*/
 height: 3px;
 overflow: hidden;
 float: left;
 width: 100%;
}
/* =Header
----------------------------------------------- */
#header_container{
	width:100%;
	
	background:#333;
	overflow:visible;
	z-index: 999;
}
#header {
 position: relative;
 height: 80px;
 /*text-align:center;*/
 z-index: 999999;
 
}
#header a {
 color: #eee;
 border: 0;
}
#header a:hover {
 color: #bbb;
 background: none;
}
/* =Footer
----------------------------------------------- */
#footer {
 /*background: #ccc url(../images/bg-footer.gif) 0 0 repeat-x;*/
 clear: both;
 padding: 30px 0 20px 0;
 width:100%;
 overflow:hidden;
 border-top:1px solid #f3f3f3;
}
#footer .inner img {
/* position: absolute;
 top: -5px;
 left: 0;
*/}
#footer .inner {
 /*position: relative;*/
 font-size: 10px;
 margin: 0 auto;
 width: 990px;
}
#footer ul {
/* float: right;
 padding:20px 0 0 0;*/
 text-align:center;
 margin:0 auto;
}
#footer li {
/* float: left;*/
display:inline;
margin: 10px 0 0 10px;
}
#footer li a {
 /*float: left;*/
 margin:0px;
 border-bottom: 0;
}

/* altered 28.02.2011 */
p.footerlinks {
	clear:right;
	text-align:center;
	display:block;
	width:990px;
	margin:20px auto;
}
#footer ul.footerlinks {
	clear:both;
	text-align:center;
	display:block;
	width:100%;
	margin:30px auto;
}
#footer ul.footerlinks li{
	float:left;
	width:14.5%;
	margin-right:2%;
	margin-left:0;
}
#footer ul.footerlinks li img{
	width:100%;
}
#footer ul.footerlinks li a {
 /*float: left;*/
 margin:0px;
}
/* =Titles
----------------------------------------------- */
h1 {
 font-size: 18px;
 color: #000;
 font-weight: bold;
 text-transform: uppercase;
}
  #info h1 {
   margin: 10px 0 20px;
  }
  #category h1 {
   font-size: 20px;
  }
h2 {
 font-size: 12px;
 font-weight: bold;
 color: #363636;
 margin-bottom: .7em;
}
  th h2 {
   margin-bottom: 0;
    text-shadow: #fff 0 1px 0;
  }
  form h2 {
   font-size: 14px;
   margin: 0 0 2em;
  }
h3 {
 font-size: 12px;
 color: #000;
 font-weight: bold;
 margin-bottom: .3em;
}
h4 {
 font-size: 13px;
 font-weight: bold;
 color: #555;
}
h4.logo{ margin:0; padding:0; float:left;}
h4.logo img{ width:150px; max-width:150px; padding:15px 20px 0 0;}
#code_search{ position:absolute; top:0; right:30px; width:120px; max-width:120px; padding-top:30px;}
#code_search input.codesearch{ background: #FFF url(../images/search.png) 1px 1px no-repeat; max-width:100%; padding-left:20px; padding-top:1px; color:#999;}
#header h4{
/* height: 90px;
 width:100%;*/
}
 h4#logo a {
	 /*
  width: 300px;
  height: 90px;
  */
  /*width:100%;
  background: url(../images/logo.png) center 20px no-repeat;*/
  /*position: absolute;
  top: 10px;
  left: 0px;*/
 /* display:block;
  height: 90px;*/
 }
 h4#logo a:hover {
  /*background: url(../images/logo.png) 0 0 no-repeat;*/
 /* background: url(../images/logo.png) center 20px no-repeat;
  border: 0;*/
 }
#header iframe{
/*	position:absolute;
	top:21px;
	right:0px;
*/
padding:0 0 7px 3px;
}
 #header a.face{
	position:absolute;
	top:18px;
	right:86px;
}
 #header a.face img{
 }
h5 {
 font-size: 12px;
 margin-bottom: .6em;
}
.thumb-grid td h5 a {
   border-bottom: 1px solid #777;
   text-transform: uppercase;
  }
h6 {
 font-size: 10px;
}
/* =Navigation + =Links
----------------------------------------------- */
#category-nav {
	/*text-align:center;*/
	display:block;
	margin:0 auto 0 auto;
	overflow:hidden;
	padding-top:32px;
/* position: absolute;
 bottom: -1px;
 right: 0;
 z-index: 9999;
*/}
#category-nav li {
 list-style-type: none;
 /*display:inline-block;*/
	float: left;
 }
#category-nav li a {
 float: left;
 /*background: url(../images/nav.gif) no-repeat 0 0;*/
 padding-right: 8px; /* left of tab */
 text-decoration: none;
 /*margin-left: 4px;*/
 text-transform: uppercase;
 font-size: 12px;
 /*text-shadow: #222 0 1px 0;*/
 /*border-bottom: 1px solid #2a2a2a;*/
 z-index: 9999;
 color:#FFF;
}
  #category-nav li.selected a {
   /*background-position: 0 -80px;*/
   color: #BBB;
   /*border-bottom: 1px solid #333333;*/
  }
  #category-nav li a:hover {
   /*background: #404040 url(../images/nav.gif) 0 -160px no-repeat;*/
   cursor: pointer;
  }
#category-nav li a span {
 float: left;
 display: block;
 /*background: url(../images/nav.gif) no-repeat 100% 0;*/
 padding: .25em 8px .25em 0; /* rest of tab */
}
  #category-nav li.selected a span {
   /*background-position: 100% -80px;*/
  }
  #category-nav li a:hover span {
   color: #666;
   /*background-position: 100% -160px;*/
   cursor: pointer;
  }
  
#category-nav ul li a,
#category-nav ul li a span {
 float: none;
 margin-left:0;
 padding-left:0;
}






#category-nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 2em;
}

#category-nav ul a,
#category-nav li.selected ul a {
	display: block;
	width: 12em;
 color: #9e9e9e;
 /*border-bottom: 1px solid #333333;*/
 /*background: #333 url(../images/nav.gif) 0 -160px no-repeat;
 border-left: 1px solid #444;*/
}

#category-nav ul li { /* all list items */
	float: left;
	width: 12em; /* width needed or else Opera goes nuts */
}

#category-nav li ul { /* second-level lists */
	position: absolute;
	width: 12em;
 left: -999em; 
	margin-top: 1.8em;
	 background:#FFF;
-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    2px 2px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         2px 2px 3px 0px rgba(50, 50, 50, 0.75);

}

#category-nav li ul li {
	border-bottom:1px dotted #eaeaea;
	padding:3px 0 3px 15px;
}

#category-nav li ul ul { /* third-and-above-level lists */
	margin: -1.5em 0 0 10em;
}
#category-nav li:hover li a:hover,
#category-nav li.sfhover ul a:hover {
 color: #BBB;
}
#category-nav li:hover ul ul, 
#category-nav li:hover ul ul ul, 
#category-nav li:hover ul ul ul ul, 
#category-nav li.sfhover ul ul, 
#category-nav li.sfhover ul ul ul, 
#category-nav li.sfhover ul ul ul ul {
	left: -999em;
}

#category-nav li:hover ul, 
#category-nav li li:hover ul, 
#category-nav li li li:hover ul, 
#category-nav li li li li:hover ul, 
#category-nav li.sfhover ul, 
#category-nav li li.sfhover ul, 
#category-nav li li li.sfhover ul, 
#category-nav li li li li.sfhover ul {
	left: auto;
}
  
#global-nav-corp {
 position: absolute;
 right: 0px;
 top: 30px;
}
#global-nav {
 position: absolute;
 right: 0;
 top: 10px;
}
#global-nav li, #global-nav-corp li {
 float: left;
}
#global-nav a, #global-nav-corp a {
 display: block;
/* border-right: 1px solid #666;*/
 padding: 0 10px;
 line-height: 1.1em;
 color:#BBB;
}
#global-nav li.last a, #global-nav-corp li.last a {
 border: 0;
}
#global-nav li.selected a, #global-nav-corp li.selected a {
 color: 9e9e9e;
 font-weight: bold;
}
#global-nav img, #global-nav-corp img {
 position: relative;
 top: -3px;
}

#bread-crumbs li {
 float: left;
 font-size: 16px;
 padding: 0 4px 0 0;
 color: #a2a2a2;
 text-transform: uppercase;
}
#bread-crumbs li a {
 border: 0;
}
/* =Tables
----------------------------------------------- */
.size-table {
 margin-bottom: 40px;
}
.size-table strong {
 color: #333;
}
.size-table td {
 padding: 4px 24px 4px 10px;
 border-bottom: 1px solid #ccc;
}
.size-table td.scmenshead2 {
 font-weight: bold;
 color: #000;
 font-size: 14px;
 padding-top: 30px;
}
.scmenshead3 {
 background: #626262;
 color: #fff;
}
.thumb-grid {
 width: 100%;
 text-align: center;
 margin-bottom: 20px;
}
.thumb-grid td {
 padding: 40px 10px 20px;
 border-bottom: 1px solid #ddd;
 vertical-align: top;
 width: 25%;
}
.thumb-grid td a {
 border: 0;
}

.size-colour-table {
 border: 1px solid #e9e9e9;
 border-width: 0 1px;
 border-bottom: 1px solid #e9e9e9;
 font-size: 11px;
 line-height: 1.3em;
 width: 100%;
 margin-top: 1em;
 float: left;
}
.size-colour-table th {
 border: 1px solid #d3d0d1;
 border-width: 1px;
 background: #e6e6e6;
 padding: 5px 5px 5px 10px;
}
.size-colour-table td {
 border: 1px solid #e9e9e9;
 border-width: 1px 0 0;
 padding: 15px 0;
 vertical-align: top;
 position: relative;
}
.size-colour-table td.colour-desc {
 padding-right: 15px;
 width: 75px;
 text-transform: uppercase;
}
.size-colour-table td.color-size {
 padding-right: 12px;
}
.size-colour-table td.colour-thumb {
 vertical-align:middle;
 padding: 0;
 width: 52px;
}
.size-colour-table td.colour-thumb div {
 /*height: 43px;*/
 overflow: hidden;
 position: relative;
}
.size-colour-table td.colour-thumb div img {
 position: absolute;
 /*left: -13px;*/
 /*bottom: -18px;*/
}


/* =Lists
----------------------------------------------- */
ul, li {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
 .pagination-list {
 background: #eee;
 border-top: 1px solid #ddd;
 text-align: center;
 padding-bottom: 5px;
 position: relative;
 top: 5px;
 clear: both;
 margin: 20px 0;
}
.pagination-list li {
 display: inline;
}
.pagination-list li a {
 padding: 4px 10px;
 color: #4d494f;
 text-decoration: none;
 border: 0;
}
.pagination-list li a:hover {
 background: #fafafa;
}
.pagination-list li p {
 display: inline;
 padding: 0 15px;
}
.pagination-list li.selected a {
 padding: 4px 15px;
 border-right: 1px solid #ddd;
 border-bottom: 1px solid #ddd;
 text-decoration: none;
 background: #fff;
 font-weight: bold;
 position: relative;
 top: 1px;
}

.bullets {
 margin: 0 0 1.3333em 0;
}
.bullets li {
 font-size: 1em;
 line-height: 1.3333em;
 margin: 0 0 1.3333em 0;
 list-style-type: square;
 padding: 4px;
 margin: 0 27px;
}
.bullets li a {
 color: #4d494f;
 text-decoration: none;
 border-bottom: 1px solid #eaeaea;
}

/* =Forms
----------------------------------------------- */
form.basic-form {
 background: #fafafa;
 border: 1px solid #dadada;
 padding: 30px 0 30px 30px;
 margin-bottom: 40px;
}
 form.basic-form.small {
  width: 400px; 
  padding-right: 30px; 
  color: #333;
 }
form.basic-form p {
 width: 95%;
 color: #333;
}
form.basic-form ul {
 float: left;
 color: #333;
 margin-bottom: 20px;
}
form.basic-form li {
 margin-bottom: 5px;
}
form.basic-form .half {
 float: left;
 width: 45%;
 margin-right: 5%;
}
form.basic-form textarea {
 height: 70px;
}
form.basic-form .text {
 padding: 2px;
}
form.basic-form select {
 width: 100%;
}
.text {
 border: 1px solid #d3d0d1;
 padding: 4px 2px;
 width: 99%;
}
.text.inline {
 width: auto;
 float: left;
}
.product-feature .text {
 width: 105px;
 margin-right: 5px;
 padding: 2px 2px 3px;
 height: 14px;
 position: relative;
 top: 1px;
 color: #777;
}

.custom-select {
 padding: 6px 1px;
 background: url(bg-select.gif) 50% 50% no-repeat;
 margin-left: -1px;
 margin-bottom: 4px;
 position: relative;
}
#gender-select {z-index: 100;}
#type-select {z-index: 98;}
#fabric-select {z-index: 97;}
.custom-select#colour-select {
 margin-bottom: 8px;
 z-index: 96;
}
/* =Misc and =Redundant
----------------------------------------------- */
/* =End
----------------------------------------------- */
#swatchList {
 position: absolute;
 top: 25px;
 height: 220px;
 width: 133px;
 background: #fff;
 border: 1px solid #9a9a9a;
 overflow: auto;
}
#swatchList li,
#swatchList a {
 display: block;
 float: left;
}
#swatchList a {
 padding: 0 1px;
 text-align: center;
 margin: 1px;
 border: 0;
 height: 20px;
 width: 51px;
 text-indent: -9999px;
}
#showSwatch {
 display: block;
 width: 135px;
 height: 20px;
 background: url(../images/btn-colour.gif) 0 0 no-repeat;
 border: 0;
}
a:hover#showSwatch {
 cursor: pointer;
}
p.swatch-selected {
 color: #666;
 display: block;
 position: relative;
 top: 2px;
 left: 3px;
 overflow: hidden;
 padding: 0 3px;
 border: 0;
 height: 16px;
 width: 102px;
 font-size: 12px;
}


/*temp*/
#info select,
#side-bar #quick-search.side-box select {
 margin-bottom: 10px;
 width: 100%;
}

/* ********** Fabric Technology **************** */
.fab_tech.row{
	clear:both;
}
.fab_tech li.left{
	float:left;
	width:33%;
	margin:0 .5% 0 0;
	padding:0;
}
.fab_tech li.right{
	float:right;
	width:33%;
	margin:0;
	padding:0;
}
.fab_tech li img{
	width:100%;
}
p.black{
	color:#000;
	font-weight:bold;
}


@media only screen 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	#toggle{
		display:block;
	}
	body{
		margin:0;
		padding:0;
		max-width:100%;
	}
	.fixed{
		position:static;
	}
	#header_container{
	max-width:100%;
	
	background:#333;
	overflow:visible;
	z-index: 999;
	}
	#header_container .container{
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}
#code_search{ display:none; position:absolute; top:30px; left:220px; width:80px; max-width:80px; padding-top:5px;}
#code_search input.codesearch{ display:none; background: #FFF url(../images/search.png) 1px 1px no-repeat; max-width:100%; padding-left:20px; padding-top:1px; color:#999;}

	#category-nav {
	/*text-align:center;*/
	display:none;
	margin:0;
	overflow:auto;
	padding-top:0;
/* position: absolute;
 bottom: -1px;
 right: 0;
 z-index: 9999;
*/
clear:left;
width:100%;
max-width:100%;
}
#category-nav a, #category-nav a span {
 padding-left:10px;

}
#category-nav li {
 list-style-type: none;
 /*display:inline-block;*/
	float: none;
	width:100%;
	max-width:100%;
	display:block;
 }
#category-nav li a {
 float: none;
 /*background: url(../images/nav.gif) no-repeat 0 0;*/
 padding-right: 0px; /* left of tab */
 text-decoration: none;
 /*margin-left: 4px;*/
 text-transform: uppercase;
 font-size: 12px;
 /*text-shadow: #222 0 1px 0;*/
 /*border-bottom: 1px solid #2a2a2a;*/
 z-index:auto;
 color:#333;
 background:#FFF;
 display:block;

}
  #category-nav li.selected a {
   /*background-position: 0 -80px;*/
   color: #BBB;
   /*border-bottom: 1px solid #333333;*/
  }
  #category-nav li a:hover {
   /*background: #404040 url(../images/nav.gif) 0 -160px no-repeat;*/
   cursor: pointer;
   background:#FFF;
  }
#category-nav li a span {
 float: none;
 display: block;
 /*background: url(../images/nav.gif) no-repeat 100% 0;*/
 padding: 0; /* rest of tab */
}
  #category-nav li.selected a span {
   /*background-position: 100% -80px;*/
  }
  #category-nav li a:hover span {
   color: #666;
   /*background-position: 100% -160px;*/
   cursor: pointer;
  }
  
#category-nav ul li a,
#category-nav ul li a span {
 float: none;
 margin-left:0;
 padding-left:10px;
 display:block;
}






#category-nav ul, #category-nav ul li ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:normal;
	display:block;
	width:100%;
	max-width:100%;
}

#category-nav ul a,
#category-nav li.selected ul a {
	display: block;
 color: #9e9e9e;
 /*border-bottom: 1px solid #333333;*/
 /*background: #333 url(../images/nav.gif) 0 -160px no-repeat;
 border-left: 1px solid #444;*/
}

#category-nav ul li { /* all list items */
	float: none;
	width:100%;
	max-width: 100%; /* width needed or else Opera goes nuts */
}

#category-nav li ul { /* second-level lists */
	position: relative;
	width:100%;
	max-width: 100%;
 left: 0; 
	margin-top: 0;
	 background:#FFF;
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
display:block;
}

#category-nav li ul li {
	border-bottom:1px dotted #eaeaea;
	padding:3px 0 3px 0px;
}

#category-nav li ul ul { /* third-and-above-level lists */
	margin: 0;
	display:block;
	width:100%;
	max-width:100%;
}
#category-nav li:hover li a:hover,
#category-nav li.sfhover ul a:hover {
 color: #BBB;
}
#category-nav li:hover ul ul, 
#category-nav li:hover ul ul ul, 
#category-nav li:hover ul ul ul ul, 
#category-nav li.sfhover ul ul, 
#category-nav li.sfhover ul ul ul, 
#category-nav li.sfhover ul ul ul ul {
	left: auto;
}

#category-nav li:hover ul, 
#category-nav li li:hover ul, 
#category-nav li li li:hover ul, 
#category-nav li li li li:hover ul, 
#category-nav li.sfhover ul, 
#category-nav li li.sfhover ul, 
#category-nav li li li.sfhover ul, 
#category-nav li li li li.sfhover ul {
	left: auto;
}

}