/*
-----------------------------------------------------
WEBY CMS EOS Style Sheet
Developer - Ronald Rogers
Company - WEBY Systems
Website - www.weby.com.au
Contact - weby@weby.com.au
-----------------------------------------------------*/
/*  Zero everything first to stop any pesky browser defaults  */   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: disc;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }
/* Ok now that is done here is the real stuff */
/*-- BASE LAYOUT FEATURES ---------------------------*/

.restricted {
	display: none !important;
}

html{
margin:0px;height:101%
}
body {
  padding:0;
  margin:0;
  background-color: #fff;
  text-align: center;
  color: #333333;
  }

  a      { }
  a:link      { color: #CC6600;  font-weight: normal;}
  a:visited  { color: #CC6600;  font-weight: normal;}
  a:active  { color: #CC6600; font-weight: normal;}
  a:hover    { color: #CCCCCC;  font-weight: normal;}

hr  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:1px;
    }

.hline{
    margin: 3px 0px 3px 0px;
    padding: 0px 0px 0px 0px;
	width:100%;
    height:1px;
	border-top:1px dotted #666666;
}	

.rule{
	float:left;
	display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width:100%;
    height:1px;
	border-top:1px solid #CCCCCC;
}

.rule15{
    margin: 2px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
	width:99%;
    height:1px;
	border-top:1px solid #CCCCCC;
}

  h1  {
    font-family: "Gotham A", "Gotham B",  Verdana, Arial, Helvetica, sans-serif;
    color: #CC6600;
    margin: 64px 0px 26px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 400;	
	letter-spacing: 1px;
	text-transform: uppercase;
    }
    
  h2  {
    font-family:  "Gotham A", "Gotham B", Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    }
	
  h3  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 10px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-weight:400;
    line-height: 23px;
    }

  h4  {
	font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    color: #cc6600;
    margin: 10px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    font-weight: 500;
    line-height: 13px;
    }

  h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: normal;
    line-height: 17px;
    }
	
  h6  {
    float:left;	  
	display:block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
	width:100%;
	}	
	
	.clearboth {clear:both;}
	.clear {clear:both;}	
	.centred{text-align:center !important;}
	
	
 .breadcrumb{
  position: absolute;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  top: 84px;
  }

 .high{
  position: absolute;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  top: 134px;
  } 
   
  .high25{
  position: relative;  
  margin: 25px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }  
  
  .high10{
  position: relative;  
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }  
 
.kecontent  .high{
  position: absolute;  
  margin: 0px 0px 0px -40px;
  padding: 0px 0px 0px 0px;
  top: 134px;
  }  
/*-- OUTSIDE CONTAINER CONTAIN ALL DIVS ---------------------------*/
#outerwrapper {
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 100%;
  background-color: #FFFFFF;
/*  min-height: 2000px;  */
  }

#wrapper {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 960px;
  background-color: #FFFFFF;
  }

  
#container{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;  
  text-align: left;
  width: 960px;
  }

/*-- BANNER DIV CONTAINS BANNER AT THE TOP OF THE PAGE--------------*/
#bannerwrapper {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 100%;
  height: 67px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #CCC;  
    }
#banner {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  width: 960px;
  height: 67px;
 }
.logo {
  float:left;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 130px;
  height: 40px;
}
 .bannerright{
	float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
	width: 830px;
}
.brtop{
	float:right;
	margin: 4px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;	
	height: 20px;	
	z-index:1;
}
.userlinks{
	float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height: 20px;
	font-size: 11px;
	line-height:20px;
	font-weight: bold;
	color: #CC6600;
	text-align: right;
	vertical-align:middle;
	}
.userlinks a:link, .userlinks a:visited, .userlinks a:active { color: #666666; text-decoration: none; font-weight: normal;}
.userlinks a:hover { color: #CC6600; text-decoration: underline; font-weight: normal;}
.userlinks img{
	float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 110px;
	height: 25px;
}

.resellerzone {
	display: block;
    margin: 15px -21px 0px 0px;	
	width: 110px !important;
	height: 34px !important;
}

a.resellerzone {
	display: block;
	background: url(images/reseller_zone-a.png) center center no-repeat;
	width: 113px !important; 
	height: 34px !important;
}
a.resellerzone:hover {
	display: block;
	background: url(images/reseller_zone-b.png) center center no-repeat;
	width: 113px !important;
	height: 34px !important;
	text-decoration: none;
}
	
.brbottom{
	float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
    width: 840px;	
	height: 40px;
}	
.brtop input {
    margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;	
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #cccccc;
}


.search{
	position: absolute;
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	height: 25px;
	width: 155px;
	z-index:100;
}
.search input[type='text']{
	float: left;	
    margin: 0px 0px 0px 0px;
	padding: 4px 0px 4px 5px;	
	font-size: 11px;
	line-height: 15px;
	border: 1px solid #cccccc;
	width:122px;
}
.search input[type='image'] {
	float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	border: 0px;
	width:24px;	
}

.selectchair{
	float: right;
    margin: 12px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
	height: 20px;
}
	  
#menu{
    float:left;
	display:block;
    margin: 3px 0px 0px 57px;
    padding: 0px 0px 0px 0px;
    width: 680px;
	height: 20px;
    font-size: 13px;
    font-weight: normal;
    line-height: 13px;
	background:transparent;
	z-index:100;	
	}	
#nav, #nav ul {
	float: left;
	margin: 0 0 0 0;
	width:680px;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: normal;
	padding: 0;
}

#nav a {
	display: block;
/*	width: 120px;*/
	color: #666666;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
	padding: 2px 2px 5px 3px;
}
#nav li a:hover {color: #CC6600; }

#nav a.daddy {
	/*background: url(images/menu-divider.jpg) center right no-repeat;*/
}
#nav a.daddy:hover {  color: #CC6600; }

#nav li {
	float: left;
/*	padding: 0;*/
/*	width: 120px;*/
}
#nav li:hover {
    visibility: visible;  /* makes IE7 think something changes on hover */
}

#nav li ul {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
	position: absolute;
	left: -1000px;
	height: auto;
	width: 210px;
	font-weight: normal;
	border-width: 0px;
	background: #F8F7EE ;
/*    background: url(images/shadow.gif) bottom center no-repeat;*/
	/*filter:alpha(opacity=90);*/ /* For IE8 and earlier */	
/*    -moz-opacity: 0.90; 
	opacity:0.9;	*/
	z-index:1000;
}	

#nav li li {
	width: 200px;
	z-index:1000;	
}

#nav li ul li {
    margin:0px 6px 0px 6px;
	padding: 0px 0px 0px 0px;
	/*width: 112px;*/
	text-align: left;
	font-weight: normal;
	z-index:1000;	
/*	
	opacity:1;
	filter:alpha(opacity=100);*/ /* For IE8 and earlier */		
		
}
#nav li ul li a {
	display: block;
    margin:0px 0px 0px 0px;
	padding: 3px 0px 4px 6px;
	width: 200px;
	text-decoration: none;
	text-align: left;
	font-weight: normal;
	text-indent:0px;
	border-bottom: 1px solid #666666;	
/*	
	opacity:1;
	filter:alpha(opacity=100); */ /* For IE8 and earlier */		
	z-index:1000;	
}

#nav li ul li a:hover {
 color: #666666;
 background: #CCCCCC
 
}

#nav li ul ul {
/*	margin: -2px 0 0 120px;*/
	margin: -18px 0px 0px 203px;
	padding: 0px 0px 0px 0px;	
	z-index:1001;	
}

#nav li ul ul.altnavul{
/*	margin: -2px 0 0 120px;*/
	margin: -18px 0px 0px -205px;
	padding: 0px 0px 0px 0px;	
	z-index:1001;	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -2000px;
	top: -2000px;
}

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

#nav li:hover, #nav li.sfhover {
	/*background: transparent;*/
}	  

.navsep, .navsep:hover {
	padding-left: 10px;
	background: url(images/menu-divider.jpg) center left no-repeat;
}

.navhomea , .navinactive{
	padding: 0px 10px 0px 0px !important;
	font-family:  "Gotham SSm A", "Gotham SSm B", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	height:20px;
	font-weight:400;
	color: #666;
	text-transform: uppercase;
	
}	


a.navhomea:hover, a.navhomeb , .navinactive:hover , .navactive{
	padding: 0px 10px 0px 0px !important;	
	font-family:  "Gotham SSm A", "Gotham SSm B", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:20px;
	font-weight:400;
	color: #cc6600;
	text-transform: uppercase;
}

.smtags{
	position:absolute;
	display: block;
	margin: 77px 0px 0px 820px;
	padding: 0px 0px 0px 0px;
	top: 0px;
	z-index: 10;
	width: 140px;
	height:26px;
	background: #CCC;
	color: #FFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:26px;
	text-indent: 9px;
	font-weight:400;	
	text-align: left;
}

.smicons{
	float:right;
	display: block;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 60px;
	height:16px;
	text-align: left;
}
.smicons img{
	margin: 0px 4px 0px 0px;
	padding: 0px 0px 0px 0px;	
    float: left;	
}	










/*-- Content part of the page---------------------------*/
#center {
  float:left;  
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  text-align: left;
  width: 565px;
  background-color: transparent;
}
#centerWide {
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 768px;
  background-color: transparent;
  
}
#centerWideCS {
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 768px;
  background-color: transparent;
  background: url(images/EOSsearchbg.jpg) top left no-repeat;  
}
 
#centerFull {
  float:left;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 960px;
  background-color: transparent;
}

.contentwrapper{
  float:left;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
}
.contentleft{
  float:left;  
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 0px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  width: 375px;
}
.contentright{
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  width: 375px;
}

.kewrap {
  float:right;  
  margin: 100px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 768px;
  background: url(images/key_ergonomic_bg_bg.jpg) top left repeat-y;
}
.kewrapt {
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 768px;
  background: url(images/key_ergonomic_top_bg.jpg) top left no-repeat;
}
.kewrapb {
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 768px;
  background: url(images/key_ergonomic_bottom_bg.jpg) bottom left no-repeat;

}
.kecontent {
  float:left;  
  margin: 0px 40px 0px 40px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  width: 500px;
  }
.keheader img{
  float:left;  
  margin: -100px -20px 0px -40px;
  padding: 0px 0px 0px 0px;
}  

 
.kecontent .breadcrumb{
  position: absolute;  
  margin: 0px 0px 0px -40px;
  padding: 0px 0px 0px 0px;
  top: 90px;
  } 
  


.content {
  float:left;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }

.content p {
  float:left;	
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height: 20px;
  width:100%;
  }


.content ul {
  margin:0px 0px 0px 0px;
  padding:4px 0px 4px 20px;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }

.content li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }

.content a {}
.content a:link       {color: #CC6600;  text-decoration:underline; font-weight: normal;}
.content a:visited {color: #CC6600;  text-decoration:underline; font-weight: normal;}
.content a:active   {color: #CC6600;  text-decoration:underline; font-weight: normal;}
.content a:hover     {color: #CCCCCC;  text-decoration:underline; font-weight: normal;}

.smalltext p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 11px;
    font-weight: normal;
    line-height: 17px;
    }  
.content td{
  vertical-align:top;
}
.contenttable {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }
.contenttable td{
  vertical-align:top;
}

.contenttable p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }
.tableclassheader{
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  background: #666666;
  }  
.tableclassheader p{
  padding: 2px 2px 2px 2px;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  }  
.tablebg1{background:#ffffff;}
.tablebg2{background:#efefef;}
.tablebg1:hover{background:#cccccc;}
.tablebg2:hover{background:#cccccc;} 

.tablewhatsup {
    border: 1px solid #A7A7A7;
	box-shadow: 10px 10px 5px #eaeaea;
	width: 767px;
}


.ketable {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }
.ketable td{
  vertical-align:top;
}

.ketable p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;
  }

.kerow{
  float: left;
  margin: 0px 0px 0px 0px;	
  padding: 0px 0px 0px 0px;	
  width: 765px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:20px;

}

.kecol1{
  float: left;
  margin: 0px 0px 0px 0px;	
  padding: 0px 0px 0px 0px;	
  width: 204px;
}

.kecol2{
  float: left;
  margin: 0px 0px 0px 0px;	
  padding: 0px 0px 0px 0px;	
  width: 561px;

}

.ergoimages{
	float:right;
	padding: 0px 6px 6px 0px;	
}

.ei{
	float:right;
	padding: 0px 0px 0px 6px;
}	

.arow{
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 693px;
}

.erow{
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 682px;
	background: url(images/erow-bg.jpg) repeat-y;	
}

.arow a:link, .erow  a:link       {color: #CC6600; text-decoration:underline; font-size: 9px; line-height:13px; padding: 0px 0px 0px 0px;font-weight: normal;}
.arow a:visited, .erow  a:visited {color: #CC6600; text-decoration:underline; font-size: 9px; line-height:13px; padding: 0px 0px 0px 0px;font-weight: normal;}
.arow  a:active , .erow  a:active  {color: #CC6600; text-decoration:underline; font-size: 9px; line-height:13px; padding: 0px 0px 0px 0px;font-weight: normal;}
.arow  a:hover, .erow  a:hover     {color: #CCCCCC; text-decoration:underline; font-size: 9px; line-height:13px; padding: 0px 0px 0px 0px; font-weight: normal;}



.ecol1, .ecol2{
	float: left;
	margin: 0px 11px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 220px;
}

.ecol3{
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 220px;
}

.ecol2wide{
	float: left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 462px;
}

.ecol1c, .ecol2c{
	float: left;
	text-align:center;
	margin: 0px 11px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 220px;
}

.ecol3c{
	float: left;
	text-align:center;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;	
	width: 220px;
}

.ecolitem{
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;		
	text-align: center;
	width: 73px;
	height: 150px;
	line-height: 13px;
}

.ecolitemtall{
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;		
	text-align: center;
	width: 73px;
	height: 175px;
	line-height: 13px;
}

.ecolitemwide{
	float:left;
	margin: 0px 0px 0px 0px;	
	padding: 0px 3px 0px 3px;		
	text-align: center;
	width: 220px;
	height: 160px;
}

.erule{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width:99%;
    height:0px;
	border-top:1px solid #666666
}
.homewrap{
	float:left;
}  
.homeleft{
	float:left;
	width: 192px;
}

.homeleft a      {   
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 180px;
  border-bottom:1px solid #666666;  
  }
.homeleft  a:link       {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.homeleft  a:visited {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.homeleft  a:active   {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.homeleft  a:hover     {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px; font-weight: normal;}

.homeright{
	float:left;
	
}

.homediv{
	float:left;
	width: 192px;
}

.homedivwide{
	float:left;
	width: 379px;
}

	
/*-- LEFT PANEL ON PAGE FIXED AT MINUMUM 400PX HIGH ---------------------------*/
#Rangeleft {
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  left:0px;
  top:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;    
  width: 190px;
  font-size: 12px;  
  overflow: hidden;
  background: transparent;
  z-index:10;     
}
#left {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  left:0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;    
  width: 190px;
  font-size: 12px;  
  overflow: hidden;
  background: transparent;
  z-index:10;     
}

.leftbar {
  margin: 63px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 10px;
  line-height:14px;
  overflow: hidden;
  width: 180px;
  }

.leftbar p{
  padding: 0px 5px 0px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 10px;
  line-height:14px;
}

.leftbar a      {   
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
.leftbar a:link    {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftbar a:visited {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftbar a:active  {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftbar a:hover   {color: #CCCCCC; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px; font-weight: normal;}


.leftnav{
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 10px;
  line-height:14px;
  overflow: hidden;
  width: 180px;
  border-top:1px solid #666666;
}
.leftnav a      {   
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 180px;
  border-bottom:1px solid #666666;  
  }
.leftnav a:link       {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnav a:visited {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnav a:active   {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnav a:hover     {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px; font-weight: normal;}

.leftbar .leftnav a.restricted {
	display: none !important;
}

.leftbar .lbli .leftnav a.restricted {
	display: inherit !important;
}

#Rangeleft .leftnav a.restricted {
	display: none !important;
}

#Rangeleft .lbli .leftnav a.restricted {
	display: inherit !important;
}


.leftnavalt{
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 10px;
  line-height:14px;
  overflow: hidden;
  width: 180px;
  border-top:1px solid #666666;
}
.leftnavalt a      {   
  float: left;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 180px;
  }
.leftnavalt a:link       {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnavalt a:visited {color: #666666; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnavalt a:active   {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px;font-weight: normal;}
.leftnavalt a:hover     {color: #CC6600; text-decoration: none; font-size: 11px; line-height:17px; padding: 0px 0px 0px 0px; font-weight: normal;}

.leftbar .leftnavalt a.restricted {
	display: none !important;
}

.leftbar .lbli .leftnavalt a.restricted {
	display: inherit !important;
}

#Rangeleft .leftnavalt a.restricted {
	display: none !important;
}

#Rangeleft .lbli .leftnavalt a.restricted {
	display: inherit !important;
}



.lbsearch p{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #CC6600;
  font-weight:bold;
  font-size: 10px;
  line-height:14px;
}
.lbsearch h2{
  font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #CC6600;
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 22px;
    font-weight:normal;
    line-height: 25px;
}

.SearchBlurb{
  float:left;
  margin: 15px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  
  width: 165px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  font-weight: normal;
}

.SearchBlurb p{
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 0px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  font-weight: normal;
}

/*-- RIGHT PANEL ON PAGE FIXED AT MINUMUM 400PX HIGH ---------------------------*/
#right {
  left: 760px;
  float:right;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
  text-align: left;    
  width: 200px;
  overflow: hidden;
  background: transparent;

  }

.rightbar {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 19px;
  float: right;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
  overflow: hidden;
  width: 165px;
  }

.rightbar p{
  padding: 0px 4px 0px 4px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
}

.rightbar a      {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
.rightbar a:link    {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.rightbar a:visited {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.rightbar a:active  {color: #CC6600; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px;font-weight: normal;}
.rightbar a:hover   {color: #CCCCCC; text-decoration: underline; font-size: 10px; line-height:14px; padding: 0px 0px 0px 0px; font-weight: normal;}


/*TEMPLATES*/
/*Login*/
.login {
  float:left;	
  display:block;
  width:100%;
  text-align:left; 	
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
}

.login label{
    margin: 0px 0px 3px 0px;
	position: absolute;
	text-align:right; 
	width: 120px; 
}

.login input{
  margin: 0px 0px 3px 125px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
  width: 100px;
}

.login input[type="checkbox"]{
  width: 10px;
}
/*Recover Password*/
.recoverpassword {
  width:700px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
  text-align:left; 	

}
.recoverpassword label{
    margin: 0px 0px 3px 0px;
	position: absolute;
	text-align:right; 
	width: 120px; 
}

.recoverpassword input{
  margin: 0px 0px 3px 125px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height:17px;
  width: 200px;
}
/*News*/

.newsshowcase{
	float:left;
    margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px 5px;
	color: #000066;
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
	width: 350px;
	border-bottom: 1px dotted #666666;
}

.newsmore a {}
.newsmore a:link       {color: #CC6600;  text-decoration:none; font-weight: normal;}
.newsmore a:visited {color: #8E200F;  text-decoration:none; font-weight: normal;}
.newsmore a:active   {color: #CC6600;  text-decoration:none; font-weight: normal;}
.newsmore a:hover     {color: #8E200F;  text-decoration:underline; font-weight: normal;}



.NewsShowcaseLeft{
	float:left;
	width: 360px;
	
}
.NewsShowcaseRight{
	float:right;
	width: 360px;
}

.NewsShowcaseLeft h1{color: #333333;}
.NewsShowcaseRight h1{color: #333333;}

.newstitle{
    margin: 4px 0px 4px 0px;
	position: absolute;
	text-align:left; 
	width: 250px; 
}

.newspublishdate{
    margin: 4px 0px 4px 260px;
	font-size: 11px;
	line-height: 14px;	
	width: 200px;
}

.newsarchive{
	display: block;
	width: 740px;
	text-align:right;
}

/*SignupForm*/
.SignupForm{
	font-size: 13px;
	line-height: 20px;	
	text-align:left; 	
    color: #333333;
}
.SignupForm p {
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  color: #333333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: normal;
  }
.SignupForm label{
    margin: 0px 0px 3px 0px;
	position: absolute;
	text-align:left; 
	width: 200px; 
}

.SignupForm input{
    margin: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 16px;	
	width: 600px;
}
.SignupForm textarea{
    margin: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 16px;	
	width: 400px;
}
.SignupForm select{
    margin: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 16px;	
	width: 200px;
}

.SignupForm  input[type='radio']{
    margin: 0px 5px 3px 5px;
	font-size: 13px;
	line-height: 16px;	
	width: 10px;	
}
.SignupForm  input[type='checkbox']{
    margin: 0px 5px 3px 5px;
	font-size: 13px;
	line-height: 16px;	
	width: 10px;	
}
.SignupForm  input[type='submit']{
    margin: 0px 0px 3px 0px;
	font-size: 13px;
	line-height: 16px;	
	width: 100px;	
}

/* Chair Range */
.CRTwrap{
   float: right;
   margin: 38px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 760px;
   z-index:0;   
}
.CRtop{
   position:relative;
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 10px 0px;
   width: 768px;
   min-height:580px;
   border-bottom: 1px solid #666666;
   z-index:0;      
}

#CRtopExtra{
   display: none;
   position:relative;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 450px;
   text-align: left;   
   z-index:0;   
}

#CRViewMore{
   position:relative;
   float: right;
   margin: 46px -125px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 113px;
   text-align: left;   
   z-index:0; 
   cursor: pointer;
}

#CRViewLess{
   display: none;
   position:relative;
   float: right;
   margin: 46px -125px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 113px;
   text-align: left;   
   z-index:0; 
   cursor: pointer;   
}

#CRViewMore span { z-index:10;display:none; padding:5px 5px; margin-top:20px; margin-left:0px; width:200px; line-height:16px; } 
#CRViewMore:hover span{ display:inline; position:absolute; color:#999; } 

#CRViewLess span { z-index:10;display:none; padding:5px 5px; margin-top:20px; margin-left:0px; width:200px; line-height:16px; } 
#CRViewLess:hover span{ display:inline; position:absolute; color:#999; } 

.CRSect1{
   position:relative;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 440px;
   text-align: left;
   z-index:0;      
}

.CR_Title{
	position:relative;	
	float:left;
	display:block;
    margin: 30px 0px 0px -8px;
    padding: 0px 0px 0px 0px;
    font-family: "Gotham A", "Gotham B",  Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 81px;
    line-height: 71px;
    font-weight: 400;	
	text-transform: uppercase;
	letter-spacing: -3px;
	width: 440px;
	min-height:120px;
    }
	
.CR_Title_Narrow{
	position:relative;	
	float:left;
	display:block;
    margin: 30px 0px 0px 3px;
    padding: 0px 0px 0px 0px;
    font-family: "Gotham Narrow A", "Gotham Narrow B",  Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 81px;
    line-height: 71px;
    font-weight: 400;	
	text-transform: uppercase;
	letter-spacing: -3px;
	width: 440px;
	min-height:120px;
    }	

.CR_SubTitle{
	position:relative;	
	float:left;
    font-family: "Gotham A", "Gotham B",  Verdana, Arial, Helvetica, sans-serif;
    color: #666;
    margin: -46px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 400;	
	letter-spacing: 1px;
    }
.CRSect2{
   position:relative;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 450px;
   text-align: left;   
   z-index:0;      
}
.CRSect2a {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 0;
}
.CRSect2a ul li{	
    font-size: 11px;
    line-height: 17px;
}	
.CRSect2aa {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 378px;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 17px !important;		
    z-index: 0;
}

.CRSect2aa .CRTheRange {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.CRSect2aa .CRPopularOptions{
   float: left;
   margin: 20px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 378px;
   text-align: left; 
   z-index:0;      
}
.CRSect2aa .CRUserR {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 378px;
}
.CRSect2aa .CRSpec {
    display: block;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 378px;
}
.CRSect2aa .CRSpec .src1a{
/*    width: 80px;*/
}
.CRSect2ab {
    float: right;
    margin: 0;
    padding: 20px 0px 0px 0px;
    position: relative;
    text-align: left;
    width: 378px;
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 17px !important;	
    z-index: 0;
}

.CRSect3{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 25px 0px 0px 0px;
   width: 378px;
   text-align: left;   
   z-index:0;      
}

.CRSect3a{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 25px 0px 0px 0px;
   width: 100%;
   text-align: left;   
   z-index:0;      
}

.CRSect4{
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 25px 0px 0px 0px;
   width: 378px;
   text-align: left;   
   z-index:0;      
}

.CRBwrap{
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 768px;
/*   min-height: 600px;*/
   z-index:0;      
}
.CRbottom{
  float: right;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 760px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 11px;
  line-height: 17px;   
   z-index:0;     
}
.CRbottom p, .CRSect2a p {
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 4px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 11px !important;
  line-height: 17px !important;
   z-index:0;     
  }
.CRbottom ul{
   margin: 0px 0px 0px 15px;
   padding: 0px 0px 0px 0px;
}
.CRbottom li{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 11px;
  line-height: 17px;      
}


.CRTheRange{
   float: left;
   margin: 0px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 378px;
   text-align: left; 
   z-index:0;      
}

.CRTheRange p{
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  line-height: 16px !important;
}
.CRTheRange ul{
  float:left;	
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
  width: 360px;

}
.CRTheRange ul li{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 20px;   
   text-indent: -5px;
   list-style-image:url('images/bullet.png');
}   
.CRPopularOptions{
   float: left;
   margin: 0px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 378px;
   text-align: left; 
   z-index:0;      
}

.CRPopularOptions ul{
   float:left;
   display:block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 15px;
   width: 376px;
 }   
 .CRPopularOptions ul li{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 20px;
   text-indent: -5px;
   list-style-image:url('images/bullet.png');   
 } 
.CRMightAlsoLike{
   float: left;
   margin: 2px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 375px;
   text-align: left; 
   z-index:0;      
}
.CRviewsimilar{
   float: left;
   margin: 20px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 375px;
   text-align: left; 
   z-index:0;      
}
.CRSect3a .CRviewsimilar{
   float: left;
   margin: 2px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   text-align: left; 
   z-index:0;      
}

.CRviewsimilarWide{
   float: left;
   margin: 2px 0px 20px 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   text-align: left; 
   z-index:0;      
}
.VSbox{
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 78px;
   height: 110px;
   border: 1px solid #cccccc;
}
.VSboxMid{
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 110px;
   height: 110px;
   border: 1px solid #cccccc;
}
.VSboxWide{
   float: left;
   margin: 0px 5px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 150px;
   height: 110px;
   border: 1px solid #cccccc;
}
.brandbox{
   float: left;
   margin: 0px 7px 0px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 77px;
   height: 129px;
   border: 1px solid #cccccc;
}
.brandboxBar{
   float: left;
   margin: 0px 7px 14px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 77px;
   height: 139px;
   border: 1px solid #cccccc;
}
.brandboxTall{
   float: left;
   margin: 3px 7px 3px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 77px;
   height: 139px;
   border: 1px solid #cccccc;
}
.brandboxTask{
   float: left;
   margin: 0px 7px 14px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 77px;
   height: 135px;
   border: 1px solid #cccccc;
}
.brandboxCafe{
   float: left;
   margin: 3px 7px 3px 0px;
   padding: 0px 0px 0px 0px;
   display: block;
   width: 77px;
   height: 129px;
   border: 1px solid #cccccc;
}
.RExtra{
  float: left;
   margin: 0px 0px 00px 0px;
   padding: 0px 0px 0px 0px;
   width: 375px;
   text-align: left; 
   z-index:0;      
}
.CRLeft{

}

.CRLeftTop{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 180px;
   height:580px;
   background: #FFFFFF;
   z-index:0;      
}

.CRLeftBottom{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 25px 0px 0px 0px;
   width: 180px;
   text-align:center;
   background: transparent;
   z-index:0;      
}
.CRLeftBottom img{
border: 1px solid #CCCCCC;
}

.CRSide{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 180px;
   height: 52px;
   border-left: 2px solid #939393;
   position: relative;   
}


.CRbg{
	background-image:url('images/crside-greybg.jpg');
	background-repeat: repeat-y;
}

.CRSide:hover{
	background-image:url('images/crside-greybg.jpg');
	background-repeat: repeat-y;
}
.CRbg:hover{
	background-image:url('images/crside-darkgreybg.png');
	background-repeat: repeat-y;
}

.CRSide:before, .CRbg:before {
    content: "";
    background-color: #FFFFFF;
    height: 2px;
    display: block;
    top: 0px;
    position: relative;
	background-image:url('images/leftdivider.jpg');
	background-repeat: no-repeat;
}
.CRSideL{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 65px;
   height: 52px;   
}
.CRSideR{
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 115px;
   height: 52px;   
   text-transform: uppercase;
}	

.CRSideR p {
   margin: 0px 0px 0px 0px;
   padding: 4px 0px 4px 0px;
  color: #999;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px !important;
  line-height: 12px;
  font-weight: normal;
  text-transform: uppercase;  
  }

.CRSideR a      {   
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  }
.CRSideR a:link    {color: #999; text-decoration: none; font-size: 9px; line-height:12px; padding: 0px 0px 0px 0px;font-weight: normal;}
.CRSideR a:visited {color: #999; text-decoration: none; font-size: 9px; line-height:12px; padding: 0px 0px 0px 0px;font-weight: normal;}
.CRSideR a:active  {color: #999; text-decoration: none; font-size: 9px; line-height:12px; padding: 0px 0px 0px 0px;font-weight: normal;}
.CRSideR a:hover   {color: #CC6600; text-decoration: underline; font-size: 9px; line-height:12px; padding: 0px 0px 0px 0px; font-weight: normal;}
  

 .CRMightAlsoLike .CRItemM  {
   margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }

.CRMightAlsoLike .CRItemS  {
   margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
 }
 
.CRMightAlsoLike .CRItem {height: 160px;}
.CRMightAlsoLike .CRItemS {height: 160px;}
.CRMightAlsoLike .CRItemM {height: 160px;}
  
.CRMightAlsoLike .CRItem .CRItemT{ height: 130px; }
.CRMightAlsoLike .CRItemM .CRItemTM{ height: 130px; }
.CRMightAlsoLike .CRItemS .CRItemTS{  height: 130px;}
.CRMightAlsoLike img{
	position:absolute;
	bottom:0px;
	left:2px;
	height: 117px !important;
 } 
 
.CRItemSearch  {
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  font-weight: normal;
  text-align:center;
  width:90px;
  height:190px;
}
.CRItemTSearch{
  position:relative;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width:90px;
  height:160px;
  overflow:hidden;
}
.CRItemTSearch img{
	position:absolute;
	bottom:0px;
	left:2px;
 }
 
.CRSearch{
  position:relative;
   display:block;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 5px 0px 5px 0px;
   width: 760px;
}

.CRSearch h2{
    font-family: "Gotham A", "Gotham B",  Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 5px 0px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 400;	
	text-transform: uppercase;
}

.CRSearchL{
   display:block;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 265px;
}
.CRSearchR{
   display:block;
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 10px 0px;
   width: 450px;
}

.CRSearchL2{
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 220px;
  }

.VAM{
   margin: 22px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.CRSearchR2{
   display:block;
   float: right;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 480px;
}

.CRSearchR2 .CRItem {height: 175px;}
.CRSearchR2 .CRItemS {height: 175px; width: 180px;}
.CRSearchR2 .CRItemM {height: 175px;}
  
.CRSearchR2 .CRItem .CRItemT{ height: 145px; }
.CRSearchR2 .CRItemM .CRItemTM{ height: 145px; }
.CRSearchR2 .CRItemS .CRItemTS{  height: 145px; width: 180px;}
.CRSearchR2 .CRItemS .CRItemBS{  width: 180px;}
.CRSearchR2 .CRItemS .CRItemBS2{  width: 180px;}
  
.topimage{z-index:100;}
.MixColours img{
   margin: 0px 0px 0px 0px;
   padding: 0px 2px 0px 0px;
 
}

.searchcontent  {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  }
.searchcontent p {
  margin: 0px 0px 0px 20px;
  padding: 4px 0px 4px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight:normal;
  font-size: 13px;
  line-height: 19px;
  word-wrap: normal;
  }

/*Site Footer*/
#SiteFooterWrapper{
  margin: 40px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  width:100%;
  height:140px;
  z-index: 0;
  border-top: 1px solid #CCC;
  background-image:url('images/footer-vignette.jpg');
  background-repeat: repeat-x;
}
.SiteFooter{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;  
  text-align: left;
  width: 960px;
  height: 138px;
  background: transperant;  
  z-index: 0;
  }
.sf{
	float:left;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;	
	height:40px;
	width:960px;
	}
.sf-left{
	float:left;
    margin: 14px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	height:13px;
	width:400px;
	}
.sf p{
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 3px 0px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    line-height: 9px;
    font-weight: normal;
} 	
.sf-left img{margin: -2px 10px -2px 0px;	}
.sf-center{
	float:left;
    margin: 14px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	text-align:right;
	height:13px;
	width:480px;
	font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;	
	font-weight: 500;
	}	
.sf-center p{
    margin: 0px 0px 0px 0px;
    padding: 1px 0px 1px 0px;
	font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;	
	font-weight: 500;
    line-height: 11px;
	color: #666;
} 	
.sf-right{
	float:right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;	
	height:40px;
	width:75px;
	}	
 

.sf a {
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  font-weight: normal;
  }
.sf a:link       {color: #333;  text-decoration:none; font-weight: 500;}
.sf a:visited {color: #333;  text-decoration:none; font-weight: 500;}
.sf a:active   {color: #333;  text-decoration:none; font-weight: 500;}
.sf a:hover     {color: #CC6600;  text-decoration:underline; font-weight: 500;}	



/*-- Footer part of the page---------------------------*/
.footer {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  margin-right: auto;
  margin-left: auto;  
  text-align: left;
  width: 960px;
  height: 40px;

}

.footertext{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #999;
}

.footertext a:link, a:visited, a:active { color: #999; text-decoration: none; font-weight: normal;}
.footertext a:hover { color: #333333; text-decoration: underline; font-weight: normal;}

.privacy {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#666666;
	float:left;
	text-align:left;
	background-color:inherit;
	font-weight:normal;
	}


.adminlinks{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:#999;
	background-color:inherit;
	font-weight:normal;
}
.adminlinks a:link, a:visited, a:active { color: #999; text-decoration: none; font-weight: normal;}
.andminlinks a:hover { color: #333333; text-decoration: underline; font-weight: normal;}



.imgright {
float:right;
}





/*Format*/
.orange{color: #cc6600;}
.blue{color: #238ac2;}
.grey{color: #666666;}
.red{color: #FF0000;}

.floatright{float:right;}
.floatleft{float:left;}
.imgfloatleft{float:left; margin: 5px 5px 5px 0px;}
.clear {clear:both;}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#CCC;}
#colorbox{}
    #cboxContent{margin-top:20px;margin-right:15px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:2px solid #666; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:2px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:2px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:-15px; right:-15px; display:block; background:url(images/lb_close.png) no-repeat top center; width:30px; height:30px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
/*    
    #cboxClose{position:absolute; top:2px; right:2px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
    #cboxClose:hover{background-position:bottom center;}
*/	
.sclogo {
	margin: 25px 0px 10px 110px;
	padding: 0px 0px 0px 0px;
	width:380px;
	text-align:right;
}	
.sclogo img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	
.scImage{
	width:99%;
	text-align:center;
}

.sclayout{
	display:block;
	float: left;
	margin: 0px 0px 0px 110px;
	padding: 0px 0px 0px 0px;
	width: 380px;
	color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;	
}	
.scname{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	width: 380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #CC6600;
	font-weight: normal;	
}
.scrowa{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 380px;
	border-bottom:1px solid #666666;
	color: #999999;
}	
.scrowb{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 380px;
	border-bottom:1px solid #666666;
	color: #666666;
}	
.sclayoutS{
	display:block;
	float: left;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 13px;
	font-weight: normal;	
}
.scrowSa{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	border-bottom:1px solid #666666;
	color: #999999;
}	
.scrowSb{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 560px;
	border-bottom:1px solid #666666;
	color: #666666;
}

.sc1a {display:block;float:left;width:100px; text-align:left;}
.sc2a {display:block;float:left;width:70px; text-align:center;}
.sc1b {display:block;float:left;width:100px; height:100%;text-align:left;}
.sc2b {display:block;float:left;width:69px; height:26px;text-align:center; border-left:1px solid #666666;}
.sc1c {display:block;float:left;width:40px; text-align:left;}
.sc2c {display:block;float:left;width:310px; text-align:left;}
.sc3a {display:block;float:left;width:140px; text-align:center;}
.sc3b {display:block;float:left;width:139px; height:26px;text-align:center; border-left:1px solid #666666;}

.sc31 {display:block;float:left;width:125px; text-align:center;}
.sc32 {display:block;float:left;width:125px; text-align:center;vertical-align:middle; height:26px;border-left:1px solid #666666; }
.sc41 {display:block;float:left;width:95px; text-align:center; }
.sc42 {display:block;float:left;width:94px; text-align:center; vertical-align:middle; height:26px;border-left:1px solid #666666;}

.scrowSa .sc41 , .scrowSb .sc41{display:block;float:left;width:90px; text-align:center; }
.scrowSb .sc42 {display:block;float:left;width:89px; text-align:center; vertical-align:middle; height:26px;border-left:1px solid #666666;}


.CRUserR{
  display:block;
  float: left;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  width: 320px;
}

.CRUserR p{
  font-family: Verdana, Arial, Helvetica, sans-serif;  
  font-size: 11px;
  line-height: 23px;
  font-weight: normal;
}  
.CRUserR .sizechart{
  border: 1px solid #CCCCCC;
}

.CRUR1{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 24px;
    font-size: 9px;
	line-height: 24px;	
	border-bottom:1px solid #cccccc;
}
.CRUR2{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	height: 24px;
    font-size: 9px;
	line-height: 24px;	
	background-image: url('images/AFRDI_blue_strip.png');
	border-bottom:1px solid #cccccc;
}

.specs{
  display:block;
  float: left;
  width: 375px;
  padding: 0px 0px 2px 0px;
  border-bottom:1px solid #cccccc;  
}

.specsR1{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 375px;
	min-height: 19px;
	line-height:19px;
	max-height: 57px;
	background: transparent;
	background-image: url('images/specs_grid_vig.jpg') ;	
/*	border-bottom:1px solid #cccccc;*/
	border-top:2px solid #FFFFFF;
}
.specsR2{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 375px;
	min-height: 19px;
	line-height:19px;
	max-height: 57px;
	background: transparent;	
	background-image: url('images/specs_grid_vig.jpg');	
/*	border-bottom:1px solid #cccccc;*/
	border-top:2px solid #FFFFFF;
}

.specsR3{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	width: 375px;
	height: 19px;
	line-height:19px;
	border-bottom:1px solid #cccccc;
}

.src1a {display:block;float:left;width:98px; text-align:left;}
.src1b {display:block;float:left;width:165px; text-align:left;}
/*.src2 {display:block;float:left;width:68px; text-align:center; border-left:1px solid #cccccc;}*/
.src2 {display:block;float:left;width:68px; text-align:center; border-left:1px solid #e7e6db;}
.SpecsR3 .src2 {display:block;float:left;width:68px; text-align:center; border-left:1px solid #f0f0f0;}



.specsCode{
  display:block;
  float: left;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 2px 0px;
  width: 320px;
  border-bottom:1px solid #cccccc;  
}

.specsCode .specsR3{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	min-height: 22px;
	line-height:22px;
	border-bottom:1px solid #cccccc;
}
.specsCode .specsR3 img{
    margin: 0px 0px 0px 0px !important;
}	

.specsCode .specsR1{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	min-height: 19px;
	line-height:19px;
	max-height: 57px;
	background: transparent;
	background-image: url('images/specs_grid_vig.jpg') ;	
	border-top:2px solid #FFFFFF;
}

.specsCode .specsR2{
	display:block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 320px;
	min-height: 19px;
	line-height:19px;
	max-height: 57px;
	background: transparent;
	background-image: url('images/specs_grid_vig.jpg') ;	
	border-top:2px solid #FFFFFF;
}

.specsCode .src1a {display:block;float:left;width:175px; text-align:left;}
.specsCode .src2 {display:block;float:left;width:72px; text-align:center; border-left:1px solid #e7e6db;}
.specsCode .SpecsR3 .src2 {display:block;float:left;width:72px; text-align:center; border-left:1px solid #f0f0f0;}

/*
.CRSpec .src1a {display:block;float:left;width:98px; text-align:left;}
.CRSpec .src1b {display:block;float:left;width:155px; text-align:left;}
.CRSpec .src2 {display:block;float:left;width:72px; text-align:center; border-left:1px solid #cccccc;}
*/
.codedIcon{
	position:absolute;
	display:block;
	right:0px;
	top:140px;
	margin-right: -327px;
	padding: 0px 0px 0px 0px;
	width: 75px;
	height: 71px;
	background: transparent;	
	/*background-image: url('images/OMX_coded.png');		*/
	z-index:10;	
}

.codedFabric1{
	position:absolute;
	float:right;  
	right:-327px;
	top:400px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 173px;
	height: 57px;
	background: transparent;
	z-index:10;	
}

.codedFabric2{
	position:relative;
	float:right;  
	right:0px;
	top:-580px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 117px;
	height: 81px;
	background: transparent;
	/*background-image: url('images/best_fabric.png');		*/
	z-index:10;	
}

.codedChairCompare{
	position:absolute;
	float:right;  
	right:-327px;
	top:530px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 212px;
	height: 51px;
	background: transparent;
	z-index:10;	
}

.codedChairCompare1{
	position:absolute;
	float:right; 
	overflow:visible; 
	right:-327px;
	top:530px;
	margin-right: 0px;
	padding: 0px 0px 0px 0px;
	width: 212px;
	height: 51px;
	background: transparent;
	z-index:1000;	
}


.searchbutton  {} 

.relaximg{
	display: block;
	width: 176px;
	height: 117px;
}	

/* SHOWROOMS */

.SRDisplay{
  float:left;  
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 5px;
  text-align: left;
  width: 430px;
  background-color: transparent;
}

/*
.SRDisplay h1  {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #444444;
    margin: 6px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: Bold;
    line-height: 20px;
}
*/


.srnav {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 188px;
	line-height: 1;
	background: transparent;
	font-weight: normal;
	
}



.srnav ul {
	float: left;
	margin: 0 0 0 0;
	width: 188px;
	list-style: none;
	line-height: 1;
	background: transparent;
	font-weight: normal;
	padding: 0;
}

.srnav li{
	float: left;
	padding: 0;
	list-style: none;
	width: 188px;
	border-bottom: 1px solid #cccccc;	
}	

.srnav ul li {
	float: left;
	padding: 0;
	list-style: none;
	width: 188px;
	border-bottom: 0px solid #cccccc;		
}

.leftbar .srnav li a {
	display: block;
    margin:0px 0px 0px 0px;
	padding: 1px 0px 1px 6px;
	width: 188px;
	text-decoration: none;
	text-align: left;
	text-indent:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;	
	color: #CC6600;
	font-weight: bold;
}

.srnav li ul li a:link, .srnav li a:visited , .srnav li a:active  { color: #666666;  font-weight: normal;}
.srnav li ul li a:hover    { color: #CCCCCC;  font-weight: normal;}

.leftbar .srnav li ul li a {
	display: block;
    margin:0px 0px 0px 0px;
	padding: 1px 0px 1px 6px;
	width: 170px;
	/*height: 20px;*/
	text-decoration: none;
	text-align: left;
	text-indent:0px;
	color: #666666;
	font-weight: normal;
}

.srnav li ul li a:link, .srnav li ul li a:visited , .srnav li ul li a:active  { color: #666666;  font-weight: normal; text-decoration: none;}
.srnav li ul li a:hover    { color: #CCCCCC;  font-weight: normal; text-decoration: none;}

.leftbar .srnav li a:link, .leftbar .srnav li a:visited , .leftbar .srnav li a:active  { color: #CC6600;  font-weight: normal; text-decoration: none;}
.leftbar .srnav li a:hover    { color: #CCCCCC;  font-weight: normal; text-decoration: none;}


.leftbar .srnav li ul li a:link, .leftbar .srnav li ul li a:visited , .leftbar .srnav li ul li a:active  { color: #666666;  font-weight: normal; text-decoration: none;}
.leftbar .srnav li ul li a:hover    { color: #CCCCCC;  font-weight: normal; text-decoration: none;}

.SRRight{
  float:right;  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: left;
  width: 330px;
  background-color: transparent;
}


.CRSearchR2 .CRItemS .CRItemBS{position:absolute;z-index:1000;margin: 0px 0px 0px -90px; width:180px; height:25px;}	

.CRSearchR2 .CRItemS2 .CRItemBS2{position:absolute;z-index:1000;margin: 0px 0px 0px -90px; width:180px; height:25px;}	

.CRItemSearch .CRItemB { display: none;}
.CRItemSearch:hover .CRItemB {display: inline;}

 
/*.CRSearchL2 h2{margin: 22px 0px 0px 20px;}*/




/* NEW CRItem and Resize Wrapper ---------------------------------------------------------------------------------------------------------------------*/
.CRI-Wrapper {   
   position:relative;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 450px;
   text-align: left;   
   z-index:0;
}

.CRI-Wrapper1-2{width: 378px;}

.CRI-Wrapper360 {width: 360px; } 

.CRI-Wrapper300 {width: 300px; } 
 
.CRI{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 13px;
  font-weight: normal;
  text-align:center;
  width:90px;
  height:190px;
}
.CRIT{
  position:relative;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height:160px;
  overflow:hidden;
  text-align:center;
 
}
.CRIT img{
	position: absolute;
    bottom: 0;
	left: 2px;
	max-width: 86px;
	max-height: 130px;
 }
.CRIB{
  position:absolute; 
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:center;
  vertical-align:top;
  width: 100%;
  height:25px;
  z-index:1000;  
}


.CRI  .CRIB { display: none;}
.CRI:hover .CRIB {display: block;}


.CRI-W1H1{  	height:150px; }
.CRIT-W1H1{ 	height:130px; }
.CRIT-W1H1 img{  max-width: 86px;	max-height: 130px;}
.CRIB-W1H1 { 	height:25px;}
 
.CRI-W1H2{  	height:155px; }
.CRIT-W1H2{ 	height:130px; }
.CRIT-W1H2 img{  max-width: 86px;	max-height: 130px;}
.CRIB-W1H2 { 	height:25px;}
 
.CRI-W1H3{  	height:175px; }
.CRIT-W1H3{ 	height:150px; }
.CRIT-W1H3 img{  max-width: 86px;	max-height: 150px;}
.CRIB-W1H3 { 	height:20px;}
 
.CRI-W1H4{  	height:190px; margin-top:20px}
.CRIT-W1H4{ 	height:165px; }
.CRIT-W1H4 img{  max-width: 86px;	max-height: 165px;}
.CRIB-W1H4 { 	height:25px;}

.CRI-W1H5{  	height:220px; margin-top:20px}
.CRIT-W1H5{ 	height:165px; }
.CRIT-W1H5 img{  max-width: 86px;	max-height: 165px;}
.CRIB-W1H5 { 	height:50px;}
 
 
.CRI-W2H1{  	width: 116px; height:150px; }
.CRIT-W2H1{ 	height:130px; }
.CRIT-W2H1 img{  max-width: 126px; max-height: 117px;}
.CRIB-W2H1 { 	height:25px;}
 
.CRI-W2H2{  	width: 116px; height:155px; }
.CRIT-W2H2{ 	height:130px; }
.CRIT-W2H2 img{  max-width: 126px;	max-height: 130px;}
.CRIB-W2H2 { 	height:25px;}
 
.CRI-W2H3{  	width: 116px; height:175px; }
.CRIT-W2H3{ 	height:150px; }
.CRIT-W2H3 img{  max-width: 126px;	max-height: 150px;}
.CRIB-W2H3 { 	height:20px;}
 
.CRI-W2H4{  	width: 116px; height:190px; }
.CRIT-W2H4{ 	height:165px; }
.CRIT-W2H4 img{  max-width: 126px;	max-height: 165px;}
.CRIB-W2H4 { 	height:25px;} 
 
 
.CRI-W3H1{  	width: 146px; height:150px; }
.CRIT-W3H1{ 	height:130px; }
.CRIT-W3H1 img{  max-width: 144px; max-height: 117px;}
.CRIB-W3H1 { 	height:25px;}
 
.CRI-W3H2{  	width: 146px; height:155px; }
.CRIT-W3H2{ 	height:130px; }
.CRIT-W3H2 img{  max-width: 144px;	max-height: 130px;}
.CRIB-W3H2 { 	height:25px;}
 
.CRI-W3H3{  	width: 146px; height:175px; }
.CRIT-W3H3{ 	height:150px; }
.CRIT-W3H3 img{  max-width: 144px;	max-height: 150px;}
.CRIB-W3H3 { 	height:20px;}
 
.CRI-W3H4{  	width: 146px; height:190px; }
.CRIT-W3H4{ 	height:165px; }
.CRIT-W3H4 img{  max-width: 144px;	max-height: 165px;}
.CRIB-W3H4 { 	height:25px;}

 
.CRI-W4H1{  	width: 188px; height:150px; }
.CRIT-W4H1{ 	height:130px; }
.CRIT-W4H1 img{  max-width: 184px; max-height: 117px;}
.CRIB-W4H1 { 	height:25px;}
 
.CRI-W4H2{  	width: 188px; height:155px; }
.CRIT-W4H2{ 	height:130px; }
.CRIT-W4H2 img{  max-width: 184px;	max-height: 130px;}
.CRIB-W4H2 { 	height:25px;}
 
.CRI-W4H3{  	width: 188px; height:175px; }
.CRIT-W4H3{ 	height:150px; }
.CRIT-W4H3 img{  max-width: 184px;	max-height: 150px;}
.CRIB-W4H3 { 	height:20px;}
 
.CRI-W4H4{  	width: 188px; height:190px; }
.CRIT-W4H4{ 	height:165px; }
.CRIT-W4H4 img{  max-width: 184px;	max-height: 165px;}
.CRIB-W4H4 { 	height:25px;} 
 
 
.CRI-W5H1{  	width: 180px; height:150px; }
.CRIT-W5H1{ 	height:130px; }
.CRIT-W5H1 img{  max-width: 176px; max-height: 117px;}
.CRIB-W5H1 { 	height:25px;}
 
.CRI-W5H2{  	width: 225px; height:155px; }
.CRIT-W5H2{ 	height:130px; }
.CRIT-W5H2 img{  max-width: 221px;	max-height: 130px;}
.CRIB-W5H2 { 	height:25px;}
 
.CRI-W5H3{  	width: 225px; height:175px; }
.CRIT-W5H3{ 	height:150px; }
.CRIT-W5H3 img{  max-width: 221px;	max-height: 150px;}
.CRIB-W5H3 { 	height:20px;}
 
.CRI-W5H4{  	width: 200px; height:190px; }
.CRIT-W5H4{ 	height:165px; }
.CRIT-W5H4 img{  max-width: 176px;	max-height: 165px; left: 12px;}
.CRIB-W5H4 { 	height:25px;} 
 


.SectionTitle {
	float:left;
	display:block;
    margin: 10px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: 13px;
	font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    color: #cc6600;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    }



#Rangeleft .SectionTitle {
	float:left;
	display:block;
    margin: 32px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
	height: 13px;
	font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    color: #cc6600;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    }







 
 
.viewfullrange {
	display: block;
	float: left;
	width: 106px !important;
	height: 160px !important;
}

a.viewfullrange {
	display: block;
	float: left;	
	background: url('images/view_full_range.png') center center no-repeat;
	width: 106px !important; 
	height: 160px !important;
}
a.viewfullrange:hover {
	display: block;
	float: left;	
	background: url('images/view_full_range-over.png') center center no-repeat;
	width: 106px !important;
	height: 160px !important;
	text-decoration: none;
}


/* EOS 3D Models Page */

#model3d{
	float: left;
	position: relative;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

.modelsbox{
	float: left;
	position: relative;
	display: block;
	width: 168px;
	height: 152px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}
.mbhead{
	float: left;
	position: relative;
	display: block;
	width: 168px;
	height: 22px;
    font-family:  "Gotham SSm A", "Gotham SSm B", Verdana, Arial, Helvetica, sans-serif;
    color: #CC6600;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;	
}

.mbimage{
	float: left;
	position: relative;
	display: block;
	width: 168px;
	height: 110px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #CCCCCC;
	text-align: center;
}

.mbfoot{
	position: relative;
	float: left;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 8px;
    line-height: 19px;
    font-weight: Normal;	
	width: 170px;
	height:19px;
	border-bottom: 1px solid #CCCCCC;
}


.AutoCAD{
	position: relative;
	float: right;
	display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 62px;
	height: 19px;
	border-left: 1px solid #CCCCCC;
	background: url('images/AutoCAD.png') center center no-repeat;	
	cursor:pointer;
}

.SketchUp{
	position: relative;
	float: right;
	display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 62px;
	height: 19px;	
	border-left: 1px solid #CCCCCC;
	background: url('images/SketchUp.png') center center no-repeat;	
	cursor:pointer;
}

.aclinks{
	float: left;
	position: relative;
	display:block;
    margin: 19px 0px 0px -45px;
    padding: 0px 0px 0px 0px;
	width: 170px;
	height: 60px;	
	border: 1px solid #CCCCCC;
	background: #FFFFFF;	
	z-index:1000;	
	left: -2000px;
	
}

.aclinks a:link, .aclinks a:visited , .aclinks a:active  { color: #FF0000;   font-size: 11px;    line-height: 15px;font-weight: normal; text-decoration: none;}
.aclinks a:hover    { color: #CCCCCC;  font-weight: normal; text-decoration: none;}


.AutoCAD .aclinks { left: -2000px;}
.AutoCAD:hover .aclinks {left: 0px; z-index:1000;	}
.aclinks:hover .aclinks {left: auto; z-index:1000;	}

.sulinks{
	float: left;
	position: relative;
	display:block;
    margin: 19px 0px 0px -108px;
    padding: 0px 0px 0px 0px;
	width: 170px;
	height: 60px;	
	border: 1px solid #CCCCCC;
	background: #FFFFFF;	
	z-index:1000;	
	left: -2000px;
	
}

.sulinks a:link, .sulinks a:visited , .sulinks a:active  { color: #cc6600;   font-size: 11px;    line-height: 15px;font-weight: normal; text-decoration: none;}
.sulinks a:hover    { color: #CCCCCC;  font-weight: normal; text-decoration: none;}


.SketchUp .sulinks { left: -2000px;}
.SketchUp:hover .sulinks {left: 0px; z-index:1000;	}
.sulinks:hover .sulinks {left: auto; z-index:1000;	}


.mbspacer{
	float: left;
	display: block;
	width: 30px;
	height: 152px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}

.model3dsort{
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

.model3dsort form{
display: inline;
}

.model3dsort h3  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight:normal;
    line-height: 20px;
    }
.linkButton { 
     background: none;
     border: none;
     color: #CC6600;
     text-decoration: underline;
     cursor: pointer; 
}

.linkButton:hover    { color: #CCCCCC;  font-weight: normal;}

table {
  border-collapse: collapse;
} 
/* GreenGuard */
.SectionHead{
	float: left;
	position: relative;
	display: block;
    font-family:  "Gotham SSm A", "Gotham SSm B", Verdana, Arial, Helvetica, sans-serif;
    color: #CC6600;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    line-height: 22px;
    font-weight: bold;	
	letter-spacing: 1px;
	width: 100%;
}



.bg-white{
	display:block;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #FFF;
	text-align:center;
	color: #333;
}

.bg-grey{
	display:block;
	float:left;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #f3f3f3;
	text-align:center;	
	color: #333;	
}

.bg-sage{
	display:block;
	float:left;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background: #eaecde;
	text-align:center;	
	color: #333;	
}

.wrap-inner{
	display:block;
	margin: 50px auto 50px auto;
	padding: 0px 0px 0px 0px;
	width: 568px;
	text-align:left;		
}
.wrap-inner2{
	display:block;
	margin: 50px auto 50px auto;
	padding: 0px 0px 0px 0px;
	width: 628px;
	text-align:left;		
}

.wrap-gg{
	display: block;
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 530px;
	border-top: 1px solid #A7C342;
}
.wrap-gg-line{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 530px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #A7C342;
	text-align:left;
	text-indent: 115px;
	background-image: url('images/Greenguard_tick.png');
	background-position: 85px center;
	background-repeat: no-repeat;
}


.eu {
	font-weight: 400;
	text-align:center;
	}

.eu p{
   margin: 10px 0px 0px 0px;
}	
.eu input{
	width: 320px;

}


.eu input[type="text"]{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px #eee;
    color: #333;
    font-size: 16px;
    padding: 12px;
    width: 320px;
}	
.eu input[type="submit"]
{
    font-size: 16px;
    line-height: 26px;
    padding: 8px 0px;
	margin: 10px 0px;
	width: 165px;
	text-align: center;
    background-color: #CC6600 !important;
    border: 1px solid #CC6600 !important;
	border-radius: 3px;
    color: #FFF !important;
   transition: all 0.1s ease-in-out 0s;	
   cursor: pointer;
}

#eutmessage, #eummessage, #eubmessage{font-weight: 600;}	
.eumessage{font-weight: 600;}

.recwgt{
	width: 79px; 
	border-color: #d5d5d5; 
	border-width: 1px; 
	border-style: solid;
}

.certwgt{
	width: 79px; 
	border-color: #025db0; 
	border-width: 1px; 
	border-style: solid;
}

.certwgtofficemax{
	width: 79px; 
	border-color: #d5d5d5; 
	border-width: 1px; 
	border-style: solid;
}


.ShowInsite{
	display:none;
}

.SocialLinks{
	position:fixed;
	left:0;
	top:368px;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	z-index:2000;
}	
	
.SocialLinks-FB{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-fb.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}	

.SocialLinks-in{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-in.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}

.SocialLinks-Twit{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-twit.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}

.SocialLinks-G{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-g.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}

.SocialLinks-Email{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-email.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}

.SocialLinks-Print{
	position:relative;
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width: 41px;
	height: 26px;
	background-image: url('images/solink-print.png');
	background-size: 41px 26px;
	background-repeat: no-repeat;
}
.SocialLinks a,
.SocialLinks a:link,
.SocialLinks a:active,
.SocialLinks a:visited,
.SocialLinks a:hover
{
	position:relative;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 50px;
	height: 40px;
	text-decoration: none;
	cursor:pointer;
}	
	
	
/* Our Chairs  */

.OCrow{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px -7px;
  padding: 0px 0px 0px 0px;	
  width:775px;
  oveflow:hidden;
}	

.OCrow2{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
  width:768px;
}

.OCrow3{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;	
  width:768px;
  height: 20px;
}
.OCI{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 7px;
  padding: 0px 0px 0px 0px;
  width:77px;
  height:136px;
  border: 1px solid #D5D5D5;
}

.OCI-AFRDI{
  border: 1px solid #025DB0;
}

.OCIwide{
  position:relative;
  float:left;
  display:block;
  margin: 0px 0px 0px 7px;
  padding: 0px 0px 0px 0px;
  width:163px;
  height:136px;
  border: 1px solid #D5D5D5;
}

.OCIT{
  position:relative;
  display:block; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height:100px;
  overflow:hidden;
  text-align:center;
 
}
.OCIT a  {
    width: 100%;
    position: absolute;
    bottom: 0px;
	left: 0;
}
.OCIT img{
	display:block;
    margin: 0px auto 0px auto;
	max-width: 75px;
	max-height: 100px;
}

.OCIB{
  position:absolute; 
  display:block;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:center;
  vertical-align:top;
  color: #555;
  /*font-family:  "Gotham SSm A", "Gotham SSm B", Verdana, Arial, Helvetica, sans-serif;*/
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
  font-weight: 600;
  text-align:center;
  text-transform:uppercase;  
  width: 100%;
  height:30px;
}

.OCIB-line2{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 11px;
}

.OCI-W1H1{  	height:136px; }
.OCIT-W1H1{ 	height:100px; }
.OCIT-W1H1 img{  max-width: 75px;	max-height: 100px;}
.OCIB-W1H1 { 	height:30px;}
 

.OCI-W4H1{  	width: 134px; height:136px; }
.OCIT-W4H1{ 	height:100px; }
.OCIT-W4H1 img{  max-width: 120px; max-height: 100px;}
.OCIB-W4H1 { 	height:30px;}
 
.OCspacer {
	float:left;
	display:block;
	margin: 7px 0px 6px 0px;
	padding: 0px 0px 0px 0px;	
	width:768px;
	height:1px;
	background: #FFF;
	border-top:1px solid #999;
}	


/* Compare Chairs */
.ccwrap{
    margin: 0px auto;
    width: 767px;
}	

.ccwrap h1{    
    margin: 54px 0px 16px 0px;
        color:#666;
}

.ccwrap h3{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 10px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-weight:400;
    line-height: 23px;
    }
    
.ccwrapt{
    display:block;
    margin: 0px 0px 37px 0px;
    padding:0px;
    width: 100%;
    height: 220px;
}

.ccMoveBoard{
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
    height: 220px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.ccprev{
    float:left;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 133px;
    height: 200px;
    background-image: url(images/ad_prev2.png);
    background-repeat:no-repeat;
    background-position: 20px center;
    cursor: pointer;
}

.ccnext{
    float:right;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 133px;
    height: 200px;
    background-image: url(images/ad_next2.png);
    background-repeat:no-repeat;
    background-position: 50px center;
    cursor: pointer;
}

.ccMoveBoardInner{
    float:left;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 500px;
    height: 200px;
    overflow: hidden;
    text-align:center;
}

.ccShow{display:block;}
.ccHide{display:none;}


.ccwrapb{
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
}

.cc_col1{
    display:block;
    float: left;
    margin: 0px 25px 0px 0px;
    width: 222px;
}
.cc_col1 p{font-size: 11px;}

.cc_col1_pagestack{
    float:left;
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
    height: 130px;
    background-image: url(images/CompareChair_pagestack.png);
    background-repeat:no-repeat;
    background-position: right center;
}
.cc_col1_A4stack{
    float:left;
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
    height: 202px;
    background-image: url(images/CompareChair_A4stack.jpg);
    background-repeat:no-repeat;
    background-position: left center;
}

.SBC-select {
   display:block;
   margin: 0px 0px 20px 0px;
   width: 216px;
   height: 30px;
   overflow: hidden;
   background: url(images/arrow_down_orange_m.png) no-repeat 195px #fff;
   background-size: 14px 9px;
   border: 1px solid #ccc;
   } 

.SBC-select select {
  display:block;
  padding: 0px 0px 0px 16px;
  color: #666;
  font-weight:normal;
  font-size: 14px;
  line-height:15px;
  width: 232px;
  height:30px;
  border: 0px;
  background: transparent;
   }
.upstyled-select {
   display:block;
   margin: 0px auto 10px auto;
   width: 258px;
   height: 30px;
   overflow: hidden;
   background: url(images/arrow_down_orange_m.png) no-repeat 240px #fff;
   background-size: 14px 9px;
   border: 1px solid #ccc;
   }
   
.UpdateProfile .upstyled-select select{
  display:block;
  margin: 0px auto 10px auto;
  padding: 0px 0px 0px 16px;
  color: #666;
  font-weight:normal;
  font-size: 14px;
  line-height:15px;
  width: 277px;
  height:30px;
  border: 0px;
  background: transparent;
}


.cc_col2{
    display:block;
    float: right;
    margin: 0px; 
    width: 520px;
}
.cc_col2inner{
    display:block;
    float: left;
    margin-left: 10px;
    width: 250px;
}
.cc_col2inner h5{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 0px 0px;
    font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px; 
    font-weight: 500;
    line-height:15px;
    letter-spacing: 1px;
}
.cc_col2inner h4{
    float:left;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    color: #444;
    font-family: "Gotham SSm A", "Gotham SSm B",Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px; 
    font-weight: 800;
    line-height:11px;
    letter-spacing: 1px;

}
.cc_col2inner h6{
    float:left;
    margin: 2px 0px 2px 0px;
    padding: 7px 0px 2px 0px;
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px; 
    font-weight: 500;
    line-height:12px;
    border-style: 1px solid #fff;
    border-top: 1px solid #cccccc;
    width: 220px;

}

.cc_col2inner h6 a:link{ text-decoration: none; color: #666;}
.cc_col2inner h6 a:visited{ text-decoration: none; color: #999;}
.cc_col2inner h6 a:active{ text-decoration: none; color: #666;}
.cc_col2inner h6 a:hover{ text-decoration: underline; color: #999;}

.cc_col2inner p{
    font-size: 11px; 
    line-height:15px;
}
.cc_col2inner ul{
   float:left;
   width: 100%;    
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
}
.cc_col2inner li{
   clear:left;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font-size: 11px;
   font-weight: normal;
   line-height: 17px;
   text-indent: 0px;
   list-style:none;    
   /*list-style-image:url('images/bullet.png'); */
}

.cc_col2inner li a{
    font-size: 11px;
    font-weight: normal;
    line-height: 17px;
}
.cc_multi_header{
    float:left;
    display:block;
    margin-top: 40px;
    width:100%;
    border-bottom: 1px solid #CCC;
}
.cc_multi_header h2{
    margin-bottom: 5px;   
        color: #CC6600;
}
.cc_multiwrap{
    float:left;
    display:block;
    width:100%;
    height: 160px;
    border-bottom: 1px solid #CCC;
}

.cc_multi{
    float:left;
    display:block;
    margin: 10px 0px 10px 22px;
    width:350px;
    height:140px;
}

.cc_multi img{
    float:left;
    display:block;
    width: 350px;
    height:140px;
}

.backtocc{
    float:left;
    display:block;
    margin: 0px;
    padding:0px;
    width: 120px;
    height: 72px;
    background-image: url(images/back_to_compare_chairs.png);
    background-repeat:no-repeat;
    background-position: center center;
}
.backtocc a{
    float:left;
    display:block;
    margin: 0px;
    padding:0px;
    width: 120px;
    height: 72px;
}
.backtocc a:link,
.backtocc a:visited,
.backtocc a:active,
.backtocc a:hover{ text-decoration: none;}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */
/**  Tablet  **/
@media only screen and (max-width:800px) {
#banner,
#wrapper,
#container,
#centerFull,
.SiteFooter    
    { width:100%;}    
.bannerright{width:82%;}
    
.smtags{margin-left:600px;}
#menu{ margin:3px 0px 0px 0px;}    
}

@media only screen and (max-width:700px) {
.ccwrap{
    margin: 0px auto;
    width: 100%;
}
.ccMoveBoard{
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
    height: 220px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.ccprev{
    float:left;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 10%;
    height: 200px;
    background-image: url(images/ad_prev2.png);
    background-repeat:no-repeat;
    background-position: 20px center;
    cursor: pointer;
}

.ccnext{
    float:right;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 10%;
    height: 200px;
    background-image: url(images/ad_next2.png);
    background-repeat:no-repeat;
    background-position: 50px center;
    cursor: pointer;
}

.ccMoveBoardInner{
    float:left;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 79%;
    height: 200px;
    text-align:center;
}
    .ccMoveBoardInner img{max-width:79%;}    

    .cc_col1{
    display:block;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 100%;
}
    
}
/**  Mobile  **/
@media only screen and (max-width:500px) {
.bannerright{display:none;}  
.smtags{margin-left:200px;}
    /* Compare Chairs */
	

.ccwrap h1{color:#666;}

.ccwrap h3{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 10px 0px 8px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    font-weight:400;
    line-height: 23px;
    }

.ccwrapt{
    display:block;
    margin: 0px 0px 37px 0px;
    padding:0px;
    width: 100%;
    height: 270px;
}

.ccMoveBoard{
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
    height: 220px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.ccprev{
    position:absolute;
    float:left;
    display:block;
    margin: 220px 0px 0px 0px;
    padding:0px;
    width: 133px;
    height: 50px;
    background-image: url(images/ad_prev2.png);
    background-repeat:no-repeat;
    background-position: 20px center;
    cursor: pointer;
}

.ccnext{
    float:right;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 133px;
    height: 50px;
    background-image: url(images/ad_next2.png);
    background-repeat:no-repeat;
    background-position: 50px center;
    cursor: pointer;
}

.ccMoveBoardInner{
    float:left;
    display:block;
    margin: 9px 0px;
    padding:0px;
    width: 100%;
    height: 200px;
    text-align:center;
}
.ccMoveBoardInner img{max-width:100%;}    

.ccShow{display:block;}
.ccHide{display:none;}


.ccwrapb{
    display:block;
    margin: 0px;
    padding:0px;
    width: 100%;
}

.cc_col1{
    display:block;
    float: left;
    margin: 0px 0px 0px 0px;
    width: 100%;
}

 
.cc_col2{
    display:block;
    float: right;
    margin: 0px; 
    width: 100%;
}


.cc_multiwrap{
    float:left;
    display:block;
    width:100%;
    height:auto;
    text-align: center;
    border-bottom: none;

}

.cc_multi{
    clear:left;
    display:block;
    margin: 10px auto;
    width:350px;
    height:140px;
    border-bottom: 1px solid #CCC;
}

.cc_multi img{
    float:left;
    display:block;
    width: 350px;
    height:140px;
}

    
    
    
    
    
    
    
}