@charset "utf-8";
@import url("reset.css");
/* CSS Document */
#wrap 		  	{width:980px; margin:0 auto}
/*--------------------------------------*/
/*Header-------------------------------*/
#header			  {height:119px; position:relative}
.call         {float:right; margin-top:39px; padding-right:20px; font-family:arial, sans-serif;
                font-size:14px; color:#820c0c; font-weight:bold}
#logo			    {width:285px; height:69px; float:left;
                margin-top:10px; margin-left:1px; font-size:0;}
#checkout     {width:156px; height:35px; float:right; margin-top:27px; text-align:center}
#item         {width:75px; height:33px; border:1px solid #ccc; border-right:none; float:left}
#item span    {background:url(../images/ico-lock.gif) 0 2px no-repeat; padding-left:15px; font-size:13px;
                font-family:arial, sans-serif; line-height:33px}
#check        {width:79px; height:35px; float:right; background:#ab1802; line-height:35px;
                font-size:13px; font-weight:bold; color:#fff; font-family:arial, sans-serif}
#header ul		{position:absolute; bottom:9px; left:0}
#header ul li	{float:left; padding:0 25px}
#header ul li a:link,
#header ul li a:visited
				      {font-size:14px; font-weight:bold; color:#000; display:inline-block}
#header ul li a:hover,
#header ul li a:active,
#header ul li a.active:link,
#header ul li a.active:visited
				      {text-decoration:none; color:#ab1802; font-weight:bold}
#header ul li a.search:link,
#header ul li a.search:visited
       {font-weight:normal}
/*------------------------------------
--------------------------------------
------------------------------------*/
.testimonials
{
  background: url(../images/testimonials-bg.jpg) right 38px no-repeat;
  padding:10px 20px 0;
  min-height: 500px;
  height: auto !important;
  height: 500px  
}
.testim-text
{
    padding-right: 325px
}
.testim-text h1
{
    font-size: 68px;
    line-height: 72px;
    margin-bottom: 3px
}
.testim-text .list li
{
    padding: 16px 0;
    border-bottom: 1px solid #cccccc
}
.testim-text .list li p
{
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 12px;
    font-weight: normal
}

.designers
{
    padding:10px 20px
}
.designers h1
{
    font-size: 68px;
    line-height: 72px;
    margin-bottom: 20px
}
.person-list
{
    float:left;
    width: 290px;
    padding: 10px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc
} 
.person-list li
{
    float: left;
    width: 290px;
    list-style: none;
    padding-bottom: 8px
} 
.person-list li.last
{
    /*border-bottom: 1px solid #cccccc*/
}
.person-list li a:link,
.person-list li a:visited
{
    color:#000;
    font: bold 15px/18px Arial,Helvetica,sans-serif
}
.person-list li a:hover,
.person-list li a:active,
.person-list li a.active:link,
.person-list li a.active:visited
{
    color:#cc0000;
    text-decoration: none
}
.person-box
{
    float: right;
    padding-left: 165px;
    width: 460px;
    position: relative
}
.person-box .photo
{
    position: absolute;
    left:0;
    top:0
}
.person-box h2
{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px
}
.person-box p
{
    font: normal 13px/17px Arial,Helvetica,sans-serif;
    margin-bottom: 10px
}

.basket
{
    padding:15px 16px 29px 16px
}
.basket h2
{
    color:#333333;
    margin-bottom:25px
}
.status
{
    float: right;
    padding-top: 20px;
    color:#333333;
    font: bold 12px/16px Arial,Helvetica,sans-serif
}
.status span
{
    padding-left: 17px;
    font-weight: normal
}
.status span.current
{
    color:#ab1802;
    font-weight: bold
}
.basket-table
{
    width: 100%
}
.basket-table th
{
    background-color:#f1f1f1;
    color:#333333;
    vertical-align:middle;
    font: bold 12px/16px Arial,Helvetica,sans-serif;
    border: none;
    text-align:left;
    padding:0
}
.basket-table .first-col
{
    padding-left: 17px
}
.basket-table td
{
    color:#333333;
    padding:10px 0
}
.basket-table td a:link,
.basket-table td a:visited
{
    color:#333333;
    text-decoration: underline
}
.basket-table td input
{
    float: left;
    width: 20px;
    border:1px solid #cccccc;
    height: 18px;
    line-height:18px;
    color:#333333;
    margin-right: 6px
}
.select-box
{
    padding: 20px 0
}
.select-box label
{
    color:#333333;
    margin: 0 5px 0 0
}
.misc-box select, .select-box select
{
   font-weight: normal;
   margin:0
}
.check-box
{ 
    background:#f1f1f1;
    padding-left: 15px
}
.check-box a.continue:link,
.check-box a.continue:visited
{
    color:#000000;
    font: bold 12px/43px Arial,Helvetica,sans-serif;
    text-decoration: underline
}
.check-box .floatRight p
{
    color:#000000;
    font: bold 16px/43px Arial,Helvetica,sans-serif;
    margin:0;
    float:left;
    padding-right: 45px
}
.check-box .floatRight p strong
{
    font-size: 13px
}
.check-box .floatRight a:link,
.check-box .floatRight a:visited,
.check-box .floatRight input[type=submit],
#payment-table input[type=submit],
input.inputSubmit,
#payment-table input[type=button]
{
    float:left;
    color:#fff;
    background:#ab1802;
    padding: 0 24px;
    font: bold 14px/43px Arial,Helvetica,sans-serif;
	height: 48px;
	display: block;
}
#payment-table input[type=button],
#payment-table input[type=submit] {
	float: right;
	margin-left: 5px;
}
.check-box .floatRight input[type=submit]:hover,
#payment-table input[type=submit]:hover,
input.inputSubmit:hover,
#payment-table input[type=button]:hover
{
	cursor: pointer;
	text-decoration: underline;
}
.delails-box
{
    border-top: 1px solid #cccccc;
    padding: 15px 0 15px 15px
}
.misc-box
{
    border-top: 1px solid #cccccc;
    padding: 15px 0 0px 15px
}

.delails-box h3
{
    color:#ab1802;
    font: bold 16px/20px Arial,Helvetica,sans-serif;
}
.delails-box h3 em
{
    color:#333333;
    font-size: 13px;
    font-weight:normal
}
.delails-box .floatLeft
{
    width: 430px
}

.delails-box .floatRight
{
    width: 436px;
    padding-right:30px
}
.delails-box li
{
    float:left;
    width: 430px;
    padding-bottom:4px
}
.delails-box label
{
    float:left;
    color:#333333;
    font: normal 13px/26px Arial,Helvetica,sans-serif;
    width: 155px;
    margin:0
}
.delails-box input
{
    background:#ededed;
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    float: left;
    color:#333333;
    width: 252px;
    padding: 5px 10px;
    height: 16px
}
.delails-box select
{
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    color:#333333;
    float:left;
    width:272px;
    margin:2px 0 0 0
}
.delails-box p
{
    padding-top: 10px;
    margin-bottom:7px;
    color:#333333;
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    overflow:hidden
}
.delails-box p span
{
    float:left;
    padding-right: 5px
}
.delails-box input.check
{
    width: 13px;
}
.misc-box h3
{
    color:#ab1802;
    font: bold 16px/20px Arial,Helvetica,sans-serif;
    margin-bottom:0
}
.misc-box h4
{
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    color:#333333;
    margin-bottom: 10px
}
.misc-box p
{
    color:#333333;
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    margin-bottom: 14px
}
.misc-box input.check
{
    width: 13px;
    height:13px;
    margin: 2px 5px 0 0
}
.misc-box input.text
{
    background:#ededed;
    font: normal 13px/16px Arial,Helvetica,sans-serif;
    color:#333333;
    width: 222px;
    padding: 5px 10px;
    height: 16px
}
/*--------------------------------------*/
/*Content-------------------------------*/
#content      {
	position:relative;
	margin-bottom:14px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
h1.bigh1        {font-size:131px; line-height:195px; margin-bottom:0}
#home #content{height:422px;  padding:18px}
#product #content
              {min-height:720px; padding:0 21px; clear:both; overflow:hidden;}
.slice        {height:400px; width:960px}
.slice img
              {position:absolute; right:20px; bottom:0px}
.slice h2 
              {width:255px}
.slice a
              {font-size:12px}
#home ul.pager2     {position:absolute; bottom:10px; left:12px}
p.pager-head    {float:left; margin-right:10px; color:#9f0c00; font-size:11px; margin-bottom:0;
                line-height:21px}
.pager2 a:link,
.pager2 a:visited
              {color:#666; border-left:1px solid #ccc; padding:0 8px; font-size:11px; font-weight:bold;
                height:21px; line-height:21px; display:inline-block}
.pager2 a:hover,
.pager2 a:active,
.pager2 a.activeSlide:link,
.pager2 a.activeSlide:visited
              {color:#9f0c00; text-decoration:none}
#slide-products
              {float:left; width:100%; border-bottom:1px solid #ccc; height:154px; padding-top:18px; margin-bottom:15px}
#slide-products h2
              {float:left}
#slide-products .pager-p-n
              {float:right}
ul.product li {float:left; position:relative; text-align: center;}
ul.product li a:link,
ul.product li a:visited 
              {width:156px; height:124px; display:table-cell; text-align: center; vertical-align: middle;}
ul.product li.active span 
              {position:absolute; right:6px; top:6px; display:block}
ul.product li span
              {display:none}  
ul.product li a img
              {text-align: center;}
#product-img  {float:left; width:630px}
/*#product-img img
              {margin-top:35px}*/
#product-detail
              {float:right; width:306px}
#img-brovse   {margin:0 auto;width:630px;padding-top:35px;}
#img-brovse img { max-height: 450px; max-width: 625px;}
#search       {position:absolute; bottom:-71px; right:0; padding:20px; border:1px solid #ccc; 
                z-index:80; display:none; background:#fff}
#search .input{width:190px}
#search .input input
              {width:150px}
#search .input input.submit
              {width:28px}
/*--------------------------------------*/
/*Box----------------------------------*/
#box          {
	height:138px;
	margin-bottom:19px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
}
#box h2       {margin-top:5px}
#box img      {position:absolute; right:0; bottom:0}
#box p        {width:105px}
#offers p     {width:120px}
#best,
#offers,
#designers    {width:296px; float:left; height:138px; padding:0 13px 0 17px; position:relative}
#best,
#designers
              {padding:0; width:326px}
.slide-best,
.slide-des
              {width:296px; padding:0 13px 0 17px; height:138px}
#best .slide-best img
              {top:20px; right:18px}
#offers img   {right:18px; display:block}
#box .pager-p-n   {height:17px; position:absolute; bottom:10px; left:17px; z-index:99}
.pager        {float:left; line-height:16px}
.pager a:link,
.pager a:visited
              {font-size:11px; display:inline-block; color:#333; margin:0 3px}
.pager a:hover,
.pager a:active,
.pager a.activeSlide:link,
.pager a.activeSlide:visited
              {color:#8f0000; text-decoration:none}
.pager-p-n a.prev,
.pager-p-n a.next
              {background:url(../images/prev-next.gif) no-repeat; width:10px; height:17px; }
.pager-p-n a.prev:link,
.pager-p-n a.prev:visited
              {background-position:top; float:left}
.pager-p-n a.next:link,
.pager-p-n a.next:visited
              {background-position:bottom; float:left}
/*--------------------------------------*/
/*Product-detail-----------------------*/
p.price       {font-size:18px; color:#ab1802; margin-bottom:8px}
p.price small {font-size:12px; color:#333}
input.qty     {width:15px; height:20px; border:1px solid #ccc; line-height:20px; padding:0 4px}
select        {height:22px}
select option {line-height:22px}
input.add     {width:83px; height:23px; background:#ab1802; display:block; color:#fff; padding:0}      
span.form1    {margin-bottom:9px; height:22px}
span.form1 select,
span.form1 label,
span.form1 input.qty 
              {float:left; margin-right:8px; margin-bottom:0; font-weight:normal}
span.form1 label
              {line-height:20px}
span.subadd   {margin-bottom:30px; clear:both}
span.subadd input,
span.subadd label 
              {float:left; margin-right:8px}
span.subadd label 
              {font-weight:normal; color:#666; line-height:23px; margin:0; font-size:11px}
th            {font-size:12px; font-weight:bold; border-right:1px solid #ccc; padding:6px}                
td            {border-bottom:1px solid #ccc;vertical-align:middle; padding:6px; font-size:12px}
td img        {display:block}
td.img        {padding:6px 0}
td.small      {font-size:11px; color:#ab1802}
td.stock,
span.stock      {color:#666}
#product-detail table
              {clear:both}    
/*--------------------------------------*/
/*Bottom-bar---------------------------*/
#bottom-bar { width: 980px; height: 140px; overflow: hidden;}
#block1,
#block2,
#block3,
#block4       {border-right:1px solid #ccc; height:135px; float:left; padding-top:5px;overflow:hidden;}
#home #block1,
.inner #block1{width:287px; border-left:1px solid #ccc; padding:5px 20px 0 17px}
#home #block2,
.inner #block2{width:145px; padding:5px 9px 0 9px}
#block3       {width:306px; padding:5px 9px 0 9px}
#block4       {width:146px; padding:5px 9px 0 9px}
#product #block1
              {width:451px; border-left:1px solid #ccc; padding:0 20px 0 17px}
#block1 span  {float:left; font-size:87px; font-family:arial, sans-serif; font-weight:bold;
                line-height:74px; margin-right:20px}              
#block1 em    {font-weight:normal}
#block3 img   {float:right; margin-left:45px}
#product #block3 img
              {padding-right:35px}  
.input        {position:relative; width:143px; height:27px; border:1px solid #ccc; display:block}              
input         {width:105px; height:27px; padding-left:5px; font-size:12px; font-weight:bold; 
                font-family:arial, sans-serif; line-height:27px}
.input .submit{width:28px; height:28px; background:url(../images/go.gif) no-repeat; 
                position:absolute; right:0; top:0; cursor:pointer}
/*--------------------------------------*/
/*Footer-------------------------------*/
#footer			  {height:40px; padding-top:40px}
#footer ul    {float:left}
#footer ul li 
              {float:left; border-left:1px solid #7a7a7a; height:12px; line-height:12px; padding:0 5px}
#footer ul li a:link,
#footer ul li a:visited
              {font-size:12px; color:#7a7a7a}
#footer p     {float:right; font-weight:normal; color:#7a7a7a} 
.tabs-hide    
              {display: none}
#tabs { float: left; margin-bottom: 10px; }
#tabs ul      {height:18px}
#tabs ul li   {float:left; border-left:1px solid #ccc; padding:0 10px}
#tabs ul li.first
              {border:none; padding-left:0}
#tabs ul li a:link,
#tabs ul li a:visited
              {color:#000; font-size:12px; font-weight:bold; text-decoration:none}
#tabs ul li a:hover,
#tabs ul li a:active,
#tabs ul li.tabs-selected a:link,
#tabs ul li.tabs-selected a:visited
              {color:#ab1802}
#tabs p       {font-weight:normal; line-height:14px}
#tab1 a:link,
#tab1 a:visited
              {color:#000; font-weight:bold; font-size:12px; text-decoration:underline}
#tab1 a:hover,
#tab1 a:active
              {text-decoration:none}
#tab3 img     {float:left; margin-right:10px}
#tab2 { width: 280px; }
#tab2 table td.img img { max-height: 55px; }

#sessionid { display: none; height: 1px; width: 1px; overflow: hidden;}
#printcontent { width: 100%; }

.right-box { float: right; display: block; width: 280px; border-left: solid 1px #ccc; margin: 5px; min-height: 440px; padding: 10px; }
.left-box { float: left; display: block; width: 600px; margin: 5px; }

.right-box p { margin: 5px; padding-left: 5px; font-weight: normal; }

.contactForm label { float: left; clear: both; width: 300px; text-align: right; padding: 5px; line-height: 25px; font-weight: normal; }
.contactForm span { vertical-align: bottom; margin-left: 312px; }
.contactForm input[type=text],
.contactForm textarea {
	width: 200px;
	height: 20px;
	border: solid 1px #CCCCCC;
	font-family: arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin: 4px;
	padding: 2px;
	line-height: 20px;
}

.contactForm { width: 525px; }

.contactForm textarea {
	height: 100px;
}

#product-detail-wrap {float:left; width:100%; overflow:hidden;}

#box20110808 {
	width: 100%;
	height: 168px;
}
#box20110808 .borderblock {
	position: relative;
	float: left;
	width: 298px;
	height: 128px;
	border: solid 1px #ccc;
	padding: 10px 0 0 15px;
	margin-top: 4px;
	margin-right: 17px;
}
#box20110808 #designerchairs {
	margin-left: 1px;
	margin-right: 0;
}