/* Global
------------------------------*/
html, body, form { margin: 0px; padding: 0px; }
strong, b { color:#640300; }
img { border: 0px; margin: 0 auto; }
.center { text-align:center;}
a, a:hover { font-weight: normal; text-decoration: underline; }
a { color:#660000; }
a:hover { color: #CC9900; }

body, table, input, select, textarea, font { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	color: #5F4B19; 
}

h1, h2 { font-size: 12px; color:#640300; }
h3, h4 { font-size: 12px; }

/* TEMPLATE
-------------------------------------------------------------------------------------------------------------*/

/* Classes
------------------------------*/

.tablewidth { width: 910px; text-align: left; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.spacer01 { background: #FFFFFF; }
.spacer02 { background: #816D34; }
.spacer03 { background: #B1A979; }
.spacer04 { background: #EAE6BB; }
.text01 { background: #B1A979; }
.req { color: #ff0000; }

/* Home/Internal
------------------------------*/
#body { background:  url(../images/background.gif) repeat-x #816D34; }

#header { height: 77px; background: url(../images/header-bg.gif) repeat-x #7F6B32; }
#i-header { background: url(../images/i-header-bg.gif) repeat-x #7F6B32; }

#logo { display: inline; float: left; width: 341px; height: 77px; }
#i-logo { display: inline; float: left; width: 337px; height: 64px; } 

#search-bg { display: inline; float: right; width: 171px; height: 77px; background: url(../images/search-bg.gif) no-repeat; }
#search-pad { padding-left:3px; padding-top:49px; }
#i-search-bg { display: inline; float: right; width: 171px; height: 64px; background: url(../images/i-search-bg.gif) no-repeat; }
#i-search-pad { padding-left:3px; padding-top:47px; }
#searchbox-sword { background: transparent; color: #000000; width: 106px; border: 0px; }
#searchbox-button { width: 20px; height: 18px; vertical-align: middle; }

#banner-photo { height: 222px; background: #A17C17; }
#i-banner-photo { float: left; width: 884px; height: 189px; background: #A17C17; }

#banner-photo-pad { float: left; padding: 4px; }
#banner { float: left; width: 587px; height: 22px; border-bottom: 1px solid #BCB180; margin-bottom: 10px; }

/*slideshow*/
#slideshow {display:block; position:relative; margin: 0 0 0 10px; width: 888px; height: 222px; padding-right:10px; background: url(../images/bnr-photo-right.gif) right 0 no-repeat; }
#slideshow span { display:block; position:absolute; z-index:8; height: 100%; width:100%; background: url(../images/slideshow.jpg) 0 0 no-repeat; }
#slideshow span.active { z-index:10; }
#slideshow span.last-active { z-index:9; }

#slideshow #photo-01 { background-position: 0 0; }
#slideshow #photo-02 { background-position: 0 -222px; }
#slideshow #photo-03 { background-position: 0 -444px; }
#slideshow #photo-04 { background-position: 0 -666px; }
#slideshow #photo-05 { background-position: 0 -888px; }


#nav { height: 38px; background: url(../images/nav-bg.gif) repeat-x #5C3222; }
#nav-items { float: left; display: inline; text-align:center; width: 871px; }
#nav-pad { padding-top: 4px; }
#nav div { display: inline; }

#dropdown { border-left: 1px solid #B49274; background: #640204; font-size: 11px; width: 160px; border-collapse: collapse; opacity: .85; filter: Alpha(opacity=85); position:relative; top: 0px; left: 0px }
#dropdown ul { margin: 0px; padding: 3px 10px 6px 0px; }
#dropdown li { font-size: 11px; margin-left: 10px; list-style-type: none; padding: 3px 0px 3px 10px; background: url(../images/dropdown-li-bg.gif) left no-repeat 7px; }
#dropdown li:hover { color: #DA9C18; }
#dropdown li a { display: block; color: #ffffff; text-decoration: none; }
#dropdown li a:hover { color: #DA9C18; }

#dropdown2 { border-left: 1px dotted #DA9C18; background: #640204; font-size: 11px; width: 160px; border-collapse: collapse; opacity: .85; filter: Alpha(opacity=85); }
#dropdown2 ul { margin: 0px; padding: 3px 10px 6px 0px; }
#dropdown2 li { font-size: 11px; margin-left: 10px; list-style-type: none; padding: 3px 0px 3px 10px; background: url(../images/dropdown-li-bg.gif) left no-repeat 7px; }
#dropdown2 li a { color: #ffffff; text-decoration: none; }
#dropdown2 li a:hover { color: #DA9C18; }

#main-body { margin: 10px 0px 10px 10px; background: #EAE6BB; width: 888px; }
#i-main-body { margin: 10px 0px 0px 10px; background: url(../images/i-main-body-bg.gif) repeat-y #EAE6BB; width: 888px; border-bottom: 1px solid #EAE6BB; }

#content { width: 829px; margin: 12px 0px 0px 28px; }
#content-pad { padding: 67px 24px 0px 19px; }
#content-text { float: left; display: inline; width: 525px; }
#content-right { margin-left: 10px; float: left; width: 288px; display: inline; background: #CEC596; }

#home-buttons { margin-top: 11px; text-align: center; }
#home-buttons img { margin-bottom: 7px; }

#side-nav { width: 190px; float: left; background: url(../images/sidenav-bg-shell.gif) no-repeat top; }
#side-nav div { display: inline; background: #816D34; }
#i-content { display: inline; float: left; margin: 16px 0px 0px 25px; }
#i-content-pad {}
#i-content-text { margin: 20px 0px; width: 648px; }

#i-side-btns { margin-top: 2px; }
#i-side-btns img { margin-top: 3px; }

#crumbs { clear: left; }
#crumb a { color: #C3A232; }
#crumb a:hover { color: #C3A232; }
#crumb strong { color: #5F4B19; }

#i-footer { margin-left: 10px; width: 888px; color: #5F4B19; font-size: 11px; line-height: 160%; text-align: center; background: #EAE6BB; }
#i-footer-pad { padding: 10px 0px 4px 0px; margin: 0px 30px; border-top: 1px solid #BCB180; }
#footer { margin-top: 10px; color: #5F4B19; font-size: 11px; line-height: 160%; border-top: 1px solid #BCB180; text-align: center; background: #EAE6BB; }
#footer a, #footer a:hover {  }
#footer-pad { padding: 10px 0px 4px 0px; }

/* TYPO3 replacement/ext css
-------------------------------------------------------------------------------------------------------*/

/* Classes 
------------------------------*/
.contenttable { }
.contenttable td { }
p.bodytext { margin: 5px 0px; }

/* TAF
------------------------------*/
#taf-form {}
#taf-form input.input { border: 1px solid #BCB180; width: 160px; }
#taf-form td.taf_text { width: 100px; text-align: right; }
#taf-form input.csc-mailform-submit { text-align: left; background: url(../images/btn-send.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 71px; height: 19px; }
#taf-form textarea.input { border: 1px solid #BCB180; width: 260px; height: 100px; }


/* Mail Form 
------------------------------*/

#mailform { }
.csc-mailform { border: 0px; }
td.csc-mailform-field { width: 180px; text-align: right; vertical-align: top; padding: 2px 3px 0px 0px; }
td.csc-mailform-label { font-weight: bold; padding-top: 10px; }
td.csc-mailform-input { width: 155px; vertical-align: middle; }
td.csc-mailform-input input { border: 1px solid #B0953A; width: 150px; }
td.csc-mailform-input select { border: 1px solid #B0953A; width: 155px; }
td.csc-mailform-input input.csc-mailform-check { vertical-align: middle; border: 0px; width: 20px; }
td.csc-mailform-input textarea { border: 1px solid #B0953A; width: 300px; height: 70px; }
td.csc-mailform-input input.csc-mailform-submit { text-align: left; background: url(../images/btn-send.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 71px; height: 19px; }

/* Site Map
------------------------------*/
div.csc-sitemap ul { padding: 0px; margin: 0px 0px 0px 4px; list-style: none; }
div.csc-sitemap li { padding: 3px 13px; background: url(../images/sitemap-li-bg.gif) no-repeat 0px 7px; border-top: 1px dotted #640604; }
div.csc-sitemap li a { font-weight: bold; }
div.csc-sitemap li ul li { padding: 3px 13px; background: url(../images/sitemap-li-li-bg.gif) no-repeat 0px 7px #EAE6BB; border: 0px; }
div.csc-sitemap li ul li a { font-weight: normal; }
div.csc-sitemap li ul li ul li { padding: 3px 13px; background: url(../images/sitemap-li-li-li-bg.gif) no-repeat 0px 7px; border: 0px; }
div.csc-sitemap li ul li ul li a, div.csc-sitemap li ul li ul li a:hover { font-weight: normal; color:#816D34; }

/* Search
------------------------------*/
.tx-indexedsearch-searchbox-sword { padding-left: 3px; border: 1px solid #C6CCDB; width: 100px; }
.submit { background: #031B6E; color: #ffffff; border: 1px solid #C6CCDB; width: 40px; }
/*product search*/
#products-search input.text { border: 1px solid #74622C; padding: 2px; width: 135px; height: 14px; }
#products-search input.submit { text-align: left; background: url(../images/btn-search.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 83px; height: 19px; vertical-align: middle; }
/*results*/
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:#5F4B19; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#CEC597; }

/* Ajax Search
------------------------------*/
#tx_mhajaxsearch_q { border: 1px solid #9CB87E; padding: 2px 2px 0px 2px; height: 14px; }
ul.tx_mhajaxsearch_ul { padding: 0px; margin: 0px 0px 0px 4px; list-style: none; }
ul.tx_mhajaxsearch_ul li { padding: 3px 13px; background: url(../images/sitemap-li-bg.gif) no-repeat 0px 8px; }

/* Products
------------------------------*/
.fabric-swatch-list { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 10px; border-bottom: 1px solid #DAD6A8; margin-bottom: 5px; width: 100%; }
.fabric-swatch-list ul { margin: 0px; padding: 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.fabric-swatch-list li { padding-left: 10px; background: url(../images/fabric-swatch-li-bg.gif) 0px 5px no-repeat; }
.fabric-swatch-list p { padding: 0px; }
.fabric-swatch-list div.image { background: url(../images/fabric-swatch-bg.gif) right bottom no-repeat; height: 107px; width: 118px; }

.fabric-swatch-single-pl { float: left; margin-bottom: 7px; }
.fabric-swatch-single-pr { float: right; margin-bottom: 7px; }

.fabric-swatch-single { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding-bottom: 10px; border-bottom: 1px solid #DAD6A8; margin-bottom: 5px; width: 100%; }
.fabric-swatch-single ul { margin: 0px; padding: 0px; list-style-type: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.fabric-swatch-single li { padding-left: 10px; background: url(../images/fabric-swatch-li-bg.gif) 0px 5px no-repeat; }
.fabric-swatch-single p { padding: 0px; }
.fabric-swatch-single div.image { /*background: url(../images/fabric-swatch-bg.gif) right bottom no-repeat;*/ width: 200px; }

.fabric-swatch-single-pl { float: left; margin-bottom: 7px; }
.fabric-swatch-single-pr { float: right; margin-bottom: 7px; }

/* Misc
------------------------------*/
div.tx-danewslettersubscription-pi1 input { vertical-align: middle; }
div.tx-danewslettersubscription-pi1 input.newsletter-input { padding: 1px 2px; border: 1px solid #B0953A; width: 150px; vertical-align: middle; }
div.tx-danewslettersubscription-pi1 input.newsletter-submit { text-align: left; background: url(../images/btn-submit.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 83px; height: 19px; vertical-align: middle; }
div.tx-danewslettersubscription-pi1 input.newsletter-subscribe { text-align: left; background: url(../images/btn-subscribe.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 104px; height: 19px; vertical-align: middle; }
div.tx-danewslettersubscription-pi1 input.newsletter-unsubscribe { text-align: left; background: url(../images/btn-unsubscribe.gif) no-repeat; color: #E3DFB0; border: 0px; font-size: 0px; width: 120px; height: 19px; vertical-align: middle; }

DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR TD.tx-danewslettersubscription-pi1-descr P {margin-bottom: 10px;}
DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD input.newsletter-input { }
DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD p input {padding: 1px 2px; border: 1px solid #B0953A; width: 150px; vertical-align: middle; }
DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD {background-color: #EAE6BB;}
DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD P {font-weight: bold;}

	DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR TD.tx-danewslettersubscription-pi1-descr P {margin-bottom: 10px;}
	DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD { background-color: #EAE6BB; }
	DIV.tx-danewslettersubscription-pi1 TABLE TR.tx-danewslettersubscription-pi1-form-row TD.tx-danewslettersubscription-pi1-form-header {background-color: #EAE6BB; }
	DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD {background-color: #EAE6BB; }
	DIV.tx-danewslettersubscription-pi1 DIV.tx-danewslettersubscription-pi1-listrow TABLE TR.tx-danewslettersubscription-pi1-listrow-header TD P {font-weight: bold; }

/*pages*/
.energy {}
.energy #i-main-body { background: url(../images/i-main-body-bg.png) repeat-y #EAE6BB; }
.energy #i-content { background: url(../images/green-bg.jpg) repeat-x #EAE6BB; }
.energy #banner {  }
.energy #side-nav {background: url(../images/sidenav-bg-shell.png) no-repeat top; }
.energy #side-nav div { display: inline; background: #499114; }
.energy #crumbs a { color: #777; }
.energy #crumbs a:hover { color: #777; }
.energy #crumbs strong { color: #499114; }
.energy #i-footer {}
.energy #i-footer a { color: #499114;  }
.energy #nav { background: url(../images/nav-bg.png) repeat-x #499114; }
.energy #dropdown {background: #499114; }
.energy #dropdown2 { background: #499114; }