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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { line-height: 1.5; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #333333; font-size: 75%; }

h1 { font-weight: normal; color: #222222; font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h1 img { margin: 0; }

h2 { font-weight: normal; color: #222222; font-size: 2em; margin-bottom: 0.75em; }

h3 { font-weight: normal; color: #222222; font-size: 1.5em; line-height: 1; margin-bottom: 1em; }

h4 { font-weight: normal; color: #222222; font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-weight: normal; color: #222222; font-size: 1em; font-weight: bold; }

h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }

p { margin: 0 0 1.5em; }
p img.left { display: inline; float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { display: inline; float: right; margin: 1.5em 0 1.5em 1.5em; padding: 0; }

a { text-decoration: underline; color: #000099; }
a:visited { color: #000066; }
a:focus { color: black; }
a:hover { color: black; }
a:active { color: #cc0099; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }

strong { font-weight: bold; }

em { font-style: italic; }

dfn { font-style: italic; font-weight: bold; }

sup, sub { line-height: 0; }

abbr, acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; font-style: italic; }

del { color: #666; }

pre { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

li ul, li ol { margin: 0 1.5em; }

ul { margin: 0 1.5em 1.5em 1.5em; list-style-type: disc; }

ol { margin: 0 1.5em 1.5em 1.5em; list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }

dd { margin-left: 1.5em; }

table { margin-bottom: 1.4em; width: 100%; }

th { font-weight: bold; }

thead th { background: #c3d9ff; }

th, td, caption { padding: 4px 10px 4px 5px; }

tr.even td { background: #e5ecf9; }

tfoot { font-style: italic; }

caption { background: #eee; }

.quiet { color: #666666; }

.loud { color: #111111; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

.clearfix { overflow: hidden; display: inline-block; }
.clearfix { display: block; }

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.top { margin-top: 0; padding-top: 0; }

.bottom { margin-bottom: 0; padding-bottom: 0; }

.container { width: 870px; margin: 0 auto; overflow: hidden; display: inline-block; }
.container { display: block; }

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22 { display: inline; float: left; margin-right: 10px; }
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22 { overflow-x: hidden; }

.last, div.last { margin-right: 0; }

.span-1 { width: 30px; }

.span-2 { width: 70px; }

.span-3 { width: 110px; }

.span-4 { width: 150px; }

.span-5 { width: 190px; }

.span-6 { width: 230px; }

.span-7 { width: 270px; }

.span-8 { width: 310px; }

.span-9 { width: 350px; }

.span-10 { width: 390px; }

.span-11 { width: 430px; }

.span-12 { width: 470px; }

.span-13 { width: 510px; }

.span-14 { width: 550px; }

.span-15 { width: 590px; }

.span-16 { width: 630px; }

.span-17 { width: 670px; }

.span-18 { width: 710px; }

.span-19 { width: 750px; }

.span-20 { width: 790px; }

.span-21 { width: 830px; }

.span-22, div.span-22 { width: 870px; margin: 0; }

input.span-1, textarea.span-1, select.span-1 { width: 30px !important; }
input.span-2, textarea.span-2, select.span-2 { width: 70px !important; }
input.span-3, textarea.span-3, select.span-3 { width: 110px !important; }
input.span-4, textarea.span-4, select.span-4 { width: 150px !important; }
input.span-5, textarea.span-5, select.span-5 { width: 190px !important; }
input.span-6, textarea.span-6, select.span-6 { width: 230px !important; }
input.span-7, textarea.span-7, select.span-7 { width: 270px !important; }
input.span-8, textarea.span-8, select.span-8 { width: 310px !important; }
input.span-9, textarea.span-9, select.span-9 { width: 350px !important; }
input.span-10, textarea.span-10, select.span-10 { width: 390px !important; }
input.span-11, textarea.span-11, select.span-11 { width: 430px !important; }
input.span-12, textarea.span-12, select.span-12 { width: 470px !important; }
input.span-13, textarea.span-13, select.span-13 { width: 510px !important; }
input.span-14, textarea.span-14, select.span-14 { width: 550px !important; }
input.span-15, textarea.span-15, select.span-15 { width: 590px !important; }
input.span-16, textarea.span-16, select.span-16 { width: 630px !important; }
input.span-17, textarea.span-17, select.span-17 { width: 670px !important; }
input.span-18, textarea.span-18, select.span-18 { width: 710px !important; }
input.span-19, textarea.span-19, select.span-19 { width: 750px !important; }
input.span-20, textarea.span-20, select.span-20 { width: 790px !important; }
input.span-21, textarea.span-21, select.span-21 { width: 830px !important; }
input.span-22, textarea.span-22, select.span-22 { width: 870px !important; }

.append-1 { padding-right: 40px; }

.append-2 { padding-right: 80px; }

.append-3 { padding-right: 120px; }

.append-4 { padding-right: 160px; }

.append-5 { padding-right: 200px; }

.append-6 { padding-right: 240px; }

.append-7 { padding-right: 280px; }

.append-8 { padding-right: 320px; }

.append-9 { padding-right: 360px; }

.append-10 { padding-right: 400px; }

.append-11 { padding-right: 440px; }

.append-12 { padding-right: 480px; }

.append-13 { padding-right: 520px; }

.append-14 { padding-right: 560px; }

.append-15 { padding-right: 600px; }

.append-16 { padding-right: 640px; }

.append-17 { padding-right: 680px; }

.append-18 { padding-right: 720px; }

.append-19 { padding-right: 760px; }

.append-20 { padding-right: 800px; }

.append-21 { padding-right: 840px; }

.prepend-1 { padding-left: 40px; }

.prepend-2 { padding-left: 80px; }

.prepend-3 { padding-left: 120px; }

.prepend-4 { padding-left: 160px; }

.prepend-5 { padding-left: 200px; }

.prepend-6 { padding-left: 240px; }

.prepend-7 { padding-left: 280px; }

.prepend-8 { padding-left: 320px; }

.prepend-9 { padding-left: 360px; }

.prepend-10 { padding-left: 400px; }

.prepend-11 { padding-left: 440px; }

.prepend-12 { padding-left: 480px; }

.prepend-13 { padding-left: 520px; }

.prepend-14 { padding-left: 560px; }

.prepend-15 { padding-left: 600px; }

.prepend-16 { padding-left: 640px; }

.prepend-17 { padding-left: 680px; }

.prepend-18 { padding-left: 720px; }

.prepend-19 { padding-left: 760px; }

.prepend-20 { padding-left: 800px; }

.prepend-21 { padding-left: 840px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22 { display: inline; float: left; position: relative; }

.pull-1 { margin-left: -40px; }

.pull-2 { margin-left: -80px; }

.pull-3 { margin-left: -120px; }

.pull-4 { margin-left: -160px; }

.pull-5 { margin-left: -200px; }

.pull-6 { margin-left: -240px; }

.pull-7 { margin-left: -280px; }

.pull-8 { margin-left: -320px; }

.pull-9 { margin-left: -360px; }

.pull-10 { margin-left: -400px; }

.pull-11 { margin-left: -440px; }

.pull-12 { margin-left: -480px; }

.pull-13 { margin-left: -520px; }

.pull-14 { margin-left: -560px; }

.pull-15 { margin-left: -600px; }

.pull-16 { margin-left: -640px; }

.pull-17 { margin-left: -680px; }

.pull-18 { margin-left: -720px; }

.pull-19 { margin-left: -760px; }

.pull-20 { margin-left: -800px; }

.pull-21 { margin-left: -840px; }

.pull-22 { margin-left: -880px; }

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22 { display: inline; float: right; position: relative; }

.push-1 { margin: 0 -40px 1.5em 40px; }

.push-2 { margin: 0 -80px 1.5em 80px; }

.push-3 { margin: 0 -120px 1.5em 120px; }

.push-4 { margin: 0 -160px 1.5em 160px; }

.push-5 { margin: 0 -200px 1.5em 200px; }

.push-6 { margin: 0 -240px 1.5em 240px; }

.push-7 { margin: 0 -280px 1.5em 280px; }

.push-8 { margin: 0 -320px 1.5em 320px; }

.push-9 { margin: 0 -360px 1.5em 360px; }

.push-10 { margin: 0 -400px 1.5em 400px; }

.push-11 { margin: 0 -440px 1.5em 440px; }

.push-12 { margin: 0 -480px 1.5em 480px; }

.push-13 { margin: 0 -520px 1.5em 520px; }

.push-14 { margin: 0 -560px 1.5em 560px; }

.push-15 { margin: 0 -600px 1.5em 600px; }

.push-16 { margin: 0 -640px 1.5em 640px; }

.push-17 { margin: 0 -680px 1.5em 680px; }

.push-18 { margin: 0 -720px 1.5em 720px; }

.push-19 { margin: 0 -760px 1.5em 760px; }

.push-20 { margin: 0 -800px 1.5em 800px; }

.push-21 { margin: 0 -840px 1.5em 840px; }

.push-22 { margin: 0 -880px 1.5em 880px; }

.prepend-top { margin-top: 1.5em; }

.append-bottom { margin-bottom: 1.5em; }

.showgrid { background: url('/public/images/grid.png?1266689616'); }

.error { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.error a { color: #8a1f11; }

.notice { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fff6bf; color: #514721; border-color: #ffd324; }
.notice a { color: #514721; }

.success { padding: .8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.success a { color: #264409; }

.hide { display: none; }

.highlight { background: yellow; }

.added { background: #006600; color: white; }

.removed { background: #990000; color: white; }

label { font-weight: bold; }

fieldset { padding: 1.4em; margin: 0 0 1.5em 0; }

legend { font-weight: bold; font-size: 1.2em; }

input.text, input.title, input[type=text] { margin: 0.5em 0; background-color: #fff; padding: 5px; }
input.title { font-size: 1.5em; }
input[type=checkbox], input.checkbox, input[type=radio], input.radio { position: relative; top: 0.25em; }

textarea { margin: 0.5em 0; padding: 5px; }

select { margin: 0.5em 0; }

fieldset { border: 1px solid #cccccc; }

input.text, input.title, textarea, select { border: 1px solid #bbbbbb; }
input.text:focus, input.title:focus, textarea:focus, select:focus { border: 1px solid #666666; }

input.text, input.title { width: 300px; }

textarea { width: 390px; height: 250px; }

body.grid .container { z-index: 30; }
body.grid #grid { position: absolute; width: 100%; }
body.grid #grid .container { z-index: 10; opacity: .5; background: url('/public/images/../../images/grid.png'); }

#main_nav { list-style-type: none; margin: 0; padding: 0; position: absolute; bottom: 0; right: 0; }
#main_nav li { float: left; margin-left: .5em; }
#main_nav li a { display: block; margin: 0; padding: .5em .5em 1em; text-decoration: none; font-size: 1.2em; line-height: 1.1em; color: #999999; font-weight: bold; }
#main_nav li.selected a, #main_nav li a:hover { color: #4d4d4d; border-bottom: 6px solid; border-bottom-color: #50603b; margin-bottom: -6px; }

#sidebar { display: inline; float: left; margin-right: 10px; width: 190px; }
* html #sidebar { overflow-x: hidden; }

.flash { margin: 0; }

#login_bar { position: absolute; right: 0; top: 18px; }

#footer p, #footer ul { font-size: .85em; line-height: 1.65em; margin-bottom: 0; }
#footer p { color: #b7a397; float: left; }
#footer p a { color: inherit; text-decoration: none; }
#footer ul { list-style-type: none; padding: 0; margin: 0; float: right; }
#footer ul li { float: left; color: #fff; background-repeat: no-repeat; height: 18px; padding: 0; }
#footer ul li.phone { background-position: top left; background-image: url(/images/footer-contact-rounded_caps-left.gif); border-right: 1px solid #423832; padding-left: 7px; }
#footer ul li.phone span, #footer ul li.phone a { padding-left: 0; }
#footer ul li.address { background-position: top right; background-image: url(/images/footer-contact-rounded_caps-right.gif); padding-right: 7px; }
#footer ul li.address span, #footer ul li.address a { padding-right: 0; }
#footer ul li span, #footer ul li a { padding: 2px 5px 15px; background-color: #1a0f00; }
#footer ul li a { color: #fff; text-decoration: none; }

form#new_user_session { margin-top: 36px; }
form dl { overflow: hidden; padding-top: 1.5em; margin-bottom: 0; }
form dt { float: left; display: inline; float: left; margin-right: 10px; width: 110px; }
* html form dt { overflow-x: hidden; }
form input#user_session_remember_me { margin-left: 105px; }
form dd.text_field, form dd.password_field, form dd.text_area { margin-top: -.25em; margin-left: 120px; margin-bottom: 1em; }
form dd.text_field input.text, form dd.text_field input.text_password, form dd.text_field textarea, form dd.password_field input.text, form dd.password_field input.text_password, form dd.password_field textarea, form dd.text_area input.text, form dd.text_area input.text_password, form dd.text_area textarea { width: 350px; margin: 0; }
form select { margin: 0 0 1.5em; }
form textarea { height: 79px; }
form dt label { display: block; }
form label, form input, form textarea { vertical-align: middle; font-size: 1em; font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: .05em; color: #50603b; }
form .buttons { text-align: right; display: inline; float: left; margin-right: 10px; width: 350px; margin-right: 0; margin-left: 120px; }
* html form .buttons { overflow-x: hidden; }
form .buttons input { border: 1px solid; border-color: #b3c698; background: #fff url(/images/submit_button_background.gif) repeat-x bottom left; padding: .2em .4em; font-size: 1.25em; text-transform: lowercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; color: #82926d; }
form .buttons .close, form .buttons .cancel { text-decoration: none; color: #999; padding-bottom: 3px; }
form .buttons .close:hover, form .buttons .cancel:hover { color: #933; border-bottom: 1px dotted #d77; }

#facebox { z-index: 2000; }
#facebox .footer { display: none !important; }
#facebox h1 { background: #d6e0c7 url(/images/nav_selected.gif) repeat-x top left; font-size: 1.4em; padding: 20px 10px 10px; margin: -10px -10px 1.5em; font-weight: bold; height: 17px; border-bottom: 2px solid #cad8b9; color: #4d4d4d; }
#facebox h2 { font-size: 1.2em; font-weight: bold; }
#facebox .buttons { padding: 10px; margin: 1.5em -10px -10px; float: none; display: block; width: auto; border-top: 1px solid #ccc; }
#facebox .buttons a, #facebox .buttons input { vertical-align: middle; margin-left: 1em; }
#facebox dd.city_state_zip { margin-bottom: 1.5em; }
#facebox .city, #facebox .state, #facebox .zip, #facebox .phone { margin-top: 0; margin-bottom: 0; }
#facebox .city.text { width: 190px; }
#facebox .state.text { width: 20px; }
#facebox .zip.text { width: 110px; }
#facebox .phone.type { width: 110px; margin-right: 5px; }
#facebox .phone.number { width: 220px; }
#facebox textarea#about_body { height: 360px; }
#facebox dd p { height: 0; margin: 0; padding: 0; }

#facebox_overlay { z-index: 1900; }

.admin.actions { list-style-type: none; margin: 0; padding: 0; }
.admin.actions li { border: 0 !important; background: transparent !important; margin-right: 3px !important; opacity: 1 !important; }
.admin.actions a { background: #777 !important; border-bottom: 1px solid #333; border-right: 1px solid #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0 1px 0 #777; color: #fff !important; opacity: 1 !important; padding: .3em .5em !important; }
.admin.actions a:hover { background: #999 !important; text-shadow: 0 1px 1px #333; color: #333 !important; }

body, html, #header, #body, #footer { margin: 0; padding: 0; color: #4d4d4d; background-repeat: repeat-x; background-position: top left; }
body .container, html .container, #header .container, #body .container, #footer .container { position: relative; }

#placeholder { z-index: 2000; }

#flash { position: absolute; width: 60%; z-index: 1000; }

#header { background-image: url(/images/header_background.gif); background-color: transparent; }
#header h1, #header h1 a { height: 104px; width: 108px; overflow: hidden; }
#header h1 { position: absolute; bottom: -68px; left: 109px; }
#header h1 a { text-indent: -9999px; background: transparent url(/images/logo.gif) no-repeat top left; display: block; }
#header .container { height: 126px; overflow: visible; }

#body { background-image: url(/images/body_background.gif); background-color: #dee7d4; padding-top: 90px; }
#body .container { padding-bottom: 36px; }
#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 { font-weight: bold; }
#body h1 { font-size: 1.5em; margin: .45em 0; }

#main { display: inline; float: left; margin-right: 10px; width: 630px; display: inline; float: right; position: relative; margin: 0 -40px 1.5em 40px; margin-right: 0; }
* html #main { overflow-x: hidden; }

#main .admin.actions, #sidebar .admin.actions { margin: .5em 0; }
#main .admin.actions a, #sidebar .admin.actions a { background: #ccc; color: #666; opacity: .8; border-left: 1px solid #ccc; text-align: left; display: inline-block; margin: 0; padding: 0; width: auto; padding: .3em .3em; font-weight: normal !important; font-size: 1em !important; text-decoration: none; }
#main .admin.actions a:hover, #sidebar .admin.actions a:hover { background: #999; color: #fff !important; }
#main li, #main dt, #sidebar li, #sidebar dt { position: relative; }
#main li:hover ul.admin.actions, #main dt:hover ul.admin.actions, #sidebar li:hover ul.admin.actions, #sidebar dt:hover ul.admin.actions { display: block; }
#main li ul.admin.actions, #main dt ul.admin.actions, #sidebar li ul.admin.actions, #sidebar dt ul.admin.actions { list-style-type: none; margin: 0; padding: 0; display: none; top: -.15em; position: absolute; z-index: 1000; width: auto; }
#main li ul.admin.actions li, #main dt ul.admin.actions li, #sidebar li ul.admin.actions li, #sidebar dt ul.admin.actions li { background: #666; opacity: .8; float: left; color: #ccc; border-left: 1px solid #ccc; display: block; margin: 0; padding: 0; width: auto; }
#main li ul.admin.actions li a, #main dt ul.admin.actions li a, #sidebar li ul.admin.actions li a, #sidebar dt ul.admin.actions li a { padding: .3em .3em; font-weight: normal !important; font-size: 1em !important; display: block; margin: 0; }
#main li ul.admin.actions li a:hover, #main dt ul.admin.actions li a:hover, #sidebar li ul.admin.actions li a:hover, #sidebar dt ul.admin.actions li a:hover { background: #999; }

#footer { background-image: url(/images/footer_background.gif); background-color: #260d00; padding-top: 18px; padding-bottom: 18px; }

.button { background: #666; opacity: .8; color: #ccc !important; border-left: 1px solid #ccc; padding: 5px; font-weight: normal; font-size: 1em; margin: 0; margin-top: 5px; display: block; text-shadow: 0 -1px 0 #333; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.button:hover { background: #999; color: #fff !important; }

#yard_shot { height: 240px; padding: 30px; background: #666; color: #ccc; margin-bottom: 0; }

#products { width: 98%; margin-bottom: 1.5em; }
#products.position-1 { margin-top: 3em; }
#products.position-2 { margin-top: 6.5em; }
#products.position-3 { margin-top: 9.8em; }
#products.position-4 { margin-top: 13em; }
#products.position-5 { margin-top: 16.2em; }
#products.position-6 { margin-top: 19.5em; }
#products.position-7 { margin-top: 22.7em; }
#products.position-8 { margin-top: 26em; }
#products.position-9 { margin-top: 29.3em; }
#products.position-10 { margin-top: 32.5em; }
#products.position-11 { margin-top: 35.8em; }
#products.position-12 { margin-top: 39em; }
#products.position-13 { margin-top: 42.3em; }
#products.position-14 { margin-top: 45.5em; }
#products.position-15 { margin-top: 48.8em; }
#products #intro .sub_categories { overflow: hidden; margin-bottom: 10px; }
#products #intro .sub_categories .display { margin-bottom: 0; background: #333; position: relative; z-index: 1; clear: left; }
#products #intro .sub_categories .display img { width: 100%; display: block; }
#products #intro .sub_categories .display:hover .description { display: block; }
#products #intro .sub_categories .display .description { display: none; background-color: #333; background-color: rgba(51, 51, 51, 0.8); padding: 8px 30px 8px 30px; position: absolute; top: 200px; width: auto; }
#products #intro .sub_categories .display .description h5 { font-size: 2em; margin-bottom: 0; margin-top: 0; color: #ccc; }
#products #intro .sub_categories .display .description a { width: auto; text-decoration: none; color: #999; font-weight: normal; border-bottom: none; }
#products #intro .sub_categories .display .description a:hover { color: #fff; border-bottom: 2px solid #666; }
#products #intro .sub_categories .display .description p { margin-bottom: 0; }
#products #intro .sub_categories .thumbs { background: #555; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#666)); -webkit-box-shadow: 0 8px 30px #222; position: relative; z-index: 100; padding: 5px; border-top: 1px solid #fff; border-bottom: 1px solid #333; margin-bottom: 0; zoom: 1; }
#products #intro .sub_categories .thumbs:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#products #intro .sub_categories .thumbs ul { z-index: 500; width: 1000%; padding: 0 !important; margin: 0 !important; }
#products #intro .sub_categories li { position: relative; -webkit-box-shadow: 0 0 20px #333; display: block; float: left; vertical-align: middle; border: 1px solid #666; border-top-width: 2px; margin-right: 6px; }
#products #intro .sub_categories li.selected { border: 2px solid #fff; }
#products #intro .sub_categories li a { margin: 0; padding: 0; display: block; text-decoration: none; color: #ccc; }
#products #intro .sub_categories li a:hover { border: 1px solid #ccc; margin: -1px; }
#products #intro .sub_categories li a:hover h5 { display: block; }
#products #intro .sub_categories li img { width: 100%; margin: 0; display: block; }
#products #intro .sub_categories li h5 { background-color: rgba(51, 51, 51, 0.9); -webkit-box-shadow: 0 0 20px #333; color: #ccc; padding: .5em; position: absolute; top: 107px; left: -1px; margin: 0; display: none; z-index: 1000; width: 150px; }
#products .thumbs.small { margin-bottom: 0; }
#products .thumbs.small h5 { top: 56px; }
#products .wrapper { margin: 0 -10% 0 -40px; padding: 1.5em 10% 1.5em 40px; background: #e9efde url(/images/sub_nav_selected.gif) top left repeat-x; border-bottom: 1px solid #cad8b9; }
#products #intro { margin-bottom: 1.5em; overflow: hidden; }
#products #intro .admin.actions { position: absolute; right: 10px; list-style-type: none; }
#products #intro .admin.actions li { float: left; border-left: 1px solid transparent; }
#products #intro h1, #products #intro p { color: #666; margin-right: 10px; }
#products #intro h1 { font-size: 1.8em; font-family: "Helvetica Neue", Helvetica; line-height: 1.7em; margin-top: 0; margin-bottom: .125em; }
#products #intro h2, #products #intro h3, #products #intro h4, #products #intro h5, #products #intro h6 { margin-top: 10px; }
#products #intro h2 { font-size: 1.2em; }
#products #intro h3 { font-size: 1em; }
#products #intro h4 { font-size: 1em; }
#products #intro ul { list-style-type: square; padding-left: 14px; margin-top: 10px; }
#products #intro p { font-size: 1.5em; line-height: 1.5em; margin-bottom: 0; }
#products #intro .meta { width: 190px; float: right; font-size: 1em; margin-left: 20px; }
#products #intro .meta p { font-size: 1em; }
#products #intro .meta h2 { margin-top: 0; }
#products #intro a { font-weight: bold; text-decoration: none; border-bottom: 1px solid #999; color: #333; }
#products #intro a:hover { border-color: #333; color: #000; }
#products ul.product.with_thumb h3 { left: 56px; }
#products ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; }
#products ul:hover li.head h3, #products ul:hover li.head h2 { color: #4d4d4d; }
#products ul.selected { border: 1px solid #5c8727; width: 99.5%; }
#products ul.selected li.head { background: #fff url(/images/product_header-selected-top.gif) top left repeat-x; position: relative; }
#products ul.selected li.head h3, #products ul.selected li.head h2 { color: #4d4d4d; }
#products ul.selected li.head h2 { background: transparent url(/images/product_header-selected-bottom.gif) bottom left repeat-x; }
#products ul.selected li.head .sustainability_profile a { background-position: top left; }
#products ul.selected li.body { display: block; }
#products li.head { background-color: #fff; height: 4.5em; position: relative; border-bottom: 1px solid #c3d2ae; }
#products li.head:hover .admin.actions { display: block; }
#products li.head .thumb { float: left; width: 55px; height: 55px; background: #ccc; overflow: hidden; margin-right: 10px; }
#products li.head .thumb img { height: 130%; margin: -15%; }
#products li.head .admin.actions { position: absolute; top: 10px; left: -50px; display: none; }
#products li.head a { color: inherit; text-decoration: none; display: block; }
#products li.head h3, #products li.head h2 { font-family: "Helvetica Neue", Helvetica; color: #ccc; margin-bottom: 0; }
#products li.head h3 { font-size: .8em; padding: 1em 0 2em 1em; margin-bottom: -2em; position: absolute; top: 0; }
#products li.head h2 { width: 604px; font-size: 1.5em; padding: 1em 0 .5em .5em; }
#products li.head .sustainability_profile { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 10px; right: 10px; }
#products li.head .sustainability_profile li { float: left; margin-left: 5px; }
#products li.head .sustainability_profile li a { background-position: bottom left; height: 32px; width: 32px; text-indent: -999px; overflow: hidden; display: block; }
#products li.body { margin: 0; padding: 0; position: relative; display: none; }
#products li.body .photo_wrapper { width: 100%; overflow: hidden; position: relative; z-index: 1; }
#products li.body .photo_wrapper .photos { width: 3000px; left: 0; position: relative; }
#products li.body .photo_wrapper .photos img { display: block; float: left; width: 613px; }
#products li.body .photo_wrapper .photo_nav { position: absolute; top: 0; width: 613px; height: 300px; vertical-align: middle; }
#products li.body .photo_wrapper .photo_nav a { padding: 5px 10px; background: #fff; opacity: 0.7; display: block; position: absolute; top: 35%; font-weight: bold; font-size: 2em; text-decoration: none; color: #666; }
#products li.body .photo_wrapper .photo_nav a:hover { color: #333; opacity: 1; }
#products li.body .photo_wrapper .photo_nav a.disabled { opacity: .3; }
#products li.body .photo_wrapper .photo_nav a.left { left: 0; padding-right: 30px; }
#products li.body .photo_wrapper .photo_nav a.right { right: 0; text-align: right; padding-left: 30px; }
#products li.body .description { background: #666; opacity: .9; color: #eee; position: absolute; bottom: 0; margin: 0; padding: 0; font-size: 1.5em; line-height: 1.5em; overflow: hidden; width: 100%; z-index: 100; }
#products li.body .description a { color: #eee !important; }
#products li.body .description a:hover { color: #fff !important; }
#products li.body .description p { margin: 10px; }
#products li.body.no-image .description { position: relative; }

#sidebar dl { padding-right: 10px; margin-right: -10px; margin-bottom: 0; }
#sidebar dl dt, #sidebar dl dd { padding-right: 10px; margin-right: -10px; text-align: right; }
#sidebar dl a { text-decoration: none; }
#sidebar dl.hidden dt, #sidebar dl.hidden.selected dt { background-color: #ccc; background-image: none; }
#sidebar dl.selected dt { width: 870px; margin-right: 0; background: #d6e0c7 url(/images/nav_selected.gif) top left repeat-x; border-bottom-color: #cad8b9; border-top: 2px solid #9eb67e; margin-top: -2px; position: relative; z-index: 1000; }
#sidebar dl.selected dt a { color: #4d4d4d; padding-right: 690px; }
#sidebar dl.selected dd { border-bottom: 1px solid #a2b97f; display: block; background: #e9efde url(/images/sub_nav_selected.gif) top left repeat-x; }
#sidebar dt { background: #cedbbc; border-bottom: 2px solid #dbe5cd; }
#sidebar dt a { padding-top: .59em; padding-bottom: .59em; padding-right: 10px; margin-right: -10px; font-size: 1.2em; color: #7c8371; display: block; }
#sidebar dd { background: #e9efde; padding: 1.5em 10px 1.5em 0; margin: 0 -10px 0 0; display: none; }
#sidebar dd a { color: #999; }
#sidebar dd ul { margin: 0; padding: 0; list-style-type: none; }
#sidebar dd ul li.hidden { background-color: #ccc; margin-right: -10px; padding-right: 10px; }
#sidebar dd ul li.selected a { color: #666; font-weight: bold; }

#new_product li.head { height: auto; position: relative; }
#new_product li.head h2 { padding-top: 1.6em; }
#new_product li.head a { display: inline; }
#new_product li.head select { margin: 0; }
#new_product li.head input.text { width: 50%; }
#new_product li.head ul.sustainability_profile { width: 45%; top: 2.7em; }
#new_product li.body .description { position: relative; }
#new_product li.body .description label { color: #eee; display: block; float: none; }
#new_product li.body .description textarea { background: #777; width: 95%; height: 130px; border: none; color: #ccc; }
#new_product li.body #thumbs { padding: 10px; }
#new_product li.body #thumbs .photo { position: relative; margin-bottom: 10px; }
#new_product li.body #thumbs img { display: block; width: auto; }
#new_product li.body .buttons { overflow: hidden; float: none; margin: 0; padding: 0; background: #666; width: 100%; height: 100%; display: block; text-align: left; }