@import url(blueprint/src/reset.css);
@import url(grid.css);
@import url(fonts.css);

/*Reference*/

/*

#c95b02		Orange
#f0eeea		Cream

*/

/*************************
****	General
*************************/
/*body 		{ font: normal 12px/1.4em "Helvetica Neue", Arial, sans-serif; color: #555; background: url(../img/wood-desat-dark.jpg) #412F25; margin: 0; padding: 0; }*/
/*h1		{ font: bold 2em/1 "Helvetica Neue", Arial, sans-serif; }
h2			{ font: normal 18px/1.2 "Gotham", Helvetica, sans-serif; letter-spacing: -1px; margin: 10px 0; text-transform: uppercase; color: #605243; }
h3			{ font: bold 13px/1.2 "Gotham", Helvetica, sans-serif; margin: 10px 0; text-transform: uppercase; color: #605243; }*/

html        { -webkit-font-smoothing: antialiased; }
body		{ color: #555; font: normal 1.4em/1.4em 'FontSiteSansRegular', arial, sans-serif; background: url(../img/wood-desat-dark.jpg) #412F25; font-size:62.5%; margin: 0; padding: 0; }
#all 		{ background: url(../img/trans.png) repeat-x 0 -100px; padding-top: 25px; }
a			{ color: #c95b02; text-decoration: none;  }
/*a:hover		{ color: #CC3A00; }*/
p 			{ font: normal 1.4em/1.4em 'FontSiteSansRegular', arial, sans-serif; margin-bottom: 2em;}
img			{ vertical-align: top; }
hr			{ clear: both; background: none; outline: none; border: 1px solid #ddd; }
hr.sep		{ margin: 15px 0; }
hr.clear 	{ visibility: hidden; margin: 0; }
hr.break 	{ visibility: hidden; margin: 0 0 15px 0; }
li			{ font: normal 1.4em 'FontSiteSansRegular', arial, sans-serif; list-style:none; }

/*************************
****	Header
*************************/

#header       { width: 970px; position:relative;}
#header h1        { text-indent: -9999px; }
#header h1 a 	{ width: 205px; padding-bottom: 15px; height: 90px; display: block; background: url(../img/logo.png) no-repeat; margin: 0 auto; }
#nav          { background: url(../img/tab_bg.png) #587129 repeat-x; list-style-type: none; overflow:hidden;}
#nav li 		{ float: left; font-family: "Gotham",Arial,sans-serif; text-transform: uppercase;}
#nav li a 		{ float: left; background: url(../img/tab_bg.png) #587129 repeat-x; color: #fff; line-height: 1; padding: 15px; display: block; text-shadow: #4E6424 2px 2px 1px; }
#nav li a:hover { color: #fff; background: #587129; }
#nav li a.current { color: #fff; background: #4E6424; }

/*************************
****	Content
*************************/


div#all								{  text-align:center; }

div#content							{ background:#fff; margin: 0 auto; padding:10px; text-align:left; width:950px; }
div#content:after					{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }

div#slideshow 						{ height: 310px; margin: 0 auto 39px; overflow: hidden; }
.product #slideshow                 { margin-bottom: 0; }
div#slideshow #images				{ margin-left:32px; float:left; width: 650px !important; }
div#slideshow h1					{ font: normal 2.6em 'FontSiteSansLightRegular', arial, sans-serif; }
div#slideshow h2					{ font: normal 1.6em 'FontSiteSansRegular', arial, sans-serif; text-transform:uppercase; }
div#slideshow h3					{ color:#c95b02; font: normal 3.0em 'FontSiteSansBold', arial, sans-serif; padding-top:18px;}
div#headingsGroup					{ float:left; padding: 110px 40px 30px; width:180px; }
div#pager							{ padding-top:40px; }

#banner							    { height:190px; /*310*/ overflow:hidden; padding:60px 38px; position: relative; width:281px; /* 357 */ }
#banner                             { height: 310px; width: 950px; padding: 0; }
#banner .cat_desc                   { background:url('../img/bg_banner.jpg') left top no-repeat; padding: 60px 40px 40px; height: 210px; width: 275px; overflow: hidden; display: block; position: absolute; top: 0; left: 0; z-index: 1; }
#banner .cat_desc h2				{ color:#fff; font: normal 20px 'FontSiteSansLightRegular', arial, sans-serif; text-transform:uppercase; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
#banner .cat_desc p					{ color:#fff; font: normal 14px/1.3 'FontSiteSansRegular', arial, sans-serif; padding-top:24px; text-shadow: 0 1px 3px rgba(0,0,0,0.25); }
#banner #images                     { width: 595px; height: 310px; display: block; position: absolute; top: 0; right: 0; }
#banner #images.no-image            { background: url(../img/image-noimage.jpg) center center no-repeat #ececec; }

#banner.product-banner .cat_desc            { padding: 50px 40px 40px; height: 220px; }
#banner.product-banner .cat_desc h2	        { color:#fff; font: normal 28px 'FontSiteSansLightRegular', arial, sans-serif; text-transform:uppercase; text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
#banner.product-banner .cat_desc h3         { color:#fff; font: bold 1.8em/normal FontSiteSansLightRegular, arial, sans-serif;}
#banner.product-banner .cat_desc p	        { color:#fff; font: normal 14px/1.3 'FontSiteSansRegular', arial, sans-serif; padding-top:14px; text-shadow: 0 1px 3px rgba(0,0,0,0.25); }
#banner.product-banner .cat_desc p span	    { color:#fff; font: normal 28px/1.3 georgia, arial, sans-serif; font-style: italic; padding-top:14px; text-shadow: 0 1px 3px rgba(0,0,0,0.25); }
#banner.product-banner .cat_desc p strong.specs			{ display: block; background: none; padding: 10px 0 0; }
#banner.product-banner .cat_desc p strong.specs a		{ color: #587129; }
#banner.product-banner .cat_desc p strong.specs a:hover { color: #fff; }
#banner.product-banner img.brand-logo       { position: absolute; bottom: 0; right: 0; }
div#pager							{ height:21px;}
div#pager a							{ background:url('../img/pager_s.gif') no-repeat top; display:block; float:left; height:21px; margin:0 4px 0 0; width:21px; text-indent: -9999px; }
div#pager a.activeSlide,
div#pager a:hover					{ background-position:bottom; }

.product div#mainContent			{ float:left; margin: 21px 22px 0 0; width:707px;}
div#mainContent p					{ }
div#mainContent ul#bar				{ background:url('../img/bg_bar.gif') no-repeat; height:50px; margin: 20px 29px 0 32px; padding-left: 120px; line-height:50px; vertical-align:center; }
div#mainContent ul#bar li			{ display:inline; padding-right:18px; }
div#mainContent ul#bar li a			{ color:#555; }
div#mainContent ul#bar li a:hover	{ color:#c95b02; }
div#mainContent ul#bar li a.current	{ color:#c95b02; }

div#mainContent h1					{ font: normal 3em 'FontSiteSansLightRegular', arial, sans-serif; padding:10px 22px; text-transform:uppercase;  }

div#productDetails					{ margin:0 29px 20px; padding: 15px 0 0; }
div#productDetails h2				{ font-size: 28px; padding: 10px 0 14px 0; }
div#productDetails h3				{ font-size: 22px; padding: 10px 0 14px 0; }
div#productDetails h4				{ font-size: 18px; padding: 10px 0 14px 0; }
div#productDetails h5				{ font-size: 14px; padding: 10px 0 14px 0; }
div#productDetails h6				{ font-size: 12px; padding: 10px 0 14px 0; }
div#productDetails p				{ margin: 0; padding: 0 0 9px 0; }
div#productDetails ul,
div#productDetails ol               { margin: 0; padding: 0 0 14px; }
div#productDetails ul li            { margin: 0 0 0 25px; padding: 0 0 5px; list-style: disc; }
div#productDetails ol li            { margin: 0 0 0 25px; padding: 0 0 5px; list-style: decimal; }


div#sideDetails						{ float:right; width:248px; }
div#sideDetails	h3					{ font: normal 1.4em 'FontSiteSansBold', arial, sans-serif; padding: 38px 11px 0 52px;}
div#sideDetails	h3:first-child      { margin-top: 0; padding-top: 0; }
div#sideDetails ul					{ border-bottom: 1px solid #f0eeea; margin:14px 0 0 0; padding: 0 11px 42px 52px;}
div#sideDetails ul li				{ background:url('../img/icon_bullets.gif') no-repeat left center; padding:0 28px 0 28px; }
div#sideDetails a:hover				{ text-decoration:underline; }

#relatedProducts					{ border-top: 1px solid #f0eeea; float:left; margin: 0 0 -20px; padding: 30px 0 0 10px; overflow:hidden; width: 707px;}
#relatedProducts h3				    { font: normal 1.8em 'FontSiteSansLightRegular', arial, sans-serif; margin: 0; padding: 0 20px 15px; text-transform:uppercase; }
#relatedProducts #products          { margin-top: 0; }
#relatedProducts #products li       { border-top: 0; }

#products							{ clear:both; margin-top:14px; overflow: hidden; }

/*tr                                    { background:url('../img/bg_tableRow_2.gif') no-repeat center top; }
tr#firstRow                         { background:none; }
*/

#categories                         { margin: 10px 0 0 40px; }
#categories li h4                   { font: normal 1.2em/1.4 'FontSiteSansBold', arial, sans-serif; }
#categories li h4 a                 { color: #555; }
#categories li h4 a:hover           { color: #c95b02; }


#products li						{ border: solid #f0eeea; border-width: 1px 0 0 1px; float: left; min-height: 200px; text-align:center; margin-bottom: 20px; padding:18px 0; width:173px; }
#products li:hover                  { background: #f7f7f7; }
#products li.left       			{ border-left: none; }
#products li div					{ padding:0 21px; text-align:left;}
#products li a						{ color:#555; }
#products li a:hover				{ text-decoration:underline; }
#products li h4						{ font: normal 1.1em/1.1 'FontSiteSansBold', arial, sans-serif; margin: 5px 0 5px; }
#products li h5						{ font: normal 0.8333em/1 'FontSiteSansLightRegular', arial, sans-serif; color: #999; }
#products li h6						{ color:#587129; font: normal 18px Georgia, arial, sans-serif; font-style: italic; margin: 0; padding:5px 0 0 0;}


#buttons                            {padding-bottom: 14px;}
#leftcol                            {float: left; margin-right: 22px; width: 464px;}
#rightcol                           {float: left; margin: 0 0 14px 0; width: 221px;}
#specs                              {font-size:14px; width: 464px;}
th                                  {background-color: #f0eeea; font-size: 15px; height: 37px; padding-left: 40px; text-transform: uppercase;}
td                                  {background-color: #fff; height: 27px;}
td.odd                              {background-color: #f7f7f5;}
td.title                            {padding-left: 40px; font-weight: bold;}
#rightcol a                         {margin-bottom: 14px;}
#rightcol h4                        { border-bottom: 1px solid #f0eeea; font: normal 1.8em 'FontSiteSansLightRegular', arial, sans-serif; margin: 0; padding: 10px 0 6px 0; }
#rightcol img                       { width:221px; padding: 14px 0 24px 0;}

div#pagination						{ overflow:hidden; font: normal 1.4em/1.4em 'FontSiteSansRegular', arial, sans-serif; float:right; min-width:124px; text-align:right;}
div#pagination a					{ background:url('../img/button_pageNumber_s.gif') no-repeat top; color:#555; display:block; float:left; height:27px; line-height:27px; vertical-align:center; margin:0 4px 0 0; width:27px; text-align:center;}
div#pagination a:hover				{ color:#c95b02; }
div#pagination a.current			{ color:#c95b02; background-position:bottom; }
div#pagination a#nextPage			{ background:url('../img/button_nextPage_s.gif') no-repeat top;}
div#pagination a#nextPage:hover		{ background-position:bottom; }

div#subContent						{ border: 5px solid #f0eeea; float:right; padding:15px 27px 0 27px; margin:0 0 0 0; width:157px; /*239*/ }
div#subContent h4					{ background: #587129 url(../img/tab_bg.png) repeat-x; color:#fff; font: normal 1.5em 'FontSiteSansLightRegular', arial, sans-serif; text-transform:uppercase; margin: 0 -14px; padding:10px 10px;}
div#subContent ul					{ border-bottom: 5px solid #f0eeea; margin:8px 0 26px 0; }
div#subContent ul li ul		{ border-bottom: none; margin:0; }
div#subContent li					{ border-bottom: 1px solid #f0eeea; font-size: 14px; }

div#subContent ul#side-nav li					{ border-bottom: 1px solid #f0eeea; font-size: 14px; display: none; }
div#subContent ul#side-nav li.current { display: block; }
div#subContent ul#side-nav li.current ul li { display: block; }

div#subContent li a					{ color: #555; display:block; padding:4px; }
div#subContent li a:hover			{ color:#c95b02; }
div#subContent li a.current			{ color:#c95b02; font-weight:800px; }

div#baseContent						{ float:left; text-align:center; margin:60px 0 18px; width:950px; }
div#baseContent img 				{ margin:0 16px 0 0; }
div#baseContent h6 					{ border-bottom: 1px solid #f0eeea; font: normal 1.4em 'FontSiteSansLightRegular', arial, sans-serif; padding-bottom:14px; margin:0 14px 16px 32px; text-align:left; text-transform:uppercase;}


div#footer							{ margin: 0 auto; padding:10px; text-align:right; width:950px; }


.homepage div#slideshow				{ height: 380px; position: relative; }
#content #slideshow p { position: relative; }
#content #slideshow p.caption	{ background: rgba(48,35,29,.85); color: #FFF; font-size: 12px; padding: 10px 20px; font-weight: bold;  text-align: right; line-height: 11px; float: right; margin-top: -31px; z-index: 1000; }
/**/

#content { margin-top: -2px; background: white; padding: 10px; }

body.homepage h2	{ font-size: 18px; }
body.default h2		{  margin: 5px 0 15px 0; font-size: 26px; line-height: 1.3; }
.intro p { font-size: 14px;line-height: 22px; }

.button-blue    {color:#fff; display: block; font-size: 14px; height: 62px; }
.button-blue span    { float: left; display: block; font-size: 14px; vertical-align: center; line-height: 62px; padding:0 14px 0 14px; text-transform: uppercase;}
.column .button-blue    { background: url('../img/button_blue_tile.png') repeat-x; float: left; margin-top: 15px; }
#buttons .button-blue   {background: url('../img/bg_button_blue.png') no-repeat; width:221px;}
.column .button-blue img    {float: left;}
.button-brown   {background: url('../img/bg_button_brown.png') no-repeat; color:#fff; display: block; font-size: 14px; height: 62px; width: 221px;}
.button-brown span    { display: block; font-size: 14px; vertical-align: center; line-height: 62px; padding:0 14px 0 14px; text-transform: uppercase;}



/* Homepage */

.blocks h2 		{ text-align: center; }
.blocks p     { margin-left:10px; width:135px; }
.blocks img		{ display: block; margin: 0 auto; }
.blocks a.more	{ font-weight: normal; text-transform: uppercase; font-family: "Gotham"; display: block; margin-top: 5px; font-size: 12px; }
/**/

/* Inner page */

#thumbs {}
#thumbs img		{ float:left; border: 5px solid #DCD9D0; padding: 0px; margin: 0 0 15px 15px; cursor: pointer; }
#thumbs img#thumb_0		{ margin-left:0;}
#thumbs p.caption { clear: both; text-align: right; margin-right: 10px; margin-bottom: 10px; font-size: 11px; line-height: 11px; float: none; }
#mfg .mfg_detail { height: 100px; margin-bottom: 30px; }
#mfg .mfg_detail a { color: #777; font-size: 11px; }
#mfg .mfg_detail a strong { display: block; }
#mfg .mfg_detail a:hover { color: #333; }
#mfg .mfg_detail a:hover strong { color: #c95b02; text-decoration: underline; }
#mfg .mfg_detail span { display: block; }
#mfg .mfg_detail img { display: block; margin: 5px auto 0 auto; max-width: 150px; max-height: 80px; }
.specs { background: #F2F1EE; padding: 0 10px 10px 10px; }
.specs ul		{ list-style-type: none; }
.specs ul li a	{ display: block; font-size: 13px; padding: 3px; }
.specs ul li a:hover { background: #DCD9D0; }
/**/

.contact_details p { font-size: 16px; line-height: 1.4em; }
.column #map        { margin-top:60px; }

/*************************
****	Footer
*************************/
#footer			{ text-align: right; padding: 10px; background: #30231D; }
#footer p 		{ margin: .25em 0; }
#footer span	{ color: #736159; }