@import url(navigation.css);
@import url(form.css);

#wrapper { min-height: 100%; width: 990px; margin: 0 auto; }

#header { height: 109px; padding: 10px 15px 0; background: url(/images/layout/visualShadowTop.gif) center bottom no-repeat; position: relative; z-index: 5; }
#header h1 { width: 241px; height: 109px; float: left; }
#header h1 a { display: block; width: 112px; height: 104px; margin: 0 auto; text-indent: -19999px; background: url(/images/layout/h1Logo.jpg) left top no-repeat; }
#header h1 a:focus { outline: none; }

#visualBox { width: 956px; height: 326px; overflow: hidden; position: relative; padding: 2px 17px 7px; background: url(/images/layout/visualBoxBg.gif) center top no-repeat; }
#visualBox .visualBoxElement { width: 239px; height: 326px; float: left; overflow: hidden; color: #FFFFFF; position: relative; }
#visualBox .firstBox { background: #611700; }
/*.products .firstBox { background: #d7a46f !important; }*/
#visualBox .thirdBox { background: #9e2500; }
/*.products .thirdBox { background: #d7a46f !important; }*/
#visualBox .doubleBox { width: 478px; }
#visualBox .tripleBox { width: 717px; }
/*.products .visualBoxElement { color: #4e3618 !important; }*/

.products .description { display: block; font-size: 1.2em; line-height: 15px; }
.products .sizeToPrice { width: 100%; overflow: hidden; }
.products .size { display: block; float: left; width: 65%; text-align: right; font-size: 1.4em; line-height: 24px; }
.products .price { display: block; float: right; width: 35%; text-align: right; font-size: 1.6em; line-height: 24px; }

#visualBox .galleryBox { width: 956px; height: 326px; position: relative; overflow: hidden; background: #d7a46f; }
#visualBox .galleryBoxContent { width: 956px; height: 326px; position: absolute; top: 0px; left: 0px; overflow: hidden; }
#visualBox .galleryBoxContentPart { width: 478px; height: 326px; float: left; overflow: hidden; }

#visualBox .innerContentBox { height: 296px; padding: 15px; background: #d7a46f; color: #404040; }
#visualBox .innerContentBox p { margin: 0 0 15px; }
#visualBox .contentBox { height: 296px; padding: 15px; }
#visualBox .contentBox p, #visualBox .contentBox address { margin: 0 0 15px; }
#visualBox .contentBox address { font-size: 1.2em; line-height: 18px; font-style: normal; }
#visualBox .contentBox a { color: #FFFFFF; }

#visualBox .buttonWrapper { width: 130px; height: 35px; position: absolute; left: 50%; margin-left: -65px; bottom: 0px; background: url(/images/products/buttonWrapperBg.png) left top no-repeat; }
#visualBox a.button { display: block; width: 40px; height: 20px; position: absolute; top: 15px; text-indent: -19999px; }
#visualBox a#leftButton { left: 15px; background-image: url(/images/layout/leftButton.gif); background-repeat: no-repeat; background-position: left center; }
#visualBox a#rightButton { right: 15px; background-image: url(/images/layout/rightButton.gif); background-repeat: no-repeat; background-position: left center; }

#visualBox a.button:hover { background-position: right center !important; }
#visualBox a.button:focus { outline: none; }

#visualBox .topContent { padding: 15px; height: 175px; }
.products .topContent { height: auto !important; }
#visualBox .fullContent { height: 296px; }
#visualBox .bottomContent { padding: 0 15px 15px; width: 209px; position: absolute; bottom: 0; }
#visualBox h3 { font-size: 1.8em; font-style: italic; line-height: 24px; margin: 0 0 15px; font-weight: normal; }
.products h3,
#visualBox .contentBox h3 { margin: 0 !important; }
#visualBox .contentBox h3.gimmeSpace { margin: 0 0 10px !important; }
#visualBox p.alignRight { text-align: right; }
#visualBox h4 { font-size: 1.3em; font-style: italic; font-weight: bold; line-height: 18px; margin: 0 0 10px; }
#visualBox .galleryBox h4 { color: #e29000 !important; }
#visualBox #googlemaps h4 { margin: 0 0 5px; }
#visualBox p { font-size: 1.2em; line-height: 18px; font-style: italic; }
#visualBox p a { color: #404040; }
#visualBox p a:hover { color: #000000; }

#content { padding: 20px 10px 60px; width: 970px; overflow: hidden; }
#content h2 { color: #220800; font-size: 2.4em; font-weight: normal; font-style: italic; line-height: 30px; margin: 0 0 18px; }
#content h3 { color: #220800; font-size: 1.8em; font-style: italic; font-weight: normal; line-height: 24px; margin: 0 0 10px; }
#content p { font-size: 1.2em; line-height: 18px; padding: 0 0 18px; }

#content address { font-size: 1.2em; line-height: 18px; margin: 0 0 18px; font-style: normal; }

.leftColumn { width: 470px; float: left; }
.rightColumn { width: 490px; float: right; overflow: hidden; }
.contentRow { padding: 0 10px 0 22px; }

.furtherContent { clear: both; width: 490px; background: #FFFFFF url(/images/layout/furtherContentBg.gif) left top repeat-y; }
.furtherContent .outerFurtherContent { background: url(/images/layout/outerFurtherContentBg.gif) left top no-repeat; padding: 7px 0 0; }
.furtherContent .innerFurtherContent { background: url(/images/layout/innerFurtherContentBg.gif) left bottom no-repeat; padding: 0 7px 7px; width: 476px; overflow: hidden; }
.furtherContent .leftColumn { width: 211px; float: left; padding: 13px; overflow: hidden; }
.furtherContent .imageColumn { width: 237px; padding: 0; }
.furtherContent .rightColumn { width: 213px; float: right; padding: 13px; overflow: hidden; }
.furtherContent .fullColumn { padding: 13px; overflow: hidden; }
.furtherContent .leftColumn img { display: block; }

ul.productList { list-style-type: none; display: block; margin: 0 0 18px; }
ul.productList li { width: 100%; display: block; }
ul.productList li a { color: #333333; text-decoration: underline; font-size: 1.2em; line-height: 18px; }
ul.productList li a:hover { color: #000000; }

.furtherContent a.moreLink { float: right; color: #50381a; font-size: 1.4em; line-height: 18px; font-style: italic; }
.furtherContent a.moreLink:hover { color: #000000; }

#content .furtherContent h3, 
#content .productContent h3 { font-size: 1.8em; font-style: italic; line-height: 24px; font-weight: normal; margin: 0 0 15px; color: #4e3618; }

#footer { height: 30px; margin: -30px 0 0; width: 100%; background: url(/images/layout/footerBg.gif) left top repeat-x; }